@charset "UTF-8";
@font-face {
    font-family: 'myriad-pro-regular';
    src: url('fonts/myriad-pro-regular.eot');
    src: local('☺'), url('fonts/myriad-pro-regular.woff') format('woff'), url('fonts/myriad-pro-regular.ttf') format('truetype'), url('fonts/myriad-pro-regular.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'MyriadProSemibold';
    src: url('fonts/myriadpro-semibold-webfont.eot');
    src: url('fonts/myriadpro-semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/myriadpro-semibold-webfont.woff') format('woff'),
         url('fonts/myriadpro-semibold-webfont.ttf') format('truetype'),
         url('fonts/myriadpro-semibold-webfont.svg#MyriadProSemibold') format('svg');
    font-weight: normal;
    font-style: normal;

}
.logo-font{font-family: 'myriad-pro-regular'; font-style:italic;}
.logo-font b{font-weight:bold;}
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
*:before, *:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
body, html, form{height:100%;}
@media (min-width: 1280px) {
body{line-height: 1.8;}
}
@media (max-width: 1279px) {
body{line-height: 1.4;font-size:15px!important;}
}
@media (min-width: 768px){
html {font-size: 18px!important;}
}
html{font-size:18px;-webkit-tap-highlight-color:rgba(0, 0, 0, 0);}
body{margin:0;font-family:'Roboto', sans-serif;font-size:16px;font-weight: normal;color:#646464;}

@media (max-width:768px){
body, .offcanvas-collapse, .offcanvas-collapse2 {padding-top:135px!important;}
body .shrink-logo .offcanvas-toggle{margin-top:0px; background:#eef9fa;}
a.btn-outline, a.btn-more, a.btn-blue{font-size:10pt!important;}
}
@media (max-width:767px){
body {padding-top:70px!important;}}
@media (min-width:401px) and (max-width:480px){
body {padding-top:102px!important;}}
@media (min-width:300px) and (max-width:400px){
body, .offcanvas-collapse, .offcanvas-collapse2 {padding-top:72px!important;}}

a.btn-more{background:#ffb22c; color:#323232!important; padding:10px 30px; font-weight:700; font-size:11pt; text-transform:uppercase; border:#ffb22c 1px solid; line-height:normal;}
a.btn-more:hover, a.btn-more:focus{background:#00717c; color:#fff!important; border-color:#00717c!important; text-decoration:none;}

a.btn-blue{}
a.btn-blue{background:#45979f; color:#fff!important; padding:10px 15px; display:table; font-weight:700; font-size:11pt; text-transform:uppercase; line-height:normal;}
a.btn-blue:hover, a.btn-blue:focus{background:#00717c;color:#fff!important;  text-decoration:none;}
a.btn-blue .fa, a.btn-blue span{vertical-align:middle; display:inline-block;}
a.btn-outline{background:#FFF; color:#ffb22c; padding:10px 30px; font-weight:700; font-size:11pt; text-transform:uppercase; border:#ffb22c 1px solid; line-height:normal;}
a.btn-outline:hover, a.btn-outline:focus{background:#ffb22c; color:#323232!important; text-decoration:none;}
a.btn-blue-outline{background:#FFF; color:#00717c; padding:8px 10px;  display:table; font-weight:700; font-size:10pt; text-transform:none; border:#00717c 1px solid; line-height:normal;}
a.btn-blue-outline:hover, a.btn-blue-outline:focus{background:#00717c; color:#fff!important; text-decoration:none;}
a{color:#00717c;text-decoration:none; outline:none!important}
a:hover, a:focus{color:#ffb22c!important;text-decoration:underline;}
a:focus{outline:thin dotted;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px;}
.scrollup{position:fixed;bottom:0px;right:0px;display:none;z-index:99;font-size:20px; border-radius:5px 5px 0 0; width:50px;height:50px;line-height:50px;text-align:center;background:#00717c;}
.scrollup{-webkit-animation:moveFromBottom 1000ms ease;-moz-animation:moveFromBottom 1000ms ease;-ms-animation:moveFromBottom 1000ms ease;}
a.scrollup{color:#FFF!important;}
a.scrollup:hover{background:#ffb22c !important;}
p{margin-bottom:10px!important;}

.spacer1{clear:both;width:100%;height:10px;}
.spacer2{clear:both;width:100%;height:20px;}
.spacer3{clear:both;width:100%;height:30px;}
.spacer4{clear:both;width:100%;height:40px;}
.spacer5{clear:both;width:100%;height:50px;}
hr.solid{border:0;border-top:1px solid #ccc;}
hr.dotted{border:0;border-top:1px dotted #666;background:#292929;}
hr.dashed{border:0;border-top:1px dashed #ccc;background:#fff;}
hr.double{border:0;border-top:1px dashed #ccc;background:#999;}

.breadcrumb{border-top:#ddd 1px solid;}
.yellow-left-bg + .breadcrumb{border-top:0!important;}

.err{font-size:12px;color:#c80000;}
.fa-icon{padding-left:25px !important;position:relative;}
.fa-icon > .fa{position:absolute;top:2px;margin-left:-23px !important;}
.fa-icon-40{padding-left:50px !important;position:relative;vertical-align:middle;line-height:normal;padding-top:5px;}
.fa-icon-40 > .fa{position:absolute;top:2px;margin-left:-50px !important;}
a, .btn{-webkit-transition:all .3s ease 0s;-o-transition:all .3s ease 0s;transition:all .3s ease 0s;}
.delay-05s{-webkit-animation-delay:0.5s;animation-delay:0.5s;}
.delay-06s{-webkit-animation-delay:0.6s;animation-delay:0.6s;}
.delay-07s{-webkit-animation-delay:0.7s;animation-delay:0.7s;}
.delay-08s{-webkit-animation-delay:0.8s;animation-delay:0.8s;}
.delay-09s{-webkit-animation-delay:0.9s;animation-delay:0.9s;}
.delay-1s{-webkit-animation-delay:1s;animation-delay:1s;}
.delay-15s{-webkit-animation-delay:1.5s;animation-delay:1.5s;}
.delay-2s{-webkit-animation-delay:2s;animation-delay:2s;}
.delay-25s{-webkit-animation-delay:2.5s;animation-delay:2.5s;}
.delay-3s{-webkit-animation-delay:3s;animation-delay:3s;}
ul.social_media{margin:0px;padding:0px;display:block;}
ul.social_media li{display:inline-block;list-style-type:none;list-style-image:none;padding:0px;margin:0 10px 0px 0px;border:none;vertical-align:middle;}
ul.social_media li a{display:block;font-size:18px;transition:none .6s ease-in-out;-webkit-transition:none .6s ease-in-out;-moz-transition:none .6s ease-in-out;-o-transition:none .6s ease-in-out;-ms-transition:none .6s ease-in-out;}
ul.social_media li a:hover{display:block;}
ul.social_media .fa{color:#fff; font-size:20px; text-align:center;  text-align:center; width:35px; height:35px; line-height:35px; border-radius:50%; background:#ffb22c;}
ul.social_media .fa:hover{color:#fff}
.fa-facebook, .fa-google, .fa-google-plus, .fa-linkedin, .fa-youtube, .fa-youtube-play, .fa-tumblr, .fa-twitter, .fa-pinterest, .fa-instagram, .fa-wordpress{transition:all .2s ease-in-out;-webkit-transition:all .2s ease-in-out;-moz-transition:all .6s ease-in-out;-o-transition:all .6s ease-in-out;-ms-transition:all .6s ease-in-out;}
.fa-facebook:hover{background:#3b5998 !important;}
.fa-google:hover{background:#3f85f4 !important;}
.fa-google-plus:hover{background:#d13f2d !important;}
.fa-linkedin:hover{background:#0275b5 !important;}
.fa-youtube:hover{background:#ce332d !important;}
.fa-youtube-play:hover{background:#ce332d !important;}
.fa-tumblr:hover{background:#274152 !important;}
.fa-twitter:hover{background:#4dc8f1 !important;}
.fa-pinterest:hover{background:#cb2028 !important;}
.fa-instagram:hover{background:#8134AF !important;}
.fa-wordpress:hover{background: #cb2028 !important;}
.fa-whatsapp:hover{background: #4AC959 !important;}
ul.social_media .fa-envelope, ul.social_media .fa-envelope:hover{background:#3e739d;}
header{position:relative;}
header.inner-head{background-color:#eef9fa!important;}
header.shrink-logo{background-color:rgba(255,255,255,.95); background-size:auto 10px; -webkit-box-shadow:0px 3px 18px -1px rgba(0,0,0,0.2);-moz-box-shadow:0px 3px 18px -1px rgba(0,0,0,0.2);box-shadow:0px 3px 18px -1px rgba(0,0,0,0.2);}
header{background:url(images/cross-lines.png) repeat-x bottom; }
header > nav ul.navbar-nav > li{padding:0 0px;}
header > nav ul li{position:relative;}
header > nav ul li > a.nav-link{display:block; position:relative; text-transform:uppercase; padding:.5rem 20px!important; font-weight:500; color:#000;font-size:12pt; }
header > nav ul li:first-child > a{padding-left:0!important;}
header > nav ul li .nav-link{ position:relative; }
header > nav ul li .nav-link{-webkit-transition:none;-o-transition:none;transition:none;}
header nav ul li .nav-link:hover,header nav ul li .nav-link:focus,
header nav ul li a.active{color:#00717c!important; }
@media(max-width:1399px){
header > nav ul li > a.nav-link{padding: .5rem 13px!important;}
}
@media(max-width:1199px) {
 header > nav ul li > a.nav-link { padding: .5rem 9px !important; font-size: 11pt;}
 .navbar-brand img{max-width:150px !important; height:auto !important;}
}
@media(max-width:991px) {
.navbar-brand img{max-width:100% !important; height:auto !important;}
}
@media (max-width:768px){
header > nav ul li a:after{display:none;}
header nav ul li a.active{border-bottom:#00717c 2px solid;}
header{background:url(images/cross-lines.png) repeat-x bottom; background-size:auto 8px;}
}
header, .navbar-brand img, .navbar-brand a picture{max-width:100%; /*width:auto!important; height:auto!important;*/ -webkit-transition:all .5s ease 0s;-o-transition:all .5s ease 0s;transition:all .5s ease 0s;}
.navbar-brand a{position:relative; display:table;}
.navbar-brand img.rotation{position:absolute; margin:0 auto; left:0; right:0; top:2.5px; z-index:2;}
.shrink-logo .navbar-brand img{max-width:60%; }
header .navbar-brand{position:relative; z-index:9999; text-align:right;margin-right:0;}
@media (min-width:961px) and (max-width:1024px){header > nav ul.navbar-nav > li{padding:0px!important;}
.navbar-expand-lg > .container{width:100%;max-width:none;}
header > nav ul li a{font-size:11pt!important;}
}
@media (max-width:961px){header .navigation{overflow:hidden;}
.navbar-brand span{font-size:90%; white-space:pre-wrap;}
}
@media (max-width:1024px){header > nav ul li > a.nav-link{padding:.5rem 10px!important;}
}
@media (min-width:1024px){
.navbar-expand-lg .navbar-nav .dropdown-menu{padding:20px 15px 0!important;}
}
@media (max-width:768px){
.navbar > .container{max-width:none!important; padding:0!important;position:relative;}
.navbar > .container:before{-webkit-transition:all .3s ease 0s;-o-transition:all .3s ease 0s;transition:all .3s ease 0s; }
.navbar > .container:before{content:''; background:#f8f9fa; position:absolute; left:0; top:-10px;width:100%; height:120%;z-index:9999;opacity:0;}
.open-menu .navbar > .container:before{opacity:1;}
header > nav ul.navbar-nav > li.nav-item{padding:0!important;margin:0!important;border-bottom:rgba(229,229,229,1) dotted 1px;}
header > nav ul.navbar-nav > li.show{padding-bottom:0!important;}
header > nav ul li .nav-link{padding:15px!important;}
header > nav ul.navbar-nav{padding:10px 10px!important;}
header .navbar-brand{width:calc(100% - 128px); margin-right:0!important; text-align:right;}
header .navbar-brand a{display:inline;}
header .navbar-brand h1{margin-bottom:0;font-size:inherit!important;}
.shrink-logo .navbar-brand img{max-width:46%}
header.shrink-logo .nav-bx{}
header > nav ul li > a.nav-link{margin:0 0!important; padding:10px 10px!important; display:block;}
.navbar-nav .dropdown-menu{box-shadow:none!important; background-color:#eef9fa!important;}
}
/*Bullet list*/
.list{margin:0px; padding:0px; list-style:none;}
.bullet-list {width:100%; list-style:square;   margin:0px; padding:0px;}
.bullet-list li{ position:relative;  margin-left:20px; margin-bottom:10px; vertical-align:top; }
.bullet-list li a{ text-decoration:none;}
/*Mega Dropdown*/
header > nav ul.navbar-nav > li.dropdown{position:static;}
.dropdown-menu{margin:0px !important;  border-top:0px !important; }
.navbar-nav .dropdown-menu{left:0!important;}
.mega-dropdown-menu a{color:#000 !important}
/*.navbar-nav .mega-dropdown{position:static !important;padding:0;margin:0;}*/
.mega-dropdown-menu a:hover{ text-decoration:none; color:#00717c!important}
.mega-dropdown-menu a .head:hover{color:#000;}
.mega-dropdown-menu a.active{font-weight:700; color:#000!important;}
.navbar-nav .dropdown-menu{padding:5px 15px 15px ;width:auto;left:auto;background-color:rgba(247,250,251,.98);border-radius:0px !important; }
.navbar-expand-lg .navbar-nav .dropdown-menu{padding:20px 15px;left:0 !important;width:100% !important;border-radius:0px !important;}
.mega-dropdown-menu ul li{ font-size:15px; vertical-align:top}326
.mega-dropdown-menu ul li b.head{color:#00717c; font-weight:500; line-height:normal;}
.mega-dropdown-menu ul li a{text-transform:none; font-weight:400; font-size: 10.4pt;}
.pro-list li,.header-list-col-2 li{display:inline-block; width:24%;}
.nav-product-list{margin:0px; padding:0px; list-style:none; display:flex;}
.nav-product-list li.col1{width:27%;}
.nav-product-list li.col2{/*width:38%;*/ padding:0 10px;}
.nav-product-list li.col3{width:36%; min-height:300px; padding:20px;}
.nav-product-list li.col4{width:73%; min-height:300px; padding:20px;}
.pro-sub-menu{margin:0px; padding:0px; list-style:none;}
.pro-sub-menu ul.blue-arrow-list li{padding-left:15px; background:url(images/arrow-blue-sm.png) no-repeat top left!important; }
.mega-dropdown-menu .head{margin-bottom:0px; display:inline-block; font-size:12pt; text-transform:capitalize;}
.brands-row{margin:0 -15px!important;}
.brands-row .col-6{padding:5px!important}
.brands-row a, a.brand-logo{margin-bottom:0px; border:#ddd 1px solid; }
.brands-row a{display:table;}
a.brand-logo{display:block;}
.nav-product-list .colm-2 li{ width:42%; float:left}
.nav-pro-bg{background:url(images/nav-pro-bg.jpg) center center no-repeat; background-size:cover;}
.nav-bg-list .colm-2 li{ width:30% !important; float:left}
/*about and investor list*/
.nav-bg-list {margin:0px; padding:0px;list-style:none; display:flex;}
.nav-bg-list li.col1{width:65%; padding:20px;background:#ecf9ff;}
/*.nav-bg-list li.col2{width:38%;padding:20px; min-height:300px;}*/
.nav-bg-list li.col2{width:36%;padding:20px;min-height:300px;}
.mega-dropdown-menu .bullet-list li  a:hover{color:#ffb22c!important}
.nav-abt-bg{background:url(images/nav-abt-bg.jpg) center center no-repeat !important; background-size:cover;}
.nav-abt-bg-1{background:url(images/nav-abt-bg-1.jpg) center center no-repeat; background-size:cover;}
.nav-abt-big-bg{background:url(images/nav-abt-big-bg.jpg) center center no-repeat; background-size:cover;}
.nav-inv-bg{background:url(images/nav-inv-bg.jpg) center center no-repeat; background-size:cover;}
.nav-manu-bg{background:url(images/nav-manu-bg.jpg) center bottom no-repeat !important; background-size:cover;}
.nav-manu-bg-1{background:url(images/nav-manu-bg-1.jpg) center bottom no-repeat; background-size:cover;}
.nav-manu-bg-1 p{text-transform:uppercase; padding-left:25px}
.nav-manu-bg p{float:right; text-transform:uppercase; padding-right:25px;}
@media(min-width:1024px) {
.brands-row .col-6{max-width:14%;-webkit-box-flex: 0;-ms-flex: 0 0 14%;flex: 0 0 14%; margin-bottom:20px;}
.brands-row .col-6 a{margin:0 auto;}
}
@media(min-width:1024px) {
a.brand-logo{min-width:160px; margin-left:15px;}
}
@media(max-width:1499px) {
.mega-dropdown-menu ul li{font-size:13px;}
.nav-product-list li.col2{padding:0 10px;}
.mega-dropdown-menu ul li b.head{font-size: 11pt; }
/*.colm-2 li{width:45%;}*/
}
@media(max-width:1199px) {
.nav-product-list{flex-wrap:wrap;}
.nav-product-list li.col2{width:25%; padding:0 7px;}
.nav-product-list li.col1{width:24%;}
.colm-2 li{width:45%;}
.nav-product-list li.col3{width: 28%;}
.nav-product-list li.col3{min-height:initial !important}
}
@media(max-width:767px) {
.navbar-expand-lg .navbar-nav .dropdown-menu{padding: 0px!important; max-height:350px; -webkit-overflow-scrolling: touch; overflow:auto;}
.navbar-expand-lg .navbar-nav .dropdown-menu::-webkit-scrollbar {-webkit-appearance: none;}
.navbar-expand-lg .navbar-nav .dropdown-menu::-webkit-scrollbar:vertical {width: 8px;}
.navbar-expand-lg .navbar-nav .dropdown-menu::-webkit-scrollbar:horizontal {height:8px;}
.navbar-expand-lg .navbar-nav .dropdown-menu::-webkit-scrollbar-thumb {background-color: rgba(0, 0, 0, .5);border-radius: 10px;border: 2px solid #ffffff;}
.navbar-expand-lg .navbar-nav .dropdown-menu::-webkit-scrollbar-track {border-radius: 10px;background-color: #ffffff;}
.nav-product-list{padding:10px 0 0}
.nav-product-list,.nav-product-list li.col1,.nav-product-list li.col2,.colm-2 li{display:table;  width:100%}
.nav-product-list li.col2{background:none;}
.nav-product-list li.col3{display:none;}
.nav-product-list li.col1{background:none;}
.nav-product-list .bullet-list li,.nav-bg-list .bullet-list li{ margin-bottom:5px !important}
.nav-bg-list .bullet-list li{padding-left:0px; margin-bottom:5px;}
.mega-dropdown-menu ul li{font-size: 14px;}
.nav-product-list li.col2{padding-top:5px; margin-bottom:0px!important;}
.mega-dropdown-menu ul li b.head{margin-bottom:5px;}
.mega-dropdown-menu ul li a{ padding-top:5px; padding-bottom:5px; display:block;top: -3px;position: relative;}
.pro-sub-menu ul.blue-arrow-list li{}
.nav-bg-list{display:block}
.nav-bg-list li.col1{display:table; width:100%; background:none; padding:10px}
.nav-bg-list li.col2{display:none}
.nav-manu-bg,.nav-abt-bg,.nav-product-list li.col4{display:none !important;}
.nav-bg-list .colm-2 li,.nav-product-list .colm-2 li{width:100%  !important}
.nav-product-list li.col1{padding-top:0px !important}
.mega-dropdown-menu .head{margin-bottom:0;}
}

@media (max-width:768px){
.brands-row .col-6 a{margin:0 auto 10px;}
}
@media (max-width:767px){
.navbar-brand img{max-width:60% !important;}}
.offcanvas-toggle{-webkit-transition:all .3s ease 0s;-o-transition:all .3s ease 0s;transition:all .3s ease 0s; background:#FFF!important;}  
.offcanvas-toggle .icon-bar{background:#00717c !important;}
@media (max-width:400px){
header .navbar-brand img{max-width:46% !important;}

}
.visual-panel{overflow:hidden;background-color: #efefef;}
.visual-panel h1{color:#FFF; margin-bottom:0; font-weight:800; }
.tp-banner-container{width: 100%;max-width: 1920px;position: relative;padding: 0;margin: 0 auto;}
.tp-banner-container .tp-caption{max-width:1370px!important;width:90%; text-align:left;margin:0 auto!important;left:0!important;right:0!important;}
.tp-banner-container .tp-caption > div{max-width:650px; display:table;}

.tp-banner-container .tp-caption h2,
.tp-banner-container .tp-caption h4{ color:#222; font-weight:700; text-transform:uppercase; }
.tp-banner-container .tp-caption p{line-height:1.6; font-weight:500;  color:#222;}
.text-green{color:#308a94!important;}
.video_holder{position:relative;min-height:100%;width:100%;max-width: 1920px; min-height:700px; top:0px;margin:0 auto;background:#fff;}
.video_holder:before{content:''; position:absolute; top:0; left:0; width:100%; height:200px; z-index:999;
  background: rgba(255,255,255,1);
background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,0.99) 1%, rgba(255,255,255,0.48) 65%, rgba(255,255,255,0) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(1%, rgba(255,255,255,0.99)), color-stop(65%, rgba(255,255,255,0.48)), color-stop(100%, rgba(255,255,255,0)));
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,0.99) 1%, rgba(255,255,255,0.48) 65%, rgba(255,255,255,0) 100%);
background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,0.99) 1%, rgba(255,255,255,0.48) 65%, rgba(255,255,255,0) 100%);
background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,0.99) 1%, rgba(255,255,255,0.48) 65%, rgba(255,255,255,0) 100%);
background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(255,255,255,0.99) 1%, rgba(255,255,255,0.48) 65%, rgba(255,255,255,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=0 );}
#video_container{position:absolute;height:100%;width:100%; margin:0 auto; padding:0;top:0px; left:0}
.video_holder:after{position:absolute; content:""; top:0px; bottom:0px; left:0px; right:0px; background:rgba(0,0,0,.6); z-index:99}
/*.time-table td{ padding:3px;}*/
@media (max-width: 991.98px){
#video_container, .video_holder{display:none}}
@media (min-width:1400px) {
.tp-banner-container .tp-caption h2{ font-size:2.3rem;margin-bottom:0;}
.tp-banner-container .tp-caption h4{ font-size:1.4rem;}
.tp-banner-container .tp-caption p{ font-size:1.3rem;margin-top:10px!important;}
}
@media (min-width:1025px) and (max-width:1399px) {
.tp-banner-container .tp-caption{margin-top:40px!important;}
.tp-banner-container .tp-caption h2{ font-size:2rem!important;margin-bottom:0;}
.tp-banner-container .tp-caption p{ font-size:1.2rem; margin-top:10px!important;}
}

@media (max-width:767px) {
body{font-size:16px!important;}
}
@media (max-width:767px) {
.tp-banner-container .tp-caption h2{ font-size:.8rem!important;}
}
@media (min-width:1281px) and (max-width:1390px){
/*.heading{ font-size:2.4rem!important;}*/
.tp-banner-container .tp-caption h2{ font-size:2.5rem;}
body{font-size:14px!important;}
.tp-banner-container .tp-caption{max-width:1140px!important;}
}
@media (min-width:1025px) and (max-width:1280px){
}
@media (min-width:769px) and (max-width:1024px){
.tp-banner-container .tp-caption > div{max-width:400px;}
.visual-panel h1{font-size:25pt; margin-left:0!important;line-height:normal;}
.tp-banner-container .tp-caption{width:94%!important;}
}
/*visual section*/
.visual-wrapper{background-color:#efefef;width:100%; display:block;}
.section-visual{background-color:#efefef;background-position:top center;background-repeat:no-repeat;width:100%;display:block;overflow:hidden}
@media (min-width: 768px){.visual-back-btn .section-head{max-width:700px; width:100%;}}
@media (min-width: 992px){.visual-back-btn .section-head{max-width:930px; width:100%;}}
@media (min-width: 1200px){.visual-back-btn .section-head{max-width:1120px; width:100%;}}
@media (min-width: 1400px){.visual-back-btn .section-head{max-width:1320px; width:100%;}}
@media (min-width: 1500px){.visual-back-btn .section-head{max-width:1370px; width:100%;}}

.fixed-social ul li .fa span{display:none;}
@media(min-width:768px){.fixed-social{position:fixed;right:-8px;top:calc(50% - 47px);z-index:999999;}
.fixed-social ul.social_media li{display:block; margin-bottom:5px;}
.fixed-social ul.social_media li a{border:#FFF 1px solid;}
.fixed-social ul.social_media li a .fa{border-radius:0!important;width:43px;height:43px;line-height:43px; font-size:18pt!important;}
.fixed-social ul li .fa{position:relative;}
.fixed-social ul li .fa span{display:block;}
.fixed-social ul li .fa span{font-family:"myriad-pro-regular", Arial, sans-serif;opacity:0;z-index:-1;position:absolute;right:0;padding:8px 10px;width:auto;white-space:nowrap;text-align:center;background:rgba(255,255,255,.9);line-height:30px;color:#000;font-style:normal;font-size:11pt;border:1px solid #c19d5d;top:0;}
.fixed-social ul li .fa span{-webkit-transform-origin:100% 0;-moz-transform-origin:100% 0;-ms-transform-origin:100% 0;-o-transform-origin:100% 0;transform-origin:100% 0;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);opacity:0;-webkit-transform:scale(0, 1) translate(100%, 0);-moz-transform:scale(0, 1) translate(100%, 0);-ms-transform:scale(0, 1) translate(100%, 0);-o-transform:scale(0, 1) translate(100%, 0);transform:scale(0, 1) translate(100%, 0);-webkit-transition:all 0.40s ease-in-out;-moz-transition:all 0.40s ease-in-out;-o-transition:all 0.40s ease-in-out;transition:all 0.40s ease-in-out;}
.fixed-social ul li .fa:hover span{opacity:1;-webkit-transform:scale(0.85) translate(0, 0);-moz-transform:scale(0.85) translate(0, 0);-ms-transform:scale(0.85) translate(0, 0);-o-transform:scale(0.85) translate(0, 0);filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);opacity:1;right:40px;}
.fixed-social ul.social_media li a:hover .fa-envelope-o{background:#00717c!important;}
}



.section-pic{max-width:1920px;width:100%;margin:0 auto;background-position:center;background-size:cover;position:relative; min-height: 60px;}
.section-visual img{width:100%;height:auto}
.section-head{position: absolute;top: 50%;transform: translateY(-50%);color: #222;max-width: 700px;}
.section-head h1,.section-head h2{font-size:30px; text-transform:capitalize; font-weight:700; color:#00717c; margin-bottom:0!important;}
@media (max-width: 767px){
.section-pic{background:#f5f8f9!important}
.section-head h1,.section-head h2{font-size:110%!important;}
}

.text-orange{color:#ffb22c;}
.text-blue{color:#00717c;}
h2.text-blue{font-size:28pt; font-weight:500;}
h3.text-blue, h3.text-white{ font-weight:500;}
@media (max-width:768px){
h1, .h1{font-size:1.7rem!important;}
h2, .h2{font-size:1.6rem!important;}
h3, .h3{font-size:1.5rem!important;}
h4, .h4, .lead{font-size:1.4rem!important;}
h5, .h5{font-size:1.3rem!important;}
}
@media (max-width:640px){h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6{line-height:1.3!important;}
h1, .h1{font-size:18pt!important;}
h2, .h2{font-size:17pt!important;}
h3, .h3{font-size:15pt!important;}
h4, .h4, .lead{font-size:14pt!important;}
h5, .h5{font-size:13pt!important;}
}

footer{background:#00717c;}
footer, footer p, footer  address, footer a{font-size:12pt; color:#f0f8f9;}
address{line-height:1.5!important;}
.footer-links li{margin-bottom:2px;}
.footer-links li a:hover,.footer-links li a:focus{color:#ffb22c!important;}
 footer address{margin-bottom:5px!important;}
.bottom-footer{background:url(images/cross-lines-wht.png) repeat-x top; background-color:#00545c;}
@media (min-width:1025px) and (max-width:1399px) {
footer, footer p, footer address, footer a{font-size:11pt;}
}
@media (max-width:1024px) {
footer, footer p, footer address, footer a{line-height:1.6; font-size:11pt;}
}
@media (max-width:768px) {
.footer-links ul.list-inline li{display:inline-block; vertical-align:middle; margin-bottom:10px; width:48%;}
footer address{margin-bottom:0;}
}
@media (max-width:767px) {
.px-xl-0.footer-links{width:100%; margin-bottom:10px;}
}

.cookie-popup{display:none;position:fixed;left:0;z-index:1000;width:100%;background-color:rgba(0,0,0,.08);color:#000;line-height:initial;box-sizing:initial}
.cookie-popup a{color:#4b1713}
.cookie-popup-inner{display:table;max-width:1280px;width:100%;float:none;margin:auto}
.cookie-popup-left{display:table-cell;vertical-align:middle;padding:15px}
.cookie-popup-headline{font-size:15px;line-height:17pt}
.cookie-popup-sub-headline{font-size:12px}
.cookie-popup-right{display:table-cell;vertical-align:middle;padding:10px 15px;text-align:right}
.cookie-popup-accept-cookies{display:inline-block;position:relative;margin-bottom:0;text-align:center;vertical-align:middle;cursor:pointer;background-image:none;white-space:nowrap;padding:9px 12px;font-size:13px;line-height:1.49;border-radius:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;padding:8px 8px;font-size:16px;min-width:100px;line-height:1.5;border-radius:0;text-decoration:none;color:#000;background-color:#c7c7c7;border-color:rgba(0,0,0,.1) rgba(0,0,0,.12) rgba(0,0,0,.15)}
a.cookie-popup-accept-cookies:hover{bottom:0;text-decoration:none;color:inherit;background:#4b1713;color:#fff}
.cookie-popup-accept-cookies:active{bottom:0;color:initial}
.cookie-popup-learn-more{display:block;clear:both;font-size:14px;margin-top:5px;margin-right:5px;text-decoration:none;color:#000;opacity:.75}
.cookie-popup-learn-more:hover{opacity:1;text-decoration:none}
.cookie-popup-learn-more:active,.cookie-popup-learn-more:focus{text-decoration:none}
.cookie-popup-lower{padding:15px;font-size:14px}
.cookie-popup.position-bottom{bottom:0}
.cookie-popup.position-top{top:0;box-shadow:0 4px 6px rgba(50,50,93,.11),0 1px 3px rgba(0,0,0,.08)}
.cookie-popup.position-bottomright{width:300px;right:10px;bottom:10px;left:inherit;box-shadow:0 2px 10px 0 rgba(0,0,0,.3);border-radius:2px}
.cookie-popup.position-bottomright .cookie-popup-right{width:initial}
.cookie-popup.position-bottomleft{width:300px;left:10px;bottom:10px;right:inherit;box-shadow:0 2px 10px 0 rgba(0,0,0,.3);border-radius:2px}
.cookie-popup.position-bottomleft .cookie-popup-right{width:initial}
.cookie-popup.position-topright{width:300px;right:10px;top:10px;left:inherit;box-shadow:0 2px 10px 0 rgba(0,0,0,.3);border-radius:2px}
.cookie-popup.position-topright .cookie-popup-right{width:initial}
.cookie-popup.position-topleft{width:300px;left:10px;top:10px;box-shadow:0 2px 10px 0 rgba(0,0,0,.3);border-radius:2px}
.cookie-popup.position-topleft .cookie-popup-right{width:initial}
.theme-light .cookie-popup{background-color:#fafafa;color:#000}
.theme-light .cookie-popup-accept-cookies{background-color:#c7c7c7;color:#000}
.theme-light .cookie-popup-learn-more{color:#000}
.theme-dark .cookie-popup{background-color:#333;color:#FFF;}
.theme-dark .cookie-popup-accept-cookies{background-color:#ffb22c;color:#00717c;padding:.25rem .5rem;font-size:.875rem;text-align:center;vertical-align:middle}
.theme-dark .cookie-popup-accept-cookies:hover{background:#00717c;color:#ffb22c}
.theme-dark .cookie-popup-learn-more{color:#fff}
@media (max-width:767px){
    .cookie-popup-left{display:block; padding:15px}
    .cookie-popup-right{display:block; padding:10px 15px;text-align:center}}

section h2,section h4{font-weight:500; color:#323232; }

@media (max-width:1024px) {
section h2{ font-size:1.5rem!important;}
}
@media (max-width:767px) {
section h2{ font-size:.95rem!important;}
}
.heading{ font-size:1.1rem; font-weight:600;text-transform:uppercase; color:#ffb22c;}
.heading:after{content:''; display:inline-block;  vertical-align:middle; margin-left:10px; width:100px; height:14px; background:url(images/cross-lines-hd.png) no-repeat center;}

.hm-intro-panle{position:relative;}
.hm-intro-panle .container{position:relative; z-index:1;}
.hm-intro-panle h1{margin:30px 0; font-weight:500; color:#323232;}
@media (min-width:1024px) {
.hm-intro-panle h1{ font-size:19pt;}
}
@media (min-width:1400px) {
section h2{ font-size:2rem;}
}
.hm-intro-panle .stats li{display:block; color:#FFF; position:relative;}
.hm-intro-panle .stats li span{font-weight:700; line-height:normal; display:inline-block;}
.hm-intro-panle .stats li > div{display:table; margin:0 auto;}
@media (min-width:1400px) {
.hm-intro-panle .stats li span{ font-size:4rem;}
}

@media (min-width:1025px) and (max-width:1399px) {
.hm-intro-panle h1, section h2{ font-size:1.3rem;}
.hm-intro-panle .stats li span{ font-size:2.9rem;}
.hm-intro-panle .stats li h5{ font-size:1rem;}
.hm-intro-panle .stats li:nth-child(1):before{}
}
@media (min-width:1023px) and (max-width:1024px) {
.hm-intro-panle .stats li span{ font-size:2.5rem;}
.hm-intro-panle .stats li h5{ font-size:1rem;}
.hm-intro-panle .stats li:nth-child(1):before{top:-20px!important;}
}

@media (min-width:1024px) {
.hm-intro-panle{overflow:hidden;}
.hm-intro-panle .container:after{content:''; position:absolute; z-index:0; width:150%; left:calc(50% + 100px); top:0; height:100%; background:url(images/intro-pic.jpg) center left no-repeat;background-color:#0b7680;  background-size:auto 100%;}
}
@media (max-width:1023px) {
.stats-bx{background-color:#2a828a; margin-top:30px;}
ul.stats{margin:20px 0; padding:0;}
.hm-intro-panle .stats li {margin:10px 0; text-align:left; display:inline-block; width:50%;}
.hm-intro-panle .stats li > div{display:block;}
.hm-intro-panle .stats li span{font-size:1.5rem;}
.hm-intro-panle .stats li span,
.hm-intro-panle .stats li h5{display:inline-block; vertical-align:bottom; margin-bottom:0;}
.hm-intro-panle .stats li h5{ display:block;}
.products-bx figure + p{font-size:.8rem!important;}
.hm-products-panle:before{height:100%;}
.products-bx{background: rgba(0,113,124,1)!important;}
section img.position-absolute{display:none;}
}
.hm-intro-panle .container > .row{z-index:2; position:relative;}
@media (min-width:1024px) and (max-width:1399px) {
.products-bx figure + p{font-size:1rem!important;}
}
@media (min-width:1024px) {
.products-bx figure + p{max-width:220px; display:table; margin:0 auto;}
.hm-intro-panle .stats li:nth-child(1):before{content:url(images/stats-arrow1.png); position:absolute; top:30px; right:-30px; display:inline-block; vertical-align:middle;}
.hm-intro-panle .stats li:nth-child(2):after{content:url(images/stats-arrow2.png); display:block; margin:20px 0;  text-align:center;}
.hm-intro-panle .stats li:nth-child(1):after{content:url(images/stats-arrow3.png); display:block; margin:20px 0; text-align:center;}
.hm-intro-panle .stats li:nth-child(4):before{content:url(images/stats-arrow4.png); position:absolute; top:40px; left:-30px; display:inline-block; vertical-align:middle;}
}
.hm-products-panle{overflow:hidden;}
.hm-products-panle .heading:after{background:url(images/cross-lines-blue.png) no-repeat center;}
.hm-products-panle,
.hm-products-panle .container{position:relative; z-index:1;}
.hm-products-panle .container > .row{z-index:2;}
.hm-products-panle:before{content:''; position:absolute; width:100%; height:85%; bottom:0; left:0; z-index:-1; background:#ffb22c;}
@media (min-width:1024px) {
.hm-products-panle .container:after{content:''; position:absolute; width:120%; height:100%; left:0; bottom:0;z-index:0; background:url(images/what-we-do-img.jpg) center center no-repeat; background-attachment:fixed; background-size:cover;}
.vision-mision-panle .container:after{ background-image:url(images/about-us-pic2.jpg);}
.vision-mision-panle:before{height:75%;}
}
.products-bx{color:#FFF; background:rgba(0,113,124,.81);}
.products-bx h2{font-weight:500;}
.products-bx figure + p{text-transform:uppercase; line-height:1.5; font-size:12pt; font-weight:500; margin-bottom:0; top:0; position:relative;}
.products-bx figure + p{-webkit-transition:all 0.4s ease-in-out;-moz-transition:all 0.4s ease-in-out;transition:all 0.4s ease-in-out;}
.products-bx a:hover figure + p{top:-10px;}
.hm-products-icons figure{ max-width:140px;
  transition: transform 0.8s;
  transform-style: preserve-3d;}
.hm-products-icons figure{border-radius:100%; background:#FFF;}
.hm-products-icons a{color:#FFF; display:table; margin:0 auto;}
.hm-products-icons a:hover figure{transform: rotateY(180deg);}
@media (min-width:1024px) {
.products-brands-panle{overflow:hidden;}
.products-brands-panle img.position-absolute{max-width:none!important; left:-10px; top:5px;}
}
@media (max-width:768px) {
.hm-products-icons figure, figure{margin-bottom:10px!important;}
.hm-products-icons a{margin:0 auto 30px;}
.products-brands-panle .brands-list > div{margin-bottom:30px!important;}
.product-info b, .product-info strong{font-size:100%;}
}
.products-brands-panle .grid-item .heading:after{background: url(images/cross-lines-half.png) no-repeat center; width:51px;}
.product-info ul{margin:0 0 10px; padding:0;}
.product-info ul li{margin:0 0 0px; padding:0 0 0 25px;  display:block; background:url(images/arrow-blue.png) no-repeat left; background-position-y:0px;}
.product-info b, .product-info strong{color:#323232;display:inline-block;margin-bottom: -10px;font-weight:700;}

.product-info h6{color:#FFF!important; display:table; font-size:100%!important; font-weight:700; margin:0 0 10px; background:#444; padding:3px 5px; line-height:normal;}
@media (min-width:1024px)  {
.product-info h5 + ul.blue-arrow-list{-webkit-column-count:3;-moz-column-count:3;column-count:3;-webkit-column-gap:1.25rem;-moz-column-gap:1.25rem;column-gap:1.25rem;}
.product-info h5 + ul.blue-arrow-list li{width:100%;}
}
@media (min-width:768px) and (max-width:1023px) {
.product-info h5 + ul.blue-arrow-list{-webkit-column-count:2;-moz-column-count:2;column-count:2;-webkit-column-gap:1.25rem;-moz-column-gap:1.25rem;column-gap:1.25rem;}
.product-info h5 + ul.blue-arrow-list li{width:100%;}
}
.brands-list > div{margin-bottom:30px; order:inherit!important;}
.brands-list a:hover{ background:#00717c;}
.brands-list a:hover img{top:-5px!important; left:-5px;}
.brands-list a{display:table; background:#fff;}
.brands-list a img{position:relative; top:0; left:0;}
.products-brands-panle a > img{border:#DDD 1px solid;}
.products-brands-panle, .yellow-left-bg, .yellow-right-bg, .yellow-bg {position:relative; overflow:hidden;}
.yellow-bg .container,
.yellow-left-bg .container,
.yellow-right-bg .container,
.products-brands-panle .container{position:relative;}
.products-brands-panle .container:after,
.yellow-bg .container:after,
.yellow-left-bg  .container:after,
.yellow-right-bg  .container:after{content:''; position:absolute; width:50%; height:85%; bottom:0; left:calc(100% - 15px); z-index:-1; background:#ffb22c;}
.yellow-right-bg  .container:after{left:calc(100% - 170px); height:60%!important;}
.yellow-left-bg  .container:after{right:calc(100% - 170px); left:auto!important; height:60%!important;}
.yellow-left-bg, .yellow-right-bg, .yellow-bg{border-bottom:#c9c9c9 1px solid;}
.whats-new-panel, .whats-new-panel > .container{position:relative;}
.whats-new-panel:before{content:' '; position:absolute; background:#eef9fa; width:100%; height:50%; left:0; top:0; z-index:0;}
a figure{overflow:hidden;display:inline-block;position:relative;}
a figure:after{content:'';position:absolute;top:0;left:0;width:0;height:100%;background-color:rgba(255,255,255,0.4);}
a:hover figure img{-webkit-transform:scale(1.05);-ms-transform:scale(1.05);-moz-transform:scale(1.05);transform:scale(1.05);}
@media(min-width:1024px){
a img, a:hover figure:after{-webkit-transition:all 0.4s ease-in-out;-moz-transition:all 0.4s ease-in-out;transition:all 0.4s ease-in-out;}
a:hover figure:after{width:120%;background-color:rgba(255,255,255,0);}
}

.prod-box a{display:table; margin:0 15px;}
.prod-box figure{position:relative; z-index:1; border:#d7edef 1px solid}
.prod-box .figcaption{background:#ffb22c; position:relative; line-height: 1.5; z-index:2; padding:15px; padding-right:30px; font-weight:700; color:#323232;min-height:110px; margin-top:-55px; width:75%; margin-left:auto;}
.prod-box .figcaption{-webkit-transition:all .3s ease 0s;-o-transition:all .3s ease 0s;transition:all .3s ease 0s;}
.prod-box a:hover .figcaption{background:#00717c; color:#FFF;}
.prod-box .figcaption .fa{width:30px; line-height:30px; font-size:11pt; background:#000; color:#FFF; position:absolute; bottom:0; right:0; text-align:center;}
@media (min-width:1400px){
.hm-news-panle{overflow:hidden;}
.hm-news-panle img.position-absolute{max-width:none!important; right:-40px!important; top:5px;}
}
@media (min-width:1024px) {
.hm-news-panle{overflow:hidden;}
.hm-news-panle img.position-absolute{max-width:none!important; right:-10px; top:5px;}
}

.hm-news-panle .container{position:relative;}
.hm-news-panle .container:after{content:''; position:absolute; width:50%; height:85%; bottom:0; right:calc(100% - 15px); z-index:-1; background:#ffb22c;}
.news-card .card{-webkit-transition:all .3s ease 0s;-o-transition:all .3s ease 0s;transition:all .3s ease 0s;}
.news-card .card, .news-card a.card{padding:10px; background:#eef9fa; border-radius:0; border:#eef9fa 1px solid;}
.news-card a.card:hover, .news-card .card:hover{ border:#00717c 1px solid;}
.news-card a:hover  p{color:#ffb22c!important;}
.news-card .card figure{margin-bottom:0;}
.news-card .card-body{padding:10px 0!important;}
.news-card .card-body .card-title{font-weight:700;}
.news-card .card-body p{margin-bottom:0!important;}
.news-card .card-body .text-muted {color:#55797d !important;}
.img-gal-bx{position:relative;}
.img-gal-bx > a{display:block; position:relative;}

.img-gal-bx .overlay-btn{position:absolute;right:15px;z-index:2; text-align:center!important;bottom:25px;border:#FFF 1px solid;background:transparent;color:#FFF;width:35px;text-align:center;line-height:25pt;}
.img-gal-bx .overlay-btn:hover{background:#00717c!important; color:#FFF;}
ul.news-gal{margin:15px 0 0; padding:0 0;}
ul.news-gal li{display:inline-block; margin:0 10px 0 0; padding:0 0;}
ul.news-gal li a:first-child{display:block; width:30px; line-height:28px;  border:#00717c solid 1px; text-align:center;}
ul.news-gal li a:hover,ul.news-gal li a:focus{border-color:#00717c; background:#00717c; color:#FFF!important}
ul.news-gal li a .fa{font-size:12pt;background:none!important;}
.news-card .card img{width:100%;}
.news-card .grid-item{margin-bottom:40px;}
.news-search{position:relative;margin-bottom:0!important;}
.news-search .archives_search, .news-search .archives_refresh{position:absolute;top:7px;right:30px;}
.news-search .archives_refresh{right:10px;}
.news-search .form-control{border:#DDD solid 1px!important;border-radius:0!important;font-size:14px;padding:8px 15px;height:40px !important;}
.news-search .form-control:focus{box-shadow:none;}
.news-ico{position:relative;padding-left:40px;display:inline-block;}
.news-ico:before{margin-left:-40px;margin-right:10px;float:left;vertical-align:middle;font-family:FontAwesome;background-color:#FFF;border-radius:100%;padding:4px;font-size:18px;width:50px;height:50px;line-height:45px;text-align:center;}
.ico-pdf:before{content:'\f1c1';}
.ico-img:before{content:"\f1c5";}
.ico-link:before{content:"\f0c1";}
.ico-videos:before{content:"\f16a";}
ul.news-menu li{display:inline-block;}
.sticky-wrapper{position:relative;background:#FFF;padding-bottom:10px!important;z-index:9;}
.content-box{background:#FFF;border:1px solid #DDD;z-index:0;padding:15px 17px!important;min-height:400px!important;margin-bottom:0px;}
.content-box h2{font-weight:700;padding:0px;margin:12px 0 20px;color:#ff323f;font-size:1.4rem;text-transform:uppercase;}
.content-box h5{font-size:1.2rem;}
.sub_menu{width:100%!important; border-bottom:#DDD 1px solid;}
@media (min-width:1024px) {
.sticky-wrapper{margin-top:-10px;}
}
@media (max-width:1023px){.sticky-wrapper{z-index:999!important;padding:0 0!important;}
.sticky-wrapper.is-sticky{}
.inner-content-bx{z-index:auto;}
.sub_menu{width:100%!important;}
.sticky-wrapper.is-sticky .sub_menu{width:90% !important;margin:0 auto;left:0;}
}
@media (max-width:768px){.tabs-left h1{font-size:150%;}
.sticky-wrapper{height:auto!important;}
}
/*cleints marquee*/
.cleints-panel{ width:100%; padding:0px; margin:0px; border:#dedede 1px solid;}
.cleints-panel ul{padding:0px; margin:0px auto; list-style:none; }
.cleints-panel > ul{ margin:0px; padding:0px; list-style:none; text-align:center; margin:0 auto !important; }
.cleints-panel ul li{ display:inline-block;   margin:10px; text-align:center !important;  white-space:normal; margin:0px 15px}

@media(max-width:767px) {
.section-head .view-all{margin:15px 20px 0 auto; padding:5px!important;}
.product-list .slick-arrow:first-child {left: calc(10px);}
.product-list .slick-arrow:last-child {left: calc(50px);}
.news-card .grid-item{margin-bottom:20px;}
}
.product-list .slick-arrow{position:absolute; top:-75px; width:35px; height:35px; padding:5px; cursor:pointer;z-index:1;}
.product-list .slick-arrow .fa{color:#402c92; font-size:22pt;}
.product-list .slick-arrow:first-child{right:30px;}
.product-list .slick-arrow:last-child{right:0px;}
@media(max-width:768px) {
.product-list .slick-arrow{top:-50px;}
.product-list .slick-arrow:first-child{right:auto;left:0px;}
.product-list .slick-arrow:last-child{right:0px; left:auto;}
.product-list, ul.product-list{margin:0!important;}
.products-details section  .container{background:#FFF; border:#c9c9c9 1px solid; width:calc(100% - 30px); }
.products-details section{border-bottom:0!important;padding-bottom:0px!important;}
}
@media(max-width:768px) {
.section-head .view-all{margin:10px auto 0;}
.products-details h2 + h5{font-size:90%!important; margin-top:5px;}
}
@media(max-width:640px) {
.product-list .slick-arrow:first-child{right:auto;left:0px;}
.product-list .slick-arrow:last-child{right:0px; left:auto;}
}
.product-list, ul.product-list{margin:0 -15px; padding:0 0;  position:relative;}
.product-list .slick-track, ul.product-list .slick-track{margin:0 0!important;}
.slick-slide .prod_box{ width:calc(100% - 29px)!important;}

.body-content{min-height:calc(100% - 354px);}
.body-content section:last-child{border-bottom:0!important;}
.products-details h2{color:#00717c}
.products-details h2,
.products-details h2 + h5{ font-weight:700; }
.products-details h2 + h5{font-size:14pt; color:#333}
.products-details h5{font-size:120%; margin-bottom:5px; font-weight:700;  color:#00717c;}
@media (min-width:1025px) and (max-width:1399px) {
.products-details h2 {font-size: 1.4rem!important;}}
@media(min-width:769px) {
.products-details h2{font-size:1.6rem;}
}
@media(max-width:768px) {
.products-details h2{font-size:1.2rem;}
.products-details .slick-dots{text-align:center;}
}
@media(min-width:768px) {
.products-details section:nth-child(odd) .row > div:first-child{-webkit-box-ordinal-group: 3;-ms-flex-order: 2;order: 2;}
.products-details section:nth-child(odd) .row > div:last-child{-webkit-box-ordinal-group: 3;-ms-flex-order: 1;order: 1;}
.products-details section:nth-child(even) .row > div:first-child{-webkit-box-ordinal-group: 3;-ms-flex-order: 1;order: 1;}
.products-details section:nth-child(even) .row > div:last-child{-webkit-box-ordinal-group: 3;-ms-flex-order: 2;order: 2;}
.products-details section:nth-child(even) .row > div:first-child img{margin-left:0;}
.products-details section:nth-child(odd) .container:after{left:calc(100% - 170px)!important; height:65%!important;}
.products-details section:nth-child(even) .container:after{right:calc(100% - 170px)!important; left:auto!important; height:65%!important;}
.products-details section:nth-child(even) .slick-dots{text-align:right;}
.products-details section:nth-child(even) .row > .col-lg-6:last-child,
.products-details section:nth-child(even) .row > .col-lg-7:last-child,
.products-details section:nth-child(even) .row > .col-lg-9:last-child{padding-left:30px!important}
.products-details section:nth-child(odd) .row > .col-lg-6:last-child,
.products-details section:nth-child(odd) .row > .col-lg-7:last-child,
.products-details section:nth-child(even) .row > .col-lg-9:last-child{padding-right:30px!important}
.products-details section:nth-child(even) img.position-absolute{left:auto; right:0;}
}
ul.blue-arrow-list{margin:0 0 10px; padding:0;}
ul.blue-arrow-list li{margin:0 0 0px; padding:0 0 0 25px;  display:block; background:url(images/arrow-blue.png) no-repeat left; background-position-y:0px;}
@media (min-width:1025px) and (max-width:1399px) {
/*ul.blue-arrow-list li{background-position-y:3px;}*/
}
/*CONTACT PAGE*/
.map-container iframe{width: 100%;height: 300px;border: 0px;float: left;}
.contact-list li{ margin-bottom:10px;}
.contact-list li .fa-phone{font-size:20px;}
.contact-list li .fa{color:#dc1e2b}

/*Contact page*/
.contact-form .form-group {position: relative; color: #ced4da;padding-right: 0px !important}
.form-group .icon{ position:absolute; top:7px; left:10px; color:#00004e}
.input-focus{border-bottom-color:#ccc !important;}
.custom-control-label{font-size:15px; vertical-align:top;}
.form-label{ position:absolute;z-index:0; top:9px; left:12px; font-size:15px;   transition:all 200ms ease-out;color:#646464;}
.form-label.label-focus{top:-11px;left:15px; font-size:12px;color:#00004e; background-color:#fff !important;z-index:30; padding:1px 7px; border-radius:0rem !important}
.contact-form .form-control{padding-left:20px; font-size:11pt; z-index:2; position:relative; line-height:normal; height: calc(1.9em + .5rem); border:0px !important; border-radius:0rem !important; position:relative; background-color:transparent !important; border:1px solid #ccc !important}
.contact-form .form-control:before{position:absolute; background:#fff; content:""; top:0px; bottom:0px; left:0px; right:0px;}
.contact-form textarea{height:60px !important; padding-top:15px !important}
textarea{resize:none}
.contact-form select.form-control{padding-left:10px!important;font-size:15px!important;}
ul.form-pro-intlist li{display:inline-block; vertical-align:top; margin:0 15px 10px 0}
ul.form-pro-intlist li:last-child{margin-right:0!important;}
.contact-us ul.list-unstyled li{position:relative; }
.contact-us ul.list-unstyled li span.mr-1{position:absolute; left:0; top:0px;color:#00717c;}
.contact-us .embed-responsive-21by9::before{padding-top: 38%!important;}

.contact-offices > div:nth-child(1),
.contact-offices > div:nth-child(2),
.contact-offices > div:nth-child(3){margin-bottom:0px!important;border-bottom:#DDD 1px solid;}
.contact-offices > div{border-right:#ddd 1px solid;}
.contact-offices > div:nth-child(2) + div,
.contact-offices > div:last-child{border-right:0;}


@media(min-width:767px) and (max-width:768px) {
.contact-us .embed-responsive-21by9::before{padding-top: 65%!important;}
.contact-offices > div{border-bottom:#DDD 1px solid;border-right:#DDD 1px solid!important;}
.contact-offices > div:nth-child(even){border-right:#DDD 0px solid!important;}
}
@media(min-width:769px) and (max-width:1366px) {
.contact-us .embed-responsive-21by9::before{padding-top: 60%!important;}
.contact-us ul.list-unstyled li{font-size:11pt;}
}
@media(min-width:769px) and (max-width:1280px) {
.contact-us .embed-responsive-21by9::before{padding-top: 65%!important;}
}
@media(max-width:768px) {
.contact-form .form-control{height: calc(1.4em + .5rem); }
.form-label{top:5px;font-size:13px;}
}
@media(max-width:767px) {
.contact-offices > div{border-right:0!important;border-bottom:0!important; }
.contact-offices > div > div{border-bottom:#DDD 1px solid; padding-left:0!important; padding-right:0!important;}
}
@media(max-width:640px) {
.contact-us .embed-responsive-21by9::before{padding-top: 65%!important;}
ul.form-pro-intlist li{display:block;}
.contact-us h4{font-weight:500; }
}
.vision-mission-bx{background:rgba(255,255,255,.9);}
.vision-mission-bx *{font-family:'Times New Roman'!important; font-style:italic;}
.vision-mission-bx h2{font-weight:500;}
.vision-mission-bx p, .value-list{font-size:13pt!important; line-height:1.4;}
.vision-mission-bx .row .d-lg-flex{border-bottom:#ddd 1px solid;}
.vision-mission-bx .row .border-right{border-right:#ddd 1px solid!important;}
.vision-mission-bx .row > div:last-child .d-lg-flex{border-bottom:0;}
.vision-mission-bx .values-bx{border-left:#ddd 1px solid;}
.vision-mission-bx .row .col-md-6:last-child .d-lg-flex{border-bottom:0!important;}
.about-team-list figure{display:table; margin:0 auto 15px; border-radius:100px; overflow:hidden;}
.about-team-list h5{color:#323232; font-weight:700; font-size:1.1rem; margin-bottom:0px;}

.award-list h6{color:#323232; font-weight:500; margin-bottom:0px;}
.award-list figure{-webkit-transition:all .3s ease 0s;-o-transition:all .3s ease 0s;transition:all .3s ease 0s;}
.award-list figure:hover{transition: transform 0.8s;transform-style: preserve-3d;}
@media(max-width:768px) {
.vision-mission-bx{border:#ddd 1px solid; background:#fff!important}
.vision-mission-bx .row > div:last-child .d-lg-flex{border-bottom:#ddd 1px solid;}
.vision-mission-bx .row .border-right{border-left:0!important;border-right:0!important;}
.vision-mission-bx figure img, .vision-mission-bx figure h5{display:inline-block; vertical-align:middle;}
.vision-mission-bx figure h5{margin-left:10px;}
.vision-mission-bx .row .d-lg-flex{border-right:0!important;}
.vision-mission-bx ul.value-list li{display:inline-block; vertical-align:middle; width:48%;}
}
@media(max-width:767px) {
.vision-mission-bx ul.value-list li{width:100%;}
}
ul.prod-inerested-list{margin:0; padding:0;}
ul.prod-inerested-list li{margin:0; padding:0; display:inline-block; vertical-align:top; margin-right:15px;  }
ul.prod-inerested-list li label{margin-left:6px; vertical-align:top; margin-bottom:0!important;font-size: 15px; display:inline-block; margin-top:-1px;}
ul.value-list{margin:0px 0; padding:0;}
ul.value-list li{ display:block; margin-bottom:20px; padding:0 0 0 40px; position:relative;}
ul.value-list li:before{content:''; position:absolute; left:0px; top:4px; width:20px; height:20px; background:url(images/tick-icn.png) no-repeat top left; background-size:100% 100%;  }

/*Testimonials*/
/*.testimonials-list{display:block; width:100%;}
.testimonials-list ul{margin:0px; padding:0px; list-style:none !important;  width:100%;}
.testimonials-list ul li{display:inline-block;  margin:20px; position:relative; text-align:center; }
.testimonials-list ul li img{border:1px solid #00717c; max-width:100% !important;}
.testimonials-list ul li a{display:block;}
.testimonials-list ul li a h4{font-size:18px !important;}*/
.testimonials-list{ width:100%; padding:0px; margin:0px;border: 1px solid #dedede!important; padding:20px;}
.testimonials-list ul{padding:0px; margin:0px; list-style:none;}
.testimonials-list > ul{ margin:0px; padding:0px; list-style:none; text-align:center; margin:0 auto !important; }
.testimonials-list ul li{ display:inline-block; max-width:200px;   margin:10px 20px 0px  !important; text-align:center !important;  white-space:normal; margin:0px 10px}
.testimonials-list ul li img{max-width:100%; border:1px solid rgba(0,113,124,.3);}
.testimonials-list ul li a h4{font-size:16px !important;}
.clients-testimonials h2{font-size:1.3rem !important; font-weight:500 !important;}
.testimonials-list ul li:hover img{border:1px solid #ffb22c}

.img-wrap{position:relative; display:inline-block}
.img-wrap .overlay{position:absolute; display:flex; align-items:center; justify-content:center; left:50%;top:50%;width:4em;height:4em;text-align:center;line-height:7.3em;margin:-2em;border-radius:50%;background-color:rgba(245,130,32,.80);overflow:hidden;opacity:0;-webkit-transform:scale(.2);-ms-transform:scale(.2);-o-transform:scale(.2);transform:scale(.2);-webkit-transition:all .7s;-o-transition:all .7s;transition:all .7s;z-index:2}
.img-wrap .overlay i{color:#fff !important; font-size:18px;}
.testimonials-list ul li:hover .overlay{opacity:1;-webkit-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1);}

@media(max-width:767px) {
    .clients-testimonials h2{font-size:1rem !important;}}

.vid-abt{position:absolute;top:0;left:0;width:calc(50% - 15px);height:100%;max-width:959px;}
.vid-abt img{border:0 !important; max-width:120px;}
.vid-abt > a{text-align:center;color:#fff;font-size:25px; text-shadow:1px 1px #252525;font-weight:700;}


.vid-abt1 {
    position: absolute;
    top: 0;
    left: 0;
    width: calc(50% - 15px);
    height: 100%;
    max-width: 159px;
    text-align: center;
    margin: auto 150px;
}
.vid-abt1 img{border:0 !important; max-width:120px;}
.vid-abt1 > a{text-align:center;color:#fff;font-size:25px; text-shadow:1px 1px #252525;font-weight:700;}

/*.hlf-panel .container{display:-webkit-box; display:flex;align-items:flex-end;justify-content:center;min-height:500px;flex-direction:column;}*/
.hlf-bg{position:absolute;width:calc(50% - 15px);height:100%;top:0;display:table-cell;vertical-align:middle;min-height:500px;}
.hlf-panel-rht{background-repeat:no-repeat;background-size:50% auto;background:#f2f2f2;background-position:right center;}
.hlf-panel-rht .hlf-bg{right:0;min-height:450px;}
.hlf-panel-rht .col-lg-6{float:left;padding:6% 6% 6% 0px;display:table-cell;vertical-align:middle;flex-direction:column;align-self:stretch;}
.hlf-panel-lft{background-repeat:no-repeat;background-size:50% auto;background-position:left center;min-height:550px;display:flex; flex-wrap:wrap; align-items:center;}
.hlf-panel-lft .hlf-bg{left:0;}
.hlf-panel-lft .col-lg-6{display:table-cell;vertical-align:middle;padding:4% 0px 4% 4%;height:100%;}
.corporate-vid-bg{background:url(images/pic-corporate-video.jpg) no-repeat center; background-size:cover;}

@media(min-width: 992px) and (max-width:1280px){
    .hlf-panel-lft{min-height:480px;}
}

@media(max-width: 992px){
    .hlf-panel-lft{min-height:10px;}
}

input.btn-blue {
    background: #45979f;
    color: #fff!important;
    padding: 10px 15px;
    display: table;
    font-weight: 700;
    font-size: 11pt;
    text-transform: uppercase;
    line-height: normal;
    border: none;
}