/******Hundred%******/
.hundred { float: left; width: 100%; position: relative; }
@media (min-width:992px) {
a[href^="tel:"] { pointer-events: none; text-decoration: none !important }
}
@media (min-width:1100px) {
.search-wrap { display: block !important; height: auto !important; }
}
/******Form Style******/
.form-max-width { max-width: 600px }
.form-field { text-align: left }
.form-field .row, .row.form-field { margin-left: -10px; margin-right: -10px }
.form-field .row .row, .row.form-field .row { margin-left: -5px; margin-right: -5px }
.form-field [class^="col-"], .form-field [class*="col-"] { padding-right: 10px; padding-left: 10px; padding-top: 25px; }
.form-field [class^="col-"] [class^="col-"], .form-field [class*="col-"] [class*="col-"] { padding: 0 5px; padding-top: 0 }
.form-field p { padding: 20px 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: 14px; right: 15px; color: #a6cee4; top: 32px; z-index: 2; padding: 10px; background: #fff; border-radius: 4px; }
.form-field .btn { min-width: 280px }
/******Custom Select******/
.selectric-wrapper { position: relative; cursor: pointer; }
.selectric-responsive { width: 100%; }
.selectric-open { z-index: 9999; }
.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 #5f6062; background-color: #fff; position: relative; border-radius: 0px; }
.selectric .label { display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin: 0 30px 0 15px; font-size: 18px; font-weight: 300; line-height: 38px; color: #5f6062; height: 38px; padding: 0; text-align: left }
.selectric .button { display: block; position: absolute; right: 0px; top: 0; bottom: 0; margin: auto; width: 30px; height: 30px; color: #2d3031; font-size: 0; text-align: center; }
.selectric .button:after { content: "\f0d7"; font-family: Font Awesome\ 5 Pro; font-size: 16px; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; color: #2d3031; line-height: 30px; }
/***Front label End***/
/****Select Drop Down***/
.selectric-items { display: none; position: absolute; top: 100%; left: 0; border: 1px solid #5f6062; z-index: -1; margin: -1px 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;}
.selectric-items li { font-size: 14px !important; min-height: 20px; display: block; padding: 4px 12px !important; color: #5f6062 !important; line-height: normal !important; }
.selectric-items li:before, .selectric-items li:after { display: none !important }
.selectric-focus .selectric, .selectric-hover .selectric, .selectric-open .selectric { border-color: #5f6062 !important; }
.selectric-items li.selected, .selectric-items li.highlighted, .selectric-items li:hover { background-color: #1185c6; 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: bold; padding-left: 10px; cursor: default; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background: none; color: #5f6062; }
.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: 13px; height: 13px; cursor: pointer; left: 0; top: 0; bottom: 0; right: 0; z-index: 2; margin: 0; }
.csRadio, .csCheckbox { display: inline-block; position: relative; margin: -2px 5px 0 0; vertical-align: middle; height: 13px; width: 13px; }
.radio .csRadio, .checkbox .csCheckbox { margin-left: -14px }
.csRadioElem { border-radius: 9px; }
.csRadioElem, .csCheckboxElem { display: inline-block; background: url(../images/radio-btn.png) no-repeat 0 0; height: 13px; width: 13px; cursor: pointer; position: absolute; top: 0; left: 0; }
.csCheckboxElem { background: url(../images/checkbox-icon.png) no-repeat 0 0; }
.csCheckedR, .csChecked, .sidebar ul.parent ul.has-checkbox li.active .csCheckboxElem { background-position: 0 -14px; }
.sidebar ul.parent ul.has-checkbox li.active label { color: #1da6e4; }
.nf-form-wrap .selectric-wrapper, .nf-form-wrap .selectric-wrapper .selectric, .selectric-open .selectric-items .selectric-scroll { display: block; }
.nf-form-wrap .selectric { border-color: #586a70 }
/******Form Style End******/
/******Fonts Includes*********/
@font-face { font-family: 'Avenir LT Pro'; src: url('../fonts/AvenirLTPro-Roman.eot'); src: url('../fonts/AvenirLTPro-Roman.eot?#iefix') format('embedded-opentype'), url('../fonts/AvenirLTStd-Roman.woff2') format('woff2'), url('../fonts/AvenirLTStd-Roman.woff') format('woff'), url('../fonts/AvenirLTStd-Roman.ttf') format('truetype'), url('../fonts/AvenirLTStd-Roman.svg#AvenirLTStd-Roman') format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'Avenir LT Pro'; src: url('../fonts/AvenirLTPro-Heavy.eot'); src: url('../fonts/AvenirLTPro-Heavy.eot?#iefix') format('embedded-opentype'), url('../fonts/AvenirLTStd-Heavy.woff2') format('woff2'), url('../fonts/AvenirLTStd-Heavy.woff') format('woff'), url('../fonts/AvenirLTStd-Heavy.ttf') format('truetype'), url('../fonts/AvenirLTStd-Heavy.svg#AvenirLTStd-Heavy') format('svg'); font-weight: bold; font-style: normal; }
@font-face { font-family: 'Avenir LT Pro'; src: url('../fonts/AvenirLTPro-Light.eot'); src: url('../fonts/AvenirLTPro-Light.eot?#iefix') format('embedded-opentype'), url('../fonts/AvenirLTStd-Light.woff2') format('woff2'), url('../fonts/AvenirLTStd-Light.woff') format('woff'), url('../fonts/AvenirLTStd-Light.ttf') format('truetype'), url('../fonts/AvenirLTStd-Light.svg#AvenirLTStd-Light') format('svg'); font-weight: 300; font-style: normal; }
@font-face { font-family: 'Avenir LT Pro'; src: url('../fonts/AvenirLTPro-Medium.eot'); src: url('../fonts/AvenirLTPro-Medium.eot?#iefix') format('embedded-opentype'), url('../fonts/AvenirLTStd-Medium.woff2') format('woff2'), url('../fonts/AvenirLTStd-Medium.woff') format('woff'), url('../fonts/AvenirLTStd-Medium.ttf') format('truetype'), url('../fonts/AvenirLTStd-Medium.svg#AvenirLTStd-Medium') format('svg'); font-weight: 500; font-style: normal; }
/******Spiner******/
.fa-spinner:before, .lazy-image:before, #on-load:before, .main-banner:before { border: 0.05rem solid #f2f2f2; border-top-color: #007dc4; border-bottom-color: #007dc4; 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)
}
}
@-o-keyframes fa-spinners { 0% {
-o-transform:rotateZ(0)
}
100% {
-o-transform:rotateZ(360deg)
}
}
@-ms-keyframes fa-spinners { 0% {
-ms-transform:rotateZ(0)
}
100% {
-ms-transform:rotateZ(360deg)
}
}
@-webkit-keyframes fa-spinners { 0% {
-webkit-transform:rotateZ(0)
}
100% {
-webkit-transform:rotateZ(360deg)
}
}
@-moz-keyframes fa-spinners { 0% {
-moz-transform:rotateZ(0)
}
100% {
-moz-transform:rotateZ(360deg)
}
}
/******Spiner End******/
a.no-decor { text-decoration: none; }
/******Header******/
.my-accounts { font-size: 14px; margin-bottom: 15px; margin-right: 65px }
.my-accounts ul { margin: 0; padding: 0 }
.my-accounts ul li { float: left; margin: 0; padding: 0 }
.my-accounts ul li:before { display: none }
.my-accounts a { color: #5f6062 }
.my-accounts a:first-child { margin-left: 13px }
.my-accounts .register-link:before { content: 'or'; display: inline-block; float: left; margin: 3px 0 0 5px; pointer-events: none; position: static; font-family: 'Avenir Light'; font-weight: 400; font-size: 14px; color: #5f6062; }
.my-accounts .register-link a { margin-left: 5px }
.s-s-c { clear: right }
header .social-icons { float: left; margin-right: 15px }
/****Social Icons***/
.social-icons span { float: left; margin-right: 15px; }
.social-icons a, .social-icons i { float: left; font-size: 1em }
.social-icons a+a { margin-left: 3px }
.social-icons .fa:before, .social-icons .fab:before { display: block; width: 25px; line-height: 25px; height: 25px; background-color: #5f6062; color: #ebebeb; border-radius: 25px; text-align: center }
.social-icons a:hover { opacity: 0.8 }
/****Search******/
.search-wrap { float: left; margin-right: 12px }
.search-field { position: relative; clear: both; min-width: 250px }
.search-field input[type="text"], .search-field input[type="search"] { font-size: 14px; font-weight: normal; background-color: #eee; border-color: #eee; padding: 1px 8px; padding-right: 30px; line-height: 21px !important; height: 25px; }
.search-field input[type="text"]:focus, .search-field input[type="search"]:focus { border-color: #5f6062; background-color: #fff }
.search-field:hover input[type="text"], .search-field:hover input[type="search"] { background-color: #fff }
.search-field input[type="submit"] { position: absolute; right: 6px; top: 5px; background: url(../images/search-icons.png)0 0 no-repeat; padding: 8px; font-size: 0; -webkit-transition: none; -moz-transition: none; transition: none; opacity: 0.5 }
 .search-field ::-webkit-input-placeholder {
color: #939598;
font-size: 14px;
font-weight:normal;
}
.search-field ::-moz-placeholder {
color: #939598;
font-size: 14px;
font-weight:normal;
}
.search-field :-ms-input-placeholder {
color: #939598;
font-size: 14px;
font-weight:normal;
}
.search-field :-moz-placeholder {
color: #939598;
font-size: 14px;
font-weight:normal;
}
/***Cart*****/
.cart-wrap { float: left; font-size: 11px; margin-right: 90px }
.cart-wrap a { float: left; text-decoration: none; font-size: 14px; }
.cart-wrap .count { background: #007fc1; color: #fff; height: 24px; line-height: 24px; border-radius: 2px; display: inline-block; margin: 0 0 0 5px; min-width: 24px; overflow: hidden; padding: 0 3px; text-align: center; white-space: normal; vertical-align: top; text-decoration: none; }
.cart-wrap i { float: left }
.cart-wrap i.fa:before { display: inline-block; font-size: 12px; width: 25px; line-height: 25px; background: #007fc1; color: #fff; text-align: center; border-radius: 25px; font-weight: normal }
.cart-wrap span { float: left; margin: 3px 0 0 10px; color: #006bb4; text-decoration: underline }
.cart-wrap a:hover i { opacity: 0.8 }
.cart-wrap a:active, .cart-wrap a:active span { color: #ff5501; }
/****Nav Start****/

.nav-wrap { position: relative; float: left; width: 100%; clear: both; margin: 14px 0 0; }
.nav_trigger, nav #menu-button { display: none }
.nav-wrap nav, .nav-wrap nav ul, .nav-wrap nav ul li, .nav-wrap nav ul li a, .nav-wrap nav #menu-button { margin: 0; padding: 0; border: 0; list-style: none; display: block; position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; z-index: 99 }
.nav-wrap nav #menu-button, .nav-wrap nav ul li:before { display: none; }
.nav-wrap nav { float: left; display: block; position: static; padding: 0; }
.nav-wrap nav ul.nav > li { float: left; margin: 0 42px 0 0; padding: 0; overflow: visible }
.nav-wrap nav ul.sub-menu {position: relative;}
.nav-wrap nav ul.sub-menu:hover:after {content: ' '; display: block; width: 125%; height: 120%; position: absolute; top: -5%; left: 50%; transform: translateX(-50%);}
/* .nav-wrap nav ul.nav > li:last-child { margin-right: 0; width: 160.2px; } */
.nav-wrap nav ul.nav > li > a:after { content: ""; border-left: 1px solid #fff; position: absolute; right: -21px; top: 19px; bottom: 19px; cursor: not-allowed; pointer-events: none; }
/* .nav-wrap nav ul.nav > li:last-child a:after { left: -25px; top: 0; bottom: -1px; border-width: 8px; }*/
.nav-wrap nav ul.nav > li:last-child a:after { display: none; }
/*.nav-wrap nav ul.nav > li > a { display: block; padding: 0; margin: 17px 0; font-size: 14px; font-weight: 500; line-height: 19px; color: #fff; white-space: nowrap; text-transform: uppercase; text-decoration: none }*/
.nav-wrap nav ul.nav > li > a { display: block; padding: 0; margin: 0 0; font-size: 14px; font-weight: 400; line-height: 53px; color: #fff; white-space: nowrap; text-transform: uppercase; text-decoration: none; -moz-transition:none;-webkit-transition:none;transition:none;}
.nav>li>a:focus, .nav>li>a:hover { background-color: transparent }
.nav-wrap nav ul.nav ul { position: absolute; padding: 0; visibility: hidden; text-align: left; left: 0; opacity: 0; top: 0; background-color: #fff;    border-top: 1px solid #e8e8e8; box-shadow: 0 5px 5px rgba(0,0,0,0.19); min-width: 230px; -webkit-transition: opacity 0.6s ease-in; -moz-transition: opacity 0.6s ease-in; -o-transition: opacity 0.6s ease-in; transition: opacity 0.6s ease-in; }
.nav-wrap nav > ul.nav > li > ul { margin-left: -20px; top: 100%;}
.nav-wrap nav ul.nav ul ul { left: 100%; margin-top:-1px;}
.nav-wrap nav ul.nav li:hover > ul{visibility: visible; left: 0; 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;}
/****Menu Diff*****/
.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-left-menu .has-sub:after, .nav-wrap nav ul.nav .align-left-menu:after { right: 100% !important; left: auto !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.has-sub:after { content: ""; display: none; position: absolute; left: auto; left: 100%; top: 0; bottom: 0; width: 100%; background: rgba(0,0,0,0) }
.nav-wrap nav ul.nav .reverse-menu ul li.has-sub:after { right: 100%; left: auto }
/****Menu Diff End*****/
.nav-wrap nav ul.nav ul li { /*position: static;*/ float: left; width: 100%; min-width: 150px; padding: 0; margin: 0 0 10px; vertical-align: top; overflow: visible }
.nav-wrap nav ul.nav ul li a { width: auto; white-space: normal; /*text-transform: capitalize;*/ font-size: 14px; font-weight: bold; line-height: normal; color: #575757; padding: 9px 20px; text-decoration: none; transition: none; -moz-transition: none; -webkit-transition: none; -ms-transition: none; -o-transition: none; }
.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: #bad6ed; }
.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: #e8e8e8; color: #333; }
/*****Full Width Menu******/
.nav-wrap nav ul.nav > li.full-width-menu { position: static }
.nav-wrap nav ul.nav > li.full-width-menu ul { right: 0; width: auto; }
.nav-wrap nav ul.nav > li.full-width-menu ul li { width: 25% }
.nav-wrap nav ul.nav > li.full-width-menu ul li:nth-child(4n+1) { clear: left }
.nav-wrap nav ul.nav > li.full-width-menu ul li a { white-space: normal }
/*********Short Codes************/

/******Btn Style******/
.btn.btn-idex-green { background-color: #7dc049; color: #fff }
.btn.btn-idex-purple { background-color: #5b2b82; color: #fff }
.btn.btn-idex-cyan { background-color: #00aeef; color: #fff }
.btn.btn-idex-red { background-color: #f7323f; color: #fff }
.btn.btn-idex-blue { background-color: #007dc3; color: #fff }
.btn.btn-light-green { background-color: #c4d600; color: #fff }
.btn.btn-idex-orange { background-color: #ff8300; color: #fff }
.btn.btn-idex-gray { background-color: #5f6062; color: #fff }
.btn.btn-idex-teal { background-color: #26cad3; color: #fff }
.btn.btn-light-gray { background-color: #8a8c8c; color: #fff }
.btn.btn-white { background-color: #fff }
.btn-white.btn-idex-green { color: #7dc049; }
.btn-white.btn-idex-purple { color: #5b2b82; }
.btn-white.btn-idex-cyan { color: #00aeef; }
.btn-white.btn-idex-red { color: #f7323f; }
.btn-white.btn-idex-blue { color: #007dc3; }
.btn-white.btn-light-green { color: #c4d600; }
.btn-white.btn-idex-orange { color: #ff8300; }
.btn-white.btn-idex-gray { color: #5f6062; }
.btn-white.btn-idex-teal { color: #26cad3; }
.btn-white.btn-light-gray { color: #8a8c8c; }
.btn.btn-outline { background-color: transparent }
.btn-outline.btn-idex-green { border-color: #7dc049; color: #7dc049 }
.btn-outline.btn-idex-purple { border-color: #5b2b82; color: #5b2b82 }
.btn-outline.btn-idex-cyan { border-color: #00aeef; color: #00aeef }
.btn-outline.btn-idex-red { border-color: #f7323f; color: #f7323f }
.btn-outline.btn-idex-blue { border-color: #007dc3; color: #007dc3 }
.btn-outline.btn-light-green { border-color: #c4d600; color: #c4d600 }
.btn-outline.btn-idex-orange { border-color: #ff8300; color: #ff8300 }
.btn-outline.btn-idex-gray { border-color: #5f6062; color: #5f6062 }
.btn-outline.btn-idex-teal { border-color: #26cad3; color: #26cad3 }
.btn-outline.btn-light-gray { border-color: #8a8c8c; color: #8a8c8c }
.btn-outline.btn-white { border-color: #fff; color: #fff }
.btn:active { -moz-box-shadow: none; -webkit-box-shadow: none; -ms-box-shadow: none; -o-box-shadow: none; box-shadow: none }
.button-bg-wrap .btn { float: left; width: 46%; margin: 2% }
.button-on-bg { background-color: #007dc3; padding: 10px; clear: both; overflow: hidden }
/******Btn Hover*******/
.btn.btn-idex-green:hover { background-color: transparent; border-color: #7dc049; color: #7dc049 }
.btn.btn-idex-purple:hover { background-color: transparent; border-color: #5b2b82; color: #5b2b82 }
.btn.btn-idex-cyan:hover { background-color: transparent; border-color: #00aeef; color: #00aeef }
.btn.btn-idex-red:hover { background-color: transparent; border-color: #f7323f; color: #f7323f }
.btn.btn-idex-blue:hover { background-color: transparent; border-color: #007dc3; color: #007dc3 }
.btn.btn-light-green:hover { background-color: transparent; border-color: #c4d600; color: #c4d600 }
.btn.btn-idex-orange:hover { background-color: transparent; border-color: #ff8300; color: #ff8300 }
.btn.btn-idex-gray:hover { background-color: transparent; border-color: #5f6062; color: #5f6062 }
.btn.btn-idex-teal:hover { background-color: transparent; border-color: #26cad3; color: #26cad3 }
.btn.btn-light-gray:hover { background-color: transparent; border-color: #8a8c8c; color: #8a8c8c }
.btn.btn-white.btn-idex-green:hover { background-color: #7dc049; color: #fff }
.btn.btn-white.btn-idex-purple:hover { background-color: #5b2b82; color: #fff }
.btn.btn-white.btn-idex-cyan:hover { background-color: #00aeef; color: #fff }
.btn.btn-white.btn-idex-red:hover { background-color: #f7323f; color: #fff }
.btn.btn-white.btn-idex-blue:hover { background-color: #007dc3; color: #fff }
.btn.btn-white.btn-light-green:hover { background-color: #c4d600; color: #fff }
.btn.btn-white.btn-idex-orange:hover { background-color: #ff8300; color: #fff }
.btn.btn-white.btn-idex-gray:hover { background-color: #5f6062; color: #fff }
.btn.btn-white.btn-idex-teal:hover { background-color: #26cad3; color: #fff }
.btn.btn-white.btn-light-gray:hover { background-color: #8a8c8c; color: #fff }
.btn-outline.btn-idex-green:hover { background-color: #7dc049; color: #fff }
.btn-outline.btn-idex-purple:hover { background-color: #5b2b82; color: #fff }
.btn-outline.btn-idex-cyan:hover { background-color: #00aeef; color: #fff }
.btn-outline.btn-idex-red:hover { background-color: #f7323f; color: #fff }
.btn-outline.btn-idex-blue:hover { background-color: #007dc3; color: #fff }
.btn-outline.btn-light-green:hover { background-color: #c4d600; color: #fff }
.btn-outline.btn-idex-orange:hover { background-color: #ff8300; color: #fff }
.btn-outline.btn-idex-gray:hover { background-color: #5f6062; color: #fff }
.btn-outline.btn-idex-teal:hover { background-color: #26cad3; color: #fff }
.btn-outline.btn-light-gray:hover { background-color: #8a8c8c; color: #fff }
.btn-outline.btn-white:hover { background-color: #fff; color: #5f6062 }
.btn.btn-idex-green.btn-bg:hover { color: #7dc049; background-color: #fff; border-color: #fff }
.btn.btn-idex-purple.btn-bg:hover { color: #5b2b82; background-color: #fff; border-color: #fff }
.btn.btn-idex-cyan.btn-bg:hover { color: #00aeef; background-color: #fff; border-color: #fff }
.btn.btn-idex-red.btn-bg:hover { color: #f7323f; background-color: #fff; border-color: #fff }
.btn.btn-idex-blue.btn-bg:hover { color: #007dc3; background-color: #fff; border-color: #fff }
.btn.btn-light-green.btn-bg:hover { color: #c4d600; background-color: #fff; border-color: #fff }
.btn.btn-idex-orange.btn-bg:hover { color: #ff8300; background-color: #fff; border-color: #fff }
.btn.btn-idex-gray.btn-bg:hover { color: #5f6062; background-color: #fff; border-color: #fff }
.btn.btn-idex-teal.btn-bg:hover { color: #26cad3; background-color: #fff; border-color: #fff }
.btn.btn-light-gray.btn-bg:hover { color: #8a8c8c; background-color: #fff; border-color: #fff }
/******Btn Style End******/

/***** Left navbar custom *****/
.fa-caret-down {
    transition: .3s transform ease-in-out;
}

.collapsed .fa-caret-down {
    transform: rotate(270deg);
}


/*** Ed Left navbar custom ***/

/********Bullets*******/
ul.bullets-arrow li { position: relative; padding: 0 0 8px 18px}
ul.bullets-check li { position: relative; padding: 0 0 8px 28px; overflow: hidden; }
ul.right-arrow li { padding: 0 18px 8px 0; text-align: right }
//ul.bullets-arrow li:before, ul.bullets-check li:before, ul li:before {     content: "\f111" ; font-family: Font Awesome\ 5 Pro; display: inline-block; vertical-align: middle; position: absolute; left: 1px; top: 4px; line-height: 1; font-size: 90%; font-weight: bold; }
ul.bullets-check li:before { content: "\f00c" }
ul.right-arrow li:before { content: "\f104"; right: 1px; left: auto }
.bullets-idex-green li:before { color: #7dc049!important; }
.bullets-idex-purple li:before { color: #5b2b82!important; }
.bullets-idex-cyan li:before { color: #00aeef!important; }
.bullets-idex-red li:before { color: #f7323f!important; }
.bullets-idex-blue li:before { color: #007dc3!important; }
.bullets-light-green li:before { color: #c4d600!important; }
.bullets-white li:before { color: #ffffff!important; }
.bullets-idex-orange li:before { color: #ff8300!important; }
.bullets-idex-gray li:before { color: #5f6062!important; }
.bullets-idex-teal li:before { color: #26cad3!important; }
.bullets-light-gray li:before { color: #8a8c8c!important; }
/********Bullets Ends*******/

/******Text Styles*******/
.i-hb { font-size: 100px; font-weight: bold; line-height: 1.2; letter-spacing: -2px }
.i-h1 { color: #00aeef; font-size: 60px; font-weight: 300; line-height: 1.2; padding-bottom: 20px; }
.i-h2 { font-size: 36px; font-weight: normal; line-height: 1.2; }
.i-h3 { font-size: 26px; font-weight: normal; line-height: 1.2; }
.i-h4 { font-size: 18px; font-weight: bold; line-height: 1.2; }
.disclaimers { font-style: italic !important; font-size: 70% !important; padding-bottom: 0 }
.font-light { font-weight: 300 !important }
.font-normal { font-weight: normal !important }
.font-medium { font-weight: 500 !important }
.font-heavy { font-weight: bold !important }
.color-idex-green { color: #7dc049!important; }
.color-idex-purple { color: #5b2b82!important; }
.color-idex-cyan { color: #00aeef!important; }
.color-idex-red { color: #f7323f!important; }
.color-idex-blue { color: #007dc3!important; }
.color-light-green { color: #c4d600!important; }
.color-idex-orange { color: #ff8300!important; }
.color-idex-gray { color: #5f6062!important; }
.color-idex-teal { color: #26cad3!important; }
.color-light-gray { color: #8a8c8c!important; }
.color-white, .color-white *:not(.btn) { color: #fff!important; }
.n-b { display: block; border: none; border-radius: 0; padding: 0 }
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {text-decoration: none }
/******Text Styles End*******/

/*****Slider*******/
.col-4-slider.owl-carousel .owl-nav .owl-prev, .col-4-slider.owl-carousel .owl-nav .owl-next { top: 14% }
.col-3-slider.owl-carousel .owl-nav .owl-prev, .col-3-slider.owl-carousel .owl-nav .owl-next { top: 32% }
.col-1-slider { }
.col-1-slider.full-width { padding-left: 0 }
.col-1-slider .owl-dots { display: none; position: absolute; bottom: 15px; left: 5px; right: 5px; }
.col-1-slider.full-width .owl-dots { display: block }
.col-1-slider .item { position: relative; padding: 20px 0; min-height: 490px; }
.col-1-slider .vertical { text-align: left }
.col-1-slider .description { padding-left: 80px; }
.col-1-slider .col-row { display: table; width: 100%; }
.col-1-slider .col-row .col { display: table-cell; width: 40%; vertical-align: middle }
.col-1-slider .col-row .col:last-child { width: 60% }
.col-1-slider h1, .col-1-slider h2, .col-1-slider h3, .col-1-slider h4, .col-1-slider h5, .col-1-slider h6 { line-height: 0.9 }
.col-1-slider h5 { font-size: 80px }
.col-1-slider p:first-of-type { margin-top: 20px }
.col-1-slider p { margin-bottom: 30px; color: #9fa1a4; max-width: 90% }
.col-1-slider p:last-child { margin-bottom: 0 }
.col-1-slider .slide-img { position: absolute; left: 0; right: 0; top: 0; bottom: 0; background-position: center center; background-repeat: no-repeat; background-size: cover; z-index: -1; }
.col-1-slider .slide-img img { display: none !important }
.col-1-slider.full-width .description { padding-left: 0 }
.item .slide-img { -webkit-transition: all 0.5s linear !important; transition: all 0.5s linear !important; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); }
.item:hover .slide-img { -webkit-transform: scale3d(1.06, 1.06, 0.8); transform: scale3d(1.06, 1.06, 0.8); }
/****Owl Slider*****/
.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; -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; transition: opacity .4s ease }
.owl-carousel .owl-item img.owl-lazy { transform-style: preserve-3d }
.owl-carousel .owl-video-wrapper { position: relative; height: 100%; background: #000 }
.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 { padding-top: 5px; 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 { display: inline-block; width: 20px; height: 20px; margin: 2px; background: #c8c7c9; font-size: 0; line-height: 0; cursor: pointer; border-radius: 50%; box-shadow: none; border: none; transition: none; -moz-transition: none; -webkit-transition: none; -ms-transition: none; -o-transition: none; }
.owl-carousel .owl-dot.active { background: #636466 }
.owl-carousel .owl-nav .owl-prev, .owl-carousel .owl-nav .owl-next { position: absolute; left: 0; top: 50%; background: rgba(0,0,0,0.5); margin-top: -24px; cursor: pointer; width: 48px; height: 48px; z-index: 98; border-radius: 0; 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; }
.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: 42px; line-height: 40px; color: #fff; display: block; position: absolute; top: 50%; left: 50%; margin: -20px -8px; font-weight: 300 }
.owl-carousel .owl-nav .owl-next:before { content: '\f105'; left: auto; right: 50%; }
.owl-carousel .owl-nav .owl-prev:hover:before, .owl-carousel .owl-nav .owl-next:hover:before { color: #fff }
.owl-carousel .owl-nav .owl-prev:hover, .owl-carousel .owl-nav .owl-next:hover { background-color: #5f6062; }
/*****Slider End*******/


/*******Bg Wrap******/
.bg-wrap *, .bg-wrap ul li:before { color: #fff }
.bg-white *, .bg-white ul li:before { color: #5f6062 }
.bg-white { background-color: #fff; }
.bg-idex-green { background-color: #7dc049; }
.bg-idex-purple { background-color: #5b2b82; }
.bg-idex-cyan { background-color: #00aeef; }
.bg-idex-red { background-color: #f7323f; }
.bg-idex-blue { background-color: #007dc3; }
.bg-light-green { background-color: #c4d600; }
.bg-idex-orange { background-color: #ff8300; }
.bg-idex-gray { background-color: #5f6062; }
.bg-idex-teal { background-color: #26cad3; }
.bg-light-gray { background-color: #8a8c8c; }
.bg-xlight-gray { background-color: #eee; }
.bg-gradient { background: #007fc1; background: -moz-linear-gradient(left, #007fc1 0%, #22ace9 50%, #007fc1 100%); background: -webkit-linear-gradient(left, #007fc1 0%, #22ace9 50%, #007fc1 100%); background: linear-gradient(to right, #007fc1 0%, #22ace9 50%, #007fc1 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#007fc1', endColorstr='#007fc1', GradientType=1 );
}
/****Bg Wrap End****/

/*separator*/
.idex-featured { position: relative; }
.idex-featured:before { content: ""; background-color: #fff; position: absolute; width: 1px; top: 0; bottom: -20px; left: -1%; display: block; }
.latest-posts img:hover { transform: scale(1.2);}
.latest-posts .image-container { display: inline-block; overflow: hidden; }
.latest-posts a { text-decoration: none; }
/*******Border Color******/
.border-idex-green { border-color: #7dc049; }
.border-idex-purple { border-color: #5b2b82; }
.border-idex-cyan { border-color: #00aeef; }
.border-idex-red { border-color: #f7323f; }
.border-idex-blue { border-color: #007dc3; }
.border-light-green { border-color: #c4d600; }
.border-idex-orange { border-color: #ff8300; }
.border-idex-gray { border-color: #5f6062; }
.border-idex-teal { border-color: #26cad3; }
.border-light-gray { border-color: #8a8c8c; }
.border-light-gray { border-color: #eee; }
/****Border Color End****/

/****Divider / Horizontal Rule*****/
.img-full { width: 100% }
.img-inline { display: inline-block; }
.aligncenter { display: block; margin: 5px auto; }
.alignright { float: right; margin: 10px 0 15px 30px; }
.alignleft { float: left; margin: 10px 30px 15px 0; }
.divider { border-bottom: 1px solid #c7c8ca; padding: 15px 0 0; margin: 0 0 15px }
.video-thumb { position: relative; box-shadow: 0 0 2px rgba(0,0,0,0.3) }
.video-thumb a:before { content: ""; background: url(../images/play-btn.png) center center no-repeat; position: absolute; left: 0; top: 0; bottom: 0; right: 0; background-size: 60px; }
.video-thumb a:hover:before { opacity: 0.9; background-color: rgba(0,0,0,0.2) }
.video-thumb.thumb-lg a:before { background-size: auto }
.iframe-v .iframe-video { display: block !important; border-bottom: 5px solid #ccc; margin: -15px -25px 0; width: auto }
.iframe-v .no-text { margin-bottom: -20px }
.col-4-row { margin-left: -10px; margin-right: -10px; }
.col-4-row .col { position: relative; float: left; width: 25%; padding: 10px }
.col-4-row .col:nth-child(4n+1) { clear: left }
.col-3-row { margin-left: -10px; margin-right: -10px; }
.col-3-row .col { position: relative; float: left; width: 33.33333333%; padding: 10px }
.col-3-row .col:nth-child(3n+1) { clear: left }
.row-lg { margin-left: -30px; margin-right: -30px; }
.row-lg>[class*="col-"] {
padding-left:30px;
padding-right:30px
}
.row-xl { margin-left: -40px; margin-right: -40px; }
.row-xl .col { padding: 15px 40px }
.thumbnail, .img-thumbnail { position: relative }
.overlay { position: absolute; left: 0; top: 100%; bottom: 0; right: 0; text-align: center; opacity: 0; visibility: hidden; z-index: 5; }
.overlay-text { position: absolute; width: 100%; top: 50%; -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); text-align: center; max-height: 100%; }
.text-overflow { display: block; max-height: 220px; max-width: 100%; overflow: hidden; }
.share-download { display: block; width: 100%; }
.share-download .dropdown { display: inline-block }
.share-download .dropdown-menu { padding: 15px; border-color: #c8c7c9; background-color: #ebebeb; border-radius: 0; min-width: 200px; }
.share-download .dropdown-menu:before { content: ""; width: 0; height: 0; border-left: 14px solid transparent; border-right: 14px solid transparent; border-bottom: 14px solid #ebebeb; position: absolute; bottom: 100%; left: 22px; }
.share-download .dropdown h3 { font-size: 20px; color: #636466; margin: -15px -15px 15px; font-weight: normal; padding: 10px 15px; border-bottom: 1px solid #c8c7c9; }
.icon-xl { display: inline-block; color: #5f6062; margin: 3px; text-align: center; text-decoration: none }
.icon-xl i { display: block; background: #fff; font-size: 30px; width: 64px; line-height: 64px; border-radius: 64px; }
.icon-xl i:hover { background: #ebebeb; }
.col:hover .overlay { display: block; top: 0; opacity: 1; visibility: visible }
.share-download .dropdown-menu .social-icons { font-size: 1em }

/****Transparent*****/
.svg-text, .transparent-text { overflow: hidden !important }
.svg-text .container, .transparent-text .container { position: relative; }
svg { display: block; width: 100%; height: auto; }
.svg-wrapper { display: inline-block; position: relative; width: 100%; padding-bottom: 28.75%; vertical-align: middle; overflow: hidden; }
.svg-content { display: inline-block; position: absolute; top: 0; left: 0; }
.svg-wrapper-idex { padding-bottom: 37%; }
.transparent-description, .transparent-description-button { display: inline-block; position: absolute; top: 45%; left: 33%; width: 50%; ; overflow-wrap: break-word; font-size:14px;line-height:18px; }
.trans-button { position: absolute; bottom: 5%; left: 33%; width: 50%; }
.btn-mobile {display:none;}
.trans-big { font-size: 78px; font-weight: bold; text-transform: uppercase; }
.trans-small { font-size: 54px; font-weight: bold; text-transform: uppercase; }

.thumb-slide .svg-wrapper-idex{ margin:-5px}
@media screen and (max-width:1400px) and (min-width:1199px) {
.thumb-slide .transparent-description { top: 42%;  width: 60%;  }
.thumb-slide .svg-wrapper-idex { padding-bottom:37%; }

}
@media screen and (max-width:1198px) and (min-width:1091px) {
.thumb-slide .transparent-description { top: 42%; width: 60%; }
.thumb-slide .svg-wrapper-idex { padding-bottom: 37%; }
.thumb-slide .transparent-description p{ padding-bottom:0}

}
 @media screen and (max-width: 1450px) {
.transparent-description, .transparent-description-button { width: 50%; }
}
 @media screen and (max-width:1248px) {
.transparent-description-button { float: none; position: relative; top: 100%; left: 0; width: 100%; padding-right: 15px; padding-left: 15px; }
.trans-button { top: 35%; width: 50%; }
}
@media screen and (max-width:1090px) {
.transparent-description { float: none; position: relative; top: 100%; left: 0; width: 100%; padding-right: 15px; padding-left: 15px; }
}
@media screen and (max-width: 570px) {
.trans-button { display:none; }
.btn-mobile {display:block; position:relative; left:5px;bottom:5px; width:100%;}
}
@media screen and (max-width: 415px) {
}
/***Transparent End*****/

/*******Vertically Middle*******/
.lazy-image { position: relative; background: #eee; width: 100%; padding-top: 66.33%; overflow: hidden; z-index: 2; }
.lazy-image img { position: absolute; background-color: #ffffff; bottom: 0; left: 0; right: 0; top: 0; margin: auto !important; max-width: 100%; max-height: 100%; width: auto !important; opacity: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden; transition: opacity .5s ease-in, -webkit-transform .5s ease-in; transition: opacity .5s ease-in, transform .5s ease-in; transition: opacity .5s ease-in, transform .5s ease-in, -webkit-transform .5s ease-in; }
.google-map { position: relative; padding-top: 64%; }
.iframe-video { position: relative; display: inline-block; width: 100%; padding-top: 54%; margin: 10px 0; }
.google-map iframe, .google-map img, .iframe-video iframe { position: absolute; left: 0; top: 0; right: 0; bottom: 0; height: 100%; width: 100%; }
img.lazyFade { opacity: 1; -webkit-transform: scale(1); transform: scale(1) }
.parallax { background-attachment: fixed; 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; }


/*******Sprite Icon*******/
[class^="sprite-"], [class*="sprite-"] {
display:inline-block;
line-height:1;
}
[class^="sprite-"]:before, [class*="sprite-"]:before { content: ""; display: inline-block; vertical-align: top; font-style: normal; height: 25px; width: 25px; background: url(../images/sprite-icons.png) top left no-repeat; background-size: 275px 25px; overflow: hidden; }
.sprite-cart:before { background-position: top left -100px; }
.sprite-linkedin:before { background-position: top left; }
.sprite-facebook:before { background-position: top left -25px; }
.sprite-twitter:before { background-position: top left -50px; }
.sprite-youtube:before { background-position: top left -75px; }
.sprite-call:before { background-position: top left -125px; }
.sprite-file:before { background-position: top left -200px; }
.sprite-search:before { background-position: top left -250px; }
.sprite-email:before { background-position: top left -150px; }
.sprite-info:before { background-position: top left -175px; }
.sprite-check:before { background-position: top left -225px; }
/******Content End*********/
.margin-top { margin-top: 0 !important }
.vertical { position: absolute; top: 0; left: 0; text-align: center; height: 100%; width: 100%; }
.vertical-in { display: table; width: 100%; height: 100%; }
.vertical-text { display: table-cell; width: 100%; height: auto; vertical-align: middle; }

/*
 * flexslider slide styling 
 */

.flexslider .slides { overflow: hidden !important; }
.flexslider .slides div .flex-caption { overflow: scroll !important; }
/*
 * flexslider caption styling 
 */

.flexslider .flex-caption { position: absolute; text-align: left; bottom: 10%; color: #9fa1a4; font-size: 4vw; text-transform: uppercase; letter-spacing: -0.125vw; }
.flexslider .flex-caption span { font-size: 6vw; color: #00aeef; line-height: 4vw; font-weight: bold; letter-spacing: -0.125vw; }
.flexslider .flex-caption span:before { content: ""; display: block; }
.flexslider .flex-caption p { font-size: 1.25vw; letter-spacing: initial; text-transform: none; line-height: 1.6vw; }
.flexslider .left { left: 15%; width: 35%; }
ul.slides { list-style-type: none; padding: 0 0; }
ul.slides li:before, li.flex-nav-next:before, li.flex-nav-prev:before { content: none; }
.flex-direction-nav { position: absolute; bottom: 50%; width: 100%; }
ul.flex-direction-nav li { overflow: visible; }
.flex-direction-nav a { height: 45px; width: 45px; }
/*end flexslider*/

/*****Bounce in left*****/
@-webkit-keyframes bounceInLeft { 0% {
 opacity: 0;
 -webkit-transform: translateX(-400px);
}
 60% {
 -webkit-transform: translateX(30px);
}
 80% {
 -webkit-transform: translateX(-10px);
}
 100% {
 opacity: 1;
 -webkit-transform: translateX(0);
}
}
 @keyframes bounceInLeft { 0% {
 opacity: 0;
 transform: translateX(-400px);
}
 60% {
 transform: translateX(30px);
}
 80% {
 transform: translateX(-10px);
}
 100% {
 opacity: 1;
 transform: translateX(0);
}
}

/*****BounceInRight****/
@-webkit-keyframes bounceInRight { 0% {
 opacity: 0;
 -webkit-transform: translateX(400px);
}
 60% {
 -webkit-transform: translateX(-30px);
}
 80% {
 -webkit-transform: translateX(10px);
}
 100% {
 opacity: 1;
 -webkit-transform: translateX(0);
}
}
 @keyframes bounceInRight { 0% {
 opacity: 0;
 transform: translateX(400px);
}
 60% {
 transform: translateX(-30px);
}
 80% {
 transform: translateX(10px);
}
 100% {
 opacity: 1;
 transform: translateX(0);
}
}

/****FadeInDown****/
@-webkit-keyframes fadeInDown { 0% {
 opacity: 0;
 -webkit-transform: translateY(-400px);
}
 50% {
 opacity: 0.3;
}
 100% {
 opacity: 1;
 -webkit-transform: translateY(0);
}
}
@keyframes fadeInDown { 0% {
 opacity: 0;
 transform: translateY(-400px);
}
 50% {
 opacity: 0.3;
}
 100% {
 opacity: 1;
 transform: translateY(0);
}
}
/****FadeInUp****/
@-webkit-keyframes fadeInUp { 0% {
 opacity: 0;
 -webkit-transform: translateY(400px);
}
 50% {
 opacity: 0.3;
}
 100% {
 opacity: 1;
 -webkit-transform: translateY(0);
}
}
@keyframes fadeInUp { 0% {
 opacity: 0;
 transform: translateY(400px);
}
 50% {
 opacity: 0.3;
}
 100% {
 opacity: 1;
 transform: translateY(0);
}
}
 @-webkit-keyframes slideUp { 0% {
 opacity: 0;
 -webkit-transform: translateY(200px);
}
 50% {
 opacity: 0.3;
}
 100% {
 opacity: 1;
 -webkit-transform: translateY(0);
}
}
@keyframes slideUp { 0% {
 opacity: 0;
 transform: translateY(200px);
}
 50% {
 opacity: 0.3;
}
 100% {
 opacity: 1;
 transform: translateY(0);
}
}

/***** FadeInLeft *******/


@-webkit-keyframes fadeInLeft { 0% {
 opacity: 0;
 -webkit-transform: translateX(-400px);
}
 50% {
 opacity: 0.3;
}
 100% {
 opacity: 1;
 -webkit-transform: translateX(0);
}
}
@keyframes fadeInLeft { 0% {
 opacity: 0;
 transform: translateX(-400px);
}
 50% {
 opacity: 0.3;
}
 100% {
 opacity: 1;
 transform: translateX(0);
}
}
.fadeInLeft { opacity: 0; -webkit-transform: translateX(-400px); transform: translateX(-400px); }
.fadeInLeft.go { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; }

/********Fade in Right********/
 @-webkit-keyframes fadeInRight { 0% {
 opacity: 0;
 -webkit-transform: translateX(400px);
}
 50% {
 opacity: 0.3;
}
 100% {
 opacity: 1;
 -webkit-transform: translateX(0);
}
}
@keyframes fadeInRight { 0% {
 opacity: 0;
 transform: translateX(400px);
}
 50% {
 opacity: 0.3;
}
 100% {
 opacity: 1;
 transform: translateX(0);
}
}
.fadeInRight { opacity: 0; -webkit-transform: translateX(400px); transform: translateX(400px); }
.fadeInRight.go { -webkit-animation-name: fadeInRight; animation-name: fadeInRight; }


/******* Fade In ********/

@-webkit-keyframes fadeIn { 0% {
opacity: 0;
}
 100% {
opacity: 1;
 display:block;
}
}
@keyframes fadeIn { 0% {
opacity: 0;
}
 100% {
opacity: 1;
 display:block;
}
}
.fadeIn { opacity: 0; }
.fadeIn.go { -webkit-animation-name: fadeIn; animation-name: fadeIn; }
.animation { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; opacity: 0 }
.slideup { -webkit-transform: translateY(200px); transform: translateY(200px) }
.slideup.go { -webkit-animation-name: slideUp; animation-name: slideUp; }
.slow { -webkit-animation-duration: 1.5s; animation-duration: 1.5s; -webkit-animation-fill-mode: both; animation-fill-mode: both; }
/***Inner Banner***/
.inner-banner { position: relative; float: left; width: 100%; padding: 0; text-align: center; background-color: #eef4f6; overflow: hidden; }
.inner-banner .bg-wrap { position: absolute; top: 0; left: 0; height: 100%; width: 100%; background-position: left center; background-repeat: repeat; }
.inner-banner .description { position: relative; z-index: 9; width: 40%; text-align: left }
.inner-banner img { width: 100% }
.inner-banner .heading { font-size: 60px; color: #5f6062; padding: 0; line-height: 1.1 }
.inner-banner .heading strong { color: #01b1ed }
.inner-banner.text-center .vertical { position: static; }
.inner-banner.text-center .description { width: 100%; text-align: center; padding: 5% 0; }
/***All Css****/
.upcoming-events { padding-bottom: 20px }
.upcoming-events .color-idex-cyan { color: #58beee !important }
.newsletter .fields { display: table; width: 100%; }
.newsletter .fields input[type="text"], .newsletter .fields input[type="email"] { display: table-cell; vertical-align: top; border-color: #fff }
.newsletter .fields .input-addon { display: table-cell; vertical-align: top; padding-left: 10px; width: 190px }
.newsletter .btn { width: 100% }
.row-xs { margin-left: -10px; margin-right: -10px; }
.row-xs> [class*="col-"] {
padding-left:10px;
padding-right:10px;
}
.bg-photo { position: absolute; right: 0; bottom: 0; top: 0; background-size: cover; background-repeat: no-repeat; background-position: center center; overflow: hidden; z-index: 0; }
.z-h { z-index: 2 }
.bg-left { left: 0; right: auto }
.bg-photo img { opacity: 0; visibility: hidden }
.Biography .mt-5 { margin-top: 15% !important }
.steps .mb-4 .img-inline { vertical-align: -10px }
.steps .i-h1 span, .steps .i-h3 span { display: inline-block; min-width: 250px; text-align: right }
.steps .i-h1 .img-inline + span, .steps .i-h3 .img-inline + span { text-align: left }
.steps-arrow .bg-wrap { position: relative }
.steps-arrow .bg-wrap:after { z-index: 1; position: absolute; top: 100%; left: 50%; margin-left: -20px; content: ''; width: 0; height: 0; border-top: solid 20px rgba(0,0,0,0); border-left: solid 20px transparent; border-right: solid 20px transparent; }
.steps-arrow .bg-idex-green:after { border-top-color: #7dc049!important; }
.steps-arrow .bg-idex-purple:after { border-top-color: #5b2b82!important; }
.steps-arrow .bg-idex-cyan:after { border-top-color: #00aeef!important; }
.steps-arrow .bg-idex-red:after { border-top-color: #f7323f!important; }
.steps-arrow .bg-idex-blue:after { border-top-color: #007dc3!important; }
.steps-arrow .bg-light-green:after { border-top-color: #c4d600!important; }
.steps-arrow .bg-idex-orange:after { border-top-color: #ff8300!important; }
.steps-arrow .bg-idex-gray:after { border-top-color: #5f6062!important; }
.steps-arrow .bg-idex-teal:after { border-top-color: #26cad3!important; }
.steps-arrow .bg-light-gray:after { border-top-color: #8a8c8c!important; }
.steps-arrow .bg-white:after { border-top-color: #fff!important; }
.steps-arrow .last:after { display: none }
.arrow-left-side .container { position: relative; }
.arrow-left-side .container .blog-row { margin-left: -3px; margin-right: -3px }
.blog-row .col { float: left; width: 33.33333333%; padding: 5px; }
.blog-row .col-b { border: 1px solid #c8c8c9; padding: 0 15px 5px }
.blog-row .col-p { padding: 0 20px 5px }
.blog-row .col .img-thumbnail { margin: 0 -15px; max-width: inherit }
/*.page-id-258 .img-thumbnail{ border:1px solid #ccc}*/
.hide-disclaimer { display: none; }
.blog-row .show { display: block; }
.blog-row .filterDiv { display: none; }
.post-by { border-bottom: 1px solid #c7c8ca; padding-bottom: 10px }
.read-more { position: relative; color: #5f6062; text-decoration: none; padding: 0 0 0 18px; }
.read-more:before { content: "\f105"; font-family: Font Awesome\ 5 Pro; display: inline-block; vertical-align: middle; color: #1da6e4; position: absolute; left: 1px; top: 2px; line-height: 1; font-weight: bold; }
.read-more:hover { color: #1da6e4; }
.blog-details p { margin-bottom: 20px }
blockquote { font-size: inherit; font-style: italic; border-left-width: 10px; border-color: #00aeef; background: #eee; padding: 20px 35px; margin: 30px 0 30px 10%; }
.tags-wrap { border-top: 1px solid #c7c8ca; border-bottom: 1px solid #c7c8ca; padding: 11px 0; margin-top: 35px; }
.tags-wrap a { color: #5f6062; text-decoration: none }
.tags-wrap a:hover { text-decoration: underline }
.share-icons { background: #eee; border-bottom: 1px solid #5f6062; padding: 13px; overflow: hidden; }
.filter-checkbox label { font-weight: 500; margin-right: 40px }
.download-row { text-align: center; padding: 30px 0; margin: 0 -15px; overflow: hidden }
.download-row .col { float: left; padding: 10px; width: 20% }
.download-row .col:nth-child(5n+1) { clear: left }
.download-row a { display: block; background: #eaebee; font-size: 26px; text-decoration: none; padding: 34px 10px; line-height: 1 }
.download-row strong { display: block; padding-top: 30px; font-weight: normal }
.download-row .fa { display: inline-block; margin: 0 auto; }
.download-row .fa:before { display: block; font-size: 18px; width: 44px; line-height: 44px; background-color: #9fa1a4; color: #fff; border-radius: 25px; text-align: center; }
.download-row a:hover { background: #77bc1f; color: #fff }
.download-row a:hover .fa:before { background-color: #fff; color: #77bc1f }
.roll-over { width: 100% !important; z-index: 9; }
.roll-over div { background-size: cover !important; }
.roll-over img { width: 100% }
.page-template-sub-distributor-page .content-area:before { content: ""; position: absolute; left: -16px; top: 0; bottom: 0; border-left: 1px solid #ccc; }
/****Timeline*****/
.timline-wrap { padding: 112px 0; }
.grid-t-row { position: relative; clear: both; margin-left: -55px; margin-right: -55px; }
.grid-t-repeat { position: relative; float: left; width: 50%; padding: 0 55px; margin-bottom: 20px }
.grid-t-repeat img { margin: 0 auto }
.grid-t-row .grid-t-box { position: relative; background: #fff; border: 1px solid #9fa1a4; padding: 20px 25px 20px; }
/*body { counter-reset: my-sec-counter; }
.grid-t-repeat:after { position: absolute; left: 40%; top: 5px; font-weight: bold; color: #f00; counter-increment: my-sec-counter; content: "Grid" counter(my-sec-counter) ". "; }*/
.grid-t-row:before { content: ''; position: absolute; top: 0; bottom: 20px; width: 5px; margin-left: -2px; border-left: 5px solid #d5d5d5; left: 50%; }
.grid-t-row .year { position: absolute; background: #d5d5d5; font-size: 26px; color: #fff; padding: 0; width: 84px; line-height: 34px; margin: 0; text-align: center; }
.grid-t-repeat.left-column .year { right: -42px; top: 22%; }

.grid-t-repeat.right-column .year { left: -42px; top: 50%; }
.grid-t-repeat:before { display: none; content: ""; width: 22px; height: 22px; border-radius: 22px; background: #d5d5d5; position: absolute; }
.grid-t-row .grid-t-box:before { display: none; content: ""; position: absolute; background: url(../images/timeline-arrow.png)0 0 no-repeat; padding: 14px 8px; }
.grid-t-repeat.left-column .grid-t-box:before { display: block; right: -16px; top: 30%; }
.grid-t-repeat.right-column .grid-t-box:before { display: block; left: -14px; top: 58%; background-position: 0 100% }
.grid-t-repeat.left-column:before { display: block; left: auto; right: -11px; top: 30.5%; }
.grid-t-repeat.right-column:before { display: block; left: -11px; top: 59%; }
.grid-t-repeat:hover:before { background: #00aeef }
/****Timeline End*****/

/****Sidebar****/
.sidebar { border-right: 1px solid #ccc; }
.sidebar ul.parent > li { position: relative; border-bottom: 1px solid #e9e9e9; border-top: 1px solid #f4f5f5; padding: 0; overflow: visible }
.sidebar ul > li:before { display: none }
.sidebar ul.parent >li:first-child { border-top: none }
.sidebar ul.parent >li:after { content: ""; border-right: 5px solid rgba(0,0,0,0); position: absolute; right: -1px; top: 0; bottom: 0 }
/* .sidebar ul.parent > li a { display: block; font-size: 16px; color: #636466; text-decoration: none; padding: 7px 7px 7px 0; background: #fff; background: -moz-linear-gradient(left, #ffffff 0%, #f6f8f9 100%); background: -webkit-linear-gradient(left, #ffffff 0%, #f6f8f9 100%); background: linear-gradient(to right, #ffffff 0%, #f6f8f9 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f8f9', GradientType=1 );} */
.sidebar ul.parent ul { display: none; padding: 20px 5px 25px 20px }
.sidebar ul.parent .current-menu-item>ul { display: block; font-size: 16px; }
.sidebar ul.parent ul li { position: relative; color: #636466; padding: 7px 0; }
.sidebar ul.parent ul li a { font-size: 18px; font-weight: 300; background: none !important; padding: 0 }
.sidebar ul.parent ul.has-checkbox li { padding-left: 22px }
.sidebar ul.parent label { margin: 0; font-size: 16px; }
/* .sidebar ul.parent ul .label { display: block; font-size: 18px; color: #636466; padding: 0 0 10px !important; text-align: left; border-radius: 0; line-height: normal } */
.sidebar ul.parent >li:hover:after, .sidebar ul.parent >li.current-menu-item:after, .sidebar ul.parent >li.active:after { border-color: #22ace9 }
.sidebar ul.parent >li > a:hover, .sidebar ul.parent >li.current-menu-item > a, .sidebar ul.parent > li.active > a, .sidebar ul.parent ul li.current-menu-item a, .sidebar ul.parent ul li a:hover { color: #1da6e4; background: #fff !important }
.sidebar ul.parent ul li:hover label { color: #1da6e4; cursor: pointer }
.sidebar .has-checkbox .csCheckbox { position: absolute; left: 0; top: 12px }
.sidebar .has-checkbox .csCheckbox { margin: 0 }
.sidebar .has-checkbox .csCheckbox.active + span { font-weight: 500; color: #22ace9 }
.sidebar a[href^="tel:"] { color: #5f6062 }

/* Sidebar change styles to match (May 2019)  */
.sidebar ul.parent > li a { display: block; font-size: 16px; color: #636466; text-decoration: none; padding: 18px 7px 14px 0; background: #fff; background: -moz-linear-gradient(left, #ffffff 0%, #f6f8f9 100%); background: -webkit-linear-gradient(left, #ffffff 0%, #f6f8f9 100%); background: linear-gradient(to right, #ffffff 0%, #f6f8f9 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f8f9', GradientType=1 );}
.sidebar ul.parent ul .label { display: block; font-size: 16px; color: #636466; padding: 0 0 20px !important; text-align: left; border-radius: 0; line-height: normal; font-weight: 400 }
.sidebar li.current-menu-item.replacement > ul { padding: 9px 5px 20px 20px;}

    /****Three Col Sidebar (revised v1.3)****/
#three-col-sidebar { border-right: 1px solid #ccc; }
#three-col-sidebar ul.parent > li { position: relative; border-bottom: 1px solid #e9e9e9; border-top: 1px solid #f4f5f5; padding: 0; overflow: visible }
#three-col-sidebar ul > li:before { display: none }
#three-col-sidebar ul.parent >li:first-child { border-top: none }
#three-col-sidebar ul.parent >li:after { content: ""; border-right: 5px solid rgba(0,0,0,0); position: absolute; right: -1px; top: 0; bottom: 0 }
#three-col-sidebar ul.parent > li a { display: block; font-size: 16px; color: #636466; text-decoration: none; padding: 18px 40px 14px 0; background: #fff; background: -moz-linear-gradient(left, #ffffff 0%, #f6f8f9 100%); background: -webkit-linear-gradient(left, #ffffff 0%, #f6f8f9 100%); background: linear-gradient(to right, #ffffff 0%, #f6f8f9 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f8f9', GradientType=1 );} 
#three-col-sidebar li.current-page-parent > ul.sub-menu, #three-col-sidebar ul.parent li.current-menu-ancestor > ul.sub-menu {display: block;}
#three-col-sidebar ul.parent li.current-menu-ancestor {background-color: #fff;}
#three-col-sidebar ul.parent li.current-page-ancestor > a, #three-col-sidebar ul.parent li.current-menu-ancestor > a{ color: #1da6e4; background: #fff;}
#three-col-sidebar ul.parent ul.sub-menu {padding-top: 0;}
#three-col-sidebar li.menu-item .nav-arrow { display: none; }
#three-col-sidebar li.menu-item-has-children>a { position: relative; padding-right: 40px; width: 100%;}
#three-col-sidebar li.menu-item-has-children>a::after { content: ' '; display: block; position: absolute; right: 19px; top: 50%; transform: translateY(-50%); width: 10px; height: 22px; background-image: url('../images/arrow-right.svg'); background-size: cover; background-repeat: no-repeat; background-position: center; }
#three-col-sidebar li.menu-item-has-children.current-menu-item>a::after, #three-col-sidebar ul.parent li.current-page-ancestor > a::after, #three-col-sidebar ul.parent li.current-menu-ancestor > a::after { right: 14px; top: 50%; transform: translateY(-50%); width: 22px; height: 10px; background-image: url('../images/arrow-down.svg'); background-size: cover; background-repeat: no-repeat; background-position: center; }
#three-col-sidebar li.current-menu-item ul li { padding: 20px 40px 20px 0; }
#three-col-sidebar li.current-menu-item>a { color: #1da6e4 !important; background-color: #fff !important }
#three-col-sidebar ul.parent ul { display: none; padding: 20px 0 25px 20px }
#three-col-sidebar ul.parent .current-menu-item>ul { display: block; font-size: 16px; padding-top: 0px; padding-bottom: 16px; }
#three-col-sidebar ul.parent ul li { position: relative; color: #636466; padding: 0; }
#three-col-sidebar ul.parent ul li a { background: none !important;}
#three-col-sidebar ul.parent ul.has-checkbox li { padding-left: 22px }
#three-col-sidebar ul.parent label { margin: 0; font-size: 16px; }
#three-col-sidebar ul.parent ul .label { display: block; font-size: 18px; color: #636466; padding: 0 0 10px !important; text-align: left; border-radius: 0; line-height: normal }
#three-col-sidebar ul.parent >li:hover:after, #three-col-sidebar li.current-page-parent:after, .sidebar ul.parent >li.current-menu-item:after, .sidebar ul.parent >li.active:after, .sidebar ul.parent li.current-menu-ancestor:after { border-color: #22ace9 !important}
#three-col-sidebar ul.parent >li > a:hover, .sidebar ul.parent >li.current-menu-item > a, .sidebar ul.parent > li.active > a, .sidebar ul.parent ul li.current-menu-item a, .sidebar ul.parent ul li a:hover { color: #1da6e4; background: #fff !important }
#three-col-sidebar ul.parent ul li:hover label { color: #1da6e4; cursor: pointer }
#three-col-sidebar .has-checkbox .csCheckbox { position: absolute; left: 0; top: 12px }
#three-col-sidebar .has-checkbox .csCheckbox { margin: 0 }
#three-col-sidebar .has-checkbox .csCheckbox.active + span { font-weight: 500; color: #22ace9 }
#three-col-sidebar a[href^="tel:"] { color: #5f6062 }

/* V2 May 2019 Changes for Three Column Left Nav */

@media(min-width: 1200px) {
    .page-template-three-column-text-page-with-left-nav .col-md-9 .container, .page-template-three-column-text-page-with-left-nav .steps-arrow .bg-wrap { width: calc(1180px - 30%); }
}

@media(min-width: 992px) and (max-width: 1199px) {
    .page-template-three-column-text-page-with-left-nav .col-md-9 .container, .page-template-three-column-text-page-with-left-nav .steps-arrow .bg-wrap { width: calc(970px - 30%); }
}

@media(min-width: 768px) and (max-width: 991px) {
    .page-template-three-column-text-page-with-left-nav .steps-arrow .bg-wrap { width: 740px; }
}


/******Collapsing****/
.collapsing-all .panel-title { color: #636466; font-size: 18px; font-weight: bold }
.collapsing-all .panel-title a { text-decoration: none }
.collapsing-all .panel-title a:before { content: "-"; color: #fff; background: #22ace9; font-size: 18px; font-weight: 300; width: 28px; line-height: 28px; position: absolute; left: 5px; top: 14px; text-align: center }
.collapsing-all .panel-title a.collapsed:before { content: "+"; background: #9fa1a4 }
.collapsing-all .panel-heading { position: relative; border: none; border-radius: 0; background-color: transparent; padding: 20px 0 20px 55px; }
.collapsing-all .panel { border: none; border-radius: 0; border-top: 1px solid #efeeee; -webkit-box-shadow: none; box-shadow: none; }
.collapsing-all .panel:first-child { border-top: none }
.collapsing-all .panel+.panel { margin-top: 0; }
.collapsing-all .panel-body { border: none !important; padding-top: 0; padding-left: 55px }
/****IDEXology*****/



.flip-box { position: relative; width: 100%; padding-top: 100%; cursor: pointer }
.flip-box { position: relative; overflow: hidden }
.flip-front, .flip-back { position: absolute; left: 0; top: 0; bottom: 0; right: 0; width: 100%; height: 100%; backface-visibility: hidden; transition: all 0.5s; overflow: hidden; }
.flip-box img { position: absolute; background-color: #fff; bottom: 0; left: 0; right: 0; top: 0; margin: auto !important; max-width: 100%; max-height: auto; width: 100% !important; -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-transform: scale(1.02, 1.02); -webkit-transform: scale(1.02, 1.02); transform: scale(1.02, 1.02) }
.flip-front { -webkit-transform: rotateY(0); transform: rotateY(0); z-index: 10; }
.flip-back { -webkit-transform: rotateY(-180deg); transform: rotateY(-180deg); }
.flip-box:hover .flip-front, .flex-active-slide .flip-front { -webkit-transform: rotateY(180deg); transform: rotateY(180deg); z-index: -1 }
.flip-box:hover .flip-back, .flex-active-slide .flip-back { -webkit-transform: rotateY(0); transform: rotateY(0); }
.page-flip { padding-top: 0 }
.page-flip .flip-front { position: relative; height: auto; -moz-transition: all .4s cubic-bezier(.2, .85, .4, 1.275)!important; -webkit-transition: all .4s cubic-bezier(.2, .85, .4, 1.275)!important; transition: all .4s cubic-bezier(.2, .85, .4, 1.275)!important; }
.page-flip .flip-back { -moz-transition: all .4s cubic-bezier(.2, .85, .4, 1.275)!important; -webkit-transition: all .4s cubic-bezier(.2, .85, .4, 1.275)!important; transition: all .4s cubic-bezier(.2, .85, .4, 1.275)!important; }
.page-flip .thumbnail, .page-flip .img-thumbnail { background-color: transparent }
.page-flip img { position: relative; width: auto !important; background-color: transparent; -moz-transform: none; -webkit-transform: none; -o-transform: none; -ms-transform: none; transform: none }
.page-flip .flip-text { position: absolute; top: 50%; width: 100%; transform: translateY(-50%); transform: translateY(-50%); transform: translateY(-50%) }
.thumb-slide .img-bg { left: 0; right: 0 }
.thumb-slide .transparent-wrap { padding-left: 32%; min-height: 718px }
/*.thumb-slide.transparent-text .slides > li { position: static !important }*/
.thumb-slide { position: relative; float: left; width: 100%; margin: 0; padding: 0; }
.thumb-slide .slides { margin: 0 }
.thumb-slide .slides > li { display: none; overflow: visible; padding: 0; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.thumb-slide .flex-direction-nav { margin: 0; padding: 0 }
.thumb-slide .flex-direction-nav li { position: static; padding: 0 }
.thumb-slide .flex-direction-nav a { position: absolute; left: 0; top: 50%; background: rgba(0,0,0,0.5); margin-top: -24px; cursor: pointer; width: 48px; height: 48px; border-radius: 0; display: inline-block; font-size: 0; text-decoration: none; opacity: 1.0 !important; z-index: 98; }
.thumb-slide .flex-direction-nav .flex-next { right: 0; left: auto; }
.thumb-slide .flex-direction-nav .flex-prev { left: 0 }
.thumb-slide .flex-direction-nav .flex-prev:before, .thumb-slide .flex-direction-nav .flex-next:before { content: '\f104'; font-family: Font Awesome\ 5 Pro; font-size: 42px; line-height: 40px; color: #fff; display: block; position: absolute; top: 50%; left: 50%; margin: -20px -8px; font-weight: 300; }
.thumb-slide .flex-direction-nav .flex-next:before { content: '\f105'; left: auto; right: 50%; }
.thumb-slide .flex-direction-nav a:hover { background-color: #5f6062; }
.thumb-slide ul { overflow: visible; float: left; width: 100%; clear: both }
.thumb-slide .flex-disabled, .thumb-slide li:before, .thumb-slide-small .flex-direction-nav { display: none !important }
.thumb-slide-small .slides { width: 102% !important; margin: 0 0 -2% -2%; -moz-transform: translate3d(0px, 0px, 0px) !important; -webkit-transform: translate3d(0px, 0px, 0px) !important; -o-transform: translate3d(0px, 0px, 0px) !important; -ms-transform: translate3d(0px, 0px, 0px) !important; transform: translate3d(0px, 0px, 0px) !important; }
.thumb-slide-small .slides li { float: left; width: 23% !important; margin: 0 !important; margin: 0 0 2% 2% !important }
/***idex-msg****/
.idex-msg { font-size: 24px; padding: 49px 0; text-align: center; }
.idex-msg p { font-size: 24px; color: #fff; padding: 0; margin: 0 2%; line-height: 1.6; letter-spacing: -0.5px }
.idex-msg p a { color: inherit }
/****Conversion Tools*****/
.form-volume-con { border-top: 2px solid #959595; border-bottom: 2px solid #959595; padding: 0 0 30px; margin-bottom: 40px }
.form-volume-con .form-row { margin-top: 25px }
.static-input { color: #5f6062; display: block; font-size: 18px; font-weight: 300 !important; height: auto; line-height: 22px!important; padding: 9px 15px; margin: 0 }
.form-volume-con label, .form-all-conversion label { font-weight: bold; margin: 0 20px 20px 0; vertical-align: middle; }
.form-volume-con input, .form-all-conversion input { background-color: #eee; }
.form-volume-con label { min-width: 140px }
.form-inline label { display: inline-block; margin-right: 15px; }
.form-inline input, .form-inline .selectric-wrapper { display: inline-block; width: auto; min-width: 165px; vertical-align: middle; margin: 0 20px 20px 0 }
.form-inline .btn-row, .form-volume-con .btn-row { display: inline-block; vertical-align: middle; margin: 0 0 20px }
.form-volume-con .btn-row { margin: 0 0 0 161px }
.form-inline .btn-row .btn, .form-volume-con .btn { min-width: 165px; width: auto !important; margin: 0 20px 10px 0 }
#vol-conv-err-msg, #pressure-conv-err-msg, #temp-conv-err-msg, #length-conv-err-msg { color: #f00; font-weight: bold; visibility: hidden; }
.btn-row .btn-bg-wrap { display: inline; }
.form-all-conversion { border-top: 2px solid #959595; margin-top: 40px }
.form-all-conversion .form-inline { border-bottom: 2px solid #959595; padding: 0 0 10px }
.form-all-conversion .form-inline:last-child { margin-bottom: 0; padding-bottom: 0; border: none }
.form-all-conversion h3 { margin-bottom: 15px }
.form-all-conversion .form-group + .form-group { margin-left: 50px }
.form-all-conversion .btn-row .btn { margin-bottom: 0 }
.row + .annual-costs label { padding: 15px 0; }
.annual-costs .row-xs> [class*="col-"] {
margin:10px 0
}
.value-box .e_connCost, .value-box .dif_connCost, .value-box .dif_matCost, .value-box .dif_laborCost { font-weight: bold !important; }
.annual-costs + .i-h1 { font-size: 58px }
.annual-costs .row .label-block, .annual-costs .label-block { margin-top: 60px }
.label-block label { font-weight: bold; border-bottom: 1px solid #959595; padding: 20px 0 4px; margin: 0; line-height: 1.4; }
.label-block label[data-toggle] { cursor: pointer }
.label-block label:last-of-type { border: none }
.value-box { border: 1px solid #fff }
.value-box h3 { padding: 13px; color: #fff; background-color: #fff; margin: 0 }
.value-box .fields-box { padding: 4px 14px }
.value-box .value-field { padding: 8px 10px; margin: 10px 0; background-color: #fff; line-height: 24px; font-weight: 300 }
.value-box input { background-color: #eee; margin: 10px 0; padding: 8px 10px; }
.value-box.idex-orange { border-color: #ff8300 }
.value-box.idex-orange h3 { background-color: #ff8300; }
.value-box.idex-orange .value-field { background-color: #fef4ea; }
.value-box.idex-green { border-color: #7dc049 }
.value-box.idex-green h3 { background-color: #7dc049; }
.value-box.idex-green .value-field { background-color: #f2f9ec; }
.value-box.idex-blue { border-color: #007dc3 }
.value-box.idex-blue h3 { background-color: #007dc3; }
.value-box.idex-blue .value-field { background-color: #e5f2f9; }
.value-box .idex-green-outline { background-color: transparent !important; border-bottom: 1px solid #7dc049; padding: 8px 10px 7px; font-weight: 300 }
.value-box .idex-green-outline.double { padding: 33px 10px; }
.value-box .idex-green-outline:last-of-type { border: none !important }
.tooltip.in { opacity: 1.0 !important }
.tooltip.top .tooltip-inner { background: #eeeeee; color: #5f6062; font-size: 18px; min-width: 283px; padding: 15px; border: 1px solid #949495; border-radius: 0;font-family: 'Avenir Light';}
.tooltip.top .tooltip-arrow { background: url(../images/arrow-tooltip.png)0 0 no-repeat; padding: 9px 11px; top: 100%; left: 38px !important; border: none; margin-top: -6px; }

.scrollup { display: none; position: fixed; font-size: 12px; right: 5px; bottom: 5px; padding: 16px; background: #00aeef; z-index: 99; border: 1px solid #00aeef; border-radius: 0; opacity: 0.4 }
.scrollup:before { content: '\f106'; position: absolute; font-family: Font Awesome\ 5 Pro; font-size: 20px; line-height: 30px; color: #fff; top: 4px; left: 50%; margin: -3px 0 0 -6px; }
.scrollup:hover { opacity: 1.0 }
.scrollup:hover:before { color: #fff; }
 @media only screen and (min-width:992px) and (max-width:1199px) {
.thumb-slide .transparent-wrap { padding-left: 39%; }
}
 @media only screen and (max-width:1199px) {
.nav-wrap nav ul.nav > li { margin: 0 39px 0 0; }
}

@media only screen and (max-width:1099px) {
.blak-overlay { position: fixed; z-index: 99999; background: rgba(0,0,0,0.5); top: 0; left: 0; right: 0; bottom: 0 }
.nav-trigger { position: relative; display: block; float: right; clear: right; width: 20px; height: 14px; border: none; min-height: 14px; cursor: pointer; border-radius: 0; margin: 0;}
.nav-trigger span { position: absolute; top: 50%; right: 0; display: block; width: 20px; height: 2px; margin-top: -1px; background-color: #8f8f8f; font-size: 0px; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-transition:none; -moz-transition:none;transition:none; border-radius: 0; }
.nav-trigger.closemenu span { background-color: transparent !important; }
.nav-trigger span:before, .nav-trigger span:after { position: absolute; left: 0; width: 100%; height: 2px; background: #8f8f8f; content: ''; -webkit-transition:none; -moz-transition:none;transition:none; border-radius: 0; }
.nav-trigger span:before { -webkit-transform: translateY(-300%); transform: translateY(-300%); }
.nav-trigger span:after { -webkit-transform: translateY(300%); transform: translateY(300%); }
.nav-trigger.closemenu span:before { -webkit-transform: translateY(0) rotate(45deg); transform: translateY(0) rotate(45deg); }
.nav-trigger.closemenu span:after { -webkit-transform: translateY(0) rotate(-45deg); transform: translateY(0) rotate(-45deg); }
.nav-trigger:hover span, .nav-trigger:hover span:before, .nav-trigger:hover span:after { background-color: #5f6062 }
#push_sidebar { width: 85%; width: calc(100% - 54px); left: -100%; background-color: #f5f5f5; z-index: 999; top: 0 !important; bottom: 0; position: fixed; 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; -webkit-box-shadow: 0 0 5px 0 rgba(50,50,50,0.75); -moz-box-shadow: 0 0 5px 0 rgba(50,50,50,0.75); -ms-box-shadow: 0 0 5px 0 rgba(50,50,50,0.75); box-shadow: 0 0 5px 0 rgba(50,50,50,0.75); }
body { 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; }
.sidebar_active body { margin-left: 85%; margin-right: -85%; margin-left: calc(100% - 54px); }
.sidebar_active header { z-index: inherit }
.sidebar_active, .sidebar_active body { overflow: hidden !important }
.sidebar_active #push_sidebar { display: block; left: 0; -moz-box-shadow: 0 0 2px 0 rgba(0,0,0,0.2); -webkit-box-shadow: 0 0 2px 0 rgba(0,0,0,0.2); box-shadow: 0 0 2px 0 rgba(0,0,0,0.2); z-index: 999999; }
.nav-wrap nav ul.nav > li.has-sub:hover > a:before { display: none }
.nav-wrap nav 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; }
.nav-wrap nav ul.nav > li { width: 100% !important; margin: 0 !important; padding: 10px 0; border-bottom: 1px solid #9fa1a4; }
.nav-wrap nav ul.nav ul li { border: none; max-height: 100% !important; opacity: 1.0 }
.nav-wrap nav ul.nav > li > a { color: #21a0de; padding: 7px 40px 7px 15px!important; font-size: 18px; font-weight: normal; text-transform: uppercase; margin: 0; white-space: inherit; border-radius: 0; line-height: 24px }
.nav-wrap nav ul.nav > li.has-sub > a { padding-right: 44px !important; }
.nav-wrap nav ul.nav ul { position: static !important; opacity: 1.0; visibility: visible; border: 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 }
.nav-wrap nav ul.nav > li > ul > li > a { font-size: 16px; color: #21a0de; padding: 10px 10px 10px 15px; white-space: inherit; }
.nav-wrap nav ul.nav li ul li ul { padding-left: 15px }
.nav-wrap nav ul.nav li ul li ul li { margin: 0 }
.nav-wrap nav ul.nav li ul li ul a { font-size: 16px; font-weight: normal }
.nav-wrap nav .submenu-button { position: absolute; right: 0; display: block; width: 44px; height: 36px; cursor: pointer; z-index: 111; }
.nav-wrap nav .submenu-button:before { content: "\f078"; font-family: Font Awesome\ 5 Pro; position: absolute; color: #21a0de; right: 5px; text-align: center; top: 50%; margin-top: -14px; font-size: 14px; line-height: 26px; width: 30px; border-radius: 0; }
.nav-wrap nav .submenu-button.submenu-opened:before { content: '\f077'; }
.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 { color: #21a0de; }
.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: transparent; color: #21a0de; }
.nav-wrap nav ul.nav ul ul { display: block !important }
.nav-wrap nav ul.nav ul .submenu-button, .nav-wrap nav ul.nav > li > a:after, header ul.links li:before { display: none !important }
.nav-wrap nav > ul.nav > li > ul { margin-left: 0; }
.nav-wrap nav ul.nav ul li.has-sub:after { display: none !important }
.nav-wrap { width: auto; position: absolute; left: 17px; top: 11px; -moz-background: none; -webkit-background: none; -ms-background: none; -o-background: none; background: none; }
.nav-wrap .container { padding: 0 }
.s-s-c { margin-top: 10px; }
.my-accounts, header .social-icons { display: none !important }
.cart-wrap { margin-right: 5px }
.cart-wrap span { display: none }
.cart-wrap .count { display: block; margin-left: 10px }
.search-triger { float: left; margin-right: 10px; cursor: pointer }
.search-triger:before { display: inline-block; font-family: Font Awesome\ 5 Pro; font-size: 15px; content: "\f002"; width: 25px; line-height: 25px; background: #007fc1; color: #fff; text-align: center; border-radius: 25px; }
.search-triger.active, .search-triger:hover { opacity: 0.8 }
.search-wrap { display: none; position: absolute; left: 0; right: 0; top: 100%; margin-right: 0; margin-top: 11px; background-color: #fff; border-bottom: 1px solid #d1d1d1; padding: 15px; z-index: 5; }
.search-field input[type="text"], .search-field input[type="search"] { padding: 5px 8px; padding-right: 30px; border-color: #007dc3 !important; background-color: #fff; height: 32px; }
.search-field input[type="submit"] { top: 10px }
.idex-msg { padding: 40px 0 }
.idex-msg .container { width: auto; padding: 0 20px }
.idex-msg p { margin: 0 }
}
@media only screen and (max-width:991px) {
.alignleft, .alignright { max-width: 300px }
.form-field [class^="col-"] [class^="col-md-"], .form-field [class*="col-"] [class*="col-md-"] { padding-top: 15px }
.form-field [class^="col-"] [class^="col-md-"]:first-child, .form-field [class*="col-"] [class*="col-md-"]:first-child { padding-top: 0 }
.col-1-slider .i-h1 { font-size: 35px }
.col-1-slider .i-h2 { font-size: 28px }
.col-1-slider h5 { font-size: 55px; }
.col-4-row .col { width: 50%; }
.col-4-row .col:nth-child(2n+1) { clear: left }
[class*="col-md-"].bg-photo, [class^="col-md-"].bg-photo { opacity: 0.2 }
.Biography { padding: 8% 0 }
.Biography .mt-5 { margin-top: 0!important; }
.timline-wrap { padding: 60px 0; }
.grid-t-row { clear: both; margin: 0; }
.grid-t-repeat { width: 100%; padding: 0 98px 0 0 }
.grid-t-row:before { left: auto; right: 15px; }
.grid-t-repeat.left-column .year { right: 0; }
.grid-t-repeat.left-column:before { left: auto; right: -4vw; top: 35%; }
.grid-t-repeat.left-column .grid-t-box:before { left: auto; right: -16px; background-position: 0 0 }
.sidebar { margin-bottom: 30px }
.sidebar + .mt-5 { margin-top: 0 !important; }
.sidebar + .mt-5 + p { margin-bottom: 30px }
.steps.text-center { text-align: left }
.steps .i-h1 span, .steps .i-h3 span { min-width: inherit }
.steps .text-right { text-align: left }
.steps .m-auto { margin: 0 !important }
.steps ul.right-arrow li { padding: 0 0 8px 18px; text-align: left; }
.steps ul.right-arrow li:before { content: "\f105"; left: 1px; right: auto; }
.steps-arrow .bg-wrap:after { left: 25px; margin-left: 0 }
.download-row .col { width: 33.333333% }
.download-row .col:nth-child(4n+1) { clear: none; }
.download-row .col:nth-child(3n+1) { clear: left; }
.thumb-slide .transparent-text-layer { padding-left: 0 }
.thumb-slide .transparent-description:before { display: none }
.thumb-slide .img-bg:before { content: ""; position: absolute; left: 0; top: 0; bottom: 0; right: 0; background: rgba(53,42,38,0.4); z-index: 0 }
.thumb-slide .transparent-text-layer img { opacity: 0.6 }
.thumb-slide .transparent-wrap { padding-left: 0 }
.thumb-slide .transparent-text-layer:before, .thumb-slide .transparent-text-layer:after { left: -50%; right: -50%; opacity: 0.6; }
.thumb-slide .transparent-text-layer .bg:before { padding: 0 2500px; top: 0; opacity: 0.6 }
.thumb-slide .transparent-text-layer .bg:after { background: #fff; right: 100%; left: auto; padding: 0 2500px; opacity: 0.6; }
.sidebar { border-right: none }
.page-template-sub-distributor-page .content-area:before { display: none }
.annual-costs .label-block { display: none }
.value-box h3 { font-size: 18px }
.value-box [data-title]:before { content: attr(data-title) ": "; font-size: 15px; font-weight: bold; float: left; margin: 0 10px 5px 0; }
.value-box .idex-green-outline.double { padding: 8px 10px; }
.value-box span[data-title] { display: block; margin: 10px 0 }
.value-box .idex-green-outline { margin: 4px 0 }
.upcoming-events .idex-featured:before { display: none }
}
@media only screen and (max-width:767px) {
.form-field [class^="col-"] [class^="col-sm-"], .form-field [class*="col-"] [class*="col-sm-"] { padding-top: 15px }
.form-field [class^="col-"] [class^="col-sm-"]:first-child, .form-field [class*="col-"] [class*="col-sm-"]:first-child { padding-top: 0 }
.col-1-slider.full-width .description, .col-1-slider .description { padding-left: 50px; }
/*.col-1-slider { background: #000 }
.col-1-slider .slide-img { opacity: 0.5 }*/
.col-1-slider .col-row { display: block }
.col-1-slider .col-row .col { display: block; width: 100% !important; }
.col-1-slider .col-row .col:first-child { text-align: center; margin-bottom: 20px }
.col-1-slider p { max-width: 100% }
[class*="col-sm-"].bg-photo, [class^="col-sm-"].bg-photo { opacity: 0.2 }
.owl-carousel .owl-nav .owl-prev, .owl-carousel .owl-nav .owl-next { width: 40px; height: 40px; margin-top: -20px; }
.row-xl { margin-left: -10px; margin-right: -10px; }
.row-xl .col { padding: 10px }
.blog-row .col { width: 50% }
.download-row { margin: 0 -7px }
.download-row .col { padding: 7px; }
.thumb-slide-small .slides li { width: 31.333333% !important; }
.form-all-conversion .btn-row { margin-left: 121px; }
}
@media only screen and (max-width:639px) {
.alignleft, .alignright { max-width: 220px }
.i-hb { font-size: 70px; }
.i-h1 { font-size: 50px; }
.i-h2 { font-size: 32px; }
.i-h3 { font-size: 22px; }
.i-h4 { font-size: 18px; }
.col-3-row .col { width: 50%; }
.col-3-row .col:nth-child(3n+1) { clear: none }
.col-3-row .col:nth-child(2n+1) { clear: left }
.video-thumb.thumb-lg a:before { background-size: 120px; }
.download-row .col { width: 50% }
.download-row .col:nth-child(3n+1) { clear: none; }
.download-row .col:nth-child(2n+1) { clear: left; }
.form-inline label { display: block; margin-bottom: 5px }
.form-inline .static-input { display: inline-block; margin-bottom: 20px }
.form-volume-con .btn-row, .form-all-conversion .btn-row { margin-left: 0 }
}
@media only screen and (max-width:520px) {
div.alignleft, div.alignright { float: none; display: inline-block; max-width: 100% }
.alignleft, .alignright { float: none; display: block; margin: 20px auto; max-width: 100% }
.steps .i-h1 img { max-width: 80px }
.thumb-slide-small .slides li { width: 48% !important; }
}
@media only screen and (max-width:479px) {
.my-accounts { width: 100%; text-align: right }
header .social-icons { margin: 0 0 5px }
.cart-wrap { float: right; }
.search-field { min-width: 200px }
.col-4-row .col { width: 100% }
.newsletter .fields, .newsletter .fields input[type="text"], .newsletter .fields input[type="email"] { display: block }
.newsletter .fields .input-addon { display: block; padding: 10px 0 0 }
.col-1-slider h5 { font-size: 45px; }
.grid-t-repeat { padding: 0 65px 0 0; }
.grid-t-row .year { font-size: 14px; font-weight: bold; color: #fff; width: 56px; }
.grid-t-repeat:before { width: 18px; height: 18px }
.grid-t-repeat.left-column:before { left: auto; right: 20px; }
.grid-t-row:before { right: 27px; border-width: 3px; width: 3px; }
.video-thumb.thumb-lg a:before { background-size: 70px; }
}
@media only screen and (max-width:420px) {
.col-3-row .col { width: 100%; }
.steps .i-h1 img { max-width: 60px }
.blog-row .col { width: 100% }
.social-icons span { width: 100%; margin: 0 0 5px }
.download-row .col { width: 100% }
}
@media only screen and (min-width:320px) {
.arrow-left-side .bg-wrap:after { left: 35px }
}
@media only screen and (min-width:767px) {
.arrow-left-side .bg-wrap:after { left: 15% }
}
@media only screen and (min-width:1200px) {
.arrow-left-side .bg-wrap:after { left: 10% }
}
@media only screen and (min-width:1440px) {
.arrow-left-side .bg-wrap:after { left: 15% }
}
@media only screen and (min-width:1600px) {
.arrow-left-side .bg-wrap:after { left: 22% }
.thumb-slide .transparent-wrap { padding-left: 20%; }
}
@media only screen and (min-width:1920px) {
.arrow-left-side .bg-wrap:after { left: 30% }
.thumb-slide .transparent-wrap { padding-left: 10%; }
}
/* Magnific Popup CSS */
.mfp-bg { top: 0; left: 0; width: 100%; height: 100%; z-index: 999999; overflow: hidden; position: fixed; background-color: #0b0b0b; clear: both; opacity: 0.6; transition: none; -moz-transition: none; -webkit-transition: none; -ms-transition: none; -o-transition: none; }
.mfp-wrap { top: 0; left: 0; width: 100%; height: 100%; z-index: 999999; position: fixed; outline: none!important; -webkit-backface-visibility: hidden; clear: both; }
.mfp-container { text-align: center; position: absolute; width: 100%; height: 100%; left: 0; top: 0; padding: 5px 22px !important; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; 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 !important; text-align: center; 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: #cccccc; position: absolute; top: 50%; width: auto; text-align: center; margin-top: -0.8em; left: 8px; right: 8px; z-index: 1044; }
.mfp-preloader a { color: #cccccc; }
.mfp-preloader a:hover { color: white; }
.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; -webkit-box-shadow: none; box-shadow: none; }
button::-moz-focus-inner {
padding:0;
border:0;
}
.mfp-close { padding: 18px!important; position: absolute; right: -15px !important; top: 10px !important; border-radius: 40px; filter: alpha(opacity=99); padding: 0; display: inline-block !important; background: #5f6062!important; text-indent: -99999em!important; color: #fff; cursor: pointer !important; font-size: 0; line-height: 0; border: 2px solid #fff !important; }
.mfp-iframe-holder .mfp-close { text-align: center !important; line-height: 35px !important; font-size: 30px !important; }
.mfp-close:hover { background-color: #007dc3!important; }
button.mfp-close { display: none!important; }
.mfp-container button.mfp-close { display: inline-block!important; font-size: 25px; padding: 27px; padding: 0 9px 4px 10px !important; width: 40px !important; height: 40px !important; line-height: 0; vertical-align: top; text-indent: 0 !important; color: #ffffff; top: -15px !important; }
.mfp-gallery .mfp-close { position: fixed; right: 18px !important; top: 10px !important; font-size: 0 !important; opacity: 0.65; filter: alpha(opacity=65); background: none !important; border: none !important }
/*.mfp-wrap.mfp-gallery .mfp-arrow { position: fixed }*/
/*.mfp-wrap.mfp-gallery{ right:-17px !important;}*/
/*.mfp-wrap.mfp-gallery .mfp-container { padding: 5px 22px !important; }
.mfp-wrap.mfp-gallery .mfp-arrow { bottom: 10px; top: auto }
.mfp-wrap.mfp-gallery .mfp-arrow-left { left: 50%; margin-left: -65px; }
.mfp-wrap.mfp-gallery .mfp-arrow-right { right: 50%; margin-right: -25px; }*/

.mfp-gallery img.mfp-img { padding: 25px 0 }
.mfp-gallery .mfp-close:before, .mfp-gallery .mfp-close:after { content: ""; height: 4px; width: 32px; background: #FFF; position: absolute; left: 0; top: 50%; margin-top: -2px; }
.mfp-gallery .mfp-close:before { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }
.mfp-gallery .mfp-close:after { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); }
.mfp-close:hover, .mfp-close:focus { opacity: 1; filter: alpha(opacity=100); }
.mfp-close:active { top: 1px; }
.mfp-close-btn-in .mfp-close { color: #333; }
.mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close { color: white; right: -6px; text-align: right; }
.mfp-counter { position: absolute; top: -30px; right: 0; color: #fff; font-size: 12px; line-height: 18px; display: block; text-align: center; width: auto; padding: 5px 15px; background-color: transparent; }
.mfp-arrow { position: absolute; opacity: 0.65; filter: alpha(opacity=65); margin: 0; top: 50%; margin-top: -20px; padding: 0; width: 40px; height: 40px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
.mfp-arrow:active { margin-top: -20px; }
.mfp-arrow:hover, .mfp-arrow:focus { opacity: 1; filter: alpha(opacity=100); }
.mfp-arrow-left { left: 10px; }
.mfp-arrow-right { right: 10px; }
button.mfp-arrow { background-color: #282525; border-radius: 60px; border: 2px solid #ffffff; }
.mfp-arrow-left:before { content: ''; width: 0; height: 0; border-top: 6px solid transparent; border-bottom: 6px solid transparent; border-right: 10px solid white; position: absolute; top: 50%; left: 50%; margin: -6px 0 0 -6px; }
.mfp-arrow-right:before { content: ''; width: 0; height: 0; border-top: 6px solid transparent; border-bottom: 6px solid transparent; border-left: 10px solid white; position: absolute; top: 50%; right: 50%; margin: -6px -6px 0 0; }
.mfp-iframe-holder { padding-top: 40px; padding-bottom: 40px; }
.mfp-iframe-holder .mfp-content { line-height: 0; width: 100%; }
.mfp-iframe-holder .mfp-close { top: -40px; }
.mfp-iframe-scaler { width: 100%; height: 0; overflow: hidden; padding-top: 42%; }
.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: black; }
img.mfp-img { width: auto; max-width: 100%; height: auto; /*max-height: inherit !important;*/ display: block; line-height: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0; margin: 0 auto; border-radius: 0; }
.mfp-figure { line-height: 0; }
.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-color: #444444; }
.mfp-figure small { color: #bdbdbd; display: block; font-size: 13px; line-height: 14px; }
.mfp-figure figure { margin: 0; }
.mfp-bottom-bar { position: absolute; top: 100%; left: 0; width: 100%; cursor: auto; text-align: center }
.Single-Image .mfp-bottom-bar { display: none !important; }
.Single-Image img.mfp-img { max-height: inherit !important }
.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 { position: relative; cursor: pointer; }
.mfp-fade.mfp-bg { opacity: 0.001; -webkit-transition: all 0.15s ease-out; -moz-transition: all 0.15s ease-out; transition: all 0.15s ease-out; }
.mfp-fade.mfp-bg.mfp-ready { opacity: 0.4; }
.mfp-fade.mfp-bg.mfp-removing { opacity: 0; }
.mfp-fade.mfp-wrap .mfp-content { opacity: 0; -webkit-transition: all 0.15s ease-out; -moz-transition: all 0.15s ease-out; transition: all 0.15s ease-out; }
.mfp-fade.mfp-wrap.mfp-ready .mfp-content { opacity: 1; }
.mfp-fade.mfp-wrap.mfp-removing .mfp-content { opacity: 0; }
.iframe-v .mfp-content { background-color: #fff; padding: 15px 25px; border: 5px solid #ccc; }
.iframe-v .mfp-container { padding: 40px 25px !important; height: auto }
.iframe-v .mfp-container button.mfp-close { top: -20px !important; right: -20px !important; }
 @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; }
.iframe-v .mfp-container { padding: 20px !important; }
}
.mfp-ie7 .mfp-img { padding: 0; }
.mfp-ie7 .mfp-bottom-bar { width: 600px; left: 50%; margin-left: -300px; margin-top: 5px; padding-bottom: 5px; }
.mfp-ie7 .mfp-container { padding: 0; }
.mfp-ie7 .mfp-content { padding-top: 44px; }
.mfp-ie7 .mfp-close { top: 0; right: 0; padding-top: 0; }
.clearboth { clear: both; }
#cart-count { display: inline; }
/* changes after Jun 12 updates*/
a.no-underline { text-decoration: none; }
sub, sup { font-size: 49%; }
sup { top: -0.9em; }
/*******/
.question-mark:after { background-image: url('../images/question-tip.png'); background-size: 22px 26px; float: right; width: 22px; height: 26px; content: ""; }
.video-slide-short-code { position: relative !important; padding: 70.87% 0 0 0 !important; /* 100%/16*9 = 56.25% = Aspect ratio 16:9 */ }
.video-slide-banner { position: relative !important; padding: 28.75% 0 0 0 !important; /* 100%/16*9 = 56.25% = Aspect ratio 16:9 */ }
.video-slide { position: relative !important; width: 100% !important; max-width: 100%; height: 0; overflow: hidden; border: 0; }
.video-slide video { position: absolute; width: 100%; height: 100%; top: 0; left: 0; }
.breadcrumbs { margin: 15px 0 0 0; font-size: 12px; float: left; font-weight: 400; }
.breadcrumbs span { color: #333; margin: 0; padding: 0; }
.breadcrumbs a:visited { color: #333; text-decoration: none; }
.breadcrumbs a { color: #333; text-decoration: none; }
.breadcrumbs .fas { padding: 0 12px; color: #a3a3a3; font-size: 9px; font-weight: 400; }
.breadcrumbs span a span:hover { text-decoration: underline; }
.breadcrumbs span:last-child a span { color: #a3a3a3; }
.breadcrumbs span:last-child a span:hover { color: #a3a3a3; text-decoration: none; }
hr.breadcrumbs { float: none; }
section.newsletter form .row {border:none;}
section.newsletter form input[type="email"]{border:none;}
.category-feed {display:none;}
#disclaimer, .disclaimer-text {font-size:10px;}
.idex-captcha {display:none;font-size:14px;line-height:18px;color:red;}
.question-mark {font-family:'Avenir Light';}
.idex-small-captcha {max-height:40px;}


/* Week of 5/20 */

.remove-side-margins {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.vertical-center-row {
    height: 100px;
}

.vertical-center-row > div, .vertical-center-row > span {
     position: relative;
     top: 50%;
     transform: translateY(-50%);
}

/* 6/12 - sticky menus and logged out side menu links */

@media(min-width: 992px) {
    .sticky {
        position: -webkit-sticky;
        position: sticky;
        top: 40px;
    }
    
    .edge-sticky > .sidebar {
         background-color: #fff;   
    }
}
.logged-out-link, .logged-in-link, .logged-in-distributor {
    display: none;
}

.logged-out-link.shown, .logged-in-link.shown, .logged-in-distributor.shown {
    display: list-item;
}

.logged-out-link.welcome-guest, .logged-in-link.welcome-member {
    padding: 17px 15px;
    font-size: 18px;
    font-weight: 700;
}

/* about us*/

ul.nav.flex-column {
    margin-top: 30px;
}

.menu-legal-notices > nav > .nav > .nav-item {
    position: relative;
    border-bottom: 1px solid #e9e9e9;
    border-top: 1px solid #f4f5f5;
    padding: 0;
    overflow: visible;
}

.menu-legal-notices > nav > .nav > .nav-item > a, .menu-legal-notices > nav > .nav > .nav-item > ul {
    display: block;
    font-size: 16px;
    color: #636466;
    text-decoration: none;
    padding: 18px 40px 14px 0;
      background: #fff;
    background: -moz-linear-gradient(left, #ffffff 0%, #f6f8f9 100%);
    background: -webkit-linear-gradient(left, #ffffff 0%, #f6f8f9 100%);
    background: linear-gradient(to right, #ffffff 0%, #f6f8f9 100%);
}

.menu-legal-notices > nav > .nav > .nav-item > ul > li > ul > li > ul > li > a {
    color: #636466 !important;
}

.menu-legal-notices > nav > .nav > .nav-item > ul > li > ul> li >a {
    color: #636466 !important;
}

.menu-legal-notices > nav > .nav > .nav-item > ul > li > a {
    color: #636466 !important;
}


.menu-legal-notices > nav > .nav > .nav-item > ul > li > ul > li > ul > li > a:hover {
      border-right: 5px solid #22ace9;
  color: #22ace9 ;
}

.menu-legal-notices > nav > .nav > .nav-item > ul > li > ul> li > a:hover {
      border-right: 5px solid #22ace9;
  color: #22ace9 ;
}

.menu-legal-notices > nav > .nav > .nav-item > ul > li > a:hover {
      border-right: 5px solid #22ace9;
  color: #22ace9 ;
}

.menu-legal-notices > nav > .nav > .nav-item > a:hover {
  border-right: 5px solid #22ace9;
  color: #22ace9 ;
}

.menu-legal-notices > nav > .nav > .nav-item > .active {
  border-right: 5px solid #22ace9;
  color: #22ace9;
}

ul.bullets-arrow li:before, ul.bullets-check li:before, ul li:before {
font-family: Font Awesome\ 5 Pro;

    display: inline-block;
    vertical-align: middle;
    position: absolute;
    left: 1px;
    top: 8px;
    line-height: 1;
    font-size: 70%;
    font-weight: bold;
}

ul.bullets-arrow li:before{
    content: "\f111" !important;
}

ul.bullets-check li:before {
    content: "\f111" !important;
}

ul.bullets-check li {
    position: relative;
    padding: 0 0 8px 28px;
    overflow: hidden;
      color: #5f6062;
    font-size: 18px;
    -webkit-font-smoothing: antialiased;
}

.bullets-idex-cyan li:before {
    color: #00aeef!important;
}

.disclaimers {
    font-style: italic !important;
    font-size: 70% !important;
    padding-bottom: 0;
    padding: 50px 0;
}

.job-openings-container {
    padding: 100px 0;
}

.bullets-white > li:before {
    color: #fff !important;
    content: "\f105";
    display: inline-block;
    vertical-align: middle;
    position: absolute;
    left: 1px;
    top: 4px;
    line-height: 1;
    font-size: 90%;
    font-weight: bold;
  font-family: Font Awesome\ 5 Pro;
}

ul.bullets-arrow li {
    position: relative;
    padding: 0 0 8px 18px;
    overflow: hidden;
}

.bg-photo-2 {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    overflow: hidden;
    z-index: 0;
    left: 0;
    right: auto;
    padding-bottom: 36px!important;
}

.color-idex-cyan {
    color: #00aeef;
    font-size: 60px;
    font-weight: 300;
    letter-spacing: -2px;
    padding-bottom: 20px;
}

.color-idex-gray {
    margin-top: 29px;
    margin-bottom: 30px;
    color: #5f6062!important;
    font-size: 23px;
    text-align: center;
    font-family: 'Avenir Roman';
    font-weight: bold;
    text-transform: capitalize;
}

.idex-white-paragraph {
    text-align: center;
    font-size: 18px;
}

.idex-white-subtitles {
    font-size: 24px;
    font-weight: bold;
    text-align: center;
    padding: 30px 0;
}

.btn-outline-light {
    border-color: #fff;
    color: #fff;
    border: 0.9px solid;
        margin: auto;
}

.idex-white-paragraph > a {
    color: #fff;
    text-decoration: revert;
}

.bg-idex-cyan {
    background-color: #00aeef;
}

.bg-idex-green {
    background-color: #7dc049;
}

.bg-idex-blue {
    background-color: #007dc3;
    color: #fff;
    padding: 36px 0;
    margin: 0;
    max-width: 100%;
}

.color-idex-subtitle {
    font-size: 18px;
    font-weight: bold;
    color: #00aeef;
}

.bullets-arrow > li:before {
    color: #00aeef ;
	content: "\f105";
    display: inline-block;
    vertical-align: middle;
    position: absolute;
    left: 1px;
    top: 4px;
    line-height: 1;
    font-size: 90%;
    font-weight: bold;
    font-family: Font Awesome\ 5 Pro;
}

.color-idex-paragraph > li:before {
    color: #5f6062 !important;
}

.color-idex-blue {
    color: #007dc3!important;
     font-size: 60px;
    font-weight: 300;
    letter-spacing: -2px;
    padding-bottom: 20px;
}

p.color-idex-paragraph {
    color: #5f6062;
    font-size: 18px;
    -webkit-font-smoothing: antialiased;
}

h2.color-idex-white {
    font-size: 60px !important;
    font-weight: 300 !important;
    letter-spacing: -2px;
    padding-bottom: 20px !important;
    line-height: 50pt !important;
}

.bg-idex-blue> .container> .align-items-start > h5 {
    width: 60%;
    text-align: center;
    color: rgba(255, 255, 255, 1);
    margin: auto;
    font-weight: normal;
    text-transform: none;
    line-height: 1.1;
    font-family: 'Avenir Roman';
    font-size: 36px;
    margin-top: 30px;
    margin-bottom: 30px;
}

.container-about-us > h1 {
  font-size: 60px;
  font-weight: 300;
  letter-spacing: -2px;
  padding-bottom: 20px;
  width: 50%;
}

.container-about-us > h2 {
    font-size: 26px;
    font-weight: normal;
    line-height: 22pt;
    word-spacing: 2pt;
}

.container-about-us > p {
    font-size: 18px;
    -webkit-font-smoothing: antialiased;
}

.row.align-items-start {
    margin-bottom: 36px!important;
    margin-top: 36px!important;
}

img.card-img-top {
    margin: auto!important;
    width: 95px;
}

h3.card-text {
    font-size: 26px;
    font-weight: 500;
    line-height: 1.2;
    color: #7dc049;
    text-align: center;
    font-family: inherit;
}

.card-text-link{
	    font-size: 26px;
    font-weight: 500;
    line-height: 1.2;
    color: #00aeef;
    font-family: inherit;
    text-decoration: auto;
}

.col-sm-3:hover .overlay {
    display: block;
    top: 0;
    opacity: 1;
    visibility: visible;
  color:#fff;
}

.col-sm:hover .overlay {
    display: block;
    top: 0;
    opacity: 1;
    visibility: visible;
  color:#fff;
}

.overlay {
    position: absolute;
    left: 0;
    top: 100%;
    bottom: 0;
    right: 0;
    text-align: center;
    opacity: 0;
    visibility: hidden;
    z-index: 5;
}

.color-white {
    color: #fff;
}

.overlay-text {
    position: absolute;
    width: 100%;
    top: 50%;
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    text-align: center;
    max-height: 100%;
  
}

.text-overflow {
    display: block;
    max-height: 220px;
    max-width: 100%;
    overflow: hidden;
  font-size: 18px;
}

 .overlay {
    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;
}

.bg-idex-cyan > .container > h1 {
    font-size: 60px;
    font-weight: 300;
    letter-spacing: -2px;
    padding-bottom: 20px;
    color: #fff;
}

.bg-idex-cyan > .container > h2 {
    font-size: 26px;
    font-weight: normal;
    color: #fff;
    line-height: 22pt;
    word-spacing: 2pt;
    margin-bottom: 60px;
}

.h2-subtitle {
    font-size: 26px;
    font-weight: normal;
    margin: 0;
    padding: 0;
}

.bg-gradient {
    background: #007fc1;
    background: -moz-linear-gradient(left, #007fc1 0%, #22ace9 50%, #007fc1 100%);
    background: -webkit-linear-gradient(left, #007fc1 0%, #22ace9 50%, #007fc1 100%);
    background: linear-gradient(to right, #007fc1 0%, #22ace9 50%, #007fc1 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#007fc1', endColorstr='#007fc1', GradientType=1 );
}

.idex-msg {
    font-size: 24px;
    padding: 49px 0;
    text-align: center;
}

.idex-msg p {
    font-size: 24px;
    color: #fff;
    padding: 0;
    margin: 0 2%;
    line-height: 1.6;
    letter-spacing: -0.5px;
}

.btn-outline.btn-white {
    border-color: #fff;
    color: #fff;
}

.btn.btn-outline {
    background-color: transparent;
}

.color-white {
    color: #fff!important;
  font-size: 26px;
    font-weight: normal;
}

.color-idex-purple {
    color: #5b2b82!important;
  font-size: 26px;
    font-weight: normal;
}

.grid-t-repeat:hover:before {
    background: #00aeef;
}
.grid-t-repeat:before {
    display: none;
    content: "";
    width: 22px;
    height: 22px;
    border-radius: 22px;
    background: #d5d5d5;
    position: absolute;
}

.timline-wrap {
    padding: 112px 0;
}

.grid-t-repeat img {
    margin: 0 auto;
}

.grid-t-repeat {
    position: relative;
    float: left;
    width: 50%;
    padding: 0 55px;
    margin-bottom: 20px !important;
}

.grid-t-repeat.left-column .year {
    right: -42px;
    top: 22%;
}

.grid-t-row .year {
    position: absolute;
    background: #d5d5d5;
    font-size: 26px;
    color: #fff;
    padding: 0;
    width: 84px;
    line-height: 34px;
    margin: 0;
    text-align: center;
}

.grid-t-row .grid-t-box {
    position: relative;
    background: #fff;
    border: 1px solid #9fa1a4;
    padding: 20px 25px 20px;
}

.bg-xlight-gray {
    background-color: #eee;
}

.grid-t-repeat.masonry-brick.right-column {
    position: absolute;
}

.grid-t-repeat.masonry-brick.left-column {
    position: absolute;
}

.grid-t-row .grid-t-box {
    position: relative;
    background: #fff;
    border: 1px solid #9fa1a4;
    padding: 20px 25px 20px;
}

.grid-t-repeat.right-column .grid-t-box:before {
    display: block;
    left: -14px;
    top: 58%;
    background-position: 0 100%;
}

.grid-t-row .grid-t-box:before {
    display: none;
    content: "";
    position: absolute;
    background: url(/images/default-source/about/company-history/timeline-arrow.png)0 0 no-repeat;
    padding: 14px 8px;
}

.svg-wrapper-idex.svg-wrapper {
    height: 80vh;
    width: 100%;
    display: flex;
    background-size: 100% 100%;
}

h1.h1-svg-wrapper {
    color: rgba(0, 0, 0, 1);
    background-color: rgba(255, 255, 255, 1);
    padding-left: 49px;
    line-height: 1;
    font-size: 5rem;
    width: 70%;
    height: 150vh;
    padding-top: 48px;
    font-weight: 900;
    font-family: "Avenir Black";
    float: inherit;
    margin-left: 30%;
  mix-blend-mode:screen;
}

.bg-image-7ff3dc895e58f {
    background-image: url(/images/default-source/about/returning-a-product.jpg);
}

button.btn.sca-button.scm-add-to-list__button {
    padding: 6px 29px !important;
}

/* counter */

.cartel {
  width: 109px;
  height: 109px;
  padding: 10px 0px 5px 0px;
  text-align: center;
  display: inline-block;
  margin: 5px;
  border-radius: 5px;
}
.cartel>div{
  font-size: 50px;
  animation: fade 3s;
  line-height: 30px;
  margin-top: 5px;
}
.cartel>div>h3 {
  margin-top: 15px;
  font-size: 20px;
  font-weight: normal;
}
.numeros {
  font-family: 'Chela one', sans-serif;
  font-size: 60px;
  transition: .3s;
  animation-name: fade;
  animation-duration: 3s;
}
.responsivo1 {
  display: inline-block
}
.responsivo2 {
  display: inline-block
}

/*  Center the custom input with the text  */
.custom-radio-checkbox {
    display: inline-flex;
    align-items: center;
    cursor: pointer;
    font-family: arial;
}

/* Modifier to give the checkbox image */
.custom-radio-checkbox__show--checkbox {
    background-image: url(https://py.idex-hs.com/images/default-source/landing-pages/checkbox-icon.jpg);
}

/* Hidden original input */
.custom-radio-checkbox > .custom-radio-checkbox__input {
    display: none;
}

/* Custom radius using <span> */
.custom-radio-checkbox > .custom-radio-checkbox__show {
    display: inline-block;
    width: 15px;
    height: 15px;
    margin-right: .5rem;
    background-size: cover;
}

/* Changes the custom checkbox when pressed*/
.custom-radio-checkbox > .custom-radio-checkbox__input:checked + .custom-radio-checkbox__show--checkbox {
    background-image: url(https://py.idex-hs.com/images/default-source/landing-pages/checkbox-icon-checked.jpg);
}

@media (max-width: 450px) {  
  .banner {
   margin-bottom: 30px; 
  }
  .cartel {
    height: 99px;
    width: 99px;
  }
  .cartel>div{
    font-size: 45px;
  }
  .cartel>div>h3 {
    font-size: 15px;
    margin-top: 0px;
  }
}
@keyframes fade {
    0%   {
      opacity: 0;
  }
    30%   {
      opacity: 0;
  }  
    100% {
      opacity: 1;
  }
}

@media only screen and (max-width: 991px) {
.bg-photo-2 > div {
    float: none !important;
    width: 100% !important;
    margin: 0 !important;
}

.grid-t-repeat.masonry-brick {
    width: 95%;
    padding: 40px 40px 0 0px;
	position: relative !important;
    float: none !important;
    top: initial !important;
}

.sc-content-invert-mb{
	flex-direction: column-reverse;
}
  
}


/*hide availability labels*/
.scw-order-process .sca-label--status {
	display: none !important;
}

.scw-shopping-cart--full-list .scm-data-table__product-info .sca-badge:not(.badge-light) {
    display: none !important;
}

.scw-shopping-cart--full-list .sco-cart-product__status .sca-badge:not(.badge-light) {
    display: none !important;
}

.scw-order-process .scm-data-table__full-product-title .scm-product-info__media-body .sca-label--status:not(.sca-label--composed):not(.scm-data-table__label) {
    display: none !important;
}

.scw-guest-checkout .scm-data-table__full-product-title .scm-product-info__media-body .sca-label--status:not(.sca-label--composed):not(.scm-data-table__label) {
    display: none !important;
}

.scw-order-process--confirmation .sca-label--status .sca-badge:not(.badge-danger) {
    display: none !important;
}

.scw-guest-checkout--confirmation .sca-label--status .sca-badge:not(.badge-danger) {
    display: none !important;                
}