@font-face {
    font-family: 'ralewaylight';
    src: url('../fonts/raleway-light-webfont.eot');
    src: url('../fonts/raleway-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/raleway-light-webfont.woff2') format('woff2'),
         url('../fonts/raleway-light-webfont.woff') format('woff'),
         url('../fonts/raleway-light-webfont.ttf') format('truetype'),
         url('../fonts/raleway-light-webfont.svg#ralewaylight') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'ralewaymedium';
    src: url('../fonts/raleway-medium-webfont.eot');
    src: url('../fonts/raleway-medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/raleway-medium-webfont.woff2') format('woff2'),
         url('../fonts/raleway-medium-webfont.woff') format('woff'),
         url('../fonts/raleway-medium-webfont.ttf') format('truetype'),
         url('../fonts/raleway-medium-webfont.svg#ralewaymedium') format('svg');
    font-weight: normal;
    font-style: normal;

}

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

}

@font-face {
  font-family: "RobotoSlabLight";
  src: url("../fonts/RobotoSlabLight/RobotoSlabLight.eot");
  src: url("../fonts/RobotoSlabLight/RobotoSlabLight.eot?#iefix") format("embedded-opentype"), 
	   url("../fonts/RobotoSlabLight/RobotoSlabLight.woff") format("woff"), 
	   url("../fonts/RobotoSlabLight/RobotoSlabLight.ttf") format("truetype");
  font-style: normal;
  font-weight: normal; 
}

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	outline: none;
}

html, body {
    width: 100%;
    margin: 0;
    padding: 0;
}

ul, li{
	margin: 0;
    padding: 0;
}

body {
    zoom: 1;
	background: #fff;
	font-family: 'ralewayregular';
	color: #000;
	
}

section {
    position: relative;
    width: 100%;
    overflow: hidden;
	display: block;
}

header{
	height: 60px;
	position: relative;
	padding-top:10px;
}

footer{
	height: 95px;
	position: relative;
	box-shadow: 0px 0px 15px RGBA(0, 0, 0, 0.3);
}

a{
	text-decoration: none;
	color: #000;
}

::-webkit-input-placeholder { font-family: 'ralewaymedium'; font-size: 16px; }

:-moz-placeholder { font-family: 'ralewaymedium'; font-size: 16px; }

::-moz-placeholder { font-family: 'ralewaymedium'; font-size: 16px; }

:-ms-input-placeholder { font-family: 'ralewaymedium'; font-size: 16px; }

.container {
	width: 1170px;
	margin: 0 auto;
	position: relative;
}

.logo{
	position: absolute;
    top: 0;
    left: 0;
	z-index: 1;
}

.title{
	font-size: 22px;
	color: #999;
	padding: 15px 0px 19px 92px;
    width: 335px;
	display: block;
    float: left;
	
}

.descriptor{
    padding: 9px 0px;
    font-size: 16px;
    color: #666;
    display: block;
    float: left;
}

.descriptor span{
	border-left: 2px solid #00aeff;
    display: block;
	width: 250px;
	padding-left: 18px;
}



.header_phone{
	display: block;
    float: right;
    color: #00aeff;
    font-size: 22px;
    margin: 14px;
}

.sect1{
	background: url("../img/bg-first.jpg") no-repeat center;
    background-size: cover;
	min-height: 630px;
}

.sect1_title{
	font-family: 'ralewaylight';
	font-size: 44px;
	text-align: center;
    margin-left: 216px;
    margin-top: 63px;
}
.name_pict {
	font-family: 'ralewaylight';
	font-size: 20px;
	text-align: center;
	margin:10px auto 0;
	color:#555;
}
.link_a h6 {
	font-family: 'ralewaylight';
	font-size: 25px;
	text-align: center;
    color:#fff;
	padding:5px;
	background:#008aff;
	margin:10px auto 0;
}
.link_a img{
	border:1px solid #008aff;
}
.link_a h6:hover {
	background:#00c0ff;
}
.link_a:hover {
	text-decoration:none;
	cursor:pointer;
}
.sect1_form{
	width: 554px;
	height: 282px;
	text-align: center;
	margin: 54px auto 45px;
	border: 3px solid #00aeff;
	border-radius: 10px;
	background: #fff;
}

.sect1_form_title{
	font-family: 'ralewaymedium';
	font-size: 24px;
	line-height: 68px;
	color: #00aeff;
	margin-top: 8px;
}

.sect1_form_input-wrapper{
	width: 220px;
	float: left;
	text-align: center;
	margin-left: 5px;
}

.wrapper_margin{
	margin-left: 54px;
}

.sect1_form_input {
	position: relative; 
	background: url("../img/phone_ico.png") 10px 10px no-repeat;
	width: inherit;
	border: 2px solid #ccc;
	border-radius: 5px;
	padding: 10px 0 10px 40px;
	font-size: 16px;
    line-height: 22px;
    font-family: 'ralewayregular';
}

.sect1_form_button {
	width: inherit;
	border: 2px solid #008aff;
	border-radius: 5px;
	padding: 11px 0 11px 0px;
	color: #fff;
	background: #008aff;
	font-size: 18px;
	line-height: 20px;
	cursor: pointer;
	transition-duration: 0.3s;
}

.sect1_form_button:hover {
	color: #008aff;
	background: #fff;
}

.sect1_form_descr1{
	font-size: 16px;
	line-height: 18px;
	margin-bottom: 29px;
}

.sect1_form_descr2{
	clear: left;
	font-family: 'ralewaylight';
	font-size: 14px;
	line-height: 45px;
	margin-bottom: 25px;
}

.about_block{
	
	margin-top: 52px;
}

.starytskaya{
	font-size: 26px;
	color: #00aeff;
}

.starytskaya_about{
	font-size: 16px;
	margin-top: 7px;
	margin-bottom: 40px;
}

.sect2{
	
}

.twelve_years{
	font-size: 22px;
	display: inline-block;
	text-align: center;
	position: relative;
	margin: 35px 130px;
}

.fifteen_percent{
	font-size: 16px;
	display: inline-block;
	text-align: center;
	position: relative;
	margin: 0 88px;
}

.ten_k_people{
	font-size: 18px;
	display: inline-block;
	text-align: center;
	position: relative;
	margin: 205px 238px 45px;
}

.thitry_clients{
	font-size: 18px;
	display: inline-block;
	text-align: center;
	position: relative;
	margin: 0 35px;
}

.twelve_years span{
	font-size: 50px;
}

.twelve{
	font-size: 108px;
	color: #00aeff;
	line-height: 65px;
	margin-left: 44px;
}

.twelve:before{
	content: "";
	background: url("../img/work_ico.png") no-repeat;
	width: 51px;
    height: 49px;
    position: absolute;
    top: 17px;
    left: 28px;
}

.fifteen{
	font-size: 79px;
	color: #00aeff;
	line-height: 126px;
	margin-left: 50px;
}

.fifteen:before{
	content: "";
	background: url("../img/sales_ico.png") no-repeat;
	width: 51px;
    height: 49px;
    position: absolute;
    top: 45px;
    left: 36px;
}

.ten_k{
	font-size: 74px;
	color: #00aeff;
	margin-left: 72px;
}

.ten_k:before{
	content: "";
	background: url("../img/business_ico.png") no-repeat;
	width: 51px;
    height: 49px;
    position: absolute;
    top: 29px;
    left: 12px;
}

.thitry{
	font-size: 71px;
	color: #00aeff;
	line-height: 95px;
	margin-left: 40px;
}

.thitry:before{
	content: "";
	background: url("../img/people_ico.png") no-repeat;
	width: 51px;
    height: 49px;
    position: absolute;
    top: 33px;
    left: 40px;
}

.sect3{
	
	min-height: 658px;
}

.section_title{
	font-family: 'ralewaylight';
	font-size: 40px;
	position: relative;
	text-align: center;
	margin: 59px auto 75px;
}

.section_title:before{
	content: "";
	position: absolute;
	background: #00aeff;
	width: 56px;
	height: 1px;
	-moz-transform: rotate(-33deg);
    -ms-transform: rotate(-33deg);
    -webkit-transform: rotate(-33deg);
    transform: rotate(-33deg);
	top: -9px;
	left: 602px;
}

.section_title:after{
	content: "";
	position: absolute;
	background: #00aeff;
	width: 56px;
	height: 1px;
	-moz-transform: rotate(147deg);
    -ms-transform: rotate(147deg);
    -webkit-transform: rotate(147deg);
    transform: rotate(147deg);
    top: 64px;
    left: 495px;
}

.section_descr{
	font-family: 'ralewaylight';
	font-size: 24px;
	text-align: center;
	margin-bottom: 25px;
}

.slide-box{
	
	background: #fff;
	text-align: center;
	vertical-align: middle;
}


.slick-prev:before{
	content: "\2003" !important;
	background: url('../img/prev.png') no-repeat !important;
	margin-left: 4px;
}


.slick-next:before{
	content: "\2003" !important;
	background: url('../img/next.png') no-repeat !important;
	margin-left: 8px;
}

.slick-prev, .slick-next {
    font-size: 0px !important;
    line-height: 0;
    position: absolute;
    top: 50%;
    display: block;
    width: 33px !important;
    height: 33px !important;
    margin-top: -10px;
    padding: 0;
    cursor: pointer;
    border: none;
    outline: none;
    background: transparent !important;
	z-index: 10;
}

.slick-prev:before, .slick-next:before {
    font-size: 53px !important;
    opacity: .5 !important;
}

.slick-prev:hover:before, .slick-next:hover:before {
    opacity: 1 !important;
}

.slider-companies .slick-list{
	width: 93% !important;
    margin: 0 auto !important;
    background: #fff;
    box-shadow: 0 0 15px rgba(0,0,0,0.5);
    -webkit-box-shadow: 0 0 25px rgba(0,0,0,0.5);
    -moz-box-shadow: 0 0 15x rgba(0,0,0,0.5);
}

.slider-companies .slick-list .slide-box a{
	display: inline-block !important;
    vertical-align: middle;
    text-align: center;
	height: 50%;
	line-height: 131px;
}


.slider-companies .slick-slide img {
    display: inline-block !important;
    vertical-align: middle;
    text-align: center;
	width:90%;
}

.sect4{
	min-height: 835px;
}

.training_field{
	width: 1088px;
	border: 3px solid #00aeff;
    border-radius: 10px;
	position: relative;
	margin: 50px 0px 0px 82px;
	padding: 35px 35px 35px 0px;
	background: #fff;
}

.training_title{
	font-size: 26px;
	color: #00aeff;
	margin-left: 187px;
}

.training_title span{
	background: #00aeff;
	border-radius: 50%;
	font-family: 'ralewaylight';
	font-size: 40px;
	width: 45px;
    height: 45px;
    color: #fff;
    display: inline-block;
    text-align: center;
    line-height: 1;
	margin-right: 8px;
}

.training1 {
    margin: 26px 0 12px;
}

.training1 img{
	display: inline-block;
    margin-left: -87px;
}

.training1_txt_block{
	margin-left: 81px;
    font-size: 16px;
    display: inline-block;
    width: 450px;
    vertical-align: top;
	margin-top: 9px;
}
.pict_a {
	width:100%;
}

.more_button {
	display: block;
	border: 2px solid #008aff;
	border-radius: 5px;
	padding: 12px 57px;
	color: #fff;
	background: #008aff;
	font-size: 18px;
	line-height: 20px;
	cursor: pointer;
	transition-duration: 0.3s;
	margin-top: 48px;
}

.more_button:hover {
	color: #008aff;
	background: #fff;
}

.training1_eggs {
    width: 520px;
}

.egg {
    display: inline-block;
    text-align: center;
    vertical-align: top;
    width: 170px;
}

.egg span{
    display: block;
	font-size: 18px;
	font-family: 'ralewaylight';
}

.sect5{
	background: url("../img/bg-fifth.jpg") no-repeat center;
    background-size: cover;
	min-height: 653px;
}

.training_field3{
	width: 1088px;
	border: 3px solid #00aeff;
    border-radius: 10px;
	position: relative;
	margin: 50px 0px 0px 82px;
	padding: 22px 35px 25px 0px;
	background: #fff;
}

.training_field2{
	width: 1090px;
	border: 3px solid #999;
    border-radius: 10px;
	position: relative;
	margin-top: 44px;
	padding: 17px 0px 10px 0px;
	background: #fff;
}

.training2 {
    margin: 22px 0 12px;
}

.training2_right{
	display: inline-block;
    margin-right: -100px;
	margin-left: 44px;
}

.training2_txt_block{
	margin-left: 72px;
    font-size: 16px;
    display: inline-block;
    width: 470px;
    vertical-align: top;
	margin-top: 9px;
}

.training2_eggs {
    width: 570px;
    margin-top: 19px;
    margin-left: -25px;
}

.egg2 {
    display: inline-block;
    text-align: center;
    vertical-align: top;
    width: 185px;
}

.egg2 span{
    display: block;
	font-size: 18px;
	font-family: 'ralewaylight';
}

.sect6{
	min-height: 680px;
}


.training3 {
    margin: 22px 0 12px;
}

.training3 img{
	display: inline-block;
    margin-left: -75px;
}

.training3_txt_block{
	margin-left: 71px;
    font-size: 16px;
    display: inline-block;
    width: 460px;
    vertical-align: top;
	margin-top: 9px;
}

.training3_eggs {
    width: 520px;
    margin-top: -50px;
}

.egg3 {
    display: inline-block;
    text-align: center;
    vertical-align: top;
    width: 170px;
}

.egg3 span{
    display: block;
	font-size: 18px;
	font-family: 'ralewaylight';
}

.sect7{
	background: url("../img/bg-seventh.jpg") no-repeat center;
    background-size: cover;
	min-height: 833px;
}

.stb-review{
	background: url("../img/stb-review.png") 10px 45px no-repeat;
	min-height: 590px !important;
	text-align: center;
	position: relative;
}

.stb-logo {
    display: inline-block;
	vertical-align: top;
}

.stb-name{
	font-size: 18px;
	margin-top: 8px;
}

.volia-review{
	background: url("../img/volia-review.png") 10px 45px no-repeat;
	min-height: 590px !important;
	text-align: center;
	position: relative;
}

.volia-logo {
    display: inline-block;
	vertical-align: top;
}

.volia-name{
	font-size: 18px;
	margin-top: 8px;
}

.cs-review{
	background: url("../img/cs-review.png") 10px 45px no-repeat;
	min-height: 590px !important;
	text-align: center;
	position: relative;
}

.cs-logo {
    display: inline-block;
	vertical-align: top;
}

.cs-name{
	font-size: 18px;
	margin-top: 8px;
}

.sect8{
	min-height: 510px;
}

.quote_field{
	width: 665px;
	border: 3px solid #00aeff;
    border-radius: 10px;
	position: relative;
	background: #fff;
	margin: 42px 0 0 71px;
	display: inline-block;
}

.author_photo{
	display: inline-block;
	margin-left: -40px;
	margin-top: -47px;
}

.author_quote{
	font-size: 16px;
	display: inline-block;
	width: 360px;
	vertical-align: top;
	margin-top: 61px;
	margin-left: 20px;
}

.author_quote:before{
	content: "“";
	position: absolute;
	font-size: 78px;
	color: #00aeff;
	top: 32px;
	font-weight: bold;
	left: 235px;
}

.author_quote:after{
	content: "”";
	position: absolute;
	font-size: 78px;
	color: #00aeff;
	font-weight: bold;
	margin-top: -5px;
	margin-left: 11px;
}

.by-line{
	color: #00aeff;
	font-size: 16px;
	position: absolute;
	bottom: 43px;
	right: 37px;
}

.sect8_form{
	width: 229px;
    text-align: center;
    margin: 40px 0 20px 90px;
    background: #fff;
    display: inline-block;
    vertical-align: top;
}

.sect8_form_input-wrapper{
	width: 277px;
	text-align: center;
	margin-bottom: 10px;
}

.sect8_form_input {
	position: relative;
	background: url("../img/phone_ico.png") 10px 8px no-repeat;
	width: inherit;
	border: 2px solid #ccc;
	border-radius: 5px;
	padding: 8px 0 8px 40px;
	font-size: 16px;
    line-height: 20px;
    font-family: 'ralewayregular';
}

.sect8_form_textarea {
	position: relative;
    background: url("../img/msg_ico.png") 10px 8px no-repeat;
    overflow: auto;
    resize: none;
    height: 122px;
    width: inherit;
    border: 2px solid #ccc;
    border-radius: 5px;
    padding: 6px 0 8px 8px;
    font-size: 16px;
    text-indent: 32px;
    font-family: 'ralewayregular';
}

.sect8_form_button {
	width: inherit;
	border: 2px solid #008aff;
	border-radius: 5px;
	padding: 9px 0 9px 0px;
	color: #fff;
	background: #008aff;
	font-size: 18px;
	line-height: 20px;
	cursor: pointer;
	transition-duration: 0.3s;
}

.sect8_form_button:hover {
	color: #008aff;
	background: #fff;
}

.footer__ims-logo {
    float: left;
    width: 175px;
    margin-top: 17px;
    margin-right: 15px; 
}

.footer__ims-logo svg {
	overflow: visible; 
}

.footer__ims-logo svg tspan {
	font-size: 5px; 
}

.footer__ims-logo:hover svg path {
	stroke: #ee0700; 
}

.footer__ims-logo:hover svg .fiche path {
	fill: #ee0700;
	stroke: #C5C6C6;
	stroke-width: 0.1; 
}

.footer_logo{
	float: left;
	margin-left: 190px;
	margin-top: 11px;
}

.footer_title{
	float: left;
	font-size: 22px;
	color: #999;
	margin-top: 36px;
	margin-left: 13px;
}

.footer_phone {
    display: block;
    float: right;
    color: #00aeff;
    font-size: 22px;
    margin:  34px 24px;
}



.error{
	color: #00aeff;
	font-size: 16px;
}

label.error{
	font-size: 14px;
}

.sect1_form label.error{
	font-size: 12px;
}

.lupa {
	position: absolute;
	top: 125px;
    right: 60px;
	width: 40px; 
}

.lupa path {
    transition-duration: .2s; 
}

.slider-reviews .slick-slide:hover .lupa path {
    fill: #00aeff; 
}

.modal {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7);
    z-index: 3;
    visibility: hidden;
    opacity: 0;
    transition-duration: 0.3s;
}

.modal__wrapper1 {
    
    width: 90%;
    margin:30px auto;
    background: #fff;
    transition-duration: 0.3s;
   
    border: 3px solid #00aeff;
    border-radius: 3px;
}

.modal-close {
    display: block;
    position: absolute;
    top: 0px;
    right: 0px;
    color: #ccc;
    font-size: 22px;
    cursor: pointer;
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 25px;
	transition-duration: 0.3s;
}

.modal-close:hover {
    color: #008aff;
}

.modal.active {
    visibility: visible;
    opacity: 1;
}

.s-modal-form{
	width: 547px;
	height: 282px;
	text-align: center;
	background: #fff;
	border-radius: 10px;
}

.s-modal-form_title{
	font-family: 'ralewaymedium';
	font-size: 24px;
	line-height: 68px;
	color: #00aeff;
	margin-top: 8px;
}

.s-modal-form_input-wrapper{
	width: 220px;
	float: left;
	text-align: center;
	margin-left: 5px;
}

.wrapper_margin{
	margin-left: 54px;
}

.s-modal-form_input {
	background: url("../img/phone_ico.png") 10px 10px no-repeat;
	width: inherit;
	border: 2px solid #ccc;
	border-radius: 5px;
	padding: 10px 0 10px 40px;
	font-size: 16px;
    line-height: 22px;
    font-family: 'ralewayregular';
}

.s-modal-form_button {
	width: inherit;
	border: 2px solid #008aff;
	border-radius: 5px;
	padding: 11px 0 11px 0px;
	color: #fff;
	background: #008aff;
	font-size: 18px;
	line-height: 20px;
	cursor: pointer;
	transition-duration: 0.3s;
}

.s-modal-form_button:hover {
	color: #008aff;
	background: #fff;
}

.s-modal-form_descr1{
	font-size: 16px;
	line-height: 18px;
	margin-bottom: 29px;
}

.s-modal-form_descr2{
	clear: left;
	font-family: 'ralewaylight';
	font-size: 14px;
	line-height: 45px;
	margin-bottom: 25px;
}

.modal__wrapper {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 400px;
    height: 300px;
    margin-left: -200px;
    background: #fff;
    transition-duration: 0.3s;
    margin-top: -150px;
}

.modal__title {
    font-size: 30px;
    text-align: center;
    color: #b7317e;
    width: 100%;
    margin-top: 80px;
}