.clear { clear: both }
.clear_l { clear: left }
.fl { float: left }
.fr { float: right }
.pa { position: absolute}
.pr { position: relative}
.pf { position: fixed}
.mr { margin: 0 auto}
.dn { display: none }
.db { display: block }
.di { display: inline }
.dib { display: inline-block}
.oh{overflow: hidden}
.text-center{text-align: center}
a{ text-decoration: none; transition: all .3s ease 0s; color: #4c4c4c}
a:focus{outline:none}
ul, ol { margin-bottom: 0}
li, li:hover, a:hover { transition: all .3s ease 0s; }
figure{position: relative}
a:focus, a:active,
button::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
select::-moz-focus-inner,
input[type="file"] > input[type="button"]::-moz-focus-inner {
  outline: none !important;
}
select:-moz-focusring { color: transparent; text-shadow: 0 0 0 #000}

@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,400i,600,700&display=swap');
@keyframes loader2{
    0%{transform:rotate(0deg);}
    100%{transform:rotate(360deg);}
}
/**********************************/
/* KEYFRAME ANIMATION DEFINITIONS */
/**********************************/
@keyframes slowFlip {
  0% {
    transform: rotateX(0deg);
  }
  40% {
    transform: rotateX(180deg);
  }
  100% {
    transform: rotateX(180deg);
  }
}
@keyframes flipHoz {
  0% {
    transform: rotateY(0deg);
  }
  40% {
    transform: rotateY(180deg);
  }
  100% {
    transform: rotateY(180deg);
  }
}
@keyframes fade {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes flipDelay {
  0% {
    transform: rotateX(0deg);
    transform-origin: 0 0 0;
    opacity: 1;
  }
  30% {
    transform: rotateX(90deg);
    transform-origin: 0 0 0;
    opacity: 0;
  }
  40% {
    transform-origin: 0 0 0;
  }
  60% {
    transform: rotateX(90deg);
    opacity: 0;
    transform-origin: 0 100% 0;
  }
  90% {
    transform: rotateX(0deg);
    opacity: 1;
    transform-origin: 0 100% 0;
  }
}
@keyframes slideDown {
  0% {
    transform: rotateX(0deg);
  }
  50% {
    transform: rotateX(90deg);
  }
}
@keyframes slideBoth {
  0% {
    transform: rotateX(0deg);
  }
  100% {
    transform: rotateX(360deg);
  }
}
/*Loader CSS Ends Here*/
/* Site Tour */
.site-tour{background: rgba(0,0,0,.75);width: 100%;height: 100%;left: 0;top: 0;z-index: 999999}
.tool-tip-wrap, .tool-tip-wrap2{width: 300px;overflow:visible;}
.tool-tip-wrap2{right: 120px;bottom:5%}
.tool-tip-wrap3{left: 0;right: 0;width: 300px;top: 470px;}
.tool-tip-1, .tool-tip-2, .tool-tip-3{background: #fff;width: 300px;overflow: visible;border:#4ba6df 2px solid;padding: 10px;border-radius:5px;}
.tool-tip-1{margin:60px auto 10px;right: 0;left: 0}
.tool-tip-2{margin:20px auto 10px;}
.tool-tip-2 span.up-arr{border-left-color:#fff;border-bottom-color:transparent;right: -16px;top: 40px}
.tool-tip-3{margin-bottom: 10px}
span.up-arr{width: 0;height: 0;border: 8px solid transparent;border-bottom-color:#fff;display: block;top: -16px}
.tool-tip-1 p, .tool-tip-2 p, .tool-tip-3 p{color: #666;font-size: 13px;line-height: 15px}
a.tour-btn{float:right;display: inline-block;padding:7px 20px;color:#fff;border-radius: 20px;background: #4ba6df;font-size: 14px;text-align: center;margin:0 5px;}
/*Common*/
em {font-style: italic; }
a[href^=tel] { text-decoration: none!important }
header{width: 100%;/*height:80px;*/position: fixed;top: 0;background: #fff;z-index: 99999;/* border-bottom: 1px solid #f4f4f4;box-shadow:rgba(0, 0 ,0, .2) 0px 0px 4px 0px */}
header .innerwrap{max-width: 1212px;margin: 0 auto;position: relative;}
header .hdr-wrap{padding-top: 25px;overflow: hidden;}
header .hdr-outer{width: 100%;height:120px;top: 0;background: #fff;z-index: 99999;box-shadow:rgba(0, 0 ,0, .2) 0px 0px 4px 0px}
main{max-width: 1264px;width: 100%;overflow: hidden;margin:0px auto 0;display: block;}
.gray{background: #f4f4f4}
.innerwrap{max-width: 1185px;margin: 0 auto;position: relative;}
.wrap{padding:30px 0 40px}
.container{padding-left: 15px;padding-right: 15px;}
.row{margin-left: -15px;margin-right: -15px;}
.container-fluid{max-width: 1264px;width:100%;margin: 0 auto}
.sprite{background: url('../img/sprite.png') no-repeat;}
.logo{width: 167px;

height: 60px;

margin-top: 18px;

z-index: 1;

padding-top: 0px;}
.iam-ineed{width: 455px;left: 0;right: 0;margin-left: auto;margin-right: auto;z-index: 1;top: 24px;}
.iam-ineed span{display: inline-block;color: #1f1f1f;font-size: 1.1em;font-weight: 500;text-transform: uppercase;line-height: 13px;vertical-align: top;padding-top: 1px;}
.iam-ineed .sel-wrap1, .iam-ineed .sel-wrap2{/* background: url('../img/sel-arrow.png') no-repeat right 5px; */width: 50%;float: left;}
/* .iam-ineed .sel-wrap1{margin-right: 30px} */
/* .iam-ineed .sel-wrap2{width:135px; } */


/****selectbox change code****/
.desk-header .sel-wrap1, .desk-header .sel-wrap2 {
    float: left;
}
.desk-header .sel-wrap1 {    width: calc(40% - 2%);    margin-right: 2%;}

.desk-header .sel-wrap2 {    width: 55%;}
.select-user-label label{color:#1f1f1f;font-size: 1.1em}
.desk-header .sel-wrap2 .sel-wrap{width: 180px}
.sel-wrap select,.sel-wrap option.selected{width: 120px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.desk-header .sel-wrap1 select,.desk-header .sel-wrap2 select {outline: none; margin: 0;  width: 100%;  -webkit-appearance:none;  padding: 0 20px 0 5px;  white-space: nowrap;  overflow:hidden;  text-overflow: ellipsis;}
.sel-wrap{background: url('../img/sel-arrow.png') no-repeat 95% 5px;float: left;width: 150px}
.desk-header .select-user-label::before, .desk-header .select-user-label::after {    display: table;    clear: both;    content: "";}

.desk-header .select-user-label{ overflow: hidden; font-size: 1.1em;color: #1f1f1f;float: left;text-transform: uppercase;font-weight: 500;line-height: 13px;}

/****selectbox change code****/

.head-selectBox-container {
    display: inline-block;
    vertical-align: top;
}

.head-selectBox-container:first-child .dib {
    margin-right: 30px;
}

.head-selectBox-container .dib {
    width: 125px;
}

.iam-ineed select{border:none;background: none;width: 112%;font-size: 1.1em;font-weight: 300;text-transform: uppercase;outline: none;color: #1f1f1f}
.hdr-line{right: 0;top:58px;text-align: right;height: 1px;width: 79%;background-position: 0px -314px;}
.select-wrap {width: auto;vertical-align: middle;}
.user-select {height: auto;left: 0;right: 0;top: 25px;margin-left: auto;margin-right: auto;width: 190px;z-index: 99999;}
.user-select p {font-size: 11px;color: #000;text-transform: uppercase;font-weight: 600;}
.user-select p span {margin-left: 9px;font-weight: 300;}
.user-select p span::after {content: url('../img/sel-arrow.png');margin-left: 7px;width: 16px;height: 11px;}
.select-options {width: auto;background: #fff;text-align: left;margin: 10px 0px 0px 30px;border: 1px solid #c7c7c7;}
.select-options ol {width: auto;}
.select-options ol li {line-height: 20px;vertical-align: middle;list-style-type: none;border-bottom: 1px dotted #c7c7c7;}
.select-options ol li:last-child {border-bottom: none;}
.select-options ol li a {text-decoration: none;font-size: 11px;text-transform: uppercase;color: #000;padding:7px 5px;display: inline-block;width: 100%;transition: all .3s ease-in-out;}
.select-options ol li:hover a {transition: all .3s ease-in-out;color: #fff;margin-left: 5px;}
.select-options ol li:hover {background: #ec2028;transition: all .3s ease-in-out;color: #fff;}
.looking-for-select {height: auto;left: 360px;right: 0;top: 25px;margin-left: auto;margin-right: auto;width: 220px;z-index: 99999;}
.looking-for-select p {font-size: 11px;color: #000;text-transform: uppercase;font-weight: 600;}
.looking-for-select p span {margin-left: 9px;font-weight: 300;}
.looking-for-select p span::after {content: url('../img/sel-arrow.png');margin-left: 7px;width: 16px;height: 11px;}
.looking-for-options {width: auto;background: #fff;text-align: left;margin: 10px 0px 0px 50px;border: 1px solid #c7c7c7;}
.looking-for-options ol {width: auto;}
.looking-for-options ol li {line-height: 20px;vertical-align: middle;list-style-type: none;border-bottom: 1px dotted #c7c7c7;}
.looking-for-options ol li:last-child {border-bottom: none;}
.looking-for-options ol li a {text-decoration: none;font-size: 11px;text-transform: uppercase;color: #000;padding:7px 5px;display: inline-block;width: 100%;transition: all .3s ease-in-out;}
.looking-for-options ol li:hover a {transition: all .3s ease-in-out;color: #fff;margin-left: 5px;}
.looking-for-options ol li:hover {background: #ec2028;transition: all .3s ease-in-out;color: #fff;}
ul.social-links li.fb,ul.social-links li.tw, ul.social-links li.gplus, ul.social-links li.yt,ul.social-links li.in,ul.social-links li.insta{margin: 0 2px;width: 20px;height: 17px;display: inline-block;}
ul.social-links li.fb{background-position: 5px 0}
ul.social-links li.fb:hover{background-position: 5px -18px}
ul.social-links li.tw{background-position: -17px 0}
ul.social-links li.tw:hover{background-position: -17px -18px}
ul.social-links li.gplus{background-position: -41px 0}
ul.social-links li.gplus:hover{background-position: -41px -18px}
ul.social-links li.yt{background-position: -65px 0}
ul.social-links li.yt:hover{background-position: -65px -18px}
ul.social-links li.in{background-position: -89px 0}
ul.social-links li.in:hover{background-position: -89px -18px}
ul.social-links li.insta{background-position: -113px 0}
ul.social-links li.insta:hover{background-position: -113px -18px}
ul.social-links{overflow: hidden;position: absolute;right:9px;top:24px}
ul.social-links li{display: inline-block;}
ul.social-links li a{display: block;width: 100%;height: 100%}
/* Global nav */
ul.global-nav{text-align: right;top:55px;width: 100%;z-index: 999;right:9px;}
ul.global-nav li{/* padding:10px 0 18px;*/text-transform: uppercase;font-size: 1.2em;display: inline-block;margin: 0 10px;}
ul.global-nav li:last-child{margin: 0;}
ul.global-nav li a{display: block;color:000;text-decoration: none;text-align: center;position: relative;padding:44px 0px; font-size:15px;}
ul.global-nav li a:hover,
ul.global-nav li.active  a.mm-title,
ul.global-nav li a.mm-title.active{color: #856c3f;}
ul.global-nav li .mega-menu{
  position: absolute;
  left: 0;
  top:30px;
  width: 100%;
  max-width: 1210px;
  display: none;
  box-shadow:0px 7px 9px -3px rgba(0, 0, 0, .3);
  -moz-box-shadow:0px 7px 9px -3px rgba(0, 0, 0, .3);  z-index:2;
}
ul.global-nav li.active .mega-menu{
    z-index: 9;
    top:30px;
    position: absolute;
    display:block;
}
#header-search .search-close {position: absolute;display: none;top: -10px;right: 6px;font-weight: 600;}
.mega-menu ul{background: #fff;overflow: hidden;display: flex;display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;justify-content: space-evenly;}
.mega-menu ul li {list-style-type: none;padding: 25px 14px;width: 20%;vertical-align: top;}
.mega-menu ul > li:hover{box-shadow:rgba(0, 0 ,0, .2) 0px 6px 10px}
.mega-menu ul li a {text-decoration: none;padding: 0px;margin: 0px;}
.mega-menu ul li a span.mega-menu-inner-block {width: 100%;/*height: 210px;*/border-bottom: 1px solid #cacaca;text-align: center;float: left;transition: all .3s ease-in-out;}
.mega-menu ul li a span.mega-menu-inner-block h4 {
	font-size: 11px;
	color: #3c3c3c;
	text-transform: uppercase;
	line-height: 18px;
	transition: all .3s ease-in-out;
	margin-bottom: 14px;
	font-weight: 600 !important;
	font-family: 'Open Sans', sans-serif;
}
.mega-menu ul li a span.mega-menu-inner-block:hover h4 {color: #856c3f;transition: all .3s ease-in-out;}
.mega-menu ul li a span.mega-menu-inner-block img {width: 100%;height: auto;border: 1px solid #e4e4e4;position: relative;}
.mega-menu ul li a span.mega-menu-inner-block figure {position: relative;width: 100%;height: auto;overflow: hidden;}
.mega-menu ul li a span.mega-menu-inner-block figure::before {position: absolute; top: 0;    left: -75%;    z-index: 2;    display: block;    content: '';    width: 50%;
    height: 100%;
    background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
    background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
    -webkit-transform: skewX(-25deg);
    transform: skewX(-25deg);
}
.mega-menu ul li a span.mega-menu-inner-block:hover figure::before {
    -webkit-animation: shine .75s;
    animation: shine .75s;
}
/* #products-section ul.prod-mm-list{width: 100%;padding-top: 10px;} */
#products-section ul.prod-mm-list{width: 100%; margin-top:-22px; border: #e8e8e8 1px solid;}
#products-section ul.prod-mm-list li {display: inline-block;list-style-type: none;width: auto;padding: 0;margin: 0}
#products-section ul.prod-mm-list li:hover{box-shadow: none}
#products-section ul.prod-mm-list li a {text-transform: uppercase;font-size: 12px;color: #fff;line-height: 18px;padding:10px 15px;}

#products-section1 ul.prod-mm-list{width: 100%; margin-top:-22px; border: #e8e8e8 1px solid;}
#products-section1 ul.prod-mm-list li {display: inline-block;list-style-type: none;width: auto;padding: 0;margin: 0}
#products-section1 ul.prod-mm-list li:hover{box-shadow: none}
#products-section1 ul.prod-mm-list li a {text-transform: uppercase;font-size: 12px;color: #fff;line-height: 18px;padding:10px 15px;}

/*#products-section ul li a:hover {color: #4ba6df;}*/
/* #products-section ul.prod-mm-list:hover .sub-mega-menu {display: block;} */
.sub-mega-menu {width: 100%;/* display: block; */background: #fff;width: 100%;position: absolute;left: 0;top:-22px;border: 1px solid #ededed;padding: 15px;box-shadow: 0px 3px 5px rgba(0, 0, 0, .2)}
.sub-mm-left {width: 35%;height: auto;padding:0px 25px;}
.sub-mm-left h2 {font-size: 15px;line-height: 25px;color: #6e6e6e;text-align: left;text-transform: capitalize;font-weight: 300;}
.sub-mm-left a {transition: all .3s ease-in-out;}
.sub-mm-left a span {width: 6px;height: 9px;background-position: -137px -13px;margin-left: 10px;transition: all .3s ease-in-out;}
.sub-mm-left a span:after {content: '';width: 0;height: 0;border-style: solid;border-width: 4px 0 4px 7px;border-color: transparent transparent transparent #856c3f;line-height: 0px;
    _border-color: #000000 #000000 #000000 #856c3f;
    _filter: progid:DXImageTransform.Microsoft.Chroma(color='#000000');position: absolute;top: 15px;transition: all .3s ease-in-out;}
@-webkit-keyframes shine {
    100% {

        left: 90%;
    }
}
@keyframes shine {
    100% {
        left: 90%;
    }
}
.mega-menu ul li a span.mega-menu-inner-block p {margin-top: 10px;text-align: left;font-size: 12px;color: #474646;line-height: 18px;text-transform: none;}
ol.mega-menu-sub-links {width: 100%;padding: 20px 0px 0px;}
ol.mega-menu-sub-links li {list-style-type: none;margin:0px 0px 15px 0px;width: 100%;padding: 0px;}
ol.mega-menu-sub-links li a {text-transform: uppercase;text-decoration: none;font-size: 12px;color: #242424;transition: all .3s ease-in-out;text-align: left;}
ol.mega-menu-sub-links li a:hover {text-decoration: none;transition: all .3s ease-in-out;}
.search{margin: 0 10px 0 8px}
span.search-ico{width: 15px;height: 15px;background-position: -148px 0;position: absolute;left: 0;top: 8px}
a.btn-highlight{background: #41c7ca;color: #fff!important;border-radius:20px; padding: 10px 16px!important;transition: all .3s ease-in-out;}
a.btn-highlight:hover {background: #7aa5f4;transition: all .3s ease-in-out;}

/*=== by saif */

/* search bar */
.search-wrap{
    display: block;
    text-decoration: none;
    position: relative;
    padding: 10px 20px;
}
.search-wrap input[type=search] {
  -webkit-appearance: textfield;
  -webkit-box-sizing: content-box;
  font-family: inherit;
  font-size: 14px;
  color: #000;
  outline: none;
  border:none;
}
.search-wrap input::-webkit-search-decoration,
.search-wrap input::-webkit-search-cancel-button {display: none;}
.search-wrap input[type=search] {
  outline: none;
  background-position: -1080px 0px;
  width: 0px;
  height: 20px;
  position: absolute;
  right: -8px;
  top: 5px;
  -webkit-transition: all .5s;
  -moz-transition: all .5s;
  transition: all .5s;
  padding-left: 20px;
  margin-right: 20px;
}
.search-wrap input[type=search]:focus {
  outline: none;
  width: 500px;
  background-color: #fff;
  border-bottom: 2px solid #eee;
  padding-left: 30px;
}
.search-wrap input[type=search]::placeholder {}
/*#header-search .search-close {position: absolute;display: none;top: -6px;right: 0;font-weight: 600;}*/

/*  megamenu */
#products-section ul.prod-mm-list li {color: #fff!important; background:#000; border-radius:20px; margin:10px;}
#products-section ul.prod-mm-list li:hover > a.sub-mm-title{color: #fff; background:#370B0C; border-radius:20px}
#products-section ul.prod-mm-list li a.active{color: #fff; background:#370B0C; border-radius:20px}
#products-section1 ul.prod-mm-list li {color: #fff!important; background:#000; border-radius:20px; margin:10px;}
#products-section1 ul.prod-mm-list li:hover > a.sub-mm-title{color: #fff; background:#370B0C; border-radius:20px}
#products-section1 ul.prod-mm-list li a.active{color: #fff; background:#370B0C; border-radius:20px}
ul.prod-mm-list li .sub-mega-menu{
  top: 44px;
  display: none;
  /* -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease; */
}
/*ul.prod-mm-list li:hover .sub-mega-menu{
  top: 48px;
  display: block;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}*/

ul.prod-mm-list li.active .sub-mega-menu{
  top: 44px;
  display: block;
  /* -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease; */
}

.sub-mm-left a.dib{
	width: 145px;
    font-size: 14px;
    font-weight: 400;
    text-transform: capitalize;
    border: 1px solid #856c3f;
    color: #856c3f;
    border-radius: 20px;
    padding: 10px;
    margin: 20px 0px;
   
}
.sub-mm-left h2 img {margin-bottom:0px;/*width: 100%;*/}
.sub-mm-left a.dib:hover{color: #fff;transition: all .3s ease-in-out;}
.sub-mm-left a:hover{background-color: #856c3f;transition: all .3s ease-in-out;}
.sub-mm-left a:hover span {
    margin-left: 15px;
    background-position: -137px 0px;
    transition: all .3s ease-in-out;
}
.sub-mm-left a:hover span:after {
  border-color: transparent transparent transparent #fff;
  transition: all .3s ease-in-out;
}
.sub-mm-right{width: 100%;}
.sub-mm-right ul.sub-mm-prod{
    flex-wrap: wrap;
    justify-content: center;
    padding:16px 10px 0px 10px;
}
.sub-mm-right ul.sub-mm-prod li{
    width: 210px;
    text-align: center;
    margin-bottom: 20px;
    padding: 0;
}
.sub-mm-right ul.sub-mm-prod li:hover{box-shadow: none}
.sub-mm-right ul.sub-mm-prod li a{
    padding: 0;
    text-transform: none;
    -webkit-transition: all .3s ease 0s;
    transition: all .3s ease 0s;
}
.sub-menu-wrap{background: #fff;width: 100%}
.sub-mega-menu{display: none}
/*=== hover effects on megamen inner image block : start */
ul.sub-mm-prod li a .sub-mm-img{
  display: inline-block;
  position: relative;
  background: none;
  border: none;
  color: #fff;
  cursor: pointer;
  /*background: rgba(0,0,0,0.09);*/
}
.sub-mm-img span{display: block;width: 172px;height: 105px;}
ul.sub-mm-prod li a .sub-mm-img::before, ul.sub-mm-prod li a .sub-mm-img::after{
  content:"";
  width: 0;
  height: 2px;
  position: absolute;
  transition: all 0.2s linear;
  background: #856c3f;
}
ul.sub-mm-prod li a .sub-mm-img span::before, ul.sub-mm-prod li a .sub-mm-img span::after{
  content:"";
  width:2px;
  height:0;
  position: absolute;
  transition: all 0.2s linear;
  background: #856c3f;
}
ul.sub-mm-prod li a:hover .sub-mm-img::before, ul.sub-mm-prod li a:hover .sub-mm-img::after{width: 100%;}
ul.sub-mm-prod li a:hover .sub-mm-img span::before, ul.sub-mm-prod li a:hover .sub-mm-img span::after{height: 100%;}
ul.sub-mm-prod li a .sub-mm-img::before, ul.sub-mm-prod li a .sub-mm-img::after{transition-delay: 0s;}
ul.sub-mm-prod li a .sub-mm-img span::before, ul.sub-mm-prod li a .sub-mm-img span::after{transition-delay: 0.2s;}
ul.sub-mm-prod li a .sub-mm-img::before{right: 0;top: 0;}
ul.sub-mm-prod li a .sub-mm-img::after{left: 0;bottom: 0;}
ul.sub-mm-prod li a .sub-mm-img span::before{ left: 0;top: 0;}
ul.sub-mm-prod li a .sub-mm-img span::after{right: 0;bottom: 0;}
ul.sub-mm-prod li a:hover .sub-mm-img::before, ul.sub-mm-prod li a:hover .sub-mm-img::after{ transition-delay: 0.2s;}
ul.sub-mm-prod li a:hover .sub-mm-img span::before, ul.sub-mm-prod li a:hover .sub-mm-img span::after{ transition-delay: 0s;}

/*=== hover effects on megamenu inner image block : end */

ul.sub-mm-prod li a span > img{
    margin: 0 auto;
    outline: 1px solid #856c3f;
    -webkit-transition: all .3s ease 0s;
    transition: all .3s ease 0s;
}
ul.sub-mm-prod li a p{
    font-size: 12px;
    color: #6e6e6e;
    padding-top: 5px;
}
ul.sub-mm-prod li a:hover span > img{
    outline: none;
    -webkit-transition: all .3s ease 0s;
    transition: all .3s ease 0s;
}
ul.sub-mm-prod li a:hover p{
    color: #856c3f;
    -webkit-transition: all .3s ease 0s;
    transition: all .3s ease 0s;
}


/*========== Hamburger-Menu Starts Here ==========*/
.noscroll {overflow-y: hidden;}
.mobile-menu {width: 100%;height: 100%;background: #ccc;z-index: 9999;position: fixed;top: -100%;left: -100%;border-radius: 50%;opacity: 0;transform: scale(0, 0);transition:all .3s ease-out;overflow-y: auto;overflow-x: hidden;}
ul.mb-global-nav {overflow: hidden;z-index: 9;margin-top:76px;overflow-y: auto;padding-bottom: 70px;height: 100%;width: 100%;position: fixed;}
ul.mb-global-nav li {width: 100%;display: block;border-bottom: 1px solid #d6d5d5}
ul.mb-global-nav li a {text-transform: uppercase;display: block;padding:12px 22px;color: #171616;font-size: 12px;border-bottom: 1px solid #d6d5d5;overflow: hidden;margin-bottom: -1px;}
ul.mb-global-nav li a:last-child {border-bottom: none;}
.mb-right-arrow {background-position: 0px -53px;width: 10px;height: 8px;}
.mb-down-arrow {background-position: -19px -52px;width: 8px;height: 10px;}
ul.mb-global-nav li:last-child {margin-bottom: -1px;border: none}
ul.mb-sub-nav {width: 100%;display: none;}
ul.mb-sub-nav li {width: 100%;border-bottom: 1px solid #d6d5d5;}
ul.mb-sub-nav li a {padding-left: 36px;}
ul.mb-sub-nav2 {width: 100%;display: none;}
ul.mb-sub-nav2 li {width: 100%;border-bottom: none;}
ul.mb-sub-nav2 li a {padding-left: 50px;border-bottom: none;}

.mb-header {width: 100%;height:76px;margin: 0 auto;overflow: hidden;z-index: 999999;background:#fff;position: fixed;top: 0;left: 0}
.mb-header button {outline: none;padding:30px 20px 36px;float:left}
.logo-sm{width: 110px;margin:18px auto 18px;}
#mb-ham .hamburger-inner,#mb-ham .hamburger-inner:after,#mb-ham .hamburger-inner:before {width: 30px;height: 2px;}
.mb-col-30 {width: 30%;padding: 0px;vertical-align: middle;text-align: center;float: left;padding-top: 20px;}
.mb-col-30 span {width: 16px;height: 17px;background-position: -53px -53px;float: left;}
#mb-ham .hamburger-box {width: 30px;height: auto}
.mb-search {background-position: -53px -53px;position: absolute;width: 16px;height: 17px;top:30px;right:20px;cursor: pointer;}
.mb-header .mb-option-wrap {width: 20px;height: 20px;position: absolute;top: -2px;right:10px;background: transparent;outline: none;border: none;padding:30px 20px 38px;cursor: pointer;}
.mb-option {position: relative;right: 0px;cursor: pointer;width: 3px;height: 3px;border-radius: 50%;background: #000;display: inline-block;}
.mb-option:before {content: '';width: 3px;height: 3px;background: #000;border-radius: 50%;top: -7px;left: 0;position: absolute;}
.mb-option:after {content: '';width: 3px;height: 3px;background: #000;border-radius: 50%;position: absolute;top: 7px;left: 0;}
.mobile-menu {width: 100%; height: 100%;background: #f7f7f7;z-index: -1;position: fixed;top: -100%;left: -100%;border-radius: 50%;opacity: 0;transform: scale(0, 0);transition:all .3s ease-out;}
.mobile-menu-open {transition:all .3s ease-out;transform: scale(3);opacity: 1;top: 55px;left: 0;}
ul.mb-optn-content-wrap {width: 220px;height: auto;background:#f7f7f7;z-index: 9999;position: absolute;right: 0px;top:75px;display: none;box-shadow: rgba(0, 0,0,.2) -1px 1px 2px}
ul.mb-optn-content-wrap li {width: 100%;list-style-type: none;border-bottom: 1px solid #e7e7e7;}
ul.mb-optn-content-wrap li a {text-decoration: none;font-size:18px;color: #171616;padding: 18px 20px;display: block;font-weight: 300}
.mb-search-content {position: absolute;left: 0px;top: 55px;width: 100%;padding: 25px;overflow-x: hidden;background:#fff;display: none;box-shadow: rgba(0, 0,0,.2) 0px 2px 2px;z-index: 999;}
.mb-search-content input {width: 88%;border: 1px solid #aea9a9;border-radius: 10px 0px 0px 10px;height: 35px;outline: none;padding: 8px;color: #aea9a9;font-size: 16px;border-right: none;float: left;}
.mb-search-content button {outline: none;border: 1px solid #aea9a9;border-radius: 0px 10px 10px 0px;border-left: none;height: 35px;width: 12%;background: #4aa6de;float: left;text-align: center;vertical-align: middle;cursor: pointer;}
.mb-search-content span {width: 12px;height: 9px;background-position: -88px -53px;display: inline-block;}
/*@keyframes slideInDown {from{transform:translate3d(0, -100%, 0);visibility:visible;}
to{transform:translate3d(0, 0, 0);}
}
@-webkit-keyframes slideInDown {from{transform:translate3d(0, -100%, 0);visibility:visible;}
to{transform:translate3d(0, 0, 0);}
}
.slideInDown{animation-name:slideInDown;}
.animated {animation-duration: 700ms;-webkit-animation-duration:y00ms;}
.delay {animation-delay: 500ms;-webkit-animation-delay:500ms;}*/
/*========== Hamburger-Menu Ends Here ==========*/

/* Home slider */
#home .bx-wrapper{box-shadow: none;border:none;margin: 0 auto}
#home .bx-wrapper .bx-pager{bottom:14px;left: 50%;transform: translateX(-50%);width: auto}
#home .bx-wrapper .bx-pager.bx-default-pager a{background: none;border:1px solid #ccc;}
#home .bx-wrapper .bx-pager.bx-default-pager a.active{background: #fff;}
#homeSlider .bann1 .slider-cont {width: 300px;right: 15%;top: 20%;z-index: 99;}
#homeSlider .bann1 .slider-cont h3 {font-size: 3em;color: #fff;margin: 15px 0;}
.banner-explore-btn {font-size: 13px; color: #fff;text-transform: uppercase;outline: none;border: none;background: #49679b;padding: 10px 14px;margin-right: 18px;border-radius: 10px;cursor: pointer;vertical-align: top;}
.banner-watch-btn {font-size: 13px; color: #fff;text-transform: uppercase;outline: none;border: none;background: #4ba6df;padding: 10px 20px;border-radius: 10px;cursor: pointer;width: 110px;text-align: left;padding-left: 23px;}
.banner-watch-btn span {background-repeat: no-repeat;background-position: -137px 0px;margin-left: 7px;width: 6px;height: 9px;margin-top: 2px;transition: all .3s ease-in-out;}
.banner-watch-btn:hover span {margin-left: 12px;transition: all .3s ease-in-out;}
#home #homeSlider .bann1 .carousel-desk {display: block;}
#home #homeSlider .bann1 .carousel-mb {display: none;}

/*===== Experience Innovar Slider =====*/

#innoval .bx-wrapper{box-shadow: none;border:none;margin: 0 auto}
#innoval .bx-wrapper .bx-pager{bottom:14px}
#innoval .bx-wrapper .bx-pager.bx-default-pager a{background: none;border:1px solid #fff;}
#innoval .bx-wrapper .bx-pager.bx-default-pager a.active{background: #fff;}
#innovalSlider .bann1 .slider-cont {width: 300px;right: 15%;top: 20%;z-index: 99;}
#innovalSlider .bann1 .slider-cont h3 {font-size: 3em;color: #fff;margin: 15px 0;}
.banner-explore-btn {font-size: 13px; color: #fff;text-transform: uppercase;outline: none;border: none;background: #49679b;padding: 10px 14px;margin-right: 18px;border-radius:20px;cursor: pointer;vertical-align: top;}
.banner-watch-btn {font-size: 13px; color: #fff;text-transform: uppercase;outline: none;border: none;background: #4ba6df;padding: 10px 20px;border-radius:20px;cursor: pointer;width: 110px;text-align: left;padding-left: 23px;}
.banner-watch-btn span {background-repeat: no-repeat;background-position: -137px 0px;margin-left: 7px;width: 6px;height: 9px;margin-top: 2px;transition: all .3s ease-in-out;}
.banner-watch-btn:hover span {margin-left: 12px;transition: all .3s ease-in-out;}
#innoval #innovalSlider .bann1 .carousel-desk {display: block;}
#innoval #innovalSlider .bann1 .carousel-mb {display: none;}

/*===== Experience Innovar Slider Ends Here =====*/

/* Banners */
.banner-wrap{width: 100%;max-width:1264px;height: 237px;overflow: hidden;position: relative;display: table}
/*.banner-wrap figure{display:table;width: 100%}
.banner-wrap figure figcaption{vertical-align: middle;display: table-cell;}*/
.banner-wrap img {position: absolute;right: 0;top: 0;}
.banner-wrap h2{display: table-cell;  position: relative;    vertical-align: middle;    left: 0;    z-index: 9;    padding-left: 10%;color: #fff;font-size: 3.5em;text-transform: uppercase;font-weight:300;line-height: 40px;}
.banner-wrap h2 span {display: block;font-weight: 500;font-family: 'Open Sans', sans-serif;}
.desk-hero-bnr {display: block;}
.tab-hero-bnr {display: none;}
.mb-hero-bnr {display: none;}
.corebrand-banner{background: url('../img/banners/hospitality.jpg') no-repeat right top;}
.brand-listing-banner {background: url('../img/banners/brand-listing.jpg') no-repeat right top;}
.contact-center-banner {background: url('../img/banners/contact-cenetr.jpg') no-repeat right top;}
.download-center-banner {background: url('../img/banners/download-center.jpg') no-repeat right top;}
.enquiry-banner {background: url('../img/banners/enquiry.jpg') no-repeat left top/100% 100%;}
.global-opportunity-banner {background: url('../img/banners/global-opportunity.jpg') no-repeat right top;height: 230px;}
.hospitality-banner {background: url('../img/banners/hospitality.jpg') no-repeat right top;}

/* Homepage */
.hero-banner{width: 100%;height:auto;transition: width 0.5s;position: absolute;left: 0;top: 0}
/* .hero-banner{width: 100vh;transition: width 0.5s;height: 237px;} */
.spaces-gallery{padding: 45px 15px 0}
.ver-col-big{width:calc(40% - 24px);margin-right: 47px}
.ver-col-big .spaces-bg {background: url('../img/our-spaces.jpg') no-repeat center top;transition:all .5s;left: 0;top: 0}
.ver-col-big .our-spaces{width: 100%;height: 459px;}
.ver-col-big .our-spaces h4, .ver-col-big .our-spaces h5, .ver-col-big .our-spaces p{color: #fff;font-weight: 300}
.ver-col-big .our-spaces h4{font-size: 3.3em;margin-bottom: 30px;}
.ver-col-big .our-spaces h5{font-size: 1.7em;margin-bottom: 12px;line-height: 22px}
.ver-col-big .our-spaces p{font-size: 1.2em;line-height: 16px}
.ver-col-big:hover .spaces-bg{transform: scale(1.1);transition:all .5s ease-in-out}
.ver-col-big .spaces-wrap{width: 100%;z-index: 9;padding: 0 30px;margin-top: 23vh}
ul.our-spaces{overflow: hidden;/* width: 670px; */margin-bottom: 47px;width: calc(60% - 27px)}
ul.our-spaces li{/* width: 309px; */width:calc(50% - 24px);height: 206px;overflow: hidden;position: relative;float: left;}

ul.our-spaces li:nth-child(2n+1){margin-right:47px}
ul.our-spaces li:nth-child(n+3):nth-child(-n+4){margin-top:47px}
ul.our-spaces li span{display: block;}
ul.our-spaces li .industrial,ul.our-spaces li .commercial,ul.our-spaces li .residential, ul.our-spaces li .hostpitality, .ver-col-big .spaces-bg{overflow: hidden;width: 100%;height: 100%;/* transition:all .5s; */}
ul.our-spaces li .residential{background: url('../img/residential.jpg') no-repeat center top;}
ul.our-spaces li .hostpitality{background: url('../img/hostpitality.jpg') no-repeat center top;}
ul.our-spaces li .commercial{background: url('../img/commercial.jpg') no-repeat center top;}
ul.our-spaces li .industrial{background: url('../img/industrial.jpg') no-repeat center top;}
ul.our-spaces li:hover .residential,ul.our-spaces li:hover .hostpitality,ul.our-spaces li:hover .commercial,ul.our-spaces li:hover .industrial{transition:all .8s;/* transform: scale(1.2); */}
ul.our-spaces li .wrap{text-align: center;transition: all .5s;padding: 0 30px;position: absolute;top:42px;left: 0}
ul.our-spaces li .wrap h5{font-size:1.6em;font-weight:400;color: #fff;text-transform: uppercase;margin-bottom: 20px}
ul.our-spaces li .wrap p{font-size:1.2em;font-weight:400;color: #fff;margin-bottom: 15px;line-height: 18px}
/* .btn-primary-round{display: block;width: 114px;height: 30px;background: #3e95d8;text-align: center;color: #fff;text-transform: uppercase;font-weight: 400;font-size: 1.2em;line-height: 30px;border-radius: 10px;margin: 0 auto;border: none;outline: none;cursor: pointer;} */
.btn-primary-round:before {height: 9px;width: 12px;content: '';position: absolute;top: 10px;right:20px;background: url(../img/sprite.png) no-repeat -484px 0;transition: all .3s ease-in-out;}
.btn-primary-round{width: 135px;height: 32px; background: transparent; line-height: 32px;border-radius: 50px; border: 1px solid #fff; text-align:left;position: relative; color: #fff;text-transform: uppercase;font-weight: 400;font-size: 1.2em;margin: 0 auto;outline: none;display: inline-block;padding-left: 20px;transition: all .3s ease-in-out;}
.btn-primary-round:hover{background:rgba(25, 128, 212, 1);border: 1px solid rgba(25, 128, 212, 1);transition: all .3s ease-in-out;}
.btn-primary-round:hover:before {right: 15px;transition: all .3s ease-in-out;}
a.download-brochure-blue{font-size: 14px;color: #4da8e1;line-height: 10px;display: inline-block;margin-top: 8px;text-decoration: none;}
.btn-primary {font-size: 14px;text-transform: uppercase;font-weight: 300;color: #fff;background: #3d95d8;text-align: center;padding: 9px 30px;border: none;outline: none;border-radius: 15px;cursor: pointer;}
.bedroom-bg {background: url(../img/residential/bedroom.jpg) no-repeat center center/cover;}
.terrace-bg {background: url(../img/residential/kitchen.jpg) no-repeat center center/cover;}
.corridors-bg {background: url(../img/residential/stairwell-bg.jpg) no-repeat center center/cover;}
.kitchen-bg {background: url(../img/residential/living-spaces.jpg) no-repeat center center/cover;}
.living-spaces-bg {background: url(../img/residential/terrace.jpg) no-repeat center center/cover;}
.guest-bg {background: url(../img/hospitality/guest-bg.jpg) no-repeat center center/cover;}
.lobby-bg {background: url(../img/hospitality/lobby-bg.jpg) no-repeat center center/cover;}
.stairwell-bg {background: url(../img/hospitality/stairwell-bg.jpg) no-repeat center center/cover;}
.meeting-bg {background: url(../img/hospitality/meeting-bg.jpg) no-repeat center center/cover;}
.server-bg {background: url(../img/hospitality/server-bg.jpg) no-repeat center center/cover;}
.hospitality{/* background: url(../img/banners/hospitality.jpg) no-repeat center top; */}
.breadcrumb{padding: 28px 0;border-bottom: red 0px solid;transition: all .3s linear}
.breadcrumb ul{overflow: hidden;}
.breadcrumb ul li{float: left;text-transform: uppercase;font-size: 1.2em;color: #454545;}
.breadcrumb ul li a{display: inline-block;color: #454545;text-decoration: none;}
.breadcrumb ul li a:hover{text-decoration: underline;}
.breadcrumb ul li a:hover .breadcrumb{border-bottom: red 100% solid;transition: all .3s linear}
.breadcrumb ul li a:after{content: "";background: url('../img/breadcrumb-arrow.png') no-repeat;width: 6px;height: 6px;margin: 1px 10px;display: inline-block;}
.heading-home{padding: 30px 0 15px 0}
.headings {padding: 30px 0 40px}
.heading-home h1,.prod-cat h2,.headings h1{font-size:2em;color: #131313;font-weight: 300;margin-bottom: 20px}
.headings h2{
  font-size: 24px;
  columns: #131313;
  margin-bottom: 30px;
}
.headings p > b{font-weight: 700;}
.heading-home p{padding: 0 10%}
.heading-home p, .headings p{font-size: 1.4em;color: #131313;font-weight: 300;line-height: 20px;margin-bottom: 30px}
.heading-home p:last-child, .headings p:last-child{margin-bottom: 0}
.prod-cat{padding: 45px 15px;}
.prod-cat h5{font-weight: 300;font-size: 1.8em;margin-bottom: 10px}
.prod-cat h6{font-weight: 300;font-size: 1.4em;color: #1980d4;line-height: 18px;}
.prod-cat p{font-weight: 300;font-size: 1.3em;line-height: 20px;padding: 0 15%}
ul.prod-cat-list{overflow:visible;margin: 45px auto 0px;text-align: center;}
ul.prod-cat-list li{margin: 0 30px 30px;display: inline-block;transition: all .3s;position: relative;}
ul.prod-cat-list li span.icon:after{pointer-events: none;
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    content: '';
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    left: -2px;top: -2px;
    border: rgba(255,255,255,.5) 2px dashed;
  }
ul.prod-cat-list li:hover span.icon:after{transition:all 0.3s;background-color: rgba(255,255,255,.1);border: rgba(62,149,216,.5) 2px dashed;-webkit-animation: spinAround 9s linear infinite;
  -moz-animation: spinAround 9s linear infinite;
  animation: spinAround 9s linear infinite;
  }
  /* ul.prod-cat-list li:hover span.icon{transition:all 0.3s;background-color: rgba(62,149,216,.1);border: rgba(62,149,216,.5) 2px dashed;

  } */
ul.prod-cat-list li:hover span.cat-text{color: #1980d4;transition: all .3s}
ul.prod-cat-list li span.icon{width: 76px;height: 76px;margin-bottom: 10px;display: block;margin: 0 auto 10px;border-radius: 50px;transition:all 0.3s;position: relative;}
ul.prod-cat-list li span.cat-1{background-position:22px -90px}
ul.prod-cat-list li span.cat-2{background-position:-75px -89px}
ul.prod-cat-list li span.cat-3{background-position:-173px -91px}
ul.prod-cat-list li span.cat-4{background-position:-269px -93px}
ul.prod-cat-list li span.cat-5{background-position:-366px -91px}
ul.prod-cat-list li span.cat-6{background-position:-462px -90px}
ul.prod-cat-list li span.cat-7{background-position:-558px -90px}

ul.prod-cat-list li:hover span.cat-1{background-position: 22px -169px}
ul.prod-cat-list li:hover span.cat-2{background-position: -75px -169px}
ul.prod-cat-list li:hover span.cat-3{background-position: -173px -170px}
ul.prod-cat-list li:hover span.cat-4{background-position: -269px -174px}
ul.prod-cat-list li:hover span.cat-5{background-position: -366px -170px}
ul.prod-cat-list li:hover span.cat-6{background-position: -462px -170px}
ul.prod-cat-list li:hover span.cat-7{background-position: -558px -170px}

@-webkit-keyframes spinAround {
  from {
    -webkit-transform: rotate(0deg)
  }
  to {
    -webkit-transform: rotate(360deg);
  }
}
@-moz-keyframes spinAround {
  from {
    -moz-transform: rotate(0deg)
  }
  to {
    -moz-transform: rotate(360deg);
  }
}
@keyframes spinAround {
  from {
    transform: rotate(0deg)
  }
  to {
    transform: rotate(360deg);
  }
}

ul.prod-cat-list li span.cat-text{color: #bebebe;font-size: 1.1em;text-align: center;display: block;}

ul.prod-cat-list li:hover span.cat-1,ul.prod-cat-list li:hover span.cat-2,ul.prod-cat-list li:hover span.cat-3,ul.prod-cat-list li:hover span.cat-4,ul.prod-cat-list li:hover span.cat-5,ul.prod-cat-list li:hover span.cat-6,ul.prod-cat-list li:hover span.cat-7 {transition: all linear .2s}
span.cat-1, span.cat-2, span.cat-3, span.cat-4, span.cat-5, span.cat-6, span.cat-7 {transition: all linear .2s}
.blk-bold{font-size: 4.5em;color: #fff;text-transform: uppercase;font-weight: 700}
.our-brands-wrap {width: 100%;text-align: center;}
.our-brands-wrap ul {width: 100%;text-align: center;height: auto;}
.our-brands-wrap ul li {display: inline-block;width: 270px;text-align: center;margin-top:40px;}
.our-brands-wrap ul li:last-child {margin-left: 150px;}
.our-brands-wrap ul li a {text-decoration: none;}
.our-brands-wrap ul li a img {vertical-align: top;display: inline-block;filter:grayscale(1) opacity(.5);transition: all .3s ease-in-out;}
.our-brands-wrap ul li:hover img {transition: all .3s ease-in-out;filter: grayscale(0);}
.our-brands-wrap .brand-spacing {width: 150px;}
.facts{height: 215px;overflow: hidden;background: url('../img/facts-bg.jpg') no-repeat center top/cover fixed;display: table;width: 100%}
.facts h3{font-size: 7em;color: #fff;font-weight: 700;text-align: center;display: table-cell;  vertical-align: middle;text-shadow: 0px 0px 5px #666;text-transform: capitalize;}
.facts h3 span{font-weight: 700}
.facts1, .facts2, .facts3{display: none}
/* News & Events, Maps */
.news-events{width:25%}
.news-events-wrap{padding: 40px 15px;}
.news-events-col{width:calc(100% - 70px);margin-right: 70px;float: left;}
.news-events-col h2{font-size: 3em;font-weight: 300;margin-bottom: 35px;}
.news-events-col cite{color: #2f91ce;font-weight: 300;font-size: 1.2em;display: block;}
.news-events-col em{color: #929292;font-size: 1.2em;font-weight: 300;display: block;}
.news-events-col p{color: #000;font-weight: 300;font-size: 1.2em;margin: 8px 0;display: inline-block;text-decoration: underline;}
.news-events-col .news-snippet{margin-bottom: 30px;}
.news-events-col .news-snippet a{display: block;}
.news-events-col .news-snippet a:hover p{text-decoration: none;}
.map{width:50%}

/* Core Brands */
ul.listings{overflow: hidden;padding: 30px 10px;text-align: center;width: 98%;margin: 0 auto}
ul.listings li{margin:0 15px 30px 15px;background: #fff;height: 375px;width:260px;overflow: hidden;position: relative;text-align: left;float: left;box-shadow: #ccc 2px 3px 4px 0px;text-align: center;background: #fbfbfb;}
ul.listings li span {width: 100%;height: auto;}
ul.listings li span img{width: 100%;height: auto;display: block;border-bottom: 1px solid #d9d9d9;}
/*ul.listings li h4 {width: 100%;font-weight: bold;font-size: 20px;border-bottom:#d9d9d9 1px solid;text-align: center;padding: 10px 0px;line-height: 22px;}
ul.listings li h4 sup {font-size: 10px;}*/
ul.listings li p {font-weight: 300;color: #1a1a1a;font-size: 1.3em;line-height: 19px;padding: 15px 18px 12px 18px;text-align: left;}
ul.listings li a {background: #37b0e3;display: block;width: 100%;height: 36px;line-height: 36px;color: #fff;text-transform: uppercase;font-weight: 400;position: absolute;bottom: 0;font-size: 1.2em;}
ul.listings li a.read-more {display: inline-block;font-style:italic;
position: relative;
background: none;
color: #ccc;
text-transform: none;
font-size: 1.1em;
height: auto;
width: auto;
line-height: 18px;
padding-left: 5px;}
ul.listings li a.read-more:hover{text-decoration:underline}
ul.listings li a span{width: 6px;height: 9px;margin-left: 8px;background-position: -137px 0;transition: all .3s}
ul.listings li a:hover span{margin-left: 12px;transition: all .3s}

/*===== Team Page =====*/
ul.team-listings{overflow: hidden;padding: 30px 10px;text-align: center;width: 98%;margin: 0 auto}
ul.team-listings li{margin:0 15px 30px 15px;background: none;height: 333px;width:260px;overflow: hidden;position: relative;text-align: left;float: left;cursor: pointer;transition:all .3s ease-in-out;}
ul.team-listings li img{border-bottom:#d9d9d9 1px solid;width: 100%;height: auto;display: block;filter: grayscale(1);transition:all .3s ease-in-out;}
ul.team-listings li:hover img {transition:all .3s ease-in-out;filter: grayscale(0);}
ul.team-listings li p{font-weight: 300;color: #1a1a1a;font-size: 1.2em;line-height: 19px;}
ul.team-listings li a{background: #37b0e3;display: block;width: 100%;height: 36px;line-height: 36px;color: #fff;text-transform: uppercase;font-weight: 400;position: absolute;bottom: 0;padding-left: 16px;font-size: 1.2em}
ul.team-listings li a span{width: 6px;height: 9px;margin-left: 8px;background-position: -137px 0;transition: all .3s}
ul.team-listings li a:hover span{margin-left: 12px;transition: all .3s}
.team-name {font-size: 16px;color: #3e3e3e;text-transform: uppercase;line-height: 20px;margin-top: 19px;}
.team-designation {font-size: 14px;color: #858585;line-height: 22px;margin: 0px;padding: 0px;}
/* .team-popup {width: 935px;margin: 0 auto;background: #fff;height:auto;top: 0;padding: 20px;} */
.team-popup {width: 935px;background: #fff;top:100%;padding: 20px;margin-left: auto;margin-right: auto;left: 0;right: 0;position: absolute;box-shadow: rgba(0,0,0,.2) 0px 11px 9px 3px;text-align: right;}
.team-popup a {font-size: 16px;color: #2b2b2b;text-transform: uppercase;}
.person-intro-img {width: auto;height: auto;float: right;overflow: hidden;}
.person-intro-img img {width: auto;height: auto;}
.team-description {padding: 0px 70px;text-align: left}
.team-description p {margin: 0px;margin-bottom: 30px;font-size: 14px;line-height: 22px;color: #2b2b2b;}
.team-popup .person-intro {width: 100%;background: #2b2b2b;margin-top: 12px;margin-bottom: 40px;overflow: hidden;}
.team-popup .person-intro .intro-left {padding:300px 0px 33px 30px;display: inline-block;width: 54%;float: left;}
.team-popup .person-intro .intro-left h3 {font-size: 30px;color: #fff;line-height: 22px;margin-bottom: 10px;font-weight: 500;text-align: left;}
.team-popup .person-intro .intro-left p {font-size: 20px;line-height: 32px;color: #fff;padding: 0px;font-weight: 300;text-align: left;}

/* Hostpitality */
.hospitality figcaption{padding-left:11%;position: absolute;}

/*===== Apply Online =====*/
.form-wrap {width: 100%;padding: 40px 0px;}
.form-wrap h3 {font-size: 25px;color: #131313;font-weight: 300;margin-bottom: 43px;}
.element-wrap {padding: 0px 0px 30px 0px;margin: 0px -15px 0px -15px;margin: 0 -15px;overflow:hidden}
.element-wrap label{width: 33.33%;    float: left;    padding: 0 15px;}
span.form-error-msg{color:#ff0000;font-size:12px;text-align:left;line-height:15px;display:block;display:none;}
.product-find-block .element-wrap label {width: 29%;}
.element-wrap  label select{cursor: pointer;}
.element-wrap input, .element-wrap textarea, .element-wrap  label select, .element-wrap  .file-in  {width:100%;font-size: 14px;color: #757578;border: none;border-bottom: 1px solid #c1c1c1;padding: 0px 0px 6px 0px;background: transparent;outline: none;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-weight: 300}
.element-wrap .file-in {width: calc(33% - 29px);}
.element-wrap .file-in label {width: 100%;position: absolute;padding:0;top:2px}
.uploadresume_label{overflow: hidden;height: 14px}
.element-wrap .file-in span.form-error-msg {position: absolute;bottom: -37px;display:none;}
.file-upload {width: calc(33% - 29px);font-size: 16px;color: #2c2c2c;border: none;border-bottom: 1px solid #c1c1c1;padding: 0px 0px 6px 3px;background: transparent;outline: none;margin: 0px 15px;-webkit-appearance:none;}
.select-arrow {padding:0;}
.select-arrow:before {content: '';right: 18px;top: 0px;width: 20px;height: 20px;background: transparent;position: absolute;pointer-events: none;display: inherit;}
.select-arrow input {opacity: 0;}
.select-arrow:after {content: '>';font: 18px "Consolas", monospace;color: #929292;-webkit-transform: rotate(90deg);-moz-transform: rotate(90deg);-ms-transform: rotate(90deg);transform: rotate(90deg);right: 22px;top: -3px;padding: 0px 0px 2px;position: absolute;pointer-events: none;}
.file-in {position: relative;cursor: pointer;display: inline-block;margin: 0px 15px;padding: 0;height:26px}
.file-in input {opacity: 0;margin: 0px 0px 2px 0px;padding: 0px;width: 100%;height: 20px;top: 0;position: absolute;z-index: 9999;cursor:pointer}
.fileinstructions {position: absolute;top: 37px;left: 0px;font-size: smaller;color: #999;}
.file-in label:after {content: '>';width: 15px;height: 15px;display: inline-block;float: right;font: 18px "Consolas", monospace;cursor: pointer;position: absolute;right: 0;top: -5px;}
.file-in label:last-child:after {content: none;}
.captcha-block {display: inline-block;padding: 48px 15px 0px 0px;overflow: hidden;}
.captcha-block img {width: 106px;float: left;}
.captcha-block a {text-decoration: none;width: 16px;margin:13px;display: inline-block;}
.captcha-block a img {width: 100%;}
.captcha-block input {font-size: 12px;color: #2c2c2c;line-height: 22px;padding: 9px 19px;background: #fff;border: 2px solid #e9e9e9;width: 141px;margin: 0;}
.btn-margin {margin: 0px;display: inline-block;}
#captcha .applyonline_captcha_code {width: 100%;}
/*===== Apply Online Ends Here =====*/

/*===== Press Media Page =====*/
.press-media-wrap, .hosp-wrap {width: 100%;padding: 35px 15px;}
.grid {margin: 0 auto;/*display: none;*/min-height: 700px;overflow: hidden;}
a.grid-item {width: 261px;float: left;margin-bottom: 20px!important;background: #fff;box-shadow: 3px 3px 1px #eee;overflow: hidden;text-decoration: none;transition: all .5s ease-in-out;}
a.grid-item .grid-img {width: 100%;height: 240px;overflow: hidden;}
a.grid-item .grid-img img {width: 100%;transition: all .5s ease-in-out;overflow: hidden;height:auto;}
a.grid-item .grid-img:hover img {transition: all .5s ease-in-out;transform: scale(1.1);}
a.grid-item h4 {margin: 10px 0px 0px 8px;font-size: 14px;color: #282828;text-transform: capitalize;}
a.grid-item h3 {margin: 16px 0px 11px 8px;font-size: 16px;color: #282828;line-height: 20px;transition: all .5s ease-in-out;}
a.grid-item:hover h3 {color: #ec2028;text-decoration: underline;transition: all .5s ease-in-out;}
a.grid-item p {margin:0px 0px 15px 8px;font-size: 14px;color: #aeaeae;font-style: italic;}
/*===== Press Media Page Ends Here =====*/

/*===== Enquiry Page =====*/
.oh {overflow: hidden;}
.pb {padding-bottom: 10px;}
.enquiry-form-width {width: 66.66%;}
.enquiry-form-width-full{width: 100%}
.input-width {width: calc(49% - 29px)!important;}
.enquiry-msg-with {width: 100%!important;}
.call-chat-wrap {width: 33.12%;overflow: hidden;padding: 40px 0px;}
.call-box {width: 278px;color: #fff;margin-bottom: 0;padding: 15px 10px 17px 12px;font-weight: 300;background: #38bcbd;}
.chat-box h3, .call-box h3 {font-size: x-large;text-transform: capitalize;color: #fff;font-weight: 300;}
.call-box p{font-size: 14px;margin:21px 0px 18px 0px;line-height: 18px;}
.call-box a {font-size: 18px;line-height: 18px;text-decoration: none;color:#fff;}
.call-box a span {width: 25px;height: 32px;margin-right: 7px;background: url('../img/sprite.png') no-repeat;background-position: -172px 0px;}
.chat-bg {background: #3d94d6;display: inline-block;padding-bottom:0px;}
.chat-box {width: 278px;color: #fff;margin-bottom: 14px;}
.chat-box h3 {width: 100%;background: #3d94d6;padding: 15px 10px 10px 12px;}
.chat-display {background: #f8f8f8;width: 100%;padding: 2px;height: 182px;border: 3px solid #fff;}
.chat-display input {width: 100%;background: #fff;bottom: 0px;height: 40px;border:none;left: 0;outline: none;padding-left: 10px;font-size: 14px;}
#enquiry-page .element-wrap label{width: 50%;}
/*===== Enquiry Page Ends Here =====*/

/*===== Contact Center =====*/
.our-offices-info {width: 50%;padding:40px 10px 40px 0px;}
.our-offices-info h2 {font-size: 30px;font-weight: 300;color: #131313;margin-bottom: 20px;line-height: 20px;}
.our-offices-info p {font-size: 14px;color: #383838;line-height: 22px;}
.offices-call-chat-wrap {width: 50%!important;}
.office-call-chat-width {width: calc(50% - 15px)!important;height: auto;}
#our-offices .our-offices-info {width: 60%;}
#our-offices .offices-call-chat-wrap {width: 40%!important;float: right;}
#our-offices .office-call-chat-width {width: calc(60% - 15px)!important;}
.fs-30 {font-size: x-large!important;}
.fs-18 {font-size: 18px!important;margin: 24px 0px 20px 0px!important;line-height: 25px!important;}
.our-offices {width: 100%;padding:10px 0px 65px 0px;overflow: hidden;}
.offices-section {width: 58.33%;}
.zones {width: 100%;padding-bottom: 36px;}
.zones ul {width: 100%;padding-bottom: 40px;}
.zones ul li {list-style-type: none;display: inline-block;padding: 0px 5px;position: relative;}
.zones ul li:after {content: "";width: 1px;height: 10px;background: #444;position: absolute;right: -2px;top: 6px;}
.zones ul li:last-child:after{content: none;}
.zones ul li a {text-decoration: none;font-size: 13px;line-height: 21px;color: #444;text-transform: uppercase;font-weight: 500;}
.zones ul li:first-child {padding-left: 0px;}
.regions {width: 100%;overflow: hidden;}
#where-to-buy .regions {width: 80%;overflow: hidden;margin: 0 auto;}
.region-block {width: 33.08%;padding:0px 20px 0px 0px;vertical-align: top;margin-bottom: 60px;position: relative;height: 150px;}
.region-block h3 {font-size: 16px;color: #2d2d2d;line-height: 20px;text-transform: capitalize;margin-bottom: 16px;}
.region-block p {font-size: 12px;color: #444;line-height: 18px;margin-bottom: 28px;}
.region-block a {text-decoration: none;font-size:13px;color: #444;position: absolute;bottom: 0;}
span.reciever-2 {width: 15px;height: 18px;background: url('../img/sprite.png') no-repeat;background-position: -209px 0px;margin-right: 7px;}
.fax {background-position: -232px 0px!important;width: 20px!important;}
span.receiver {width: 22px;height: 22px;background-position: -629px 0px;margin-right: 7px;margin-top: -4px;}
.map-section {width: 41.45%;vertical-align: top;}
.map-section img {width: 100%;}
li.zone-color a {color: #1890c2!important;border-bottom: 1px solid #1890c2;}

/*===== Contact Center Ends Here =====*/


/*===== Brand Listing Page =====*/
.brand-wrap {width: 100%;padding: 35px 20px 5px;/*min-height: 900px;height: 100%;*/}
#brand-listing .product-brouchers {width: auto;margin-left:11px;}
.brand-listing-wrap {width: 100%;}
.brand-filter {width: 210px;background: #fff;height: auto;min-height: 215px;margin-right: 30px;margin-bottom: 20px;}
.brand-filter h3 {font-size: 16px;color: #fff;width: 100%;padding: 26px 15px;background: #38bcbd;font-weight: 300;}
.close-filter {position: absolute;top: 0px;right: 20px;color: #fff;font-size: 23px;font-weight: 300;z-index: 9999;cursor: pointer;padding: 10px;display: none;}
.close-filter a {text-decoration: none;}
.filters {width: 100%;padding: 20px 15px;}
.filters ul {width: 100%;}
.filters ul li {list-style-type: none;width: 100%;margin-bottom: 16px;}
.filters ul li a {font-size: 12px;color: #252525;text-decoration: none;text-transform: capitalize;display: inline-block;}
.checkbox-content {display: block;position: relative;padding-left: 20px;cursor: pointer;font-size: 12px;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;color: #252525;text-transform: capitalize;line-height: 15px}
/* Hide the browser's default checkbox */
.checkbox-content input {position: absolute;opacity: 0;cursor: pointer;}
/* Create a custom checkbox */
.checkmark {position: absolute;top: 0;left: 0;height: 10px;width: 10px;background-color: transparent;border: 1px solid #a1a1a1;}
/* On mouse-over, add a grey background color */
.checkbox-content:hover input ~ .checkmark {background-color: #ccc;}
/* When the checkbox is checked, add a blue background */
.checkbox-content input:checked ~ .checkmark {background-color: #2196F3;border: none;}
/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {content: "";position: absolute;display: none;}
/* Show the checkmark when checked */
.checkbox-content input:checked ~ .checkmark:after {display: block;}
/* Style the checkmark/indicator */
.checkbox-content .checkmark:after {left: 8px;top: 5px;width: 5px;height: 10px;border: solid white;border-width: 0 3px 3px 0;-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);}
.brand-listing-section {width: calc(100% - 243px);height: 100%;overflow: hidden;padding-bottom: 20px;}
.brand-listing-section ul {width: 100%;height: auto;}
.brand-listing-section ul li {float: left;width: calc(33.33% - 30px);height: 245px;margin:0px 30px 30px 0px;position: relative;overflow: hidden;box-shadow: 2px 2px 4px #bcbcbc;transition: all .3s ease-in-out;}
.brand-listing-section ul li a img{width:auto;height:138px;position:absolute;bottom:15px;left:0;right:0;margin: 0 auto}
.product-hover {position: absolute;width: 100%;height: 100%;background: rgba(104,206,253,1);
background: -moz-linear-gradient(-45deg, rgba(104,206,253,1) 0%, rgba(26,155,198,1) 100%);
background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(104,206,253,1)), color-stop(100%, rgba(26,155,198,1)));
background: -webkit-linear-gradient(-45deg, rgba(104,206,253,1) 0%, rgba(26,155,198,1) 100%);
background: -o-linear-gradient(-45deg, rgba(104,206,253,1) 0%, rgba(26,155,198,1) 100%);
background: -ms-linear-gradient(-45deg, rgba(104,206,253,1) 0%, rgba(26,155,198,1) 100%);
background: linear-gradient(135deg, rgba(104,206,253,1) 0%, rgba(26,155,198,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#68cefd', endColorstr='#1a9bc6', GradientType=1 );text-align: center;opacity: 0;}
.product-hover a.directlink{background: none!important;}
.product-hover a.directlink:after{content: ' '}
.product-hover .view {text-align: center;position: absolute;width: 80px;height: 50px;margin-left: auto;margin-right: auto;top: 50%;margin-top: -25px;left: 0;right: 0;}
.product-hover .view span {background-position: -384px 0px;width: 26px;height: 15px;margin-bottom: 20px;}
.product-hover .view a {margin: 0px;padding: 0px;font-size: 12px;color: #fff;text-transform: uppercase;text-decoration: none;background: transparent;width: auto;height: auto;transition: all .3s ease-in-out;}
.product-hover .view a:after {content: '>';margin-left: 10px;transition: all .3s ease-in-out;}
.product-hover .view a:hover:after {margin-left: 20px;transition: all .3s ease-in-out;}
.brand-listing-section ul li:hover .product-hover {display: block;transition: all .3s ease-in-out;top: 0;left: 0;opacity: 1;}
.brand-listing-section ul li a {text-decoration: none;display: block;background: #fff;padding:10px 30px 30px;text-align: center;width: 100%;height: 100%;}
.brand-listing-section ul li a p {font-size: 13px;color: #363636;line-height: 18px;margin-top: 10px;}
.brand-listing-section ul li a span {display: inline-block;width: 130px;height: 137px;}
.brand-listing-section ul li a span img {display: inline-block;width: 100%;height: auto;}
.mb-filter {display: none;width: 77px;height: 77px;background-color: #45c2c5;border-radius: 50%;z-index: 999;right: 5%;top: -5%;}
.mb-filter a {text-align: center;vertical-align: middle;display: table-cell;background-position: -4px -255px;height: 43px;width: 42px;position: absolute;left: 0;right: 0;margin-left: auto;margin-right: auto;top: 0;bottom: 0;margin-top: auto;margin-bottom: auto;}

.prod-listing-disc{width:calc(100% - 30px);margin-top:20px;overflow:hidden}
.prod-listing-disc p{font-size:13px;line-height:1.2;color:#666;margin-bottom:10px}
.prod-listing-disc p a{color:#666;text-decoration:underline}
.prod-listing-disc p a:hover{text-decoration:none}
.prod-listing-disc ol.pro-li-dis{margin:15px 0}
.prod-listing-disc ol.pro-li-dis li{font-size:13px;line-height:1.2;color:#666;margin-left:20px;list-style:disc outside;margin-bottom:3px}
.prod-listing-disc b{font-weight:500}

/*===== Product Listing =====*/
.product-listing-wrap {width: 100%;overflow: hidden;padding:2px 0px 36px 0px;}
.product-listing-wrap h2 {margin-bottom: 22px;font-size: 25px;color: #131313;line-height: 18px;font-weight: 300;margin-right: 12px;}
/*.product-listing-wrap a {font-size: 14px;color: #4da8e1;line-height: 10px;display: inline-block;margin-top: 8px;text-decoration: none;}*/
/*.product-listing-wrap a span {background-position: -414px 0px;width: 17px;height: 15px;margin-right: 7px;margin-top: -5px;}*/
.dwn-broucher-blue {font-size: 14px;color: #4da8e1;line-height: 10px;display: inline-block;margin-top: 8px;text-decoration: none;}
.dwn-broucher-blue span {background-position: -414px 0px;width: 17px;height: 15px;margin:0px 5px 0 0;color: #4da8e1;}
.dwn-broucher-blue span svg {position: absolute;left: 0;top: -7px;}
.product-listing-wrap p {font-size: 14px;color: #1a1a1a;line-height: 22px;clear: left;}

/*===== Product Listing Ends Here =====*/

/*===== Solution Listing =====*/
.solution-listing-wrap {width: 100%;overflow: hidden;padding-bottom: 29px;}
.solution-listing-wrap h2 {font-size: 25px;color: #131313;line-height: 18px;font-weight: 300;}
/*===== Solution Listing Ends Here =====*/


.pagi-btn {height: 30px;width: 30px;text-align: center;margin: 0 auto;display: inherit;cursor: pointer;    background-color: #fff;
    border: none;
    border-radius: 50%;color: #fff;font-size: 1px;outline: none;   background-position: -598px 10px;}
span.npa {font-size: 18px;
    text-transform: uppercase;
    text-align: center;
    margin-bottom: 20px;
    color: #00a1cd;}
/*===== Brand Listing Page Ends Here =====*/



/*===== Download Center Page =====*/

.download-center-form {width: 85%;padding: 28px 0px 50px 0px;overflow: hidden;}
.input-wrap {margin-bottom: 28px;}
.download-center-form .input-wrap input {width: 100%;outline: none;}
.download-center-form .input-wrap button {background-position: -258px 0px;position: absolute;right: 20px;top: 13px;height: 21px;width: 21px;border: none;outline: none;cursor: pointer;}
.download-center-form label {width: calc(50% - 15px);margin:0px 30px 0px 0px;}
.download-center-form label:last-child {margin:0px;}
.download-center-form label select {width: 100%;margin:0px;}
.download-center-form .input-wrap input, .download-center-form label select {padding: 14px 19px;border:1px solid #7d7d7d;font-size: 14px; color: #545454;appearance:none;-webkit-appearance:none;-moz-appearance:none;background: transparent;}
.download-center-form .select-arrow {padding: 0;}
.download-center-form .select-arrow:before {content: '';right: 20px;top: 17px;width: 21px;height: 11px;background: transparent;position: absolute;pointer-events: none;display: block;}
.download-center-form .select-arrow:after {content: '>';font: 28px "Consolas", monospace;color: #929292;-webkit-transform: rotate(90deg);-moz-transform: rotate(90deg);-ms-transform: rotate(90deg);transform: rotate(90deg);right: 20px;top: 5px;padding: 0px 0px 2px;position: absolute;pointer-events: none;}
.download-listing {width: 100%;overflow: hidden;}
.download-listing h2 {font-size: 25px;color: #313131;line-height: 20px;margin-bottom: 22px;font-weight: 300;}
.download-listing h2 sup {font-size: 14px;}
.download-listing p {font-size: 16px; color: #313131;}
.product-brouchers {width: 100%;padding-right: 30px;}
.product-brouchers:last-child {padding-right: 0px;}
.broucher {width: 50%;padding-bottom: 28px;padding-right: 30px;}
.broucher-bg {width: 42px;height: 52px;background-position: -282px 0px;}
.broucher-info {width: 90%;padding: 3px 0px 0px 10px;}
.product-brouchers h3 {font-size: 14px;color: #383838;line-height: 20px;margin-bottom: 5px;font-weight: bold;}
.product-brouchers h3 em {font-weight: 300;color: #535353;}
.dwn-broucher-red {font-size: 14px;color: #da0f0f;display: inline-block;}
.dwn-broucher-red span {background-position: -333px 0px;width: 19px;height: 15px;margin-right: 7px;margin-top: -4px;}
/*===== Download Center Page Ends Here =====*/
/*===== Iam Architects Page =====*/
.iam-carousel-wrap {padding: 70px 0px;width: 100%;margin: 0 -15px}
.iam-carousel-wrap h2 {font-size: 23px;color: #000;line-height: 18px;text-transform: uppercase;margin-bottom: 37px;font-weight: 300;}
#architect ul.iam-slider {width: 100%;height: auto;display: inline-block;text-align: center;}
#architect ul.iam-slider li {width: 263px;}
#architect ul.iam-slider li img {width: 100%;height: auto;}
#architect ul.iam-slider li p {font-size: 14px;line-height: 18px;color: #000;text-transform: uppercase;margin: 20px 0px;font-weight: 300;}
#architect .bx-wrapper {box-shadow: none;border: none;}
#architect .bx-wrapper .bx-pager {display: none;}
#architect .bx-wrapper .bx-prev {background: url('../img/sprite.png') no-repeat;background-position: -432px 0px;left: -2%;}
#architect .bx-wrapper .bx-next {background: url('../img/sprite.png') no-repeat;background-position: -450px 0px;right: -2.3%;}
#architect .bx-wrapper .bx-controls-direction a {top: 43%;}
.architect-gradient {background: #fff;padding:0 0px 20px;}
#iamIneed .innerwrap{max-width: 1215px;width: 100%}
.iam-wrap {width: 100%;background: #fff;padding:30px 0px 0px;overflow: hidden;}
.builder-section-bg .innerwrap{max-width: 1215px;padding: 0 15px 0 15px}
.iam-wrap h1 {font-size: 35px;color: #1f1e1e;text-transform: capitalize;margin-bottom: 15px;font-weight: 300;}
.iam-wrap p {font-size: 14px;color: #1f1e1e;line-height: 20px;margin-bottom: 30px;}
.iam-col-50 {width: calc(50% - 16px);margin: 0px 8px 30px;height: 485px;overflow: hidden;}
.iam-col-50 img {width: 100%;height: 100%;left: 0;top: 0;transition: all .3s ease-in-out;}
.iam-col-50:hover img {transition: all .3s ease-in-out;transform: scale(1.1);}
.vintage-section {width: 60%;height: auto;z-index: 9;margin: 23% 35px 0px;}
.vintage-section h2 {font-size: 35px;color: #fff;text-transform: capitalize;margin-bottom: 20px;font-weight: 300;}
.vintage-section p {font-size: 18px;color: #fff;line-height: 26px;margin-bottom: 20px;font-weight: 300;}
.iam-btn {background: #4aa7e0;font-size: 14px;color: #fff;line-height: 18px;font-weight: 300;padding: 8px 19px;display: inline-block;border-radius: 15px;}
.iam-border-btn {font-size: 14px;color: #fff;position: relative;padding: 11px 18px;border: 1px solid #fff;border-radius: 15px;transition: all .3s ease-in-out;width: 141px;font-weight: 300;}
.iam-border-btn span {background-position: -484px 0px;width: 12px;height: 9px;margin-left: 9px;transition: all .3s ease-in-out;}
a.ha-mb-arrow {height: 22px;width: 22px;position: absolute;bottom: -30px;left: 0;right: 0;margin: auto;display: none;}
a.ha-mb-arrow span {background-position: -122px -47px;height: 100%;width: 100%;}
.iam-border-btn:hover span {margin-left: 17px;transition: all .3s ease-in-out;}
.top-block, .bottom-block {width: 100%;height: 233px;margin-bottom: 18px;}
.top-block h2, .bottom-block h2 {font-size: 20px;color: #fff;margin-bottom: 1px;font-weight: 300;margin-bottom: 15px;width: 260px;}
.top-block p, .bottom-block p {font-size: 12px;color: #fff;line-height: 18px;margin-bottom: 18px;width: 290px;}
.top-block img, .bottom-block img {width: auto;height: auto;left: 64%;top: 10%;}
.iam-col-50:hover .top-block img, .iam-col-50:hover .bottom-block img {transform: scale(1);}
.bottom-block img {left: 55%;top: 12%;}
.bottom-block {margin-bottom: 0px;}
.axolute {background: url('../img/iam-indeed/curved-lines-bg.png') no-repeat center center/cover;}
.details-on-block {width: auto;height: auto;padding: 10% 22px 0px;}
.iam-row {margin:0px -8px;}
#cms .iam-row {margin:0px;}
#home-automation .iam-row {width: 100%;margin:0px;}
.prod-disc-panel {width: 100%;max-width: 1264px;margin: 0 auto;position: relative;}
.orange {background: #ffa185;}
.prod-disc-panel-wrap {width: 49%;}
.prod-disc-panel-wrap h3 {font-size: 25px; color: #fff;line-height: 35px;margin-bottom: 25px;text-transform: uppercase;padding-right: 60px;font-weight: 300;}
.prod-disc-panel-wrap p {font-size: 14px; color: #fff;line-height: 22px;margin-bottom: 30px;}
.prod-disc-panel-wrap a {font-size: 14px; color: #fff;position: relative;padding: 11px 18px;border: 1px solid #fff;border-radius: 15px;transition: all .3s ease-in-out;width: 141px;}
.prod-disc-panel-wrap a:hover span {margin-left: 17px;transition: all .3s ease-in-out;}
.prod-disc-panel-wrap a span {background-position: -484px 0px;width: 12px; height: 9px;margin-left: 9px;transition: all .3s ease-in-out;}
.prod-disc-img {width: 100%;}
.prod-disc-img img {right: 45px;top: 25px;}
.innerwrap-padding {padding:30px 0px;}
/*===== Iam Architects Page Ends Here =====*/
/*===== Hospitality =====*/
.hospitality-facility-section {width: 100%;}
.col-50 {width: calc(100% - 16px);margin:8px;}
.col-50 .block{margin-bottom: 16px;overflow: hidden;display: table;position: relative;}
.col-50 .block:last-child {margin-bottom: 0px;}
.guest-lobby {width: 50%;}
.col-50 .block-img{position: absolute;left: 0;width: 100%;height: 100%;transition: all 1s ease;-moz-transition: all 1s ease;-ms-transition: all 1s ease;-webkit-transition: all 1s ease;-o-transition: all 1s ease;}
.col-50 .block-img span {width: 100%;height: 100%;position: absolute;top: 0;left: 0;background: rgba(0,0,0,0.4);}
.col-50 .block-img img {width: 100%;height: 100%}
.col-50 .block:hover .block-img {transform: scale(1.2);-moz-transform: scale(1.2);-webkit-transform: scale(1.2);-o-transform: scale(1.2);-ms-transform: scale(1.2); /* IE 9 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=1.2, M12=0, M21=0, M22=1.2, SizingMethod='auto expand')"; /* IE8 */
   filter: progid:DXImageTransform.Microsoft.Matrix(M11=1.2, M12=0, M21=0, M22=1.2, SizingMethod='auto expand'); /* IE6 and 7 */ }
#colRight .block{width:calc(50% - 8px)}
#colRight .block:hover .block-img{transform: scale(1);}
.guest-size, .lobby-size {height: 255px;width:100%}
.stairwell-bg {background: url('../img/hospitality/stairwell-bg.jpg') no-repeat center center/cover;}
.stairwell-height {height: 525px;width:100%;overflow: hidden;display: table;position: relative;}
.meeting-server,.server-room {width:100%;height: 255px;overflow: hidden;
    display: table;position: relative;}
#colRight .block .stairwell-height .block-img,#colRight .block .meeting-server .block-img,#colRight .block .server-room .block-img {transition: all 1s ease;-moz-transition: all 1s ease;-ms-transition: all 1s ease;-webkit-transition: all 1s ease;-o-transition: all 1s ease;}
#colRight .block .stairwell-height:hover .block-img,#colRight .block .meeting-server:hover .block-img,  #colRight .block .server-room:hover .block-img {transform: scale(1.2);-moz-transform: scale(1.2);-webkit-transform: scale(1.2);-o-transform: scale(1.2);-ms-transform: scale(1.2); /* IE 9 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=1.2, M12=0, M21=0, M22=1.2, SizingMethod='auto expand')"; /* IE8 */
   filter: progid:DXImageTransform.Microsoft.Matrix(M11=1.2, M12=0, M21=0, M22=1.2, SizingMethod='auto expand');}
.col-50 .block a{display: block;width: 100%;height: 100%;}
.col-50 .block a img {width: 100%;height: auto;}
.col-50 .block h2{text-align: center;font-size: 30px;color: #fff;text-transform: uppercase;line-height: 40px;font-weight: 300;display: table-cell;vertical-align: middle;z-index: 9;position: relative;}
.col-2-blocks {width: calc(50% - 16px)!important;}
/*===== Industrial Page Starts Here =====*/
.industrial-wrap {width: 100%;}
#industrial .single-col-50 {width: calc(50% - 16px);margin:8px;}
#industrial .single-col-50 .block{margin-bottom: 16px;overflow: hidden;display: table;position: relative;}
#industrial .single-col-50 .block:last-child {margin-bottom: 0px;}
.single-col-50 .block-img{position: absolute;left: 0;width: 100%;height: 100%;transition: all 1s ease;-moz-transition: all 1s ease;-ms-transition: all 1s ease;-webkit-transition: all 1s ease;-o-transition: all 1s ease;}
.single-col-50 .block-img span {width: 100%;height: 100%;position: absolute;top: 0;left: 0;background: rgba(0,0,0,0.4);}
#industrial .single-col-50 .block:hover .block-img {transform: scale(1.2);-moz-transform: scale(1.2);-webkit-transform: scale(1.2);-o-transform: scale(1.2);-ms-transform: scale(1.2); /* IE 9 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=1.2, M12=0, M21=0, M22=1.2, SizingMethod='auto expand')"; /* IE8 */
   filter: progid:DXImageTransform.Microsoft.Matrix(M11=1.2, M12=0, M21=0, M22=1.2, SizingMethod='auto expand'); /* IE6 and 7 */ }
#industrial .single-col-50 .block a{display: block;width: 100%;height: 100%;}
#industrial .single-col-50 .block a img {width: 100%;height: 100%;}
#industrial .single-col-50 .block h2{text-align: center;font-size: 30px;color: #fff;text-transform: uppercase;line-height: 40px;font-weight: 300;display: table-cell;vertical-align: middle;z-index: 9;position: relative;}
.industrial-size {height: 400px;width: 100%;}
.indstry {width: 100%;font-size: 14px;color: #191919;line-height: 25px;margin-top: 45px;padding: 0px 15px;}
.processing-area-bg {background:url('../img/industrial/processing-areas-bg.jpg') no-repeat center center/cover;transition: all .3s ease-in-out;}
.extreme-environments-bg {background:url('../img/industrial/extreme-environments-bg.jpg') no-repeat center center/cover;transition: all .3s ease-in-out;}
/*===== Industrial Page Ends Here =====*/
/*===== Contractors Page Starts Here =====*/
.ed-minus-margin {margin: 0px 0px;overflow:hidden;display: inline-block;width: 100%;}
.dark-gray {background: #d6d6d6;}
#contractors .row {margin: 0px;}
#contractors .single-col-50 {width: calc(50% - 16px);margin:8px;background: #fff;}
#contractors .single-col-50 .block{margin-bottom: 16px;overflow: hidden;display: table;position: relative;}
#contractors .single-col-50 .block:last-child {margin-bottom: 0px;}
.single-col-50 .block-img{position: absolute;left: 0;width: 100%;height: 100%;transition: all 1s ease;-moz-transition: all 1s ease;-ms-transition: all 1s ease;-webkit-transition: all 1s ease;-o-transition: all 1s ease;}
#contractors .single-col-50 .block:hover .block-img {transform: scale(1);-moz-transform: scale(1);-webkit-transform: scale(1);-o-transform: scale(1);-ms-transform: scale(1); /* IE 9 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=1.2, M12=0, M21=0, M22=1.2, SizingMethod='auto expand')"; /* IE8 */
   filter: progid:DXImageTransform.Microsoft.Matrix(M11=1.2, M12=0, M21=0, M22=1.2, SizingMethod='auto expand'); /* IE6 and 7 */ }
#contractors .single-col-50 .block a {display: block;width: 100%;height: 100%;transition: all .3s ease-in-out;}
#contractors .single-col-50 .block a:hover img{transform: scale(1.1);transition: all .3s ease-in-out;}
#contractors .single-col-50 .block a img {width: auto;position: absolute;display: inline-block;transition: all .3s ease-in-out;}
#contractors .single-col-50 .block span {font-size: 23px;color: #fff;line-height: 50px;font-weight: 300;display: table-cell;vertical-align: middle;z-index: 9;position: absolute;}
.first-row-height {height: 244px;width: 100%;}
#contractors .single-col-50 .first-row-height a {text-decoration: none;width: 100%;height: 100%;display: inline-block;transition: all .3s ease-in-out;}
#contractors .single-col-50 .first-row-height a .product-image {width: 100%;text-align: center;height: 194px;overflow:hidden;}
#contractors .single-col-50 .first-row-height a .product-image img {z-index: 1;width: auto;display: inline-block;position: absolute;margin-top: 2%;height: auto;left: 0;right: 0;top: 0;bottom: 0;margin: auto;}
#contractors .single-col-50 .first-row-height .product-title {width: 100%;text-align: center;padding: 11px 0px;}
#contractors .single-col-50 .first-row-height .product-title span {position: relative;z-index: 9;font-size: 22px;color: #fff;line-height: 28px;font-weight: 300;}
#contractors #wa img.wa-bg {position: absolute;top: 0;left: 0;width: 100%;height: 100%;margin: 0;}
.col-33 .rest-row-heights:hover .product-image img.wa-bg {transform: scale(1);}
.col-33 {width: calc(33.33% - 16px);margin: 8px;background: #fff;}
.col-33 .rest-row-heights {width: 100%;height: 213px;}
.col-33 .rest-row-heights a {text-decoration: none;width: 100%;height: 100%;display: inline-block;}
.col-33 .rest-row-heights a .product-image {width: 100%;text-align: center;height: 163px;overflow: hidden;}
.col-33 .rest-row-heights a .product-image img {z-index: 1;width: auto;display: inline-block;position: absolute;height: auto;left: 0;right: 0;top: 0;bottom: 0;margin: auto;}
.col-33 .rest-row-heights .product-title {width: 100%;text-align: center;padding: 11px 0px;}
.col-33 .rest-row-heights .product-title span {position: relative;z-index: 9;font-size: 22px;color: #fff;line-height: 28px;font-weight: 300;}
.col-25 {width: calc(25% - 16px);margin: 8px;background: #fff;}
.col-25 .rest-row-heights {width: 100%;height: 213px;}
.col-25 .rest-row-heights a {text-decoration: none;width: 100%;height: 100%;display: inline-block;transition: all .3s ease-in-out;}
.col-25 .rest-row-heights a .product-image {width: 100%;text-align: center;height: 163px;overflow: hidden;}
.col-25 .rest-row-heights a .product-image img {z-index: 1;width: auto;transition: all .3s ease-in-out;display: inline-block;position: absolute;margin-top: 8%;height: auto;transition: all .3s ease-in-out;left: 0;right: 0;top: 0;bottom: 0;margin: auto;}
.col-25 .rest-row-heights .product-title {width: 100%;text-align: center;padding: 11px 0px;}
.col-25 .rest-row-heights .product-title span {position: relative;z-index: 9;font-size: 22px;color: #fff;line-height: 28px;font-weight: 300;}
.acbs {top: 45%;text-align: right;padding-right: 20px;left: 0;width: 40%;}
.mccbs {right: 0%;top: 45%;padding-left: 20px;width: 40%;}
.bl {left: 55px;top: 127px;}
.cr {right: 10%;top: 45%;}
.cl {left: 35px;top: 80px;}
.bg-img-pos1 {background: url('../img/contractors/bg-img-pos1.png') #fff no-repeat right top;}
.bg-img-pos2 {background: url('../img/contractors/bg-img-pos2.png') #fff no-repeat left top;}
.bg-img-pos3 {background: url('../img/contractors/bg-img-pos3.png') #fff no-repeat right top;}
.bg-img-pos4 {background: url('../img/contractors/bg-img-pos4.png') #fff no-repeat left top;}
.bg-img-pos5 {background: url('../img/contractors/bg-img-pos5.png') #fff no-repeat left top;}
.bg-img-pos6 {background: url('../img/contractors/bg-img-pos6.png') #fff no-repeat right top;}
.bg-img-pos7 {background: url('../img/contractors/bg-img-pos7.png') #fff no-repeat left top;}
.bg-img-pos8 {background: url('../img/contractors/bg-img-pos8.png') #fff no-repeat left top;}
.bg-img-pos9 {background: url('../img/contractors/bg-img-pos9.png') #fff no-repeat right top;}
.bg-img-pos10 {background: url('../img/contractors/bg-img-pos10.png') #fff no-repeat left top;}
.img-pos1 {right: 18%;top: 17%;}
.img-pos2 {left: 17%;top: 17%;}
.img-pos3 {right: 3%;top: 27%;}
.img-pos4 {left: 18%;top: 22%;}
.img-pos5 {left: 18%;top: 22%;}
.img-pos6 {right: 15%;top: 17%;}
.img-pos7 {left: 18%;top: 19%;}
.img-pos8 {left: 8%;top: 31%;}
.img-pos9 {right: 10%;top: 31%;}
.img-pos10 {left: 14%;top: 28%;}
/*===== Contractors Page Ends Here =====*/
/*===== For Builders Section Starts Here =====*/
#builder .container {padding-top: 23px;}
/* .builder-section-bg {background:#ebebeb;} */
#builder .iam-col-50 {height: 325px;}
.curved-design-left-align {background: url('../img/iam-indeed/curved-design-left-align.png') no-repeat center center/cover;}
.curved-design-right-align {background: url('../img/iam-indeed/curved-design-right-align.png') no-repeat center center/cover;}
#builder .iam-col-50 img {width: auto;height: auto;}
#builder .iam-col-50 h2 {font-size: 35px;color: #fff;font-weight: 300;position: absolute;top: 43%;}
#builder .builder-left-img-pos {top: 86px;left: 35px;}
#builder .builder-right-img-pos {top: 92px;right: 39px;left: auto;}
#builder .builder-left-text-pos {right: 43px;}
#builder .builder-right-text-pos {left: 39px;}
/*===== For Builders Section Ends Here =====*/
/*===== For System Integrator Starts Here =====*/
#system-integrator .container {padding-top: 23px;}
#system-integrator .iam-col-50 {height: auto;}
#system-integrator .iam-col-50 h2 {font-size: 35px;color: #fff;font-weight: 300;position: absolute;z-index: 9;line-height: 35px;text-align: center;width: 80%;left: 0;right: 0;margin-right: auto;margin-left: auto;top: 42%;text-transform: capitalize;}
#system-integrator .iam-col-50 img {width: 100%;height: auto;}
#system-integrator a.arrow-btn-round {text-align: center;border-radius: 50%;position: absolute;bottom: 90px;left: 0;right: 0;margin-left: auto;margin-right: auto;width: 22px;height: 22px;}
#system-integrator a.arrow-btn-round span {background-position: -122px -47px;padding: 5px;width: 22px;height: 22px;display: inline-block;}
/*===== For System Integrator Ends Here =====*/
/*===== For Consultants Page Starts Here =====*/
/*.lcs3-bg {background: url('../img/iam-indeed/consultants/lcs3.jpg') no-repeat center center/cover;}*/
.lcs3-text-pos {bottom: 22px;left: 63%;top: unset!important;}
.iam-col-60 {width: calc(66.66% - 16px);margin: 8px 8px 30px 8px;height: 356px;}
.iam-col-60 img {width: auto;height: auto;transition: all .3s ease-in-out;position: absolute;right: 0;bottom: 0;z-index: 1;}
.iam-col-60:hover img {transition: all .3s ease-in-out;transform: scale(1.1);}
.pn-lcs-img {display: none;}
#builder .pn-lcs-wrap {width: 260px;height: auto;margin-top: 100px;margin-left: 45px;z-index: 9;}
#builder .pn-lcs-wrap h2 {font-size: 30px;color: #fff;font-weight: 300;margin-bottom: 15px;}
#builder .pn-lcs-wrap h2 sup {margin-right: 10px;font-size: 20px;}
#builder .pn-lcs-wrap p {font-size: 14px;line-height: 22px;color: #fff;font-weight: 300;margin-bottom: 0px;}
.iam-col-40 {width: calc(33.33% - 16px);margin:8px;height: 356px;text-align: center;}
.iam-col-40 img {transition: all .3s ease-in-out;width: auto;height: auto;position: absolute;left: 0;right: 0;bottom: 0;margin: auto;}
.iam-col-40:hover img {transition: all .3s ease-in-out;transform: scale(1.1);}
.iam-col-40 h2 {font-size: 30px;color: #21262f;text-transform: capitalize;font-weight: 300;margin-top: 60px;}
.square-arrow-gray-pos {width: 22px;height: 22px;position: absolute;background-position: -342px -47px;bottom: -30px;left: 0;right: 0;margin: auto;}
/*.valtack-img-pos {right: 40px;top: 25%;}
.valrack-pos {left: 40px;top: 45%;}*/
.consultants-height {height:233px;}
/*===== For Consultants Page Ends Here =====*/
/*===== For Home Owner Page Starts Here =====*/
.home-woner-wrap {width: 100%;margin: 0;padding: 0 7px}
.home-owner-left {width: calc(41.66% - 16px);transition: all .3s ease-in-out;height: 100%;margin: 8px;}
.ho-btn-col {background: #f86053!important;padding-left: 10px;width: 156px;}
.ho-btn-arrow {width: 18px; height: 13px;background-position:-84px -51px;right: 25px;transition: all .3s ease-in-out;}
.ho-btn-col:hover .ho-btn-arrow {transition: all .3s ease-in-out;right: 20px;}
#home-automation .ho-btn-col {padding-left: 4px;text-align: center;}
#home-automation .ho-btn-arrow {top: 10px;}
.home-owner-left img {width: 100%; height: auto;transition: all .3s ease-in-out;position: relative;}
.home-owner-left:hover img {transition: all .3s ease-in-out;transform: scale(1.1);}
.home-owner-left h2 {font-size: 25px;color: #fff;margin-bottom: 18px;text-transform: uppercase;}
.arteor-white-p {color: #fff!important;}
.home-left-inside-wrap {top: 128px;left: 25px;padding-right: 90px;}
.home-owner-right  {width: calc(58.33% - 16px);margin: 8px;}
.square-arrow-pos {width: 22px;height: 22px;position: absolute;background-position: -122px -47px;bottom: -30px;left: 0;right: 0;margin: auto;}
.ho-right-wrap {width: 100%;}
.ho-right-wrap ul {width: 100%;margin-bottom: 16px;}
.ho-right-wrap ul:last-child {margin-bottom: 0px;}
.ho-right-wrap ul li {width: calc(50% - 10px);margin-right: 16px;display: inline-block;list-style-type: none;position: relative;overflow: hidden;text-align: center;}
.ho-right-wrap ul li:last-child {margin-right: 0px;}
.ho-right-wrap ul li img {width: 100%;height: auto;position: relative;}
.ho-right-wrap ul li:hover img {transition: all .3s ease-in-out;}
.ho-right-wrap ul li h2 {position: absolute;font-size: 30px;color: #fff;text-transform: uppercase;font-weight: 300;}
.ax-my-pos {bottom: 57px;left: 31%;}
.emenragency-pos {bottom: 17px;left: 4%;}
/*===== For Home Owner Page Ends Here =====*/
/*===== Cable Management System CMS Page Starts Here =====*/
#cms .cms-wrap {overflow: hidden;width: 100%;margin-bottom: 30px;}
#cms .col-50 {width:calc(50% - 15px);margin:0px 30px 0px 0px;overflow: hidden;transition: all .5s ease-in-out;}
#cms .col-50:last-child {margin-right: 0px;}
#cms .col-50 img {width: 100%; height: auto;transition: all .5s ease-in-out;}
#cms .col-50:hover img {transition: all .5s ease-in-out;transform: scale(1.1);}
#cms .prod-cat-name {bottom:45px;left: 0;right: 0;margin-left: auto;margin-right: auto;z-index: 9;text-align: center;}
#cms .prod-cat-name h2 {font-size: 35px;line-height: 40px;color: #fff;text-transform: capitalize;font-weight: 300;}
#cms a.arrow-btn-round {text-align: center;border-radius: 50%;position: relative;bottom: 0px;left: 0;right: 0;margin-left: auto;margin-right: auto;bottom: -30px;position: absolute;}
#cms a.arrow-btn-round span {background-position: -122px -47px;padding: 5px;width: 22px;height: 22px;display: inline-block;}
/*===== Cable Management System CMS Page Ends Here =====*/
/*===changes by zeeshan===*/
.head-item {  font-size: 12px;  text-transform: uppercase;  border-bottom: 1px solid #ccc;  line-height: 20px;      color: #1f1f1f;      font-size: 1.1em;font-weight: 500;text-transform: uppercase; vertical-align: top; cursor: pointer;}
.head-item:last-child  {  border-bottom: none;}
.head-list {    background-color: #fff; padding: 0 5px;  display: none;    z-index: 1000;    position: relative;    top: 2px;}
.head-list.active{  display: block;}
.head-selected{  cursor: pointer;}
.head-selectblock{  position: relative;}
ul.global-nav{z-index: auto;}
/*===== Tools Page Starts Here =====*/
#tools ul.tools {overflow: hidden;padding: 30px 0px;text-align: center;width: 100%;margin: 0 auto;overflow: hidden;}
#tools ul.tools li {width:262px;height: 314px;margin: 0px 17px 17px 17px;position: relative;text-align: center;float: left;display: table;background: #fff;box-shadow: 1px 2px 4px #ccc;}
#tools .tools-title {width: 100%;}
#tools .tools-title h3 {display: inline-block;font-size: 35px;color: #131313;text-transform: capitalize;font-weight: 300;margin-top: 48px;padding-left: 17px;}
#tools .tools-tc {position: relative;text-align: center;display: table;height: 258px;width: 100%;}
#tools .tools-tc p {font-size: 30px;color: #404040;line-height: 40px;text-transform: uppercase;display: table-cell;vertical-align: middle;text-align: center;font-weight: 600;}
#tools span.tools-download {text-align: center;height: 56px;position: absolute;bottom: 0;left: 0 ;right: 0;margin-left: auto;margin-right: auto;background: #37b0e3;color: #fff;font-size: 12px;text-transform: uppercase;line-height: 59px;}
#tools span.tools-download a {width: 22px;height: 26px;display: inline-block;margin: 0px 5px;position: relative;top: 10px;}
#tools span.tools-download a:first-child {margin-left: 10px;}
.tool-dwnld-pos {background-position: -150px -46px;}
.apple-download {background-position: -178px -46px;}
.android-download {background-position: -213px -46px;}
#tools .tools-tb-img {position: relative;text-align: center;display: table;height: 258px;width: 100%;}
#tools .tools-tb-img img {display: inline-block;margin-top: 19px;}
#tools .tools-tb-img p {padding: 20px 0px;text-align: center;font-size: 14px;font-weight: 500;color: #1a1a1a;text-transform: uppercase;}
#tools .tools-fullimg {position: relative;text-align: center;display: table;height: 258px;width: 100%;}
#tools .tools-fullimg img {width: 100%;height: auto;}
/*===== Tools Page Ends Here =====*/
/*new select box css*/
.selectBox-name{
  padding: 0 5px;
  cursor: pointer;
  /* width:110px; */
}
.selectBox-list{
  cursor: pointer;
  position:relative;
  width: 100%;
  box-sizing: border-box;
  display: none;
  z-index: 1;
}
.selectBox-list.active{
  display: block;
}
.selectBox-item{
  background-color: #ffffff;
  padding: 0 5px;
  line-height: 30px;
  border-bottom: 1px solid #ccc;
  text-transform: capitalize;
}
.selectBox-item:last-child{
  border-bottom: none;
}
.selectBox-item:hover{
  background-color: #f4f4f4;
}
.selectBox-block{
  position: relative;
}
/*===== Search Page =====*/
.searched-prod-width {width: 85%;}
.searched-product-wrap {width: 100%;padding-bottom: 55px;margin: 0 auto;}
.searched-product {width: 100%;padding-bottom: 28px;}
.searched-product h2 {font-size: 25px;color:#313131;line-height: 20px;margin-bottom: 22px;text-transform: uppercase;font-weight: 300;}
.searched-product h2 sup {font-size: 14px;font-weight: 400;}
.searched-product h2 sub {font-size: 16px;font-weight: 400;}
.searched-product p {font-size: 16px;color: #313131;line-height: 20px;}
.searched-prod-details {width: 100%;}
.searched-prod-details ul {width: 100%;}
.searched-prod-details ul li {width: 100%;padding: 15px 0px;overflow: hidden;background: #fff;}
.searched-prod-details ul li:nth-child(odd) {background-color: #efefef;}
.searched-prod-details ul li:nth-child(even) {background-color: #fff;}
.searched-prod-details ul li a {width: 100%;overflow: hidden;height: 100%;display: inline-block;}
.searched-prod-name {float: left;}
.searched-prod-name h3 {font-size: 14px;color: #383838;line-height: 35px;font-weight: 500;}
.searched-links {float: right;}
.search-link {background-position: -134px -267px;height: 21px;width: 21px;vertical-align: super;}
.search-broucher {background-position: -352px 1px;height: 31px;width: 28px;margin-left: 26px;}
.search-download {width: 29px;height: 33px;color: #00a4e7;margin-left: 10px;}
/* enquiry form */
span.quick-enquiry{width: 73px;height: 73px;display: block;right:2%;bottom:8%;background-position: -518px 0;cursor: pointer;transition:all .6s ease-in-out;z-index: 999;}
span.quick-enquiry-zoom{transition:all .3s ease-in-out;transform: scale(0);}
.quick-enquiry-form{width: 417px;height: 247px;padding: 15px 33px;border: #41c6c9 2px solid;bottom: -270px;right: 30px;background: #fff;transition: all .3s ease-in-out;z-index: 999999;}
.quick-enquiry-form .btn-primary-round{display: block;width: 114px;height: 30px;background: #3e95d8;text-align: center;color: #fff;text-transform: uppercase;font-weight: 400;font-size: 1.2em;line-height: 30px;border-radius: 10px;margin: 0 auto;border: none;outline: none;cursor: pointer;padding: 0;position: absolute;right: 20px;bottom: 30px;}
.quick-enquiry-form .btn-primary-round:before{background: none}
.form-visible {transition: all .3s ease-in-out;bottom: 0;}
.form-invisible {transition: all .3s ease-in-out;bottom: -270px;}
.form-col-50 {width: 100%;height: auto;margin-bottom: 10px;}
.form-col-50 input {width: calc(50% - 13px);padding-bottom: 8px;padding-left: 2px;font-size: 12px;color: #2c2c2c;border: none;outline: none;border-bottom: 1px solid #c1c1c1;margin-right: 20px;}
.form-col-50 input:last-child {margin-right: 0px;vertical-align: bottom;}
.form-col-50 span {position: relative;width: calc(50% - 12px);display: inline-block;margin-right: 20px;}
.form-col-50 span:last-child {margin-right: 0px;vertical-align: bottom;}
.form-col-50 span .home-select-arrow {position: relative;padding-left: 3px;display: inline-block;width: 100%;}
.form-col-50 span .home-select-arrow:before {content: '';right: -139px;top: 10px;width: 20px;height: 20px;position: absolute;pointer-events: none;display: block;}
.form-col-50 select {background:none; padding: 0;margin: 0;width: 100%;font-size: 12px;border: none;outline: none;border-bottom: 1px solid #c1c1c1;padding-bottom: 8px;font-weight: 400;float: left;-moz-appearance: none;appearance:none;-webkit-appearance:none;-moz-appearance:none;padding-right: 15px}
.form-col-50 span .home-select-arrow:after {content: url('../img/sel-arrow.png');color: #929292;-webkit-transform: rotate(90deg);-moz-transform: rotate(90deg);-ms-transform: rotate(90deg);transform: rotate(90deg);right: 4px;top: -4px;padding: 0 0 2px;position: absolute;pointer-events: none;font-size: 17px;font-weight: 300;transform: rotate(0deg);}
.form-col-50 textarea {width: 100%;margin: 0px;height: 24px;resize: none;font-family: inherit;font-size: 12px;font-weight:400;vertical-align: top;color: #2c2c2c;outline: none;border: none;border-bottom: 1px solid #c1c1c1;}
.form-close-btn {right: -18px;top: -18px;background: #fff;color: #fff;font-size: 22px;padding: 10px;border-radius: 50%;height: 36px;width: 36px;line-height: 13px;text-align: center;font-weight: 400;transition: all .3s ease-in-out;border: 1px solid #41c6c9;}
.form-close-btn:after {content: "";position: absolute;width: 15px;height: 2px;background-color: #41c6c9;top: 16px;left: 10px;transform: rotate(45deg);transition: all .3s ease-in-out;opacity: 1;}
.form-close-btn:before {content: "";position: absolute;width: 15px;height: 2px;background-color: #41c6c9;top: 16px;left: 10px;transform: rotate(-45deg);transition: all .3s ease-in-out;opacity: 1;}
.form-close-btn:hover:after{transform: rotate(315deg);transition: all .3s ease-in-out;}
.form-close-btn:hover:before{transform: rotate(225deg);opacity: 1;transition: all .3s ease-in-out;}
.enquiry_footer_error {border-bottom: 1px solid #ff1b1b!important;}
/* 404, thankyou */
.pg404{padding: 40px 15px}
.pg404 h1{font-size: 5em;margin-bottom: 30px}
.pg404 h1, .pg404 h3{text-align: center;}
.pg404 h3{font-size: 3.5em;font-weight: 300;width: 50%;margin: 0 auto}
/*========== Footer Section ==========*/



.subcribe {width: auto;padding-top: 45px;overflow: hidden;}
.subcribe input {font-size: 12px;padding: 10px 14px;border-radius: 5px 0px 0px 5px;border: 1px solid #d7d7d7;color: #3e3e3e;width: 297px;height: 37px;}
.subcribe input:focus {outline: none;}
.subcribe button {padding: 10px 16px 10px 12px;font-size: 12px;color: #404040;text-transform: uppercase;background: #fff;border: 1px solid #d7d7d7;margin-left: -3px;border-radius: 0px 5px 5px 0px;cursor: pointer;transition: all .5s ease-in-out;height: 37px;}
.subcribe button:focus {outline: none;}
.subcribe button:hover {background: #3e95d8;transition: all .5s ease-in-out;color: #fff;}
footer .download {width: 25%;padding:0px 48px;}
footer .download a {font-size: 14px;font-weight: 500;color: #999;}
footer .download a:hover {text-decoration: underline;color: #000;}
footer .products {width: 18.66%;padding:0px 13px;}
footer .products ul {display: flex;flex-direction: column;}
footer .products ul li, .footer-support ul li {margin-bottom: 5px;}
footer .products ul li a:hover {color: #000;text-decoration: underline;}
footer .support {width: 14.66%;padding:0px 38px;}
footer .support ul {display: flex;flex-direction: column;}
footer .support ul li a:hover {color: #000;text-decoration: underline;}
footer h3 {    font-size: 22px;    color: #000;    padding-bottom: 2px;    font-weight: 500;}
footer p,footer .products ul li a,footer .support ul li a {text-decoration: none;font-size: 12px;color: #999;line-height: 18px;}
footer .social {width: 100%;margin: 35px 0;}
footer .social ul {display: flex;}
footer .social ul li {display: flex;width: 25px;height: 25px;background: #989898;border-radius: 50%;flex-wrap: wrap;flex-direction: row;justify-content: center;align-items: center;margin-right: 5px;transition: all .5s;cursor: pointer;}
footer .social ul li.fbf,footer .social ul li.twf,footer .social ul li.ytf,footer .social ul li.gpf,footer .social ul li.linkedinf,footer .social ul li.instaf {transition: all .5s;background: #989898;}
footer .social ul li:hover.fbf { background-color: #2b4170;
  background: -moz-linear-gradient(top, #3b5998, #2b4170);
  background: -ms-linear-gradient(top, #3b5998, #2b4170);
  background: -webkit-linear-gradient(top, #3b5998, #2b4170);transition: all .5s;}
footer .social ul li:hover.twf {background-color: #0081ce; /* fallback color */
  background: -moz-linear-gradient(top, #00aced, #0081ce);
  background: -ms-linear-gradient(top, #00aced, #0081ce);
  background: -webkit-linear-gradient(top, #00aced, #0081ce);transition: all .5s;}
footer .social ul li:hover.ytf {background-color: #cc181e;transition: all .5s;}
footer .social ul li:hover.gpf {background-color: #c33219; /* fallback color */
  background: -moz-linear-gradient(top, #e64522, #c33219);
  background: -ms-linear-gradient(top, #e64522, #c33219);
  background: -webkit-linear-gradient(top, #e64522, #c33219);transition: all .5s;}
footer .social ul li:hover.linkedinf {background-color: #0073b2; /* fallback color */
  background: -moz-linear-gradient(top, #009cda, #0073b2);
  background: -webkit-linear-gradient(top, #009cda, #0073b2);transition: all .5s;}
footer .social ul li:hover.instaf {background: #d6249f;
  background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%,#d6249f 60%,#285AEB 90%);transition: all .5s;}
footer .social ul li a {color: #fff;font-size: 16px;}
.footer-last {width: 100%;}
.last-left {width: 60%;}
.last-left ul {width: 100%;}
.last-left ul li {display: inline-block;margin-right: 10px;}
.last-left ul li a {text-decoration: none;font-size: 12px;color: #999;}
.last-left ul li a:hover {color: #000;text-decoration: underline;}
.last-right {width: 40%}
.last-right p {font-size: 12px;color: #999;text-align: right}
/*========== Footer Section Ends Here ==========*/
/* Hamburger */
.hamburger {
  padding: 10px;
  display: inline-block;
  cursor: pointer;
  transition-property: opacity, filter;
  transition-duration: 0.15s;
  transition-timing-function: linear;
  font: inherit;
  color: inherit;
  text-transform: none;
  background-color: transparent;
  border: 0;
  margin: 0;
  overflow: visible; }
.hamburger:hover {opacity: 0.7; }
.hamburger-box { width: 30px; height: 48px;  display: inline-block;  position: relative; }
.hamburger-inner { display: block;top: 50%; margin-top: -2px; }
.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
    width: 30px;
    height: 2px;
    background-color: #fff;
    border-radius: 4px;
    position: absolute;
    transition-property: transform;
    transition-duration: 0.15s;
    transition-timing-function: ease; }
  .hamburger-inner::before, .hamburger-inner::after {    content: "";    display: block; }
  .hamburger-inner::before {    top: -10px; }
  .hamburger-inner::after {    bottom: -10px; }
/*3DX*/
.hamburger--3dx .hamburger-box {  perspective: 80px; }
.hamburger--3dx .hamburger-inner {
  transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }
  .hamburger--3dx .hamburger-inner::before, .hamburger--3dx .hamburger-inner::after {
    transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }

.hamburger--3dx.is-active .hamburger-inner {
  background-color: transparent;
  transform: rotateY(180deg); }
  .hamburger--3dx.is-active .hamburger-inner::before {
    transform: translate3d(0, 10px, 0) rotate(45deg); }
  .hamburger--3dx.is-active .hamburger-inner::after {
    transform: translate3d(0, -10px, 0) rotate(-45deg); }
/*3DX Reverse*/
.hamburger--3dx-r .hamburger-box {  perspective: 80px; }
.hamburger--3dx-r .hamburger-inner {
  transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }
  .hamburger--3dx-r .hamburger-inner::before, .hamburger--3dx-r .hamburger-inner::after {
    transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }
.hamburger--3dx-r.is-active .hamburger-inner {
  background-color: transparent;
  transform: rotateY(-180deg); }
  .hamburger--3dx-r.is-active .hamburger-inner::before {
    transform: translate3d(0, 10px, 0) rotate(45deg); }
  .hamburger--3dx-r.is-active .hamburger-inner::after {
    transform: translate3d(0, -10px, 0) rotate(-45deg); }
/*3DY*/
.hamburger--3dy .hamburger-box { perspective: 80px; }
.hamburger--3dy .hamburger-inner {
  transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }
  .hamburger--3dy .hamburger-inner::before, .hamburger--3dy .hamburger-inner::after {
    transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }

.hamburger--3dy.is-active .hamburger-inner {
  background-color: transparent;
  transform: rotateX(-180deg); }
  .hamburger--3dy.is-active .hamburger-inner::before {
    transform: translate3d(0, 10px, 0) rotate(45deg); }
  .hamburger--3dy.is-active .hamburger-inner::after {
    transform: translate3d(0, -10px, 0) rotate(-45deg); }

/*
   * 3DY Reverse
   */
.hamburger--3dy-r .hamburger-box {
  perspective: 80px; }

.hamburger--3dy-r .hamburger-inner {
  transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }
  .hamburger--3dy-r .hamburger-inner::before, .hamburger--3dy-r .hamburger-inner::after {
    transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }

.hamburger--3dy-r.is-active .hamburger-inner {
  background-color: transparent;
  transform: rotateX(180deg); }
  .hamburger--3dy-r.is-active .hamburger-inner::before {
    transform: translate3d(0, 10px, 0) rotate(45deg); }
  .hamburger--3dy-r.is-active .hamburger-inner::after {
    transform: translate3d(0, -10px, 0) rotate(-45deg); }

/*
   * 3DXY
   */
.hamburger--3dxy .hamburger-box {
  perspective: 80px; }

.hamburger--3dxy .hamburger-inner {
  transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }
  .hamburger--3dxy .hamburger-inner::before, .hamburger--3dxy .hamburger-inner::after {
    transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }

.hamburger--3dxy.is-active .hamburger-inner {
  background-color: transparent;
  transform: rotateX(180deg) rotateY(180deg); }
  .hamburger--3dxy.is-active .hamburger-inner::before {
    transform: translate3d(0, 10px, 0) rotate(45deg); }
  .hamburger--3dxy.is-active .hamburger-inner::after {
    transform: translate3d(0, -10px, 0) rotate(-45deg); }

/*
   * 3DXY Reverse
   */
.hamburger--3dxy-r .hamburger-box {
  perspective: 80px; }

.hamburger--3dxy-r .hamburger-inner {
  transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }
  .hamburger--3dxy-r .hamburger-inner::before, .hamburger--3dxy-r .hamburger-inner::after {
    transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }

.hamburger--3dxy-r.is-active .hamburger-inner {
  background-color: transparent;
  transform: rotateX(180deg) rotateY(180deg) rotateZ(-180deg); }
  .hamburger--3dxy-r.is-active .hamburger-inner::before {
    transform: translate3d(0, 10px, 0) rotate(45deg); }
  .hamburger--3dxy-r.is-active .hamburger-inner::after {
    transform: translate3d(0, -10px, 0) rotate(-45deg); }

/*
   * Arrow
   */
.hamburger--arrow.is-active .hamburger-inner::before {
  transform: translate3d(-8px, 0, 0) rotate(-45deg) scale(0.7, 1); }

.hamburger--arrow.is-active .hamburger-inner::after {
  transform: translate3d(-8px, 0, 0) rotate(45deg) scale(0.7, 1); }

/*
   * Arrow Right
   */
.hamburger--arrow-r.is-active .hamburger-inner::before {
  transform: translate3d(8px, 0, 0) rotate(45deg) scale(0.7, 1); }

.hamburger--arrow-r.is-active .hamburger-inner::after {
  transform: translate3d(8px, 0, 0) rotate(-45deg) scale(0.7, 1); }

/*
   * Arrow Alt
   */
.hamburger--arrowalt .hamburger-inner::before {
  transition: top 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1); }

.hamburger--arrowalt .hamburger-inner::after {
  transition: bottom 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1); }

.hamburger--arrowalt.is-active .hamburger-inner::before {
  top: 0;
  transform: translate3d(-8px, -10px, 0) rotate(-45deg) scale(0.7, 1);
  transition: top 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22); }

.hamburger--arrowalt.is-active .hamburger-inner::after {
  bottom: 0;
  transform: translate3d(-8px, 10px, 0) rotate(45deg) scale(0.7, 1);
  transition: bottom 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22); }

/*
   * Arrow Alt Right
   */
.hamburger--arrowalt-r .hamburger-inner::before {
  transition: top 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1); }

.hamburger--arrowalt-r .hamburger-inner::after {
  transition: bottom 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1); }

.hamburger--arrowalt-r.is-active .hamburger-inner::before {
  top: 0;
  transform: translate3d(8px, -10px, 0) rotate(45deg) scale(0.7, 1);
  transition: top 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22); }

.hamburger--arrowalt-r.is-active .hamburger-inner::after {
  bottom: 0;
  transform: translate3d(8px, 10px, 0) rotate(-45deg) scale(0.7, 1);
  transition: bottom 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22); }

/*
 * Arrow Turn
 */
.hamburger--arrowturn.is-active .hamburger-inner {
  transform: rotate(-180deg); }
  .hamburger--arrowturn.is-active .hamburger-inner::before {
    transform: translate3d(8px, 0, 0) rotate(45deg) scale(0.7, 1); }
  .hamburger--arrowturn.is-active .hamburger-inner::after {
    transform: translate3d(8px, 0, 0) rotate(-45deg) scale(0.7, 1); }

/*
 * Arrow Turn Right
 */
.hamburger--arrowturn-r.is-active .hamburger-inner {
  transform: rotate(-180deg); }
  .hamburger--arrowturn-r.is-active .hamburger-inner::before {
    transform: translate3d(-8px, 0, 0) rotate(-45deg) scale(0.7, 1); }
  .hamburger--arrowturn-r.is-active .hamburger-inner::after {
    transform: translate3d(-8px, 0, 0) rotate(45deg) scale(0.7, 1); }

/*
   * Boring
   */
.hamburger--boring .hamburger-inner, .hamburger--boring .hamburger-inner::before, .hamburger--boring .hamburger-inner::after {
  transition-property: none; }

.hamburger--boring.is-active .hamburger-inner {
  transform: rotate(45deg); }
  .hamburger--boring.is-active .hamburger-inner::before {
    top: 0;
    opacity: 0; }
  .hamburger--boring.is-active .hamburger-inner::after {
    bottom: 0;
    transform: rotate(-90deg); }

/*
   * Collapse
   */
.hamburger--collapse .hamburger-inner {
  top: auto;
  bottom: 0;
  transition-duration: 0.13s;
  transition-delay: 0.13s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  .hamburger--collapse .hamburger-inner::after {
    top: -20px;
    transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear; }
  .hamburger--collapse .hamburger-inner::before {
    transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); }

.hamburger--collapse.is-active .hamburger-inner {
  transform: translate3d(0, -10px, 0) rotate(-45deg);
  transition-delay: 0.22s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  .hamburger--collapse.is-active .hamburger-inner::after {
    top: 0;
    opacity: 0;
    transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.22s linear; }
  .hamburger--collapse.is-active .hamburger-inner::before {
    top: 0;
    transform: rotate(-90deg);
    transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1); }

/*
   * Collapse Reverse
   */
.hamburger--collapse-r .hamburger-inner {
  top: auto;
  bottom: 0;
  transition-duration: 0.13s;
  transition-delay: 0.13s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  .hamburger--collapse-r .hamburger-inner::after {
    top: -20px;
    transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear; }
  .hamburger--collapse-r .hamburger-inner::before {
    transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); }

.hamburger--collapse-r.is-active .hamburger-inner {
  transform: translate3d(0, -10px, 0) rotate(45deg);
  transition-delay: 0.22s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  .hamburger--collapse-r.is-active .hamburger-inner::after {
    top: 0;
    opacity: 0;
    transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.22s linear; }
  .hamburger--collapse-r.is-active .hamburger-inner::before {
    top: 0;
    transform: rotate(90deg);
    transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1); }

/*
   * Elastic
   */
.hamburger--elastic .hamburger-inner {
  top: 2px;
  transition-duration: 0.275s;
  transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55); }
  .hamburger--elastic .hamburger-inner::before {
    top: 10px;
    transition: opacity 0.125s 0.275s ease; }
  .hamburger--elastic .hamburger-inner::after {
    top: 20px;
    transition: transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55); }

.hamburger--elastic.is-active .hamburger-inner {
  transform: translate3d(0, 10px, 0) rotate(135deg);
  transition-delay: 0.075s; }
  .hamburger--elastic.is-active .hamburger-inner::before {
    transition-delay: 0s;
    opacity: 0; }
  .hamburger--elastic.is-active .hamburger-inner::after {
    transform: translate3d(0, -20px, 0) rotate(-270deg);
    transition-delay: 0.075s; }

/*
   * Elastic Reverse
   */
.hamburger--elastic-r .hamburger-inner {
  top: 2px;
  transition-duration: 0.275s;
  transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55); }
  .hamburger--elastic-r .hamburger-inner::before {
    top: 10px;
    transition: opacity 0.125s 0.275s ease; }
  .hamburger--elastic-r .hamburger-inner::after {
    top: 20px;
    transition: transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55); }

.hamburger--elastic-r.is-active .hamburger-inner {
  transform: translate3d(0, 10px, 0) rotate(-135deg);
  transition-delay: 0.075s; }
  .hamburger--elastic-r.is-active .hamburger-inner::before {
    transition-delay: 0s;
    opacity: 0; }
  .hamburger--elastic-r.is-active .hamburger-inner::after {
    transform: translate3d(0, -20px, 0) rotate(270deg);
    transition-delay: 0.075s; }

/*
   * Emphatic
   */
.hamburger--emphatic {
  overflow: hidden; }
  .hamburger--emphatic .hamburger-inner {
    transition: background-color 0.125s 0.175s ease-in; }
    .hamburger--emphatic .hamburger-inner::before {
      left: 0;
      transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, left 0.125s 0.175s ease-in; }
    .hamburger--emphatic .hamburger-inner::after {
      top: 10px;
      right: 0;
      transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, right 0.125s 0.175s ease-in; }
  .hamburger--emphatic.is-active .hamburger-inner {
    transition-delay: 0s;
    transition-timing-function: ease-out;
    background-color: transparent; }
    .hamburger--emphatic.is-active .hamburger-inner::before {
      left: -80px;
      top: -80px;
      transform: translate3d(80px, 80px, 0) rotate(45deg);
      transition: left 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1); }
    .hamburger--emphatic.is-active .hamburger-inner::after {
      right: -80px;
      top: -80px;
      transform: translate3d(-80px, 80px, 0) rotate(-45deg);
      transition: right 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1); }

/*
   * Emphatic Reverse
   */
.hamburger--emphatic-r {
  overflow: hidden; }
  .hamburger--emphatic-r .hamburger-inner {
    transition: background-color 0.125s 0.175s ease-in; }
    .hamburger--emphatic-r .hamburger-inner::before {
      left: 0;
      transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, left 0.125s 0.175s ease-in; }
    .hamburger--emphatic-r .hamburger-inner::after {
      top: 10px;
      right: 0;
      transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, right 0.125s 0.175s ease-in; }
  .hamburger--emphatic-r.is-active .hamburger-inner {
    transition-delay: 0s;
    transition-timing-function: ease-out;
    background-color: transparent; }
    .hamburger--emphatic-r.is-active .hamburger-inner::before {
      left: -80px;
      top: 80px;
      transform: translate3d(80px, -80px, 0) rotate(-45deg);
      transition: left 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1); }
    .hamburger--emphatic-r.is-active .hamburger-inner::after {
      right: -80px;
      top: 80px;
      transform: translate3d(-80px, -80px, 0) rotate(45deg);
      transition: right 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1); }

/*
   * Minus
   */
.hamburger--minus .hamburger-inner::before, .hamburger--minus .hamburger-inner::after {
  transition: bottom 0.08s 0s ease-out, top 0.08s 0s ease-out, opacity 0s linear; }

.hamburger--minus.is-active .hamburger-inner::before, .hamburger--minus.is-active .hamburger-inner::after {
  opacity: 0;
  transition: bottom 0.08s ease-out, top 0.08s ease-out, opacity 0s 0.08s linear; }

.hamburger--minus.is-active .hamburger-inner::before {
  top: 0; }

.hamburger--minus.is-active .hamburger-inner::after {
  bottom: 0; }

/*
   * Slider
   */
.hamburger--slider .hamburger-inner {
  top: 2px; }
  .hamburger--slider .hamburger-inner::before {
    top: 10px;
    transition-property: transform, opacity;
    transition-timing-function: ease;
    transition-duration: 0.15s; }
  .hamburger--slider .hamburger-inner::after {
    top: 20px; }

.hamburger--slider.is-active .hamburger-inner {
  transform: translate3d(0, 10px, 0) rotate(45deg); }
  .hamburger--slider.is-active .hamburger-inner::before {
    transform: rotate(-45deg) translate3d(-5.71429px, -6px, 0);
    opacity: 0; }
  .hamburger--slider.is-active .hamburger-inner::after {
    transform: translate3d(0, -20px, 0) rotate(-90deg); }

/*
   * Slider Reverse
   */
.hamburger--slider-r .hamburger-inner {
  top: 2px; }
  .hamburger--slider-r .hamburger-inner::before {
    top: 10px;
    transition-property: transform, opacity;
    transition-timing-function: ease;
    transition-duration: 0.15s; }
  .hamburger--slider-r .hamburger-inner::after {
    top: 20px; }

.hamburger--slider-r.is-active .hamburger-inner {
  transform: translate3d(0, 10px, 0) rotate(-45deg); }
  .hamburger--slider-r.is-active .hamburger-inner::before {
    transform: rotate(45deg) translate3d(5.71429px, -6px, 0);
    opacity: 0; }
  .hamburger--slider-r.is-active .hamburger-inner::after {
    transform: translate3d(0, -20px, 0) rotate(90deg); }

/*
   * Spin
   */
.hamburger--spin .hamburger-inner {
  transition-duration: 0.22s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  .hamburger--spin .hamburger-inner::before {
    transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in; }
  .hamburger--spin .hamburger-inner::after {
    transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19); }

.hamburger--spin.is-active .hamburger-inner {
  transform: rotate(225deg);
  transition-delay: 0.12s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  .hamburger--spin.is-active .hamburger-inner::before {
    top: 0;
    opacity: 0;
    transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out; }
  .hamburger--spin.is-active .hamburger-inner::after {
    bottom: 0;
    transform: rotate(-90deg);
    transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1); }

/*
   * Spin Reverse
   */
.hamburger--spin-r .hamburger-inner {
  transition-duration: 0.22s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  .hamburger--spin-r .hamburger-inner::before {
    transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in; }
  .hamburger--spin-r .hamburger-inner::after {
    transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19); }

.hamburger--spin-r.is-active .hamburger-inner {
  transform: rotate(-225deg);
  transition-delay: 0.12s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  .hamburger--spin-r.is-active .hamburger-inner::before {
    top: 0;
    opacity: 0;
    transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out; }
  .hamburger--spin-r.is-active .hamburger-inner::after {
    bottom: 0;
    transform: rotate(90deg);
    transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1); }
/*
   * Spring
   */
.hamburger--spring .hamburger-inner {
  top: 2px;
  transition: background-color 0s 0.13s linear; }
  .hamburger--spring .hamburger-inner::before {
    top: 10px;
    transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  .hamburger--spring .hamburger-inner::after {
    top: 20px;
    transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); }

.hamburger--spring.is-active .hamburger-inner {
  transition-delay: 0.22s;
  background-color: transparent; }
  .hamburger--spring.is-active .hamburger-inner::before {
    top: 0;
    transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
    transform: translate3d(0, 10px, 0) rotate(45deg); }
  .hamburger--spring.is-active .hamburger-inner::after {
    top: 0;
    transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
    transform: translate3d(0, 10px, 0) rotate(-45deg); }

/*
   * Spring Reverse
   */
.hamburger--spring-r .hamburger-inner {
  top: auto;
  bottom: 0;
  transition-duration: 0.13s;
  transition-delay: 0s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  .hamburger--spring-r .hamburger-inner::after {
    top: -20px;
    transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0s linear; }
  .hamburger--spring-r .hamburger-inner::before {
    transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); }

.hamburger--spring-r.is-active .hamburger-inner {
  transform: translate3d(0, -10px, 0) rotate(-45deg);
  transition-delay: 0.22s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  .hamburger--spring-r.is-active .hamburger-inner::after {
    top: 0;
    opacity: 0;
    transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0s 0.22s linear; }
  .hamburger--spring-r.is-active .hamburger-inner::before {
    top: 0;
    transform: rotate(90deg);
    transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1); }

/*
   * Stand
   */
.hamburger--stand .hamburger-inner {
  transition: transform 0.075s 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19), background-color 0s 0.075s linear; }
  .hamburger--stand .hamburger-inner::before {
    transition: top 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  .hamburger--stand .hamburger-inner::after {
    transition: bottom 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19); }

.hamburger--stand.is-active .hamburger-inner {
  transform: rotate(90deg);
  background-color: transparent;
  transition: transform 0.075s 0s cubic-bezier(0.215, 0.61, 0.355, 1), background-color 0s 0.15s linear; }
  .hamburger--stand.is-active .hamburger-inner::before {
    top: 0;
    transform: rotate(-45deg);
    transition: top 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1); }
  .hamburger--stand.is-active .hamburger-inner::after {
    bottom: 0;
    transform: rotate(45deg);
    transition: bottom 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1); }

/*
   * Stand Reverse
   */
.hamburger--stand-r .hamburger-inner {
  transition: transform 0.075s 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19), background-color 0s 0.075s linear; }
  .hamburger--stand-r .hamburger-inner::before {
    transition: top 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  .hamburger--stand-r .hamburger-inner::after {
    transition: bottom 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19); }

.hamburger--stand-r.is-active .hamburger-inner {
  transform: rotate(-90deg);
  background-color: transparent;
  transition: transform 0.075s 0s cubic-bezier(0.215, 0.61, 0.355, 1), background-color 0s 0.15s linear; }
  .hamburger--stand-r.is-active .hamburger-inner::before {
    top: 0;
    transform: rotate(-45deg);
    transition: top 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1); }
  .hamburger--stand-r.is-active .hamburger-inner::after {
    bottom: 0;
    transform: rotate(45deg);
    transition: bottom 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1); }

/*
   * Squeeze
   */
.hamburger--squeeze .hamburger-inner {
  transition-duration: 0.075s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  .hamburger--squeeze .hamburger-inner::before {
    transition: top 0.075s 0.12s ease, opacity 0.075s ease; }
  .hamburger--squeeze .hamburger-inner::after {
    transition: bottom 0.075s 0.12s ease, transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19); }

.hamburger--squeeze.is-active .hamburger-inner {
  transform: rotate(45deg);
  transition-delay: 0.12s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  .hamburger--squeeze.is-active .hamburger-inner::before {
    top: 0;
    opacity: 0;
    transition: top 0.075s ease, opacity 0.075s 0.12s ease; }
  .hamburger--squeeze.is-active .hamburger-inner::after {
    bottom: 0;
    transform: rotate(-90deg);
    transition: bottom 0.075s ease, transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1); }

/*
   * Vortex
   */
.hamburger--vortex .hamburger-inner {
  transition-duration: 0.2s;
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); }
  .hamburger--vortex .hamburger-inner::before, .hamburger--vortex .hamburger-inner::after {
    transition-duration: 0s;
    transition-delay: 0.1s;
    transition-timing-function: linear; }
  .hamburger--vortex .hamburger-inner::before {
    transition-property: top, opacity; }
  .hamburger--vortex .hamburger-inner::after {
    transition-property: bottom, transform; }

.hamburger--vortex.is-active .hamburger-inner {
  transform: rotate(765deg);
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); }
  .hamburger--vortex.is-active .hamburger-inner::before, .hamburger--vortex.is-active .hamburger-inner::after {
    transition-delay: 0s; }
  .hamburger--vortex.is-active .hamburger-inner::before {
    top: 0;
    opacity: 0; }
  .hamburger--vortex.is-active .hamburger-inner::after {
    bottom: 0;
    transform: rotate(90deg); }

/*
   * Vortex Reverse
   */
.hamburger--vortex-r .hamburger-inner {
  transition-duration: 0.2s;
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); }
  .hamburger--vortex-r .hamburger-inner::before, .hamburger--vortex-r .hamburger-inner::after {
    transition-duration: 0s;
    transition-delay: 0.1s;
    transition-timing-function: linear; }
  .hamburger--vortex-r .hamburger-inner::before {
    transition-property: top, opacity; }
  .hamburger--vortex-r .hamburger-inner::after {
    transition-property: bottom, transform; }

.hamburger--vortex-r.is-active .hamburger-inner {
  transform: rotate(-765deg);
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); }
  .hamburger--vortex-r.is-active .hamburger-inner::before, .hamburger--vortex-r.is-active .hamburger-inner::after {
    transition-delay: 0s; }
  .hamburger--vortex-r.is-active .hamburger-inner::before {
    top: 0;
    opacity: 0; }
  .hamburger--vortex-r.is-active .hamburger-inner::after {
    bottom: 0;
    transform: rotate(-90deg); }
/* Hamburger ends here */


/*****new select box changes*****/

/*the container must be positioned relative:*/
.custom-select {
  position: relative;
  font-family: 'Open Sans', sans-serif;
}
.custom-select select {
  display: none; /*hide original SELECT element:*/
}
.select-selected {
  background-color: #fff;
}
/*style the arrow inside the select element:*/
/* .select-selected:after {
  position: absolute;
  content: "";
  top: 14px;
  right: 10px;
  width: 0;
  height: 0;
  border: 6px solid transparent;
  border-color: #757578 transparent transparent transparent;
} */
/*point the arrow upwards when the select box is open (active):*/
/* .select-selected.select-arrow-active:after {
  border-color: transparent transparent #757578 transparent;
  top: 7px;
} */
/*style the items (options), including the selected item:*/
.select-items div,.select-selected {
  color: #757578;
  padding: 8px 5px;
  border: 1px solid transparent;
  border-color: transparent transparent rgba(0, 0, 0, 0.1) transparent;
  cursor: pointer;
  user-select: none;
}
/*style items (options):*/
.select-items {
  position: absolute;
  background-color:#fff;
  top: 100%;
  left: 0;
  right: 0;
  z-index: 99;
}
/*hide the items when the select box is closed:*/
.select-hide {
  display: none;
}
.select-items div:hover {
  background-color: rgba(0, 0, 0, 0.1);
}

/*****new head select box*****/

.sel-wrap1.dib .custom-select {
    position: absolute;
    width: 169px;
    top: -0px;
    right: 0;
    font-size: 14px;
    font-family: 'Open Sans', sans-serif;
    /* white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; */
}

.sel-wrap2.dib .custom-select {
    top: -0px;
    right: 0;
    width: 172px;
    position: absolute;
    font-size: 14px;
    font-family: 'Open Sans', sans-serif;

}

.dib .select-selected {
    width: auto;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-right: 25px;
    position: relative;
    border-bottom: none;
    height: 15px;
    padding: 0 8px;
}

.select-selected:before {
  content: "";
  position: absolute;
  right:0;
  top:-2px;
  height:15px;
  width:15px;
  background-image: url('../img/sel-arrow.png');
  background-repeat: no-repeat;
  background-position: center;
}

.find-product-left .select-selected:before {
    top:10px;
}



/*****site map******/
.sitemap-list {
  width: 25%;
  float: left;
}

.sitemap-wrap h2 {
    font-size: 28px;
    font-weight: 300;
    margin-bottom: 65px;
    color:#666666;
}

.sitemap-wrap h4 {
    font-size: 18px;
    margin-top: 45px;
    font-weight: 500;
    margin-bottom: 25px;
    color:#666666;
}

.sitemap-list li a {
    font-size: 16px;
    color:#666666;
}

.sitemap-list li a b{
  line-height: 18px;
}

.sitemap-list li a:hover {
    text-decoration: underline;
}

.sitemap-list li {
    margin-bottom: 10px;
}

.sitemap-list-innerBlock:before, .sitemap-list-innerBlock:after {
    display: table;
    content: "";
    clear: both;
}

.sitemap-list-innerBlock {
    margin-top: 25px;
}

.sitemap-list-block {
    padding-bottom: 35px;
    border-bottom: 1px solid #cccccc;
}

.sitemap-wrap {
    margin-top: 30px;
    padding: 0 15px;
}

/* Responsive */
@media(max-width: 1600px){

}
@media(max-width: 1200px){
  .hdr-line{top: 54px;}
  .hdr-line img{width: 80%;  display: inline;}
  ul.listings{width: calc(100% - 20px)}
  ul.listings li{width: calc(25% - 30px)}
  ul.team-listings{width: calc(100% - 20px)}
  ul.team-listings li{width: calc(25% - 30px)}
  #switches .iam-wrap {padding: 30px 15px 0px;}
}
@media screen and (max-width: 1170px) {
  footer .products {padding-left: 0px}
  .prod-disc-img img {width: 100%;height: auto;position: static;}
  .prod-disc-panel-wrap {width: 100%}
  .prod-disc-panel-wrap h3 {padding: 0}
  #builder .iam-col-50 h2 {font-size: 28px;}
  #builder .iam-col-50 img {width: 40%;}
  #system-integrator .iam-col-50 h2 {font-size: 28px;line-height: 32px;width: 70%;}
  #system-integrator a.arrow-btn-round {bottom: 70px;}
  footer .products {padding-left: 0px;}
  footer .support {padding-left: 50px;}
}
@media screen and (max-width: 1158px) {
    .region-block {width: 33%;}
    .map-section {width: 41%;}
    .our-brands-wrap .brand-spacing {display: none;}
}
@media screen and (max-width: 1024px) {
    footer .products {padding-left: 0px;width: 18.66%;}
    footer .download {width: 20%;padding-left: 0px;}
    footer .support {width: 19.66%;padding: 0px 18px;}
    .brand-listing-section ul li{height: 215px}
    .brand-listing-section ul li a{padding: 10px}
    .brand-listing-section ul li a p{font-size: 12px}
    .brand-listing-section ul li a img{width: 90%;height: auto}
}
/*****tab view by zee****/
@media screen and (max-width:992px){
  .tool-tip-1{margin:180px auto 10px;}
  .tool-tip-wrap .next-tour{display: none;}
  .banner-wrap h2{font-size: 2.5em;line-height: 30px}
  #tools .tools-title h3{font-size: 25px}
  .last-right p {text-align: center}
  /*****select box*****/

.desk-header {
    display: block;
}

.desk-header .hdr-line.pa, .desk-header .innerwrap {
  display: none;
}

.sel-wrap{background: none;width:calc(100% - 44px);line-height: 46px;}
.sel-wrap2 .sel-wrap{width: calc(100% - 90px)!important;line-height: 46px;}
.desk-header .sel-wrap1, .desk-header .sel-wrap2 {
    float: none;
    text-align: center;
    border-bottom:1px solid #ffffff;

}

.desk-header .sel-wrap2 {
    border-bottom:none;

}

.desk-header .sel-wrap1 {
    width: 100%;
    margin-right: 0;

}

.desk-header .sel-wrap2 {
  width: 100%;
}

.desk-header .iam-ineed span {
    color: #fff;
}

.desk-header label select{
  padding: 0px;
}

.desk-header .iam-ineed span {
    line-height: 50px;
    width: 100%;
}

.desk-header .iam-ineed span.select-box-label {display: inline-block;    width: 46%;    text-align: right;}
.desk-header .sel-wrap1 .select-user-label{ width:auto;color: #fff;line-height: 46px;text-align: right;padding: 0 5px 0 15px}
.desk-header .sel-wrap1 select {    width: 98%; color: #a2a2a2;  appearance:none;    -webkit-appearance:none;    -moz-appearance:none;    line-height: 46px;}
.desk-header .sel-wrap2 .select-user-label{color: #fff;line-height: 42px;padding: 0 5px 0 15px}
.desk-header .sel-wrap2 select{line-height: 42px;color: #a2a2a2;}

.desk-header label select{  color: #a2a2a2;}
.desk-header .iam-ineed .sel-wrap1, .desk-header .iam-ineed .sel-wrap2 {  background:none;  position: relative;}
.sel-wrap1.dib::before,.sel-wrap2.dib::before {
  height: 12px;
  width:16px;
  content: "";
  position: absolute;
  background-image: url("../img/mob-arrow.png");
  top:50%;
  right: 20px;
  z-index: -1;
  margin-top: -6px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: auto 8px;
}
  .desk-header .iam-ineed {
    width: 100%;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    z-index: -1;
    top: 76px;
    display: table;
    color: #fff;
    background-color: #3d3435;

}
  .home-woner-wrap{padding: 0;}
  .ho-right-wrap ul {margin-bottom: -3px;}
  .ho-right-wrap ul li {width: calc(50% - 1px);margin-right: -2px;}
  .ho-right-wrap ul:last-child {margin-bottom: 0px;}
  .ho-right-wrap ul li:last-child {border-top: 1px solid #000;}
  .close-filter,.desk-hero-bnr {display: block;}
  .breadcrumb,.tab-hero-bnr {display: none;}
  .mb-hero-bnr {display: none;}
  .brand-listing-section{width: 100%}
  .mb-header,.mobile-menu {display: block;}
  /*.desk-header{display: none;}*/
  header .hdr-outer,header{	position:static;}
  main {margin-top: 169px;}
  /*****home page*****/
  .heading-home h1{font-size: xxx-large}
  .heading-home p {font-size: x-large}
  ul.our-spaces li:nth-child(n+3):nth-child(-n+4) { margin-top: 0px;}
  .product-hover{visibility: hidden}
  .brand-listing-section ul li{width: calc(33.33% - 10px);margin: 0px 5px 10px 5px}
  ul.our-spaces li:nth-child(2n+1) {margin-right: 0px;}
  .heading-home {padding: 50px 70px;}
  .heading-home h1{ color: #131313;font-weight: 300;margin-bottom: 50px;line-height: 40px;}
  .heading-home p {line-height: 30px;margin-bottom: 0px;padding: 0;}
  .ver-col-big {width: calc(100%);margin-right: auto;}
  .ver-col-big .our-spaces {height: 590px;display: table;}
  .ver-col-big .spaces-bg {background-size: cover;}
  .ver-col-big .spaces-wrap {margin-top: auto;display: table-cell;vertical-align: middle;position: relative;text-align: center;background-image: url(../img/our-spaces.jpg) no-repeat center top;}
  .ver-col-big .our-spaces h4 {font-size: 4em;margin-bottom: 30px;text-transform: uppercase;}
  .ver-col-big .our-spaces h5 {font-size: 27px;margin-bottom: 40px;line-height: 30px;}
  .ver-col-big .our-spaces p {font-size: 20px;line-height: 25px;}
  .spaces-gallery {padding: 0;}
  ul.our-spaces {width: calc(100%);margin-bottom: auto;}
  ul.our-spaces li {width: calc(100%);}
  .ver-col-big.oh.fl{float: none;margin-bottom: 80px;}
  ul.our-spaces li span:first-child {background-size: cover;background-repeat: no-repeat;}
  ul.our-spaces li{height: 360px;}
  .innerwrap.spaces-gallery.oh .bx-wrapper{width: 650px;margin-bottom: 80px !important;}
  #home .innerwrap.spaces-gallery.oh {background-color: #fff;}
  #home .innerwrap .bx-wrapper .bx-pager {bottom: -45px;}
  #home .innerwrap .bx-wrapper .bx-pager.bx-default-pager a{background-color: transparent;border: 1px solid #4e4e4e;}
  #home .innerwrap .bx-wrapper .bx-pager.bx-default-pager a.active{background-color: #4e4e4e;border: 1px solid #4e4e4e;}
  .spaces-gallery .bx-wrapper .bx-pager.bx-default-pager a {background: #4e4e4e;display: block;width: 20px;height: 20px;margin: 0 5px;outline: 0;-moz-border-radius: 20px;-webkit-border-radius: 20px;border-radius: 20px;}
  ul.our-spaces li .wrap{width: 100%;top: 80px;}
  ul.our-spaces li .wrap h5 {font-size: 35px;margin-bottom: 35px;}
  ul.our-spaces li .wrap p {font-size: 25px;line-height: 30px;padding: 0 30px;margin-bottom: 60px;}
  .our-brands-wrap ul li {display: flex;width: 100%;height: 250px;margin-top: auto;justify-content: center;align-items: center;}
  .our-brands-wrap .brand-spacing {display: none;}
  .our-brands-wrap ul li:last-child {margin-left: 0px;}
  .our-brands-wrap .bx-wrapper {background: transparent;}
  .top-block img, .bottom-block img {width: 40%;left: 55%;}
  .innerwrap.prod-cat.text-center h2 {font-size: 55px;}
  .prod-cat h5 {font-size: 25px;}
  .prod-cat p {font-size: 25px;line-height: 30px;display: none;}
  #home .our-brands-wrap .bx-wrapper .bx-pager {bottom: -20px;}
  .bx-wrapper .bx-pager.bx-default-pager a {width: 12px;height: 12px;-moz-border-radius: 8px;-webkit-border-radius: 8px;border-radius: 8px;}
  .our-brands-wrap .bx-wrapper .bx-pager.bx-default-pager a {background: #666;display: block;width: 25px;height: 25px;margin: 0 5px;-moz-border-radius: 15px;-webkit-border-radius: 15px;border-radius: 15px;}
  .innerwrap.prod-cat {padding:45px 15px 85px 15px;}
  .innerwrap.news-events-wrap.oh {display: none;}
  .facts h3{font-size: 5em}
  .pg404 h1{font-size: 3em}
  .pg404 h3{font-size: 2.5em;width: 100%}
  .prod-listing-disc{width:calc(100% - 40px);margin:20px auto 0;}
  .footer-wrap {width: 100%;position: relative;padding-bottom: 200px;}
  footer h3 {font-size: 40px;padding-bottom: 40px;font-weight: 300;text-align: center;}
  footer p{font-size: 20px;line-height: 24px;font-weight: 300;}
  footer .legrand p {text-align: center;padding: 0 80px 80px 80px;}
  .subcribe {float: none;padding:15px 0px;}
  .subcribe input {font-size: 11px;width: 70%;height: 90px;font-size: 22px;font-weight: 300;}
  .subcribe button {font-size: 22px;width: 30%;line-height: 68px;font-weight: 300;float: right;height: 90px;}
  footer .legrand {width:90%;padding-right:0px;margin: 0 auto;float: none}
  footer .download a{display: block;background: #f6f6f6;text-align: center;line-height: 45px;height: 45px;border-bottom: #fff 1px solid}
  .download .download-wrap  h3,.download .download-wrap  a,.products h3,.support h3,.last-left ul li a {height: 100px;background-color: #f6f6f6;line-height: 100px;font-size: 24px;display: block;text-align: center;font-weight: 300;border-bottom: 2px solid #fff;}
  footer .download {padding-bottom: 0px;}
  footer .products {padding-left: 0px;padding-bottom: 0px;}
  footer .download, footer .last-left{width: 100%}
  footer .support {padding-left: 0px;width: 100%;}
  footer .download{padding: 0px;}
  footer .products {width: 100%;padding: 0px;}
  footer .support {padding: 0px;}
  .last-left ul li{width: 100%;padding-right: 0px;}
  footer p, footer .products ul li a, footer .support ul li a {font-size: 16px;line-height: 25px;display: block;padding: 5px}
  .last-left ul li a {background-color:transparent;border-bottom: 2px solid #f6f6f6;}
  footer .social ul li {width: 45px;height: 45px;margin:0 10px;}
  .last-right p {font-size: 20px;}
  footer .social {width: 100%;margin: 0;padding: 0px;}
  footer .social {display: flex;justify-content: center;position: absolute;width: 100%;left: 0;bottom: 40px;}
  .last-right {width: 100%;text-align: center;float: none;position: absolute;left: 0;bottom: 0;}
  .prod-cat h2 {font-size: 25px;}
  ul.prod-cat-list li span.cat-text {font-size: 16px;}
  footer .products ul,footer .support ul {display: none;text-align: center;}
  .prod-cat-item {height: 290px;display: table;padding: 25px;width:100%;}
  ul.prod-cat-list li span.icon:after{display: none}
  .prod-cat-itemWrap {display: table-cell;vertical-align: middle;border: 1px solid #ccc;}
  ul.prod-cat-list li {margin: 0;width: calc(50% - 2px);}
  ul.prod-cat-list:before,ul.prod-cat-list:after{content: "";display: table;clear: both;}
  ul.prod-cat-list li:last-child .prod-cat-item {margin: auto;}
  .broucher {width: 100%;}

  .news-events-col{width: 50%;  padding-right: 30px;    float: left;    margin-right: 0;}
  .person-intro-img img {width: 100%;height: auto;}
  .team-popup .person-intro .intro-left {width: 39%;text-align: left;float: left;}
  .team-popup .person-intro .intro-left h3 {line-height: 40px;font-size: 20px;font-weight: 500;margin-bottom: 0px;}
  .team-popup .person-intro .intro-left p {font-size: 14px;}
  .product-listing-wrap{padding:30px}
  .brand-listing-section ul{padding: 0 15px;margin-top: 40px;position: relative;}
  .product-listing-wrap {background-color: #4aa7e0;}
  .product-listing-wrap h2,.product-listing-wrap p {color: #fff;font-weight: 300;line-height: 24px;}
  .dwn-broucher-white {font-size: 14px;color: #fff;line-height: 10px;display: inline-block;margin-top: 8px;text-decoration: none;display: inline-block;margin-bottom: 15px;}
  .dwn-broucher-white span {background-position: -241px -50px;width: 22px;height: 19px;margin-right: 7px;margin-top: -5px;}
  .dwn-broucher-white span svg {color: #fff;}
  .dwn-broucher-white span svg polygon {color: #fff;fill: #fff;}
  .dwn-broucher-white span svg rect {color: #fff;fill: #fff;}
  .brand-wrap,.filters {padding: 0;/* height: 80%; */overflow-x: hidden;}
  .brand-filter {margin-right: 0px;width: 100%;text-align: center;z-index: 99;position: fixed;left:0;top: 170px;display: none;overflow-y: auto;height:calc(100% - 170px)}
  .brand-filter h3 {padding: 15px 15px;text-transform: uppercase;z-index: 1;}
  .filters ul {text-align: center;}
  .filters ul li {margin-bottom: 0;padding: 0;border-bottom: 1px solid #e8e8e8;}
  .filters ul li a {color: #fff;width: 100%;height: 100%;}
  .checkbox-content:hover input ~ .checkmark{background: none}
  .checkbox-content input:checked ~ label.checkbox-content {color: #fff!important;}
  .checkbox-content {font-size: 16px;padding: 15px;z-index: 9999;}
  .checkbox-content input:checked ~ .checkmark,.checkmark {display: block;width: 100%;height: 100%;color: #fff;z-index: -1;border:none;}
  .mb-filter {position: fixed;display: block;cursor: pointer;z-index: 9;top: auto;bottom: 2%;right: 3%;}
  span.quick-enquiry {display: none;}
  .checkbox-content input:checked ~ .checkmark {background-color: #000000;border: none;color: #fff;}
  .checkbox-content input:hover ~ .checkbox-content, .checkbox-content input:active ~ .checkbox-content{color: #fff}
  .checkbox-content .checkmark:after {border:none;}
  .checkbox-content .checkmark:after {position: absolute;
    left: 0;
    top: 0;
    transform: rotate(0deg);
    width: 100%;
    height: 100%;
    background: #000;
  }
  .checked-color {color: #fff!important;background: #000}
  .brand-listing-section ul li a img {width: 45%;}
  #prod-details .product-related-block {display: none;}
  #builder .iam-col-50 h2 {top: auto;bottom: 20%;left: 0;right: 0;margin: auto;text-align: center;}
  #builder .iam-col-50 img {width: 60%;top: 10%;left: 0;right: 0;margin: auto;}
  #system-integrator .iam-col-50 h2 {font-size: 24px;line-height: 25px;}
  #system-integrator a.arrow-btn-round {bottom: 65px;}
  .iam-col-60 img {width: 45%;}
  .iam-col-40 img {width: 100%;}


/*****new select box******/

.sel-wrap1.dib .custom-select,.sel-wrap2.dib .custom-select {
    position: static;
    width: 50%;
}

.iam-ineed .select-user p, .iam-ineed .select-user .custom-select {
    display: table-cell;
    vertical-align: middle;
    width: 50%;
}

.iam-ineed .select-user {
    display: table;
    width: 100%;
}

.iam-ineed .select-user p{
  text-align: right;
  padding-right: 3px;
}

 .iam-ineed .select-user .custom-select {
   padding-left: 3px;
 }

 .iam-ineed .select-selected {
    background-color: transparent;
    text-align: left;
}

.dib .select-selected {
    padding: 0 0px;
    height: 50px;
    line-height: 50px;
}

.dib .select-selected:before {
  display: none;
}

.select-selected {
    color: #fff;
}


}
@media(max-width: 990px){
  #home .bx-wrapper img {display: inline-block;width: 100%;height: auto}
    .news-events-col h2{font-size: x-large;}
    ul.listings li{width:calc(33.33% - 30px)}
    ul.team-listings li{width:calc(33.33% - 30px)}
    .subcribe {width: 100%;padding-bottom: 25px;padding-top: 25px;}
    .subcribe input {font-size: 11px;width: 73%;}
    .subcribe button {font-size: 11px;width: 27%;}
    /* footer .download {padding: 0px 3%;} */
    .form-wrap h3 {font-size: 22px;}
    .our-offices-info {width: 100%;}
    .offices-call-chat-wrap {width: 100%!important;padding: 0px 0px;}
    .offices-section {width: 100%;}
    .map-section {width: 60%;}
    .our-offices {text-align: center;}
    .regions {text-align: left;}
    .product-brouchers {width: 100%;padding: 0px;}
    .map,.news-events,.broucher {width: 100%;}
    .col-50 .block h2 {font-size: 24px;line-height: 30px;}
    .iam-col-40 h2 {font-size: 24px;line-height: 27px;}
    .home-owner-left, .home-owner-right {width: 100%;margin:0px 0px 20px 0px;}
    .home-owner-left {height: 440px;}
    .home-owner-left img {bottom: -190px;position: absolute;}
    .home-left-inside-wrap {padding-right: 0px;width: 45%;top: 108px;left: 0;right: 0;margin: auto;text-align: center;}
    .ho-btn-col {float: none;display: inline-block;}
    .emenragency-pos {left: 17%;}
    ul.our-spaces{width: calc(60% - 13px);margin-bottom: 25px;}
    ul.our-spaces li:first-child{margin-right: 25px;}
    ul.our-spaces li{width: calc(50% - 13px)}
    ul.our-spaces li .wrap{padding: 0 20px}
    .ver-col-big .spaces-wrap{margin-top: 20vh;}
    ul.listings li{width:calc(33.33% - 30px)}
    ul.team-listings li{width:calc(33.33% - 30px);min-height: 200px!important}
    .subcribe {width: 100%;padding-bottom: 25px;padding-top: 25px;}
    .subcribe input {font-size: 16px;width: 73%;}
    .subcribe button {font-size: 16px;width: 27%;}
    .form-wrap h3 {font-size: 22px;}
    .our-offices-info {width: 100%;}
    .offices-call-chat-wrap {width: 100%!important;padding: 0px 0px;}
    .offices-section {width: 100%;}
    .map-section {width: 60%;}
    .our-offices {text-align: center;}
    .regions {text-align: left;}
    .iam-carousel-wrap {display: none;}



  /*****footer changes ******/
  .subcribe input {
  height: 60px;
}

.subcribe button {
    line-height: 40px;
    height: 60px;

}

.download.fl h3 {

    padding-bottom: 0px;
    height: 100px;
    background-color: #f6f6f6;
    border-bottom: 1px solid #fff;

}

.download.fl h3 a {
    height: 100px;
    line-height: 100px;

}

footer .download a {
    line-height: 100px;
    height: 100px;
    font-size: 24px;
    font-weight: 300;

}




}


@media screen and (max-width: 880px) {
  .call-chat-box {width: 47%;margin: 10px;float: left;height: 213px;}
  .call-chat-box p {line-height: 18px;}
  .enquiry-form-width {width: 100%;}
  .form-wrap {padding: 20px 0px;}
  .call-chat-wrap {width: 100%;}
  .call-box {width: calc(50% - 20px);margin:10px;height: 233px;float: left;}
  .chat-box {width: calc(50% - 20px);margin:10px;float: left;}
  .office-call-chat-width {width: calc(50% - 20px)!important;}
  .call-chat-box {width: 47%;margin: 10px;float: left;height: 213px;}
  .call-chat-box p {line-height: 18px;}
  .enquiry-form-width {width: 100%;}
  .form-wrap {padding: 20px 0px;}
  .call-chat-wrap {width: 100%;}
  .call-box {width: calc(50% - 20px);margin:0px;height: auto;float: left;}
  .chat-box {width: calc(50% - 20px);margin:10px;float: left;}
  .office-call-chat-width {width: calc(50% - 20px)!important;}
  #system-integrator a.arrow-btn-round {bottom: 50px;}
}
@media screen and (max-width: 820px) {
  .element-wrap input, textarea, label select, .file-in {width:100%;}
  .file-in input {width: 0px}
  .captcha-block input {width: 141px;}
}
@media screen and (max-width: 768px) {
    .title-container{/* padding: 0 15px */}
    .title-container h1{font-size: 25px}
    .title-container h1, .title-container p{text-align: center;}
    .hm-owner .innerwrap{padding: 0}
    ul.our-spaces li .wrap{padding: 0 10px}
    footer .download {width: 100%}
    .last-left {width: 100%;float: none;text-align: center;}
    .last-right {width: 100%;text-align: center;float: none;}
    .last-right p {text-align: center;width: 100%;}
    .subcribe {padding-bottom: 30px;}
    footer .inside {padding-bottom: 16px;}
    footer .social {display: flex;justify-content: center;}
    .footer-last {line-height: 20px;}    
    .guest-lobby {width: 100%;}
    .col-2-blocks {width: calc(100% - 13px)!important;}
    .col-50 {width: calc(100% - 13px);}
    #industrial .single-col-50 {width:100%;}
    #industrial .single-col-50 .block h2 {font-size: 22px;line-height: 30px;}
    #contractors .single-col-50 {width:100%;margin:8px 0px;}
    #contractors .single-col-50 .block span {font-size: 22px;line-height: 30px;}
    .ed-minus-margin {margin: 0px 0px;width: 100%;}
    .col-33 {width: calc(50% - 16px);}
    .col-25 {width: calc(50% - 16px);}
    #builder .iam-row {margin: 0px 0px;}
    #builder .iam-col-50 {width: 100%;margin: 0px 0px 30px}
    #system-integrator .iam-row {margin: 0px 0px;}
    #system-integrator .iam-col-50 {width: 100%;margin: 0px 0px 30px;}
    #system-integrator .iam-col-50 h2 {bottom: 30%;top: auto;font-size: 25px;width: 45%;line-height: 30px;}
    #system-integrator a.arrow-btn-round {bottom: 90px;}
    .iam-col-60, .iam-col-40 {width: 100%;margin:0px 0px 20px 0px;}
    .iam-col-40 img {width: auto;}
    .ho-right-wrap ul li h2 {font-size: 24px;}
    .emenragency-pos {left: 5%;}
}

@media (max-width: 767px){
  .iam-border-btn,.top-block p, .bottom-block p,.mb-hero-bnr, span.quick-enquiry,#home #homeSlider .bann1 .carousel-desk,.desk-hero-bnr {display: none;}
  .tab-hero-bnr {display: block;}
  .news-events-col h2{font-size: large;}
  .news-events-col h2{margin-bottom: 15px;}
  .ver-col-big, ul.our-spaces{width: 100%;}
  .ver-col-big{margin-right: 0;margin-bottom: 20px;}
  ul.our-spaces li .commercial,ul.our-spaces li .industrial,ul.our-spaces li .residential,ul.our-spaces li .hostpitality,.ver-col-big .spaces-bg{background-size: cover}
  .news-events-col{width: 100%;padding: 0}
  #home #homeSlider .bann1  .carousel-mb {display: block;}
  #innovalSlider .bann1 .slider-cont {width: 300px;right: 0;top: 20%;z-index: 99;text-align: center;left: 0;margin-left: auto;margin-right: auto;}
  #innoval #innovalSlider .bann1 .carousel-mb {display: block;}
  #innoval #innovalSlider .bann1 .carousel-desk, .desk-hero-bnr {display: none;}
  ul.mb-global-nav {margin-top:80px;padding-bottom: 200px;}
  #homeSlider .bann1 .slider-cont {width: 300px;right: 0;top: 20%;z-index: 99;text-align: center;left: 0;margin-left: auto;margin-right: auto;}
#our-offices .our-offices-info {width: 100%;}
#our-offices .office-call-chat-width {text-align: left;margin: 0 auto;}
#our-offices .offices-call-chat-wrap {width: 100%!important;text-align: center;display: flex;float: none;}
.offices-section {width: 100%;text-align: center;}
.vintage-section {width: 70%;text-align: center;}
.details-on-block {width: 100%;height: auto;padding: 0;position: absolute;left: 0;right: 0;margin: 0;bottom: 45px;}
.top-block h2, .bottom-block h2 {margin-bottom: 8px;display: inline-block;text-align: center;width: 100%;}
.top-block p, .bottom-block p {margin-bottom: 8px;}
.top-block img, .bottom-block img {width:auto;height:50%;left: 0;right: 0;margin: auto;}
a.ha-mb-arrow {display: block;}
.regions {text-align: left;}
.map-section {width: 100%;}
.person-intro-img {width: 100%;height: 400px;}
.person-intro-img img {width: 100%;height: auto;}
.team-popup .person-intro .intro-left {background-color:#2b2b2b;width: 100%;padding: 30px 10px;text-align: center;}
.team-description {padding: 0px;}
.team-popup {text-align: center;}
.team-name{font-size: 13px;margin-top: 10px;}
ul.team-listings li{margin-bottom: 15px;}
.team-designation{font-size: 13px}
.brand-listing-section ul li a img {width: 60%;}
.mb-filter {width: 47px;height: 47px;}
.mb-filter a {background-position: -94px -266px;height: 22px;width: 22px;}
#home-automation .iam-col-50 {width: calc(100% - 0px);margin: 0px;text-align: center;}
#home-automation .iam-col-50:last-child {height: auto;}
#home-automation .top-block, .bottom-block {width: calc(50% - 0px);float: left;}
.builder-section-bg .innerwrap {padding:0px;}
#builder .iam-col-50 h2 {bottom: 20%;font-size: 30px;}
#builder .iam-col-50 img {width: 40%;}
#tools ul.tools li {float: none;display: inline-block;}
#cms .prod-cat-name h2 {font-size: 28px;line-height: 30px;}
#cms .cms-wrap{margin-bottom: 0;}
.top-block{margin-bottom: 0;}
.col-33 .rest-row-heights .product-title span{font-size: 18px}
#prod-details .banner-wrap {display: none;}
.element-wrap label {width: 100%;margin-bottom: 30px;}
    .element-wrap {padding: 0px;}
    .element-wrap .file-in {    width: calc(100% - 30px);margin-bottom: 40px;margin-left: 15px;}
    .element-wrap input, .element-wrap textarea, .element-wrap label select, .element-wrap .file-in {font-size: 14px;}
.pg404 h3{font-size: 2em}


/****site map****/
.sitemap-list {
  width: 50%;
}

.sitemap-list li a b {
  display: block;
  margin-top: 20px;
}

.sitemap-list li a {
    font-size: 16px;
}

.sitemap-wrap h2 {
    margin-bottom: 30px;
}

.sitemap-wrap h4 {
    margin-top: 0px;
    margin-bottom: 0px;
}

.sitemap-list-innerBlock {
    margin-top: 10px;
}

.sitemap-list-block {
    padding-bottom: 15px;
    padding-top: 20px;
}

.sitemap-list li.no-pd a b {
    margin-top: 0px;
}

.sitemap-list li a b {
    line-height: 16px;
}




}
@media(max-width: 650px){
    .heading-home p{padding: 0}
    h1, .headings h1{font-size: xx-large}
    .heading-home h1{font-size: x-large;line-height: 30px;}
    ul.listings li{width: 260px;
    float: none;
    margin: 0 auto 30px;}
    ul.team-listings li{width:calc(50% - 30px);height: auto!important}
    .element-wrap input, textarea, label select, .file-in {font-size: 12px;}
    .call-box {width: 100%;height: auto;margin: 0px;}
    .chat-box {width: 100%;margin: 10px 0px 10px 0px;}
    .office-call-chat-width {width: 100%!important;}
    .fs-30 {font-size: 20px!important;}
    .fs-18 {font-size: 16px!important;margin: 24px 0px 41px 0px!important;line-height: 20px!important;}
    .region-block {width: 49%;}
    .download-center-form {width: 100%;}
    #cms .col-50 {width: 100%;margin: 0px 0px 20px 0px;}
    .home-left-inside-wrap {top: 38px;}
    .home-owner-left img {bottom: 0px;}
    #builder .iam-col-50 h2 {bottom: 20%;}
    #builder .iam-col-50 img {width: 50%;}
    #system-integrator .iam-col-50 h2 {width: 55%;}
    #system-integrator a.arrow-btn-round {bottom: 50px;}
}
@media screen and (max-width: 480px) {
  .subcribe input {width: 157px;font-size: 11px}
  footer .products {width: 100%;}
  footer .support {width: 100%;}
  .element-wrap {padding: 0px;}
  .element-wrap input, textarea, label select, .file-in {width: calc(100% - 0px);margin:0;}
  .file-in input {width: 0px;margin: 0;}
  .fileinstructions {top: 25px;}
  .captcha-block input {width: 141px;margin:0px;}
  .btn-margin {margin: 15px 0px 0px 0px;display: block;}
  .form-wrap h3 {font-size: 18px;margin-bottom: 20px}
  .input-width {width: 90%!important;margin: 10px 15px;}
  .map-section {width: 100%;}
  .zones ul li a {line-height: 20px;font-size: 11px;}
    .download-center-form form label {width: 100%;margin: 0px 0px 30px 0px;}
    .product-brouchers h3, .product-brouchers a {font-size: 12px;margin-bottom: 5px;}
    .broucher-bg {width: 22px;height: 27px;background-position: -355px 0px;margin-top: 9px;}
    .broucher {padding-bottom: 10px;padding-right: 0px;}
    .industrial-size {height: 350px;}
    .col-33 {width: 100%;margin: 8px 0px;}
    ul.team-listings li {width: calc(50% - 30px);height: 250px!important;}
    #system-integrator .iam-col-50 h2 {font-size: 20px;bottom: 35%;line-height: 25px;width: 60%;}
    #system-integrator a.arrow-btn-round {bottom: 30px;}
    .ho-right-wrap ul {margin-bottom: 0px;}
    .ho-right-wrap ul li {width: 100%;margin:0px 0px 10px 0px;}
    .emenragency-pos {left: 14%;}
    .ax-my-pos {left: 36%;}
    .home-owner-left {height: 310px;}
    .home-left-inside-wrap {width: 85%;}
    .brand-listing-section ul li a img {width: 45%;}
    .download-center-form label {width: 100%;margin-bottom: 28px;}
    .download-center-form .input-wrap input, .download-center-form label select {font-size: 12px;}
  #enquiry-page .element-wrap label {width: 100%;}
  .person-intro-img {height: 400px;}
  #our-offices .office-call-chat-width {width: calc(80% - 15px)}
  .brand-listing-section ul li {width: calc(50% - 10px);box-shadow: none;border:1px solid #ddd;}
  .mb-filter {top: auto;}
  .vintage-section h2 {font-size: 28px;}
  .vintage-section p {font-size: 14px;}
  .top-block h2, .bottom-block h2 {font-size: 16px;}
  #builder .iam-col-50 img {width: 60%;top: 15%;}
  .download-center-form .select-arrow:after {font: 18px "Consolas", monospace;top: 10px;}
  #cms .prod-cat-name h2 {font-size: 22px;line-height: 22px;width: 80%;display: inline-block;}
  .col-25 {width: calc(100% - 0px);margin: 8px 0px;}
  #builder .pn-lcs-wrap {width: 100%;height: auto;margin:0px;z-index: 9;text-align: center;position: absolute;bottom: 40px;}
  #builder .pn-lcs-wrap p {display: none;}
  .iam-col-60 img {display: none;}
  .iam-col-60 img.pn-lcs-img {display: block;width: 60%;top: -100px;position: absolute;left: 0;right: 0;margin:auto;}
  
  .person-intro-img {height: 200px;}
  .team-popup .person-intro{margin-bottom: 20px;}
  /*****new select box css****/
  .dib .select-selected {    width: 200px;  }
  
  
  /****site map****/
	.sitemap-list {
  width: 100%;
}

}
@media screen and (max-width: 400px) {
  .brand-listing-section ul li a img {width: 70%;}
}
@media screen and (max-width: 360px) {
  .subcribe input {font-size: 10px;width: 50%;}
  .subcribe button {font-size: 10px;width: 30%;}
  .captcha-block input {width: 110px;font-size: 8px;}
  .input-width {width: 88%!important;}
  .region-block {width: 100%;padding: 0px 0px 40px 0px;}
    ul.team-listings li {width: calc(50% - 30px);height: 215px!important;}
    .download-center-form form .input-wrap input, .download-center-form form label select {font-size: 12px;}
    #colRight .block {width: 100%;}
    .home-owner-left {height: 270px;}
    .home-owner-left h2 {font-size: 22px;}
    .ho-right-wrap ul li h2 {font-size: 24px;}
    .ax-my-pos {bottom: 47px;left: 33%;}
    .emenragency-pos {left: 11%;}
    #homeSlider .bann1 .slider-cont {width: 280px;}
    #homeSlider .bann1 .slider-cont h3 {font-size: 2em;}
    .banner-explore-btn {font-size: 11px;}
    .banner-watch-btn {width: 105px;font-size: 11px;}
    
    .team-popup .person-intro .intro-left h3 {line-height: 20px;font-size: 18px;}
    .team-popup .person-intro .intro-left p {font-size: 12px;}
    .team-popup .person-intro .intro-left {padding: 10px 10px;}
    .iam-col-60 img.pn-lcs-img {width: 80%;}
    .iam-col-40 img {width: 100%;}

    /*****new select box css****/
    .dib .select-selected {
        width: 170px;

    }

}

@media screen and (max-width: 320px) {

  /*****new select box css****/
  .dib .select-selected {
      width: 150px;

  }

}

/* css for mobile devices by zeeshan */
@media screen and (max-width: 767px) {
  .ver-col-big .our-spaces {  height: 250px;  }
  .ver-col-big .our-spaces h4 {    font-size: 27px;    margin-bottom: 15px;}
.ver-col-big .our-spaces h5 {    font-size: 16px;    margin-bottom: 20px;    line-height: 18px;}
.ver-col-big .our-spaces p {    font-size: 12px;    line-height: 18px;}
ul.our-spaces li .wrap h5 {    font-size: 18px;    margin-bottom: 10px;}
ul.our-spaces li .wrap p {    font-size: 12px;    line-height: 18px;    padding: 0 15px;    margin-bottom: 15px;}
.btn-primary-round {    width: 120px;    height: 30px;    font-size: 12px;    line-height: 30px;    padding-left: 15px;}
.btn-primary-round:before {    height: 15px;    width: 18px;    top: 8px;    right: 10px;    background-repeat: no-repeat;}
ul.our-spaces li {    height:210px;}
ul.our-spaces li .wrap {    top: 50px;}
.innerwrap.spaces-gallery.oh .bx-wrapper {    width: 90%;    margin-bottom: 40px !important;}
.spaces-gallery .bx-wrapper .bx-pager.bx-default-pager a {    width: 12px;    height: 12px;}
#home .innerwrap .bx-wrapper .bx-pager {    bottom: -25px;}
.innerwrap.prod-cat.text-center h2 {    font-size: 25px;}
.prod-cat h5 {    font-size: 16px;}
.prod-cat p {    font-size: 14px;    line-height: 20px;}
.our-brands-wrap ul li {    height: 130px;}
.bx-wrapper .bx-pager.bx-default-pager a {    width: 12px;    height: 12px;}
#home .innerwrap .bx-wrapper .bx-pager {    bottom: -25px;}
.prod-cat p {    padding: 0 2%;}
footer h3 {    font-size: 20px;    padding-bottom: 20px;}
footer .legrand p {    padding: 0 10px 20px 10px;}
footer p {    font-size: 14px;    line-height: 18px;    font-weight: 300;}
.subcribe input {    height: 40px;    font-size: 12px;    width:65%;}
.subcribe button {    font-size: 12px;    width: 35%;    line-height: unset;    height: 40px;    float: right;}
.download .download-wrap h3, .download .download-wrap a, .products h3, .support h3, .last-left ul li a {   height: 45px;    line-height: 45px;    font-size: 16px;
    display: block;    text-align: center;    font-weight: 300;    border-bottom: 1px solid #fff;}
.prod-cat-item {    height: 100px;    padding: 5px;}
ul.prod-cat-list li span.cat-text {    font-size: 12px;    display: block;    padding: 0 5px;}
.prod-cat-itemWrap {    height: 120px;}
ul.prod-cat-list li span.icon {    height: 65px;    border-radius: 0}
.heading-home {    padding: 40px 20px;}

.heading-home p, .headings p {
    font-size: 14px;
    line-height: 20px;
}

.heading-home h1 {
    margin-bottom: 20px;
}

.facts {
    display: none;
}

footer .social ul li {
    width: 25px;
    height: 25px;
    margin: 0 5px;
}
.last-left ul li a {
    background-color: transparent;
    border-bottom: 1px solid #f6f6f6;
}

footer p, footer .products ul li a, footer .support ul li a {
    font-size: 14px;
    line-height: 20px;
}

.footer-wrap {
    padding-bottom: 100px;
}

.last-right p {
    font-size: 14px;
}

footer {
    padding: 30px 0px 20px;
}

.innerwrap.prod-cat {
    padding: 45px 15px 45px 15px;
}

.ver-col-big.oh.fl {
    margin-bottom: 40px;
}

.prod-cat {
    padding: 25px 0px;
}

.our-brands-wrap .bx-wrapper .bx-pager.bx-default-pager a {
    width: 8px;
    height: 8px;
    margin: 0 3px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
}

ul.prod-cat-list li {
    width: 150px;
}

.prod-cat-itemWrap {
    border: 1px solid #ccc;
}
/******footer changes*****/
footer .download a {
    line-height: 45px;
    height: 45px;
    font-size: 16px;
    font-weight: 300;

}

.download.fl h3 a {

    height: 45px;
    line-height: 45px;

}
.download.fl h3 {
    height: 45px;
}
.product-title {
    text-align: center;
}
/******new select changes*****/
}
@media(max-width: 320px){
  ul.prod-cat-list li{width: 140px}
}

#products-section {margin-top:112px;}

#products-section1 {margin-top:126px;}

/*.sub-mm-right.fl {
	border-left: 1px solid #ddd;
}*/

.products-section-block{display:block;}



.infrastructure-block .section-md-114 {padding-bottom: 80px; }
.infrastructure-block .infra-block {margin-bottom: 4em;}