@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Serif:wght@400;500;600&family=Lato:wght@300;400;700;900&family=Open+Sans:wght@300;400;600;700;800&display=swap');

html, body, div, span, applet, object, iframe, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, b, u, i, center, dl, dt, dd, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; background: 0 0; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, article { display: block;}
*{font-variant-numeric: lining-nums;}
body { line-height: 1 }
ol, ul { list-style: none }
:focus { outline: 0 }
::-moz-focus-inner {border:0;outline:0}
table { border-collapse: collapse; border-spacing: 0;}
.clear { clear: both }
.cf:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; font-size: 0; line-height: 0 }
.cf { display: inline-block }
* html .cf { height: 1% }
.cf { display: block }
p {padding-bottom: 20px; margin-bottom: 0;}
sub, sup {font-size: 75% !important;}
a, a:hover, a:focus{outline: none;}
a{color: #1B365D;}
#ie-toolbar {position:fixed; top:0; left:0; width:100%; height:100%; z-index:999999; background-color:#f3f3f3;}
#ie-toolbar div {position:absolute; top:50%; left:50%; width:700px; margin-left:-350px; text-align:center; height:120px; margin-top:-60px; color:#616161; font-size:30px;}
#ie-toolbar div a {color:#d65727; text-decoration:underline;}
#ie-toolbar div a:hover {color:#d65727; text-decoration:none;}

html.iphone-x-fix-left { margin: 0; padding: 0 0 0 32px; }
html.iphone-x-fix-left::before { content: ''; width: 32px; height: 100vh; position: fixed; left: 0; top: 0; background-color: #000; }
html.iphone-x-fix-right { margin: 0; padding: 0 32px 0 0; }
html.iphone-x-fix-right::before { content: ''; width: 32px; height: 100vh; position: fixed; right: 0; top: 0; background-color: #000; }

/*
font-family: 'Open Sans', sans-serif;
font-family: 'IBM Plex Serif', serif;
*/

.filterColumn { -webkit-animation: fadein 2s; -moz-animation: fadein 2s; -o-animation: fadein 2s; animation: fadein 2s; }
.filterImgHover{ -webkit-transition-timing-function: ease-in-out; -moz-transition-timing-function: ease-in-out; -o-transition-timing-function: ease-in-out; -ms-transition-timing-function: ease-in-out; transition-timing-function: ease-in-out; -webkit-transition-duration: 200ms; -moz-transition-duration: 200ms; -ms-transition-duration: 200ms; -o-transition-duration: 200ms; transition-duration: 200ms;}
.categoryMenu { -webkit-animation-duration: 3s; -moz-animation-duration: 3s; animation-duration: 3s;  -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; animation-fill-mode: both;}

html, body {height:100%; width:100%;}
body {font-family: 'Open Sans', serif; font-size: 16px; line-height: 1.5; background-color:#F8F8F8; color: #1a1a1a; overflow-y: scroll;}
.al{float: left;}
.ar{float: right;}
.pr {position: relative;}
.margin-auto {margin: 0 auto;}
a,a:after, button {text-decoration: none; cursor: pointer!important;}
a:focus, a:hover{text-decoration: none;}
img { border: 0; vertical-align: top; display: inline-block;}
img, a, .btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus, .btn_new.active.focus, .btn_new.active:focus, .btn_new.focus, .btn_new:active.focus, .btn_new:active:focus, .btn_new:focus {outline: none;}
.imgW100p {width:100%;}
.pr{position: relative;}

.wrap { margin: 0 auto; max-width: 1706px; width: 100%; padding: 0 48px; }
.row{ margin-left: -12px; margin-right: -12px;}
.row-8{ margin-left: -8px; margin-right: -8px;}
.row-4{ margin-left: -4px; margin-right: -4px;}
.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12{ padding-left: 12px; padding-right: 12px;}
.row-8 [class*="col-"], .row-8 [class*="col-md-"], .row-8 [class*="col-sm-"]{padding-left: 8px; padding-right: 8px;}
.row-4 [class*="col-"], .row-4 [class*="col-md-"], .row-4 [class*="col-sm-"]{padding-left: 4px; padding-right: 4px;}
.label{font-size: 100%;}


.heading-h1, .heading {font-family: 'Open Sans', sans-serif; color: #1a1a1a; font-size: 48px; line-height: 125%; font-weight: 700;}
.heading-h2 {font-family: 'Open Sans', sans-serif; color: #1a1a1a; font-size: 32px; line-height: 125%; font-weight: 700; letter-spacing: 0.5px;}
.heading-h3, .machine_model_title, .machine_model_text li:first-child, .machine_model_text td:first-child {font-family: 'Open Sans', sans-serif; color: #1a1a1a; font-size: 24px; line-height: 125%; font-weight: 600;}
.title_underline:after{content: ''; width: 64px; height: 4px; background: #8CD3D7; display: block; margin: 16px auto 18px;}
.title {font-family: 'Open Sans', sans-serif; color: #1a1a1a; font-size: 20px; line-height: 28px; font-weight: 600;}
.sub-heading, .machine_model_text li, .machine_model_text td{font-family: 'Open Sans', sans-serif; color: #1a1a1a; font-size: 18px; line-height: 25px;}
.link{font-family: 'Open Sans', sans-serif; color: #1a1a1a; font-size: 16px; line-height: 22px; font-weight: 700; letter-spacing: 0.15px;}
.menu{font-family: 'Open Sans', sans-serif; color: #1a1a1a; font-size: 14px; line-height: 20px; font-weight: 600;}
.menu a{color: #1a1a1a;}
.menu a:hover{color: #339FD8;}
.caption-large, .caption-lg{font-family: 'IBM Plex Serif', serif; color: #1a1a1a; font-size: 12px; line-height: 16px;}
.caption{font-family: 'IBM Plex Serif', serif; color: #1a1a1a; font-size: 9px; line-height: 12px;}
.bold{font-weight: 700;}
label{ font-weight: inherit; text-transform: inherit; letter-spacing: 0; color: #1a1a1a;}
.font-18{font-size: 18px; line-height: 24px;}
.font-12{font-size: 12px;}
.font-13{font-size: 13px;}
.font-14{font-size: 14px;}
.font-700{font-weight: 700;}
.font-600{font-weight: 600;}
.font-500{font-weight: 500;}
.font-400{font-weight: 400;}
.font-300{font-weight: 300;}

/* Start BG Color */
.blue-text{color: #30819B;}
.white-text{color: #fff;}
.text-midnight-blue{color: #0A495D;}
.grey-bg{background: #FAFAFA;}
.darg-blue-bg{background: #30819B;}
.light-blue-bg{background: #DEEFF5;}
.midnight-blue-bg{background: #0A495D;}
.card, .white-bg, .testimonial .item{background: #fff;}
.red-bg{background: #C34847;}
.blue-bg{background: #47A0C4;}
.light-grey-bg{background: #f8f8f8;}
.black-gradient{background: linear-gradient(360deg, rgba(26, 26, 26, 0.8) 0%, rgba(26, 26, 26, 0) 100%)}
.overlay{background: linear-gradient(360deg, rgba(26, 26, 26, 0.8) 0%, rgba(26, 26, 26, 0) 100%);}
/* End BG Color */

/* Start Display, width & Height */
.width-50{ width: 50%;}
.width-856{ max-width: 856px; margin: 0 auto;}
.width-970{max-width: 970px; margin: 0 auto;}
.h-16{height: 16px;}
.disFlex{ display: flex; align-items: center; justify-content: center;}
.disTable{display: table; width: 100%;}
.disTableCell{display: table-cell; width: 100%; height: 100%; vertical-align: middle;}
.space-between{justify-content: space-between;}
.gap-1{gap: 0.25rem;}
.gap-2{gap: 0.5rem;}
.gap-3{gap: 0.75rem;}
.gap-4{gap: 1rem;}
/* End Display & Height */

/* Start margin & padding*/
.ptb-80{padding-top: 80px; padding-bottom: 80px;}
.plr6{padding-left: 6px; padding-right: 6px;}
.mb-54{margin-bottom: 54px;}
.mb-32{margin-bottom: 32px;}
.mb-28{margin-bottom: 28px;}
.mb-24{margin-bottom: 24px;}
.mb-20{margin-bottom: 20px;}
.mb-12{margin-bottom: 12px;}
.mb-8{margin-bottom: 8px;}
.mb-6{margin-bottom: 6px;}
.mt-16{margin-top: 16px;}
.mt-12{margin-top: 12px;}
.mt-20{margin-top: 20px;}
.mt-24{margin-top: 24px;}
.mt-32{margin-top: 32px;}
.mt-40{margin-top: 40px;}
.mt-64{margin-top: 64px;}
.pl-20{padding-left: 20px;}
.p-40{padding: 40px;}
.pt-16{padding-top: 16px;}
/* End margin & padding */


/* Start Input, textarea, Select, Switch button */
.form-control{ border: 1px solid #9d9d9d; width: 100%; padding: 7px 14px; color: #1a1a1a; font-size: 16px; line-height: 24px; font-family: 'Open Sans', serif; height: auto; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none;}
select.form-control{background-color: #fff; color: #1a1a1a; background-image: url(https://graceframe.com/frontend/images/new/icon/select-icon.svg); background-position: calc(100% - 12px) 12px; background-size: 14px 14px, 10px 10px; background-repeat: no-repeat; -webkit-appearance: none; -moz-appearance: none; padding: 7px 30px 7px 14px;}
select.form-control:focus, input.form-control:focus, textarea.form-control:focus{border: 1px solid #1a1a1a; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none;}
.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control{background: #fff; color: #9b9b9b; cursor: not-allowed}


.btn, .btn-sm, .loginMenu .top-link-section a.btn, .btn_new{font-family: 'Open Sans', sans-serif; color: #1a1a1a; font-size: 16px; line-height: 22px; padding: 7px 15px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; display: inline-block; text-align: center; font-weight: 700;}
.btn_new{font-weight: 700; text-transform: uppercase; }
.btn-sm{padding: 3px 15px;}
.btn-primary, .loginMenu .top-link-section a.btn{border: 2px solid #339FD8; color: #fff; text-shadow: 0px 1px 1px rgba(48, 129, 155, 0.3); background: #339FD8;}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary:active:focus, .btn-primary:active:hover, .btn-primary.active, .loginMenu .top-link-section a.btn:hover, .loginMenu .top-link-section a.btn:focus{border: 2px solid #2c6075; color: #fff; background: #2c6075;}
.btn-secondary{border: 2px solid #DEEFF5; color: #1a1a1a; background: #DEEFF5;}
.btn-secondary:hover, .btn-secondary:focus, .btn-secondary:active, .btn-secondary:active:focus, .btn-secondary:active:hover, .btn-secondary.active{ border: 2px solid #D1E3E9; color: #1a1a1a; background: #D1E3E9;}
.btn-white, .whiteBtn, .navbar-nav li .dropdown-menu li a.btn-white, .navbar-nav li .dropdown-menu li a.whiteBtn{border: 2px solid #9d9d9d; color: #1a1a1a; background: #fff;}
.btn-white:hover, .btn-white:focus, .btn-white:active, .btn-white:active:focus, .btn-white:active:hover, .btn-white.active, .navbar-nav li .dropdown-menu li a.btn-white:hover, .navbar-nav li .dropdown-menu li a.btn-white:focus
.whiteBtn:hover, .whiteBtn:focus, .whiteBtn:active, .whiteBtn:active:focus, .whiteBtn:active:hover, .whiteBtn.active{border: 2px solid #F0EFEF; color: #1a1a1a; background: #f8f8f8;}
.btn-navy{border: 2px solid #002C42; color: #fff; background: #002C42;}
.btn-navy:hover, .btn-navy:focus, .btn-navy:active, .btn-navy:active:focus, .btn-navy:active:hover, .btn-navy.active{ border: 2px solid #004669; color: #fff; background: #004669;}
.btn-blue{border: 2px solid #002C42; color: #fff; background: #002C42;}
.btn-blue:hover, .btn-blue:focus, .btn-blue:active, .btn-blue:active:focus, .btn-blue:active:hover, .btn-blue.active{ border: 2px solid #004669; color: #fff; background: #004669;}
.btn-grey{border: 2px solid #c9c9c9; color: #fff; background: #c9c9c9;}
.btn-grey:hover, .btn-grey:focus, .btn-grey:active, .btn-grey:active:focus, .btn-grey:active:hover, .btn-grey.active{ border: 2px solid #339FD8; color: #fff; background: #339FD8;}
.btn-dark{border: 2px solid #808080; color: #fff; background: #808080;}
.btn-dark:hover, .btn-dark:focus, .btn-dark:active, .btn-dark:active:focus, .btn-dark:active:hover, .btn-dark.active{ border: 2px solid #333; color: #fff; background: #333;}
.btn-dark-blue{border: 1px solid #16395C; color: #fff; background: #16395C;}
.btn-dark-blue:hover, .btn-dark-blue:focus, .btn-dark-blue:active, .btn-dark-blue:active:focus, .btn-dark-blue:active:hover, .btn-dark-blue.active{ border: 1px solid #164d5c; color: #fff; background: #164d5c;}
.btn-red{border: 1px solid #C34847; color: #fff; background: #C34847;}
.btn-red:hover, .btn-red:focus, .btn-red:active, .btn-red:active:focus, .btn-red:active:hover, .btn-red.active{ border: 1px solid #a01514; color: #fff; background: #a01514;}
.btn-border{color: #47A0C4 !important; border: 2px solid #47A0C4; background: #fff;}
.btn-border:hover, .btn-border:focus{color: #fff !important; border: 2px solid #47A0C4; background: #47A0C4;}
.btn-border:hover span svg path, .btn-border:focus span svg path{fill: #fff !important;}
.btn-icon a.btn{position: relative; padding-left: 40px;}
.btn-icon a.btn span{position: absolute; left: 7px; top: 6px;}
.btn-brown{color: #fff !important; border: 2px solid #D35D39; background: #D35D39;}
.btn-brown:hover, .btn-brown:focus{color: #333 !important; border: 2px solid #F9C23C; background: #F9C23C;}

/* Start Placeholder */
.input-search::placeholder, .form-control::placeholder, .select2-container--default .select2-selection--single .select2-selection__placeholder {color: #1a1a1a !important; opacity: 1;}
.input-search:-ms-input-placeholder, .form-control:-ms-input-placeholder {color: #1a1a1a !important; opacity: 1;}
.input-search::-ms-input-placeholder, .form-control::-ms-input-placeholder {color: #1a1a1a !important; opacity: 1;}

/* Start Checkbox & Radiobox */
.checkBox, .radioBox { display: block; position: relative; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; color: #161616; font-size: 16px; line-height: 20px; font-weight: 400;}
.checkBox label, .radioBox label{cursor: pointer; padding-left: 28px;}
.checkBox input, .radioBox input { position: absolute; opacity: 0; cursor: pointer; left: 0; top: 0;}
.checkBox .checkmark { position: absolute; top: 0; left: 0; height: 20px; width: 20px; border: 2px solid #339FD8; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; }
.checkBox input:checked ~ .checkmark { background-color: #339FD8; border: 2px solid #339FD8;}
.checkBox .checkmark:after { content: ""; position: absolute; opacity: 0; display: block;}
.checkBox .checkmark:after {left: 5px; top: 0px; width: 6px; height: 12px; border:solid #fff; border-width: 0 2px 2px 0; -webkit-transform: rotate(0deg) scale(0); -ms-transform: rotate(0deg) scale(0); transform: rotate(0deg) scale(0); }
.checkBox input:checked ~ .checkmark:after {-webkit-transform: rotate(45deg) scale(1); -ms-transform: rotate(45deg) scale(1); transform: rotate(45deg) scale(1); opacity: 1;}
.checkBox span.checkmark{padding: 0 !important;}
.checkBox .checkmark, .checkBox .checkmark:after{transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; }

.radioBox .checkmark { position: absolute; top: 1px; left: 0; height: 20px; width: 20px; background-color: #fff; border: 2px solid #339FD8; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%;}
/*.radioBox:hover input ~ .checkmark { border: 2px solid #60C6C9;}*/
.radioBox input:checked ~ .checkmark { border: none; background-color: #339FD8;}
.radioBox .checkmark:after { content: ""; position: absolute; display: none;}
.radioBox input:checked ~ .checkmark:after { display: block;}
.radioBox .checkmark:after {top: 4px; left: 4px; width: 12px; height: 12px; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; background:#fff; }

.switch { position: relative; padding-left: 40px; cursor: pointer;}
.switch input { opacity: 0; width: 0; height: 0;}
.switch .switch-slider { position: absolute; cursor: pointer; top: 2px; left: 0; right: 0; bottom: 0; background-color: transparent; display: inline-block; width: 33px; height: 16px; border:1px solid #6eccdc; }
.switch .switch-slider:before { position: absolute; content: ""; height: 12px; width: 12px;left: 2px; bottom: 1px; background-color: white; }
.switch .switch-slider, .switch .switch-slider:before  {-webkit-transition: .4s; -moz-transition: .4s; transition: .4s;}
.switch input:checked + .switch-slider { background-color: #6eccdc;}
.switch input:focus + .switch-slider { box-shadow: 0 0 1px #6eccdc;}
.switch input:checked + .switch-slider:before { -webkit-transform: translateX(16px); -ms-transform: translateX(16px); transform: translateX(16px);}

/* End Input, textarea, button */

/* Start Border Radius */
.systemHomeImg img{-moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px;}
.brd-rdu-4, .form-control, .card, .testimonial .item, .headerRibbonHome .disTable img, .transformBox, .transformBox img, .productHome li img, .shop_product ul.plist li .white_card_2, .shop_product ul.plist li .white_card_2 img{-moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;}
.blogHome .card img{-moz-border-radius: 4px 4px 0 0; -webkit-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0;}
.homeRead, .productHome li .overlay{-moz-border-radius: 0 0 4px 4px; -webkit-border-radius: 0 0 4px 4px; border-radius: 0 0 4px 4px;}
.systemHomeImg .black-gradient{-moz-border-radius: 0 0 2px 2px; -webkit-border-radius: 0 0 2px 2px; border-radius: 0 0 2px 2px;}
.bdr-radius-full{-moz-border-radius: 100%; -webkit-border-radius: 100%; border-radius: 100%;}
.bdr-radius-20{-moz-border-radius: 20px; -webkit-border-radius: 20px; border-radius: 20px;}
.bdr-radius-16{-moz-border-radius: 16px; -webkit-border-radius: 16px; border-radius: 16px;}
.bdr-radius-8{-moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px;}

/* End Border Radius */

/* Start Shadow */
.card, .headerRibbonHome .disTable img, .shop_product ul.plist li .white_card_2{-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);}
/* Text Shadow */


/* End Shadow */

/* Start Transition Effect */

body { -webkit-animation: fadein 2s; -moz-animation: fadein 2s; -o-animation: fadein 2s; animation: fadein 2s; }
a,a:after, button, .user-panel a:hover .sub-heading{ -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear;}

.btn, .text-link, .headerFix .header-main, .cart-product, .left-link, .purchaseItem ul, .productHome li h2{ -webkit-transition-timing-function: ease-in-out; -moz-transition-timing-function: ease-in-out; -o-transition-timing-function: ease-in-out; -ms-transition-timing-function: ease-in-out; transition-timing-function: ease-in-out; -webkit-transition-duration: 200ms; -moz-transition-duration: 200ms; -ms-transition-duration: 200ms; -o-transition-duration: 200ms; transition-duration: 200ms;}
.purchaseItem ul.open, .app-graph, .main-menu, .popupbg, .header .search.fullSearch, .machinebg, .workshop_description{ -webkit-transition-timing-function: ease-out; -moz-transition-timing-function: ease-out; -o-transition-timing-function: ease-out; -ms-transition-timing-function: ease-out; transition-timing-function: ease-out; -webkit-transition-duration: 300ms; -moz-transition-duration: 300ms; -o-transition-duration: 300ms; -ms-transition-duration: 300ms; transition-duration: 300ms;}
/* End Transition Effect */

/* Start Tooltip CSS */
.tooltip-inner{background: #F0F0F0; opacity: 1; -moz-box-shadow: 0px 4px 8px 4px rgba(0, 0, 0, 0.15); -webkit-box-shadow: 0px 4px 8px 4px rgba(0, 0, 0, 0.15); box-shadow: 0px 4px 8px 4px rgba(0, 0, 0, 0.15); -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; font-size: 14px; line-height: 18px; color: #1a1a1a; padding: 8px 12px; font-family: 'Open Sans', sans-serif; text-align: left;}
.tooltip.show, .tooltip.in{opacity: 1;}
.bs-tooltip-auto[x-placement^=bottom] .arrow::before, .bs-tooltip-bottom .arrow::before, .tooltip.bottom .tooltip-arrow{border-bottom-color: #F0F0F0; border-width: 0 .6rem .6rem;}
.bs-tooltip-auto[x-placement^=top] .arrow::before, .bs-tooltip-top .arrow::before, .tooltip.top .tooltip-arrow{border-top-color: #F0F0F0; border-width: .6rem .6rem 0;}
.tooltip.bottom{margin-top: 8px;}
.tooltip.bottom .tooltip-arrow{top: -4px; margin-left: -10px;}
/*.tooltip_box{cursor: pointer;}
.tooltip_box .tooltip > .tooltip-inner{max-width: 430px; width: 100%; cursor: default;}
.tooltip_box .tooltip > .tooltip-inner p:last-child{padding-bottom: 0;}*/
/* End Tooltip CSS */

/* Start Common Css */
.lineH:after, .lineLeftH:after{content: ''; background: #8CD3D7; width: 64px; height: 4px; display: block; margin: 24px auto 0;}
.lineLeftH:after{margin: 24px 0 0 0;}
.owl-theme .owl-nav{margin: 0 !important;}
.owl-theme .owl-nav [class*=owl-]{padding: 0 !important; height: 43px !important; width: 43px !important; margin: 0 !important; -moz-border-radius: 4px !important; -webkit-border-radius: 4px !important; border-radius: 4px !important;}
.owl-nav svg{display: none !important;}
.owl-theme .owl-nav span{ background-position: center center; background-repeat: no-repeat !important; height: 100%; display: block;}
.owl-carousel .owl-nav .owl-prev span{background-image: url("https://graceframe.com/frontend/images/new/icon/arrow-left.svg") !important;}
.owl-carousel .owl-nav .owl-next span{background-image: url("https://graceframe.com/frontend/images/new/icon/arrow-right.svg") !important;}
.text-ellipsis{white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
#content p{line-height: 1.5;}

.file-loading  { position: absolute; height: 100%; width: 100%; left: 0; top: 0; opacity: 0; cursor: pointer; padding: 0 !important;}
.custom-file-input { position: relative; opacity: 1;}
.input-date{position: relative;}
.input-date .input-group-addon{position: absolute; right: 6px; top: 8px; border: none; padding: 0; background-color: transparent; background: url(https://graceframe.com/frontend/images/new/icon/calendar.svg) 0 0 no-repeat; height: 24px; width: 24px; cursor: pointer;}
.customScroll{ overflow: hidden; overflow-y: scroll;}
.customScroll::-webkit-scrollbar{width: 4px; }
.customScrollH::-webkit-scrollbar {height: 4px;}
.customScroll::-webkit-scrollbar-thumb, .customScrollH::-webkit-scrollbar-thumb{background: #454545; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;}
.customScroll::-webkit-scrollbar-thumb:hover {background: #1a1a1a; }
.customScrollH{overflow: hidden; overflow-x: auto;}
.btn:active, .btn.active{-moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none;}
/* End Common Css */

/* Start Header */
.headerRibbon{padding: 0 !important; position: relative; display: flex; align-items: center; justify-content: space-between;}
.headerRibbon img{max-width: 100%;}
.dealerLink{display: flex; align-items: center; text-align: center; text-transform: uppercase; padding: 2px 68px 2px 12px; white-space: nowrap;}
.dealerLink span{display: inline-block; vertical-align: middle; margin-right: 8px;}
.dealerLink a{display: inline-block; padding: 2px 0; margin: 0 !important; font-size: 16px !important; line-height: 22px !important; font-weight: 700 !important;}
.dealerLink svg{margin-left: 0 !important; height: auto !important;}
.top-header-ribbon{float: left; text-align: center; width: calc(100% - 250px); padding: 10px 10px; margin: 0 auto; border-right:2px solid var(--ribbon_text_color);}
.top_phone{vertical-align: middle; border-right: 2px solid #fff; padding-right: 8px;}
.top_phone a{padding: 0;}
.header{background: #fff; border-bottom: 1px solid #F0EFEF;}
.header-flex{display: flex; justify-content: space-between; align-items: center;}
.logo{float: left; padding: 12px 0;}
.logo img{max-width: 100%; max-height: 64px;}
.header .search{float: left; margin: 30px 0 0 90px; width: 275px;}
.default.header .search{margin: 30px 0 0 40px;}
.header .search form{position: relative;}
.header .search .form-control{padding-left: 37px !important;}
.btn-search{position: absolute; left: 10px; top: 11px; height: 16px; width: 16px; background-color: transparent; background: url(https://graceframe.com/frontend/images/new/icon/search.svg) 0 0 no-repeat; border: 0; z-index: 99;}
.btn-search:hover{opacity: 0.6;}
.fullSearch{display: none;}
.header-right{float: right;}
.main-menu{float: left;}
.navbar{border: 0; margin: 0; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0;}
.navbar{padding: 0 12px 0 0;}
.navbar-nav li, .headerAccount li{font-family: 'Open Sans', sans-serif; color: #1a1a1a; font-size: 14px; line-height: 20px; font-weight: 600; }
.navbar-nav > li, .headerAccount li{float: left; margin-left: 12px; display: inline-block; text-align: center;}
.navbar-nav > li a, .headerAccount li a{padding: 12px 12px 17px; display: block; color: #1a1a1a; position: relative;}
.navbar-nav > li .rebranded-blue {padding: 12px 12px 17px; display: block; color: #1B365D; position: relative;}
.rebranded-blue {color: #1B365D;}
.navbar-nav > li span, .headerAccount li span{display: block; margin-bottom: 3px; height: 48px; background-position: center center; background-repeat: no-repeat;}
.navbar-nav > li a:hover, .navbar-nav li.active > a, .headerAccount li a:hover, .headerAccount li.active a, .navbar-nav > li:hover{background:#F0EFEF; color: #1a1a1a; text-decoration: none;}
.header.sticky{position: sticky; z-index: 9999; width: 100%; top: 0; left: 0; }
.modal-open .header.sticky, .modal-open .header{z-index: 999;}
.header.sticky .navbar-nav > li span, .header.sticky .headerAccount li span{display: none;}
.header.sticky .headerAccount .checkBox span{display: block;}
.header.sticky .logo{padding: 6px 0;}
.header.sticky .logo img{max-height: 44px;}
.header.sticky .search{margin-top: 20px;}
.header.sticky .navbar-nav > li a, .header.sticky .headerAccount li > a{padding-top: 28px; padding-bottom: 28px;}
.header.sticky .navbar-nav > li.dropdown > a:after{bottom: 32px;}
.menu-arrow, .navbar-nav > li.dropdown > a:after{display: inline-block; background: url(https://graceframe.com/frontend/images/new/menu/down-arrow.svg) 0 0 no-repeat; height: 10px; width: 10px; position: absolute; right:5px; bottom: 21px;}
.navbar-nav > li.dropdown > a:after{content: '';}
.navbar-nav li.dropdown > a{padding-right: 19px;}
.dropdown-menu{margin: 0; padding: 6px 0; border: 0; -moz-border-radius: 0px 0px 4px 4px; -webkit-border-radius: 0px 0px 4px 4px; border-radius: 0px 0px 4px 4px; min-width: 185px; z-index: 9999; -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);}
.dropdown-menu li{display: block;}
.navbar-nav li .dropdown-menu li a, .headerAccount li .dropdown-menu li a{font-weight: 700; font-size: 16px; line-height: 22px; letter-spacing: 0.5px; border-bottom: 1px solid #9d9d9d;}
.navbar-nav li .dropdown-menu li a, .headerAccount li .dropdown-menu li a, .header.sticky .navbar-nav li .dropdown-menu li a, .header.sticky .headerAccount li .dropdown-menu li a{padding-top:8px; padding-bottom:8px;}
.navbar-nav li .dropdown-menu li a, .header.sticky .navbar-nav li .dropdown-menu li a{padding-left:0; padding-right:0;}
.headerAccount li .dropdown-menu li a{padding: 11px 12px 10px 15px; margin-top: 1px;}
.dropdown-menu > li a:hover, .dropdown-menu li.active > a{background: transparent; color: #48a0c4;}
.navbar-nav li.menu-label{ padding: 4px 11px; font-family: 'Open Sans', serif; color: #414141; font-size: 12px !important; line-height: 16px; font-weight: 600; text-transform: uppercase; background: #F1F1F1;}
/*.dropdown:hover > a::after{content: ''; background: #8CD3D7; height: 4px; position: absolute; left: 0; bottom: 0; width: 100%; -moz-border-radius: 4px 4px 0px 0px; -webkit-border-radius: 4px 4px 0px 0px; border-radius: 4px 4px 0px 0px;}
.dropdown:hover a:after{}*/
.headerAccount{ float: left; position: relative;}
.headerAccount:before{content: ''; position: absolute; left: 0; top: 14px; bottom: 14px; border-left: 1px solid #9D9D9D;}
.menuCartItem{position: relative;}
.menuCartItem label{height: 16px; width: 16px; border: 1px solid #fff; background: #8CD3D7; font-family: 'Open Sans', serif; color: #000; font-size: 9px; font-weight: 600; line-height: 14px; text-align: center; -moz-border-radius: 100%; -webkit-border-radius: 100%; border-radius: 100%; position: absolute; right: 0; top: 6px;}
.headerAccount li.smallMenu{display: none;}
/*.smallNav { position:absolute; right: 44px; top: 24px; width:48px; height:48px; padding:8px 4px; z-index: 10; float: right; }*/
.smallNav span{width: 48px; height: 48px; margin-bottom: 3px; padding: 15px 12px 12px;}
.smallNav dl { background-color: none; height: 3px; display: block; float: left; width: 100%; background: #1a1a1a; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
.smallNav dl { -webkit-transition: 0.3s ease; transition: 0.3s ease; }
.smallNav dl:nth-child(2), .closeNav dl:nth-child(2) { margin: 6px 0; }
.closeNav dl:first-child { -webkit-transform: translateY(6px) rotate(-45deg); -moz-transform: translateY(6px) rotate(-45deg); transform: translateY(6px) rotate(-45deg);}
.closeNav dl:nth-child(2) { opacity: 0;}
.closeNav .lastChild { -webkit-transform: translateY(-12px) rotate(45deg); -moz-transform: translateY(-12px) rotate(45deg); transform: translateY(-12px) rotate(45deg); }
.smallNav:hover{background-color: transparent !important;}
.smallMenu a:after{content: 'Menu'; color: #1B365D}
.smallMenu a.closeNav:after{content: 'Close';}
.menuAddress{display: none;}
.menuAddress .caption-large{padding-top: 4px;}
.menuAddress .caption-large span{display: block; margin-top: 12px;}
.menuAddress .caption-large span:first-child{margin-top: 0;}
.menuAddress .caption-large a:hover{color: #414141;}
.menuAddress a.btn{display: block; margin-top: 16px; text-align: center; font-weight: 700; letter-spacing: 0.5px;}
.menuAddress a.btn span{background: url("https://graceframe.com/frontend/images/new/menu/subtract.svg") 0 0 no-repeat; width: 16px; height: 18px; display: inline-block; vertical-align: middle; margin-right: 10px;}
.caption-large.pt-15{padding-top: 15px;}
.bodyNav{overflow: hidden;}
.bodyNav .headerRibbon, .bodyNav .header{position: relative; z-index: 9999;}
.popupbg, .machinebg{position: fixed; left: 0; top: 0; background: rgba(26, 26, 26, 0.6); opacity: 0;}
.header-alerts{text-align: center;}

.navbar-nav li.homeIcon span {background-image: url("https://graceframe.com/frontend/images/new/menu/home.svg");}
.navbar-nav li.sewing span {background-image: url("https://graceframe.com/frontend/images/new/menu/machines.svg");}
.navbar-nav li.machine span {background-image: url("https://graceframe.com/frontend/images/new/menu/frames.svg");}
.navbar-nav li.automation span {background-image: url("https://graceframe.com/frontend/images/new/menu/automation.svg");}
.navbar-nav li.truecut span {background-image: url("https://graceframe.com/frontend/images/new/menu/truecut.svg");}
.navbar-nav li.accessories span {background-image: url("https://graceframe.com/frontend/images/new/menu/accessories.svg");}
.navbar-nav li.events span {background-image: url("https://graceframe.com/frontend/images/new/menu/events.svg");}
.navbar-nav li.resources span {background-image: url("https://graceframe.com/frontend/images/new/menu/resources.svg");} /* icon for grace canada*/
.navbar-nav li.default-resources span {background-image: url("https://graceframe.com/frontend/images/new/menu/resources-new.svg");} /* icon for grace main*/
.navbar-nav li.contact span {background-image: url("https://graceframe.com/frontend/images/new/menu/contact.svg");}
.navbar-nav li.shop span {background-image: url("https://graceframe.com/frontend/images/new/menu/shop.svg");}
.navbar-nav li.education span {background-image: url("https://graceframe.com/frontend/images/new/menu/education.svg");}
.navbar-nav .shop.nav-item {margin: 0; min-width: 58px;}
.algolia-autocomplete .aa-dropdown-menu{z-index: 99999 !important;}
.algolia-autocomplete .aa-dropdown-menu, .algolia-autocomplete .aa-dataset-1{width: 300px !important;}

.dropdown_box{border-top: 4px solid #47A0C4; width: 860px; left: auto; right: 0; padding: 16px 24px;}
.navbar-nav{position: relative;}
.navbar-nav li{position: static;}
.menu-arrow{display: none;}
.dropdown_box h3{margin-bottom: 8px; font-weight: 700;}
.dropdownLeft{float: left;}
.dropdownLeft_one{width: 200px; float: left;}
.dropdownLeft_two{width: 280px; float: left; padding-left: 32px;}
.dropdownLeft li.compare_model a, .dropdownRight li.compare_model a{border-bottom: none !important;}
.dropdownRight{position: relative !important; padding-left: 40px; width: 300px; float: right;}
.dropdown_accessories_box .dropdownLeft{position: relative !important; width: 300px}
.dropdownRight:after{content: ''; position: absolute; left: 0; top: 0; bottom: 0; border-left: 2px solid #F0EFEF;}
.dropdownRight img, .dropdownLeft img{max-width: 100%; max-height:100%; object-fit: contain; }
.navbar-nav li .dropdown-menu li a, .headerAccount li .dropdown-menu li a{text-transform: uppercase;}
.dropdown-menu li.submenu_btn{margin-top: 8px;}
.dropdown-menu li.submenu_btn a.btn-primary{border: 2px solid #47A0C4 !important; color: #fff; background: #47A0C4;}
.dropdown-menu img{margin: 0 auto; display: block;}

.navbar-nav li .dropdown-menu .dropdownRight a{border: none;}
.navbar-nav li .dropdown-menu .dropdownRight .submenu_btn{margin-top: 16px;}
.navbar-nav li .dropdown-menu .submenu_btn a{ padding: 7px 8px; font-size: 15px; letter-spacing: 0; display: block;}
.navbar-nav li .dropdown-menu .dropdownRight li a{border-bottom: 1px solid #9d9d9d;}
.dropdown-menu li.submenu_btn a.btn-primary:active, .dropdown-menu li.submenu_btn a.btn-primary:hover, .dropdown-menu li.submenu_btn a.btn-primary:focus{border: 2px solid #339FD8 !important; color: #fff; background: #339FD8 !important;}
.small_dropdown_box{width: 750px;}
.dropdown_accessories_box{width: 700px;}
.small_dropdown_box .dropdownLeft{width: 370px; padding-right: 12px;}
.small_dropdown_box .dropdownLeft .dropdownLeft_one{width: 100%;}
.small_dropdown_box .dropdownRight{width: 310px;}
/*.dropdown_accessories_box .dropdownLeft{width: 250px;}
.dropdown_accessories_box .dropdownLeft .dropdownLeft_one{width: 100%;}*/
/* .dropdown_accessories_box .dropdownRight{width: 100%; padding: 0; display: flex; justify-content: space-between;}
.dropdown_accessories_box .dropdownRight:after{display: none;} */
.dropdownRight_one{width: 30%;}
.dropdown_accessories_box .dropdownRight_two, .dropdown_accessories_box .dropdownRight_three{padding-left: 24px; border-left: 2px solid #F0EFEF;}
.dropdown_accessories_box .dropdownRight_three{float: right; width: 265px; text-align: center;}
.dropdown_accessories_box .dropdownRight_three h3, .dropdown_accessories_box .dropdownRight_three ul{text-align: left;}
.dropdown_accessories_box_three{width: 1000px;}
.dropdown_accessories_box_three .dropdownCenter, .dropdown_accessories_box_three .dropdownRight{float: left; margin-left: 24px; padding-left: 24px;}
.dropdown_accessories_box_three.dropdown-menu img{max-height: 175px;}
.dropdown_accessories_box_three .dropdownLeft a.border-0{border: none !important;}
.navbar-nav li.resources:hover .discover_dropdown_box, .navbar-nav li.events:hover .event_dropdown_box{display: flex;}
.discover_dropdown_box{width: 1130px; right: -120px;}
.discover_dropdown_box .dropdownLeft{width: 26.5%; padding: 0 24px; border-left: 2px solid #F0EFEF;}
.discover_dropdown_box .dropdownLeft:first-child{padding-left: 0; border-left: 0; width: 20%; padding-right: 50px;}
.discover_dropdown_box .dropdownLeft:last-child{padding-right: 0;}
.discover_dropdown_box .dropdownLeft .dropdownLeft_one{width: 100%;}
.event_dropdown_box.event_dropdown_two .dropdownRight .col-half{width: 100%;}
.event_dropdown_box .dropdownLeft{width: 270px; border-right: 2px solid #F0EFEF; padding-right: 40px;}
.event_dropdown_box .dropdownRight{width: calc(100% - 270px); display: flex;}
.event_dropdown_box .dropdownRight:after{display: none;}
.event_dropdown_box .dropdownRight .col-half{width: 50%; padding:0 20px; display: flex; flex-direction: column; }
.event_dropdown_box .dropdownRight .col-half a{flex: 1 0 auto; display: flex; align-self: center;}
.event_dropdown_box{width: 1000px;}
.dropdown_box.event_dropdown_one{width: 300px; right: 0;}
.event_dropdown_one .dropdownRight{display: none;}
.event_dropdown_box.event_dropdown_one .dropdownLeft{width: 100%; border-right: none; padding-right: 0;}
.event_dropdown_two{width: 600px;}
.col-border-left{border-left: 2px solid #f0efef}
/* start education section */
.education_dropdown_box.education_dropdown_two .dropdownRight .col-half{width: 100%;}
.education_dropdown_box .dropdownLeft{width: 270px; border-right: 2px solid #F0EFEF; padding-right: 40px;}
.education_dropdown_box .dropdownRight{width: calc(100% - 270px); display: flex;}
.education_dropdown_box .dropdownRight:after{display: none;}
.education_dropdown_box .dropdownRight .col-half{width: 50%; padding:0 20px; display: flex; flex-direction: column; }
.education_dropdown_box .dropdownRight .col-half a{flex: 1 0 auto; display: flex; align-self: center;}
.education_dropdown_box{width: 1000px;}
.dropdown_box.education_dropdown_one{width: 300px; right: 0;}
.education_dropdown_one .dropdownRight{display: none;}
.education_dropdown_box.education_dropdown_one .dropdownLeft{width: 100%; border-right: none; padding-right: 0;}
.education_dropdown_two{width: 600px;}

.automation_dropdown_box{width: 650px;}
.shop_dropdown_box{ width: 300px; right: -120px;}
/* End Header */

/* Start Footer */
.footer{background: #fff;}
.footerTop{padding: 30px 0 25px;}
.footerTop h3{margin-bottom: 20px;}
.footerLogo{margin-bottom: 40px;}
.footerLogo img{max-width: 100%;}
.footerSubLogos {display: flex; justify-content: space-around; width: 950px; max-width: 100%; overflow: hidden; margin-bottom: 40px; margin-left: 25px;}
.footerSubLogos img {max-height: 36px;}
.footerSubLogos a {margin: 0 6px;}
.footerSubLogos a:first-child {margin-left: 0;}
.footerSubLogos a:last-child {margin-right: 0;}
.logoHolder{display: flex; align-items: end;}
.followUs li span, .followUs li i{display: inline-block; height: 18px; width: 18px; margin-right: 12px; font-size: 18px; text-align: center; margin-top: -2px;}
.footerLink li{ margin-top: 12px;}
.footerLink li:first-child{margin-top: 0;}
.footerContact .menu span{display: block; margin-bottom: 15px;}
.footerChat{ margin-bottom: 14px;}
.footerAddress span{display: block; margin-bottom: 14px;}
.footerAddress span br{display: none;}
.footerCard{margin-top: 16px;}
.footerBottom{padding: 34px 0;}
.footerBottomLink{margin: 15px 0 0;}
.footerBottomLink li{margin-left: 24px; font-size: 14px; line-height: 18px; font-weight: 600; color: #339FD8; display: inline-block;}
.footerBottomLink li a{color: #339FD8; text-decoration: underline !important;}
.footerBottomLink li a:hover{color: #1a1a1a;}
.footerBottomLink li:first-child{margin-left: 0;}
/* End Footer */

/* Start Newsletter */
.newsletter_footer .title{max-width: 521px; margin: 0 auto 24px;}
.newsletter_footer form{position: relative; display: flex; justify-content: center;}
.newsletter_footer .form-control{border: 1px solid #47A0C4; padding: 7px 16px; font-size: 16px; line-height: 24px; width: 280px;}
.newsletter_footer .btn-primary{ width: 140px;}

.newsletter_footer .klaviyo-form{max-width: 650px; margin: 0 auto;}
.newsletter_footer .needsclick{min-height: auto !important;}
.newsletter_footer .needsclick p{padding-bottom: 0;}
/* End Newsletter */

.loginMenu.open .dropdown-menu{display: block !important;}
.loginMenu{position: relative;}
.loginMenu .dropdown-menu{right: 0; left: auto;}
.loginMenu .top-link-section{width: 280px; padding: 16px; border-top: 1px solid #48a0c4; border-bottom: 1px solid #eee; -moz-box-shadow: 0 0 5px -1px rgba(0,0,0,.2); -webkit-box-shadow: 0 0 5px -1px rgb(0 0 0 / 20%); box-shadow: 0 0 5px -1px rgb(0 0 0 / 20%);}
.loginMenu .top-link-section .input-group{display: block; position: relative; margin-bottom: 8px;}
.loginMenu .top-link-section .input-group-addon{width: 42px; position: absolute; z-index: 2; height: 100%; -moz-border-radius: 8px 0 0 8px; -webkit-border-radius: 8px 0 0 8px; border-radius: 8px 0 0 8px; border-right: 1px solid #9d9d9d; margin: 0; display:block !important;}
.loginMenu .top-link-section .input-group-addon i{line-height: 26px;}
.loginMenu .top-link-section .input-group .form-control{z-index: 0; float: none; margin-bottom: 0; padding-left: 48px; -moz-border-radius: 8px !important; -webkit-border-radius: 8px !important; border-radius: 8px !important; font-weight: 400;}
.loginMenu .top-link-section a{padding: 0;}
.headerAccount li .dropdown-menu li{float: none; display: block; text-align: left; margin-left: 0;}
.headerAccount li .divider{margin: 1px 0;}
.headerAccount li > .dropdown-menu{min-width: 150px;}
.postcontent ul, .postcontent ol{list-style: initial;}
.col-shop-left .input-group-btn button.btn{height: 40px; border: none;}
#top-cart .top-cart-content{text-align: left; z-index: 9999;}
.header.sticky #top-cart .top-cart-content{top: 76px;}
.top-cart-content h5{margin-bottom: 0;}
.top-cart-item a{background: transparent !important;}
.top-cart-content span{height: auto !important; margin: 0 !important;}
.product-options-rows .notify_btn_sm{font-size: 12px; font-weight: 500; color: #fff; text-transform: initial;}
.product-options-rows .bo_variant{vertical-align: middle;}
.top-cart-action span.top-checkout-price{color: #1a1a1a; margin-top: 8px !important;}

.navbar-nav li.dropdown .dropdown:hover > a::after, .navbar-nav li.dropdown .dropdown ul{display: none !important;}
.navbar-nav li.dropdown .dropdown:hover ul{display: block !important;}
.navbar-nav li.dropdown .dropdown ul{position: absolute; left: 100%; top: 0; margin: 0; padding: 0;}
.navbar-nav li.dropdown .dropdown-submenu:after{content: ''; position: absolute; top: 50%; right: 10px; margin-top: -5px;  background: url(https://graceframe.com/frontend/images/new/menu/down-arrow.svg) 0 0 no-repeat; display: inline-block; height: 10px; width: 10px; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg);}

/* Start Modal Box */
.modal-center{text-align: center;  padding: 0!important;}
.modal-center:before { display: inline-block; vertical-align: middle; content: " "; height: 100%;}
.modal-center .modal-dialog { display: inline-block; vertical-align: middle; text-align: left;}
.modal-dialog.modalPopup{width: calc(100% - 24px) !important;}
.modal-open .header-right, .modal-open .intercom-lightweight-app, .modal-open .footer-phone{z-index: 99;}
/* End Modal Box */

/* Start upsell popup */
.upsell .modalPopup{max-width: 714px; }
.upsell .modal-content{background: #fff; border: none; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none;}
.upsell .modal-header{background: #0A495D; border-bottom: none; color: #fff; font-family: 'Raleway', sans-serif; font-size: 24px; line-height: 32px; font-weight: 700; text-align: center; padding: 15px 40px; -moz-border-radius: 4px 4px 0px 0px; -webkit-border-radius: 4px 4px 0px 0px; border-radius: 4px 4px 0px 0px; position: relative;}
.upsell .modal-header .close{background: url(https://graceframe.com/frontend/images/new/icon/close.svg) 0 0 no-repeat; height: 24px; width: 24px; top: 15px; right: 8px; opacity: 1; margin: 0;}
.upsell .modal-header .close:hover{opacity: 0.8;}
.upsell .modal-body{padding: 16px 40px 40px; border: 2px solid #F0EFEF; border-top: none; -moz-border-radius: 0 0 4px 4px; -webkit-border-radius: 0 0 4px 4px; border-radius: 0 0 4px 4px;}
.specialOffer{border: 2px solid #0A495D; -moz-box-shadow: 0px 2px 8px 1px rgba(26, 26, 26, 0.2); -webkit-box-shadow: 0px 2px 8px 1px rgba(26, 26, 26, 0.2); box-shadow: 0px 2px 8px 1px rgba(26, 26, 26, 0.2); -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; color: #000; font-size: 16px; line-height: 22px; font-weight: 700; padding: 9px; max-width: 338px; margin: 0 auto; letter-spacing: 0.5px; text-align: center; text-transform: uppercase;}
.specialOffer span{color: #DD3C21; display: inline-block; margin-left: 8px;}
.upsell .title{ text-align: center; margin: 16px auto 0;}
.upsellContent{margin-top: 18px; font-family: 'Raleway', sans-serif;}
.upsell_left{float: left; width: 42.6%;}
.upsell_left img{max-width: 100%;}
.upsell_right{float: right; width: 53%;}
.upsell_right .title{text-align: left; margin-top: 8px;}
.upsellPrice{margin-top: 12px; font-size: 24px; line-height: 33px; font-weight: 600; color: #0A495D;}
.upsellPrice span.sp1{display: inline-block; margin-right: 12px; color: #9D9D9D; position: relative;}
.upsellPrice span.sp1:after{content: ''; height: 1px; width: 100%; background: #9d9d9d; position: absolute; left: 0; top: 50%; z-index: 1;}
.upsellText{margin-top: 12px; color: #1a1a1a; font-size: 16px; line-height: 1.5; font-family: 'Open Sans', serif;}
.upsellText p{padding: 0 0 16px; margin: 0;}
.upsellText a.link{font-size: 16px; line-height: 22px; font-weight: 700; letter-spacing: 0.5px; font-family: 'Open Sans', sans-serif; color: #1A1A1A; text-transform: uppercase; margin-top: 4px; display: inline-block;}
.upsellText a.link:hover{color: #47A0C4;}
.upsellBtn{margin-top: 8px;}
.upsellBtn a.btn, .upsellBtn button.btn{width: 100%; text-transform: uppercase; margin-top: 16px;}
.upsell .title{font-size: 24px; line-height: 28px; font-family: 'Raleway', sans-serif;}
.upsell-upgrade{text-align: center; font-size: 24px; line-height: 28px; font-weight: 700; color: #62C476; padding: 20px 0;}
.upsell-upgrade span{height: 32px; width: 32px; background: url(https://graceframe.com/frontend/images/new/icon/yes.svg) center center no-repeat; background-size: cover; vertical-align: middle; display: inline-block; margin-right: 14px;}
/* End upsell popup */

/* Start purchase upsell */
.purchaseContent{max-width: 1468px; width: 100%; margin: 0 auto;}
.purchaseUpsell{background: #fff; border: 1px solid #8e8e8e; padding: 24px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;}
.purchaseUpsell h2{font-size: 48px; line-height: 56px; text-align: center;}
.purchaseBox{margin: 32px -12px 0;}
.purchaseUpsell .specialOffer{margin-top: 32px;}
.purchaseBoxLeft img{max-width: 100%; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px;}
.purchaseBoxRight h3{font-size: 32px; line-height: 45px; letter-spacing: 0.5px; font-family: 'Open Sans', sans-serif; margin-bottom: 16px;}
.purchaseBoxRight .upsellPrice{margin-bottom: 16px; font-size: 32px; line-height: 44px; font-weight: 700;}
.purchaseUpsell .orderSummary{width: 100%; border: 1px solid #9D9D9D; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; padding: 15px 10px;}
.purchaseUpsell .orderSummary .sub-heading{font-weight: 700;}
.purchaseUpsell .orderSummary label{padding: 16px 12px 0;}
.purchaseUpsell .orderSummary label.orderTotal{font-weight: 700; padding: 16px 0 8px; width: calc(100% - 24px); margin: 16px 12px 0;}
/* End purchase upsell */

/* Start grace event */
.graceEventTop{padding: 40px 0; text-align: center;}
.graceEventTop p:last-child{padding-bottom: 0;}
.graceEventTop .container{max-width: 850px; width: 100% !important;}
.graceEventMiddle{padding: 48px 0 80px; background: #fafafa;}
.graceEventMiddle .container{max-width: 1270px; width: 100% !important;}
.graceEventMiddle h3{margin-bottom: 24px;}
.graceEventImg{position: relative; background: url(https://graceframe.com/frontend/images/new/gf-event-banner.jpg) center center no-repeat; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; width: 100%; min-height: 355px; background-size: cover; display: table;}
.graceEventImg .overlay{background: linear-gradient(0deg, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)); position: static; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; height: 100%; width: 100%; display: table-cell; vertical-align: middle;}
.graceEventText{color: #fff; text-align: center; padding: 32px 16px; align-self: center;}
.graceEventText h1, .graceEventText h3{color: #fff; margin-bottom: 16px;}
.graceEventText p{max-width: 712px; margin: 0 auto; padding-bottom: 24px;}
.graceEventText .btn{font-weight: 700; max-width: 272px; width: 100%;}
.graceEventBox{margin-top: 64px;}
.col-grace-text{padding: 0 12px; width: 58.2%; float: right;}
.col-grace-text h3.title_underline:after{margin: 16px 0 0;}
.col-grace-text h3{margin-bottom: 8px;}
.col-grace-text .sub-heading{margin-bottom: 16px;}
.col-grace-text p{padding-bottom: 16px;}
.col-grace-text .btn{font-weight: 700; text-transform: uppercase; letter-spacing: 0.5px; margin-top: 8px;}
.col-grace-img{padding: 0 12px; width: 41.7%; float: left;}
.graceEventBox:nth-child(odd) .col-grace-text{float: left;}
.graceEventBox:nth-child(odd) .col-grace-img{float: right;}
.col-grace-text-center{float: none !important; margin: 0 auto; text-align: center;}
.col-grace-text-center h3.title_underline:after{margin: 8px auto 0;}
.col-grace-text-center h3{margin-bottom: 16px;}
.col-grace-img img{max-width: 100%; width: 100%; height: 350px; object-fit: cover; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;}
.graceEventFaq{background: #fff; padding: 80px 0;}
.graceEventFaq .container{max-width: 848px; margin: 0 auto; width: 100% !important;}
.graceEventFaq .container h2{margin: 0; padding-bottom: 4px;}
.accordionFaq .card{margin: 16px 0 0; border: none;}
.accordionFaq .card-header a{padding: 18px 44px 18px 16px; display: block; position: relative;}
.accordionFaq .card-header a span{background: url(https://graceframe.com/frontend/images/new/icon/arrow-down.svg) 0 0 no-repeat; height: 24px; width: 24px; position: absolute; top: 20px; right: 16px;}
.accordionFaq .card-header a span{-webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg);}
.accordionFaq .card-header a.collapsed span{-webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg);}
.accordionFaq .card-body{padding: 0 16px 8px;}
.accordionFaq .card-body p{padding-bottom: 16px;}
/* End grace event */

/* start warranty pages */
.warranty_info_top{padding: 45px 0; text-align: center; margin-bottom: 40px;}
.warranty_info_top .btn_new{width: 292px;}
.warranty_info{margin-bottom: 40px;}
.warranty_info_img{padding: 0 12px; float: left; max-width: 535px; width: 45%;}
.warranty_info_img img{max-width: 100%;}
.warranty_info_text{padding: 0 12px; float: right; max-width: 608px; width: 55%;}
.warranty_inf_btn {margin: 0 -12px;}
.warranty_inf_btn .btn_new{width: calc(50% - 24px); margin: 0 12px; float: left;}

.warranty_registration{padding: 45px 0;}
.warranty_registration .container{max-width: 710px; width: 100%;}
.warranty_registration_top{text-align: center;}
.warranty_registration_top p{padding: 0 16px 24px;}
.warranty_registration form{max-width: 608px; margin: 0 auto; padding: 24px;}
.warranty_registration form label{margin-bottom: 4px;}
.warranty_order_info{border-bottom: 2px solid #9D9D9D; padding-bottom: 10px; margin-bottom: 24px;}
.warranty_number span{display: inline-block; margin-left: 6px; color: #339FD8; font-size: 9px; line-height: 12px; font-weight: 500; cursor: default;}
.warranty_number span i{background: #339FD8; color: #fff; width: 12px; height: 12px; line-height: 12px; display: inline-block; margin-right: 4px; font-style: normal; font-size: 11px; text-align: center; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; cursor: pointer;}
.warranty_registration .btn_new{width: 100%;}
.warranty_confirmation_top{padding: 24px 0 40px;}
.warranty_confirmation_top .container{max-width: 1130px; text-align: center;}
.warranty_registered_box{max-width: 522px; margin: 0 auto 24px; background: #EDFAF0; border: 2px solid #62C476; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; padding: 16px 38px 16px 20px; text-align: left; position: relative;}
.warranty_view span{display: inline-block; margin-left: 28px;}
.warranty_view span a{color: #0A495D; font-weight: 700; text-decoration: underline !important;}
.warranty_view span a:hover{text-decoration: none !important;}
.warranty_close{background: url("https://graceframe.com/frontend/images/new/icon/close-black.svg") 0 0 no-repeat; height: 24px; width: 24px; position: absolute; right: 10px; top: 10px;}
.warranty_anonther{padding: 40px 0;}
#tab-warranty{ border: 2px solid #9d9d9d; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; padding: 16px;}
#tab-warranty .tab-all-order{border: 0; border-bottom: 2px solid #9d9d9d; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; margin-bottom: 0;}
#tab-warranty .tab-all-order:last-child{border: none; padding-bottom: 0;}
/* end warranty pages */

/* start user dashboard pages */
.dashboard_box{padding: 24px 0;}
.dashboard_box_user{display: flex; align-items: center; margin-bottom: 32px;}
.dashboard_box_user img{padding: 0;}
.dashboard_box_user h2{margin-bottom: 0; padding-left: 16px;}
.dashboard_box_user small{display: block; margin-top: 8px;}
.tab_new ul.tab-nav{border-bottom: none; margin-left: 0 !important; white-space: nowrap; overflow: hidden; overflow-x: auto; padding-bottom: 10px;}
.tab_new ul.tab-nav li{border: none; height: auto; margin: 0 8px; float: none; display: inline-block;}
.tab_new ul.tab-nav li a{font-size: 18px; line-height: 36px; height: 36px; font-weight: 400; padding: 0 8px; background: #f9f9f9 !important; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; margin: 0;}
.tab_new ul.tab-nav li:first-child{margin-left: 0;}
.tab_new ul.tab-nav li a:hover{ background: #DEEFF5 !important;}
.tab_new ul.tab-nav li.ui-tabs-active a{border: none !important; background: #DEEFF5 !important; font-weight: 700;}
.tab_search{display: flex; align-items: center; justify-content: space-between;}
.tab_search .search{position: relative; width: 375px; padding-left: 12px; background: #fff; margin-bottom: 10px;}
.tab_search .search .form-control{padding-left: 37px;}
.tab_search .search .btn-search{left: 22px;}
.tab_new .tab-container{padding-top: 14px;}
.tab_new .tab-container ul{margin: 0 !important;}
.tab-all-order{background: #fff; border: 2px solid #9d9d9d; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;}
.tab_order_top{padding: 16px; border-bottom: 2px solid #9d9d9d; display: flex; justify-content: space-between;}
.tab_order_top_right{text-align: right;}
.order_top_date{margin-bottom: 24px;}
.order_top_total{margin-bottom: 12px; color: #339FD8;}
.order_top_btn a{margin-left: 12px;}
.tab_order_product{padding: 18px 16px 16px;}
.tab_order_product li{display: flex; justify-content: space-between; border-top: 2px solid #9d9d9d; padding: 24px 0;}
.tab_order_product li:first-child{padding-top: 0; border-top: none;}
.tab_order_product li:last-child{padding-bottom: 0;}
.tab_order_product_left{ display: flex;}
.tab_order_product_img{width: 206px;}
.tab_order_product_img img{width: 100%; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;}
.tab_order_product_text{padding: 8px 0 0 30px;}
.tab_order_product_title{font-size: 20px; line-height: 27px; margin-bottom: 12px; color: #339FD8; font-weight: 600;}
.tab_order_product_title a{text-decoration: underline !important; color: #339FD8;}
.tab_order_product_title a:hover{text-decoration: none !important;}
.tab_order_product_right{width: 264px; display: flex; flex-direction: column; text-align: center;}
.tab_order_product_right span{display: block; margin-top: 16px;}
.tab_order_product_right span:first-child{margin-top: 0;}
.tab_order_product_right a{display: block;}
.warranty_yes i{display: inline-block; background: url(https://graceframe.com/frontend/images/new/icon/yes.svg) 0 0 no-repeat; height: 26px; width: 26px; margin-right: 10px; vertical-align: middle;}
.warranty_yes a{padding-top: 5px; padding-bottom: 5px;}
/* end user dashboard pages */

/* Start Sales */
@import url('https://fonts.googleapis.com/css2?family=Karla:wght@300;400;500;600;700&display=swap');
.sale_content{background: #fff; font-family: 'Karla', sans-serif; color: #2B3132;}
.sale_hero img{width: 100%;}
.sales_date{padding: 32px 16px; text-align: center; font-size: 24px; line-height: 28px; font-weight: 700;}
.sale_light_pink{background: #FBEBE3; padding: 50px 0 40px; overflow-x: hidden;}
.sale_title{text-align: center; font-size: 32px; line-height: 42px; font-weight: 700; letter-spacing: 0.5px; margin-bottom: 8px;}
.sale_title_sub{font-size: 24px; line-height: 28px; color: #2B3132; margin-bottom: 8px; text-align: center; letter-spacing: 0.5px; font-style: italic;}
.june_sale_page .container{position: relative; max-width: 1080px; padding: 0 12px; width: 100%;}
.june-sale-left-star{position: absolute; left: -150px; top: 0; background: url("https://graceframe.com/frontend/images/sales/june-sale-left-star.png") 0 0 no-repeat; width: 100px; height: 700px;}
.june-sale-right-star{position: absolute; right: -150px; bottom: 0; background: url("https://graceframe.com/frontend/images/sales/june-sale-right-star.png") 0 0 no-repeat; width: 100px; height: 700px;}
.sale_product{display: flex; flex-wrap: wrap; justify-content: center; position: relative; margin: 0; padding: 0 0 50px;}
.sale_product li{width: 33.33%; padding: 24px 12px 0; text-align: center;}
.sale_product li .product_bg{background: #fff; -moz-box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2); box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2); -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; padding: 28px 16px 16px; position: relative; height: 100%; display: flex; flex-direction: column;}
.sale_product_offer{position: absolute; right: 12px; top: 11px; z-index: 2; background: url("https://graceframe.com/frontend/images/sales/off-30.png") 0 0 no-repeat; width: 80px; height: 80px;}
.product_offer_save{background: url("https://graceframe.com/frontend/images/sales/save.png") 0 0 no-repeat;}
.product_offer_50{background: url("https://graceframe.com/frontend/images/sales/off-50.png") 0 0 no-repeat; }
.sale_product_img{height: 184px; margin-bottom: 16px;}
.sale_product_img img{max-height: 100%; max-width: 100%;}
.sale_product h4{margin-bottom: 10px; font-family: 'Karla', sans-serif !important; color: #2B3132; font-size: 24px; line-height: 30px; font-weight: 700;}
.sale_price{margin-bottom: 24px; font-size: 20px; line-height: 23px; flex: 1 0 auto; font-weight: 600; color: #DD3E26;}
.sale_price span{color: #2B3132; font-weight: 400; text-decoration: line-through;}
.sale_product_btn{font-family: 'Karla', sans-serif; font-size: 16px; line-height: 19px; font-weight: 700; letter-spacing: 0.15px; width: calc(100% + 16px); margin: 0 -8px; text-transform: uppercase; display: flex;}
.sale_product_btn a, .product_shop_all_sales a{color: #2b2b2b; width: calc(50% - 16px); margin: 0 8px; display: block; padding: 14px 6px 15px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; background: #D8E7F2;}
.sale_product_btn a.red_btn{background: #DD3E26; color: #fafafa;}
.sale_product_btn a:hover, .sale_product_btn a:focus, .sale_product_btn a:active{background: #c4d1db; color: #2b2b2b;}
.sale_product_btn a.red_btn:hover, .sale_product_btn a.red_btn:focus, .sale_product_btn a.red_btn:active{background: #cb3b23; color: #fafafa;}
.sale_product_btn a.green_btn{background: #3D623F; color: #fafafa;}
.sale_product_btn a.green_btn:hover, .sale_product_btn a.green_btn:focus, .sale_product_btn a.green_btn:active{background: #294202; color: #fafafa;}
.sale_product_btn a.pink_btn{background: #F7D3C2; color: #2B2B2B;}
.sale_product_btn a.pink_btn:hover, .sale_product_btn a.pink_btn:focus, .sale_product_btn a.pink_btn:active{background: #F0AE8E; color: #2B2B2B;}
.product_shop_all_sales{font-family: 'Karla', sans-serif; font-size: 16px; line-height: 19px; font-weight: 700; letter-spacing: 0.15px; text-align: center; margin-bottom: 50px;}
.product_shop_all_sales a{background: #5E9FC1; color: #fff; display: inline-block; padding: 14px 20px 15px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; width: auto;}
.product_shop_all_sales a:hover{background: #5792b0; color: #fff;}
.product_text{padding-top: 20px; color: #2B3132; font-size: 24px; line-height: 28px; text-align: center; font-style: italic;}

.btn_bottom_img{margin-top: 18px;}
.btn_bottom_img img{max-width: 100%;}
.july_sale_page .sale_light_pink{background: #E3DCD1;}
.july_sale_page .june-sale-left-star{background: url("https://graceframe.com/frontend/images/sales/july/sale-left-star.png") 0 0 no-repeat;}
.july_sale_page .june-sale-right-star{background: url("https://graceframe.com/frontend/images/sales/july/sale-right-star.png") 0 0 no-repeat;}
.july_sale_page .sale_title{color: #594A42;}
.july_sale_page .product_shop_all_sales a{background: #594A42;}
.july_sale_page .product_shop_all_sales a:hover, .product_shop_all_sales a:focus{background: #463830;}
.july_sale_page .sale_price{color: #3D623F;}
.july_sale_page .sale_product_offer{background: none;}
.july_sale_page .sale_product_offer img{max-width: 100%;}
.july_sale_page h4.mb-12{margin-bottom: 12px;}
.july_sale_page .subTitle{font-size: 18px; line-height: 22px; margin-bottom: 12px; font-weight: 600;}
.july_sale_page .subTitle span{font-style: italic; font-weight: 400;}
.july_sale_page .subTitle strong{color: #3D623F; font-weight: 600;}
.july_sale_page .sale_product_btn a{margin: 0 4px; width: calc(50% - 8px); font-size: 15px; display: flex; justify-content: center; align-content: center; letter-spacing: 0;}

.nov_sale_offer{position: absolute; right: 12px; top: 11px; z-index: 2; height: 80px; width: 80px;}
.nov_sale_offer_60{background: url("https://graceframe.com/frontend/images/sales/november/off-60.png") 0 0 no-repeat;}
.nov_sale_offer_20{background: url("https://graceframe.com/frontend/images/sales/november/off-20.png") 0 0 no-repeat;}
.nov_sale_offer_500{background: url("https://graceframe.com/frontend/images/sales/november/off-500.png") 0 0 no-repeat;}
.nov_sale_offer_2400{background: url("https://graceframe.com/frontend/images/sales/november/off-2400.png") 0 0 no-repeat;}
.nov_sale_offer_2700{background: url("https://graceframe.com/frontend/images/sales/november/off-2700.png") 0 0 no-repeat;}
.nov_sale_offer_2900{background: url("https://graceframe.com/frontend/images/sales/november/off-2900.png") 0 0 no-repeat;}
.nov_sale_offer_4000{background: url("https://graceframe.com/frontend/images/sales/november/off-4000.png") 0 0 no-repeat;}

/* Start Sales */

.grace-component:nth-child(odd) .cutie_slider .owl-stage-outer:before{background: linear-gradient(90deg, #fff 20%, rgba(196, 196, 196, 0) 90.72%);}
.grace-component:nth-child(odd) .cutie_slider .owl-stage-outer:after{background: linear-gradient(270deg, #fff 20%, rgba(196, 196, 196, 0) 100%);}


@media (max-width : 991px) {
.sales_date{font-size: 18px; line-height: 21px; padding: 20px 16px;}
.sale_light_pink{padding: 30px 0;}
.sale_title{font-size: 24px; line-height: 28px; margin-bottom: 0;}
.sale_product{padding-bottom: 30px;}
.product_shop_all_sales{margin-bottom: 30px;}
.sale_product li{width: 50%; max-width: 375px; padding-top: 30px;}
}
@media (max-width : 767px) {
.sale_product li{width: 100%;}
.sale_title_sub{font-size: 18px; line-height: 21px; margin-top: 8px;}
}
/* End June Sales */

/* Start HBQ Section */
.ptb-40{padding-top: 40px; padding-bottom: 40px;}
.pt-24{padding-top: 24px;}
.back_arrow.pt-24{padding-top: 24px !important;}
.pt-80{padding-top: 80px;}
.pt-40{padding-top: 40px;}
.pb-12{padding-bottom: 12px !important;}
.pb-40{padding-top: 40px;}
.mb-10{margin-bottom: 10px;}
.pt-100{padding-top: 100px;}
/* End HBQ Section */

.sticky_box{position: sticky; position: -webkit-sticky; top: 170px; z-index: 9;}
.modal_popUp .close{background: url("https://graceframe.com/frontend/images/new/icon/close-black.svg") 0 0 no-repeat; height: 24px; width: 24px; position: absolute; right: 14px; top: 14px; opacity: 1;}
.modal_popUp .close:hover{opacity: 0.8;}
.modal_popUp .modal-content{background: #FFFFFF; -moz-box-shadow: -4px 0px 12px rgba(26, 26, 26, 0.2); -webkit-box-shadow: -4px 0px 12px rgba(26, 26, 26, 0.2); box-shadow: -4px 0px 12px rgba(26, 26, 26, 0.2); -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;}
textarea{resize: none;}
.offer_page{margin: 32px auto; font-family: 'Raleway', sans-serif;}
.offer_page h2{font-family: 'Raleway', sans-serif; color: #1a1a1a; font-weight: 700; margin: 0;}
.offer_page .purchaseBoxRight h2{text-align: left; margin-bottom: 16px; font-family: 'Open Sans', sans-serif;}
.offer_price h3{display: inline-block; margin-right: 10px; color: #0A495D; font-weight: 700;}
.offer_price h3 span{color: #9d9d9d; text-decoration: line-through;}
.offer_page .orderSummary{padding: 16px 10px 24px;}
.offer_page .orderSummary h4{font-family: 'Raleway', sans-serif; color: #1a1a1a; font-weight: 700; margin: 0;}
.offer_page .purchaseUpsell .orderSummary label{margin: 16px 14px 0; padding: 0; display: block; cursor: text; font-family: 'Raleway', sans-serif; font-feature-settings: 'pnum' on, 'lnum' on; color: #000; font-size: 18px; line-height: 21px; font-weight: 500;}
.offer_page .purchaseUpsell .orderSummary label span{text-align: right; float: right;}
.offer_page .purchaseUpsell .orderSummary label.orderTotal{width: calc(100% - 28px); padding-top: 16px; font-weight: 700; border-top: 2px solid #8E8E8E;}
.write_review .select2-container{width: 100% !important;}
.write_review .select2-container .select2-selection--single{padding: 5px 4px 5px 6px !important; height: auto !important;}
.write_review .select2-container--default .select2-selection--single .select2-selection__arrow{top: 16px !important;}
.write_review .select2-container--default .select2-selection--single .select2-selection__arrow b{margin: 0 !important; top: 0!important; left: 0 !important; background:url(https://graceframe.com/frontend/images/new/icon/select-icon.svg) 0 0 no-repeat !important; border: none !important; width: 12px !important; height: 7px !important;}
.write_review .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b{-webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg);}

.cutie_main{background: #fff;}
.wrap-small{max-width: 1336px;}
.btn-navy{background: #16395C; color: #fff;}
.btn-navy:hover, .btn-navy:focus{background: #0e2843; color: #fff;}

.cutie_banner{background: rgba(119, 165, 217, 0.2); position: relative; height: 500px;}
.cutie_banner:after{content: ''; position: absolute; right: 0; top: 0; background: url(https://graceframe.com/frontend/images/cutie/banner-bg.png) 0 0 no-repeat; height: 100%; width: 625px;}
.cutie_banner_img_mobile{display: none;}
.cutie_banner_img{position: absolute; right: 0; top: 51px; z-index: 1;}
.cutie_banner_img:after{content: ''; position: absolute; right: 70px; top: 22px; background: url(https://graceframe.com/frontend/images/cutie/banner-star.png) 0 0 no-repeat; height: 254px; width: 540px;}
.cutie_banner_text{padding: 40px 0 0;}
.cutie_banner_text h1{max-width: 640px; margin: 30px 0 0; font-size: 40px; }
.cutie_banner_text .title span{position: relative; z-index: 1; padding: 0 2px;}
.cutie_banner_text .title span:after{content: ''; position: absolute; z-index: -1; left: 0; right: 0; top: 50%; height: 50%; background: #fff;}
.cutie_banner .btn{margin: 32px 0 0; width: 156px;}
.cutie_hbq{margin-top: -22px; display: flex; align-items: center;}
.cutie_hbq_left{width: 550px; padding-right: 50px;}
.cutie_hbq_left img{max-width: 100%;}
.cutie_hbq_right{width: 628px;}
.cutie_hbq_right h3{margin: 0 0 32px;}
.cutie_quote{position: relative; margin: 74px auto 0; max-width: 1030px; background: rgba(119, 165, 217, 0.2); -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; text-align: center; padding: 48px;}
.cutie_quote:before, .cutie_quote_img:before, .cutie_quote_img:after, .cutie_quote_star:before, .cutie_quote_star:after{content: ''; position: absolute; z-index: 1;}
.cutie_quote:before{left: 51px; top: -26px; background: url(https://graceframe.com/frontend/images/cutie/quote.svg) 0 0 no-repeat; width: 88px; height: 69px; }
.cutie_quote h3{font-weight: 700; max-width: 688px; margin: 0 auto;}
.cutie_quote .sub-heading{max-width: 574px; margin: 8px auto 0;}
.cutie_quote .sub-heading.mt-16{margin-top: 16px;}
.cutie_quote_img{position: absolute; right: -38px; bottom: -33px; z-index: 1;}
.cutie_quote .btn{margin: 32px 0 0; position: relative; z-index: 2;}
.cutie_quote_img:before{right: 71px; top: -40px; background: url(https://graceframe.com/frontend/images/cutie/star-small.svg) 0 0 no-repeat; width: 17px; height: 22px;}
.cutie_quote_img:after{right: 258px; bottom: 62px; background: url(https://graceframe.com/frontend/images/cutie/star-big.svg) 0 0 no-repeat; width: 30px; height: 38px;}
.cutie_quote_left_img{position: absolute; left: -38px; bottom: -33px; z-index: 1;}
.cutie_quote_2{margin-top: 56px}
.cutie_quote_star{position: absolute;left: 0; top: 0; right: 0; bottom: 0;}
.cutie_quote_star:before{right: 92px; top: auto; bottom:87px; background: url(https://graceframe.com/frontend/images/cutie/star-small.svg) 0 0 no-repeat; width: 17px; height: 22px;}
.cutie_quote_star:after{right: 52px; bottom: 49px; background: url(https://graceframe.com/frontend/images/cutie/star-big.svg) 0 0 no-repeat; width: 30px; height: 38px;}
.cutie_miss{position: relative; z-index: 1; margin: 82px -12px 0; text-align: center;}
.cutie_miss ul{display: flex; margin: 0;}
.cutie_miss li{padding: 0 12px; width: 33.33%;}
.cutie_miss_box{background: #fff; border: 3px solid #77A5D9; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; padding: 32px 16px; height: 100%;}
.cutie_sub_title{font-family: 'Open Sans', sans-serif; color: #77A5D9; font-weight: 700; font-size: 16px; line-height: 22px; letter-spacing: 0.5px; text-transform: uppercase;}
.cutie_miss_box .heading-h3{margin-top: 16px;}
.cutie_miss_box .heading-h3:after, .cutie_quilting_right .heading-h3:after, .cutie_left_text .heading-h2:after{content: ''; border-bottom: 3px dashed #16395C; width: 150px; display: block; margin: 24px auto 0;}
.cutie_miss_text{max-width: 250px; margin: 24px auto 0;}
.cutie_miss .btn{margin: 32px auto 0;}
.cutie_frame{position: relative; margin: 60px 0 0}
.cutie_frame:before{content: ''; position: absolute; background: url(https://graceframe.com/frontend/images/cutie/cutie-frame-bg.png) 0 0 no-repeat; width: 562px; height: 785px; right:0; top: -247px; }
.cutie_frame_img{display: flex; align-items: center; position: relative;}
.cutie_frame .heading-h3{margin: 32px 0 0; font-weight: 700;}
.cutie_frame_left{width: 55%;}
.cutie_frame_left_text{max-width: 532px; margin: 0 auto; padding: 0 16px;}
.cutie_frame_right{width: 45%;}
.cutie_frame_right img, .cutie_frame_shop_left img{max-width: 100%;}
.cutie_frame_shop{margin-top: -48px; display: flex; align-items: center; position: relative;}
.cutie_frame_shop_left{width: 600px; position: relative;}
.cutie_frame_shop_left a:after{content: ''; position: absolute; left: 50%; top: 50%; margin-top: -50px; margin-left: -50px; border: 4px solid #FFFFFF; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; height: 100px; width: 100px; background: url(https://graceframe.com/frontend/images/cutie/play-icon.svg) center center no-repeat;}
.cutie_frame_shop_right{width: 555px; padding-left: 50px;}
.cutie_frame_shop_right .btn{margin: 24px 0 0;}
.cutie_quilting{background: rgba(119, 165, 217, 0.2); display: flex; align-items: center; margin-top: 80px;}
.width-50{width: 50%;}
.cutie_quilting_left{width: 50em; margin: 0 auto; max-width: 100%; padding: 24px}
.cutie_quilting_left img, .motion_quilting_img img{width: 100%; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px;}
.cutie_quilting_right{width: 100%; position: relative;}
.cutie_quilting_right img{width: 100%; object-fit: cover; height: 100%;}
.cutie_quilting_position{ position: absolute; left: 0; top: 0; bottom: 0; right: 0; padding: 32px; display: flex; align-items: center;}
.cutie_quilting_right_text{color: #fff; max-width: 400px; width: 100%; margin: 0 auto;}
.cutie_quilting_right .heading-h3, .cutie_quilting_right .sub-heading{color: #fff;}
.cutie_quilting_right .heading-h3:after{border-bottom: 3px dashed #fff; margin: 24px 0 0;}
.motion_quilting{margin: 48px 0 0;}
.motion_quilting .heading-h3{margin-bottom: 32px;}
.motion_quilting_img{position: relative; margin: 48px 0 0; padding-bottom: 72px;}
.motion_quilting_img:after{content: ''; position: absolute; left: 0; bottom: 0; top: 80px; width: 100%; background: rgba(119, 165, 217, 0.2) url(https://graceframe.com/frontend/images/cutie/footer-bg.png) 0 bottom no-repeat;}
.motion_quilting_img ul{margin: 0 auto; width: 100%; max-width: 1044px; display: flex; position: relative; z-index: 1;}
.motion_quilting_img li{width: 50%; padding: 0 12px;}
.motion_quilting_img li img{max-width: 100%}
.motion_star_big{position: absolute; top: -35px; right: 0; background: url(https://graceframe.com/frontend/images/cutie/star-big.svg) 0 0 no-repeat; width: 50px; height: 63px; background-size: cover;}
.motion_star_big:after{content: ''; position: absolute; top: -36px; right: 66px; background: url(https://graceframe.com/frontend/images/cutie/star-big.svg) 0 0 no-repeat; width: 28px; height: 36px; background-size: cover; }
.limited_sale{padding-top: 80px; position: relative;}
.limited_sale_box{max-width: 500px; margin: 0 auto; text-align: center; color: #16395C; min-height: 360px;}
.limited_sale_box .heading-h2{color: #16395C;}
.limited_sale_box .heading-h2:after{content: ''; border-bottom: 3px dashed #16395C; width: 150px; display: block; margin: 24px auto 0;}
.limited_sale_left{position: absolute; left: -80px; top: 112px;}
.limited_sale_right{position: absolute; right: -160px; top: 0; max-width: 542px;}
.limited_sale_box img{max-width: 100%;}
.limited_sale_hide{overflow-x: hidden; margin-top: -32px;}

.cutie_slider{margin-top: 16px; display: flex; align-items: center;}
.cutie_left{max-width: 606px; -moz-transform: translateX(-170px); -webkit-transform: translateX(-170px); transform: translateX(-170px); float: right;}
.cutie_left_text{max-width: 440px;}
.cutie_left_text .heading-h2:after{margin: 24px 0;}
.cutie_slider .owl-item{-webkit-transform: scale(0.8); transform: scale(0.8) !important;}
.cutie_slider .owl-item.active.center{-webkit-transform: scale(1); transform: scale(1) !important;}
.cutie_slider .owl-carousel .owl-stage-outer .item{padding: 0 0 8px;}
.cutie_slider .owl-carousel{overflow: hidden; margin: 0; width: 100% !important;}
.cutie_slider .owl-nav{text-align: center; padding-bottom: 16px;}
.cutie_slider .owl-carousel .owl-nav [class*=owl-]{position: static !important; background: transparent !important; opacity: 1;}
.cutie_slider .owl-carousel .owl-nav button{height: 48px !important; width: 48px !important; margin: 0 6px !important}
.cutie_slider .owl-carousel .owl-nav button.disabled{display: inline-block !important;}
.cutie_slider .owl-carousel .owl-nav button span{text-indent: -9999px; background: url("https://graceframe.com/frontend/images/cutie/arrow.png") center center no-repeat !important; display: block; height: 100%; border: 2px solid #77A5D9; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%;}
.cutie_slider .owl-carousel .owl-nav button.owl-prev span{-webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); transform: rotate(180deg);}
.cutie_slider .owl-carousel .owl-nav button:hover span{opacity: 0.8 !important;}
.cutie_slider .owl-carousel .owl-nav button.disabled span, .cutie_slider .owl-carousel .owl-nav button.disabled span:hover{opacity: 0.3 !important; cursor: not-allowed;}
.cutie_slider .owl-stage-outer:before, .cutie_slider .owl-stage-outer:after{content: ''; position: absolute; width: 130px; height: 100%; top: 0; z-index: 1;}
.cutie_video_popup.modal .modal-dialog{width: calc(100% - 32px); max-width: 932px; margin: 10px auto;}
.cutie_video_popup button.close{background: url("https://graceframe.com/frontend/images/new/icon/close.svg") 0 0 no-repeat; height: 24px; width: 24px; position: absolute; top: 10px; right: 10px; opacity: 0.7;}
.cutie_video_popup button.close:hover{opacity: 1;}
.cutie_video_popup .modal-content{background: transparent; border: none;}

.cutie_main_landing .cutie_banner{background: #EDF6F8;}
.cutie_main_landing .cutie_banner:after{background-image: url(https://graceframe.com/frontend/images/cutie/banner-bg-2.png);}
.cutie_main_landing .cutie_banner_img{top: auto; bottom: 0; right: 60px;}
.cutie_main_landing .cutie_banner_text h1{font-size: 40px;}
.cutie_main_landing .cutie_banner_img_desktop{position: relative; z-index: 2;}
.cutie_main_landing .cutie_banner_img:after{right: 0; top: 45px; background-image: url(https://graceframe.com/frontend/images/cutie/banner-star-2.png);}
.cutie_main_landing .cutie_hbq{margin-top: 8px;}
.cutie_main_landing .cutie_quote{background: #EDF6F8;}
.cutie_main_landing .cutie_quote:before{background-image: url(https://graceframe.com/frontend/images/cutie/quote-2.svg);}
.cutie_main_landing .cutie_quote_img:before, .cutie_main_landing .cutie_quote_star:before{background-image: url(https://graceframe.com/frontend/images/cutie/star-small-2.svg);}
.cutie_main_landing .cutie_quote_img:after, .cutie_main_landing .cutie_quote_star:after, .cutie_main_landing .motion_star_big, .cutie_main_landing .motion_star_big:after{background-image: url(https://graceframe.com/frontend/images/cutie/star-big-2.svg);}
.cutie_main_landing .cutie_miss_box{border-color: #4AA0C2;}
.cutie_main_landing .cutie_miss_box .heading-h3, .cutie_main_landing .limited_sale_box .heading-h2, .cutie_main_landing .limited_sale_box .heading-h3, .cutie_main_landing .limited_sale_box .heading-h1, .cutie_main_landing .cutie_quilting_right_text .heading-h3, .cutie_main_landing .cutie_left_text .heading-h2{font-family: 'Merriweather', serif;}
.cutie_main_landing .cutie_sub_title{color: #4AA0C2;}
.cutie_main_landing .cutie_frame:before{background-image: url(https://graceframe.com/frontend/images/cutie/cutie-frame-bg-2.png);}
.cutie_main_landing .cutie_frame .heading-h3{color: #16395C; margin: 16px 0 0;}
.cutie_main_landing .cutie_quote h3{color: #16395C; font-family: 'Open Sans', sans-serif !important;}
.cutie_main_landing .limited_sale_box .heading-h3{font-weight: 700; max-width: 330px; margin: 16px auto 0;}
.cutie_main_landing .limited_sale_box .heading-h1{margin-top: 16px; color: #16395C;}
.cutie_main_landing .cutie_quilting_right_text{max-width: 447px;}
.cutie_main_landing .motion_quilting .heading-h3{font-weight: 700; color: #16395C;}
.cutie_main_landing .motion_quilting_img:after{background: #EDF6F8 url(https://graceframe.com/frontend/images/cutie/footer-bg-2.png) 0 bottom no-repeat}
.cutie_main_landing .cutie_left_text .heading-h2{color: #16395C;}
.cutie_main_landing .cutie_slider .cutie_left .owl-carousel .owl-stage-outer .item{padding-bottom: 0;}
.cutie_main_landing .cutie_left{width: 100%; max-width: 670px; -moz-transform: none; -webkit-transform: none; transform: none;}

.intercom-launcher-frame{height: 48px !important; width: 48px !important; bottom: 90px !important; right: 20px !important;}
.page_breadcrumb{display: flex; align-items: center; justify-content: space-between;}
.page_breadcrumb .breadcrumb{position: static !important; padding-left: 16px !important; white-space: nowrap;}

/* Start Shop */
.banner_search_bg h2, .shop_content h2{color: #1a1a1a; font-size: 32px; line-height: 40px; letter-spacing: 0.5px;}
.banner_search_bg{text-align: center; padding: 44px 0; background: url(https://graceframe.com/frontend/images/new/banner-search-dektop-bg.jpg) 0 0 no-repeat; background-size: 100% 100%; filter: drop-shadow(0px 2px 12px rgba(26, 26, 26, 0.1));}
.banner_search_input{position: relative; max-width: 380px; padding: 0 8px; margin: 32px auto 0;}
.banner_search_input .form-control, .sidebar_input .form-control, .searchbar .form-control{border: 1px solid #0A495D; padding: 8px 8px 8px 37px; font-size: 16px; line-height: 24px;}
.banner_search_btn, .sidebar_search_btn, .search-btn{position: absolute; left: 18px; top: 12px; height: 16px; width: 16px; background-color: transparent; background: url(https://graceframe.com/frontend/images/new/icon/search.svg) 0 0 no-repeat; border: 0; z-index: 99;}
.banner_search_btn:hover{opacity: 0.6;}
.shop_main{padding:48px 0 28px; background: #fff;}
.shop_sidebar{float: left; width: 235px;}
.shop_sidebar .title{padding-bottom: 12px;}
.shop_sidebar_btn{display: none;}
.shop_sidebar_btn a.btn{width: 100%; padding: 3px 20px; text-transform: uppercase; position: relative;}
.shop_sidebar_btn a.btn:after{content: ''; position: absolute; right: 4px; top: 4px; background: url(https://graceframe.com/frontend/images/new/icon/down-arrow-white.svg) 0 0 no-repeat; height: 24px; width: 24px; background-size: cover; display: inline-block;}
.sidebar_input{position: relative;}
.sidebar_search_btn, .search-btn{left: 10px;}
.side_list_popup{background: rgba(22, 22, 22, 0.6); position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 9998; display: none;}
.title_close{display: none;}
.sidebar_category li{font-size: 16px; line-height: 24px;}
.sidebar_category li a{color: #1a1a1a; border-top: 1px solid #DEDEDE; padding: 8px 0; display: block; position: relative;}
.sidebar_category li.dropDown > a{padding-right: 24px;}
.sidebar_category li.dropDown > a:after{content: ''; position: absolute; right: 0; top: 12px; background: url(https://graceframe.com/frontend/images/new/menu/down-arrow.svg) 0 0 no-repeat; height: 16px; width: 16px; background-size: cover; display: inline-block;}
.sidebar_category li.dropDown.show > a:after{-webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg);}
.sidebar_category li ul{display: none;}
.sidebar_category li.dropDown.show ul{display: block;}
.sidebar_category li li a:hover, .sidebar_category li li.active a{color: #339FD8;}
.sidebar_category > ul > li.active > a{color: #1B365D; font-weight: 700;}
.sidebar_sort li{border-top: 1px solid #DEDEDE; padding: 8px 0;}
.sidebar_category li:first-child a, .sidebar_sort li:first-child{border-top: none; padding-top: 0;}
.sidebar_sort li label{font-size: 16px; line-height: 24px;}
.sidebar_sort li.radioBox .checkmark{top: 10px;}
.sidebar_sort li.radioBox:first-child .checkmark{top: 2px;}
.shop_content{float: right; width: calc(100% - 270px);}
.shop_product{margin-top: 28px;}
.shop_product:first-child{margin: 0;}
.shop_product h2{margin: 0 0 4px;}
.shop_product ul.plist{margin: 0 -12px; width: calc(100% + 24px); display: flex; flex-wrap: wrap; text-align: center;}
.shop_product ul.plist li{padding: 12px; width: 33.33%;}
.shop_product ul.plist li .white_card_2{padding: 8px 8px 56px; position: relative; height: 100%;}
.shop_product ul.plist li .shop_product_img{width: 100%; padding-top: 91.05%; position: relative;}
.shop_product ul.plist li .shop_product_img_child{position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.shop_product ul.plist li .shop_product_img_child img{height: 100%;}
.shop_product_img{position: relative;}
.shop_product_img img{width: 100%;}
.shop_product_img span{position: absolute; right: 0; top: 0; height: 48px; width: 48px; padding: 8px; z-index: 9990; cursor: pointer;}
/*.shop_product_img span.active, .shop_product_img span:hover{position: absolute; right: 8px; top: 8px; height: 32px; width: 32px; -moz-border-radius: 100%; -webkit-border-radius: 100%; border-radius: 100%; z-index: 2; -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);}*/
.shop_product_img span dd{background: #fff url("https://graceframe.com/frontend/images/new/icon/heart.svg") center center no-repeat; background-size: 24px; height: 32px; width: 32px; -moz-border-radius: 100%; -webkit-border-radius: 100%; border-radius: 100%; z-index: 2; -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);}
.shop_product_img span.active dd{background: #fff url("https://graceframe.com/frontend/images/new/icon/heart-filled.svg") center center no-repeat;}
.shop_product_text{margin-top: 16px;}
.shop_product_text .title{margin-bottom: 8px;}
.shop_product_text .sub-heading{display: flex; justify-content: center;}
.shop_product_text .sub-heading span, .compare_price span{text-decoration: line-through!important; display: inline-block; margin-left: 6px; color: #999; font-size: 80%;}
.shop_product_text .btn{position: absolute; left: 0; bottom: 0; right: 0; text-transform: uppercase; padding:9px 12px; -moz-border-radius: 0px 0px 4px 4px !important; -webkit-border-radius: 0px 0px 4px 4px !important; border-radius: 0px 0px 4px 4px !important; border: none !important}
.shop_product .pagination{display: flex; justify-content: center;}
/* End Shop */

.progress-container { width: 100%; height: 8px; background: #F1F1F1;}
.header-sticky{top: 77px; position:sticky; z-index: 9998;}
.modal-open .header-sticky{z-index: 99;}
.progress-bar {height: 8px; background: #A3CDDE; width: 0%; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none;}
.bodyShelf .progress-container{z-index: 1;}
.text-capital{text-transform: uppercase;}
.model-open .header-sticky, .syf-mpp-modal-open .header-fix, .syf-mpp-modal-open .header{z-index: 999;}
.syf-mpp-close:focus, .syf-mpp-close:hover{border: none !important;}
.entry-content b{font-weight: 400 !important;}

.grace_workshop{max-width: 1100px; margin: 126px auto 94px; padding: 24px 16px;}
.grace_workshop_dis{display: flex; justify-content: space-between;}
.grace_workshop_left{width: 540px; padding-right: 16px;}
.grace_workshop_left .row{margin-left: -8px; margin-right: -8px;}
.grace_workshop_left .col-md-6{padding: 0 8px;}
.grace_workshop h1{margin-bottom: 16px; font-size: 38px; line-height: 1.25; color: #1a1a1a; font-weight: 700;}
.grace_workshop_left .sub-heading{margin-bottom: 30px;}
.grace_workshop_left .form-group{margin-bottom: 20px;}
.grace_workshop_left .form-group .form-control{border: 1px solid #339FD8;}
.grace_workshop_left label{cursor: default; font-size: 14px;}
.grace_workshop_left .form-group h4 span{display: inline-block; margin-left: 4px;}
.grace_workshop_right{width: 520px;}
.grace_workshop_list{margin: 0 -4px; width: calc(100% + 8px); padding-top: 8px; display: flex; flex-wrap: wrap;}
.grace_workshop_list li{padding: 4px; width: 100%;}
.grace_workshop_list li .checkBox{background: #E1E1E1;padding: 18px 10px 18px 24px; margin: 0; height: 100%; overflow: hidden;}
.grace_workshop_list li .checkBox .checkmark{border: none; height: 100%; width: 100%; -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);}
.grace_workshop_list li .checkBox input:checked ~ .checkmark:after, .grace_workshop_list li .checkBox:hover{background: #DEEFF5; opacity: 1; height: 100%; width: 100%; border: none; left: 0; top: 0; -moz-transform: none; -webkit-transform: none; transform: none;}
.grace_workshop_list li h4{font-size: 20px; line-height: 27.24px; font-weight: 700; color: #1a1a1a; margin: 0 0 4px;}
.workshop_date{font-size: 16px; line-height: 21.79px; color: #1a1a1a; font-weight: 400; }
.grace_workshop_list li .caption-lg{margin-top: 10px;}
.grace_workshop_right .pagination{margin: 16px 0 0; display: flex; justify-content: center;}
.grace_workshop_right .pagination li{margin: 0 4px;}
.grace_workshop_right .pagination li.disabled span{background: #c9c9c9; color: #fff;}
.grace_workshop_right .pagination li span{border: none; padding: 9px 16px; font-size: 16px; line-height: 22px; font-weight: 700; letter-spacing: 0.5px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;}
.grace_workshop_right .pagination li a{background: #c9c9c9; color: #fff; border: none; padding: 9px 16px; font-size: 16px; line-height: 22px; font-weight: 700; letter-spacing: 0.5px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;}
.grace_workshop_right .pagination li a:hover, .grace_workshop_right .pagination li.active a{background: #339FD8 !important;}
.grace_workshop_confirmation{max-width: 805px; margin: 0 auto; text-align: center;}
.grace_workshop_confirmation h1{margin-bottom: 22px;}
.grace_workshop .has-error .form-control{border-color: #a94442 !important;}
.grace_workshop .has-error span.error_msg{color: #a94442; font-size: 14px;}
.workshop_instructor{ font-size: 16px; line-height: 21.79px; font-weight: 700;}
.workshop-description-box { background-color: #DEEFF5; padding: 20px; height: calc(100% - 36px) !important;}
.position-relative {position: relative;}
.btns-box-workshop { position: absolute;bottom: 30px; left: 0; right: 0;}
.grace_workshop_right .thank-you-msg {text-align: left !important; margin: 16px 0; padding-bottom: 50px;}
.thank-you-msg h3  {font-size: 20px; line-height: 27.24px; font-weight: 700; color: #1a1a1a; }
.grace_workshop_right .workshop_description { width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.align-bottom { align-items: end; display: flex }
.workshop_dec_purchase { max-height: 412px; }
.workshop_generic_text{font-size: 16px; line-height: 21.79px; color: #1a1a1a; font-weight: 400; }
.workshop-price { font-size: 16px; line-height: 27.24px !important; font-weight: 700; }
.grace_workshop_right .title{ font-size: 20px; line-height: 27.24px; font-weight: 700; color: #1a1a1a; }
.thank-you-msg h3, .grace_workshop_left label, .grace_workshop_left h1, .workshop-description-box h4, .workshop-price, .workshop_date, .workshop_instructor, .grace_workshop_list li h4, .workshop_generic_text {  font-family: 'Open Sans', serif !important; }
.workshop-description-box h4{ font-size: 20px; line-height: 27.24px; color: #1a1a1a; font-weight: 700; }
.pb-100 { padding-bottom: 100px}

#externalLinkPopup iframe{width: 100%; height: calc(92vh - 80px);}
body.without-header-footer .wrap{padding: 0;}
body.without-header-footer .pt-40{padding-top: 0;}
body.without-header-footer #gotoTop{display: none !important;}
body.without-header-footer .learn_more{margin-bottom: 0; padding: 48px 16px;}
body.without-header-footer .machine_compare{margin-bottom: 32px;}
body.without-header-footer{ overflow-y: auto;}
body.without-header-footer::-webkit-scrollbar{width: 4px; }
body.without-header-footer::-webkit-scrollbar-thumb{background: #454545; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;}
body.without-header-footer .machine_model_text li:first-child, body.without-header-footer .machine_model_text td:first-child{font-size: 18px;}
body.without-header-footer .see{display: none;}
body.without-header-footer .machine_compare{overflow: visible;}
#externalLinkPopup.modal{overflow: hidden;}
.order-address.tab-pane hr{border-color: #8e8e8e;}
.promotionPopupModal .text-image-component .componetText.order-2{padding: 0;}
.promotionPopupModal .grace-component .wrap{padding: 0 24px;}
.promotionPopupModal .componetText{padding: 0 0 0 16px !important;}

.grecaptcha-badge { width: 70px !important; overflow: hidden !important; transition: all 0.3s ease !important; left: 0 !important;}
.grecaptcha-badge:hover {width: 256px !important;}

.share-quilt{ display: flex;  justify-content: center; padding: 0 0 14px 0;  margin-top: 16px; margin-bottom: 16px;}
.shareTitle{display: inline-block; margin: 12px 12px 0 0; font-family: 'Karla', sans-serif !important; font-size:20px; font-weight: 700;}
.share-quilt a{color: #2b2b2b; border: 1px solid #2b2b2b; background: #fafafa; margin-top: 10px; padding: 2px 8px; display: inline-block; margin-right: 6px; font-weight: 700;}
.share-quilt a:last-child{margin-right: 0;}
.share-quilt svg{vertical-align: middle;}
.share-quilt span{display: inline-block; margin-left: 8px; vertical-align: middle;}
.share-quilt a:hover{color: #fafafa; background: #2b2b2b;}
.share-quilt a:hover svg path{fill:#fafafa !important;}
.img-icon{display: inline-block; margin: 0 2px 0 0; vertical-align: middle;}

.list-style-static ol{list-style: lower-alpha}
.list-style-static ol li{margin-top: 8px;}
.list-style-static ol ol{list-style: lower-roman;}
.bulletListLi li{list-style: disc;}
#promo img{max-height: 450px;}
.pd_cko_btn .btn, .pd_cko_btn .add-to-cart{font-size: 12px;}
#gotoTop.dis-block{display: block !important;}
.instructions .toggle{margin-bottom: 12px;}
.instructions .toggle .togglec{padding-top: 4px; padding-bottom: 0;}
.instructions .pdf-download{display: inline-block; margin-left: 8px;}
.instructions .pdf-download span{display: block; margin-top: 8px;}
.instructions .toggle.toggle-border .togglet, .instructions .toggle.toggle-border .toggleta{line-height: normal; padding: 11px 8px 11px 36px;}
.infusion-field input.form-control{margin-bottom: 0;}
.frame-comparison{padding: 12px;}
.frame-comparison h3{margin-bottom: 16px;}
.frame-comparison img{max-height: 300px; object-fit: cover; margin-bottom: 16px;}
.frame-comparison img.text-center{margin-top: 0;}
#content{width: 100%;}
.mfp-zoom-out-cur .header, .mfp-zoom-out-cur .footer-phone, .mfp-zoom-out-cur .intercom-lightweight-app, .mfp-zoom-out-cur ._hj-widget-container ._hj-AcOyB__styles__openStateButtonToggle{z-index: 999 !important;}
.mfp-zoom-out-cur ._hj-Pbej5__styles__resetStyles div{position: relative; z-index: 999 !important}
.plastic-gallery-box{display: flex; flex-wrap: wrap; justify-content: center;}
.plastic-gallery-box li{width: 33.33%; padding: 0 1px;}
.plastic-gallery-box li img{width: 100%;; height: 290px; object-fit: cover;}
.evolve_my_quilt .card_collection_img{margin: 0 0 16px;}
.evolve_my_quilt .image_card_collection, .no_more_compromises .wrap{max-width: 1706px !important;}
.no_more_compromises{background: #fff;}
.no_more_compromises .ptb-40{padding: 40px 0;}
.card_collection_text .no-underline:after{display: none;}
video#video{width: 100%;}
#buttoncontrols .progress-overview .progress-container::before, #buttoncontrols .progress-overview .progress-container .progress{margin-top: 6px;}
.parts-container {margin-top: 16px;}
.parts-container .parts .collapse.in{visibility: visible;}
.parts-container .parts .parts-body li{margin-bottom: 4px;}
.parts-container .parts ul.parts-body{margin-bottom: 16px;}
.parts-container .parts .parts-header{cursor: pointer;}
.parts-container .parts .parts-header[aria-expanded="true"] .fa-caret-down{-webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg);}
.table-padding th, .table-padding td{padding-left: 0 !important; padding-right: 0 !important;}
.gc-drop-list .title_underline:after{display: none;}
.change-password-popup{max-width: 550px;margin: 0 auto;text-align: center; padding: 16px 16px 20px; color: #161616;}
.change-password-popup h3{color: #161616; margin-top: 0;}
.change-password-popup .modal_popup_title p{font-size: 18px; padding-bottom: 12px !important; line-height: normal;}
.change-password-popup .modal_popup_title p a{color: #4093a4;}
.change-password-popup .modal_popup_title p a:hover{color: #161616;}
.modal-popup-footer-btn{display: flex; justify-content: center;}
.modal-popup-footer-btn .btn{margin: 0 4px;}
.compatibility-page .toggle.toggle-bg .togglec{padding-left: 0;}
.table > thead > tr > th:first-child, .table > tbody > tr > td:first-child{padding-left: 16px;}
.grace-has-logo{margin-bottom: 16px; max-width: 160px;}
.grace-has-logo img{width: 100%;}

.scrolling-img{position: relative; max-height: 100%;}
.scrolling-img img{height: 100%;}
.scrolling-img .down-arrow{position: sticky; top: 86vh; margin: 0 auto; width: 42px; z-index: 9999;}
.scrolling-img .down-arrow a{background: url("https://graceframe.com/frontend/images/new/icon/down-arrow-blue.svg") center center no-repeat; height: 42px; width: 42px; border: 2px solid #33a0db; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; display: block;}
.scrolling-img .down-arrow a:hover{opacity: 0.8;}

.bounce {
  -moz-animation: bounce 2s infinite;
  -webkit-animation: bounce 2s infinite;
  animation: bounce 2s infinite;
}
@-moz-keyframes bounce {
  0%,
  20%,
  50%,
  80%,
  100% {
    -moz-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -moz-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  60% {
    -moz-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}
@-webkit-keyframes bounce {
  0%,
  20%,
  50%,
  80%,
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  60% {
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}
@keyframes bounce {
  0%,
  20%,
  50%,
  80%,
  100% {
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -moz-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  60% {
    -moz-transform: translateY(-15px);
    -ms-transform: translateY(-15px);
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}
.modal-footer.text-center{text-align: center;}
.addressModal.modal-dialog{max-width: 720px; width: calc(100% - 26px);}
.addressModal .modal-body p:last-child{padding-bottom: 0;}
.addressModal .modal-body ul li.form-group:last-child{margin-bottom: 0;}
.dealer_cer img{max-width: 120px; float: right;}
.colDLeft{float: left; line-height: 18px;}
.colDRight{float: right; margin-top: -12px;}
.colDRight img{max-width: 90px;}
.d-flex{display: flex;}
.justify-content-center{justify-content: center;}
.justify-content-between{justify-content: space-between;}
.justify-content-around{justify-content: space-around;}
.justify-content-right{justify-content: flex-end;}
.align-items-center{align-items: center;}
.align-items-start{align-items: flex-start;}
.align-items-end{align-items: flex-end;}
.align-items-stretch{align-items: stretch;}
.align-self-stretch{align-self: stretch;}
.flex-wrap{flex-wrap: wrap;}
.flex-nowrap{flex-wrap: nowrap;}
.flex-column{flex-direction: column;}
.flex-grow-1{flex-grow: 1;}
.overflow-hidden{overflow: hidden;}
.line-through{text-decoration: line-through;}

.dealer-bottom{display: flex; margin-bottom: 12px;}
.dealer-bottom img{width: 100%;}
.modalDealerPopup{max-width: 650px; width: 100%; margin: 0 auto;}
.modalDealerPopup.modal .modal-dialog{width: calc(100% - 32px); margin: 10px auto;}
.modalDealerPopup button.close{background: url("https://graceframe.com/frontend/images/new/icon/close-black.svg") 0 0 no-repeat; height: 24px; width: 24px; position: absolute; top: 10px; right: 10px; opacity: 0.7;}
.modalDealerPopup button.close:hover{opacity: 1;}
.DealerPopupChild{padding: 24px; color: #1a1a1a;}
.DealerPopupImg{padding: 16px 0 32px 0;}
.DealerPopupImg img{height: 150px; -moz-transform: scale(1.8); -webkit-transform: scale(1.8); transform: scale(1.8);}
.DealerPopupChild h2{margin-bottom: 8px; color: #1a1a1a; font-size: 28px; line-height: 32px;}
.DealerPopupChild h4{margin-bottom: 8px; color: #1a1a1a; font-size: 18px; line-height: 22px;}
.DealerPopupChild ul{margin: 0 0 0 16px;}
.modal-body hr{border-top: 1px solid #c0c0c0;}
.modal-btn-group{margin: 0 -15px; border-top: 1px solid #e5e5e5; text-align: right; padding: 15px 15px 0;}

.grace-financing{margin-bottom: 16px;}
.grace-financing-title{-moz-border-radius: 10px 10px 0 0; -webkit-border-radius: 10px 10px 0 0; border-radius: 10px 10px 0 0; text-align: center; font-weight: 700; background-color: #339fd8; color: #fff; padding: 6px 6px 26px;}
.grace-financing-text{padding: 10px; background: #fff; border: 1px solid #dedede; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; margin-top: -20px; display: flex; align-items: center;}
.grace-financing-text img{max-width: 65px; margin-right: 8px;}
.synchronyTextLeft .d-block{display: block;}
.payment-synchrony .synchrony_option .widget-box{justify-content: end;}
.grace-financeing-box h2{margin-bottom: 0;}
.grace-financeing-box ul{margin-left: 16px;}
.semi-transparent {opacity: 0.3;transition: opacity 0.2s;}
div[ref="patternSvg"] svg path {
  fill: none;
  stroke: #333;
  stroke-width: 1;
}
.upload-step-box svg,
.pattern-svg-container svg,
.upload-step-box img {
  display: block !important;
  width: 100%   !important;
  height: auto  !important;
  overflow: visible !important;
}

/* and make sure their parent doesn’t hide overflow */
.upload-step-box,
.pattern-svg-container {
  overflow: visible !important;
}
.validation-message {
    color: #d9534f;
    font-size: 14px;
    background-color: #f8d7da;
    border: 1px solid #f5c6cb;
    padding: 8px;
    border-radius: 4px;
    margin-top: 5px;
    display: flex
;
    align-items: center;
}
/* STEP 2 declutter: pointer + hover highlight */
.upload-step-box svg path {
  cursor: pointer;
}
.upload-step-box svg path:hover {
  stroke: red;
   stroke-width: 4px  !important;
}

/* when “removed” (clicked) */
.semi-transparent {
  opacity: 0.3;
  stroke: #333;   /* or a dark gray */
}
/* pierce scoped CSS so it lands on your injected SVG paths */
::v-deep .upload-step-box svg path {
  /* tell the browser to only trigger pointer-events when the mouse hits the stroke */
  pointer-events: stroke;
}

/* this pseudo-selector ups the “effective” stroke width for hit-testing */
::v-deep .upload-step-box svg path {
  stroke-width: 10;      /* big hit area */
  stroke-opacity: 0;      /* invisible */
}

/* then immediately reset your real stroke to 1px via inline style or a more specific rule */
::v-deep .upload-step-box svg path.visible {
  stroke-width: 1 !important;
  stroke-opacity: 1 !important;
}
.upload-steps{
  margin-bottom: 16px;
}

/* highlight hovered path */
.hover {
    stroke: red !important;
}

/* hide the overlay rects so they don’t obscure the look */
rect.selection-overlay {
    fill: transparent;
    stroke: none;
}
path.hover {
  stroke: red !important;
  stroke-width: 4px !important;
}

/* ensure overlay rects don’t block visuals */
rect.selection-overlay {
  fill: transparent;
  stroke: none;
  pointer-events: all; /* they receive events, but aren’t visible */
}
.z-index-1 {
  z-index: 1;
}
.width-1496{max-width: 1496px; width: 100%;}
.m-w-160{min-width: 160px;}