body{ margin:0; padding:0; font-family: Arial, Helvetica, sans-serif; font-size: 14px;  font-weight: normal; color: #222; line-height: 24px;}

.container-middle{ margin:0 auto; text-align: left; font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 24px; font-weight: normal; color: #333;}

.container-middle a{color:#236fb6; text-decoration:none;}

p{ margin-bottom: 10px; color:#222; font-size:14px; line-height:24px; margin-top:0; text-align:justify;}

h1{ font-size:24px; font-weight:600; text-align: left; color: #333; line-height: 30px; text-transform: uppercase; }
	
h2{ font-size: 20px; font-weight:600; text-align: left; color: #333; line-height: 30px; text-transform: uppercase; }

h3{ font-size: 18px; font-weight:600; text-align: left; color: #333; line-height: 30px; text-transform: uppercase; }

h4{ font-size: 15px; font-weight:600; text-align: left; color: #333; line-height: 30px; text-transform: uppercase; }


.cl{clear:both;}

/*header*/

header{ /*! border-top:5px #12b9e3 solid; */}
.web-logo{}

.web-logor{ text-align:right;}

/*header*/
.about {
    padding: 0 0 30px 0;
}

/*home*/

.head-hm {
    font-size: 27px;
    font-weight: 800;
    text-align: center;
    color: #12b9e3;
    margin-bottom: 4px;
    padding-bottom: 10px;
}

.img-bdr{ border:1px #ccc solid;}
.readmore {
    color: #12b9e3;
    text-decoration: none;
    background: #fff;
    font-weight: 700;
    line-height: 24px;
    padding: 7px 11px;
}
.readmore:hover{color: #333;}
.home-serv{ background:#12b9e3; padding:40px 0;}
.home-serv h2{ font-size:24px; font-weight:600; text-align:center; color:#fff; margin-bottom:10px; margin-top:0;}

.hserv{ text-align:center;}
.hserv h3{font-size:17px; font-weight:500; text-align:center; color:#fff;}
.hserv p{ font-size:14px; text-align:center; color:#fff;}
.serv{ background:#eee; padding:20px 0;}
.serv img{ border-radius:80px; border:5px #12b9e3 solid; padding:2px;}
.serv img:hover{ border:5px solid #0663a9; transition:.9s; transform: rotateZ(360deg);}

/*footer*/
footer{ margin-top: 0px; padding-top: 5px; background:#eee; color: #222;}

footer h2{ font-weight: 500; font-size: 20px; position: relative; color: #12b9e3; margin-bottom: 13px; text-transform: capitalize; padding-bottom: 5px; border-bottom:1px #444 dashed;}
	
footer h2 span {
    position: absolute;
    width: 100%;
    left: 1px;
    font-size: 20px;
    color: #222;
    z-index: 1;
    top: -17px;
}

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

.us-lk ul{ list-style-type: square; font-size: 14px; margin-bottom: 0; color: #222; padding-left: 24px;}
.us-lk ul li{ line-height: 20px; margin-bottom: 7px;}
.us-lk ul li a img{ margin-right:10px;}

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

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

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

footer a{}

.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: #222; line-height: 24px; min-height: 25px; transition: 0.5s;}

.copyrht{ margin-top: 10px; color: #fff; font-size: 14px; background:#12b9e3; padding:7px 0;}
	
.copyrht p{ margin-bottom:0; color: #fff; line-height:36px;}

.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 #666;
    font-size: 19px;
    line-height: 0;
    margin-right: 11px;
    margin-top: 4px;
    vertical-align: baseline;
    float: left;
    transition: 0.5s;
    padding: 8px 0px;
	background:#12b9e3;
}

.ft-cont p:hover i{ background:#666; transition:0.5s;}
.top-nv{    background: #12b9e3;
    color: #fff;
    /* box-shadow: 0px 1px 1px #999; */
    height: 36px;
    /* z-index: 9; */
    position: relative; overflow: hidden;
padding-top: 5px;
}
	
.top-nv ul{margin:0; list-style:none; text-align:left;     font-size: 16px; padding-left: 0;}
.top-nv ul li{display:inline-block; color:#fff;     /*! padding: 6px 0; */}
.top-nv ul li img{    vertical-align: text-bottom; margin-right:8px; height: 18px;     float: initial;}
.top-nv ul li a{color:#fff;text-decoration: none;}
.fr-head {
  /*! text-align: right; */
  float: right;
}
/*footer*/

@media(max-width:1000px){
.top-nv{ display: none;}
}

@media(max-width:1000px){
.web-logor{ display: none;}
}