body{
	font-family: 'Roboto', sans-serif;
}
.wrapper{
	overflow: hidden;
}
.content-wrapper{
	max-width: 1170px;
	margin: 0 auto;
}
.header-top-line{
	background-color: #231e71;
}

.header-bottom-line{
	background-color: #fff;
}

.header-phone, 
.header-mail {
	float: left;
	padding: 0 40px 0 0;
	color: #8a8d94;
	font-family: 'Ubuntu', sans-serif;
	font-size: 12px;
	line-height: 40px;
}
.header-phone-icon{
	padding: 0 10px 0 5px;
}
.header-mail-icon{
	padding: 0 10px 0 5px;
}
.header-mail a{
	color: #8a8d94;
}

.header-social-wrapper{
	float: right;
	margin-top: 5px;
}
.header-social-icon{
	width: 28px;
	height: 28px;
	border-radius: 50%;
	color: #fff;
	display: inline-block;
	font-size: 12px;
	line-height: 30px;
	text-align: center;
}
.header-twitter{
	background-color: #00acee;
}
.header-facebook{
	background-color: #3b5999;
}
.header-google{
	background-color: #dd4c39;
}
.header-social-icon a{
	color: #fff;
}
.header-logo{
	width: 209px;
	height: 80px;
	display: block;
	float: left;
	background: url(../images/logo.png) no-repeat center center;	
}
.header-menu{
	float: right;
}
.header-menu li{
	display: inline-block;
	line-height: 80px;
	border-left: 1px #e5e8eb solid;
	margin-right: -4px;
}
.header-menu li:last-child{
	border-right: 1px #e5e8eb solid;
	padding: 0 10px;
}
.header-menu a{
	width: 100%;
	height: auto;
	padding: 0 28px 0 28px;
	color: #6e7179;
	font-family: 'Roboto', sans-serif;
	font-weight: 100;
	font-size: 16px;
	display: inline-block;
	box-sizing: border-box;
}
.header-menu li:hover{
	line-height: 74px;
	border-bottom: 3px #f4a13d solid;
}
.toggle-menu,
.toggle-menu-button{
	display: none;
}




.section-1{
	width: 100%;
}
.home-bg{
	min-height: 584px;
	background: url(../images/home-bg.jpg) no-repeat center center;
	background-size: cover;
}
.section-1 .content{
	width: 580px;
	min-height: 270px;
	padding-top: 165px;
}
.title-text{
	font-family: 'Roboto', sans-serif;
	font-weight: 700;
	font-size: 70px;
	color: #f29320;
	text-transform: uppercase;
	padding-left: 10px;
}
.title-pre-text{
	font-family: 'Roboto', sans-serif;
	font-weight: 300;
	font-size: 28px;
	color: #fff;
	padding-left: 10px;
}
.title-list{
	margin-top: 25px;
	padding-left: 40px;
}
.title-list li{
	color: #fff;
	padding-bottom: 14px;
	font-family: 'Roboto', sans-serif;
	font-weight: 100;
	font-size: 14px;
	position: relative;
	-webkit-text-size-adjust: none;
}
.title-list li:before{
	content: '';
	position: absolute;
	width: 16px;
	height: 13px;
	background: url(../images/arrow-right.png) no-repeat center center;
	left: -30px;
}
.section-2{
	padding-bottom: 95px;
}
.first-block	{
	margin: 26px 29px 0 8px;
	padding: 15px 24px;
	background-color: #da953c;
	color: #fff;
	font-size: 20px;
	line-height: 30px;
	font-family: 'Roboto', sans-serif;
	font-weight: 300;
}
.second-block{
	width: 47%;
	float: left;
	box-sizing: border-box;
	padding: 22px 28px 0 24px;

}
.second-block-content{
	padding: 20px 25px;
	border: 1px #b6b6b6 solid;
	font-family: 'Roboto', sans-serif;
	font-weight: 300;
	font-size: 16px;
	line-height: 24px;
	color: #091322;
	position: relative;
}
.arrow-block{
	width: 6%;
	min-height: 260px;
  margin-top: 22px;
	float: left;
	background: url(../images/section-2-arrow.png) no-repeat center center;
}
.third-block{
	width: 47%;
	float: left;
	box-sizing: border-box;
	padding: 22px 28px 0 24px;

}
.third-block-content{
	padding: 20px 25px;
	border: 1px #b6b6b6 solid;
	background-color: #275282;
	font-family: 'Roboto', sans-serif;
	font-weight: 300;
	font-size: 16px;
	line-height: 24px;
	color: #fff;
}
.text-bold{
	font-weight: 700;
}
.third-block-content-list ul{
	margin-top: 25px;
	padding-left: 55px;
}
.third-block-content-list li{
	position: relative;
	font-size: 16px;
	line-height: 24px;
}
.third-block-content-list li:before{
	content: "";
	position: absolute;
	background: url(../images/mini-arrow-right.png) no-repeat center center;
	width: 7px;
	height: 24px;
	left: -28px;
}
.second-block-content:before{
	content: "";
	position: absolute;
	background: url(../images/decorative-arrow.png) no-repeat center center;
	width: 48px;
	height: 51px;
	left: -30px;
	top: -18px;
}
.fourth-block{
	width: 100%;
	float: left;
	box-sizing: border-box;
	padding: 22px 30px 0 24px;
	font-family: 'Roboto', sans-serif;
  font-weight: 300;
  font-size: 16px;
  line-height: 24px;
  color: #091322;
}
.fourth-block-text{
	font-family: 'Roboto', sans-serif;
  font-weight: 300;
  font-size: 16px;
  line-height: 24px;
  color: #091322;
}
.fourth-block-list{
	padding: 20px 0 25px 0;
}
.fourth-block-list li{
	position: relative;
	margin-left: 55px;
}
.fourth-block-list li:before{
	content: "";
	position: absolute;
	background: url(../images/mini-arrow-right-gray.png) no-repeat center center;
	width: 7px;
	height: 24px;
	left: -30px;
}
.section-3 {
	min-height: 562px;
}
.section-3 .left-col{
	width: 50%;
	min-height: 562px;
	float: left;
	background: url(../images/section-3-bg.jpg) no-repeat center top;
	background-size: cover;
}
.section-3 .right-col{
	width: 50%;
	min-height: 562px;
	float: left;
	background-color: #f29320;
}
.right-col-content-wrapper{
	max-width: 585px;
	padding: 90px 50px 20px 65px;
	box-sizing: border-box;
}
.right-col-title{

  font-weight: 100;
  font-size: 42px;
  line-height: 70px;
  color: #fff;
  position: relative;

}
.right-col-title:after{
	content: "";
	position: absolute;
	width: 34px;
	height: 2px;
	background-color: #fff;
	left: 2px;
	bottom: 0;
}
.right-col-pre-title{
	padding: 30px 0 15px 0;
	font-family: 'Roboto', sans-serif;
  font-weight: 100;
  font-size: 24px;
  line-height: 24px;
  color: #fff;
}
.right-col-text{
	font-family: 'Roboto', sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: #fff;
	margin-bottom: 35px;
}
.section-3 .button,
.section-4 .button{
	padding: 15px 27px;
	border-radius: 3px;
	border: 1px #fff solid;
	color: #fff;
	text-align: center;
	font-family: 'Roboto', sans-serif;
  font-weight: 400;
	font-size: 14px;
	line-height: 47px;
}
.section-4{
	background: url(../images/section-4-bg.jpg) no-repeat center center;
	background-size: cover;
	padding-top: 85px;
	box-sizing: border-box;
}
.section-4 .section-title{
	font-size: 42px;
	font-weight: 100;
	line-height: 72px;
	color: #fff;
	text-align: center;
	position: relative;
}
.section-4 .section-title:after{
	content: "";
	position: absolute;
	width: 34px;
	height: 2px;
	background-color: #fff;
	left: 0;
	right: 0;
	bottom: 0;
	margin: 0 auto;
}
.section-4 .section-pre-title{
	font-size: 24px;
	font-weight: 100;
	line-height: 72px;
	color: #fff;
	text-align: center;
}
.section-4 .col{
	width: 50%;
	float: left;
}
.col-left{
	min-height: 770px;
	background: url(../images/iphone.png) no-repeat 100% 100%;
	b
}
.section-4 .button{
	margin-left: 110px;
	background-color: #f29320;
	border: 1px #f29320 solid;
	color: #000;
}
.arrow-round-list{
	margin-bottom: 45px;
}
.arrow-round-list ul{
	padding-left: 220px;
}
.arrow-round-list li{
	color: #fff;
	padding-bottom: 14px;
	font-family: 'Roboto', sans-serif;
	font-weight: 100;
	font-size: 20px;
	position: relative;
	margin-top: 95px
}
.arrow-round-list li:first-child{
	margin-top: 75px
}
.arrow-round-list li:before{
	content: '';
	position: absolute;
	width: 85px;
	height: 85px;
	border: 1px #414850 solid;
	border-radius: 50%;
	background: rgba(255,255,255,0.2) url(../images/mini-arrow-round.png) no-repeat center center;
	left: -115px;
	top: -34px;

}
.arrow-round-list li:after{
	content: "";
	position: absolute;
	width: 2px;
	height: 27px;
	background-color: #414850;
	left: -72px;
  bottom: -53px;
}
.arrow-round-list li:last-child:after{
	display: none;
}

.footer{
	padding-top: 100px;
	text-align: center;
	background-color: #1f2021;
}
.footer a{
	color: #8a8d94;
}
.footer li{
	display: inline-block;
		margin: 0 4px;
}
.footer-social-icon,
.footer-arrow-up{
	width: 52px;
	height: 52px;
	border-radius: 50%;
	background-color: #37393a;
	color: #fff;
	display: block;
	font-size: 18px;
	line-height: 52px;
	text-align: center;
}
.footer-text{
	font-weight: 400;
	font-size: 14px;
	line-height: 14px;
	color: #8a8d94;
	padding: 38px 0 44px 0;
}
.footer-arrow-up{
	font-size: 30px;
	margin: 0 auto;
}
.footer-arrow-up-wrapper{
	padding-bottom: 20px;
}



/*Who we are*/

.page-bg{
	min-height: 248px;
	background: url(../images/page-bg.jpg) no-repeat center center;
	background-size: cover;
	position: relative;
}
.page-title{
	height: 42px;
	text-align: center;
	font-size: 42px;
	color: #fff;
	font-weight: 100;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	margin: auto;
}
.who_we_are-section-2 .right-col-content-wrapper {
    padding: 50px 25px 0 45px;
 }
.who_we_are-section-2 .right-col-title{
	font-size: 33px;
	line-height: 38px;
	font-weight: 100;
	padding-bottom: 20px;
}
.who_we_are-section-2 .right-col-text{
	margin-bottom: 0;
	margin-top: 20px;
}
.who_we_are-section-3{
	padding: 50px 0 390px 0;
}
.who_we_are-section-3 .section-title{
	font-size: 42px;
	font-weight: 100;
	line-height: 75px;
	color: #3c414c;
	text-align: center;
	position: relative;
}
.who_we_are-section-3 .section-title:after{
	content: "";
	position: absolute;
	width: 34px;
	height: 2px;
	background-color: #bbbfc8;
	left: 0;
	right: 0;
	bottom: 0;
	margin: 0 auto;
}
.who_we_are-section-3 .section-pre-title{
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	font-weight: 400;
	line-height: 24px;
	color: #2a2a2a;
	text-align: center;
	padding: 30px 0 35px 0;
}
.who_we_are-section-3 .section-text{
	position: relative;
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	font-weight: 400;
	line-height: 20px;
	color: #1f426c;
	padding-top: 20px;
	margin: 0 10px 0 60px;
}
.who_we_are-section-3 .section-col{
	width: 50%;
	float: left;
}
.who_we_are-section-3 .section-text:before{
	content: "";
	position: absolute;
	background: url(../images/mini-arrow-right-blue.png) no-repeat center center;
	width: 7px;
	height: 20px;
	left: -25px;
}


/*what we do*/
.what_we_do-section-2 .left-col,
.what_we_do-section-2 .right-col{
	width: 50%;
	min-height: 623px;
	float: left;
}
.what_we_do-section-2 .left-col{
	min-height: 623px;
	background: url(../images/what-we-do-iphone.png) no-repeat 50% 100%;
}
.line{
	height: 1px;
	background-color: #c0c0c0;
	margin-bottom: 3px;
}
.what_we_do-section-2 .right-col{
	padding: 40px 10px 0 25px;
	box-sizing: border-box;
}
.what_we_do-section-2 .right-col-title{
	color: #3d3d3d;
	font-size: 33px;
	line-height: 38px;
	padding-bottom: 20px;
}
.what_we_do-section-2 .right-col-title:after {
    background-color: #3d3d3d;
    left: 2px;
    bottom: 0;
}
.what_we_do-section-2 .col-text{
	padding: 15px 0;
	font-size: 16px;
	line-height: 24px;
	color: #5d5d5d;
}
.what_we_do-section-2 .content-list{

}
.what_we_do-section-2 .content-list ul{
	margin-top: 25px;
	padding-left: 35px;
}
.what_we_do-section-2 .content-list li{
	position: relative;
	font-size: 16px;
	line-height: 24px;
	color: #1d3e65;
}
.what_we_do-section-2 .content-list li:before{
	content: "";
	position: absolute;
	background: url(../images/mini-arrow-right-blue.png) no-repeat center center;
	width: 7px;
	height: 24px;
	left: -25px;
}
.width-col{
	padding: 20px 70px 105px 30px
}
.width-col .content-list{
	width: 50%;
  float: left;
}
.width-col .content-list ul{
	margin: 15px 0;
}



/*Contact*/
.contact-section-2{
	background-color: #fbfcfd;
	padding: 100px 0;
}
.col{
	float: left;
}
.map{
	width: 740px;
	height: 440px;
}
.contacts{
	width: 	calc(100% - 800px);
	padding-left: 60px;
}
.contacts .title{
	font-size: 24px;
	font-weight: 100;
	line-height: 24px;
	color: #3c414c;
	margin-bottom: 20px;
}
.work-hours{
	font-family: 'Ubuntu', sans-serif;
	font-weight: 300;
	font-size: 15px;
	line-height: 26px;
	color: #8a8d94;
}
.contact{
	margin-top: 40px;	
}
.contact-icon-wrapper{
	width: 54px;
	height: 54px;
	float: left;
	margin-right: 25px;	
}
.contact-icon{
	width: 54px;
	height: 54px;
	border-radius: 50%;
	border: 1px #eef0f2 solid;
}
.phone-icon{
	background: #fff url(../images/phone.png) no-repeat center center;
}
.email-icon{
	background: #fff url(../images/email.png) no-repeat center center;
}
.address-icon{
	background: #fff url(../images/address.png) no-repeat center center;
}
.contact-text{
	font-family: 'Ubuntu', sans-serif;
	font-weight: 300;
	font-size: 14px;
	line-height: 24px;
	color: #8a8d94;
}
.contact a{
	color: #8a8d94;
}
.contact-title{
	font-family: 'Roboto', sans-serif;
	font-weight: 100;
	font-size: 20px;
	color: #3c414c;
}
.email{
	margin-top: 20px;	
}
.form-content-wrapper{
	max-width: 1200px;
	margin: 0 auto;

}
.form{
	margin-top: 70px;	
	position: relative;
}
.input{
	width: 33.3%;	
	height: 42px;
	float: left;
	padding: 0 15px;
	box-sizing: border-box;
}
input{
	width: 100%;	
	height:100%;
	border: 1px #eef0f2 solid;
	border-radius: 3px;	
	padding: 	0 15px;
	box-sizing: border-box;
	font-family: 'Ubuntu', sans-serif;
	font-weight: 300;
	font-size: 14px;
	color: #8a8d94;
}
.text-area{
	width: 100%;	
	height: 198px;
	margin-top: 30px;
}
textarea{
	width: 100%;	
	height:100%;
	border: 1px #eef0f2 solid;
	border-radius: 3px;	
	padding: 	0 15px;
	box-sizing: border-box;
	font-family: 'Ubuntu', sans-serif;
	font-weight: 300;
	font-size: 14px;
	line-height: 42px;
	color: #8a8d94;
	resize: none;
}
.form .button{	
	float: 	left;
	margin: 30px 15px 0;	
	border-radius: 3px;
	background-color: #285fdb;
	width: 180px;
	height: 45px;
}
.form .button input{
	line-height: 14px;	
	color: #fff;
	border: none;
	background: none;
	cursor: pointer;	
	border: none;
}
.white-line{
	height: 100px;
	background-color: #fff;
}
.success {
	display: none;
	position: absolute;
    bottom: 14px;
    left: 220px;
    font-family: 'Roboto', sans-serif;
    color: #3c414c;
}