/*
Theme Name: home
Theme URI: http://ftutors.com/home/
Author: ftutors
Author URI: http://ftutors.com/
Description: Home-Site is a stunning multipurpose WordPress theme built based on Bootstrap frontend framework making it fully responsive and mobile friendly. This theme is well suited for business, landing page, portfolio or any other creative websites. This leaves heavy lifting to WordPress Customizer therefore you can create your website on live preview mode. Which means that you can see changes happen on your website in real time as you make them
Version: 3.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: blog, e-commerce, portfolio
Text Domain: home

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/


@font-face {
    font-family: roboto;
    src: url(../fonts/RobotoSlab-Light.ttf),
}




.carousel-caption{
	text-align:left !important;
}

#about, #static-page-content{
	padding:0;
}


.input-group input{
	width:100%;
	background:#fff;
}

.input-group-addon {

   color:#fff !important;
    background-color: transparent !important;
	border: none !important;
}

.mfp-title{
	display:none;
}
.mfp-counter{
	display:none;
}

.wpcf7-form-control wpcf7-submit send1 {
    width: auto !important;
    height: auto !important;
}

.wpcf7-submit{
	background:#213047 !important;
}
.service h2{
	color:#fff;
	font-size:30px;
	font-weight:bold;
	margin-bottom:36px;
}



.cont-data h5 span{
	color:#f5ae00;
	
}










/*section one start*/


.work {
    background: url(images/wrk-bg.jpg);
 background-position: center ;
 background-repeat: no-repeat ;
 background-size: cover ;
    float: left;
    width: 100%;
    padding: 80px 0;
}
.work small{
 color:#aecae8;
 margin: 0px 0 0 15px;
 font-style:italic;
 font-size:14px;
}
.work h2 {
    border-left: #dab400 5px solid;
    color: #3a4d6a;
    text-transform: uppercase;
    padding: 0 10px;
    margin: 0px 0 0px 15px;
}

.wrk-blk {
    background: #fff;
    padding: 15px 0px;
    margin: 30px 0;
}
.wrk-blk i {
    float: left;
    background: #3a4d6a;
    color: #dab400;
    font-size: 30px;
    height: 70px;
    width: 70px;
    padding-top: 20px;
    padding-left: 25px;
    margin-right: 10px;
}
.wrk-blk h3 {
 font-size:20px;
    margin: 0 0 5px 0;
    color: #3a4d6a;
 font-weight:bold;
}
.wrk-blk p{
 color:#3a4d6a;
 font-size:14px;
 text-align:left;
}

/*section one end*/

/*section two start*/



.abt-team {
    background: url(images/sec-2bg.jpg);
 background-position: center ;
 background-repeat: no-repeat ;
 background-size: cover ;
    float: left;
    width: 100%;
    padding: 80px 0;
 text-align:center;
}
.abt-team h3 {
    color: #fff;
    font-style: italic;
}
.abt-team h1 {
    text-transform: uppercase;
    font-weight: bold;
    font-size: 60px;
    color: #fff;
}
.abt-team h2 {
    font-size: 24px;
    letter-spacing: 4px;
    font-weight: bold;
    color: #3a4d6a;
	display:none;
}
.abt-team a {
    background: #fff;
    color: #ffb400;
    padding: 15px 35px;
    display: inline-block;
    margin-top: 8px;
	display:none;
}


/*section two end*/


.blue-bar{
    float: left;
    width: 100%;
    padding: 20px 0;
    background: #2e3192;
}
.blue-bar h2 {

    color: #fff;
    font-size: 22px;
    line-height: 1.5;

}


.top-header{
	float:left;
	width:100%;
	border-bottom: 1px solid #fff;
	opacity:0.9;
}
.top-left{
	float:left;
	width:100%;
}
.top-right{
	float:left;
	width:100%;
	text-align:right;
}
.header {
	background: rgba(256, 256, 256,0.9);
	float: left;
	width: 100%;
	padding: 15px 0;
	position: absolute;
	z-index: 1;
}
.header-wrapper{
	background:transparent;
	position:absolute;
	top:0;
	z-index:999;
	width: 100%;
	float: left;
	
}	
.nav {
    text-align: right;
    padding: 20px 0 0 0;
}
.nav ul {
    display: inline-block;
    float: right;
	list-style-type:none;
}
.nav li {
    float: left;
    margin: 0 ;
    padding: 1px 20px;
}
.nav li a {
	color: #3e429b;
	text-transform: uppercase;
	font-size: 15px;
	font-weight: bold;
	transition: all 0.5s ease-in-out 0s;
	text-decoration:none;
	font-family: 'Montserrat', sans-serif;
}
.nav li a::after {
	content: '';
	display: block;
	width: 0;
	height: 2px;
	margin-top:5px;
	background: #e3ba22;
	-webkit-transition: width .5s;
	transition: width .5s;
}

.nav li a:hover::after {
  width: 100%;
}
.nav li a:hover {
	color: #e3ba22;
}
.top-header h4 {
	color:#f7f7f7;
	font-size:14px;
}	
.header-wrapper .icon-bar{
	background:#fff;
}	
.header-wrapper .nav > li > a:hover, .nav > li > a:focus {
    text-decoration: none;
    background:none;
}
.header-wrapper .nav li {
	float:none;
}
.header-wrapper .navbar-right{
	background:rgb(255,255,255);
}
.header-wrapper .nav li a{
	margin-top:0px;
	color: #333;
	padding: 5px 0;
	border-bottom: #F5F5F5  1px solid;
}	
.header-wrapper .nav li .bdr-none {
	border:none;
}
.header-wrapper .nav li a::after{
	display: none;
}

#myCarousel{
	position:relative;
}
.header-wrap{
	position:absolute;
	top: 0;
    left: 0;
    right: 0;
	background:#f5ae00;
}
.banner-caption{
	text-align:left;
	top:40%;
	left:20% !important;
	background:rgba(0,0,0,0.5);
    padding: 25px 40px;
	display: inline-table;
	width:62%;
	border-bottom: 5px solid #fda612;
}
.banner-caption h3{
	border-left:5px solid #fda612;
	padding-left:5px;
	font-size:42px;
	text-align:left;
	font-weight:bold;
}
.banner-caption a{
	margin: 15px 0;
    display: inline-block;
	background:#fda612;
	font-size:20px;
	color:#fff;
	text-decoration:none;
	padding:10px;
}
.workers{
	float:left;
	width:100%;
	padding-top: 50px ;
    padding-bottom: 80px ;
    background-image: url(images/city.jpg) ;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
	background-attachment: fixed;
}

.workers h2 {
    text-align: center;
    text-transform: uppercase;
    font-size: 36px;
    font-weight: bold;
    padding-bottom: 30px;
}


.card-inner{
	float:left;
	width:100%;
	background:#fff;
	padding:10px 10px;
	box-shadow: 5px 5px 20px rgba(0, 0, 0, .1);
	transition: all 0.3s ease 0s;
	border-bottom:#fff 4px solid;
}
form i {
	margin-top:50px;
}
.card-inner:hover{
	border-bottom:#f1d204 4px solid;
}
.service{
	float:left;
	width:100%;
    background-image: url(images/banner-back.jpg) ;
	background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
	padding: 30px 0px;
}
.service ul{
	list-style-type:none;
}
.service li{
    float: left;
    background: #fff;
    margin: 0px 1px;
    padding:50px 5px;
}
.service li a{
	color:#213047;
	text-decoration:none;
	text-transform:uppercase;
	font-size:13px;
	font-weight:bold;
}
.service li span{
	color:#fff;
}
.service .btn-custom {
	text-align:center;
	background:#213047;
	color:#fff;
	padding:10px;
	font-size:20px;
	text-decoration:none;
}
.custom-in{
	float:left;
	width:100%;
    display: inline-block;
    text-align: center;
    margin-top: 30px;
}
.workers p {
	margin:0px !important;
}
.what-we-do{
	float:left;
	width:100%;	
	background:#213047;
	padding: 0 0 50px 0;
}
.what-we-do h2{
	text-align:center;
	text-transform:uppercase;
	color:#fff;
	padding-top: 50px;
    font-size: 36px;
    font-weight: bold;
}
.service-section{
	float:left;
	width:100%;	
    padding: 40px 0px
}
.service-section h3 {
    background: rgba(0,0,0,0.7);
    margin: 0;
    position: absolute;
    width: 92.5%;
    bottom: 0px;
    padding: 12px 0;
    color: #fff;
    text-transform: uppercase;
    font-size: 18px;
    letter-spacing: 1px;
	transition: all 0.3s ease-in-out 0s;
	font-family:lato-light;
	text-align:center;
}
.service-section:hover h3 {
    padding: 92px 0;
}
.aboutus{
	float:left;
	width:100%;	
	width:100%;
    background-image: url(images/why-choose-us.jpg) ;
	background-position: center;
    background-repeat: no-repeat;
    background-size: cover;	
	padding:50px 0px;
	background-attachment:fixed;
}
.abt-img{
	float:left;
	width:100%;	
}
.abt-content{
	float:left;
	width:100%;	
}
.aboutus h2{
	text-align: center;
    text-transform: uppercase;
    font-size: 30px;
    font-weight: bold;
	padding-bottom:30px;
}


.aboutus small{
 color:#aecae8;
 margin: 0px 0 0 15px;
 font-style:italic;
 font-size:14px;
}



.cont-data{
	float:left;
	width:100%;	
	text-align:center;	 
    padding: 50px 0 50px 0;
	background: url(images/ruler.jpg) ;
	background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.cont-data h2{
	color:#333;
	text-transform:uppercase;
	font-size:36px;
	font-weight:bold;
}
.cont-data h5{
	color:#333;
}
.left-al{
	float:left;
}
.cont-data i{
    background: #fff;
    border: 1px solid #fff;
    color: #213047;
    padding: 11px 15px;
    border-radius: 50%;
    font-size: 18px;
}
.contact-form {
	float:left;
	width:100%;	
	padding:50px 0px;
	background:#f5ae00;
}

.contact-form {
	text-align:center;
	text-transform:uppercase;
	color:#fff;
	padding-top: 50px;
    font-size: 36px;
    font-weight: bold;
	
	
	
}


.contact-form .input-group {
	margin:0px;
}
.contact-form .send1{
	margin-top:30px;
	font-size: 18px;
}
.bottom-footer{
	float:left;
	width:100%;
	background:#213047;	
	text-align:center;
	padding:15px 0px;
}
.bottom-footer p{
	color:#fff;
}
.aigpl-img{
	 transition: all 0.3s ease-in-out 0s;
}
.aigpl-img:hover{
	opacity:0.7;
	border:#fda612 5px solid;
}
.abt-content p{
	text-align:left;
	font-size:15px;
	line-height:1.5;
}
.header-new img{
	width:100%;
}















@media only screen and (min-width: 0px) and (max-width: 991px){
	.cont-data h2 {
    font-size: 24px;
}
.service li {
    padding: 10px 5px;

}
.workers {
    padding-top: 20px;
    padding-bottom: 10px;	
 
}
.banner-caption h3 {
	display:none;
}
.banner-caption p {
	display:none;
}
.banner-caption a {
	display:none;
}

.contact-form {
    padding: 0px 0px;
}
.aboutus{
    padding: 0px 0px;
}
.what-we-do h2{
    padding-top: 0px;
}
.what-we-do h2{
    padding: 0px;
}
.cont-data{
    padding: 0px;
}
.carousel-caption {
    display: none;
}
#mobmenuright li a{
	color:#fff !important;
}
.service ul {
    list-style-type: none;
    text-align: center;
    float: left;
    width: 100%;
    margin: 1px ;
    display: inline-grid;
    padding: 0;
}
.header{
	display:none;
}
.top-header{
	display:none;
}
.service li {
    margin: 1px ;
}
.mob-standard-logo{
	float:left;
	padding:0px 10px;
}
.banner-caption{
	display:none;
}	
}

@media (min-width: 767px) {
	.cont-data h5{
	 width: 100%;
}

.service li {
    padding: 10px;
}
.contact-form {
    padding: 0;
}
}

@media (min-width: 992px) {
.banner-caption h3 {  
	font-size: 30px;
 }
}

@media (min-width: 1080px) {
 
}

@media (min-width: 1280px) {
 .banner-caption h3 {
	font-size: 42px;
}
}

@media (min-width: 1366px) {
 
}

@media (min-width: 1400px) {
 
}