@charset "utf-8";
/* CSS Document */


@font-face{
	font-family: calibri;
	src: url(../fonts/calibri.ttf);
	}
@font-face{
	font-family: calibrib;
	src: url(../fonts/calibrib.ttf);
	}
		
body{
	font-family: calibri;
	font-size: 14px;
	color: #000;
	}
	
.mt-50{
	margin-top: 50px;
	}
.mb-20{
	margin-bottom: 20px;
	}
.mb-70{
	margin-bottom: 70px;
	}		
.mr-0{
	margin-right: 0 !important;
	}
.mr-15{
	margin-right: 15px;
	}
.mb-15{
	margin-bottom: 15px;
	}		
.mtb-20{
	margin-top: 20px;
	margin-bottom: 20px;
	}
.mt-20{
	margin-top: 20px;
	}
.mt-10{
	margin-top: 10px;
	}					
.top-line{
	background: #f6f6f6;
	width: 100%;
	padding: 5px 0;
	}
.top-line .h-social ul{
	margin: 0;
	padding: 0;
	}
.top-line .h-social ul li{
	float: left;
	padding-right: 10px;
	list-style: none;
	}
.top-line .h-social ul li a{
	font-size: 12px;
	color: #abb0b0;
	transition: 0.5es ease-in;
	}
.top-line .h-social ul li a:hover{
	color: #333333;
	text-decoration: none;
	}					
.top-header{
	padding: 15px 0;
	}
.top-header .call{
    display: inline-flex;
    padding: 10px 12px;
	}		
.top-header .call i{
	color: #ffca01;
    float: left;
    font-size: 23px;
    height: 21px;
    margin-top: 6px;
    width: 30px;
	}
.top-header .call span{	
	color: #969696;
	}
.dark-menu{
	background: #171717 !important;
	}
.sidemenu-bg{
	background: rgba(0, 0, 0, 0.7) none repeat scroll 0 0;
    position: absolute;
    width: 100%;
    z-index: 1;
	text-transform: uppercase
	}
.sidemenu{
	background: none;
	border: none;
	margin-bottom: 0;
	}
.navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover {
    color: #ffca01;
}
.navbar-default .navbar-nav > li > a {
    color: #fff;
}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover {
    background: none;
	color: #ffca01;
}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover {
    background: none;
	color: #ffca01
}
.navbar-header .text{
	display: none;
	}			
.carousel-caption {
    top: 30%;
	text-align: left;
}
.btn-login{
	text-align: right;
	}
.btn-login-m{
	display: none;
	}	
.carousel-caption h3{
    font-family: calibrib;
    font-size: 30px;
	line-height: 44px;
    margin: auto;
	}
.carousel-caption p{
	font-size: 18px;
	line-height: 24px;
	margin-top: 20px;
	}		

.fatures{
	margin-top: 60px;
	margin-bottom: 50px;
	}
.fatures-line{
	border-bottom: 1px solid #ccc;
	position: relative;
	}
.fatures h2{
	font-size: 22px;
	}	
.fatures-line::before{
	background: #ffca01 none repeat scroll 0 0;
    bottom: 0;
    content: "";
    height: 5px;
    left: 47%;
    position: absolute;
    width: 6%;
	}	
.fatures-contain{
	background: #f7f7f7 none repeat scroll 0 0;
    border: 1px solid #d3d3d3;
    padding: 15px 13px;
	margin: 10px 0;
	}
.fatures-contain .text{
	margin-left: 45px;
	}	
.fatures-contain .text h3{
	font-size: 18px;
	margin-top: 0;
	}
.fatures-contain .text p{
	font-size: 15px;
	color: #6e6e6e;
	margin-bottom: 0;
	}
	
.bg_gray{
	background: #f7f7f7;
	padding: 70px 0;
	}
		
.footer{
	background:url(../images/bg-footer.jpg) no-repeat;
	background-size: cover;
	padding: 50px 0;
	}	
.footer p{
	color: #fff;
	font-size: 14px;
	}
.footer .top{
    border-bottom: 1px solid #4f4f4f;
    display: inline-block;
    padding-bottom: 30px;
    width: 100%;
}	
.footer .top i{
	color: #ffca01;
	font-size: 20px;
	margin-right: 10px;
	}
.footer .top em{
	color: #fff;
	font-style: normal;
	font-size: 20px;
	}			
.footer .title{
	font-size: 18px;
	color: #fff;
	margin: 10px 0 25px;
	}	
.footer ul{
	margin: 0;
	padding: 0;
	}	
.footer ul li{
    list-style: outside none none;
    margin-bottom: 5px;
    padding: 0 0 5px;
	}
.footer ul li a{
	color: #ffca01;
	transition: all 300ms ease-in 0s;
}
.footer ul li a:hover{
	color: #666;
	text-decoration: none;
	}
.footer .testmonial-box{
	margin-bottom: 10px;
	}	
.footer .testmonial-box	span{
	color: #fff;
	}
.footer .f-contact i{
	color: #ccc;
	margin-right: 10px;
	font-size: 14px;
	float: left;
	width: 7%;
	margin-top: 7px;
	}
.footer .f-contact{
	margin-bottom: 10px;
	}	
.footer .f-contact p{
	color: #c9c9c9;
    display: inline-block;
    margin: 0;
	line-height: 26px;
    width: 78%;
	}
.footer .f-contact span{
	margin-bottom: 10px;
	font-size: 16px;
	color: #fff;
	}		
.footer-b{
	padding: 30px 0 0;
	color: #fff;
	}
.footer-b a{
	color: #ffca01;
	}		
		
.img-responsve{
	max-width: 100%;
	}

.h-service .thumbnail h3{
	font-size: 23px;
	margin-bottom: 20px;
	margin-top: 10px;
	}
.h-service .thumbnail p{
	font-size: 16px;
	color: #737373;
	}
.jk_heading h4 {
    color: #021b27;
    font-size: 22px;
    margin-top: 0;
    padding-bottom: 10px;
}	
.h-about p{
	font-size: 16px;
	color: #4f504e;
	line-height: 26px;
	}	
.h-about .text{
	margin: 100px 0 0;}	
	
.read-more{
	background: #ffca01 none repeat scroll 0 0;
    border-radius: 34px;
    color: #000;
    display: inline-block;
    font-size: 16px;
    margin: 20px 0;
    padding: 10px 30px;
	border: none;
	transition: all 0.3s ease-in-out 0s;
	}	
.read-more:hover{
	background: #333;
	color: #ffca01;
	}
.h-clients .thumbnail{
	padding: 10px 15px;
	position: relative;
	}

.h-clients .thumbnail h3{
	font-size: 16px;
	margin-bottom: 15px;
	font-weight: bold;
	margin-top: 5px;
	color: #ffca01;
	text-transform: uppercase;
	}
.h-clients .thumbnail p{
	font-size: 14px;
	color: #4f504e;
	}								
.quote_info_wrap {
	display: inline-flex;
	}
.quote_info_wrap img {
    width: 50px;
	height: 50px;
}
.quote_info_wrap .wrap_quote_title{
	background: #ffca01 none repeat scroll 0 0;
    display: inline-block;
    padding: 7px 30px 7px 15px;
	}
.quote_info_wrap .wrap_quote_title h6{
	font-size: 14px;
	color: #000;
	margin: 0;
	}
.quote_info_wrap .wrap_quote_title span{
	font-size: 12px;
	color: #fff;
	}		

.input-group{
	width: 100%;
	margin: 10px 0;
	}	

.contact{
	margin: 70px 0;
	}	
.contact input[type="text"], .contact input[type="email"], .contact textarea, .contact select{
	background: #f5f5f5;
    border: 1px solid #c7c7c7;
    padding: 10px 15px;
    width: 100%; 
	transition: all 0.2s ease 0s;
	}	
	.h-contact {
    display: flex;
}
.contact input[type="text"]:focus, .contact input[type="email"]:focus, .contact textarea:focus{
	border: 1px solid #35aab1;
	border-color: #35aab1;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(53,170,177,.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(53,170,177,.6);
}
.btn-border{
	background: none;
	border: 1px solid #ffca01;
	border-radius: 0px;
	color: #ffca01;
	transition: all 0.3s ease-in-out 0s;
	}
.btn-border:hover{
	background: #ffca01;
	border: 1px solid #ffca01;
	border-radius: 0px;
	color: #333;
	}
.contact p{
	color: #737373;
	}	
.contact-section{
	display: inline-block;
    margin-top: 10px;
    width: 100%;
	}	
.contact-section .image{
	width: 20%;
	}
.contact-section .text{
	width: 80%;
	}		
	
.services ul{
	margin: 25px 0;
	padding:0;
	}
.services ul li{
	list-style: none;
	padding: 5px;
    color: #4f504e;
    font-size: 16px;
	}
.services ul li i{
	color: #ffcb04;
	margin-right: 10px;
	}
.services-grey{
	background: #f6f6f6;
	margin: 90px 0;
	}	
.service-tracking{
	display: inline-block;
    margin-top: 10px;
    width: 100%;
	}	
.service-tracking .icon{
	width: 10%;
	color: #ffcb04;
	font-size: 20px;
	}
.service-tracking .text{
	width: 90%;
	}	
.service-tracking .text h2{
	margin-top: 0;
	font-size: 20px;
	}	
.service-tracking .text p{
	font-size: 16px;
	color: #4f4f4f
	}	

.m-team-img{
    width: 100%;
	}
.m-team-img a::before {
    backface-visibility: hidden;
    background-color: rgba(255, 202, 1, 0.4);
    border-radius: 0;
    content: "";
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    transform: scale3d(0, 0, 0);
    transition: all 250ms ease 0s;
    width: 100%;
    z-index: 0;
}
.m-team-img:hover a::before {
	opacity: 1;
	transform: scale3d(1,1,1);
	}
.m-team-img a {
    position: relative;
    width: 100%;
}	

.m-team{
	margin-bottom: 50px;
	}	
.m-team h4{
	font-size: 20px;
	text-transform: uppercase;
	margin-bottom: 5px;
	}			
.m-team h5{
	font-size: 16px;
	text-transform: uppercase;
	color: #555;
	margin-top: 0;
	margin-bottom: 5px;
	}	

.contact .sup_branch h4{
	margin-bottom: 35px;
	font-weight: bold;
	}
.contact .sup_branch ul{
	margin: 0;
	padding:0;
	}
.contact .sup_branch ul li, .contact .sup_branch ul li a {
    color: #6f6f6f;
}
.contact .sup_branch ul li {
    border: 1px solid #edeaea;
    display: block;
    height: auto;
    margin-bottom: 25px;
    padding-bottom: 15px;
    padding-top: 27px;
    position: relative;
    text-align: center;
}
.contact .sup_branch ul li i {
    background: #ffca01 none repeat scroll 0 0;
    border-radius: 50%;
    color: #333333;
    font-size: 16px;
    height: 35px;
    left: 50%;
    line-height: 35px;
    margin-left: -17px;
    position: absolute;
    text-align: center;
    top: -17px;
    width: 35px;
}