@font-face {
	src: url('../fonts/quizapro-regular.eot');
    src: url('../fonts/quizapro-regular.eot#iefix') format('embedded-opentype'),
    url('../fonts/quizapro-regular.woff') format('woff'),
    url('../fonts/quizapro-regular.ttf') format('truetype'),
    url('../fonts/quizapro-regular.svg') format('svg');
	font-family: 'Quiza';
}

@font-face {
	src: url('../fonts/quizapro-extrabold.eot');
    src: url('../fonts/quizapro-extrabold.eot#iefix') format('embedded-opentype'),
    url('../fonts/quizapro-extrabold.woff') format('woff'),
    url('../fonts/quizapro-extrabold.ttf') format('truetype'),
    url('../fonts/quizapro-extrabold.svg') format('svg');
	font-family: 'Quiza';
	font-weight: 900;
}

@font-face {
	src: url('../fonts/quizapro-medium.eot');
    src: url('../fonts/quizapro-medium.eot#iefix') format('embedded-opentype'),
    url('../fonts/quizapro-medium.woff') format('woff'),
    url('../fonts/quizapro-medium.ttf') format('truetype'),
    url('../fonts/quizapro-medium.svg') format('svg');
	font-family: 'Quiza';
	font-weight: 800;
}

@font-face {
	src: url('../fonts/quizapro-semibold.eot');
    src: url('../fonts/quizapro-semibold.eot#iefix') format('embedded-opentype'),
    url('../fonts/quizapro-semibold.woff') format('woff'),
    url('../fonts/quizapro-semibold.ttf') format('truetype'),
    url('../fonts/quizapro-semibold.svg') format('svg');
	font-family: 'Quiza';
	font-weight: 700;
}
@font-face {
	src: url('quizapro-bold.eot');
    src: url('../fonts/quizapro-bold.eot#iefix') format('embedded-opentype'),
    url('../fonts/quizapro-bold.woff') format('woff'),
    url('../fonts/quizapro-bold.ttf') format('truetype'),
    url('../fonts/quizapro-bold.svg') format('svg');
	font-family: 'Quiza';
	font-weight: bold;
}

@font-face {
	src: url('../fonts/neucha.eot');
    src: url('../fonts/neucha.eot#iefix') format('embedded-opentype'),
    url('../fonts/neucha.woff') format('woff'),
    url('../fonts/neucha.ttf') format('truetype'),
    url('../fonts/neucha.svg') format('svg');
	font-family: 'Neucha';
}

* {
	box-sizing: border-box;
	font-family: 'Quiza'
}

body, p, ul {
	padding: 0;
	margin: 0;
}

.container {
	margin: 0 auto;
	position: relative;
	width: 1280px;
	padding: 0 20px 0 18px;
}

header {
    height: 194px;
    z-index: 3;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 100;
    position: fixed;
	background: url(../img/header_bg2.png) top center no-repeat;
}

header .wrapper {
	height: 194px;
    padding-top: 10px;
	margin: 0 auto;
}

.menu li div {
    width: 100%;
    height: 2px;
    overflow: hidden;
    margin-top: 10px;
    float: left;
    position: relative;
}

.menu li span {
    pointer-events: none;
    position: absolute;
    display: block;
    width: 100%;
    height: 2px;
    left: -100%;
    background-color: rgb(42, 185, 235);
}

footer .menu li span {
	background:white;
}

header .logo {
	position: relative;
	float: left;
	max-width: 155px;
	margin-left: -20px;
	display: inline-block;
}
.developed a{line-height: 2.4;}
header .logo img { margin-top: 10px;
    padding-left: 18px;
    position: relative;
    height: 123px;
    z-index: 1;
}

header .menu {
	float: left;
	display: inline-block;
    margin: 22px 88px;
}

header a {
	font-size: 16px;
	display: inline-block;
    line-height: 1.25;
	color: #303030;
	text-decoration: none;
}

header li {
	display: inline-block;
    position: relative;
    margin-right: 25px;
}

header li:not(:first-child):before {
    position: absolute;
    content: '';
    display: block;
    border-radius: 50%;
    background: #2ab9eb;
    width: 5px;
    height: 5px;
    top: 8px;
    left: -15px;
}

header .contacts a:last-child {
    margin-left: 60px;
}

header .contacts {
	float: right;
	margin: 22px 0
}

header a span { 
	color: #04a3db;
	font-weight: bold;
}

.with-icon {
	position: relative;
}

.with-icon:before {
	position: absolute;
	display: block;
	left: 0;
	top: 0;
}

.with-icon.email:before {
	content: url(../img/mail.svg);
	left: -40px;
    height: 19px;
    width: 20px;
}

.with-icon.telephone:before {
	height: 23px;
	width: 15px;
	content: url(../img/phone.svg);
    left: -27px;
    top: -2px;
}

.menu li:hover a {
	color: #2ab9eb
}

footer a {color: white !important}

form input:focus, form textarea:focus {
	border-bottom:2px solid #1196c5 !important
}

.cows {
    margin-top: -25px;
    text-align: center;
    display: flex;
    justify-content: center;
    width: 100%;
    position: relative;
}

.cows img {
	margin-top: -135px;
	position: relative;
	height: 100%;
	width: 100%;
	z-index: 2
}

.cows .title p {
	font-family: 'Neucha';
	font-size: 55px
}

.cows .title span {
	font-size: 60px;
    letter-spacing: -3px;
}

.cows .title {
	line-height: 1;
	color:#4c2819;
	padding-top: 90px;
	height: 320px;
	background:url(../img/cows_table.png) center no-repeat;
}

.cows .container {
	position: absolute;
    top: 10px;
    left: 0;
    z-index: 3;
    right: 0;
}

.feedback form {
	width: 515px;
    background: #2ab9eb;
    margin: 12px auto;
    z-index: 4;
    position: relative;
    line-height: 1.35;
    padding: 40px 50px 50px;
    color: white;
    left: -60px;
}

.feedback form p {
	font-size: 50px;
	font-family: 'Neucha';
	margin: 2px 0;
}

.feedback form span {
	font-weight: 800;
    letter-spacing: -0.9px;
	font-size: 25px;
    display: block;
    margin-bottom: 33px;
}

.feedback form input:not([type="submit"]) {
    width: 300px;
    display: block;
    color: white;
    outline: none;
    background: none;
    border: none;
    padding-bottom: 7px;
    border-bottom: 1px solid white;
    font-size: 16px;
    font-weight: 800;
    margin-bottom: 26px;
}

.feedback form input[type="submit"], .feedback form button {
	width: 300px;
    background: white;
    color: #2ab9eb;
    font-size:16px;
    text-align: left;
    position: relative;
    font-weight: 800;
    border: none;
    border-radius: 60px;
    padding: 22px 84px;
    margin-top: 3px;
}

button {
	outline: none;
	cursor: pointer;
}

.feedback form .arrow {
    right: 85px;
    transition: .3s;
    top: 50%;
    background: #68c8f2;
}

.feedback form button:hover .arrow {
	transform: translate3d(20px,0,0);
}

::placeholder {
	color: white;
}

.random_object {
	position: absolute;
}

.feedback {
    height: 1135px;
    margin-bottom: -515px;
	position: relative;
	z-index: 2
}

#page-wrapper {
	overflow: hidden;
    padding-top: 130px;
}

form input {
	color:white;
}

.cows .random_wrapper {
	width: 1440px;
	margin: 0 auto;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
}

.advantages {
	position: relative;
	z-index: 2;
    margin-top: 76px;
}

.advantages .title {
    font-size: 60px;
    text-align: center;
    font-family: 'Neucha';
    color: #4c2819;
    width: 639px;
    margin: 0 auto;
}

.advantage p {
	font-family: 'Neucha';
	font-size: 20px;
	margin-bottom: 18px;
    font-weight: 800;
	color: #373a3b;
}

.advantage span {
	font-size: 16px;
	color: #373a3b;
	font-weight: 800;
    line-height: 1.35;
}
.advantages_list {
	margin-top: 100px;
	display: flex;
	justify-content: space-between;
}

.advantage img {
	position: absolute;
	left: 0;
	top: 4px;
}

.advantage {
	position: relative;
	padding-left: 57px;
}

.news .title {
	position: relative;
	font-size: 60px;
	text-align: center;
	margin: 0 auto;
	width: 373px;
	font-family: 'Neucha';
	color: white;
}

.news {
	background: url(../img/news_bg.jpg) no-repeat top;
	background-size: 100% auto;
	background-color: #2ab9eb;
	padding-top: 233px;
	margin-top: 45px;
	position: relative;
}

.articles > a {
	display: block;
	text-decoration: none;
	border:1px solid white;
	color: #fff;
	width: 345px;
	margin-right: 20px;
    margin-bottom: 20px;
	float: left;
	padding:34px 30px;
    border-radius: 10px;
}

.articles > a:first-child {
	height: 441px;
	width: 506px;
    padding: 54px 41px 36px;
}

.articles > a:first-child > p {
	font-size: 28px;
}

.articles > a > p {
	font-family: 'Neucha';
	font-size: 22px;
    margin-bottom: 32px;
    line-height: 1.35;
}

.articles > a:hover {
	background:white;
	color: #2ab9eb
}

.articles > a:nth-child(3), .articles > a:nth-child(5) {
	margin-right: 0;
}

.articles > a:hover .arrow {
	background: #2ab9eb
}

.articles > a > span {
    font-size: 16px;
    line-height: 1.5;
}

.articles {
    margin-top: 65px;
    position: relative;
	overflow: hidden;
}

.articles .date {
	margin-top: 62px;
}

.articles > a:first-child .date {
	margin-top: 140px;
}

.news .btn:hover {
	background:white;
	color: #2ab9eb;
}

.news .btn:hover  .arrow{
	background-color: #2ab9eb
}

.articles .date p {
	font-size:12px;
	display: inline-block;
}

.articles .date > div {
	float: right;
	position: relative;
    padding-right: 40px;
}

.articles .date > div span {
	font-size: 16px;
}

.arrow {
    width: 20px;
    height: 2px;
    position: absolute;
    right: 0;
    top: 9px;
	background:white;
}

.arrow:before, .arrow:after {
	height: 2px;
	width: 6px;
	content: '';
	display: block;
	position: absolute;
	right: 0;
	background-color:inherit;
}

input {
    -webkit-appearance: none;
}

.arrow:before {
	transform: rotate(45deg);
	top: -3px;
}

.arrow:after {
	top: 3px;
	transform: rotate(-45deg)
}

input[type="submit"]:active, button:active, .news .btn:active {
	box-shadow: inset 0 0 40px rgba(12, 168, 222, .2);
}

input[type="submit"]:hover, button:hover, .news .btn:hover {
    box-shadow: 10px -10px 40px rgba(12, 168, 222, 1);
}

input[type="submit"] {
	outline: none;
	cursor: pointer;
}

.thanks {
	font-size: 30px;
	width: 100%;
	height: 100%;
	display:flex;
	justify-content: center;
	align-items: center;
}

.btn {
    position: relative;
    padding: 19px 37px;
    z-index: 10;
    border-radius: 50px;
    background: none;
    border: 1px solid white;
    font-size: 16px;
    display: block;
    margin: 0 auto;
    width: 220px;
    color: white;
    text-decoration: none;
    font-weight: 800;
}

.news {    
    padding-bottom: 430px;
    margin-bottom: -454px;
}

.news .btn {
	margin-top: 40px;
}

.index_page #page-wrapper {
	padding-top: 161px;
}

.news .btn .arrow {
    right: 44px;
    top: 29px;
}

.clients {
	background: url(../img/clients_bg.png) top center no-repeat;
	margin-top: -195px;
	position: relative;
    background-position-y: 110px;
    height: 800px;
    margin-bottom: -288px;
	padding-top: 280px;
}

.clients .container {
	overflow: hidden;
	padding-bottom: 30px;
}

.clients .title {
	font-size: 60px;
	font-family: 'Neucha';
	float: left;
	color: #4c2819;
}

.clients_list {
	float: right;
    margin-top: 20px;
    width: 850px;
}

.clients img:not(:nth-child(4n)) {
    margin-right: 60px;
}

.clients_list img {	
    position: relative;
}

.feedback2 {
    padding: 185px 0 157px;
	color: white;
}

.feedback2 form {
    width: 800px;
    padding:38px 50px 50px;
    background: #2ab9eb;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
    left: -64px;
}

.feedback2 form input:not([type='submit']) {
	background: none;
	outline: none;
    margin-bottom: 25px;
	font-size: 16px;
	font-weight: 800;
	border: none;
	padding-bottom: 7px;
	border-bottom: 1px solid white;
	width: 300px;
	margin-right: 25px;
}

textarea:focus::placeholder {
	opacity: 0;
}

.feedback2 form p {
	font-size: 50px;
	font-family: 'Neucha';
	margin-bottom: 35px;
}

.feedback2 textarea {
	width: 629px;
	background: none;
	border: none;
	color: white;
	outline: none;
	resize: none;
	border-bottom: 1px solid white;
	font-size: 16px;
	font-weight: 800;
	padding-bottom:30px;
}

.feedback2 input[type="submit"], .feedback2 button {
	font-size: 16px;
	color: #2ab9eb;
	font-weight: 800;
    margin-top: 25px;
    border-radius: 50px;
    cursor: pointer;
    border: none;
    background: white;
    padding: 24px 86px;
    position: relative;
    width: 300px;
    text-align: left;
}

.feedback2 button:hover .arrow {
	transform: translate3d(20px,0,0);
}

.feedback2 button .arrow {
	right: 85px;
	transition: .3s;
    top: 50%;
	background: #68c8f2;
}

footer {
	background: url(../img/footer_bg.png) top center no-repeat;
	padding-top: 107px;
	background-size: 100% auto;
	color: white;
}

footer .wrapper {
	background-color:#2ab9eb;
    padding-bottom: 11px;
	padding-top: 39px;
}

footer .container {
	overflow: hidden;
}

footer .left {
	float: left;
}

footer .right {
	width: 337px;
	font-size: 16px;
	float: right;
    margin-right: -2px;
}

footer .menu li:first-child{display:block;}

footer .menu li {
	float: left;
	margin-right: 29px;
}

footer a{
	color: white;
	text-decoration: none;
}

footer form {
    margin-top: 63px;
    position:relative;
    width: 455px;
}

footer input:not([type="submit"]) {
	width: 100%;
	font-size: 16px;
    box-shadow:0px 5px 26px 0px rgba(11, 139, 183, 0.3);
	color: #36393a;
	border-radius: 25px;
	position: relative;
	top: -1px;
	background: white;
	border: none;
	padding-left: 20px;
	outline: none;
	height: 50px;
}

footer input::placeholder {
	color: #36393a;
	font-size:16px;
}

footer input[type="submit"] {
    position: absolute;
    top: 4px;
    right: 5px;
    border-radius: 50px;
    border: none;
    color: white;
    width: 222px;
    font-size: 16px;
    box-shadow:0px 5px 26px 0px rgba(11, 139, 183, 0.3);
    background: #2ab9eb;
    height: 41px;
    padding: 10px;
}

footer .copyright {
	font-size: 14px;
    margin: 57px 0 37px;
}

footer .with-icon.telephone:before {
	content: url(../img/phone-f.svg);
	height: 23px;
	width: 15px;
}

footer .with-icon.email:before {
	content: url(../img/mail-f.svg);    
	height: 19px;
	width: 20px;
	left: -35px;
    top: 1px;
}

.with-icon.geo:before {
	content: url(../img/location.svg);
	height: 25px;
	width: 16px;
}

footer .with-icon.geo:before {
	content: url(../img/location-f.svg);
	width: 14px;
    left: -33px;
    top: -1px;
}

footer .telephone {
	float: right;
}

footer .telephone span {
	font-weight: bold
}

footer .contacts p {
	line-height: 1.35;
	margin-top: 35px;
}

footer .developed {
    font-size: 14px;
    float: right;
    margin-top: 67px;
}

footer .developed span {
    display: block;
    float: left;
    margin-right: 5px;
    margin-top: 7px;
}

.page_title > *:not(img) {
    position: absolute;
    left: 0;
    right: 0;
    z-index: 3;
}

.page_title > img {
	position: relative;
	top: -136px;
	width: 100%;
	height: 100%;
}

.page_title .title {
	background: #2ab9eb;
	position: absolute;
	height: 315px;
	width: 420px;
	font-family:'Neucha';
    top: 65px;
    padding: 60px 40px;
	font-size: 50px;
	color: white;
}

.page_title .title div {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}

.breadcrumbs {
	padding-top: 156px;
}

.breadcrumbs .separator {
	margin:0 10px;
}

.breadcrumbs li {
	display: inline-block;
	font-size: 16px;
	font-weight: 800;
	color: #36393a;
}

.breadcrumbs li a {
	color: #2ab9eb;
	text-decoration: none;
}

.about_us .title {
	font-size: 50px;
	font-family: 'Neucha';
    line-height: 0.8;
	color: #4c2819
}

.about_us .container {
	width: 1075px;
}

.about_us {
	position: relative;
    z-index: 11;
    margin: -175px 0 90px;
    background: linear-gradient(to bottom, #f8f8f8, #fff);
}

.about_reasons {
	margin-top: 115px;
	height: 450px;
}

.about_reasons .left {
	float: left;
	position: relative;
	margin-top: 85px;
}

.about_reasons .right {
	float: right;
	position: relative;
    width: 460px;
}

.about_reasons p {
	position: relative;
	color: #36393a;
	font-weight: 800;
	font-size: 23px;
}

.about_reasons span.count {
	font-size: 126px;
	color: #2ab9eb;
	line-height: 0.9;
	font-weight: normal;
	font-family: 'Neucha'
}

.about_reasons span:not(.count) {
    display: block;
    padding-left: 60px;
}

.work_advantages {
	margin-top: 87px;
}

.work_advantages .title {
	font-size: 56px;
}

.work_advantages_list {
	font-size: 16px;
	color: #36393a;
	font-weight: 800;
    width: 1140px;
	display: flex;
    justify-content: space-between;
    margin-top: 100px;
}

.work_advantage img {
	float: left
}

.work_advantage p {
	margin-left: 93px;
    line-height: 1.35;
}

.work_advantages .title {
	position: relative;
}

.terminal {
    margin-top: -87px;    
    height: 640px;
    position: relative;
}

.product {
	margin-top: -87px;
}

.breadcrumbs p {
    font-size: 26px;
    text-align: left;
    color: #36393a;
    font-weight: 800;
    padding:95px 0 0 0;
    line-height: 1.5;
}

.terminal p, .product p {
	font-size: 26px;
	color: #36393a;
	font-weight: 800;
	line-height: 1.5;
	float: left;
}

.terminal p .sub {
    font-size: 14px;
    top: -8px;
    left: -8px;
}

.sub {
	position: relative;
}

header .with-icon.email:before {
	left: -30px;
    top: 2px;
}

.page_title .right, .product .right {
	float: right;
	width: 734px;
}

.under {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1;
    overflow: hidden;
    height: 100%;
}

.over {
	position: relative;
	z-index: 2;
}

.news_list, .article_block {
	margin-bottom: 100px;
}

.product { 
	height: 977px;    
	position: relative;
    z-index: 4;
}

.product .right .title {
	font-size: 100px;
	font-family: 'Neucha';
    margin-top: -12px;
	color: #4c2819;
}

.product .right {
	position: relative;
}

.products_list {
	float: left;
	width: 100%;
    margin-top: 82px;
}

.product_block .title {
	font-size: 25px;
	font-weight: 800;
    line-height: 1.1;
    letter-spacing: -1.3px;
    position: relative;
	color: #2ab9eb;
	height: 54px;
}

.product_block {
	border: 1px solid #e6e6e6;
	cursor: pointer;
	float: left;
    background: white;
	border-radius: 7px;
    padding: 24px 28px 42px;
    width: 295px;
}

.product_block .description {
	margin-top: 15px;
	transition: .5s;
    min-height: 247px;
}

.product_block:nth-child(3) {
	margin-right: 20px;
}

.product_block:nth-child(2)  {
	margin: 0 20px;
}

.product_block:nth-child(3) img {
    margin: 30px 10px 0;
}

.plus {
	position:absolute;    
	right: 15px;
    top: 19px;
    background:#d0d0d0;
}

.plus:before, .plus:after {
	width: 15px;
	height: 3px;
	background: inherit;
	content: '';
	display: block;
	position: absolute;
}

.plus:before {
	transform: rotate(90deg);
}

.product_block:hover .plus {
	background: #2ab9eb
}

.product_block:hover .description {
	min-height: 350px;
}

.product_block:hover {
	background: white;
}

.product_block:hover .title {
	color: #4c2819;
}

.product_block img {
	opacity: 1;
	max-width: 100%;
	transition:.5s;
}

.product_block:hover img {
	position: absolute;
	left: -9999px;
}

.product_block:hover ul {
	opacity: 1;
	position: static;
}

.product_block ul {
	opacity: 0;
	position: absolute;
	left: -9999px;
	transition: opacity .5s;
    margin-top: 18px;
}

.product_block ul p {
	color: #2ab9eb;
	width: 100%;
	float: none;
	font-size: 16px;
	font-weight: 800
}

.product_block ul li {
	display: block;
	font-size: 14px;
    line-height: 22px;
    padding-left: 7px;
	position: relative;
}

.product_block li:before {
    content: '';
    display: block;
    width: 3px;
    top: 10px;
    left: 2px;
    height: 3px;
    position: absolute;
    border-radius: 50%;
    background: #36393a;
}

.product_page .feedback {
    margin-bottom: -455px;
}

.page_title {
	position: relative;
	z-index: 10;
}

.vacations .random_wrapper {
	top: 0;
	position: absolute;
	left: 0;
	right: 0;
	margin: 0 auto;
	width: 1280px;
}

.article_block .title p {
	font-family: 'Neucha';
	color: #36393a;
	font-size: 38px;
}

.article_block .container {
	padding: 0px 60px;
}

input:focus::placeholder {
	opacity: 0;
}

.product_block:hover {
	box-shadow: 0px 0px 30px rgba(0,0,0,.2);
}

.vacation.active {	
    border-bottom: 3px solid #29b9eb;
}

.vacations_list {    
	border-top: 1px solid #e8e8e8;
    position: relative;
}

.vacation_head {
	color: #36393a;
	cursor: pointer;
    padding: 33px 0;
    position: relative;
}

.vacation_head p {
	font-size: 20px;
	display: inline-block;
	font-weight: 700;
}

.vacation_head span {
	font-size: 15px;
    float: right;
    margin-right: 20%;
    margin-top: 4px;
	font-weight: 800;
}

#content > div.inView {
    opacity: 1;
    transform: translateY(0);
}

.vacations .container {
	z-index: 12;
}

.vacations {
	position: relative;
	margin-top: -77px;
	margin-bottom: 77px;
}

.vacations .geo:before {
	left: -31px;
	top: -1px;
}

.vacation_head:hover .plus {
	background: #29b9eb
}

.vacation_head .plus {
	right: 21px;
    top: 44px;
}

.vacation_head .plus:before, .vacation_head .plus:after {
    width: 20px;
}

.vacation .description .payment {
    font-size: 14px;
    margin-top: -3px;
    text-transform: uppercase;
    letter-spacing: 0.8px;    
    margin-bottom: 33px;
}

.vacation {
	border-bottom: 1px solid #e8e8e8;
	position: relative;
}

.vacation:before, .vacation:after {
	width: 100%;
	content: '';
	display: none;
	height: 3px;
	background: #29b9eb;
	position: absolute;
}

.vacation:hover:before, .vacation:hover:after, .vacation.active:before, .vacation.active:after {
	display: block;
}

.vacation:before {
	top: -3px;
}

.vacation:after {
	bottom: -3px;
}

.vacation .description .payment span {
	font-weight: 900;
	color: #29b9eb
}

.vacation ul {
	margin-bottom: 35px;
	color: #36393a;
}

.vacation li {
	position: relative;
    padding-left: 30px;
    margin-bottom: 15px;
	display: block
}

.vacation li:before {
	content: url(../img/li.png);
	left: -1px;
    top: 1px;
	position: absolute;
}

.vacation ul p {
	font-weight: 700;
	font-size: 18px;
	margin-bottom: 25px;
}

.vacation.active .description {
	opacity: 1;
	position: static;
}

.news_list, .article_block {
    position: relative;
    z-index: 15;
}

.news_list .articles > a {
	border-color: #eeeeee;
	background:white;
}

.news_page .title {
	background:transparent;
	color: #2ab9eb; 
}

.news_page .title div {
	display: none;
} 

.news_page .title img:first-child{
	display: none;
}

.news_list .date p {
	color: #bfbfbf !important
}

.news_list .articles > a:hover .arrow {
	background:white;
}

.news_list .articles > a:hover  {
	background:#2ab9eb; 
}

.news_list .articles > a:hover * {
	color: white !important
}

.contacts_page .page_title .right {
	position: relative;z-index: 2;
}

.news_list .date div span {
	color: #2ab9eb!important;
}

.news_list .date .arrow {
	background:#2ab9eb;
}

.news_list .articles > a p, .news_list .articles > a span {
	color: #36393a
}

.vacation .description {
	transition: .5s;
}

.vacation:not(.active) .description {
	opacity: 0;
	position: absolute;
	left: -9999px;
}

.vacation.active .plus {
	background: #29b9eb
}

.vacation.active .plus:before {
	display: none;
}

.breadcrumbs .contacts {
    padding: 50px 25px;
}

.breadcrumbs .contacts a {
	font-size: 16px;
	display: block;
	float: left;
	margin-bottom: 20px;
	text-decoration: none;
	color: #36393a
}

.follow span {
	font-size: 11px;
	color: #444444;
	display: inline-block;
	margin-right: 25px;
    letter-spacing: 2.2px;
}

.follow a {
    font-size: 0;
    position: relative;
    display: inline-block;
    top: 20px;
    margin: 0 2px;
}

.news_page .page_title {
	height: 535px;
}

.article_block .date {
	font-size: 16px;
	font-weight: 800;
	color: #b8b8b8;
	margin: 30px 0;
}

.article_block .container > p {
	width: 800px;
	margin-bottom: 45px;
	max-width: 100%;
}

.breadcrumbs .contacts a span {
	color: #29b9eb;
	font-weight: bold
}

.breadcrumbs .contacts p {
	float: right;
	font-size: 16px;
    margin-right: 25%;
	padding: 0 0 0 30px;
	font-weight: 800
}

.breadcrumbs .contacts .email:before {
	left: -29px;
	top: 2px;
}

#map {
	z-index: 2;
    right: -70px;
    height: 612px;
    width: 1170px;
    margin: 0 auto;
    margin-bottom: -60px;
    top: -200px;
}

footer form.active input:not([type="submit"]) {
	color: #2ab9eb;
}

footer form.active input::placeholder {
	color: #2ab9eb;
}

@media only screen and (max-width: 1440px) {
	footer {
		background-size: auto;
	}
}



@media only screen and (min-width: 1300px) {
	.product_page .page_title {
	    height: 500px;
    	margin-bottom: 116px;
	}

	.article_block {
		margin-top: -300px;
	}

	.news_list {
		margin-top: -350px;
	}
}

@media only screen and (max-width: 1300px) and (min-width: 740px) {
	.news_list, .article_block {		
    	margin-top: -250px;
	}
}



@media only screen and (max-width: 1300px) and (min-width: 1280px) {
	header .wrapper {
		background-size: 100% auto;
	}
}

@media only screen and (max-width: 1300px) {
	header .wrapper {
		width:calc(100% + 60px);
   		padding-left: 90px;
   		margin-left: -60px;
	}



	.news_page .title {
		text-align: center;
	}

	.news_page .title .random_object{display: none;}

	header {
    	background-position-x: -298px;
	}

	.container {
		width: 100%;
		padding: 0 10px;
	}

	.breadcrumbs .contacts {
		display: flex;
		flex-direction: column;
	}

	.breadcrumbs .contacts p {
		order:3;
		margin-left: -30px;
		margin-right: 0;
	}

	#map {
		top: -50px;
		right: 0;
		max-width: 100%;
	}

	.vacations {
		margin-top: 0px;
	}

	.product {
		height: auto;
	}

	.page_title .title {
	    margin: 0 auto;
	    left: 0;
	    right: 0;
	    top: 0px;
	    height: 210px;
	    padding: 40px;
	}

	.page_title .right, .product .right {
		width: 100%;
		margin-top: 75px;
	}

	.page_title .breadcrumbs ul {
		text-align: center;
	}

	.page_title .title {
		margin: 0 auto;
		left: 0;
		right: 0;
	}

	footer {
		background-size: auto;
	}
}

@media only screen and (max-width: 1300px) {
	.products_list {
		align-items: center;
		display: flex;
	    width: 615px;
	    max-width: 100%;
	    margin: 82px auto 0;
		float: none;
		justify-content: space-around;
		flex-wrap: wrap;
	}

	.product {
		margin-top: 0;
	}

	.product .right {
	    margin-bottom: 20px;
	}

	.product_block:nth-child(3), .product_block:nth-child(2) {
		margin-right: 0;
	}

	.product_block {
		margin-bottom: 20px;
	}

	.terminal {
		margin-top: 0;
	}

	.articles {
		display: flex;
		flex-direction: column;
		align-items: center;
	}

	.terminal {
		height: 850px;
	}

	.terminal > .random_object {
		padding-left: 15px;
		top: 180px !important;
	}

	.terminal > .random_object > img {
		width:100%;
	}

	.articles a {
    	margin: 20px 0 !important;
    	max-width: 100%;    
    	width: 500px !important;
	}

	header .container {
		display: flex;
		justify-content: space-between;
	}

	header .container > * {
		margin-left: 0;
		margin-right: 0;
	}

	header .wrapper .container .logo {
		margin-right: 15px;
	}

	header .contacts a:last-child {
	    margin-left: 30px;
	}

	header li {
		margin-right: 18px;
	}

	.clients {
		height: auto;
		margin-bottom: 0;
	}
}

@media only screen and (max-width: 1280px) {
	.page_title > img {
		width: 1280px;
		margin: 0 auto;
	}

	.page_title {
		display: flex;
		justify-content: center;
	}

	.product_block {
		margin: 0 0 40px 0 !important;
	}
}

header .logo {
	position: relative;
	float: left;
	max-width: 155px;
	margin-left: -20px;
	display: inline-block;
}

@media only screen and (max-width: 1140px) {
	header a {		    
		font-size: 14px;
	}

	.terminal > .random_object > .random_object:first-child {
		display: none;
	}

	.terminal > .container .random_object {
		display: none;
	}

	.about_us .container {
		width: 100%;
		padding: 0 15px;
	}

	.about_us .title .random_object {display: none;}
	.about_us .title {
		line-height: 0.9
	}
}

/* MOB */

.mobile-menu {
	position: relative;
	width: 24px;
	height: 24px;
	cursor: pointer;
}

.mobile-menu-wrapper:not(.active) {display: none;}

.mobile-menu-wrapper {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 99;
	background: white;
	padding: 91px 0;
	height: 100vh;
}

.mobile-menu-wrapper li {
	text-align: center;
	margin-bottom: 20px;
	display: block;
}

.mobile-menu-wrapper ul li a {
	font-size: 20px;
}

.mobile-menu-wrapper .contacts {
	display: block;
	width: 100%;
	text-align: center;
}

.mobile-menu-wrapper .contacts a {
	font-size: 16px;
}

.mobile-menu-wrapper .contacts p {
	margin-bottom: 20px;
}

.mobile-menu:before, .mobile-menu:after {    
	height: 3px;
    position: absolute;
    content: '';
    transition: .5s;
    display: block;
    width: 24px;
    background: #35bbeb;
    right: 6px;
    top: 3px;
}

.mobile-menu.active:before {
	transform: rotate(45deg);
}

.mobile-menu.active:after {
	transform: rotate(-45deg);
    top: 10px;
}

.mobile-menu:before {
	top: 10px;
}

@media only screen and (min-width: 1000px) {
	.mobile-menu {display: none;}
	footer .left .contacts{display: none;}
}

@media only screen and (max-width: 1000px) {
	footer .right .contacts {display: none;}
	.mobile-menu-wrapper .menu {
		display: block;
		width: 100%;
		margin: 15px 0 0 0;
	}

	.menu li span {display: none;} 

	.product_page .feedback {
		margin-bottom: 200px;
		height: auto;
	}

	#page-wrapper {
		padding-top: 70px
	}

	.kapli {
		display: none;
	}

	.cows {
		overflow: visible;
	}

	.contacts_page #content > .container .random_object {
		display: none;
	}

	.work_advantages_list {
		display: flex;
		flex-direction: column;
		width: 100%;
		align-items: center;
		margin-top: 40px;
	}

	.work_advantage {
		margin-bottom: 40px;
	}

	.work_advantages {
		margin-top: 120px;
	}

	header .wrapper {
		background: url(../img/header_mobile.png) no-repeat;
		width: 100%;
		position: relative;
		z-index: 100;
		margin: 0;
	    padding: 10px 0 0 0px;
	}

	.about_us .title {
		font-size: 45px;
	}

	header .wrapper, header {
		height: 95px;
	}

	.page_title {
		margin-top: 45px;
	}

	.page_title .right {
		width: 100%;
    	margin-top: 30px;
	}

	.page_title .title {
		top: -40px;
	}  

	footer .left ul {
		overflow:hidden;
		margin-bottom: 25px;
	}

	footer .contacts a {
		display: block;
		text-align: left;
   		margin-bottom: 15px;
		float: none;
		padding-left: 40px;
	}

	footer .contacts p {
		margin-top: 0;
		padding-left: 40px;
	}

	footer .contacts a:before, footer .contacts p:before {
		left: 0 !important;
	}

	footer form {
	    width: 100%;
	}

	.about_reasons .left {
		width: 405px
	}

	.about_reasons .right {
		width: 460px;
		right: -100px;
	}

	.about_reasons {
		height: auto;
		display: flex;
		justify-content: space-between;
	}

	footer input[type="submit"] {
		top: 49px;
		right: 6px;
		width: 95%;
	}

	footer .copyright {
		margin: 25px 0;
	}

	footer .developed {
		float: left;
		margin: 0;
	}

	footer input:not([type="submit"]) {
		padding-left: 17px;
		padding-bottom: 45px;
		border-radius: 25px;
		height: 100px;
	}

	footer .container {
		width: 280px;
	}

	footer li {		
    	margin: 0 0 15px !important; 
    	width: 50%;
	}

	footer .left, footer .right {
		width: 100%;
	}

	.feedback2 > .container > .random_object:nth-child(3) {
		right: -180px !important
	}

	.feedback2 .container {
		padding: 0
	}

	.feedback2 form img:nth-child(2) {
    right: -50px !important;}

	.feedback2 form {
		left: 0;
	}

	.clients .container {
		padding-bottom: 0;
	}

	.feedback2 {
		padding: 40px 0 157px;
	}

	.clients .container > .random_object {
		left: 15px !important;
		top: 90px !important
	}

	.clients .title {
		width: 100%;
		float: none;
	}

	.clients_list {
    	margin: 80px auto;
		float: none;
		width: 280px;
		justify-content: space-between;
		display: flex;
		flex-wrap: wrap;
		align-items: center;
	}

	.clients_list img {
    	position: static;
    	margin: 0 0 50px 0 !important;
    	width: 47%;
	}

	.advantages_list {
    	justify-content: space-around;
		flex-wrap: wrap;
	}

	.advantage {
		width: 40%;
		margin-bottom: 40px;
	}

	.cows .random_wrapper {
		width: 100%;
	}

	.cows .random_wrapper .random_object {
		right: -655px !important
	}

	.feedback .kapli {
		display: none;
	}

	.feedback form {
		left: 0;
	}

	.feedback .random_object:last-child {
	    right: -70px !important;
    	top: -120px !important;
	}

	.feedback .random_object:last-child img {
		width: 280px;
	}

	header .logo img {   
	    height: 50px;
	    top: 2px;
	    left: 5px;
	}

header .logo {
	position: relative;
	float: left;
	max-width: 155px;
	margin-left: 0px;
	display: inline-block;
}

	header .menu, header .contacts {
		display: none;
	}

	header {
    	z-index: 20;
		background: none
	}

	.feedback .random_object:nth-child(5) {
	    right: -175px !important;
    	bottom: -200px !important;
	}

	.cows .title p {
		font-size: 25px;
	}

	.cows .title span {
		font-size: 28px;
	}

	.cows .title {
		height: 125px;
		width: 310px;
    	position: relative;
    	top: 40px;
		background-size: cover;
    	padding-top: 35px;
		margin: 0 auto;
	}

	.feedback .random_object:nth-child(2) {display: none;}

	.cows .container {
		top: -20px;
	}

	.cows img {
		margin-top: -160px;
		width: 1000px;
	}
}

@media only screen and (max-width: 1024px) {
	.vacation_head span {display: none;}
	.vacations .random_wrapper {display: none;}
}

@media only screen and (min-width: 740px) {
	.mobile_header{display: none;}

	#feedback2 {
		height: 404px;
	}

	#content > div {
	    -webkit-transform: translate3d(0,0,0);
	    -moz-transform: translate3d(0,0,0);
	    -ms-transform: translate3d(0,0,0);
	    -o-transform: translate3d(0,0,0);
	    transform: translate3d(0,0,0);
	    -webkit-transition: all cubic-bezier(.215,.61,.355,1) 1s;
	    -moz-transition: all cubic-bezier(.215,.61,.355,1) 1s;
	    transition: all cubic-bezier(.215,.61,.355,1) 1s;
	    opacity: 0;
	    will-change: transform,opacity;
	    transform: translateY(100px);
	}
}

@media only screen and (max-width: 740px) {
	.advantage {
		width: 320px;
    	padding-left: 80px;
	}

	.article_block .container {
		padding:0 15px;
	}

	.article_block .title p {
    text-align: left;
    font-size: 30px;}

	.news_page .page_title {
    	height: 280px;
	}

	#feedback2 {
		height: 425px;
	}

	.mobile_header img:nth-child(3) {
		width: 940px !important;
	    right: -110px !important;
	    top: 15px !important;
	}

	.about_page #content .container {
		z-index: 5;
	}

	.mobile_header {
		width: 100%;
		margin: 0 auto;
	}

	.mobile_header > img {
		position: absolute;
	}

	.about_page .page_title > img {display: none;}

	.about_page .page_title {
 		height: 785px;
	}

	.product {
		margin-top: 95px;
	}

	.product p {padding: 0 5px;}

	.product p br {display: none;}

	.terminal {
	    padding: 0 5px;
	    margin-top: 129px;
	}

	.vacations {
	    margin-top: 129px;
   		padding: 0 5px;
	}

	.news {
		background-size: auto;
		padding-top: 185px;
	}

	.news .container > .random_object {
		display: none;
	}

	.news .title {
		font-size: 30px;
	}

	form .kaplya {
		display: none;
	}

	#map {
		top: -105px;
		height: 426px;
	}

	.vacation_head p {
		font-size: 16px;
	}

	.terminal p br {
		display: none;
	}

	.terminal p {
		line-height: 1.35;
	    letter-spacing: -.4px;
	}

	.vacation_head {
 		padding-right: 25px;
	}

	.terminal p {
		font-size: 20px;
	}

	.product .right .title {
		font-size: 45px;
	}

	.products_list {
		margin-top: 30px;
    	margin-bottom: 70px;
    }

	.product .right .random_object {
		display: none;
	}

	.about_us {
		margin-bottom: 20px;
	}

	.page_title p, .product p {
		font-size: 20px;
	}

	.page_title p {
		padding: 42px 0 0 0;
    	line-height: 1.35;	
    }

	.work_advantages_list {
		align-items: flex-start;
	}

	.work_advantage img {
		width: 60px;
	}

	.work_advantage p {
		margin-left: 75px;
	}

	.about_us .title {
	    font-size: 30px;
	    margin-top: 0;
	    line-height: 1.25;
	    position: relative;
		top: -10px;
	}

	.about_reasons .right {
    	right: -80px;
    	width: 355px;
	}

	.about_reasons .left{
		height: 465px;
   		width: 355px;
		right: -80px;
	}

	.about_reasons p {
	    font-size: 18px;
    	width: 290px;
	}

	.about_reasons span.count {
		font-size: 106px;
	}

	.about_reasons {
		align-items:flex-end;
		flex-direction: column;
		margin-top: 15px;
	}

	.page_title .title > div {display: none;}

	.page_title .right {
		margin-top: -60px;
	}

	.page_title .title img:first-child {
	    bottom: 41px !important;
    	left: 31px !important;
	}

	.page_title .title {
		width: 230px;
	    height: 175px;
	    top: 5px;
	    padding: 35px 29px;
	    left: 16px;
	    right: auto;
	    font-size: 30px;
	}

	.page_title .breadcrumbs ul {
    	text-align: left;
	}

	.breadcrumbs p br {display: none;}

	.breadcrumbs {
	    padding: 262px 6px 0;
	}

	.page_title > img  {
	    width: 820px;
	    top: -97px;
	    left: -20px;
	}

	.feedback2 form {
		width: 100%;
		padding: 30px 15px 50px;
	}

	.feedback2 form img:first-child{display: none;}
	.feedback2 form img:nth-child(2) {

	}

	.feedback2 form p {
		font-size: 30px;
	}

	.feedback2 form input:not([type='submit']), .feedback2 form textarea, .feedback2 form button {
		width: calc(100% - 15vw);
	}

	form button {
    	padding: 24px 25px !important;
    	text-align: left !important;
	}

	form button .arrow {
		right: 50px !important;
	}

	.articles {
		margin-top: 25px;
	}

	.clients .title {
		font-size: 30px;
	}

	.news .title {
		text-align: left;
		width: 100%;
	}

	.news .title .random_object {
		top: -20px !important
	}

	.advantage:not(:first-child) img {
		left: 0 !important
	}

	.advantage:first-child img {
		left: 2px;
	}
}

@media only screen and (max-width: 667px) {
	.advantages .title {
		width: 100%;
		font-size: 30px;
		text-align: left;
	}

	.advantages .title .random_object {
    	top: -40px;
	}
}

@media only screen and (min-width: 520px) {
	.feedback form {
		height: 455px;
	}

	.thanks {
		font-size: 40px !important
	}
}

@media only screen and (max-width: 520px) {
	.cows img {
	    width: 840px;
    	margin-left: -90px;
    	margin-top: -120px;
	}

	.feedback form {
		height: 431px;
	}

	.mobile_header img:nth-child(3) {		
	    width: 650px !important;
	    left: -90px !important;
	    top: 190px !important;
	}	

	.feedback form .arrow {
		right: 50px;
	}

	.feedback form button {
		padding: 22px 40px;
	}

	.terminal {
	    height: 550px;
	}

	.product_block .title {
		font-size: 25px;
	}

	.product_block {
		max-width: 100%;
	}

	.product_block img {
		max-width: 100%;
	}

	.about_us .title {
		font-size: 30px;
		margin-top: 0;
	}

	.feedback2 form input:not([type='submit']), .feedback2 form textarea, .feedback2 form button {
		width: calc(100% - 25vw)
	}

	.advantages {
		margin: 0;
	}

	.feedback .container {
		padding:0;
	}

	.articles > a {
		padding: 40px 15px !important; 
	}

	.articles > a:first-child {
		height: auto !important
	}

	.articles > a > p {
		font-size: 20px !important;
    	margin-bottom: 5px;
	}

	.feedback form {
		padding: 40px 15px;
		width: 240px;
		margin: 0;
	}

	.advantages_list {
		margin-top: 30px;
	}

	.advantages .title .random_object {
	    top: -40px !important;
	}

	.feedback form p {
		font-size: 30px;
	}

	.feedback #feedback img:first-child {
		right: -100px !important
	}

	.feedback #feedback img:nth-child(2) {display: none}

	.feedback form input, .feedback form button {
		width: 100% !important;
	}

	.feedback form span {
		font-size: 16px;
	}
}

@media only screen and (max-width: 400px) {
	.follow span {
		margin-right: 5px;
	}

	.follow a {
		margin: 0;
	}

	.mobile_header img:nth-child(3) {
		width: 560px!important;right: -150px!important;top: 190px!important;
	}
}


/* ANIMATIONS */

.kaplya {
	position: absolute;
}

.kapli {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}