@import url('https://fonts.googleapis.com/css2?family=Lato&display=swap');
.container{font-size:14px !important; font-family:lato !important;}
p{font-size:15px; font-family:Lato; line-height:24px;}
@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;}
body{ margin:0; padding:0; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: normal; color: #222; line-height: 24px; background:#fff;}
img {max-width:100% !important}
/*header*/
header .head-rht{padding:15px 0;}
header img{margin-top:10px;}
.head-rht a:nth-child(2){background:#013e59; border-radius: 44px; color:#fff; transition:.3s;border:3px solid #64aa49;}
.head-rht a:nth-child(2):hover{background:#64aa49; color:#fff;border:3px solid #013e59;}
.head-rht{text-align:right;font-size: 20px; line-height: 28px;    margin: 20px 0;}
.head-rht a{font-weight:900;color: #000; padding:10px 15px; transition:.3s;}
.head-rht a:hover{color:#013e59;}
.head-rht a i {
    margin-right: 12px;
}
/*header*/

#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;}


/*banner*/

.slider-img{height: 100%; width:100%; position:relative;}
.slider-info{position:absolute; top:12%; left:5%; width:45%;background: rgba(0,0,0,0.6); padding: 5px 20px;}

.slider-info h3 {
    font-size: 55px;
    font-weight: 900;
    color: #FFF;
    text-transform: uppercase;
    margin: 2px 0px 10px;
	letter-spacing:10px;
}
.slider-info h3 span{
    font-size: 40px;
    font-weight: 900;
    color: #FFF;
    text-transform: uppercase;
    margin: 2px 0px 10px;
	letter-spacing:1px;
}
.slider-info p {
    font-size: 20px;
    font-weight: 400;
    color: #fff; text-align:justify;
    line-height: 30px;
    letter-spacing: 1px;
}
.slider-info p a {
    font-size: 20px;
    color: #fff;
	letter-spacing: 3px;
	text-transform:uppercase; 
	margin-top: 7px; background:#013e59;padding: 7px 0px; padding-left:10px;
}
.slider-info p .fa{background:#64aa49;     padding: 5px;
    margin-left: 10px;
    font-size: 26px;}
.carousel-control{width: 5%;}
/*banner*/
.rd-mr {
    text-align:right;
    position: relative;
    margin: 10px auto;
    left: 0;border: 1px dashed #fff;
    right: 0;
	    background: #013e59;
    display: inline-block; border-radius:5px;
}
.rd-mr a{
    color:#fff;line-height: 30px;
    padding: 10px 20px;
}
.pading{padding:0;}
/*banner-bottom*/
/*banner*/

/*home*/
.hm-head {
    text-align: center;
    color: #000;
    text-transform: uppercase;
    font-weight: 400;
    margin-bottom: 40px;
    margin-top: 40px;
    font-size: 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:0px 0px 50px;}
.hm-abt img{margin-top:30px; /*border:10px solid #1b83e8;*/ border-radius:10px; box-shadow:#ccc 5px 10px 5px;}
.hm-abt p{text-align:justify; font-size:16px; line-height:25px; color:#444;}
.hm-abt h2{font-size:25px;font-weight:200;}
.hm-abt h2 span{font-size:25px; font-weight:900;}
/*home*/


/*hm-ser*/
/*hm-ser*/
.hm-ser{margin: 0 0 20px;padding: 0px 0 20px;}
.hm-ser h2{margin:20px 0;/* padding:20px 0; */font-size:30px;text-align:center;line-height:36px;}
.hm-ser h2 span{font-weight:bold;}
.ser-bx{border: 10px solid #454545;border-radius: 10px;margin: 10px auto;position: relative;}
.ser-cont{position: absolute;
    background: rgba(45,45,45,0.9);
    bottom: 0px;
    width: 100%; /*height:100%;*/
	padding:5px 20px; color:#fff;}
.ser-cont h3{margin:0; line-height:40px;}	
.ser-cont p{text-align:justify;}

/*hm-ser*/
/*quiry*/
.map-cont{     margin-top: 10px;
    width: 56%;
    float: left;
    border: 1px solid #ddd;
    text-align: center; padding: 10px 0;}
.map-cont img{max-width:100%;}
	
.bx-rht-cont{    width:40%;
    float: left;
    margin-left: 3%; text-align: left;}
	
.bx-rht-cont a{cursor:pointer;}
.bx-rht-cont h2{text-align: left;
    font-size: 16px;
    font-weight: bold;     line-height: 18px; margin-top: 10px; margin-bottom:5px;}
	
.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: 18px;
    margin-bottom: 8px;}
.cont-page p{font-size:14px; color:#000;     line-height: 24px !important;}

.cont-heading {
    margin: 0;

    font-size: 15px;
    text-transform: uppercase;
    background:#60355c;
    padding: 9px 10px;
    color: #fff;
    margin-bottom: 8px;
}
	
.head-bx{float: left;
    width: 50%;}
	
.contd-bx{float: left;
    width: 50%;}
	
.brn-bx h2{text-align:center;}

.map-cont img{max-width:100%;}
.map-contp {border:1px dashed #ccc;}
.map-contp img{text-align:center; padding:15px 0;}
.cont-page .st-feature-box{ background: #013e59;
    padding-top: 10px;
    padding-bottom: 10px; margin-bottom: 10px;     padding-right: 10px;
	    color: #fff;}
	
.cont-page .feature-box-image{    margin-top: 13px;}

.brnh-off p{margin-bottom:2px;}


.st-custom-heading-layout2.st-custom-heading-wraper {
    margin-bottom: 24px;
}

.st-custom-heading-layout2 .st-heading-title {
    position: relative;
    margin-bottom: 0;
    text-transform: uppercase;
    font-size: 25px;
    line-height: 25px; font-weight:bold;
	margin-top: 0;
}

.st-custom-heading-layout2 .st-heading-title>span {
	    position: relative;
    margin-bottom: 0;
    text-transform: uppercase;
    font-size: 25px;
    line-height: 25px;
    display: block;
    margin-bottom: 11px;
}

.st-custom-heading-layout2 .heading-line {
    width: 26px;
    height: 1px;
    background: #114366;
    margin: 0;
}

.st-feature-box {
    padding-left:75px;
    position: relative;
	    margin-bottom: 35px;
}

.st-feature-box .st-feature-box-icon {
    color: #111;
    display: block;
    position: absolute;
    width: 52px;
    height: 52px;
    line-height:0px;
    top: 0;
    left: 0;
    text-align: center;
    font-size: 60px;
    -webkit-transition: all .3s;
    -khtml-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}

.st-feature-box h3 {
    color: #fff;
    margin-bottom: 8px;
    font-size: 18px;
    line-height: 20px;
    font-weight: normal;
}

.cont-soc img{margin-right:5px;}
.cont-page h2{    font-weight:bold;
    color: #111;
    font-size: 19px;
    margin-top: 0;
    text-transform: uppercase;
    margin-bottom: 18px;
	margin-top:10px;}
.cont-page h2 span{color: #111;
    font-weight: normal;
    font-size: 18px;}
.cont-page h5{    color: #222;
    font-size: 19px;
    margin-bottom: 25px;}
	
.cont-page h2 span {
    color: #111;
    font-weight: normal;
    font-size: 18px;
}

.cont-page{text-align:left;font-family: arial; font-size: 14px;}


/*cont-page*/
.client-inner-page li{border: 1px solid #eee;
    padding: 4px;
    width: 19%;
    margin: 0 .5%;
    float: left;
    list-style: none;
    min-height: 160px;}
.client-inner-page li img{margin:0 auto;}

/*footer*/
	
footer{background:#013e59; color:#fff; padding: 20px 0px;}
.ft-logo{margin-top: 40px;}
footer h5{font-size:20px;font-weight:bold; color:#fff; line-height:40px; border-bottom:1px dashed #ccc; text-transform:uppercase;}
footer p{font-size:15px; line-height:24px; color:#fff;}
footer a{color:#fff;}
.deg{text-align:right;}
footer a:focus, footer a:hover{color:#ccc;}
/*footer*/
@media(max-width:1140px){
.slider-info{top:5%;}
.slider-info h3{font-size: 30px;}
}
@media(max-width:991px){
.ser-bx img{width:100%;}
.hm-abt img{margin:10px auto;}
.slider-info{width: 62%;}
.slider-info h3 { font-size: 20px;}
.slider-info p{font-size: 16px;}
.head-lft img{margin: 12px auto;}
header .head-rht { padding: 5px 0;}
.head-rht a:nth-child(2){display:none;}
}
@media(max-width:769px){

}
@media(max-width:767px){
.slider-info{display:none;}
header .head-rht{display:none;}
.deg, .copyright p{text-align:center;}
	}
	
@media(max-width:736px){
.footer-rht p{text-align:center;}	
	}
	
@media(max-width:667px){
	}
	
@media(max-width:568px){

	}
	
@media(max-width:480px){
.ser-cont{position:relative;margin-top: 0px;}
	}
	
@media(max-width:414px){
.hm-serv .hm-head:after {
    left: 40%;}
	}
	
@media(max-width:375px){

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

}