@import url('https://fonts.googleapis.com/css?family=Merriweather:300,400,400i,700');
@import url('https://fonts.googleapis.com/css2?family=Raleway&amp;display=swap');

.card_collection_2 p{
	text-align:left;
}

.toppadding-sm{padding-top:30px}
.toppadding{padding-top:50px;}
.bottompadding-sm{padding-bottom:30px}
.bottompadding{padding-bottom:50px;}
.allpadding{padding:50px;}
.allpadding-sm{padding:30px;}
.bottompadding-xs{padding-bottom:10px; }

.col-centered{float:none;margin:0 auto;}
.overlay-light{background-image:url('https://graceframe.com/images/grid-light.png');}

.button{background-color:#48A0C4; }

.button:hover,.button-full:hover{text-decoration:none;}
.compare{background-color:#F9F9F9;padding:20px 15px 5px 15px;}
.accent,.heading-block .accent{color:#B14949;}
.accent-blue,.heading-block .accent-blue{color:#48A0C4;}
.bg-accent{background-color:#B14949;}
.topborder-sm{border-top:2px solid #B14949;}
.bottomborder-sm{border-bottom:2px solid #B14949;}
.line{border-top:1px solid #DDD;}
.feature-box{padding:0 0 0 110px;}
.feature-box.fbox-right{padding:0 110px 0 0;text-align:right;}
#content .de-emph{font-size:.85em;line-height:normal;}
#content p.de-emph{margin-bottom:10px;}
.feature-box .fbox-icon{width:100px;height:100px;}
.feature-box .fbox-icon img{background-color:transparent;border:1px solid #48A0C4;}
#content .feature-box p{line-height:1.4;color:rgb(85,85,85);}
.alert_link:hover{color: #48A0C4 !important; text-decoration: underline !important;}

#primary-menu ul li{ margin-left:2px !important;}
.clear{ float: none; clear: both;}

.product-title{ margin-bottom:0;}
.product-title h3{ font-size:16px;}
.pp_right .product_price{ font-size:14px;}

.secondary{color:#B14949;}
.button-secondary{background-color:#B14949;}
.heading-block .secondary {color:#B14949;}
.bgcolor-second{background-color:#B14949;}

.primary{color:#48A0C4;}
.button-primary{background-color:#48A0C4;}
.heading-block .primary {color:#48A0C4;}
.bgcolor-primary{background-color:#48A0C4;}


.primary-dark{color:#3D88A7;}
.button-primary-dark{background-color:#3D88A7;}
.heading-block .primary-dark {color:#3D88A7;}
.bgcolor-primary-dark{background-color:#3D88A7;}

.button-qblue{background-color: #0C7BBE;}
.qblue{color: #0C7BBE;}
.bgcolor-qblue{background-color: #0C7BBE;}
.heading-block .qblue{color: #0C7BBE;}


.bottom-border{border-bottom: 2px solid #48a0c4;}
.top-border{border-top: 2px solid #48a0c4;}
.bottom-border-sm{border-bottom: 1px solid #48a0c4;}
.top-border-sm{border-top: 1px solid #48a0c4;}

.bottom-border-secondary{border-bottom: 2px solid #B14949;}
.top-border-secondary{border-top: 2px solid #B14949;}
.bottom-border-secondary-sm{border-bottom: 1px solid #B14949;}
.top-border-sm-secondary{border-top: 1px solid #B14949;}


/*overide borders under headers using heading-block. They were too short and too far down*/
.center .heading-block::after, .heading-block.center::after, .heading-block.title-center::after{margin-top: 10px;}
.heading-block::after{width:300px;}


label{font: inherit;}



.newsletter-mother{}
.newsletter-mother .heading-block{ margin-bottom: 25px;}
.newsletter-mother h1{font-family: 'Lato', sans-serif; font-size: 38px;}
.newsletter-mother .heading-block.center > span{ font-size: 24px; color: #A14746; font-weight: 400;}
.newsletterWidht{ max-width: 750px; margin: 0 auto;}
.newsletterWidht p.lead{color: #484848; font-family: 'Merriweather', serif; font-size: 14px; line-height: 24px !important; padding-left: 8%; margin-top: 66px; font-weight: 400;}
.newsletter-mother #mc_embed_signup h2{ font-size: 16px; color: #333; line-height: 19px; margin-bottom: 10px;}
.newsletter-mother #mc_embed_signup .indicates-required{ color: #A14746; font-size: 11px; line-height: 12px; margin-bottom: 5px;}
.newsletter-mother .col_last{padding-left: 10px; margin-bottom: 7px;}
.newsletter-mother #mc_embed_signup .mc-field-group input{ text-indent: unset; padding: 10px 5px 10px 13px; font-size: 14px; line-height: 18px; border: 1px solid #979797; font-family: 'Lato', sans-serif; font-weight: 400;}
.newsletter-mother #mc_embed_signup .mc-field-group{min-height: 62px;}
.newsletter-mother #mc_embed_signup .button{ margin-top: 11px; background-color: #9F464D; font-size: 14px; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; height: 38px; line-height: 38px; font-family: 'Lato', sans-serif; font-weight: 400;}
.newsletter-mother #mc_embed_signup .button:hover{background-color: #833c42;}
.newsletter-mother #mc_embed_signup form{ padding-bottom: 0; margin-bottom: 0;}
.motherday-img{text-align: center;}
.motherday-img img{max-width: 1080px; width: 100%;}

.brand-listing-title.heading-block { font-size:30px; font-weight:600; color:#444; margin-bottom:15px}
.brand-listing ul{ margin-left:-20px;}
.brand-listing ul li{ padding-left:20px; width:25%; float:left; display:block; text-align:center; margin-bottom: 40px;}
.brand-listing ul li img{ max-width:200px; width: 100%; height: 220px !important; object-fit: cover;}
.brand-title{ margin-top:8px; color: #444444; font-size: 22px;	font-weight: 600; line-height:normal; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.brand-title a{ margin:10px 0 0; display:block; width:162px; height:46px; line-height:46px; text-align:center; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; background-color: #48A0C4; text-transform:uppercase; color:#fff; font-size:16px; font-weight:700;}
.brand-title a:hover{ background-color: #333;}
.brand-title span{ display:block; font-size:24px; height: 46px; line-height: 46px; text-align: center;}
.brand-listing ul li .brand-title a{margin: 20px auto 0 !important;}
.brand-details-left{ float:left; width:286px; margin-right:20px; text-align:center;}
.brand-details-left img{max-width:286px; width:100%;}
.brand-details-right{ float:left; width:832px; font-size:14px; line-height:25px; color:#555; font-family: 'Lato', sans-serif;}
.brand-link{font-style:italic; border-bottom:2px solid #34798C; color:#555;}
.brand-social{}
.brand-social a{ display:inline-block; margin-right:16px; height:40px; width:40px; background-repeat:no-repeat; background-position:0 0; margin-top:8px;}
.brand-social a.brand-facebook{background-image:url('https://graceframe.com/frontend/images/facebook.jpg');}
.brand-social a.brand-twitter{background-image:url('https://graceframe.com/frontend/images/twitter.jpg');}
.brand-social a.brand-pinterest{background-image:url('https://graceframe.com/frontend/images/pinterest.jpg');}
.brand-social a.brand-instagram{background-image:url('https://graceframe.com/frontend/images/instagram.jpg');}
.brand-social a.brand-youtube{background-image:url('https://graceframe.com/frontend/images/youtube.jpg');}
.brand-social a.brand-snapchat{background-image:url('https://graceframe.com/frontend/images/snapchat.png');}
.brand-social a.brand-tumblr{background-image:url('https://graceframe.com/frontend/images/tumblr.png');}
.brand-social a.brand-reddit{background-image:url('https://graceframe.com/frontend/images/reddit.png');}
.brand-social a.brand-medium{background-image:url('https://graceframe.com/frontend/images/medium.png');}
.brand-social a.brand-linkedin{background-image:url('https://graceframe.com/frontend/images/linkedin.png');}
.brand-social a.brand-tiktok{background-image:url('https://graceframe.com/frontend/images/tiktok.png');}
.brand-social a:hover{ opacity:0.6;}
.brand-details-right p{
line-height: 1.5;
margin-bottom: 15px;
}


@media screen and (max-width: 1565px) and (min-width: 991px) {
body.stretched #header.full-header .container{ padding: 0 10px;}
#header.full-header #primary-menu > ul{ padding-right:3px; margin-right:0;}
#primary-menu ul li > a{ padding-left: 10px !important; padding-right: 10px !important;}
}
@media screen and (max-width: 1375px) and (min-width: 991px) {
#header.full-header.dark #header-wrap:not(.not-dark) #logo{ margin-right:0;}
body.stretched #header.full-header .container{ padding:0 10px;}
#header.full-header.dark #header-wrap:not(.not-dark) #logo{ margin-right:0;}
#primary-menu ul li > a{ font-size: 12px !important; font-weight:normal !important;}

}

@media screen and (max-width: 1330px) and (min-width: 991px) {
#primary-menu ul li{ max-width:none !important;}
#primary-menu ul li > a{font-size: 11px !important; }    
}

@media screen and (max-width: 1280px) and (min-width: 991px) {
#primary-menu ul li{ max-width:100px !important;}
#primary-menu ul li > a{ height: 99px;}
#primary-menu ul ul li{ max-width:100% !important;}
#primary-menu ul ul li > a, #header.sticky-header:not(.static-sticky) #primary-menu > ul > li > a{ height: auto;}

}

@media screen and (max-width: 1220px) and (min-width: 991px) {
#page-menu nav li a{ padding:0 9px !important; margin:8px 3px !important;} 
#portfolio-filter{ display:block !important;}
#portfolio-filter.portfolio-filter li.activeFilter a{ padding:10px 7px; font-size:11px; line-height:12px;}
.brand-details-right{ width:750px;}
}

@media screen and (max-width: 1185px) and (min-width: 991px) {
#header.full-header #primary-menu > ul{ margin-right:0; padding-right:5px;}    
#header.full-header.dark #header-wrap:not(.not-dark) #logo{ margin-right: 0 !important;}
#primary-menu ul li{ max-width:85px !important;}
#primary-menu ul li > a{ padding-left: 5px !important; padding-right: 5px !important; font-size: 11px !important; }
#primary-menu ul ul li{ max-width:100% !important;}
#primary-menu ul ul li > a{font-size: 12px !important;}
.brand-details-right{ width:600px;}
brand-listing ul { margin-left: -10px;}
.brand-listing ul li{ width: 310px; }
}

@media screen and (max-width: 1140px) and (min-width: 991px) { 
#primary-menu ul li{ margin-left:1px !important;}
#primary-menu ul li > a{font-size: 10px !important; }
} 

@media screen and (max-width: 1024px) and (min-width: 991px) { 
#primary-menu ul li{ max-width:80px !important;}
#primary-menu ul ul li{ max-width:100% !important;}  
}

@media screen and (max-width: 991px) {
.content-wrap.newsletter-mother{ padding: 40px 0;}
.newsletter-mother .heading-block h1{ font-size: 26px; line-height: normal;}
.newsletter-mother .heading-block.center > span{max-width: 100%; line-height: normal; margin: 0; font-size: 18px;}
.newsletterWidht{max-width: 100%;}
.brand-listing-title{ text-align:center;}
.brand-listing ul{ margin-left:0; max-width:500px; margin:0 auto;}
.brand-listing ul li:first-child{ margin-top:30px;}
.brand-listing ul li{ width:50%; margin:30px 0 0 0}
.brand-details{ margin-top:30px;}
.brand-details-left{ float:none; max-width:320px; width:100%; margin:0 auto;}
.brand-details-right{ float:none; width:100%;}
.brand-details-left .brand-title{ display:none;}
.brand-details-right .brand-title{ display:block;}
}

@media screen and (max-width: 768px) {
#portfolio-filter{ display:block !important;} 
.content-wrap.newsletter-mother{ padding: 20px 0;}
.newsletter-mother .heading-block h1{ font-size: 20px !important; }
.newsletter-mother .heading-block.center > span{font-size: 16px;}
.newsletterWidht .col_half{ width: 100%; text-align: center; margin-bottom: 0 !important;}
.newsletterWidht p.lead{padding: 0; margin: 0;}
.newsletter-mother .col_last{width: 100%; padding: 0;}
.newsletter-mother #mc_embed_signup h2{text-align: center;}
.newsletter-mother #mc_embed_signup .button{display: block; margin: 0 auto;}
.brand-listing ul li{ float: none; width: 100%;}
}
@media screen and (max-width: 479px) {
.newsletter-mother .container, .motherday-img.container{width: 100% !important;}
.newsletter-mother .heading-block{ padding-left: 15px; padding-right: 15px;}
}

.noheader{background: #333333;}
.noheader #logo img{ height: 80px;}
.noheader .topRight { text-align: right;}
.noheader #top-cart{ display: inline-block; margin: 25px 0 25px 25px;}
.noheader #top-cart a{ color: #fff;}
.noheader .topRight .top-contact{ display: inline-block; padding-top: 25px;}
.noheader .topRight .contact-bar a, .noheader .topRight .contact-bar{ color: #fff;}
.noheader .topRight .contact-bar span{ display: inline-block; margin: 0 3px; color: #909090;}
.noheader .topRight .contact-bar i.fa{ font-size: 15px; margin-right: 5px; vertical-align: 0;}
.nofooter{ text-align: center; background-color: #292929; color: rgba(255,255,255,0.25); text-shadow: 1px 1px 1px rgba(0,0,0,0.1); padding:10px 0;}
body.no_menu_product .breadcrumb,body.no_menu_product .add-to-wishlist,body.no_menu_product .product_details_qty,body.no_menu_product .add-to-wishlist,body.no_menu_product .si-share{
display: none !important;
}
body.no_menu_product .postcontent.col_last{
float: none !important;
margin: 0 auto !important;
width: 80% !important;
max-width:1280px !important;
}
body.no_menu_product #page-title .container {
position: relative !important;
width: 80% !important;
max-width:1280px !important;
}
body.no_menu_checkout .breadcrumb{
display: none !important;
}
.a-text-strike, .add-to-cart-bottom .displayed_discount {
text-decoration: line-through!important;
font-size:80%!important;
color:#878787!important;
font-weight: normal!important;
margin-left: 12px;
}
body.no_menu_product .pd_cko_btn{
float:none!important;
width:100%!important;
}
.alert_link{
color:#337ab7!important;
}
.alert_link:hover{
color:#337ab7!important;
text-decoration: underline;
}

@media screen and (max-width: 415px) {
#scalecontainer {
display: none;
}
#scalecontainerMobile {
display: block;
}
}
@media screen and (min-width: 415px) {
#scalecontainer {
display: block;
}
#scalecontainerMobile {
display: none;
}
}

.symbol.required:before {
content: "*";
display: inline;
color: #E6674A;
}
.survey_div h3{
margin-bottom: 10px!important;
font-weight: 500!important;
}
.survey_div label.control-label{
text-transform: none!important;
}
.survey_div div.checkbox,.survey_div div.radio{
margin-top: 0px!important;
margin-bottom: 0px!important;
}
.survey_div label{
text-transform: none!important;
}
.survey_div .option_question{
margin-bottom: 10px;
margin-left: 20px;
display: none;
}
form .form_error,.error-block {
display: block;
margin-top: 5px;
margin-bottom: 10px;
color: #E6674A;
}
form .form_error{
margin-bottom: 5px;
}
.error_msg{
    color: #E6674A;
}
.so_div{
display: inline-block;
padding-left: 10px;
}
.checkout_page label{
text-transform: unset!important;
}

.dealerApplication{}
.dealerApplication h1{font-weight: bold; color: black;  font-size: 24px; border-bottom: 1px solid #ccc; padding: 10px 0; text-align: center;}
.dealerApplication .center-block{float: none;}
.dealerApplication .content-wrap{padding: 0 0 40px; }
.dealerApplication h2{color: #000; font-size: 20px; font-weight: 700; margin-bottom: 10px;}
.reqField{color: red; text-align: right; font-weight: 700; margin-bottom: 10px;}
.red{color: red;}
.dealerApplication .form-group label{font-size: 15px; font-weight: 700; color: #000; display: block; margin-bottom: 10px; text-transform: none; letter-spacing: 0; opacity: 1;}
.dealerApplication .form-control{ -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; border: 1px solid #bfbfbf; height: auto; color: #000;}
.dealerApplication .form-control:hover, .dealerApplication .form-control:focus{border-color: #1ABC9C; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none;}
.dealerApplication .form-control.error, .dealerApplication .form-control.error:hover, .dealerApplication .form-control.error:focus{border-color: red;}
.number-1, .number-2{float: left;}
.number-1{width: 22%; padding-right: 10px;}
.number-2{width: 30%;}
.dealerApplication input::placeholder { font-style: italic;}
.dealerApplication input:-ms-input-placeholder { /* Internet Explorer 10-11 */
font-style: italic;
}

.dealerApplication input::-ms-input-placeholder { /* Microsoft Edge */
font-style: italic;
}
.pt-10{margin-top: 10px;}
.mr-10{margin-right: 10px;}


.form-group label.check-box, .form-group label.radio-box {
display: block;
position: relative;
padding-left: 35px;
margin-bottom: 12px;
cursor: pointer;
font-weight: 400; line-height: 16px; padding-top: 3px; min-height: 25px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}

/* Hide the browser's default checkbox */
.check-box input, .radio-box input {
position: absolute;
opacity: 0;
cursor: pointer;
height: 0;
width: 0;
}

/* Create a custom checkbox */
.check-box .checkmark {
position: absolute;
top: 0;
left: 0;
height: 25px;
width: 25px;
background-color: transparent; border: 1px solid #1ABC9C;
}

/* On mouse-over, add a grey background color */
.check-box:hover input ~ .checkmark, .radio-box:hover input ~ .checkmark {
background-color: #EBEBEB;
}

/* When the checkbox is checked, add a blue background */
.check-box input:checked ~ .checkmark, .radio-box input:checked ~ .checkmark {
background-color: #1ABC9C;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
content: "";
position: absolute;
display: none;
}

/* Show the checkmark when checked */
.check-box input:checked ~ .checkmark:after, .radio-box input:checked ~ .checkmark:after {
display: block;
}

/* Style the checkmark/indicator */
.check-box .checkmark:after {
left: 7px;
top: 2px;
width: 8px;
height: 14px;
border: solid white;
border-width: 0 3px 3px 0;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
.radio-box .checkmark { position: absolute; top: 0; left: 0; height: 24px; width: 24px; background-color: transparent; border: 1px solid #1ABC9C; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%;}
.radio-box .checkmark:after { top: 50%; left: 50%; margin-top: -4px; margin-left: -4px; width: 8px; height: 8px; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; background: white;}

.table > thead > tr > th{border-bottom: 1px solid #000; color: #000;}
.table > tbody > tr > td {border-color: #000;}

.renewal{font-size: 15px; color: #000; padding-top: 10px;}
.priceTable{border: 1px solid #000; border-collapse: collapse; width: 100%;}
.priceTable td, .priceTable th{font-size: 16px; color: #000; font-style: italic; padding: 5px 20px; border: 1px solid #000; border-collapse: collapse; font-weight: 700;}
.priceTable th{font-size: 20px; text-align: center; padding: 10px;}
.legalities{}
.legalities ul{list-style: upper-alpha; padding-left: 15px; color: #000; font-size: 14px;}
.legalities ul li{margin-bottom: 10px;}
.legalities ul li p{padding-bottom: 10px; margin-bottom: 0; line-height: 20px !important;}
.readmap{color: #000; font-weight: 700; font-size: 15px;}
.readmap .form-control{ border: 0; font-weight: 400; border-bottom: 1px solid #bfbfbf; }
.readmap .form-group{float: left; width: 100%;}
.readmap .form-group label.control-label{padding-right: 0; margin: 5px 0 0 0; max-width: 85px;}
.bottom-input{padding-left: 0;}
.readmap .form-group .name-1{width: 59%;}
.readmap .form-group label.date-1{max-width: 60px;}
.priceTable td.bor-bot-0{border-bottom-color: transparent; padding-bottom: 0;}
.dealerApplication .buttonForm{ padding-top: 20px;}
.dealerApplication .buttonForm .btn{ font-size: 20px; padding: 10px 50px;}
.company-table table td{vertical-align: middle !important;}
.company-table .years{width: 50px;}
.company-table .zip{width: 60px;}
.company-table .state{width: 70px;}
.company-table .city, .company-table .country{width: 100px;}
.company-table .address{width: 150px;}
.company-table .action-button {text-align: center; padding-left: 0; padding-right: 0; width: 40px;}
.company-table .action-button i{margin: 0; font-size: 16px; color: #2392ec; cursor: pointer;}
.company-table .action-button i.fa-minus-circle{color: red;}
.company-table .action-button i:hover{opacity: 0.7;}
.company-table table td, .company-table table th{padding-left: 0 !important;}
.trade-table{}
.trade-table td{min-width: 130px;}
.trade-table tr td:first-child{min-width: 20px; vertical-align: middle}

.location-table{}
.location-table .table > thead > tr > th{vertical-align: middle; line-height: 13px;}
.location-table .table > thead > tr > th, .location-table .table > tr > td{ font-size: 13px; padding-left: 2px; padding-right: 2px !important;}
.location-table input.form-control{padding-left: 2px !important; padding-right: 2px !important; font-size: 12px;}

#top-cart .top-cart-content{display:none;}
#top-cart:hover .top-cart-content{ display:block;}
.top-cart-action .button.button-small{ padding:0 10px !important;}

#gdpr-cookie-message{ display:none !important;}

.display-none{
display: none;
}

.product-options{
border-bottom:solid 1px #000;
margin-bottom: 12px;
}

.thread_options{
padding:0px !important;
margin: 0px !important;
}

.thread_options li{
    width: 50px;
    padding-right: 8px;
    padding-bottom: 8px;
    display: inline-block;
}

.thread_options input[type="radio"]{
opacity:0;
position: absolute;
}

.thread_color_heading{
text-transform: none !important;
color:#BCBCBC;
font-size:20px;
padding-bottom:10px;
}
.thread_color_heading span{
color:#000;
padding-left:5px;
}
.thread_options span{
display: inline-block;
padding:1px;
cursor:pointer!important;
}
.thread_options span.active{
border:solid 1px #000;
}

.survey-blog{}
.survey-blog h4{margin-bottom: 10px;}
.survey-blog h3{margin: 20px 0 10px; font-size:18px;}
.survey-blog .infusion-field {margin-bottom: 15px;}
.survey-blog .infusion-field label{display: block; text-transform: inherit; color:#555; margin-bottom: 5px; letter-spacing:0;}
.survey-blog .infusion-field .infusion-field-input{ border: 1px solid #cccccc; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; width: 100%; height: 34px; padding: 6px 12px; font-size: 14px; line-height: 1.42857143; color:#555;}
.authoring-image.image-snippet img{ height:175px !important; width:auto;}
.survey-border{border-bottom: 1px solid #ddd; margin-bottom: 15px;}
.survey-blog .form-group label{margin-bottom: 5px;}
.survey-blog .radio label, .survey-blog .checkbox label{padding-left: 5px;}

#header.sticky-header #top-cart a{ padding:25px 8px 35px 10px; font-size: 36px;}
#header.sticky-header #top-cart > a > span{top:9px;}

/*  Custom CSS for Shopping cart fix           */
#top-cart #icon-shopping-cart{
font-size: 300%;

}
.featured-small{text-align: center;}
.brand-img{ float: left; max-width: 180px; margin: 0 25px 35px 0;}
.brand-locaion{border-left: 1px solid #666;}
.brand-locaion h3{margin-bottom: 5px;}
.brand-locaion h4{ margin-bottom: 0;}
.offer-link{float: right; font-weight: 400; font-size: 14px; margin-top: 8px;}
.offer-link a.yes{color: red;}
.offer-link a.no{color: #666; margin-left: 10px;}
.offer-link a:hover{color: #48A0C4;}
.brand-adress{ margin-bottom: 15px;}
.brand-adress a{ color: #48A0C4; display: block;}
.brand-adress i{text-align: right; float: right; font-size: 22px;}
.brand-adress .fa-angle-up{display: none;}
.brand-adress a.active .fa-angle-up{display: block;}
.brand-adress a.active .fa-angle-down{display: none;}
.grey-address{background: #666; color: #fff; padding:10px 15px; list-style: none; margin-top: 5px;}
.grey-address li{ padding-bottom: 5px; border-bottom: 1px solid #989797; margin-bottom: 10px;}
.grey-address li:last-child{border-bottom: 0;}
.grey-address li strong{ font-weight: 700; line-height: normal; margin-bottom: 5px; display: block;}
.grey-address li label{ display: block; position: relative; padding-left: 25px; margin-bottom: 5px; cursor: pointer; color: #fff; font-size: 12px;}
.grey-address li label span { position: absolute; top: 0; left: 0; height: 16px; width: 16px; border: 1px solid #fff; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px;}
.grey-address li label .checkmark:after {left: 4px; content: ''; top: 0; width: 5px; height: 10px; border: solid white; border-width: 0 1px 1px 0;  -webkit-transform: rotate(45deg);  -ms-transform: rotate(45deg);  transform: rotate(45deg);     display: inline-block;
										  position: absolute;}
.no-event{ color: #af4a4b; background: url(https://graceframe.com/frontend/images/no-event.jpg) 0 0 no-repeat; padding-left: 45px; line-height: 22px; font-size: 20px;}

.brand-adress a:link:focus, .brand-adress a:visited:focus{background-color: transparent; color: #48A0C4;}
.fc-view-container table{margin-bottom: 0 !important;}
.fc-view-container table th{ padding: 5px 0 !important; font-weight: 700 !important;}
.top-links ul div.top-link-section	{display: none !important; }
.top-links ul li.open div.top-link-section	{display: block !important; pointer-events: auto; opacity: 1 !important; z-index: 99999;}
#top-login-password{margin-bottom: 10px;}
.cookie-consent{z-index: 9998 !important;}
.modal{z-index: 9999999999;}

@media screen and (max-width: 1155px) {
.dealerApplication .col-md-8{width: 80%;}
}

@media screen and (max-width: 1024px) {
.dealerApplication .col-md-8{width: 100%;}
}

@media screen and (max-width: 991px) {
.dealerApplication .container{width: 100%;}
.brand-locaion{border-left: 0; margin-top: 25px;}
#header.dark.transparent-header, #header.dark.semi-transparent{z-index: 9999;}
.footer-widgets-wrap .col_two_third{width: 100%; margin: 0;}
.footer-widgets-wrap .col_two_third .col_one_third{width: 46%;}
.footer-widgets-wrap .col_one_third.col_last{width: 100%; margin: 32px 0 0;}
}

@media screen and (max-width: 767px) {
.dealerApplication .container{width: 100% !important;}
.dealerApplication h1{font-size: 20px; margin-bottom: 10px;}
.dealerApplication h2{font-size: 16px;}
.dealerApplication .form-group{margin-bottom: 10px;}
.dealerApplication .form-group label{font-size: 13px; margin-bottom: 5px;}
.dealerApplication .form-control{font-size: 13px;}
.priceTable th{font-size: 16px;}
.priceTable td{font-size: 14px; padding: 5px;}
.brand-img{float: none; margin: 0 auto 10px; display: block;}
.slider-caption, .nivo-caption, .flex-caption{padding: 20px !important; }
.top-links ul li.open div.top-link-section{left: 50%; margin-left: -140px;}
.mobile-none{display: none;}
.swiper-pagination{bottom: 5px !important;}
.topmargin-lg{margin-top: 30px !important;}
.bottommargin, .bottommargin-lg{margin-bottom: 30px !important;}
.mobile-parallax{height: auto !important;}
.content-wrap{padding: 20px 0;}
.content-wrap .header-stick { margin-top: -20px !important; }
.content-wrap .footer-stick { margin-bottom: -20px !important; }
.mobile_block{display: block;}
.mobile_mt_24{margin-top: 24px;}
}

@media screen and (max-width: 600px) {
.number-1{width: 26%;}
.number-2{width: 48%;}

}


#page-menu nav li.financingButton{background: #f72d23; }
#page-menu nav li.financingButton a{outline: none !important;}

.motherday-box{margin-top: 55px;}
.motherday-left-bg{ background: url('https://graceframe.com/frontend/images/mother-left-bg.png') left bottom no-repeat;}
.motherday-right-bg{ background: url('https://graceframe.com/frontend/images/mother-right-bg.png') right bottom no-repeat;}
.qct-push-pro, .mother-finesse{float: left; max-width: 774px; width: 60.50%; padding-right: 45px;}
.mother-day-sale, .mother-day-free{float: right; padding: 82px 45px 0 0; width: 39.50%; text-align: center;}
.mother-day-sale img, .mother-day-free img{margin-bottom: 45px; -moz-box-shadow: -13px 13px 20px -2px rgba(0,0,0, 0.25); -webkit-box-shadow: -13px 13px 20px -2px rgba(0,0,0, 0.25); box-shadow: -13px 13px 20px -2px rgba(0,0,0, 0.25);}
.qct-push-pro img, .mother-day-sale img, .mother-finesse img, .mother-day-free img{max-width: 100%;}
.shopNow{display: inline-block; text-transform: uppercase; color: #fff; font-size: 30px; font-weight: 700; line-height: 36px; padding: 10px 46px 9px; background: #f05d85;}
.shopNow:hover{color: #fff; background: #d65175;}
.mother-automation{margin: 108px auto 48px; max-width: 791px; width: 100%; border: 1px solid #7c7c7c; text-align: center; padding-bottom: 48px;}
.mother-automation-title{margin-top: -40px;}
.mother-automation-saving{ color: #757576; font-size: 30px; line-height: 36px; text-shadow: rgba(0,0,0,0.11); margin-top: 20px; letter-spacing: 1.2px;}
.mother-automation-saving span{ color: #EFD43D; font-weight: 700;}
.mother-touch-beginning{margin: 3px 0 38px; font-size: 16px; line-height: 19px; letter-spacing: 1px; color: #757576;}
.mother-true-cut{margin-top: 68px; text-align: center;}
.mother-true-cut .shopNow{margin-top: 20px;}
.mother-finesse-box{margin: 68px auto 60px;}
.mother-finesse{float: left;}
.mother-day-free{float: right; padding-top: 20px;}

@media all and (max-width: 1070px) {
.qct-push-pro, .mother-finesse{padding-right: 0; text-align: center; width: 100%; float: none;}	
.mother-day-sale, .mother-day-free{width: 100%; padding: 40px 0 0 0; float: none;}
}

.mother-true-width{max-width: 780px; margin: 0 auto;}
.mother-true-cut-left{float: left;}
.mother-true-cut-right{float: right; padding-top: 44px;}
@media (max-width: 767px) {
.mother-true-cut-left{float: none;}
.mother-true-cut-right{float: none; padding-top: 35px;}
}

/* Start financing */
.card-synchtab{float: left; width: 100%;}
.syf-mpp-modal-content{margin-top: 3.5rem !important;}
#financingprice	{font-size: 1.2em; color: #ed1c24; font-weight: bold;}
#financingprice:hover{color: #000;}
#synchtab { background-color: #fbc70d; color: #333; order: 1;}
.fintabs { border: 1px solid #dedede; padding: 5px; flex-shrink: 0; text-align: center; font-weight: bold;    height: 54px; border-top-left-radius: 10px; border-top-right-radius: 10px; position: relative; margin-bottom: -20px; z-index: 99;}
.synchronybox { border: 1px solid #D1D1D0;}
.finbox { border: 1px solid #dedede; font-size: 16px; padding: 10px; flex-shrink: 0; text-align: center;    background-color: #fff; position: relative; z-index: 100; border-radius: 9px;}
.financing-pop_open{color: #48A0C4;text-decoration:underline !important;font-style:italic;}
.financing-pop_open:link:focus, .financing-pop_open:visited:focus{background: transparent; color: #48A0C4;}
.card-synchtab .widgetDiv img{margin-top: 0 !important}
.card-synchtab .widgetDiv{align-items: flex-start !important;}
.card-synchtab .widgetDiv p{padding-bottom: 0 !important;}

.product_synchrony .card-synchtab{-moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; -moz-box-shadow: 0px 2px 12px rgba(26, 26, 26, 0.1); -webkit-box-shadow: 0px 2px 12px rgba(26, 26, 26, 0.1); box-shadow: 0px 2px 12px rgba(26, 26, 26, 0.1);}
.product_synchrony #synchtab{color: #1a1a1a; background: #F4C746;}
.product_synchrony .synchronybox{border: none;}
.product_synchrony .fintabs{font-family: 'Open Sans', sans-serif; font-weight: 600; font-size: 20px; line-height: 27px; height: auto; -moz-border-radius: 4px 4px 0 0; -webkit-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0; margin: 0; padding: 11px 5px 13px;}
.product_synchrony .finbox{border: none; padding: 20px 8px; -moz-border-radius: 0 0 4px 4px; -webkit-border-radius: 0 0 4px 4px; border-radius: 0 0 4px 4px; font-size: 20px; line-height: 27px; font-weight: 600;}
.product_synchrony #financingprice{font-family: 'Merriweather', serif; font-size:24px; line-height: 30px; color: #CD1D00; vertical-align: middle;}

@media (max-width: 767px) {
.product_synchrony .fintabs{font-size: 18px; line-height: 25px; font-weight: 400;}
.product_synchrony .finbox{padding: 16px 5px;}
.product_synchrony #financingprice{font-family: 'Open Sans', sans-serif; font-size: 20px; line-height: 27px; font-weight: 600; display: block; margin-top: 8px;}
}

#financing-pop .form-group{margin-bottom: 10px;}
#financing-pop .form-group label{font-weight: 700; margin-bottom: 0;}
#financing-pop .modal-dialog{max-width: 400px;}
#financing-pop .modal-dialog p{line-height: normal; margin-bottom: 15px;}
#FAformerrors { color:red; font-weight:bold; display:none;  }
#FAstart a, #FAthankyou a {width:100%;}
#FAstart img, #FAthankyou img { max-width:100%; margin-bottom:0;}
#FAstart label {width:100px; text-align:right;}
@media (max-width: 400px) {
#FAstart label { display:block; width:100%; text-align:center;}
}
/* End financing */

.coupon_offer p{
margin-bottom: 10px;
margin-top: 10px;
background: #EEE;
padding: 10px;
border: solid 1px #bbb;
font-size: 16px;
color: #000;
}

button[disabled],.btn.disabled, .btn[disabled], fieldset[disabled] .btn {
cursor: not-allowed !important;
filter: alpha(opacity=65);
-webkit-box-shadow: none;
box-shadow: none;
opacity: .65;
}
button.btn_with_spinner i{
display: none !important;
}
button.btn_with_spinner[disabled] i{
display: inline-block !important;
}

.footer-phone{position: fixed; right: 12px; bottom: 8px; -transition-duration:0.5s; -webkit-transition-duration:0.5s; -moz-transition-duration:0.5s; height: 48px; width: 48px; background: #FAFAFA; -moz-border-radius: 52px; -webkit-border-radius: 52px; border-radius: 52px; -moz-box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.1); box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.1); z-index: 9999;}
.phoneIcon{background: #67c3e9; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; height: 48px; width: 48px; text-align: center; vertical-align: middle; padding-top: 8px; float: left;}
.phoneIcon svg{display: inline-block;}
.footer-phone.expand{width: 208px;}
.footer-phone span{margin-left: 6px; display: none; font-size: 16px; line-height: 19px; color: #000; padding-top: 14px;}
.footer-phone span a{color: #000;}
.footer-phone span a:hover{color: #48a0c4;}
.footer-phone.expand span{display: inline-block}
.footer-phone svg{height: 32px !important; width: 32px !important;}
.mobilePhoneView{display: none;}

.intercom-lightweight-app-launcher{background: #67c3e9 !important;}
.intercom-lightweight-app-launcher, .intercom-namespace .intercom-kn5a6b, .intercom-namespace .intercom-dfosxs { right: 12px !important; bottom: 66px !important;}
.intercom-lightweight-app-launcher-icon{ width: 48px !important; height: 48px !important;}
.intercom-lightweight-app-launcher-icon-open svg{ width: 20px !important; height: 24px !important;}



@media (max-width:767px){
.mobilePhoneView{display: block;}
.desktopPhoneView{display: none;}
.footer-phone{height: 40px; width: 40px; bottom: 12px; background: transparent; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none;}

/*.intercom-lightweight-app-launcher{right: 14px !important; bottom: 72px !important; width: 40px !important; height: 40px !important;}
.intercom-lightweight-app-launcher-icon{ width: 40px !important; height: 40px !important;}
.intercom-lightweight-app-launcher-icon-open svg{ width: 16px !important; height: 20px !important;}*/
.intercom-launcher-frame, .intercom-lightweight-app-launcher, .intercom-namespace .intercom-dfosxs{right: 5px !important; bottom: 65px !important;}
}
.pl5{
padding-left:5px !important;
}
.tip{
cursor: pointer;
}
.mt0{
margin-top: 0px !important;
}
.mb10{
margin-bottom: 10px !important;
}
.mb5{
margin-bottom: 5px !important;
}
.group_subproduct_varients .form-group:last-child{
margin-bottom: 0px !important;
}
.group_subproduct_varients span.prc{
font-style: italic;
}
.group_subproduct_varients span.prc del{
font-size: 90%;
color: #888;
font-weight: 400;
padding-left: 5px;
}
.pt15{
padding-top:15px !important;
}
.mt4{
margin-top: 4px !important;
}
.mt16{
margin-top: 16px !important;
}
@font-face {
font-family: 'bodoniflfbold';
src: url('https://graceframe.com/frontend/fonts/bodoniflf-bold-webfont.eot');
src: url('https://graceframe.com/frontend/fonts/bodoniflf-bold-webfont.eot?#iefix') format('embedded-opentype'),
url('https://graceframe.com/frontend/fonts/bodoniflf-bold-webfont.woff2') format('woff2'),
url('https://graceframe.com/frontend/fonts/bodoniflf-bold-webfont.woff') format('woff'),
url('https://graceframe.com/frontend/fonts/bodoniflf-bold-webfont.ttf') format('truetype'),
url('https://graceframe.com/frontend/fonts/bodoniflf-bold-webfont.svg#bodoniflfbold') format('svg');
font-weight: normal;
font-style: normal;

}

.summer-hero{}
.summer-hero img{ width: 100%;}
.summer-page{position: relative;}
.summer-bg{background-repeat: no-repeat; background-position: 0 0; position: absolute;}
.summer-left-bg-1{ left: 0; top: -70px; width: 296px; height: 435px; background-image: url(https://graceframe.com/frontend/images/summer/leaf-bg-1.svg)}
.summer-left-bg-2{ left: 0; bottom: -10px; width: 350px; height: 541px; background-image: url(https://graceframe.com/frontend/images/summer/leaf-bg-2.svg)}
.summer-right-bg-1{ right: 0; top: 20px; width: 280px; height: 503px; background-image: url(https://graceframe.com/frontend/images/summer/leaf-bg-3.svg)}
.summer-right-bg-2{ right: 0; top: 665px; width: 383px; height: 545px; background-image: url(https://graceframe.com/frontend/images/summer/leaf-bg-4.svg)}
.summer-right-bg-3{ right: 0; bottom: -295px; width: 313px; height: 541px; background-image: url(https://graceframe.com/frontend/images/summer/leaf-bg-5.svg)}
.summerContent{width: 100%; padding: 129px 16px 175px; max-width: 1120px; margin: 0 auto; font-family: 'Lato', sans-serif; font-size: 36px; color: #2E3A10; line-height: 43px; position: relative;}
.summerContent h1{font-family: 'Lato', sans-serif; font-size: 70px; line-height: 80px; text-align: center; margin: 0 0 115px; padding: 0; color: #2E3A10; font-weight: 700;}
.summerContent .sub-title{font-size: 30px; line-height: normal; padding-top: 10px;}
.summerContent h2{font-family: 'Lato', sans-serif; font-size: 56px; line-height: 67px; margin: 0 0 13px; padding: 0; color: #455721; font-weight: 700;}
.summerContent .row { margin: 0 -11px;}
.display-col { display: flex; flex-direction: column; background-clip: content-box;}
.light-green{padding: 26px 24px 29px; background: #D9DECA; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; height: 100%; position: relative;}
.light-green img{max-width: 100%;}
.light-green:hover{-moz-box-shadow: 2px 4px 8px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 2px 4px 8px rgba(0, 0, 0, 0.2); box-shadow: 2px 4px 8px rgba(0, 0, 0, 0.2);}
.summer-btn{display: inline-block; max-width: 275px; width: 100%; text-align: center; margin: 0 auto; font-size: 36px; line-height: 43px; color: #fff; font-family: 'bodoniflfbold'; background: #2E3A10; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; padding: 8px 10px 9px;}
.summer-btn:hover, .summer-btn:active, .summer-btn:focus{background: #455721; color: #fff;}
.summer-col-1{padding: 11px; width: 33.33%; height: 576px; float: left; text-align: center;}
.summer-col-1 img{margin: 12px 0 30px;}
.summer-col-2{padding: 11px; width: 66.67%; height: 288px; float: left; position: relative;}
.summer-col-2 .light-green{padding-left: 42px;}
.summer-col-3{padding: 11px; width: 33.33%; height: 288px; float: left; text-align: center;}
.summer-col-4{padding: 11px; width: 33.33%; height: 576px; float: right; text-align: center;}
.summer-col-4 img{margin: 0 0 5px; max-width: 275px;}
.summer-col-5{padding: 11px; width: 66.67%; height: 288px; float: left;}
.summer-col-5 .light-green{padding-left: 40px;}
.summer-col-6{padding: 11px; width: 66.67%; height: 288px; float: left;}
.summer-col-6 .light-green{ padding-left: 40px;}
.summer-col-6 img{ position: absolute; right: 25px; bottom: 12px;}
.summer-col-7{padding: 11px; width: 33.33%; height: 288px; float: left; text-align: center;}
.summer-col-7 .light-green{padding-left: 24px;}
.summer-col-7 h2{margin-bottom: 1px !important;}
.summer-col-7 p{font-size: 18px; line-height: 22px; margin-bottom: 16px;}
.summer-col-2 img, .summer-col-5 img{position: absolute; right: 0; bottom: 0; -moz-border-radius: 0px 0px 8px 0px; -webkit-border-radius: 0px 0px 8px 0px; border-radius: 0px 0px 8px 0px; max-width: 307px;}
.light-green, .summer-btn{-webkit-transition-timing-function: ease-in-out; -moz-transition-timing-function: ease-in-out; transition-timing-function: ease-in-out; -webkit-transition-duration: 200ms; -moz-transition-duration: 200ms; transition-duration: 200ms;}

@media (max-width : 991px) {
.summerContent{padding: 40px 15px 60px;}
.summerContent h1{margin-bottom: 20px; font-size: 40px; line-height: 50px;}
.summerContent h2{font-size: 35px; line-height: 42px;}
.summer-right-bg-2{display: none;}
.summer-hero img{min-height: 400px; object-fit: cover;}
.summer-col-5 img{-moz-border-radius: 0px 0px 8px 8px; -webkit-border-radius: 0px 0px 8px 8px; border-radius: 0px 0px 8px 8px}
}
@media (max-width : 979px) {
.summerContent{font-size: 25px; line-height: 30px;}
.summerContent .sub-title{font-size: 18px; padding-top: 0;}
.summer-col-1, .summer-col-2, .summer-col-3, .summer-col-4, .summer-col-5, .summer-col-6, .summer-col-7{width: 100%; text-align: center; height: auto;}	
.light-green img{position: static; margin: 20px auto 40px; max-width: 100%;}
.summer-btn{display: block;}
.light-green, .summer-col-2 .light-green, .summer-col-5 .light-green, .summer-col-6 .light-green{padding-left: 20px; padding-right: 20px; height: auto;}
}
@media (max-width : 850px) {
.synchronyText{float: left; width: 100%;}
}
@media (max-width : 767px) {
.summer-hero img{min-height: 180px;}
.addressDetails .radioBox [type="radio"]:checked + label:after, .addressDetails .radioBox [type="radio"]:not(:checked) + label:after{top: 6px;}
.addressDetails .synchronyTextLeft, .addressDetails .synchronyText{width: 100%; text-align: left;}
}

.mt20{
margin-top: 20px;
}

.mt30{
margin-top: 30px;
}

.out-stock-thread img{
cursor: not-allowed;
}
.notice{
font-size:18px;
line-height:normal;
margin: 15px 0 !important;
}
.bo_text,.bo_text a{
color:#FF0000;
margin:0px;
padding:0px;
padding-top: 10px;
font-size:16px;
}
.bo_text a:hover{
text-decoration: underline !important;
}
.bo_notification{
float:left;
width: 100%;
margin: 0px;
padding: 0px;
padding-bottom: 15px;
padding-top: 5px;
font-size: 16px;
color:#FF0000;
}
.product_main .bo_notification{
    padding-top: 15px;
}
.bo_variant{
color: #FF0000;
display: block;
width: 100%;
padding-left: 16px;
}
#footer{margin-top:0px !important;}
.notify_btn{width:100%;margin-top: 10px !important;}
.notify_text{color:#878787; margin-top: 5px; display: block;}
.notify_btn_sm{ margin-left: 5px; padding: 2px 5px;}
.dis-inline-block{display: inline-block; width:auto;}
.text-transform-none{text-transform: none !important;}
.dealer_alert{
background-color: #48A0C4; padding: 10px 0;
}
.dealer_alert p{
color: #FFF;
font-style: italic; 
margin: 5px 0; 
font-size: 24px;
letter-spacing: 1px;
}
.dealer_alert p.p2{font-size: 20px;}
.width-100{width:100% !important;}

/*	Start Holding Page	*/
.holding_bg{background:url('https://graceframe.com/frontend/images/holding/holding-bg.jpg') center center no-repeat;}
.holding_bg_color{background-color: rgba(43, 43, 43, 0.80); padding: 94px 0 74px; text-align: center; font-size: 56px; line-height: 66px; font-weight: 700; color: #fff;}
.holding_main{margin: 42px auto 118px;}
.holding_text{font-size: 21px; line-height: 28px; font-family: 'Lato', sans-serif; color: #000;}
.holding_text p{margin-bottom: 20px;}
.holding_img img{width: 100%;}
.border_2{border-top: 2px solid #2b2b2b; width: 110px; margin-bottom: 20px;}

.holding_main .event-time{-moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; background-color: rgba(250, 250, 250, 0.9); padding: 21px 56px 22px 56px; display: inline-block; position: relative;}
.event-time:before{border-left: 16px solid #D57200; content: ''; position: absolute; left: 24px; top: 22px; bottom: 22px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;}
.holding_main .event-time h2{font-size: 40px; line-height: 51px; color: #2B2B2B; margin-bottom: 0; font-family: 'Lato', sans-serif; font-weight: 700;}
.holding_main .event-time h4{margin-bottom: 7px; font-size: 24px; color: #2B2B2B; line-height: 29px; font-family: 'Lato', sans-serif;}
.holding_main .event-time span{display: inline-block; vertical-align: top;}
.holding_main .event-time .caption{font-size: 18px; line-height: 22px; color: #2b2b2b; font-family: 'Lato', sans-serif; text-align: center; text-transform: uppercase;}
.holding_next_event{margin-top: 32px; background: #FAFAFA; -moz-box-shadow: 0px 2px 8px 1px rgba(43, 43, 43, 0.2); -webkit-box-shadow: 0px 2px 8px 1px rgba(43, 43, 43, 0.2); box-shadow: 0px 2px 8px 1px rgba(43, 43, 43, 0.2); -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; padding: 24px; text-align: center;}
.holding_next_event h2{font-size: 32px; line-height: 38px; letter-spacing: 0.5px; color: #30819B; font-weight: 700; font-family: 'Raleway', sans-serif; margin-bottom: 16px;}
.holding_next_event h4{font-size: 20px; color: #1a1a1a; line-height: 24px; font-family: 'Lato', sans-serif; font-weight: 600; max-width: 763px; margin: 0 auto 16px;}
.holding_next_event form{max-width: 520px; margin: 0 auto;}
.holding_next_event .form-control{border: 1px solid #47A0C4; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none;}
.holding_next_event .form-control:active, .holding_next_event .form-control:focus{border: 1px solid #227697;}
.holding_next_event .btn-primary{background: #47A0C4; border-color: #47A0C4; text-transform: uppercase; margin-top: 10px; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; padding: 9px;}
.holding_next_event .btn-primary:hover, .holding_next_event .btn-primary:focus{background: #30819B; border-color: #30819B;}
.holding_social{margin-top: 25px;}
.holding_social a{display: inline-block; margin: 0 20px; }
.holding_social a:hover{opacity: 0.8;}

@media (min-width : 1920px) {
.holding_bg{background-repeat: repeat-x;}
}
@media (max-width : 991px) {
.holding_img {margin-top: 24px;}
}
@media (max-width : 768px) {
.holding_bg_color{font-size: 28px; line-height: 38px; padding: 50px 0;}
.holding_main{margin: 24px auto 48px;}
.holding_text{line-height: 22px; font-size: 16px;}
.holding_main .event-time{padding: 0 0 0 32px; background: transparent;}
.event-time:before{left: 0; top: 0; bottom: 0;}
.holding_main .event-time h4{font-size: 16px; margin-bottom: 0;}
.holding_main .event-time h2{font-size: 22px; line-height: 26px;}
.holding_main .event-time .caption{font-size: 12px; line-height: normal;}
.holding_next_event h2{font-size: 24px; line-height: 30px;}
.holding_next_event h4{font-size: 16px; line-height: 20px;}
#footer .footer-widgets-wrap{padding: 40px 0 20px;}
}
/*	End Holding Page	*/

/* Product Details Resources Page Start */
.videoResources h4, .downloadFiles h4{margin-bottom: 0 !important; font-weight: 700; font-family:'Open Sans'; }
.videoResources{padding: 0 ;}
.videoResources p, .downloadFiles p{margin-bottom: 10px !important;}
#content .videoResources ul{margin: 0 -8px !important; padding: 0 0 16px; width: calc(100% + 16px);}
.videoResources li{width: 216px; padding: 0 8px; list-style: none; margin: 0; display: inline-block; }
.videoResources .whiteBox{ -moz-box-shadow: 0px 2px 12px rgba(26, 26, 26, 0.1); -webkit-box-shadow: 0px 2px 12px rgba(26, 26, 26, 0.1); box-shadow: 0px 2px 12px rgba(26, 26, 26, 0.1); -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; padding: 6px 6px 8px; background: #fff;}
.videoResources .whiteBox img{width: 100%; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;}
.videoResourcesTitle{font-size: 16px; line-height: 22px; letter-spacing: 0.5px; color: #1A1A1A; font-weight: 700; font-family:'Open Sans'; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-top: 8px;}
.videoResourcesTitle:after{content: ''; display: block; height: 2px; background: #8CD3D7; width: 22px; margin-top: 10px;}
.videoResourcesDate{font-family:'Lato'; margin-top: 10px; font-size: 12px; line-height: 16px; color: #414141;}
.videoResourcesImg{position: relative; }
.videoResourcesBg{position: absolute; cursor: pointer; display: none; left: 0; right: 0; top: 0; bottom: 0; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; background: linear-gradient(0deg, rgba(26, 26, 26, 0.3), rgba(26, 26, 26, 0.3));}
.videoResourcesBg span{background: #fff; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; -moz-box-shadow: 0px 2px 12px rgba(26, 26, 26, 0.1); -webkit-box-shadow: 0px 2px 12px rgba(26, 26, 26, 0.1); box-shadow: 0px 2px 12px rgba(26, 26, 26, 0.1); height: 26px; width: 26px; top: 50%; margin-top: -18px; left: 50%; margin-left: -18px; text-align: center; position: absolute;}
.videoResourcesBg span img{width: auto !important; vertical-align: middle;}
.videoResourcesImg:hover .videoResourcesBg{display: block; cursor: pointer;}

.customScroll{overflow: hidden; overflow-y: auto;  }
.customScroll::-webkit-scrollbar, .scrollTable::-webkit-scrollbar{width:8px}
.customScroll::-webkit-scrollbar-track, .scrollTable::-webkit-scrollbar-track{background: #f9f9f9; -moz-customScroll-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;}
.customScroll::-webkit-scrollbar-thumb, .scrollTable::-webkit-scrollbar-thumb{background: #b2b2b2; -moz-customScroll-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;}
.customScroll::-webkit-scrollbar:horizontal, .scrollTable::-webkit-scrollbar:horizontal{height: 8px;}
.videoResources .customScroll{overflow: hidden; overflow-x: scroll; white-space: nowrap;}

.downloadFiles{margin: 30px 0;}
#content .downloadFiles ul{margin: 0 !important; padding: 0; list-style: none;}
.downloadFiles ul li{border-bottom: 1px solid #9D9D9D; padding: 16px 0; font-size: 16px; line-height: 24px;}
.downloadFiles ul li:first-child{padding-top: 10px;}
.downloadFiles ul li:last-child{border-bottom: none;}
.downloadFiles ul li a{display: flex; align-items: center; color: #000;}
.downloadFiles ul li a:hover{color: #48a0c4;}
.downloadFiles .downloadPdf{display: inline-block; vertical-align: middle; margin-right: 10px;}
.downloadText{float: left; width: calc(100% - 30px);}
.downloadText .caption{font-size: 10px; line-height: 11px; display: block; margin-top: 4px;}
.downloadFiles ul{max-height: 220px;}
/* Product Details Resources Page End */
#copyrights a{color: rgb(71,160,196);}
#copyrights a:hover, #copyrights a:focus{color: rgb(26,26,26);}

.variant_span{display: block; text-transform: uppercase; padding-bottom: 8px;}
.product_select_span{display: block; text-transform: uppercase; padding-bottom: 8px;}

.bf-ribbon{
background-color: black;
}
.bf-ribbon a img{
max-height: 50px;
margin: auto;
text-align: center;
}
.orderSummary .summary_newsletter label{font-size: 14px; line-height: 20px; position: relative; padding-left: 18px;}
.orderSummary .summary_newsletter label input{position: absolute; left: 0; top: 14px;}
.ca_popup .modal-body{border: 2px solid #9D9D9D; border-top: none; padding: 32px 16px; background: #fff;}
.ca_popup .modal-body img{max-width: 100%;}
.ca_popup .modal-dialog{max-width: 718px; width: 92%;}
.ca_popup .modal-content{text-align: center; background: transparent; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; border:none;}
.ca_popup_title{color: #fff; background: #0A495D; padding: 19px 15px 20px; font-size: 24px; line-height: 32px; font-weight: 700; -moz-border-radius: 4px 4px 0 0; -webkit-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0;}
.ca_popup_btn{max-width: 334px; width: 100%; margin: 0 auto; padding-top: 4px;}
.ca_popup_btn a.btn{margin-top: 16px; padding: 8px 15px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; text-transform: uppercase; display: block; font-size: 16px; line-height: 22px; font-weight: 700; letter-spacing: 0.5px;}
.ca_popup_btn .btn-primary{text-shadow: 0px 1px 1px rgba(48, 129, 155, 0.3); background: #47A0C4; border-color: #47A0C4; color: #fff;}
.ca_popup_btn .btn-primary:hover, .ca_popup_btn .btn-primary:focus{color: #fff; background: #4193b4; border-color: #4193b4;}
.ca_popup_btn .btn-secondary{background: #F1F1F1; border-color: #F1F1F1; color: #1a1a1a;}
.ca_popup_btn .btn-secondary:hover, .ca_popup_btn .btn-secondary:focus{color: #1a1a1a; background: #d6d6d6; border-color: #d6d6d6;}
.ca_popup .close{background: url(https://graceframe.com/frontend/images/exit.svg) center center no-repeat !important; opacity: 1; height: 24px; width: 24px; right: 13px !important; top: 15px !important;}
.ca_popup .close:hover{opacity: 0.7;}
.ca_popup .btn:active, .ca_popup .btn.active{-moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none;}
.cartBox .cartBorder .cartBoxDetails{border-top: 1px solid #8e8e8e;}
.cartBox .cartBorder .cartBoxDetails:first-child{border-top: none;}
.font-2{font-size: 200%;}
.font-5{font-size: 500%;}
.border_bttom{border-bottom: 1px solid rgba(186,186,186,.5);}
.embed-container { position: relative; padding-bottom: 56.2% !important; height: 0; overflow: hidden; width: 100%;} 
.embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.embed-container .fluid-width-video-wrapper, .embed-vimeo-container .fluid-width-video-wrapper{padding: 0 !important; height: 100%; width: 100%; position: absolute; top:0; left:0;}
.ml-16{margin-left: 16px;}
.product-options-rows label{margin-bottom: 0;}
.product-options-rows .bo_variant{font-size: 13px; line-height: normal;}
.product-options-rows .notify_btn_sm{padding: 0 5px;}
.home-slider a{ display:block;}
@media (max-width : 768px) {
.ca_popup_title{padding: 10px 20px;} 
.ca_popup .close{top: 8px !important; right:6px !important; background-size: 18px; height: 18px; width: 18px;}
}

/* Start alert box */
.jconfirm .jconfirm-box { text-align: center; padding: 32px 16px !important;}
.jconfirm {font-size: 18px !important; font-weight: 500 !important; color: #002C42 !important;}
.jconfirm-buttons .btn{padding: 12px 14px 13px !important; min-width: 151px !important; text-align: center !important; font-size: 16px !important; line-height: 19px !important; font-weight: 700 !important; letter-spacing: 0.15px !important;}
.jconfirm .btn-primary{ border: 2px solid #47A0C4 !important;}
.jconfirm.jconfirm-white .jconfirm-box .jconfirm-buttons, .jconfirm.jconfirm-light .jconfirm-box .jconfirm-buttons{float: none !important; margin: 0px !important; padding: 0px !important;}
.jconfirm .jconfirm-box div.jconfirm-content-pane .jconfirm-content{line-height: 28px !important;}
.jconfirm .btn-primary:hover, .jconfirm .btn-primary:focus{-moz-box-shadow: none !important; -webkit-box-shadow: none !important; box-shadow: none !important; color: #002C42 !important; background-color: #fff !important; border: 2px solid #47A0C4 !important;}
.thread_options label span img{width: 40px; height: 50px; object-fit: cover;}
#upsell .upsellPrice{margin-top: 0; font-size: 18px;}
#upsell .upsell_right .title{margin-top: 0;}
#upsell .product_select_span{font-size: 14px; padding-bottom: 4px;}
#upsell .form-control{font-size: 14px; height: 32px;}
#upsell select.form-control{padding: 3px 30px 3px 12px; background-position: calc(100% - 12px) 8px;}
#upsell .form-group, #upsell .line{margin-bottom: 8px;}
#upsell .upsellText p{padding-bottom: 10px;}
#upsell .upsellText ul{list-style: inherit; margin: 0 0 8px 16px;}
#upsell .upsellBtn{margin-top: 0;}
#upsell .upsellBtn a.btn{margin-top: 10px;}
#upsell .upsellBtn a.btn:first-child{margin-top: 0;}
#upsell.upsell .modal-body{padding-bottom: 24px;}
#upsell .line_4_text .text {display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;overflow: hidden;}
#upsell .see-more-line{display: block; padding-bottom: 8px;}
#upsell .see-more-line a{color: #47A0C4;}

.valued_at_amount{font-size:80%!important; color:#878787!important; font-weight: normal!important; text-decoration: line-through}
.saved_amount{font-size: 70%!important; color:#f72d23!important;}
.product-price-container{width: 100%;}
.product-price-container ins{ display: flex; width: 100%; justify-content: space-between; text-decoration: none;  color:#339FD8;}
.your_pro_price, .pre_order_amount{font-size:80%!important;}
.add-to-cart-bottom {width: auto; display: flex;}
.add-to-cart-bottom .saved_amount{display: none !important; font-size: 100%;}
.add-to-cart-bottom .your_pro_price{font-size: 100%;}
.add-to-cart-bottom ins.valued_at_amount{text-decoration: line-through; margin-left: 16px;}
.add-to-cart-bottom .your_pro_price{order: 1; font-size: 20px !important; color: #1a1a1a;}
.add-to-cart-bottom .valued_at_amount{order: 2;}
.text-black{color: #1a1a1a;}
.tooltip-inner{background-color: #1a1a1a !important; color: #fff !important;}
.tooltip.top .tooltip-arrow{border-top-color: #1a1a1a !important;}
.tooltip.right .tooltip-arrow{border-right-color: #1a1a1a !important;}
.tooltip.bottom .tooltip-arrow{border-bottom-color: #1a1a1a !important;}
.tooltip.left .tooltip-arrow{border-left-color: #1a1a1a !important;}

@media (max-width: 767px) {
.add-to-cart-bottom, .add-to-cart-bottom .your_pro_price{font-size: 18px;} 
.add-to-cart-bottom ins.valued_at_amount{margin-left: 8px}
}