/* CSS reset */
html {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
}
*, *:before, *:after {
 box-sizing: inherit;
 -moz-box-sizing: inherit;
}
body{
	color:#fff;
	font:14px/24px 'Rubik', sans-serif;
	margin:0;
	overflow-y: scroll;
	-webkit-text-size-adjust:100%;
	-ms-text-size-adjust:none;
	background: url(../images/bg-body.jpg) 50% 0;
	font-family: 'Rubik', sans-serif;
	transition: all 700ms ease;
}
* {max-height: 1000000px;}
article, aside, details, figcaption, figure, footer, header, main, nav, section, summary {
	display: block;
}
img {border-style:none;}
a {
	text-decoration:none;
	color:#000;
	outline:none;
}
a:hover {text-decoration:underline;}
input,
textarea,
select {
	font:100% Arial, Helvetica, sans-serif;
	vertical-align:middle;
	color:#000;
	outline:none;
	border-radius:0;
	-webkit-appearance: none;
}
textarea {
	overflow: auto;
	resize: vertical;
	vertical-align: top;
}
form, fieldset {
	margin:0;
	padding:0;
	border-style:none;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
	padding:0;
	border:0;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
	-webkit-appearance: button;
	cursor: pointer;
}
input[type="search"] {-webkit-appearance: none;}
input[type="search"]::-webkit-search-cancel-button {-webkit-appearance: none;}
input[type="search"]::-webkit-search-decoration {display:none;}
sub,
sup {
	font-size: 57%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}
sup {top: -0.5em;}
sub {bottom: -0.25em;}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/* CSS reset end */
.wrapper{
	max-width: 1326px;
	margin: 0 auto;
}

.phone{
	float: right;
	background: url(../images/phone.png) no-repeat 0 4px;
	padding: 2px 0 1px 30px;
}
@media (max-width:767px){
	.phone{
		float: none;
		margin: 0 0 10px;
display: block;
	}
}
.header{
	border-bottom: 1px solid #01407c;
	padding: 21px 0 24px;
	font-size: 16px;
}
.clearfix:after{
	display: block;
	clear: both;
	content: '';
}
.block-01{
	background: url(../images/block-1.png) no-repeat 38% 88px;
	    padding: 94px 0 61px;
}
@media (max-width:767px){
	.block-01{
		padding: 29px 0;
	}
}
h1{
	font-weight: 500;
	font-size: 60px;
	line-height: 81px;
	margin: 0 auto 14px;
    max-width: 1083px;

}
h1 strong{
	font-weight: 500;
}
@media (max-width:1326px){
	h1{
		font-size: 40px;
		line-height: 50px;
	}
}

h1 span{
	display: block;
}
h1 span:last-child{
	text-align: right;
}
@media (max-width:767px){
	h1{
		font-size: 31px;
    line-height: 39px;
		    margin: 0 auto 54px;
	}
	h1 span:last-child{
		text-align: left;
	}
	h1 strong{
		display: block;
	}
}
.slogan{
	font-size: 18px;
	color: #fbaf41;
	background: url(../images/podp.png) no-repeat 100% 100%;
	padding: 0 4px 65px 0;
	font-style: italic;
	font-weight: 300;
	display: block;
	text-align: right;
	max-width: 1216px;
	    margin: 0 0 90px;
}
@media (max-width:767px){
	.slogan{
		margin: 0 0 110px;
		    background-size: 89px;
				padding: 0 4px 46px 0;
	}
}
.text-block h2{
	font-weight: 500;
	position: relative;
	margin: 0 0 17px;
	font-size: 18px;
	text-transform: uppercase;
}
.text-block h2:after{
	position: absolute;
	bottom: -10px;
	left: 50%;
	width: 72px;
	height: 1px;
	background: #fff;
	margin: 0 0 0 -36px;
	content: '';
}
.text-block{
	background: #195089;
	text-align: center;
	border-radius: 6px;
	     box-shadow: 0 0 30px rgba(0,0,0,0.2);
	 font-size: 16px;
	 line-height: 20px;
	 margin: 0 auto;
max-width: 1100px;
    padding: 32px 0 34px;
}
@media (max-width:1210px) and (min-width:768px){
	.text-block{
		padding: 32px 30px 34px;
	}
}
@media (max-width:767px){
	.text-block{
		padding: 10px;
	}
}
.text-block p{
	margin: 0;
	line-height: 27px;
}
.block-02{
	background: url(../images/block-2.jpg) 50% 0;

}
@media (max-width:940px){
	.block-02{
		background: #f7f7f7
	}
}

.block-02 .wrapper{
	background: url(../images/avatar.png) no-repeat 80px 100%;
	padding: 113px 0 88px 596px;
	color: #000;
}
@media (max-width:1326px){
	.block-02 .wrapper{
		padding-left: 509px !important;
	}
}
@media (max-width:1170px){
	.block-02 .wrapper{
		padding-left: 418px !important;
		background-size: 395px;
	}
}
@media (max-width:1080px){
	.block-02 .wrapper{
		padding-left: 278px !important;
    background-size: 252px;
		padding-bottom: 12px;
	}
}
@media (max-width:940px){
	.block-02 .wrapper{
		padding-left: 89px !important;
    background-size: 252px;
		    padding-bottom: 317px;
	}
}
@media (max-width:767px){
	.block-02 .wrapper{
		padding-left: 15px !important;
    background-size: 252px;
		    padding-bottom: 317px;
				padding-top: 15px;
				background-position: 50px 100%;
	}
}
.intro {
	background: #fff;
	border-radius: 6px;
	max-width: 338px;
	box-shadow: 0 0 30px rgba(0,0,0,0.2);
	padding: 37px 29px 25px 32px;
	float: left;
	margin: 0 -32px 0 0;
    position: relative;
    z-index: 10;
}
@media (max-width:767px){
	.intro{
		max-width: 100%;
		float: none;
		margin: 0 0 20px;
	}
}
.intro h2{
	position: relative;
	margin: 0 0 28px;
	font-size: 24px;
	font-weight: 400;
}
.intro h2:after{
	position: absolute;
	bottom: -15px;
	left: 0;
	width: 72px;
	height: 1px;
	background: #195089;
	content: '';
}
.intro p{
	margin: 0 0 14px;
}
.basic h2{
	position: relative;
	margin: 0 0 40px;
	font-size: 24px;
	font-weight: 400;
}
.basic h2:after{
	position: absolute;
	bottom: -20px;
	left: 0;
	width: 72px;
	height: 1px;
	background: #195089;
	content: '';
}
.basic{
	border-radius: 6px;
	width: 342px;
	padding: 53px 29px 50px 79px;
	float: left;
	border: 1px solid #aec0d2;
		background: url(../images/bg-basic.png) no-repeat right 29px top 29px;
		margin: 78px 0 0;
}
@media (max-width:767px){
	.basic{
		width: 100%;
		float: none;
		margin: 0 0 20px;
		padding: 20px 54px;
	}
}
.basic ul{
	padding: 0 0 0 5px;
	margin: 0;
	font-weight: 500;
}
.basic ul li{
	margin: 0 0 16px;
}
.block-03{
	background: url(../images/bg-blue.png);
}
.block-03 h2{
	background: url(../images/bg-title.png) no-repeat 50% 0;
	margin: 0 0 38px;
	padding: 14px 35px 16px 0 ;
	text-align: center;
	font-size: 29px;
	text-transform: uppercase;
	font-weight: 400;
	font-family: 'Rubik', sans-serif;
}
.col{
	float: left;
	width: 26%;
	margin: 0 11% 0 0;
}
@media (max-width:767px){
	.col{
		width: 100%;
		float: none;
		margin: 0 0 20px;
	}
}
.col:last-child{
	margin: 0;
}
.col h3{
	font-weight: 500;
	margin: 0 0 13px;
	color: #fbaf41;
	font-size: 20px;
	position: relative;
	padding: 5px 0 0 33px;
}
.col h3 .num{
	position: absolute;
	left: 0;
	top:0;
	font-weight: 700;
	color: #1a5186;
	font-size: 36px;
}
.col h3 span{
	position: relative;
    z-index: 10;
}
.col ul{
	padding: 0 0 0 10px;
	margin: 0;
	font-size: 13px;

}
.col ul li{
	margin: 0 0 4px;
	font-size: 15px;
}

.col p{
	margin: 0 0 21px;
}
.block-03 .wrapper{
	background: url(../images/block-3.png) no-repeat right 72px bottom 189px;
	padding: 51px 0 34px;
}
@media (max-width:767px){
	.block-03 .wrapper{
		    background: url(../images/block-5.png) no-repeat right 50% bottom 10px;
	}
}
.label-1{
	font-size: 24px;
	font-weight: 400;
	float: left;
	margin: 16px 0 0;
}
@media (max-width:940px){
	.label-1{
		float: none;
		display: block;
		text-align: center;
		margin: 0 0 20px;
	}
}

.btn-yellow{
	float: right;
	color: #000;
	font-size: 20px;
	width: 339px;
	border-radius: 5px;
	background: #fbaf41;
	text-align: center;
	padding: 15px 0;
}
.btn-yellow:hover{
	text-decoration: none;
}
@media (max-width:940px){
	.btn-yellow{
		float: none;
		display: inline-block;
	}
}
@media (max-width:767px){
	.btn-yellow{
		width: 100%;
		font-size: 17px;
	}
}
.text-block.panel{
	padding: 25px 113px;
	max-width: 1160px;
}
@media (max-width:940px){
	.text-block.panel{
		text-align: center;
	}
}
@media (max-width:767px){
	.text-block.panel{
		padding: 25px;
	}
}
.columns{
	margin: 0 auto 29px;
	    max-width: 1170px;
}
.block-04{
	background: #fff;
	color: #000;
}
.block-04 h2{
	background: url(../images/bg-title-2.png) no-repeat 50% 0;
	margin: 0 0 38px;
	padding: 14px 174px 16px 0px;
	text-align: center;
	font-size: 29px;
	text-transform: uppercase;
	font-weight: 400;
	font-family: 'Rubik', sans-serif;
}
.block-04 .wrapper{
	padding: 51px 0 40px;
}
.portfolio{
	text-align: center;
	padding: 9px 0 0;
}
.portfolio img{
	display: inline-block;
	margin: 0 22px 22px;;
}
.block-05{
	background: url(../images/bg-blue.png);
}
.block-05 h2{
	background: url(../images/bg-title-3.png) no-repeat 50% 0;
	margin: 0 0 38px;
	padding: 14px 98px 16px 0 ;
	text-align: center;
	font-size: 29px;
	text-transform: uppercase;
	font-weight: 400;
	font-family: 'Rubik', sans-serif;
}
.block-05 .wrapper{
	background: url(../images/block-5.png) no-repeat right 72px bottom 189px;
	padding: 51px 0 34px;
}
.block-05 p{
	max-width: 600px;
	margin: 0 0 10px;
}
.block-05 ul{
	position: relative;
	padding-top: 20px;
}
.block-05 ul:before{
	position: absolute;
	background: #fff;
	content: '';
	width: 72px;
	height: 1px;
	left: 0;
	top: 0;

}
.partners{
	max-width: 1170px;
	margin: 0 auto;
}
.block-06{
	background: url(../images/contacts.jpg) 50% 0;
	color: #000;
}
.block-06 h2{
	background: url(../images/bg-title-6.png) no-repeat 50% 0;
	margin: 0 0 73px;
	padding: 14px 98px 16px 0px;
	text-align: center;
	font-size: 29px;
	text-transform: uppercase;
	font-weight: 400;
	font-family: 'Rubik', sans-serif;
}
.block-06 .wrapper{
	padding: 51px 0 160px;
	background: url(../images/block-6.png) no-repeat left 80px bottom 83px;
}
@media (max-width:1342px){
	.block-06 .wrapper{
		background: none;
	}
}
@media (max-width:767px){
	.block-06 .wrapper{
		padding: 30px 0;
		background: none;
	}
}
.block-06 p{
	max-width: 874px;
	float: right;
	font-size: 16px;
	margin: 0 0 18px;
}
.block-06 p strong{
	display: block;
	font-weight: 500;
	font-size: 18px;
	line-height: 37px;
}
.contacts{
	background: #fff;
    border-radius: 6px;
    max-width: 875px;
    box-shadow: 0 0 30px rgba(0,0,0,0.2);
    padding: 40px 29px 57px 45px;
		margin: 0 auto;
		position: relative;
		overflow: hidden;
}
@media (max-width:767px){
	.contacts{
		padding: 20px;
	}
}
.contacts:before{
	position: absolute;
	width: 72px;
	height: 1px;
	left: 44px;
bottom: 46px;
	content: '';
	background: #195089;
}
@media (max-width:767px){
	.contacts:before{
		display: none;
	}
}
.contacts:after{
	position: absolute;
	width: 22px;
	height: 19px;
	right: 45px;
	    top: 46px;
	content: '';
	background: url(../images/bg-basic.png) no-repeat ;
}
.text{
	max-width: 762px;
margin: 0 auto;
}
.city{
	float: left;
	background: url(../images/city.png) no-repeat 0px 100%;
	width: 262px;
	height: 82px;
}
.city span{
	display: block;
	    margin: 0 0 2px;
}
.contacts-holder{
	float: left;
	font-size: 20px;
	    margin: 42px 0 0;
}
@media (max-width:767px){
	.contacts-holder{
		font-size: 16px;
	}
}
.contacts-holder span{
	display: block;
	margin: 0 0 24px;
}
@media (max-width:767px){
	.contacts-holder span{
		margin: 0 0 4px;
	}
}
.mob{
	background: url(../images/phone.png) no-repeat ;
  padding: 0px 0 1px 40px;
}
.skype{
	background: url(../images/skype.png) no-repeat;
  padding: 2px 0 1px 46px;
}
.mail{
	background: url(../images/mail.png) no-repeat 0 5px;
  padding:2px 0 1px 44px;
}
.footer{
	background: #07325b;
	padding: 20px 0;
}
.block-01 .wrapper, .block-02 .wrapper, .block-03 .wrapper, .block-04 .wrapper, .block-05 .wrapper, .block-06 .wrapper{
	position: relative;
}
.paginator{
	position: absolute !important;
	list-style: none;
	margin: -75px 0 0;
	padding: 0 !important;
	left: 0;
	top: 50%;
}
@media (max-width:1326px){
	.paginator{
		left: 5px;
	}
}
@media (max-width:767px){
	.paginator{
		display: none;
	}
}
.paginator:before{
	display: none;
}
.paginator li{
	margin: 0 0 15px;
	width: 10px;
	height: 10px;
	border: 1px solid #195089;
	border-radius: 50%;
}
.paginator li.active{
	border-color: #fbaf41;
	background: #fbaf41;
}
.next{
	position: absolute;
	bottom: 83px;
	right: -7px;
	-ms-transform: rotate(-90deg); /* IE 9 */
    -webkit-transform: rotate(-90deg); /* Chrome, Safari, Opera */
    transform: rotate(-90deg);
		padding: 0 0 0 57px;
		font-size: 12px;
}
@media (max-width:767px){
	.next{
		display: none;
	}
}
.next:hover{
	text-decoration: none;
}
.next.white{
	color: #fff;
	background: url(../images/arrow-white.png) no-repeat 0 8px;
}
.next.blue{
	color: #195089;
	background: url(../images/arrow-blue.png) no-repeat 0 8px;
}
@media (max-width:1326px){
	.wrapper{
		padding-left:  20px !important;
		padding-right: 20px !important;
	}
}
@media (max-width:767px){
	.wrapper{
		padding-left:  15px !important;
		padding-right: 15px !important;
	}
}
.more{
	display: none;
	color: #1a5186;
	background: url(../images/bg-title-6.png) no-repeat 50% 0;
    padding: 14px 98px 16px 0px;
	cursor: pointer;

}
.more:after{
	    display: inline-block;
	background: url(../images/bg-basic.png) no-repeat;
	width: 14px;
	height: 19px;
	content: '';
	bottom: 0;
	left: 50%;
	    background-size: 12px auto;
			-webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
	margin: 0 0 0 10px;
}
@media (max-width:767px){
	.more{
		display: block;
	}
}
@media (max-width:767px){
	.more-logos, .more-logos.close{
		display: none;
	}
	.more-logos.open{
		display: block;
	}
}