body{ margin:0; padding:0; font-family: Arial, Helvetica, sans-serif;}

@font-face{ font-family: 'Lato'; font-style: normal; font-weight: 400;  src: local('Lato-Regular'), url(../image/Lato-Regular.ttf) format('truetype');}

*{ font-family:Lato !important;}

.fa{ font-family:fontawesome !important;}

.callus {
    width: 100%;
    margin: 8px 0 0 0;
    text-align: right;
    position: fixed;
    top: 20em;
    right: 9px;
    width: 50px;
    height: 50px;
    z-index: 99999;
}
.emailsubscription h2{ font-weight:bold; color:#036;}
.emailsubscription p{}
    .Subscribecss{right: 15px;
    padding: 0px 15px;
    line-height: 42px;
    border-radius: inherit;
    width: 100%;
    border: 1px solid #ccc9c9;
    }
	.ssubmit{    top: 24px;
    right: 0px;
    padding: 3px 23px;
    line-height: 38px;
    border-radius: inherit;
    position: absolute;
    border: none;
    color: #fff;
    background-color: #11670b;
}

.callus .callusL{
    width: 40px;
    height: 40px;
    font-size: 18px;
    border-radius: 100%;
    text-align: center;
    line-height: 40px;
    display: inline-block;
    float: right;
    background: #eb1d39;
    color: #fff;
    margin: 0 20px 0 0;
    -webkit-box-shadow: 0px 0px 0px 7px #dc3545;
    -moz-box-shadow: 0px 0px 0px 7px rgba(232, 154, 17, 0.25);
    box-shadow: 0px 0px 0px 7px #dc354536;
    -webkit-animation: tada 1.25s infinite;
    -moz-animation: tada 1.25s infinite;
    -ms-animation: tada 1.25s infinite;
    animation: tada 1.25s infinite;
}

  /*============WHATSAPP==========*/
  
.whatsapp_btn{
    position: fixed;
    top: 15em;
    right: 20px;
    width: 55px;
    height: 55px;
    z-index: 9999;
}
.whatsapp_btn .icon_logo{
    position: relative;
    z-index: 100;
    padding: 5px;
}

.whatsapp_btn .icon_logo > a > img{
    width: 100%;
}

.whatsapp_btn .circle_waves{
    border-radius: 50%;
    background-color: #3cc04e;
    width: 55px;
    height: 55px;
    position: absolute;
    opacity: 0;
    bottom: 1px;
    left: 0px;
    z-index: 99;
    animation: waves 4s infinite cubic-bezier(.36, .11, .89, .32);
}

@keyframes waves {
    from {
        transform: scale(.55, .55);
        opacity: .6;
    }
    to {
        transform: scale(1.8, 1.8);
        opacity: 0;
    }
}

p{ font-family:Lato; font-size: 14px; font-weight: normal; color: #222; line-height: 24px; text-align:justify;}


img{ max-width:100% !important}

/*header*/
header{}
.head-lft{text-align:left;}
.head-lft img{ margin-top:10px;}
.head-rht{ text-align:right;}
.social{ margin-top:5px;}
.social a{ margin-right:5px;}
.social a img{ border-radius:10px; border:1px #ccc solid; padding:2px;}
.head-rht p{ text-align:right; line-height:20px; margin-top:5px;}
/*header*/


/*home*/
.hm-head{ font-size: 30px; color: #222;  font-weight: 400; text-align: center; text-transform: uppercase;   
    margin-bottom:30px;
    margin-top:30px;
}
.hm-head:after{content:""; width:80px; height:5px; position:absolute; left:44%; background: #000;  bottom: -10px;}
.hm-head span { font-weight: 800; color: #1b83e8;}
.hm-head{position:relative;}
.hm-abt{ padding:10px 0px 50px;}
.hm-abt img{ margin-top:40px; border:10px solid #1b83e8; border-radius:20px; box-shadow:#ccc 5px 10px 5px;}
.hm-abt p{text-align:justify; font-size:15px; line-height:24px; color:#444;}

/*home*/

#home{ width:100%; height:100%; position:relative;}

#home:after{content: "";
    position: absolute;
    left: 0;
    top: 0;
    background: linear-gradient(rgb(0, 0, 0) 0%, transparent 100%);
    width: 100%;
    height: 195px;
    z-index: 2;}
/*menu*/


/*banner-bottom*/
.bann-bx{ padding: 50px; position: relative; background-color: #1b83e8; font-family:Arial, Helvetica, sans-serif;}
.bann-bx p{ color:#fff; font-size:15px; line-height:22px;}
.banner-btm .col-md-4:nth-child(2) .bann-bx{background:#000;}
.bann-bx:before {
    content: "";
    position: absolute;
    top: 20px;
    bottom: 20px;
    left: 20px;
    right: 20px;
    border: 2px solid rgba(255, 255, 255, 0.5);
}
.bann-bx h4{font-weight:700; font-size:22px;color:#fff;}
.rd-mr {
    text-align:right;
    position: relative;
    margin: 10px auto;
    left: 0;
    right: 0;
}
.rd-mr a{
    color:#fff;border: 1px solid #fff;
    padding: 10px 15px;
}
.pading{padding:0;}
/*banner-bottom*/


/*qyery-hm*/

.qyery-hm{background:url(image/query-bg.jpg) no-repeat; background-size:cover;  padding: 25px 0 25px; background-attachment:fixed;}

.qyery-hm h4{    margin-bottom: 0;
    font-size: 31px;
    font-weight: normal;
    font-family: cursive;
    color: #ccc; text-align:center;    line-height: 60px;}
	
.qyery-hm h4 strong{font-family: sans-serif;
    font-size: 38px;
    color: #1b83e8;}
	
.qyery-hm h4 span{ font-family: sans-serif;
    background: #1b83e8;
    color: #fff;
    font-size: 18px;
    padding: 8px 17px;
    vertical-align: super;
    margin-top: 10px;
    top: 31px;
    border-radius: 45px;
    margin-left: 30px;
    border: 2px solid rgba(0,0,0,0.5); transition:0.5s;}
	
.qyery-hm h4 span:hover{background:#333; transition:0.5s;}
	
.qyery-hm h4 span a{COLOR:#FFF;}

/*qyery-hm*/

/*hm-ser*/
.hm-serv {
    background: #f1f1f1;
    background-size: cover;
    padding:10px 0 10px;
    background-attachment: fixed;
}
.hm-serv .hm-head:after{left: 47%;width: 100px;bottom: -15px;}
.ser-bx{position:relative; margin:30px auto;}

.ser-cont{ position: absolute; background: rgba(27,131,232,.9); bottom: 0px; padding: 40px; color: #fff; text-align: justify;}
.ser-cont:before {
    content: "";
    position: absolute;
    top: 15px;
    bottom:15px;
    left: 15px;
    right: 15px;
    border: 2px solid rgba(255, 255, 255, 0.5);
}
.ser-cont{margin-top: 30px;}

.ser-bx h3{ font-weight:900;}
.ser-bx p{ color:#fff; text-align:left; line-height:20px;}

/*hm-ser*/

.map-cont{ margin-top: 0px; border: 1px #ddd dashed; text-align: center; padding: 0;}
.map-cont img{max-width:100%;}
	
.bx-rht-cont{ margin-left: 3%; text-align: left;}
	
.bx-rht-cont a{cursor:pointer;}
.bx-rht-cont h2{ text-align: left; font-size: 22px; font-weight: bold; line-height:24px; margin-top: 0px; margin-bottom:5px;
text-transform: uppercase;}
	
.bx-rht-cont p{ margin-bottom:0;}
.brn-off{ width:31%; padding:1%; float:left; padding-bottom: 0;}
.cont-page h3{ margin: 0; font-size: 16px; text-transform:uppercase;}
.cont-page p{ font-size:16px; line-height:24px;}

.cont-page h2 span{ display: block; font-size: 17px;  color: #5f5d5d;  font-weight: 500; margin-bottom: 10px;}
	
.head-bx{ float: left; width: 50%;}	
.contd-bx{ float: left; width: 50%;}	
.brn-bx h2{text-align:center;}
.map-cont img{max-width:100%;}

/*contact*/



/*footer*/
footer{margin-top: 0px;  padding-top: 5px; background: url(image/ft-bg.jpg) no-repeat;
    background-attachment: fixed; color: #fff; background-size: cover; padding-top: 20px;
}

footer h2{ font-weight:600; font-size:24px; position: relative; color: #fff; margin-bottom: 13px; text-transform: capitalize; 
border-bottom: 1px #ccc dashed; padding-bottom:10px;}
	
footer h2 span { position: absolute; width: 100%; left: 1px; font-size: 20px; color: #222; z-index: 1; top: -17px;}

footer .container-middle a{ color: #fff;}

.us-lk ul{ list-style-type: square; font-size: 14px; margin-bottom: 0; color: #fff; padding-left: 24px;}

.us-lk ul li{ line-height: 25px; margin-bottom: 7px;}

.us-lk ul li:hover{ padding-left: 5px;}

.us-lk ul li a{ color:#fff;}

.us-lk ul li:hover a{color:#25a9e4 !important;}

footer a{ color:#fff;}

.ft-soc ul{ font-size: 16px; margin-bottom: 0; list-style: none;}
	
.ft-cont strong{color:#fff;}

.ft-cont p{ margin-bottom:8px; font-size:14px; line-height: 20px; color: #fff; min-height:40px; transition: 0.5s;}

.copyrht{ background: rgba(0,0,0,0.3); margin-top: 10px; color: #fff; font-size: 14px;  border-top: 1px solid #111;}
	
.copyrht p{ margin-bottom:0; color: #fff; line-height:24px; padding:5px 0;}

#FooterrControl1_tr_FooterBackImage{background-image:none !important;}

.cprht-lft{/*float:left;*/}
.cprht-rht{float:right;}

.cprht-rht a{color:#fff;}

p.cprht-rht img { height: 25px; transition:0.5s;}

p.cprht-rht img:hover{transform:rotate(360deg); transition:0.5s;}

.ft-cont i {    width: 35px;
    min-height: 40px auto;
    text-align: center;
    border: 1px solid #fff;
    font-size: 19px;
    line-height: 0;
    margin-right: 11px;
    margin-top: 4px;
    vertical-align: baseline;
    float: left;
    transition: 0.5s;
    padding: 8px 0px;
}

.ft-cont p:hover i{background:#0f5d9d; transition:0.5s;}

/*footer*/





@media(max-width:1000px){

}
@media(max-width:991px){

}
@media(max-width:769px){

}
@media(max-width:767px){
	
.wback .caption { top: 4% !important;}
.caption{ width: 60% !important;}


}
		
@media(max-width:667px){

}
	
@media(max-width:568px){
	
	.head-rht{text-align: center;}
	.head-rht p{text-align: center;}
	
	
}
	
@media(max-width:480px){
.wback .caption{ left: 20%;}

}
	
@media(max-width:414px){

	}
	
@media(max-width:375px){

	}
	
@media(max-width:360px){

}