/* 1) Global 
------------------------------------*/

* {
	outline: none;
}

:focus, button:focus {
	outline: 0;
}

::selection {
	background: #DF001A; /* WebKit/Blink Browsers */
	color: #fff;
}
::-moz-selection {
	background: #DF001A; /* Gecko Browsers */
	color: #fff;
}

html, body {
	overflow-x: hidden;
	width:100%;	
	max-width: 100%;
}

body {
    font-family: 'Exo 2', sans-serif;
    font-size: 20px;
    font-weight: normal;
    
}

p.block-title {
	color: #3E3D40;
	font-weight: 900;
	font-size: 36px;
	text-transform: uppercase;
	text-align: center;
	position: relative;
	margin-bottom: 80px;
}

p.block-title:after {
	content: "";
	display: block;
	width: 120px;
	height: 5px;

	position: absolute;
	left: 50%;
	margin-left: -60px;
	bottom: -10px;

	background : -moz-linear-gradient(50% 0% -90deg,rgba(230, 93, 15, 1) 0%,rgba(223, 0, 26, 1) 100%);
	background : -webkit-linear-gradient(-90deg, rgba(230, 93, 15, 1) 0%, rgba(223, 0, 26, 1) 100%);
	background : -webkit-gradient(linear,50% 0% ,50% 100% ,color-stop(0,rgba(230, 93, 15, 1) ),color-stop(1,rgba(223, 0, 26, 1) ));
	background : -o-linear-gradient(-90deg, rgba(230, 93, 15, 1) 0%, rgba(223, 0, 26, 1) 100%);
	background : -ms-linear-gradient(-90deg, rgba(230, 93, 15, 1) 0%, rgba(223, 0, 26, 1) 100%);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#E65D0F', endColorstr='#DF001A' ,GradientType=0)";
	background : linear-gradient(-90deg, rgba(230, 93, 15, 1) 0%, rgba(223, 0, 26, 1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#E65D0F',endColorstr='#DF001A' , GradientType=0);

}

@media only screen and (max-width: 767px) { 
	p.block-title {	
		font-size: 30px;
		margin-bottom: 40px;
	}
}
/* 2) Header 
------------------------------------*/

header {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 5;
}

.top-menu {
	margin-top: 20px;
}

/*
.top-menu {
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: 20px;
}

.top-menu > div {
	flex-basis: auto;
    flex-grow: 1;
    padding-bottom: 10px;
}

.top-menu > div:last-of-type {
	width: 120px;
}
*/
a.button {
	display: inline-block;	
	background : -moz-linear-gradient(50% 100% 90deg,rgba(214, 215, 216, 1) 0%,rgba(255, 255, 255, 1) 100%);
	background : -webkit-linear-gradient(90deg, rgba(214, 215, 216, 1) 0%, rgba(255, 255, 255, 1) 100%);
	background : -webkit-gradient(linear,50% 100% ,50% 0% ,color-stop(0,rgba(214, 215, 216, 1) ),color-stop(1,rgba(255, 255, 255, 1) ));
	background : -o-linear-gradient(90deg, rgba(214, 215, 216, 1) 0%, rgba(255, 255, 255, 1) 100%);
	background : -ms-linear-gradient(90deg, rgba(214, 215, 216, 1) 0%, rgba(255, 255, 255, 1) 100%);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#D6D7D8', endColorstr='#FFFFFF' ,GradientType=0)";
	background : linear-gradient(0deg, rgba(214, 215, 216, 1) 0%, rgba(255, 255, 255, 1) 100%);
	border-radius : 6px;
	-moz-border-radius : 6px;
	-webkit-border-radius : 6px;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF',endColorstr='#D6D7D8' , GradientType=0);
	text-transform: uppercase;
	font-weight : 600;
	font-size : 14px;
	color : #DF001A;
	line-height: 38px;
	padding: 0px 20px;
	text-decoration: none;
	box-shadow: 1px 3px 10px rgba(0, 0, 0, 0.5);	
	position: relative;
    top: -22px;
}

.chats {
	color: #fff;
}

.chats.icon {
	padding-left: 60px;
    background: url(../images/top_icon.svg) 0 -3px no-repeat;
    background-size: 60px;
	padding-bottom: 10px;    
}

.chats span {
	display: block;
	font-size: 11px;
	text-shadow: 0px 5px 10px rgba(0, 0, 0, 0.75);
}

.chats a {
	display: block;
	font-size: 24px;	
	color: #fff;
	font-weight: 600;
	text-shadow: 0px 5px 10px rgba(0, 0, 0, 0.75);
	line-height: 26px;
	text-decoration: none;
}

@media only screen and (max-width: 992px) {
	
}
/* desktop-menu
------------------------------------*/

.desktop-menu {
    
    position: fixed;

    top: 0;
    right: 0;
    left: 0;    
    transition: background ease 0.3s;	
    height: 80px;
    box-shadow: 3px 5px 10px rgba(0, 0, 0, 0.0);
}

.desktop-menu.fixed {
	background: #fff;
	box-shadow: 3px 5px 10px rgba(0, 0, 0, 0.2);
}

.desktop-menu .company {
	width: 0px;
	//display: none;
	transition: all ease 0.3s;	
	opacity: 1;
	overflow: hidden;
	display: inline-block;
	padding-bottom: 10px;
}

.desktop-menu.fixed .company {
	width: 160px;
	//display: block;
}

.desktop-menu .company p:first-of-type {
	margin-top: 0px;
	
}


.desktop-menu.fixed .chats a {
	color: #DF001A;    
    text-shadow: 0px 5px 10px rgba(0, 0, 0, 0);
}

.desktop-menu.fixed .chats span {
    color: #3E3D40;
    font-size: 11px;
    text-shadow: 0px 5px 10px rgba(0, 0, 0, 0.0);
}

.desktop-menu.fixed .chats.icon {    
    background: url(../images/top_icon_mobile.svg) 6px 5px no-repeat;
    background-size: 36px;
    padding-left: 50px;
}    

/* mobile menu
------------------------------------*/

.mobile-menu {
	height: 60px;
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    transition: all ease 0.3s;
    box-shadow: 3px 5px 10px rgba(0, 0, 0, 0.0);
}

.mobile-menu.fixed {
	background: #fff;
	box-shadow: 3px 5px 10px rgba(0, 0, 0, 0.2);	
}

.mobile-menu img, .mobile-menu svg {
	width: 70px;
	position: relative;
	top: -6px;	
}

.mobile-menu img.phones, .mobile-menu svg.phones {
	width: auto;
	height: 75px;
	top: -3px; 
	left: -15px;
}

.mobile-menu img.calc, .mobile-menu svg.calc {
	left: 17px;
}

.company p {
	margin: 0;
	white-space: nowrap;
}

.company {
	opacity: 0;
	transition: all ease 0.3s;
}

.fixed .company {
	opacity: 1;
}

.company p:first-of-type {
	font-size: 11px;
	color: #3E3D40;
	margin-top: 8px;
}

.company p:last-of-type {
	font-size: 24px;
    color: #DF001A;
    font-weight: 900;
    line-height: 20px;
    letter-spacing: 0.6px;
}

.mobile-menu .cls-2 {
	transition: all ease 0.3s;	
}

.mobile-menu.fixed .cls-2,  .shown  .cls-2 {
	opacity: 0;
}

.mobile-menu .cls-3 {
	transition: all ease 0.3s;	
}

.mobile-menu.fixed .cls-3, .shown  .cls-3{
	fill:#AAAAAA;
}

.popup-menu {
	background: #fff;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 5;
	padding: 10px 0px; 
	opacity: 0;
	transition: all ease 0.3s;	
	pointer-events: none;
	box-shadow: 3px 5px 10px rgba(0, 0, 0, 0.2);
}

.shown .popup-menu {
//	display: block;
	opacity: 1;
	pointer-events: all;
}

.popup-menu p {
	font-size: 11px;
	color: #3E3D40;
	margin-bottom: 0;
	padding-left: 75px;
}

.popup-menu a {
	display: table;
    text-decoration: none;
    color: #DF001A;
    font-weight: 600;
    font-size: 24px;
    border-bottom: 1px dashed #DF001A;
    line-height: 24px;
    margin-bottom: 10px;
}

.phones-show {
	position: relative;
	z-index: 6;
}

/* 3) Main 
------------------------------------*/

section.main {
	height: calc(100vh + 100px);
	/*height: 890px;*/
	//background: url(../images/main-big-min.jpg) center center;
	//background-size: cover; 
	position: relative;
	text-align: center;
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	
}

section.main > div:first-of-type{
	margin-top: -100px;
}

section.main:before {
	content: "";
	display: block;
	position: absolute;
	top: 0; left: 0; right: 0; bottom: 0;
	background: rgba(0,0,0,0.4);
	z-index: 1;
}

section.main img.logo {
	width: 220px;
}

section.main img.qr {
	width: 120px;
}

section.main > * {
	position: relative;
	z-index: 2;
}

section.main p:first-of-type {
	font-weight: 900;
	font-size : 48px;
	line-height : 72px;
	letter-spacing : 2.4px;
	color : #FFFFFF;
	text-shadow: 0px 5px 10px rgba(0, 0, 0, 0.75);
}

section.main p:first-of-type span {
	display: block;
	text-transform: uppercase;
}	

section.main p:nth-of-type(2) {
	font-weight: 600;
	font-size: 20px;
	margin-bottom: 40px;
	text-shadow: 0px 5px 10px rgba(0, 0, 0, 0.75);
}

@media only screen and (max-width: 1366px) {
	section.main {
		height: calc(100vh + 210px);
	}

	section.main > div:first-of-type {
    	margin-top: -140px;
	}
}

@media only screen and (max-width: 960px) {
	section.main {
		height: auto;
	}

	section.main > div:first-of-type {
    	margin-top: 80px;
    	margin-bottom: 283px;
	}

	section.main p:first-of-type {
		font-size: 38px;
		line-height: 50px;
	}
}

@media only screen and (max-width: 460px) {
	section.main > div:first-of-type {
    	margin-top: 80px;
    	margin-bottom: 160px;
	}

}
/* 4) Services
------------------------------------*/
.services {	
	background : -moz-linear-gradient(49.53% -60.86% 180deg,rgba(255, 255, 255, 1) 34.7%,rgba(233, 234, 234, 1) 91.19%,rgba(195, 196, 197, 1) 98.7%);
	background : -webkit-linear-gradient(180deg, rgba(255, 255, 255, 1) 34.7%, rgba(233, 234, 234, 1) 91.19%, rgba(195, 196, 197, 1) 98.7%);
	background : -webkit-gradient(linear,49.53% -60.86% ,49.53% 39.14% ,color-stop(0.347,rgba(255, 255, 255, 1) ),color-stop(0.9119,rgba(233, 234, 234, 1) ),color-stop(0.987,rgba(195, 196, 197, 1) ));
	background : -o-linear-gradient(180deg, rgba(255, 255, 255, 1) 34.7%, rgba(233, 234, 234, 1) 91.19%, rgba(195, 196, 197, 1) 98.7%);
	background : -ms-linear-gradient(180deg, rgba(255, 255, 255, 1) 34.7%, rgba(233, 234, 234, 1) 91.19%, rgba(195, 196, 197, 1) 98.7%);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#C3C4C5' ,GradientType=0)";
	background : linear-gradient(180deg, rgba(255, 255, 255, 1) 34.7%, rgba(233, 234, 234, 1) 91.19%, rgba(195, 196, 197, 1) 98.7%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF',endColorstr='#C3C4C5' , GradientType=0);

}

.services > .container {
	padding: 60px 15px 80px 15px; 	
}

.services .title {
	height: 283px;
	background: url(../images/service_bg.png) center center no-repeat;
	margin-top: -283px;
	position: relative;
	z-index: 3;
	overflow: hidden;
}


.services .title p {
	font-size : 36px;
	line-height : 72px;
	letter-spacing : 1.8px;
	color : #3E3D40;
	text-align: center;
	font-weight: 900;
	margin-top: 190px;
	text-transform: uppercase;
	text-shadow: 0px -1px 0px rgba(255, 255, 255, 1);
}  

.service > div {
	border-left: 2px dashed #808186;
	padding-bottom: 20px;
	position: relative;
}

.service > div:before, .service > div:after {
	content: "";
	display: block;
	width: 6px;
	height: 6px;
	background: #808186;
	position: absolute;
	left: -4px;
}

.service > div:before {
	top: -8px;
}

.service > div:after {
	bottom: -8px;
}

.services .row > div:nth-of-type(4) .service > div {
	border-right: 2px dashed #808186;
	position: relative;
}

.services .row > div:nth-of-type(4) .service:before, .services .row > div:nth-of-type(4) .service:after {
	content: "";
	display: block;
	width: 6px;
	height: 6px;
	background: #808186;
	position: absolute;
	right: -2px;
}

.services .row > div:nth-of-type(4) .service:before {
	top: 82px;
}

.services .row > div:nth-of-type(4) .service:after {
	bottom: -8px;
}

.service img {
	display: block;
	height: 90px;
	margin: 0 auto;
}

.service p:nth-of-type(1) {
	color: #3E3D40;
	font-weight: 300;
	font-size: 48px;
	text-align: center;
	line-height: 48px;
}

.service p:nth-of-type(2) {
	color: #E65D0F;
	font-weight: 600;
	font-size: 22px;
	text-align: center;	
	margin-bottom: 0;
	
}

.service p:nth-of-type(3) {
	color: #000;
	font-weight: 600;
	font-size: 22px;
	text-align: center;		
	margin-bottom: 0;
}

.markers {
	margin-top: 80px;
}

.markers p {
	font-size: 22px;
	font-weight: 600;
	margin: 0 0 20px 60px;
	background: url(../images/marker.svg) 0 0 no-repeat;	
	padding-left: 40px;	
	background-size: 20px;
}

@media only screen and (max-width: 960px) { 
	.services .title p {
		font-size: 30px;
	}
}

@media only screen and (max-width: 767px) { 
	.service > div {
    	border-left: none;
    	border-bottom: 2px dashed #808186;
	}

	.service > div:after {
		bottom: -4px;
	    right: -7px;
	    left: auto;
	}

	.service > div:before {
	    top: auto;
	    bottom: -4px;
	    left: -7px;
	}

	.services .row > div:nth-of-type(4) .service > div {
		border-right: none;
		position: relative;
	}

	.services .row > div:nth-of-type(4) .service:before, .services .row > div:nth-of-type(4) .service:after {		
		display: none;		
	}

	.services > .container {
    	padding: 20px 30px 40px 30px;
	}	

	.service img {
		float: right;
		width: 110px;
		height: auto;
		margin-bottom: 20px;
	    margin-top: 0px;
	    margin-left: calc(-50% + 140px);
	    margin-right: calc(50% - 140px);
	}

	.service p:nth-of-type(1) {
		font-size: 38px;
		line-height: 30px;
	}

	.service p:nth-of-type(2) {
		font-size: 18px;
	}

	.service p:nth-of-type(3) {
		font-size: 18px;
	}

	.services .row > div {
		margin-bottom: 0px;
	}

	.markers {
    	margin-top: 0px;
	}

	.service {
		margin-bottom: 20px;
	}

	.markers p {
	    font-size: 20px;
	    font-weight: 600;
	    margin: 0 10px 20px 10px;
	    background: url(../images/marker.svg) 0 6px no-repeat;
	    padding-left: 30px;
	    background-size: 14px;
	}	

	.services .row > div:nth-of-type(5) {
		margin-top: 20px;
	}
}
/* 4) China
------------------------------------*/
section.china {
	padding: 70px 0;
	background: url(../images/china_bg-min.jpg) center center no-repeat;
	background-attachment: fixed;
}

.icon-block {
	position: relative;
	overflow: hidden;
	margin-bottom: 20px;
}

.icon-block > img {
	float: left;
	width: 55px;
	position: absolute;
	top: 10px;
	left: 0;
}

.icon-block p {
	float: left;
	margin-left: 85px;
	margin-bottom: 0;
}

.icon-block p:nth-of-type(1) {
	font-size: 22px;
	font-weight: 600;	
	text-transform: uppercase;
}

.icon-block p:nth-of-type(2) {
	font-size: 20px;
	color: #3E3D40;
}

.map-china {
    position: absolute;
    width: 665px;
    right: 20px;
}

@media only screen and (max-width: 767px) { 
	section.china {
		padding: 45px 0;
	}

	.icon-block > img {
		position: relative;
		display: block;
		margin: 0 auto 20px auto;
		float: none;
		width: 40px;
	}

	.icon-block p {
		float: none;
		text-align: center;
		margin-left: 0;
	}
}

/* 5) order
------------------------------------*/

section.order-block {
	background: url(../images/order_fullw_bg.png) center center no-repeat;
	height: 186px;
	
	text-align: center;
	position: relative;
}



.order-block a {
	position: relative;
	display: inline-block;
	margin-top: 60px;
	z-index: 2;
}

.order-block a span {
	background : -moz-linear-gradient(50% 100% 90deg,rgba(223, 0, 26, 1) 0%,rgba(230, 93, 15, 1) 100%);
	background : -webkit-linear-gradient(90deg, rgba(223, 0, 26, 1) 0%, rgba(230, 93, 15, 1) 100%);
	background : -webkit-gradient(linear,50% 100% ,50% 0% ,color-stop(0,rgba(223, 0, 26, 1) ),color-stop(1,rgba(230, 93, 15, 1) ));
	background : -o-linear-gradient(90deg, rgba(223, 0, 26, 1) 0%, rgba(230, 93, 15, 1) 100%);
	background : -ms-linear-gradient(90deg, rgba(223, 0, 26, 1) 0%, rgba(230, 93, 15, 1) 100%);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#DF001A', endColorstr='#E65D0F' ,GradientType=0)";
	background : linear-gradient(0deg, rgba(223, 0, 26, 1) 0%, rgba(230, 93, 15, 1) 100%);
	border-radius : 10px;
	-moz-border-radius : 10px;
	-webkit-border-radius : 10px;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#E65D0F',endColorstr='#DF001A' , GradientType=0);
	line-height: 65px;
	color: #fff;
	text-decoration: none;
	font-size: 25px;
	font-weight: 600;
	padding: 0px 30px;	
	display: inline-block;
	text-transform: uppercase;
		
	position: relative;
	z-index: 2;
}

.order-block a span i {
	font-style: normal;
}

.order-block a:before {
	content: "";
	position: absolute;
	left: 0; right: 0; top: 0; bottom: 0;
	background: #E65D0F;
	border-radius : 10px;	
	z-index: 1;
    margin-bottom: -2px;    
    margin-right: -1px;	
}

.order-block .container {
	position: relative;
}

@media only screen and (max-width: 767px) { 
	.order-block a span i {
		display: block;	
		font-size: 20px;
		letter-spacing: normal;
	}

	.order-block a span {
		line-height: 30px;
	    padding-top: 12px;
	    padding-bottom: 12px;
	    font-size: 36px;
	    letter-spacing: 1.8px;
	}

	.order-block a {		
    	margin-top: 50px;
	}
}
/* 6) How
------------------------------------*/

section.how {
	padding: 40px 0px;
}

section.how p:nth-of-type(1) {
	font-size: 22px;
	text-align: center;
	font-weight: 600;
}	

section.how p:nth-of-type(2) {
	font-size: 20px;
	color: #3E3D40;
	line-height: 26px;
}	

@media only screen and (max-width: 767px) { 
	section.how p:nth-of-type(2) {
		text-align: center;
	}
}

/* 7) office
------------------------------------*/


section.office {
	background : -moz-linear-gradient(49.53% -60.86% 0deg,rgba(255, 255, 255, 1) 34.7%,rgba(233, 234, 234, 1) 91.19%,rgba(195, 196, 197, 1) 98.7%);
	background : -webkit-linear-gradient(0deg, rgba(255, 255, 255, 1) 34.7%, rgba(233, 234, 234, 1) 91.19%, rgba(195, 196, 197, 1) 98.7%);
	background : -webkit-gradient(linear,49.53% -60.86% ,49.53% 39.14% ,color-stop(0.347,rgba(255, 255, 255, 1) ),color-stop(0.9119,rgba(233, 234, 234, 1) ),color-stop(0.987,rgba(195, 196, 197, 1) ));
	background : -o-linear-gradient(0deg, rgba(255, 255, 255, 1) 34.7%, rgba(233, 234, 234, 1) 91.19%, rgba(195, 196, 197, 1) 98.7%);
	background : -ms-linear-gradient(0deg, rgba(255, 255, 255, 1) 34.7%, rgba(233, 234, 234, 1) 91.19%, rgba(195, 196, 197, 1) 98.7%);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#C3C4C5' ,GradientType=0)";
	background : linear-gradient(0deg, rgba(255, 255, 255, 1) 34.7%, rgba(233, 234, 234, 1) 91.19%, rgba(195, 196, 197, 1) 98.7%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF',endColorstr='#C3C4C5' , GradientType=0);
	padding: 80px 0px;
}

.office .container {
	padding-right: 5px;
	padding-left: 5px;
}

.office .container p {
	text-align: center;
	font-size: 24px;
	font-weight: 300;
	color: #3E3D40;
	margin-bottom: 0px;
}



.office .container p a {
	text-decoration: none;
	font-weight: 600;
	color: #3E3D40;
	margin-right: 20px;
	display: inline-block;
}

.office .container p a:last-of-type {
	margin-right: 0;
}

.office-carousel {
	margin: 40px 0px;
}

.office-carousel .owl-item a {
	display: block;
	border: 5px solid #E5E5E5;
	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.25);
	margin: 10px;
	transition: all ease 0.3s;	
}

.office-carousel .owl-item a:hover {
	border: 5px solid #DF001A;
	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
}	

.owl-carousel .owl-nav .owl-prev {
	position: absolute;
    left: 0px;
    top: 50%;
    width: 60px;
    height: 60px;
    background: url(../images/arrow.svg)  no-repeat;
    margin-top: -30px;
    text-indent: 999999px;
	transform: rotate(180deg);
	transition: all ease 0.3s;	
	opacity: 0.67;
	background-size: 60px;
}

.owl-carousel .owl-nav .owl-prev:hover {
	opacity: 1;	
}	

.owl-carousel .owl-nav .owl-next {
	position: absolute;
    right: 0px;
    top: 50%;
    width: 60px;
    height: 60px;
    background: url(../images/arrow.svg)  no-repeat;
    margin-top: -30px;
    text-indent: -999999px;
    transition: all ease 0.3s;	
    opacity: 0.67;
    background-size: 60px;
}	

.owl-carousel .owl-nav .owl-next:hover {
	opacity: 1;	
}	

@media only screen and (max-width: 767px) { 
	.office .container p a {
	    color: #3E3D40;
	    margin-right: 0px;
	    display: block;
	    margin-bottom: 10px;
	}
}

/* 9) footer
------------------------------------*/

footer {
	background: url(../images/footer_bg.png) center center no-repeat; 
	height: 170px;
	position: relative;
	overflow: hidden;
}

footer img.logo {
	width: 110px;
	position: absolute;
	bottom: 20px;
	left: 50%;
	margin-left: -468px;
}

footer img.qr {
	width: 120px;
	position: absolute;
	bottom: 20px;
	left: 50%;
	margin-left: 350px;
}

footer > div {
	width: 600px;
	margin: 0 auto;
}

footer > div p {
	color: #fff;
	font-size: 18px;
	font-weight: 600;
	margin-top: 92px;
}

footer > div p span {
	float: right;
}


@media only screen and (max-width: 767px) { 
	footer > div {
		width: 100%;
	}
	footer > div p {
		font-size: 16px;
		white-space: normal;
		text-align: center;
		margin-top: 70px;
	}

	footer > div p span {
	    float: none;
	    position: absolute;
	    width: 100%;
	    text-align: center;
	    display: block;
	    top: 40px;
	    left: 0;
	}	
}	

/* 9) link effect
------------------------------------*/

a.button:hover, .chats a:hover, .order-block a:hover, .office .container p a:hover, svg:hover {
  animation: shake 0.82s cubic-bezier(.36,.07,.19,.97) both;
  transform: translate3d(0, 0, 0);
  perspective: 1000px;
}

@keyframes shake {
  10%, 90% {
    transform: translate3d(-1px, 0, 0);
  }
  20%, 80% {
    transform: translate3d(2px, 0, 0);
  }
  30%, 50%, 70% {
    transform: translate3d(-2px, 0, 0);
  }
  40%, 60% {
    transform: translate3d(2px, 0, 0);
  }
}

/* 9) animation
------------------------------------*/

.inviewport,
.hiddenthis {
    opacity: 0;
}

.visiblethis {
    opacity: 1;
}

.animated.delay1 {
    -webkit-animation-delay: .1s;
    animation-delay: .1s;
}

.animated.delay2 {
    -webkit-animation-delay: .2s;
    animation-delay: .2s;
}

.animated.delay3 {
    -webkit-animation-delay: .3s;
    animation-delay: .3s;
}

.animated.delay4 {
    -webkit-animation-delay: .4s;
    animation-delay: .4s;
}

.animated.delay5 {
    -webkit-animation-delay: .5s;
    animation-delay: .5s;
}

.animated.delay6 {
    -webkit-animation-delay: .6s;
    animation-delay: .6s;
}

.animated.delay7 {
    -webkit-animation-delay: .7s;
    animation-delay: .7s;
}

.animated.delay8 {
    -webkit-animation-delay: .8s;
    animation-delay: .8s;
}

.animated.delay9 {
    -webkit-animation-delay: .9s;
    animation-delay: .9s;
}


.zoom-link {
	display: block;
	position: relative;
	overflow: hidden;
}

.zoom-link:after {
	content: "";
	display: block;
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
	position: absolute;
	//background: rgba(0,0,0,0.5) url(../images/zoom.svg) center center no-repeat;
	background: rgba(0,0,0,0.25);
	background-size: 60px 60px;
	transition: all ease 0.3s;	
	opacity: 0;
	
}

.zoom-link:hover:after  {
	opacity: 1;
}

.zoom-link img {
	transition: all ease 0.3s;	
}

.zoom-link:hover img {
    transform: scale(2);
}

/* 9) plane animation
------------------------------------*/

section.main .plane {
	display: block;
	position: absolute;
	top: 0; left: 0; right: 0; bottom: 0;
	background: url(../images/plane.png) center center;
	background-size: cover; 
	z-index: 0;
	transform: scale(1) translateY(-100px) translateX(100px);
//	transition: all ease 0.3s;	
}

@media only screen and (max-width: 320px) { 
	section.main .plane {
		background: url(../images/plane-min.png) center center;
		background-size: 1000px;
	}	
}
section.main .plane.anime {
    animation-name: flying;
    animation-duration: 15s;
    animation-iteration-count: infinite;	
}

@keyframes flying {
    from {
    	transform: scale(1) translateY(-100px) translateX(100px);
    }
    to {
    	transform: scale(2) translateY(-300px) translateX(-200px);
    }
}

section.main .sklad {
	display: block;
	position: absolute;
	top: 0; left: 0; right: 0; bottom: 0;	
	background: url(../images/sklad-min.jpg) center center;
	background-size: auto 1924px; 
	z-index: 0;	
}

section.main .sklad.anime {
    animation-name: sklad;
    animation-duration: 5s;		
	animation-fill-mode: forwards; 		
}	

@keyframes sklad  {
    from {
    	background-size: auto 3000px; 
    }
    to {
		background-size: auto 1924px;     
	}
}


.site-loader-wrapper {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #DF001A;
	z-index: 999999;
	display: flex;
    align-items: center;
}

.site-loader {
	width: 100%;
	text-align: center;

}

.ml15 {

  font-size: 3.8em;
  text-transform: uppercase;

}

.ml15 .word {
  display: inline-block;
  line-height: 1em;
	font-size: 32px;
	
	font-weight: 900;
	color: #fff;

}