@import url("https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i|Poppins:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i");
@import url('https://fonts.googleapis.com/css?family=Abhaya+Libre|Molengo|Poppins|Open+Sans');
body{margin:0; font-size: 14px; font-family: "Poppins", sans-serif, sans-serif!important;}
#main{width:100%; height:auto; float:left}
#main-inner{width:90%; height:auto; margin:0 auto; overflow:auto}
#main-inner1{width:90%; height:auto; margin:0 auto;}
#main-inner2{width:98%; height:auto; margin:0 auto;}
#main-inner3{width:98%; height:auto; margin:0 auto;}

a{text-decoration:none; color:#333}

.header-nav{background:rgba(255, 255, 255, 1);}
.fixedup .navbar-scrolltofixed.scroll-to-fixed-fixed {background-color: #ffffff; margin-top:0; -webkit-box-shadow: 0px 5px 16px 0px rgba(0,0,0,0.2); -moz-box-shadow: 0px 5px 16px 0px rgba(0,0,0,0.2); box-shadow: 0px 5px 16px 0px rgba(0,0,0,0.2);}

.logomain{width:13%; height:auto; float:left; margin:12px 0}
.logomain img{width:100%; height:auto; float:left}

.rightdiv{width:auto; height:auto; float:right; margin:15px 0 0 0}
.rightdiv .manage{background: #0284ca; color: #fff; border-radius: 5px; padding: 5px 10px;}

/*		Hero section 		*/

.hero{
	display: block;
	width: 100%;
	height: auto; 
	margin-top:0;
	box-sizing:content-box
}
.hero1{
	display: block;
	width: 100%;
	height: 0; 
	margin-top:-5%;
	background: url('images/bg5.jpg') no-repeat fixed center center; background-size: cover;
	box-sizing:content-box
}

.hero .con{width: 92%; height: auto; float: left; margin:90px 2%; padding: 20px 2%;}
.hero .con .tab-content{width: 100%; height: auto; float: left; margin: 2% 0; padding:0; border-radius: 5px; background: #fff; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.5);}
.hero .con1{width: 100%; height: auto; float: left; margin: 0;}
.hero .con2{width: 10%; height: auto; float: left;}
.hero .con3{width: 13%; height: auto; float: left;}
.hero .con4{width: 14%; height: auto; float: left; background: url('images/date.png') right center no-repeat; background-size: 30px 23px; padding: 0 5px;}
.hero .con5{width: 13.5%; height: auto; float: left; padding: 0 5px;}
.hero .box{width: 98%!important; height: auto; float: left!important; margin:0!important; padding:20px 5px!important; font-family: "Poppins", sans-serif, sans-serif!important; font-size: 15px; font-weight: 500; border: none; border-right: 1px solid #cfcfcf; background: none;}
.hero .box select option{font-family: "Poppins", sans-serif, sans-serif!important;}
.hero .submit{width: 10%; height: auto; float: right; margin: 0; background: url('images/search.png') #0058a3 left center no-repeat; background-size: 20px 14px; color: #fff; padding: 21px 0; text-align: center; border-radius: 0 4px 4px 0; border: none; font-size: large; text-transform: uppercase; cursor: pointer; transition: 0.3s;}
.hero .submit:hover{background: #1793fc;}
.hero .con .lowcon{width: auto; height: auto; float: left; margin: 0;}
.hero .con6{width: 22%; height: auto; float: left;}
.hero .con7{width: 12%; height: auto; float: left;}
.hero .con8{width: 18.3%; height: auto; float: left; padding: 0 5px;}
.hero .con9{width: 18.3%; height: auto; float: left; padding: 0 5px;}
.hero .con9 a{width: 50%; height: auto; float: left; margin: 0 25%; padding: 5px 0; background: #c03b01; color: #fff; text-align: center; transition: 0.3s;}
.hero .con9 a:hover{background: #8c2b01;}
.hero .box1{width: 98%!important; height: auto; float: left!important; margin:0 0 6px 0!important; padding:8px 5px!important; font-family: "Poppins", sans-serif, sans-serif!important; font-size: 15px; font-weight: 500; border: none; border-right: 1px solid #cfcfcf; background: none;}
.hero .submit1{width: 10%; height: auto; float: right; margin: 0; background: url('images/search.png') #0058a3 left center no-repeat; background-size: 20px 14px; color: #fff; padding: 8px 0; text-align: center; border-radius: 0 4px 0 0; border: none; font-size: 16px; text-transform: uppercase; cursor: pointer; transition: 0.3s;}
.hero .submit1:hover{background: #1793fc;}
.hero .con .low{width: 100%; height: auto; float: left; color: #fff;}
.hero .con .low input{width: 16px; height: 16px;}
.hero .con .low label{margin-right: 20px;}


.dropbtn {
  padding: 5px 16px 5px 10px;
  border: none;
  background: none;
  font-size: 14px;
  font-family: "Poppins", sans-serif, sans-serif;
}
.dropbtn img{width: 25px; height: 25px; float: left; margin: 0 10px 0 0;}
.dropdown {
  position: relative;
  display: inline-block;
}

.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f1f1f1;
  min-width: 170px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}
.dropdown-content1 {
  display: none;
  position: absolute;
  background-color: #f1f1f1;
  min-width: 100px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}
.dropdown-content1 img{width: 20px; height: 20px; float: left; margin-right: 6px;}
.dropdown-content a {
  color: black;
  padding: 10px 5px;
  text-decoration: none;
  display: block;
  font-size: small;
  border-bottom: 1px solid #d8d7d7;
}
.dropdown-content a:last-child{border: none;}
.dropdown-content a:hover {background-color: #ddd;}
.dropdown:hover .dropdown-content {display: block;}
.dropdown:hover .dropbtn {background-color: #ededed; border-radius: 5px;}
.dropdown-content1 .mob{visibility: hidden!important; padding: 0!important; height: 0!important; margin: 0!important;}
.dropdown-content1 .mob img{width: 0; height: 0; float: left; margin-right: 0;}

.marquee{width: 100%; height: auto; float: left; background: #0284ca; color: #fff; padding: 10px 1%; margin: 10px 0;}

.offerdiv{width: 100%; height: auto; float: left; margin: 10px 0 30px 0; background: #eaeaea;}
.offerdiv h2{width: 100%; height: auto; float: left; margin: 20px 0 10px 0; text-align: center; color: #da3a1e; font-weight:bold;}
.offerdiv b{width: 10%; height: auto; float: left; margin: 0 45% 20px 45%; padding: 1px 0; background: #333;}

.offerdiv .col-md-4{width: 33.3%!important; height: auto; float: left; margin: 15px 0!important;}
.sale-banner img {
	width: 100%;
}
.hover_effect1 {
	overflow: hidden;
	position: relative;
	display: block;
}
.hover_effect1::before, .hover_effect1::after {
	background-color: rgba(255, 255, 255, 0.6);
	content: "";
	height: 100%;
	left: 0;
	opacity: 1;
	position: absolute;
	top: 0;
	transition: all 0.9s ease 0s;
	width: 100%;
	z-index: 1;
}
.hover_effect1::before {
    border-top: 1px solid rgba(255, 255, 255, 0.4);
    -moz-transform: translate(105%, 0%);
	-webkit-transform: translate(105%, 0%);
	transform: translate(105%, 0%);
}
.hover_effect1::after {
    border-bottom: 1px solid rgba(255, 255, 255, 0.4);
    -moz-transform: translate(-105%, 0%);
	-webkit-transform: translate(-105%, 0%);
	transform: translate(-105%, 0%);
}
.hover_effect1:hover:before, .hover_effect1:hover:after {
	opacity: 0;
	-moz-transform: translate(0px, 0px);
	-webkit-transform: translate(0px, 0px);
	transform: translate(0px, 0px);
}

.textdiv{width: 100%; height: auto; float: left; margin-bottom: 20px;}
.textdiv h3{width: 100%; height: auto; float: left; margin: 5px 0 15px 0; color: #0058a3;}
.textdiv p{width: 100%; height: auto; float: left; margin:0; text-align:justify}

.footerbg{background: #002a44}
#footer{width: 100%; height: auto; float: left;}
#footer .con{width: 23%; height: auto; float: left; margin: 3% 1%;}
#footer .con h2{width: 100%; height: auto; float: left; margin: 10px 0; color: #ecb101; font-weight: 500; font-size:22px;}
#footer .con h3{color: #fff;}
#footer .con h4{color: #fff; font-weight: 500; font-size: x-large; margin: 0 0 10px 0;}
#footer .con h4 span{font-size: medium;}
#footer .con p{color: #fff;}
#footer .con a{width: 100%; height: auto; float: left; color: #fff; margin: 1% 0; transition: 0.2s;}
#footer .con a:hover{color: #0058a3;}
#footer .con img{width: 90%; height: auto; float: left; margin: 1% 10% 15px 0;}
#footer .con .img{width: 40%; height: auto; float: left; margin: 0 60% 8px 0; background: #fff; padding: 5px; border-radius: 5px;}
#footer .con .img1{width: 45%; height: auto; float: left; margin: 0 55% 8px 0;}
#footer .con .social1{width:80%; height:auto; float:left; margin:0 20% 5% 0;}
#footer .con .social1 a{width:28px!important; height:28px!important; float:left; padding:5px; margin: 3px; border-radius: 50px}
#footer .con .social1 a img{width:90%!important; height:auto!important; float:left; margin: 5%;}
#footer .con .social1 .a{width:18px!important; height:18px!important; float:left; padding:0; margin: 3px; border-radius: 50px; border: none;}
#footer .con .social1 .a img{width:100%!important; height:auto!important; float:left; margin: 0; border: none}
#footer .con .p{font-size:22px; text-align:center;}

.gdlowfooterbg{background: #000;}
#gdlowfooter{width:90%; height:auto; float: left; padding: 1% 0}
#gdlowfooter p{width: 50%; height: auto; float: left; margin: 0; padding: 0; color: #fff; font-size: small}
#gdlowfooter .p{ text-align: right;}
#gdlowfooter p a{color: #62aae7;}

#banner{width:100%; height:auto; float:left; background:url(images/bg6.jpg) left center no-repeat; background-size:100% auto; padding:50px 0 30px 0}
#banner h3{font-weight:100; text-align: center; color: white;}
#banner h1{font-weight: normal; text-align: center; color: #fff; font-size:40px;}

#static{width:100%; height:auto; float:left; margin:2% 0}
#static img{width: auto; height:auto; float:left; margin:0 2% 2% 0}
#static p{font-size:medium; line-height:150%; color:#333333; text-align:justify; margin:1% 0}
#static ul{width:100%; height:auto; float:left; padding:0; margin:2% 0}
#static ul li{font-size:medium; color:#333333; background:url('images/right.png') left top no-repeat; text-align:justify; padding:0 0 0 3%; margin:10px 0;}
#static h2{width:100%; height:auto; float:left; color:#0154a9; margin-bottom:0;}
#static h4{width:100%; height:auto; float:left; color:#022774; margin-bottom:0; font-size:16px;}
#static .left{width: 46%; height: 400px; float: left; margin:0 0 0 2%; padding:0 1%; background: #E9E8E8}
#static .left h1{color: #232323; text-align: center}
#static .left h1 span{color: #017caf}
#static .left .loc{width: 90%; height: auto; float: left; font-size:18px; background:url(images/icon17.png) left top no-repeat; background-size: 35px 35px; padding-left: 10%; margin-bottom:20px; line-height: 150%}
#static .left .addr{width: 90%; height: auto; float: left; font-size:18px; background:url(images/icon18.png) left center no-repeat; background-size: 35px 35px; padding-left: 10%; padding-bottom:10px; line-height: 150%}
#static .left h3{width: 100%; height: auto; float: left; color: #424040; margin-top: 2%}
#static .left h3 a{width: 6%; height: auto; float: left; margin: 1.5% 0.5% 0.5% 0.5%; background: #c6a03d; border-radius: 50%; padding: 1.5%}
#static .left h3 a:hover{background: #3d3d3d}
#static .left h3 a img{width: 100%; height: auto; float: left;}
#static .mapi{width: 50%; height:auto; float:left}
#static .mapi iframe{width:100%; height:400px;}



@media all and (max-width: 768px), only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 1024px), only screen and (min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min-resolution: 192dpi) and (max-width: 1024px), only screen and (min-resolution: 2dppx) and (max-width: 1024px) {

#main-inner{width:100%; height:auto; margin:0 auto; overflow:auto}
#main-inner1{width:100%; height:auto; margin:0 auto;}
#main-inner2{width:100%; height:auto; margin:0 auto;}
#main-inner3{width:100%; height:auto; margin:0 auto;}

.logomain{width:40%; height:auto; float:left; margin:5px 30%}

.rightdiv{width:100%; height:auto; float:right; margin:5px 0}
.rightdiv .manage{width:0; height:auto; float:left; margin: 0; text-align: center; background: #0284ca; color: #fff; border-radius: 0; padding: 0; font-size: 0; visibility: hidden!important;}

.dropdown {
  width:48%; height:auto; float:left; margin: 0 1%;
  position: relative;
  display: inline-block;
  background: #dfe1e1;
  padding: 3px 0;
  border-radius: 5px;
}
.dropbtn img{width: 18px; height: 18px; float: left; margin: 2px 8px 0 0;}

.dropdown-content a {
  color: black;
  padding: 10px 4px;
  text-decoration: none;
  display: block;
  font-size: small;
  border-bottom: 1px solid #d8d7d7;
}
.dropdown-content1 .mob{visibility: visible!important; padding: 10px 4px!important; height: auto!important; margin: 0!important;}
.dropdown-content1 .mob img{width:18px; height: 18px; float: left; margin: 2px 8px 0 0;}

.hero .con{width: 99%; height: auto; float: left; margin:20px 0.5%; padding: 150px 0 0 0;}
.hero .con2{width: 97%; height: auto; float: left; margin: 1%; padding: 0; border: #0058a3 1px solid; border-radius: 5px;}
.hero .con2a{width: 47%!important; height: auto; float: left; margin: 1%; padding: 0; border: #0058a3 1px solid; border-radius: 5px;}
.hero .con3{width: 47%; height: auto; float: left; margin: 1%; padding: 0; border: #0058a3 1px solid; border-radius: 5px;}
.hero .con4{width: 47%; height: auto; float: left; margin: 1%!important; padding: 0!important; border: #0058a3 1px solid; border-radius: 5px; background: url('images/date.png') right center no-repeat; background-size: 30px 23px;}
.hero .con4 .hei{height: 70px!important; padding: 0 5px!important;}
.hero .con5{width: 47%; height: auto; float: left; margin: 1%; padding: 0; border: #0058a3 1px solid; border-radius: 5px;}
.hero .box{width: 98%!important; height: 70px!important; float: left!important; margin:0!important; padding:15px 5px!important; font-family: "Poppins", sans-serif, sans-serif!important; font-size: 15px; font-weight: 500; border: none; border-right: none; background: none;}
.hero ::placeholder{font-size: 15px!important; margin:0!important; padding:0!important;}
.hero .submit{width: 97.5%; height: 70px!important; float: right; margin: 1%; background: url('images/search.png') #0058a3 left center no-repeat; background-size: 25px 18px; color: #fff; padding: 17px 0; text-align: center; border-radius: 5px; border: none; font-size: large; text-transform: uppercase; cursor: pointer; transition: 0.3s;}
.hero .con .lowcon{width: 48%; height: auto; float: left; margin: 1%;}
.hero .con6{width: 47%; height: auto; float: left; margin: 1%; border: #0058a3 1px solid; border-radius: 5px;}
.hero .con7{width: 47%; height: auto; float: left; margin: 1%; border: #0058a3 1px solid; border-radius: 5px;}
.hero .con8{width: 47%; height: auto; float: left; margin: 1%; padding: 0; border: #0058a3 1px solid; border-radius: 5px;}
.hero .con9{width: 98%; height: auto; float: left; padding: 0; margin: 1%;}
.hero .con9 a{width: 50%; height: auto; float: left; margin: 0 25% 10px 25%; padding: 5px 0; background: #c03b01; color: #fff; text-align: center; transition: 0.3s;}
.hero .box1{width: 98%!important; height: 70px!important; float: left!important; margin:0!important; padding:15px 5px!important; font-family: "Poppins", sans-serif, sans-serif!important; font-size: 15px; font-weight: 500; border: none; border-right: none; background: none;}
.hero .submit1{width: 47.5%; height: 70px!important; float: right; margin: 1%; background: url('images/search.png') #0058a3 left center no-repeat; background-size: 20px 14px; color: #fff; padding: 17px 0; text-align: center; border-radius: 5px; border: none; font-size: large; text-transform: uppercase; cursor: pointer; transition: 0.3s;}
.hero .cen{text-align: center;}

.marquee{width: 96%; height: auto; float: left; background: #0284ca; color: #fff; padding: 10px 1%; margin: 5px 1%;}

.offerdiv{width: 100%; height: auto; float: left; margin: 0 0 30px 0; background: #eaeaea;}
.offerdiv b{width: 20%; height: auto; float: left; margin: 0 40% 20px 40%; padding: 1px 0; background: #333;}

.offerdiv .col-md-4{width: 98%!important; height: auto!important; float: left!important; margin: 1%!important;}

.textdiv{width: 95%; height: auto; float: left; margin:0 2.5% 30px 2.5%;}

#footer .con{width: 98%; height: auto; float: left; margin: 3% 1%;}
#footer .con h2{width: 100%; height: auto; float: left; margin: 10px 0; color: #ecb101; font-weight: 500; text-align: center;}
#footer .con h3{color: #fff; text-align: center;}
#footer .con h4{color: #fff; font-weight: 500; font-size: x-large; margin: 0 0 10px 0; text-align: center;}
#footer .con a{width: 100%; height: auto; float: left; color: #fff; margin: 1% 0; text-align: center; transition: 0.2s;}
#footer .con img{width: 70%; height: auto; float: left; margin: 1% 15%;}
#footer .con .img{width: 30%; height: auto; float: left; margin: 0 35% 8px 35%; background: #fff; padding: 5px; border-radius: 5px;}
#footer .con .social{width:40%; height:auto; float:left; margin:0 30%;}
#footer .con .social a{width:11%!important; height:auto!important; float:left; padding:4%; margin: 1% 2%; border-radius: 50px}
#footer .con .img1{width: 30%; height: auto; float: left; margin: 0 35%;}
#footer .con .social1{width:50%; height:auto; float:left; margin:0 25%;}
#footer .con .social1 a{width:21%!important; height:auto!important; float:left; padding:1%; margin: 1%; border-radius: 50px}
#footer .con .social1 a img{width:50%!important; height:auto!important; float:left; margin: 25%;}

#gdlowfooter{width:100%; height:auto; float: left; padding: 1% 0}
#gdlowfooter p{width: 100%; height: auto; float: left; margin: 0; padding: 5px 0; color: #fff; font-size: small; text-align: center;}

#banner{width:100%; height:auto; float:left; background:url(images/bg6.jpg) left center no-repeat; background-size:100% auto; padding:20px 0 10px 0}

#static{width:96%; height:auto; float:left; margin:2%}
#static h2{width:96%; height:auto; float:left; margin:2%}
#banner h1{font-weight: normal; text-align: center; color: #fff; font-size:30px;}
#static .mapi{width: 100%; height:auto; float:left}
#static .mapi iframe{width:100%; height:400px;}
#static .left{width: 96%; height: auto; float: left; margin:1%; padding:1%; background: #E9E8E8}
#static .left .loc{width: 90%; height: auto; float: left; font-size:15px; background:url(images/icon17.png) left top no-repeat; background-size: 30px 30px; padding-left: 10%; margin-bottom:20px; line-height: 150%}
#static .left .addr{width: 90%; height: auto; float: left; font-size:15px; background:url(images/icon18.png) left center no-repeat; background-size: 30px 30px; padding-left: 10%; padding-bottom:10px; line-height: 150%}

}