body{ 
    margin:0 auto; 
    font-family: 'Roboto Condensed', sans-serif;
    background-color: #fff;  }
.title {
	-webkit-transform: translateY(-100%);
	    -ms-transform: translateY(-100%);
	        transform: translateY(-100%);
	width: 28vw;
	height: 70vh;
	min-width: 448px;
	min-height: 192px;
	position: absolute;
	left: 5vw;
	top:5vh;
	background-color: rgba(58,64,68,0.64);
	padding: 34px;
	font-size: 2em;
	font-weight: 900;
	z-index: 3;
	color: #FFF;
	text-align: right; animation: titleEnter 1.5s 1s forwards;
  }
  	.title div:first-child {-webkit-animation: fadeOut 1.5s 1s forwards, fadeIn 1.0s 2.5s forwards;animation: fadeOut 1.5s 1s forwards, fadeIn 1.0s 2.5s forwards;} 
  	.title div:nth-child(2) {opacity:0; -webkit-animation: fadeIn 3s 2s forwards; animation: fadeIn 3s 2s forwards;}
  	.title div:nth-child(3)  {opacity:0; -webkit-animation: fadeIn 1.5s 2s forwards; animation: fadeIn 1.5s 2s forwards;} 
 	.title div:last-child {color:#3a4044; background-color:#f4f7fa; margin-top: 50px; -webkit-transform: translateX(-150%); -ms-transform: translateX(-150%); transform: translateX(-150%);-webkit-animation: titleLastEnter 1.5s 2.5s forwards;animation: titleLastEnter 1.5s 2.5s forwards; }
@-webkit-keyframes titleEnter {
		0%   {-webkit-transform: translateY(-100%);transform: translateY(-100%); }
		100% {-webkit-transform: translateY(0%);transform: translateY(0%);}
	}
@keyframes titleEnter {
		0%   {-webkit-transform: translateY(-100%);transform: translateY(-100%); }
		100% {-webkit-transform: translateY(0%);transform: translateY(0%);}
	}

@-webkit-keyframes titleLastEnter {
		0%   {-webkit-transform: translateX(-150%);transform: translateX(-150%); }
		100% {-webkit-transform: translateX(0%);transform: translateX(0%);}
	}

@keyframes titleLastEnter {
		0%   {-webkit-transform: translateX(-150%);transform: translateX(-150%); }
		100% {-webkit-transform: translateX(0%);transform: translateX(0%);}
	}

.arrow {position: absolute; width: 50px; height: 50px; cursor:pointer;}

.arrow:nth-child(2) {background-image: url(../imgP/right.png); background-repeat: no-repeat; -webkit-background-size: cover; background-size: cover; top:50vh; left:96vw; -webkit-animation: arrowRight 1.5s ease infinite alternate; animation: arrowRight 1.5s ease infinite alternate;z-index: 99;}
.arrow:nth-child(3) {background-image: url(../imgP/down-b.png); background-repeat: no-repeat; -webkit-background-size: cover; background-size: cover; top:92vh; left: 75vw; -webkit-animation: arrowDown 1.5s ease infinite alternate; animation: arrowDown 1.5s ease infinite alternate;z-index: 99;}
.arrow:nth-child(4) {background-image: url(../imgP/left-w.png); background-repeat: no-repeat; -webkit-background-size: cover; background-size: cover; top: 50vh; left:96vw; -webkit-animation: arrowRight 1.5s ease infinite alternate; animation: arrowRight 1.5s ease infinite alternate;z-index: 99;}

.arrow:nth-child(2)::before {content: 'Вперед'; color: #fff; position: absolute; -webkit-transform: translate(-50px, 15px); -ms-transform: translate(-50px, 15px); transform: translate(-50px, 15px);}
.arrow:nth-child(3)::before {content: 'Вперед'; color: #fff; position: absolute; -webkit-transform: translateY(-25px); -ms-transform: translateY(-25px); transform: translateY(-25px);}
.arrow:nth-child(4)::before {content: 'Назад'; color: #fff; position: absolute; -webkit-transform: translate(-50px, 15px); -ms-transform: translate(-50px, 15px); transform: translate(-50px, 15px);}
	@-webkit-keyframes  arrowUp {
		0%   {-webkit-transform: translateY(15%);transform: translateY(15%); opacity: 0.64;filter: drop-shadow(0px 0px 0px #ffffff);-webkit-filter: drop-shadow(0px 0px 0px #ffffff);-moz-filter: drop-shadow(0px 0px 0px #ffffff);}
		100% {-webkit-transform: translateY(0%);transform: translateY(0%); opacity: 1; filter: drop-shadow(0px -25px 5px #ffffff);-webkit-filter: drop-shadow(0px -25px 5px #ffffff);-moz-filter: drop-shadow(0px -25px 5px #ffffff);}
	}
	@keyframes  arrowUp {
		0%   {-webkit-transform: translateY(15%);transform: translateY(15%); opacity: 0.64;filter: drop-shadow(0px 0px 0px #ffffff);-webkit-filter: drop-shadow(0px 0px 0px #ffffff);-moz-filter: drop-shadow(0px 0px 0px #ffffff);}
		100% {-webkit-transform: translateY(0%);transform: translateY(0%); opacity: 1; filter: drop-shadow(0px -25px 5px #ffffff);-webkit-filter: drop-shadow(0px -25px 5px #ffffff);-moz-filter: drop-shadow(0px -25px 5px #ffffff);}
	}
	@-webkit-keyframes  arrowDown {
		0%   {-webkit-transform: translateY(-15%);transform: translateY(-15%); opacity: 0.64;filter: drop-shadow(0px 0px 0px #ffffff);-webkit-filter: drop-shadow(0px 0px 0px #ffffff);-moz-filter: drop-shadow(0px 0px 0px #ffffff);}
		100% {-webkit-transform: translateY(0%);transform: translateY(0%); opacity: 1; filter: drop-shadow(0px -25px 5px #ffffff);-webkit-filter: drop-shadow(0px -25px 5px #ffffff);-moz-filter: drop-shadow(0px -25px 5px #ffffff);}
	}
	@keyframes  arrowDown {
		0%   {-webkit-transform: translateY(-15%);transform: translateY(-15%); opacity: 0.64;filter: drop-shadow(0px 0px 0px #ffffff);-webkit-filter: drop-shadow(0px 0px 0px #ffffff);-moz-filter: drop-shadow(0px 0px 0px #ffffff);}
		100% {-webkit-transform: translateY(0%);transform: translateY(0%); opacity: 1; filter: drop-shadow(0px -25px 5px #ffffff);-webkit-filter: drop-shadow(0px -25px 5px #ffffff);-moz-filter: drop-shadow(0px -25px 5px #ffffff);}
	}
	@-webkit-keyframes arrowRight {
		0%   {-webkit-transform: translateX(-15%);transform: translateX(-15%); opacity: 0.64;filter: drop-shadow(0px 0px 0px #ffffff);-webkit-filter: drop-shadow(0px 0px 0px #ffffff);-moz-filter: drop-shadow(0px 0px 0px #ffffff);}
		100% {-webkit-transform: translateX(0%);transform: translateX(0%); opacity: 1;filter: drop-shadow(-25px 0px 5px #ffffff);-webkit-filter: drop-shadow(-25px 0px 5px #ffffff);-moz-filter: drop-shadow(-25px 0px 5px #ffffff);}
	}
	@keyframes arrowRight {
		0%   {-webkit-transform: translateX(-15%);transform: translateX(-15%); opacity: 0.64;filter: drop-shadow(0px 0px 0px #ffffff);-webkit-filter: drop-shadow(0px 0px 0px #ffffff);-moz-filter: drop-shadow(0px 0px 0px #ffffff);}
		100% {-webkit-transform: translateX(0%);transform: translateX(0%); opacity: 1;filter: drop-shadow(-25px 0px 5px #ffffff);-webkit-filter: drop-shadow(-25px 0px 5px #ffffff);-moz-filter: drop-shadow(-25px 0px 5px #ffffff);}
	}
.enterCont {position: absolute;
	; background-repeat: no-repeat; -webkit-background-size: cover; background-size: cover; background-position-x: center;
	overflow: hidden;
	width: 100vw;
	height: 100vh;
	z-index: 4;
	/*-webkit-animation: enterCont 1.5s forwards;
	        animation: enterCont 1.5s forwards;*/}
.aniWhite {
	position: absolute;
	overflow-y: scroll; 
	width: 100vw;
	height: 100vh;
	background-color: #f4f7fa;
/*	opacity: 0.64;*/
	z-index: 8;
	-webkit-animation: aniWhite 1.5s 0.5s forwards;
	        animation: aniWhite 1.5s 0.5s forwards;}
.aniBlack {
	position: absolute;
	width: 100vw;
	height: 100vh;
	background-color: #3a4044;
	opacity: 0.64;
	z-index: 6;
	-webkit-animation: aniBlack 1.5s 0.5s forwards;
	        animation: aniBlack 1.5s 0.5s forwards;}
.colorSlide {
	position: absolute;
	width: 100vw;
	height: 100vh;
	background-color: #3a4044;
	opacity: 0.64;
	-webkit-transform: translateX(-100%);
	    -ms-transform: translateX(-100%);
	        transform: translateX(-100%);
	z-index: 6;
	-webkit-animation: aniColorSlide 1.5s 0.5s forwards;
	        animation: aniColorSlide 1.5s 0.5s forwards;}

.aniOrange {
	position: absolute;
/*	overflow-y: scroll;*/
	width: 100vw;
	height: 100vh;
	background: rgba(200,65,45,1);
background: -webkit-gradient(left bottom, right top, color-stop(0%, rgba(200,65,45,1)), color-stop(38%, rgba(162,63,51,1)), color-stop(58%, rgba(142,62,54,1)), color-stop(100%, rgba(100,60,60,1)));
background: -webkit-linear-gradient(45deg, rgba(200,65,45,1) 0%, rgba(162,63,51,1) 38%, rgba(142,62,54,1) 58%, rgba(100,60,60,1) 100%);
background: -o-linear-gradient(45deg, rgba(200,65,45,1) 0%, rgba(162,63,51,1) 38%, rgba(142,62,54,1) 58%, rgba(100,60,60,1) 100%);
background: linear-gradient(45deg, rgba(200,65,45,1) 0%, rgba(162,63,51,1) 38%, rgba(142,62,54,1) 58%, rgba(100,60,60,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c8412d', endColorstr='#643c3c', GradientType=1 );
	/*background-color: #e57654;*/
	/*opacity: 0.64;*/
	-webkit-transform: translateX(-100%);-ms-transform: translateX(-100%);transform: translateX(-100%);
	z-index: 7;
	-webkit-animation: aniOrange 1.5s 1.5s forwards;
	        animation: aniOrange 1.5s 1.5s forwards;} 


	@-webkit-keyframes aniWhite {
		0%   {-webkit-transform: translateY(-100%);transform: translateY(-100%); width: 100vw; height: 100vh;}
		100% {-webkit-transform: translateY(100%);transform: translateY(100%);width: 100vw; height: 100vh;opacity: 0.64;}
	}

	@keyframes aniWhite {
		0%   {-webkit-transform: translateY(0%);transform: translateY(0%); width: 100vw; height: 100vh;}
		100% {-webkit-transform: translateY(100%);transform: translateY(100%);width: 100vw; height: 100vh;opacity: 0.64;}
	}

	@-webkit-keyframes aniBlack {
		0%   {-webkit-transform: translateX(175%);transform: translateX(175%); width: 100vw; height: 100vh;}
		100% {-webkit-transform: translateX(95%);transform: translateX(95%); width: 100vw; height: 100vh;}
	}

	@keyframes aniBlack {
		0%   {-webkit-transform: translateX(175%);transform: translateX(175%); width: 100vw; height: 100vh;}
		100% {-webkit-transform: translateX(95%);transform: translateX(95%); width: 100vw; height: 100vh;}
	}

	@-webkit-keyframes aniOrange {
		0%   {-webkit-transform: translateX(-100%);transform: translateX(-100%); width: 100vw; height: 100vh;}
		100% {-webkit-transform: translateX(100%);transform: translateX(100%); width: 94vw; height: 100vh;opacity: 0.64;}
	}

	@keyframes aniOrange {
		0%   {-webkit-transform: translateX(-100%);transform: translateX(-100%); width: 100vw; height: 100vh;}
		100% {-webkit-transform: translateX(100%);transform: translateX(100%); width: 94vw; height: 100vh;opacity: 0.64;}
	}

.openOrange {-webkit-animation: openAniOrange 1.5s forwards;animation: openAniOrange 1.5s forwards;}

	@-webkit-keyframes openAniOrange {
		0%	 {-webkit-transform: translateX(100%);transform: translateX(100%); width: 95vw; height: 100vh;opacity: 0.64;}
		100% {-webkit-transform: translateX(0%);transform: translateX(0%);width:50vw; opacity: 0.86;}
	}

	@keyframes openAniOrange {
		0%	 {-webkit-transform: translateX(100%);transform: translateX(100%); width: 95vw; height: 100vh;opacity: 0.64;}
		100% {-webkit-transform: translateX(0%);transform: translateX(0%);width:50vw; opacity: 0.86;}
	}

.openPreWhite {-webkit-animation: preOpenAniWhite 1.5s forwards;animation: preOpenAniWhite 1.5s forwards;}
	@-webkit-keyframes preOpenAniWhite {
		0% {-webkit-transform: translateY(100%);transform: translateY(100%);width: 100vw; height: 100vh;opacity: 0.64;}
		100%   {-webkit-transform: translateY(92%);transform: translateY(92%); width: 100vw; height: 100vh;opacity: 0.64;}		
	}
	@keyframes preOpenAniWhite {
		0% {-webkit-transform: translateY(100%);transform: translateY(100%);width: 100vw; height: 100vh;opacity: 0.64;}
		100%   {-webkit-transform: translateY(92%);transform: translateY(92%); width: 100vw; height: 100vh;opacity: 0.64;}		
	}
.closePreWhite {-webkit-animation: preCloseAniWhite 1.5s forwards;animation: preCloseAniWhite 1.5s forwards;}
	@-webkit-keyframes preCloseAniWhite {
		0%   {-webkit-transform: translateY(92%);transform: translateY(92%); width: 100vw; height: 100vh;opacity: 0.64;}
		100% {-webkit-transform: translateY(100%);transform: translateY(100%);width: 100vw; height: 100vh;opacity: 0.64;}		
	}
	@keyframes preCloseAniWhite {
		0%   {-webkit-transform: translateY(92%);transform: translateY(92%); width: 100vw; height: 100vh;opacity: 0.64;}
		100% {-webkit-transform: translateY(100%);transform: translateY(100%);width: 100vw; height: 100vh;opacity: 0.64;}		
	}	

.closeOrange {-webkit-animation: closeAniOrange 1.5s forwards;animation: closeAniOrange 1.5s forwards;}
	
	@-webkit-keyframes closeAniOrange {
		0% {-webkit-transform: translateX(0%);transform: translateX(0%);width:50vw; opacity: 0.86;}
		100%	 {-webkit-transform: translateX(100%);transform: translateX(100%); width: 94vw; height: 100vh;opacity: 0.64;}
		
	}
	
	@keyframes closeAniOrange {
		0% {-webkit-transform: translateX(0%);transform: translateX(0%);width:50vw; opacity: 0.86;}
		100%	 {-webkit-transform: translateX(100%);transform: translateX(100%); width: 94vw; height: 100vh;opacity: 0.64;}
		
	}

.openWhite {-webkit-animation: openAniWhite 1.5s forwards;animation: openAniWhite 1.5s forwards;}

	@-webkit-keyframes openAniWhite {
		0%   {-webkit-transform: translateY(95%);transform: translateY(95%); width: 100vw; height: 100vh;opacity: 0.64;}	
		100% {-webkit-transform: translateY(0%);transform: translateY(0%);width: 100vw; height: 100vh;opacity: 1;}
	
	}

	@keyframes openAniWhite {
		0%   {-webkit-transform: translateY(95%);transform: translateY(95%); width: 100vw; height: 100vh;opacity: 0.64;}	
		100% {-webkit-transform: translateY(0%);transform: translateY(0%);width: 100vw; height: 100vh;opacity: 1;}
	
	}

/*#closeWhite {
	position: absolute;
    top: 0;
    z-index: 9;
    border: 1px solid transparent;
    background-color: #78918b;
    border-radius: 4px;
    color: #fff;
    padding: 4px;
    margin-top: 4px;
    left: 4px;
-webkit-box-shadow: 0px 1px 1px 1px rgba(58,64,68,0.64);
-moz-box-shadow: 0px 1px 1px 1px rgba(58,64,68,0.64);
box-shadow: 0px 1px 1px 1px rgba(58,64,68,0.64);text-shadow: 0px 2px 4px rgba(58,64,68,0.74);transition: 0.5s;}
*/
#closeWhite {background-image: url(../imgP/up.png); background-repeat: no-repeat; -webkit-background-size: cover; background-size: cover; top:5px; left: 5px; -webkit-animation: arrowUp 1.5s ease infinite alternate; animation: arrowUp 1.5s ease infinite alternate;z-index: 99;}
#closeWhite::after {content: 'Назад'; color: #3a4044; position: absolute; -webkit-transform: translate(5px, 50px); -ms-transform: translate(5px, 50px); transform: translate(5px, 50px);} 
#closeCSlide {background-image: url(../imgP/up-inv.png); background-repeat: no-repeat; -webkit-background-size: cover; background-size: cover; top:5px; left: 5px; -webkit-animation: arrowUp 1.5s ease infinite alternate; animation: arrowUp 1.5s ease infinite alternate;z-index: 99;}
#closeCSlide::after {content: 'Назад'; color: #fff; position: absolute; -webkit-transform: translate(5px, 50px); -ms-transform: translate(5px, 50px); transform: translate(5px, 50px);} 
/*#closeCSlide {
	position: absolute;
    top: 0;
    z-index: 9;
    border: 1px solid transparent;
    background-color: #78918b;
    border-radius: 4px;
    color: #fff;
    padding: 4px;
    margin-top: 8px;
    left: 8px;
-webkit-box-shadow: 0px 1px 1px 1px rgba(244,247,250,0.34);
-moz-box-shadow: 0px 1px 1px 1px rgba(244,247,250,0.34);
box-shadow: 0px 1px 1px 1px rgba(244,247,250,0.34);text-shadow: 0px 2px 4px rgba(58,64,68,0.74);transition: 0.5s;}
*/
   	#colorSlideBtn {
   	    cursor:pointer;
		padding: 15px;
		border: 2px solid transparent;
		border-radius: 2px;
		background-color: #3a4044;
		color: #fff;
		margin:15px 25px 0 2px ;
   		z-index: 9;
   		border: 1px solid transparent;
background: rgba(33,36,39,1);
background: -moz-linear-gradient(left, rgba(33,36,39,1) 0%, rgba(60,73,70,1) 5%, rgba(0,0,0,1) 25%, rgba(0,0,0,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(33,36,39,1)), color-stop(5%, rgba(60,73,70,1)), color-stop(25%, rgba(0,0,0,1)), color-stop(100%, rgba(0,0,0,1)));
background: -webkit-linear-gradient(left, rgba(33,36,39,1) 0%, rgba(60,73,70,1) 5%, rgba(0,0,0,1) 25%, rgba(0,0,0,1) 100%);
background: -o-linear-gradient(left, rgba(33,36,39,1) 0%, rgba(60,73,70,1) 5%, rgba(0,0,0,1) 25%, rgba(0,0,0,1) 100%);
background: -ms-linear-gradient(left, rgba(33,36,39,1) 0%, rgba(60,73,70,1) 5%, rgba(0,0,0,1) 25%, rgba(0,0,0,1) 100%);
background: linear-gradient(to right, rgba(33,36,39,1) 0%, rgba(60,73,70,1) 5%, rgba(0,0,0,1) 25%, rgba(0,0,0,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#212427', endColorstr='#000000', GradientType=1 );
    -webkit-border-radius: 4px;
            border-radius: 4px;
    color: #fff;

    left: 4px;-webkit-box-shadow: 0px 1px 1px 1px rgba(123,192,147,0.8);
box-shadow: 0px 1px 1px 1px rgba(123,192,147,0.8);/*text-shadow: 0px 2px 4px rgba(123,192,147,0.8);*/-webkit-transition: 0.5s;-o-transition: 0.5s;transition: 0.5s;}
/*#closeCSlide:hover {
	-webkit-box-shadow: 0.5px 0.5px 0.5px rgba(244,247,250,0.64);
-moz-box-shadow: 0px 0.5px 0.5px 0.5px rgba(244,247,250,0.64);
box-shadow: 0px 0.5px 0.5px 0.5px rgba(244,247,250,0.64);transition: 0.5s;}
#closeWhite:hover, #colorSlideBtn:hover {
-webkit-box-shadow: 0px 0.5px 0.5px 0.5px rgba(58,64,68,0.64);
-moz-box-shadow: 0px 0.5px 0.5px 0.5px rgba(58,64,68,0.64);
box-shadow: 0px 0.5px 0.5px 0.5px rgba(58,64,68,0.64);
transition: 0.5s;}*/
.closeOpenWhite {-webkit-animation: closeOpenAniWhite 1.5s forwards;animation: closeOpenAniWhite 1.5s forwards;}

	@-webkit-keyframes closeOpenAniWhite {
		0% {-webkit-transform: translateY(0%);transform: translateY(0%);width: 100vw; height: 100vh;opacity: 1;}
		100%   {-webkit-transform: translateY(92%);transform: translateY(92%); width: 100vw; height: 100vh;opacity: 0.64;}	

	
	}

	@keyframes closeOpenAniWhite {
		0% {-webkit-transform: translateY(0%);transform: translateY(0%);width: 100vw; height: 100vh;opacity: 1;}
		100%   {-webkit-transform: translateY(92%);transform: translateY(92%); width: 100vw; height: 100vh;opacity: 0.64;}	

	
	}

.preOpenColorSlide {-webkit-animation: preOpenColorSlide 1.5s forwards;animation: preOpenColorSlide 1.5s forwards;}
	@-webkit-keyframes preOpenColorSlide {
		0%   {-webkit-transform: translateX(-100%);transform: translateX(-100%); width: 100vw; height: 100vh;opacity: 0.64;}
		100% {-webkit-transform: translateX(0%);transform: translateX(0%); width: 49vw; height: 100vh;opacity: 0.94;}
	}
	@keyframes preOpenColorSlide {
		0%   {-webkit-transform: translateX(-100%);transform: translateX(-100%); width: 100vw; height: 100vh;opacity: 0.64;}
		100% {-webkit-transform: translateX(0%);transform: translateX(0%); width: 49vw; height: 100vh;opacity: 0.94;}
	}

.preCloseColorSlide {-webkit-animation: preCloseColorSlide 1.5s forwards;animation: preCloseColorSlide 1.5s forwards;}
	@-webkit-keyframes preCloseColorSlide {
		0% {-webkit-transform: translateX(0%);transform: translateX(0%); width: 49vw; height: 100vh;opacity: 0.94;}
		100%   {-webkit-transform: translateX(-100%);transform: translateX(-100%); width: 100vw; height: 100vh;opacity: 0.64;}

	}
	@keyframes preCloseColorSlide {
		0% {-webkit-transform: translateX(0%);transform: translateX(0%); width: 49vw; height: 100vh;opacity: 0.94;}
		100%   {-webkit-transform: translateX(-100%);transform: translateX(-100%); width: 100vw; height: 100vh;opacity: 0.64;}

	}
.openColorSlide {-webkit-animation: OpenColorSlide 1.5s forwards;animation: OpenColorSlide 1.5s forwards;}
	@-webkit-keyframes OpenColorSlide {
		0% {-webkit-transform: translateX(-100%);transform: translateX(-100%); width: 100vw; height: 100vh;opacity: 0.94;}
		100% {-webkit-transform: translateX(0%);transform: translateX(0%); width: 100vw; height: 100vh;opacity: 1;}
	}
	@keyframes OpenColorSlide {
		0% {-webkit-transform: translateX(-100%);transform: translateX(-100%); width: 100vw; height: 100vh;opacity: 0.94;}
		100% {-webkit-transform: translateX(0%);transform: translateX(0%); width: 100vw; height: 100vh;opacity: 1;}
	}
.closeColorSlide {-webkit-animation: CloseColorSlide 1.5s forwards;animation: CloseColorSlide 1.5s forwards;}
	@-webkit-keyframes CloseColorSlide {
		0% {-webkit-transform: translateX(0%);transform: translateX(0%); width: 100vw; height: 100vh;opacity: 1;}
		100% {-webkit-transform: translateX(-100%);transform: translateX(-100%); width: 100vw; height: 100vh;opacity: 0.94;}		
	}
	@keyframes CloseColorSlide {
		0% {-webkit-transform: translateX(0%);transform: translateX(0%); width: 100vw; height: 100vh;opacity: 1;}
		100% {-webkit-transform: translateX(-100%);transform: translateX(-100%); width: 100vw; height: 100vh;opacity: 0.94;}		
	}
.colorImg{width: 80vw; height: 80vh;position: relative;
    margin-left: 5%; margin-top:25px; margin-bottom: 15px; max-width: 1340px; max-height: 896px;
    left: 5%; background-repeat: no-repeat; -webkit-background-size: cover; background-size: cover; }

/*slider*/
		.slider{
			display: block; 
			width: 100%; height: 75vh;
			background-color:#fff; 
			overflow: hidden; 
			position: relative;
			margin: 25px auto;
			z-index: 9;
		}
			.slider > * {
			position: absolute;
		  	display: block;
        	width: 100%;
        	height: 100%;
  	      	-webkit-animation: slide 16s infinite;
        	-webkit-animation-delay: 0s;
        	-moz-animation: slide 16s infinite;
        	-moz-animation-delay: 0s;
        	-ms-animation: slide 16s infinite;
        	-ms-animation-delay: 0s;
        	animation: slide 16s infinite;
        	animation-delay: 0s;
        	overflow: hidden;}
			.slide:nth-child(1) {
			-webkit-transform: translateX(0%);
			    -ms-transform: translateX(0%);
			        transform: translateX(0%);
        	-webkit-animation-delay: -2s;
        	animation-delay: -2s; 
        	background-image: url(../imgP/slide1.jpg);
        	background-position: 0% 100%; 
        	-webkit-background-size: cover; 
        	        background-size: cover; 
        	background-position: center;}
		.slide:nth-child(2) {        
			-webkit-transform: translateX(100%);        
			    -ms-transform: translateX(100%);        
			        transform: translateX(100%);
        	-webkit-animation-delay: 2s;
        	animation-delay: 2s; 
        	background-image: url(../imgP/slide2.jpg);
        	background-position: center; 
        	-webkit-background-size: cover; 
        	        background-size: cover; 
        	background-position: center;}
		.slide:nth-child(3) {
			-webkit-transform: translateX(100%);
			    -ms-transform: translateX(100%);
			        transform: translateX(100%);
        	-webkit-animation-delay: 6s; 
        	animation-delay: 6s; 
        	background-image: url(../imgP/slide3.jpg);
        	background-position: 0% 100%;
        	-webkit-background-size: cover;
        	        background-size: cover; 
        	background-position: center;}
		.slide:nth-child(4) {
			-webkit-transform: translateX(100%);
			    -ms-transform: translateX(100%);
			        transform: translateX(100%);
        	-webkit-animation-delay: 10s;
        	animation-delay: 10s;
        	background-image: url(../imgP/slide4.jpg); 
        	background-position: 0% 100%;
        	-webkit-background-size: cover;
        	        background-size: cover; background-position: center;}

			@-webkit-keyframes slide {
			0%{-webkit-transform: translateX(100%);transform: translateX(100%); width: 100%;}
			5% {-webkit-transform: translateX(0%);transform: translateX(0%);}
			25% {-webkit-transform: translateX(0%);transform: translateX(0%);}
			30% {-webkit-transform: translateX(-100%);transform: translateX(-100%); width: 100%;}
			30.1% {-webkit-transform: translateX(-100%);transform: translateX(-100%); width: 0%;}
			100% {-webkit-transform: translateX(100%);transform: translateX(100%); width: 0%;} }
		@keyframes slide {
			0%{-webkit-transform: translateX(100%);transform: translateX(100%); width: 100%;}
			5% {-webkit-transform: translateX(0%);transform: translateX(0%);}
			25% {-webkit-transform: translateX(0%);transform: translateX(0%);}
			30% {-webkit-transform: translateX(-100%);transform: translateX(-100%); width: 100%;}
			30.1% {-webkit-transform: translateX(-100%);transform: translateX(-100%); width: 0%;}
			100% {-webkit-transform: translateX(100%);transform: translateX(100%); width: 0%;} }
		/*end*/

a {
    color: #e57654;
    text-decoration: none;
    cursor: pointer;
    filter: drop-shadow(0px 1px 0px #222);
    -webkit-filter: drop-shadow(0px 1px 0px #222);
    -moz-filter: drop-shadow(0px 1px 0px #222);
    -webkit-transition: all .15s ease-in-out;
    -o-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out;}

p {
    text-align: left;
    text-indent: 20px;
    font-size:18px;
    line-height: 1.2em;}

.orangeCont { padding:50px; color: #fff; text-shadow: 0px 5px 5px #3a4044; }
.orangeCont p{font-size: 22px;}

.mainCont {max-width: 85vw; margin:0 auto;}

.headline {
	display: block;
	position: relative;
	width: 45vw;
	z-index: 10;
	top:-78px;
	max-width: 512px;
	background-color: rgba(205,214,222, 0.64);/*#cdd6de*/
	padding: 15px 18px 18px 18px;
}  

.headline h2{text-indent: 20px;margin-bottom: 18px;margin-top: 0px;}
.headline p{margin-bottom: 0px;margin-top: 18px;}
.advantages { 
    display:-webkit-box; 
    display:-webkit-flex; 
    display:flex; 
    -webkit-flex-wrap:wrap; 
            flex-wrap:wrap;
    -webkit-justify-content: space-around;
            justify-content: space-around;
    width:100%; 
    padding-top: 5vh; 
    padding-bottom: 5vh;

    }
.advantages-txt {  
    margin-left: 2.5vw; 
    width:18vw; 
    margin-bottom: 50px;
    min-width: 320px;
    text-align: center;
    color: #3a4044;}
.advantages-txt img {width: 256px;}
/*.advantages-txt:last-child {margin-right: 5vw;}*/

.advantages-txt ul {
    margin: 0;
    text-align: left;
    font-size: 18px;
    padding-left: 20px;
}

.info	{
    margin:0 auto;
    max-width: 1080px;
    margin-top:10vh; 
    margin-bottom: 18vh;
    text-align: center;
	font-size: 32px;}
.info p { 
    line-height: 1.5em; 
    font-size: 32px;
    text-align: center;
    color: #3a4044; }

.infoPhone {
    font-size: 60px; 
    font-weight: bold; 
    margin-top: 10vh; 
    margin-bottom: 10vh;
    color: rgb(42,44,46);
filter: drop-shadow(0px 2px 0px #222);
-webkit-filter: drop-shadow(0px 2px 0px #222);
-moz-filter: drop-shadow(0px 2px 0px #222);
text-shadow:3px 3px 10px rgba(34,34,34,0.5);
    -webkit-transition: all .15s ease-in-out;
    -o-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out;}
.infoPhone a:hover { 
    color: #3a4044; 
    -webkit-transition: all .15s ease-in-out;
    -o-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out;}

.aboutImg {
	cursor: pointer;
	float:right;
	width: 65vw;
	height: 65vh;
	margin-bottom:5vh;
	margin-left: 15px;
	-webkit-background-size: cover;
	        background-size: cover;
	background-repeat: no-repeat;
}
.about h2 {text-indent: 20px;}

footer {font-size: 1.2em;
    display:-webkit-box;
    display:-webkit-flex;
    display:flex; 
    position: relative;
    bottom: 1px;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
            justify-content: space-between; 
    width: 100%; height: 20vh;
    background: #3a4044; 
    color: #fff;
    }
.partners {
    margin: auto 25px;
    -webkit-transition: all .15s ease-in-out;
    -o-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out;}
.partners img:hover {
    filter: sepia(150%) invert(75%) brightness(350%) hue-rotate(118deg) saturate(700%);
    -webkit-filter: sepia(150%) invert(75%) brightness(350%) hue-rotate(118deg) saturate(700%);
    -moz-filter: sepia(150%) invert(75%) brightness(350%) hue-rotate(118deg) saturate(700%);
	-webkit-transition: all .15s ease-in-out;
    -o-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out;}


#mapBtn {
    cursor: pointer;
    -webkit-transition: all .15s ease-in-out;
    -o-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out;}
#mapBtn:hover,
#mapBtn:focus {    
   color: #e57654;
    filter: drop-shadow(0px 0.5px 0px #000);
    -webkit-filter: drop-shadow(0px 0.5px 0px #000);
    -moz-filter: drop-shadow(0px 0.5px 0px #000); 
    -webkit-transition: all .15s ease-in-out;
    -o-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out;}

    /* MODAL */

    /* The Modal (background) */
.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 99; /* Sit on top */
    padding-top: 5vh; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content */
.modal-content {
    background-color: #fefefe;
    margin: 0 auto;
    padding: 20px;
    border: 1px solid #888;
    width: 80%;
    height: 80%;
}

/* The Close Button */
.close {
    color: #aaaaaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

.close:hover,
.close:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
}

.phone {
    margin: auto 25px; 
    padding-top: 5px; 
    padding-right: 10px;
    font-weight: 600;
    color: #fff;
    }
    .phone span {font-weight:normal;}

.logo {
    margin: auto 25px;}
.partners img {
    height: 55px;
    min-width: 80px;
}










.slideCont {margin: auto;
    width: 80%;
}

.rangeSlider {
    -webkit-appearance: none;
    width: 100%; max-width: 1340px;
    height: 25px;
    background: #d3d3d3;
    outline: none;
    opacity: 0.7;
    -webkit-transition: .2s;
    -webkit-transition: opacity .2s;
    -o-transition: opacity .2s;
    transition: opacity .2s;
}

.rangeSlider:hover {
    opacity: 1;
}

.rangeSlider::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 25px;
    height: 25px;
    background: #78918b;
    cursor: pointer;
}

.rangeSlider::-moz-range-thumb {
    width: 25px;
    height: 25px;
    background: #78918b;
    cursor: pointer;
}


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

@-webkit-keyframes fadeOut {
    from { opacity: 1; display: block;}
      to { opacity: 0; display: none;}
}  
@keyframes fadeOut {
    from { opacity: 1; display: block;}
      to { opacity: 0; display: none;}
}

.appWheels, .appCar, .appBackgrnd {position: absolute;}
.appWheels input{-webkit-transform: translateY(55px);-ms-transform: translateY(55px);transform: translateY(55px);}

.wheelFilt{position: absolute; -webkit-transform: translateY(27.5px); -ms-transform: translateY(27.5px); transform: translateY(27.5px);background : url(../imgP/wheel.png) no-repeat;  -webkit-background-size: cover;  background-size: cover;width: 22px; height: 22px;    margin-right: 5px;
    left: 6%;
}
.carFilt{position: absolute;
    background: url(../imgP/car.png) no-repeat;
    -webkit-background-size: cover;
            background-size: cover;
    width: 22px;
    height: 22px;
    margin-right: 5px;
    left: 6%;
}
.filtGray {background : url(../imgP/grayscl.png) no-repeat; -webkit-background-size: cover; background-size: cover;width: 20px; height: 20px;float:left;margin-right: 5px;}
.filtBright{background : url(../imgP/sun.png) no-repeat;-webkit-background-size: cover;background-size: cover;width: 20px; height: 20px;float:left;margin-right: 5px;}
.filtContr{background : url(../imgP/contrast.png) no-repeat;-webkit-background-size: cover;background-size: cover;width: 19px; height: 19px;float:left;margin-right: 5px;}
.colInput {float:left;margin-right: 10px;}


.table-custom-header {
	top:0;
	max-height: 125px; 	
}
.info-price-table-container {
	display: flex;
	    margin-top: 10vh;
	background-image: url(../imgP/Revolution_R7.png);
	background-repeat: no-repeat;
	background-size:auto;
	background-position: 0% 100%;
	padding-bottom: 15px;
}

.info-price-table-column-header {
	margin-top: 12px;
	margin-bottom: 38px;
}
.info-price-table-column-tr{
	margin: 5px;
	background-color: #cdd6de;
}

.width-scale {transform: scale(2,1);}