body {margin: 0; padding: 0;}
body, table, input, textarea, select {font-family: 'Montserrat', sans-serif; font-size: 14px; font-weight: 400; color: #6d6e72;}

a {color:#00abb5; text-decoration: underline;}
a:hover, a:focus {color: #000; text-decoration: none; outline:none;}
a, input, textarea, button {transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; outline:none !important;}

.row.no-gutters {margin-right: 0;margin-left: 0;}
.row.no-gutters > [class^="col-"],.row.no-gutters > [class*="col-"] { padding-right: 0; padding-left: 0;}

textarea {resize: none;}

header .header-top #logo {margin:30px 0;}
header .header-bottom {background-color: #55c5d1; position: relative; z-index: 99;}

#mobile-menu-icon {display:none; position:absolute; right:15px; top: 0; width:30px; height:30px; z-index: 9999;}
#mobile-menu-icon span, #mobile-menu-icon span:before, #mobile-menu-icon span:after {width: 30px; height:2px; background-color: #6E6F71; display: block; position: absolute; top: 7px; transition: all 0.3s;}
#mobile-menu-icon span:before {content: ''; top: -7px;}
#mobile-menu-icon span:after {content: ''; top: 7px;}
#mobile-menu-icon.active span {background-color: transparent;}
#mobile-menu-icon.active span:before {-webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); transform: rotate(45deg); top: 0;}
#mobile-menu-icon.active span:after {-webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); transform: rotate(-45deg); top: 0;}

#main-menu ul {margin:0; padding:0; list-style-type:none; width: 100%;}
#main-menu ul li {position:relative;}
#main-menu > ul > li:first-child:after, #main-menu ul li.enquiry:after {display: none;}
#main-menu ul li:first-child {margin-left: 0;}
#main-menu ul li a {color:#fff; padding:10px 52px; text-transform: uppercase; display:block; font-size1:93%; font-weight:700; text-decoration: none; border-left: 1px solid #ffffff;}
#main-menu ul li:first-child a{border-left: none;}
#main-menu ul li:hover>a{background-color: #6e6f71;}
#main-menu ul li a.dark-bg {background-color: #6e6f71;}
#main-menu ul li a .icon {width: 26px; height: 26px; display: inline-block;}
#main-menu ul li.active > a {font-weight: 500; background-color: #2cb7ca;}


#main-menu ul li ul{ margin:0; opacity:0; visibility:hidden; position:absolute; z-index:10; width:200px; top:65px; background:#ffffff; transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -moz-box-shadow:0px 5px 43px 0px rgba(0, 0, 0, 0.27); -webkit-box-shadow:0px 5px 43px 0px rgba(0, 0, 0, 0.27); box-shadow:0px 5px 43px 0px rgba(0, 0, 0, 0.27);}
#main-menu ul li.submenu-one:hover>ul{ opacity:1; visibility:visible; top:40px;}
#main-menu ul li ul li{ margin:0; float:none; position:relative;}
#main-menu ul li ul li a {background-color: #fff; color:#8c8c8c; font-weight: normal; text-transform:none; padding:10px 14px; margin:0;  text-decoration: none;}
#main-menu ul li ul li a:hover{color: #44b8c4;}
#main-menu ul li ul li:hover > a {background-color: transparent;}
#main-menu ul li ul li ul{ opacity:0; visibility:hidden; position:absolute; width:200px; top:0; left:220px;}
#main-menu ul li ul li ul li {font-size: 100%;}
#main-menu ul li ul li:hover>ul{opacity:1; visibility:visible; top:0; left:200px;}


#main-menu ul li.product-menu{position: inherit;}
#main-menu ul li.product-menu a{position: inherit;}
#main-menu ul li.product-menu .sub-menu-wrap{ opacity:0; visibility:hidden;  position:absolute; width: 100%; top:80px; left:0; right:0; z-index:9; padding:40px 35px 20px; background-color:#fff;transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out;  -moz-box-shadow:0px 5px 43px 0px rgba(0, 0, 0, 0.27); -webkit-box-shadow:0px 5px 43px 0px rgba(0, 0, 0, 0.27); box-shadow:0px 5px 43px 0px rgba(0, 0, 0, 0.27);}
#main-menu ul li.product-menu .sub-menu-wrap:before{content: "";background:url(../images/arrow.png) no-repeat 0 0; width: 25px; height:25px; position: absolute; left:220px; top: -11px;}
#main-menu ul li.product-menu:hover>.sub-menu-wrap{ opacity:1; visibility:visible; top:55px;}
#main-menu ul li.product-menu .sub-menu-wrap ul{ margin-bottom:35px; visibility:hidden; opacity:0; top:0; background:none; border-bottom:none; box-shadow:none; position:relative; width:auto;}
#main-menu ul li.product-menu .sub-menu-wrap ul.mb0{margin-bottom: 0;}
#main-menu ul li.product-menu:hover .sub-menu-wrap ul{ visibility:visible; opacity:1;}
#main-menu ul li.product-menu .sub-menu-wrap ul li{ float:none; border-bottom:none; margin:10px 0; }
#main-menu ul li.product-menu .sub-menu-wrap ul li img{ display:inline-block;}
#main-menu ul li.product-menu .sub-menu-wrap ul li a{ font-size:100%; border-bottom: none; color:#8c8c8c; padding:0; display:inline-block; text-decoration: none;}

#main-menu ul li.product-menu .sub-menu-wrap ul li a:hover{color:#44b8c4; text-decoration: underline;}
#main-menu ul li.product-menu .sub-menu-wrap ul li:hover{ background-color:transparent;}
#main-menu ul li.product-menu .sub-menu-wrap ul li:hover > a{ background-color:transparent;}
#main-menu ul li.product-menu .sub-menu-wrap .comp-logo{ float:left;}
#main-menu ul li.product-menu .sub-menu-wrap .last-block{ border-right:none;}
#main-menu ul li.product-menu .sub-menu-wrap .last-block ul{ margin:0; }
#main-menu ul li.product-menu .sub-menu-wrap .last-block ul.half-list li{width: 50%; float: left; margin: 10px 0 0 0;}
#main-menu ul li.product-menu .sub-menu-wrap .last-block ul.half-list li.blank{clear: both; width: 100%; }
#main-menu ul li.product-menu .sub-menu-wrap .last-block ul li.highlight{margin:0;}
#main-menu ul li.product-menu .sub-menu-wrap ul li.highlight a{ font-size:121%; font-weight:700; color:#000; text-transform:uppercase;}
#main-menu ul li.product-menu .sub-menu-wrap .common-block h3{font-size: 121%; font-weight: 700; color: #000; text-transform: uppercase; margin: 0; padding-bottom:20px; border-bottom: 1px solid #989898;}

#mobile-menu ul li.product-menu .sub-menu-wrap{display: none;}
#mobile-menu ul li.product-menu .sub-menu-wrap .common-block{padding: 0;}
#mobile-menu ul li.product-menu .sub-menu-wrap .common-block h3{position: relative; cursor: pointer; background-color:#55c5d1; color: #fff; margin: 0; padding: 12px 30px; font-weight: 400; font-size: 14px; border-bottom:1px solid #ddd;}
#mobile-menu ul li.product-menu .sub-menu-wrap .common-block h3:hover{background-color:#6e6f71;}
#mobile-menu ul li.product-menu .sub-menu-wrap .submenu {position:absolute; width:42px; height:42px; right:0; top:1px; display:block;  cursor:pointer; -moz-transition:transform 0.3s ease-in-out;  -webkit-transition:transform 0.3s ease-in-out;  transition:transform 0.3s ease-in-out;}
#mobile-menu ul li.product-menu .sub-menu-wrap .submenu:before,#mobile-menu ul li.product-menu .sub-menu-wrap .submenu:after{ content:""; background-color:#fff; display:block;  -moz-transition:transform 0.3s ease-in-out;  -webkit-transition:transform 0.3s ease-in-out;  transition:transform 0.3s ease-in-out;}
#mobile-menu ul li.product-menu .sub-menu-wrap .submenu:before{ width:1px; height:15px; position:relative; left:20px; top:12px;}
#mobile-menu ul li.product-menu .sub-menu-wrap .submenu:after{ width:15px; height:1px; position:relative; left:13px; top:4px;}
#mobile-menu ul li.product-menu .sub-menu-wrap .common-block h3.active .submenu:before { transform:rotate(-90deg);}
#mobile-menu ul li.product-menu .sub-menu-wrap .common-block h3.active .submenu:after { display:none;}
#mobile-menu ul li.product-menu .sub-menu-wrap .common-block ul li a{padding:12px 40px;}
#mobile-menu ul li.product-menu .sub-menu-wrap .common-block ul li.blank{display: none;}

/* Mobile Menu */
#mobile-menu {display: none;}
#mobile-menu ul {margin:0; padding: 0; list-style: none; float: none;}
#mobile-menu ul li {float: none; padding:0; margin:0; border:none; position:relative; border-bottom:1px solid #fff;}
#mobile-menu ul li a {padding:12px 20px; display:block; color:#fff; font-weight:400; background-color:#55c5d1; text-decoration: none;}
#mobile-menu ul li ul li a {color:#fff; font-size:90%; text-decoration:none;}
#mobile-menu ul li.active ul li a {color: #fff;}
#mobile-menu ul li ul li a:hover {color: #fff;}
#mobile-menu ul li > a:hover, #mobile-menu ul li.active > a, #mobile-menu ul li a:hover {color:#fff; border-bottom:none; background-color:#6e6f71;}
#mobile-menu ul li.changebg > a {background-color: #6e6f71; color:#fff;}
#mobile-menu ul li:hover > a {border-bottom:none;}
#mobile-menu ul li a .submenu {position:absolute; width:42px; height:42px; right:0; top:1px; display:block;  cursor:pointer; -moz-transition:transform 0.3s ease-in-out;  -webkit-transition:transform 0.3s ease-in-out;  transition:transform 0.3s ease-in-out;}
#mobile-menu ul li a .submenu:before,#mobile-menu ul li a .submenu:after{ content:""; background-color:#fff; display:block;  -moz-transition:transform 0.3s ease-in-out;  -webkit-transition:transform 0.3s ease-in-out;  transition:transform 0.3s ease-in-out;}
#mobile-menu ul li a .submenu:before{ width:1px; height:15px; position:relative; left:20px; top:12px;}
#mobile-menu ul li a .submenu:after{ width:15px; height:1px; position:relative; left:13px; top:4px;}
#mobile-menu ul li.changebg>a>.submenu:before { transform:rotate(-90deg);}
#mobile-menu ul li.changebg>a>.submenu:after { display:none;}

#mobile-menu ul li > ul{ padding:0; border:none;}
#mobile-menu ul li.submenu-one:hover > ul{ top:0;}
#mobile-menu ul li.submenu-one ul{margin-bottom: -1px;}
#mobile-menu ul li ul,#mobile-menu ul li:hover>ul,#mobile-menu ul li ul li ul,#mobile-menu ul li ul li:hover>ul{ width:auto; display:none; opacity:1; position:relative; left:0; top:0; visibility:visible; transition:none; box-shadow:none;}
#mobile-menu ul.mob-view{display: block;}
#mobile-menu ul.mob-view ul li a{padding:12px 30px; }
#mobile-menu ul li ul li a{ padding:12px 30px;}
#mobile-menu ul li ul li ul li a{padding:12px 40px;}
#mobile-menu ul li ul li{ border-bottom:1px solid #ddd;}

/*location menu */
.location-menu{float: right; margin-left: 0;}
.logo-container{float: right; margin-top: 35px;}
.logo-container ul{margin: 0; padding: 0; list-style:none;}
.logo-container ul li{display: inline-block; vertical-align: top; margin:0 9px;}

.country-list{position: relative;width: 285px; }
.map-info{ text-align: right; padding:20px 43px 20px 35px; position: relative; margin1: 0 0 0 15px;}
.map-info .flag-icon{position: absolute; left: 0; top:42px;}
.map-info .flag-icon img{border:1px solid #e5e5e5;}
.map-info .flag-icon.disabled img{ -webkit-filter: grayscale(100%);filter: grayscale(100%);}
.map-info .number{font-weight: 500; margin-bottom:3px;}
.map-info a{color: #00abb5; font-weight: 500; text-decoration: none;}
.map-info .fa{position: absolute; right:5px; z-index: 101; width:25px; height:25px; top:45px; text-align: center; line-height: 25px; cursor: pointer; font-size: 117%;}
.map-info.active .fa{transform:rotate(180deg);}
.dropdown-item{margin: 0; width: 100%; padding:10px 15px 0; list-style: none; opacity: 0; visibility: hidden; position: absolute; z-index: 100; top:100px; background: #fff; border: 1px solid #e5e5e5; border-top: none;  transition: all 0.3s;}
.dropdown-item.active{opacity: 1; visibility: visible; top: 0;}
.dropdown-item .map-info{padding:20px 25px 20px 35px; margin:0;border-top:1px solid #e5e5e5;}
.dropdown-item .map-info:first-child{border-top:none;}
.dropdown-item .map-info .flag-icon{top:22px;}
.map-info .time{color: #00abb5;}
.map-info .time-zone{color: #00abb5;}
.dropdown-item .map-info.disabled .flag-icon img{ -webkit-filter:saturate(0%);filter: saturate(0%);}
.dropdown-item .map-info.disabled{opacity: 0.4;}
.dropdown-item .map-info.email{margin: 0 -15px; padding: 0;}
.dropdown-item .map-info.email a{padding: 10px; display: block; background:#eb2029; color: #fff; text-align: center; font-weight: 500; text-decoration: none;}

.sprite {background-image: url('../images/sprite.png'); background-repeat: no-repeat; display: inline-block; vertical-align: middle;}


/* footer */
footer{}
footer #top{background-color: #e9e9e9; padding: 60px 0 45px 0;}
footer #top .first-block{text-align: center;}
footer #top .block{margin-right: 40px;}
footer #top .block h5{font-family: 'PT Sans', sans-serif; color:#77a2a8; font-size: 115%; font-weight:700; text-transform: uppercase; margin-bottom: 25px; position: relative;}

footer #top .info p{font-weight: 500; color: #6e6f71; margin: 0;}
footer #top .info a{font-weight: 500; color: #00abb5; text-decoration: none;}
footer #top .info a:hover{color:#000;}
footer #top ul{margin: 0; padding: 0; list-style: none;}
footer #top ul li{padding-bottom:7px; padding-left:15px; position: relative;}
footer #top ul li:before{content: ""; width: 4px; height: 4px; display: inline-block; background: #6b6c6e; border-radius: 5px; position: absolute; left: 0; top:8px;}
footer #top ul li a{font-family: 'PT Sans', sans-serif; color: #6b6c6e;text-decoration: none;}
footer #top ul li a:hover{color: #000;}

footer .copyright{padding: 18px 0;}
footer .copyright p{font-family: 'PT Sans', sans-serif; text-align: center; font-size: 114%; margin: 0;}

footer #top .block h5 .plus-icon{position: absolute; right: 0; top: 0;display:none; width: 36px; height:36px; background-color:#d0d0d0;}
footer #top .block h5 .plus-icon:before,footer #top .block h5 .plus-icon:after{ content:""; background-color:#fff; display:block;  -moz-transition:transform 0.3s ease-in-out;  -webkit-transition:transform 0.3s ease-in-out;  transition:transform 0.3s ease-in-out;}
footer #top .block h5 .plus-icon:before{ width:1px; height:15px; position:relative; left:17px; top:10px;}
footer #top .block h5 .plus-icon:after{ width:15px; height:1px; position:relative; left:10px; top:2px;}
footer #top .block h5.active>.plus-icon:before { transform:rotate(-90deg);}
footer #top .block h5.active>.plus-icon:after { display:none;}
footer #top .block h5.active .plus-icon{background-color: #6e6f71;}

#totop {bottom: -45px;cursor: pointer;display: block;height: 40px; line-height: 45px; padding: 0;position: fixed; right:10px;width: 40px; z-index:9; background: #55C5D1; text-align: center; border-radius: 50%;}
#totop i{color: #fff;}
#totop:hover{ background-color:#6E6F71;}


#cookie-notice{position:fixed; bottom: 0; opacity: 0; padding: 30px; background-color: #fff; z-index: -1;}
#cookie-notice.animated.fadeInUp{z-index: 99;}
#cookie-notice a{text-decoration: none;}
#cookie-notice .btn{ float: right; border-radius:3px 3px 3px 3px; font-weight: 600; background-color: #218795; color:#fff; padding: 5px 30px; font-size: 12px;  transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; text-decoration: none;}
#cookie-notice .btn:hover{background-color: #6e6f71;}

.social-media{margin: 30px auto;}
.social-media a{display: inline-block; vertical-align: middle; border-radius: 5px; width: 30px; cursor: pointer; height: 30px; position: relative; background: #0073b1; text-decoration: none;}
.social-media a i{font-size:14px;line-height: 30px;}
.social-media a i:before {color:#ffffff; font-size: 1.5em;}
.social-media a:hover i:before{color: #fff;}