html { overflow-x: hidden; }
body { color: #000000; font-size: 14px; font-family: 'Montserrat', sans-serif; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; overflow-x: hidden; }
/* line-height: 1.814 */
* { border: none; margin: 0; outline: none !important; padding: 0; vertical-align: baseline; }
label { display: block; font-size: 14px; font-weight: normal; margin: 0 0 8px; }
label.auto { display: inline-block; margin: 5px 40px 5px 0 }
label.auto:last-child { margin-right: 0 }
ul, ol { list-style: none }
a { color: #007bff }
a:hover, a:focus { color: #000000; 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: 'Inter', sans-serif; font-weight: 600; color: #000000; line-height: 1.2; margin: 20px 0 8px; }
h1, h2 { font-size: 26px; font-weight: bold; text-transform: uppercase }
h3 { font-size: 24px; }
h4 { font-size: 22px; }
h5, 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 }
.aligncenter { display: block; margin: 5px auto; }
.alignright { float: right; margin: 5px 0 15px 35px; }
.alignleft { float: left; margin: 5px 35px 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 { margin: 0 0 20px; }
.justify p { text-align: justify; }
ul { margin: 0 0 20px }
ul.em { font-style: italic }
ul li { position: relative; padding: 0 0 5px 25px; overflow: hidden; }
ul li strong { font-weight: 500 }
ul li:before { content: "\f35a"; display: inline-block; line-height: 1; position: absolute; font-size: 14px; left: 2px; top: 0.344em; font-family: Font Awesome\ 5 Pro; font-weight: 900; color: #007bff; }
ul.blue li:before { color: #1e73be }
ul.col-2 li { display: inline-block; width: 49.3333%; vertical-align: top }
ol { padding-left: 26px; margin: 0 0 20px; text-align: left; overflow: hidden }
ol li { list-style: decimal; padding-bottom: 5px; padding-left: 0 }
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: 8px 0; overflow: auto; }
table { width: 100%; }
table tr td, table tr th { border: 1px solid #dddddd; padding: 7px 15px; vertical-align: top; text-align: left; background: #fff; }
table tr th { background-color: #007bff; color: #ffffff; font-weight: 600 }
table img { display: inline-block; }
.common-content { padding: 50px 0; }
.two-aside { margin: -20px; clear: both; overflow: hidden }
.two-aside .big-col { float: left; width: 66%; padding: 20px }
.two-aside .aside { float: left; width: 34%; padding: 20px }
.aside-blue { float: left; width: 100%; background: #edf5fb; padding: 40px 25px 50px }
.aside-blue h3 { font-size: 22px; margin-bottom: 10px }
.aside-blue p { margin-bottom: 25px }
.aside-blue p:last-child { margin-bottom: 0 }
.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; }
/******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 { background-color: #fff; border: 1px solid #d6d6d6; border-radius: 0 !important; color: #747474; display: block; font-size: 14px; line-height: 20px !important; padding: 12px 15px; position: relative; width: 100%; height: 46px; -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: #000000; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; }
textarea, textarea.form-control { height: 144px; resize: none; font-size: 14px; }
select option { font-size: 14px; }
.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: #747474;
opacity: 1.0;
}
::-moz-placeholder {
color: #747474;
opacity: 1.0;
}
:-ms-input-placeholder {
color: #747474;
opacity: 1.0;
}
:-moz-placeholder {
color: #747474;
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, .blog-box h3, .product-box .caption, .product-box .img-box, .product-box h3 { -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 { position: relative; border: 1px solid #007bff; border-radius: 30px; font-size: 14px; color: #007bff; font-style: normal; font-weight: 500; line-height: 22px; padding: 13px 35px; text-transform: uppercase; text-decoration: none !important; white-space: normal; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); overflow: hidden; background-color: transparent; -moz-box-shadow: 0 3px 0 0 #00458f; -webkit-box-shadow: 0 3px 0 0 #00458f; box-shadow: 0 3px 0 0 #00458f; }
.secondary-btn { color: #ffffff; border-color: #007bff; background-color: #007bff; }
.btn.focus, .btn:focus, .btn:hover { color: #ffffff; border-color: #007bff; background-color: #007bff; }
.secondary-btn:hover, .secondary-btn:hover:focus { color: #ffffff; border-color: #313131; background-color: #313131; -moz-box-shadow: 0 3px 0 0 #000000; -webkit-box-shadow: 0 3px 0 0 #000000; box-shadow: 0 3px 0 0 #000000; }
.md-btn { padding: 9px 16px }
.xs-btn { padding: 6px 14px; font-size: 12px; }
.s-n { -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; }
.btn-link { display: inline-block; position: relative; font-size: 15px; font-weight: bold; text-transform: uppercase; color: #000000; text-decoration: underline; margin-right: 15px !important; }
.btn-link:after { content: "\f105"; font-family: Font Awesome\ 5 Pro; font-size: 18px; position: absolute; right: -15px; top: 0 }
.btn-link.white { color: #ffffff }
.btn-link:hover, .btn-link:focus { color: #007bff }
.btn-link.white:hover, .btn-link.white:focus { color: #000000 }
.btn-row .btn, .btn-row .btn-link { margin: 10px 15px 0 0; vertical-align: middle; }
.btn-row .btn:last-child { margin-right: 0 }
@media (min-width:992px) {
a[href^="tel:"] { pointer-events: none; text-decoration: none !important }
}
.sm-width { max-width: 767px !important; 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: -10px; margin-right: -10px; }
.form-field .row .row, .row.form-field .row { margin-left: -6px; margin-right: -6px; margin-top: -18px; }
.form-field [class^="col-"], .form-field [class*="col-"] { padding-right: 10px; padding-left: 10px; padding-top: 18px; }
.form-field [class^="col-"] [class^="col-"], .form-field [class*="col-"] [class*="col-"] { padding-left: 6px; padding-right: 6px; }
.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: 124px; }
.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; float: left; 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 #d6d6d6; background-color: #fff; position: relative; border-radius: 0; }
.selectric .label { display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin: 0 40px 0 15px; font-size: 14px; font-weight: normal; line-height: 44px; color: #747474; height: 44px; 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: "\f107"; font-family: Font Awesome\ 5 Pro; font-size: 14px; position: absolute; top: 0; 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 #d6d6d6; 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: 14px !important; min-height: 20px; margin-bottom: 1px; display: block; padding: 6px 15px !important; color: #747474 !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: #000000 !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: #000000; }
.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: 3px }
.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 #d6d6d6 }
.csCheckedR, .csChecked { border-color: #000000 }
.csCheckedR:after { content: ""; background: #000000; 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: #000000; 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******/
header+div, header+section { margin-top: 47px !important }
header { position: fixed; border-bottom: 1px solid #007bff; 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-row { display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: flex; justify-content: space-between; align-items: center; padding: 14px 0; }
.head-left { float: left; width: 300px; min-width: 300px }
.top-right { float: right; width: 100% }
.head-middle { float: left; margin-right: auto; margin-left: 25px; }
.top-right ul { display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: flex; align-items: center; float: right }
.top-right ul li { float: left; font-size: 14px; color: #000000; margin-right: 30px; padding: 0; text-transform: uppercase; overflow: visible }
.top-right ul li i { font-weight: 300; font-size: 18px; margin-right: 5px; }
.top-right ul li i.fa-bell { margin-right: 0 }
.top-right ul li:before { display: none }
.top-right ul li:after { content: ""; position: absolute; top: 50%; right: -15px; border-right: 1px solid #bcdaec; padding: 9px 0; -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%) }
.top-right ul li:nth-last-child(2) { margin-right: 22px }
.top-right ul li a { display: block; color: #000000; }
.top-right ul li:last-child { margin-right: 0 }
.top-right ul li:last-child:after, .top-right ul li:nth-last-child(2):after { display: none }
.top-right ul li a:hover { color: #007bff }
header .logo { float: left; z-index: 999; }
header .logo a { display: block; margin: 0; position: relative; }
header .logo img { display: block; margin: 0; }
header .upload-btn { font-size: 13px; font-weight: 500; padding: 9px 25px; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; white-space: nowrap }
header .upload-btn i { margin-left: 5px; font-weight: 400 }
.search-triger { float: right; }
.search-triger .fa { font-weight: 400 }
.search-field { display: none; }
.search-triger { display: inline-block; vertical-align: middle; font-size: 14px; cursor: pointer; margin-left: 35px }
.search-triger i:before { display: inline-block; font-weight: normal; width: 44px; line-height: 42px; border: 1px solid #d4d4d4; color: #007bff; text-align: center; border-radius: 100%; }
.search-field { position: absolute; border: 1px solid #007bff; top: 100%; right: 0; padding: 8px; float: right; width: 100%; background: #e9f3ff; max-width: 600px; z-index: 111 }
.search-field .box { position: relative; display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }
.search-field input:not([type="submit"]) { font-size: 13px; color: #999999; border-color: #bcdaec; padding-left: 15px; padding-right: 15px; height: 42px; cursor: pointer }
.search-field .selectric { border-color: #bcdaec !important; width: 112px !important; margin-right: -1px; }
.search-field .selectric .label { margin: 0 25px 0 13px; font-size: 13px; line-height: 40px; height: 40px; color: #000000; }
.search-field select { width: 112px; height: 42px; }
.search-field .selectric .button { width: 25px; height: 28px; color: #000000; line-height: 35px }
.search-field .selectric-items li { font-size: 13px !important; }
.search-field input[type="submit"] { position: relative; top: 0; left: -1px; float: right; height: 42px; width: 40px; min-width: 40px; background: #007bff url(../img/search.png) center center no-repeat; padding: 0; margin: 0; font-size: 0; cursor: pointer }
.search-triger.active i:before { content: "\f00d"; }
.search-field { }
.search-field ::-webkit-input-placeholder {
color: #999999;
font-weight: 400;
}
.search-field ::-moz-placeholder {
color: #999999;
font-weight: 400;
}
.search-field :-ms-input-placeholder {
color: #999999;
font-weight: 400;
}
.search-field :-moz-placeholder {
color: #999999;
font-weight: 400;
}
.head-fix header { box-shadow: 0 0 5px rgba(0, 0, 0, 0.3) }
/*****nav starts*****/
/*****nav starts*****/
.nav-trigger { display: none }
.nav-wrap { position: relative; float: left; margin: 0;
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 { display: block; position: static; padding: 0; margin: 0; }
.nav-wrap nav ul.nav { display: block }
.nav-wrap nav ul.nav>li { float: left; margin: 0 30px 0 0; padding: 0; overflow: visible; position: relative; }
.nav-wrap nav ul.nav>li>a:before { content: ''; height: 1px; left: 0; top: 3px; position: absolute; width: 100%; z-index: -1; overflow: hidden; -webkit-transform: scaleX(0); -ms-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: right center; -ms-transform-origin: right center; transform-origin: right center; -webkit-transition: -webkit-transform .4s cubic-bezier(0.645, .045, .355, 1); transition: transform .4s cubic-bezier(0.645, .045, .355, 1); background: #007bff }
.nav-wrap nav ul.nav>li:hover>a:before, .nav-wrap nav ul.nav>li>a:hover:before, .nav-wrap nav ul.nav>li.current-menu-item>a:before, .nav-wrap nav ul.nav>li.current-menu-ancestor>a:before { -webkit-transform: none; -ms-transform: none; transform: none; -webkit-transform-origin: left center; -ms-transform-origin: left center; transform-origin: left center; width: 100% }
.nav-wrap nav ul.nav>li:last-child { margin-right: 0 }
.nav-wrap nav ul.nav>li>a { display: block; padding: 5px 0; margin: 5px 0; font-size: 13px; font-weight: 400; line-height: 26px; color: #000000; white-space: nowrap; text-decoration: none; text-transform: uppercase; letter-spacing: 2px }
.nav>li>a:focus, .nav>li>a:hover { background-color: transparent }
/*.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 0 15px rgba(14, 14, 14, 0.2); box-shadow: 0 0 15px rgba(14, 14, 14, 0.2); 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: 800px; 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: 200px; padding: 8px 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 { width: auto; white-space: nowrap; text-transform: capitalize; font-size: 14px; line-height: normal; font-weight: 400; color: #606060; padding: 0 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: #007bff }
.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: #007bff }
@media only screen and (min-width:1025px) {
.submenu-button { display: none }
.nav-wrap nav ul.nav>li.has-sub>.submenu-button { display: none; height: 0; width: 0; border: 8px transparent solid; border-top-width: 0; border-bottom-color: #ffffff; position: absolute; bottom: 0; left: 50%; font-size: 0; margin-left: -8px; z-index: 111; }
.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: 34px 0 20px; margin: 0; overflow: hidden; clear: both; text-align: left; z-index: 11; border-top: 1px solid #d6d6d6; border-bottom: 1px solid #d6d6d6; }
ul.breadcrumbs { float: left; width: 100%; padding: 0; clear: both; margin: 15px 0 0 }
ul.breadcrumbs:first-child { margin-top: 0 }
ul.breadcrumbs li { font-size: 13px; position: relative; display: inline-block; line-height: 1; vertical-align: top; padding: 0 19px 0 0; margin-right: 12px; color: #333; font-style: normal; }
ul.breadcrumbs li:before { display: none }
ul.breadcrumbs li a { position: relative; display: inline-block; color: #333; vertical-align: top; }
ul.breadcrumbs li:after { content: "/"; position: absolute; font-size: 13px; color: #333; 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: #d83401; text-decoration: underline }
/***********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%; 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; }
a:hover .lazy-image img { -webkit-transform: scale(1.04); -moz-transform: scale(1.04); -o-transform: scale(1.04); -ms-transform: scale(1.04); transform: scale(1.04); }
.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) }
/******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 .slides>li .slide-img { text-align: center }
.flexslider .slides>li .slide-img img { display: inline-block; border: none }
.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: 2px solid #007bff; width: 13px; height: 13px; line-height: 9px; font-size: 0; color: #fff; text-align: center; display: block; position: relative; cursor: pointer; background-color: #eff5fa; border-radius: 34px; transition: none; -moz-transition: none; -webkit-transition: none; -ms-transition: none; -o-transition: none; }
.flexslider .flex-control-paging li a.flex-active, .flexslider .flex-control-paging li a:hover { border-color: #007bff; background-color: #007bff }
.flexslider .flex-control-paging li .flex-active:before, .flexslider .flex-control-paging li a:hover:before { opacity: 1 }
.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(0, 0, 0, 0.5); position: absolute; left: 15px; top: 50%; margin-top: -20px; width: 40px; height: 40px; z-index: 98; border-radius: 40px; 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: 15px }
.flexslider .flex-direction-nav .flex-prev:before, .flexslider .flex-direction-nav .flex-next:before { content: '\f104'; font-family: Font Awesome\ 5 Pro; font-size: 20px; font-weight: 400; line-height: 1; color: rgba(255, 255, 255, 0.5); display: block; position: absolute; top: 50%; left: 50%; -moz-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); transition: .2s ease-in-out; -moz-transition: .2s ease-in-out; -webkit-transition: .2s ease-in-out; }
.flexslider .flex-direction-nav .flex-next:before { content: '\f105'; left: auto; right: 50%; -moz-transform: translate(50%, -50%); -webkit-transform: translate(50%, -50%); transform: translate(50%, -50%) }
.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 }
.flex-direction-nav-wrap .container { position: relative; }
.main-banner { background: #eaf7ff; overflow: hidden; }
.bg { position: absolute; left: 0; top: 0; bottom: 0; right: 0; background-size: cover; background-repeat: no-repeat; background-position: top center; }
.bg img { display: none }
.main-banner img { width: 100%;margin: -16% 0 -3%}
.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 .box { display: block; width: 100%; max-width: 490px; margin: 0 auto; text-align: center; padding-bottom: 8%; }
.main-banner .heading { line-height: 1.2; color: #000000; font-size:26px; font-weight: 600; margin: 0 0 5px; text-transform: uppercase; font-family: 'Inter', sans-serif; }
.main-banner p {color: #000000;font-size: 15px; margin: 5px 0 0;line-height: 1.2;}
.main-banner .btn-row { margin:0 }
.main-banner .btn-row .btn { padding:5px 15px; border-radius: 90px; }
.main-banner.flexslider .flex-direction-nav .flex-prev, .main-banner.flexslider .flex-direction-nav .flex-next { background: #ffffff; box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5) }
.main-banner.flexslider .flex-direction-nav .flex-prev:before, .main-banner.flexslider .flex-direction-nav .flex-next:before { color: #000000 }
.main-banner.flexslider .flex-direction-nav .flex-prev:hover, .main-banner.flexslider .flex-direction-nav .flex-next:hover { background: #f5f5f5 }
.banner-tag-line { position: absolute; font-size: 16px; 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='#a60a304e', 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; background: #e8f2fe; padding: 8.4% 0 }
.inner-banner.md-p { padding: 4% 0 1% 0; }
.inner-banner img { width: 100% }
.inner-banner .caption { position: relative; z-index: 11 }
.inner-banner .heading { font-family: 'Inter', sans-serif; line-height: 1.2; color: #000000; font-size: 40px; font-weight: 600; margin: 0; text-transform: uppercase }
.inner-banner .bg+.caption .heading { color: #ffffff }
.inner-banner .box { position: relative; display: block; text-align: center; width: 100%; z-index: 11 }
.inner-banner p { margin: 10px 0 0; font-size: 24px; color: #0a304e; line-height: 1.2; font-weight: normal; }
.inner-banner .btn { font-weight: normal; font-size: 16px; margin-top: 10px; }
.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 }
.primary-heading { position: relative; font-size: 36px; font-weight: 700; color: #007bff; line-height: 1.2 }
.primary-heading small { display: block; font-family: 'Inter', sans-serif; font-size: 15px; text-transform: uppercase; color: #373737; margin-bottom: 10px }
/****welcome-wrap********/
.welcome-wrap { padding: 50px 0 }
.welcome-wrap .flex { border-top: 1px solid #007bff; border-bottom: 1px solid #007bff; padding: 25px 0 }
.welcome-wrap .box:last-child { padding-left: 45px; }
.welcome-wrap p { line-height: 2; }
.top-lenses { padding: 60px 0 }
.col-4-product { margin: 0 0 -1% -1%; overflow: hidden; clear: both }
.product-box { float: left; width: 24%; padding: 15px 20px 25px; margin: 0 0 1% 1%; background: #e8f2fe; box-shadow: 0 1px 1px #9ea7b2; text-align: center }
.product-box .lazy-image { background-color: #e8f2fe; padding-top: 58.111111%; }
.p-0 .product-box { padding: 0 }
.p-0 .product-box .lazy-image { padding-top: 59%; }
.p-0 .product-box .caption { padding: 15px 20px 25px; }
.search-wrap { float: left; width: 100%; border: 1px solid #c6c6c6; text-align: center; padding: 34px; margin-bottom: 20px; margin-top: -30px }
.search-wrap h3 { display: inline-block; font-size: 18px; text-transform: uppercase; font-weight: 500; color: #007bff; margin: 10px }
.search-wrap .search-form { display: inline-block; width: 70% }
.search-wrap .box { position: relative; display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }
.search-wrap input:not(.btn) { border-color: #007bff; background-color: #ffffff; padding: 9px 15px; height: 40px; font-size: 13px; font-weight: 500; border-radius: 30px !important; }
.search-wrap .btn { margin-left: 10px; min-width: 120px; font-size: 13px }
.product-box .lazy-image img { background-color: #e8f2fe }
.product-box .caption { padding: 15px 0 0 }
.product-box h3 { font-size: 18px; font-weight: 500; text-transform: uppercase; margin: 0 0 5px }
.product-box p { margin-bottom: 10px; color: #000000 }
.product-box p:last-child { margin-bottom: 0 }
.product-box .btn { font-size: 13px; padding: 5px 20px; font-weight: bold }
.product-box:hover h3 { color: #007bff }
.product-box:hover .btn { color: #ffffff; border-color: #007bff; background-color: #007bff; }
.product-box.heading-type { background-color: #007bff; display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; color: #ffffff }
.product-box.heading-type h3 { font-size: 36px; color: #ffffff; font-weight: 600 }
.product-box.heading-type h3:after { content: ""; border-top: 1px solid #ffffff; width: 34px; display: block; margin: 5px auto 0 }
.product-box.heading-type .btn { border-color: #ffffff; color: #ffffff; margin-top: 25px }
.product-box.heading-type:hover .btn { background-color: #ffffff; border-color: #ffffff; color: #007bff }
.load-more { margin-top: 35px; text-align: center }
.load-more .btn { padding: 9px 16px; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; font-size: 13px; }
.special-wrap { text-align: center; background: #e8f2fe; padding: 46px 0 0; border-bottom: 10px solid #ffffff }
.special-wrap .primary-heading { font-weight: 600 }
.gallery-row-wrap { margin-top: 35px; clear: both; overflow: hidden; }
.gallery-row-wrap:first-child { margin-top: 0 }
.gallery-row { clear: both; overflow: hidden; margin-left: -1px; }
.gallery-box { border-left: 1px solid #ffffff; border-top: 1px solid #ffffff; float: left; width: 26.333333333%; overflow: hidden }
.gallery-box .lazy-image { padding-top: 50.4444444%; }
.gallery-box .lazy-image img { width: 100% !important }
a.gallery-box { position: relative }
a.gallery-box:before { content: ""; position: absolute; left: 0; top: 0; bottom: 0; right: 0; background: rgba(0,0,0,0.5); opacity: 0; z-index: 3 }
a.gallery-box:after { content: "\f00e"; color: #fff; font-size: 30px; font-family: Font Awesome\ 5 Pro; font-weight: 300; position: absolute; left: 50%; top: 70%; -moz-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); opacity: 0; z-index: 3 }
a.gallery-box:hover:before { opacity: 1.0 }
a.gallery-box:hover:after { top: 50%; opacity: 1.0 }
.gallery-box:first-child { width: 47.333333333%; }
.gallery-box:first-child .lazy-image { padding-top: 56.22222222% }
.gallery-row:first-child { margin-top: -1px }
.gallery-row:nth-child(odd) .gallery-box:first-child { float: right }
.gallery-details { background: #ffffff; padding: 25px 38px; }
.gallery-row.typ-2 { display: flex; flex-wrap: wrap; margin: 0 0 -3% -3%; clear: both; }
.gallery-row.typ-2 .gallery-box { float: left; margin: 0 0 3% 3%; width: 30.33333333333%; }
.gallery-row.typ-2 .gallery-box .lazy-image { padding-top: 75.444444% !important; }
.video-wrap.type-2 { padding-top: 55.33333%; }
.img-row-repeat { display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: flex; flex-wrap: wrap; align-items: center; margin-bottom: 50px; }
.img-row-repeat:last-child { margin-bottom: 0 }
.img-row-repeat .caption { float: left; width: 49%; padding: 10px 50px 10px 0 }
.img-row-repeat .img-box { float: left; width: 51%; }
.img-row-repeat .img-box img { width: 100% }
.img-row-repeat img { border-bottom: 12px solid #007bff }
.img-row-repeat.right { flex-direction: row-reverse; }
.img-row-repeat.right .caption { padding: 10px 0 10px 50px }
.img-row-repeat h2, .img-row-repeat h3, .blue-h { font-family: 'Montserrat', sans-serif; font-size: 18px; font-weight: 400; color: #007bff; margin-bottom: 20px; text-transform: none }
.img-row-repeat h2:after, .img-row-repeat h3:after, .blue-h:after { content: ""; border-bottom: 1px solid #007bff; width: 38px; display: block; margin: 15px 0 0 }
.img-row-repeat.video-and-gallery { clear: both; margin: 0; box-shadow: none }
.img-row-repeat.video-and-gallery .caption { padding: 0px; }
.tagline { font-size: 18px; color: #007bff }
.video-wrap { position: relative; padding-top: 38.9999999%; background: #000000; float: left; width: 100%; overflow: hidden; }
.video-wrap:before { content: ""; display: none; position: absolute; left: 0; top: 0; bottom: 0; right: 0; background: rgba(0, 123, 255, 0.3); z-index: 3 }
.video-wrap video { width: 100%; }
.play-icon { display: inline-block; margin: 28px 0 }
.play-icon i { font-size: 48px; display: inline-block; width: 186px; border: 14px solid rgba(255, 255, 255, 0.5); border-radius: 100%; line-height: 158px; text-align: center; color: #ffffff; cursor: pointer }
.play-icon i:hover { border-color: #ffffff }
.video-wrap #customplay { position: absolute; top: 50%; right: 0; left: 0; width: 100%; height: 100%; z-index: 2; -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%) }
.video-wrap .caption { position: absolute; width: 100%; padding: 0 !important; top: 50%; right: 0; left: 0; text-align: center; color: #ffffff; z-index: 5; -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); display: none }
.video-wrap.active .caption, .video-wrap.active:before { display: block; }
.contact-wrap .caption { float: left; width: 50%; padding-right: 70px }
.contact-wrap .form-wrap { float: left; width: 50%; border: 1px solid #007bff; padding: 38px }
.contact-wrap .form-wrap h2 { margin-top: 0 }
.form-field.type-2 { margin-top: -8px }
.form-field.type-2 input:not(.btn), .form-field.type-2 textarea, .form-field.type-2 select { border-color: #d2e3f7; background-color: #f5faff; padding: 10px 15px; height: 42px }
.form-field.type-2 input:not(.btn):focus, .form-field.type-2 textarea:focus, .form-field.type-2 select:focus { border-color: #000000 }
.form-field.type-2 .selectric { border-color: #d2e3f7; background-color: #f5faff; }
.form-field.type-2 .selectric .label { height: 40px; line-height: 40px }
.form-field.type-2 textarea { height: 90px }
.form-field.type-2 label { font-size: 12px; text-transform: uppercase; letter-spacing: 2px }
.form-field.type-2 .row .row { margin-top: -10px; }
.form-field.type-2 [class^="col-"], .form-field.type-2 [class*="col-"] { padding-top: 10px; }
.form-field [class^="col-"] [class^="col-"], .form-field [class*="col-"] [class*="col-"] { padding-left: 6px; padding-right: 6px; }
.form-field.type-2 .btn { margin-top: 10px; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none }
.form-field.type-2 .upload-btn { padding: 9px 20px; margin: 0; white-space: nowrap; margin-left: 10px }
.form-field.type-2 .upload-btn i { width: auto; color: inherit; vertical-align: bottom; }
.product-wrap { padding: 30px 0 60px; background: #f3f3f3 }
.product-detail-wrap { box-shadow: 0 0 10px rgba(0, 0, 0, 0.05) }
.product-side-img { float: left; width: 100%; background: #f6f4f5; display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: flex; align-items: center; }
.product-side-img .img-box { float: left; width: 50%; }
.product-side-img .caption { float: left; width: 50%; padding: 20px 47px 20px 25px }
.overflow { overflow: hidden }
ul.feature-lists { display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: flex; flex-wrap: wrap; margin: -10px 0 -10px -10px }
ul.feature-lists li { border-top: 1px solid #bababa; border-left: 1px solid #bababa; font-size: 11px; font-weight: 500; padding: 10px; float: left; width: 33.33333333333%; text-transform: uppercase; line-height: 1.2; display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: flex; align-items: center; word-wrap: break-word }
ul.feature-lists li strong { display: block; font-size: 18px; font-weight: bold; line-height: 1; margin-top: 5px; word-break: break-all; }
ul.feature-lists li:before { display: none }
ul.feature-lists li i { position: relative; display: inline-block; background: #ffffff; border: 1px solid #b7b7b7; width: 52px; padding-top: 50px; min-width: 52px; margin-right: 15px; align-items: center; }
ul.feature-lists li i img { position: absolute; background-color: #ffffff; bottom: 0; left: 0; right: 0; top: 0; margin: auto; max-width: 70%; max-height: 70%; width: auto; -webkit-backface-visibility: hidden; backface-visibility: hidden; }
.product-detail-wrap .description, .product-detail-wrap .more-info { float: left; width: 100%; background: #ffffff; padding: 38px }
.product-detail-wrap h1, .product-detail-wrap h2 { font-size: 30px; margin-bottom: 15px }
.product-detail-wrap .full-img img { width: 100% }
.product-detail-wrap ul.has-icons li { display: inline-block; width: 32%; vertical-align: top }
.product-detail-wrap ul.has-icons li strong { font-weight: bold }
ul.has-icons li { padding: 0 0 10px }
ul.has-icons li:last-child { padding: 0 }
ul.has-icons li:before { display: none }
ul.has-icons li i { font-size: 18px; margin-right: 10px }
ul.has-icons li i.icon { display: inline-block; vertical-align: middle; }
ul.has-icons li i.icon img { width: 25px; height: auto }
.product-detail-wrap table td, .product-detail-wrap th { border-left: none; border-right: none; border-color: #b2c7df; padding: 6px 15px; }
.product-detail-wrap table td:first-child, .product-detail-wrap table th:first-child { padding-left: 0 }
.feet_cm { margin-bottom: 20px; clear: both; width: 100%; text-align: right; justify-content: flex-end; }
.checkbox-switch { height: 20px; width: 40px; margin: 5px 10px; }
.checkbox-switch .csCheckbox, .checkbox-switch input { display: none }
.checkbox-switch label { position: relative; cursor: pointer; margin: 0 }
.checkbox-switch label:before, .checkbox-switch label:after { position: absolute; display: block; content: ' '; -webkit-transition: all 300ms cubic-bezier(.4, 0, .2, 1); transition: all 300ms cubic-bezier(.4, 0, .2, 1); }
.checkbox-switch label:before { top: 3px; left: 0px; width: 40px; height: 13px; border-radius: 12px; background-color: #bdbdbd; }
.checkbox-switch input~label:after, .checkbox-switch .csCheckbox~label:after { top: 0; left: -1px; width: 8px; height: 8px; bottom: 0.1em; background-color: #fff; border-radius: 50%; width: 18px; height: 18px; border-radius: 50%; border: solid 2px; border-color: #fff; box-shadow: 0 2px 3px 0 rgba(0, 0, 0, .2), 0 2px 2px -1px rgba(0, 0, 0, .2), 0 1px 5px 0 rgba(0, 0, 0, .2); }
.checkbox-switch input:checked~label:before, .checkbox-switch .active~label:before { background-color: #1e88e5; }
.checkbox-switch input:checked~label:after, .checkbox-switch .active~label:after { left: 24px; background-color: #007bff; border-color: #007bff; }
.ft { display: none }
.lens-wrap { background: #f5faff; text-align: center }
.lens-wrap .container { max-width: 970px }
.lens-wrap h1 { font-size: 40px; font-weight: 600 }
.lens-form { float: left; width: 100%; border: 1px solid #007bff; background: #ffffff; padding: 30px 30px 40px; margin: 25px 0 0 }
.lens-form>p { font-size: 18px; color: #4b4b4b; max-width: 790px; margin-left: auto; margin-right: auto }
.lens-form>p:after { content: ""; border-bottom: 2px solid #007bff; width: 36px; display: block; margin: 20px auto 40px }
.lens-form .links { font-weight: bold; text-transform: uppercase; margin: 6px 0 0 15px; display: table; white-space: nowrap }
.lens-form .flex .box:first-child { width: 80% }
.lens-form .addfiletype { font-weight: bold; text-transform: capitalize; margin: 37px 0 0 35px; display: table; white-space: nowrap; cursor: pointer }
.lens-form .col-sm-12 label { margin: 25px 0 0 }
.lens-form .form-field.type-2 .btn.upload-btn { margin-top: 0 }
.lens-form .form-field.type-2 .btn { margin-top: 15px }
.inline-video { float: left; width: 100%; padding-top: 56.1088888%; position: relative; background-size: cover; background-position: center center; background-repeat: no-repeat; }
.inline-video iframe { display: none; position: absolute; left: 0; top: 0; right: 0; bottom: 0; height: 100%; width: 100%; z-index: 11 }
.inline-video .inline-play { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; font-size: 70px; color: #FF0000; line-height: 1; z-index: 11; }
.inline-video .middle { position: absolute; text-align: center; left: 50%; top: 50%; width: 100%; padding: 10px; -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%) }
.inline-video .inline-play p { font-size: 14px; color: #ffffff }
.home-video { float: left; width: 100%; position: relative }
.home-video:before { content: ""; position: absolute; left: 0; top: 0; bottom: 0; right: 0; background: rgba(0, 123, 255, 0.3); z-index: 1 }
.home-video .inline-video { padding-top: 38.9999999%; }
.details-videos { background: #ffffff; float: left; width: 100%; padding: 30px 38px 0; }
.iframe-play { float: left; width: 100%; position: relative }
.iframe-play img { width: 100%; }
.iframe-play:before { content: ""; position: absolute; left: 0; top: 0; bottom: 0; right: 0; /*background: rgba(0,123,255,0.3);*/ z-index: 3; }
.iframe-play:after { content: "\f167"; font-family: "Font Awesome 5 Brands"; position: absolute; text-align: center; left: 50%; top: 50%; width: 100%; font-size: 58px; color: #ffffff; -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 11 }
.iframe-play:hover:after { color: #FF0000; }
.video-thumb-row { margin-bottom: -30px; overflow: hidden }
.video-thumb-row [class*="col-"] { overflow: hidden; margin-bottom: 30px }
.two-column-row, .single-column-row { display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: flex; flex-wrap: wrap; margin: 40px 0 -30px -3% }
.two-column-row .column-box { float: left; width: 47%; margin: 0 0 30px 3% }
.single-column-row .column-box { float: left; width: 97%; margin: 0 0 30px 3% }
.column-box h3 { text-transform: uppercase }
.column-box p { text-align: center; line-height: 1.2 }
.column-box .img-box { float: left; width: 100%; border: 1px solid #b2c7df; border-radius: 2px; margin-bottom: 10px }
.column-box .img-box img { width: 100% }
.column-box .img-box:last-child { margin-bottom: 0 }
.compare-slider { position: relative; overflow: hidden; }
.compare-slider img { width: 100%; display: block; max-width: inherit; }
.compare-slider .resize { position: absolute; top: 0; left: 0; height: 100%; width: 50%; overflow: hidden; }
.compare-slider .handle { position: absolute; left: 50%; top: 0; bottom: 0; width: 4px; margin-left: -2px; background: rgba(0, 0, 0, .7); cursor: ew-resize; }
.compare-slider .handle:after { position: absolute; top: 50%; width: 40px; height: 40px; margin: -20px 0 0 -20px; content: ""; color: #ffffff; font-weight: bold; font-size: 26px; text-align: center; line-height: 40px; background: #007bff url(../img/exchange.svg) center center no-repeat; background-size: 20px; border: 1px solid #0062cb; border-radius: 100%; transition: all 0.3s ease; }
.compare-text { float: left; width: 100%; padding: 0 0 10px; display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: flex; text-transform: uppercase; border-bottom: 1px solid #b2c7df; margin-bottom: 10px }
.compare-text:last-child { margin-bottom: 0; border-bottom: none; padding-bottom: 0 }
.compare-text .box { float: left; width: 50% }
.compare-text .box:first-child { padding-right: 20px; }
.compare-text .box:last-child { text-align: right; padding-left: 20px }
.compare-text h5 { font-size: 14px; float: left; }
.column-box .selectric-wrapper, .column-box select { width: 100px; float: right; text-align: left }
.compare-text .box:last-child .selectric-wrapper, .compare-text .box:last-child select { float: left; }
.column-box select { height: 32px; padding: 5px 10px; }
.column-box .selectric .label { line-height: 30px; height: 30px; }
.column-box .selectric .button { width: 30px; border-left: 1px solid #d6d6d6; }
/**********Owl Carousel**********/
.owl-carousel.has-shadow { margin: -10px; width: auto }
.owl-carousel.has-shadow .owl-item { padding: 10px }
.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: 28px; 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; margin: 4px; display: inline-block; border: 3px solid #b5cadb; width: 15px; height: 15px; line-height: 9px; font-size: 0; color: #fff; text-align: center; position: relative; cursor: pointer; background-color: transparent; border-radius: 34px; transition: none; -moz-transition: none; -webkit-transition: none; -ms-transition: none; -o-transition: none; }
.owl-carousel .owl-dot.active, .owl-carousel .owl-dot:hover { border-color: #007bff; }
.owl-carousel .owl-dot span { display: none }
.owl-carousel .owl-nav .owl-prev, .owl-carousel .owl-nav .owl-next { background: #ffffff; position: absolute; left: 0; top: 50%; margin-top: -20px; width: 40px; height: 40px; z-index: 98; border-radius: 40px; display: inline-block; font-size: 0; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: transparent; cursor: pointer; box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5) }
.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: '\f104'; font-family: Font Awesome\ 5 Pro; font-size: 20px; font-weight: 400; line-height: 1; color: #000000; display: block; position: absolute; top: 50%; left: 50%; -moz-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); transition: .2s ease-in-out; -moz-transition: .2s ease-in-out; -webkit-transition: .2s ease-in-out; }
.owl-carousel .owl-nav .owl-next:before { content: '\f105'; }
.owl-carousel .owl-nav .owl-prev:hover, .owl-carousel .owl-nav .owl-next:hover { background-color: #f5f5f5 }
.owl-carousel .owl-nav .owl-prev:hover:before, .owl-carousel .owl-nav .owl-next:hover:before { color: #000 }
.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: #f5f5f5 }
.owl-carousel.arrow .owl-nav .owl-prev:hover:before, .owl-carousel.arrow .owl-nav .owl-next:hover:before { color: #000000 }
.bottom-arrow .owl-nav { position: absolute; bottom: 0; right: 0; left: 0; padding: 16px; 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: #007bff; 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 #007bff; margin-top: -21px }
.owl-carousel.type-2-arrow .owl-nav .owl-prev:before, .owl-carousel.type-2-arrow .owl-nav .owl-next:before { color: #007bff; 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: #007bff }
.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: #000000; }
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: 34px; vertical-align: top; font-size: 14px; color: #007bff; line-height: 32px; width: 34px; border: 1px solid #bcdaec; background-color: #ffffff }
ul.social-icon li a:hover i { color: #fff; }
ul.social-icon li i.fa { font-weight: 300 }
ul.social-icon li a:hover .fa-twitter { background-color: #0eb1f2; }
ul.social-icon li a:hover .fa-google-plus-g { background-color: #de4b39; }
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 .fa-pinterest-p { background-color: #cb2027; }
ul.social-icon li a:hover .fa-tumblr { background-color: #395976; }
ul.social-icon li a:hover .fa-youtube { background-color: #ff0000; }
ul.social-icon li a:hover .fa-rss { background-color: #ea7819; }
ul.social-icon li a:hover .fa-whatsapp { background-color: #25d366; }
ul.social-icon li a:hover .fa-skype { background-color: #00aff0; }
ul.social-icon li a:hover .fa-blogger-b { background-color: #ff5722 }
ul.social-icon li a:hover .fa-video { background-color: #ff0000; }
ul.social-icon li a:hover .fa-location-arrow { background-color: #1a4450; }
ul.social-icon li a:hover .fa-houzz { background-color: #73ba37; }
ul.social-icon li a:hover i { border-color: transparent }
ul.social-icon li a:hover .fa-facebook-f, ul.social-icon li a .fa-facebook { background-color: #3b5998 }
ul.social-icon li a:hover i { color: #fff; background-color: #007bff }
/*****Social Icons End*****/
/******Footer*****/
footer { padding: 39px 0; background: #ffffff; border-top: 1px solid #007bff; clear: both; color: #000000; text-align: center }
.video-wrap+footer { border-top: none }
footer .container { max-width: 1222px; width: 100%; }
footer a, footer p { color: #000000; font-size: 11px; margin: 0; text-transform: uppercase }
footer ul { margin: 0 0 16px; }
footer li:before { display: none }
footer li { display: inline-block; vertical-align: top; padding: 0 15px }
footer li a { font-size: 14px; letter-spacing: 2px; }
footer p { display: inline-block; vertical-align: top; padding: 0 9px }
footer a:hover, footer a:focus, footer .current-menu-item a { color: #007bff !important; }
/***Scroll top***/
.scrollup { display: none; font-size: 20px; width: 45px; height: 45px; border-radius: 50%; text-align: center; position: fixed; background: #ffffff; opacity: 0.8; bottom: 30px; right: 10px; z-index: 99; display: none; padding: 0; -webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1); z-index: 99; }
.scrollup:before { content: '\f106'; position: absolute; font-family: Font Awesome\ 5 Pro; font-size: 20px; line-height: 20px; color: #757575; top: 50%; left: 50%; -moz-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
.scrollup:hover { opacity: 1.0 }
.scrollup:hover:before { color: #171717; }
@media (min-width: 1190px) {
.container { width: 1190px; }
}
@media only screen and (max-width:1199px) {
header .container { width: 100% }
.main-banner .heading { font-size: 26px }
.main-banner p { font-size: 14px }
.main-banner .btn-row{margin:0}
.main-banner .btn-row .btn { padding: 5px 15px; }
.main-banner .box { max-width: 49%; }
ul.feature-lists { margin: -10px 0 -10px -10px }
ul.feature-lists li { padding: 10px }
ul.feature-lists li i { margin-right: 5px }
ul.feature-lists li strong { font-size: 16px; }
.search-triger { margin-left: 15px }
.nav-wrap nav ul.nav>li { margin: 0 11px 0 0; }
header .upload-btn { padding-left: 15px; padding-right: 15px; }
.nav-wrap nav ul.nav>li>a { font-size: 11px; }
}
@media only screen and (max-width:1024px) {
.blak-overlay { position: fixed; z-index: 150; background: rgba(0, 0, 0, 0.5); top: 0; left: 0; right: 0; bottom: 0 }
.nav-trigger { float: right; padding: 20px; border-radius: 42px; 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: #007bff; border: 1px solid #007bff; margin: 0 0 0 10px; 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: #ffffff; box-shadow: 0 0 5px rgba(0, 0, 0, 0.2) }
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(0, 0, 0, 0.1)!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: #1c1c1c; padding: 7px 20px 7px 16px!important; margin: 0!important; white-space: inherit; border-radius: 0; font-size: 14px; letter-spacing: 1px; }
.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: #1c1c1c; padding: 11px 15px 12px; white-space: inherit; border-top: 1px solid rgba(0, 0, 0, 0.1); font-weight: 400 }
.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: #0060c7 }
.nav-wrap nav .submenu-button:before { content: "\f105"; font-family: Font Awesome\ 5 Pro; position: absolute; color: #ffffff; left: 0; right: 0; text-align: center; top: 50%; margin-top: -14px; font-size: 14px; line-height: 26px; font-weight: normal; border-radius: 0; }
.nav-wrap nav .submenu-button.submenu-opened { padding: 6px 15px 6px 35px; color: #000000; font-size: 14px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-transform: uppercase }
.nav-wrap nav .submenu-button.submenu-opened:before { content: "\f104"; color: #ffffff; text-align: left; font-size: 14px; padding-left: 15px; }
.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: #007bff; 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: #007bff; 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; background: #ffffff; opacity: 1.0 !important; visibility: visible !important; border: none !important; height: 100%; overflow: auto; z-index: 99999 }
.sidebar_active .nav-wrap nav .submenu-button.submenu-opened { position: fixed !important; top: 0; right: 0; width: 260px; background: #0060c7; font-weight: 600; line-height: 26px; color: #ffffff }
.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; }
.search-triger i:before { width: 42px; line-height: 40px; }
}
@media only screen and (max-width:991px) {
.alignleft, .alignright, h1+.pn img, h2+.pn img { max-width: 300px }
h1+.pn img, h2+.pn img { margin-top: 10px; }
.main-banner .heading, .inner-banner .heading { font-size: 28px }
.main-banner img{margin: -13% 0 -3% 0;}
.main-banner .btn-row .btn { padding: 10px 20px; }
.main-banner .btn-row, .main-banner p { margin: 10px 0 0; display:none }
.primary-heading, .product-box.heading-type h3 { font-size: 28px }
.welcome-wrap, .top-lenses, .common-content { padding: 30px 0 }
.special-wrap { padding: 25px 0 0 }
.welcome-wrap .flex { flex-wrap: wrap; text-align: center; padding: 20px 0 }
.welcome-wrap .box { width: 100%; }
.welcome-wrap .box:last-child { padding-left: 0 }
.product-box { width: 32.3333333%; }
.gallery-row-wrap { margin-top: 25px; }
.img-row-repeat { margin-bottom: 40px }
.img-row-repeat .caption { width: 100%; padding: 0 0 25px !important }
.img-row-repeat .img-box { width: 100% }
ul.feature-lists { margin: -10px 0 -10px -10px }
ul.feature-lists li { padding: 10px }
ul.feature-lists li i { margin-right: 15px }
ul.feature-lists li strong { font-size: 18px; }
.details-videos { padding: 25px 25px 0; }
.product-side-img { flex-wrap: wrap; }
.product-side-img .img-box { width: 100%; }
.product-side-img .caption { width: 100%; padding: 25px }
.product-side-img .img-box img { width: 100% }
.product-detail-wrap .description, .product-detail-wrap .more-info { padding: 25px }
.product-detail-wrap h1, .product-detail-wrap h2 { font-size: 24px }
.contact-wrap .caption { width: 100%; padding: 0 0 30px }
.contact-wrap .form-wrap { width: 100%; padding: 25px }
.search-wrap { margin-top: 0; padding: 20px }
.search-wrap .search-form { width: 100%; margin-top: 10px }
.load-more { margin-top: 25px; }
.lens-wrap h1 { font-size: 30px }
.column-box h3 { font-size: 20px; }
.gallery-details { padding: 20px 25px; }
}
@media only screen and (max-width:767px) {
.main-banner p { display: none }
.main-banner .heading { font-size: 4vw; }
.inner-banner .heading { font-size: 24px }
.product-box { width: 49%; }
.play-icon { margin: 8px 0; }
.play-icon i { font-size: 28px; width: 80px; border: 5px solid rgba(255, 255, 255, 0.5); line-height: 70px; }
footer { padding: 20px 0 }
.product-detail-wrap ul.has-icons li { width: 49% }
.lens-form .addfiletype { margin: 0 }
.lens-form { padding: 20px 20px 30px }
.more-info table { display: flex }
.more-info table { }
.more-info table tr { display: flex; flex-wrap: wrap; }
.more-info table tr:first-child { border-top: 1px solid #b2c7df; }
.more-info table tr td { float: left; width: 50%; border: none; border-bottom: 1px solid #b2c7df; padding: 6px 15px !important }
.two-column-row .column-box { width: 97% }
}
@media only screen and (max-width:639px) {
header+div, header+section { margin-top: 127px !important; }
.head-row { flex-wrap: wrap; padding: 8px 0 }
.head-left { width: 100%; min-width: inherit; text-align: center; margin-bottom: 8px; border-bottom: 1px solid #f5f5f5; }
header .logo { float: none; display: inline-block; }
.head-middle { margin-left: 0 }
.search-field { max-width: 100% }
.gallery-box:first-child { width: 100%; }
.gallery-box { width: 50% }
footer li { padding: 0 10px; }
footer li a { font-size: 13px; }
.gallery-row.typ-2 .gallery-box { width: 47%; }
}
@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 }
.product-side-img .caption { width: 100%; padding: 20px; }
.product-detail-wrap .description, .product-detail-wrap .more-info { padding: 20px }
ul.feature-lists li { width: 50% }
.product-detail-wrap ul.has-icons li { width: 100% }
.lens-form .form-field .btn.upload-btn { display: none !important }
.lens-form .flex .box:first-child { width: 100%; }
.more-info table tr td { font-size: 13px }
}
@media only screen and (max-width:479px) {
.play-icon i { font-size: 18px; width: 50px; border: 3px solid rgba(255, 255, 255, 0.5); line-height: 44px; }
.lens-form .links { font-size: 10px; margin: 12px 0 0 15px; }
}
@media only screen and (max-width:420px) {
.product-box { width: 99%; }
ul.feature-lists { margin: -10px 0 -10px -10px }
ul.feature-lists li { padding: 10px; word-wrap: break-word }
ul.feature-lists li i { margin-right: 5px }
ul.feature-lists li strong { font-size: 20px; }
}
@media only screen and (max-width:359px) {
header .logo { max-width: 280px; }
header+div, header+section { margin-top: 123px !important; }
}
/*******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: 0 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-image-holder .mfp-close, .mfp-iframe-holder .mfp-close { color: #FFF; }
.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: 40px 0 40px; margin: 0 auto; }
.img-max-inherit img.mfp-img { max-height: inherit !important }
/* 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: -36px; 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**********/
.text-transform-none { text-transform: none !important }
.misha_loadmore { display: table; margin: 35px auto 0; min-width: 250px; text-align: center; white-space: normal; position: relative; border: 1px solid #007bff; border-radius: 30px; font-size: 14px; color: #007bff; font-style: normal; font-weight: 500; line-height: 22px; padding: 13px 35px; text-transform: uppercase; text-decoration: none !important; white-space: normal; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); overflow: hidden; background-color: transparent; -moz-box-shadow: 0 3px 0 0 #00458f; -webkit-box-shadow: 0 3px 0 0 #00458f; box-shadow: 0 3px 0 0 #00458f; cursor: pointer }
.misha_loadmore:focus, .misha_loadmore:hover { color: #ffffff; border-color: #007bff; background-color: #007bff; }
/* Custom content */
/* section.inner-banner.md-p{
display: none;
} */
.Dropdown-root {
position: relative;
height: 100%;
}
.Dropdown-control {
position: relative;
overflow: hidden;
background-color: white;
border: 1px solid #ccc;
border-radius: 2px;
box-sizing: border-box;
color: #333;
cursor: default;
outline: none;
padding: 8px 52px 8px 10px;
transition: all 200ms ease;
height: 100%;
}
.Dropdown-control:hover {
box-shadow: 0 1px 0 rgba(0, 0, 0, 0.06);
}
.Dropdown-arrow {
border-color: #999 transparent transparent;
border-style: solid;
border-width: 5px 5px 0;
content: ' ';
display: block;
height: 0;
margin-top: -ceil(2.5);
position: absolute;
right: 10px;
top: 14px;
width: 0;
}
.is-open .Dropdown-arrow {
border-color: transparent transparent #999;
border-width: 0 5px 5px;
}
.Dropdown-menu {
background-color: white;
border: 1px solid #ccc;
box-shadow: 0 1px 0 rgba(0, 0, 0, 0.06);
box-sizing: border-box;
margin-top: -1px;
max-height: 200px;
overflow-y: auto;
position: absolute;
top: 100%;
width: 100%;
z-index: 1000;
-webkit-overflow-scrolling: touch;
}
.Dropdown-menu .Dropdown-group > .Dropdown-title{
padding: 8px 10px;
color: rgba(51, 51, 51, 1);
font-weight: bold;
text-transform: capitalize;
}
.Dropdown-option {
box-sizing: border-box;
color: rgba(51, 51, 51, 0.8);
cursor: pointer;
display: block;
padding: 8px 10px;
}
.Dropdown-option:last-child {
border-bottom-right-radius: 2px;
border-bottom-left-radius: 2px;
}
.Dropdown-option:hover {
background-color: #f2f9fc;
color: #333;
}
.Dropdown-option.is-selected {
background-color: #f2f9fc;
color: #333;
}
.Dropdown-noresults {
box-sizing: border-box;
color: #ccc;
cursor: default;
display: block;
padding: 8px 10px;
}
.fullscreen {
background-color: black;
}
.Dropdown-placeholder {
color: black;
}
/* .fullscreen-desktop-button {
display: none;
padding: 20px;
} */
.fullscreen-mobile-button {
display: block;
padding: 20px;
}
@media (min-width: 768px){
.fullscreen-mobile-button {
display: block;
}
}
#inner-banner {
padding: 3% 0 1% 0;
}
#video-container iframe {
width: 42.5vw;
height: calc(43vw * 9/16);
display: block;
}
@media (max-width: 768px){
#video-container iframe {
width: 100vw;
height: calc(100vw * 9/16);
}
}
#common-content {
display: flex;
flex-direction: column;
justify-content: center;
margin: auto;
}
. html5-video-player ytp-pause-overlay ytp-scroll-min {
display: none !important;
}
.html5-video-player .ytp-expand-pause-overlay .ytp-pause-overlay {
display: none !important;
}