@font-face {
	font-family: 'open_sansbold';
	src: url('../fonts/opensans-bold-webfont.eot');
	src: url('../fonts/opensans-bold-webfont.eot?#iefix') format('embedded-opentype'),
		 url('../fonts/opensans-bold-webfont.woff2') format('woff2'),
		 url('../fonts/opensans-bold-webfont.woff') format('woff'),
		 url('../fonts/opensans-bold-webfont.ttf') format('truetype'),
		 url('../fonts/opensans-bold-webfont.svg#open_sansbold') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'open_sansitalic';
	src: url('../fonts/opensans-italic-webfont.eot');
	src: url('../fonts/opensans-italic-webfont.eot?#iefix') format('embedded-opentype'),
		 url('../fonts/opensans-italic-webfont.woff2') format('woff2'),
		 url('../fonts/opensans-italic-webfont.woff') format('woff'),
		 url('../fonts/opensans-italic-webfont.ttf') format('truetype'),
		 url('../fonts/opensans-italic-webfont.svg#open_sansitalic') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'open_sanslight';
	src: url('../fonts/opensans-light-webfont.eot');
	src: url('../fonts/opensans-light-webfont.eot?#iefix') format('embedded-opentype'),
		 url('../fonts/opensans-light-webfont.woff2') format('woff2'),
		 url('../fonts/opensans-light-webfont.woff') format('woff'),
		 url('../fonts/opensans-light-webfont.ttf') format('truetype'),
		 url('../fonts/opensans-light-webfont.svg#open_sanslight') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'open_sansregular';
	src: url('../fonts/opensans-regular-webfont.eot');
	src: url('../fonts/opensans-regular-webfont.eot?#iefix') format('embedded-opentype'),
		 url('../fonts/opensans-regular-webfont.woff2') format('woff2'),
		 url('../fonts/opensans-regular-webfont.woff') format('woff'),
		 url('../fonts/opensans-regular-webfont.ttf') format('truetype'),
		 url('../fonts/opensans-regular-webfont.svg#open_sansregular') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'open_sanssemibold';
	src: url('../fonts/opensans-semibold-webfont.eot');
	src: url('../fonts/opensans-semibold-webfont.eot?#iefix') format('embedded-opentype'),
		 url('../fonts/opensans-semibold-webfont.woff2') format('woff2'),
		 url('../fonts/opensans-semibold-webfont.woff') format('woff'),
		 url('../fonts/opensans-semibold-webfont.ttf') format('truetype'),
		 url('../fonts/opensans-semibold-webfont.svg#open_sanssemibold') format('svg');
	font-weight: normal;
	font-style: normal;
}
html,body {
	height: 100%;
	margin: 0;
}
body {
	background: #0a0d33;
	margin: 0;
	color: rgba( 255, 255, 255, 0.6);
	min-width:320px;
	font: 14px/24px 'open_sansregular' , arial, helvetica, sans-serif;
	-webkit-text-size-adjust: 100%;
}
/* General reset */
form, fieldset {
	margin: 0;
	padding: 0;
	border-style: none;
}
img {
	border-style: none;
	vertical-align:top;
}
ul li{vertical-align:top;}
input, select, textarea {
	vertical-align: middle;
	font: 14px/18px 'open_sansregular' , arial, helvetica, sans-serif;
}
a {
	color: #fff;
	text-decoration: none;
}
a:hover {text-decoration: underline;}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {display:block;}
figure{margin:0;}

button::-moz-focus-inner {
	padding:0;
	border:0;
}
a:focus,
a:hover {
	outline: none;
	outline: 0;
}

h1{
	font: 48px/65px 'open_sanssemibold' , arial, helvetica, sans-serif;
	color:#fff;
	margin: 0 0 32px;
}
h2,
h3,
h4,
h5{
	margin: 0 0 50px;
	font: 48px/58px 'open_sanslight' , arial, helvetica, sans-serif;
	color:#fff;
}
h3{
	font-size:32px;
	line-height:42px;
	margin: 0 0 48px;
}
h4{
	font-size:24px;
	line-height:30px;
	margin: 0 0 32px;
}
h5{
	font-size:20px;
	line-height:26px;
	margin: 0 0 22px;
}
p{ margin: 0 0 24px;}
p strong {
	font-weight:normal;
	font-family: 'open_sansbold' , arial, helvetica, sans-serif;
	color:#fff;
}
.btn{
	min-width: 98px;
	height: 48px;
	overflow:hidden;
	display:inline-block;
	vertical-align:top;
	border:0;
	margin:0 0 20px;
	padding: 0 32px;
	background: #d9a336;
	font: 14px/48px 'open_sanssemibold' , arial, helvetica, sans-serif;
	color:#fff;
	cursor:pointer;
	-webkit-transition: background .2s ease-in-out;
	-moz-transition: background .2s ease-in-out;
	transition: background .2s ease-in-out;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.btn:hover{
	background: #c39331;
	text-decoration:none;
}
input[type="text"],
input[type="email"], 
input[type="password"],
textarea{
	width: 100%;
	height: 48px;
	color:#fff;
	margin:0 0 32px;
	border: 1px solid #171c4c;
	background: #171c4c ;
	outline: none;
	outline: 0;
	font: 14px/18px 'open_sansregular' , arial, helvetica, sans-serif;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 13px 15px 14px;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	-webkit-appearance: none;
	-webkit-transition: box-shadow .2s ease-in-out , border-color .2s ease-in-out;
	-moz-transition: box-shadow .2s ease-in-out , border-color .2s ease-in-out;
	transition: box-shadow .2s ease-in-out , border-color .2s ease-in-out;
}
textarea {
	width: 100% !important;
	height: auto;
	min-height: 208px ; 
	max-width: 100% !important;
}
input[type="text"]:focus,
input[type="email"]:focus, 
input[type="password"]:focus,
textarea:focus{
	border-color: rgba(10, 13, 51, 0.3);
	-webkit-box-shadow: 0 0 2px rgba(10, 13, 51, 0.8);
	-moz-box-shadow: 0 0 2px rgba(10, 13, 51, 0.8);
	box-shadow: 0 0 2px rgba(10, 13, 51, 0.8);
}
input[type="text"].error,
input[type="email"].error, 
input[type="password"].error,
textarea.error,
input[type="text"].error:focus,
input[type="email"].error:focus, 
input[type="password"].error:focus,
textarea.error:focus{
	border-color: #a2483d;
	-webkit-box-shadow: 0 0 0 rgba(10, 13, 51, 0);
	-moz-box-shadow: 0 0 0 rgba(10, 13, 51, 0);
	box-shadow: 0 0 0 rgba(10, 13, 51, 0);
}
.field-error,
.field-correctly{
	display:block;
	border: 1px solid rgba( 255, 101, 50, 0.6);
	font-size:14px;
	line-height:19px;
	font-weight:normal;
	padding: 14px 16px 13px 47px;
	background: rgba( 255, 101, 50, 0.2) url(../images/icon-error.svg) no-repeat 13px 50%;
	color:#fff;
	margin: 0 0 16px;
	display:none;
}
.field-correctly{
	border-color: rgba( 108, 204, 61, 0.6);
	background: rgba( 108, 204, 61, 0.2) url(../images/icon-correctly.svg) no-repeat 14px 50%;
}
.hold-form .error .field-error,
.hold-form .correctly .field-correctly{ display:block;}

/* wrapper */
#wrapper {
	overflow:hidden;
	width: 100%;
	background: #171b4c;
	min-height: 100%;
	position: relative;
}
.w1 { 
	padding-bottom: 64px;
	-webkit-transition: margin .4s ease-in-out;
	-moz-transition: margin .4s ease-in-out;
	transition: margin .4s ease-in-out;
}
/* header */
#header {
	overflow:hidden;
	right: 0;
	padding: 48px 0 10px;
	position: fixed;
	top:0px;
	left:0px;
	z-index:17;
	-webkit-transition: background .4s ease-in-out , left .4s ease-in-out , right .4s ease-in-out , box-shadow .4s ease-in-out, padding .4s ease-in-out;
	-moz-transition: background .4s ease-in-out , left .4s ease-in-out , right .4s ease-in-out , box-shadow .4s ease-in-out, padding .4s ease-in-out;
	transition: background .4s ease-in-out , left .4s ease-in-out , right .4s ease-in-out , box-shadow .4s ease-in-out, padding .4s ease-in-out;
}
body.open-nav #header{
	left:-352px;
	right:352px;
} 
#header.fixed-header{ 
	padding-top: 16px;
	background: rgba( 40, 45, 102, 0.9);
	-webkit-box-shadow: rgba( 10, 13, 51, 0.8) 0 1px 2px;
	-moz-box-shadow: rgba( 10, 13, 51, 0.8) 0 1px 2px;
	box-shadow: rgba( 10, 13, 51, 0.8) 0 1px 2px;
}
.logo {
	float: left;
	overflow: hidden;
	text-indent: -9999px;
	margin:0 10px 10px 0;
	width: 134px;
	height: 48px;
	-webkit-transition: width .4s ease-in-out , height .4s ease-in-out , margin-top .4s ease-in-out;
	-moz-transition: width .4s ease-in-out , height .4s ease-in-out , margin-top .4s ease-in-out;
	transition: width .4s ease-in-out , height .4s ease-in-out , margin-top .4s ease-in-out;
}
#header.fixed-header .logo{
	width:112px;
	height: 40px;
	margin-top: 4px;
}
.logo a, 
.logo span {
	width:100%;
	height: 100%;
	background: url(../images/logo.svg) no-repeat 0 0;
	-o-background-size: cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
	display:block;
	-webkit-transition: background-size .4s ease-in-out;
	-moz-transition: background-size .4s ease-in-out;
	transition: background-size .4s ease-in-out;
}
.wrap{
	margin:0 auto;
	max-width: 720px;
	padding: 0 96px 41px;
}
.wrap.wrap-large{ 
	max-width: 1088px;
	padding-bottom: 0;
}
#header .wrap,
#footer .wrap{
	max-width: 1184px;
	padding: 0 48px;
}
#header .wrap:after {
	content:'';
	display:block;
	clear:both;
}
.toogle-menu{
	text-transform:uppercase;
	min-height: 23px;
	float:right;
	margin: 15px 0 10px 10px;
	position: relative;
	padding: 0 41px 0 0;
	font-size:14px;
	line-height:18px;
}
.toogle-menu .toogle-name{ position: relative;}
.toogle-menu .toogle-name:before {
	content:'';
	position:absolute;
	bottom:0;
	left:0;
	width: 0;
	height: 1px;
	background: #fff;
	-webkit-transition: width .3s ease-in-out;
	-moz-transition: width .3s ease-in-out;
	transition: width .3s ease-in-out;
}
#nav .toogle-menu{
	position:absolute;
	top: 64px;
	right: 48px;
	margin: 0;
	padding: 0 35px 0 0;
}
#nav .toogle-menu:before {
	content:'';
	position:absolute;
	top: 0;
	right:0;
	width: 18px;
	height: 18px;
	background: url(../images/bg-close.svg) no-repeat 0 0;
}
.toogle-menu:hover .toogle-name:before{ width:100%;}
.toogle-menu:hover { text-decoration:none;}
.toogle-menu .t,
.toogle-menu .c,
.toogle-menu .b {
	position:absolute;
	height:2px;
	right: 0;
	width:24px;
	background: #d9a336;
	overflow: hidden;
	text-indent: -9999px;
}
.toogle-menu .t { top: 1px;}
.toogle-menu .c {
	width:16px;
	top: 9px;
	right: 8px
}
.toogle-menu .b {
	top: 17px;
	width: 8px;
	right: 16px;
}
.nav-overlay {
	background: rgba(10, 13, 51, 0.4) ;
	bottom: 0;
	left: 0;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 18;
	opacity: 0;
	visibility: hidden;
	-webkit-transition: opacity .4s ease-in-out , visibility .4s ease-in-out;
	-moz-transition: opacity .4s ease-in-out , visibility .4s ease-in-out;
	transition: opacity .4s ease-in-out , visibility .4s ease-in-out;
}
body.open-nav .nav-overlay{
	opacity:1;
	visibility: visible;
}
#nav {
	width:352px;
	position: fixed;
	top:0;
	right:-400px;
	padding: 131px 48px 25px ;
	background: #0a0d33 ;
	overflow:hidden;
	overflow-y: auto;
	z-index: 20;
	height: 100% ;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: right .4s ease-in-out;
	-moz-transition: right .4s ease-in-out;
	transition: right .4s ease-in-out;
}
body.open-nav #nav{ right: 0;}
#nav .menu {
	margin:0 -48px 48px;
	padding:0;
	list-style:none;
}
.menu  li { width:100%;}
.menu  li a {
	text-transform:uppercase;
	display:block;
	font-size: 14px;
	line-height: 18px;
	padding: 15px 48px 16px;
	-webkit-transition: color .2s ease-in-out;
	-moz-transition: color .2s ease-in-out;
	transition: color .2s ease-in-out;
	position: relative;
}
.menu  a:before {
	content:'';
	position:absolute;
	bottom:0;
	left:48px;
	right: 48px;
	height: 1px;
	background: rgba( 255, 255, 255, 0.15) ;
}
.menu li a:hover,
.menu .active a {
	text-decoration:none;
	color:#d9a336;
}
.menu .active a { cursor: default;}
body.open-nav #nav{ right:0;}
body.open-nav .w1,
body.open-nav #footer {
	margin-left: -352px;
	margin-right: 352px;
}
.btn-login{
	display:block;
	border: 1px solid rgba( 255, 255, 255, 0.15);
	-webkit-transition: border .2s ease-in-out , background .2s ease-in-out;
	-moz-transition: border .2s ease-in-out , background .2s ease-in-out;
	transition: border .2s ease-in-out , background .2s ease-in-out;
	padding: 18px 46px 20px 55px;
	margin: 0 0 25px;
	position: relative;
	white-space: nowrap;
	overflow:hidden;
	text-overflow: ellipsis;
}
.btn-login .icon-user{
	position:absolute;
	top: 50%;
	left: 23px;
	width: 16px;
	height: 16px;
	text-indent:-9999px;
	overflow:hidden;
	background: url(../images/bg-icon-user.svg) no-repeat 0 0;
	margin: -8px 0 0;
	font-size:14px;
	line-height:18px;
}
.btn-login:hover{
	border-color: rgba( 255, 255, 255, 0.3);
	text-decoration:none;
}
.btn-login:before {
	content:'';
	position:absolute;
	top: 50%;
	right:24px;
	width: 7px;
	height: 16px;
	background: url(../images/arrow-right.svg) no-repeat 0 0;
	margin: -8px 0 0;
	-webkit-transition: right .2s ease-in-out;
	-moz-transition: right .2s ease-in-out;
	transition: right .2s ease-in-out;
}
.btn-login:hover:before{ right: 16px;}
/* main */

#main { padding: 0 0 40px;}
.section-main{
	position: relative;
	background: url(../images/bg-main.jpg) no-repeat 50% 0;
	-o-background-size: cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
}
.section-main .wrap{
	height: 100vh;
	min-height: 650px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	max-width: 912px;
	padding-top: 140px;
	padding-bottom: 120px;
	position: relative;
}
.text-center {
	display:table;
	position:relative;
	overflow:hidden;
	width:100%;
	height:100%;
}
.text-center .text-inner {
	display:table-cell;
	vertical-align:middle;
}
.text-center .text-inner .text-last {
	width:100%;
	display:block;
}
.section-main .title{
	display:block;
	margin: 0 0 20px;
	font: 32px/43px 'open_sanslight' , arial, helvetica, sans-serif;
	color:#fff;
}
.btn-arrow{
	position:absolute;
	top:0px;
	left:0px;
	width: 47px;
	height: 47px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	background: #d9a336;
	text-indent:-9999px;
	overflow:hidden;
	-webkit-transition: bottom .3s ease-in-out , background .3s ease-in-out;
	-moz-transition: bottom .3s ease-in-out , background .3s ease-in-out;
	transition: bottom .3s ease-in-out , background .3s ease-in-out;
}
.btn-arrow:before {
	content:'';
	position:absolute;
	top: 50% ;
	left: 50% ;
	width: 16px;
	height: 15px;
	background: url(../images/arrow-down.svg) no-repeat 0 0;
	margin: -8px 0 0 -8px;
}
.section-main .btn-arrow{
	top: auto;
	bottom: 48px;
	left: 96px;
}
.section-main .btn-arrow:hover{ 
	bottom: 40px;
	background: #c39331;
}
.section-about{
	background: url(../images/bg-about.jpg) no-repeat 50% 0;
	-o-background-size: 100% auto ;
	-webkit-background-size: 100% auto ;
	-moz-background-size: 100% auto ;
	background-size: 100% auto ;
}
.hold-space{ padding: 100px 0 0;}
.excerption{
	margin: 0 0 47px;
	padding: 1px 0 0 48px;
	border-left: 1px solid #d9a336 ;
	color:#fff;
	max-width: 525px;
	font: 24px/33px 'open_sanslight' , arial, helvetica, sans-serif;
}
.excerption q{ quotes: none;}
.other-space{width:100%;}
.other-space p{ margin: 0 0 16px;}
.section-space{ padding: 85px 0 0;}
.list-items{
	margin: 0;
	padding: 32px 40px 0;
	list-style:none;
	overflow:hidden;
}
.list-items li{
	float:left;
	width: 25%;
	padding: 0 25px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	text-align:center;
	position: relative;
}
.list-items .hold-icon{
	width: 64px;
	height: 64px;
	line-height: 62px;
	background: #d9a336;
	margin: 0 auto 32px;
}
.list-items .hold-icon img{ vertical-align: middle;}
.list-items h3{
	margin: 0 0 15px;
	text-transform:uppercase;
	font: 14px/18px "open_sanssemibold" , arial , helvetica , sans-serif ;
}
.list-items li:before {
	content:'';
	position:absolute;
	top:50%;
	left:0;
	width: 1px ;
	height: 64px;
	background:rgba( 255 , 255 , 255 , 0.3);
	margin: -40px 0 0;
}
.list-items li:first-child:before{ display:none;} 
.hold-about{
	background: #fff;
	padding: 123px 440px 61px 96px;
	color: rgba( 0, 0, 0, 0.6);
	overflow:hidden;
	margin: 0 0 47px;
}
.hold-about .btn{ padding: 0 48px;}
.hold-about h1,
.hold-about h2,
.hold-about h3,
.hold-about h4,
.hold-about h5{ color: #d9a336;}
.hold-about .wrap-img{
	background: #f3f3f3;
	width: 256px;
	float:right;
	margin: -27px -344px 35px 0;
}
.wrap-open .box-open{ display:none;}
.wrap-open.open .box-open{ display:block;}
.hold-btn{ padding: 0 0 15px;}
.hold-about .hold-btn{ padding-top: 25px;}
.wrap-open .btn-open span,
.wrap-open.open .btn-open span:first-child { display:none;}
.wrap-open .btn-open span:first-child ,
.wrap-open.open .btn-open span{ display:block;}
.gallery-brands {
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0 80px;
	overflow:hidden;
	position:relative;
	margin:0 auto 52px;
}
.gallery-brands a.link-prev,
.gallery-brands a.link-next {
	position:absolute;
	top:50%;
	left: 48px;
	text-indent:-9999px;
	overflow:hidden;
	z-index:12;
	width: 24px;
	height: 34px;
	background: url(../images/arrow-left.svg) no-repeat 50% 50%;
	margin: -16px 0 0;
}
.gallery-brands a.link-next {
	left:auto;
	right: 48px;
	background-image: url(../images/arrow-right.svg);
	background-position: 50% 50%;
}
.gallery-brands a.link-prev:hover,
.gallery-brands a.link-next:hover{
	background-color: rgba( 255, 255, 255, 0.1);
}
.gallery-brands .gallery-holder {
	width: 100% ;
	position:relative;
	overflow:hidden;
}
.gallery-brands .gallery-holder ul {
	width:9999px;
	position:relative;
	padding:0;
	margin:0;
	list-style:none;
	overflow: hidden;
}
.gallery-brands .gallery-holder ul li {
	width: 232px;
	float:left;
	text-align:center;
	min-height: 125px;
	line-height: 123px;
}
.gallery-brands .gallery-holder li a{
	display:inline-block;
	vertical-align:middle;
}
.gallery-brands .gallery-holder img{ 
	vertical-align: middle;
	opacity: 0.4;
	-webkit-transition: opacity .2s ease-in-out;
	-moz-transition: opacity .2s ease-in-out;
	transition: opacity .2s ease-in-out;
	max-width: 100%;
	height: auto;
}
.gallery-brands .gallery-holder a:hover img{ opacity: 1;}
.section-contacts{ background: url(../images/bg-contacts.jpg) no-repeat 50% 0;}
.address{ font-style: normal;}
.list-contacts{
	margin:0;
	padding:0 56px 31px;
	list-style:none;
	overflow:hidden;
	font-size:0;
	line-height:0;
}
.list-contacts li{
	font-size:14px;
	line-height:24px;
	display:inline-block;
	vertical-align:top;
	width: 50%;
	padding: 0 48px 32px 128px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	color:#fff;
	position: relative;
	margin: 0 0 33px;
}
.list-contacts .hold-icon{
	position:absolute;
	top:0px;
	left: 48px;
	width: 48px;
	height: 48px;
	text-align:center;
	line-height: 44px;
	background: #d9a336;
}
.list-contacts .hold-icon img{ vertical-align: middle;}
.list-contacts .hold-icon.icon-linkedin{ background: #007ab5;}
.list-contacts li:before {
	content:'';
	position:absolute;
	top: -33px;
	left:128px;
	right: 48px;
	height: 1px;
	background: rgba( 216, 216, 216, 0.3);
}
.list-contacts .text-center{ 
	height: 48px;
	overflow:visible;
	position: static;
}
a[href^="tel"],
a[href^="tel"]:hover {
	color: #fff;
	cursor: default;
	text-decoration: none;
	white-space: nowrap;
}
.hold-form{
	background: #333766;
	padding: 49px 48px 28px;
	margin: 0 0 56px;
}
.hold-form h3{
	font-size:24px;
	line-height:32px;
}
.inner-form{ margin: 0 -24px ;}
.inner-form:after {
	content:'';
	display:block;
	clear:both;
}
.inner-form .col{
	float:left;
	width: 40.8%;
	padding: 0 24px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.inner-form .col.col-large{ width: 59.2%;}
.hold-form .hold-btn{ padding: 16px 0 0;}
.visible-sm{ display:none;}
/* footer */
#footer {
	overflow:hidden;
	width:100%;
	height: 41px;
	background: #333766;
	position: relative;
	padding: 23px 0 0;
	font-size:14px;
	line-height:18px;
	margin-top: -64px;
	-webkit-transition: margin-left .4s ease-in-out , margin-right .4s ease-in-out;
	-moz-transition: margin-left .4s ease-in-out , margin-right .4s ease-in-out;
	transition: margin-left .4s ease-in-out , margin-right .4s ease-in-out;
}
.copyright{
	float:left;
	margin: 0 5px 5px 0;
}
.developmant{ 
	float:right;
	margin: 0 0 5px 5px;
}
.copyright a,
.developmant a{
	color: rgba( 255, 255, 255, 0.6);
	-webkit-transition: color .2s ease-in-out;
	-moz-transition: color .2s ease-in-out;
	transition: color .2s ease-in-out;
}
.copyright a:hover,
.developmant a:hover{
	text-decoration:none;
	color: #fff; 
}

/* anim */
.anim {
	-webkit-transition: transition .5s ease-in-out , transform .5s ease-in-out ,  transition-delay .5s ease-in-out , opacity .5s ease-in-out ,  padding-top .5s ease-in-out,  top .5s ease-in-out , left .5s ease-in-out ; 
	-moz-transition: transition .5s ease-in-out , transform .5s ease-in-out ,  transition-delay .5s ease-in-out , opacity .5s ease-in-out ,  padding-top .5s ease-in-out,  top .5s ease-in-out  , left .5s ease-in-out ;
	-ms-transition: transition .5s ease-in-out , transform .5s ease-in-out ,  transition-delay .5s ease-in-out , opacity .5s ease-in-out ,  padding-top .5s ease-in-out,  top .5s ease-in-out  , left .5s ease-in-out ;
	-o-transition: transition .5s ease-in-out , transform .5s ease-in-out ,  transition-delay .5s ease-in-out , opacity .5s ease-in-out ,  padding-top .5s ease-in-out,  top .5s ease-in-out  , left .5s ease-in-out ;
	transition:  transition .5s ease-in-out , transform .5s ease-in-out ,  transition-delay .5s ease-in-out , opacity .5s ease-in-out ,  padding-top .5s ease-in-out,  top .5s ease-in-out  , left .5s ease-in-out ;
}
.top-anim {
	padding-top:40px;
	opacity:0;
}
.left-anim{
	opacity: 0;
	left:-40px;
	position: relative;
}
.visible.left-anim{
	opacity: 1;
	left: 0;
}
.right-anim{
	opacity: 0;
	left:40px;
	position: relative;
}
.visible.right-anim{
	opacity: 1;
	left: 0;
}
.visible.top-anim {
	padding-top:0;
	opacity:1;
}
.top-anim2 {
	position:relative;
	top:40px;
	opacity:0;
}
.visible.top-anim2 {
	top:0;
	opacity:1;
}
.rotate {
	-webkit-transition: -webkit-transform 1s;
	-moz-transition: -moz-transform 1s;
	transition: transform 1s; 
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	transform-style: preserve-3d;   
	-webkit-transform: rotateY( 90deg );
	-moz-transform: rotateY( 90deg );
	transform: rotateY( 90deg );
}
.visible.rotate {
	-webkit-transform: rotateY( 0deg );
    -moz-transform: rotateY( 0deg );
    -ms-transform: rotateY( 0deg );
    -o-transform: rotateY( 0deg );
    transform: rotateY( 0deg );
}
.scale {
	-moz-transform: scale(0); 
    -webkit-transform: scale(0); 
    transform: scale(0);
}
.visible.scale {
	-moz-transform: scale(1); 
    -webkit-transform: scale(1);
    transform: scale(1);
}
.deley01 {
	webkit-transition-delay: 0s;
	-o-transition-delay: 0s;
	-moz-transition-delay: 0s;
	transition-delay: 0s;
}
.deley02 {
	webkit-transition-delay: 0.25s;
	-o-transition-delay: 0.25s;
	-moz-transition-delay: 0.25s;
	transition-delay: 0.25s;
}
.deley03 {
	webkit-transition-delay: 0.5s;
	-o-transition-delay: 0.5s;
	-moz-transition-delay: 0.5s;
	transition-delay: 0.5s;
}


/*touchDevice*/
.touchDevice .top-anim2{
	top: 0;
	opacity: 1;
}
.touchDevice .top-anim{
	padding-top: 0;
	opacity: 1;
}
.touchDevice .anim{
	-webkit-transition: all .0s ease-in-out;
	-moz-transition: all .0s ease-in-out;
	transition: all .0s ease-in-out;
}
.touchDevice .deley01,
.touchDevice .deley02,
.touchDevice .deley03,
.touchDevice .deley04,
.touchDevice .deley05,
.touchDevice .deley06{
	webkit-transition-delay: 0s;
	-moz-transition-delay: 0s;
	transition-delay: 0s;
}
.touchDevice .rotate{
	-webkit-transform: rotateY( 0deg );
    -moz-transform: rotateY( 0deg );
    transform: rotateY( 0deg );
}
.touchDevice .scale{
	-moz-transform: scale(1);
    -webkit-transform: scale(1); 
    transform: scale(1);
}
.touchDevice .left-anim,
.touchDevice .right-anim{
	opacity: 1;
	left:0;
}
.touchDevice .toogle-menu .toogle-name:before{ display:none;}

/* placeholder input*/
input:-moz-placeholder {
	color: rgba( 255, 255, 255, 0.6);
	opacity:1;
	font-family: 'open_sansitalic' , arial, helvetica, sans-serif;
}
input::-moz-placeholder {
	color: rgba( 255, 255, 255, 0.6);
	opacity:1;
	font-family: 'open_sansitalic' , arial, helvetica, sans-serif;
}
input::-webkit-input-placeholder {
	color: rgba( 255, 255, 255, 0.6);
	font-family: 'open_sansitalic' , arial, helvetica, sans-serif;
}
input:-ms-input-placeholder {
	color:  rgba( 255, 255, 255, 0.6) ;
	font-family: 'open_sansitalic' , arial, helvetica, sans-serif;
}
/* input:focus placeholder */
input:focus:-moz-placeholder {
	color: rgba( 255, 255, 255, 0.6);
	opacity:1;
	font-family: 'open_sansitalic' , arial, helvetica, sans-serif;
}
input:focus::-moz-placeholder {
	color: rgba( 255, 255, 255, 0.6);
	opacity:1;
	font-family: 'open_sansitalic' , arial, helvetica, sans-serif;
}
input:focus::-webkit-input-placeholder {
	color: rgba( 255, 255, 255, 0.6);
	font-family: 'open_sansitalic' , arial, helvetica, sans-serif;
}
input:focus:-ms-input-placeholder {
	color:  rgba( 255, 255, 255, 0.6) ;
	font-family: 'open_sansitalic' , arial, helvetica, sans-serif;
}
/* placeholder  textarea*/
textarea:-moz-placeholder {
	color: rgba( 255, 255, 255, 0.6);
	opacity:1;
	font-family: 'open_sansitalic' , arial, helvetica, sans-serif;
}
textarea::-moz-placeholder {
	color: rgba( 255, 255, 255, 0.6);
	opacity:1;
	font-family: 'open_sansitalic' , arial, helvetica, sans-serif;
}
textarea::-webkit-input-placeholder {
	color: rgba( 255, 255, 255, 0.6);
	font-family: 'open_sansitalic' , arial, helvetica, sans-serif;
}
textarea:-ms-input-placeholder {
	color:  rgba( 255, 255, 255, 0.6) ;
	font-family: 'open_sansitalic' , arial, helvetica, sans-serif;
}
/*  textarea:focus placeholder */
textarea:focus:-moz-placeholder {
	color: rgba( 255, 255, 255, 0.6);
	opacity:1;
	font-family: 'open_sansitalic' , arial, helvetica, sans-serif;
}
textarea:focus::-moz-placeholder {
	color: rgba( 255, 255, 255, 0.6);
	opacity:1;
	font-family: 'open_sansitalic' , arial, helvetica, sans-serif;
}
textarea:focus::-webkit-input-placeholder {
	color: rgba( 255, 255, 255, 0.6);
	font-family: 'open_sansitalic' , arial, helvetica, sans-serif;
}
textarea:focus:-ms-input-placeholder {
	color: rgba( 255, 255, 255, 0.6) ;
	font-family: 'open_sansitalic' , arial, helvetica, sans-serif;
}

/*  media  */
@media (max-width: 1260px){
	.wrap{
		padding-left: 64px;
		padding-right: 64px;
	}
	.wrap.wrap-large{ max-width: 896px;}
	.section-main .wrap {  max-width: 848px;}
	.section-main .btn-arrow{ left: 64px;}
	h1{
		font-size:40px;
		line-height:55px;
	}
	h2{
		font-size:40px;
		line-height:55px;
		margin: 0 0 47px;
	}
	
	.hold-space {  padding: 64px 0 0;}
	.list-items{
		padding: 0;
		margin: -50px -39px 0 -37px;
	}
	.list-items li {  
		width: 50%;
		padding: 50px 38px 0;
	}
	.list-items li:before{ left: -1px;}
	.section-space{ padding: 50px 0 0;}
	.hold-about {
		margin: 0 0 38px;
		padding: 91px 320px 40px 64px;
	}
	.hold-about .wrap-img {
		width: 192px;
		margin: -27px -256px 30px 0;
	}
	.hold-about .wrap-img  img{
		display:block;
		width:100%;
		height: auto;
	}
	.hold-about .hold-btn{ padding-bottom: 4px;}
	.gallery-brands{ 
		padding: 0 30px;
		margin: 0 auto 43px;
	}
	.gallery-brands a.link-prev{ left: 0;}
	.gallery-brands a.link-next{ right: 0;}
	.gallery-brands .gallery-holder ul li{ width: 208px;}
	.gallery-brands .gallery-holder{
		max-width:832px;
		margin:0 auto;
	}
	.gallery-brands .gallery-holder img{
		max-width: 176px;
	}
	.list-contacts{
		padding: 0;
		max-width: 720px;
		margin:0 auto;
	}
	.list-contacts li {
		display:block;
		width:100%;
		padding: 0 20px 32px 82px;
	}
	.list-contacts .hold-icon {  left: 0;}
	.list-contacts li:before{
		left: 82px;
		right: 0;
	}
	.section-contacts .wrap{ padding-bottom: 25px;}
	.section-contacts .wrap.wrap-large{ padding-bottom: 0;}
	.hold-form {  margin: 0 -16px 39px;}
	#main{ padding: 0 0 25px;}
	#footer .wrap,
	#header.fixed-header .wrap{
		padding-left: 24px;
		padding-right: 24px; 
	}
	#header .wrap{
		-webkit-transition: padding .4s ease-in-out;
		-moz-transition: padding .4s ease-in-out;
		transition: padding .4s ease-in-out;
	}
	.list-items li::before{
		margin: -15px 0 0;
	}
	
}
@media (max-width: 1000px){
	.section-main .wrap{ min-height:550px;}
	.wrap { padding: 0 48px 25px;}
	.section-main .wrap {max-width: 672px;}
	.section-main .btn-arrow{ left: 48px;}
	.list-items{ margin: -34px -25px 0;}
	.list-items li{
		padding-left: 25px;
		padding-right: 25px;
	}
	.visible-sm{ display: block;}
	.hidden-sm{display:none;}
	.hold-about {
		margin: 0 0 38px;
		padding: 48px 48px 30px ;
	}
	.hold-about .wrap-img {
		margin: 0 0 47px ;
		width: auto;
		float:none;
		padding: 32px;
	}
	.hold-about .wrap-img img{
		width: auto;
		-webkit-border-radius: 50%;
		-moz-border-radius: 50%;
		border-radius: 50%;
		max-width: 100%;
		margin:0 auto;
	}
	.btn{ margin-bottom: 15px;}
	.hold-about .hold-btn{ padding-bottom: 3px;}
	.gallery-brands{
		padding: 0 15px;
		overflow:visible;
	}
	.gallery-brands .gallery-holder{ max-width: 624px;}
	.gallery-brands a.link-prev{ left: -6px;}
	.gallery-brands a.link-next{ right: -6px;}
	.hold-form { 
		margin: 0 0 39px;
		padding-bottom: 33px;
	}
	.inner-form .col{
		float:none;
		width:100%;
	}
	.inner-form .col.col-large{ width:100%;}
}
@media (max-width: 767px){
	.top-anim2{
		top: 0;
		opacity: 1;
	}
	.top-anim{
		padding-top: 0;
		opacity: 1;
	}
	.anim{
		-webkit-transition: all .0s ease-in-out;
		-moz-transition: all .0s ease-in-out;
		transition: all .0s ease-in-out;
	}
	.deley01,
	.deley02,
	.deley03,
	.deley04,
	.deley05,
	.deley06{
		webkit-transition-delay: 0s;
		-moz-transition-delay: 0s;
		transition-delay: 0s;
	}
	.rotate{
		-webkit-transform: rotateY( 0deg );
	    -moz-transform: rotateY( 0deg );
	    transform: rotateY( 0deg );
	}
	.scale{
		-moz-transform: scale(1);
	    -webkit-transform: scale(1); 
	    transform: scale(1);
	}
	.left-anim,
	.right-anim{
		opacity: 1;
		left:0;
	}
	/**/
	#nav {
		width: 256px;
		right: -300px;
		padding: 52px 16px 20px;
	}
	body.open-nav .w1, 
	body.open-nav #footer {
		margin-left: -256px;
		margin-right: 256px;
	}
	body.open-nav #header {
		left: -256px;
		right: 256px;
	}
	#nav .menu {  margin: 0 -16px 24px;}
	.menu li a {
		font-size: 12px;
		line-height: 17px;
		padding: 16px 16px ;
	}
	.menu a:before {
		left: 16px;
		right: 16px;
	}
	#nav .toogle-menu {
		top: 26px;
		right: 16px;
	}
	.toogle-menu{
		font-size:12px;
		line-height:18px;
		margin-top: 9px;
	}
	.toogle-menu .toogle-name:before{display:none;}
	.toogle-menu .toogle-name{
		-webkit-transition: color .2s ease-in-out;
		-moz-transition: color .2s ease-in-out;
		transition: color .2s ease-in-out;
	}
	.toogle-menu:hover .toogle-name{ color: rgba( 255, 255, 255, 0.75);}
	.btn-login:before { right: 16px;}
	.btn-login:hover:before { right: 10px;}
	.btn-login {
		font-size:12px;
		line-height:17px;
		margin: 0 0 20px;
		padding: 14px 32px 15px 47px;
	}
	body{
		font-size:12px;
		line-height:20px;
	}
	.btn-login .icon-user {  left: 15px;}
	p{ margin: 0 0 16px;}
	.wrap {  padding: 0 16px 8px;}
	h1 br,
	.section-main .title br{ display:none;}
	h1 ,
	h2{
		font-size: 24px;
		line-height: 33px;
		margin: 0 0 23px;
	}
	h2{ margin: 0 0 16px;}
	h3 {
		font-size: 18px;
		line-height: 24px;
		margin: 0 0 16px;
	}
	.section-main .title {
		font-size:18px;
		line-height:24px;
		margin: 0 0 10px;
	}
	.section-main .wrap{
		padding: 100px 32px 90px;
		min-height: 360px;
		max-width: 640px;
	}
	.section-main .btn-arrow{ 
		left: 32px;
		bottom: 32px;
	}
	.section-main .btn-arrow:hover{ bottom: 32px;}
	#header{ padding: 16px 0 6px;}
	#header .wrap,
	#footer .wrap, 
	#header.fixed-header .wrap{ padding: 0 16px;}
	.logo,
	#header.fixed-header .logo{
		width: 101px;
		height: 36px;
	}
	#header.fixed-header .logo{ margin-top: 0;}
	.hold-space { padding: 24px 0 0;}
	.section-about {background-image: url(../images/bg-about-mobile.jpg);}
	.excerption{
		font-size:16px;
		line-height:22px;
		padding: 1px 0 0 16px;
		margin: 0 0 24px;
	}
	.list-items{ margin: -1px 0 0;}
	.list-items li{
		float:none;
		width:100%;
		padding: 17px 0 16px 64px;
		text-align:left	;
		margin: 0 0 16px;
	}
	.list-items li:after {
		content:'';
		display:block;
		clear:both;
	}
	.list-items li:last-child{ 
		margin: 0;
		padding-bottom: 0;
	}
	.list-items .hold-icon {
		float:left;
		margin: -16px 0 0 -64px;
		height: 48px;
		line-height: 44px;
		width: 48px;
		text-align:center;
	}
	.list-items .hold-icon img{
		width:24px;
		height: auto;
	}
	.list-items h3{
		font-size:12px;
		line-height:17px;
	}
	.list-items li:before {
		height:1px;
		margin: 0;
		left: 64px;
		top:-16px;
		width: auto;
		right: 0;
	}
	.section-space{ padding: 24px 0 0;}
	.hold-about {
		margin: 0 0 16px;
		padding: 16px 16px 6px;
	}
	.hold-about .wrap-img{
		padding: 16px;
		margin: 0 0 16px;
	}
	.hold-about .wrap-img img{ max-width: 128px;}
	.hold-about .hold-btn{ padding: 0;}
	.btn {
		font-size:12px;
		line-height:32px;
		height: 32px;
		min-width: 64px;
		padding: 0 16px;
	}
	.btn{ margin-bottom: 10px;}
	.hold-about .btn{ 
		padding: 0 16px;
		min-width: 102px;
	}
	.gallery-brands .gallery-holder ul li {
		line-height: 108px;
		min-height: 110px;
	}
	.gallery-brands .gallery-holder{ max-width: 416px;}
	.gallery-brands{ 
		padding: 0 34px;
		margin-bottom: 23px;
	}
	.gallery-brands a.link-prev{ left: 8px;}
	.gallery-brands a.link-next{ right: 8px;}
	.gallery-brands a.link-prev, 
	.gallery-brands a.link-next{ margin: -18px 0 0;}
	.list-contacts li br{ display:none;}
	.section-contacts .wrap{ padding-bottom: 8px;}
	.list-contacts li {
		padding: 0 20px 17px 64px;
		font-size:12px;
		line-height:20px;
		margin: 0 0 16px;
	}
	.list-contacts li:before{ 
		left: 64px;
		top: -17px;
	}
	.list-contacts li:last-child{ margin-bottom: 7px;}
	.hold-form h3 {
		font-size: 18px;
		line-height: 24px;
	}
	.hold-form {
		margin: 0 0 16px;
		padding: 16px 16px 6px;
	}
	.inner-form{ margin: 0;}
	.inner-form .col{ padding: 0;}
	input[type="text"], 
	input[type="email"], 
	input[type="password"], 
	textarea {
		font-size:12px;
		line-height:18px;
		height: 32px;
		margin: 0 0 16px;
		padding: 8px 7px;
	}
	textarea { 
		min-height: 160px;
		padding: 6px 7px;
	}
	#main{ padding: 0 0 8px;}
	.w1 { padding-bottom: 0;}
	#footer {
		font-size: 12px;
		line-height: 17px;
		height: auto;
		margin-top: 0;
		padding: 16px 0 10px;
		text-align:center;
	}
	.copyright,
	.developmant{
		float:none;
		display:block;
		margin: 0 0 6px;
	}
	.copyright{ margin: 0 0 16px;}
	.field-error, 
	.field-correctly {
		font-size:12px;
		line-height:17px;
		padding: 10px 12px 9px 42px;
		background-position: 10px 50%;
		margin: 0 0 8px;
	}
	.field-correctly{ background-position: 12px 50%;}
	.hold-form .hold-btn{ padding: 8px 0 0 ;}
}
@media (max-width: 500px){
	.gallery-brands .gallery-holder{ max-width: 208px;}
}