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

/*
----------------------------------
01. DEFAULT ELEMENTS
----------------------------------
*/

body{margin:0px;padding:0px;}
*{border:none;outline:none;text-decoration:none;}
.clear{clear:both;}
p,h1,h2,h3,h4,h5{margin:0;padding:0px;}


@font-face {
    font-family: 'OpenSansBold';
    src: url('opensans-bold.eot');
    src: url('opensans-bold.eot') format('embedded-opentype'),
         url('opensans-bold.woff2') format('woff2'),
         url('opensans-bold.woff') format('woff'),
         url('opensans-bold.ttf') format('truetype'),
         url('opensans-bold.svg#OpenSansBold') format('svg');
}

@font-face {
    font-family: 'OpenSansSemibold';
    src: url('opensans-semibold.eot');
    src: url('opensans-semibold.eot') format('embedded-opentype'),
         url('opensans-semibold.woff') format('woff'),
         url('opensans-semibold.ttf') format('truetype'),
         url('opensans-semibold.svg#OpenSansSemibold') format('svg');
}

@font-face {
    font-family: 'open_sansregular';
    src: url('opensans-regular-webfont.eot');
    src: url('opensans-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('opensans-regular-webfont.woff') format('woff'),
         url('opensans-regular-webfont.ttf') format('truetype'),
         url('opensans-regular-webfont.svg#open_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;

}


/*
----------------------------------
02. CONTAINER, WRAPPER
----------------------------------
*/

#container{width:100%;}
#wrapper{width:100%;}
.main{max-width:1200px;margin:0 auto;}
@media(max-width:1025px){
.main{padding:0% 2%;}	
}
img {
	max-width: 100%;
	height: auto;
}
@media \0screen {
  img { 
  	width: auto; /* for ie 8 */
  }
}

/*
----------------------------------
03. HEADER
----------------------------------
*/
#header{width:100%; background:url(../images/header_bg.jpg) no-repeat; background-size:cover; position:relative;}
.header{padding:48px 0 142px;}
.header_top{padding:0 0 75px;}
.header_inner{ padding:10px 0;}
.left_inner{padding:30px 0 0;}
#navigation{ display:inline-block; width:/*483px*/92%; text-align:right; vertical-align:top;}
.social{ display:inline-block; width:6.28%; vertical-align:top;}
.header_left{ width:/*498px*/41.5%; float:right;}
.logo_inner{ float:left; width:/*658px*/54.83%;}

.header_bottom{ text-align:center; padding:0 0 0;}
.header_bottom h1{ font:normal 39px 'OpenSansSemibold'; color:#fff; margin:0 0 28px;}
.header_bottom p span{ font:normal 19px 'OpenSansSemibold'; color:#2d3191; display:inline-block; margin:18px 0 42px;}
.header_bottom a{ border:3px solid #fff; font:normal 19px 'OpenSansSemibold'; color:#fff; text-transform:uppercase; padding:11px 29px; display:inline-block; margin:0 0 23px;}
.header_bottom p{ font:normal 19px 'open_sansregular'; color:#fff; padding:0 9.42%;}

.logo{ position:absolute; top:32%;}
.logo a{ padding:0; border:none;}


/*
-----------------------------------
04. CONTENT 
-----------------------------------
*/
#content{width:100%;}

.service_sec{ background:url(../images/services_pic.jpg) no-repeat; background-size:cover; padding:60px 0;}
.service_sec h2{font:normal 36px 'OpenSansSemibold'; color:#fff; text-transform:uppercase; margin:0 0 89px; text-align:center;}
.service_box { width:/*318px*/26.5%; float:left; margin:0 1.17% 20px 0; border:6px solid #fff; padding:0 2.33% 33px; position:relative;}
.service_box p{ font:normal 14px 'open_sansregular'; color:#989898; text-align:justify;  line-height:25px;}
.service_no{ width:117px; padding:0 23px; background:#24252a; text-align:center; margin:0 auto; position:absolute; top:-40px; left:0; right:0; }

.service_inner{ width:75px; height:75px; text-align:center; margin:0 auto; border-radius:100%; background:#fff;}
.service_inner p{font:normal 61px 'OpenSansBold'; color:#333132; text-align:center;}
.service_text{ padding:55px 0 0;}
.service_box ul{  padding:25px 0 0; margin:0; list-style:none;}
.service_box ul li{font:normal 14px 'open_sansregular'; color:#989898; margin:0 0 8px;position:relative;}
.service_box ul li:before {
        font-family: FontAwesome;
        top:0;
        left:-5px;
        padding-right:10px;
        content: "\f101"; 
		color:#989898;
		font-size:10px;		
    }

.service_last{ margin:45px 0 0;}



.contact_info{ background:url(../images/contact_info.jpg) no-repeat; background-size:cover; padding:8.66% 0;}
.contact_info h2{font:normal 36px 'OpenSansSemibold'; color:#fff; text-transform:uppercase; margin:0 0 32px}
.con_box{ margin:0 0 18px;}
.con_box p{ font:normal 22px 'OpenSansBold'; color:#989898; margin:5px 0 0;}
.con_box p a{ font:normal 22px 'OpenSansBold'; color:#989898; margin:5px 0 0;}
.con_left{width:/*592px*/49.33%; float:left;}

.con_right{ width:/*535px*/44.58%; float:left;}
.frm_text{ border:2px solid #999A95; width:91%; height:52px; line-height:52px; font:normal 18px 'open_sansregular'; color:#fff; padding:0 0 0 50px;  background:none; margin:0 0 23px;}
.frm_textarea{border:2px solid #999A95; width:91%; height:142px;  font:normal 18px 'open_sansregular'; color:#fff; line-height:52px; padding:0 0 0 50px; resize:none; background:none; margin:0 0 23px;}
.frm_sub{ font:normal 23px 'OpenSansSemibold'; color:#000; text-transform:uppercase; padding:18px 37px; border-radius: 8px 8px 8px 8px;
-moz-border-radius: 8px 8px 8px 8px;
-webkit-border-radius: 8px 8px 8px 8px; cursor:pointer;}

.txt_name{ background:url(../images/name.png) no-repeat left;}
.txt_phone{ background:url(../images/phone1.png) no-repeat left;}
.txt_email{ background:url(../images/mail1.png) no-repeat left;}
.txt_commnets{ background:url(../images/comments.png) no-repeat left;}


.content_top{ background:#000; padding:20px 0;}
.content_top h2{ font:normal 36px 'OpenSansSemibold'; color:#fff; text-transform:uppercase;}
.content_bottom{ }
.content_inner{ background:#F3F1F2; padding:50px 0;}
.content_bottom h3{font:normal 30px 'OpenSansSemibold'; color:#2a2a2a; margin:0 0 15px;}
.content_bottom h3 span{font:normal 25px 'OpenSansSemibold'; color:#2a2a2a;}
.bio_left{width:/*358px*/29.83%; float:left; margin:0 1% 0 0;}
.bio_box{ background:#dedede; margin:0 0 20px;}
.bio_box h3{ color:#fff; background:#2e3192; font:normal 19px 'OpenSansSemibold'; padding:14px 0 14px 22px;}
.bio_box ul{ padding:0 22px; margin:0; list-style:none;}
.bio_box ul li{ font:normal 17px 'open_sansregular'; color:#292929; position:relative; border-top:1px solid #d2d0d0; padding:10px 0;}
.bio_box ul li:before {
        font-family: FontAwesome;
        top:0;
        left:-5px;
        padding-right:5px;
        content: "\f111"; 
		color:#292929;
		font-size:6px;
		display: inline-block;
		vertical-align:middle;
    }


.bio_right{ overflow:hidden;}

.rgt_box{ margin:0 0 50px;}
.rgt_box h3{ font:normal 19px 'OpenSansBold'; color:#292929; padding-bottom:11px; border-bottom:1px solid #b2b2b2; margin:0 0 15px;}
.rgt_box p{ font:normal 15px 'open_sansregular'; color:#292929;}

.work_box{ width:/*241px*/29%; float:left; margin:0 1% 0 0; padding:1.25%;}
.work_box h4{ font:normal 18px 'OpenSansSemibold'; color:#292929; margin:0 0 30px;}
.dark{ background:#dedede;}
.light{ background:#ebebeb;}


.contact_top{ padding:0 0 44px;}
.contact_top  h2{ font:normal 30px 'OpenSansSemibold'; color:#2a2a2a; margin:0 0 35px;}
.contact_box{ width:/*427px*/35.83%; float:left; margin:0 1.5% 0 0;}
.contact_box2{ width:/*217px*/18.08%; float:left; margin:0 1.5% 0 0;}
.contact_box3{ width:/*281px*/23.42%; float:left;}
.inner_con p{ font:normal 22px 'OpenSansSemibold'; color:#292929;}
.inner_con p a{ font:normal 22px 'OpenSansSemibold'; color:#292929;}


.form_lft{ width:48%; float:left; margin:0 1% 0 0;}
.form_rgt{ width:48%; float:left;}

.contact_bottom{ border-top:1px solid #bfbfbf; padding:40px 0 0;}

.txt_frm{ border:2px solid #999A95; width:88%; height:52px; line-height:52px; font:normal 18px 'open_sansregular'; color:#999A95; padding:0 0 0 50px;  background:none; margin:0 0 23px;}
.txtarea_frm{border:2px solid #999A95; width:88%; height:210px;  font:normal 18px 'open_sansregular'; color:#999A95; line-height:52px; padding:0 0 0 50px; resize:none; background:none; margin:0 0 23px;}
.sub_frm{ font:normal 23px 'OpenSansSemibold'; color:#fff; background:#2a2a2a; text-transform:uppercase; padding:18px 37px; border-radius: 8px 8px 8px 8px;
-moz-border-radius: 8px 8px 8px 8px;
-webkit-border-radius: 8px 8px 8px 8px; cursor:pointer;}

.name1{ background:url(../images/user.jpg) no-repeat left;}
.phone1{ background:url(../images/phone3.jpg) no-repeat left;}
.email1{ background:url(../images/mail3.jpg) no-repeat left;}
.comments1{ background:url(../images/comments1.jpg) no-repeat;}



/*
------------------------------------
05. FOOTER 
------------------------------------
*/
#footer{width:100%;padding:20px 0; text-align:center;}
#footer p{font:normal 17px 'open_sansregular'; color:#000;}
#footer p span{ font:normal 17px 'OpenSansBold'; color:#000;}


/*
-------------------------------
default start

-------------------------------
*/

.no_margin{margin-right:0;}



/*
-------------------------------------
06. RESPONSIVE
-------------------------------------
*/

@media(min-width:768px){
#navigation ul{padding:0;margin:0;list-style:none; }
#navigation ul li {display:inline-block; padding:0 4%;line-height:4px; position:relative;}
#navigation ul li:first-child{padding-left:0;}
#navigation ul li a{display:inline-block; font:normal 16px 'OpenSansBold'; color:#FFF; line-height:34px; text-transform:uppercase;}
#navigation ul li:hover a, #navigation ul li.current a{color:#000;}
}


@media(max-width:1023px){
	.contact_box {
    width: 100%;
	float:none;
	margin:0 0 20px 0;
}

.contact_box2 {
    width: 100%;
	float:none;
	margin:0 0 20px;
}

.contact_box3 {
    width: 100%;
	float:none;
}


.txt_frm{ width:84%;}
.txtarea_frm{ width:84%;}

}


@media(max-width:999px){
	
	.service_box {
	width:25%;	
    margin: 0 0.7% 20px 0;
}

.service_last{ margin:55px 0 0;}
	
}

@media(max-width:767px){
	

.logo_inner {
    float: none;
    width: 100%;
}


	
.con_left {
    float: none;
    width: 99%;
}


.con_right {
    float: none;
    width: 99%;
}

#navigation{ width:100%;}

.header_left {
    float: none;
    width: 100%;
	margin:0 0 20px;
}



.social {
    display: block;
    margin: 11px 0 0;
    text-align: center;
    vertical-align: top;
    width: 100%;
}


.logo {
    position: relative;
    top: 0;
	text-align:center;
}


.header_bottom {
    padding: 33px 0 0;
}


.header_bottom h1 {
    font-size: 33px; 
}


.service_box {
    width: 92%;
	float:none;
	margin:0 0 50px;
}


.bio_left {
    float: none;
    margin: 0;
    width: 100%;
}





.form_lft {
    float: none;
    margin: 0;
    width: 100%;
}


.form_rgt {
    float: none;
    width: 100%;
}

.txt_frm{ width:89%;}
.txtarea_frm{ width:89%;}
		
}

@media(max-width:479px){
	.con_left {
    width: 90%;
}


.con_right {
    width: 90%;
}

.header_bottom h1 {
    font-size: 25px; 
}

.service_sec h2 {
    font-size: 29px;
}

.work_box {
    float: none;
    margin: 0 0 20px;
    width: 99%;
}

.content_bottom h3{ font-size:25px;}

.txt_frm{ width:84%;}
.txtarea_frm{ width:84%;}

}

@media(max-width:319px){
}