html { overflow-x: hidden; }
body { color: #373737; font-size: 18px; font-weight: 400; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-family: 'Volte-Regular'; line-height: 1.667; overflow-x: hidden; }
* { border: none; margin: 0; outline: none !important; padding: 0; vertical-align: baseline; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box }
@font-face { font-family: 'Volte-Bold'; src: url('../fonts/Volte-Bold.woff2') format('woff2'), url('../fonts/Volte-Bold.woff') format('woff'); font-weight: normal; font-style: normal; font-display: swap; }
@font-face { font-family: 'Volte-BoldItalic'; src: url('../fonts/Volte-BoldItalic.woff2') format('woff2'), url('../fonts/Volte-BoldItalic.woff') format('woff'); font-weight: normal; font-style: normal; font-display: swap; }
@font-face { font-family: 'Volte-MediumItalic'; src: url('../fonts/Volte-MediumItalic.woff2') format('woff2'), url('../fonts/Volte-MediumItalic.woff') format('woff'); font-weight: normal; font-style: normal; font-display: swap; }
@font-face { font-family: 'Volte-Medium'; src: url('../fonts/Volte-Medium.woff2') format('woff2'), url('../fonts/Volte-Medium.woff') format('woff'); font-weight: normal; font-style: normal; font-display: swap; }
@font-face { font-family: 'Volte-Regular'; src: url('../fonts/Volte-Regular.woff2') format('woff2'), url('../fonts/Volte-Regular.woff') format('woff'); font-weight: normal; font-style: normal; font-display: swap; }
@font-face { font-family: 'Volte-Semibold'; src: url('../fonts/Volte-Semibold.woff2') format('woff2'), url('../fonts/Volte-Semibold.woff') format('woff'); font-weight: normal; font-style: normal; font-display: swap; }
.m-font { font-family: 'Volte-Medium'; }
:after, :before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box }
label { display: block; font-size: 18px; margin: 0 0 5px; font-weight: 400; }
label.auto { display: inline-block; margin: 5px 40px 5px 0 }
label.auto:last-child { margin-right: 0 }
ul, ol { list-style: none }
a { color: #0278bf; text-decoration: none }
a:hover, a:focus { color: #373737; text-decoration: none }
img { display: block; height: auto; max-width: 100%; user-drag: none; user-select: none; -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; }
h1, h2, h3, h4, h5, h6 { font-family: 'Volte-Medium'; font-weight: 500; color: #373737; line-height: 1.2; margin: 20px 0 8px; }
h1, h2 { font-size: 30px; }
h3 { font-size: 24px; color: #0278bf }
h4 { font-size: 22px; }
h5 { font-size: 20px; }
h6 { font-size: 18px; }
h1:first-child, h2:first-child, h3:first-child, h4:first-child, h5:first-child, h6:first-child { margin-top: 0 }
b, strong { font-family: 'Volte-Semibold'; font-weight: 600 }
.aligncenter { display: block; margin: 5px auto; }
.alignright { float: right; margin: 5px 0 15px 30px; }
.alignleft { float: left; margin: 5px 30px 15px 0; }
.alignnone { margin: 10px 0 }
.alignblock { margin: 10px 0; float: none; width: 100%; display: block }
.alignright.shadow { box-shadow: -25px 25px 40px rgba(0, 0, 0, 0.16); margin-left: 105px; margin-bottom: 40px }
p.pn { padding: 0; margin: 0 }
p.pn+h1, p.pn+h2 { margin-top: 0 }
p { margin: 0 0 22px; }
.alignright:not(img), .alignleft:not(img) { background: #000; position: relative; margin: 0 0 15px 48px }
.alignleft:not(img) { margin: 0 48px 15px 0 }
 .alignright:not(img) img,, .alignleft:not(img) img {
 margin: 0;
 max-width: 100%
}
.alignright:not(img) .icon, .alignleft:not(img) .icon { background: #01477f; position: absolute; bottom: 0; left: -45px; width: 84px; padding-top: 84px; }
.alignleft:not(img) .icon { left: auto; right: -20px }
.alignright:not(img) .icon img, .alignleft:not(img) .icon img { position: absolute; bottom: 0; left: 0; right: 0; top: 0; margin: auto !important; max-width: 80%; max-height: 80% width: auto !important;
-webkit-backface-visibility: hidden; backface-visibility: hidden; }
.justify p { text-align: justify; }
p+ul, p+ol { margin-top: -6px }
ul { margin: 0 0 22px }
ul.em { font-style: italic }
ul li { position: relative; padding: 0 0 10px 22px; overflow: hidden; line-height: 1.5 }
ul li:before { content: "\f105"; font-family: "Font Awesome 5 Pro"; font-weight: 900; font-size: 14px; color: #0278bf; display: inline-block; line-height: 1; position: absolute; left: 2px; top: 0.33333em }
ul.blue li:before { color: #1e73be }
ul.col-2 li { display: inline-block; width: 49.3333%; vertical-align: top }
ul.dot li { padding-left: 20px; line-height: 1.667; }
ul.dot li:before { background: #0278bf; content: ""; padding: 3px; top: 9px; }
ul.ext-s { margin-top: 28px }
ul.ext-s li { padding-bottom: 30px; }
ul.ext-s li:last-child { padding-bottom: 0; }
ol { padding-left: 26px; margin: 0 0 22px; text-align: left; overflow: hidden }
ol li { list-style: decimal; padding-bottom: 10px; padding-left: 0; line-height: 1.5 }
ol li ul>li { padding-left: 20px; list-style: none }
ol li ul>li:before { display: block; left: 1px }
ul ol li { overflow: visible }
ul ol li:before { display: none; overflow: visible }
ol ol li { list-style: lower-alpha }
ol ol ol li { list-style: lower-roman }
ol ol, ol ul, ul ol, ul ul { margin-top: 12px; margin-bottom: 5px }
ul li:last-child, ol li:last-child { padding-bottom: 0 }
.text-center ul { text-align: left; display: table; margin-left: auto; margin-right: auto }
.list-none li { padding-left: 0 }
.list-none li:before { display: none; }
p:last-child, ol:last-child, ul:last-child, ol ul:last-child, h1:last-child, h2:last-child, h3:last-child, h4:last-child, h5:last-child, h6:last-child { margin-bottom: 0 }
.list-2-col { overflow: hidden }
.list-2-co li { float: left; width: 50%; padding-right: 5px; }
.list-2-co li:nth-child(odd) { clear: left }
.table-responsive { border: none; margin: 20px 0; overflow: auto; }
table { width: 100%; border-spacing: 0; border-collapse: collapse }
table tr td, table tr th { font-size: 16px; padding: 14px 15px; vertical-align: top; text-align: left; background: #fff; line-height: 18px; }
table strong { font-family: 'Volte-Medium'; font-weight: normal }
table tr th { font-size: 18px; font-weight: normal; }
th[align="center"], td[align="center"] { text-align: center !important }
th[align="right"], td[align="right"] { text-align: right !important }
table thead tr td, table thead tr th { background-color: #cce3c6 }
table tbody tr:nth-child(even) th, table tbody tr:nth-child(even) td { background-color: #f5f6fa }
table img { display: inline-block; }
.table-responsive+.table-responsive, table+table { margin-top: 30px }
.n-wrap { white-space: nowrap }
.l-space td, .l-space th { padding-left: 5px; padding-right: 5px }
.l-space th:first-child, .l-space td:first-child { padding-left: 15px }
.l-space th:last-child, .l-space td:last-child { padding-right: 15px }
 .table-responsive::-webkit-scrollbar {
 width: 5px;
 height: 4px;
}
 .table-responsive::-webkit-scrollbar-track {
 background: #f5f5f5;
 border-radius: 8px;
}
 .table-responsive::-webkit-scrollbar-thumb {
 background: #cccccc;
 border-radius: 8px;
}
 .table-responsive::-webkit-scrollbar-thumb:hover {
 background: #cccccc
}
tr[bgcolor] td, tr[bgcolor] th { background-color: transparent !important }
.common-content { padding: 50px 0; }
.text-center { text-align: center }
.two-aside { margin: -15px; clear: both; overflow: hidden }
.two-aside .big-col { float: left; width: 75%; padding: 15px }
.two-aside .aside { float: left; width: 25%; padding: 15px }
.flex { display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }
.flex-middle { display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: flex; align-items: center; }
.flex-wrap { display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: flex; flex-wrap: wrap; }
.flex-wrap-middle { display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: flex; flex-wrap: wrap; align-items: center; }
.justify-center { justify-content: center; }
h1+.pn img, h2+.pn img { margin-top: -52px }
a[href^="tel:"], a[href^="mailto:"] { display: inline-block; word-break: break-word; }
.container { padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; max-width: 1210px }
.container-fluid { padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto }
.row { margin-right: -15px; margin-left: -15px }
.row:before, .row:after { content: ""; clear: both; display: table }
.col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 { position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px }
.col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 { float: left }
.col-xs-12 { width: 100% }
.col-xs-11 { width: 91.66666667% }
.col-xs-10 { width: 83.33333333% }
.col-xs-9 { width: 75% }
.col-xs-8 { width: 66.66666667% }
.col-xs-7 { width: 58.33333333% }
.col-xs-6 { width: 50% }
.col-xs-5 { width: 41.66666667% }
.col-xs-4 { width: 33.33333333% }
.col-xs-3 { width: 25% }
.col-xs-2 { width: 16.66666667% }
.col-xs-1 { width: 8.33333333% }

@media (min-width:768px) {
.col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9 { float: left }
.col-sm-12 { width: 100% }
.col-sm-11 { width: 91.66666667% }
.col-sm-10 { width: 83.33333333% }
.col-sm-9 { width: 75% }
.col-sm-8 { width: 66.66666667% }
.col-sm-7 { width: 58.33333333% }
.col-sm-6 { width: 50% }
.col-sm-5 { width: 41.66666667% }
.col-sm-4 { width: 33.33333333% }
.col-sm-3 { width: 25% }
.col-sm-2 { width: 16.66666667% }
.col-sm-1 { width: 8.33333333% }
}

@media (min-width:992px) {
.small-trigger+* { display: block !important; height: auto !important; opacity: 1.0 !important }
.col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9 { float: left }
.col-md-12 { width: 100% }
.col-md-11 { width: 91.66666667% }
.col-md-10 { width: 83.33333333% }
.col-md-9 { width: 75% }
.col-md-8 { width: 66.66666667% }
.col-md-7 { width: 58.33333333% }
.col-md-6 { width: 50% }
.col-md-5 { width: 41.66666667% }
.col-md-4 { width: 33.33333333% }
.col-md-3 { width: 25% }
.col-md-2 { width: 16.66666667% }
.col-md-1 { width: 8.33333333% }
}
/******Fonts Include******/



@font-face { font-family: "flaticon"; src: url("../fonts/flaticon.ttf?d553484bea52423c9d948c39d9e92132") format("truetype"), url("../fonts/flaticon.woff?d553484bea52423c9d948c39d9e92132") format("woff"), url("../fonts/flaticon.woff2?d553484bea52423c9d948c39d9e92132") format("woff2"), url("../fonts/flaticon.eot?d553484bea52423c9d948c39d9e92132#iefix") format("embedded-opentype"), url("../fonts/flaticon.svg?d553484bea52423c9d948c39d9e92132#flaticon") format("svg"); }
i[class^="flaticon-"]:before, i[class*=" flaticon-"]:before { font-family: flaticon !important; font-style: normal; font-weight: normal !important; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.flaticon-facebook:before { content: "\f101"; }
.flaticon-whatsapp:before { content: "\f102"; }
.flaticon-instagram:before { content: "\f103"; }
.flaticon-linkedin:before { content: "\f104"; }
.flaticon-pinterest:before { content: "\f105"; }
.flaticon-twitter:before { content: "\f106"; }
.flaticon-youtube:before { content: "\f107"; }
.flaticon-rss:before { content: "\f108"; }
.flaticon-tumblr:before { content: "\f109"; }
.flaticon-placeholder:before { content: "\f10a"; }
.flaticon-clock:before { content: "\f10b"; }
.flaticon-telephone:before { content: "\f10c"; }
.flaticon-user:before { content: "\f10d"; }
.flaticon-mail:before { content: "\f10e"; }
.flaticon-email:before { content: "\f10f"; }
.flaticon-phone-call:before { content: "\f110"; }
.flaticon-calendar:before { content: "\f111"; }
.flaticon-calendar-1:before { content: "\f112"; }
.flaticon-pin:before { content: "\f113"; }
.flaticon-time:before { content: "\f114"; }
.flaticon-user-1:before { content: "\f115"; }
/******Input******/



input[type="text"], input[type="email"], input[type="password"], input[type="search"], input[type="tel"], input[type="file"], input[type="url"], input[type="number"], input[type="date"], select, textarea, .form-control { font-family: 'Volte-Regular'; background-color: #ffffff; border: 1px solid #bfbfbf; border-radius: 0 !important; color: #373737; display: block; font-size: 16px; font-weight: 400; line-height: 20px !important; padding: 13px 20px; position: relative; width: 100%; height: 48px; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; -moz-appearance: none; -webkit-appearance: none; transition: all 0.3s linear 0s; -moz-transition: all 0.3s linear 0s; -webkit-transition: all 0.3s linear 0s; -ms-transition: all 0.3s linear 0s; -o-transition: all 0.3s linear 0s; }
input[type="text"]:focus, input[type="email"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="number"]:focus, input[type="date"]:focus, select:focus, textarea:focus, input[type="url"]:focus, .form-control:focus { border-color: #373737; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; }
textarea, textarea.form-control { height: 150px; resize: none; font-size: 15px; font-family: 'Volte-Regular'; }
select { -moz-appearance: menulist-button; -webkit-appearance: menulist-button; }
select option { font-size: 16px; }
.input-group-btn:last-child>.btn:hover, .input-group-btn:last-child>.btn-group:hover { color: #787878 }
input[type="checkbox"], input[type="radio"] { display: inline-block; margin-right: 5px; vertical-align: top; }

::-webkit-input-placeholder {
 color: #373737;
 opacity: 1.0;
}
::-moz-placeholder {
 color: #373737;
 opacity: 1.0;
}
:-ms-input-placeholder {
 color: #373737;
 opacity: 1.0;
}
:-moz-placeholder {
 color: #373737;
 opacity: 1.0;
}

/******Browser Compatibility******/



input::-moz-focus-inner, button::-moz-focus-inner {
 padding: 0;
 border: 0;
}
input[type="button"], input[type="submit"], input[type="reset"] { -moz-appearance: none; -webkit-appearance: none; }
 input[type=number]::-webkit-outer-spin-button, input[type=number]::-webkit-inner-spin-button {
 -webkit-appearance: none;
}
input[type=number] { -moz-appearance: textfield !important; }
.form-group { margin: 0 }
.form-inline .form-control { display: block; width: 100%; }
/******Input Ends******/





/******Transition******/



a, input[type="button"], input[type="submit"], input[type="reset"], :after, :before, .owl-nav *, .owl-dots *, header, header .logo img, header .logo, .services-box *, .product-box * { -moz-transition: all 0.3s linear 0s; -webkit-transition: all 0.3s linear 0s; -ms-transition: all 0.3s linear 0s; -o-transition: all 0.3s linear 0s; transition: all 0.3s linear 0s; }
/******Hundred%******/



.hundred, section, header, footer { float: left; width: 100%; position: relative; }
.btn { display: inline-block; font-family: 'Volte-Medium'; position: relative; border: 1px solid #e9769d; border-radius: 3px; font-size: 18px; color: #ffffff; font-style: normal; font-weight: 500; line-height: 22px; padding: 13px 30px 11px; text-transform: uppercase; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); text-decoration: none !important; white-space: normal; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); overflow: hidden; background-color: #e9769d; box-shadow: none; cursor: pointer; text-align: center; letter-spacing: 1px }
.btn-secondary { color: #e9769d; border-color: #e9769d; background-color: transparent; }
.btn.focus, .btn:focus, .btn:hover, .btn-secondary:hover, .btn-secondary:hover:focus { color: #fff; border-color: #0278bf; background-color: #0278bf; }
.btn-secondary:hover:after, .btn-secondary:focus:after { background: url(../img/arrow.png) center center no-repeat; }
.sm-btn { padding: 9px 14px; font-size: 12px; line-height: 18px }
.btn-row .btn { margin: 10px 15px 0 0 }
.btn-row .btn:last-child { margin-right: 0 }
.btn.has-arrow:after { content: "\f105"; display: inline-block; vertical-align: baseline; font-family: "Font Awesome 5 Pro"; font-weight: 300; border: 1px solid #ffffff; width: 25px; height: 25px; border-radius: 25px; text-align: center; margin-left: 10px; margin-bottom: -3px; }

@media (min-width:992px) {
a[href^="tel:"] { pointer-events: none; text-decoration: none !important }
}
.sm-width { max-width: 814px; margin-left: auto; margin-right: auto; }
.md-width { max-width: 1108px; margin-left: auto; margin-right: auto; }
/******Form Style******/



.form-max-width { max-width: 600px }
.form-field { text-align: left }
.form-field .row, .row.form-field { position: relative; margin-left: -15px; margin-right: -15px; }
.form-field .row .row, .row.form-field .row { margin-left: -10px; margin-right: -10px; margin-top: -22px; }
.form-field [class^="col-"], .form-field [class*="col-"] { padding-right: 15px; padding-left: 15px; padding-top: 22px; }
.form-field [class^="col-"] [class^="col-"], .form-field [class*="col-"] [class*="col-"] { padding-left: 10px; padding-right: 10px; }
.form-field p { padding: 10px 0 0 0; margin: 0 }
.form-field [class^="col-"] p, .form-field [class*="col-"] p { position: relative; padding: 0; margin: 0 }
.form-field i { position: absolute; font-size: 18px; right: 1px; color: #6f6f6f; top: 50%; z-index: 2; background: #fff; width: 40px; text-align: left; border-radius: 0; -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); }
.form-field i.fa-globe-asia { font-weight: normal }
.form-icon { position: relative }
.form-field i+input, .form-field i+textarea { padding-right: 40px }
.form-field .btn { min-width: 170px; margin-top: 15px }
.form-field .btn i { display: inline-block; padding: 0; background: none; position: static; font-size: 100%; color: #fff; font-weight: normal; margin: 0 5px; vertical-align: baseline; }
.block { width: 100% }
.form-field input[type="reset"] { color: #1a4450; border-color: transparent; padding: 0; min-width: 80px; background: none !important; box-shadow: none !important }
.form-field input[type="reset"]:hover { color: #1b459b; background-color: transparent; }
.sm-field textarea { height: 90px }
.sm-field .selectric .label { height: 38px; line-height: 38px; font-size: 13px; }
.sm-field .selectric-items li { font-size: 13px !important }
.label-right label { text-align: right; margin-top: 8px; }
.has-radio, .has-checkbox { padding-top: 10px; padding-bottom: 10px }
.has-radio label, .has-checkbox label { margin-top: 0; margin-bottom: 0 }
div.wpcf7 .ajax-loader { position: absolute; top: 50% }
div.wpcf7-response-output { margin: 1em 0 !important; clear: both; display: inline-block; width: 100% }
span.wpcf7-not-valid-tip { font-size: 0.8em; }
.form-field .has-label label { text-transform: uppercase }
/******Custom Select******/



.selectric-wrapper { position: relative; cursor: pointer; }
.selectric-responsive { width: 100%; }
.selectric-open { z-index: 99; }
.selectric-open .selectric-items { display: block; }
.selectric-disabled { filter: alpha(opacity=50); opacity: 0.5; cursor: default; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.selectric-hide-select { position: relative; overflow: hidden; width: 0; height: 0; }
.selectric-hide-select select { position: absolute; left: -100%; height: 0; width: 0; }
.selectric-hide-select.selectric-is-native { position: absolute; width: 100%; height: 100%; z-index: 10; }
.selectric-hide-select.selectric-is-native select { position: absolute; top: 0; left: 0; right: 0; height: 100%; width: 100%; border: none; z-index: 1; box-sizing: border-box; opacity: 0; }
.selectric-input { position: absolute !important; top: 0 !important; left: 0 !important; overflow: hidden !important; clip: rect(0, 0, 0, 0) !important; margin: 0 !important; padding: 0 !important; width: 1px !important; height: 1px !important; outline: none !important; border: none !important; *font: 0/0 a !important;
background: none !important; }
.selectric-temp-show { position: absolute !important; visibility: hidden !important; display: block !important; }
/***Front label***/



.selectric { border: 1px solid #bfbfbf; background-color: #ffffff; position: relative; border-radius: 0; }
.selectric .label { display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin: 0 40px 0 20px; font-size: 16px; font-weight: 400; line-height: 46px; color: #373737; height: 46px; padding: 0; text-align: left }
.selectric .button { display: block; position: absolute; right: 0px; top: 0; bottom: 0; margin: auto; width: 40px; height: 30px; color: #909090; font-size: 0; text-align: center; }
.selectric .button:after { content: ""; width: 0; height: 0; border: solid #373737; border-width: 0 1px 1px 0; display: inline-block; padding: 3px; transform: rotate(45deg); -webkit-transform: rotate(45deg); position: absolute; top: -5px; right: 0; bottom: 0; left: 0; margin: auto; color: #909090; line-height: 30px; font-weight: normal }
/***Front label End***/





/****Select Drop Down***/



.selectric-items { display: none; position: absolute; top: 100%; left: 0; border: 1px solid #e3e1e1; z-index: -1; margin: 0; }
.selectric-items .selectric-scroll { height: 100%; overflow: auto; }
.selectric-above .selectric-items { top: auto; bottom: 100%; }
.selectric-items ul { padding: 0 !important; background: #fff; margin: 0 !important }
.selectric-items li { font-size: 16px !important; min-height: 20px; margin-bottom: 1px; display: block; padding: 6px 15px !important; color: #373737 !important; line-height: normal !important; font-weight: normal !important; }
.selectric-items li:last-child { margin-bottom: 0 }
.selectric-items li:before, .selectric-items li:after { display: none !important }
.selectric-focus .selectric, .selectric-hover .selectric, .selectric-open .selectric { border-color: #373737 !important; }
.selectric-items li.selected, .selectric-items li.highlighted, .selectric-items li:hover { background-color: #0091ec; color: #fff !important }
.selectric-items .disabled { filter: alpha(opacity=50); opacity: 0.5; cursor: default !important; background: none !important; color: #666 !important; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.selectric-items .selectric-group .selectric-group-label { font-weight: normal; padding-left: 10px; cursor: default; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background: none; color: #373737; }
.selectric-items .selectric-group.disabled li { filter: alpha(opacity=100); opacity: 1; }
.selectric-items .selectric-group li.selectric-group-label { padding-left: 12px !important; }
.selectric-items .selectric-group li { padding-left: 25px !important; }
/*****Custom Checkbox & Radio *****/



.csHiddenFile { width: 1px; height: 0; visibility: hidden; display: none; }
.csOpaque { opacity: 0; filter: alpha(opacity=0); }
.csFileInput { display: none !important; }
/**Checkbox**/



.csRadio input[type=radio], .csCheckbox input[type=checkbox] { position: absolute; color: white; width: 20px; height: 20px; cursor: pointer; left: 0; top: 0; bottom: 0; right: 0; z-index: 2; margin: 0; }
.csCheckboxElem { border-radius: 0 }
.csRadio, .csCheckbox { display: inline-block; position: relative; margin: 0 6px 0 0; vertical-align: text-top; height: 20px; width: 20px; }
.radio .csRadio, .checkbox .csCheckbox { margin-left: -14px }
.csRadioElem { border-radius: 20px; }
.csRadioElem, .csCheckboxElem { display: inline-block; background: #fff; height: 20px; width: 20px; cursor: pointer; position: absolute; top: 0; left: 0; border: 1px solid #bfbfbf }
.csCheckedR:after { content: ""; background: #0278bf; padding: 5px; border-radius: 10px; width: 10px; line-height: 10px; position: absolute; left: 50%; top: 50%; -moz-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%) }
.csChecked:after { content: "\f00c"; font-size: 12px; font-family: Font Awesome\ 5 Pro; font-weight: bold; color: #0278bf; position: absolute; left: 50%; top: 50%; -moz-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%) }
/******Form Style End******/





/******Spiner******/



.fa-spinner:before, .lazy-image:before, #on-load:before, .flexslider:before { border: 0.05rem solid rgba(0, 0, 0, 0.25); border-top-color: #000; border-bottom-color: #000; border-radius: 50%; content: ""; left: 50%; top: 50%; margin: -12px 0 0 -12px; position: absolute; width: 24px; height: 24px; animation: fa-spinners .9s infinite linear; -o-animation: fa-spinners .9s infinite linear; -ms-animation: fa-spinners .9s infinite linear; -webkit-animation: fa-spinners .9s infinite linear; -moz-animation: fa-spinners .9s infinite linear; }
 @keyframes fa-spinners {
0% {
 transform: rotateZ(0)
}
 100% {
 transform: rotateZ(360deg)
}
}
 @-webkit-keyframes fa-spinners {
0% {
 -webkit-transform: rotateZ(0)
}
 100% {
 -webkit-transform: rotateZ(360deg)
}
}
/******Spiner End******/













header+div, header+section { margin-top: 169px !important }
header { position: fixed; background-color: #ffffff; top: 0; left: 0; right: 0; padding: 0; z-index: 999; transition: all 0.3s linear 0s; -moz-transition: all 0.3s linear 0s; -webkit-transition: all 0.3s linear 0s; -ms-transition: all 0.3s linear 0s; -o-transition: all 0.3s linear 0s; }
header .container { clear: both; position: relative; }
.head-top { float: left; width: 100%; padding: 5px 0; background: rgb(206, 227, 195); background: -moz-linear-gradient(left, rgba(206, 227, 195, 1) 53%, rgba(149, 199, 226, 1) 100%); background: -webkit-linear-gradient(left, rgba(206, 227, 195, 1) 53%, rgba(149, 199, 226, 1) 100%); background: linear-gradient(to right, rgba(206, 227, 195, 1) 53%, rgba(149, 199, 226, 1) 100%); filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#cee3c3', endColorstr='#95c7e2', GradientType=1);
}
.head-top p { float: left; font-size: 13px; text-transform: uppercase; color: #e8eaee; margin: 5px 0 0; line-height: 1.4 }
.head-top ul { float: right; margin: 0 }
.head-top ul li { position: inherit; float: left; margin-right: 20px; font-size: 13px; padding: 3px 0 0; color: #fff; text-transform: uppercase; overflow: visible }
.head-top ul li:before { display: none }
.head-top ul li a { display: block; color: #0f0f0f }
.head-top ul li:hover, .head-top ul li:hover a, .head-top ul li:hover i { color: #e9769d }
.head-top ul li i { font-weight: 900; margin-right: 5px; color: #0278bf }
.head-top ul li:last-child { margin-right: 0; padding-top: 0 }
.head-row { display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: flex; justify-content: space-between; align-items: center; padding: 15px 0; }
.head-left { float: left; width: 194px; min-width: 194px }
.top-right { float: right; width: 100% }
.top-right ul { display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: flex; align-items: center; float: right; font-size: 17px; font-family: 'Volte-Medium'; font-weight: 500; }
.top-right ul li { float: left; margin-right: 30px; padding: 0; color: #000000; overflow: visible }
.top-right ul li i { font-weight: 300; margin-right: 8px; font-size: 25px; color: #0278bf; display: inline-block; vertical-align: -4px; }
.top-right ul li:before { display: none }
.top-right ul li a { display: block; color: #000000 }
.top-right ul li:last-child { margin-right: 0 }
.top-right ul li a:hover { color: #0278bf }
header .logo { float: left; z-index: 999; }
header .logo a { display: block; margin: 0; position: relative; }
header .logo img { display: block; margin: 0; }
header .cart-btn .count { display: inline-block; font-weight: normal; font-size: 10px; background: #fdc331; color: #fff; border-radius: 100%; min-width: 15px; line-height: 15px; text-align: center; top: -8px; left: -7px; position: relative; }
.search-triger { display: none; cursor: pointer }
.search-field { display: block; float: right; position: relative; top: 100%; right: 15px; width: 490px; margin-right: 30px }
.search-field input:not([type="submit"]) { border-color: #ededed; background-color: #f7f7f7; color: #a4a4a4; padding-left: 20px; padding-right: 65px; height: 50px; cursor: pointer }
.search-field input:not([type="submit"]):focus { border-color: #0278bf }
.search-field input[type="submit"] { position: absolute; top: 5px; right: 5px; height: 40px; background: #0278bf url(../img/search.png) center center no-repeat; width: 55px; padding: 0; margin: 0; font-size: 0; cursor: pointer }
.search-field input[type="submit"]:hover { background-color: #373737 }
 .search-field ::-webkit-input-placeholder {
 color: #a4a4a4;
 font-weight: 400;
}
 .search-field ::-moz-placeholder {
 color: #a4a4a4;
 font-weight: 400;
}
 .search-field :-ms-input-placeholder {
 color: #a4a4a4;
 font-weight: 400;
}
 .search-field :-moz-placeholder {
 color: #a4a4a4;
 font-weight: 400;
}
.search-triger.active i:before { content: "\f00d"; }
.country-wrap { position: relative; float: left; width: 100%; clear: both; }
.country-wrap .selectric { background: #ffffff; border: #ffffff }
.country-wrap .selectric .label { font-size: 0 !important; position: relative; font-size: 15px; width: 55px; margin: 0 !important; padding: 0 40px 0 6px; border-color: transparent; background-color: transparent; color: #373737; font-weight: bold; line-height: 26px; height: 26px; }
.country-wrap .selectric-items { width: 90px !important }
.country-wrap select { height: 24px; width: 60px; }
.country-wrap ul li { background-image: none !important }
.country-wrap .selectric-items li { position: relative; font-size: 13px!important; padding: 6px 6px 6px 40px !important; width: 100%; margin: 0; }
.country-wrap .cur { position: absolute; left: 6px; top: 46%; -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); padding: 12px; background-size: 24px !important }
.country-wrap .cur-CAD { background: url(../img/cad.png)0 0 no-repeat; }
.country-wrap .cur-USD { background: url(../img/usa.png)0 0 no-repeat; }
.country-wrap .selectric .button { right: 0; width: 20px; }
.country-wrap .selectric .button:after { content: "\f107"; border: none; font-family: "Font Awesome 5 Pro"; font-weight: 400; font-size: 14px; color: #0f0f0f; line-height: 1px; width: 20px; text-align: center; transform: none; padding: 0; top: 0; }
.country-wrap .selectric-items .selectric-scroll { background: #fff }
.woocs_auto_switcher { display: none !important }
.head-fix header { box-shadow: 0 0 5px rgba(0, 0, 0, 0.3) }
.country-wrap .dd-select { padding: 0!important; font-size: 0!important; position: absolute!important; top: 0!important; opacity: 0!important; }
.country-wrap .selectric-hide-select { overflow: visible }
.country-wrap ul.dd-options { position: absolute !important; top: 100% !important; right: -1px; width: 100px !important; height: auto !important; }
.country-wrap .dd-container { position: static !important }
.country-wrap ul.dd-options li { font-size: 13px !important; margin: 0 !important; padding: 0 !important; float: left; width: 100%; position: static !important; }
.country-wrap ul.dd-options li a { padding: 5px; color: #373737 !important; }
.country-wrap ul.dd-options li .dd-image-right { float: left; margin-right: 5px; margin-left: 5px; width: 22px; }
.country-wrap ul.dd-options li label { font-size: 15px; margin: 0 }
.country-wrap ul.dd-options .dd-desc { display: none }
/*****nav starts*****/



.nav-trigger { display: none }
.nav-wrap { position: relative; float: left; width: 100%; margin: 0; background: rgb(3, 123, 196); background: -moz-linear-gradient(left, rgba(3, 123, 196, 1) 0%, rgba(231, 117, 156, 1) 100%); background: -webkit-linear-gradient(left, rgba(3, 123, 196, 1) 0%, rgba(231, 117, 156, 1) 100%); background: linear-gradient(to right, rgba(3, 123, 196, 1) 0%, rgba(231, 117, 156, 1) 100%); filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#037bc4', endColorstr='#e7759c', GradientType=1);
z-index: 99; }
.nav_trigger, nav #menu-button { display: none }
.nav-wrap nav, .nav-wrap nav ul, .nav-wrap nav ul li, .nav-wrap nav ul li a, .nav-wrap nav #menu-button { margin: 0; padding: 0; border: 0; list-style: none; display: block; position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; z-index: 99 }
.nav-wrap nav #menu-button, .nav-wrap nav ul li:before { display: none; }
.nav-wrap nav { float: none; position: static; padding: 0; display: table; margin: 0 auto; }
.nav-wrap nav ul.nav { float: right; margin: 0 }
.nav-wrap nav ul.nav>li { float: left; margin: 0 40px 0 0; padding: 0; overflow: visible; position: relative; }
.nav-wrap nav ul.nav>li:last-child { margin-right: 0 }
.nav-wrap nav ul.nav>li>a { display: block; padding: 11px 0; margin: 0; font-size: 18px; font-family: 'Volte-Medium'; font-weight: 500; line-height: 26px; color: #ffffff; white-space: nowrap; text-decoration: none; text-transform: none; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4) }
.nav>li>a:focus, .nav>li>a:hover { background-color: transparent }
.nav-wrap nav ul.nav>li.order-tab a { background: #00639f; padding-left: 10px; padding-right: 10px; }
/*.nav-wrap nav ul.nav > li.has-sub > a { padding-right: 10px !important }

.nav-wrap nav ul.nav li.has-sub li.has-sub > a { padding-right: 20px !important }*/



.nav-wrap nav ul.nav li.has-sub li.has-sub>a:after { content: "\f105"; display: inline-block; font-size: 12px; line-height: 18px; font-family: Font Awesome\ 5 Pro; font-weight: normal; margin-left: 5px; color: #272425; position: absolute; right: 10px; top: 50%; margin-top: -9px; }
.nav-wrap nav ul.nav ul li.has-sub li.has-sub:hover>a:after { content: "\f104"; color: #9a9a9a }
.nav-wrap nav ul.nav>li.fa-home a { font-size: 0; font-weight: normal; line-height: 1 }
.nav-wrap nav ul.nav>li.fa-home a:after { content: "\f015"; font-family: Font Awesome\ 5 Pro; line-height: 26px; font-weight: 900; font-size: 14px; }
/****sub nav menu*****/



.nav>li>a:focus, .nav>li>a:hover { background-color: transparent }
.nav-wrap nav ul.nav ul { position: absolute; border-radius: 0; padding: 15px 0; visibility: hidden; text-align: left; left: 0; opacity: 0; top: 0; -webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.08); box-shadow: 0 3px 5px rgba(0, 0, 0, 0.08); background: #fff; overflow: hidden }
.nav-wrap nav ul.nav ul ul:after { display: none }
.nav-wrap nav>ul.nav>li>ul { top: 100%; }
.nav-wrap nav ul.nav ul ul { left: 100%; padding-top: 10px; padding-bottom: 10px }
.nav-wrap nav ul.nav ul ul:before { top: 0 }
.nav-wrap nav ul.nav li:hover>ul { display: block; visibility: visible; top: 100%; opacity: 1; -webkit-transition: opacity 0.3s ease-in; -moz-transition: opacity 0.3s ease-in; -o-transition: opacity 0.3s ease-in; transition: opacity 0.3s ease-in; }
.nav-wrap nav ul.nav li ul { top: 100%; max-height: 0; overflow: hidden; }
.nav-wrap nav>ul.nav li:hover ul { top: 100%; max-height: 500px; overflow: visible; }
.nav-wrap nav ul.nav ul>li:hover>ul { left: 100%; top: 0; }
.nav-wrap nav ul.nav .reverse-menu ul>li:hover>ul { right: 100%; left: auto; }
.nav-wrap nav ul.nav .align-left-menu:hover>ul { right: 0; left: auto; }
.nav-wrap nav ul.nav ul .align-left-menu:hover ul, .nav-wrap nav ul.nav ul .align-left-menu li:hover ul { right: 100%; left: auto; }
.nav-wrap nav ul.nav ul .align-right-menu:hover ul, .nav-wrap nav ul.nav ul .align-right-menu li:hover ul { left: 100%!important; right: auto!important; }
.nav-wrap nav .z-h { z-index: 99999!important }
.nav-wrap nav ul.nav .align-right-menu .has-sub:after, .nav-wrap nav ul.nav .align-right-menu:after { left: 100%!important; right: auto!important; }
.nav-wrap nav ul.nav ul li { float: left; width: 100%; min-width: 150px; padding: 3px 0; margin: 0; vertical-align: top; overflow: visible; }
.nav-wrap nav ul.nav ul li:last-child { border-bottom: none }
.nav-wrap nav ul.nav ul li a { font-family: 'Volte-Medium'; font-weight: 500; width: auto; white-space: nowrap; text-transform: capitalize; font-size: 14px; line-height: normal; font-weight: 400; color: #373737; padding: 5px 25px; text-decoration: none; transition: none; -moz-transition: none; -webkit-transition: none; -ms-transition: none; -o-transition: none; }
/*.nav-wrap nav ul.nav ul li a:before { content: "\f105"; font-family: Font Awesome\ 5 Pro; font-size: 90%; position: absolute; top: 0.7777em; left: 10px; margin: auto; -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); }*/



.nav-wrap nav ul.nav li>ul>li:hover:after { display: block; }
.nav-wrap nav ul.nav li:hover>a, .nav-wrap nav ul.nav li>a:hover, .nav-wrap nav ul.nav li.current-menu-item>a, .nav-wrap nav ul.nav li.current-menu-ancestor>a { color: #fee9b0; }
.nav-wrap nav ul.nav ul li:hover>a, .nav-wrap nav ul.nav ul li>a:hover, .nav-wrap nav ul.nav ul li.current-menu-item>a, .nav-wrap nav ul.nav ul li.current-menu-ancestor>a { color: #e9769d }

@media only screen and (min-width:1025px) {
.search-field { display: block !important; opacity: 1 !important; height: auto !important }
.submenu-button { display: none }
.nav-wrap nav ul.nav>li.has-sub>.submenu-button { display: none; height: 0; width: 0; border: 10px transparent solid; border-top-width: 0; border-bottom-color: #f9f9f9; position: absolute; bottom: 0; left: 50%; font-size: 0; margin-left: -10px }
.nav-wrap nav ul.nav>li:hover .submenu-button { display: block }
.nav-wrap nav ul.nav li:hover>ul { -moz-transition: all 0.3s linear 0s!important; -webkit-transition: all 0.3s linear 0s!important; -ms-transition: all 0.3s linear 0s!important; transition: all 0.3s linear 0s!important; }
}
/**************Nav ends**************/




/****Space Control Top Bottom*****/



.m-0 { margin: 0 !important }
.m-1 { margin: 10px 0 !important }
.m-2 { margin: 20px 0 !important }
.m-3 { margin: 30px 0 !important }
.m-4 { margin: 40px 0 !important }
.m-5 { margin: 50px 0 !important }
.m-6 { margin: 60px 0 !important }
.m-7 { margin: 70px 0 !important }
.p-0 { padding: 0 !important }
.p-1 { padding: 10px 0 !important }
.p-2 { padding: 20px 0 !important }
.p-3 { padding: 30px 0 !important }
.p-4 { padding: 40px 0 !important }
.p-5 { padding: 50px 0 !important }
.p-6 { padding: 60px 0 !important }
.p-7 { padding: 70px 0 !important }
.m-t0 { margin-top: 0 !important }
.m-t1 { margin-top: 10px !important }
.m-t2 { margin-top: 20px !important }
.m-t3 { margin-top: 30px !important }
.m-t4 { margin-top: 40px !important }
.m-t5 { margin-top: 50px !important }
.m-t6 { margin-top: 60px !important }
.m-t7 { margin-top: 70px !important }
.m-b0 { margin-bottom: 0 !important }
.m-b1 { margin-bottom: 10px !important }
.m-b2 { margin-bottom: 20px !important }
.m-b3 { margin-bottom: 30px !important }
.m-b4 { margin-bottom: 40px !important }
.m-b5 { margin-bottom: 50px !important }
.m-b6 { margin-bottom: 60px !important }
.m-b7 { margin-bottom: 70px !important }
.p-t0 { padding-top: 0 !important }
.p-t2 { padding-top: 20px !important }
.p-t3 { padding-top: 30px !important }
.p-t4 { padding-top: 40px !important }
.p-t5 { padding-top: 50px !important }
.p-t6 { padding-top: 60px !important }
.p-t7 { padding-top: 70px !important }
.p-b0 { padding-bottom: 0 !important }
.p-b2 { padding-bottom: 20px !important }
.p-b3 { padding-bottom: 30px !important }
.p-b4 { padding-bottom: 40px !important }
.p-b5 { padding-bottom: 50px !important }
.p-b6 { padding-bottom: 60px !important }
.p-b7 { padding-bottom: 70px !important }
.m-l2 { margin-left: 20px !important; }
.p-l2 { padding-left: 20px !important }
.m-l3 { margin-left: 30px !important; }
.p-l3 { padding-left: 30px !important }
.m-l4 { margin-left: 40px !important; }
.p-l4 { padding-left: 40px !important }
/****Space Control Top Bottom End*****/





/***********common content***********/





/************Breadcrumbs************/



div.breadcrumbs, section.breadcrumbs { position: relative; display: block; font-weight: normal; padding: 8px 0; margin: 0; overflow: hidden; background: #f7f7f7; clear: both; text-align: left; z-index: 11; }
ul.breadcrumbs { float: left; width: 100%; padding: 0; clear: both; margin: 0 }
ul.breadcrumbs li { font-size: 14px; float: left; position: relative; display: inline-block; line-height: 1; vertical-align: top; padding: 0 10px 0 0; font-weight: 400; margin-right: 4px; color: #0278bf; font-style: normal; }
ul.breadcrumbs li:before { display: none }
ul.breadcrumbs li a { position: relative; display: inline-block; color: #373737; vertical-align: top; }
ul.breadcrumbs li:after { content: "/"; font-weight: 400; position: absolute; font-size: 14px; color: #373737; right: 0; top: 0; line-height: 1; font-style: normal }
ul.breadcrumbs li:last-child { padding: 0; margin: 0 }
ul.breadcrumbs li:last-child:after { display: none }
ul.breadcrumbs li:before { display: none }
ul.breadcrumbs li a:hover { color: #0278bf; }
/***********Breadcrumbs End***********/





/*******Vertically Middle*******/



.lazy-image { position: relative; background: #f5f5f5; width: 100%; padding-top: 66.33%; overflow: hidden; z-index: 2; }
.lazy-image img { position: absolute; background-color: #ffffff; bottom: 0; left: 0; right: 0; top: 0; margin: auto !important; max-width: 100%; max-height: 100%; width: auto !important; -webkit-backface-visibility: hidden; backface-visibility: hidden; transition: opacity .5s ease-in, -webkit-transform .5s ease-in; transition: opacity .5s ease-in, transform .5s ease-in; transition: opacity .5s ease-in, transform .5s ease-in, -webkit-transform .5s ease-in; }
.google-map { position: relative; padding-top: 42%; }
.iframe-video { position: relative; display: inline-block; width: 100%; padding-top: 56%; margin: 10px 0; background-color: #f5f5f5 }
.google-map iframe, .google-map img, .iframe-video iframe { position: absolute; left: 0; top: 0; right: 0; bottom: 0; height: 100%; width: 100%; }
.iframe-video img { position: absolute; background-color: #ffffff; bottom: 0; left: 0; right: 0; top: 0; margin: auto !important; max-width: 100%; max-height: 100%; width: 100% !important; }
img.lazyFade { opacity: 1; -webkit-transform: scale(1); transform: scale(1) }
a:hover .lazy-image img { -moz-transform: scale(1.02, 1.02); -webkit-transform: scale(1.02, 1.02); transform: scale(1.02, 1.02) }
/******Content End*********/



.margin-top { margin-top: 0 !important }
.flexslider { position: relative; margin: 0; padding: 0; overflow: hidden }
.flexslider:before { margin: -20px 0 0 -20px; width: 40px; height: 40px; border-width: 0.2rem; }
.flexslider .slides { margin: 0; padding: 0 !important; float: left; width: 100% }
.flexslider li { padding: 0 !important; }
.flexslider li:before { display: none !important }
.flexslider .slides>li { position: relative; display: none; -webkit-backface-visibility: hidden; background-position: center center; background-repeat: no-repeat; background-size: cover; -moz-background-size: cover; -webkit-background-size: cover; -ms-background-size: cover; -o-background-size: cover; }
html[xmlns] .flexslider .slides { display: block; }
* html .flexslider .slides { height: 1%; }
.no-js .flexslider .slides>li:first-child { display: block; }
.flexslider .flex-control-paging-wrap { position: absolute; left: 0; right: 0; top: 10px; text-align: right; padding-right: 10px; z-index: 99; }
.flexslider .flex-control-paging { position: absolute; right: 0; left: 0; bottom: 5%; margin: 0; display: inline-block; z-index: 98; height: auto; text-align: center; padding: 0 10px; }
.flexslider .flex-control-paging li { position: static; display: inline-block; width: auto; margin: 2px 3px; height: auto }
.flexslider .flex-control-paging li a { border: 1px solid #0278bf; width: 12px; height: 12px; line-height: 10px; font-size: 0; color: #fff; text-align: center; display: block; position: relative; cursor: pointer; background-color: transparent; border-radius: 34px; transition: none; -moz-transition: none; -webkit-transition: none; -ms-transition: none; -o-transition: none; }
.flexslider .flex-control-paging li .flex-active, .flexslider .flex-control-paging li a:hover { background-color: #0278bf; border-color: #0278bf }
.flexslider .flex-control-paging li .flex-active:after, .flexslider .flex-control-paging li a:hover:after { display: none }
.flexslider .flex-direction-nav li { position: static }
.flexslider .flex-direction-nav a { transition: .2s ease-in-out; -moz-transition: .2s ease-in-out; -webkit-transition: .2s ease-in-out; }
.flexslider .flex-direction-nav .flex-prev, .flexslider .flex-direction-nav .flex-next { background: rgba(255, 255, 255, 0.2); position: absolute; left: -60px; top: 50%; margin-top: -25px; width: 60px; height: 60px; z-index: 98; border-radius: 60px; display: inline-block; font-size: 0; }
.flexslider .flex-direction-nav { overflow: hidden; width: 100%; margin: 0 }
.flexslider .flex-direction-nav .flex-next { left: auto; right: -60px }
.flexslider .flex-direction-nav .flex-prev:before, .flexslider .flex-direction-nav .flex-next:before { content: ''; line-height: 1; display: block; border: solid #fff; border-width: 0 2px 2px 0; padding: 6px; margin: 0 2px; position: absolute; top: 50%; left: 65%; transition: .2s ease-in-out; -moz-transition: .2s ease-in-out; -moz-transform: translate(-50%, -50%) rotate(135deg); -ms-transform: translate(-50%, -50%) rotate(135deg); -o-transform: translate(-50%, -50%) rotate(135deg); -webkit-transform: translate(-50%, -50%) rotate(135deg); transform: translate(-50%, -50%) rotate(135deg); }
.flexslider .flex-direction-nav .flex-next:before { left: auto; right: 65%; -webkit-transform: translate(50%, -50%) rotate(-45deg); -moz-transform: translate(50%, -50%) rotate(-45deg); -ms-transform: translate(50%, -50%) rotate(-45deg); -o-transform: translate(50%, -50%) rotate(-45deg); -webkit-transform: translate(50%, -50%) rotate(-45deg); transform: translate(50%, -50%) rotate(-45deg); }
.flexslider:hover .flex-direction-nav .flex-prev { left: -25px }
.flexslider:hover .flex-direction-nav .flex-next { right: -25px }
.flexslider .flex-direction-nav .flex-prev:hover, .flexslider .flex-direction-nav .flex-next:hover { background: rgba(0, 0, 0, 1.0); }
.flexslider .flex-direction-nav .flex-prev:hover:before, .flexslider .flex-direction-nav .flex-next:hover:before { color: #fff; }
.flexslider:hover .flex-direction-nav .flex-prev { opacity: 1.0 }
.flexslider:hover .flex-direction-nav .flex-next { opacity: 1.0 }
.flexslider .flex-disabled { display: none !important }
.main-banner { background: #000; overflow: hidden; }
.bg { position: absolute; left: 0; top: 0; bottom: 0; right: 0; background-size: cover; background-repeat: no-repeat; background-position: top center; }
.main-banner img { width: 100%; }
.bg img { display: none }
.main-banner .caption { position: absolute; top: 50%; right: 0; left: 0; -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%) }
.main-banner .heading { line-height: 1.2; color: #ffffff; font-size: 50px; font-weight: 500; margin: 0 0 5px; font-family: 'Volte-Medium'; }
.main-banner .box { float: right; display: block; width: 100%; max-width: 610px; }
.main-banner p { margin: 15px 0 0; font-size: 18px; color: #ffffff; line-height: 1.6; font-family: 'Volte-Medium'; }
.main-banner .btn-row { margin: 22px 0 0 }
.main-banner .btn-row .btn { margin: 0 }
.main-banner .caption.type-2 .box { float: right; text-align: right; padding: 15% 8% 0 0; }
.main-banner.flexslider .flex-control-paging { display: none }
.banner-tag-line { position: absolute; font-size: 18px; color: #f3f4f6; font-weight: 300; bottom: 0; left: 0; right: 0; padding: 12px 0; z-index: 3; background: -moz-linear-gradient(left, rgba(10, 48, 78, 0.65) 0%, rgba(0, 0, 0, 0) 57%); background: -webkit-linear-gradient(left, rgba(10, 48, 78, 0.65) 0%, rgba(0, 0, 0, 0) 57%); background: linear-gradient(to right, rgba(10, 48, 78, 0.65) 0%, rgba(0, 0, 0, 0) 57%); filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#a6373737', endColorstr='#00000000', GradientType=1);
}
.scroll:after { content: "\f107"; font-family: Font Awesome\ 5 Pro; display: block; margin: auto; color: #fff !important; line-height: 1; font-weight: normal; }
.scroll:hover, .scroll:focus { bottom: 55px }
.inner-banner { float: left; width: 100%; position: relative; overflow: hidden; padding: 3.33333333% 0 }
.inner-banner img { width: 100% }
.inner-banner .caption { position: relative; z-index: 11 }
.inner-banner .heading { font-family: 'Volte-Medium'; line-height: 1.2; color: #ffffff; font-size: 50px; font-weight: normal; margin: 0; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4) }
.inner-banner .box { position: relative; display: block; float: right; text-align: center; width: 50%; z-index: 11 }
.flex-middle-row { margin: -10px -23px; display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: flex; flex-wrap: wrap; align-items: center; }
.flex-middle-row [class*="col-"] { padding: 10px 23px }
.welcome-wrap { float: left; width: 100%; padding: 35px 0; text-align: center }
.main-heading { font-size: 36px; text-align: center; overflow: hidden; }
.main-heading:after { content: ""; text-align: center; display: block; width: 100%; padding: 1px 0 0; width: 319px; margin: 18px auto 0; background: linear-gradient(to right, #ededed 17%, #e8769e 17%, #e8769e 34%, #fdeab0 34%, #fdeab0 51%, #f9b8c0 51%, #f9b8c0 68%, #94c6e1 68%, #94c6e1 85%, #cee3c4 85%); }
.main-heading.left { text-align: left }
.main-heading.left:after { margin-left: 0; margin-top: 15px; }
.main-heading.left+p:not(.pn) { margin-top: 18px }
.categoery-wrap { padding: 15px 0 35px }
.categoery-row { display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: flex; flex-wrap: wrap; margin: 33px 0 -3% -3% }
.category-box { float: left; width: 33.33333333333%; padding: 0 0 3% 3% }
.category-box a { display: block }
.category-box img { width: 100% }
.category-box a:hover img { opacity: 0.8 }
.category-box a+a { margin-top: 11%; }
.addition-info { overflow: hidden; padding: 30px 0 70px }
.addition-info .box-row { display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: flex; flex-wrap: wrap; margin: 0 0 -30px -60px }
.addition-info .box { float: left; width: 25%; padding: 0 0 30px 60px; text-align: center }
.addition-info .icon { position: relative; background-color: #f7f7f7; border-radius: 90px; display: table; margin: 0 auto; width: 90px; padding-top: 90px; overflow: hidden; z-index: 2; }
.addition-info .icon img { position: absolute; bottom: 0; left: 0; right: 0; top: 0; margin: auto; max-width: 100%; width: auto; -webkit-backface-visibility: hidden; backface-visibility: hidden; }
.addition-info h3 { margin-top: 20px; color: #373737; }
.addition-info p { font-size: 15px }
.accessories-wrap { padding: 50px 0 60px; background: rgb(114,180,217); background: linear-gradient(135deg, rgba(114,180,217,1) 0%, rgba(2,120,191,1) 33%, rgba(2,120,191,1) 100%); }
.accessories-wrap .main-heading { color: #ffffff }
.single-product .accessories-wrap { background: rgb(114,180,217); }
.product-box { float: left; width: 100%; padding: 10px; background: #ffffff; box-shadow: 0 0 5px rgb(0, 0, 0, 0.2); }
.product-box .lazy-image { background: #ffffff; padding-top: 98% }
.product-box h3 { font-size: 17px; font-family: 'Volte-Regular'; color: #373737; font-weight: normal; line-height: 1.4; display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: flex; flex-wrap: wrap; justify-content: center; text-align: center; align-items: center; margin-bottom: 3px }
.product-box p { margin: 0 0 18px; }
.product-box p:last-child { margin: 0 }
.product-box .price { font-size: 17px; font-family: 'Volte-Medium'; font-weight: 500; color: #0278bf; }
.product-box span.price .woocs_price_code { font-size: 0 }
.product-box span.price .woocs_price_code .amount { font-size: 17px; font-family: 'Volte-Medium'; font-weight: 500; color: #0278bf; }
.product-box span.price .woocs_price_code .amount:last-child { display: none }
.product-box span.price .woocs_price_code .amount:first-child { display: inherit }
.product-box .caption { padding: 18px 0 12px; text-align: center; }
.product-box:hover h3 { color: #e9769d; }
.product-box:hover .btn { color: #fff; border-color: #373737; background-color: #373737; }
.product-list { margin: 30px 0 -2% -2%; clear: both; display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: flex; flex-wrap: wrap; }
.product-list .product-box { width: 23%; margin: 0 0 2% 2% }
.product-list .product-box .lazy-image { background: #ffffff; padding-top: 70.8888%; }
.small-trigger { display: none }
.side-nav { border: 1px solid #e6e6e6; float: left; width: 100%; padding: 30px 15px }
.side-nav h3 { font-size: 24px; font-family: 'Volte-Semibold'; font-weight: normal; margin-bottom: 12px }
.side-nav ul li { padding-left: 18px; padding-bottom: 8px }
.side-nav ul li:before { color: #0278bf; font-size: 12px; top: 7px; }
.side-nav ul li a { font-size: 18px; color: #373737 }
.side-nav ul ul { margin-left: 0; }
.side-nav ul li li { padding-bottom: 5px }
.side-nav ul li:last-child, .side-nav ul li li:last-child { padding-bottom: 0 }
.side-nav ul li li:before { background: #0278bf; content: ""; padding: 3px; top: 9px; }
.side-nav ul li li a { font-size: 16px }
.side-nav ul li:hover>a, .side-nav ul li.current-menu-ancestor>a, .side-nav ul li.current-menu-item>a { color: #0278bf; }
.cat-row { margin: 30px 0 -4% -3%; overflow: hidden }
.cat-row:first-child { margin-top: 0 }
.cate-thumb { float: left; width: 30.3333333%; margin: 0 0 4% 3% }
.cate-thumb .lazy-image { padding-top: 68.8888888% }
.cate-thumb .caption { padding: 15px 0 0 }
.cate-thumb h3 { font-size: 18px; font-family: 'Volte-Regular'; font-weight: normal }
.card-row { margin: 30px 0 -4% -3%; overflow: hidden }
.card-row:first-child { margin-top: 0 }
.card-thumb { float: left; width: 47%; margin: 0 0 4% 3%; text-align: center }
.card-thumb .lazy-image { padding-top: 67.66666666%; }
.card-thumb .lazy-image img { width: 100% !important }
.card-thumb .caption { padding: 15px 0 0 }
.card-thumb h3 { font-size: 24px; }
.common-thumb-row { margin: 30px 0 -4% -3%; overflow: hidden }
.common-row:first-child, .common-thumb-row:first-child { margin-top: 0 }
.common-thumb { float: left; width: 30.3333333%; margin: 0 0 4% 3%; text-align: center }
.common-thumb .lazy-image { padding-top: 67.66666666%; }
.common-thumb .lazy-image img { width: 100% !important; max-height: inherit }
.common-thumb .caption { padding: 15px 0 0 }
.common-thumb h3 { font-size: 24px; color: #373737 }
.common-thumb-row.shop-list { margin-bottom: -3% }
.shop-list .common-thumb, .shop-list .product-box { border: 1px solid #f5f5f5; margin-bottom: 3%; width: 22%; box-shadow: 0 3px 5px rgba(0,0,0,0.1); }
.big-col .shop-list .product-box { width: 30.333333% }
.shop-list .product-box { padding: 0; margin: 0 0 3% 3% }
.shop-list .common-thumb .lazy-image { background-color: #ffffff; padding-top: 89.666667%; }
.shop-list .product-box .lazy-image { background-color: #ffffff; padding-top: 96.666667%; }
.shop-list .common-thumb .lazy-image img, .shop-list .product-box .lazy-image img { width: auto !important; max-height: 100%; }
.shop-list .common-thumb .caption, .shop-list .product-box .caption { padding: 10px; }
.shop-list .common-thumb h3 { font-size: 18px; }
.shop-list .common-thumb .price { color: #0278bf; font-family: 'Volte-Medium'; font-weight: 500 }
.cta-wrap { padding: 45px 0; text-align: center; font-size: 24px; font-family: 'Volte-Medium'; font-weight: 500; border-top: 1px solid #dddddd; }
.cta-wrap .btn { margin-top: 0 }
.cta-wrap.type-2 { font-size: 22px; padding: 35px 0 }
.cta-wrap.type-2 a:not(.btn) { color: #373737 }
.cta-wrap.type-2 a:not(.btn)hover { color: #0278bf }
.testimonial-box { float: left; width: 100%; position: relative; margin: 50px 0 0; padding: 45px 36px 30px; box-shadow: 0 0 7px rgba(0, 0, 0, 0.1) }
.testimonial-box:first-child { margin-top: 0 }
.testimonial-box:before { content: ""; position: absolute; top: -33px; left: 27px; background: url(../img/quote-icon.png) center center no-repeat; padding: 33px }
.testimonial-box:after { content: ""; text-align: center; display: block; width: 100%; padding: 1px 0 0; position: absolute; left: 0; right: 0; bottom: 0; background: linear-gradient(to right, #0278bf 17%, #e8769e 17%, #e8769e 34%, #fdeab0 34%, #fdeab0 51%, #f9b8c0 51%, #f9b8c0 68%, #94c6e1 68%, #94c6e1 85%, #cee3c4 85%) }
.testimonial-box p { margin-bottom: 15px; }
.testimonial-box p:last-child { margin-bottom: 0 }
.testimonial-box h6 { font-family: 'Volte-Semibold'; font-weight: 600; margin-top: 15px }
.testimonial-box h6 strong { color: #0278bf }
.common-row { padding: 45px 0 }
.gray { background-color: #f7f7f7 }
.connect-row { display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: flex; flex-wrap: wrap; align-items: center; }
.connect-box { float: left; width: 50% }
.connect-box:first-child { padding-right: 30px }
.connect-box .table-responsive { margin: 0 }
.connect-box table tr td { font-size: 18px; border: none; padding: 8px 0; background: none !important; }
.connect-box a { font-family: 'Volte-Semibold'; font-weight: 600; color: #373737 }
.connect-box img { width: 100% }
.icon-row { overflow: hidden; clear: both; margin: 35px 0 0 }
.icon-row .icon { float: left; position: relative; width: 90px; background: #ffffff; padding-top: 90px; border-radius: 100%; overflow: hidden; margin-right: 18px; }
.icon-row .icon img { position: absolute; background-color: #ffffff; bottom: 0; left: 0; right: 0; top: 0; margin: auto !important; max-width: 100%; width: auto !important; -webkit-backface-visibility: hidden; backface-visibility: hidden; }
.icon-row .overflow { overflow: hidden }
.icon-row h4 { margin-top: 10px }
.c1 h4, .c1:not(div) { color: #0278bf }
.c2 h4, .c2:not(div) { color: #e9769d }
.c3 h4, .c3:not(div) { color: #ffba02 }
.c4 h4, .c4:not(div) { color: #88bc6f }
.c5 h4 { color: #0278bf }
.blue-strong p { margin-bottom: 13px }
.blue-strong p:last-child { margin-bottom: 0 }
.blue-strong strong { color: #0278bf }
a.dark { color: #373737; font-family: 'Volte-Semibold'; font-weight: 600; }
hr { border-bottom: 1px solid #e2dbdc; margin: 30px 0 }
.less-space { line-height: 1.4; clear: both; overflow: hidden; margin-bottom: 20px }
.quote-form, .max-form-width { max-width: 1006px }
.custom-upload { display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }
.custom-upload input { width: 90% }
.custom-upload .btn { white-space: nowrap; color: #0278bf; border: 1px solid #bfbfbf !important; text-transform: none; letter-spacing: normal; border-radius: 0; background: #ffffff !important; min-width: 116px; padding-left: 15px; padding-right: 15px; display: flex; align-items: center; justify-content: center; margin: 0 -1px 0 0!important; font-family: 'Volte-Regular'; font-weight: normal }
.custom-upload .btn:first-child { margin-right: -1px; }
.extra-space { margin: 30px 0 0 }
div.label label { margin-top: 7px }
.font-24 { font-size: 24px }
p small { font-size: 16px; color: #373737 }
p small small { font-size: 14px }
.add-option { padding: 0 !important; }
.add-option .data-l { position: relative; border: 1px solid #d7d8dc; display: block; padding: 13px 14px; cursor: pointer }
.add-option .data-l:after { content: ""; width: 0; height: 0; border: solid #0278bf; border-width: 0 1px 1px 0; display: inline-block; padding: 3px; position: absolute; top: 17px; right: 25px; margin: auto; color: #909090; line-height: 30px; font-weight: normal; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); }
.more-content { display: none }
.show_hide { display: inline-block; position: relative; font-size: 18px; color: #0278bf; padding: 0 18px 0 0; background: #ffffff; cursor: pointer; letter-spacing: inherit; font-family: 'Volte-Semibold'; font-weight: normal; line-height: 24px; }
.show_hide:after { content: ""; width: 0; height: 0; border: solid #0278bf; border-width: 0 3px 3px 0; display: inline-block; padding: 3px; position: absolute; top: 7px; right: 0; margin: auto; color: #0278bf; line-height: 30px; font-weight: normal; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); }
.show_hide.active:after { transform: rotate(-135deg); -webkit-transform: rotate(-135deg); }
.stock-form { float: left; width: 100%; margin: 35px 0 0; padding: 25px; background: rgb(206, 227, 195); background: -moz-linear-gradient(left, rgba(206, 227, 195, 1) 53%, rgba(149, 199, 226, 1) 100%); background: -webkit-linear-gradient(left, rgba(206, 227, 195, 1) 53%, rgba(149, 199, 226, 1) 100%); background: linear-gradient(to right, rgba(206, 227, 195, 1) 53%, rgba(149, 199, 226, 1) 100%); filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#cee3c3', endColorstr='#95c7e2', GradientType=1);
}
.stock-form:first-child { margin-top: 0 }
.stock-form .flex { align-items: flex-end; margin: 0 0 -20px -2%; width: 102%; flex-wrap: wrap }
.stock-form .box { float: left; margin: 0 0 20px 2%; width: 48% }
.stock-form .btn { white-space: nowrap }
.stock-form .action-btn { width: auto }
.faq-all { float: left; width: 100%; margin: 0 0 30px; font-size: 17px }
.faq-all:first-child { margin-top: 0 }
.faq-all:last-child { margin-bottom: 0 }
.faq-all:last-child { margin-bottom: 0 }
.faq-all .accordingHead { position: relative; font-size: 18px; color: #0278bf; font-weight: 500; padding: 11px 46px 11px 23px; background: #ffffff; cursor: pointer; border: 1px solid #d7d8dc; margin: 14px 0 0; letter-spacing: inherit }
.faq-all .accordingHead:after { content: ""; width: 0; height: 0; border: solid #0278bf; border-width: 0 3px 3px 0; display: inline-block; padding: 3px; position: absolute; top: 16px; right: 25px; margin: auto; color: #909090; line-height: 30px; font-weight: normal; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); }
.faq-all .accordingHead.active { border-bottom-color: #ffffff }
.faq-all .accordingHead.active:after { transform: rotate(-135deg); -webkit-transform: rotate(-135deg); }
.faq-all .accordianContent { display: none; padding: 0 46px 22px 23px; overflow: hidden; clear: both; background: #fff; position: relative; border: 1px solid #d7d8dc; border-top: none }
.faq-all p { margin: 0 0 15px }
.faq-all p:last-child { margin-bottom: 0 }
.contact-row { margin: 0 0 -3% -3%; overflow: hidden }
.contact-box { display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: flex; align-items: center; float: left; width: 47%; margin: 0 0 3% 3%; background: #f5f6fa; }
.contact-box .img-box { width: 225px; }
.contact-box .caption { padding: 8px 8px 8px 20px }
.contact-box p { margin: 0; font-size: 18px; }
.contact-box a { color: inherit }
.contact-box a:hover { color: #0278bf }
.contact-form { margin: 60px 0 0 }
.contact-form textarea { height: 154px }
.contact-form .btn { margin-top: 34px }
/***Zoom****/



.xzoom-large { float: right; width: 100%; box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); overflow: hidden }
.xzoom-large .lazy-image { padding-top: 89%; background: #fff; }
.xzoom-thumbs { float: left; width: 15%; }
.xzoom-thumbs a { display: block; position: relative; background: #eee; width: 100%; padding-top: 147.33%; margin-bottom: 18%; overflow: hidden; z-index: 2; }
.xzoom-thumbs a img { position: absolute; background-color: #ffffff; bottom: 0; left: 0; right: 0; top: 0; margin: auto !important; max-width: 100%; max-height: 100%; width: auto !important; }
.xzoom-thumbs a:last-child { margin-bottom: 0 }
/****Xzoom****/



.xzoom-source img, .xzoom-preview img, .xzoom-lens img { display: block; max-width: none; max-height: none; }
.xzoom-source, .xzoom-hidden { display: block; position: static; float: none; clear: both; z-index: 888; }
.xzoom-hidden { overflow: hidden; }
.xzoom-preview { background-color: #fff; z-index: 888; }
.xzoom-loading { background-position: center center; background-repeat: no-repeat; border-radius: 100%; opacity: .7; background: url(../img/xloading.gif); width: 48px; height: 48px; background-size: contain; z-index: 9; }
.xzoom-gallery.xactive { opacity: 1.0; border: 1px solid #0278bf }
.thumb-slider { float: left; width: 69% !important; position: absolute !important; left: -23.3333%; top: 0; margin-top: 21.777%; -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); -webkit-transform: rotate(90deg); overflow: hidden; }
.thumb-slider .owl-item { padding: 10px 0 !important }
.thumb-slider .banner-item { box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); -webkit-transform: rotate(-90deg); transform: rotate(-90deg); }
.thumb-slider .banner-item a { position: relative; padding-top: 100%; display: block; }
.thumb-slider .banner-item a img { display: block; width: 100%; position: absolute; background-color: #ffffff; bottom: 0; left: 0; right: 0; top: 0; margin: auto !important; max-width: 100%; max-height: 100%; width: auto !important; -webkit-backface-visibility: hidden; backface-visibility: hidden; }
.pro-image { position: relative; float: left; width: 48%; padding-left: 12%; }
.pro-data { float: left; width: 52%; padding-left: 36px }
.pro-data h3:first-child { margin-bottom: 20px }
.pro-data li { padding-left: 20px; line-height: 1.667; }
.pro-data .form-field { max-width: 494px }
.pro-data li:before { background: #0278bf; content: ""; padding: 3px; top: 9px; }
.option-row label { position: relative; padding-left: 30px; line-height: 24px; margin-bottom: 8px }
.option-row .csCheckbox, .option-row input[type="checkbox"], .option-row input[type="radio"] { position: absolute; left: 1px; top: 1px }
.pro-data .price { color: #0278bf !important; font-size: 24px !important; font-family: 'Volte-Medium'; font-weight: 500; margin: 30px 0 0 }
.cart-btn-row { margin: 10px 0 0 }
.cart-btn-row .quantity { display: inline-block; vertical-align: middle; margin-right: 20px; margin-top: 10px }
.cart-btn-row .btn-row { display: inline-block; vertical-align: middle }
.pro-data textarea { height: 106px }
.pro-data table tr td, .pro-data table tr th { border: 1px solid #e3e4e9; }
.product-details form.variations_form .table-responsive { overflow: visible }
.product-details form.variations_form table.variations { margin-top: 20px; max-width: 318px; }
.product-details form.variations_form table.variations th { width: auto; white-space: nowrap; border: none; padding: 14px 10px 0 0; }
.product-details form.variations_form table.variations td { width: 90%; border: none; padding: 0 0 10px; }
.product-details form.variations_form button.button { margin-top: 10px; vertical-align: top; }
/******quantity******/



.quantity { display: inline-block; vertical-align: middle; width: auto; position: relative; }
.quantity .qty { float: left; width: 50px !important; display: inline-block; float: left; text-align: center; font-size: 16px; background-color: #fff; border: 1px solid #bfbfbf !important; border-left: none !important; border-right: none !important; color: #373737; padding: 5px !important; margin: 0; height: 48px; }
.quantity .qty:focus { border-color: #f4f4f4; }
.quantity .plus, .quantity .minus { float: left; background-color: #fff; width: 34px; border: 1px solid #bfbfbf !important; color: #373737; line-height: 46px !important; font-size: 18px; border-radius: 0; text-transform: uppercase; margin: 0; padding: 0 3px !important; display: inline-block; vertical-align: top; top: 0; right: 0; font-weight: 400; margin-right: -1px !important; cursor: pointer; z-index: 3 }
.quantity .plus { float: left; border-left: none !important }
.quantity .minus { float: left; border-right: none !important; bottom: 0; top: auto; }
.quantity .plus:hover, .quantity .minus:hover { background-color: #e9769d; color: #fff }
.wapf-product-totals { margin: 0 0 20px }
.wapf-product-totals .wapf--inner { border: 1px solid #bfbfbf; line-height: 1.2; padding: 0 !important }
.wapf-product-totals .wapf--inner div { border-bottom: 1px solid #bfbfbf; padding: 10px 15px !important }
.wapf-product-totals .wapf--inner div:last-child { border-bottom: none }
.wapf-product-totals .wapf--inner div span { margin: 0 !important }
div.woocommerce a { border: none }
.woocommerce .woocommerce-form-login .woocommerce-form-login__rememberme { display: inline-block; vertical-align: bottom; line-height: 1.2; margin: 0; }
.pro-data .btn-row .btn { margin-top: 10px }
.woocommerce-cart h1, .woocommerce-checkout h1, .woocommerce-page h1 { font-size: 45px; }
.woocommerce .table-responsive { margin: 8px 0 }
form .woocommerce-privacy-policy-text { padding: 0 0 10px }
.woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, #add_payment_method .wc-proceed-to- checkout a.checkout-button, .woocommerce-cart .wc-proceed-to-checkout a.checkout-button, .woocommerce-checkout .wc-proceed-to-checkout a.checkout- button { position: relative; display: inline-block; border: 1px solid #e9769d !important; color: #ffffff !important; font-size: 18px; margin: 0; line-height: 24px !important; letter-spacing: 0; cursor: pointer; padding: 11px 30px !important; font-family: 'Volte-Medium'; font-weight: 400!important; border-radius: 0 !important; text-align: center; background: #e9769d !important; text-transform: uppercase; text-shadow: 0 1px 2px rgba(0,0,0,0.1); }
.woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover { background: #0278bf !important; border-color: #0278bf !important; color: #ffffff !important }
.woocommerce table { border-collapse: collapse !important; margin: 0 !important }
#add_payment_method table.cart td, #add_payment_method table.cart th, .woocommerce-cart table.cart td, .woocommerce-cart table.cart th, .woocommerce-checkout table.cart td, .woocommerce-checkout table.cart th, #add_payment_method .cart-collaterals .cart_totals tr td, #add_payment_method .cart-collaterals .cart_totals tr th, .woocommerce-cart .cart-collaterals .cart_totals tr td, .woocommerce-cart .cart-collaterals .cart_totals tr th, .woocommerce-checkout .cart-collaterals .cart_totals tr td, .woocommerce-checkout .cart-collaterals .cart_totals tr th, .woocommerce table.shop_table, .woocommerce table.shop_table th, .woocommerce table.shop_table td { border-color: #e0e0e0 !important; }
.woocommerce table.shop_table th { background-color: #fff; }
.woocommerce table.shop_table thead th { background-color: #f9f9f9; }
.woocommerce .product-thumbnail img { width: 80px !important; border: 1px solid #e0e0e0; }
.woocommerce .cart-collaterals .cart_totals table, .woocommerce table.shop_table { background-color: transparent; border-radius: 0; }

@media (min-width:769px) {
.woocommerce .cart-collaterals .cart_totals table tr td, .woocommerce .cart-collaterals .cart_totals table tr th { border: 1px solid #e0e0e0 !important; }
}
.woocommerce table.shop_table .quantity { min-width: 120px; }
.woocommerce ul#shipping_method .amount, .woocommerce ul#shipping_method .amount span { color: #201f1f; font-weight: bold; }
.woocommerce table.shop_table .order-total strong, .woocommerce-cart table.cart td.product-subtotal .amount, .woocommerce-cart table.cart td.product-subtotal .amount span { font-size: 16px; color: #201f1f; font-weight: bold }
.woocommerce a.remove { line-height: 1; }
.woocommerce-error li:before, .woocommerce-info li:before, .woocommerce-message li:before, #add_payment_method #payment ul.payment_methods li:before, .woocommerce-cart #payment ul.payment_methods li:before, .woocommerce-checkout #payment ul.payment_methods li:before, .woocommerce .order_details li:before, .woocommerce nav.woocommerce-pagination li:before, .woocommerce .order_details:after, .woocommerce .order_details:before, .woocommerce table.shop_table ul#shipping_method li:before { display: none!important }
.woocommerce-ordering .csSelect { padding: 0; min-width: 150px; height: 40px; }
.woocommerce-ordering .csSelectBar { padding-left: 5px; line-height: 40px; }
.woocommerce-ordering select { padding: 5px; }
.woocommerce-ordering .csSelect:after { padding: 1px 6px; }
.woocommerce-error, .woocommerce-info, .woocommerce-message { margin: 15px 0 !important; clear: both; padding: 1em 2em 1em 3.5em !important; background-color: #fff; border-bottom: 1px solid #e0e0e0; border-left: 1px solid #e0e0e0; border-right: 1px solid #e0e0e0; }
.woocommerce .product-quantity .qty { width: 80px }
.woocommerce-error *:not(a), .woocommerce-info *:not(a), .woocommerce-message *:not(a) { color: #272425 !important }
.woocommerce .woocommerce-error .button, .woocommerce .woocommerce-info .button, .woocommerce .woocommerce-message .button, .woocommerce table.my_account_orders .button, .woocommerce-message .btn { padding: 2px 10px !important; font-size: 12px; white-space: normal; }
.woocommerce-message .btn { float: right; margin-left: 15px; min-width: inherit; }
.woocommerce .col2-set .col-1, .woocommerce-page .col2-set .col-1 { float: left!important; width: 50% !important; padding-right: 10px !important }
.woocommerce .col2-set .col-2, .woocommerce-page .col2-set .col-2 { float: right!important; width: 50%!important; padding-left: 10px !important }
.woocommerce form .form-row-first, .woocommerce form .form-row-last, .woocommerce-page form .form-row-first, .woocommerce-page form .form-row-last { width: 49%!important; float: left !important }
.woocommerce fieldset { padding: 15px; padding-top: 10px; margin: 25px 0 15px; border: 5px solid #e0e0e0; }
.woocommerce legend { display: block; width: auto; padding: 0 15px; margin: 0; font-size: 24px; line-height: normal; border: none; }
.woocommerce-account .woocommerce-MyAccount-navigation { width: 24% !important; background: #fff; }
.woocommerce-account .woocommerce-MyAccount-content { width: 76% !important; padding-left: 35px !important; }
.woocommerce-account .woocommerce-MyAccount-navigation ul { display: block; padding: 0; border: 1px solid #e0e0e0; border-bottom: none; }
.woocommerce-account .woocommerce-MyAccount-navigation ul li { display: block; font-size: 16px; padding: 0; margin: 0; line-height: inherit; clear: both; border-bottom: 1px solid #e0e0e0 }
.woocommerce-account .woocommerce-MyAccount-navigation ul li:before { display: none }
.woocommerce-account .woocommerce-MyAccount-navigation ul li a { display: block; line-height: normal; padding: 9px 15px; color: #6f6f6f; font-weight: normal }
.woocommerce-account .woocommerce-MyAccount-navigation ul li a:hover, .woocommerce-account .woocommerce-MyAccount-navigation ul li.is-active a { background-color: #0278bf; color: #ffffff; }
.addresses address, .woocommerce-view-order address, .woocommerce-order-received address { background: #f9f9f9; padding: 15px; border-radius: 8px !important; margin: 5px 0 15px 0; border: 1px solid #e0e0e0; clear: both; }
.woocommerce td.product-name dl.variation dd p { padding: 0 }
#coupon_code { display: inline-block; width: 120px; padding: 10px; height: 48px; vertical-align: top; }
.woocommerce .checkout_coupon p.form-row { width: 49% !important; float: none !important; display: inline-block !important; vertical-align: top !important; }
.woocommerce .checkout_coupon #coupon_code { width: 100% }
.woocommerce .checkout_coupon p:first-of-type { margin: 0 3px 5px; }
.woocommerce form.checkout_coupon, .woocommerce form.login, .woocommerce form.register { padding: 10px!important; border-color: #e0e0e0!important; margin: 0 0 10px 0 !important; border-radius: 0!important; background: #fff }
.woocommerce .woocommerce-billing-fields, .woocommerce .woocommerce-shipping-fields { padding: 15px; border: 1px solid #e0e0e0; background-color: #fff; margin: 0 0 15px; }
.woocommerce .radio .csRadio, .woocommerce .checkbox .csCheckbox, .woocommerce-checkout .checkout input[type="checkbox"], .woocommerce-checkout .checkout input[type="radio"] { margin-left: 0; }
.woocommerce form.checkout_coupon input.button, .woocommerce form.login input.button, .woocommerce form.register input.button { margin-right: 10px }
#add_payment_method .checkout .create-account small, .woocommerce-cart .checkout .create-account small, .woocommerce-checkout .checkout .create-account small { font-size: 15px; color: #BEBEBE; font-weight: 400; line-height: normal; }
.select2-container .select2-selection--single { height: 48px !important; border-color: #bfbfbf !important; -moz-box-shadow: none; -webkit-box-shadow: none; -ms-box-shadow: none; box-shadow: none; margin: 0!important; border-radius: 0!important; }
ul.select2-results__options li:before { display: none !important }
.select2-container--default .select2-selection--single .select2-selection__rendered { line-height: 46px !important; padding-left: 15px !important; }
.select2-container--default .select2-selection--single .select2-selection__arrow { height: 46px !important; }
.select2-container--open .select2-dropdown--above { border-color: #e0e0e0 !important }
.select2-dropdown { border: 1px solid #e0e0e0; }
#add_payment_method #payment ul.payment_methods, .woocommerce-cart #payment ul.payment_methods, .woocommerce-checkout #payment ul.payment_methods { border-color: #e0e0e0 !important; }
#add_payment_method #payment ul.payment_methods li label, .woocommerce-cart #payment ul.payment_methods li label, .woocommerce-checkout #payment ul.payment_methods li label, #add_payment_method #payment ul.payment_methods li img, .woocommerce-cart #payment ul.payment_methods li img, .woocommerce-checkout #payment ul.payment_methods li img, .woocommerce .woocommerce-shipping-fields h3 label { display: inline-block }
#add_payment_method #payment, .woocommerce-cart #payment, .woocommerce-checkout #payment { background-color: #fff !important; border: 1px solid #e0e0e0 !important; border-radius: 0 !important; }
.woocommerce-checkout #payment ul.payment_methods li .form-row label { display: block }
.woocommerce-checkout #payment ul.payment_methods li .csSelect { display: inline-block; height: 46px; padding: 10px 0 8px 0; min-width: 100px; width: 100px }
.woocommerce-checkout #payment ul.payment_methods li select { display: inline-block; }
.woocommerce-checkout #payment ul.payment_methods li .csSelect:after { padding: 12px 5px; }
#add_payment_method #payment ul.payment_methods li, .woocommerce-cart #payment ul.payment_methods li, .woocommerce-checkout #payment ul.payment_methods li, .woocommerce .woocommerce table.shop_table ul#shipping_method li { padding-left: 0 }
#add_payment_method #payment div.payment_box, .woocommerce-cart #payment div.payment_box, .woocommerce-checkout #payment div.payment_box { background-color: #f5f5f5 !important; }
#add_payment_method #payment div.payment_box:before, .woocommerce-cart #payment div.payment_box:before, .woocommerce-checkout #payment div.payment_box:before { border-bottom-color: #f5f5f5 !important }
.woocommerce-checkout #payment div.payment_box div p { width: auto; display: inline-block; float: none; }
.woocommerce-checkout #payment div.payment_box fieldset { padding: 0; padding-top: 10px; margin: 0; border: none; }
#add_payment_method #payment ul.payment_methods li input, .woocommerce-cart #payment ul.payment_methods li input, .woocommerce-checkout #payment ul.payment_methods li input { margin: -8px 6px 0 0; vertical-align: middle; }
.woocommerce ul#shipping_method li { padding: 0 }
.woocommerce ul.order_details { display: table; width: 100%; margin: 0 0 15px; padding: 0; border: 1px solid #e0e0e0 }
.woocommerce ul.order_details li { display: table-cell; margin: 0; border: none; border-right: 1px solid #e0e0e0 !important; padding: 15px !important; background: none; float: none !important; word-break: break-word; background-color: #fff; }
.woocommerce ul.order_details li:last-child { border: none !important }
.woocommerce .woocommerce-customer-details, .woocommerce .woocommerce-order-details, .woocommerce .woocommerce-order-downloads { margin-bottom: 1em; }
.woocommerce .wc-item-meta p, .woocommerce .wc-item-meta li { padding: 0 }
.woocommerce .woocommerce-customer-details .woocommerce-customer-details--email, .woocommerce .woocommerce-customer-details .woocommerce-customer-details--phone { word-break: break-word; }
.common-content header { position: static !important; margin: 0 !important; padding: 0 !important; z-index: inherit!important; box-shadow: none !important; background: none !important; }
.common-content header h3 { padding: 0 0 10px }
.woocommerce-checkout .woocommerce-billing-fields h3:before, .woocommerce-checkout .woocommerce-shipping-fields h3:before, .woocommerce-checkout #order_review_heading:before, .woocommerce-checkout div#payment:before { content: "1"; background: #e9769d; border-radius: 40px; width: 40px; line-height: 40px; display: inline-block; vertical-align: middle; text-align: center; margin: 0 10px 5px 0; font-size: 18px; color: #fff; font-weight: 700; }
.woocommerce .woocommerce-shipping-fields h3:before { content: "2" }
.woocommerce-checkout #order_review_heading:before { content: "3" }
.woocommerce-checkout div#payment { position: relative; }
.woocommerce-checkout div#payment { background: #fff !important; margin-top: 15px; }
.woocommerce-checkout div#payment:before { content: "4"; margin: 8px 0 8px 15px; }
.woocommerce-checkout div#payment:after { content: "Payment"; position: absolute; left: 65px; top: 15px; font-family: 'Volte-Medium'; font-weight: 500; font-size: 22px !important; text-transform: capitalize; color: #0278bf; line-height: 1.2; }
.woocommerce-checkout #order_review_heading { padding: 10px; border: 1px solid #e0e0e0; margin-bottom: -9px; background: #fff; }
.woocommerce-checkout div#payment .woocommerce-terms-and-conditions-wrapper+ button.button { margin-top: 15px; }
.woocommerce-order-received h2, .woocommerce-order-received h3, .woocommerce-checkout h2, .woocommerce-checkout h3, .woocommerce .woocommerce-column__title, .woocommerce .woocommerce-order-details__title, .woocommerce .woocommerce-Address h3 { font-size: 22px !important; text-transform: capitalize; margin: 0 0 10px; }
.woocommerce-cart .woocommerce .cart-collaterals h2 { padding: 9px 0; margin: 0; border: none; font-size: 24px !important; text-transform: capitalize !important; font-weight: 500; }
.woocommerce div.product form.cart .reset_variations { display: block; overflow: hidden; clear: both; }
.woocommerce-checkout #payment div.payment_box .wc-credit-card-form div.form-row { padding: 3px; margin: 0; }
.admin-bar header { top: 32px !important; }
.woocommerce nav.woocommerce-pagination { float: left; display: block; width: 100%; padding: 0; margin: 20px 0 0; text-align: center; border-top: none; overflow: hidden; }
.woocommerce nav.woocommerce-pagination ul { position: relative; display: inline-block; padding: 0 20px; border: none; border-right: 0; margin: 0; width: auto }
.woocommerce nav.woocommerce-pagination ul:before, .woocommerce nav.woocommerce-pagination ul:after { content: ""; position: absolute; right: 100%; top: 50%; background: url(../img/bg-4.png) top center; width: 68px; padding: 3px 0; margin-top: -3px }
.woocommerce nav.woocommerce-pagination ul:after { left: 100%; -moz-transform: rotate(180deg); -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg) }
.woocommerce nav.woocommerce-pagination ul li { border-right: none; padding: 1px 3px; margin: 0; display: inline-block; overflow: hidden; vertical-align: top; text-align: center }
.woocommerce nav.woocommerce-pagination ul li:before { display: none }
.woocommerce nav.woocommerce-pagination ul li a, .woocommerce nav.woocommerce-pagination ul li span { display: inline-block; margin: 0; color: #000; border: 1px solid #dbe0e4; text-decoration: none; line-height: 40px; font-size: 16px; font-weight: normal; padding: 0 10px; display: block; border-radius: 5px; background: #fff; min-width: 42px }
.woocommerce nav.woocommerce-pagination ul li a:focus, .woocommerce nav.woocommerce-pagination ul li a:hover, .woocommerce nav.woocommerce-pagination ul li span.current { color: #fff; border-color: #0278bf; background-color: #0278bf }
.woocommerce nav.woocommerce-pagination ul li .dots { border-color: transparent; background: none }
.paypal-button-row { margin-top: 10px }

@media only screen and (max-width:782px) {
.admin-bar header { top: 46px !important; }
}

@media only screen and (max-width:600px) {
.admin-bar header { position: absolute; top: 46px !important; }
}
.woocommerce-currency-switcher-form .dd-selected { height: 26px !important }
/**********Owl Carousel**********/



.owl-carousel.has-shadow { margin: 25px -10px 0; width: auto }
.owl-carousel.has-shadow .owl-item { margin: 10px 0 }
.owl-carousel, .owl-carousel .owl-item { -webkit-tap-highlight-color: transparent; position: relative }
.owl-carousel { display: none; width: 100%; z-index: 1 }
.owl-carousel .owl-stage { position: relative; -ms-touch-action: pan-Y; -moz-backface-visibility: hidden }
.owl-carousel .owl-stage:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0 }
.owl-carousel .owl-stage-outer { position: relative; overflow: hidden; -webkit-transform: translate3d(0, 0, 0) }
.owl-carousel .owl-item, .owl-carousel .owl-wrapper { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0) }
.owl-carousel .owl-item { min-height: 1px; float: left; width: 100%; -webkit-backface-visibility: hidden; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none }
.owl-carousel .owl-item img { display: block; width: 100% }
.owl-carousel .owl-dots.disabled, .owl-carousel .owl-nav.disabled { display: none }
.no-js .owl-carousel, .owl-carousel.owl-loaded { display: block }
.owl-carousel.owl-loading { opacity: 0; display: block }
.owl-carousel.owl-hidden { opacity: 0 }
.owl-carousel.owl-refresh .owl-item { visibility: hidden }
.owl-carousel.owl-grab { cursor: move; cursor: grab }
.owl-carousel.owl-rtl { direction: rtl }
.owl-carousel.owl-rtl .owl-item { float: right }
.owl-carousel .animated { animation-duration: 1s; animation-fill-mode: both }
.owl-carousel .owl-animated-in { z-index: 0 }
.owl-carousel .owl-animated-out { z-index: 1 }
.owl-carousel .fadeOut { animation-name: fadeOut }
 @keyframes fadeOut {
0% {
 opacity: 1
}
 100% {
 opacity: 0
}
}
.owl-height { transition: height .5s ease-in-out }
.owl-carousel .owl-item .owl-lazy { opacity: 0; }
.owl-carousel .owl-item img.owl-lazy { transform-style: preserve-3d }
.owl-carousel .owl-video-wrapper { position: relative; height: 100%; background: #0b0b0b }
.owl-carousel .owl-video-play-icon { position: absolute; height: 80px; width: 80px; left: 50%; top: 50%; margin-left: -40px; margin-top: -40px; background: url(owl.video.play.png) no-repeat; cursor: pointer; z-index: 1; -webkit-backface-visibility: hidden; transition: transform .1s ease }
.owl-carousel .owl-video-play-icon:hover { -ms-transform: scale(1.3, 1.3); transform: scale(1.3, 1.3) }
.owl-carousel .owl-video-playing .owl-video-play-icon, .owl-carousel .owl-video-playing .owl-video-tn { display: none }
.owl-carousel .owl-video-tn { opacity: 0; height: 100%; background-position: center center; background-repeat: no-repeat; background-size: contain; transition: opacity .4s ease }
.owl-carousel .owl-video-frame { position: relative; z-index: 1; height: 100%; width: 100% }
.owl-carousel .owl-dots { display: table; margin: 0 auto; clear: both; overflow: hidden; padding-top: 25px; text-align: center }
.owl-carousel .owl-dot { cursor: pointer; cursor: hand; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.owl-carousel .owl-dot { position: relative; display: inline-block; width: 12px; height: 12px; margin: 2px 6px; border: 1px solid #373737; font-size: 0; line-height: 0; cursor: pointer; border-radius: 20px; }
.owl-carousel .owl-dot span { display: none }
.owl-carousel .owl-dot.active, .owl-carousel .owl-dot:hover { background-color: #373737 }
.owl-carousel .owl-nav .owl-prev, .owl-carousel .owl-nav .owl-next { background-color: rgba(0, 0, 0, 0.4); cursor: pointer; position: absolute; left: 0; right: 0; top: 50%; margin-top: -20px; width: 25px; height: 40px; border-radius: 0; display: inline-block; font-size: 0; z-index: 98; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: transparent; }
.owl-carousel .owl-nav .owl-next { left: auto; right: 0 }
.owl-carousel .owl-nav .owl-prev.disabled, .owl-carousel .owl-nav .owl-next.disabled { opacity: 0.2; cursor: not-allowed }
.owl-carousel .owl-nav .owl-prev:before, .owl-carousel .owl-nav .owl-next:before { content: ''; line-height: 1; display: block; border: solid #fff; border-width: 0 2px 2px 0; padding: 6px; margin: 0 2px; position: absolute; top: 50%; left: 50%; transition: .2s ease-in-out; -moz-transition: .2s ease-in-out; -moz-transform: translate(-50%, -50%) rotate(135deg); -ms-transform: translate(-50%, -50%) rotate(135deg); -o-transform: translate(-50%, -50%) rotate(135deg); -webkit-transform: translate(-50%, -50%) rotate(135deg); transform: translate(-50%, -50%) rotate(135deg); }
.owl-carousel .owl-nav .owl-next:before { left: auto; right: 50%; -webkit-transform: translate(50%, -50%) rotate(-45deg); -moz-transform: translate(50%, -50%) rotate(-45deg); -ms-transform: translate(50%, -50%) rotate(-45deg); -o-transform: translate(50%, -50%) rotate(-45deg); -webkit-transform: translate(50%, -50%) rotate(-45deg); transform: translate(50%, -50%) rotate(-45deg); }
.owl-carousel .owl-nav .owl-prev:hover, .owl-carousel .owl-nav .owl-next:hover { background: #373737; border-color: #373737; }
.owl-carousel .owl-nav .owl-prev:hover:before, .owl-carousel .owl-nav .owl-next:hover:before { color: #fffff }
.owl-carousel.top-nav { margin-top: 40px }
.owl-carousel.top-nav .owl-nav { position: absolute; right: 0; bottom: 100%; width: 65px; padding: 15px 0; margin-bottom: 38px; }
.owl-carousel.vertical-nav .owl-nav .owl-prev, .owl-carousel.vertical-nav .owl-nav .owl-next { top: 0; bottom: 0; margin: 0; height: auto; width: 25px; }
.owl-carousel.arrow { padding-left: 40px; padding-right: 40px; }
.owl-carousel.arrow .owl-nav .owl-prev, .owl-carousel.arrow .owl-nav .owl-next { background-color: transparent; margin-top: -25px; width: 30px; height: 50px; }
.owl-carousel.arrow .owl-nav .owl-prev:before, .owl-carousel.arrow .owl-nav .owl-next:before { font-size: 46px; line-height: 30px; color: #5DB733; }
.owl-carousel.arrow .owl-nav .owl-prev:hover, .owl-carousel.arrow .owl-nav .owl-next:hover { background-color: #438f9f }
.owl-carousel.arrow .owl-nav .owl-prev:hover:before, .owl-carousel.arrow .owl-nav .owl-next:hover:before { color: #fff }
.bottom-arrow .owl-nav { position: absolute; bottom: 0; right: 0; left: 0; padding: 18px; width: 128px; margin: 0 auto; }
.bottom-arrow .owl-nav .owl-next, .bottom-arrow .owl-nav .owl-prev { width: 20px; margin: -11px 0 0; height: 22px; background: none !important; }
.bottom-arrow .owl-nav .owl-next:before, .bottom-arrow .owl-nav .owl-prev:before { color: #373737; line-height: 1; }
.bottom-arrow .owl-nav .owl-next:hover:before, .bottom-arrow .owl-nav .owl-prev:hover:before { color: #333; }
.owl-carousel.type-2-arrow .owl-nav .owl-prev, .owl-carousel.type-2-arrow .owl-nav .owl-next { width: 42px; height: 42px; background-color: transparent; border: 1px solid #373737; margin-top: -21px }
.owl-carousel.type-2-arrow .owl-nav .owl-prev:before, .owl-carousel.type-2-arrow .owl-nav .owl-next:before { color: #373737; font-size: 22px; font-weight: normal; }
.owl-carousel.type-2-arrow .owl-nav .owl-prev:hover, .owl-carousel.type-2-arrow .owl-nav .owl-next:hover { background-color: #373737 }
.owl-carousel.type-2-arrow .owl-nav .owl-prev:hover:before, .owl-carousel.type-2-arrow .owl-nav .owl-next:hover:before { color: #fff }
/*****Owl Carousel End*******/





/*****Social Icons*****/



ul.social-icon { display: inline-block; padding: 0; margin: 0 0 15px; vertical-align: middle }
ul.social-icon li { display: inline-block; width: auto; margin: 3px 9px 3px 0; background: none; padding: 0; vertical-align: middle; color: #373737; }
ul.social-icon li:before { display: none }
ul.social-icon li a { display: inline-block; padding: 0; width: auto; }
ul.social-icon li i { text-align: center; display: inline-block; border: 0; border-radius: 0; vertical-align: top; font-size: 15px; color: #ffffff; background-color: #373737; line-height: 1 }
ul.social-icon li i:before { display: inline-block; line-height: 36px; width: 36px; }
ul.social-icon li a:hover i { color: #fff; }
ul.social-icon li a:hover .fa-twitter { background-color: #0eb1f2; }
ul.social-icon li a:hover .fa-linkedin-in { background-color: #007bb6; }
ul.social-icon li a:hover .fa-instagram { background-color: #d82370; }
ul.social-icon li a:hover .flaticon-pinterest { background-color: #cb2027; }
ul.social-icon li a:hover .flaticon-tumblr { background-color: #395976; }
ul.social-icon li a:hover .flaticon-youtube { background-color: #ff0000; }
ul.social-icon li a:hover .flaticon-rss { background-color: #ea7819; }
ul.social-icon li a:hover .flaticon-whatsapp { background-color: #25d366; }
ul.social-icon li a:hover i { border-color: transparent }
ul.social-icon li a:hover .fa-facebook-f { background-color: #3b5998 }
ul.social-icon li a:hover i { color: #fff; background-color: #373737 }
/*****Social Icons End*****/





/******Footer*****/



footer { padding-bottom: 30px !important; padding: 60px 0 0; background: #0278bf; overflow: hidden; clear: both; }
footer .connect-info { margin-top: -50px }
footer .col-md-3 { width: 22% }
footer .col-md-3:first-child { width: 30%; }
footer .col-md-3:last-child { width: 25%; }
footer .box { float: left; width: 33.33333333333%; padding: 0 30px 0 0 }
footer .box:last-child { pading: 0 }
footer .col-md-8 { width: 63%; position: relative; }
footer h3 { font-size: 18px; font-weight: normal; color: #ffffff; text-transform: uppercase; margin: 0 0 15px }
footer h4 { font-size: 15px; font-weight: normal; color: #ffffff; text-transform: uppercase; margin: 20px 0 8px }
footer a, footer p { color: #ffffff; font-size: 16px; margin: 0; font-weight: 300 }
footer ul { margin: 0 }
footer ul li { position: relative; padding: 0 0 5px 17px; font-weight: 400 }
footer ul li:before { content: "\f054"; font-family: "Font Awesome 5 Pro"; font-weight: 400; font-size: 12px; color: #ffffff; display: inline-block; line-height: 1; position: absolute; left: 2px; top: 0.63333em; }
footer .social-icon { margin: 10px 0 0 }
footer ul.social-icon li i { background-color: transparent }
p.has-icon { position: relative; padding-left: 30px; margin-top: 15px }
p.has-icon:first-child { margin-top: 0 }
p.has-icon i { color: #ffffff; font-size: 20px; font-weight: 300; position: absolute; left: 0; top: 2px; }
.cards-accept img { margin: 0 auto }
footer .copyright { background: #0278bf; float: left; width: 100%; padding: 18px 0; margin: 55px 0 0 }
footer .copyright .flex { align-items: center; justify-content: space-between; }
footer .copyright p { float: left; font-size: 16px; color: #373737 }
footer .copyright p+p { float: right; }
footer a:hover, footer a:focus, footer .current-menu-item a { color: #cee3c3 !important; }
/***Scroll top***/



.scrollup { float: right; position: relative; bottom: auto; font-size: 13px; font-style: normal; color: #ffff; z-index: 115; -webkit-transition: all ease 1.5s; -moz-transition: all ease 1.5s; -ms-transition: all ease 1.5s; -o-transition: all ease 1.5s; transition: all ease 1.5s; opacity: 1.0 !important; cursor: pointer; margin: 0 }
.scrollup i { font-size: 14px; margin: 0 0 0 5px; font-weight: 900; display: inline-block; vertical-align: middle; }
.scrollup.show { filter: alpha(opacity=100); opacity: 1; }

@media only screen and (max-width:1199px) {
.search-field { width: 300px }
.nav-wrap nav ul.nav>li { margin-right: 18px }
h1+.pn img, h2+.pn img { margin-top: 20px; }
.n-wrap { white-space: normal; }
footer .copyright .flex { flex-wrap: wrap }
}

@media only screen and (min-width:1025px) {
.woocommerce-cart .woocommerce-cart-form { float: left; width: 70%; }
.woocommerce-cart .woocommerce .cart-collaterals { float: left; width: 30%; padding-left: 30px; }
.woocommerce-cart .woocommerce .cart-collaterals .cart_totals { width: 100% }
.woocommerce-cart .woocommerce .cart-collaterals .checkout-button { width: 100%; }
}

@media only screen and (max-width:1024px) {
.nav-trigger { float: right; padding: 19px; border-radius: 0; display: inline-block; position: relative; cursor: pointer; transition-property: opacity, -webkit-filter; transition-property: opacity, filter; transition-property: opacity, filter, -webkit-filter; transition-duration: .15s; transition-timing-function: linear; font: inherit; color: inherit; text-transform: none; background-color: #0278bf; border: 1px solid #0278bf; margin: 0 0 0 15px; overflow: visible; }
.nav-trigger span { display: block; top: 50%; margin-top: -1px; right: 9px; }
.nav-trigger span, .nav-trigger span::after, .nav-trigger span::before { width: 21px; height: 2px; background-color: #ffffff; border-radius: 0; position: absolute; transition-property: transform; transition-duration: .15s; transition-timing-function: ease; }
.nav-trigger span::after, .nav-trigger span::before { content: ""; display: block }
.nav-trigger span::before { top: -7px }
.nav-trigger span::after { bottom: -7px }
.nav-trigger.closemenu span { top: auto; bottom: 7px; transition-duration: .15s; transition-delay: .15s; transition-timing-function: cubic-bezier(.55, .055, .675, .19) }
.nav-trigger.closemenu span::after { top: -20px; transition: top .3s .3s cubic-bezier(.33333, .66667, .66667, 1), opacity .1s linear }
.nav-trigger.closemenu span::before { transition: top .12s .3s cubic-bezier(.33333, .66667, .66667, 1), transform .15s cubic-bezier(.55, .055, .675, .19) }
.nav-trigger.closemenu span { transform: translate3d(0, -12px, 0) rotate(-45deg); transition-delay: .32s; transition-timing-function: cubic-bezier(.215, .61, .355, 1) }
.nav-trigger.closemenu span::after { top: 0; opacity: 0; transition: top .3s cubic-bezier(.33333, 0, .66667, .33333), opacity .1s .27s linear }
.nav-trigger.closemenu span::before { top: 0; -ms-transform: rotate(-90deg); transform: rotate(-90deg); transition: top .12s .18s cubic-bezier(.33333, 0, .66667, .33333), transform .15s .42s cubic-bezier(.215, .61, .355, 1); }
#push_sidebar { display: block; right: -260px; z-index: -1; top: 0!important; bottom: 0; position: fixed; width: 260px; overflow-x: hidden; overflow-y: auto; margin: 0!important; padding: 0; transition: all 0.2s linear 0s; -moz-transition: all 0.2s linear 0s; -webkit-transition: all 0.2s linear 0s; -ms-transition: all 0.2s linear 0s; -o-transition: all 0.2s linear 0s; background: rgb(3, 123, 196); background: -moz-linear-gradient(left, rgba(3, 123, 196, 1) 0%, rgba(231, 117, 156, 1) 100%); background: -webkit-linear-gradient(left, rgba(3, 123, 196, 1) 0%, rgba(231, 117, 156, 1) 100%); background: linear-gradient(to right, rgba(3, 123, 196, 1) 0%, rgba(231, 117, 156, 1) 100%); filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#037bc4', endColorstr='#e7759c', GradientType=1);
}
html, header { transition: all 0.2s linear 0s; -moz-transition: all 0.2s linear 0s; -webkit-transition: all 0.2s linear 0s; -ms-transition: all 0.2s linear 0s; -o-transition: all 0.3s linear 0s; }
.sidebar_active { overflow: hidden; margin-left: -260px; margin-right: 260px }
.sidebar_active #push_sidebar { right: 0; z-index: 999999; }
.nav-wrap nav ul.nav>li.has-sub>a:after { display: none }
.sidebar_active header { position: fixed; left: -260px; right: 260px; top: 0!important; }
.nav-wrap nav ul.nav>li.has-sub:hover>a:before { display: none }
.nav-wrap nav ul, nav ul ul, .nav-wrap nav ul ul ul, .nav-wrap nav ul.nav, nav.align-center>ul, .nav-wrap nav ul.nav>li>ul, .nav-wrap nav ul.nav>li:hover>ul, .nav-wrap nav ul ul li:hover>ul, .nav-wrap nav ul ul ul li:hover>ul { position: relative; left: 0; right: auto; top: 100%; width: 100%; display: none; padding: 0; opacity: 1; text-align: left; }
.nav-wrap nav ul.nav { padding: 0; margin: 0; border: 0; }
.nav-wrap nav ul.nav>li { width: 100%; margin: 0!important; padding: 0; border: 0!important; border-bottom: 1px solid rgba(255, 255, 255, 0.12)!important }
.nav-wrap nav ul.nav>li:after, .nav-wrap nav ul.nav>li:first-child:before { display: none }
.nav-wrap nav ul.nav>li:last-child { border-bottom: none }
.nav-wrap nav ul.nav ul li { border: none; opacity: 1.0; padding: 0 }
.nav-wrap nav ul.nav>li>a { color: #ffffff; padding: 7px 20px 7px 16px!important; margin: 0!important; white-space: inherit; border-radius: 0; font-size: 14px; }
.nav-wrap nav ul.nav>li>a:before { display: none }
.nav-wrap nav ul.nav>li.fa-home a { font-size: 14px; font-weight: normal }
.nav-wrap nav ul.nav>li.fa-home a:after { margin-left: 10px; font-weight: bold }
.nav-wrap nav ul.nav>li.has-sub>a { padding-right: 50px!important; }
.nav-wrap nav ul.nav ul { position: static!important; opacity: 1.0; visibility: visible; padding: 0; border-radius: 0; background: none; -webkit-box-shadow: none; box-shadow: none; }
.nav-wrap nav ul.nav ul:before, .nav-wrap nav ul.nav ul:after { display: none }
.nav-wrap nav ul.nav>li>ul>li { padding: 0!important; margin: 0; float: left; width: 100%!important; background-color: transparent; border-bottom: none; min-width: inherit }
.nav-wrap nav ul.nav>li>ul li a { font-size: 14px; color: #ffffff; padding: 11px 15px 12px; white-space: inherit; border-top: 1px solid rgba(255, 255, 255, 0.1); }
.nav-wrap nav .submenu-button { position: absolute; right: 0; display: block; width: 40px; height: 40px; cursor: pointer; z-index: 111; -moz-transition: none; -webkit-transition: none; -ms-transition: none; -o-transition: none; transition: none; }
.nav-wrap nav .submenu-button { background-color: rgba(255, 255, 255, 0.1) }
.nav-wrap nav .submenu-button:before { content: ""; position: absolute; text-align: center; top: 50%; left: 50%; margin-top: -4px; margin-left: -6px; font-size: 14px; line-height: 26px; width: auto; font-weight: normal; border-radius: 0; border: solid #fff; border-width: 0 2px 2px 0; padding: 4px; -moz-transition: none; -webkit-transition: none; transition: none; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }
.nav-wrap nav .submenu-button.submenu-opened { padding: 6px 15px 6px 35px; color: #ffffff; font-size: 14px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-transform: uppercase }
.nav-wrap nav .submenu-button.submenu-opened:before { left: 22px; -moz-transform: rotate(135deg); -ms-transform: rotate(135deg); -o-transform: rotate(135deg); -webkit-transform: rotate(135deg); transform: rotate(135deg); margin-top: -6px; }
.nav-wrap nav ul.nav { visibility: visible!important; display: block!important; top: 0 }
.nav-wrap nav ul.nav li:hover>a, .nav-wrap nav ul.nav li>a:hover, .nav-wrap nav ul.nav li.current-menu-item>a, .nav-wrap nav ul.nav li.current-menu-ancestor>a { background-color: rgba(0, 0, 0, 0.2); color: #ffffff }
.nav-wrap nav ul.nav ul li:hover>a, .nav-wrap nav ul.nav ul li>a:hover, .nav-wrap nav ul.nav ul li.current-menu-item>a, .nav-wrap nav ul.nav ul li.current-menu-ancestor>a { background-color: rgba(0, 0, 0, 0.2); color: #ffffff }
.nav-wrap nav>ul.nav>li>ul { max-height: inherit; margin-top: 0 }
.nav-wrap nav ul.nav ul li.has-sub:after, .nav-wrap nav ul.nav ul ul, .nav-wrap nav ul.nav>li>a:after, .nav-wrap nav ul.nav>li:before, .nav-wrap nav ul.nav li.has-sub li.has-sub>a:after, .nav-wrap nav ul.nav>li.has-sub>a:after { display: none!important }
.nav-wrap nav ul.nav ul ul.open { display: block!important }
.nav-wrap nav ul.nav li.has-sub li.has-sub>a { padding-right: 45px !important; }
.nav-wrap nav ul.nav>li { display: block }
.nav-wrap nav ul.nav>li.has-sub>a br { display: none }
.nav-wrap nav ul.nav>li>a { z-index: 111 !important; }
.nav-wrap nav ul.nav>li>.submenu-button { z-index: 1111 !important; }
.nav-wrap nav ul.nav .parent-active { z-index: 9999 !important }
.mega-dropdown { position: static !important; width: auto !important; left: 0 !important; display: none; -webkit-box-shadow: none; box-shadow: none; }
.sidebar_active .mega-dropdown.open, .sidebar_active .nav-wrap nav ul.nav ul.open { display: block !important; position: fixed !important; top: 40px !important; left: auto !important; right: 0 !important; bottom: 0; width: 260px !important; margin: 0; opacity: 1.0 !important; visibility: visible !important; border: none !important; height: 100%; overflow: auto; z-index: 99999; background: rgb(3, 123, 196); background: -moz-linear-gradient(left, rgba(3, 123, 196, 1) 0%, rgba(231, 117, 156, 1) 100%); background: -webkit-linear-gradient(left, rgba(3, 123, 196, 1) 0%, rgba(231, 117, 156, 1) 100%); background: linear-gradient(to right, rgba(3, 123, 196, 1) 0%, rgba(231, 117, 156, 1) 100%); filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#037bc4', endColorstr='#e7759c', GradientType=1);
}
.sidebar_active .nav-wrap nav .submenu-button.submenu-opened { position: fixed !important; top: 0; right: 0; width: 260px; line-height: 28px; background: rgb(3, 123, 196); background: -moz-linear-gradient(left, rgba(231, 117, 156, 1) 0%, rgba(3, 123, 196, 1) 100%); background: -webkit-linear-gradient(left, rgba(231, 117, 156, 1) 0%, rgba(3, 123, 196, 1) 100%); background: linear-gradient(to right, rgba(231, 117, 156, 1) 0%, rgba(3, 123, 196, 1) 100%); filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#e7759c', endColorstr='#037bc4', GradientType=1);
}
.mega-dropdown .row { margin: 0 }
.mega-dropdown [class*=col-md-] { width: 100% !important; padding: 0; }
.mega-dropdown [class*="col-md-"].has-sub>.submenu-button { display: none !important }
.mega-dropdown [class*="col-md-"].has-sub>ul { display: block !important; max-height: inherit !important; border: none !important; height: auto !important }
.mega-dropdown ul li { padding: 0 !important }
.mega-dropdown ul li a { color: #fff !important; font-size: 14px !important; color: #fff; padding: 12px 15px 11px !important; white-space: inherit; border-top: 1px solid rgba(255, 255, 255, 0.1) !important; }
.top-right { width: auto; margin: 6px 5px 0 }
.top-right ul li { position: static; font-size: 0; margin-right: 15px; }
.top-right ul li i { margin-right: 0 }
.search-triger { display: block }
.search-field { display: none; position: absolute; left: 0; right: 0; width: auto; margin-right: 0; box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); padding: 15px; background-color: #ffffff; }
.search-field input[type="submit"] { position: absolute; top: 20px; right: 20px; }
header+div, header+section { margin-top: 121px !important; }
.main-banner .heading { font-size: 40px }
.main-banner p { font-size: 16px }
.addition-info { padding: 20px 0 30px; }
.addition-info .box-row { margin: 0 0 -30px -30px; }
.addition-info .box { padding: 0 0 30px 30px; }
}

@media only screen and (max-width:991px) {
.alignleft, .alignright, h1+.pn img, h2+.pn img { max-width: 300px }
.main-banner:before { display: none }
.main-banner.flexslider .flex-direction-nav { display: none }
.main-banner { background: rgb(3, 123, 196); background: -moz-linear-gradient(left, rgba(3, 123, 196, 1) 0%, rgba(231, 117, 156, 1) 100%); background: -webkit-linear-gradient(left, rgba(3, 123, 196, 1) 0%, rgba(231, 117, 156, 1) 100%); background: linear-gradient(to right, rgba(3, 123, 196, 1) 0%, rgba(231, 117, 156, 1) 100%); filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#037bc4', endColorstr='#e7759c', GradientType=1);
}
.main-banner .caption { position: relative; top: 0; -moz-transform: none; -ms-transform: none; -o-transform: none; -webkit-transform: none; transform: none; }
.main-banner .box { width: 100%; text-align: center; padding: 30px 0; max-width: 100% }
.main-banner .caption.type-2 .box { float: right; text-align: center; padding: 30px 0; }
.main-banner img { width: 100%; max-width: inherit; }
.welcome-wrap { padding: 30px 0 }
.categoery-wrap { padding: 10px 0 30px; }
.accessories-wrap { padding: 30px 0; }
.addition-info .box { width: 50% }
.cta-wrap, .cta-wrap.type-2 { padding: 30px 0 }
.inner-banner .heading { font-size: 30px }
.common-content, .common-row { padding: 30px 0 }
.two-aside .aside { width: 100% }
.two-aside .big-col { width: 100% }
.small-trigger { display: block; position: relative; font-size: 18px; color: #0278bf; padding: 11px 46px 11px 23px; background: #ffffff; cursor: pointer; border: 1px solid #d7d8dc; letter-spacing: inherit; font-family: 'Volte-Semibold'; font-weight: normal; line-height: 24px; }
.small-trigger:after { content: ""; width: 0; height: 0; border: solid #0278bf; border-width: 0 3px 3px 0; display: inline-block; padding: 3px; position: absolute; top: 18px; right: 25px; margin: auto; color: #909090; line-height: 30px; font-weight: normal; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); }
.small-trigger.active:after { transform: rotate(-135deg); -webkit-transform: rotate(-135deg); }
.small-hide, .small-trigger+* { display: none }
.side-nav { padding: 20px }
.form-field .btn { margin-top: 10px }
.form-field [class^="col-"].label+[class^="col-"], .form-field [class*="col-"].label+[class*="col-"] { padding-top: 0 }
.extra-space { margin: 15px 0 0; }
.connect-box { width: 100% }
.connect-box+.connect-box { padding-top: 30px }
.testimonial-box:first-child { margin-top: 15px; }
.contact-box { width: 97% }
.contact-form .btn { margin-top: 34px; }
.shop-list .common-thumb, .shop-list .product-box { width: 30.3333333% }
footer { padding: 30px 0 0; }
footer { padding: 30px 0 0 }
footer .container { clear: both }
footer .connect-info { margin-top: -30px; margin-bottom: 30px }
footer .row { clear: both; margin: -20px; overflow: hidden; clear: both }
footer [class*="col-"] { float: left; width: 50% !important; padding: 20px !important }
footer [class*="col-"]:nth-child(odd) { clear: left }
footer .copyright p, footer .copyright .cards-accept { width: 100%; text-align: center }
}

@media only screen and (max-width:768px) {
.woocommerce .col2-set .col-1, .woocommerce .col2-set .col-2, .woocommerce-page .col2-set .col-1, .woocommerce-page .col2-set .col-2 { float: none!important; width: 100%!important; padding: 10px 0!important }
.woocommerce table.shop_table_responsive tr td, .woocommerce-page table.shop_table_responsive tr td { overflow: hidden }
.woocommerce-account .woocommerce-MyAccount-navigation { width: 100% !important; }
.woocommerce-account .woocommerce-MyAccount-content { width: 100%!important; padding-left: 0!important; padding-top: 25px; }
.woocommerce table.shop_table td, .woocommerce table.shop_table th { border: none; border-top: 1px solid rgba(0,0,0,.1); }
.woocommerce table.shop_table .quantity { float: right }
}

@media only screen and (max-width:767px) {
.sm-space>[class*="col-"]+[class*="col-"] { margin-top: 30px }
.inner-banner .bg { background-position: 35% center; }
.category-box { width: 50% }
.form-field .row .row, .row.form-field .row { margin-top: -15px; }
.form-field [class^="col-"], .form-field [class*="col-"] { padding-top: 15px; }
.common-thumb h3 { font-size: 20px; }
.testimonial-box { margin: 50px 0 0; padding: 45px 20px 20px; }
.testimonial-box:before { left: 15px }
.faq-all .accordingHead, .faq-all .accordianContent { padding-left: 15px }
.pro-image { width: 100%; padding-left: 26%; }
.pro-data { width: 100%; padding: 30px 0 0; }
.contact-form .btn { margin-top: 10px; }
.contact-form { margin: 40px 0 0; }
.woocommerce ul.order_details { display: block; padding: 0; }
.woocommerce ul.order_details li { display: block; border: none !important; border-bottom: 1px solid #e0e0e0 !important; width: 100%; }
#coupon_code { width: 48% !important; }
.woocommerce form.checkout_coupon #coupon_code { width: 100% !important; }
.woocommerce .checkout_coupon p:first-of-type { margin: 0 3px 5px; width: auto !important; display: block !important; padding-left: 0; }
}

@media only screen and (max-width:639px) {
.inner-banner .box { width: 100%; text-align: right }
.common-thumb { width: 47% }
.common-thumb-row { justify-content: center; }
.big-col .shop-list .product-box { width: 47% }
.stock-form .flex { flex-wrap: wrap }
.stock-form .box { width: 98% }
.stock-form { padding: 15px }
}

@media only screen and (max-width:580px) {
.alignleft, .alignright, h1+.pn img, h2+.pn img { max-width: 100%; margin: 10px 0; float: none; display: block }
.main-banner .heading { font-size: 36px; }
.cate-thumb { width: 47% }
.card-thumb { width: 97% }
.icon-row .overflow { overflow: visible; }
.main-heading.left { margin-bottom: 25px }
.shop-list .common-thumb, .shop-list .product-box { width: 47% }
}

@media only screen and (max-width:479px) {
.custom-upload .btn { display: none !important }
.custom-upload input { width: 100%; }
.contact-box { flex-wrap: wrap }
.contact-box .img-box { width: 100% }
.contact-box .img-box img { width: 100% }
.contact-box .caption { width: 100%; padding: 15px }
footer [class*="col-"] { width: 100% !important; }
.woocommerce form .form-row { padding: 3px 0; }
.woocommerce form .form-row-first, .woocommerce form .form-row-last, .woocommerce-page form .form-row-first, .woocommerce-page form .form-row-last, .woocommerce .checkout_coupon p.form-row { width: 100% !important; }
#coupon_code { width: 100% !important; margin: 0 0 5px 0 !important; }
.woocommerce form.checkout_coupon #coupon_code { margin: 0 }
.woocommerce .woocommerce-ordering, .woocommerce .woocommerce-result-count, .woocommerce-page table.cart td.actions .coupon .button { width: 100% !important; }
.woocommerce .woocommerce-result-count { margin: 0!important }
.category-box { width: 100%; }
}

@media only screen and (max-width:420px) {
.head-left { width: 120px; min-width: 120px; }
header .logo { width: 120px }
.top-right ul li i { font-size: 20px }
.top-right { margin-top: 11px }
header+div, header+section { margin-top: 86.28px !important; }
.accessories-wrap .container { max-width: 360px }
.cta-wrap { font-size: 18px }
.addition-info .box { width: 100%; }
}

@media only screen and (max-width:359px) {
.common-thumb { width: 97% }
}
/*******lightbox popup starts******/



.mfp-bg { top: 0; left: 0; width: 100%; height: 100%; z-index: 1042; overflow: hidden; position: fixed; background: #000; opacity: 0.75; }
.mfp-wrap { top: 0; left: 0; width: 100%; height: 100%; z-index: 1043; position: fixed; outline: none !important; -webkit-backface-visibility: hidden; }
.mfp-container { text-align: center; position: absolute; width: 100%; height: 100%; left: 0; top: 0; padding: 0 8px; box-sizing: border-box; }
.mfp-container:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; }
.mfp-align-top .mfp-container:before { display: none; }
.mfp-content { position: relative; display: inline-block; vertical-align: middle; margin: 15px auto; text-align: left; z-index: 1045; }
.mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content { width: 100%; cursor: auto; }
.mfp-ajax-cur { cursor: progress; }
/*.mfp-zoom-out-cur,

.mfp-zoom-out-cur .mfp-image-holder .mfp-close{cursor:-moz-zoom-out;cursor:-webkit-zoom-out;cursor:zoom-out;}

.mfp-zoom{cursor:pointer;cursor:-webkit-zoom-in;cursor:-moz-zoom-in;cursor:zoom-in;}*/



.mfp-auto-cursor .mfp-content { cursor: auto; }
.mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter { -webkit-user-select: none; -moz-user-select: none; user-select: none; }
.mfp-loading.mfp-figure { display: none; }
.mfp-hide { display: none !important; }
.mfp-preloader { color: #CCC; position: absolute; top: 50%; width: auto; text-align: center; margin-top: -0.8em; left: 8px; right: 8px; z-index: 1044; }
.mfp-preloader a { color: #CCC; }
.mfp-preloader a:hover { color: #FFF; }
.mfp-s-ready .mfp-preloader { display: none; }
.mfp-s-error .mfp-content { display: none; }
button.mfp-close, button.mfp-arrow { overflow: visible; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; display: block; outline: none; padding: 0; z-index: 1046; box-shadow: none; touch-action: manipulation; }
 button::-moz-focus-inner {
 padding: 0;
 border: 0;
}
.mfp-close { width: 30px; height: 30px; line-height: 30px; font-size: 28px; border-radius: 30px 30px 0 0; position: absolute; right: 0; top: 0 !important; text-decoration: none; text-align: center; opacity: 0.65; padding: 0; color: #FFF; font-style: normal; font-family: Arial, Baskerville, monospace; background: none !important }
div.mfp-close { display: none !important }
.videoFrame .mfp-close { top: 0 !important; background-color: rgba(236, 223, 223, 0.5) !important; border-radius: 0; opacity: 0 }
.videoFrame .mfp-iframe-scaler:hover .mfp-close { opacity: 1.0 }
.videoFrame .mfp-iframe-holder .mfp-content { max-width: 90%; max-height: 100%; }
.mfp-close:hover, .mfp-close:focus { opacity: 1; }
.mfp-close:active { top: 1px; }
.mfp-close-btn-in .mfp-close { color: #333; }
.mfp-counter { position: absolute; top: 0; right: 0; color: #CCC; font-size: 12px; line-height: 18px; white-space: nowrap; }
.mfp-arrow-left { width: 30px; height: 50px; position: absolute; left: 0px; top: 50%; z-index: 90; display: inline-block; margin-top: -25px; font-size: 0; cursor: pointer; border-radius: 0 30px 30px 0; }
.mfp-arrow-left:before { content: ''; height: 15px; width: 15px; display: block; border: 2px solid #929292; border-right-width: 0; border-bottom-width: 0; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); position: absolute; top: 15px; left: 8px; }
.mfp-arrow-right { width: 30px; height: 50px; position: absolute; right: 0px; top: 50%; z-index: 90; display: inline-block; margin-top: -25px; font-size: 0; cursor: pointer; border-radius: 30px 0 0 30px; }
.mfp-arrow-right:before { content: ''; height: 15px; width: 15px; display: block; border: 2px solid #929292; border-left-width: 0; border-top-width: 0; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); position: absolute; top: 15px; right: 8px; }
.mfp-arrow-left:hover:before, .mfp-arrow-right:hover:before { border-color: #fff; }
.mfp-iframe-holder { padding-top: 40px; padding-bottom: 40px; }
.mfp-iframe-holder .mfp-content { line-height: 0; width: 100%; max-width: 900px; }
.mfp-iframe-holder .mfp-close { top: -40px; }
.mfp-iframe-scaler { width: 100%; height: 0; overflow: hidden; padding-top: 56.25%; }
.mfp-iframe-scaler iframe { position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #000; }
/* Main image in popup */



img.mfp-img { width: auto; max-width: 100%; height: auto; display: block; line-height: 0; box-sizing: border-box; padding: 0; margin: 0 auto; background-color: #fff; }
/* The shadow behind the image */



.mfp-figure { line-height: 0; position: relative }
.mfp-figure:after { content: ''; position: absolute; left: 0; top: 40px; bottom: 40px; display: block; right: 0; width: auto; height: auto; z-index: -1; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #444; }
.mfp-figure small { color: #BDBDBD; display: block; font-size: 12px; line-height: 14px; }
.mfp-figure figure { margin: 0; }
.mfp-bottom-bar { margin-top: 0; position: absolute; top: 100%; left: 0; width: 100%; cursor: auto; }
.mfp-title { text-align: left; line-height: 18px; color: #F3F3F3; word-wrap: break-word; padding-right: 36px; }
.mfp-image-holder .mfp-content { max-width: 100%; }

/*.mfp-gallery .mfp-image-holder .mfp-figure{cursor:pointer;}*/



@media screen and (max-width:800px) and (orientation:landscape), screen and (max-height:300px) {
/**

* Remove all paddings around the image on small screen

*/

.mfp-img-mobile .mfp-image-holder { padding-left: 0; padding-right: 0; }
.mfp-img-mobile img.mfp-img { padding: 0; }
.mfp-img-mobile .mfp-figure:after { top: 0; bottom: 0; }
.mfp-img-mobile .mfp-figure small { display: inline; margin-left: 5px; }
.mfp-img-mobile .mfp-bottom-bar { background: rgba(0, 0, 0, 0.6); bottom: 0; margin: 0; top: auto; padding: 3px 5px; position: fixed; box-sizing: border-box; }
.mfp-img-mobile .mfp-bottom-bar:empty { padding: 0; }
.mfp-img-mobile .mfp-counter { right: 5px; top: 3px; }
}

@media all and (min-width:900px) {
.caption-frame .mfp-container { left: 50%; display: table; width: auto; padding: 0 45px; margin: 0 auto; -moz-transform: translateX(-50%); -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); }
}

@media all and (max-width:900px) {
.mfp-arrow { -webkit-transform: scale(0.75); transform: scale(0.75); }
.mfp-arrow-left { -webkit-transform-origin: 0; transform-origin: 0; }
.mfp-arrow-right { -webkit-transform-origin: 100%; transform-origin: 100%; }
.mfp-container { padding-left: 6px; padding-right: 6px; }
button.mfp-close, button.mfp-arrow { background: rgba(255, 255, 255, .95); }
}
.caption-frame .mfp-bottom-bar { margin-top: 0; left: 0; top: 40px; padding: 30px; text-shadow: 0 0 5px rgba(0, 0, 0, .8); }
.caption-frame .mfp-counter { display: none }
.caption-frame .mfp-title p { color: #fff; margin: 0 0 5px }
.caption-frame .mfp-title h3 { color: #fff; font-size: 20px; margin: 0; }

@media all and (max-width:520px) {
.caption-frame .mfp-bottom-bar { padding: 15px; }
}
/**************lightbox Popup ends**********/
.grecaptcha-badge { bottom: 110px !important; }
.psmtc_tZSN { right: 5px !important; bottom: 10px !important; }



/* ================================
   FIX DROPDOWN BEING HIDDEN BEHIND PAGE
================================ */

/* Force header above all content */
header,
.main-header {
    position: relative !important;
    z-index: 9999999 !important;
}

/* Keep nav above everything */
.main-nav {
    position: relative !important;
    z-index: 9999999 !important;
}

/* Submenu on top */
.main-nav .menu > li > ul.sub-menu {
    position: absolute !important;
    z-index: 99999999 !important;
}

/* Push Elementor / sections below header */
.elementor-section,
.elementor-container,
section {
    position: relative !important;
    z-index: 1 !important;
}