body{margin:0 !important; padding:0 !important; font-family:lato !important;     font-size: 15px;
    font-weight: normal;
    color: #666;
    line-height: 24px; background:#fff;}

p{font-family:lato !important; font-size: 15px; font-weight: normal; color: #666; line-height: 24px;}
.container-middle{ margin:0 auto; text-align: left; font-family:lato !important; font-size: 15px !important; line-height: 24px !important; font-weight: normal !important; color: #666;}

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

p{margin-bottom: 10px;     margin-top: 0; text-align:justify;}	

.social-fix ul{list-style: none;
    padding-left: 0;}
	
.social-fix{position: fixed;
    top: 30%;
    right: -6px;
    z-index: 9;}
	
.social-fix ul li{margin-bottom:-5px; transition:0.5s;}

.social-fix ul li:hover{margin-left:-5px; transition:0.5s;}

/*color-box*/
.td-banner{background:#256fb4;}
.td-banner:hover, .td-banner,
.us-lk ul li:hover, .us-lk ul li,
.abt-hm, .abt-hm:hover
{transition:0.5s; -moz-transition:0.5s; -webkit-transition:0.5s;}


/*color-box*/
/*banner*/

.bn-ovly {
	/*background: url(image/dotted_bg.png) 0px 0px repeat scroll rgba(0, 0, 0, 0);*/
    height: 100%;
    left: 0px;
    position: absolute;
    top: 0px;
    width: 100%;
    background-repeat: repeat;
}
.banner-bx{    background: #333;
    margin-top: 0px;
    margin-bottom: 0px;}
.tp-colthree .fa{font-size:50px; line-height: 60px; color:#77be32; position:relative;}
.td-banner{     width: 33.2%;
    height: 230px;
    position: relative;
    border: 0;
    padding-top: 0px;
    float: left;
    overflow: hidden;
    margin-top: 0;
    background-size: 100% 100%; background:transparent;}

.caption1{    font-size: 15px;
    font-family: 'lato', lato;
    position: absolute;
    width: 40%;
    text-align: left;
    color: #333;
    bottom: 35%;
    line-height: 30px;
    font-weight: 400;
	left:10%;}
.caption1 p{margin-left:20px;}
.caption1 h2{font-size: 18px; font-weight: 800;margin-left:20px;}
.caption1 .btn{ font-size: 15px; float:left; background:#00abc9;
    display: block; margin-left:20px; color:#fff;
    font-weight: normal;}
.caption1 .btn:hover{background:#000; transition:.3s;}	
.caption1 .btn a{
    color: #eee;
    margin-top: 0px;
    margin-bottom: 0px; padding: 10px 20px;
    }
/*banner*/
/*after-banner*/

.padding-top-50 {
    padding-top: 50px;
}
.thumbnail .caption{position:relative; width:100%;}
.services-home-1 .col-md-4:nth-child(1) .item-blog .thumbnail {
    margin-right: 10px;
}
.item-blog .thumbnail {
    border: 0;
    padding: 0;
    border-radius: 0;
    margin: 0;
    overflow: hidden;
}
.thumbnail {
    line-height: 25px;
}
.item-blog img {
    width: 100%;
    max-width: 100%;
    transition: all 0.6s ease 0s;
}

.item-blog .caption {
    margin: 0;
    padding: 0;
    color: #666;
}
.item-blog .caption a h4 {
	color: #010101;
	font-size: 18px;
	line-height: 30px;
    font-weight: bold;
    transition: all 0.6s ease 0s;
    display: block;
    float: left;
    width: 100%;
	margin-top: 12px;
}
.item-blog .caption p {
    clear: both;
}
.item-blog .caption .learn-more {
    color: #00abc9;
    margin-top: 6px;
    display: block;
    transition: all 0.6s ease 0s;
    float: left;
    clear: both;font-size: 15px;
}
.media ul{font-size: 15px; color:#555; line-height:26px;    padding-left: 20px;}
.item-blog .caption .learn-more i {
    margin-right: 7px;
}
#widgetsControl, #widgetsControl_C{height:inherit !important;}
.dropdown-submenu>.dropdown-menu{left:inherit !important; right:100% !important;}
/*after-banner*/
/*service*/
.OurServices {
    background-image: url(image/bg.jpg);
    background-repeat: repeat-x;
    background-size: cover;
}
section {
    padding: 20px 0px;
}
.clearfix {
    clear: both;
}

h1, h2, h3, h4, h5, h6 {
    color: #010101;
    line-height: 1.2;
    font-weight: bold;
    margin: 0;
}
h2 {
    color: #222222;
    margin-bottom: 30px;
    display: inline-block;
}
h4 {
    font-size: 18px;
    margin-bottom: 5px;
}
.media-left-icon-item {
    margin-bottom: 0px;
    height: 100%;
    max-height: 180px;
    min-height: 160px;
}
.media-left-icon-item .media .media-left {
    min-width: 50px;
}
.media-left-icon-item .media:hover i {
    transform: rotate(360deg);
}
.media-left-icon-item .media:hover h4 {
    color: #00a651;
}
.media-left-icon-item .media .media-left i {
    font-size: 24px;
    line-height: 24px;
    color: #333;
    transition: all 0.6s ease 0s;
}
.media .media-left i {
    margin-top: 0 !important;
}
.media-left i.fa {
    color: #00a651 !important;
    font-size: 30px !important;
    margin-top: 10px !important;
    position: absolute;
    transition: all 1s cubic-bezier(0.18, 0.89, 0, 1.43) 0s;
}

.media-left-icon-item .media .media-body {
    padding-left: 6px;
}
.media-left-icon-item .media h4 {
    transition: all 0.6s ease 0s;
}


/*service*/
/*header*/

header .fr-head li {display: inline-block; vertical-align: top;    line-height: 36px;padding: 0 20px;font-size: 16px;}
header .fr-head {list-style:none; margin:0; padding:0;margin-top: 20px;float: right; }
header .fr-head .fa{
    font-size: 18px;
    color: #555;
    border: 1px solid rgba(0, 0, 0, 0.1);
    padding: 8px;
    border-radius: 2px;
    margin-right: 10px;
    transition: all 0.6s ease 0s; border-radius:5px;
}
header .fr-head .ot-btn {
    font-size: 15px;
    color: #fff;
    height: 40px;
    line-height: 38px;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    padding: 0 25px;
    margin-bottom: 15px;
    outline: none;
    transition: all 0.6s ease 0s;
	background:#00a651; border-radius:5px;
}

header .fr-head .ot-btn:hover{
    background: #0054a6; transition:.3s;
    color: #fff;
    }
	

.fl-head{padding-top:8px; }


.container-middle .fl-head{padding-top: 15px;     position: relative;
    z-index: 9;}
	
.fr-head{   position:relative;    text-align: right;     padding-top: 15px;}



.content-head{float: left;}

.fr-head img{ padding-right: 10px;}
.fr-head p span img{padding-right:4px; height:20px; float:inherit; display:inline-block;}

.fr-head p {    font-size: 18px;
    color: #000;
    font-family: sans-serif; line-height: 20px;     margin-top: 20px;}
	
.fr-head p span, .fr-head p span a{    font-weight: 100;
    font-size: 13px;     color: #333;}
	
.sm-dv p{float:right;

}
.floatL {
    float: left;
    margin-right: 12px;
}
.sm-dv p{
    color: #555;
    font-size: 13px;
    font-weight: 600;  
    margin-top: 0; margin-bottom:0;}
	

/*.call-tp{width: 155px}

.soc-tp{    width: 140px;}*/
/*header*/

/*home*/
.services-home-1 .col-md-4:nth-child(1) .item-blog .thumbnail {
    margin-right: 10px;
}
.item-blog .caption {
    margin: 0;
    padding: 0;
    color: #666;
}
.HighLight {
    float: left;
}
.HighLight ul li:before {
    position: absolute;
    font-family: FontAwesome;
    font-size: 20px;
    color: #337ab7;
    top: 0;
    left: 0;
    content: "\f0da";
}
.HighLight ul {
    margin: 0;
    padding: 0;
}
.HighLight ul li {
    color: #00a651;
    list-style: none;
    position: relative;
    padding: 0 0 0 10px;
    float: left;
    width: 100%;
}
.HighLight ul li a {
    text-decoration: none;
    color: #00a651;
}
/*home*/
/*abt-tm*/
.bg-grey {
    background: #f8f8f8;
}
.Our-Experts{margin-right: .5%;
    margin-left: .5%;
width:24%; float:left;
    border-radius: 4px;
    border: 2px solid #f1f1f1; text-align:center;}
.Our-Experts p{text-align:center;}
.Our-Experts img {
    transition: all 0.6s ease 0s;
    margin: 0px auto;
    z-index: -1;border-radius: 50%;
}
.Our-Experts .expert-img-container {
    width: 140px;
    height: 140px;
    position: relative;border-radius: 50%;
    display: block;
    margin: 0 auto;
    margin-bottom: 37px;
    z-index: 999;
    overflow: hidden;
}
.Our-Experts:hover img {
    z-index: -1;
    transform: scale(1.2, 1.2);
}
.Our-Experts .in-experts {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    color: #fff;
    background: #007bb6;
    position: absolute;
    transition: all 0.6s ease 0s;
    right: 20px;
    bottom: 16px;
    display: block;
    font-size: 12px;
    line-height: 21px;
    text-align: center;
    z-index: 11;
}
.expert-img-container .fa{line-height: 22px;}
/*abt-tm*/
/*ser-img*/
.ser-img{list-style:none; margin:0; padding:0;}
.ser-img li{float:left; width:19%; margin:0 .5%;}
.ser-img li img{opacity: .9;}
.ser-img li:hover img{opacity: 1; transition:.3s;}
/*ser-img*/
/*footer*/
.bg-dark {
    background: #2e363a;
}
.footer-row {
    padding: 40px 15px 37px 15px;
    border-bottom: 1px solid #394348;
    float: left;
    width: 100%;
}
.footer-col-1 {
    width: 40%;
    float: left;
}
.footer-col-2 {
    width: 25.5%;
    float: left;
}
.footer-col-3 {
    width: 25.5%;
    padding-left: 66px;
    float: left;
}
.footer-row a, .footer-row p {
    font-size: 14px;
    line-height: 24px;
}
.footer-col-1 ul {
    padding: 0;
    margin: 0;
    list-style: initial;
    display: block;
    width: 100%;
    margin-top: 25px;
}
.footer-col-1 ul li {
    display: inline-block;
    width: 48%;
    margin-bottom: 10px;
    position: relative;
    text-indent: 15px;
}
.footer-col-1 ul li a {
    color: #e5e5e5;
    transition: all 0.6s ease 0s;
}
.footer-col-2 h3 {
    text-indent: 60px;
    margin-top: 15px;
	font-weight: normal;
}
.text-white {
    color: #ffffff;
}
.footer-col-2 .border-2-side {
    width: 100%;
    padding-left: 45px;
    border-left: 1px solid #394348;
    border-right: 1px solid #394348;
    padding-right: 10px;
}
.footer-col-2 a, .footer-col-2 p {
    color: #aaaaaa;
    transition: all 0.6s ease 0s;
    margin-bottom: 12px;
    line-height: 24px;
}
.footer-col-3 .social-footer {
    width: 100%;
    display: block;
    margin-top: 2px;margin: 0;
    padding: 0;
}
ul.social li {
    display: inline-block;
}
.footer-col-3 .social-footer a {
    margin-left: 0;
    margin-right: 2px;
    width: 36px;
    height: 36px;
    line-height: 36px;
    margin-bottom: 5px;
    margin-top: 5px;
    border-radius: 4px;
	color:#fff;text-align: center;
}
.footer-col-3 .social-footer a .fa{
    margin-left: 0;
    margin-right: 2px;
    width: 36px;
    height: 36px;
    line-height: 36px;
    margin-bottom: 5px;
    margin-top: 5px;
    border-radius: 4px; background:#434a4e;
}
.footer-col-3 li:hover a .fa{
    background: #3b5998; transition:.3s;
}
.footer-link {
    padding: 32px 15px 46px 15px;
}
.footer-link p {
    color: #aaaaaa;
    font-size: 14px;
    display: inline;
    float: left;
}
.footer-link ul {
    padding: 0;
    display: block;
    float: right;
    text-align: right;
}
.footer-link ul li {
    display: inline-block;
}
.footer-link ul li a {
    color: #e5e5e5;
    font-size: 14px;
    padding: 0 0 0 28px;
    transition: all 0.6s ease 0s;
}

/*footer*/


/*cont-page*/
.cont-page ul{padding:0;}
.cont-page .ul-li{padding:0; margin:0;}
.cont-page .ul-li li{list-style:url(image/hand-icon.png);
list-style-position:inside;
-webkit-box-align: baseline;
padding-left:30px;}


/*cont-page*/

.body-fx .fl-head{
    height: 90px;
    float: Left;
    position: fixed;
    width: 21.8%;
    padding: 0;
    padding-left: 0;
    background:rgba(254,254,254,0.95);
    z-index: 9999;
    text-align: left;
    transition: 0.5s;
    height: 68px !important;
}


.body-fx #MenuControl_C{height: inherit!important;}

.rdCenter{background: transparent !important;}
.body-fx #MenuControl {
    height: 90px;
    float: Right;
    position: fixed;
    right: 0;
    width: 79%;
    padding: 0;
    padding-right: 0;
    background: rgba(254,254,254,0.95);
    transition: 0.5s;
		height: 68px !important;
}
.body-fx .fl-head img{/*float: left;     height: 64px;*/height: 55px;margin: 0 auto;}
@media (max-width:1170px)
{
	.caption1{width:55%;}
}
@media (max-width:991px)
{
.body-fx #MenuControl, .body-fx .fl-head{float: inherit;
    position: relative;
    right: inherit;
    width: 100%;
    padding: 0;
    padding-right: 0;
    background: rgba(254,254,254,0.95);
    transition: 0.5s;
	height: inherit !important;}	
	.footer-col-2 .border-2-side, .footer-col-3{padding-left:6px;}
	.footer-col-2 h3{text-indent: 6px;}
.dropdown-submenu>.dropdown-menu { left: 100% !important; right: inherit !important;}
.body-fx .fl-head{width: 20.5%;}
}

@media (max-width: 767px)
{
.camera_wrap, .camera_wrap img, .fluid_container, .cameraSlide{height:350px !important;}
.fr-head, .caption1, .footer-link ul{display:none;}
.Our-Experts, .ser-img li{width:49%;}
.footer-col-1, .footer-col-2, .footer-col-3{width:100%; margin:10px auto;float: inherit;}
.fl-head img{margin:5px auto;}
}

@media (max-width: 736px)
{
.camera_wrap, .camera_wrap img, .fluid_container, .cameraSlide{height:350px !important;}
.serv-bx{padding: 0 1.8%;min-height: 245px;}
}

@media (max-width: 580px)
{
.camera_wrap, .camera_wrap img, .fluid_container, .cameraSlide{height:350px !important;}
.serv-bx{padding: 0 1.5%; }
}

@media (max-width: 480px)
{
.camera_wrap, .camera_wrap img, .fluid_container, .cameraSlide{height:300px !important;}
.head-hm span{width:inherit;}
}

@media(max-width:375px){
.camera_wrap, .camera_wrap img, .fluid_container, .cameraSlide{height:200px !important;}
}