/*Fonts*/
@font-face { font-family: 'Bebas Neue'; src: url('../fonts/BebasNeueBold.eot'); src: url('../fonts/BebasNeueBold.eot?#iefix') format('embedded-opentype'), url('../fonts/BebasNeueBold.woff2') format('woff2'), url('../fonts/BebasNeueBold.woff') format('woff'), url('../fonts/BebasNeueBold.ttf') format('truetype'), url('../fonts/BebasNeueBold.svg#BebasNeueBold') format('svg'); font-weight: bold; font-style: normal; }
@font-face { font-family: 'Bebas Neue Book'; src: url('../fonts/BebasNeueBook.eot'); src: url('../fonts/BebasNeueBook.eot?#iefix') format('embedded-opentype'), url('../fonts/BebasNeueBook.woff2') format('woff2'), url('../fonts/BebasNeueBook.woff') format('woff'), url('../fonts/BebasNeueBook.ttf') format('truetype'), url('../fonts/BebasNeueBook.svg#BebasNeueBook') format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'Helvetica Neue LT Std'; src: url('../fonts/HelveticaNeueLTStd-Lt.eot'); src: url('../fonts/HelveticaNeueLTStd-Lt.eot?#iefix') format('embedded-opentype'), url('../fonts/HelveticaNeueLTStd-Lt.woff2') format('woff2'), url('../fonts/HelveticaNeueLTStd-Lt.woff') format('woff'), url('../fonts/HelveticaNeueLTStd-Lt.ttf') format('truetype'), url('../fonts/HelveticaNeueLTStd-Lt.svg#HelveticaNeueLTStd-Lt') format('svg'); font-weight: 300; font-style: normal; }
@font-face { font-family: 'Helvetica Neue LT Std'; src: url('../fonts/HelveticaNeueLTStd-Md.eot'); src: url('../fonts/HelveticaNeueLTStd-Md.eot?#iefix') format('embedded-opentype'), url('../fonts/HelveticaNeueLTStd-Md.woff2') format('woff2'), url('../fonts/HelveticaNeueLTStd-Md.woff') format('woff'), url('../fonts/HelveticaNeueLTStd-Md.ttf') format('truetype'), url('../fonts/HelveticaNeueLTStd-Md.svg#HelveticaNeueLTStd-Md') format('svg'); font-weight: 500; font-style: normal; }
@font-face { font-family: 'Helvetica Neue LT Std'; src: url('../fonts/HelveticaNeueLTStd-Bd.eot'); src: url('../fonts/HelveticaNeueLTStd-Bd.eot?#iefix') format('embedded-opentype'), url('../fonts/HelveticaNeueLTStd-Bd.woff2') format('woff2'), url('../fonts/HelveticaNeueLTStd-Bd.woff') format('woff'), url('../fonts/HelveticaNeueLTStd-Bd.ttf') format('truetype'), url('../fonts/HelveticaNeueLTStd-Bd.svg#HelveticaNeueLTStd-Bd') format('svg'); font-weight: bold; font-style: normal; }
@font-face { font-family: 'Helvetica Neue LT Std'; src: url('../fonts/HelveticaNeueLTStd-Hv.eot'); src: url('../fonts/HelveticaNeueLTStd-Hv.eot?#iefix') format('embedded-opentype'), url('../fonts/HelveticaNeueLTStd-Hv.woff2') format('woff2'), url('../fonts/HelveticaNeueLTStd-Hv.woff') format('woff'), url('../fonts/HelveticaNeueLTStd-Hv.ttf') format('truetype'), url('../fonts/HelveticaNeueLTStd-Hv.svg#HelveticaNeueLTStd-Hv') format('svg'); font-weight: 900; font-style: normal; }
@font-face { font-family: 'Helvetica Neue LT Std'; src: url('../fonts/HelveticaNeueLTStd-Roman.eot'); src: url('../fonts/HelveticaNeueLTStd-Roman.eot?#iefix') format('embedded-opentype'), url('../fonts/HelveticaNeueLTStd-Roman.woff2') format('woff2'), url('../fonts/HelveticaNeueLTStd-Roman.woff') format('woff'), url('../fonts/HelveticaNeueLTStd-Roman.ttf') format('truetype'), url('../fonts/HelveticaNeueLTStd-Roman.svg#HelveticaNeueLTStd-Roman') format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-family: drukwerkmax; src: url(../fonts/drukwerkmax.woff2?uq2bfv) format("woff2"), url(../fonts/drukwerkmax.ttf?uq2bfv) format("truetype"), url(../fonts/drukwerkmax.woff?uq2bfv) format("woff"), url(../fonts/drukwerkmax.svg?uq2bfv#drukwerkmax) format("svg"); font-weight: 400; font-style: normal }
[class*=" icon-"], [class^=icon-] { font-family: drukwerkmax !important; speak: none; font-style: normal; font-weight: 400; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale }
.icon-duplicate:before { content: ""; color: #d8d8d8 }
.icon-search:before { content: "" }
.icon-cross:before { content: "" }
.icon-question:before { content: "" }
.icon-user:before { content: "" }
.icon-cart:before { content: "" }
.icon-youtube:before { content: "" }
.icon-pinterest:before { content: "î¤" }
.icon-linkedin:before { content: "" }
.icon-twitter:before { content: "" }
.icon-facebook:before { content: "" }
.icon-circle-check:before { content: "" }
.icon-speed:before { content: "" }
.icon-modern:before { content: "" }
.icon-thumbs-up:before { content: "" }
.icon-time:before { content: "" }
.icon-truck:before { content: "" }
.icon-check:before { content: "" }
.icon-chevron-top:before { content: "" }
.icon-chevron-right:before { content: "î¤" }
.icon-chevron-bottom:before { content: "" }
.icon-chevron-left:before { content: "î¤" }
.icon-triangle-top:before { content: "î¤" }
.icon-triangle-right:before { content: "" }
.icon-triangle-down:before { content: "" }
.icon-triangle-left:before { content: "" }
/* Reset CSS
===================================*/
* { padding: 0; margin: 0; -webkit-box-sizing: border-box; box-sizing: border-box; outline: none; }
*:after, *:before { -webkit-box-sizing: border-box; box-sizing: border-box; }
*:focus { outline: none; }
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; vertical-align: baseline; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
ol, ul { list-style: none; }
table { border-collapse: collapse; border-spacing: 0; }
img { max-width: 100%; vertical-align: middle; border: none; border-radius: 0 }
button, input, select, textarea { resize: none; border: 0; border-radius: 0; -webkit-border-radius: 0; -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; appearance: none; font-family: 'Open Sans', sans-serif; font-weight: normal; }
ul, li { list-style: none; }
a { text-decoration: none; transition: all ease-in-out 0.3s; -webkit-transition: all ease-in-out 0.3s; -moz-transition: all ease-in-out 0.3s; }
sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline }
sup { top: -0.5em }
/* Placeholder CSS
===================================*/
::-webkit-input-placeholder { color: #C7C7C7; opacity: 1; }
:-moz-placeholder { color: #C7C7C7; opacity: 1; }
::-moz-placeholder { color: #C7C7C7; opacity: 1; }
:-ms-input-placeholder { color: #C7C7C7; opacity: 1; }
.form-control { border: 1px solid #a7a9ac; box-shadow: none !important; font-size: 15px; color: #181b37; height: 40px; padding: 8px 15px; border-radius: 2px; }
select.form-control { -webkit-appearance: none; -moz-appearance: none; padding-right: 30px; background-image: url(../images/down_arrow.png); background-size: 22px auto; background-repeat: no-repeat; background-position: 99% center; }
select.form-control::-ms-expand { display: none; }
[type="radio"]:checked, [type="radio"]:not(:checked) { position: absolute; left: 0px; top: 0px; opacity: 0 }
[type="radio"]:checked + label, [type="radio"]:not(:checked) + label { position: relative; padding-left: 28px; cursor: pointer; display: inline-block; font-weight: 400; font-size: 15px; }
[type="radio"]:checked + label span, [type="radio"]:not(:checked) + label span { font-size: 12px; font-weight: normal; }
[type="radio"]:checked + label strong, [type="radio"]:not(:checked) + label strong { font-weight: bold; }
[type="radio"]:checked + label:before, [type="radio"]:not(:checked) + label:before { content: ''; position: absolute; left: 3px; top: 3px; width: 16px; height: 16px; background: #fff; background-size: 100% auto; background-repeat: no-repeat; background-position: center; }
[type="radio"]:not(:checked) + label:before { background-image: url("../images/radio.png") }
[type="radio"]:checked + label:before { background-image: url("../images/radio_checked.png") }
[type="checkbox"]:checked, [type="checkbox"]:not(:checked) { position: absolute; left: 0px; top: 0px; opacity: 0 }
[type="checkbox"]:checked + label, [type="checkbox"]:not(:checked) + label { position: relative; padding-left: 28px; cursor: pointer; display: inline-block; font-weight: 400; font-size: 15px; }
[type="checkbox"]:checked + label span, [type="checkbox"]:not(:checked) + label span { font-size: 12px; font-weight: normal; }
[type="checkbox"]:checked + label strong, [type="checkbox"]:not(:checked) + label strong { font-weight: bold; }
[type="checkbox"]:checked + label:before, [type="checkbox"]:not(:checked) + label:before { content: ''; position: absolute; left: 3px; top: 3px; width: 16px; height: 16px; background: #fff; background-size: 100% auto; background-repeat: no-repeat; background-position: center; }
[type="checkbox"]:not(:checked) + label:before { background-image: url("../images/checkbox.png") }
[type="checkbox"]:checked + label:before { background-image: url("../images/checkbox_checked.png") }
/* Body css goes here
===================================*/
body { padding-top: 8px; overflow-x: hidden; font-family: 'Helvetica Neue LT Std'; font-size: 13px; font-weight: lighter; color: #181b37; letter-spacing: .78px; background-color: #fff; position: relative; }
body:before, body:after { height: 8px; width: 50%; position: relative; content: ""; position: absolute; top: 0px; }
/*body:before { left: 0; background-image: -webkit-gradient(linear, left top, right top, from(#e6007d), color-stop(50%, #e6007d), color-stop(50%, #00a1e1), to(#00a1e1)); background-image: linear-gradient(to right, #e6007d 0, #e6007d 50%, #00a1e1 50%, #00a1e1 100%); }
body:after { background-image: -webkit-gradient(linear, left top, right top, from(#ffb32e), color-stop(50%, #ffb32e), color-stop(50%, #95c11a), to(#95c11a)); background-image: linear-gradient(to right, #ffb32e 0, #ffb32e 50%, #95c11a 50%, #95c11a 100%); left: 50%; }
*/
body:before { left: 0; background-image: -webkit-gradient(linear, left top, right top, from(#66BB97), color-stop(50%, #66BB97), color-stop(50%, #66BB97), to(#66BB97)); background-image: linear-gradient(to right, #66BB97 0, #66BB97 50%, #66BB97 50%, #66BB97 100%); }
body:after { background-image: -webkit-gradient(linear, left top, right top, from(#66BB97), color-stop(50%, #66BB97), color-stop(50%, #66BB97), to(#66BB97)); background-image: linear-gradient(to right, #66BB97 0, #66BB97 50%, #66BB97 50%, #66BB97 100%); left: 50%; }
button { transition: all ease-in-out 0.3s; -webkit-transition: all ease-in-out 0.3s; border: none; box-shadow: none; cursor: pointer; }
a { color: #00a1e1; cursor: pointer; -moz-transition: all ease-in-out 0.3s; -webkit-transition: all ease-in-out 0.3s; transition: all ease-in-out 0.3s; text-decoration: none; }
a:hover, a:focus { text-decoration: none; color: #181b38; }
h1, h2, h3, h4, .h1 { font-weight: bold; font-family: 'Bebas Neue'; letter-spacing: .05556em; line-height: 1.125; }
h1, .h1 { font-size: 37px; position: relative; padding-left: 25px; }
h1:after, .h1:after { position: absolute; content: ""; left: 0px; width: 3px; top: .15em; bottom: .15em; background: #00A1E1; }
h2 { color: #181b37; font-size: 25px; position: relative; padding-left: 20px; text-transform: uppercase; }
h2:after { position: absolute; content: ""; left: 0px; top: 3px; bottom: 3px; width: 2px; background: #00A1E1; }
h3 { font-size: 24px; }
h4 { font-size: 18px; font-weight: bold; }
h5 { font-size: 16px; font-weight: bold; line-height: 1.125em; margin-bottom: 2px; letter-spacing: 0.3px; }
h6, .h6 { font-size: 15px; font-weight: bold; line-height: 1.125em; margin-bottom: 2px; letter-spacing: 0.3px; }
.container { width: 100%; max-width: 1290px; padding: 0px 10px; }
.row { margin: 0px -10px; }
[class*="col-"] { padding: 0px 10px; }
.flw { float: left; width: 100%; }
.grey_box { background-color: #f5f5f5; }
.wrapper { padding: 35px 0px; }
.wrapper_title { padding: 30px 0px; }
.padding_10 { padding: 10px 0px; }
.padding_20 { padding: 10px 0px; }
.btn { text-transform: uppercase; color: #fff; display: inline-block; text-align: center; font-size: 17px; padding: 0px 12px; font-family: 'Bebas Neue'; font-weight: bold; line-height: 35px; position: relative; letter-spacing: 0.2px; border-radius: 2px; -webkit-transition: all ease-in-out 0.3s; -moz-transition: all ease-in-out 0.3s; transition: all ease-in-out 0.3s; text-decoration: none !important; }
.btn:hover { color: #fff; }
.btn__blue {background-color: #00a1e1;}
.btn em { font-style: normal; display: inline-block; vertical-align: middle; line-height: 1; }
.btn__red {background-color: red;}
.btn__green {background-color: #a1bf35;}
.btn__green:hover,.btn__green:focus {background-color: #869e2e;}
.rq_left p {font-size: 14px;color: #252525;font-weight: 400;}
.request_quote.grey_box {padding: 18px 15px;position: relative;}
.rq_left a.btn {text-align: left;width: 90% !important;margin-top: 10px;padding: 0px 24px 0px 8px !important;line-height: 28px !important;height: auto !important;border-radius: 0px;}
.rq_left {position: relative;width: calc(100% - 90px);display: inline-block;vertical-align: middle;margin-right: 3px;}
.rq_right {position: relative;display: inline-block;vertical-align: middle;width: 80px;}
.btn__orange {background-color: #66BB97;}
.btn__orange:hover,.btn__orange:focus {background-color: #66BB97;color: #fff}
.btn__blue:hover, .btn__blue:focus { background-color: #007dae; color: #fff }
.btn__grey { background-color: #777; }
.btn__grey:hover, .btn__grey:focus { background-color: #424242; color: #fff; }
.btn__lightgrey { background-color: #bdbdbd; }
.btn__lightgrey:hover, .btn__lightgrey:focus { background-color: #424242; color: #fff; }
.btn__pink { background-color: #e6007d; }
.btn__pink:hover, .btn__pink:focus { background-color: #d10072; color: #fff; }
.btn:after, .btn.prev:before { content: "\f054"; line-height: 1; font-family: 'Font Awesome 5 Free'; font-weight: 700; font-size: 12px; display: inline-block; vertical-align: middle; padding-left: 5px; padding-top: 1px; }
.btn.prev:before { content: "\f053"; padding-left: 0px; padding-right: 5px; }
.btn.prev:after { display: none; }
.btn__bg { line-height: 39px; height: 40px; letter-spacing: .05556em; padding: 0px 25px; }
.btn__sm { font-size: 13px; line-height: 25px; letter-spacing: 1px; }
.btn__sm:after, .btn__sm:before { font-size: 10px; padding-left: 1px; padding-top: 0px; line-height: normal; }
.btn__sm i { font-size: 10px; vertical-align: middle; display: inline-block; line-height: normal; padding-right: 3px; }
.paddingtop_0 { padding-top: 0px !important; }
.alert-warning { color: #fff; background-color: #ffb32e; border-color: #ffb32e; }
.btn.noarrow:after { display: none; }
.green_txt { color: #95c11a; }
/* Header CSS
===================================*/
header .top_header { padding-top: 21px; }
/* header .logo {
padding-top: 20px;
} */
.logo a img {max-width: 167px;max-height: 114px;width: 100vw; /* height: 100vh; */}
.th_subheader { text-align: right; margin-top: 34px; }
.th_subheader>div { float: left; vertical-align: middle; margin-left: 46px; }
.th_subheader>div.th_login { margin-left: 22px; }
.th_subheader>div.th_customer { margin-left: 20px; }
.th_subheader a { color: #181b37; font-weight: 400; font-size: 16px; }
.th_subheader a:hover { color: #00a1e1; }
.th_customer:hover > a { color: #00a1e1; }
.cart__icon, .login__icon, .service__icon { position: relative; height: 35px; width: 22px; display: inline-block; margin-right: 7px; vertical-align: middle; }
.cart__icon:before { content: ""; }
.login__icon:before { content: ""; }
.service__icon:before { content: ""; }
.cart__icon:before, .login__icon:before, .service__icon:before { font-family: drukwerkmax !important; speak: none; font-style: normal; font-weight: 400; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: block; font-size: 22px; line-height: 35px }
.th_call { font-size: 16px; font-weight: 500; text-align: right; }
.th_call strong { font-weight: 900; }
.th_subheader .th_search { margin-left: 0px; width: 285px; }
.th_search { position: relative; }
.th_search button { top: 7px; }
.th_search button { position: absolute; top: 0; right: 0; background: url(../images/search-inactive.svg) no-repeat center center !important; color: transparent; padding: 0; height: 40px; width: 57px; }
.th_search button:hover { background: url(../images/search.svg) no-repeat center center !important; }
.th_search .form-control { box-shadow: none; border-radius: 0px; height: 37px; border: 1px solid rgba(0, 0, 0, 0.5); background-image: url(../images/search-inactive.svg) !important; background-repeat: no-repeat; background-position: 97% center; }
.th_customer { position: relative; }
.th_customer { border: 1px solid transparent; border-bottom: 0; padding: 0px 17px; }
.th_customer:hover { border-color: #ebebeb; }
.th_customer_dropdown { background-color: #fff; border: 1px solid #ebebeb; position: absolute; left: 0; white-space: nowrap; padding: 10px 20px; z-index: 222; min-width: 100%; display: none; text-align: left; }
.th_customer:hover .th_customer_dropdown { display: block; }
.th_customer_dropdown ul li a { font-weight: 400; padding: 0 40px 0 0; font-size: 14px; line-height: 30px; letter-spacing: .78px; display: block; position: relative; }
.th_customer_dropdown ul li a:after { content: "\f054"; font-family: 'Font Awesome 5 Free'; font-weight: 700; speak: none; font-style: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; color: #ebebeb; line-height: 30px; position: absolute; top: 0; right: 0; -webkit-transition: inherit; transition: inherit; }
.th_customer_dropdown ul li a:hover:after { color: #00a1e1; }
.th_customer>a .droparrow:after { content: "\f078"; font-family: 'Font Awesome 5 Free'; font-weight: 700; speak: none; font-style: normal; font-variant: normal; text-transform: none; line-height: 34px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; margin-left: 5px; }
.th_customer:hover .droparrow:after { content: "\f077"; }
/* Navbar CSS
===================================*/
.navbar-default { border: none;/* margin-top: 58px;*/ margin-bottom: 0px; background-color: #ececed; border-radius: 0px; }
.navbar-collapse { padding: 0px; }
.navbar-default .navbar-nav>li { margin-right: 32px; position: static; }
.navbar-default .navbar-nav>li:last-child { margin-right: 0px; }
.navbar-default .navbar-nav>li>a { color: #181b37; font-weight: 100; font-size: 18px; padding: 16px 0px 14px; }
.navbar-default .navbar-nav>li>a:focus { background-color: transparent; }
.navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover { color: #00a1e1; background: transparent; }
.navbar-nav { position: relative; }
p.menu_text { display: none; float: left; color: #fff; font-size: 20px; text-transform: uppercase; font-family: 'Bebas Neue'; font-weight: bold; letter-spacing: 1px; padding: 10px 0px 8px 0px; }
.dropdown-menu.megamenu { position: absolute; width: 100%; padding: 35px 25px 15px; border: none; top: 100%; box-shadow: none; border: 1px solid #d4d4d4; border-top: none; }
.megamenu ul li a { color: #181b37; font-weight: 400; width: 100%; display: block; position: relative; padding-right: 10px; }
.megamenu ul li a:hover { color: #00a1e1; }
.megamenu ul li a:after { position: absolute; content: "\f054"; font-family: 'Font Awesome 5 Free'; font-weight: 700; speak: none; font-style: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; right: 0px; top: 50%; font-size: 12px; -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%); transform: translate(0, -50%); }
.dropdown-menu.megamenu .row { margin: 0px -30px; }
.dropdown-menu.megamenu [class*="col-"] { padding: 0px 30px; }
.dropdown-menu.megamenu ul li { margin-bottom: 20px; }
.dropdown-menu.megamenu ul li:last-child { margin-bottom: unset; }
.dropdown-menu.megamenu h4 { padding-bottom: 10px; margin-top: 10px; border-bottom: 1px solid #ebebeb; margin-bottom: 20px; }
.logged_in { display: none }
a.dropArrow { position: relative; }
a.dropArrow:after { content: "\f054"; font-family: 'Font Awesome 5 Free'; font-weight: 700; speak: none; font-style: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; margin-left: 5px; font-size: 13px; min-width: 12px; }
li.dropdown.open a.dropArrow:after { content: "\f078"; }
.navbar-default .navbar-nav>li .dropdown-toggle { position: absolute; right: 0; top: 0; background-color: transparent; text-align: right; font-size: 15px; line-height: 50px; width: 50px; z-index: 11; display: none; }
li.dropdown.open .dropdown-toggle i:before { content: "\f078"; color: #00a1e1; }
/* Mid container CSS
===================================*/
/* .mid-container { padding-bottom: 130px; padding-top: 0px; } */
.mid-container { padding-bottom: 65px; padding-top: 0px; }
.wrapper_usps ul { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 100%; padding: 10px 0px; }
.wrapper_usps li { display: inline-block; padding-right: 10px; line-height: 1.25; padding-top: .25em; padding-bottom: .25em; margin-bottom: 0; position: relative; padding-left: 30px; font-size: 14px; }
.wrapper_usps li:before { font-family: drukwerkmax !important; speak: none; font-style: normal; font-weight: 400; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 20px; line-height: 21px; position: absolute; left: 0; top: 3px; }
.usps_rating:before { content: ""; }
.usps_delivery:before { content: ""; }
.usps_sameday:before { content: ""; }
.usps_content:before { content: ""; }
.usps_modern:before { content: ""; }
.wrapper_alert .alert { margin-bottom: 0px; margin-top: 30px; }
/*Product style*/
.wrapper_product { padding-bottom: 0px; }
.all_products { padding-top: 24px; }
.all_products .row { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; display: flex; }
.all_products .row:after, .all_products .row:before { display: none; }
.all_products .row>div { margin-bottom: 46px; }
.probox { width: 100%; position: relative; height: 100%; display: block; float: none; }
.probox_inner { color: inherit !important; display: block; text-decoration: none; position: relative; z-index: 2; height: 100%; }
.probox_content { padding: 0px 20px 23px; }
.probox_content h6, .h6 { color: #181b37; }
.probox_content p { color: #77787b; line-height: 1.30; padding-top: .5em; letter-spacing: 0.5px; }
.probox_content p span { display: block; }
.probox_footer { height: 0; overflow: hidden; position: absolute; bottom: 0; left: 0; width: 100%; -webkit-transition: height 350ms cubic-bezier(.25, .46, .45, .94); transition: height 350ms cubic-bezier(.25, .46, .45, .94); padding: 0 20px; }
.probox_footer .btn__blue { width: 100%; }
.probox_image, .probox_content { display: block; -webkit-transition: -webkit-transform 350ms cubic-bezier(.25, .46, .45, .94); transition: -webkit-transform 350ms cubic-bezier(.25, .46, .45, .94); transition: transform 350ms cubic-bezier(.25, .46, .45, .94); transition: transform 350ms cubic-bezier(.25, .46, .45, .94), -webkit-transform 350ms cubic-bezier(.25, .46, .45, .94); }
.probox:hover .probox_footer { height: 36px; }
.probox:hover .probox_image, .probox:hover .probox_content { -webkit-transform: translateY(-25px); transform: translateY(-25px); }
.probox:after { border-bottom: 1px solid #27a1de; /*17-11-2023 #e6007d */-webkit-box-shadow: 0 0 0 rgba(0, 0, 0, .15); box-shadow: 0 0 0 rgba(0, 0, 0, .15); content: ''; display: block; position: absolute; top: 0; bottom: 0; left: 0; width: 100%; -webkit-transition: all 350ms cubic-bezier(.25, .46, .45, .94); transition: all 350ms cubic-bezier(.25, .46, .45, .94); -webkit-transition-property: top, bottom, -webkit-box-shadow; transition-property: top, bottom, -webkit-box-shadow; transition-property: box-shadow, top, bottom; transition-property: box-shadow, top, bottom, -webkit-box-shadow; z-index: 1; }
.probox:hover:after { -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, .15); box-shadow: 0 2px 10px rgba(0, 0, 0, .15); top: -30px; bottom: -20px; }
.discount_badge { background-color: #ffb32d; font-size: 18px; color: #fff; font-weight: 500; position: absolute; letter-spacing: 0.2px; right: 0px; top: 2px; padding: 7px 4px 7px 8px; z-index: 111; }
.probox_image { text-align: center; width: 100%; }
.probox_image img { max-height: 286px; width: auto; }
.actualities_col-image { width: 135px; }
/*Advice box css*/
.ab_title { padding: 18px 0px; }
.ab_image { text-align: center; padding-top: 2px; }
.ab_links { color: #fff; background-color: #181b37; display: block; text-align: center; padding: 18px 10px 22px; }
.ab_links strong { font-family: 'Bebas Neue'; font-weight: bold; font-size: 21px; letter-spacing: 1.1px; line-height: 1.1em; }
.ab_links p { font-size: 14px; letter-spacing: 0.8px; }
.ab_links:hover, .ab_links:focus { background-color: #00a1e1; color: #fff; }
.wrapper_product.topdeals { margin-top: 14px; }
.product_categories .wrapper_title { padding-top: 17px; }
.wrapper_trustpilot { margin-top: 13px; }
.wrapper_trustpilot .wrapper_body { padding: 20px 20px 30px 20px; text-align: center; }
.wrapper_actualities { margin-top: 27px; }
.wrapper_actualities .wrapper_title { padding-bottom: 14px; }
.or_news_detail_link a {padding: 5px 0px 10px!important; color:#27a1de !important; text-transform:capitalize}
.or_homepage_news_detail_link {margin:20px;}
.or_content_box {border-bottom:1px solid #c0c1c2; margin-bottom:20px;}
.actualities_box a { border-bottom: 1px solid #c0c1c2; display: table; table-layout: fixed; width: 100%; color: inherit; text-decoration: none; padding: 15px 10px 22px 20px; }
.actualities_box .actualities_col { display: table-cell; vertical-align: top; padding: 6px 15px; }
.actualities_box .actualities_col-date { width: 80px; }
.actualities_box .actualities_col:first-child { padding-left: 0px; }
.actualities_box .actualities_col:last-child { padding-right: 0px; }
.actualities_box .actualities_date { border: 1px solid #e0e0e0; width: 65px; height: 80px; display: block; text-align: center; padding: 24px 10px 14px; position: relative; }
.actualities_box .actualities_date:before { background-color: #27a1de; /* 17-11-2023 #e6007d*/ content: ''; height: 10px; width: calc(100% + 2px); position: absolute; top: -1px; left: -1px; }
.actualities_box .actualities_day { font-size: 24px; margin-bottom: 0; line-height: 1; font-family: 'Bebas Neue'; }
.actualities_box .actualities_content h5, .actualities_box .actualities_content p { color: #181b37; -webkit-transition: all ease-in-out 0.3s; -moz-transition: all ease-in-out 0.3s; transition: all ease-in-out 0.3s; }
.actualities_box .actualities_content p { margin-top: 6px; letter-spacing: 0.1px; line-height: 1.5em; }
.actualities_box a:hover .actualities_content h5 { color: #00a1e1; }
.actualities_box .actualitiesbox_month { text-transform: lowercase; }
.actualities_col-image { width: 152px; }
.actualities_image { width: 137px; height: 79px; overflow: hidden; }
.actualities_image img { height: 100%; width: 100%; object-fit: contain; }
.wrapper_about { margin-top: 59px; }
.wrapper_about .wrapper_title { padding-bottom: 20px; }
.wrapper_about .wrapper_body { padding-left: 20px; }
.wrapper_about .wrapper_body p { font-size: 15px; letter-spacing: 0.8px; line-height: 1.55em; }
.title_inside h2:after { left: 0px; }
.title_inside h2 { padding-left: 15px; }
/* Footer CSS
===================================*/
.footer_top { background-color: #27a1de; }
/* .footertop_inner { position: relative; padding: 41px 0px 43px; } */
.footertop_inner { position: relative; padding: 25px 0px 25px; }
/* .footertop_mail { text-align: right; padding-right: 17%; } */
.footertop_mail { text-align: left; padding-right: 17%; }
/* .footertop_tel { padding-left: 16.4%; } */
.footertop_tel { padding-left: 21.4%; }
.footer_top h3 { letter-spacing: 1.8px; }
.footer_top h3, .footer_top h3 a, .footer_top p { color: #fff; }
.footer_top p { margin-top: 4px; }
.footertop_inner [class*="col-"] { position: static; }
.footer_service_img { position: absolute; bottom: 0px; display: block; max-width: 100%; left: 50%; -webkit-transform: translate(-56%); -moz-transform: translate(-56%); transform: translate(-56%); }
.main_footer { background-color: #66BB97; padding: 63px 0px 46px; }
.footer_text_img { max-width: 250px; width: 100%; margin-top: -41px;}
.main_footer h4 { color: #fff; font-family: 'Helvetica Neue LT Std'; font-weight: 500; letter-spacing: 0.3px; padding-top: 4px; }
.main_footer a { color: #fff; }
.footer_contact a.btn { color: #000 !important; border: 1px solid #000; background: #fff !important; }
.footer_menu ul { margin-top: 18px; }
.footer_menu ul li { margin-bottom: 13px; line-height: 1.6em; }
.footer_menu ul li a:hover { text-decoration: underline; }
.footer_main-menu ul { width: 50%; float: left; }
.footer_contact p { color: #fff; margin: 16px 0px; line-height: 1.8em; }
.footer_contact a.btn { max-width: 212px; width: 100%; }
.social_links { display: block; margin-top: 20px; }
.social_links ul li { display: inline-block; margin-right: 19px; }
.social_links ul li:last-child { margin-right: 0px; }
.social_links ul li a { position: relative; height: 23px; width: 23px; background-color: #fff; text-align: center; text-decoration: none; line-height: 23px; display: inline-block; border-radius: 100%; }
.social_links ul li a:hover { background-color: #00adec; }
.social_links ul li i { color: #181c37; font-size: 12px; position: absolute; left: 0; right: 0; top: 50%; text-align: center; -moz-transform: translateY(-40%); -webkit-transform: translateY(-40%); transform: translateY(-40%); line-height: 1; vertical-align: top; }
.bottom_footer { padding: 40px 0px; }
.footer_logos li { display: inline-block; vertical-align: middle; margin: 0 10px 0 0; }
.footer_logos li img { display: block; }
/*Inner pages
===================================*/
/*Sidebar style*/
.inner_page { padding-top: 50px; }
.box_title { padding: 18px 0px; }
.box_content { padding: 20px; }
.box_title+.box_content { padding-top: 0px; }
.right_column .mt-30 { margin-top: 30px; }
.request_quote .btn { width: 100%; }
.goodtoknow_box .box_content ul { width: 100%; }
.goodtoknow_box li { display: block; line-height: 24px; margin-bottom: 12px; position: relative; padding-left: 30px; font-size: 12px; }
.goodtoknow_box li:before { font-family: drukwerkmax !important; speak: none; font-style: normal; font-weight: 400; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 20px; line-height: 21px; position: absolute; left: 0; top: 3px; }
.goodtoknow_box li:last-child { margin-bottom: 0; }
.item_trustpilot { border-top: 1px solid #ebebeb; padding-top: 20px; padding-right: 30px; }
.item_trustpilot .trustpilot-widget { height: 110px }
.faq_list ul { display: block; }
.faq_list ul li { display: block; margin-bottom: 1em; }
.faq_list ul li a { font-size: 12px; }
.payment_method_list { display: block; margin-bottom: 3px; }
.payment_method_list>li { display: inline-block; padding-right: 10px; line-height: 1.25; padding-top: .25em; padding-bottom: .25em; margin-bottom: 0; }
.payment_method_list>li img { height: 25px; width: auto; margin-bottom: 2px; }
.payment_method_box p { font-weight: 400; font-size: 14px; }
/*Information page
===================================*/
.information_page { width: 100%; padding-right: 5%; }
.detail_title h1 { position: relative; line-height: 1; margin-bottom: 0.80em; }
.page_title, .page_content, .content_box { display: block; }
.page_content { padding-left: 25px; }
.content_body { padding: 15px 0px; }
.content_body:first-child { padding-top: 0px; }
.content_image { padding: 7px 0px; float: right; }
.content_body p { font-size: 15px; font-weight: 400; line-height: 1.8; letter-spacing: .78px; }
.content_body ul { list-style: none; padding: 0; }
.content_body p+h6 { margin-top: 10px; }
.content_body ul li { position: relative; line-height: 1.8; margin-bottom: .5em; padding-left: 20px; font-size: 15px; font-weight: 400; }
.content_body ul li strong { font-weight: 700; }
.content_body ul li:before { content: ""; font-family: drukwerkmax !important; speak: none; font-style: normal; font-weight: 400; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; color: #95c11a; font-size: 10px; line-height: 21px; position: absolute; left: 0; top: 6px; }
.content_box.collapsible { background-color: #f5f5f5; margin-bottom: 10px; padding: 0 0 22px; }
.collapsible_header { cursor: pointer; position: relative; padding: 22px 20px 0; -webkit-transition: color 250ms cubic-bezier(.455, .03, .515, .955); transition: color 250ms cubic-bezier(.455, .03, .515, .955); }
.collapsible_header h6 { font-size: 15px; margin-bottom: 0px; position: relative; z-index: 11; }
.collapsible_header:hover { color: #00a1e1; }
.collapsible_header:before { content: "\f078"; font-family: 'Font Awesome 5 Free'; font-weight: 700; speak: none; font-style: normal; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; float: right; font-size: 13px; line-height: 1em; transition: all ease-in-out 0.3s; -webkit-transition: all ease-in-out 0.3s; -moz-transition: all ease-in-out 0.3s; }
.active.collapsible .collapsible_header:before { -moz-transform: rotate(-180deg); -webkit-transform: rotate(-180deg); transform: rotate(-180deg); }
.collapsible_body { padding: 0px 20px; display: none; margin-top: 20px; }
.collapsible_body .content_body { padding: 0px 0px 0px 20px; }
.top_space.content_box.collapsible { margin-top: 40px; }
.content_body h2 { margin-bottom: 5px; }
.content_body h6, .content_body .h6 { margin-bottom: 8px; }
.content_body table { width: 100% !important; }
.content_body table th, .content_body table td { padding: 10px; font-size: 14px; font-weight: 400; }
.content_body table tr:nth-child(even) { background-color: #f6f6f6; }
.content_body table th { border-bottom: 1px solid #000; font-weight: bold; }
.content_image.full-width, .full-width img { width: 100%; padding: 0px; margin-top: -3px; }
/* Product Detail page
===================================*/
.tabs { width: 100%; float: left; }
.tabs .nav li a { font-size: 13px; font-weight: 400; border-radius: 0px; color: #181b37; padding: 11px 30px; }
.tabs .nav li:hover a, .tabs .nav li.active a, .tabs .nav li:focus a { color: #009ee3; background-color: #fff; }
.tabs .tab-content { padding-top: 40px; }
.product_order .content_body p { margin: 0 0 2em; }
.product_order .content_body { padding: 0px; }
.product_order .content_body h6 { margin: 0 0 1.2em; }
.product_view button.slick-next, .product_view button.slick-prev { display: none !important; }
.product_view .slider-nav-thumbnails { margin-top: 35px; }
.product_view .slider-nav-thumbnails .slick-track { text-align: center; display: block; width: 100% !important; }
.product_view .slider-nav-thumbnails .slick-track .slick-slide { max-width: 80px !important; margin: 0px 6px; display: inline-block; float: none; height: auto !important; border: 1px solid #8d8e90; width: 100% !important; opacity: 0.5; cursor: pointer; -webkit-transition: all ease-in-out 0.3s; -moz-transition: all ease-in-out 0.3s; transition: all ease-in-out 0.3s; }
.product_view .slider-nav-thumbnails .slick-track .slick-slide.slick-active, .product_view .slider-nav-thumbnails .slick-track .slick-slide:hover { opacity: 1; }
.product_information .page_content { padding-left: 0px; }
.product_information .content_body:nth-child(1) { padding-top: 0px; }
#product_detail { width: 100%; float: left; }
.slick-slide { height: auto !important; }
/* Wizard style
===================================*/
#wizard, .wizard_list { width: 100%; float: left; }
.wizard_list { margin-top: 60px; }
.wizard_head { border-top: 1px solid #181b38; cursor: pointer; padding: 20px 0 16px; width: 100%; display: table; }
.wizard_head_title, .wizard_head_value { display: table-cell; vertical-align: middle; -webkit-user-select: none; -moz-user-select: none; user-select: none; }
.wizard_head:hover h2 { color: #009ee3; }
.wizard_head_value { font-size: 24px; color: #777; font-weight: normal; font-family: 'Bebas Neue'; text-align: right; }
.wizard_head_value:before { display: none; content: ""; font-family: drukwerkmax !important; speak: none; font-style: normal; font-weight: 400; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; color:#27a1de; /* 17-11-2023 #95c11a*/ line-height: inherit; float: right; margin-left: 10px; line-height: 1.45em; }
.active.wizard_head_value:before { display: inline-block; }
.format_lists { padding: 20px 0px; }
.format_wrapper { margin-bottom: 50px; }
.format_box { cursor: pointer; position: relative; }
.format_inner { position: relative; z-index: 11; }
.format_footer, .format_content { padding: 0px 15px; }
.format_content { padding-bottom: 10px; }
.format_content h6 { font-size: 15px; margin-top: 3px; }
.format_content p { font-size: 12px; margin-top: 5px; }
.format_footer .btn__sm { padding: 0px; width: 100%; }
.fav_tag { position: absolute; width: auto; text-align: center; color: #fff; font-family: 'Bebas Neue'; font-weight: bold; font-size: 13px; top: -3%; right: 0%; z-index: 11; }
.format_box_selected .btn { background-color: #8fc548; }
.wizard_body { float: left; width: 100%; }
.format_wrapper a{color:#000}
.custom_radio a{color:#000}
.wizard_body.padding { padding-bottom: 30px; padding-top: 20px }
em.tag { font-size: 12px; color: #fff; background-color: #009ee3; padding: 1px 7px 0px; line-height: 18px; font-family: 'Bebas Neue'; letter-spacing: 1px; font-style: normal; display: inline-block; height: 18px; margin-left: 10px; }
.wizard_radios { padding-left: 15px; }
/*Table wrappe style*/
.table_wrapper { width: 100%; display: block; }
.table_wrapper:first-child { padding: 30px 0px 20px; }
.annex_header, .annex_content { padding-left: 25px; display: table; width: 100%; }
.annex_header h2 { padding: 0px; }
.annex_header h2:after { display: none; }
.annex_header h2, .annex_header .vat_label { display: table-cell; vertical-align: middle; }
.annex_header .vat_label { text-align: right; }
.annex_header .vat_label span { cursor: pointer; font-size: 15px; font-weight: bold; display: inline-block; margin-left: 30px; color: #ecebea; }
.annex_header .vat_label span:first-child { margin-left: 0px; }
.annex_header .vat_label span.active { color: #8fc548; }
.annex_header .vat_label span:hover { color: #00adec; }
.annex_content { margin-top: 15px; }
.annex_content { font-size: 14px; font-weight: 400; color: #a7a9ac }
.annex_table { margin-top: 15px; }
.annex_table .table { border-collapse: separate; border-bottom: 1px solid #181b37 !important }
.table_wrapper:last-child .annex_table .table { border-bottom: none !important; }
.annex_table .table>tbody>tr>td { font-weight: 400; vertical-align: middle; }
.annex_table td.price strong { font-size: 15px; }
.annex_table td.price span { font-size: 12px; margin-top: 0px; }
.annex_table .table-striped>tbody>tr:nth-of-type(odd) { background-color: #fff; }
.annex_table .table-striped>tbody>tr:nth-of-type(even) { background-color: #f6f6f6; }
.annex_table td.price { transition: all ease-in-out 0.3s; -webkit-transition: all ease-in-out 0.3s; -moz-transition: all ease-in-out 0.3s; }
.annex_table td.price:hover, .annex_table td.price.active { background-color: #00a1e1; cursor: pointer; color: white; }
.annex_table table>tfoot tr td { padding-bottom: 22px; }
.annex_table .table>tbody>tr>td { padding: 12px 20px !important; font-size: 15px; text-align: center; }
.annex_table .table>tbody>tr:last-child>td { padding-top: 5px !important; padding-bottom: 5px !important; }
.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th { border-top: 2px solid #fff !important; border-bottom: 2px solid #fff !important; }
.annex_table .table>tbody>tr:nth-child(1) td { border-top: 10px solid #fff !important; }
.annex_table .table>thead>tr>th { border-bottom: 1px solid #181b37 !important; vertical-align: middle; padding: 25px 20px !important; font-size: 15px; text-align: center; }
strong.th_title { font-size: 28px; font-weight: bold; font-family: 'Bebas Neue'; }
.th_date { position: relative; text-align: left; padding-left: 15px; display: inline-block; }
.th_date span { color: #181b37; font-weight: normal; font-size: 14px; display: block; }
.th_date span.sm_text { font-size: 11px; }
.th_date:after { position: absolute; content: ""; width: 2px; background: #e82691; height: 100%; left: 0px; top: 0px; }
/*Check & Order style*/
.flyer_preview { text-align: center; }
.flyer_preview a { display: inline-block; max-width: 100%; }
.flyer_preview a img { height: auto; }
.flyer_preview a span { font-size: 15px; letter-spacing: 0.1px; font-weight: 400; margin-top: 14px; display: block; clear: both; }
.wizard_recap { width: 100%; display: block; margin-top: 15px; }
.wizard_recap ul { display: table; }
.wizard_recap ul li { display: table-row; width: 100%; font-size: 15px; }
.wizard_recap span:first-child, .wizard_recap strong:first-child { padding-right: 20px; }
.wizard_recap span, .wizard_recap strong { display: table-cell; padding: .35em 0; vertical-align: top; text-align: left; letter-spacing: 0.1px; }
.wizard_recap span { font-weight: 400; }
.extra_option { display: block; width: 100%; margin-top: 35px; }
.extra_option ul { padding-left: 10px; }
.extra_option ul li { margin-top: 10px; letter-spacing: 0.1px; }
.wizard_total { padding: 20px 25px; margin-top: 35px; }
.wizard_total ul { width: 100%; display: table; }
.wizard_total li { display: table-row; font-weight: 400; }
.wizard_total_label { padding-right: 10px; }
.wizard_total_value { padding-left: 10px; text-align: right; }
.wizard_total_label, .wizard_total_value { display: table-cell; padding-top: 12px; padding-bottom: 12px; font-size: 14px; }
.wizard_total_value.free { color: #95c11a; font-weight: 500; }
.wizard_total_label.large, .wizard_total_value.large { font-size: 16px; font-weight: bold; padding-bottom: 30px; }
.wizard_total_final span { border-top: 1px solid #a7a9ac; padding-top: 20px; }
.wizard_check_btn { display: block; width: 100%; margin-top: 15px; }
.wizard_check_btn a { width: 100%; display: block; }
/*Checkout Process
===================================*/
.checkout_progress, .checkout_progress ul { display: table; width: 100%; padding: 0; }
.checkout_progress ul { margin: 0 0 40px; overflow: hidden; }
.checkout_progress_step { background-color: #ebebeb; color: #777; cursor: default; display: table-cell; vertical-align: middle; margin: 0; padding: 18px 0px 18px 20px; position: relative; line-height: 20px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; font-size: 16px; text-align: center; font-weight: normal; }
.checkout_progress_step:before, .checkout_progress_step:after { width: 0; height: 0; border-style: solid; position: absolute; content: ""; top: -2px; border-width: 30px 0 30px 20px; left: 100%; z-index: 11; }
.checkout_progress_step:before { border-color: transparent transparent transparent #ebebeb; z-index: 111; }
.checkout_progress_step:after { border-color: transparent transparent transparent #fff; left: 101%; }
.checkout_progress_step.current { color: #fff; background-color: #00a1e1 }
.checkout_progress_step.current:before { border-color: transparent transparent transparent #00a1e1; }
.checkout_progress_step.current a, .checkout_progress_step.current a:hover, .checkout_progress_step.current a:focus { color: #fff; }
.checkout_progress_step:last-child:before, .checkout_progress_step:last-child:after { display: none; }
.cart_box { padding: 20px; background-color: #A6E4FA; margin-bottom: 15px !important; border-radius: 15px; }
.cart_box:last-child { margin-bottom: 0px; }
.cart_steps { display: table; width: 100% }
.cart_detail { display: table; width: 100%; }
.cart_detail>div { display: table-cell; vertical-align: top; }
.cart_img_thumb { height: 117px; width: 117px; position: relative; background-color: #fff; border: 1px solid #d4d4d4; }
.cart_img_thumb img { position: absolute; left: 0; top: 0; padding: 5px; max-width: 100%; max-height: 100%; height: auto; width: auto; right: 0; bottom: 0; margin: auto; }
.cart_img { width: 120px; }
.cart_info { padding: 10px 20px 0px; width: 100%; }
.cart_info h4 { font-family: 'Helvetica Neue LT Std'; }
.cart_info h4 span { vertical-align: middle; display: inline-block; letter-spacing: 0.2px; }
.cart_info h4 span button.badge { color: white; font-size: 14px; font-weight: lighter; height: 24px; line-height: 24px; padding: 0px 5px; border-radius: 2px; background-color: #D60078; }
.cart_info h4 span.badge { color: #181b37; font-size: 14px; font-weight: lighter; height: 24px; line-height: 24px; padding: 0px 5px; border-radius: 2px; background-color: #ebebeb; }
.cart_info p { font-weight: normal; color: #77787b; margin-top: 15px; font-size: 15px; }
.cart_price { padding: 10px 20px 0px; text-align: center; }
.cart_price h3 { font-size: 22px; font-family: 'Helvetica Neue LT Std'; white-space: nowrap; }
.cart_price span { font-size: 13px; }
.cart_action { padding: 10px 20px 0px; white-space: nowrap; }
.cart_action a { display: inline-block; vertical-align: middle; height: 32px; width: 32px; text-align: center; border-radius: 2px; color: #777; font-size: 18px; line-height: 34px; margin: 0px 2px; }
.cart_action a:hover, .cart_action a:focus { color: #333; }
.noright-padding { padding-right: 0px; }
.cart_right>div { display: table-cell; vertical-align: top; }
.cart_right .cart_btns { display: table; width: 100%; padding: 15px 0px 0px 20px }
.cart_right .cart_btns button { margin-right: 10px; }
.cart_delivery_type { display: table; width: 100%; padding: 15px 0px 0px; margin-top: 15px; border-top: 2px solid #fafafa; }
.cart_delivery_type p { font-weight: normal; color: #77787b; }
.select_delivery_type .checkbox { display: inline-block; margin-right: 10px; margin-bottom: 0px; }
.select_delivery_type .checkbox:last-child { margin-right: 0px }
.select_delivery_cart, .select_delivery_cart>div, .select_delivery_method, .select_delivery_method>div { display: table; width: 100%; }
.select_delivery_cart { margin-bottom: 30px; }
.delivery_method_radio .custom_radio { display: inline-block; margin-right: 60px; }
.delivery_method_radio .custom_radio:last-child { margin: 0px; }
.cart_title { display: table; width: 100%; margin-bottom: 30px; }
.delivery_address { margin-top: 15px; }
.delivery_address .row { margin: 0px -5px; }
.delivery_address [class*="col-"] { padding: 0px 5px; }
.cart_delivery_type .select_delivery_method { margin-top: 15px; }
.cart_delivery_type .select_delivery_method:first-child { margin-top: 0px; }
.add_extra_add { display: table; width: 100%; margin-top: 10px; }
.billing_info { padding-bottom: 15px; margin-bottom: 30px; display: table; width: 100%; border-bottom: 1px solid #ebebeb; }
.billing_info_form label { text-align: right; font-weight: normal; font-size: 15px; width: 100%; line-height: 40px; }
.billing_info_form label sup { font-size: 24px; color: #ff0000; top: 0.1em; }
.billing_info_form .form-group { position: relative; }
.ch_limit { font-size: 15px; line-height: 40px; position: absolute; left: 102%; top: 0px; font-weight: normal; }
.cart_payment_method { border-bottom: 1px solid #ebebeb; padding-bottom: 30px; }
.cart_pm_body>div { display: table; width: 100%; }
.cart_pm_radio .custom_radio { display: inline-block; margin-right: 40px; }
.cart_pm_radio { margin-bottom: 30px; }
.cart_pm_radio .custom_radio:last-child { margin: 0px; }
/* .cart_pm_card ul li { display: inline-block; margin-right: 5px; } */
/* .cart_pm_body ul li img { max-width: 50px; width: 100%; } */
.cart_pm_card ul li:last-child { margin-right: 0px; }
.cart_pm_body ul li img { max-width: 65px; width: 100%; }
.cart_pm_card ul li { float: left; margin-right: 0; width: 25%; padding: 10px 0px; }
.custom_radio.radio_withoud_image { padding: 12px 0px 11px; }
.cart_pm_card ul li:nth-child(4n+1) { clear: left; }
.product_summary { display: table; width: 100%; padding-bottom: 15px; margin-bottom: 15px; border-bottom: 1px solid #d4d4d4 }
.product_summary:last-child { padding-bottom: 0px; margin-bottom: 0px; border-bottom: none; }
.product_summary ul li { font-size: 15px; display: inline-block; font-weight: normal; margin-right: 15px; padding-right: 15px; /*border-right: 1px solid #d4d4d4;*/ line-height: 1em; }
.product_summary ul li:last-child { border: none; }
.product_summary ul li strong { font-weight: normal; }
.comments_box { width: 100%; }
.comments_box label { width: 100%; padding-bottom: 10px; font-size: 15px; font-weight: normal; }
.comments_box label > span { float: right; }
.comments_box textarea { height: 112px; }
.subtotal_wrapper { padding-top: 40px; display: table; width: 100%; }
.apply_promo { max-width: 245px; width: 100%; }
.apply_promo .form-control { margin: 10px 0px; }
.apply_promo label { font-size: 14px; }
.subtotal_box { width: 100%; }
.subtotal_box li { width: 100%; display: table; padding: 12px 0px; border-bottom: 1px solid #ebebeb; }
.subtotal_box li:first-child { padding-top: 0px; }
.subtotal_box li:last-child { border-bottom: none; }
.subtotal_box li span, .subtotal_box li strong { display: table-cell; vertical-align: middle; font-size: 16px; font-weight: normal; }
.subtotal_box li span { font-size: 15px; }
.subtotal_box li strong { text-align: right; font-weight: bold; }
.subtotal_box li.grand_total span { font-weight: bold; }
.subtotal_box li.grand_total strong { font-size: 20px; color: #00a1e1; }
.checkout_btns { display: table; width: 100%; border-top: 1px solid #ebebeb; padding-top: 20px; margin-top: 25px; }
.comments_box p { margin-top: 5px; }
/*New Address Modal */
.modal { text-align: center; padding: 0 !important; }
.modal:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; margin-right: -4px; }
.modal-dialog { display: inline-block; text-align: left; vertical-align: middle; }
.newadd_modal .modal-dialog { width: 100%; max-width: 768px; }
.selecttime_modal .modal-dialog { max-width: 552px; width: 100%; }
.modal-content { border-radius: 3px; border: none; box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.2); }
.modal-title { margin: 0; line-height: normal; float: left; }
.close { float: right; font-size: 30px; font-weight: 700; line-height: 1; color: #777777; text-shadow: none; opacity: 1; margin-top: 0px; }
.modal-body { position: relative; padding: 30px; }
.modal-header { padding: 20px 30px; border-bottom: 1px solid #f3f3f3; }
.modal-footer { padding: 20px 30px; text-align: right; border-top: 1px solid #f3f3f3; }
.selectime_list { width: 100%; display: table; }
.selectime_list li { display: table-row; }
.selectime_list li:nth-child(even) { background-color: #fafafa; }
.selectime_list li span, .selectime_list li strong { display: table-cell; vertical-align: middle; font-size: 15px; padding: 15px; }
.selecttime_label { width: 50%; }
.modal-body { position: relative; padding: 15px 30px 30px; }
#MainModal_close { z-index: 11111111; }
/*Browser Selector JS
===================================*/
.mac em.tag { padding-top: 1px; }
.mac .btn { height: 35px; padding-top: 3px; line-height: 32px; }
.mac .btn__sm:after { padding-top: 1px; }
.mac .btn__sm { padding-top: 2px; line-height: 22px; height: 25px; }
.mac h2:after { top: 1px; bottom: 5px; }
.mac .btn__bg { padding-top: 2px; height: 40px; line-height: 40px; }
.mac .annex_table div.btn { padding-top: 3px; height: 22px; line-height: 18px; }
.mac .btn__bg:after, .mac .btn__bg:before { margin-top: -2px; }
.mac.chrome .btn__bg:after, .mac.chrome .btn__bg:before { margin-top: 0px; }
.mac h1:after, .mac .h1:after { top: 0.04em; bottom: .25em; }
.mac .cart__icon:after, .iphone.safari .cart__icon:after { height: 18px; padding-top: 2px; }
.mac .discount_badge { padding: 10px 4px 5px 8px; }
.mac .wrapper_usps li:before, .mac .goodtoknow_box li:before { top: 0px; }
.mac.safari .social_links ul li i { -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); }
.mac .content_body ul li::before, .gecko .content_body ul li::before { top: 3px; }
.mac [type="radio"]:checked + label:before, .mac [type="radio"]:not(:checked) + label:before { top: 1px }
.iphone.safari h2:after, .ipad.safari h2:after { top: 1px; }
.iphone .btn, .ipad .btn { padding-top: 3px; height: 35px; line-height: 30px; }
.iphone .btn:after, .iphone .btn:before, .ipad .btn:after, .ipad .btn:before { padding-top: 0px; margin-top: 1px; }
.iphone .btn__bg, .ipad .btn__bg { padding-top: 4px; line-height: 34px; height: 40px; }
.iphone .btn__bg:after, .iphone .btn__bg:before, .ipad .btn__bg:after, .ipad .btn__bg:before { padding-top: 1px; margin-top: 0px; }
.iphone .btn__sm, .ipad .btn__sm { padding-top: 3px; line-height: 22px; height: 25px; }
.iphone .btn__sm:after, .ipad .btn__sm:after, .iphone .btn__sm:before, .ipad .btn__sm:before { padding-top: 1px; }
.iphone .annex_table div.btn, .ipad .annex_table div.btn { line-height: 16px; padding-top: 3px; height: 20px }
.iphone .check_list li::before, .ipad .check_list li::before { top: 1px; }
.iphone .discount_badge, .ipad .discount_badge { padding: 7px 4px 4px 8px; }
.iphone h1:after, .ipad h1:after, .iphone .h1:after, .ipad .h1:after { top: 0.04em; bottom: .25em; }
.android .annex_table div.btn { line-height: 18px; height: 20px; padding-top: 2px; }
.android .btn { padding-top: 5px; }
.android .btn:after, .android .btn:before { padding-top: 0px; margin-top: 1px; }
.android .btn__sm { padding-top: 2px; }
.android .btn__bg { padding-top: 3px; line-height: 35px; height: 40px; }
.android .btn__bg:after, .android .btn__bg:before { padding-top: 0px; margin-top: 0px; }
.android h1:after, .android .h1:after { top: -2px; bottom: 0.2em; }
.android h2:after { top: -2px; }
.android .cart__icon:after { height: 18px; line-height: 18px; padding-top: 2px; }
.android .check_list li::before { top: 1px; }
.android .collapsible_header h6 { margin-bottom: 0px; }
.android .discount_badge { padding: 7px 4px 3px 8px; }
.android [type="checkbox"]:checked + label:before, .android [type="checkbox"]:not(:checked) + label:before, .android [type="radio"]:checked + label:before, .android [type="radio"]:not(:checked) + label:before { top: 0px; }
.android .cart_info h4 span.badge { line-height: 28px; }
.android .pagination>li>a, .android .pagination>li>span, .mac .pagination>li>a, .mac .pagination>li>span, .iphone .pagination>li>a, .iphone .pagination>li>span { padding: 9px 12px 4px; }
/*05-08-2019*/
.div_product_image_display img { height: auto; width: auto; max-width: 100%; max-height: 100%; }
li.div_product_image_display { text-align: center; }
/*Login Page Style*/
.tab_wrapper .nav-tabs li a { font-size: 16px; font-weight: 400; color: #181b37; border-radius: 0px; }
.tab_wrapper .nav-tabs li:hover a { background-color: transparent !important; }
.tab_wrapper .nav-tabs li.active a, .tab_wrapper .nav-tabs li:hover a { color: #00a1e1; }
.tab_wrapper .tab-content { padding-top: 50px; width: 100%; float: left; }
.form_wrapper label { text-align: left; font-weight: normal; font-size: 15px; width: 100%; line-height: normal; padding-bottom: 5px; }
.form_wrapper label sup { font-size: 24px; color: #ff0000; top: 0.1em; }
.form_wrapper .form-group { margin-bottom: 20px; }
.new_user { margin-top: 40px; }
.new_user p { font-size: 15px; font-weight: 400; margin-bottom: 20px; }
.reg_advantage { margin-bottom: 20px; width: 100%; float: left; }
.reg_advantage p { font-size: 15px; font-weight: 400; margin-bottom: 10px; }
.reg_advantage .check_list li { margin-bottom: 5px; }
.form_wrapper .checkbox { margin: 0px; }
.form_wrapper .btn_group { width: 100%; padding-top: 10px; }
.form_wrapper textarea { height: 112px; }
/*My Account Page Style*/
.ma_wrapper { width: 100%; float: left; }
.search-feild { background-image: url(../images/icon_search.png); background-size: 18px auto; background-repeat: no-repeat; background-position: 95% center; }
.myaccount_table { margin-top: 10px; float: left; width: 100%; }
.myaccount_table table { width: 100%; }
.myaccount_table th, .myaccount_table td { padding: 15px; font-size: 14px; vertical-align: middle; }
.invoice_table th, .invoice_table td { padding: 10px; font-size: 14px; }
.myaccount_table thead { border-bottom: 1px solid #000; }
.myaccount_table th { font-weight: 700; }
.myaccount_table td { font-weight: 400; }
.order_table td td { padding: 2px 0px; }
.order_table td[colspan="5"], .order_table td[colspan="7"] { padding: 0px 15px 10px; }
.order_table tr.even { background-color: #f6f6f6; }
.order_table { border-bottom: 1px solid #000; }
.myaccount_pagination { margin-top: 20px; float: left; width: 100%; }
.show_records span, .show_records select { display: inline-block; vertical-align: middle; }
.show_records span { font-size: 14px; font-weight: 400; }
.show_records select { max-width: 95px; width: 100%; margin: 0px 2px; height: 28px; padding: 3px 10px; text-indent: 0px; background-size: 18px auto; }
.show_records { padding-top: 3px; padding-bottom: 3px; }
.pagination_wrapper { text-align: right; }
.pagination_wrapper ul { margin: 0px; }
.pagination>li>a, .pagination>li>span { border-color: #dee2e6; color: #181b38; font-size: 14px; font-weight: 400; }
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover { z-index: 3; color: #fff; cursor: default; background-color: #00a1e1; border-color: #00a1e1 }
.pagination>li:first-child>a, .pagination>li:first-child>span { margin-left: 0; border-top-left-radius: 2px; border-bottom-left-radius: 2px; }
.pagination>li:last-child>a, .pagination>li:last-child>span { border-top-right-radius: 2px; border-bottom-right-radius: 2px; }
.myaccount_table .center { text-align: center; }
.myaccont_btn { text-align: right; padding-bottom: 20px; display: block; width: 100%; }
.btn__bg i { font-size: 13px; vertical-align: middle; margin-right: 4px; }
.myaccount_content { width: 100%; display: block; margin-bottom: 20px }
.myaccount_content p { font-weight: 400; margin-bottom: 15px; font-size: 15px; line-height: 1.6 }
.myaccount_content p:last-child { margin-bottom: 0px; }
.mat_title { display: block; margin: 20px 0px 10px 0px; }
.common_table tr:nth-child(even) { background-color: #f6f6f6; }
.another_table { padding-top: 30px; }
.btn_group .btn { margin-right: 5px; }
.btn_group .btn:last-child { margin-right: 0px; }
.myaccont_btn.left { text-align: left; }
.myaccount_alert { margin-top: 15px; }
.myaccount_alert .alert { border: none; background-color: #f6f6f6; font-size: 16px; color: #77787b; text-align: center; font-weight: normal; }
.ma_detail_wrapper { float: left; width: 100%; }
.ma_title { display: table; width: 100%; margin-bottom: 30px; }
.ma_order_details { display: table; width: 100%; }
.ma_order_details .cart_info { padding: 0px 20px 0px 0px; }
.ma_order_details .cart_price { padding: 0px 30px; }
.cart_info h4 span.badge.pink { background-color: #e71d8c; color: #fff; }
.ma_order_details .cart_info p strong { color: #ef921c; }
.ma_order_details .product_summary>div { display: table-cell; vertical-align: top; }
.ma_order_details .product_summary>div:last-child, .ma_order_details .cart_right>div:last-child { text-align: right; }
.billing_details { margin-top: 20px; display: table; width: 100%; }
.billing_details .ds_body { padding: 25px 20px; background-color: #fbfbfb }
.ds_body { display: table; width: 100%; }
.ds_body ul li { font-size: 15px; font-weight: normal; display: block; margin-bottom: 10px; }
.ds_body ul li:last-child { margin-bottom: 0px; }
.ds_body ul li strong { font-weight: bold; }
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover { border-bottom: 1px solid #fff !important; }
.payment_model .radio-parant { width: 100%; display: table; }
.payment_model .radio-parant li { width: 95px; float: left; margin: 5px 5px; }
.payment_model .radio-parant li label { padding: 0px; }
.payment_model .radio-parant li span.cr { display: none; }
table#list_drukwerkmax_orderline { display: block; overflow: auto; }
.form-horizontal .form-group { margin-left: 0px !important; margin-right: 0px !important; }
.check_list li { position: relative; /*line-height: 1.8;*/ margin-bottom: .5em; padding-left: 20px; font-size: 15px; font-weight: 400; }
.check_list li strong { font-weight: 700; }
.check_list li:before { content: ""; font-family: drukwerkmax !important; speak: none; font-style: normal; font-weight: 400; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; color: #95c11a; font-size: 10px; line-height: 21px; position: absolute; left: 380px; top: 6px; }
.error { color: #a94442; }
.checkbox, .custom_radio { position: relative; }
.disabled_opt { pointer-events: none; opacity: 0.4; }
.enabled { opacity: 1; }
.disabled { opacity: 0.4; }
.priceDropDown { max-width: 160px; margin: 0px auto; }
.detail__content h2, .detail__content h3, .detail__content h4 { position: relative; padding-left: 20px; }
.detail__content h2:after, .detail__content h3:after, .detail__content h4:after { background-color: #00A1E1; content: ''; position: absolute; width: 3px; top: .15em; bottom: .15em; left: 0px; }
.detail__content h3, .detail__content h4 { margin-bottom: 10px; }
.format_lists .row { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; display: flex; }
.format_box { width: 100%; position: relative; height: 100%; display: block; float: none; }
.format_inner { color: inherit !important; display: block; text-decoration: none; position: relative; z-index: 2; height: 100%; }
.upContent:before { left: 0; background-image: -webkit-gradient(linear, left top, right top, from(#e6007d), color-stop(50%, #e6007d), color-stop(50%, #00a1e1), to(#00a1e1)); background-image: linear-gradient(to right, #e6007d 0, #e6007d 50%, #00a1e1 50%, #00a1e1 100%); }
.upContent:before, .upContent:after { height: 6px; width: 50%; content: ""; position: absolute; top: 0px; }
.upContent:after { background-image: -webkit-gradient(linear, left top, right top, from(#ffb32e), color-stop(50%, #ffb32e), color-stop(50%, #95c11a), to(#95c11a)); background-image: linear-gradient(to right, #ffb32e 0, #ffb32e 50%, #95c11a 50%, #95c11a 100%); left: 50%; }
.upContent { padding: 20px 30px; }
#updatePopup .modal-dialog { width: 650px; }
.upLeft { width: 58%; float: left; padding: 30px 30px 30px 25px; }
.upRight { width: 42%; float: left; padding: 30px 30px 25px 30px; }
.upRight p { color: #bbbbbb; }
.upContent a { margin-top: 30px; padding-left: 35px; padding-right: 35px; }
.upRight a { background-color: #96a8c4; }
.upContent h1 { margin-top: 30px; }
.upRight:before { position: absolute; content: ''; width: 2px; top: 40px; bottom: 40px; background: #bbb; left: 56%; }
.upContent .upLeft a.btn { margin-top: 48px; }
.upContent a.btn { margin-top: 30px; width: 210px; text-align: center; padding-left: 10px; padding-right: 10px; }
.cookies_bar { visibility: visible; width: 100%; position: fixed; top: auto; bottom: 0; padding: 15px 0px; background: rgba(0, 0, 0, 0.9); z-index: 1111; text-align: center; transition: all ease-in-out 0.5s; -webkit-transition: all ease-in-out 0.5s; }
.cookies_bar p { color: #FFFFFF; font-size: 14px; width: 70%; display: inline-block; vertical-align: middle; text-align: left; line-height: 1.4; margin-bottom: 0; }
.cookies_bar a { color: #FFFFFF; text-decoration: underline; }
.cookies_bar_hide { opacity: 0; visibility: hidden; }
/* #cookie_btn { padding: 10px 20px; background-color: #029715; color: #16ff34; display: inline-block; font-weight: 600; text-transform: uppercase; text-decoration: none; } */
.closeCookies { position: relative; width: 20px; height: 20px; display: inline-block; margin: 10px 10px 10px 50px; vertical-align: middle; }
.closeCookies span { width: 100%; height: 3px; background: #fff; position: absolute; top: 8px; right: 0; transition: all 500ms; }
.closeCookies span.line1 { transform: rotate(45deg); }
.closeCookies span.line2 { transform: rotate(-45deg); }
/*Hero wrapper style*/
.wrapper_hero { position: relative; }
/* .wrapper_hero .hero__visual { margin: 0 auto; text-align: center; height: 340px; } */
.wrapper_hero .hero__visual { margin: 0 auto; text-align: center; height:205px; }
.h1.no_margin_space_for_banner_h1 { margin: 0px;}
.wrapper_hero .hero__visual img { position: absolute; display: block; margin: 0 auto; -o-object-fit: cover; object-fit: cover; width: 100%; height: 100%; }
.wrapper_hero picture { display: block; max-width: 100%; height: auto; }
.hero__content { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.hero__wrapper { display: table; table-layout: fixed; width: 100%; height: 100%; }
.hero__inner { display: table-cell; vertical-align: middle; height: 100%; width: 100%; padding: 20px; -webkit-box-sizing: border-box; box-sizing: border-box; }
.hero__inner h1 { margin-bottom: 10px; }
.hero__inner p { margin: 0 0 1.5em; font-size: 14px; font-weight: normal; }
.radio_with_image [type="radio"]:checked + label:before, .radio_with_image [type="radio"]:not(:checked) + label:before { top: 15px; }
.cart_pm_radio.pay_later_radio { margin-bottom: 0px; padding-top: 20px; margin-top: 20px; border-top: 1px solid #ebebeb; }
.checkbox-inline+.checkbox-inline, .radio-inline+.radio-inline { margin-top: 10px !important; margin-left: 0px !important; }
.outBox { border: 1px solid #ebebeb; -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, .15); box-shadow: 0 0 0 rgba(0, 0, 0, .15); cursor: pointer; display: block; padding: 45px 20px 15px; -webkit-transition: all 250ms cubic-bezier(.455, .03, .515, .955); transition: all 250ms cubic-bezier(.455, .03, .515, .955); -webkit-transition-property: -webkit-box-shadow; transition-property: -webkit-box-shadow; transition-property: box-shadow; transition-property: box-shadow, -webkit-box-shadow; }
.radioBox { position: relative; margin: 15px 0 0; }
.radioBox + .radioBox { margin: 15px 0 0; }
.radioBoxinner { position: relative; }
.radioBoxinner label { position: absolute !important; left: 15px; top: 20px; }
.radio input[type=radio] { position: absolute; left: 0; top: 0; margin: 0; z-index: 1; width: 100%; height: 100%; }
.radio input[type=radio]:checked ~ .outBox { -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, .15); box-shadow: 0 2px 10px rgba(0, 0, 0, .15); }
.outBox img { display: block; margin: auto; max-height: 120px; }
.hero__inner p, .hero__inner .btn { margin-left: 25px; }
/* gomax partneship */
.partner_page { position: relative; width: 100%; padding: 40px 40px 0px; }
.partner_page_line { position: relative; height: 5px; width: 100%; float: left; }
.partner_page_line:after, .partner_page_line:before { height: 100%; width: 50%; content: ""; position: absolute; top: 0px; }
.partner_page_line:before { left: 0; background-image: -webkit-gradient(linear, left top, right top, from(#e6007d), color-stop(50%, #e6007d), color-stop(50%, #00a1e1), to(#00a1e1)); background-image: linear-gradient(to right, #e6007d 0, #e6007d 50%, #00a1e1 50%, #00a1e1 100%); }
.partner_page_line:after { background-image: -webkit-gradient(linear, left top, right top, from(#ffb32e), color-stop(50%, #ffb32e), color-stop(50%, #95c11a), to(#95c11a)); background-image: linear-gradient(to right, #ffb32e 0, #ffb32e 50%, #95c11a 50%, #95c11a 100%); left: 50%; }
.white_logo { margin: 50px 0px 60px; }
.white_logo img { max-width: 150px; width: 100% }
.partner_page:before { position: absolute; content: ""; height: 450px; width: 100%; left: 0px; top: 0px; background-image: url(../images/partner_bg.png); background-size: cover; background-position: center; background-repeat: no-repeat; }
.partner_avatar { text-align: center; }
.partner_avatar img { width: 100%; max-width: 355px; }
.partner_top_text, .partner_form { padding-left: 30px; }
.partner_top_text p { font-size: 18px; font-weight: 400; }
.partner_content { margin-top: 50px; }
.partner_content h2 { margin-bottom: 20px; }
.partner_content h2:after { display: none; }
.partner_content-text li { margin-bottom: 20px; }
.partner_content-text li:last-child { margin-bottom: 0px; }
.partner_form_inner { background-color: #fafafa; padding: 60px 50px; }
.partner_form_inner h2 { padding-left: 0px; margin-bottom: 40px; }
.partner_form_inner .btn { width: 100% }
.partner_form_inner .form-group { margin-bottom: 30px; }
.partner_conditions { font-weight: normal; margin-top: 20px; }
.partner_form { margin-top: -212px; position: relative; }
/*Searchpage style*/
.mainSearch { background: #fafafa; padding: 30px; }
.mainSearch .form-control { box-shadow: none; border-radius: 0px; height: 37px; border: 1px solid #e7e7e7; background-image: url(../images/search-inactive.svg) !important; background-repeat: no-repeat; background-position: 97% center; }
.knowledgebase .category_box:nth-child(odd) { clear: left; }
.knowledgebase .category_box { margin-top: 40px; }
.category_box h4 { margin-bottom: 15px; }
.category_box h4 a { color: #181b37; }
.category_box li { margin-bottom: 8px; display: inline-block; width: 100%; }
.category_box li:last-child { margin-bottom: 0px; }
.category_box li.more_article { margin-top: 10px; }
.category_box a:hover { text-decoration: underline; }
.category_box li a { font-weight: normal; }
/*faq */
.category_box .underline { border-bottom: 1px solid #e7e7e7; padding-bottom: 10px; }
.category_box p { margin-bottom: 15px; font-weight: normal; color: #636363; }
.category_breadcrumb ul li { display: inline-block; margin-right: 5px; position: relative; }
.category_breadcrumb ul li:after { position: relative; content: ">"; color: #d4d4d4; font-size: 12px; font-weight: normal; display: inline-block; margin-left: 3px; }
.category_breadcrumb ul li:last-child:after { display: none; }
.category_breadcrumb ul li a { font-weight: normal; }
.category_breadcrumb ul li a:hover { text-decoration: underline; }
/*Article details*/
.article_details { margin-top: 30px; }
.ad__title { margin-bottom: 20px; }
.ad__content p { margin: 15px 0px; font-weight: normal; line-height: 1.5em; }
/* pop-up close */
/*#MainModal_close .modal-content:before { background-image: -webkit-gradient(linear, left top, right top, from(#e6007d), color-stop(50%, #e6007d), color-stop(50%, #00a1e1), to(#00a1e1)); background-image: linear-gradient(to right, #e6007d 0, #e6007d 50%, #00a1e1 50%, #00a1e1 100%); left: 0px; }*/
/*#MainModal_close .modal-content:after { background-image: linear-gradient(to right, #ffb32e 0, #ffb32e 50%, #95c11a 50%, #95c11a 100%); right: 0px; background-image: -webkit-gradient(linear, left top, right top, from(#ffb32e), color-stop(50%, #ffb32e), color-stop(50%, #95c11a), to(#95c11a)); }*/
#MainModal_close .modal-content:before { background-image: -webkit-gradient(linear, left top, right top, from(#e6007d), color-stop(50%, #e6007d), color-stop(50%, #00a1e1), to(#00a1e1)); background-image: linear-gradient(to right, #27a1de 0, #27a1de 50%, #27a1de 50%, #27a1de 100%); left: 0px; }
#MainModal_close .modal-content:after { background-image: linear-gradient(to right, #ffb32e 0, #ffb32e 50%, #95c11a 50%, #95c11a 100%); right: 0px; background-image: -webkit-gradient(linear, left top, right top, from(#27a1de), color-stop(50%, #27a1de), color-stop(50%, #27a1de), to(#27a1de)); }
#MainModal_close .modal-content:after, div#MainModal_close .modal-content:before { position: absolute; height: 8px; width: 50%; content: ""; top: 0px; z-index: 2; }
#MainModal_close .modal-header { background: none; padding: 0px; border: none; }
div#MainModal_close button.close { position: absolute; height: 28px; width: 28px; background: #ff0000; right: 8px; top: 20px; z-index: 4; border-radius: 54px; font-weight: normal; text-align: center; line-height: 22px; cursor: pointer; }
#MainModal_close .logo_close img { max-width: 100px; height: auto !important; }
#MainModal_close p { margin-bottom: 15px; }
#MainModal_close p:last-child { margin-bottom: 0px; }
#MainModal_close .modal-body { padding: 30px; }
.format_wrapper i { position: absolute; right: 20px; top: 15px; z-index: 9999999; }
/* Payment section bg color setting css start 05-01-23 */
.step.step_4 .billing_info{margin-bottom: 0}
.discountCode,
.step.step_4 .cart_payment_method{background-color: #d5d5d5;padding: 30px;}
.step.step_4 [type="radio"]:not(:checked) + label:before{background-color: transparent;}
.step.step_4 [type="radio"] + label:before{top: 0;bottom: 0;margin: auto;}
/* Payment section bg color setting css end 05-01-23 */
/* New banner design css start 17-11-2023 */
/*
.newBanner{margin-bottom: 50px;}
.nbInner{
background: rgb(16,169,190);
background: -moz-linear-gradient(90deg, rgba(16,169,190,1) 0%, rgba(102,187,151,1) 100%);
background: -webkit-linear-gradient(90deg, rgba(16,169,190,1) 0%, rgba(102,187,151,1) 100%);
background: linear-gradient(90deg, rgba(16,169,190,1) 0%, rgba(102,187,151,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#10a9be",endColorstr="#66bb97",GradientType=1);
padding: 50px 100px 10px;
}
.nbInner .row{margin: 0 -20px;}
.nbInner .row > div{padding: 0 20px 40px;}
.nbWhitebox{background-color: #FFFFFF;border-radius: 15px;text-align: center;padding: 30px 15px;}
.normalTitle{color: #00a1e1;font-size: 25px;font-weight: 700;font-family: Arial, Helvetica, sans-serif;padding: 0 0 5px;}
.nbWhitebox p{font-weight: 600;}
/* 15-04-2024 BY Virsing
.wrapper_about_gradi{padding: 20px 0 50px;font-size: 15px; text-align: center;}
.wrapper_title_grad h1{padding: 0;background: #368FDB;background: linear-gradient(to right, #368FDB 0%, #70b389 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;font-family: Arial, Helvetica, sans-serif;font-weight:900;}
.wrapper_title_grad h1::after{display: none;}
.wrapper_body_grad,
.wrapper_body_grad p{font-weight: 600;}
.wrapper_title_grad{padding-bottom: 30px; color:#27a1de; font-weight: normal;}
.wrapper_about_gradi{margin-bottom: 20px}
*/
.wrapper_title_grad{color:#181b37; font-weight:normal; margin-bottom:20px;}
.wrapper_about_gradi{margin-bottom:20px;}
.wrapper_title_grad h1 {font-size: 25px;}
.wrapper_body_grad p span {font-size: 14px !important;font-family: 'Helvetica Neue LT Std' !important; line-height: 1.0;}
/* New banner design css end 17-11-2023 */
.showDistributionModel{
background: rgb(222, 234, 213);
padding: 20px;
display: block;
color: black;
margin-top: 20px;
}
.showDistributionModel p{
font-weight: 400;
}
.showDistributionModel a{
margin-top:10px;
background: #A1CA87;
border: 1px solid #A1CA87;
}
.showDistributionModel a:hover {
background: #648350;
}
p.extra_information {
margin-top: 20px;
color: #00ABE1;
padding-top: 15px;
border-top: 2px solid white;
font-weight: 100;
cursor: pointer;
}
/**
* TreeByTree Product order design css
* by Virsing Vasava
* @param cartPage
* @ 21-05-2024
* Start
**/
.subTextBoomTreeByTree {background: #d8e7cd; padding: 10px 20px; border-radius: 20px;}
.d-inline{display: inline;}
.d-flex{display: flex;}
.align-items-center{align-items: center}
.justify-content-between{justify-content: space-between}
.treeBybtn{border-radius: 20px; background-color: #ffffff; margin-right: 10px; min-width: 150px; padding: 10px;}
.radius20{border-radius: 20px;}
.treeBybtn img{max-width: 100%;}
.tbtPrice{background-color: #ffffff; padding: 5px 6px 3px; text-align: left; min-width: 100px; border: 1px solid #dfdfdf; display: inline-flex; justify-content: space-between;}
.tbtPrice:after{content: "\f078";font-family: 'Font Awesome 5 Free';font-weight: 700;margin-left: 15px;}
.tbtDropdown .dropdown-item{justify-content: space-between; display: flex;}
.tbtDropdown .dropdown-item span{min-width: 50px;}
.tbtPrice span{padding-right: 5px;}
.treeByTreeFaIcon {padding:0px 6px 0 0; color:#000}
/**
* TreeByTree Product order design css
* End
**/
/* Menu css adjustments start DO-482 */
@media only screen and (min-width: 992px) {
.menu .navbar ul.nav:before,
.menu .navbar ul.nav:after{display: none;}
.menu .navbar ul.nav{display: flex; align-items: center;justify-content: space-between;width: 100%;}
.navbar-default .navbar-nav>li{margin: 0}
}
/* Menu css adjustments end DO-482 */
/*Responsive CSS
===================================*/
@media only screen and (max-width:1280px) {
.navbar-default .navbar-nav>li>a { font-size: 15px; }
header .top_header { padding-top: 15px; }
/* .navbar-default { margin-top: 15px; } */
.th_subheader>div { margin-left: 35px; }
.th_subheader>div.th_login { margin-left: 15px; }
.th_subheader>div.th_customer { margin-left: 15px; }
.th_subheader .th_search { width: 275px; }
header .logo { padding-top: 10px; }
.th_subheader { margin-top: 14px; }
a.dropArrow:after { font-size: 12px; }
strong.th_title { font-size: 22px; }
}
@media only screen and (max-width:1200px) {
.navbar-default .navbar-nav>li { margin-right: 40px; }
.th_subheader a { font-size: 14px; }
.wrapper_usps li { padding-right: 10px; line-height: 1.7; padding-left: 20px; font-size: 12px; }
.wrapper_usps li:before { font-size: 16px; }
.wrapper_product.wrapper { padding-top: 0px; }
.all_products .row>div { margin-bottom: 35px; }
.annex_table .table>tbody>tr>td { padding: 12px 15px !important; font-size: 14px; }
.annex_table .table>thead>tr>th { padding: 15px !important; font-size: 15px; }
.logreg_module .nav-tabs li a { font-size: 14px; }
.logreg_module .tab-content { padding-top: 30px; }
.order_table > table { position: relative; width: 100%; max-width: 100%; display: block; border-top: 1px solid #000; border-bottom: 1px solid #000; }
.order_table > table > thead { position: absolute; left: 0px; top: 0px; background: #f6f6f6; z-index: 1111; border-bottom: none; }
.order_table > table > tbody { position: relative; padding-left: 140px; overflow: auto; white-space: nowrap; display: block; width: 100%; }
.invoice_table > table > tbody { padding-left: 180px; }
.order_table > table > tbody > tr { display: inline-block; }
.order_table table thead th, .order_table table tbody td { display: block; padding: 15px 10px; height: 50px; }
.order_table > table > tbody > tr { display: table-cell; vertical-align: top; height: 100%; }
.order_table .center { text-align: left; }
tr.referentie_row > td tr td { padding: 5px 15px; height: auto; }
.invoice_table th, .invoice_table td { font-size: 13px; }
.partner_form { margin-top: -181px; }
.partner_form_inner { background-color: #fafafa; padding: 40px 30px; }
}
@media only screen and (max-width:1170px) {
.ma_order_details .product_summary ul li { margin-bottom: 10px; }
.partner_form { margin-top: -147px; }
}
@media only screen and (max-width:1100px) {
.navbar-default .navbar-nav>li { margin-right: 35px; }
.btn__bg { padding: 0px 15px; }
.inner_page { padding-top: 20px; }
.detail_title h1, .detail_title .h1 { margin-bottom: 10px; }
h1, .h1 { font-size: 32px; }
.top_space.content_box.collapsible { margin-top: 20px; }
.information_page { padding-right: 3%; }
.cart_img_thumb { height: 95px; width: 95px; }
.cart_img { width: 95px; }
.cart_info, .cart_price, .cart_action { padding: 5px 15px 0px; }
.cart_info p { font-size: 14px; }
.cart_price h3 { font-size: 20px; }
.cart_action a { height: 30px; width: 30px; line-height: 32px; }
.common_table { margin: 10px 0px; }
.common_table table { width: 100%; position: relative; display: block; max-width: 100%; border-bottom: 1px solid #000; border-top: 1px solid #000; }
.common_table table thead { display: table-cell; padding: 0; position: absolute; left: 0px; background: #fff; border-bottom: none; background-color: #f6f6f6; }
.common_table table tbody { display: block; overflow: auto; white-space: nowrap; padding: 0 0 0 160px; }
.common_table table>thead>tr>th, .common_table table>tbody>tr>td { display: block; padding: 10px 15px !important; }
.common_table .center { text-align: left; }
.myaccont_btn { text-align: right; padding-bottom: 10px; display: block; width: 100%; }
.common_table tbody tr { display: inline-block; }
.partner_form { margin-top: -145px; }
}
@media only screen and (max-width:1024px) {
.partner_form { margin-top: -119px; }
}
@media only screen and (max-width:1023px) {
.hidden_1024 { display: none; }
.cart__icon, .login__icon, .service__icon { margin-right: 0px; }
.th_subheader>div { margin-left: 25px; margin-right: 5px; }
.th_customer { padding: 0px 15px; }
.th_subheader>div.th_customer, .th_subheader>div.th_login { margin-left: 10px; }
.actualities_box .actualities_content p br { display: none; }
.wrapper { padding: 15px 0px; }
.logo a img { max-width: 135px; }
.th_subheader .th_search { width: 255px; }
.navbar-default .navbar-nav>li { margin-right: 20px; }
.wizard_list { margin-top: 30px; }
strong.th_title { font-size: 20px; }
}
@media only screen and (min-width:992px) {
.col-md-2.format_wrapper { width: 25%; }
}
@media only screen and (min-width:1100px) {
.col-md-2.format_wrapper { width: 20%; }
}
@media only screen and (min-width:1340px) {
.col-md-2.format_wrapper { width: 16.66666667%; }
}
@media only screen and (min-width:992px) {
.product_description_area { padding-right: 7%; }
}
@media only screen and (max-width:992px) {
.th_customer_dropdown { left: auto; right: 0px; }
.th_customer { padding: 0px 10px; }
.probox_footer { position: relative; height: auto !important; bottom: auto; padding: 0px; }
.probox:hover .probox_image, .probox:hover .probox_content { -webkit-transform: none; transform: none; }
.probox:hover:after { top: 0; bottom: 0; }
.probox_content { padding: 0px 0px 20px 0px; }
.all_products .probox { padding: 20px; }
.all_products .row>div { margin-bottom: 30px; }
.footertop_mail { text-align: right; padding-right: 15px; }
.footertop_tel { padding-left: 15px; }
.mid-container { padding-bottom: 50px; }
.wrapper_about { margin-top: 30px; }
.wrapper_usps li { width: 32%; display: inline-block; margin-bottom: 5px; }
.cart__icon:after { left: 7px; bottom: -2px; }
.detail_title h1, .detail_title .h1 { margin-bottom: 10px; }
h1, .h1 { font-size: 28px; }
.btn__bg { font-size: 16px; }
.flyer_preview { margin-top: 30px; }
.wizard_recap { margin-top: 10px; }
.wizard_body.padding { padding-bottom: 20px; padding-top: 10px; }
.tabs .tab-content { padding-top: 30px; }
.product_order .content_body p { margin: 0 0 1.5em; }
/*Responsive table*/
/*.annex_table thead { display: table-cell; padding: 0; position: absolute; left: 0px; background: #fff; }
.annex_table tbody { display: block; overflow: auto; white-space: nowrap; padding: 0 0 0 145px; }
.annex_table tbody tr { display: inline-block; }
.annex_table table { width: 100%; max-width: 100%; margin-bottom: 20px; display: block; position: relative; }
.annex_table .table>thead>tr>th, .annex_table .table>tbody>tr>td { height: 90px; display: block; padding: 10px 15px !important; }
.annex_table table tfoot { width: 100%; display: block; }
.annex_table .table>thead>tr>th:first-child, .annex_table .table>tbody>tr>td:first-child { height: 40px; min-height: 40px; line-height: 40px; padding: 0px 20px !important; }
.annex_table .table-striped>tbody>tr:nth-of-type(even) { background-color: #fff; }
.annex_table .table>tbody>tr>td:nth-of-type(even), .annex_table .table>thead>tr>th:nth-of-type(even) { background-color: #f6f6f6; }
.annex_table .table>tbody>tr:nth-child(1) td { border-top: 2px solid #fff !important; }
.annex_table .table>thead>tr>th { border-bottom: 2px solid #fff !important }
.annex_table .table>tbody>tr>td.price { line-height: 60px; }
*/
ul.footer_logos.pull-right { text-align: right; }
li.footer_logos_label { width: 100% }
.apply_promo, .comments_box, .terms_checkbox { margin-bottom: 30px; }
.subtotal_box li { padding: 10px 0px; }
.cart_img_thumb { height: 75px; width: 75px; }
.cart_img { width: 75px; }
.cart_info h4 { font-size: 16px; }
.cart_info p { margin-top: 10px; }
.cart_price h3 { font-size: 18px; }
.cart_info, .cart_price, .cart_action { padding: 0px 15px 0px; }
.subtotal_box li span, .subtotal_box li strong { font-size: 14px; }
.subtotal_box li.grand_total strong { font-size: 18px; }
.subtotal_wrapper { padding-top: 30px; display: table; width: 100%; }
.checkout_btns { padding-top: 15px; margin-top: 15px; }
.cart_box { padding: 15px; }
.checkout_progress ul { margin: 0 0 30px; }
.checkout_progress_step { position: relative; font-size: 14px; padding: 12px 0px 12px 15px; }
.checkout_progress_step:before, .checkout_progress_step:after { top: -3px; border-width: 26px 0 26px 10px; }
.cart_right .cart_btns { padding: 15px 0px 0px 15px; }
.cart_right .cart_btns a { margin-right: 5px; font-size: 12px; padding-left: 6px; padding-right: 6px; }
[type="checkbox"]:checked + label, [type="checkbox"]:not(:checked) + label { font-size: 14px; }
.new_address_btn.pull-right { width: 100%; margin-top: 10px; text-align: right; }
.delivery_address .form-control { margin-bottom: 10px; }
.product_summary ul li { margin-bottom: 10px; }
.data_summary { padding: 30px 0px; }
.data_summary { padding: 20px 0px; }
.tab_wrapper .nav-tabs li a { position: relative; display: block; padding: 10px 7px; }
.reg_advantage { margin-bottom: 0; }
.ma_order_details .product_summary ul li { line-height: 1.4em }
.billing_details { margin-top: 10px; }
.billing_details .ds_body { margin: 10px 0px; float: left; width: 100%; }
.another_table { padding-top: 0; }
.myaccount_module .nav-tabs li a { font-size: 13px; }
.show_records { padding: 0px; text-align: center; }
.pagination_wrapper { text-align: center; margin-top: 20px; }
a.dropArrow:after { display: none; }
.navbar-default .navbar-nav>li { position: relative; }
.navbar-default .navbar-nav>li .dropdown-toggle { display: block; }
.partner_form { margin-top: -108px; }
}
@media only screen and (max-width:991px) {
.white_logo { margin: 30px 0px 30px; }
.partner_page { padding: 25px 15px 0px; }
.partner_top_text, .partner_form { padding-left: 0; }
.partner_avatar { margin-top: 40px; }
.partner_avatar img { width: 100%; max-width: 225px; }
.partner_form { margin-top: 10px; }
.partner_form_inner h2 { margin-bottom: 20px; }
.partner_form_inner .form-group { margin-bottom: 20px; }
.mainSearch { background: #fafafa; padding: 20px; }
.knowledgebase .category_box { margin-top: 30px; }
}
@media only screen and (min-width:901px) {
.navbar-collapse { display: block; }
.navbar-collapse.in { overflow-y: visible; }
.dropdown-menu.megamenu { display: block; visibility: hidden; opacity: 0; }
.dropdown:hover .dropdown-menu.megamenu { visibility: visible; opacity: 1; -moz-transition: all ease-in-out 0.3s; -webkit-transition: all ease-in-out 0.3s; transition: all ease-in-out 0.3s; }
.dropdown:hover a.dropArrow:after { content: "\f078"; }
}
@media only screen and (max-width:991px) {
.dropdown-menu.megamenu,
.navbar-collapse{display: none;}
.open .dropdown-menu.megamenu{display: block;}
.navbar-toggle{display: block;}
.navbar-default .navbar-nav>li>a { font-size: 14px; }
.navbar-default .navbar-nav>li { margin-right: 20px; }
a.dropArrow:after { margin-left: 3px; font-size: 10px; min-width: 11px; }
.navbar-nav { margin: 7.5px 0px; }
.navbar-toggle { border-radius: 0px; padding: 8px; margin-right: 0px; }
.container-fluid>.navbar-collapse, .container-fluid>.navbar-header, .container>.navbar-collapse, .container>.navbar-header { margin-left: 0px !important; margin-right: 0px !important; }
.navbar-default .navbar-nav>li { margin-right: 0; border-bottom: 1px solid #ebebeb; width: 100%;}
.navbar-default .navbar-nav>li:last-child { border-bottom: none; }
.navbar-default { background-color: #fff; min-height: 10px; }
.navbar-header { background-color: #181b38; padding: 0px 15px; }
.navbar-default .container { padding: 0px; }
.navbar-default .navbar-toggle { border-color: #fff; background-color: transparent !important; }
.navbar-default .navbar-toggle .icon-bar { background-color: #fff; width: 18px; }
.navbar-nav { margin: 0px; padding: 10px 15px; width: 100%; float: none;}
p.menu_text { display: inline-block; }
.dropdown-menu.megamenu { padding: 0px 15px; }
.navbar-header { width: 100%; }
div#bs-example-navbar-collapse-1 { width: 100%;clear: both;}
.wizard_head_title, .wizard_head_value { display: block; vertical-align: middle; }
.wizard_head_value { font-size: 16px; text-align: left; margin-top: 5px; }
.table_wrapper:first-child { width: 100%; display: block; padding: 10px 0px 0px; }
/*.annex_table { overflow: auto; display: block; }
.annex_header, .annex_content { padding-left: 0; }
.annex_header h2, .annex_header .vat_label { display: block; vertical-align: middle; text-align: left; }
.annex_header .vat_label { text-align: left; margin-top: 10px; }
*/
.slick-slide img { display: block; max-width: 350px; width: 100%; margin: 0px auto; }
.product_view .slider-nav-thumbnails { margin-top: 15px; }
.checkout_progress_step, .checkout_progress_step.current.prev { position: relative; font-size: 0; width: auto; }
.checkout_progress_step.current { font-size: 16px; width: 50%; }
.delivery_method_radio .custom_radio { margin-right: 30px; }
.newadd_modal .modal-dialog { width: 90%; max-width: 768px; }
.billing_info_form [class*="col-"] { width: 100%; }
.billing_info_form label { text-align: left; font-size: 15px; line-height: normal; padding-bottom: 5px; }
.ch_limit { font-size: 15px; line-height: normal; left: auto; top: -23px; font-weight: normal; right: 0px; }
.cart_title { display: table; width: 100%; margin-bottom: 20px; }
.product_summary ul li { line-height: 1.4em; width: 100%; border: none; }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.navbar-default .navbar-nav>li a.dropArrow:after{display: inline-block;margin: 0}
.navbar-default .navbar-nav>li .dropdown-toggle{display: none;}
.navbar-default .navbar-nav>li{margin: 0}
}
@media only screen and (min-width:768px) {
.format_footer { height: 0; overflow: hidden; position: absolute; bottom: 0; left: 0; width: 100%; -webkit-transition: height 350ms cubic-bezier(.25, .46, .45, .94); transition: height 350ms cubic-bezier(.25, .46, .45, .94); }
.format_box_selected .format_content, .format_box_selected .format_image, .format_box:hover .format_content, .format_box:hover .format_image, .format_box_selected .fav_tag, .format_box:hover .fav_tag { -webkit-transform: translateY(-25px); transform: translateY(-25px); }
.format_content, .format_image, .fav_tag { display: block; -webkit-transition: -webkit-transform 350ms cubic-bezier(.25, .46, .45, .94); transition: -webkit-transform 350ms cubic-bezier(.25, .46, .45, .94); transition: transform 350ms cubic-bezier(.25, .46, .45, .94); transition: transform 350ms cubic-bezier(.25, .46, .45, .94), -webkit-transform 350ms cubic-bezier(.25, .46, .45, .94); }
.format_box_selected .format_footer, .format_box:hover .format_footer { height: 26px; }
.format_box:after { border-bottom: 1px solid #27a1de; /*17-11-2023 #e6007d*/ -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, .15); box-shadow: 0 0 0 rgba(0, 0, 0, .15); content: ''; display: block; position: absolute; top: 0; bottom: 0; left: 0; width: 100%; -webkit-transition: all 350ms cubic-bezier(.25, .46, .45, .94); transition: all 350ms cubic-bezier(.25, .46, .45, .94); -webkit-transition-property: top, bottom, -webkit-box-shadow; transition-property: top, bottom, -webkit-box-shadow; transition-property: box-shadow, top, bottom; transition-property: box-shadow, top, bottom, -webkit-box-shadow; z-index: 1; }
.format_box_selected:after, .format_box:hover:after { -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, .15); box-shadow: 0 2px 10px rgba(0, 0, 0, .15); top: -30px; bottom: -20px; }
}
@media screen and (min-width:768px) and (max-width:900px) {
.cart_detail>div { display: block; vertical-align: top; }
.cart_right>div { display: block; }
.cart_info { padding: 0px; margin-top: 10px; width: 100%; }
.cart_detail { position: relative; }
.cart_right>div.cart_action { width: auto; position: absolute; top: 0px; right: 0px; }
.cart_right>div.cart_price { position: absolute; width: auto; top: 0px; right: 77px; }
.cart_right .cart_btns { padding: 15px 0px 0px 0px; }
.select_delivery_type .checkbox { margin-right: 0; margin-bottom: 10px; width: 100%; }
.select_delivery_type .checkbox:last-child { margin-bottom: 0px; }
.cart_right>div.cart_price.noright-padding { right: 0px; left: auto; }
.ma_order_details .cart_info { padding: 0px; margin: 0px; }
.ma_order_details .cart_right>div.cart_price { padding: 0px; position: relative; right: auto; top: auto; display: block; float: left; width: 50%; text-align: left; margin-top: 20px; }
.ma_order_details .delivery_status { display: block; width: 50%; float: left; margin-top: 24px; }
.ma_order_details .product_summary>div { display: table; width: 100%; }
.ma_order_details .product_summary ul li { line-height: normal; }
.ma_order_details .product_shipping_add { margin-top: 0; }
.wrapper_about_gradi .wrapper_body_grad,
.wrapper_about_gradi .wrapper_title_grad,
.nbInner{padding-left: 30px;padding-right: 30px;}
}
@media screen and (min-width:100px) and (max-width:640px) {
.cart_detail>div { display: block; vertical-align: top; }
.cart_right>div { display: block; }
.cart_info { padding: 0px; margin-top: 10px; width: 100%; }
.cart_detail { position: relative; }
.cart_right>div.cart_action { width: auto; position: absolute; top: 0px; right: 0px; }
.cart_right>div.cart_price { position: absolute; width: auto; top: 0px; right: 77px; }
.cart_right .cart_btns { padding: 15px 0px 0px 0px; }
.select_delivery_type .checkbox { margin-right: 0; margin-bottom: 10px; width: 100%; }
.select_delivery_type .checkbox:last-child { margin-bottom: 0px; }
.cart_right>div.cart_price.noright-padding { right: 0px; left: auto; }
.ma_order_details .cart_info { padding: 0px; margin: 0px; }
.ma_order_details .cart_right>div.cart_price { padding: 0px; position: relative; right: auto; top: auto; display: block; float: left; width: 50%; text-align: left; margin-top: 20px; }
.ma_order_details .delivery_status { display: block; width: 50%; float: left; margin-top: 24px; }
.ma_order_details .product_summary>div { display: table; width: 100%; }
.ma_order_details .product_summary ul li { line-height: normal; }
.ma_order_details .product_shipping_add { margin-top: 0; }
}
@media only screen and (max-width:767px) {
h2 { font-size: 22px; padding-left: 0px; }
h3 { font-size: 18px; }
h4 { font-size: 16px; }
.hero__inner p, .hero__inner .btn { margin-left: 0; }
.logo a img { max-width: 95px; }
.hero__inner p, .hero__inner .btn { margin-left: 0; }
header .logo { padding-top: 0; }
.th_subheader { margin-top: 3px; }
.mobile_search { margin-top: 10px; }
.ab_links p { font-size: 12px; }
.ab_links { padding: 13px 10px 15px; }
.wrapper_about { margin-top: 5px; }
.footertop_inner { position: relative; padding: 30px 0px; }
.footertop_mail { text-align: left; padding-right: 0px; }
.footertop_tel { padding-left: 0px; padding-top: 20px; }
.wrapper_usps ul { display: block; padding-bottom: 0px; }
.wrapper_usps li { padding-right: 0; padding-left: 30px; font-size: 14px; display: inline-block; width: 49%; }
.wrapper_usps .trustLi{width: 100%;}
.wrapper_usps li:before { font-size: 18px; }
.all_products { padding-top: 0px; }
.wrapper_about .wrapper_body p { font-size: 14px; }
.container { padding: 0px 15px; }
[class*="col-"] { padding: 0px 15px; }
.row { margin: 0px -15px; }
.actualities_col-image { width: 132px; }
.actualities_box .actualities_col:last-child { padding-right: 0px; padding-left: 0px; }
.actualities_box a { padding: 15px 0px; }
.wrapper_about .wrapper_title { padding-bottom: 15px; }
.mid-container { padding-bottom: 35px; }
.main_footer h4 { padding-top: 0px; }
.footer_menu ul li:last-child { margin-bottom: 0px; }
.footer_menu ul { margin-top: 15px; }
.main_footer { padding: 40px 0px; }
ul.footer_logos.pull-right { float: left !important; margin-top: 20px; width: 100%; text-align: left; }
li.footer_logos_label { width: 100%; margin-bottom: 10px; display: block; }
.bottom_footer { padding: 20px 0px; }
.wrapper_actualities { margin-top: 0px; }
.footer_menu ul li { margin-bottom: 7px; line-height: 1.6em; }
.footer_primary-menu { padding-bottom: 20px; border-bottom: 1px solid rgba(0, 0, 0, 0.3) }
.footer_main-menu { padding-top: 20px; padding-bottom: 20px; border-bottom: 1px solid rgba(0, 0, 0, 0.3); margin-bottom: 20px; }
.footer_logos li { margin: 4px; }
.wrapper_title { padding: 30px 0px; }
h2:after { left: -15px; }
.all_products .probox { padding: 15px 10px; }
h1, .h1 { font-size: 22px; }
.page_content { padding-left: 0px; }
h1, .h1 { padding-left: 0px; }
h1:after, .h1:after { left: -15px; bottom: 0.07em; }
.right_column .mt-30 { margin-top: 20px; }
.right_column { margin-top: 30px; }
.collapsible_body .content_body { padding: 0px; }
.content_box.collapsible { padding: 0 0 12px; }
.collapsible_header { padding-top: 17px; }
.content_image { float: left; }
.information_page { padding-right: 0%; }
.content_body p { font-size: 14px; line-height: 1.6; margin: 0 0 1.3em; }
.check_list li { line-height: 1.6; font-size: 14px; }
.check_list li::before { top: 3px; }
.left_column, .right_column { float: left; width: 100%; }
.product_view { width: 100%; float: left; }
.wizard_radios { padding-left: 0px; }
.annex_table { margin-top: 15px; display: block; overflow: auto; }
.wizard_head { padding: 15px 0px; }
.wizard_list { margin-top: 20px; }
.extra_option { margin-top: 20px; }
.extra_option ul { padding-left: 0; }
.wizard_total { padding: 15px; margin-top: 25px; }
.wizard_total_label, .wizard_total_value { padding-top: 10px; padding-bottom: 10px; }
.wizard_total_label.large, .wizard_total_value.large { font-size: 14px; font-weight: bold; padding-bottom: 10px; }
.wizard_total_final span { padding-top: 15px; }
[type="radio"]:checked + label, [type="radio"]:not(:checked) + label { font-size: 14px; }
.annex_header .vat_label span { font-size: 14px; }
[type="radio"]:checked + label:before, [type="radio"]:not(:checked) + label:before { top: 1px; }
.format_wrapper { margin-bottom: 30px; }
.fav_tag { top: 0; }
.format_footer, .format_content { padding: 0px 0px; }
.format_content { padding-bottom: 10px; }
/*.annex_table tbody { padding: 0 0 0 135px; }*/
.wizard_recap { margin-top: 0px; }
.actualities_image { width: 117px; height: 67px; }
.subtotal_wrapper { padding-top: 20px; }
.modal-header { padding: 15px; }
.modal-body { position: relative; padding: 15px 15px 15px; }
.close { font-size: 26px; line-height: 20px; }
.modal-footer { padding: 15px; }
.selecttime_modal .modal-dialog { max-width: 552px; width: 90%; }
.selectime_list li span, .selectime_list li strong { font-size: 14px; padding: 10px; }
.selecttime_label { width: 60%; }
.billing_info { padding-bottom: 5px; margin-bottom: 20px; }
.cart_payment_method { padding-bottom: 20px; }
.cart_pm_radio { margin-bottom: 20px; }
.cart_pm_card ul li img { width: 50px; height: auto; }
.cart_pm_radio .custom_radio { display: inline-block; margin-right: 30px; }
.delivery_method_radio .custom_radio { margin-right: 12px; }
.tab_wrapper .nav-tabs li { margin-bottom: 0; width: 100%; }
.tab_wrapper .nav-tabs>li a, .tab_wrapper .nav-tabs>li.active>a, .tab_wrapper .nav-tabs>li.active>a:focus, .tab_wrapper .nav-tabs>li.active>a:hover { border-color: transparent; border-bottom: 1px solid #ddd !important; }
.mt-xs-10 { margin-top: 10px }
.form_wrapper .btn-group { padding-top: 0; }
.form_wrapper .form-group { margin-bottom: 15px; }
.form_wrapper label { font-size: 14px; padding-bottom: 3px; }
.new_user p { font-size: 14px; margin-bottom: 15px; }
.new_user { margin-top: 30px; }
.ma_title { margin-bottom: 20px; }
.another_table { padding-top: 0px; }
.mat_title { margin: 10px 0px 10px 0px; }
.myaccount_module .nav-tabs li a { font-size: 14px; }
.myaccont_btn { text-align: left; }
.myaccount_alert .alert { font-size: 14px; margin-bottom: 0px; }
.myaccount_content p { font-size: 14px; }
.detail__content h2, .detail__content h3, .detail__content h4 { padding-left: 0px; }
.detail__content h2:after, .detail__content h3:after, .detail__content h4:after { left: -20px }
.partner_avatar { margin-top: 20px; }
.partner_content { margin-top: 30px; }
.partner_form_inner { padding: 30px 20px; }
.partner_top_text p { font-size: 16px; }
.white_logo img { max-width: 100px; width: 100%; }
.partner_content-text li { margin-bottom: 10px; }
.annex_table .table>tbody>tr>td, .annex_table .table>thead>tr>th { padding: 8px 6px !important; font-size: 12px; }
.annex_table strong.th_title { font-size: 14px; }
.annex_table h5 { font-size: 14px; font-weight: bold; line-height: 1.125em; margin-bottom: 2px; letter-spacing: 0.3px; }
.th_date { padding-left: 10px; }
.annex_table td.price span { font-size: 10px; margin-top: 0px; display: block; }
.annex_table .table>thead>tr th:nth-child(1), .annex_table .table>tbody>tr td:nth-child(1) { position: sticky; left: 0; background-color: #fff !important; z-index: 1111; }
.th_date span.sm_text { font-size: 11px; white-space: nowrap; }
/* Payment section bg color setting css start 05-01-23 */
.step.step_4 .cart_pm_card ul li{width: 30%}
.cart_pm_card ul li:nth-child(4n+1){clear: inherit;}
.cart_pm_card ul li:nth-child(3n+1){clear: left;}
.step.step_4 .custom_radio.radio_withoud_image{padding: 0}
/* Payment section bg color setting css end 05-01-23 */
.nbInner{padding:30px 15px 10px;}
.normalTitle{font-size: 20px;}
.nbInner .row > div{padding-bottom: 20px;}
.wrapper_about_gradi .wrapper_body_grad,
.wrapper_about_gradi .wrapper_title_grad{padding-left: 15px;padding-right: 15px;}
.newBanner{margin-bottom: 30px;}
.wrapper_about_gradi{padding: 10px 0 30px;}
.wrapper_hero .hero__inner{
vertical-align: bottom;
text-align: center;
}
.hide_top_banner_text p, .hide_top_banner_text .h1 {
display: none;
}
}
@media only screen and (max-width:540px) {
.all_products .col-xs-6, .wrapper_banner .col-xs-6 { width: 100%; }
.wrapper_usps li { width: 100%; }
.dropdown-menu.megamenu { padding: 0px 0px; }
.dropdown-menu.megamenu h4 { display: none; }
.megamenu .col-xs-6 { width: 100%; }
.megamenu ul li a { font-size: 13px; }
.dropdown-menu.megamenu ul li { margin-bottom: 10px; }
.th_customer { position: static; }
.th_customer_dropdown { left: 0px; right: 0px; }
.main_footer ul li a { font-size: 12px; }
footer .container { padding: 0px 20px; }
.wizard_recap span:first-child, .wizard_recap strong:first-child { padding-right: 15px; }
.wizard_recap span, .wizard_recap strong { display: block; padding: 0px; vertical-align: top; }
.wizard_recap ul { display: block; width: 100%; }
.wizard_recap ul li { display: block; width: 100%; font-size: 14px; padding-bottom: 10px; border-bottom: 1px solid #d4d4d4; margin-bottom: 10px; }
h2 { font-size: 20px; padding-left: 0px; }
/*.annex_table .table>thead>tr>th, .annex_table .table>tbody>tr>td { padding: 10px !important; font-size: 14px; vertical-align: middle; }*/
.nav-tabs>li { margin-bottom: 0; width: 100%; }
.nav-tabs>li a, .nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover { border-color: transparent; border-bottom: 1px solid #ddd; }
.nav-tabs { border-bottom: none; }
.tabs .nav li a { padding: 10px 0px; }
.tabs .tab-content { padding-top: 20px; }
.col-xs-4.format_wrapper { width: 50%; }
.product_view .slider-nav-thumbnails .slick-track .slick-slide { max-width: 50px !important; }
.product_detail { padding-top: 0px !important; }
.tabs .nav li a { font-size: 15px; }
.cart_right .cart_btns a { margin-bottom: 5px; }
.cart_delivery_type { margin-top: 10px; }
.cart_pm_radio .custom_radio { display: inline-block; margin-right: 20px; }
.cart_pm_card ul li { margin-right: 5px; margin-bottom: 5px; }
.ma_title .pull-right { width: 100%; margin-top: 10px; }
/* Payment section bg color setting css start 05-01-23 */
.step.step_4 .cart_pm_card ul li{width: 47%}
.cart_pm_card ul li:nth-child(3n+1){clear: inherit}
/* Payment section bg color setting css end 05-01-23 */
}
@media only screen and (max-width:374px) {
.footer_logos li { margin: 4px; max-width: 18%; height: auto; }
.payment_method_list>li { padding-right: 7px; }
.cart_img_thumb { height: 65px; width: 65px; }
.cart_img { width: 65px; }
.delivery_method_radio .custom_radio { margin-right: 15px; margin-bottom: 10px; }
}
/*Custom CSS
===================================*/
.ma_order_details .delivery_status.three_btns { min-width: 112px; text-align: left !important; }
.ma_order_details .delivery_status.three_btns .btn__sm:last-child { margin-top: 5px; }
.loader { position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 9999; background: url(../images/pageLoader.gif) 50% 50% no-repeat rgb(249, 249, 249); opacity: .8; }
.cart__icon .badge { background-color: #e6007d; color: #fff; border-radius: 20px; line-height: 18px; min-width: 18px; text-align: center; padding-left: 5px; padding-right: 5px; font-size: 11px; font-weight: 500; position: absolute; left: 9px; bottom: 25px; text-indent: 1px; padding: 0px !important; }
.cart_steps.table-responsive { border: none; margin: 0px !important; }
.bootbox-confirm .bootbox-body { font-size: 16px; color: #333; width: 100%; padding-right: 40px; line-height: 1.6; }
.bootbox-confirm .modal-body { padding: 20px 30px; }
.bootbox-confirm .close { margin: 0px !important; line-height: 22px; }
span.a_disc_div { width: 100%; display: inline-block; margin-top: 10px; position: relative; padding-right: 35px; font-weight: normal; }
span.a_disc_div a {background: #d4d4d4;line-height: 21px;text-align: center;vertical-align: middle;color: red;font-size: 12px;margin-left: 15px;padding: 5px;border-radius: 10px;}
span.a_disc_div a:hover{transition: 0.7s;box-shadow: 0px 0px 2px 2px rgb(0,0,0);}
.select_delivery_type .checkbox a img { width: 16px; display: inline-block; vertical-align: middle; margin-top: -4px; }
/* Select2 style */
.select2-container--default .select2-selection--single { background-color: #fff !important; border: 1px solid #a7a9ac !important; border-radius: 2px !important; height: 40px !important; }
.select2-container--default .select2-selection--single .select2-selection__rendered { color: #181b37 !important; line-height: 40px !important; font-size: 14px !important; font-weight: normal !important; padding-left: 15px !important; padding-right: 25px !important; }
.select2-container--default .select2-selection--single .select2-selection__arrow { height: 38px !important; position: absolute !important; top: 1px !important; right: 1px !important; width: 20px !important; }
.select2-container--default .select2-selection--single .select2-selection__arrow b { border-color: #000 transparent transparent transparent !important; border-style: solid !important; border-width: 6px 5px 0 5px !important; height: 0 !important; left: 50% !important; margin-left: -5px !important; margin-top: -2px !important; position: absolute !important; top: 50% !important; width: 0 !important; }
.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b { border-color: transparent transparent #000 transparent !important; border-width: 0 5px 6px 5px !important; }
.select2-results__option { font-weight: normal !important; }
/* Delivery option text */
span.timeFrameText { width: 100%; display: block; margin-top: 4px; font-weight: bold; }
.trashAddress { display: inline-block; vertical-align: middle; background-color: #ebebeb; height: 32px; width: 32px; text-align: center; border-radius: 2px; color: #777; font-size: 18px; line-height: 34px; margin: 0px 2px; }
.trashAddress:hover, .trashAddress:focus { background-color: #00a1e1; color: #fff; }
li.image_radio_selection label img { border: 2px solid transparent; }
li.image_radio_selection.active label img, li.image_radio_selection label:hover img { border: 2px solid #00a1e1; }
/*Media query*/
@media screen and (max-width:900px) and (min-width:768px) {
.ma_order_details .delivery_status.three_btns { text-align: right !important; }
}
@media screen and (max-width:640px) and (min-width:100px) {
.ma_order_details .delivery_status.three_btns { text-align: right !important; }
}
@media screen and (max-width:460px) {
.ma_order_details .delivery_status.three_btns { max-width: 112px; text-align: left !important; float: right; }
}
.arrowDown:after{
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
margin-left: 5px;
}
.sbBox .h1{margin-top:40px}
.sbBox{text-align: center;margin-bottom: 60px;}
.sbBox .h1:after{display: none;}
.sbBox .h1{letter-spacing: -1.5px;padding-left: 0;margin-bottom:15px;}
.sbBox .h1 span{color:#27a1de}
.sbImage img{max-width: 70px;height: auto;}
.sbImage{margin:10px 0 18px;}
.sbBox p{color:#000;font-weight: 500;margin-bottom:15px;max-width: 40%;margin-left:auto;margin-right: auto;}
.sbBox .btn:after{display: none;}
.sbBox .btnround{font-size: 14px;border-radius: 16px;text-transform: none;font-family: 'Helvetica Neue LT Std';padding: 0 32px !important;line-height: normal;display: inline-flex;align-items: center;height: 27px;}
.navbar-nav > li.dropdown:first-child .megamenu{/* max-height: 350px; */ max-height: calc(100vh - 190px); overflow-y: auto;overflow-x: hidden;}
.foot_trust_pilot_custom{ margin: -2rem 0 5rem; float: left; width: 100%; }
.trustLi iframe{max-width: 100%;}