/*BEGIN FONTS*/
@font-face{
	font-family: "HK-Grotesk-Bold-Legacy";
	src: url("../fonts/HK-Grotesk-Bold-Legacy.eot");
	src: local("☺"), url("../fonts/HK-Grotesk-Bold-Legacy.woff") format("woff"),
	url("../fonts/HK-Grotesk-Bold-Legacy.ttf") format("truetype"),
	url("../fonts/HK-Grotesk-Bold-Legacy.svg") format("svg");
	font-weight: normal;
	font-style: normal;
}
@font-face{
	font-family: "WorkSans-Black";
	src: url("../fonts/WorkSans-Black.eot");
	src: local("☺"), url("../fonts/WorkSans-Black.woff") format("woff"), 
	url("../fonts/WorkSans-Black.ttf") format("truetype"), 
	url("../fonts/WorkSans-Black.svg") format("svg");
	font-weight: normal;
	font-style: normal;
}
@font-face{
	font-family: "WorkSans-Bold";
	src: url("../fonts/WorkSans-Bold.eot");
	src: local("☺"), url("../fonts/WorkSans-Bold.woff") format("woff"),
	url("../fonts/WorkSans-Bold.ttf") format("truetype"),
	url("../fonts/WorkSans-Bold.svg") format("svg");
	font-weight: normal;
	font-style: normal;
}
/*END FONTS*/

/*BEGIN #preloader*/
#preloader{
	z-index: 200;
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background: #fff;
	overflow: hidden;
}
#preloader .animated_element_block{
	top: 50%;
	left: 50%;
	width: 40px;
	height: 40px;
	margin-top: -20px;
	margin-left: -20px;
	opacity: 0;
	
	-webkit-animation: simple_fade_in 2s 2s 1 ease-in-out forwards;
    animation: simple_fade_in 2s 2s 1 ease-in-out forwards;
}

@-webkit-keyframes simple_fade_in{
	0%{
		opacity: 0;
	}
	100%{
		opacity: 1;
	}
}
@keyframes simple_fade_in{
	0%{
		opacity: 0;
	}
	100%{
		opacity: 1;
	}
}

#preloader .animated_element_block .animated_icon.line_square{
	width: 40px;
	height: 40px;
}
/*END #preloader*/

/*BEGIN GENERAL SETTINGS*/
*{
	-webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: -moz-none;
    -o-user-select: none;
}
p, a, span, td, h1, h2, h3, input, li, textarea{
	-webkit-user-select: text;
    -khtml-user-select: text;
    -moz-user-select: text;
    -o-user-select: text;
}
*::after, *::before{
	-webkit-user-select: none !important;
    -khtml-user-select: none !important;
    -moz-user-select: -moz-none !important;
    -o-user-select: none !important;
}
p::-moz-selection { color: #fff;  background: #fe0072; }
p::-moz-selection { color: #fff;  background: #fe0072; }
p::selection      { color: #fff;  background: #fe0072; }
a::-moz-selection { color: #fff;  background: #fe0072; }
a::selection      { color: #fff;  background: #fe0072; }
li::-moz-selection { color: #fff;  background: #fe0072; }
li::selection      { color: #fff;  background: #fe0072; }
span::-moz-selection { color: #fff;  background: #fe0072; }
span::selection      { color: #fff;  background: #fe0072; }
h1::-moz-selection { color: #fff;  background: #fe0072; }
h1::selection      { color: #fff;  background: #fe0072; }
h2::-moz-selection { color: #fff;  background: #fe0072; }
h2::selection      { color: #fff;  background: #fe0072; }
h3::-moz-selection { color: #fff;  background: #fe0072; }
h3::selection      { color: #fff;  background: #fe0072; }
h3::-moz-selection { color: #fff;  background: #fe0072; }
h3::selection      { color: #fff;  background: #fe0072; }
td::-moz-selection { color: #fff;  background: #fe0072; }
td::selection      { color: #fff;  background: #fe0072; }
input::-moz-selection { color: #000 !important;  background: #fe0072; }
input::selection      { color: #000 !important;  background: #fe0072; }
textarea::-moz-selection { color: #000 !important;  background: #fe0072; }
textarea::selection      { color: #000 !important;  background: #fe0072; }

::-webkit-input-placeholder{color: #7e858d;}
::-moz-placeholder{color: #7e858d;}
:-ms-input-placeholder{color: #7e858d;} 
:-o-input-placeholder{color: #7e858d;} 
html, body{
	overflow-x: hidden;
}
body{
	position: relative;
	background: #fff;
	font-size: 10px;
}
textarea{
	-webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    border-radius: 0 !important;
	vertical-align: top;
}
input[type="text"],
input[type="email"],
input[type="search"],
input[type="button"],
input[type="submit"]{
    -webkit-appearance: none !important;
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    border-radius: 0 !important;
}
p, h1, h2, h3, h4{
	cursor: default;
}
a{
	text-decoration: none !important;
	outline: none !important;
	color: inherit;
}
a:hover, a:focus{
	color: inherit;
}
button{
	outline: none !important;
}
.clear{
	clear: both;
}
.nowrap{
	white-space: nowrap;
}
.fb-social-plugin{
	margin-top: 15px;
}
.p_nothong_found{
	margin: 35px 0 0 0;
	text-align: center;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none){
	*{
		background-attachment: scroll !important;
	}
}

@supports (-ms-ime-align:auto){
	*{
		background-attachment: scroll !important;
	}
}

@media (min-width: 2561px), (max-width: 1260px), (min-height: 1081px){
	*{
		background-attachment: scroll !important;
	}
}

@media (min-width: 1251px){
	body::-webkit-scrollbar{
		width: 10px;
	}
	body::-webkit-scrollbar-track{
		background: #efefef;
	}
	body::-webkit-scrollbar-thumb{
	   background: #fe0072; 
	}
	.container{
		width: 1230px;
	}
}

@media (max-width: 1250px){
	.container{
		width: 100%;
	}
}
/*END GENERAL SETTINGS*/

/*BEGIN General element styles*/
.accentuation{
	color: #fe0072;
	border-bottom: 1px dashed #fe0072;
}
.side_decor_text{
	position: absolute;
	margin-bottom: 0;
	
	font-family: "WorkSans-Black";
	font-size: 1.2em;
	color: #393f4d;
	text-transform: uppercase;
	letter-spacing: 0.4em;
}
.side_decor_text.from_bottom{
	-webkit-transform: rotate(-90deg);
	transform: rotate(-90deg);
}
.side_decor_text.from_top{
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg);
}

@media (max-width: 600px){
	.side_decor_text{
		display: none;
	}
}
/*END General element styles*/

/*BEGIN form settings*/
.simple_form{
	width: 100%;
}
.field_checkout{
	display: none;
}
.field_wrapper{
	position: relative;
	width: 100%;
	margin-bottom: 38px;
}
.field_wrapper.textarea_wrapper{
	min-height: 55px;
}
.field_wrapper .field{
	z-index: 1;
	position: relative;
	width: 100%;
	height: 55px;
	padding: 0 10px;
	outline: none !important;
	background: transparent;
	border: 0;
	
	font-family: "HK-Grotesk-Bold-Legacy";
	font-size: 1.8em;
	color: #190521;
	line-height: 58px;
	letter-spacing: 0.02em;
}
.field_wrapper textarea.field, .field_wrapper .textarea_cover{
	line-height: 1.8em;
	padding-top: 10px;
	padding-bottom: 10px;
	white-space: pre-wrap;
    word-wrap: break-word;
	
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.field_wrapper textarea.field{
	height: 55px;
	resize: none;
	overflow: hidden;
	padding-top: 10px;
	padding-bottom: 10px;
	
	-webkit-transition: height 0.1s ease-out;
	transition: height 0.1s ease-out;
}
.field_wrapper .field.textarea_cover{
	min-height: 55px;
	height: auto;
	display: none;
}
.field_wrapper .span_placeholder{
	z-index: 2;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 55px;
	padding: 0 10px;
	background: transparent;
	pointer-events: none;
	
	font-family: "HK-Grotesk-Bold-Legacy";
	font-size: 1.8em;
	color: #190521;
	line-height: 52px;
	letter-spacing: 0.02em;
	text-transform: uppercase;
	
	-webkit-transition: 0.4s ease-out;
    transition: 0.4s ease-out;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none){
    .field_wrapper .span_placeholder{
		z-index: 0;
		top: -26px;
		color: #190521;
	}
}

.field_wrapper.focused .span_placeholder{
	top: -30px;
	font-size: 1.3em;
}
.field_wrapper .alarm{
	position: absolute;
	opacity: 0;
	bottom: -22px;
	left: 0;
	width: 100%;
	margin: 0;
	
	font-family: "HK-Grotesk-Bold-Legacy";
	font-size: 1.4em;
	color: #fe0072;
	text-align: right;
	letter-spacing: 0.04em;
	
	-webkit-transition: opacity 0.2s ease-in-out;
	transition: opacity 0.2s ease-in-out;
}
.field_wrapper.warning .alarm{
	opacity: 1;
}
.simple_form_go, .simple_form_go *{
	cursor: pointer;
}
.field_wrapper .border_line{
	z-index: 1;
	position: absolute;
	bottom: -2px;
	left: 0;
	width: 100%;
	height: 8px;
	overflow: hidden;
	pointer-events: none;
}
.field_wrapper .border_line .border_block{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 8px;
}
.field_wrapper .border_line .part{
	position: absolute;
	width: 100%;
	height: 8px;
}
.field_wrapper .border_line .part:nth-child(2){
	width: 0;
	overflow: hidden;
	
	-webkit-transition: 0.4s ease-out;
    transition: 0.4s ease-out;
}
.field_wrapper .border_line .part:nth-child(2){
	background: url(../img/form_curve.jpg) repeat-x 0 0;
}
.field_wrapper .border_line .part:nth-child(1)::after{
	content: "";
	position: relative;
	display: block;
	top: 3px;
	left: 0;
	width: 100%;
	height: 3px;
	background: #000;
}
.field_wrapper.focused .border_line .part:nth-child(2){ 
	width: 100%;
}
/*END form settings*/

/*BEGIN #form_popup*/
#form_preloader{
	z-index: 198;
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background: rgba(255,255,255,0.4);
	overflow: hidden;
	display: none;
}
#form_preloader .animated_element_block{
	top: 50%;
	left: 50%;
	width: 40px;
	height: 40px;
	margin-top: -20px;
	margin-left: -20px;
	opacity: 0;
	
	-webkit-animation: simple_fade_in 2s 2s 1 ease-in-out forwards;
    animation: simple_fade_in 2s 2s 1 ease-in-out forwards;
}
#form_preloader .animated_element_block .animated_icon.line_square{
	width: 40px;
	height: 40px;
}
#form_popup{
	z-index: 199;
	position: fixed;
	top: -100vh;
	top: calc(-100vh - 1px);
	left: 0;
	width: 100%;
	height: 100vh;
	height: calc(100vh + 1px);
	background: #fff;
	opacity: 0;
	
	-webkit-transition: top 0.6s ease-out, opacity 0s 0.7s;
	transition: top 0.6s ease-out, opacity 0s 0.7s;
}
#form_popup.active{
	top: 0;
	opacity: 1;
	
	-webkit-transition: top 0.6s ease-out, opacity 0s;
	transition: top 0.6s ease-out, opacity 0s;
}
#form_popup .content_part{
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	padding: 0 15px;
	text-align: center;
	
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}
#form_popup .content_part p:nth-child(1){
	font-family: "HK-Grotesk-Bold-Legacy";
    font-size: 5.46em;
	color: #fe0072;
    text-transform: uppercase;
    letter-spacing: 0.02em;
    line-height: 1.5em;
}
#form_popup .content_part p:nth-child(2), #form_popup .content_part p:nth-child(3){
	font-family: "WorkSans-Black";
    font-size: 2em;
    color: #190521;
    letter-spacing: 0.02em;
	line-height: 1.5em;
}
#form_popup .animated_element_block{
	top: 30px;
	right: 30px;
	width: 30px;
	height: 30px;
	cursor: pointer;
}
#form_popup  .animated_icon.fill_cross_diagonal{
	width: 30px;
	height: 30px;
	background-size: 30px 30px;
}

@media (max-width: 600px){
	#form_popup .content_part p:nth-child(1){
		font-size: 3em;
		line-height: 1.3em;
	}
	#form_popup .content_part p:nth-child(2), #form_popup .content_part p:nth-child(3){
		font-size: 1.6em;
		line-height: 1.2em;
	}
}
/*END #form_popup*/

/*BEGIN Animated icons*/
.animated_elements_wrapper{
	position: absolute;
}
.animated_element_block{
	position: absolute;
	
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	
	-webkit-flex-flow: row wrap;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
	
	-webkit-justify-content: space-around;
	justify-content: space-around;
	
	-webkit-align-items: center;
	align-items: center;
}
.animated_element_block.small{
	width: 18px;
	height: 18px;
}
.animated_element_icon_block{
	margin: auto;
}
.animated_element_block.small{
	width: 18px;
	height: 18px;
}
.animated_icon{
	overflow: hidden;
}
.animated_icon.fill_square{
	width: 16px;
	height: 16px;
	background: #000;
}
.animated_icon.fill_square.draw{
	-webkit-animation: icon_rotate_3d q0s infinite cubic-bezier(.87,-0.45,.26,1.46) forwards;
    animation: icon_rotate_3d 10s infinite cubic-bezier(.87,-0.45,.26,1.46) forwards;
}
.animated_icon.line_square{
	width: 16px;
	height: 16px;
	background: transparent;
	border: 2px solid #000;
}
.animated_icon.line_square.draw{
	-webkit-animation: icon_rotate_3d 10s infinite cubic-bezier(.87,-0.45,.26,1.46) forwards;
    animation: icon_rotate_3d 10s infinite cubic-bezier(.87,-0.45,.26,1.46) forwards;
}
.animated_icon.line_cross_simple{
	width: 18px;
	height: 18px;
	background: url(../img/icons/line_cross_simple.svg) no-repeat 0 0;
	background-size: 18px 18px;
}
.animated_icon.line_cross_simple.draw{
    -webkit-animation: icon_rotate 10s infinite cubic-bezier(.87,-0.45,.26,1.46) forwards;
    animation: icon_rotate 10s infinite cubic-bezier(.87,-0.45,.26,1.46) forwards;
}
.animated_icon.fill_cross_diagonal{
	width: 18px;
	height: 18px;
	background: url(../img/icons/fill_cross_diagonal.svg) no-repeat 0 0;
	background-size: 18px 18px;
}
.animated_icon.fill_cross_diagonal.draw{
	-webkit-animation: icon_rotate_3d q0s infinite cubic-bezier(.87,-0.45,.26,1.46) forwards;
    animation: icon_rotate_3d 10s infinite cubic-bezier(.87,-0.45,.26,1.46) forwards;
}
.animated_icon.fill_cross_simple{
	width: 18px;
	height: 18px;
	background: url(../img/icons/fill_cross_simple.svg) no-repeat 0 0;
	background-size: 18px 18px;
}
.animated_icon.fill_cross_simple.draw{
	-webkit-animation: icon_rotate 10s infinite cubic-bezier(.87,-0.45,.26,1.46) forwards;
    animation: icon_rotate 10s infinite cubic-bezier(.87,-0.45,.26,1.46) forwards;
}
.animated_icon.fill_black_arrow_right{
	width: 17px;
	height: 17px;
	background: url(../img/icons/fill_black_arrow_right.svg) no-repeat 0 0;
	background-size: 17px 17px;
}
.animated_icon.fill_black_arrow_right.draw{
	-webkit-animation: icon_arrow_right 10s infinite ease-in-out forwards;
    animation: icon_arrow_right 10s infinite ease-in-out forwards;
}
.animated_icon.fill_pink_arrow_top{
	width: 17px;
	height: 17px;
	background: url(../img/icons/fill_pink_arrow_top.svg) no-repeat 0 0;
	background-size: 17px 17px;
}
.animated_icon.fill_pink_arrow_top.draw{
	-webkit-animation: icon_arrow_top 10s infinite ease-in-out forwards;
    animation: icon_arrow_top 10s infinite ease-in-out forwards;
}
.animated_icon.fill_pink_heart{
	width: 17px;
	height: 17px;
	background: url(../img/icons/fill_pink_heart.svg) no-repeat 0 0;
	background-size: 17px 17px;
}
.animated_icon.fill_pink_heart.draw{
	-webkit-animation: icon_arrow_top 10s infinite ease-in-out forwards;
    animation: icon_arrow_top 10s infinite ease-in-out forwards;
}
.animated_icon.fill_pink_heart.del.draw{
	-webkit-animation-delay: 0.1s;
	animation-delay: 0.1s;
}
.animated_icon.fill_smile_small{
	width: 45px;
	height: 24px;
	background: url(../img/icons/fill_smile.svg) no-repeat 0 0;
	background-size: 45px 24px;
}
.animated_element_block.bag{
	width: 350px;
	height: 360px;
}
.animated_element_block.bag .animated_element_icon_block{
	width: 350px;
	height: 360px;
}
.animated_icon.big_arrow_grey{
	width: 350px;
	height: 360px;
}
.animated_icon.big_arrow_grey .line{
    stroke-dashArray: 1200;
    stroke-dashoffset: 1200;
}
.animated_element_block.bag.draw .animated_icon.big_arrow_grey .line{
	-webkit-animation: big_arrow_grey_draw 3s 1.2s 1 ease-in-out forwards;
    animation: big_arrow_grey_draw 3s 1.2s 1 ease-in-out forwards;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none){
    .animated_icon.big_arrow_grey .line{
		stroke-dashoffset: 0 !important;
	}
}
@supports (-ms-ime-align:auto){
	.animated_icon.big_arrow_grey .line{
		stroke-dashoffset: 0 !important;
	}
}
/*END Animated icons*/

/*BEGIN Animation of elements*/
@-webkit-keyframes icon_rotate{
    0%{
       -webkit-transform: rotate(0);
       transform: rotate(0);
	}
	20%{
		-webkit-transform: rotate(0);
		transform: rotate(0);
	}
	25%{
		-webkit-transform: rotate(90deg);
		transform: rotate(90deg);
	}
	45%{
		-webkit-transform: rotate(90deg);
		transform: rotate(90deg);
	}
	50%{
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
	70%{
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
	75%{
		-webkit-transform: rotate(450deg);
		transform: rotate(450deg);
	}
	95%{
		-webkit-transform: rotate(450deg);
		transform: rotate(450deg);
	}
	100%{
		-webkit-transform: rotate(630deg);
		transform: rotate(630deg);
	}
}
@keyframes icon_rotate{
    0%{
       -webkit-transform: rotate(0);
       transform: rotate(0);
	}
	20%{
		-webkit-transform: rotate(0);
		transform: rotate(0);
	}
	25%{
		-webkit-transform: rotate(90deg);
		transform: rotate(90deg);
	}
	45%{
		-webkit-transform: rotate(90deg);
		transform: rotate(90deg);
	}
	50%{
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
	70%{
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
	75%{
		-webkit-transform: rotate(450deg);
		transform: rotate(450deg);
	}
	95%{
		-webkit-transform: rotate(450deg);
		transform: rotate(450deg);
	}
	100%{
		-webkit-transform: rotate(630deg);
		transform: rotate(630deg);
	}
}

@-webkit-keyframes icon_rotate_3d{
	0%{
        -webkit-transform: perspective(120px) rotateX(0) rotateY(0); 
		transform: perspective(120px) rotateX(0) rotateY(0);
	}
	20%{
		-webkit-transform: perspective(120px) rotateX(0) rotateY(0); 
		transform: perspective(120px) rotateX(0) rotateY(0);
	}
	35%{
		-webkit-transform: perspective(120px) rotateX(-180deg) rotateY(0); 
		transform: perspective(120px) rotateX(-180deg) rotateY(0);
	}
	45%{
		-webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-180deg);
		transform: perspective(120px) rotateX(-180deg) rotateY(-180deg);
	}
	55%{
		-webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-180deg);
		transform: perspective(120px) rotateX(-180deg) rotateY(-180deg);
	}
	65%{
		-webkit-transform: perspective(120px) rotateX(-360deg) rotateY(-180deg); 
		transform: perspective(120px) rotateX(-360deg) rotateY(-180deg);
	}
	75%{
		-webkit-transform: perspective(120px) rotateX(-360deg) rotateY(-360deg); 
		transform: perspective(120px) rotateX(-360deg) rotateY(-360deg);
	}
	90%{
		-webkit-transform: perspective(120px) rotateX(-360deg) rotateY(-360deg); 
		transform: perspective(120px) rotateX(-360deg) rotateY(-360deg);
	}
	100%{
		-webkit-transform: perspective(120px) rotateX(0) rotateY(0); 
		transform: perspective(120px) rotateX(0) rotateY(0);
	}
}
@keyframes icon_rotate_3d{
	0%{
        -webkit-transform: perspective(120px) rotateX(0) rotateY(0); 
		transform: perspective(120px) rotateX(0) rotateY(0);
	}
	20%{
		-webkit-transform: perspective(120px) rotateX(0) rotateY(0); 
		transform: perspective(120px) rotateX(0) rotateY(0);
	}
	35%{
		-webkit-transform: perspective(120px) rotateX(-180deg) rotateY(0); 
		transform: perspective(120px) rotateX(-180deg) rotateY(0);
	}
	45%{
		-webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-180deg);
		transform: perspective(120px) rotateX(-180deg) rotateY(-180deg);
	}
	55%{
		-webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-180deg);
		transform: perspective(120px) rotateX(-180deg) rotateY(-180deg);
	}
	65%{
		-webkit-transform: perspective(120px) rotateX(-360deg) rotateY(-180deg); 
		transform: perspective(120px) rotateX(-360deg) rotateY(-180deg);
	}
	75%{
		-webkit-transform: perspective(120px) rotateX(-360deg) rotateY(-360deg); 
		transform: perspective(120px) rotateX(-360deg) rotateY(-360deg);
	}
	90%{
		-webkit-transform: perspective(120px) rotateX(-360deg) rotateY(-360deg); 
		transform: perspective(120px) rotateX(-360deg) rotateY(-360deg);
	}
	100%{
		-webkit-transform: perspective(120px) rotateX(0) rotateY(0); 
		transform: perspective(120px) rotateX(0) rotateY(0);
	}
}

@-webkit-keyframes icon_arrow_right{
	0%{
        -webkit-transform: translateX(0); 
        transform: translateX(0); 
	}
	20%{
       -webkit- transform: translateX(0); 
        transform: translateX(0); 
	}
	23%{
		-webkit-transform: translateX(-4px); 
		transform: translateX(-4px); 
	}
	25%{
		-webkit-transform: translateX(6px); 
		transform: translateX(6px); 
	}
	27%{
		-webkit-transform: translateX(-3px); 
		transform: translateX(-3px); 
	}
	28%{
		-webkit-transform: translateX(0); 
		transform: translateX(0); 
	}
	60%{
        -webkit-transform: translateX(0); 
        transform: translateX(0); 
	}
	70%{
       -webkit-transform: translateX(0); 
        transform: translateX(0); 
	}
	73%{
		-webkit-transform: translateX(-4px); 
		transform: translateX(-4px); 
	}
	75%{
		-webkit-transform: translateX(6px); 
		transform: translateX(6px); 
	}
	77%{
		-webkit-transform: translateX(-3px); 
		transform: translateX(-3px); 
	}
	78%{
		-webkit-transform: translateX(0); 
		transform: translateX(0); 
	}
	100%{
		-webkit-transform: translateX(0); 
		transform: translateX(0); 
	}
}
@keyframes icon_arrow_right{
	0%{
        -webkit-transform: translateX(0); 
        transform: translateX(0); 
	}
	20%{
       -webkit- transform: translateX(0); 
        transform: translateX(0); 
	}
	23%{
		-webkit-transform: translateX(-4px); 
		transform: translateX(-4px); 
	}
	25%{
		-webkit-transform: translateX(6px); 
		transform: translateX(6px); 
	}
	27%{
		-webkit-transform: translateX(-3px); 
		transform: translateX(-3px); 
	}
	28%{
		-webkit-transform: translateX(0); 
		transform: translateX(0); 
	}
	60%{
        -webkit-transform: translateX(0); 
        transform: translateX(0); 
	}
	70%{
       -webkit-transform: translateX(0); 
        transform: translateX(0); 
	}
	73%{
		-webkit-transform: translateX(-4px); 
		transform: translateX(-4px); 
	}
	75%{
		-webkit-transform: translateX(6px); 
		transform: translateX(6px); 
	}
	77%{
		-webkit-transform: translateX(-3px); 
		transform: translateX(-3px); 
	}
	78%{
		-webkit-transform: translateX(0); 
		transform: translateX(0); 
	}
	100%{
		-webkit-transform: translateX(0); 
		transform: translateX(0); 
	}
}

@-webkit-keyframes icon_arrow_top{
	0%{
        -webkit-transform: translateY(0); 
        transform: translateY(0); 
	}
	20%{
       -webkit- transform: translateY(0); 
        transform: translateY(0); 
	}
	23%{
		-webkit-transform: translateY(4px); 
		transform: translateY(4px); 
	}
	25%{
		-webkit-transform: translateY(-6px); 
		transform: translateY(-6px); 
	}
	27%{
		-webkit-transform: translateY(3px); 
		transform: translateY(3px); 
	}
	28%{
		-webkit-transform: translateY(0); 
		transform: translateY(0); 
	}
	60%{
        -webkit-transform: translateY(0); 
        transform: translateY(0); 
	}
	70%{
       -webkit-transform: translateY(0); 
        transform: translateY(0); 
	}
	73%{
		-webkit-transform: translateY(4px); 
		transform: translateY(4px); 
	}
	75%{
		-webkit-transform: translateY(-6px); 
		transform: translateY(-6px); 
	}
	77%{
		-webkit-transform: translateY(3px); 
		transform: translateY(3px); 
	}
	78%{
		-webkit-transform: translateY(0); 
		transform: translateY(0); 
	}
	100%{
		-webkit-transform: translateY(0); 
		transform: translateY(0); 
	}
}
@keyframes icon_arrow_top{
	0%{
        -webkit-transform: translateY(0); 
        transform: translateY(0); 
	}
	20%{
       -webkit- transform: translateY(0); 
        transform: translateY(0); 
	}
	23%{
		-webkit-transform: translateY(4px); 
		transform: translateY(4px); 
	}
	25%{
		-webkit-transform: translateY(-6px); 
		transform: translateY(-6px); 
	}
	27%{
		-webkit-transform: translateY(3px); 
		transform: translateY(3px); 
	}
	28%{
		-webkit-transform: translateY(0); 
		transform: translateY(0); 
	}
	60%{
        -webkit-transform: translateY(0); 
        transform: translateY(0); 
	}
	70%{
       -webkit-transform: translateY(0); 
        transform: translateY(0); 
	}
	73%{
		-webkit-transform: translateY(4px); 
		transform: translateY(4px); 
	}
	75%{
		-webkit-transform: translateY(-6px); 
		transform: translateY(-6px); 
	}
	77%{
		-webkit-transform: translateY(3px); 
		transform: translateY(3px); 
	}
	78%{
		-webkit-transform: translateY(0); 
		transform: translateY(0); 
	}
	100%{
		-webkit-transform: translateY(0); 
		transform: translateY(0); 
	}
}

/*@-webkit-keyframes big_arrow_grey_draw{
	0%{
		stroke-dashoffset: -1200; 
	}
	25%{
		stroke-dashoffset: 0;
	}
	50%{
		stroke-dashoffset: 0;
	}
	75%{
		stroke-dashoffset: 1200; 
	}
	75.01%{
		stroke-dashoffset: 1200; 
		opacity: 1;
	}
	75.02%{
		stroke-dashoffset: 1200; 
		opacity: 0;
	}
	75.03%{
		stroke-dashoffset: -1200; 
		opacity: 0;
	}
	75.04%{
		stroke-dashoffset: -1200; 
		opacity: 1;
	}
	75.05%{
		stroke-dashoffset: -1200; 
	}
	100%{
		stroke-dashoffset: 0;
	}
}
@keyframes big_arrow_grey_draw{
	0%{
		stroke-dashoffset: -1200; 
	}
	25%{
		stroke-dashoffset: 0;
	}
	50%{
		stroke-dashoffset: 0;
	}
	75%{
		stroke-dashoffset: 1200; 
	}
	75.01%{
		stroke-dashoffset: 1200; 
		opacity: 1;
	}
	75.02%{
		stroke-dashoffset: 1200; 
		opacity: 0;
	}
	75.03%{
		stroke-dashoffset: -1200; 
		opacity: 0;
	}
	75.04%{
		stroke-dashoffset: -1200; 
		opacity: 1;
	}
	75.05%{
		stroke-dashoffset: -1200; 
	}
	100%{
		stroke-dashoffset: 0;
	}
}*/

@-webkit-keyframes big_arrow_grey_draw{
	0%{
		stroke-dashoffset: 1200; 
	}
	100%{
		stroke-dashoffset: 0;
	}
}
@keyframes big_arrow_grey_draw{
	0%{
		stroke-dashoffset: 1200; 
	}
	100%{
		stroke-dashoffset: 0;
	}
}

.layer_animated_element{
	position: relative;
}
.layer_animated_element .layer{
	position: absolute;
}
.layer_animated_element.prepare .layer{
	width: 0;
	overflow: hidden;
}
.layer_animated_element .layer_1{
	background: #000;
	
	-webkit-transition: width 0.6s ease-out;
	transition: width 0.6s ease-out;
}
.layer_animated_element .layer_2{
	z-index: 1;
	background: #fff;
	
	-webkit-transition: width 0.6s ease-out 0.6s;
	transition: width 0.6s ease-out 0.6s;
}
.layer_animated_element.draw .layer_1{
	width: 100%;
}
.layer_animated_element.draw .layer_2{
	width: 100%;
}

@media (max-width: 1250px){
	.layer_animated_element .layer{
		position: relative;
	}
	.layer_animated_element .layer_1{
		display: none;
	}
	.layer_animated_element .layer_2{
		background: transparent;
	}
	#main_part_inner .we_create_block, #main_part_inner .we_create_block .layer_inner{
		width: auto !important;
		height: auto !important;
	}
	.layer_animated_element .layer{
		width: auto !important;
		overflow: visible !important;
	}
}
/*END Animation of elements*/

/*BEGIN #top_nav*/
#top_nav_inner{
	position: relative;
	height: 70px;
}
#top_nav_inner .human_logo{
	position: absolute;
	bottom: -30px;
	left: 50%;
	
	-webkit-transform: translateX(-90px);
	transform: translateX(-90px);
}
#top_nav_inner .animated_elements_wrapper.left{
	bottom: 0;
	left: 0;
	width: 45px;
	height: 47px;
}
#top_nav_inner .animated_elements_wrapper.right{
	bottom: 0;
	right: 0;
	width: 18px;
	height: 45px;
}
#top_nav_inner .animated_elements_wrapper.left .m{
	display: none;
}
#top_nav_inner .animated_elements_wrapper.left .animated_element_block.square{
	top: 0;
	left: 0;
}
#top_nav_inner .animated_elements_wrapper.left .animated_element_block.arrow{
	top: 0;
	right: 0;
}
#top_nav_inner .animated_elements_wrapper.left .fill_smile_small{
	position: absolute;
	bottom: 0;
	left: 0;
}
#top_nav_inner .animated_elements_wrapper.right .animated_element_block.cross_diagonal{
	top: 0;
	left: 0;
}
#top_nav_inner .animated_elements_wrapper.right .animated_element_block.cross_simple{
	bottom: 0;
	left: 0;
}
#top_nav_inner .part{
	position: absolute;
	bottom: 0;
	width: 50%;
	height: 30px;
}
#top_nav_inner .part_left{
	left: 0;
}
#top_nav_inner .part_right{
	right: 0;
}
#top_nav_inner .part a{
	position: absolute;
	bottom: -10px;
	left: 50%;
	
	font-family: "WorkSans-Bold";
	font-size: 1.4em;
	color: #393f4d;
	line-height: 30px;
	letter-spacing: 0.02px;
	
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
}
#top_nav_inner .part_left a{
	margin-left: -40px;
}
#top_nav_inner .part_right a{
	margin-left: 40px;
}
#top_nav_inner .part a .word{
	position: relative;
	left: 0;
	
	-webkit-transition: 0.2s ease-in-out;
	transition: 0.2s ease-in-out;
}
#top_nav_inner .part_left a::after{
	content: "";
	position: absolute;
	top: 16px;
	right: 0;
	width: 0;
	height: 2px;
	background: #393f4d;

	-webkit-transition: 0.2s ease-in-out;
	transition: 0.2s ease-in-out;
}
#top_nav_inner .part_right a::after{
	content: "";
	position: absolute;
	top: 16px;
	left: 0;
	width: 0;
	height: 2px;
	background: #393f4d;

	-webkit-transition: 0.2s ease-in-out;
	transition: 0.2s ease-in-out;
}

@media (min-width: 1251px){
	#top_nav_inner .part_left a:hover .word{
		left: -44px;
	}
	#top_nav_inner .part_right a:hover .word{
		left: 44px;
	}
	#top_nav_inner .part_left a:hover::after{
		width: 38px;
		
		-webkit-transition: 0.2s ease-in-out 0.2s;
		transition: 0.2s ease-in-out 0.2s;
	}
	#top_nav_inner .part_right a:hover::after{
		width: 38px;
		
		-webkit-transition: 0.2s ease-in-out 0.2s;
		transition: 0.2s ease-in-out 0.2s;
	}
}

@media (max-width: 700px){
	#top_nav_inner{
		height: auto;
	}
	#top_nav_inner .human_logo{
		position: relative;
		display: block;
		bottom: auto;
		left: 0;
		width: 148px;
		height: auto;
		margin: auto;
		padding-top: 15px;
		
		-webkit-transform: none;
		transform: none;
	}
	#top_nav_inner .animated_elements_wrapper.left{
		height: 48px;
		width: 18px;
	}
	#top_nav_inner .animated_elements_wrapper.left, #top_nav_inner .animated_elements_wrapper.right{
		top: 15px;
	}
	#top_nav_inner .animated_elements_wrapper.right{
		height: 48px;
	}
	#top_nav_inner .animated_elements_wrapper.left .d{
		display: none;
	}
	#top_nav_inner .animated_elements_wrapper.left .m{
		display: block;
	}
	#top_nav_inner .animated_elements_wrapper.left .animated_element_block.cross_diagonal{
		top: 0;
		left: 0;
	}
	#top_nav_inner .animated_elements_wrapper.left .animated_element_block.cross_simple{
		bottom: 0;
		left: 0;
	}
	#top_nav_inner .animated_elements_wrapper.right .animated_element_block.cross_diagonal{
		top: auto;
		bottom: 0;
	}
	#top_nav_inner .animated_elements_wrapper.right .animated_element_block.cross_simple{
		top: 0;
		bottom: auto;
	}
	#top_nav_inner .part{
		position: relative;
		width: 100%;
	}
	#top_nav_inner .part_left{
		margin-top: 20px;
	}
	#top_nav_inner .part_right{
		right: auto;
	}
	#top_nav_inner .part_left a, #top_nav_inner .part_right a{
		margin-left: 0;
	}
	#top_nav_inner .part a{
		bottom: auto;
	}
}
/*END #top_nav*/

/*BEGIN #main_part*/
#main_part{
	background: #fff;
	padding-top: 115px;
}
#main_part_inner{
	position: relative;
}
#main_part_inner .we_create_block, #main_part_inner .we_create_block .layer_inner{
	width: 1010px;
	height: 320px;
}
#main_part_inner .we_create_block h1, #main_part_inner .we_create_block p{
	margin: 0;
	
	font-family: "HK-Grotesk-Bold-Legacy";
	font-size: 5.46em;
	text-transform: uppercase;
	letter-spacing: 0.01em;
	line-height: 1.5em;
}
 #main_part_inner .we_create_block .layer_1 h1, #main_part_inner .we_create_block .layer_1 p{
	color: #fff;
}
 #main_part_inner .we_create_block .layer_2 h1, #main_part_inner .we_create_block .layer_2 p{
	color: #190521;
}
#main_part_inner .we_create_block h1 .accentuation, #main_part_inner .we_create_block p .accentuation{
	border-width: 3px;
}

.humans_do_general{
	position: relative;
	margin-top: 60px;
	height: 440px;
}
.humans_do_block{
	float: right;
	overflow: hidden;
}
.humans_do_block, .humans_do_block .layer_inner{
	width: 680px;
	height: 310px;
}
#main_part_inner .humans_do_general .layer_1 p{
	color: #fff;
}
#main_part_inner .humans_do_general .layer_2 p{
	color: #190521;
}
.humans_do_general p{
	font-family: "WorkSans-Black";
	text-transform: uppercase;
}
.humans_do_general p:nth-child(1){
	position: absolute;
	top: 113px;
    left: -115px;
	font-size: 6.32em;
	
	-webkit-transform: rotate(-90deg);
	transform: rotate(-90deg);
}
.humans_do_general p:nth-child(2){
	margin: 0;
	padding-left: 50px;
	height: 310px;
	line-height: 300px;
	font-size: 43.4em;
}
.humans_do_general .layer_2 p:nth-child(2){
	background:	url("../img/do.jpg") repeat 0 0;
	
	-webkit-font-smoothing:	antialiased;
    -webkit-background-clip: text;
    -moz-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none){
    .humans_do_general .layer_2 p:nth-child(2){
		background: none;
		-webkit-text-fill-color: #190521;
	}
}
@supports (-ms-ime-align:auto){
	#spaceman{
		top: 43px !important;
		left: 27px !important;
	}
}
.humans_do_general .bag{
	top: 0;
	left: 325px;
}
.humans_do_general .animated_elements_wrapper{
	top: 60px;
	left: 0;
	width: 45px;
	height: 18px;
}
.humans_do_general .animated_elements_wrapper .animated_element_block.cross_diagonal{
    top: 0;
    right: 0;
}
.humans_do_general .animated_elements_wrapper .animated_element_block.line_cross_simple{
    top: 0;
    left: 0;
}
#main_part_inner .side_decor_text.from_bottom{
    top: 612px;
    left: -50px;
}
#main_part_inner .side_decor_text.from_top{
    top: 67px;
    right: -50px;
}

@media (max-width: 1250px){
	.humans_do_general .bag{
		left: 75px;
	}
}

@media (max-width: 1080px){
	#main_part{
		padding-top: 90px;
	}
	#main_part_inner .we_create_block h1, #main_part_inner .we_create_block p{
		font-size: 3.9em;
		letter-spacing: 0;
	}
	#main_part_inner .we_create_block h1 .accentuation, #main_part_inner .we_create_block p .accentuation{
		border-width: 2px;
	}
	.humans_do_block, .humans_do_block .layer_inner{
		width: 490px;
		height: 230px;
	}
	.humans_do_general{
		height: 250px;
	}
	.humans_do_general p:nth-child(1){
		top: 83px;
		left: -73px;
		font-size: 4.5em;
	}
	.humans_do_general p:nth-child(2){
		height: 230px;
		line-height: 220px;
		font-size: 30em;
	}
	.animated_element_block.bag{
		top: 0;
		left: 10%;
		width: 238px;
		height: 245px;
		
		background: url(../img/big_arrow_grey.svg) no-repeat 0 0;
		background-size: 238px 245px;
	}
	.animated_element_block.bag .animated_element_icon_block{
		width: 238px;
		height: 245px;
	}
	.animated_icon.big_arrow_grey{
		display: none;
	}
	.humans_do_general .animated_elements_wrapper{
		top: 10px;
	}
	#main_part_inner .side_decor_text.from_bottom{
		top: 440px;
	}
	#main_part_inner .side_decor_text.from_top{
		top: 62px;
	}
}

@media (max-width: 767px){
	#main_part{
		padding-top: 70px;
	}
	#main_part_inner .we_create_block h1, #main_part_inner .we_create_block p{
		font-size: 3em;
	}
	.animated_element_block.bag{
		left: 60px;
	}
	#main_part_inner .side_decor_text.from_top{
		top: 59px;
	}
	#main_part_inner .side_decor_text.from_bottom{
		top: 390px;
	}
}

@media (max-width: 700px){
	#main_part{
		padding-top: 30px;
	}
}

@media (max-width: 600px){
	#main_part{
		padding-top: 40px;
	}
	.we_create_block{
		margin: auto;
	}
	#main_part_inner .we_create_block h1, #main_part_inner .we_create_block p{
		font-size: 1.6em;
		text-align: center;
		line-height: 1.6em;
	}
	#main_part_inner .we_create_block h1 .accentuation, #main_part_inner .we_create_block p .accentuation{
		border-width: 0;
	}
	.animated_element_block.bag, .humans_do_general .animated_elements_wrapper{
		display: none;
	}
	.humans_do_block{
		float: none;
	}
	.humans_do_block, .humans_do_block .layer_inner{
		width: 290px;
		height: 100px;
		margin: auto;
	}
	.humans_do_general{
		height: auto;
		margin-top: 40px;
	}
	.humans_do_general p:nth-child(1){
		top: 36px;
		left: 10px;
		font-size: 1.97em;
	}
	.humans_do_general p:nth-child(2){
		padding-left: 64px;
		height: 100px;
		line-height: 98px;
		font-size: 13em;
	}
}
/*END #main_part*/

/*BEGIN #contacts_screen*/
#contacts_screen{
	background: #fff;
	padding-bottom: 160px;
}
#contacts_screen_inner{
	position: relative;
}
#contacts_screen_inner h2{
	margin: 0;
	
	font-family: "HK-Grotesk-Bold-Legacy";
	font-size: 3.3em;
	color: #190521;
	text-transform: uppercase;
	letter-spacing: 0.2em;
}
#contacts_screen_inner .animated_elements_wrapper{
	top: 0;
	right: 0;
	width: 45px;
	height: 45px;
}
#contacts_screen_inner .animated_elements_wrapper .animated_element_block.arrow{
	top: 0;
	right: 0;
}
#contacts_screen_inner .animated_elements_wrapper .animated_element_block.cross_simple{
	bottom: 0;
	left: 0;
}
#contacts_screen_inner .animated_elements_wrapper .animated_element_block.square{
	bottom: 0;
	right: 0;
}
#main_page_simple_form{
	margin-top: 60px;
	
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	
	-webkit-flex-flow: row wrap;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
	
	-webkit-justify-content: left;
	justify-content: left;
	
	-webkit-align-items: bottom;
	align-items: bottom;
}
#main_page_simple_form .input_part{
	width: 66.66%;
}
#main_page_simple_form .button_part{
	position: relative;
	width: 33.33%;
}
#main_page_simple_form .field_wrapper{
	display: inline-block;
}
#main_page_simple_form .field_wrapper_name{
	margin-right: 30px;
}
#main_page_simple_form .field_wrapper_name, #main_page_simple_form .field_wrapper_email{
	width: calc(50% - 30px);
}
#main_page_simple_form .textarea_wrapper{
	width: calc(100% - 30px);
	margin-top: 20px;
    margin-bottom: 0;
}
#main_page_simple_form_go{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 116px;
	background: #fe0072;
	
	-webkit-transition: background-color 0.4s ease-in-out;
    transition: background-color 0.4s ease-in-out;
}
#main_page_simple_form_go .arrow{
	position: absolute;
	top: 50%;
	left: 50%;
	width: 37px;
	height: 37px;
	background: url(../img/icons/line_white_arrow_right.png) no-repeat 0 0;
	background-size: 37px 37px;
	margin-top: -18px;
	margin-left: -90px;
	
	-webkit-transition: margin 0.4s ease-in-out;
    transition: margin 0.4s ease-in-out;
}
#main_page_simple_form_go span{
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	
	font-family: "HK-Grotesk-Bold-Legacy";
    font-size: 1.8em;
    color: #fff;
	text-align: center;
	text-transform: uppercase;
	line-height: 0;
    letter-spacing: 0.3em;
}
#contacts_screen .animated_elements_wrapper:last-child{
	bottom: 60px;
    left: 50%;
    width: 45px;
    height: 47px;
	margin-left: -22px;
}
#contacts_screen .animated_elements_wrapper .animated_element_block.heart_1{
	top: 0;
	left: 0;
}
#contacts_screen .animated_elements_wrapper .animated_element_block.heart_2{
	top: 0;
	right: 0;
}
#contacts_screen .animated_elements_wrapper .fill_smile_small{
	position: absolute;
	bottom: 0;
	left: 0;
}

@media (min-width: 1251px){
	#main_page_simple_form_go:hover{
		background: #00dbdd;
	}
	#main_page_simple_form_go:hover .arrow{
		margin-left: 60px;
	}
}

@media (max-width: 1250px){
	#contacts_screen{
		margin-top: 50px;
	}
}

@media (max-width: 1080px){
	#contacts_screen{
		margin-top: 80px;
	}
}


@media (max-width: 767px){
	#contacts_screen_inner h2{
		font-size: 3em;
	}
	#main_page_simple_form{
		display: block;
	}
	#main_page_simple_form .input_part, #main_page_simple_form .button_part{
		width: 100%;
	}
	#main_page_simple_form .field_wrapper{
		display: block;
	}
	#main_page_simple_form .field_wrapper_name{
		margin-right: 0;
	}
	#main_page_simple_form .field_wrapper_name, #main_page_simple_form .field_wrapper_email, #main_page_simple_form .textarea_wrapper{
		width: 100%;
		margin-top: 0;
	}
	#main_page_simple_form .textarea_wrapper{
		margin-bottom: 60px;
	}
	#main_page_simple_form_go{
		position: relative;
		width: 100%;
		height: 100px;
	}
}

@media (max-width: 600px){
	#contacts_screen_inner .animated_elements_wrapper{
		display: none;
	}
	#contacts_screen_inner h2{
		font-size: 1.6em;
		text-align: center;
		line-height: 1.6em;
		letter-spacing: 0.1em;
	}
	#main_page_simple_form{
		width: 100%;
		max-width: 340px;
		margin: 30px auto 0;
	}
	.field_wrapper .field, .field_wrapper .span_placeholder{
		font-size: 1.6em;
	}
	#main_page_simple_form_go{
		height: 76px;
	}
	#main_page_simple_form_go .arrow{
		width: 30px;
		height: 30px;
		background-size: 30px 30px;
		margin-top: -15px;
		margin-left: -75px;
	}
	#main_page_simple_form_go span{
		font-size: 1.6em;
	}
}
/*END #contacts_screen*/