/*-------------------------------------------------------------------------
=HEADER
-------------------------------------------------------------------------*/
header{
	position: relative;
	right: 0;
	width: 1280px;
	height: 0;
	z-index: 900;
	-moz-transition: left 0.4s linear;
	-webkit-transition: left 0.4s linear;
	-o-transition: left 0.4s linear;
	transition: left 0.4s linear;
	margin: 0 auto;
}

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

.bg_fix {
    overflow: hidden;
    width: 100%;
    position: absolute;
    top: 0;
    height: 1850px;
}

input:focus,select:focus,textarea:focus,button:focus{outline:none !important;box-shadow:none !important}

/*-------------------------------------------------------------------------
=NAVIGATION
-------------------------------------------------------------------------*/
nav{position: absolute; right: 168px; top: 200px; width: 286px; height: 79px;}
nav #btnGO{
	position: absolute; left:0; top: 26px; width: 40px; height: 40px; text-indent: -5555px; z-index: 50;
	background: transparent url(../imgs/nav-btn-grabgo.png) no-repeat;
	cursor: url(../imgs/cursor-grab.gif), move;
}

@font-face {
	font-family: "trixie_c";
	src: url(../fonts/trixie_c.otf);
}

@font-face {
	font-family: "PT_Sans_Narrow_Bold";
	src: url(../fonts/PT_Sans_Narrow_Bold.ttf);
}

@font-face {
	font-family: "HeliosCond";
	src: url(../fonts/HeliosCond.ttf);
}

@font-face {
	font-family: "hb";
	src: url(../fonts/hb.otf);
}

@font-face {
	font-family: "hl";
	src: url(../fonts/hl.otf);
}

nav #btnGO.press{
	cursor: url(../imgs/cursor-grabbing.gif), move;
}
nav ul{position: absolute; left:0; z-index: 20; top: 48px;}
nav li{display:block; position: absolute; left: 0; top: 0; height: 30px; cursor: pointer;}
nav #navL1{left: 18px; width: 20px;}
nav #navL2{left: 76px; width: 20px;}
nav #navL3{left: 141px; width: 20px;}
nav #navL4{left: 205px; width: 20px;}
nav #navL5{left: 266px; width: 20px;}

nav li:hover span:first-child{opacity:1;}

nav #navL1 span{background-position: 0 0;}
nav #navL2 span{background-position: -118px 0;}
nav #navL3 span{background-position: -245px 0;}
nav #navL4 span{background-position: -405px 0;}
nav #navL5 span{background-position: -605px 0;}

nav #navL1.visited span{background-position: 0 -60px;}
nav #navL2.visited span{background-position: -118px -60px;}
nav #navL3.visited span{background-position: -245px -60px;}
nav #navL4.visited span{background-position: -405px -60px;}
nav #navL5.visited span{background-position: -605px -60px;}
nav #navL1.visited span:first-child{background-position: 0 0;}
nav #navL2.visited span:first-child{background-position: -118px 0;}
nav #navL3.visited span:first-child{background-position: -245px 0;}
nav #navL4.visited span:first-child{background-position: -405px 0;}
nav #navL5.visited span:first-child{background-position: -605px 0;}

.before, .after{
	display: block; width: 268px; height: 10px; position: absolute; top: 48px; left: 18px;
	background: transparent url(../imgs/nav-dots.png);
}
.after{background: transparent url(../imgs/nav-dots.png);}

/* Levels*/
.z150, .z180, .z185, .z190, .z195, .z200, .z275, .z280, .z285, .z290, .z295, .z300
{z-index: 150; position: absolute; left: 0; top: 0; height: 100%;
    animation: fadeInFromNone 0.5s ease-out;
    opacity: 1;
}
.z180{z-index: 180;}
.z185{z-index: 185;}
.z190{z-index: 190;}
.z195{z-index: 195;}
.z200{z-index: 200;}
.z275{z-index: 200;}
.z280{z-index: 280;}
.z285{z-index: 285;}
.z290{z-index: 290;}
.z295{z-index: 295;}
.z300{z-index: 300;}

#bg1, #bg2, #bg3, #bg4, #bg5 {
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	height: 1850px;
	width: 100%;
}

#content {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
	z-index: 100;
	height: 1850px;
	margin-top: -300px;
	position: relative;
	z-index: 121;
}

.header {
	background-image: url(../imgs/eng/top-min.png);
	position: relative;
	background-position: top center;
	z-index: 131;
	height: 300px;
}

.wrapper {
    width: 1280px;
    margin: 0 auto;
    position: relative;
}

.fix_mob {
   /*  overflow: hidden; */
    height: 300px;
}

.wrapper_content {
	width: 965px;
	margin: 0 auto;
	position: relative;
	z-index: 132;
}

.wrapper1 {
	width: 1280px;
	margin: 0 auto;
	position: relative;
}

.wrapper2 {
	width: 1280px;
	margin: 0 auto;
	position: relative;
	margin-left: 200vw;
}

.wrapper3 {
	width: 1280px;
	margin: 0 auto;
	position: relative;
	margin-left: 400vw;
}

.wrapper4 {
	width: 1280px;
	margin: 0 auto;
	position: relative;
	margin-left: 600vw;
}

.wrapper5 {
	width: 1280px;
	margin: 0 auto;
	position: relative;
	margin-left: 800vw;
}

.bg {
	background-position: top center;
	height: 100%;
	width: 100vw;
    background-size: 2560px;
}

#bg5 .bg {
	position: absolute;
	left: 800vw;
	bottom: 0px;
	top: auto;
	background-image: url(../imgs/bg1/bg1.png);
	background-position: -548px top;
}

#bg4 .bg {
	position: absolute;
	left: 600vw;
	bottom: 0px;
	top: auto;
	background-image: url(../imgs/bg2-min.png);
	background-position: -548px top;
}

#bg3 .bg {
	position: absolute;
	left: 400vw;
	bottom: 0px;
	top: auto;
	/* background-image: url(../imgs/bg3-min.png); */
	background-image: url(../imgs/bg3.jpg);
    background-position: -532px top;
}

#bg2 .bg {
	position: absolute;
	left: 200vw;
	bottom: 0px;
	top: auto;
	background-image: url(../imgs/bg4-min.png);
	background-position: -560px top;
}

#bg1 .bg {
	position: absolute;
	left: 0;
	bottom: 0px;
	top: auto;
	background-image: url(../imgs/bg5-min.png);
}

.header .phone {
	color: #504847;
	font-size: 40px;
	letter-spacing: -1.12px;
	font-family: "trixie_c";
	position: absolute;
	right: 156px;
	top: 14px;
	background: linear-gradient(-228deg, #3f3e3e 0%, #872f2f 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.header .top_nav li  {
	display: inline-block;
	margin-left: 22px;
	position: relative;
}

.header .top_nav li {
    background-image: linear-gradient(-228deg, #415166 0%, #495897 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.header .top_nav li span {
    display: inline-block;
    vertical-align: top;
    width: 12px;
    height: 12px;
    background-color: #8a0d57;
    margin: 0 5px;
    border-radius: 50%;
    margin-top: 4px;
}

.header .top_nav li a {
	color: #5a4040;
	font-size: 21px;
	font-size: 21px;
	text-decoration: underline;
	font-family: "PT_Sans_Narrow_Bold";
	transition: 0.1s;
}

.header .top_nav li a:hover {
    color: #7d5f5f;
}

.header .top_nav li:after {
	position: absolute;
	width: 12px;
	height: 12px;
	background-color: #8a0d57;
	right: -20px;
	top: 6px;
	content: "";
	border-radius: 50%;
}

.header .top_nav li:last-child:after {
	display: none;
}

.header .perception {
    color: #028e02;
    font-size: 22px;
    line-height: 20px;
    font-family: "PT_Sans_Narrow_Bold";
    position: absolute;
    right: 219px;
    top: 117px;
    transition: 0.1s;
    width: 120px;
}

.header .perception a {
    color: #028e02;
    display: inline-block;
    width: 100%;
}

.header .top_nav {
	position: absolute;
	right: 156px;
	top: 59px;
	z-index: 400;
	
}

.header .all_nav li span {
    width: 12px;
    height: 12px;
    background-color: #d7ebf6;
    display: inline-block;
    border-radius: 50%;
    vertical-align: top;
    margin-top: 5px;
    margin-right: 4px;
}

.header .all_nav li a {
	text-decoration: underline;
	font-size: 23px;
	color: #1f3c59;
	font-family: "PT_Sans_Narrow_Bold";
	transition: 0.1s;
	margin-right: 4px;
}

.header .all_nav li a:hover {
    color: #32577b;
}

.header .all_nav li a:last-child:after {
	display: none;
}

.header .all_nav li {
    background: linear-gradient(87deg, #203f75 0%, #47303d 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

/* .header .all_nav li a:after {
    background-color: #d7ebf6;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    content: '';
    position: absolute;
    right: -20px;
    top: 6px;
} */

.header .all_nav {
	left: 180px;
	position: absolute;
	top: 179px;
	z-index: 9999;
}

.soc li {
	display: inline-block;
	margin-left: 4px;
}

.soc {
	position: absolute;
	right: 358px;
	top: 175px;
	z-index: 400;
}

#content .coffe {
	position: absolute;
	right: 265px;
	height: 100%;
	top: 317px;
}

#content .photo {
	position: absolute;
	right: 336px;
	top: 1052px;
}

.notebook {
	position: absolute;
	/* left: -414px; */
	left: calc(800vw - 414px);
	top: 211px;
}

#content .phone {
	position: absolute;
	top: 1058px;
	left: -481px;
}

#content .cactus {
	position: absolute;
	left: -703px;
	top: -19px;
}

@keyframes fadeInFromNone {
	0% {
		opacity: 0;
	}

	50% {
		opacity: 0.5;
	}

	100% {
		opacity: 1;
	}
}

@keyframes fadeOutFromNone {
	0% {
		opacity: 1;
	}

	50% {
		opacity: 0.5;
	}

	100% {
		opacity: 0;
	}
}

.was {
	animation: fadeOutFromNone 0.5s ease-out;
	opacity: 0;
}

.here {
	animation: fadeInFromNone 0.5s ease-out;
}

.wrapper5 .form {
	position: absolute;
	top: 1348px;
	left: 494px;
	font-family: "HeliosCond";
}

.wrapper5 .form form {
	position: relative;
	text-align: right;
	padding: 13px 46px;
}

.wrapper5 .form form:after {
	position: absolute;
	content: '';
	left: 0;
	top: 0;
	opacity: 0.54;
	background-color: #3a3e47;
	border-radius: 15px;
	width: 100%;
	height: 100%;
}

.wrapper5 .form label {
	display: block;
	color: #ffffff;
	font-size: 22px;
	font-weight: 400;
	position: relative;
	z-index: 1;
	text-align: left;
    padding-bottom: 10px;
}

.wrapper5 .form input {
	background-color: #ffffff;
	border-radius: 15px;
	width: 405px;
	height: 29px;
	position: relative;
	z-index: 1;
	border: none;
	display: block;
	text-align: left;
	margin-bottom: 8px;
	padding: 10px;
}

.wrapper5 .form textarea {
	background-color: #ffffff;
	border-radius: 15px;
	width: 405px;
	height: 76px;
	position: relative;
	z-index: 1;
	border: none;
	display: block;
	text-align: left;
	padding: 10px;
}

.wrapper5 .form button {
	background-color: #8e0052;
	border-radius: 15px;
	height: 48px;
	width: 246px;
	line-height: 40px;
	font-size: 22px;
	color: #ffffff;
	position: relative;
	z-index: 1;
	border: none;
	display: block;
	display: inline-block;
	margin-top: 32px;
	font-family: "HeliosCond";
	cursor: pointer;
}

.wrapper5 .desc {
	font-family: "HeliosCond";
	color: #8e0052;
	font-size: 27px;
	letter-spacing: -0.68px;
	position: absolute;
	left: 299px;
	top: 1263px;
}

.wrapper5 .desc a {
	text-decoration: underline;
	color: #8e0052;
}

.wrapper5 .desc2 {
	font-family: "HeliosCond";
	color: #151417;
	font-size: 30px;
	letter-spacing: -0.68px;
	position: absolute;
	left: 492px;
	top: 1299px;
}

.wrapper5 .desc3 {
	font-size: 60px;
	color: #8e0052;
	font-family: "hb";
	top: 269px;
	left: 449px;
	position: absolute;
}

.header .dv {
	position: absolute;
	left: 560px;
	top: 243px;
}

.border_bg {
	background-image: url(../imgs/lines-min.png);
	background-position: center top;
	height: 423px;
	width: 100%;
	margin-top: -288px;
	position: relative;
	z-index: 120;
}

.wrapper1 .head {
	font-size: 60px;
	color: #8e0052;
	font-family: "hb";
	position: absolute;
	top: 269px;
	left: 171px;
	z-index: 99;
}

.wrapper1 .desc {
	color: #464646;
	font-size: 26px;
	font-family: "HeliosCond";
	position: absolute;
	left: 794px;
	top: 330px;
	z-index: 99;
	font-weight: 900;
}

.wrapper1 .link_wrap ul {
	position: absolute;
	z-index: 99;
	left: 229px;
	top: 379px;
}

.link_wrap ul li {
	font-size: 26px;
	font-family: "HeliosCond";
	line-height: 40px;
	position: relative;
	text-decoration: none;
	color: #414158;
}

.link_wrap ul li span {
    border-bottom: 1px #696d72 dashed;
}

.link_wrap ul li:after {
	content: url(../imgs/link.png);
	position: absolute;
	left: -21px;
	top: -1px;
}

.link_wrap ul li a {
	text-decoration: none;
	border-bottom: 1px #696d72 dashed;
	color: #414158;
}

.wrapper1 .imgs {
	z-index: 2;
	position: absolute;
	left: 967px;
	top: 399px;
	width: 178px;
}

.wrapper1 .imgs img {
	display: block;
	margin: 0 auto;
	margin-bottom: 31px;
}

.wrapper1 .imgs img:last-child {
	margin-top: 67px;
}

.wrapper1 .desc5 a {
	text-decoration: underline;
	line-height: 40px;
	font-size: 26px;
	color: #8e0052;
	font-family: "HeliosCond";
	position: absolute;
	left: 230px;
	top: 628px;
	z-index: 2;
	font-weight: 900;
}

.wrapper1 .ico {
	position: absolute;
	left: 343px;
	top: 718px;
	z-index: 2;
}

.wrapper1 .ico .ic {
	display: inline-block;
	text-align: center;
	margin-right: 60px;
	cursor: pointer;
	transition: .2s;
	vertical-align: top;
}

.wrapper1 .ico .ic:hover {
    margin-top: -10px;
}


.wrapper1 .ico a {
	text-decoration: none;
}

.wrapper1 .ico a span {
	display: block;
	text-transform: uppercase;
	line-height: 40px;
	font-size: 26px;
	color: #8e0052;
	font-family: "hl";
}

.wrapper1 .desc3 {
	font-size: 60px;
	color: #8e0052;
	font-family: "hb";
	position: absolute;
	left: 460px;
	top: 900px;
	z-index: 2;
}

.wrapper1 .desc1 {
	color: #464646;
	font-size: 27px;
	letter-spacing: -0.68px;
	font-family: "HeliosCond";
	position: absolute;
	left: 457px;
	top: 969px;
	width: 600px;
	font-weight: 700;
}

.wrapper1 .desc1 a {
	text-decoration: underline;
	color: #464646;
}

.wrapper1 .desc2 {
	font-size: 27px;
	color: #1c4b73;
	font-family: "hl";
	position: absolute;
	left: 636px;
	top: 1011px;
	width: 100%;
	display: inline-block;
}

.wrapper1 .form {
	position: absolute;
	top: 1049px;
	left: 610px;
}

.wrapper1 .form form {
	position: relative;
	padding: 4px 46px;
	text-align: right;
}

.wrapper1 .form form:before {
	content: '';
	left: 0;
	top: 0;
	background-color: #4a78c5;
	opacity: 0.23;
	border-radius: 15px;
	width: 100%;
	height: 100%;
	position: absolute;
}

.wrapper1 .form form label {
	color: #000000;
	font-size: 22px;
	line-height: 40px;
	font-family: "HeliosCond";
	text-align: left;
	display: block;
	position: relative;
	z-index: 1;
}

.wrapper1 .form form input, .wrapper1 .form form textarea {
	background-color: #ffffff;
	border-radius: 15px;
	height: 30px;
	width: 405px;
	padding: 10px;
	color: #000;
	text-align: left;
	border: none;
	position: relative;
	z-index: 1;
}

.wrapper1 .form form textarea {
	height: 75px;
}

form button {
    cursor: pointer;
    transition: .1s;
}

form button:hover {
    opacity: 0.8;
}

.wrapper1 .form form button {
	background-color: #1c4b73;
	border-radius: 15px;
	height: 48px;
	width: 246px;
	line-height: 40px;
	font-weight: 400;
	font-size: 22px;
	color: #ffffff;
	font-family: "HeliosCond";
	display: inline-block;
	cursor: pointer;
	border: none;
	position: relative;
	z-index: 1;
	margin-top: 30px;
	margin-bottom: 13px;
}

.wrapper2 .head {
	color: #8e0052;
	font-size: 60px;
	font-family: "hb";
	position: absolute;
	left: 234px;
	top: 266px;
}

.wrapper2 .link_wrap {
	position: absolute;
	z-index: 99;
	left: 292px;
	top: 329px;
}

.wrapper2 .link_bold {
	position: absolute;
	left: 294px;
	top: 638px;
}

.wrapper2 .link_bold span {
	color: #8e0052;
    font-family: "HeliosCond";
    font-size: 26px;
    font-weight: 700;
    text-decoration: underline;
    letter-spacing: -0.65px;
    position: relative;
    padding-right: 23px;
    cursor: pointer;
    margin-right: 15px;
}

.link_bold span a {
    color: #8e0052;
}

.wrapper2 .link_bold span:before {
	position: absolute;
	content: '';
	right: 0px;
	top: 12px;
	background-color: #fbc404;
	height: 12px;
	width: 12px;
	border-radius: 50%;
}

.wrapper2 .link_bold span:last-child:before {
	display: none;
}

.wrapper2 .desc1 {
	position: absolute;
	left: 663px;
	top: 722px;
	z-index: 1000;
}

.wrapper2 .desc1 span {
	display: block;
	padding-left: 26px;
}

.wrapper2 .desc1 span:first-child {
	padding-left: 42px;
}

.wrapper2 .desc1 span:nth-child(3) {
	padding-left: 11px;
}

.wrapper2 .desc1 .div_desc1 {
	color: #008d00;
	font-size: 22px;
	font-family: "HeliosCond";
	line-height: 24px;
	position: relative;
}

.wrapper2 .desc1 .div_desc1:before {
	position: absolute;
	left: -76px;
	top: 43px;
	content: url(../imgs/bg2/graf.png);
}

.wrapper2 .desc1 .div_desc1 .v_link_bold {
	text-decoration: underline;
	line-height: 30px;
	font-weight: 700;
	font-size: 25px;
	color: #8e0052;
	font-family: "HeliosCond";
	cursor: pointer;
}

.wrapper2 .desc2 {
	color: #c8cac9;
	font-size: 95px;
	font-family: "hb";
	background: #8e0052;
	display: inline-block;
	position: absolute;
}

.wrapper2 .desc2 span {
	color: #f7da77;
}

.wrapper2 .desc2.desc2_pos1 {
	top: 844px;
	left: 376px;
}

.wrapper2 .desc2.desc2_pos2 {
	top: 938px;
	left: 281px;
}

.wrapper2 .desc2.desc2_pos3 {
	top: 1030px;
	left: 471px;
}

.wrapper2 .desc2 .bg {
	background: #8e0052;
	position: relative;
	display: inline-block;
	width: auto;
	height: auto;
	padding: 1px 6px;
}

.wrapper2 .desc3 {
	font-size: 60px;
	color: #8e0052;
	font-family: "hb";
	position: absolute;
	left: 520px;
	top: 1162px;
}

.wrapper2 .desc4 {
	color: #1c4b73;
	font-family: "HeliosCond";
	font-size: 27px;
	font-weight: 700;
	letter-spacing: -0.68px;
	position: absolute;
	left: 522px;
	top: 1219px;
}

.wrapper2 .desc4 a {
	text-decoration: underline;
	color: #1c4b73;
}

.wrapper2 .desc5 {
	font-size: 27px;
	color: #1c4b73;
	font-family: "hl";
	position: absolute;
	left: 690px;
	top: 1260px;
}

.wrapper2 .desc9 {
	color: #8e0052;
	font-size: 266px;
	font-family: "hb";
	position: absolute;
	left: 239px;
	top: 1245px;
}

.wrapper2 .desc6 {
	font-size: 26px;
	color: #8e0052;
	font-weight: 700;
	font-family: "HeliosCond";
	left: 395px;
	top: 1330px;
	position: absolute;
}

.wrapper2 .desc7 {
	color: #072b49;
	width: 427px;
	font-family: "HeliosCond";
	font-size: 25px;
	position: absolute;
	left: 238px;
	top: 1362px;
	line-height: 31px;
}

.wrapper2 .desc7 .info {
    width: 420px;
    position: relative;
    text-align: justify;
}

.wrapper2 .form {
	position: absolute;
	top: 1299px;
	left: 675px;
}

.wrapper2 .form form {
	position: relative;
	padding: 4px 46px;
	text-align: right;
	width: 426px;
}

.wrapper2 .form form:before {
	content: '';
	left: 0;
	top: 0;
	background-color: #a9aaaa;
	opacity: 0.9;
	border-radius: 15px;
	width: 100%;
	height: 100%;
	position: absolute;
}

.wrapper2 .form form label {
	color: #fff;
	font-size: 22px;
	line-height: 40px;
	font-family: "HeliosCond";
	text-align: left;
	display: block;
	position: relative;
	z-index: 1;
}

.wrapper2 .form form input, .wrapper2 .form form textarea {
	background-color: #ffffff;
	border-radius: 15px;
	height: 30px;
	width: 405px;
	padding: 10px;
	color: #000;
	text-align: left;
	border: none;
	position: relative;
	z-index: 1;
}

.wrapper2 .form form textarea {
	height: 75px;
}

.wrapper2 .form form button {
	background-color: #767171;
	border-radius: 15px;
	height: 48px;
	width: 246px;
	line-height: 40px;
	font-weight: 400;
	font-size: 22px;
	color: #ffffff;
	font-family: "HeliosCond";
	display: inline-block;
	cursor: pointer;
	border: none;
	position: relative;
	z-index: 1;
	margin-top: 30px;
	margin-bottom: 13px;
}

.wrapper2 .desc8 {
	position: absolute;
	top: 1770px;
	left: 531px;
}

.wrapper2 .desc8 a {
	text-decoration: underline;
	font-weight: 700;
	font-size: 26px;
	color: #8e0052;
	position: relative;
	font-family: "HeliosCond";
}

.wrapper2 .desc8 a:after {
	position: absolute;
	left: -18px;
	top: 2px;
	content: url(../imgs/link.png);
}

.wrapper3 .head {
	color: #8e0052;
	font-size: 60px;
	font-family: "hb";
	position: absolute;
	left: 249px;
	top: 260px;
}

.wrapper3 .link_wrap {
	position: absolute;
	z-index: 99;
	left: 292px;
	top: 349px;
}

.wrapper3 .link_bold {
	position: absolute;
	left: 294px;
	top: 720px;
}

.wrapper3 .link_bold span {
    color: #8e0052;
    font-family: "HeliosCond";
    font-size: 26px;
    font-weight: 700;
    text-decoration: underline;
    letter-spacing: -0.65px;
    position: relative;
    padding-right: 23px;
    cursor: pointer;
    margin-right: 15px;
}

.wrapper3 .link_bold span:before {
	position: absolute;
	content: '';
	right: 0px;
	top: 12px;
	background-color: #fbc404;
	height: 12px;
	width: 12px;
	border-radius: 50%;
}

.wrapper3 .link_bold span:last-child:before {
	display: none;
}

.wrapper3 .desc1 {
	color: #414158;
	font-size: 26px;
	font-weight: 700;
	font-family: "HeliosCond";
	position: absolute;
	top: 317px;
	left: 731px;
}

.wrapper3 .desc2 {
	color: #c8cac9;
	font-size: 95px;
	font-family: "hb";
	background: #8e0052;
	display: inline-block;
	position: absolute;
}

.wrapper3 .desc2 span {
	color: #f7da77;
}

.wrapper3 .desc2.desc2_pos1 {
	top: 785px;
	left: 361px;
}

.wrapper3 .desc2.desc2_pos2 {
	top: 872px;
	left: 281px;
}

.wrapper3 .desc2.desc2_pos3 {
	top: 963px;
	left: 313px;
}

.wrapper3 .desc2 .bg {
	background: #8e0052;
	position: relative;
	display: inline-block;
	width: auto;
	height: auto;
	padding: 1px 6px;
}

.wrapper3 .form {
	position: absolute;
	top: 1260px;
	left: 607px;
}

.wrapper3 .form form {
	position: relative;
	padding: 4px 46px;
	text-align: right;
	width: 426px;
}

.wrapper3 .form form:before {
	content: '';
	left: 0;
	top: 0;
	background-color: #aa9e9a;
	opacity: 0.74;
	border-radius: 15px;
	width: 100%;
	height: 100%;
	position: absolute;
}

.wrapper3 .form form label {
	color: #fff;
	font-size: 22px;
	line-height: 40px;
	font-family: "HeliosCond";
	text-align: left;
	display: block;
	position: relative;
	z-index: 1;
}

.wrapper3 .form form input, .wrapper3 .form form textarea {
	background-color: #ffffff;
	border-radius: 15px;
	height: 30px;
	width: 405px;
	padding: 10px;
	color: #000;
	text-align: left;
	border: none;
	position: relative;
	z-index: 1;
}

.wrapper3 .form form textarea {
	height: 75px;
}

.wrapper3 .form form button {
	background-color: #463f40;
	border-radius: 15px;
	height: 48px;
	width: 246px;
	line-height: 40px;
	font-weight: 400;
	font-size: 22px;
	color: #ffffff;
	font-family: "HeliosCond";
	display: inline-block;
	cursor: pointer;
	border: none;
	position: relative;
	z-index: 1;
	margin-top: 30px;
	margin-bottom: 13px;
}

.wrapper3  .desc5 {
	color: #1c4b73;
	font-size: 27px;
	position: absolute;
	left: 416px;
	top: 1674px;
	font-family: "hl";
}

.wrapper3  .desc6 {
	color: #8e0052;
	font-size: 60px;
	position: absolute;
	left: 251px;
	top: 1701px;
	font-family: "hb";
}

.wrapper3  .desc4 {
	color: #8e0052;
	font-size: 60px;
	position: absolute;
	left: 416px;
	top: 1674px;
	font-family: "hb";
}

.wrapper3 .desc4 {
	color: #1c4b73;
	font-family: "HeliosCond";
	font-size: 27px;
	font-weight: 700;
	letter-spacing: -0.68px;
	position: absolute;
	left: 310px;
	top: 1765px;
}

.wrapper3 .desc4 a {
	text-decoration: underline;
	color: #1c4b73;
}

.wrapper4 .head {
	color: #8e0052;
	font-size: 60px;
	font-family: "hb";
	position: absolute;
	left: 476px;
	top: 266px;
}

.wrapper4 .form {
	position: absolute;
	top: 1299px;
	left: 607px;
}

.wrapper4 .form form {
	position: relative;
	padding: 4px 46px;
	text-align: right;
	width: 426px;
}

.wrapper4 .form form:before {
	content: '';
	left: 0;
	top: 0;
	background-color: #f8e0cc;
	opacity: 0.73;
	border-radius: 15px;
	width: 100%;
	height: 100%;
	position: absolute;
}

.wrapper4 .form form label {
	color: #57272d;
	font-size: 22px;
	line-height: 40px;
	font-family: "HeliosCond";
	text-align: left;
	display: block;
	position: relative;
	z-index: 1;
}

.wrapper4 .form form input, .wrapper4 .form form textarea {
	background-color: #ffffff;
	border-radius: 15px;
	height: 30px;
	width: 405px;
	padding: 10px;
	color: #000;
	text-align: left;
	border: none;
	position: relative;
	z-index: 1;
}

.wrapper4 .form form textarea {
	height: 75px;
}

.wrapper4 .form form button {
	background-color: #7b342f;
	border-radius: 15px;
	height: 48px;
	width: 246px;
	line-height: 40px;
	font-weight: 400;
	font-size: 22px;
	color: #ffffff;
	font-family: "HeliosCond";
	display: inline-block;
	cursor: pointer;
	border: none;
	position: relative;
	z-index: 1;
	margin-top: 30px;
	margin-bottom: 13px;
}

.wrapper4 .desc2 {
	color: #c8cac9;
	font-size: 95px;
	font-family: "hb";
	background: #8e0052;
	display: inline-block;
	position: absolute;
}

.wrapper4 .desc2 span {
	color: #f7da77;
}

.wrapper4 .desc2.desc2_pos1 {
	top: 819px;
	left: 554px;
}

.wrapper4 .desc2.desc2_pos2 {
	top: 909px;
	left: 506px;
}

.wrapper4 .desc2.desc2_pos3 {
	top: 997px;
	left: 601px;
}

.wrapper4 .desc2 .bg {
	background: #8e0052;
	position: relative;
	display: inline-block;
	width: auto;
	height: auto;
	padding: 1px 6px;
}

.wrapper4 .desc {
	color: #323b43;
	font-size: 26px;
	font-family: "HeliosCond";
	line-height: 31px;
}

.wrapper4 .desc strong {
	color: #8e0052;
	font-weight: 700;
}

.wrapper4 p.str1 {
	width: 960px;
	text-align: justify;
	position: absolute;
	left: 232px;
	top: 327px;
}

.wrapper4 p.str2 {
	position: absolute;
	left: 724px;
	top: 452px;
	width: 400px;
}

.wrapper4 p.str3 {
	text-align: right;
	position: absolute;
	left: 720px;
	top: 484px;
	width: 470px;
}

.wrapper4 p.str4 {
	text-align: left;
	position: absolute;
	left: 881px;
	top: 577px;
	width: 330px;
}

.wrapper4 p.str5	{
	position: absolute;
	left: 975px;
	top: 636px;
}

.wrapper4 .head1 {
	color: #8e0052;
	font-size: 60px;
	font-family: "hb";
	position: absolute;
	left: 563px;
	top: 1095px;
}

.wrapper4 .link_bold {
	position: absolute;
	left: 843px;
	top: 689px;
}

.wrapper4 .link_bold span {
	color: #8e0052;
	font-family: "HeliosCond";
	font-size: 26px;
	font-weight: 700;
	text-decoration: underline;
	letter-spacing: -0.65px;
	position: relative;
	margin-right: 43px;
	cursor: pointer;
}

.wrapper4 .link_bold span:before {
	position: absolute;
	content: '';
	right: -30px;
	top: 12px;
	background-color: #fbc404;
	height: 12px;
	width: 12px;
	border-radius: 50%;
}

.wrapper4 .link_bold a:last-child:before {
	display: none;
}

.wrapper4 .desc3 {
	letter-spacing: -0.68px;
	font-size: 27px;
	color: #8e0052;
	font-family: "HeliosCond";
	position: absolute;
	left: 563px;
	top: 1160px;
	font-weight: 700;
}

.wrapper4 .desc3 a {
	color: #8e0052;
}

.wrapper4 .desc4 {
	position: absolute;
	left: 623px;
	top: 1256px;
	font-size: 35px;
	color: #ffffff;
	font-family: "hl";

}

.wrapper4 .head2 {
	font-size: 70px;
	color: #f7da77;
	font-family: "hb";
	position: absolute;
	top: 1303px;
	left: 235px;
}

.wrapper4 ul {
	position: absolute;
	top: 1391px;
	left: 295px;
}

.wrapper4 ul li {
	position: relative;
	color: #ffffff;
	font-size: 24px;
	font-weight: 700;
	line-height: 35px;
	font-family: "HeliosCond";
}

.wrapper4 ul li:before {
	content: url(../imgs/link1.png);
	position: absolute;
	left: -21px;
	top: -2px;
}

.wrapper4 .link1 {
	position: absolute;
	left: 272px;
	top: 1753px;
	z-index: 999;
}

.wrapper4 .link1 span {
	text-decoration: underline;
	line-height: 35px;
	font-weight: 700;
	font-size: 30px;
	color: #99403a;
	font-family: "HeliosCond";
	width: 418px;
	height: 45px;
	border-radius: 10px;
	background-color: #f7da77;
	text-align: center;
	display: inline-block;
	position: relative;
	cursor: pointer;
}

.portfolio .head {
	color: #8e0052;
	font-size: 60px;
	font-weight: 400;
	font-family: "hb";
}

.portfolio .head.head_right {
	text-align: right;
	margin-top: -68px;
	margin-bottom: 45px;
}

.portfolio .desc {
	color: #414158;
	font-size: 26px;
	font-family: "HeliosCond";
	text-align: justify;
	line-height: 31px;
	margin-bottom: 10px;
}

.portfolio .item .img img {
	width: 100%;
}

.portfolio .item .links div {
	display: inline-block;
}

.portfolio .item .links .link a {
	text-decoration: underline;
	font-size: 33px;
	color: #8e0052;
	font-family: "HeliosCond";
    transition: 0.1s;
    display: inline-block;
    min-height: 40px;
}

.portfolio .item .links .link a:hover {
    padding-left: 10px;
}

.portfolio .item .links .screen, .portfolio .item .links .features {
	position: relative;
	float: right;
	margin-left: 87px;
}

.portfolio .item .links .screen:before, .portfolio .item .links .features:before {
	position: absolute;
	left: -45px;
	top: 5px;
}

.portfolio .item .links .screen:before {
	content: url(../imgs/port/screen.png);
}

.portfolio .item .links .features:before {
	content: url(../imgs/port/features.png);
}

.portfolio .item .links .screen a, .portfolio .item .links .features a {
	color: #028e02;
	font-size: 26px;
	text-decoration: underline;
	font-weight: 700;
	font-family: "HeliosCond";
	line-height: 36px;
	transition: 0.1s;
}

.portfolio .item .links .screen a:hover, .portfolio .item .links .features a:hover,
.portfolio .item .sketches ul li:hover,
.orders button:hover {
    opacity: 0.6;
}

.portfolio .item .desc {
	color: #414158;
	font-family: "HeliosCond";
	font-size: 26px;
	margin-top: 21px;
	margin-bottom: 20px;
}

.portfolio .item .orders {
    margin-bottom: 20px;
}

.orders {
	text-align: right;
}

.orders button {
	letter-spacing: -0.8px;
	font-size: 16px;
	color: #1c4b73;
	font-family: "HeliosCond";
	background-color: #ffffff;
	border: none;
	border-radius: 15px;
	width: 312px;
	height: 48px;
	text-align: center;
	background-image: url(../imgs/port/back_button.png);
	background-size: contain;
	cursor: pointer;
	transition: .1s;
}

.portfolio .item .platform, .portfolio .item .sketches  {
	font-family: "HeliosCond";
	font-size: 26px;
	margin-bottom: 10px;
}

.portfolio .item .platform strong, .portfolio .item .sketches strong {
	font-weight: 700;
	display: inline-block;
}

.portfolio .item .sketches ul {
	font-family: "HeliosCond";
	display: inline-block;
	margin-left: 13px;
}

.portfolio .item .sketches ul li {
	display: inline-block;
	position: relative;
	margin-right: 37px;
	transition: 0.1s;
}

.portfolio .item .sketches ul li {
    padding-left: 0;
}

.portfolio .item .sketches ul li:before {
    display: none;
}

.portfolio .item .sketches ul li:after {
	background-color: #028e02;
	height: 11px;
	width: 11px;
	border-radius: 50%;
	position: absolute;
	content: '';
	right: -27px;
	top: 9px;
}

.portfolio .item .sketches ul li:last-child:after {
	display: none;
}

.portfolio .item {
	position: relative;
	padding-bottom: 41px;
	padding-top: 41px;
}

.portfolio .item:after {
	position: absolute;
	content: url(../imgs/port/line_port.png);
	bottom: 0;
	left: 0;
	right: 0;
	margin-left: auto;
	margin-right: auto;
	width: 467px;
}

.portfolio .item:last-child:after {
	display: none;
}

.all_portfolio {
	background-color: #e7e7e7;
	border: 4px solid #e0e0e0;
	border-radius: 29px;
	height: 40px;
	width: 913px;
	margin: 0 auto;
	text-align: center;
	color: #028d02;
	font-size: 26px;
	font-weight: 700;
	font-family: "HeliosCond";
	margin-top: 31px;
	padding-top: 10px;
	margin-bottom: 57px;
}

.all_portfolio a {
	text-decoration: underline;
	color: #8e0052;
	transition: 0.1s;
}

.all_portfolio a:hover {
    color: #c72682;
}

.wrapper_content .text {
	font-size: 26px;
	color: #414158;
	font-family: "HeliosCond";
	text-align: justify;
	line-height: 30px;
}

.wrapper_content .info {
	position: relative;
	margin-right: -15px;
	margin-left: -15px;
	margin-top: 55px;
}

.wrapper_content .info:after {
	display: table;
	content: '';
	clear: both;
}

.wrapper_content .info .head, 
.wrapper_content .info .desc {
	padding: 0 15px;
}

.wrapper_content .info .head {
	color: #8e0052;
	font-size: 60px;
	font-family: "hb";
	padding-left: 344px;
	padding-top: 2px;
}

.wrapper_content .info .desc {
	color: #464646;
	font-size: 26px;
	font-family: "HeliosCond";
	padding-left: 227px;
}

.wrapper_content .info .item .head {
	letter-spacing: -1.3px;
	font-size: 26px;
	font-weight: 700;
	color: #414158;
	font-family: "HeliosCond";
	position: relative;
	padding: 0;
	line-height: 31px;
	padding-bottom: 15px;
	margin-bottom: 16px;
}

.wrapper_content .info .item .head:after {
	position: absolute;
	left: 0;
	content: '';
	background-color: #028e02;
	height: 2px;
	width: 125px;
	bottom: 0;
}

.wrapper_content .info .item .desc {
	font-size: 18px;
	color: #414158;
	font-family: "HeliosCond";
	font-weight: 400;
	padding: 0;
	line-height: 23px;
}

.wrapper_content .info .item {
	width: 25%;
	float: left;
	position:relative;
	min-height:1px;
	padding: 0 15px;
	box-sizing: border-box;
	margin-top: 64px;
}

.wrapper_content .info .item .ico {
	margin-bottom: 14px;
}

.customer .head {
	color: #8e0052;
	font-size: 60px;
	font-family: "hb";
	text-align: center;
	margin-top: 52px;
	margin-bottom: 34px;
}

.customer .head span {
	color: #028e02;
}

.customer .desc {
	color: #414158;
	font-family: "HeliosCond";
	font-size: 26px;
	font-weight: 400;
	text-align: justify;
	line-height: 31px;
}

.customer .desc .green {
	color: #028e02;
	font-size: 22px;
	margin-top: 30px;
}

.view_link {
	text-align: center;
	color: #8e0052;
	font-size: 24px;
	line-height: 40px;
	font-family: "hl";
	margin-top: 53px;
	margin-bottom: 15px;
}

.view_link a:hover {
    opacity: 0.6;
}

.view_link a {
	color: #8e0052;
	text-decoration: underline;
	transition: 0.1s;
}

.advantages {
	height: 558px;
	background-image: url(../imgs/advantages.png);
	background-position: top center;
	z-index: 2;
	position: relative;
}

.advantages .adv {
	width: 250px;
	text-align: center;
	position: absolute;
}

.advantages .adv .text {
	text-transform: uppercase;
	font-size: 22px;
	color: #ffffff;
	text-shadow: 1px 1px 0 rgba(130, 70, 50, 0.8);
	font-family: "hl";
	text-align: center;
}

.advantages .advantages1 {
	left: 20px;
	top: 75px;
}

.advantages .advantages2 {
	left: 353px;
	top: 75px;
}

.advantages .advantages3 {
	left: 689px;
	top: 75px;
}

.advantages .advantages4 {
	left: 182px;
	top: 267px;
}

.advantages .advantages5 {
	left: 516px;
	top: 267px;
}

footer {
	background-image: url(../imgs/footer.png);
	margin-top: -50px;
	padding-top: 90px;
	padding-bottom: 133px;
	background-color: #393953;
}

footer .head {
	color: #e29057;
	font-size: 60px;
	line-height: 48px;
	font-weight: 400;
	text-align: center;
	font-family: "hb";
	margin-bottom: 23px;
}

footer .desc {
	font-size: 20px;
	color: #b8b9c6;
	font-family: "HeliosCond";
	text-align: justify;
	line-height: 24px;
	margin-bottom: 34px;
}

footer .icons {
	margin: 0 -15px;
	position: relative;
}

footer .icons .item .img {
	height: 76px;
	vertical-align: bottom;
	display: table-cell;
	width: 200px;
}

footer .icons .item {
	padding: 0 15px;
	float: left;
	box-sizing: border-box;
	width: 14.28%;
	text-align: center;
	height: 150px;
	margin-bottom: 44px;
}

footer .icons .item .text {
	text-transform: uppercase;
	font-size: 16px;
	color: #e29057;
	font-family: "HeliosCond";
	text-align: center;
	line-height: 20px;
	margin-top: 17px;
	}

footer .icons:after, footer .icons:before {
	content: '';
	clear: both;
	display: table;
}

footer .form {
	background-image: url(../imgs/footer/form_footer.png);
	background-position: top center;
	background-repeat: no-repeat;
	background-size: contain;
	padding: 4px 20px;
	padding-top: 20px;
	margin-bottom: 61px;
}

footer .form label {
	font-size: 22px;
	color: #ffffff;
	line-height: 40px;
	font-weight: 400;
	font-family: "HeliosCond";
	display: block;
}

footer .form input, footer .form textarea {
	background-color: #9a9cac;
	border-radius: 15px;
	width: 405px;
	height: 29px;
	border: none;
	padding: 10px;
}

footer .form .input {
	display: inline-block;
	margin-bottom: 14px;
}

footer .form .input:first-child {
	margin-right: 54px;
}

footer .form textarea {
	height: 72px;
	width: 888px;
}

footer .form button {
	background-color: #2d2e44;
	border-radius: 15px;
	height: 48px;
	width: 246px;
	line-height: 40px;
	font-weight: 400;
	font-size: 22px;
	color: #ffffff;
	font-family: "HeliosCond";
	text-align: center;
	border: none;
}

footer .form .order {
	text-align: right;
	margin-top: 26px;
	margin-right: 17px;
	margin-bottom: 20px;
}

footer .copyright {
	color: #90919d;
	font-size: 16px;
	font-weight: 400;
	font-family: "HeliosCond";
	width: 630px;
	display: inline-block;
}

footer .copyright strong {
	font-weight: 700;
	font-size: 18px;
	display: block;
	margin-bottom: 4px;
}

footer .links {
	float: right;
	margin-right: 29px;
}

footer .links ul li {
	position: relative;
	display: block;
	padding-left: 20px;
    margin-bottom: 12px;
}

footer .links ul li:before {
	content: '';
	position: absolute;
	left: -1px;
	top: 10px;
	background-color: #7f808b;
	width: 12px;
	height: 12px;
	border-radius: 50%;
}

footer .links ul li a {
	text-decoration: underline;
	line-height: 18px;
	font-size: 18px;
	color: #b4b5bf;
	font-family: "HeliosCond";
	transition: 0.1s;
}

footer .links ul li a:hover {
    color: #d6d7de;
}

.bottom	{
	background-image: url(../imgs/bottom_1.png);
	background-position: top center;
	height: 220px;
    margin-top: -218px;
	width: 100%;
}

.bottom ul {
	position: absolute;
	top: 177px;
	left: 471px;
	z-index: 2;
}

.bottom ul li {
	display: inline-block;
	position: relative;
	margin-right: 23px;
	background: linear-gradient(87deg, #203f75 0%, #9e4848 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.bottom ul li span {
    width: 12px;
	height: 12px;
	background-color: #c9e5f1;
	border-radius: 50%;
	display: inline-block;
	margin: 1px 2px;
	vertical-align: top;
}

.bottom ul li a {
	color: #40415f;
	font-size: 19px;
	text-decoration: underline;
	letter-spacing: -0.96px;
	font-family: "PT_Sans_Narrow_Bold";
	transition: .1s;
}

.bottom ul li a:hover {
    color: #232327;
}

.bottom .phone {
	letter-spacing: -2.1px;
	font-size: 28px;
	color: #40415f;
	background-clip: text;
	font-family: "trixie_c";
	position: absolute;
	left: 948px;
    top: 146px;
    background: linear-gradient(-228deg, #3f3e3e 0%, #872f2f 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.bottom .write, .bottom .blog {
	color: #495897;
	font-size: 18px;
	line-height: 25px;
	text-decoration: underline;
	letter-spacing: -0.45px;
	font-family: "PT_Sans_Narrow_Bold";
	position: absolute;
	top: 120px;
	left: 988px;
	transition: .1s;
    background: linear-gradient(-228deg, #415166 0%, #495897 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.bottom .write:hover, .bottom .blog:hover {
    color: #3147a2;
}

.bottom .blog {
	left: 1094px;
}

.bottom .social {
	position: absolute;
	left: 993px;
	top: 176px;
}

.bottom .social a {
	margin-right: 5px;
	transition: .1s;
}

.bottom .social a:hover {
    opacity: 0.7;
}

.bgs1 {
	background-image: url(../imgs/bgs1.png);
	background-position: top center;
	background-repeat: no-repeat;
}

.bgs2 {
	background-image: url(../imgs/bgs2.png);
	background-position: top center;
	background-repeat: no-repeat;
}

.bgs3 {
	background-image: url(../imgs/bgs3.png);
	background-position: top center;
	background-repeat: no-repeat;
}

.bgs4 {
	background-image: url(../imgs/bgs4.png);
	background-position: top center;
	background-repeat: no-repeat;
}

.bgs5 {
	background-image: url(../imgs/bgs5.png);
	background-position: top center;
	background-repeat: no-repeat;
}

.bgs6 {
	background-image: url(../imgs/bgs6.png);
	background-position: top center;
	background-repeat: no-repeat;
}

.bgs7 {
	background-image: url(../imgs/bgs7.png);
	background-position: top center;
	background-repeat: no-repeat;
}

.bread {
	color: #028e02;
	font-size: 22px;
	font-family: "HeliosCond";
	margin-top: -49px;
	margin-left: 7px;
	position: relative;
	z-index: 2;
    max-width: 500px;
    vertical-align: top;
    height: 60px;
    line-height: 26px;
}

.bread a {
	text-decoration: underline;
	color: #028e02;
	margin-right: 5px;
	margin-left: 5px;
}

strong {
    font-weight: 900;
}

.head_str {
	font-weight: 400;
	font-size: 60px;
	color: #8e0052;
	font-family: "hb";
	margin-top: 0;
}

.head_str a {
    float: right;
    font-size: 33px;
    color: #8e0052;
}

.head_portfolio {
	font-weight: 400;
	font-size: 60px;
	color: #8e0052;
	font-family: "hb";
	margin-top: 35px;
	text-align: center;
}

.head_portfolio_link {
    float: right;
    font-size: 30px;
    color: #8e0052;
    margin-top: -51px;
    position: relative;
    font-family: "hb";
}

.desc_str {
	line-height: 40px;
	font-weight: 700;
	font-size: 26px;
	color: #464646;
	font-family: "HeliosCond";
	margin-bottom: 36px;
}

.h_str {
	color: #8e0052;
	font-size: 33px;
	font-weight: 700;
	font-family: "HeliosCond";
	margin-bottom: 2px;
}

.text_str {
	color: #414158;
	font-size: 26px;
	font-family: "HeliosCond";
	text-align: justify;
	line-height: 31px;
	margin-bottom: 37px;
}

.text_str a {
	font-weight: 700;
	text-decoration: underline;
	color: #414158;
}

footer .b_desc {
	color: #c8cac9;
	font-size: 27px;
	font-weight: 700;
	letter-spacing: -0.68px;
	font-family: "HeliosCond";
	padding-left: 277px;
}

footer .b_desc a {
	text-decoration: underline;
	color: #c8cac9;
}

footer .l_desc {
	font-size: 27px;
	color: #c8cac9;
	font-family: "hl";
	padding-left: 445px;
	padding-top: 14px;
	margin-bottom: 28px;
}

.border_block_info {
	border: 1px solid #028e02;
	border-radius: 80px;
	padding: 30px 55px;
	margin-bottom: 60px;
}

.border_block_info .head {
	color: #028e02;
	font-weight: 700;
	text-decoration: underline;
	font-family: "HeliosCond";
	font-size: 20px;
}

.border_block_info .text {
	font-size: 20px;
	color: #414158;
	font-family: "HeliosCond";
	text-align: justify;
	line-height: 25px;
	margin-top: 2px;
}

.list_p {
	margin-bottom: 39px;
}

.list_p .head {
	font-size: 25px;
	font-weight: 700;
	color: #8e0052;
	font-family: "HeliosCond";
	position: relative;
	display: inline-block;
	width: 735px;
	padding-left: 50px;
	margin-bottom: 23px;
}

.list_p .head:before {
	content: url(../imgs/papka.png);
	position: absolute;
	left: 5px;
	top: 1px;
}

.list_p .date_h {
	font-size: 20px;
	color: #8e0052;
	font-family: "HeliosCond";
	display: inline-block;
	width: 100px;
}

.list_p .link {
	position: relative;
	padding-left: 48px;
	display: inline-block;
	width: 735px;
	margin-bottom: 19px;
	max-width: 100%;
}

.list_p .link:before {
	position: absolute;
	left: 29px;
	top: 5px;
	content: url(../imgs/list_p.png);
}

.list_p .link a {
	text-decoration: underline;
	font-size: 20px;
	color: #414158;
	font-family: "HeliosCond";
}

.list_p .date {
	font-size: 20px;
	color: #414158;
	font-family: "HeliosCond";
	width: 100px;
	display: inline-block;
}

.pagination {
	text-align: center;
	padding-top: 9px;
}

.pagination ul li {
	display: inline-block;
	width: 41px;
	height: 41px;
	background-color: #028e02;
	border-radius: 50%;
	color: #fff;
	margin: 0 12px;
	box-sizing: border-box;
	padding-top: 7px;
	padding-left: 0;
}

.pagination ul li:before {
    display: none;
}

.pagination ul li a {
	font-size: 26px;
	color: #ffffff !important;
	font-family: "PT_Sans_Narrow_Bold";
	text-decoration: none;
}

.pagination ul li.active {
	background-color: #8e0052 !important;
}

.rews .rew {
	margin-bottom: 54px;
}

.rews .rew .rew_img, .rews .rew .rew_text {
	display: inline-block;
}

.rews .rew .rew_img img {
	border: 1px solid #cccccc;
	border-radius: 10px;
	overflow: hidden;
	margin-top: 6px;
	vertical-align: top;
}

.rews .rew .rew_text {
	color: #414158;
	font-size: 20px;
	font-style: italic;
	font-family: "HeliosCond";
	width: 650px;
	vertical-align: top;
	margin-left: 16px;
	padding-top: 1px;
	line-height: 24px;
}

.rews .rew .rew_name {
	font-size: 20px;
	color: #028e02;
	font-weight: 700;
	font-family: "HeliosCond";
	font-style: italic;
}

.cont_phone, .cont_mail {
	font-size: 40px;
	font-weight: 700;
	color: #414158;
	font-family: "HeliosCond";
	position: relative;
	display: inline-block;
	padding-left: 50px;
	margin-top: 13px;
	margin-right: 47px;
	margin-bottom: 60px;
}

.cont_phone a, .cont_mail a {
    color: inherit;
    text-decoration: none;
}

.cont_phone:before {
	content: url(../imgs/cont/cont_phone.png);
	position: absolute;
	left: 0;
	top: 0;
}

.cont_mail:before {
	content: url(../imgs/cont/cont_mail.png);
	position: absolute;
	left: 0;
	top: 0;
}

.cont_mail {
	text-decoration: underline;
}

.mesgr {
	float: left;
	box-sizing: border-box;
	width: 25%;
	position: relative;
	margin-bottom: 70px;
}

.mesgr a {
	text-decoration: underline;
	font-weight: 700;
	font-size: 24px;
	color: #414158;
	font-family: "HeliosCond";
	margin-left: 48px;
	margin-top: 14px;
	display: inline-block;
}

.mesgr:after {
	content: '';
	clear: both;
	display: table;
}

.mesgr:before  {
	top: 6px;
}

.mesgr1:before {
	position: absolute;
	content: url(../imgs/cont/cont_m1.png);
}

.mesgr2:before {
	position: absolute;
	content: url(../imgs/cont/cont_m2.png);
}

.mesgr3:before {
	position: absolute;
	content: url(../imgs/cont/cont_m3.png);
}

.mesgr4:before {
	position: absolute;
	content: url(../imgs/cont/cont_m4.png);
}

.mesgr5:before {
	position: absolute;
	content: url(../imgs/cont/cont_m5.png);
}

.mesgr6:before {
	position: absolute;
	content: url(../imgs/cont/cont_m6.png);
}

.mesgr7:before {
	position: absolute;
	content: url(../imgs/cont/cont_m7.png);
}

.mesgr8:before {
	position: absolute;
	content: url(../imgs/cont/cont_m8.png);
}

.text_str strong {
	font-weight: 700;
}

.text_cont {
	margin-top: 10px;
}

.intros_block {
	position: relative;
	margin-top: -82px;
}

.inros_text {
	color: #c8cac9;
	font-size: 95px;
	font-family: "hb";
	background: #8e0052;
	display: inline-block;
	position: absolute;
	text-transform: uppercase;
}

.inros_text span {
	color: #f7da77;
}

.inros_text.desc2_pos1 {
	top: 70px;
	left: 0;
}

.inros_text.desc2_pos2 {
	top: 162px;
	left: 112px;
}

.inros_text.desc2_pos3 {
	top: 245px;
	left: 206px;
}

.inros_text .bg {
	width: auto;
	padding: 0 5px;
}

.h_m {
	color: #028e02;
	font-size: 36px;
	font-weight: 700;
	font-family: "HeliosCond";
	padding-bottom: 8px;
}

.text_m, p {
	font-size: 25px;
	color: #414158;
	font-family: "HeliosCond";
	line-height: 28px;
	padding-bottom: 28px;
	text-align: justify;
	position: relative;
	z-index: 2;
}

.text_m_500 {
	width: 500px;
	position: relative;
}

.text_m_500 span, .text_m span, .h_m span {
	position: relative;
	z-index: 2;
}

.text_m a {
	text-decoration: underline;
	color: #414158;
}

.head_m {
	color: #86175b;
	font-weight: 700;
	font-family: "HeliosCond";
	font-size: 26px;
	padding-bottom: 4px;
}

.wrapper_lines {
	background-image: url(../imgs/lines-min.png);
	background-position: bottom center;
	height: 318px;
	background-repeat: no-repeat;
	margin-bottom: 52px;
}

.text_m ul li {
	line-height: 46px;
	position: relative;
	padding-left: 37px;
	margin-bottom: 0;
}

.text_m ul li:before {
	content: '';
	position: absolute;
	background-color: #8e0052;
	height: 11px;
	width: 11px;
	top: 18px;
	left: 12px;
	border-radius: 50%;
}

.text_m ul {
	padding-top: 9px;
	padding-bottom: 6px;
}

.text_m_img {
	position: relative;
}

.text_m_img span {
	position: relative;
	z-index: 2;
}

.list_p_50 {
	box-sizing: border-box;
	float: left;
	width: 50%;
	position: relative;
}

.list_row {
	position: relative;
}

.list_row:after {
	content: '';
	clear: both;
	display: table;
}

.list_row .list_p_50 .link, .list_row .list_p .head {
	width: 100%;
	box-sizing: border-box;
	padding-right: 20px;
}

.logos:after {
	content: '';
	display: table;
	clear: both;
}

.logos .log {
	width: 16.6%;
	text-align: center;
	height: 180px;
	display: table-cell;
	vertical-align: middle;
}

.logos_ul {
	margin-top: 17px;
	margin-bottom: 34px;
}

.wrapper_content li {
    font-size: 26px;
	color: #8e0052;
	font-family: "HeliosCond";
	padding-left: 60px;
	position: relative;
	list-style-type: none;
	margin-bottom: 19px;
}

.wrapper_content .portfolio li a {
    color: #414158;
}

.wrapper_content li:before {
	content: '';
	position: absolute;
	left: 23px;
	top: 7px;
	background-color: #028e02;
	height: 15px;
	width: 15px;
	border-radius: 50%;
}

.logos_ul li {
	font-size: 36px;
	color: #8e0052;
	font-family: "HeliosCond";
	padding-left: 60px;
	position: relative;
	list-style-type: none;
	margin-bottom: 19px;
}

.logos_ul li:before {
	content: '';
	position: absolute;
	left: 23px;
	top: 7px;
	background-color: #028e02;
	height: 21px;
	width: 21px;
	border-radius: 50%;
}

.h_str.h_str_hl {
	font-weight: 400;
	margin-bottom: 35px;
}

.wrapper_lines_2 .inros_text.desc2_pos2 {
	top: 160px;
	left: 174px;
}

.wrapper_lines_2 .inros_text.desc2_pos3 {
	top: 254px;
	left: 47px;
}

.logos_ul.logos_ul2 li:before {
	content: '';
	position: absolute;
	left: 12px;
	top: 7px;
	background-color: #028e02;
	height: 11px;
	width: 11px;
	border-radius: 50%;
}

.logos_ul.logos_ul2 li {
	font-size: 26px;
	padding-left: 37px;
	margin-bottom: 20px;
}

.logos_ul.logos_ul2 {
	margin-top: 22px;
}

.link_project {
	font-size: 33px;
	font-weight: 700;
	color: #8e0052;
	font-family: "HeliosCond";
}

.text_m span.red {
	color: #8e0052;
	font-weight: 700;
}

.link_project {
	margin-bottom: 30px;
}

.list_p_50 .head_service {
	font-size: 33px;
	font-weight: 700;
	color: #8e0052;
	font-family: "HeliosCond";
	margin-top: 13px;
	margin-bottom: 24px;
}

.list_p_50 .ul_service li {
	color: #414158;
	font-size: 26px;
	font-weight: 400;
	font-family: "HeliosCond";
	position: relative;
	padding-left: 24px;
	margin-bottom: 10px;
}

.list_p_50 .ul_service li:before {
	background-color: #028e02;
	height: 11px;
	width: 11px;
	content: '';
	position: absolute;
	border-radius: 50%;
	left: 0;
	top: 8px;
}

.list_p_50 .ul_service {
	margin-bottom: 24px;
}

.margin_bot_30 {
	margin-bottom: 30px;
}

.wrapper_lines.wrapper_lines_3 {
	margin-top: 20px;
}

.wrapper_lines.wrapper_lines_3 .inros_text.desc2_pos1 {
	left: 58px;
}

.wrapper_lines.wrapper_lines_3 .inros_text.desc2_pos2 {
	top: 159px;
	left: 124px;
}

.wrapper_lines.wrapper_lines_3 .inros_text.desc2_pos3 {
	top: 245px;
	left: 25px;
}


.bottom_bg {
	background-image: url(../imgs/drop_down_bg.png);
    background-position: center bottom;
	background-repeat: no-repeat;
    margin-bottom: -205px;
}

.drop_down {
	padding-top: 33px;
	margin-bottom: 60px;
}

.drop_down .list_row a {
	display: inline-block;
	box-sizing: border-box;
	float: left;
	width: 33.3%;
	padding: 0 5px;
}

.drop_down .list_row a img {
	max-width: 100%;
}

.drop_down .ico {
	display: inline-block;
	vertical-align: top;
	width: 150px;
	text-align: center;
}

.drop_down .info {
	display: inline-block;
	vertical-align: top;
	width: 800px;
	text-align: justify;
	margin: 0;
}

.drop_down .info .desc {
	color: #414158;
	font-size: 22px;
	font-weight: 400;
	font-family: "HeliosCond";
	padding: 0;
	line-height: 26px;
}

.drop_down .info .desc span {
	color: #028e02;
	font-weight: 700;
}

.drop_down .info .links a {
	color: #8e0052;
	text-decoration: underline;
	font-family: "HeliosCond";
	font-size: 22px;
	position: relative;
	display: inline-block;
	margin-right: 49px;
}

.drop_down .info .links a:after {
	width: 11px;
	height: 11px;
	background-color: #028e02;
	border-radius: 50%;
	right: -34px;
	top: 7px;
	content: '';
	position: absolute;
}

.drop_down .info .links a:last-child:after {
	display: none;
}

.drop_down .imgs {
	margin-top: 35px;
	margin-bottom: 35px;
}

.drop_down .links {
	margin-top: 30px;
}

.drop_down .more {
	text-align: center;
	margin-top: 25px;
}

.drop_down .more button {
	color: #f7da77;
	font-size: 26px;
	text-align: center;
	font-family: "HeliosCond";
	background-color: #8e0052;
	border-radius: 20px;
	height: 41px;
	width: 198px;
	cursor: pointer;
	border: none;
}

.drop_down .more span {
    background-color: #8e0052;
    border-radius: 50%;
    height: 41px;
    display: inline-block;
    vertical-align: top;
    width: 41px;
    box-sizing: border-box;
    padding-top: 9px;
    transition: .3s;
    transform: rotate(180deg);
}

.drop_down .more span.open {
    transform: rotate(0deg);
}

.drop_down .more span svg {
    width: 20px;
    height: 20px;
}

.height_empty_400 {
    height: 540px;
}

.com_let {
	padding-top: 30px;
	padding-bottom: 30px;
}

.com_let_block {
	margin-bottom: 38px;
}

.com_let_block .ico {
	display: inline-block;
	width: 70px;
	max-width: 100%;
	vertical-align: top;
}

.com_let_block .text {
	display: inline-block;
	width: 890px;
	max-width: 100%;
	vertical-align: top;
	text-decoration: underline;
	font-size: 31px;
	color: #8e0052;
	font-family: "HeliosCond";
	padding-left: 21px;
	box-sizing: border-box;
	line-height: 37px;
	text-align: left;
}

a.pdf {
	position: relative;
	display: inline-block;
	padding-left: 107px;
	text-decoration: underline;
	font-family: "HeliosCond";
	color: #414158;
	font-size: 26px;
	padding-top: 39px;
	margin-top: 7px;
	padding-bottom: 30px;
	margin-bottom: 41px;
}

a.pdf:before {
	content: url(../imgs/pdf.png);
	position: absolute;
	left: 0;
	top: 0;
}

a.excel {
	position: relative;
	display: inline-block;
	padding-left: 107px;
	text-decoration: underline;
	font-family: "HeliosCond";
	color: #414158;
	font-size: 26px;
	padding-top: 39px;
	margin-top: 7px;
	padding-bottom: 30px;
	margin-bottom: 41px;
}

a.excel:before {
	content: url(../imgs/excel.png);
	position: absolute;
	left: 0;
	top: 0;
}

.h_str_green {
	font-weight: 900;
	color: #028e02;
	font-size: 40px;
	padding-top: 27px;
	padding-bottom: 16px;
}

.logos_ul.logos_ul_2 li {
	padding-left: 50px;
	margin-bottom: 24px;
}

.logos_ul.logos_ul_2 li:before {
	background-color: #8e0052;
	left: 3px;
	top: 9px;
}

.logos_ul.logos_ul_2 li:after {
	height: 1px;
	width: 100%;
	border: 1px dashed #000;
}

.logos_ul.logos_ul_2 li span {
	position: relative;
	z-index: 2;
	color: #017f00;
}

.logos_ul.logos_ul_2 li span.right {
	float: right;
	color: #8e0052;
}

.wrapper_lines.wrapper_lines_4 .inros_text .bg{
	line-height: 95px;
}

.sites {
	padding-top: 15px;
	margin-bottom: 72px;
}

.site_info {
	padding: 11px 7px;
	margin-bottom: 30px;
}

.site_info .top div {
	display: inline-block;
	vertical-align: top;
}

.site_info .top .name {
	font-family: "HeliosCond";
	font-size: 26px;
	font-weight: 700;
	color: #8e0052;
	margin-right: 125px;
	padding-top: 8px;
}

.site_info .price 	{
	color: #ffffff;
	font-size: 26px;
	font-family: "HeliosCond";
	background-color: #028e02;
	border-radius: 20px;
	height: 41px;
	width: 198px;
	text-align: center;
	padding-top: 8px;
	box-sizing: border-box;
	margin-right: 0;
}

.site_info .more {
    float: right;
    margin-right: 22px;
}

.site_info .more button {
	text-decoration: underline;
	font-size: 26px;
	color: #8e0052;
	font-family: "HeliosCond";
	border: none;
	background: transparent;
	cursor: pointer;
	transition: .1s;
}

.site_info .more button:hover {
    opacity: 0.8;
}

.site_info .desc {
	color: #414158;
	font-size: 22px;
	font-family: "HeliosCond";
	line-height: 25px;
	margin-bottom: 32px;
	margin-right: 22px;
}

.site_info .tb  .tb_head {
	color: #8e0052;
	font-weight: 700;
	font-size: 22px;
	font-family: "HeliosCond";
	background: #e5e4d2;
	position: relative;
	padding-top: 8px;
	padding-bottom: 8px;
}

.site_info .tb {
	position: relative;
	margin-bottom: 22px;
}

.site_info .tb:last-child {
	margin-bottom: 0;
}

.site_info .tb:after {
	opacity: 0.5;
	border: 1px dashed #000;
	position: absolute;
	width: 100%;
	content: '';
	left: 0;
	bottom: 0;
}

.site_info .tb  .tb_head:before, .site_info .tb  .tb_head:after {
	opacity: 0.5;
	border: 1px dashed #000;
	position: absolute;
	width: 100%;
	content: '';
	left: 0;
}

.site_info .tb  .tb_head:before {
	top: 0;
}

.site_info .tb  .tb_head:after {
	bottom: 0;
}

.site_info .tb  .tb_cost {
	color: #8e0052;
	font-weight: 700;
	font-size: 22px;
	font-family: "HeliosCond";
	background: #e5e4d2;
	padding-top: 6px;
	padding-bottom: 8px;
}

.site_info .tb .tb_desc {
	color: #414158;
	font-size: 22px;
	font-family: "HeliosCond";
	padding-top: 7px;
	padding-bottom: 7px;
}

.site_info .tb .tb_desc_color {
	background: #f3f2e5;
}

.tb_w1, .tb_w2, .tb_w3 {
	display: inline-block;
	vertical-align: top;
	text-align: left;
	font-family: "HeliosCond";
	box-sizing: border-box;
}

.tb_w1 {
	width: 563px;
	border-right: 1px solid #e5e4d2;
}

.tb_w2 {
	width: 214px;
	border-right: 1px solid #e5e4d2;
	padding-left: 15px;
}

.tb_w3 {
	width: 160px;
	padding-left: 18px;
}

.site_info {
	border: 1px solid #8e0052;
	border-radius: 20px;
	padding-bottom: 13px;
}


.site_info .want {
	position: relative;
	padding-left: 20px;
	display: inline-block;
	margin-left: 368px;
}

.site_info .want:before {
	position: absolute;
	content: url(../imgs/play.png);
	left: -4px;
	top: 6px;
}

.site_info .want a {
	text-decoration: underline;
	color: #8e0052;
	font-size: 26px;
	font-family: "HeliosCond";
	cursor: pointer;
	transition: 0.1s;
}

.site_info .example {
	text-decoration: underline;
	font-size: 22px;
	font-family: "HeliosCond";
	display: inline-block;
	margin-left: 222px;
}

.site_info .example a {
	color: #028e02;
}

.site_info .top {
	margin-bottom: 23px;
}

.logos_ul_3.logos_ul li {
	font-size: 26px;
	color: #414158;
	font-family: "HeliosCond";
	padding-left: 30px;
	line-height: 29px;
	margin-bottom: 17px;
}

.logos_ul_3.logos_ul li:before {
	height: 11px;
	width: 11px;
	left: 6px;
	top: 9px;
}

.logos_ul_3.logos_ul {
	margin-top: 35px;
}

.grid-item:hover .project {
	margin-left: 0;
	transition: 0.5s;
}

.grid-item, .grid-sizer {
	float: left;
	box-sizing: border-box;
	width: 33.3%;
	padding: 0 5px;
	overflow: hidden;
	transition: 0.5s;
}

.grid {
	position: relative;
	margin: 0 -5px;
	margin-top: 30px;
	margin-bottom: 30px;
}

.grid:after {
	display: table;
	clear: both;
}

.grid-item .name {
	text-align: center;
	margin-top: 22px;
}

.grid-item .name a {
	text-decoration: underline;
	font-size: 26px;
	color: #414158;
	font-family: "HeliosCond";
}

.grid-item img {
	width: 100%;
	position: relative;
}

.port_example {
	position: relative;
	margin-bottom: 30px;
}

.project {
	background-color: rgba(142, 0, 82, 0.95);
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	margin-left: -200%;
	transition: 0.5;
}

.project .project_name {
	color: #c8cac9;
	font-size: 36px;
	font-weight: 400;
	font-family: "PT_Sans_Narrow_Bold";
	margin-top: 28px;
	margin-left: 28px;
}

.project .project_name span {
	color: #f7da77;
	display: block;
	padding-top: 7px;
}

.project .project_platform {
	color: #ffffff;
	font-size: 26px;
	font-weight: 400;
	font-family: "hl";
	margin-top: 36px;
	margin-left: 29px;
}

.project .project_link {
	font-family: "PT_Sans_Narrow_Bold";
	font-size: 26px;
	font-weight: 400;
	margin-left: 28px;
	margin-top: 4px;
	margin-bottom: 64px;
}

.project .project_link a {
	text-decoration: underline;
	color: #f7da77;
}

.project .project_desc {
	color: #ffffff;
	font-family: "hl";
	font-size: 26px;
	font-weight: 400;
	margin-left: 28px;
	line-height: 29px;
	margin-bottom: 159px;
}

.project .project_screen {
	position: relative;
	margin-left: 29px;
	padding-left: 50px;
}

.project .project_screen:before {
	content: url(../imgs/project_screen.png);
	position: absolute;
	left: 0;
	top: -3px;
}

.project .project_screen a {
	text-decoration: underline;
	font-weight: 400;
	font-size: 26px;
	color: #f7da77;
	font-family: "PT_Sans_Narrow_Bold";
}

.project.project_small .project_screen:before  {
	content: url(../imgs/project_screen_2.png);
	position: absolute;
	left: 0;
	right: 0;
	margin-right: auto;
	margin-left: auto;
	top: -85px;
}

.project.project_small .project_screen {
	position: relative;
	margin-left: 0px;
	padding: 0;
	margin-top: 157px;
	text-align: center;
}

.owl-rew .img img {
	width: 100%;
	border-radius: 5px;
}

.owl-rew .desc {
	font-style: italic;
	font-size: 20px;
	color: #414158;
	font-family: "HeliosCond";
	padding-top: 12px;
	line-height: 24px;
}

.owl-rew .prof {
	font-size: 20px;
	color: #028e02;
	font-family: "HeliosCond";
	font-weight: 700;
	font-style: italic;
	line-height: 24px;
}

.owl-theme .owl-nav [class*=owl-] {
	background: transparent;
}

.owl-theme .owl-nav [class*=owl-]:hover {
	background: transparent;
}

.owl-prev {
	position: absolute;
	left: -25px;
	top: 20px;
}

.owl-next {
	position: absolute;
	right: -25px;
	top: 20px;
}



.tabs {
	background-color: #fff;
	margin-top: 36px;
	background: transparent;
    margin-bottom: 30px;
}

.tab {
	overflow: hidden;
}

.tab button {
	text-decoration: underline;
	font-weight: 700;
	font-size: 28px;
	color: #464646;
	font-family: "HeliosCond";
	border: none;
	cursor: pointer;
	float: left;
	width: 25%;
	text-align: center;
	padding-top: 10px;
	padding-bottom: 55px;
	border-top: 8px solid transparent;
	background: transparent;
}

.tab:after, .tabcontent:after {
	clear: both;
	display: table;
	content: '';
}

.tab button.active {
	color: #028e02;
	text-decoration: none;
	border: 8px solid #8e0052;
	border-radius: 20px;
	border-bottom: none;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
	position: relative;
	z-index: 2;
	background: #fff;
}

.tab button span {
	z-index: 4;
	position: relative;
}

.tabcontent {
	border-top: none;
	border: 8px solid #8e0052;
	border-radius: 20px;
	position: relative;
	margin-top: -20px;
	padding-bottom: 0px;
	padding-top: 10px;
}

.tab_item {
	float: left;
	width: 25%;
	text-align: center;
	position: relative;
	z-index: 3;
	background: #fff;
	padding-top: 17px;
}

.tab_item .link {
	text-align: center;
	margin-top: 12px;
	margin-bottom: 25px;
}

.tab_item .link a {
	text-decoration: underline;
	font-weight: 700;
	font-size: 24px;
	color: #028e02;
	font-family: "HeliosCond";
}

.tab_item:before {
	background: #fff;
	width: 100%;
	height: 20px;
	top: -10px;
	left: 0;
	content: '';
	position: absolute;
}

#topNubex {
	position: fixed;
	left: 50px;
	bottom: 50px;
	cursor: pointer;
	z-index: 999;
}

.cubs {
	position: absolute;
	left: 507px;
	top: -20px;
	z-index: 2;
}

.cactus {
	position: absolute;
	left: 493px;
	top: -52px;
	z-index: 1;
}

.pen {
	position: absolute;
	left: 495px;
	top: 0px;
	z-index: 1;
}

.compas {
	position: absolute;
	left: 562px;
	top: -67px;
	z-index: 1;
}

a.lite {
	font-weight: 400;
}

.background_img1 {
	background-image: url(../imgs/text_m_500.png);
	background-position: 486px 188px;
	background-repeat: no-repeat;
	background-size: 500px;
}

.background_img2 {
	background-image: url(../imgs/text_m_ul.png);
	background-position: center bottom;
	background-repeat: no-repeat;
	background-position-x: 66px;
}

.lip {
	position: absolute;
	left: 539px;
	top: -122px;
	z-index: 1;
}

.confet {
	position: absolute;
	left: 548px;
	top: -100px;
	z-index: 1;
}

.list {
	position: absolute;
	left: 400px;
	top: -387px;
	z-index: 1;
}





.flower {
    position: absolute;
    left: 490px;
    top: -13px;
    z-index: 2;
}

.rast {
	position: absolute;
	left: calc(600vw + 433px);
	top: -112px;
	z-index: 2;
}

.pencil {
	position: absolute;
	left: calc(200vw + 552px);
	top: -400px;
	z-index: 2;
}

.glasses {
	position: absolute;
	left: 488px;
	top: 0px;
	z-index: 2;
}

.creker {
	top: -146px;
	position: absolute;
	left: calc(800vw + 569px);
}

.earphones {
	top: 0px;
	position: absolute;
	left: calc(400vw + 518px);
}

nav li {
	background: #000;
	border-radius: 50%;
	height: 20px;
	top: -5px;
	opacity: 0.4;
}

input[name="surname"] {
	display: block;
	width: 2px !important;
	height: 3px !important;
	margin-bottom: -3px !important;;
	opacity: 0.01;
}

footer .form input, footer .form textarea {
    color: #fff;
    font-size: 15px;
}

.pluso {
	float: right;
	position: relative !important;
	z-index: 2 !important;
	margin-top: -49px;
}

#mgdcwidget-container #solutions {
    padding: 0 !important;
}

.form_vakan form {
    border: 1px solid #028e02;
    border-radius: 15px;
    font-family: "HeliosCond";
    padding-top: 15px;
    padding-bottom: 45px;
}

.form_vakan .input {
    box-sizing: border-box;
    width: 50%;
    float: left;
    padding: 0 20px;
    margin-bottom: 28px;
}

.form_vakan .textarea {
    padding: 0 20px;
    margin-bottom: 55px;
}

.form_vakan input, .form_vakan textarea {
    background-color: #ddddde;
    border-radius: 15px;
    width: 100%;
    display: block;
    height: 48px;
    border: none;
    padding: 10px;
    font-size: 20px;
    box-sizing: border-box;
}

.form_vakan textarea {
    height: 92px;
}

.form_vakan label {
    line-height: 40px;
    font-size: 22px;
    color: #028e02;
}

.form_vakan select {
    background-color: #ddddde;
    border-radius: 15px;
    height: 48px;
    width: 100%;
    color: #414158;
    font-size: 22px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding: 10px;
    border: none;
}

.input_select {
    position: relative;
}

.input_select:after {
    position: absolute;
    right: 30px;
    top: 53px;
    background-image: url(/assets/template/imgs/shape-110.png);
    background-size: contain;
    background-repeat: no-repeat;
    width: 30px;
    height: 25px;
    content: '';
}

.form_vakan .bottom_form {
    padding: 0 28px;
}

.form_vakan .bottom_form input {
    display: inline-block;
    vertical-align: top;
    width: auto;
    background-color: #028e02;
    border-radius: 2px;
    height: 32px;
    width: 32px;
}

.form_vakan button {
    float: right;
    background-color: #028e02;
    border-radius: 15px;
    height: 48px;
    width: 246px;
    font-size: 22px;
    color: #ffffff;
    vertical-align: top;
    cursor: pointer;
}

.form_vakan .bottom_form input[type=checkbox] {
    display: none;
}

.form_vakan .bottom_form .checkbox label:before {
	border-radius: 3px;
}

.form_vakan .bottom_form input[type=checkbox]:checked + label:before {
    content: "\2713";
    text-shadow: 1px 1px 1px rgba(0, 0, 0, .2);
    font-size: 25px;
    color: #f3f3f3;
    text-align: center;
    line-height: 31px;
    vertical-align: top;
    top: 6px;
    background-color: #028e02;
    border-radius: 2px;
    height: 32px;
    width: 32px;
}

.form_vakan .bottom_form label {
    display: inline-block;
    cursor: pointer;
    position: relative;
    padding-left: 52px;
    margin-right: 15px;
    font-size: 18px;
    line-height: 21px;
}

.form_vakan .bottom_form label:before {
	content: "";
	display: inline-block;
	width: 32px;
	height: 32px;
	margin-right: 10px;
	position: absolute;
	left: 0;
	top: 6px;
	background-color: #aaa;
	box-shadow: inset 0px 2px 3px 0px rgba(0, 0, 0, .3), 0px 1px 0px 0px rgba(255, 255, 255, .8);
}

.form_vakan .bottom_form .checkbox {
    display: inline-block;
    vertical-align: top;
}

.form_vakan .bottom_form label a {
    color: #028e02;
}

#file-upload input {
    display: none;
}

#file-upload {
    background-color: #8e0052;
    border-radius: 15px;
    height: 48px;
    width: 100%;
    color: #ffffff;
    font-size: 22px;
    line-height: 40px;
    text-align: center;
}

#file-upload label {
    display: block;
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    cursor: pointer;
}

#file-upload span {
    font-size: 22px;
    color: #ffffff;
}

.header .perception:hover {
    color: #09a909;
}

.pluso a:hover {
    opacity: 0.8;
}

.drop_down .ico img {
    width: 100%;
}


.wrapper_lines.wrapper_lines_2.wrapper_lines_4 .inros_text {
    line-height: 78px;
}

.link_bold {
    z-index: 999;
}

.v_link_bold {
    position: relative;
}

.h_link_bold {
    position: absolute;
    width: 485px;
    bottom: 105px;
    transition: 0.3s;
    display: none;
    text-align: justify;
}

.h_link_bold div {
    position: relative;
    padding: 25px;
    font-size: 21px;
    color: #ffffff;
}

.v_link_bold:hover .h_link_bold {
    display: block;
}

.h_link_bold div:before {
    background-color: #8e0052;
    opacity: 0.87;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border-radius: 20px;
    content: '';
}

.h_link_bold div:after {
    content: url(/assets/template/imgs/snos.png);
    position: absolute;
    right: 20px;
    bottom: -76px;
}

.h_link_bold.h_link_bold_z div:after {
    transform: scale(-1, 1);
    right: 200px;
    bottom: -77px;
}

.h_link_bold div p {
    position: relative;
    z-index: 1;
    font-weight: 400;
    line-height: 26px;
    color: #fff;
}
.link_bold .h_link_bold a {
    color: #fff;
}

.h_link_bold_1 {
    left: -370px;
}

.h_link_bold_2 {
    left: -80px;
}

.h_link_bold_3 {
    left: 20px;
    width: 681px;
    left: -120px;
    width: 781px;
}

.h_link_bold.h_link_bold_z.h_link_bold_3 div:after {
    right: 400px;
}

.h_link_bold_4 {
    /* width: 672px;
    left: -185px; */
    width: 872px;
    left: -385px;
}

.h_link_bold.h_link_bold_4 div:after {
    right: 426px;
}

.h_link_bold_5 {
    width: 588px;
    left: -100px;
}

.h_link_bold a {
    color: #fff;
    font-weight: 700;
}

.h_link_bold_6 {
    left: -43px;
}

.h_link_bold.h_link_bold_z.h_link_bold_6 div:after {
    right: 235px;
}

.h_link_bold.h_link_bold_7 div {
    left: 40px;
}

.h_link_bold.h_link_bold_7 div:after {
    bottom: -77px;
}

.h_link_bold.h_link_bold_7 div:after {
    right: 297px;
}

.wrapper4 .h_link_bold_1 {
    left: -470px;
    width: 585px;
}

.wrapper4 .link1 .h_link_bold {
    width: 590px;
    text-align: left;
    bottom: 126px;
}

.wrapper4 .link1 .h_link_bold p strong {
    display: block;
    font-weight: 700;
}

.wrapper4 .link1 .h_link_bold p {
    color: #651f1a;
}

.wrapper4 .link1 .h_link_bold div:before {
    background-color: #f7da77;
}

.wrapper4 .link1 .h_link_bold div:after {
    content: url(/assets/template/imgs/snos_2.png);
    right: 220px;
}

.logo_svg {
    display: inline-block;
    position: absolute;
    left: 207px;
    top: 8px;
}

.logo_svg svg {
    width: 368px;
    height: 109px;
    position: relative;
    z-index: 2;
}

#scroller {
    position: fixed;
    bottom: 30px;
    background: transparent url(/assets/template/imgs/arrow.png) no-repeat left top;
    width: 78px;
    height: 78px;
    cursor: pointer;
    display: none;
    background-size: contain;
    left: 140px;
    z-index: 9999999;
    opacity: .5;
    transition: .3s;
}

#scroller:hover {
    opacity: 1;
}

.eng {
    position: absolute;
    right: 250px;
    top: 172px;
}

.eng .flag {
    position: relative;
}

.eng .flag a {
    position: relative;
    z-index: 1;
}

.bottom .rad {
    width: 6px;
    height: 6px;
    background-color: #40415f;
    border-radius: 50%;
    position: absolute;
    top: 130px;
    left: 1082px;
}

.eng_top_img {
    position: absolute;
    left: 485px;
    top: -160px;
    z-index: 1;
}

.eng_top_img img {
    width: 450px;
}

.back_url, .back_url a {
    text-align: center;
    font-size: 30px;
    font-family: "HeliosCond";
    color: #028e02;
    text-decoration: none;
}

.back_url a {
    cursor: pointer;
}

.owl-rew .item .desc {
    height: 100px;
    overflow: hidden;
}

.owl-rew .item .all_view {
    font-style: italic;
    font-size: 20px;
    color: #414158;
    font-family: "HeliosCond";
    padding-top: 12px;
    line-height: 24px;
    text-decoration: underline;
    margin-bottom: 5px;
    cursor: pointer;
}

/* @media screen and (min-width: 1600px) {
    #bg2 .bg, #bg4 .bg {
        background-position: center;
        background-position-x: -560px;
    }
} */