*::-webkit-input-placeholder {

	color: #666;

	opacity: 1;

}

*:-moz-placeholder {

	color: #666;

	opacity: 1;

}

*::-moz-placeholder {

	color: #666;

	opacity: 1;

}

*:-ms-input-placeholder {

	color: #666;

	opacity: 1;

}

*{
	margin: 0;
	padding: 0;
	transition: .2s;
	outline: none;
	-webkit-transition: all .2s ease;
	-moz-transition: all .2s ease;
	-o-transition: all .2s ease;
	-ms-transition: all .2s ease;
	transition: all .2s ease;
}
body input:focus:required:invalid,

body textarea:focus:required:invalid {

	

}

body input:required:valid,

body textarea:required:valid {

	

}

body {
	position: relative;
	font-family: "Solomon_Sans_Normal_italic";

	color: #404040;

	font-size: 16px;

}

h2,h3{

	font-family: 'master_of_break';
	font-weight: 100;

}

h2{

	color: #b3b3b3;

	font-size: 50px;

	margin-bottom: 60px;

}
div#login.active-box{
	display: block !important;}
@media only screen and (max-width : 768px) {

	h2{margin-bottom: 40px;}

}

@media only screen and (min-width : 992px) {

	h2{

		margin-bottom: 63px;

		margin-top: 30px;

		font-size: 60px;

		}

}

a{

	color: #404040;

}

.slide{

	clear: both;

}

.container{

	width: 100%;
    height: 100%;
	box-sizing: border-box;

	padding-top: 50px;

	padding-bottom: 50px;

	clear: both;

	/*margin: 0 auto;*/

}

@media only screen and (min-width : 992px) {

	.container{

		width: calc( 100% - 380px );

		margin-left: 10%;

		padding-top: 100px;

		padding-bottom: 100px;

	}

}

@media only screen and (min-width : 1200px) {

	.container{

		width: 900px;

		margin-left: 10%;

	}

}

@media only screen and (min-width : 1400px) {

	.container{

		width: 1000px;

		margin: auto;

	}

}

/* <Навигация>*/

#fixed-nav{

	position: absolute;

	-webkit-transition:  0.2s;

	 -moz-transition:  0.2s;

	 -o-transition:  0.2s;

	 transition:  0.2s;

	font-family: 'Solomon Sans Normal';

	font-size: 24px;

	/*top: 160px;*/

	right: 50px;

	height: 385px;

	z-index: 100;

}

@media only screen and (min-width : 1200px) {

	#fixed-nav{

		right: 100px;

	}

}

nav#fixed-nav.white a{

	color: #fff !important;

}
nav#fixed-nav.white{
	margin-top: 157px;
}
#fixed-nav a span{

	/*display: none;*/

}





nav#fixed-nav.white .top{

	background: url(../images/Icons/Menu/AC-ArrowUp-Norm-W.png) center no-repeat;
	-webkit-background-size: cover;
	background-size: cover;

}

nav#fixed-nav.white .down{

	background: url(../images/Icons/Menu/AC-ArrowDown-Norm-W.png) center no-repeat;
	-webkit-background-size: cover;
	background-size: cover;

}

nav#fixed-nav.white a.active:before {

	background: url(../images/Icons/Menu/AC-BadKey-W.svg) center no-repeat;

	-webkit-background-size: cover;

	background-size: cover;

}

@media only screen and (max-width : 480px) {

	nav#fixed-nav a.active:before{

		display: none;

	}
	.show-menu {
    top: -20px !important;
}
#slide-7 .box {
    position: absolute;
    bottom: 40px;
    right: 6px !important;
}
	#fixed-nav .nav-box{

		display: none;

	}
	body nav#fixed-nav {
    	right: 43px;
        margin-top: 50px !important;
	}
.show-menu {
    float: left;
    position: absolute;
    right: 0px;
    display: none;
    width: 139px;
}
}

nav#fixed-nav.white ul.menu:after{ 

	content: " ";

	background: url(../images/Icons/Menu/arrow_menu_W.svg) center no-repeat;

	-webkit-background-size: cover;

	background-size: cover;}

#fixed-nav ul{

	list-style: none;
    position: relative;
    box-sizing: border-box;
    width: 139px;
    line-height: 30.25px;

}

#fixed-nav ul.menu:after{ 

	content: " ";

	background: url(../images/Icons/Menu/arrow_menu.svg) center no-repeat;

	-webkit-background-size: cover;

	background-size: cover;

	position: absolute;

	right: -30px;

	top: 10px;

	width: 27px;

	height: 200px;

	}

#fixed-nav a{

	padding: 1px 0; 

	display: block;

	-webkit-transition: top  0.2s;
	 -moz-transition: top  0.2s;
	 -o-transition: top  0.2s;
	 transition: top  0.2s;

}

#fixed-nav a.active{

	position: relative;

}

#fixed-nav a.active:before { 

	content: " ";

	background: url(../images/Icons/Menu/AC-BadKey-B.svg) center no-repeat;

	-webkit-background-size: cover;

	background-size: cover;

	position: absolute;

	left: -44px;
    top: 50%;
    width: 31px;
    margin-top: -7px;
    height: 13px;

	}



#fixed-nav a{

	text-decoration: none;

	color: #333;

}


#fixed-nav .top{

	width: 69px;
    height: 37px;
	margin: auto;
	margin-bottom: 20px;
	background: url(../images/Icons/Menu/AC-ArrowUp-Norm-B.png) center no-repeat;
	-webkit-background-size: cover;
	background-size: cover;
	cursor: pointer;

}

#fixed-nav .down{

	width: 69px;
    height: 37px;
	background: url(../images/Icons/Menu/AC-ArrowDown-Norm-B.png) center no-repeat;
	-webkit-background-size: cover;
	background-size: cover;
	margin: auto;
    margin-top: 24px;
	cursor: pointer;

}

@media only screen and (max-width : 991px) {

	.nav-element{

		padding: 0;

	}

	#fixed-nav{
		right: 35px;
   		margin-top: 40px;
	}

		
	}

	.show-menu {

		position: absolute;
		width: 139px;

	}

	.burger-wrapper {

		position: absolute;

		top: 18px;

		/*left: -10px !important;*/

	}




}

@media only screen and (min-width : 992px) {

	#fixed-nav a span{

		display: block;

	}

	.nav-element{

	padding: 30px;

	}

	#fixed-nav .top{

	width: 60px;

	height: 40px;}

	#fixed-nav .down{

	width: 60px;

	height: 40px;}



	#fixed-nav{

		right: 46px;

	}





}

.relative-wrapper{

	position: relative;

}

#advantages .relative-wrapper, #application .relative-wrapper, #login .relative-wrapper{

	width: 100%;

	height: 100%;

}

#login{
	width: 316px;
    border-radius: 5px;
    background: rgba(0,0,0,0.85);
    position: fixed;
    top: 50%;
    left: 50%;
    margin-left: -154px;
    margin-top: 247px;
    z-index: 100;
	display: none;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	transition: all 0.5s ease;
	opacity: 0;
	-moz-transform: translateY(-100px);
    -ms-transform: translateY(-100px);
    -webkit-transform: translateY(-100px);
    -o-transform: translateY(-100px);
    transform: translateY(-100px);
}
#login.white{
	background: rgba(256,256,256,0.85);
}
#login.white a{
	color: #333;
}
#login.white input{
	border: 1px solid #918f8e !important;
}
#login.white input[type=submit] {
	background: #333;
	color: #fff;
}
#login.white .burger::before {
  background: #333;
}

#login.white .burger::after {
  background: #333;
}
#login.active-box{
	opacity: 1 !important;
	display: block !important;
	margin-top: -247px;
	-moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
}
#login .relative-wrapper{
	padding: 40px 55px;
	width: 100%;
	box-sizing: border-box;
}
#login .head-box {
	color: #8bc53f;
	font-family: 'master_of_break';
	font-size: 63px;
	margin-bottom: 20px;
}
#login label{
	color: #8bc53f;
	font-size: 11px;
	display: inline-block;
	vertical-align: middle;
	position: relative;
}
.burger-wrpr{
	position: absolute;
	top: 0px;
	right: 3px;
}
#login input[type=checkbox]{
	display: none;
}
#login .check-login{
	display: inline-block;
	width: 13px;
	height: 13px;
	border-radius: 2px;
	border: 1px solid #8bc53f;
	vertical-align: middle;
	float: right;
	margin-left: auto;
}
#login input[type=text],
#login input[type=submit],
#login input[type=password]
{
	width: 100%;
	padding: 10px;
	box-sizing: border-box;
	margin-bottom: 10px;
	border: none;

}
#login input[type=text],
#login input[type=password]{
font-family: "Solomon_Sans_Normal_italic";}

#login input[type=submit] {
	cursor: pointer;
    text-align: center;
    background: #b3b3b3;
    color: #434343;
    font-size: 18px;
    padding: 8px;
    margin-bottom: 20px;
    font-family: 'Solomon Sans Normal';
}
#login .welcome-box{
	display: none;
}
#login a{
	color: #d8d8d8;
	font-size: 10px;
	display: block;
	margin-bottom: 10px;
	text-decoration: none;
}
#login .label-wrapper{
	margin: 24px 0 12px;
} 
.burger-wrapper{
	position: absolute;
	top: 18px;
	left: 100%;
}

.burger-menu {

  position: relative;

  width: 30px;

  height: 50px;

  cursor: pointer;

}

nav#fixed-nav.white .burger, nav#fixed-nav.white .burger::before ,nav#fixed-nav.white  .burger::after {

  background: #fff;}

 nav#fixed-nav.white .burger-menu.menu-on .burger{background: none;}

.burger {

  position: absolute;
  background: rgba(111,111,111,1);
  width: 30px;
  height: 2px;
  top: 50%;
  right: 4px;
  margin-top: -5px;
  opacity: 1;

}

.burger::before {
  position: absolute;
  background: rgba(111,111,111,1);
  width: 30px;
  height: 2px;
  top: 10px;
  content: "";
  display: block;
}

.burger::after {
  position: absolute;
  background: rgba(111,111,111,1);
  width: 30px;
  height: 2px;
  bottom: 10px;
  content: "";
  display: block;
}

.burger::after, .burger::before, .burger {

	width: 30px;

  height: 2px;

  transition: all .3s ease-in-out;

  -webkit-transition: all .3s ease-in-out;

}
.burger-menu.menu-on{margin-left: 10px;}
.burger-menu.menu-on .burger::after{

	width: 20px;

  height: 2px;

   transform: rotate(-45deg);

   -webkit-transform: rotate(-45deg);

  bottom: 0px;

}

.burger-menu.menu-on .burger::before{
	width: 20px;
	height: 2px;
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	top: 0px;
}

.burger-menu.menu-on .burger{

 background: rgba(111,111,111,.0);

}

.show-menu{

	float: left;

	display: none;

	width: 139px;

}

.nav-box{

	margin-top: 90px;

}

.show-menu ul{

	border: 1px solid #333333;

	border-radius: 5px;

	font-size: 14px;

	text-align: center;	

	padding: 0 10px;

}

nav#fixed-nav.white .show-menu ul{

	border: 1px solid #fff;}

.show-menu ul li a{

	display: block;

	padding: 5px 0 !important;

}

.show-menu  li:first-child a{

	border-bottom: 1px solid #333333;

}

nav#fixed-nav.white .show-menu  li:first-child a{

	border-bottom: 1px solid #fff;}

/* </Навигация> */



.slide{

	position: relative;

}

#slide-1{

	background:  url(../images/From-UK-1920x1155.jpg) center no-repeat;

	min-height: 500px;

	-webkit-background-size: cover;

	background-size: cover;

}

@media only screen and (min-width : 1200px) {

	#slide-1{

		height: 841px;

	}

}

#slide-2{

	

}

@media only screen and (min-width : 1200px) {

	#slide-2{

		height: 700px;

	}

}

#slide-1 .logo{

	width: 227px;

	height: 206px;

	position: absolute;

	top: calc( 50% - 103px );

	left: calc( 50% - 113px );

}

#slide-1 .logo img{

	width: 100%;

	height: 100%;

}



/* Эко кожа */

.table{

	display: table;

	width: 100%;

}

.col-1{

	text-align: right;

	display: table-cell;

	vertical-align: middle;

	width: 50%;

}

.col-2{

	display: table-cell;

	vertical-align: top;

	width: 50%;

}



#slide-3{

	background: /*url(../images/topW.svg) top -8px center no-repeat,url(../images/downW.svg) bottom -8px center no-repeat,*/ url(../images/Eco-leather-1920-1280.jpg) center no-repeat;

	height: auto;

	-webkit-background-size: cover;

	background-size: cover;

	clear: both;

}
#slide-3 .block-1{
	background: rgba(256, 256, 256, 0.7)  !important;
	background-size: 40px !important;}
#slide-3 .block-3{
	background: rgba(256, 256, 256, 0.7)  !important;
	background-size: 40px !important;}

@media only screen and (min-width : 1200px) {

	#slide-3{

		height: 954px;

	}

}

.bgt{
	background:url(../images/topW.svg) top center no-repeat;

	-webkit-background-size: cover;

	background-size: cover;

	width: 100%;

	height: 210px;

	position: absolute;

	top: -3px;

	left: 0;

	right: 0;
pointer-events:none;
	z-index: 10;

}

.bgd{
	background:url(../images/downW.svg) bottom center no-repeat;
pointer-events:none;
	-webkit-background-size: cover;

	background-size: cover;

	width: 100%;

	height: 210px;

	position: absolute;

	bottom: -3px;

	left: 0;

	right: 0;

	z-index: 10;

}

@media only screen and (max-width : 992px) {

	.bgt, .bgd

	{height: 80px;}

}

#slide-3 .block-1{

	max-width: 278px;
	box-sizing: border-box;
	padding: 33px 30px 31px;
	font-size: 10px;
	line-height: 13px;
	background: rgba(256, 256, 256, 0.7) ;
	background-size: 40px;
	border-radius: 5px;
	text-align: left;
	display: none;
}

#slide-3 .block-1 h3{

	color: #1b75bb;
	font-size: 24px;
	margin-bottom: 20px;

}

#slide-3 .block-2{

	padding: 20px 30px 270px 30px;
	text-align: right;
	box-sizing: border-box;
	font-size: 10px;
	line-height: 14px;
	background: url(../images/Eco-leather-inner-800x600.jpg) bottom no-repeat;
	-webkit-background-size: cover;
	background-size: cover;
	opacity: 0.8;
	border-radius: 5px;
	display: none;
}

#slide-3 .block-2 h3{
	color: #eea551;
	font-size: 24px;
	margin-bottom: 20px;
}

#slide-3 .block-3{
	max-width: calc( 100% - 130px );
	box-sizing: border-box;
	padding: 30px;
	font-size: 10px;
	line-height: 14px;
	background: rgba(256, 256, 256, 0.7);
	border-radius: 5px;
	display: none;
}

#slide-3 .block-3 h3{

	color: #8bc53f;
	font-size: 24px;
	margin-bottom: 20px;

}

@media only screen and (min-width : 480px) and (max-width: 992px) {

	.col-2{

		vertical-align: bottom;

	}



	.col-2 .block-3{

		margin-bottom: 30px;

		margin-right: 20px;

	}

}

@media only screen and (max-width: 580px) {

	.table{

		display: block;

		width: 100% !important;

	}

	 #slide-3 .col-1, #slide-3 .col-2{

		display: block;

		width: 80% !important;

		margin: auto;

	}

	#slide-3 .block-1{

		max-width: 100%;

		margin: auto;

		margin-bottom: 30px;

		padding: 30px;

	}

	#slide-3 .block-2{

		margin: auto !important;

		text-align: right;

	}

	#slide-3 .block-3{

		max-width: 100%;

		margin: auto;

	}

}



/* /эко кожа */

#slide-4{

	height: auto;

}

.text-box{

	display: inline-block;
	font-size: 15px;
	line-height: 1.5em;
	width: 40%;
	float: none;

}



@media only screen and (max-width : 480px) {

	.text-box{

		display: block;
		width: 100% !important;
		padding: 20px;
		padding-top: 10px;
		box-sizing: border-box;

	}

}

@media only screen and (min-width : 1200px) {

	#slide-4{

		height: 700px;

	}

}

.text-box p{

	margin-bottom: 19px;

}

.image-wraper{

	width: 20%;

	height: auto;

	margin-right: 5%;

	margin-left: 5%;

	float: left;

}

@media only screen and (max-width : 480px) {

	.image-wraper{
		margin-right: 30px;

	}

	#slide-6 .image-wraper{

		margin-right: 35px;

	}

	#slide-6 h2, #slide-4 h2{

		font-size: 45px;

	}

}

@media only screen and (min-width : 992px) {

.image-wraper{

		width: 45%;

		margin-right: 5%;

		display: inline-block;

	}

}

.image-wraper img{

	border-radius: 50%;

	width: 100%;

	height: 100%;

}

/* Весна лето*/

#slide-5{

	height: 900px;

}
#slide-5 .block-1{
	background: rgba(256, 256, 256, 0.7)  !important;
	background-size: 35px !important;
}
#slide-5 .block-2{
	background: rgba(256, 256, 256, 0.7)  !important;
	background-size: 35px !important;
}
#slide-5 div.block-2.right-type{
	background: rgba(256, 256, 256, 0.7)  !important;
	background-size: 35px !important;
}



@media only screen and (min-width : 1200px) {

	#slide-5{

		height: 954px;

	}

}

.slider{

	position: relative;

}

.slider,

.owl-wrapper-outer,

.owl-wrapper,

.slider .item {

	width: 100%;

	height: 100%;

}

.owl-pagination {

	position: absolute;

	text-align: center;

	top: 50%;

	left: calc( 50% - 150px );

}

.owl-page{

	display: inline-block;

	width: 40px;

	height: 40px;

	background: url(../images/Icons/Spring-Summer-screen/AC-Crown-icon.png) center no-repeat;

	-webkit-background-size: cover;

	background-size: cover;

	border-radius: 50%;

	margin-right: 20px;

}

.owl-pagination .active{

	box-sizing: border-box;

	border: 2px solid rgba(256, 256, 256, 0.6);

}

@media only screen and (min-width : 1200px) {




	.owl-pagination .active{

		box-sizing: border-box;

		border: 2px solid rgba(256, 256, 256, 0.6);

	}

}



.owl-item{height: 100%;}

.owl-prev{

	position: absolute;

	bottom: 100px;

	left: 20px;

	width: 40px;

	height: 50px;

	background: url(../images/Icons/Menu/ArrowLeft-W.svg) center no-repeat;

	cursor: pointer;

	z-index: 12;

}

.owl-next{

	position: absolute;

	bottom: 100px;

	right: 20px;

	width: 40px;

	height: 50px;

	background: url(../images/Icons/Menu/ArrowRight-W.svg) center no-repeat;

	cursor: pointer;

	z-index: 12;

}

.slider .content {

	position: relative

	margin: auto;

	height: 100%;}

@media only screen and (min-width : 1200px) {

	.slider .content {

		width: 1000px;

		margin: auto;

		position: relative

	}

	.owl-prev{

	top: 50%;
    margin-top: -27px;}

	.owl-next{

	top: 50%;
    margin-top: -27px;}

}



#item-slider-1{

	background:  url(../images/Spring-Summer1-1920x1280.jpg) center no-repeat;

	-webkit-background-size: cover;

	background-size: cover;

}


#item-slider-1 .block-2{


	bottom:  50px;

	left: 300px;

}

#item-slider-2{

	background:  url(../images/Spring-Summer2-1920x1280.jpg) center no-repeat;

	-webkit-background-size: cover;

	background-size: cover;	

}

#item-slider-2 .block-1{

	position: absolute;

	top: 200px;

	left: 100px;

}

#item-slider-2 .block-2{

	bottom:  50px;

	left: 300px;

}

#item-slider-3{

	background:  url(../images/Spring-Summer3-1920x1280.jpg) center no-repeat;

	-webkit-background-size: cover;

	background-size: cover;	

}

#item-slider-3 .block-1{

	position: absolute;

	top: 300px;

	right: 300px;

}

#item-slider-3 .block-2{

	bottom:  50px;

	left: 300px;

}



#item-slider-4{

	background:  url(../images/Spring-Summer4-1920x1280.jpg) center no-repeat;

	-webkit-background-size: cover;

	background-size: cover;	

}

#item-slider-4 .block-1{

	position: absolute;

	top: 300px;

	left: 300px;

}

#item-slider-4 .block-2{


	bottom:  50px;

	left: 300px;

}

#item-slider-5{

	background:  url(../images/Spring-Summer5-1920x1280.jpg) center no-repeat;

	-webkit-background-size: cover;

	background-size: cover;	

}

#item-slider-5 .block-1{

	position: absolute;

	top: 200px;

	left: 100px;

}

#item-slider-5 .block-2{


	bottom:  50px;

	left: 300px;

}

#item-slider-6{

	background:  url(../images/Spring-Summer6-1920x1280.jpg) center no-repeat;

	-webkit-background-size: cover;

	background-size: cover;	

}

#item-slider-6 .block-1{

	position: absolute;

	top: 200px;

	left: 300px;

}

#item-slider-6 .block-2{

	bottom:  50px;

	left: 300px;

}

#item-slider-7{

	background:  url(../images/Spring-Summer7-1920x1280.jpg) center no-repeat;

	-webkit-background-size: cover;

	background-size: cover;	

}

#item-slider-7 .block-1{

	position: absolute;

	top: 200px;

	right: 100px;

}

#item-slider-7 .block-2{

	bottom:  50px;

	left: 300px;

}



#slide-5 .block-1 {
	position: absolute;
    top: 200px;
    left: 15%;
    color: #1b75bb;
    box-sizing: border-box;
    width: 40px;
    height: 40px;
    box-sizing: border-box;
    font-size: 21px;
    background: rgba(256, 256, 256, 0.8);
    border-radius: 5px;
    font-family: 'master_of_break';
}

#slide-5 .block-2{

	margin-left: auto;

	width: 280px;

	box-sizing: border-box;

	padding: 30px;

	font-size: 10px;

	background: rgba(256, 256, 256, 0.7);

	border-radius: 5px;

}

#slide-5 .block-2 h3{

	color: #8bc53f;

	font-size: 24px;

	margin-bottom: 17px;

}

@media only screen and (max-width : 480px) {

#slide-5 .block-1{

	top: 50px !important;

	left: 30px;

}

#slide-5 .block-2{

	top: 100px !important;

	left: 30px;

	height: 150px;

	margin-top: 0 !important;

}

}
#slide-5 .block-2{
	display: none;
}
@media only screen and (min-width : 1200px) {

		#item-slider-1 .block-2{
    position: absolute;
    bottom: 0;
    right: 0;
    left: auto;

	}

	#item-slider-2 .block-2{


		bottom:  0;

		left: 0;

	}

	#item-slider-3 .block-2{

		bottom: 0;

		left: 0;

	}

	#item-slider-4 .block-2{

		bottom:  0;

		left: 0;

	}

	#item-slider-5 .block-2{

		bottom: 0;

		left: 0;

	}

	#item-slider-6 .block-2{

		bottom:  0;

		left: 0;

	}

	#item-slider-7 .block-2{

		bottom:  0;

		left:0;

	}

}

.btn {
    background: #333;
    display: inline-block;
    margin-right: 10px;
    font-size: 18px;
    text-decoration: none;
    color: #fff;
    font-family: 'Solomon Sans Normal';
    padding: 7px;
    text-align: center;
    box-sizing: border-box;
    border: none;
    transition: .2s;
    margin-top: 3px;
    width: 190px;
}
#application .btn{
	width: 100%;
}
a:hover{
	text-decoration: none;
}
.top:hover, .down:hover, nav a:hover, .owl-next:hover, .owl-prev:hover{
	opacity: 0.6;
}
.btn:hover{
	background: #4e4e4e;
}
@media only screen and (min-width : 320px) and (max-width: 1140px) {

	.btn{

		width: 100%;

		margin-bottom: 10px;

	}

}



#slide-6{

	height: auto;

}

@media only screen and (min-width : 1200px) {

	#slide-6{

		height: 700px;

	}

}

/* Buy in Russia */

#slide-7 {

	background:  url(../images/With-love-1920x1280.jpg) center no-repeat;

	height: auto;
    min-height: 800px;
	-webkit-background-size: cover;

	background-size: cover;

}

@media only screen and (min-width : 1200px) {

	#slide-7{

		height: 954px;

	}

}

#slide-7 .box{
	    right: 35%;
    position: absolute;
	color: #fff;
    margin-top: 20%;
	text-align: right;
	padding-right: 35px;
	width: 300px;
	margin-left: auto;
	border-right: 2px solid #fff;
	box-sizing: border-box;

}

@media only screen and (max-width : 480px) {
	#login{
	    width: 100vw !important;
	    height: 100vh !important;
	    box-sizing: border-box;
	    margin: 0 !important;
	    top: 0 !important;
	    left: 0 !important;

	}
	#login .relative-wrapper{
		padding: 35px !important;
	}
	#login .head-box {
    font-size: 65px !important;}
	#slide-7 .box{
	    padding-right: 20px;
	    margin-right: 5%;
	    margin-bottom: 20%;
	}

}

#slide-7 .box h2{

	color: #fff;
    font-size: 42px;
    margin-bottom: 51px;

}

#slide-8{

	height: auto;

}

@media only screen and (min-width : 1200px) {

	#slide-8{

		height: 750px;

	}
#slide-7 .box{
	margin-top: calc( 50% - 250px);}
}

footer{

	background: #333;

	width: 100%;

	padding: 20px;

	box-sizing: border-box;

	color: #fff;

	font-family: 'Solomon Sans Normal';

	font-size: 12px;

	display: table;

}

footer .container{

	width: 100%;

	margin: auto;

	box-sizing: border-box;

	display: table-row;

}



footer .col-1{

	display: table-cell;

	vertical-align: middle;

	text-align: left;

	box-sizing: border-box;

	width: 33%;

	padding-left: 10px;	

}

footer .col-2{

	display: table-cell;

	vertical-align: middle;

	text-align: center;

	width: 33%;

}

footer .mailto{

	color: #fff;

}

@media only screen and (max-width : 992px) and (min-width: 768px) {

footer .mailto{

	display: block;

	width: 100%;}

.col-1 span{

	display: block;

	width: 100%;}

}

@media only screen and (max-width : 760px) {

	footer{

		display: block !important;

		text-align: center 	!important;

	}

	footer .container{

		display: block !important;

		padding: 20px !important;

	}

	footer .col-1{

		display: block !important;

		text-align: center 	!important;

		width: 100% !important;

		padding-bottom: 20px;

	}

	footer .col-2{

		display: block !important;

		text-align: center 	!important;

		width: 100% !important;

	}

	footer .col-3{

		display: block !important;

		text-align: center !important;

		width: 100% !important;

	}

}

footer .col-2 img{

	max-width: 100%;

}

footer .col-3{

	display: table-cell;

	vertical-align: middle;

	text-align: right;

	width: 33%;

	padding: 10px;

	box-sizing: border-box;

}

@media only screen and (min-width : 1200px) {

	footer{

		padding: 50px 20px;

	}

	footer .container{

		width: 1140px !important;

		margin: auto !important;

		display: block;}

	footer .col-1{

		display: inline-block;

	}

	footer .col-2{

		display: inline-block;

	}

	footer .col-3{

		display: inline-block;

	}

}

#advantages, #application{
	overflow-y: auto;
	display: none;

	z-index: 200;

	position: fixed;

	top: 0;left: 0;

	height: 100vh;

	width: 100vw;

	background: rgba(256,256,256, 0.9);

}

#application{

	display: none;

}

#advantages .container-pp, #application .container-pp{

	width: 90%;

	

	display: block;

	padding: 40px 10px !important;

	margin: auto;

}

@media only screen and (min-width : 1200px) {



	#advantages .container-pp, #application .container-pp{



	position: absolute;

	width: 1000px !important;

	left: calc( 50% - 500px );

	top: calc( 50%  - 300px );

	padding: 10px !important; 

	}

	}

#advantages .container-pp .col-1, #application .container-pp .col-1{

	padding-right: 20px;

	box-sizing: border-box;

	font-size: 18px;

}

#advantages .container-pp .col-2, #application .container-pp .col-2{

	padding-left: 20px;

	box-sizing: border-box;

	width: 50%;

}

.container-pp h3{

	text-align: center !important;

	margin-bottom: 50px;

	color: #b3b3b3;

	font-size: 40px;

}

#advantages ul{

	list-style: none;

}

#advantages li{

	min-height: 70px;

	text-align: left;}

#advantages li .ico{

	width: 70px;

	height: 70px;

	display: table-cell;

	vertical-align: middle;

}

#advantages .label-advateges{

	display: table-cell;

	width: 100%;

	vertical-align: middle;

	padding-left: 30px;

}

#advantages li .ico img{

	width: 70px;

	height: 70px;

}

#advantages .close-btn, #application .close-btn{

	position: absolute;
	right: -30px;

}

@media only screen and (min-width : 1200px) {

	#advantages .close-btn, #application .close-btn{
		position: absolute;
	}

}

.close-btn{

	width: 70px;

	height: 70px;

	padding: 15px;

	box-sizing: border-box;

	cursor: pointer;

}

.close{

	width: 50px;

	height: 2px;

	background: #111;

	transform: rotate(-45deg);

}

.close::after{

	content: '';

	width: 50px;

	height: 2px;

	display: block;

	position: absolute;

	background: #111;

	transform: rotate(90deg);}

.input-box{

	width: 100%;

	margin-bottom: 20px;

}

.input-box label{

	display: block;

}

.input-box input[type=text]{
	display: block;
	width: 100%;
    box-sizing: border-box;
	background: #f2f2f2;
	border: 1px solid #999;
	padding: 10px;
}

.input-box input[type=text]:focus{

	outline: none;

}

#application .col-1, #application .col-2{

	vertical-align: top;

	display: inline-block;

	width: 47%;

	text-align: left;

}

#application .col-1 p{

	margin-bottom: 15px;

}

.col-one{

	display: inline-block;

	vertical-align: top;

	width: 49%;

}

.col-two{

	display: inline-block;

	vertical-align: top;

	width: 50%;

}
#slide-3 .container {
	position: relative;
	height: 100%;
    box-sizing: border-box;
}
.wrapper-block-1{
	position: absolute;
	left: 20%;
}
.wrapper-block-2{
	position: absolute;
	bottom: 20%;
	right: 50%;
}
.wrapper-block-3{
	position: absolute;
	left: 40%;
    top: 30%;
}
}
.wrapper-block-2 .btn-plus{
	right: 0;
	bottom: 0;
}
.wrapper-box-block{
	position: relative;
}
.btn-plus{
	position: absolute;
	z-index: 20;
	cursor: pointer;
}
.btn-plus.green{
	background:  url(../images/Icons/Ecoleather-screen/AC-Point-Green.png) no-repeat center;
	-webkit-background-size: cover;
	background-size: cover;
	height: 40px;
	width: 40px;
}
.btn-plus.blue{
	background:  url(../images/Icons/Ecoleather-screen/AC-Point-Blue.png) no-repeat center;
	-webkit-background-size: cover;
	background-size: cover;
	height: 40px;
	width: 40px;
}
 #slide-5 #item-slider-4 .blue,
 #slide-5 #item-slider-3 .blue,
 #slide-5 #item-slider-7 .blue
 {
	right: 0}
.blue{
	background:  url(../images/Icons/Ecoleather-screen/AC-Point-Blue.png) no-repeat center;
	-webkit-background-size: cover;
	background-size: cover;
	height: 40px;
	width: 40px;
	position: absolute;
}
.btn-plus.orange{
	background:  url(../images/Icons/Ecoleather-screen/AC-Point-Orange.png) no-repeat center;
	-webkit-background-size: cover;
	background-size: cover;
	height: 40px;
	width: 40px;
}
.wrapper-block-2  .btn-plus.orange{
	bottom: 0;
	right: 0;
}

#slide-5 .block-1 span {
display: none;
}
#slide-5 .block-1:hover > span {
	display: block;
	margin-left: 40px;
	margin-top: 5px;
}
 #slide-5 #item-slider-4 .block-1:hover > span,
 #slide-5 #item-slider-7 .block-1:hover > span,
 #slide-5 #item-slider-3 .block-1:hover > span {
	display: block;
	margin-left: 20px;
	margin-top: 5px;
}
#slide-5 .block-1{
	background: none !important;
}
#slide-5 .block-1:hover {
width: 211px;
background: rgba(256, 256, 256, 0.7)  !important;
}
.wrapper-box-block:hover > .block-1,
.wrapper-box-block:hover > .block-2,
.wrapper-box-block:hover > .block-3{
	display: block !important;
}

	.wrapper-blocki1-2{
		position: absolute;
	    bottom: 25%;
	    right: 46%;
	    left: auto;
	}
	.wrapper-blocki2-2{
		position: absolute;
	    bottom: 30%;
	    right: auto;
	    left: 26%;
	}
	.wrapper-blocki3-2 {
	    position: absolute;
	    bottom: 215px;
	    right: 223px;
	    left: auto;
	}
	.wrapper-blocki4-2 {
	    position: absolute;
	    top: 68%;
   		right: 55%;
	    left: auto;
	}
	.wrapper-blocki5-2 {
	    position: absolute;
	    top: 69%;
	    left: 27%;
	}
	.wrapper-blocki6-2{
	    position: absolute;
	    bottom: 20%;
	    /* right: auto; */
	    left: 20%;
	}
.wrapper-blocki7-2 {
    position: absolute;
    top: 69%;
    right: auto;
    left: 43%;
}

#item-slider-1 .btn-plus {
    bottom: 0;
    right: 0;
	position: absolute;}
#item-slider-2 .btn-plus {
	bottom: 0;}
#item-slider-3 .btn-plus {
	top: 0;
	right: 0;
}
#item-slider-4 .btn-plus {
    right: 0;}
#item-slider-6 .btn-plus {
    left: 0;
	bottom: 0}
#item-slider-7 .btn-plus {
    left: 0;
	top: 0}
.wrapper-blocki3-2 {
    position: absolute;
    top: 66%;
    right: 33%;}
.wrapper-box-block:hover > .btn-plus{
	opacity: 0;
}
.block-1:hover > .blue{
	opacity: 0;
}
.welcome .welcome-box{
	display: block !important;
}
.welcome .welcome-box{
	display: block !important;
}
.welcome .Come-in{
	display: none !important;
}