body{ margin:0; padding:0; font-family: Arial, Sans-serif; font-size: 14px; font-weight: normal; color: #232021; line-height: 24px; background:#fff; text-align:justify;}

p{ font-size:14px; font-family: Arial, Sans-serif; line-height:24px; color:#222; text-align: justify;}

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



/*nav-tp*/

.nav-tp{ background:#005db5; position: relative;}
.nav-tp p{ padding:10px 0; margin:0; color:#fff;}
.nav-tp .fa{ color:#fff; font-size: 16px;}
.nav-tp a{ color:#fff;}
.nav-tp ul{list-style:none; margin:0; padding:0;}
.nav-tp ul{list-style:none;}
.nav-tp li{list-style:none; float:right;padding: 8px 15px;}
.nav-tp .head-rht{float:right;}
.top-nav-rht ul{list-style:none; margin:0; text-align:right;}
.top-nav-rht ul li{ display: inline-block; border-right: 1px solid #eee; width: 40px; line-height: 30px; transition:0.5s; text-align: center; }

.top-nav-rht ul li:hover{ background:#73c64e; transition:0.5s;}
.top-nav-rht ul li:last-child{ border-left:1px solid #eee;}


/*nav-tp*/

.container-fluid{ padding-left:2px; padding-right:2px;}

/*-- header --*/

header{ z-index:9; left:0;}

.logo-web{ padding: 10px 0; text-align:left;}
.logo-web img{}

.phone-mail p{ font-size:14px; line-height:18px; text-align:left; color:#777;  padding-top:10px;}
.address p{ font-size:14px; line-height:16px; text-align:left; color:#777;  padding-top:10px;}

.phone-mail .fa, .address .fa{ float:left; margin-right:10px; margin-top:5px; padding-right:10px; color:#000; font-size:36px; border-right:1px #ccc solid; line-height:40px; }



/*-- header --*/
/*-- navbar --*/

img{ max-width:100%;}

:focus{ outline:none;}

/*-- navbar --*/

@-webkit-keyframes animate-preloader {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes animate-preloader {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}


/*-- form --*/
.form-hm{/*overflow:hidden;*/background-image:url(image/form-hm-bg.jpg); background-size:cover; background-repeat:no-repeat;margin-bottom:185px; z-index:1; background:rgba(240,236,225,1);}
.form-hm .form-control{min-height: 50px;}
.map-hm-rht{/*background:#eee;*/ position:relative; padding-top:40px; padding-bottom:40px;}
.map-hm-rht .hm-heading{text-align:center;}
.form-img img{float:right;}
/*-- //form --*/


/*head-title*/
.head-title{text-align:center; margin-bottom:30px;}
.head-title h2{ color:#63ad48;
    padding: 3px 9px;
    position: relative;
    z-index: 9;
    display: inline-block;
    line-height: 36px;
    font-size: 30px;
    font-weight: 600;
    text-transform: uppercase;
}
.head-title h2:before {
    content: "";
    position: absolute;
    left: 0;
    height: 3px;
    width: 80%;
    background: #005db5;
    bottom: -7px;
    right: 0;
    margin: 0 auto;
}
.head-title h2:after {
    content: "";
    position: absolute;
    left: 0;
    height: 8px;
    width: 20%;
    background: #005db5;
    bottom: -12px;
    right: 0;
    margin: 0 auto;
}
.head-title h2 span{color: #232021;font-weight:700;}
/*head-title*/
/*hm-abt*/

.hm-abt ul {list-style:none; list-style-position:outside;
    padding: 0;
    font-size: 14px;
    font-family: Source Sans Pro;
    padding-left: 20px;
    line-height: 24px;
}
.box1{border: 1px #ccc solid; padding: 20px 15px; min-height:150px; margin-bottom:20px; box-shadow:#888 2px 1px 2px; background:#f5f5f5;}
.box1:hover{  transition: 0.5s; box-shadow:#888 2px 5px 15px;}

.box1 ul li{ font-size:16px; font-weight:600; }
.box1 ul li:before{content: "\f0a4"; font-family:fontawesome;color:#00AC1F; margin-right:10px;}
.box1 ul li .fa{ color:#00AC1F;font-size: 50px;line-height: 60px; margin-left: 98px;}

/*hm-abt*/
.hm-abt{ text-align:center; font-size:18px; line-height:30px; background: #f3f3f3; padding:20px 0; margin-bottom:50px;}
.hm-abt a, .tm-bx a{ background: #63ad48; transition:.25s; padding:5px 10px; color:#fff; border-radius:30px; font-weight:500; font-size:16px; margin:0px 10px;}
.hm-abt a:hover, .tm-bx a:hover{ background: #4586c3; text-decoration: none;color: #fff;}
.hm-abt p{ margin-bottom:10px; font-size: 16px; line-height:24px; text-align:center;}

/*hm-ser*/
.serv-bx{ width:33.3%; position:relative; background:#f5f5f5; overflow:hidden; margin:20px auto; float:left;}
.serv-bx:hover{ background-color: #f2f2f2; transition: box-shadow .25s; box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12);}
.ser-cnt{ padding:12px 20px; position:relative;}
.ser-cnt p{ text-align:left;}

.ser-cnt h3{border-bottom: 1px solid #63ad48; position: relative; line-height:40px; font-size:22px; display:inline-block; text-transform: uppercase; color: #0067b3;}
.ser-cnt h3:after {position: absolute;content: ""; background-color: #63ad48; height: 5px;width: 40px;bottom: -1px;left: 0;}
.rd-mr a{color:#000; transition:.2s;}
.serv-bx:hover .rd-mr a{color:#000; font-weight:900;}
.serv-bx:hover .ser-img img{transform: scale(1.1) rotate(5deg);}
.ser-img{overflow:hidden;}
.ser-img img{transition:.5s;}

/*hm-ser*/

/*hm-tm*/
.hm-tm{padding:20px 0;}
.tm-bx{background-color: #f2f2f2; border:1px solid #ccc;  transition: box-shadow .25s; position: relative; box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12);margin-top: 60px;margin-bottom: 20px;}
.tm-cont{padding:20px 20px 20px 120px;}
.tm-cont p{ text-align:left;}
.tm-cont h4{font-size:20px; font-weight:700;}
.tm-img{height:100px;width:100px;position:absolute;top: -65px;left:15px;border: 3px solid #0067b3;border-radius:50%;}
.tm-img img{border-radius:50%; padding:5px; transition:.2s;box-shadow: 8px 8px 12px 0 rgba(0,0,0,0.12), -8px -8px 12px 0 rgba(0,0,0,0.12);}
.tm-cont:before {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0px;
    border-bottom: 40px solid #0067b3;
    border-right: 40px solid transparent;
    z-index: 1000;
}
.tm-cont:after {
    content: '';
    position: absolute;
    right: 0;
    top: 0px;
    border-top: 40px solid #0067b3;
    border-left: 40px solid transparent;
    z-index: 1000;
}
.tm-bx a {margin:0;}
.tm-bx:hover{ box-shadow: 1px 9px 4px #999; transition:0.5s; transform:translate(0, -10px)}
.tm-bx:hover .tm-cont{transition:0.5s;; right: 20px;}
.tm-bx:hover img{transform:scale(1.1);}

/*hm-tm*/

/*banner*/
.bnr-part{ position:relative; padding: 0;}
.bnr-part .container{ max-width: 100%;}
.bnr-part h6 {
    margin: 0;
    color: #fff;
    position: relative;
    padding-bottom: 9px;
    font-size: 24px;
    text-transform: uppercase;
}
.content ul li{ color:#fff; line-height:25px;}
.carousel-content{ border-bottom: 5px solid #fff;}
.bnr-part h6:after{ position: absolute; content: ""; background-color: #fff; height: 3px; width: 30px; bottom: -1px; left: 0;}
.bnr-part .category{ border-bottom: 1px solid rgba(250, 250, 250, 0.2); margin-bottom: 7px;}
.bnr-part .title h1 {font-size:24px; margin: 18px 0 10px 0; color: #eee;}
.bnr-part .content h3 { margin-top: 10px; color: #fff; text-align:left; line-height: 30px; font-size:24px; }
.bnr-part .content p { font-size: 18px; line-height: 24px; text-align: center;  color: #fff; margin: 0 0 8px 0;}
 
.bnr-part .btn-primary { background: #00AC1F; border-color: #00AC1F; color: #454545; transition:.3s;}
.bnr-part a.btn-primary:hover{ background: #000; color:#fff;}

.carousel-content{ top: 20%; position: absolute; background: rgba(20, 90, 140, 0.9); padding: 20px; width: 500px; left: calc( 50% - 250px );}
.carousel-indicators{width: auto; right:10px; left:inherit; top: 50%;}
.carousel-indicators li{display:block; width:20px; height:7px; background:#00AC1F; border:0; transition:.5s; margin:3px auto; margin-left:30px;}
.carousel-indicators .active{width: 50px; height: 5px; background:#00AC1F; border:0;}

/*banner*/

/*======================================
//--//-->   FOOTER
======================================*/


.section-footer {
  padding-top: 60px;
  margin-top: 60px;
  background: #005db5;
}

.section-footer ul {
  line-height: 2;
}

.section-footer .item-list-a i {
  font-size: 18px;
  padding-right: 4px;
  color: #2eca6a;
}

.section-footer .widget-a .w-title-a {
  margin-bottom: 1rem;
}

footer {
  background: #005db5;
  padding: 30px 0;
  color: #fff;
}

footer p{color: #fff; line-height:20px; text-align:left;}

footer h5{ font-size: 24px; color: #fff; line-height: 30px; position:relative; margin-bottom:30px; text-transform: uppercase;}
.ft-lnk ul{list-style:none; padding-left: 15px;}
.ft-lnk li{transition:.5s; color: #fff; text-align:left; line-height:24px;}
.ft-lnk li a{color: #fff;}

.ft-lnk li:hover {padding-left: 10px;}
.ft-lnk li:before {
    content: "\f0a4";
    font-family: fontawesome;
    color: #fff;
    margin-right: 10px;
    }
	
	
footer h5:before {
    content: "";
    position: absolute;
    left: 0;
    height: 3px;
    width: 80%;
    background: #eee;
    bottom: -7px;
    right: 0;
    /*margin: 0 auto;*/
}
footer h5:after {
    content: "";
    position: absolute;
    left: 20px;
    height: 6px;
    width: 15%;
    background: #232021;
    bottom: -10px;
    right: 0;
    /*margin: 0 auto;*/
}



.socil-icn{ margin-top: 20px;}
.socil-icn ul{margin:20px auto; padding:0; list-style:none; text-align: center;}
.socil-icn ul li{display:inline-block; padding:10px;border: 1px solid #fff; margin:5px;transition:.5s;}
.socil-icn ul li:hover{ background: #232021;}
.socil-icn ul li:hover .fa{color: #fff;}
.socil-icn ul li .fa{width:20px;height:15px; color: #fff;}

.copyrht{ background: #005db5;  color: #fff; padding: 10px 0; border-top:1px #2068ad solid;}
	
.copyrht a{ color: #fff; text-decoration:none;}
.copyrht-lft{color: #fff; font-size: 14px; line-height:24px; text-align: left;}
.copyrht-rht{color: #fff; font-size: 14px; line-height:24px; text-align: right;}


footer .copyright-footer { border-top: 1px solid #ddd; padding-top: 20px;}

footer .credits{ font-size: 14px;}

.hm-heading{ text-align:center;}

/*footer*/
.cont-page h2{ font-weight: bold; text-align: left; Font-size: 24px; color: #005db5; line-height: 30px; margin-top: 0;}
	
.cont-page .st-feature-box {
    background: #005db5;
    padding-top: 10px;
    padding-bottom: 2px;
    margin-bottom: 2px;
    padding-right: 10px; text-align:left;
}

.cont-page p {
    font-size: 14px;
    color: #fff;
    line-height: 24px !important;
	text-align: left;
}

.cont-page .feature-box-image {
    margin-top: 13px;
}

.st-feature-box{
    padding-left: 70px;
    position: relative;
    margin-bottom: 35px;
}
.st-feature-box .st-feature-box-icon {
    color: #114366;
    display: block;
    position: absolute;
    width: 52px;
    height: 52px;
    line-height: 0px;
    top: 20px;
    left: 8px;
    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;
}
.top {
    position: fixed;
    right: 10px;
    bottom: 30px;
    text-align: center;
    color: #fff;
    background: #0067b3;
    padding: 10px 10px;
    z-index: 9;
    border-radius: 50%;
    border: 2px solid #eee;
    cursor: pointer;
    opacity: 0;
    transition: ease-in 0.5s;
}


.top.scll-top {
    opacity: 1;
    transition: ease-in 0.5s;
    bottom: 50px;
}

.top .fa {
    display: block !important; font-size:20px;
}


/*

.aside {
    margin-top: 10px;
}

.aside h3 {
    background: #1e82b6;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    margin: 0;
    line-height: 36px;
    font-size: 20px;
    color: #fff;
    text-align: center;
    font-weight: bold;
    border-bottom: 1px solid #fff;
}
.aside ul {
    margin: 0;
    padding: 0;
}
.aside ul li {
    background: #2197d5;
    border-bottom: 1px solid #fff;
    line-height: 30px;
    padding-left: 20px;
    transition: all .3s;
    list-style: none;
}
.aside ul li a {
    color: #fff;
}


*/



/*footer*/
@media (min-width: 1367px) {
#MenuControl:after{display:none;}
}
@media (max-width: 991px) {

}

@media (max-width: 768px) {
	.serv-bx{ width:100%;}

}
@media (max-width: 767px) {
	
  header img{ float: inherit !important;}
  .nav-tp{ text-align: center !important;}
  .bnr-part .content p{ margin: 0 !important; line-height: 24px !important; font-size: 15px !important;}
  .serv-bx{ float: inherit !important; text-align: center !important;}
  .ser-cnt p{ text-align: center !important;}
  .ser-img img{ margin-bottom: 10px !important; margin-top: 10px !important;}
  .bnr-part .carousel-inner > .item > img{height: 300px !important;}
    
}

@media (max-width: 480px) {
	
.carousel-content{
    top: 20%;
    position: absolute;
    background: rgba(51, 51, 51, 0.9);
    padding: 20px;
    width: 420px;
    /* height: 300px; */
    left: calc( 50% - 216px );
}

.carousel-inner { height: 300px;}
.bnr-part .carousel-inner > .item > img{height: 250px !important;}

footer h5{font-size: 20px !important;}
.copyrht-rht{text-align: left !important;}
.address{padding-bottom: 10px !important;}
.nav-tp p{text-align: center !important;}

}