/* Parscale Media Style Sheet
-----------------------------------------------------------------------------

Prototype Version:  2.4
Developer: 			Giles-Parscale Inc
Email Address:		info@parscale.com
Developer Website:  http://www.parscale.com/

Client Website: 	http://
Last Modifier:		Brad Parscale - Giles-Parscale Inc
Last Modified: 		04.01.2012

*/

/* Table of Contents
-----------------------------------------------------------------------------

	1. Clean Base
	2. Base Typography
	3. Images
	4. Links
	5. Form
	6. Tables
	7. Framework

*/

/* 1. Create a Clean Base
------------------------------------------------------------------------------*/

html, body, br, hr, div, a, object, iframe, ul, ol, dl, li, dt, dd, h1, h2, h3, h4, h5, h6, p, blockquote, q, address,
small, big, cite, dfn, ins, del, i, em, b, strong, sup, sub, strike, pre, code, samp, kbd, var, tt, form, fieldset, legend, label,
input, textarea, option, .nobox {color:#484848; background: transparent; border: 0; font-size: 100%; margin: 0; outline: 0; padding: 0; vertical-align: baseline; font-family: Montserrat;}

blockquote, q {font-family: Montserrat, sans-serif; font-size: 20px; letter-spaceing: .05em; line-height: 30px; color: #ec00ac; quotes: none;}
br {height: 0;}
ul, ol, dl {list-style: none;}

/* Class for clearing floats */
.clear {clear:both; display:block; overflow:hidden; visibility:hidden; width:0; height:0;}


/* 2. Define Base Typography
------------------------------------------------------------------------------*/
/* Create the Default Paragraphs */
p, p font {font-family: Source Sans, sans-serif; font-size: 17px; text-transform: none; line-height: 30px; letter-spacing: .04em; color: #422f25;}
span {font-family: Montserrat, sans-serif; font-size: 13px;}
/* Specific Header Settings */
h1 {padding: 5px 0px 20px; color: #000; font-family: Montserrat, sans-serif; font-size: 35px; font-weight: bold; letter-spacing: .03em;}
h3 {font-family: Montserrat, sans-serif; font-size: 22px; font-weight: bold; color: #28628f; letter-spacing: .04em; line-height: 30px; text-transform: uppercase;}
h4 {font-family: Montserrat, sans-serif; font-size: 15px; letter-spacing: .075em;}
h5 {font-family: Source Sans, sans-serif; font-size: 15px; letter-spacing: .075em;}
h6 {font-family: Montserrat, sans-serif; font-size: 14px; letter-spacing: .075em;}

/* Other Typo */
strong {font-weight: bold; color: #fff;}
hr {border: 0px #bba083 solid; border-top-width: 1px; margin: 15px auto; width: 150px; clear: both; height: 0;}
ol {list-style: decimal;}
ul {list-style: disc;}
li {font-family: Montserrat, sans-serif; font-size: 14px;}
label {font-weight: 100; font-family: Montserrat,sans-serif; font-size: 14px; letter-spacing: .05em; color: #484848; line-height: 22px;}
em {font-family: Libre Baskerville, serif; text-transform: none; font-style: italic; color: #fff;}

/* Google Web Font Smoothing */
html, body, p, a, h1, h2, h3, h4, h5, h6 {-webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility;}

/* 3. Images
------------------------------------------------------------------------------*/

/* Remove border around linked images */
img {border: 0; border-style: none; max-width: 100%;}

/* 4. Links
------------------------------------------------------------------------------*/

/* Default Link Types */
a {font-family: inherit; letter-spacing: .05em; color: #000; text-decoration: none; cursor: pointer;}
a:hover {color: #000 !important; text-decoration: none;}
a:active {color: #000;}
a:focus {outline: none;}

/* 5. Forms
------------------------------------------------------------------------------*/

/* Removes fieldset borders. even on Opea 7 */
fieldset {border: 1px solid transparent;}

/* 6. Tables
------------------------------------------------------------------------------*/

/* Table Fixes */
table {border-spacing: 0; border-collapse: collapse; margin: auto;}
td {text-align: left; font-weight: normal; border: 1px solid; padding: 10px;}


/* 7. Framework
------------------------------------------------------------------------------*/

/* Helper Classes */
.c:after{clear: both; content: ""; display: block;}
.left, .list-left {float:left;}
.right, .list-right {float: right;}
.absolute {position: absolute;}
.relative {position: relative;}
.active {color: #00aeef !important;}
.columns {-webkit-column-count: 2; -moz-column-count: 2; column-count: 2;}
.auto {margin: auto;}
.center {text-align: center;}
.hide {display: none;}
.container {width:100%; margin: 0px auto 0px; max-width: 1300px; position: relative;}
.opacity0 {opacity: 0;}
.spacer {padding: .25%;}
.green {background: #706a51; width: 100%;max-width: 100%;}
.overlay {background: rgba(72, 67, 58, 0.35);position: absolute; top: 0; left: 0; right: 0; bottom: 0;}

.body {max-width: 590px; margin: 10px auto 0px;}

main {overflow: hidden;}
section {position: relative; text-align: center;}

.logo {z-index: 1; position: absolute; background: url(/images/site/logo_full.png) center no-repeat;background-size: contain;width: 540px;height: 300px;left: calc(50% - 270px);text-align: center;margin-top: -35px;}
.logo img {margin-top: 45px; max-width: 293px;}

.banner {position: relative;}
.banner .container {position: absolute; top: 30%; width: 100%; max-width: 100%;}
.banner .bg {width: 100%;}
.banner .banner-txt {margin: 0px auto 0px; max-width: 75%;}

.content div.left {padding-bottom: 2%; margin-top: -70px;width: calc(50% - 6px); text-align: left; background: #fff; border: 3px solid goldenrod; border-image: url(/images/site/image-goldfoil.jpg) 7 round;min-height: 600px;}
.content div.left .container {width: calc(95% - 50px);}
.content div.left p, .content .left li {color: #726b54; font-size: 17px; font-family: Source Sans Pro, sans-serif; margin: 0px 20px; line-height: 30px;}
.content div.left .coupon {margin-top: -70px;text-align: center; background: url("/images/site/coupon_bkg.png") center no-repeat; background-size: contain; padding: 50px 46px;}
.content div.left .coupon p {color: #000; margin: 10px 0px; font-family: Source Sans, sans-serif;max-width: 475px;margin:0 auto;}
.content div.left .coupon a {letter-spacing: .05em; font-family: Montserrat, serif; color: #fff !important; padding: 11px 25px; font-size: 14px; font-weight: bold; text-decoration: none; cursor: pointer; background: #986f43;}
.content div.left .divider.mobile-only {margin-bottom: 12px;text-align: center;position: relative;}
.content div.left .divider.mobile-only img {width: 25px; position: relative; z-index: 1;}
.content div.left .mobile-only .left-line {position: absolute;top: calc(50% - 18px);width: 30%;left: 15%;}
.content div.left .mobile-only .right-line {position: absolute;top: calc(50% - 18px);width: 30%;right: 15%;}
.content div.left ul, .content div.list-left, .content div.list-right {width: calc(48% - 25px);float: none;display: inline-table; margin: 15px 0px 15px 20px;}
.content div.list-left ul, .content div.list-right ul {width: 100%; margin: 0;}
.content div.left .plus {margin: 50px 20px 25px;}
.content div.right {width: 50%; margin-top: -4px;background: #706a51;}
.content div.right .top {padding: 50px 20px;background: url(/images/uploads/marble-info-back.png); background-size: cover; border: 3px solid goldenrod; border-image: url(/images/site/image-goldfoil.jpg) 7 round; border-left: 0;}
/images/uploads/marble-info-back.png
.content div.right .top h3 {font-size: 44px; color: #706a51; line-height: 60px; margin-bottom: 10px;}
.content div.right .top p {font-family: Source Sans Pro, sans-serif; color: #986f43; font-size: 22px; margin-bottom: 30px;}
.content div.right .top .divider {margin-bottom: 12px;text-align: center;position: relative;}
.content div.right .top .divider img {width: 25px; position: relative; z-index: 1;}
.content div.right .top .left-line {position: absolute;top: calc(50% - 18px);width: 30%;left: 15%;}
.content div.right .top .right-line {position: absolute;top: calc(50% - 18px);width: 30%;right: 15%;}
.content div.right .bottom h2 {font-size: 34px; color: #fff; line-height: 40px; margin: 40px auto 10px;}
.content div.right .bottom p, .content div.right .bottom a {color: #fff;}
.content div.right .bottom p {margin-bottom: 12px;}
.content div.right .bottom img {margin-bottom: 12px;}

.no-coupon .content div.left {padding-bottom: 0%;margin-top: 0;}
.no-coupon .content div.right {padding-top: 25px;}

.slider #prev img {position: absolute; left: -7px; top: calc(50% - 44px); z-index: 100; background: rgba(255, 255, 255, 0.68); padding: 28px 18px; border-radius: 0px 40px 45px 0px;}
.slider #next img {position: absolute; right: -7px; top: calc(50% - 44px); z-index: 100; background: rgba(255, 255, 255, 0.68); padding: 28px 18px; border-radius: 40px 0px 0px 45px;}


footer {background: #706a51; padding: 20px; text-align: center;}
footer a:hover {color: #fff !important;}
footer p {display: inline;color: #fff;font-family: Source Sans, sans-serif;}
footer img {vertical-align: middle; margin: -1px 1px 0px;}

.mobile-only {display:none;}

@media screen and (max-width: 1280px){
	h1 {font-size: 25px;}
	h5 {margin-top:25px !important;}
	.content div.left p {line-height: 20px;}
}

@media screen and (max-width: 1200px){
	h1 {padding-bottom: 0px !important;}
	h5 {font-size: 14px !important;}
	p {font-size: 15px !important;}
	li {font-size: 15px !important;}
	.content div.right .top {padding:52px 10px;}
	.content div.right .top p {margin-bottom: 12px;font-size: 17px !important;}
	.content div.right .top h3 {font-size: 17px; color: #706a51; line-height: 50px; margin-bottom: 10px;}
}

@media screen and (min-width: 1440px) {
	.slider .cycle-slideshow img {width: 100%;height:auto;}
}

@media screen and (max-width: 1130px){
	.main.left, .main.right {float: none !important; width: 100% !important;}
	.content div.left {width: calc(100% - 6px) !important;border: 3px solid goldenrod;border-image: url(/images/site/image-goldfoil.jpg) 7 round;}
	.content div.right .top {width: calc(100% - 26px);border: 3px solid goldenrod; border-image: url(/images/site/image-goldfoil.jpg) 7 round;}
	.content div.left .container {max-width: 600px;}
	.content div.left .coupon {padding: 80px 50px; max-width: 500px; width: 90%; margin: -70px auto 0;}
	.content div.left p, .content .left li {margin: 0px 30px;}
	.content div.left .plus {margin: 30px 30px 25px;}
}

@media screen and (max-width: 960px){
	.logo {background-size: 130%;margin-top: -5px;width: 250px;height: 150px;left: calc(50% - 125px);}
	.logo img {width: 165px;margin-top:15px;}
	.container .inner {width: calc(99% - 100px); padding: 60px 50px 0px;}
}

@media screen and (max-width: 768px){
	.container .stamp {right: 15px;}
	.container .top h1 {font-size: 18px;}
	.container .top img {width: 75%; margin: auto;}
	.inner .left {width: 100%}
	.inner .left .loc {padding-bottom: 0px;}
	.inner .left #mapkit-4216 {display: none;}
	.inner .right {display: none;}
	.inner .left .loc p {background: url(/images/site/icon-map.svg) no-repeat 95%; padding: 0 10% 0 0; background-size: 20px;}
	.mobile-form {display: block;}
	.mobile-form .link div {color: #fff; font-family: Verdana,sans-serif; letter-spacing: 1.5px;}
	.mobile-form .link img {width: 15px; margin: 0px 4px 3px;}
	.mobile-form .link.active img {transform: rotate(180deg); transition: 1s ease all;}
	.mobile-form form {min-height: auto; padding: 20px;}
	.mobile-form form input {float: left; margin: 15px 2%;}
	.mobile-form form input[type="submit"] {width: calc(96% - 15px); margin: 10px 2% 5px; padding: 13px 20px; font-size: 14px;}
	.dform_element {margin: 5px 0 10px;min-height: 50px;float: left;width: 50%;}
	#forms_field_4 {position: absolute; bottom: -30px; left: 20px; text-align: left;}
	#thanks .sub {padding: 0px 20px;}
	#thanks h3 {padding-top:20px;}
	#thanks .btn {max-width: 200px; margin-bottom: 20px;}
	.content div.left .coupon {max-width: 450px;width: calc(90% - 50px);}
	.content div.left {margin-top: -3px;}
	.content div.right .bottom img {margin: 25px;}
	.content div.right .top .divider {margin-bottom: 23px;}
	.content div.right .top p {margin-bottom: 25px;}
	.logo {background-size: 130%;margin-top: -12px;width: 224px;height: 150px;left: calc(50% - 112px);}
	.logo img {margin-top: 26px;width:140px;}
	img.footer-logo {width: 115px;}
	.content div.left p, .content .left li {display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;}
	.content div.right .bottom p a:hover {color:#FFF !important;}
}

@media screen and (max-width: 745px){
	footer p {display: block; margin-bottom: 10px}
	.content div.left .coupon p {font-size: 13px !important;line-height:21px;}
	.mobile-only {display:block;}
	.slider #prev img, .slider #next img {padding:15px 10px;}
}

@media screen and (max-width: 545px){
	h1 {font-size: 27px;}
	.content div.left {margin-top: -10px;}
	.content div.left .coupon {width: auto; background: none; padding: 0; margin: 15px auto 20px;}
	.content div.left ul {width: auto; display: block;}
	.logo {background-size: 130%;margin-top: -19px;width: 200px;height: 150px;left: calc(50% - 100px);}
	.logo img {margin-top: 29px;width: 125px;}
	.banner .container {top: 37%;}
}

@media screen and (max-width: 520px){
	p {font-size: 15px;}
	form input {font-size: 15px;}
	.inner .left .loc p {background: url(/images/site/icon-map.svg) no-repeat 98%; background-size: 20px;}
	.dform_element {width: 100%;}
	.mobile-form form input {width: calc(100% - 10px)}
	.mobile-form form input[type="submit"] {margin: 5px 2% 25px; width: calc(100% - 10px);}
	.container .stamp {width: 50px;}
	.logo {background-size: 144%;margin-top: -32px;width: 176px;height: 150px;left: calc(50% - 88px);}
	.logo img {margin-top: 39px;width: 110px;}
}


figure.rte-img-chosen {
    position: relative;
    bottom: 150px;
    width: 710px;
    right: 100px;
    -webkit-filter: drop-shadow(5px 5px 5px #222);
    filter: drop-shadow(3px 5px 5px #a0a0a0);