/*font links*/
@font-face{
	src: url(../fonts/lato/lato-bold.ttf);
	font-family:lato-bold ;
}
@font-face{
	src: url(../fonts/lato/lato-regular.ttf);
	font-family:lato-regular;
}
@font-face{
	src: url(../fonts/lato/pe-icon-7-stroke.ttf);
	font-family:pe-icon-7-stroke;
}

/*common start*/
body{
   font-family: 'Lato', sans-serif;
   font-size: 16px;
   font-weight: 400;
   color:#8e8e8e ;
}
.common_btn{
    padding: 14px 25px;
    font-family: 'Lato', sans-serif;
    font-size: 16px;
    font-weight: 500;
    color: #333333;
    background-color: #ffffff;
    border: 1px solid #8e8e8e;
    border-radius: 2px;
    text-transform: uppercase;
    transition: .33s ease;
}
.common_btn:hover{
   color: #333333;
   background-color: #f8f8f8;
   border: 1px solid #333333;
}
.common_btn:active{
   color: #333333 !important;
   background-color: #f8f8f8 !important;
   border: 1px solid #333333 !important;
}

/*common end*/

header{
   padding: 20px 0 15px;
}
.n_nav{}
.n_logo{}
.n_logo h1{
	font-family: 'Lato', sans-serif;
    font-size: 30px;
    font-weight: 500;
    color:#333333 ;

}
.menu{}
.menu ul li a{
    padding: 0 20px !important;
}
.menu ul li a:hover{
	color:#333333 !important;
}

 
/*header end */

/*slider start*/
.slider{
 background-image: url(../images/banner.jpg);
 background-repeat:no-repeat;	
 background-size:cover;
 background-position:center ;
}
.b_item{
   margin: 200px 0 200px;
}
.b_h1{
   font-size: 60px;
   font-weight: 700;
   color:white ;
}
.b_p{
   padding-right: 125px;
   margin: 50px 0 55px !important;
   color: white;
}
.b_btn span{
   margin-left:14px ;
}

/*slider end*/

/*service start*/
.c_padd{
	padding-bottom: 100px;
}
.service{}
.c_title{
}
.c_title h1{
	margin: 25px 0 55px !important;
	font-size: 30px;
   font-weight: 400;
   color: #333333;
   text-transform: uppercase;
}
.c_pipe{
	margin-bottom: 25px !important;
   width: 2px;
   height:50px;
   background-color:#333333;
}
.s_pp{
   margin-top: 40px;
   line-height: 30px;
}

.s_item{
   margin-top: 80px;
   padding: 55px 15px 35px;
   border: 1px solid #8e8e8e;
}
.s_icon{
   margin: -76px auto 0;
   padding-bottom: 40px;
   width: 70px;
   height: 60px;
   background-color: white;
   text-transform: uppercase;
}
.s_icon i{
   font-size: 60px;
   color:#8e8e8e ;
}
.s_item:hover{
   border: 1px solid #333333;
}
.s_item:hover .s_icon i{
   color: #333333;
}
.s_item:hover a{
   color: #333333;
}

.s_h2{
   padding: 40px 0 20px;
   font-size: 18px;
   font-weight:700;
   color: #333333;
}
.s_pipe2{
   width: 50px;
   height:2px;
   background-color:#333333;
}
.s_p{
   margin-bottom: 40px !important;
   line-height: 26px;
}
.s_btn{
   padding-left: 0px;
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    font-weight: 500;
    color: #8e8e8e;
    text-transform: uppercase;   
}
.s_btn span i{
   margin-left: 8px;
}

/*service end*/
/*about start */
.about{}
.ab_img{}
.ab_img img{}
.ab_text{
	margin-left: 20px;
}
.ab_h2{
   font-size: 30px;
   font-weight: 400;
   color: #333333;
}
.ab_p1{
   margin: 36px 0;
   line-height: 26px;
}
.ab_p2{
   margin-bottom: 36px;
   line-height: 26px;
}

/*about end*/
/*recent start*/
.recent{}

.r_menu{}
.re_menu{}
.re_menu ul li{
   list-style: none;
   float: left;
}
.re_menu ul li a{
   padding: 0 20px !important;
   padding-bottom: 50px !important;
   display: inline-block;
   font-weight: 500;
   text-decoration: none;
   text-transform: uppercase;
   color:#8e8e8e;
   transition:.33s ; 
}
.re_menu ul li a:hover {
 
   color:#333333;
}
.r_img{
      padding-bottom: 20px; 
}
.r_img img{}

/*recent end*/

  
.choose{}
.c_item{
	padding: 20px 8px;
   margin-top: 40px;
   border-bottom: 1px solid black;
}
.c_icon{
	margin-top: -18px;
	font-size: 48px;
}
.c_h2{
	font-size: 18px;
    font-weight: 700;
    color: #8e8e8e;
    text-transform: uppercase;
}
.c_p{}
.c_item:hover .c_icon i{
	color: #333333;
}
.c_item:hover .c_h2{
    color: #333333;
}

/*choose end*/
/*work start*/
.work{
   margin-top: 60px;
   background-image: url(../images/work.jpg);
   background-repeat:no-repeat; 
   background-size:cover;
   background-position:center ; 
}
.w_item{
   margin-top: 80px;
   margin-bottom: 100px;
}
.w_img{}
.w_img img{}
.w.text{
}
.w_h2{
   font-size: 18px;
   font-weight: 700;
   color: white;
   text-transform: uppercase;
}
.w_p{
   color: #ffffff;
}
/*work end*/
/*price start*/
.bp_price{
   position: relative;
   margin-top: 100px;
   padding: 0 30px 40px;
   border: 1px solid #8e8e8e;
   transition: .33s cubic-bezier(0.67, -0.07, 0.35, 1.02);
}
.bp_price:hover{
   border-color: #333333;
}
.bp_h3{
    padding: 0px 8px;
    position: absolute;
    top: -16px;
    left: 12px;
    font-family: 'Lato', sans-serif;
    font-size: 18px;
    font-weight: 700;
    color: #333333;
    line-height: 30px;
    text-align: center;
    background-color: #fff;
    text-transform: uppercase;
}
.bp_h2{
   margin-top: 40px;
    font-family: 'Lato', sans-serif;
    font-size: 34px;
    font-weight: 700;
    color: #333333;
}
.bp_h2 span{
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    font-weight: 400;
    color: #8e8e8e;
}

.bp_fiture{
   margin: 36px 0;
}
.bp_fiture p{
   margin-bottom: 22px;
}
.bp_fiture p:last-child{
   margin-bottom: 0;
}
.bp_fiture p span{
   margin-right: 4px;
}

.bp_btn{
   padding: 14px 40px;
   color: #8e8e8e;
}
.bp_btn span{
   margin-left: 14px;
}
/*price end*/
/*responsive start*/
.responsive{
   margin-bottom: 100px;
   padding: 40px 0;
   background-color: #f8f8f8;
}
.res_h2{
    font-family: 'Lato', sans-serif;
    font-size: 18px;
    font-weight: 400;
    color: #333333;
    text-transform: uppercase;
}
.res_btn{
   text-align: right;
}


/*responsive end*/

/*founder start*/
.founder{

}
.f_ctn{
   padding: 40px 20px 40px;
   border: 1px solid black;
}
.f_img{}
.f_text{}
.f_h2{
   font-size: 18px;
   font-weight: 700;
   color: #333333 !important;
}
.f_p{
   padding: 10px 0 10px;
   font-size: 18px;
}
.f_p2{
   padding-bottom: 40px;
   font-size: 18px;
   color: #333333;
}
.f_p3{}
/*founder end*/
/*contact start*/
.contact{}
.c_ctn{
      border: 1px solid black;
}
.cs_h2{
    margin: -20px auto;
    padding-bottom: 90px;
    background-color: white;
    width: 228px;
    text-transform: uppercase;
}
.cs_item{
       padding: 10px 200px 40px;
}
.cs_btn{
       margin-top: 30px;
}
/*contact end*/
/* footer start */
.footer{
   background-image: url(../images/footer.jpg);
   background-repeat:no-repeat ;
   background-size: cover;
   background-position: center;
}
.f_icon{
    /* display: block; */
    padding-top: 10px;
}
.f_icon a i{
    color: #ffffff;
    /* display: inline-block; */
    padding: 16px 16px;
    border: 1px solid #e7dddd;
    margin: 5px;
}
.f_icon a i:hover{
    background-color: #ffffff;
    color: #333333;
}


.f_f{
   padding-top: 0px;
}
.f_n{
}
.t_c{
   margin-bottom: -70px;
    color: #ffffff;
    padding: 80px 70px 0px;
}
.f_n ul li a{
   color: #ffffff;
   }
.f_n ul li a:hover{
   color: #ffffff;
}

/*footer end*/