/*created by Dharam */
*{margin:0px; padding:0px;}
body{font-family: 'Poppins', sans-serif;}
a:hover{transition-duration: 0.1s; text-decoration:none;}
header{float:left; width:100%;}
.head-t{float:left; width:100%;background: #0066ac;}
.head-t ul {margin:0px; padding:0px;}
.head-t ul li{padding:0px; margin:0px; display:inline-table;list-style:none}
.head-t ul li span{padding:0px; padding:10px 0; display:block; color:#fff; font-weight:500; position:relative; z-index:11;}
.head-t ul li a{padding:0px; padding:10px 0; display:block; color:#fff; font-size:15px;  position: relative; z-index: 99; }
.head-t ul li a i{margin-right:5px;}
.head-t ul li a:hover{}
.head-t ul.l-top{float:left; width:100%;position:relative;}
.head-t ul.l-top li:after{background:#0066ac; content:""; position:absolute; height:100%; top:0px; width:6000px; right:0px; z-index:1;}
.rightside{border-right:1px solid #fff; padding-right: 15px !important; margin-right: 15px;}
.btn-group .dropdown-toggle {
    border: 0px;
    color: #fff;
    padding: 9px 20px;
    background: #00406c;
    border: 1px solid #fff;
    border-top: 0px;
    border-bottom: 0px;
}

.dropdown-menu.show {
    display: block;
    max-height: 350px;
    overflow: auto;
}
.mainim45{width:100%;}
.r-top {
    float: left;
    width: 100%;
    text-align: right;
}
.bo-head {
    float: left;
    width: 100%;
    padding: 10px 0;
}
.head-t .r-top  li{margin-left:15px;}
.bo-head .navbar{width:100%; float:left;padding: 0px;}
.bo-head .navbar li{list-style:none;    position: relative;}
.bo-head .navbar li ul{display:none;}
.bo-head .navbar li:hover ul {
	display:block;
    position: absolute;
    width: 200px;
    background: #fff;
	z-index:999;
	padding-top:15px;
}
.bo-head .navbar li ul li{}
.bo-head .navbar li ul li a {
        width: 100%;
    float: left;
    display: block;
    padding: 6px 10px;
    font-size: 14px;
    border-bottom: 1px solid #ebebeb;
    text-transform: uppercase;
}
.bo-head .navbar li ul li:hover a{color:#fff;    background: #0066ac;}
header .bo-head ul{margin:0px; padding:0px;}
.bo-head ul a {
    font-size: 15px;
    font-weight: 400;
    color: #000;
    padding: 0px 10px;
        text-transform: uppercase;
}

.navbar-brand img {
    width: 270px;
    height: auto;
}

.mainslider{float:left; width:100%;}

.aboutus{width:100%; float:left; padding:60px 0;}
.wt-small-separator {
    font-family: 'Teko', sans-serif;
    font-size: 34px;
    line-height: 34px;
    margin-bottom: 15px;
    position: relative;
    display: inline-block;
}
.left .wt-small-separator div.sep-leaf-left {
    position: relative;
    margin-right: 50px;
    display: none;
}
.wt-small-separator div {
    display: inline-block;
}
.left .wt-small-separator div.sep-leaf-right {
    position: relative;
    margin-left: 50px;
}
.left .wt-small-separator div.sep-leaf-right::before{    background-color: #1c63b8;    position: absolute;
    content: '';
    width: 40px;
    height: 3px;
    bottom: 0px;right: 0px;}
	
.aboutus h2{font-size: 52px;
    color: #0066ac;    margin-bottom: 15px;
    font-family: 'Teko', sans-serif;
    font-weight: 600;
    line-height: 1.1;}
	
.aboutus  p{font-weight: 400;
    color: #111111;
    font-size: 15px;
    text-align: justify;}
	
	.aboutus  a{text-shadow: 0 0 0 #fff, 400px 0 0 #fff;padding: 15px 40px;
	color:#fff;
    letter-spacing: 1px;
    position: relative;
    overflow: hidden;
    cursor: pointer;
    display: inline-block;
    background-color: #0066ac;
    border: none;
    font-size: 14px;}
	
	
	.project{width:100%; float:left; padding:60px 0; position:relative; background: url(../img/bg-5.jpg) no-repeat; background-size:cover;}
	.project:before{content: "";
    position: absolute;
    width: 100%;
    float: left;
    height: 100%;
    background: #000;
    top: 0px;
    left: 0px;
    opacity: 0.7;}
	.smala{width:100%; float:left; text-align:center;position:relative;}
	.smala span{font-family: 'Teko', sans-serif;
    font-size: 34px;
    line-height: 34px;
    margin-bottom: 15px;
    position: relative;
    display: inline-block; color:#fff;}
	.smala span:before{content: "";
    position: absolute;
    width: 50px;
    height: 3px;
    background: #fff;
    bottom: 8px;
    left: -54px;}
	.smala span:after{content: "";
    position: absolute;
    width: 50px;
    height: 3px;
    background: #fff;
    bottom: 8px;
    right: -54px;}	
	
	.project h2{
    font-size: 52px;
    color: #fff;
    margin-bottom: 15px;
    font-family: 'Teko', sans-serif;
    font-weight: 600;
    line-height: 1.1;
	text-align:center;
}
.productwe{width:100%; float:left; background:#fff; margin-bottom:30px;}
.productwe img{width:100%; float:left; height:auto;}
.productwe  h3{font-size: 30px;
    color: #000;
    margin-bottom: 15px;
    font-family: 'Teko', sans-serif;
    font-weight: 600;
    line-height: 1.1; margin-top:20px; float:left; width:100%;
	text-align:center;}
	
.whatour{width:100%; float:left; padding:60px 0;}	
	
.whatour h2{    font-size: 52px;
    color: #0066ac;margin-bottom: 15px;
    font-family: 'Teko', sans-serif;
    font-weight: 600;
    line-height: 1.1;}
	
.whatour  p{font-weight: 400;
    color: #111111;
    font-size: 15px;
    text-align: justify;}
	.formdic {
    float: left;
    width: 100%;
    padding: 50px;
    background: #0066ac;
}

.formdic h2{color:#fff;}
.formdic .form-control{    min-height: 50px;
    border-radius: 3px;
    border: 1px;
    margin-bottom: 15px;}
	
	input.btn.btn-primary {
    background: #fff;
    padding: 14px;
    text-align: center;
    width: 100%;
    color: #000;
}
footer{width:100%; float:left; padding:60px 0; background:#060606;position:relative;}
footer h4 {
    font-size: 16px;
    color: #DEDBD7;
    margin: 0 0 0px 0;
    position: relative;
    padding-bottom: 8px;
    font-weight: 600;
    text-transform: uppercase;
}
footer ul{margin:0px; padding-left: 18px;}
footer ul li{list-style-image:url(../img/arrowright.png) ;}
footer p{color: #fff; font-size: 13px; font-weight: 300; padding: 6px 0; display: block; width: 100%; margin: 0; line-height: 24px;}
footer ul li p{color: #fff;font-size: 13px;font-weight: 300; padding: 6px 0; display: block; width: 100%; margin: 0;}
footer ul li a{color: #fff;font-size: 13px;font-weight: 300; padding: 6px 0;display: block;width: 100%;}
footer ul li a:hover{color:#009aac; text-decoration:none;}
.social-menu ul { padding: 0;display: flex;}
.social-menu ul li {list-style: none; margin: 0 5px;}
.social-menu ul li .fa {font-size: 15px;line-height: 30px;transition: 0.3s;color: #000;}
.social-menu ul li .fa:hover {color: #fff;}
.social-menu ul li a { position: relative; display: block;width: 30px;height: 30px;border-radius: 50%; background-color: #fff;text-align: center;transition: 0.6s; box-shadow: 0 5px 4px rgba(0, 0, 0, 0.5); padding: 0;}
.social-menu ul li a:hover { transform: translate(0, -10%);}
.social-menu ul li:nth-child(1) a:hover {background-color: #3b5998;}
.social-menu ul li:nth-child(2) a:hover {background-color: #0e76a8;}
.social-menu ul li:nth-child(3) a:hover {background-color: #c8232c;}
.social-menu ul li:nth-child(4) a:hover {background-color: #00acee;}
.social-menu ul li:nth-child(5) a:hover {background-color: #c8232c;}
.social-menu ul li:nth-child(6) a:hover {background-color: #C4302B;}
.copyright{width: 100%; float: left; padding: 10px 0; text-align: center; background: #000000;}
.copyright p{color:#e3e3e3; font-size:13px; margin:0px;}


.otherpage{background:#0066ac; padding:60px 0; text-align:center; float:left; width:100%;}
.otherpage h1{ font-size: 52px;
width:100%; text-align:center;
    color: #fff;margin-bottom: 15px;
    font-family: 'Teko', sans-serif;
    font-weight: 600;
    line-height: 1.1;}
	
	
	.imhgj{width:100%; float:left; padding:30px 0;}
	.imhgj img{width:100%; float:left; height:auto;}
	.textghj{width:100%; float:left;}
	.textghj h3{font-size: 40px;
width:100%; text-align:left;
    color: #000;margin-bottom: 15px;
    font-family: 'Teko', sans-serif;
    font-weight: 600;
    line-height: 1.1;}
	
	.main-tablep{width:100%; float:left; margin-top:20px;}
	
	table.main-tablep th {
    background: #0066ac;
    color: #fff;
    padding: 11px;
    font-size: 14px;
}
table.main-tablep td {
    padding: 7px;
    border: 1px solid #ccc;
    font-size: 14px;
}
.sthk{width:100%; float:left; padding:60px 0;}
.sthk:nth-child(odd){}
.sthk:nth-child(even){background: #ebebeb;}

.okp{background:#0066ac; width:100%; float:left;}

.ab-img img {
    height: auto;
    width: 100%;
}
.img-wrapper{text-align:center;}
.img-wrapper img {
    width: auto;
    padding: 0px;
    height: 250px;
    margin: 0 auto;
}
.cardshadow-sm.card-body {
    background: #fff;
}
.trsd{padding:60px 0;}
.tile-box {
    background: #fff;
    padding: 0px 15px 15px 15px;
    margin-bottom: 30px;
}
.tile-box h3{font-size: 30px;
    color: #0066ac;
    margin-bottom: 15px;
    font-family: 'Teko', sans-serif;
    font-weight: 600;
    line-height: 1.1;}
.tile-box p{}
.tile-box a {
    background: #0066ac;
    padding: 10px 25px;
    display: inline-grid;
    color: #fff;
    border-radius: 3px;
}
.mener {
    float: left;
    width: 100%;
    background: #fff;
    padding: 0px;
    box-shadow: 0 0 12px 3px rgb(255 255 255 / 42%);
	height: 100%;	
}
.texter {padding: 15px; text-align:center;}
.mener h3 {
    font-size: 30px;
    font-family: 'Teko', sans-serif;
    color: #0066ac;
}
.mener p{font-size:15px;margin-bottom:5px; text-align:center}
	
	.texter a {
    background: #fff;
    color: #0066ac;
    padding: 8px 25px;
    margin-top: 25px;
    border: 1px solid #0066ac;
    display: inline-grid;
}

















.sidebar-contact{
  position:fixed;
  top:50%;
  right:-350px;
  transform:translateY(-30%);
  width:350px;
  height:auto;
  padding:30px;
  background:#fff;
  box-shadow: 0 20px 50px rgba(0,0,0,.5);
  box-sizing:border-box;
  transition:0.5s;
  background: #0066ac;
}
.sidebar-contact.active{
  right:0;
}
.sidebar-contact input,
.sidebar-contact textarea{
  width: 100%;
    height: auto;
    margin-bottom: 10px;
    box-sizing: border-box;
    border: 1px solid rgba(0,0,0,.5);
    outline: none;
    font-size: 15px;
    padding: 10px 8px;
    border-radius: 0px;
}
.sidebar-contact h2 {
    margin: 0 0 20px;
    padding: 0;
    font-size: 30px;
    font-weight: 600;
    font-family: 'Teko';
    color:#fff;
}
.sidebar-contact textarea{
  height:60px;
  resize:none;
}
.sidebar-contact input[type="submit"]{
  background:#004676;
  color:#fff;
  cursor:pointer;
  border:none;
  font-size:18px;
}
.toggle{
  position: absolute;
    height: 150px;
    width: 48px;
    text-align: center;
    cursor: pointer;
    background: #f00;
    top: 0;
    left: -48px;
    line-height: 194px;
    background: url(../img/enquire-now.png);
    background-size: contain;
}
/*.toggle:before{
  content:'\f003';
  font-family:fontAwesome;
  font-size:18px;
  color:#fff;
  background:url(../img/enquire-now.png);
}
.toggle.active:before{
  content:'\f00d';
}*/
.scroll {
    float: left;
    width: 100%;
    padding: 0px 20px;
}
@media(max-width:768px)
{
  /*.sidebar-contact{
    width:100%;
    height:100%;
    left:-100%;
  }
  .sidebar-contact .toggle{
    top:50%;
    transform:translateY(-50%);
    transition:0.5s;
  }
  .sidebar-contact.active .toggle
  {
    top:0;
    right:0;
    transform:translateY(0);
  }*/
  .scroll{
    width:100%;
    height:100%;
    overflow-y:auto;
  }
  .content{
    padding:50px 50px;
  }
}



.btn-whatsapp-pulse {
	background: #25d366;
	color: white;
	position: fixed;
	bottom: 90px;
    left: 20px;
	font-size: 40px;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 0;
	height: 0;
	padding: 35px;
	text-decoration: none;
	border-radius: 50%;
	animation-name: pulse;
	animation-duration: 1.5s;
	animation-timing-function: ease-out;
	animation-iteration-count: infinite;
}

@keyframes pulse {
	0% {
		box-shadow: 0 0 0 0 rgba(37, 211, 102, 0.5);
	}
	80% {
		box-shadow: 0 0 0 14px rgba(37, 211, 102, 0);
	}
}

.btn-whatsapp-pulse-border {
	bottom: 120px;
	right: 20px;
	animation-play-state: paused;
}

.btn-whatsapp-pulse-border::before {
	content: "";
	position: absolute;
	border-radius: 50%;
	padding: 25px;
	border: 5px solid #25d366;
	opacity: 0.75;
	animation-name: pulse-border;
	animation-duration: 1.5s;
	animation-timing-function: ease-out;
	animation-iteration-count: infinite;
}

@keyframes pulse-border {
	0% {
		padding: 25px;
		opacity: 0.75;
	}
	75% {
		padding: 50px;
		opacity: 0;
	}
	100% {
		opacity: 0;
	}
}



.distributer {
    position: fixed;
    bottom: 0px;
    left: 7px;
    background: #ea0508;
    color: #fff;
    padding: 10px 40px;
    border-radius: 10px 10px 0px 0px;
}

.modal-dialog.modal-lg .form-control {
    margin-bottom: 15px;
    min-height: 45px;
    border-radius: 0px;
    border: 1px solid #dfdfdf;
    font-size: 14px;
}
.modal-dialog.modal-lg input.btn.btn-primary {
    display: table;
    width: 258px;
    margin: 0 auto;
    background: #007bff;
    color: #fff;
}


.productitem{width:100%; float:left; padding:0px 0 60px 0;}
.imgpro{width:100%; float:left; background:#fff; box-shadow: 0 0 20px #d1d1d1; margin-bottom: 30px; min-height: 455px;}
.imgpro a{float: left;
text-align: center;
padding: 8px 8px 15px 8px;
background: #fff;
box-shadow: 0 0px 17px 5px rgb(0 0 0 / 25%);}
.imgpro img{width:100%; float:left; }
.imgpro h3{font-family: 'Teko', sans-serif; font-size:30px; text-align:center; margin:0px; width:100%; float:left;padding: 15px 15px;font-weight: 100; color:#000;}
.breadcrumb {margin: 0px; background: transparent;padding: 22px 0px;}
.breadcrumb li{line-height:20px;}
.breadcrumb li a{color:#fff;font-family: 'Teko', sans-serif; font-size: 20px; font-weight: 100;    line-height: 20px;}
.breadcrumb li.active {color:#fff;font-family: 'Teko', sans-serif; font-size: 20px; line-height: 20px; font-weight: 100;}
.breadcrumb-item+.breadcrumb-item::before{color:#fff;}
.imgpro a span{background: #fff;
color: #0066ac;
padding: 6px 30px;
display: inline-table;
margin-top: 0;
border-radius: 2px;
border: 1px solid #0066ac;
font-size: 14px;}


.singlepro{width:100%; float:left; padding:60px 0;}
.singlepro h1 {font-size: 50px; text-align: left; margin:0px; padding:0px 0; font-weight:400;color: #0066ac; margin-bottom: 5px; font-family: 'Teko', sans-serif;}
.imgsha img {width: 100%; box-shadow: 0 0 15px #afafaf;}
.approx {font-size: 16px; color: #000; font-weight: 500;display: none;}
.approx span {font-size: 30px; color: #0066ac; font-weight: 600; font-family: 'Teko', sans-serif;}
.singlepro h6{font-size:26px; font-family: 'Teko', sans-serif; margin: 0px;}
.singlepro table {width: 100%; margin-top:10px;}
.singlepro table td{padding:6px 5px; border:1px solid #ccc; font-size:15px;}
.singlepro table tr td:nth-child(1){font-weight:600;}
.singlepro ul {padding:0px 0px 0px 18px; margin-top:10px;}
.singlepro ul li{padding:7px 0px; font-size:16px;}

.tablespecifica{width:100%; float:left; padding:60px 0; background: #0066ac;}
.tablespecifica h2 {font-size: 52px; color: #fff; margin-bottom: 15px; font-family: 'Teko', sans-serif; font-weight: 600; line-height: 1.1;text-align: center;}
.tablespecifica table{width:100%;}
.tablespecifica table th{background:#fff; padding:12px 5px; text-align:left; border:1px solid #e1e1e1; font-size:16px; font-weight:500}
.tablespecifica table td{border: 1px solid #5a9cca; padding: 10px; background: #e9e9e9; color: #000;}
.tablespecifica table td p{margin:0px;}

.tablespecifica ul{padding:0px; margin:0px;}
.tablespecifica ul li{margin: 5px 0; color: #fff; font-size: 16px; font-weight: 100;}
.tablespecifica p {text-align: justify;text-align-last: center; color: #fff; font-size: 16px;font-weight: 100;}
.tablespecifica h5 {font-size: 35px; color: #fff; text-align: center; margin-top: 35px;font-family: 'Teko', sans-serif;}


.singlepro a {
    background: #fff;
    color: #0066ac;
    padding: 10px 35px;
    display: inline-table;
    margin-top: 22px;
    border-radius: 2px;
    border: 3px solid #0066ac;
}
#example25odal .form-control {
    border: 1px solid #ebebeb;
    min-height: 45px;
    margin-bottom: 15px;
    border-radius: 0px;
	background: #e8f1f3;
}
#exampleModal .modal-header {
    background: #ea0508;
}
#exampleModal .modal-header .modal-title, #exampleModal .modal-header span, #example25odal .modal-header .modal-title, #example25odal .modal-header span{color:#fff;}
#exampleModal .modal-body {background: #eaf4ff;}
#example25odal .modal-content .modal-header {background: #06617b;}
#example25odal input.btn.btn-primary {
    background: #06617b;
    color: #fff;
    padding: 12px 0;
    font-size: 16px;
	
}
.whatour h3 {
    font-size: 20px;
    font-weight: 600;
    margin: 30px 0px 10px 0px;
}
.abouttext h3{font-size: 35px;
    color: #0066ac;
    margin-bottom: 15px;
    font-family: 'Teko', sans-serif;
    font-weight: 600;
    line-height: 1.1;}
    
  #exampleModal {
    padding: 0px !important;
} 
#exampleModal form.row {
    padding: 15px;
}
 
 .whatour h3 {
    font-size: 20px;
    font-weight: 600;
    margin: 30px 0px 10px 0px;
}
.abouttext h3{font-size: 35px;
    color: #0066ac;
    margin-bottom: 15px;
    font-family: 'Teko', sans-serif;
    font-weight: 600;
    line-height: 1.1;}
    
    .trsdourpro h2{    font-size: 52px;
    color: #fff;
    margin-bottom: 5px;
    font-family: 'Teko', sans-serif;
    font-weight: 600;
    line-height: 1.1;
    text-align: center;}
	.okp.trsd.trsdourpro h3 {
    font-size: 35px;
    margin-top: 25px;
	    font-family: 'Teko', sans-serif;
		color:#fff;
}
.okp.trsd.trsdourpro p{color:#fff; margin-bottom: 10px;}
       .fanweb{width:100%; float:left; padding:0px;}       
.fanweb img{width:100%; float:left; height:auto;} 
.colorwire{background: #6c045f !important;}   
.fontwirecable{color:#6c045f !important;}
.okp.trsd.fan-c h3 {margin: 0px;}
.tablespecifica.colorwire table td{background: #ffd0f9; border: 1px solid #f2bdeb;}
.agmslider{width:100%; float:left; padding:60px 0 60px 0; background:#fff;}
.agmslider h2 {font-size: 40px; color: #0066ac; margin-bottom: 15px; font-family: 'Teko', sans-serif; font-weight: 600; line-height: 1.1; text-align: center;}
.slideragm{width:100%; float:left;}
.imgagm img {width: 100%; float: left; border: 4px solid #0066ac; border-radius: 3px; box-shadow: 0 0 23px 1px #979797;}
.imgagm {padding: 15px;}


.otheraddress{width:100%; float:left; padding:60px 0;}
.otheraddress h2 {font-size: 52px; color: #0066ac; margin-bottom: 15px; font-family: 'Teko', sans-serif; font-weight: 600; line-height: 1.1; text-align:center;}
.addressbarnch {text-align: center; padding: 0px 0px 25px 0px; border: 1px solid #cbcbcb; border-radius: 4px; box-shadow: 0 0 30px 3px #c5c5c5; margin-bottom:30px;}
.addressbarnch img{margin-bottom:25px;}
.addressbarnch p {margin: 0px; font-size: 16px; color: #000; padding:0px 15px 10px 15px;}
.addressbarnch a {color: #0066ac; font-size: 14px; margin-top: 12px; display: block;}
.addressbarnch h3 {background: #0066ac; color: #fff; font-size: 18px; padding: 12px; margin-bottom:25px;}


.productslider {
	float: left;
	width: 100%;
	padding: 60px 0;
	background: #2c72b5;
}
.itemshow {
	background: #fff;
	margin: 0 15px;
}
.itemshow img {
	width: 100%;
}
.itemshow h5 {
	font-size: 16px;
	text-align: center;
	padding: 5px 0;
	color: #000;
}
.productslider h2 {
	font-size: 40px;
	text-transform: uppercase;
	font-weight: 700;
	color: #fff;
	text-align:center; margin-bottom:20px;
}
.produslider {
	position: relative;
}

.produslider  ul.slick-dots {text-align: center; margin-top:20px;}
.produslider  ul.slick-dots li{display:inline-table; list-style:none; width:10px; height:10px; background:#fff; margin:0px 5px; border-radius:10px;}
.produslider  ul.slick-dots li button{font-size:6px; background:none; color:#fff; border:0;}
.produslider  ul.slick-dots li.slick-active{background:#00366a;}

.produslider1 ul.slick-dots {text-align: center; margin-top:20px;}
.produslider1  ul.slick-dots li{display:inline-table; list-style:none; width:10px; height:10px; background:#fff; margin:0px 5px; border-radius:10px;}
.produslider1  ul.slick-dots li button{display:none;}
.produslider1  ul.slick-dots li.slick-active{background:#00366a;}



.installation {
    padding: 60px 0;
    width: 100%;
    float: left;
}
.installation h2 {
	font-size: 40px;
	text-transform: uppercase;
	font-weight: 700;
	color: #000;
	text-align:center; margin-bottom:20px;
}

.installation p{color:#000; font-size:16px; text-align:center;margin:0px;}

.inst {
    text-align: center;
    background: #fff;
    box-shadow: 0 0 17px 0px #0006;
    padding: 25px;
    min-height: 350px;
    margin-top: 30px;
    border-radius: 5px;
}
.inst p{margin-top:20px; font-size:16px;}

.certification{background:#fff;}
.certification h2{color:#000;}

.branchemp {background:#DCA11D;}
.branchemp .itemshow{padding: 15px; text-align: center;}
.branchemp .itemshow h4{font-size: 22px; padding-top: 15px;}
.branchemp .itemshow p{font-size:15px;}
.productsli58{background:#DCA11D; }
.allbranchlist {
    float: left;
    width: 100%;
    padding: 60px 0;
}

.branchemp .itemshow h4 span {
    width: 100%;
    float: left;
    font-size: 16px;
    padding: 8px 0px 8px 0px;
}
.itemshow a {
    display: block;
    background: #1F73B7;
    padding: 10px 0px;
    text-align: center;
    color: #fff;
}
.itemshow a:hover{
    display: block;
    background: #dca11d;
    padding: 6px 0px;
    text-align: center;
    color: #020202;
    border: 5px solid #ffffff;
}
.clientlistdha .imgagm img{box-shadow:0 0 0px 1px #ffffff;}
.clientlistdha ul.slick-dots {display: none !important;}



/*-------------------------branch page --------------------------*/

.branchhead{width: 100%; float: left; padding: 100px 0; background: #0066ac url("../img/branch-bg.jpg"); background-size: 100% 100%;}
.branchhead h1 {font-size: 60px;
    font-weight: 700;
    color: #fff;
	}
.branchhead h3 {
    
}
.branchhead a {
    background: #fff;
    padding: 12px 40px;
    border-radius: 5px;
    display: inline-flex;
    margin-top: 25px;
    color: #000;
    font-size: 17px;
}
.branchhead span{color: #ffb500; display: block;}
.detbranch{position: absolute; transform: translateY(-50%); top:50%;}

.branchhead p {
    color: #fff;
    font-size: 16px;
}
#particles-js {
    position: absolute;
	width: 100%;
}
.installation img {
    width: 100%;
}
.clientlogo{margin-top: 60px;}
.clientlogo img{width: 100%; border-radius: 5px; overflow: hidden;filter: grayscale(100%);}
.clientlogo .clientdel:hover img{filter: grayscale(0);}
.clientdel{padding: 10px;}
.ab-img .slick-track{padding: 100px 0;}
.btimg.slick-slide.slick-active.slick-center{-webkit-transform: scale(3.0);
  transform: scale(3.0);  -webkit-transition: 0.4s ease;
  transition: 1.4s ease;opacity: 0.9; z-index: 999; position: relative;}
.btimg.slick-slide.slick-active{opacity: 0.3;}
.slick-list.draggable{padding: 0px !important;}

.btimg img {border: 2px solid #0066ac; border-radius: 2px;}
.bgaboutb{background: url("../img/about1.png") left no-repeat, url("../img/about.png") right no-repeat; background-size:contain;}
footer {
    background: #0066ac url(../img/footer.png) bottom no-repeat;
    border-top: 2px solid #DCA11D;
}
.companyoffice i.fa {
    position: absolute;
    transform: translateY(-50%);
    top: 50%;
	background: #0066ac;
	width: 40px;
	height: 40px;
	text-align: center;
	line-height: 40px;
	font-size: 30px;
	cursor: pointer;
	color: #fff;
	border-radius: 5px;
}
.companyoffice i.fa.fa-angle-left{left: 10%;}
.companyoffice i.fa.fa-angle-right{right: 10%;}
.productslider.branchemp {display: none;}
.r-top.float-left .btn-group {
    width: 100%;
}


@media (min-width:900px) and (max-width:1199px){
.bo-head ul a {
    font-size: 12px;
    font-weight: 400;
    color: #000;
    padding: 0px 10px;
        text-transform: uppercase;
}
}


 @media (min-width:100px) and (max-width:767px){
     
     
     .r-top.float-left .btn-group button.dropdown-toggle {
    width: 100%;
    padding: 4px;
    font-size: 13px;
}
     
          .head-t ul.l-top li:after{right: -15px;}
          .head-t .r-top li {margin-left: 0px; width: 100%;}
          .head-t ul li a {text-align: center; padding: 2px 0; font-size: 13px; border: 0px;margin: 0px;}
           ul.r-top.float-left { padding: 6px 0;}
           .head-t ul li span {width: 100%; text-align: center; padding: 5px 0;}
           ul.l-top li {width: 100%;}
           .navbar-brand img {width: 180px; height: auto;}
           button.navbar-toggler span{background: url(../img/menu.png);    background-size: cover;}
           /*.sidebar-contact{right:-100%; left:auto;}
           .sidebar-contact {width: 79%;    display: none;}*/
           ul.navbar-nav.ml-auto {padding: 25px 0 15px 0;}
           .bo-head ul a {font-size: 15px; width: 100%; border-bottom: 1px solid #ccc; display: block;padding: 10px 15px; width: 100%; border-bottom: 1px solid #ccc; display: block;}
           .aboutus{padding: 30px 0;}
           .wt-small-separator{font-size: 22px;margin-bottom: 0px;}
           .aboutus h2 {font-size: 35px;}
           .aboutus a {border-radius: 2px; padding: 10px 25px; width: 100%; text-align: center;}
           .project, footer, .whatour, .trsd, .sthk{padding: 30px 0;}
           .whatour h2 {font-size: 35px;}
           .formdic{padding:15px;}
           .navbar-brand {padding-left: 10px;}
           .btn-whatsapp-pulse{font-size: 20px; padding: 25px;}
           .otherpage h1{margin:0px;font-size: 40px;}
           .otherpage {padding: 20px 0;}
           .bo-head .navbar li:hover ul {position: relative;width: 100%;}
           .bo-head .navbar li ul li a{padding: 9px 10px 9px 30px;}
           .textghj {padding-left: 15px;}
           footer ul {margin: 0px 0px 30px 0px;}
           .abouttext.text-center p {text-align: justify !important;}
           .tile-box h3{margin-bottom: 0px;}
           .tile-box p {font-size: 15px;}
           
           .toggle {position: absolute; height: 100px; width: 32px; text-align: center; cursor: pointer; background: #f00; top: 0; left: -32px; line-height: 194px; background: url(../img/enquire-now.png); background-size: contain;}
           .sidebar-contact.active {right: 0; width: 87%; top: 40%; padding: 15px; z-index: 99999999;}
        
    }







.ab-img a {
    width: 100%;
    height: 100%;
    display: block;
}
.ab-img img {
   
    width: 100%;
    
}
/*---------------------------gallery----------------------*/

body.hidden-scroll {
  overflow: hidden; }

.sl-overlay {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: #fff;
  display: none;
  z-index: 1035; }

.sl-wrapper {
  z-index: 1040;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  position: fixed; }
  .sl-wrapper * {
    box-sizing: border-box; }
  .sl-wrapper button {
    border: 0 none;
    background: transparent;
    font-size: 28px;
    padding: 0;
    cursor: pointer; }
    .sl-wrapper button:hover {
      opacity: 0.7; }
  .sl-wrapper .sl-close {
    display: none;
    position: fixed;
    right: 30px;
    top: 30px;
    z-index: 10060;
    margin-top: -14px;
    margin-right: -14px;
    height: 44px;
    width: 44px;
    line-height: 44px;
    font-family: Arial, Baskerville, monospace;
    color: #000;
    font-size: 3rem; }
  .sl-wrapper .sl-counter {
    display: none;
    position: fixed;
    top: 30px;
    left: 30px;
    z-index: 1060;
    color: #000;
    font-size: 1rem; }
  .sl-wrapper .sl-navigation {
    width: 100%;
    display: none; }
    .sl-wrapper .sl-navigation button {
      position: fixed;
      top: 50%;
      margin-top: -22px;
      height: 44px;
      width: 22px;
      line-height: 44px;
      text-align: center;
      display: block;
      z-index: 10060;
      font-family: Arial, Baskerville, monospace;
      color: #000; }
      .sl-wrapper .sl-navigation button.sl-next {
        right: 5px;
        font-size: 2rem; }
      .sl-wrapper .sl-navigation button.sl-prev {
        left: 5px;
        font-size: 2rem; }
      @media (min-width: 35.5em) {
        .sl-wrapper .sl-navigation button {
          width: 44px; }
          .sl-wrapper .sl-navigation button.sl-next {
            right: 10px;
            font-size: 3rem; }
          .sl-wrapper .sl-navigation button.sl-prev {
            left: 10px;
            font-size: 3rem; } }
      @media (min-width: 50em) {
        .sl-wrapper .sl-navigation button {
          width: 44px; }
          .sl-wrapper .sl-navigation button.sl-next {
            right: 20px;
            font-size: 3rem; }
          .sl-wrapper .sl-navigation button.sl-prev {
            left: 20px;
            font-size: 3rem; } }
  .sl-wrapper.sl-dir-rtl .sl-navigation {
    direction: ltr; }
  .sl-wrapper .sl-image {
    position: fixed;
    -ms-touch-action: none;
    touch-action: none;
    z-index: 10000; }
    .sl-wrapper .sl-image img {
      margin: 0;
      padding: 0;
      display: block;
      border: 0 none;
      width: 100%;
      height: auto; }
      @media (min-width: 35.5em) {
        .sl-wrapper .sl-image img {
          border: 0 none; } }
      @media (min-width: 50em) {
        .sl-wrapper .sl-image img {
          border: 0 none; } }
    .sl-wrapper .sl-image iframe {
      background: #000;
      border: 0 none; }
      @media (min-width: 35.5em) {
        .sl-wrapper .sl-image iframe {
          border: 0 none; } }
      @media (min-width: 50em) {
        .sl-wrapper .sl-image iframe {
          border: 0 none; } }
    .sl-wrapper .sl-image .sl-caption {
      display: none;
      padding: 10px;
      color: #fff;
      background: rgba(0, 0, 0, 0.8);
      font-size: 1rem;
      position: absolute;
      bottom: 0;
      left: 0;
      right: 0; }
      .sl-wrapper .sl-image .sl-caption.pos-top {
        bottom: auto;
        top: 0; }
      .sl-wrapper .sl-image .sl-caption.pos-outside {
        bottom: auto; }
    .sl-wrapper .sl-image .sl-download {
      display: none;
      position: absolute;
      bottom: 5px;
      right: 5px;
      color: #000;
      z-index: 1060; }

.sl-spinner {
  display: none;
  border: 5px solid #333;
  border-radius: 40px;
  height: 40px;
  left: 50%;
  margin: -20px 0 0 -20px;
  opacity: 0;
  position: fixed;
  top: 50%;
  width: 40px;
  z-index: 1007;
  -webkit-animation: pulsate 1s ease-out infinite;
  -moz-animation: pulsate 1s ease-out infinite;
  -ms-animation: pulsate 1s ease-out infinite;
  -o-animation: pulsate 1s ease-out infinite;
  animation: pulsate 1s ease-out infinite; }

.sl-scrollbar-measure {
  position: absolute;
  top: -9999px;
  width: 50px;
  height: 50px;
  overflow: scroll; }

.sl-transition {
  transition: -moz-transform ease 200ms;
  transition: -ms-transform ease 200ms;
  transition: -o-transform ease 200ms;
  transition: -webkit-transform ease 200ms;
  transition: transform ease 200ms; }

@-webkit-keyframes pulsate {
  0% {
    transform: scale(0.1);
    opacity: 0.0; }
  50% {
    opacity: 1; }
  100% {
    transform: scale(1.2);
    opacity: 0; } }

@keyframes pulsate {
  0% {
    transform: scale(0.1);
    opacity: 0.0; }
  50% {
    opacity: 1; }
  100% {
    transform: scale(1.2);
    opacity: 0; } }

@-moz-keyframes pulsate {
  0% {
    transform: scale(0.1);
    opacity: 0.0; }
  50% {
    opacity: 1; }
  100% {
    transform: scale(1.2);
    opacity: 0; } }

@-o-keyframes pulsate {
  0% {
    transform: scale(0.1);
    opacity: 0.0; }
  50% {
    opacity: 1; }
  100% {
    transform: scale(1.2);
    opacity: 0; } }

@-ms-keyframes pulsate {
  0% {
    transform: scale(0.1);
    opacity: 0.0; }
  50% {
    opacity: 1; }
  100% {
    transform: scale(1.2);
    opacity: 0; } }

.gallery h2 {
    text-align: center;
    color: #fff;
    margin: 0px;
    text-transform: uppercase;
    font-size: 25px;
    font-weight: 600;
}


.accordion .card .card-header button{font-family: 'Poppins', sans-serif; padding: 0px; color: #fff; text-decoration: none;}
.accordion>.card>.card-header {
    border-radius: 0;
    margin-bottom: -1px;
    background: #1f73b7;
}

.postyourresume .formdic {
    float: left;
    width: 100%;
    padding: 15px;
    background: #0066ac;
}
.postyourresume .formdic h2 {font-size: 40px;}


.accordion .fa-angle-right{float: right;}
.accordion .fa-angle-right {
    float: right;
    font-size: 30px;
    position: absolute;
    right: 8px;
    top: 10px;
}

.accordion .collapsed .fa-angle-right{transform: rotate(90deg);}


ul.listmana {
    margin: 0px;
    padding-left: 25px;
}
.classhr {
    margin: 30px 0px 10px 0px;
    background: #1f73b7;
    padding: 10px;
    border-radius: 46px;
    text-align: center;
}
.classhr li {
    display: inline-flex;
    padding: 0px 20px;
}
.classhr li a strong{color: #fff;}
.classhr li a{color: #fff;}
.classhr li a:hover{color: #000;}


.okp .imhgj img {
    width: 200px;
    margin: 0 auto;
}
.geyserprice {
    float: left;
    width: 100%;
        background: #1f73b7;
    padding: 15px;
}

.okp .imhgj img {
    width: 200px;
    margin: 0 auto;
    float: initial;
}

.okp .imhgj {
    width: 100%;
    float: left;
    margin: 15px 0;
    background: #fff;
    text-align: center;    padding: 0;
}

.geyserprice h4 {
    color: #fff;
    font-size: 25px;
    font-weight: 500;
}

.geyserprice p {
    color: #fff;
    font-size: 15px;
}

.geyserprice a {
    background: #fff;
    color: #000;
    padding: 8px 30px;
    display: inline-block;
    border-radius: 3px;
}

.agmslider video{width: 100%;}

.btimg img {
    height: auto;
}
.exhibitionsdha .ab-img a {
    overflow: hidden;
}

.exhibitionsdha .ab-img img {
    width: auto !important;
    height: 350px !important;
}

.okp.trsd.gallery img{width:100%;}
ul.navbar-nav.ml-auto li:nth-child(3) ul li:nth-child(1){display: none;}
ul.navbar-nav.ml-auto li:nth-child(3) ul li:nth-child(6){display: none;}


ul.navbar-nav.ml-auto li:nth-child(3) ul li:nth-child(2){}
ul.navbar-nav.ml-auto li:nth-child(3) ul li:nth-child(3){display: none;}
ul.navbar-nav.ml-auto li:nth-child(3) ul li:nth-child(4){display: none;}
ul.navbar-nav.ml-auto li:nth-child(3) ul li:nth-child(5){display: none;}
ul.navbar-nav.ml-auto li:nth-child(3) ul li:nth-child(6){display: none;}

ul.navbar-nav.ml-auto li:nth-child(3) ul li:nth-child(8){display: none;}



ul.navbar-nav.ml-auto li:nth-child(4) ul li:nth-child(1){}
ul.navbar-nav.ml-auto li:nth-child(4) ul li:nth-child(2){display: none;}
ul.navbar-nav.ml-auto li:nth-child(4) ul li:nth-child(3){display: none;}
ul.navbar-nav.ml-auto li:nth-child(4) ul li:nth-child(4){display: none;}
ul.navbar-nav.ml-auto li:nth-child(4) ul li:nth-child(5){display: none;}
ul.navbar-nav.ml-auto li:nth-child(4) ul li:nth-child(6){display: none;}


ul.navbar-nav.ml-auto li:nth-child(5) ul li:nth-child(1){display: none;}
ul.navbar-nav.ml-auto li:nth-child(5) ul li:nth-child(2){}
ul.navbar-nav.ml-auto li:nth-child(5) ul li:nth-child(3){display: none;}
ul.navbar-nav.ml-auto li:nth-child(5) ul li:nth-child(4){}
ul.navbar-nav.ml-auto li:nth-child(5) ul li:nth-child(5){display: none;}
ul.navbar-nav.ml-auto li:nth-child(5) ul li:nth-child(6){display: none;}





















.branchimg {
    width: 100%;
    position: relative;
    transform: translateY(-50%);
    top: 50%;
}
.productsli58 .itemshow{margin:0 0 30px 0; padding: 0px;}

.branchlist  h2 {
    font-size: 60px;
    font-family: 'Teko', sans-serif;
    text-transform: none;
    font-weight: 700;
    color: #fff;
    text-align: center;
    margin-bottom: 20px;
    font-family: 'Teko', sans-serif;
}
.branchlist .aboutus.bgaboutb h2{ text-align: left;
    color: #1f73b7;}
.branchlist .project h2{color: #fff;}



.certificate{width: 100%; float: left; padding: 60px 0;}

.certificate span, .certificate h2{color: #000;}

.certificate .smala span:before{content: "";
    position: absolute;
    width: 50px;
    height: 3px;
    background: #000;
    bottom: 8px;
    left: -54px;}
.certificate .smala span:after{content: "";
    position: absolute;
    width: 50px;
    height: 3px;
    background: #000;
    bottom: 8px;
    right: -54px;}


.branchlist .installation {
    background: #deedff;
}
.branchlist .installation  .installation h2{color: #000}



.branchlist .installation h3{font-size: 30px;font-family: 'Teko', sans-serif; color: #000; text-align: center;}

.branchlist .installation .smala span {
      color: #000;
}


.download{background: #DCA11D; padding: 60px 0; width: 100%; float: left;}
.download a.btn.btn-success {
    background: #0066ac; padding: 10px 20px;  font-family: 'Teko', sans-serif; font-size: 30px;
}

.branchhead h1 {font-size: 65px; color: #fff;font-family: 'Teko', sans-serif;}
.branchhead p {
    color: #fff;
    font-size: 15px;
}

 .branchlist .abouttext p {
    font-weight: 400;
    color: #111111;
    font-size: 17px;
    text-align: justify;
}

.branchlist .project h3 {
    font-size: 30px;
    font-family: 'Teko', sans-serif;
    color: #fff;
	float: left;
	width: 100%;
	margin-bottom: 25px;
    text-align: center;
}

.branchlist .smala h2 {
    font-family: 'Teko', sans-serif;
   
    margin-bottom: 15px;
    position: relative;
    display: inline-block;
    color: #fff;
	
	color: #fff;
    margin: 0;
    font-weight: 100;
    line-height: 45px;
    font-size: 60px;
}

.smala {
    width: 100%;
    float: left;
    text-align: center;
    position: relative;
    margin-bottom: 15px;
}
.branchlist .smala h2:before{content: "";
    position: absolute;
    width: 50px;
    height: 3px;
    background: #fff;
    bottom: 8px;
    left: -54px;}
.branchlist .smala h2:after{content: "";
    position: absolute;
    width: 50px;
    height: 3px;
    background: #fff;
    bottom: 8px;
    right: -54px;}
.branchlist .certificate h3 {
    font-size: 30px;
    font-family: 'Teko', sans-serif;
    color: #000;
    text-align: center;
}

.branchlist .certificate .smala h2:before, .branchlist .installation .smala h2:before{content: "";background: #000;}
.branchlist .certificate .smala h2:after, .branchlist .installation .smala h2:after{content: "";background: #000;}
.branchlist .certificate .smala h2, .branchlist .installation .smala h2 {color: #000}



.branchlist .download h3, .branchlist .productslider  h3 {
    font-size: 30px;
    font-family: 'Teko', sans-serif;
    color: #fff;
    text-align: center;
}

.branchlist .whatour h2.thank1563 {
    font-family: 'Teko', sans-serif;
    margin-bottom: 15px;
    position: relative;
    display: inline-block;
    color: #000;
    margin: 0;
    font-weight: 100;
    line-height: 45px;
        font-size: 40px;
    text-align: left;
}

.branchlist h2{font-size: 50px;}


.branchlist .project .productwe h3{color:#000;}

.branchlist .project h3 {
    font-size: 30px;
    font-family: 'Teko', sans-serif;
    color: #fff;
    float: left;
    width: 100%;
    margin-bottom: 25px;
    text-align: center;
}



.blog{width: 100%; float: left; padding: 60px 0;}
.blog h1{font-family: 'Teko', sans-serif; font-weight: 600; font-size: 52px;}
.blog h2{font-family: 'Teko', sans-serif;}
.blog p{font-size: 15px; text-align:justify }
.blog a {float: right; color: #0066ac; text-decoration: none;}
.blog ul {padding-left: 15px;}
.blog ul ol {list-style: circle; display: list-item; padding: 5px 0; font-size: 14px;}
.blog h3 {
    font-size: 25px;font-family: 'Teko', sans-serif;
}

.photovideo {
    float: left;
    width: 100%;
    padding: 60px 0;
    background: #0064a8;
}

.photovideo video {
    border-radius: 5px;
    border: 3px solid #fff;
}

.photovideo h2 {
    text-align: center;
        font-size: 52px;
    color: #0066ac;
    margin-bottom: 15px;
    font-family: 'Teko', sans-serif;
    font-weight: 600;
    line-height: 1.1
}

@media (min-width:100px) and (max-width:767px){.detbranch {
    .ab-img img {
    height: auto;
    width: 100%;
}
    position: relative;
    transform: translateY(-50%);
    top: 50%;
}
    .branchhead h1 {
    font-size: 41px;}
    .detbranch {
    margin-bottom: 25px;
    float: left;
    width: 100%;
}
.branchhead{padding: 40px 0;}
.branchlist .smala h2{    font-size: 30px;}
.produslider56.slick-initialized.slick-slider {
    width: 100%;
    float: left;
}
.produslider56.slick-initialized.slick-slider .slick-dots {
    display:none !important;
}
.bgaboutb {
    background: url(../img/about1.png) left no-repeat, url(../img/about.png) right no-repeat;
    background-size: 30%;
}
    
}
.newslist {
    background:#0064a8;
    float: left;
    width: 100%;
}
.newslist marquee {
    float: left;
    color: #fff;
}