body {
	background-color: #FFFFFF !important; 	
	overflow-x: hidden;
}

.swiper-slide {
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

.swiper-slide.promopage {
	width: 100%;
	min-height: 50vh;
}

#specialprices h2 {
	font-size: 4em;
	color: white;
	text-shadow: 0px 0px 5px rgba(0, 0, 255, 1);
}

#specialprices .details {
	padding: 20px;
	width: 100%;
	display: inline-block;
	background-color: white;
}

#mechaniks {
	text-align: center;
}



#mechaniks .portret {
	display: inline-block;
	width: 24%;	
	height: 220px;
	background-size: cover;
}

#bigpage_techcard {	
	background-image: url('/img/bigpage-checklist-all.png'); background-size: contain; background-repeat: no-repeat; background-position: center top;
	width: 100%;
	min-height: 55vh;
}

#bigpage_techcard2 {	
	background-image: url('/img/bigpage-checklist-podves.png'); background-size: contain; background-repeat: no-repeat; background-position: center top;
	width: 100%;
	min-height: 55vh;
}



#bigpage_kar1 {
	/*margin-top: 50px; 
	width: 1608px; min-height: 50vh; background-image: url('/img/bigpromo-karus.png'); background-size: contain; background-repeat: no-repeat; background-position: center top;
	margin-left: auto;
	margin-right: auto;*/
	width: 1024px; max-width: 100%; min-width: 1024px;
	margin-left: auto;
	margin-right: auto;

	display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
}

#bigpage_kar1 h2 {
	font-family: 'Exo 2', sans-serif;
	text-align: center;
	font-size: 28px;
	font-weight: bold;
}

#bigpage_kar1 .basicDetails {
	padding: 20px;
	text-align: center;
	font-size: 22px;
}

#bigpage_kar1 .textDetails {
	border-left: 1px solid black;
	border-right: 1px solid black;
	padding: 20px;
	margin-left: 20px;
	margin-right: 20px;
}

#bigpage_kar1 > div {
	-webkit-flex: 1 1 33%;
    -ms-flex: 1 1 33%;
    flex: 1 1 33%;
}

#bigpage_kar1 .pictureZolPrav {
	background-size: 50% auto;
	background-position: center;
	background-repeat: no-repeat;
	width: 100%;
	height: 220px;
}

#bigpage_kar1 .pictureZolPrav1 {
	background-image: url('/img/zolprav-1.png');	
}

#bigpage_kar1 .pictureZolPrav2 {
	background-image: url('/img/zolprav-2.png');	
}

#bigpage_kar1 .pictureZolPrav3 {
	background-image: url('/img/zolprav-3.png');	
}

#bigpage_kar1 .pictureZolPrav:hover {
	background-size: 100% auto;
}

.showXS {
	display: none;
}

.hideXS {
	display: initial;
}	

tr.hideXS {
	display: table-row;
}

@media (orientation: portrait) {
  .showXS {
	display: initial;
}
	tr.showXS {
		display: table-row;
		font-size: 18px;
		max-width: 95vw;
	}

	.hideXS {
		display: none;
	}	
	tr.hideXS {
		display: none;
	}	
}

@media (max-width: 425px) {


	#bigpage_kar1 {
		width: 300vw;
		max-width: 300vw; 
		min-width: 300vw;

		/*background-size: 100% auto;
		height: 75vh;*/
	}
	#bigpage_kar1 > div {
		width: 100vw;
		-webkit-flex: 1 0 auto;
	    -ms-flex: 1 0 auto;
	    flex: 1 0 auto;
	}

	#bigpage_techcard {			
		background-size: contain; background-repeat: no-repeat; background-position: center center;
		min-height: 70vh;
	}

	#bigpage_techcard2 {
		background-size: contain; background-repeat: no-repeat; background-position: center center;			
		min-height: 70vh;
	}

	#specialprices h2 {
		font-size: 2em;
	}
}

#lounge-icons {
	width: 100%;
	max-width: 80vw;
	min-height: 50px;
	background-image: url('/img/bigpromo-lounge-icons.png');
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 50px;
}

.bigpage_title {
	font-family: 'Exo 2', sans-serif;
	font-weight: 900;
	font-size: 26px;	
	color: #856717;
	text-align: center;
	max-width: 70vw;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 15px;
}

#promobottomblock {
	position: fixed;
	left: 0;
	bottom: 0;
	height: 25vh;
	background-color: white;

	background-image: url('/img/bigpromo-banner.png');
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;

	-webkit-box-shadow: 0 -5px 15px 1px rgba(0,0,0,0.4);
	box-shadow: 0 -5px 15px 1px rgba(0,0,0,0.4);

	width: 100%;
	-webkit-transition:all 0.7s ease-in-out;
  	-moz-transition:all 0.7s ease-in-out;
  	-o-transition:all 0.7s ease-in-out;
  	transition:all 0.7s ease-in-out;
}

#promobottomblock.transbottom {
	-moz-transform: translateY(100%);
	-webkit-transform: translateY(100%);
	-o-transform: translateY(100%);
	-ms-transform: translateY(100%);
	transform: translateY(100%);
}

#promobottomblockUp {
	position: fixed;
	right: 100px;
	bottom: 0;
	height: 60px;
	background-color: white;	
	width: 60px;

	background-image: url('/img/smallpromo-banner.png');
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;

	-webkit-transition:all 0.8s ease-in-out;
  	-moz-transition:all 0.8s ease-in-out;
  	-o-transition:all 0.8s ease-in-out;
  	transition:all 0.8s ease-in-out;
  	-moz-transform: translateY(0%);
	-webkit-transform: translateY(0%);
	-o-transform: translateY(0%);
	-ms-transform: translateY(0%);
	transform: translateY(0%);
}

#promobottomblockUp.transbottom {	
  	-moz-transform: translateY(100%);
	-webkit-transform: translateY(100%);
	-o-transform: translateY(100%);
	-ms-transform: translateY(100%);
	transform: translateY(100%);
}

.specFont { 
	font-family: 'Bad Script', cursive;
}

.yellowText {
	background-color: #e5bf00;
	font-weight: bold;
}

.priorSelect {
	color: red;
	font-weight: bold;
}

.promoInTO{padding:0px 0px 0px 0px;display:none; font-size: 26px; font-family: 'Bad Script', cursive;}
.promoInTO .new{opacity: 0;}
.promoInTO .div_opacity{
  -webkit-transition: opacity .1s ease-in-out;
  -moz-transition: opacity .1s ease-in-out;
  -ms-transition: opacity .1s ease-in-out;
  -o-transition: opacity .1s ease-in-out;
  transition: opacity .1s ease-in-out;
  opacity: 1;}

#TOCard {
	-webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
}

.promoInTOMobile {
	display: none;
}	

@media screen and (max-width: 768px) {
	.promoInTO {
		display: none !important;
	}	
	.promoInTOMobile {
		display: block !important;
		padding-left: 20px;
		padding-right: 20px;
		font-size: 22px; font-family: 'Bad Script', cursive;
		text-align: center;
	}	
	.hideWhenMobile {
		display: none !important;
	}
}

#TOCard b {
	font-size: 12px;
}

#TOCard .icon {
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	min-width: 60px;
	margin-right: 20px;
	-webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    align-self: stretch;
}

.adressString {
	cursor: pointer;
}

.feedblock3 {
	width: 31%; min-height: 200px;
}

.adressblock {
	padding-top: 120px;
	padding-bottom: 120px;
	width: 100%;  
	background-color: #EBEBEB;

	display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.basicWidth .adressblock {
	padding-top: 0px;
	padding-bottom: 70px;
	-webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.cityblock {
	margin-top: 70px;	
    -webkit-flex: 0 1 40%;
    -ms-flex: 0 1 40%;
    flex: 0 1 40%;
}

.basicWidth .adressblock .cityblock {
	margin-top: 70px;	
    -webkit-flex: 1 1 50%;
    -ms-flex: 1 1 50%;
    flex: 1 1 50%;
}


.cityblock h2 {
	display: inline-block;
	padding-bottom: 20px;
	border-bottom-width: 6px;
	border-bottom-style: solid;
	border-bottom-color: #cc1919;
}

.cityblock>div {
	margin-bottom: 5px;
	max-width: 90%;
}

@media screen and (max-width: 768px) {
	.adressblock {
		padding: 10px;
		padding-bottom: 70px;

		-webkit-flex-direction: column;
	    -ms-flex-direction: column;
	    flex-direction: column;
	    -webkit-justify-content: center;
	    -ms-flex-pack: center;
	    justify-content: center;
	    -webkit-align-items: center;
	    -ms-flex-align: center;
	    align-items: center;


	}
	.cityblock {
		width: 90%;
		-webkit-flex: 1 1 260px !important;
    	-ms-flex: 1 1 260px !important;
    	flex: 1 1 260px !important;
	}
	.feedblock3 {
		width: 100%;
	}
}



#mapUpper {
	width: 40px;
	height: 40px;
	background-color: white;
	z-index: 250; 	
	background-image: url('/img/up.svg');
	background-position: center;
	background-repeat: no-repeat;
	background-size: 50% 50%;
}
 
#mapUpper.absolutPos {
	position: absolute;
	right: 0px;
}
#mapUpper.fixedPos {
	position: fixed;
	right: 0px;
	top: 63px !important;
}

@-webkit-keyframes RedToBlue {
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}
@-moz-keyframes RedToBlue {
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}
@keyframes RedToBlue { 
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}

#avtocardImg {
	margin-right: 20px;
}

#avtocardImg img {
	max-height: 20vh;
}

#loaderIcon {
	display: none;
}



.engineData, .driveData, .gearData, .modelyearsData {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,f1f1f1+50,e1e1e1+51,f6f6f6+100;White+Gloss+%231 */
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top,  #ffffff 0%, #f1f1f1 50%, #e1e1e1 51%, #f6f6f6 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0 ); /* IE6-9 */

-webkit-box-shadow: 0 3px 12px 0 rgba(0,0,0,0.4);
box-shadow: 0 3px 12px 0 rgba(0,0,0,0.4);

-webkit-border-radius: 5px;
border-radius: 5px;

padding: 15px !important;
}

.engineData:hover, .driveData:hover, .gearData:hover {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f2f6f8+0,d8e1e7+50,b5c6d0+51,e0eff9+100;Grey+Gloss+%232 */
background: #f2f6f8; /* Old browsers */
background: -moz-linear-gradient(top,  #f2f6f8 0%, #d8e1e7 50%, #b5c6d0 51%, #e0eff9 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #f2f6f8 0%,#d8e1e7 50%,#b5c6d0 51%,#e0eff9 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #f2f6f8 0%,#d8e1e7 50%,#b5c6d0 51%,#e0eff9 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f6f8', endColorstr='#e0eff9',GradientType=0 ); /* IE6-9 */
}

.engineData.selectedMe, .driveData.selectedMe, .gearData.selectedMe {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f85032+0,ef4c37+50,f6290c+51,f02f17+71,e73827+100 */
background: #f85032; /* Old browsers */
background: -moz-linear-gradient(top,  #f85032 0%, #ef4c37 50%, #f6290c 51%, #f02f17 71%, #e73827 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #f85032 0%,#ef4c37 50%,#f6290c 51%,#f02f17 71%,#e73827 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #f85032 0%,#ef4c37 50%,#f6290c 51%,#f02f17 71%,#e73827 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f85032', endColorstr='#e73827',GradientType=0 ); /* IE6-9 */

color: white;
}


#breadForTO {
	width: 100%;
	height: 6vh;
	margin-top: 63px;

	display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}
#breadForTO>div {
	margin-left: 10px;
	margin-right: 10px;
	display: none;
	cursor: pointer;
}

#breadForTO>div:hover {
	border-bottom: 1px solid black;
}

#sliderForTO {
	height: 100vh;
	background-color: #EBEBEB;
	position: relative;
	overflow-x: hidden;
	left: 0px;
	top: 0px;	
}

.slideTO {
	overflow-y: hidden;

	width: 100vw;
	height: 100vh;
	-webkit-flex: 1 0 auto;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;

display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    }

.selectTo td {
	vertical-align: top;
}

.selectTo:hover {
	background-color: #51bbff !important;
	cursor: pointer;
}

.toData {
	display: none; 
}

.toRabotyi {
	border-bottom: 1px solid black;
	font-size: 12px;
	padding: 5px 0px 5px 10px;
}

#toPerechenRabot {
	position: absolute;
}

#showToUrl {
	display: none;
}

.drivethumb {
	margin: 20px;
	padding: 5px;
}

.drivethumb p {
	margin: 0px;
}

.modelthumb.selectedMe {
	background-color: red;
	color: white;
	-webkit-border-radius: 6px;
	border-radius: 6px;
}

#tableheader {
	background-color: white;	
	border-bottom: 2px solid black;
}

#tableheader>td {
	padding-bottom: 20px;
}

.toClass table {
	width: 100vw;
	max-width: 1280px; 
	font-family: 'Roboto Condensed', sans-serif;
    font-size: 24px;
    margin-top: 20px;
}

.toClass table td:nth-child(n+2) {
	text-align: right;
}

.toClass tr:nth-child(odd) {
	background-color: #CFCFCF;
}

.toClass td {
	padding: 10px;
}


.modelthumb {
	width: 24vw;
	height: 25vh;
	background-position: left center;
	background-size: cover;
}

.new.modelthumb {
	background-color: white;
	background-position: center bottom;
	background-size: auto 75%;
	background-repeat: no-repeat;
	margin-bottom: 5px;
	margin-left: 2px;
	margin-right: 2px;
}

.fiveinrow > .modelthumb {	
	width: 19vw;
	height: 25vh;
}

@media screen and (min-height: 768px) {
	.fiveinrow > .modelthumb {	
		height: 22vh;
	}
}

.toTitle {
	font-size: 30px;
}

.SlideTitle {
	width: 100%; min-height: 60px; text-align: center;
	font-size: 30px;
	margin-top: 20px;
}

.modelthumb:hover {
	border: 5px solid red;
}

.new.modelthumb:hover { 
	border: 0px solid red;
	-webkit-transition:all 0.2s ease-in-out;
  	-moz-transition:all 0.2s ease-in-out;
  	-o-transition:all 0.2s ease-in-out;
  	transition:all 0.2s ease-in-out;
  	transform: scale(1.05);
    -webkit-transform: scale(1.05); 
    -webkit-box-shadow: 0 0 15px 3px rgba(0,0,0,0.2);
	box-shadow: 0 0 15px 3px rgba(0,0,0,0.2);
}

.modelthumb p {
	background-color: white;
	margin-top: 20px;
	display: inline-block;
	padding: 3px;
}

.modelthumb:hover p, .modelthumb.selectedMe p {
	background-color: red;
	color: white;
}

.new.modelthumb p {	
	display: block;
	text-align: center;
	font-size: 26px;
	margin-bottom: 3px;
	margin-top: 0px;
}

.modelthumb.selectedMe {
	border: 5px solid red;
}

.new.modelthumb.selectedMe {
	border: 0px solid red;
}
#modelsThumbsBlock {
	width: 100%;  margin-bottom: 30px;
	-webkit-flex-wrap: wrap;
  	-ms-flex-wrap: wrap;
  	flex-wrap: wrap;
}

@media screen and (max-width: 1440px) {
	.new.modelthumb p {
		font-size: 21px;
	}
}

.yearsForModel {
		.line-height: 12px; text-align: center;
}

@media screen and (max-width: 768px) {
	.modelthumb {
		width: 100%;
		height: 45px;
		background-image: none !important;
		padding-left: 5px;
	}
	.modelthumb:last-of-type {
		padding-left: 70px;
	}

	#modelsThumbsBlock {
		-webkit-flex-wrap: nowrap;
	  	flex-wrap: nowrap;
	  	height: auto;
	  	overflow-y: auto;
	  	margin: 0px;
	}

	.toClass table {
		font-size: 20px;
	}

	.SlideTitle {
		margin: 5px;
		font-size: 18px;
		min-height: auto;
	}
	.yearsForModel {
		display: inline-block;
	}
	.modelthumb p {
		margin-top: 0px;

		background-color: transparent;
		text-align: left;
	}
	.new.modelthumb p {
		display: inline-block;
		text-align: left;
		font-size: 19px;
		margin-bottom: 0px;
	}
	#breadForTO {
		height: 50px;
		margin-top: 0px;
	}
}

.clientAv {
	width: 60px;
	height: 60px;
	background-position: center;
	background-size: cover;
	-webkit-border-radius: 30px;
	border-radius: 30px;
	margin-right: 15px;
}

.clientAv:hover {
	border: 2px solid #cc1919;
}

#gearBlock {
	background-image: url('/img/engine-bg.jpg'); background-size: cover; background-position: center; width: 100%; height: 50vh; min-height: 300px;
}

#profilactBlock {
	width: 100vh; font-size: 3.2vh; margin-top: 5vh;
}

#profilactExamples {
	margin-top: 90px; 
	font-size: 2vh;
}

#profilactExamples a {
	display: block;
	margin-top: 20px;
	color: #cc1919;
	font-size: 1.5vmin;
}

#profilactExamples div {
	max-width: 30%;
}

#modelBlockInPresentation {
	text-align: center;	 width: 100%; background-color: #FFFFFF; min-height: 33vh; color: black;
	font-size: 3vh;
	font-variant: small-caps;
}

.modelThumb {
	width: 25vh;
	height: 25vh;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center bottom;
	margin-left: 30px; 
	margin-right: 30px; 
}
 
#mobileMenuScreen {
	position: fixed;
	left: 0px;
	top: 0px;
	display: none;
	width: 100%;
	height: 100vh;
	background-color: rgba(0,0,0,0.7);
	z-index: 251;
}

.textOnSlide {
	position: absolute;
	top: 20%;
	left: 50%;
	width: 50vw;
	margin-left: -25vw;
	z-index: 250;
	color: white;
	font-size: 22px;
    font-family: 'Roboto Condensed', sans-serif;
    text-align: center;
}

.textOnSlide>div {
	
}

.mainText {
	display: none;
}

#inputPhoneForPromo {
	display: none;
	width: 0px;
	height: 30px;
}

#inputPhoneForPromo input {
	width: 0px;
	line-height: 20px;
	height: 26px;
	margin-left: 20px;
}

#closePromoButton {
	display: block;
	width: 30px;
	background-image: url('/img/close.svg');
	background-size: contain;
	background-position: right center;
	background-repeat: no-repeat;
	margin-left: 20px;
}

#inputPhoneForPromo button {
	line-height: 20px;
	height: 26px;
	display: inline-block;
}

#showInputPromo {
	display: inline-block;
}

.promoCodeInfoBlock a {
	/*margin-left: 20px;*/
	font-size: 2.2vmin;
	font-style: italic;
	color: white;
}

.redStrike {
	color: red;
	text-decoration: line-through;

}

/*.selectedMe {
	background-color: white;
    color: #173d7d;
}*/

.bigBluePanel .optionTitle {
	font-family: 'Roboto Condensed', sans-serif;
    color: #D1D1D1;
    font-size: 14px;
}

.selectMe {
	cursor: pointer;	
/*	border-radius: 4px;
    padding-left: 5px;
    padding-right: 5px;
*/}

.selectMe:hover {
/*	background-color: rgba(255,255,255,0.3);	*/
}

.hideHalfPrice {
	padding-left: 10px;
	display: inline-block;
}

#promoTableTitle {
	background-color: #EBEBEB;
	visibility: hidden;
}

.promoCodeInfoBlock { 
	/*margin-top: 30px;*/
	z-index: 250;
	position: fixed;
	bottom: 0px;	
	display: none;
	min-height: 44px;
	line-height: 34px;
	/*padding-left: 20px;
	padding-right: 20px;*/
}

.promoCodeInfoBlock .mainText {
	color: white;
}

.promoCodeInfoBlock .whitebg {
	padding: 5px;
	padding-left: 15px;
	padding-right: 15px;
	-webkit-border-radius: 10px 10px 0 0;
	border-radius: 10px 10px 0 0;
	/*background-color: white;*/
	-webkit-box-shadow: 0 1px 2px 0 rgba(0,0,0,0.6);
	box-shadow: 0 1px 2px 0 rgba(0,0,0,0.6);
	
	background: linear-gradient(270deg, #005fff, #ff0000);
	background-size: 400% 400%;

	-webkit-animation: AnimationName 10s ease infinite;
	-moz-animation: AnimationName 10s ease infinite;
	animation: AnimationName 10s ease infinite;
}

	@-webkit-keyframes AnimationName {
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}
@-moz-keyframes AnimationName {
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}
@keyframes AnimationName { 
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}

.collapsedBlock { 
	margin-top: 10px;
	display: none;
}

.TOblock {
	margin-bottom: 20px;
	margin-top: 20px;
	cursor: pointer;
	border-radius: 4px;
    padding-left: 5px;
    padding-right: 5px;
}

.TOblock:hover {
	background-color: white;
	-webkit-box-shadow: 0 2px 3px 0 rgba(0,0,0,0.3);
	box-shadow: 0 2px 3px 0 rgba(0,0,0,0.3);
}

.feedbox {
	width: 64px;
	height: 64px;
	background-size: cover;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	margin-left: 10px;
	margin-right: 10px;
}

#selectModelInRabot {
	cursor: pointer;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}

#selectModelInRabot:hover {
	background-color: rgba(255,255,255,0.3);
}

.circle50 {
	-webkit-border-radius: 35px;
	border-radius: 35px;
	width: 70px;
	height: 70px;
	background-size: cover;
	background-position: center;
}

.listRabot {
	display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
}   

.listRabot a {
	/*display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;*/

    background-color: white;
    background-position: center right;
    background-size: contain;
    background-repeat: no-repeat;

    min-height: 110px;

	padding: 25px;
	width: 25%;
	border: 6px solid transparent;
	background-clip: padding-box;
    /*-webkit-flex: 0 1 24%;
    -ms-flex: 0 1 24%;
    flex: 0 1 24%;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;*/
    color: black;
    font-family: 'Roboto Condensed', sans-serif; 
    font-size: 2.5vh;
/*    margin-left: 10px;*/
}

.listRabot a:hover {
	text-shadow:
    -1px -1px 0 #fff,
    1px -1px 0 #fff,
    -1px 1px 0 #fff,
    1px 1px 0 #fff;  
}


.Slide {
	display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
     font-size: 22px; 
     font-family: 'Roboto Condensed', sans-serif;  

    width: 100%; min-height: 100vh; 
}

.promocodePhone {
	-webkit-box-orient: horizontal;
	-moz-box-orient: horizontal;
	-webkit-flex-direction: row; 
	flex-direction: row;
}

@media screen and (orientation:portrait) {
	.Slide {
		width: 100%; 
		min-height: 100vw;		
	}
	#uslugTable {
		font-size: 2.8vmax !important;
	}
	.promocodePhone {
		-webkit-box-orient: vertical;
		-moz-box-orient: vertical;
		-webkit-flex-direction: column; 
		flex-direction: column;
	}
}
@media screen and (max-width: 1380px) and (orientation:landscape) {
	#profilactExamples {
		font-size: 3vh;
	}
	#profilactExamples a {
		font-size: 2vmin;	
	}
	#profilactExamples .smalltext {
		font-size: 2vmin;		
	}
}

@media screen and (max-width: 1110px) and (orientation:landscape) {
	
	.textOnSlide {
		top: 120px;
	}
	.bigTitle {
		line-height: 5vmax !important;
	}
}

#firstSlide {    
    font-size: 22px; 
	color: white;
	text-align: center;	
	padding-bottom: 30vh;
}

#firstSlide2 {    
    font-size: 22px; 
	color: white;
	text-align: center;	
	padding-bottom: 30vh;
}

#firstSlide3 {    
    font-size: 22px; 
	color: white;
	text-align: center;	
	padding-bottom: 30vh;
}

.Slide p {
	width: 50vw;
	min-width: 300px;
	text-align: justify;
}

.bigTitle {
	font-variant: small-caps;
	font-size: 10vh;
	font-style: italic;	
	line-height: 5vh;
}

.middleTitle {
	font-variant: small-caps;
	font-size: 6vh;
	line-height: 6.2vh;
	font-style: italic;		
}

.selectAvtoInTable {
	font-style: italic;
	color: #428bca;
	border-bottom: 1px dotted #428bca;
	cursor: pointer;
	display: inline-block;
}
.selectAvtoInTable:hover {
	color: #d22f27;
	border-bottom: 1px solid #d22f27;
}

.listOfWorks {
	display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.listOfWorks a {
	display: block;
	-webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
}

#sugBox {
	background-color: white;
	position: absolute;
	/*width: 1024px; */
	max-width: 100vw; 	
	min-height: 50px;
	padding: 30px;
}

.feedbackBlock p {
	font-style: italic;
	margin-top: 20px;
	margin-bottom: 40px;
	background-color: white;
	padding: 10px;
	-webkit-border-radius: 7px;
	border-radius: 7px;
	-webkit-box-shadow: 0 2px 2px 0 rgba(0,0,0,0.3);
box-shadow: 0 2px 2px 0 rgba(0,0,0,0.3);
}

.FeedbackMainText {
	font-family: 'Roboto Condensed', sans-serif; 
	max-width: 50vw;
}

.FeedbackMainText a {
	white-space: nowrap;
}

#topMenuBlock2 {
	background-image: url('/img/topmenu-teo-black.png'); 
	background-repeat: repeat-x; 
	/*background-size: cover; */
	background-position: left bottom; 
	height: 63px;

	position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    z-index: 254;
    /*border-bottom: 5px solid #2e3192;*/
    background-color: black;
    /*background-image: url('/img/top-metalic.png');
    background-size: cover;*/
	/*border-image: url('/img/bg-top-border.png') 0 5 5 5 stretch;*/
	-webkit-box-shadow: 0 1px 5px 1px rgba(0,0,0,0.3);
	box-shadow: 0 1px 5px 1px rgba(0,0,0,0.3);
}

#topMenuBlock {
	background-image: url('/img/bg-at.png'); 
	background-repeat: no-repeat; 
	background-size: cover; 
	background-position: left bottom; 
	height: 63px;
}

.servicecenterThumb {
	background-position: center;
	/*background-size: auto, cover, cover;*/
	background-size: 40%, cover;
	background-repeat: no-repeat;
	width: 200px;
	height: 200px;
	-webkit-border-radius: 100px;
	border-radius: 100px;
	min-height: 50px;
	margin-right: 20px;
	border: 2px solid white;
	cursor: pointer;
}

#photoSever {
		/*background-image: url('/img/zoom-icon3.png'), url('/img/blackbg-dot.png'), url('/img/photoservice/sever-thumb.jpg');*/
		background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgaGVpZ2h0PSIxOHB4IiB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCAxOCAxOCIgd2lkdGg9IjE4cHgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6c2tldGNoPSJodHRwOi8vd3d3LmJvaGVtaWFuY29kaW5nLmNvbS9za2V0Y2gvbnMiIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj48dGl0bGUvPjxkZXNjLz48ZGVmcy8+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIiBpZD0iUGFnZS0xIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSI+PGcgZmlsbD0iIzAwMDAwMCIgaWQ9IkNvcmUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0zMzkuMDAwMDAwLCAtMzgxLjAwMDAwMCkiPjxnIGlkPSJzZWFyY2giIHRyYW5zZm9ybT0idHJhbnNsYXRlKDMzOS4wMDAwMDAsIDM4MS4wMDAwMDApIj48cGF0aCBkPSJNMTIuNSwxMSBMMTEuNywxMSBMMTEuNCwxMC43IEMxMi40LDkuNiAxMyw4LjEgMTMsNi41IEMxMywyLjkgMTAuMSwwIDYuNSwwIEMyLjksMCAwLDIuOSAwLDYuNSBDMCwxMC4xIDIuOSwxMyA2LjUsMTMgQzguMSwxMyA5LjYsMTIuNCAxMC43LDExLjQgTDExLDExLjcgTDExLDEyLjUgTDE2LDE3LjUgTDE3LjUsMTYgTDEyLjUsMTEgTDEyLjUsMTEgWiBNNi41LDExIEM0LDExIDIsOSAyLDYuNSBDMiw0IDQsMiA2LjUsMiBDOSwyIDExLDQgMTEsNi41IEMxMSw5IDksMTEgNi41LDExIEw2LjUsMTEgWiIgaWQ9IlNoYXBlIi8+PC9nPjwvZz48L2c+PC9zdmc+'), url('/img/photoservice/sever-thumb.jpg');

}

#photoUg {
		/*background-image: url('/img/zoom-icon3.png'), url('/img/blackbg-dot.png'), url('/img/photoservice/ug-thumb.jpg');*/
		background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgaGVpZ2h0PSIxOHB4IiB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCAxOCAxOCIgd2lkdGg9IjE4cHgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6c2tldGNoPSJodHRwOi8vd3d3LmJvaGVtaWFuY29kaW5nLmNvbS9za2V0Y2gvbnMiIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj48dGl0bGUvPjxkZXNjLz48ZGVmcy8+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIiBpZD0iUGFnZS0xIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSI+PGcgZmlsbD0iIzAwMDAwMCIgaWQ9IkNvcmUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0zMzkuMDAwMDAwLCAtMzgxLjAwMDAwMCkiPjxnIGlkPSJzZWFyY2giIHRyYW5zZm9ybT0idHJhbnNsYXRlKDMzOS4wMDAwMDAsIDM4MS4wMDAwMDApIj48cGF0aCBkPSJNMTIuNSwxMSBMMTEuNywxMSBMMTEuNCwxMC43IEMxMi40LDkuNiAxMyw4LjEgMTMsNi41IEMxMywyLjkgMTAuMSwwIDYuNSwwIEMyLjksMCAwLDIuOSAwLDYuNSBDMCwxMC4xIDIuOSwxMyA2LjUsMTMgQzguMSwxMyA5LjYsMTIuNCAxMC43LDExLjQgTDExLDExLjcgTDExLDEyLjUgTDE2LDE3LjUgTDE3LjUsMTYgTDEyLjUsMTEgTDEyLjUsMTEgWiBNNi41LDExIEM0LDExIDIsOSAyLDYuNSBDMiw0IDQsMiA2LjUsMiBDOSwyIDExLDQgMTEsNi41IEMxMSw5IDksMTEgNi41LDExIEw2LjUsMTEgWiIgaWQ9IlNoYXBlIi8+PC9nPjwvZz48L2c+PC9zdmc+'), url('/img/photoservice/ug-thumb.jpg');
}

.TwoFlexRow {
	-webkit-box-orient: horizontal;
	-moz-box-orient: horizontal;
	-webkit-flex-direction: row; 
	flex-direction: row;
}

.TwoFlexRow>div {
	-webkit-flex: 1 1 50%;
    -ms-flex: 1 1 50%;
    flex: 1 1 50%;
}

#dizTrBlock td, #benzTrBlock td {
	text-align: center !important;
	background-color: #B5EDFF;
	padding-bottom: 0px !important;
}

.priceToShow {
	display: none;
}

span.textBlue {
	color: #0b63ab;
}

.cityblock span.textBlue {
	color: white;
	padding: 3px;
	background-color: #0b63ab;
}

span.textRed {
	color: #d22f27;
}

.cityblock span.textRed {
	color: white;
	padding: 3px;
	background-color: #d22f27;
}



#headerAutoBlock {
	font-family: 'Roboto Condensed', sans-serif; 
	color: #D1D1D1;
	font-size: 14px;
	
	height: 30vh; 
	max-height: 200px;

	-webkit-box-orient: horizontal;
	-moz-box-orient: horizontal;
	-webkit-flex-direction: row; 
	flex-direction: row;
}

#headerAutoBlock .optionBlock {
	color: white;
	font-family: verdana;
	font-size: 17px;
	font-variant: small-caps !important;	
}

#headerAutoBlock .optionBlock > div:nth-child(n+2) {
	margin-left: 10px;
}

.descImage {
	background-size: cover;
	background-position: center;
	width: 110px;
	margin-right: 20px;
	border: 2px solid white;
	margin-bottom: 10px;
}

.desc>.flexbox {
	margin-bottom: 30px;
}




.optionTitle {
	margin-left: 5px;
}
 
.optionBlock>div {
	-webkit-border-radius: 4px;
	border-radius: 4px;
	padding-left: 5px;
	padding-right: 5px;
}
.optionBlock>div:hover {
	cursor: pointer;
	background-color: rgba(255,255,255,0.3);
}

.selected {
	background-color: white;
	color: #173d7d;
}

#kozirFooter {
	display: none;
}

.kozir {
	font-family: 'Roboto Condensed', sans-serif;    
    color: white;
}

.kozir .textBlock {
	font-size: 16px;
}


.kozirBlock {
	width: 60px;
	height: 60px;
	
	background-position: center top;
	background-size: contain;
	background-repeat: no-repeat;
}

.kozirBlock#prozrach {
	background-image: url('/img/avtoteo-glass.png');
}
.kozirBlock#doctor {
	background-image: url('/img/avtoteo-doctor2.png');
}
.kozirBlock#test {
	background-image: url('/img/avtoteo-test.png');
}
.kozirBlock#safe {
	background-image: url('/img/avtoteo-safe.png');
}
.kozirBlock#cofe {
	background-image: url('/img/avtoteo-cofe.png');
}
.kozirBlock#feed {
	background-image: url('/img/avtoteo-feed.png');
}

a.bread {
	font-family: 'Roboto Condensed', sans-serif;
	background-color: white;
	padding-left: 10px;
	font-size: 20px;
	margin-right: 50px;
	line-height: 30px;
	height: 30px;
}

.bread:after {
	content:'';
    position: absolute;
    top: 0px
    left: 0px;    
    width: 0;
    height: 0;
    border-style: solid;
	border-width: 15px 0 15px 30px;
	border-color: transparent transparent transparent #fff;
}

#uslugTable {
	width: 100%;
	margin-top: 40px;
	font-family: 'Roboto Condensed', sans-serif;
    font-size: 24px;
    margin-bottom: 40px;    
}

#uslugTable td {
	padding-bottom: 20px;
	vertical-align: top;
}

table#uslugTable td:nth-child(1) {		
	padding-left: 10px;
	padding-right: 20px;
}

table#uslugTable td:last-child  {		
	text-align: right;
	white-space: nowrap;
}

td.desc {
	white-space: normal !important;
	text-align: left !important;
	font-size: 18px;
	padding-top: 20px;
}

td.desc p {
	width: 50%;
	min-width: 400px;
	
}

#searchBox {
	-webkit-flex: 1 1 70%;
    -ms-flex: 1 1 70%;
    flex: 1 1 70%;
    height: 40px;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 24px;
    padding-left: 10px;
    padding-right: 10px;
}

#searchButton {
	-webkit-flex: 0 0 60px;
    -ms-flex: 0 0 60px;
    flex: 0 0 60px;
    margin-left: 10px;
    height: 40px;
    background-color: #aeaeae;
    -webkit-border-radius: 6px;
	border-radius: 6px;
	background-image: url('/img/search.svg');
	background-size: auto 30px;
	background-repeat: no-repeat;
	background-position: center;
	cursor: pointer;
}

.styled-select select {
	
	margin-left: 20px;
	background-color: transparent;
	border: none;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 24px;
	color: white;
}

.styled-select select * {
	color: black;
}

.basicWidth { 
	width: 1024px; max-width: 100%; min-width: 1024px;
	margin-left: auto;
	margin-right: auto;
}

a.menublock {
	font-family: 'Roboto Condensed', sans-serif;
	display: block;
	font-size: 24px;
	color: black;
	text-shadow: 0 1px 0 #A3A3A3;	
	white-space: nowrap;
}

a.menublock2 {
	font-family: 'Roboto Condensed', sans-serif;
	display: block;
	font-size: 24px;
	color: white;
	text-shadow: 0 1px 0 #000000;	
	white-space: nowrap;
}

#mobileMenuScreen a.menublock2 {
	font-size: 7vh;
}

a.menublock2:hover {
	color: #FF3948;
}

a.collapsemenublock {
	font-family: 'Roboto Condensed', sans-serif;
	display: none;
	font-size: 24px;
	color: black;
	text-shadow: 0 1px 0 #A3A3A3;	 
	position: absolute;	
}

a.collapsemenublock2 {
	font-family: 'Roboto Condensed', sans-serif;
	display: none;
	font-size: 24px;
	color: white;
	text-shadow: 0 1px 0 #000000;		 
	position: absolute;	
}

.onephone2 a {
	font-size: 24px;
	color: white;
	text-shadow: 0 1px 0 #000000;	
	margin-left: 15px;
	margin-right: 15px;
}

.headmenu {
	position: fixed; top: 0px; width: 100%; height: 58px; z-index: 255;
	/*flexspace-center*/
	-webkit-box-pack: center;	
    -moz-box-pack: center;
    -ms-flex-pack: center;
	justify-content: center; 
	-webkit-justify-content: center;
}

.headmenuItems {
	/*flexspace-between*/
	-webkit-box-pack: justify;
  	-moz-box-pack: justify;
  	-ms-flex-pack: justify;
	justify-content: space-between; 
	-webkit-justify-content: space-between;

	width: 1024px; max-width: 100%; min-width: 1024px;
}

.headphoneBlock {
	position: fixed; top: 0px; right: 0px; height: 58px; z-index: 255;
}

#popoverBlock {
	display: none;
	min-width: 300px; background-color: white;
	position: absolute;
	padding: 20px;
	max-width: 30vw; 
	text-align: justify;
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 17px;

	-webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;  
  transition: all 0.5s ease;  
}


@media (max-width: 1735px) {
	.headmenuItems {
		 -webkit-justify-content: flex-start;
	    -ms-flex-pack: start;
	    justify-content: flex-start;
	}
	a.menublock {
		margin-right: 35px;
	}
	a.menublock2 {
		margin-right: 35px;
	}
}

@media (max-width: 1410px) {
	.headmenu {
		-webkit-justify-content: flex-start;
	    -ms-flex-pack: start;
	    justify-content: flex-start;
	}
	.headmenuItems {
		margin-left: 200px;
		width: auto;
		min-width: auto;
	}
}

.headphoneBlock a#mobPhoneButton {
	display: none;
}

@media (max-width: 1110px) {
	.promoCodeInfoBlock a {
		font-size: 3vmax;
	}
	.onephone {
		display: none;
	}
	.onephone2 {
		display: none;
	}
	.listRabot a {
		width: 33%;
	}
	.headphoneBlock {
		right: 20px;
	}
	.headphoneBlock a {
		display: block;
	}
	.headphoneBlock a#mobPhoneButton {
		display: block;
		width: 44px;
		height: 44px;
		margin-left: -44px;
		z-index: 255;
	}
	.basicWidth { 
		width: 100%;
		min-width: 100%;
		padding-left: 20px;
		padding-right: 20px;
	}

	.headmenuItems {
		min-width: auto;
		width: auto;
		margin-right: 80px;
		-webkit-flex: 1 1 auto;
	    -ms-flex: 1 1 auto;
	    flex: 1 1 auto;
	}
	.FeedbackMainText {
		max-width: 100vw;
		text-align: center;
	}
}

.bigTextBlock {
	font-family: 'Roboto Condensed', sans-serif; 
	font-size: 4vh;		
}

#map2 {
	width: 100%; height: 100vh;
}

@media (max-width: 880px) {

	#map2 {
		width: 100%; height: 70vh;
	}

	.textOnSlide {
		width: 94vw;
		margin-left: -47vw;
		font-size: 2.6vmax;	
	}

	.bigTitle {
		font-size: 4.2vmax;
		display: block;
		padding-bottom: 40px;
	}

	body {
		padding-top: 60px;
		margin: 0px;
	}

	.Slide p {
		width: 94vw;
		font-size: 3vmax;
	}

	.middleTitle {
		font-size: 4.2vmax;	
	}


	#headerAutoBlock {		
		height: auto; 
		max-height: 100%;
		margin-top: 20px;
		margin-bottom: 20px;
		-webkit-flex-wrap: wrap;
    	-ms-flex-wrap: wrap;
    	flex-wrap: wrap;
	}

	#headerAutoBlock>div:first-child {
		-webkit-flex: 0 1 100%;
	    -ms-flex: 0 1 100%;
	    flex: 0 1 100%;
	    margin-bottom: 20px;
	}

	/*-webkit-box-orient: vertical;
		-moz-box-orient: vertical;
		-webkit-flex-direction: column; 
		flex-direction: column;*/

	/*#headerAutoBlock .optionBlock > div:nth-child(n+2) {
		margin-left: 0px;
	}*/

	.headmenuItems > a.menublock, .headmenuItems > a.menublock2 {
		display: none;
	}

	a.collapsemenublock, a.collapsemenublock2 {
		display: block;
		/*position: static;*/
		top: 15px;
    	right: 80px;
		position: absolute;

		background-image: url('/img/menu-icon.png');
		background-position: right center;
		background-size: auto 20px;
		background-repeat: no-repeat;
		padding-right: 40px;
	}

	.headmenuItems { 
		justify-content: flex-end;
		-webkit-justify-content: flex-end;
	}

	.kozir .textBlock {
		font-size: 12px;
	}
	
	.styled-select select {
		font-size: 18px;
	}

	.TwoFlexRow {
		-webkit-box-orient: vertical;
		-moz-box-orient: vertical;
		-webkit-flex-direction: column; 
		flex-direction: column;
	}

	.bigTextBlock {
		font-size: 26px;
	}

	.TwoFlexRow>div {
		-webkit-flex: 1 1 auto;
	    -ms-flex: 1 1 auto;
	    flex: 1 1 auto;
	}

	.TwoFlexRow>div:first-child {
		margin-bottom: 35px;
	}

	.listRabot a {
		width: 50%;
	}
}

@media (max-width: 670px) {
	.kozir .textBlock {
		display: none;
	}
	.kozirBlock {
		margin-bottom: 20px;
	}
	#indexMainTextTitle {
		text-align: center;
	}
}

#indexMainBrandsMenu a>div {
	width: 200px; height: 200px;
	background-size: 130px auto; background-repeat:  no-repeat; background-position: 30px 60px
}

#indexMainBrandsMenu a {
	color: white;
	font-size: 32px;
	margin-left: 20px;
	margin-right: 20px;
}

@media (max-width: 550px) {	
	#indexMainBrandsMenu a>div {
		width: 33vw; height: 200px;
		background-size: 70% auto; background-repeat:  no-repeat; background-position: center;
	}

	#indexMainBrandsMenu a {
		color: white;
		width: 33vw; height: 200px;
		font-size: 20px;
		margin-left: 20px;
		margin-right: 20px;
	}

	.kozirBlock {
		width: 40px;
		height: 40px;
	}

	#topMenuBlock {
		background-size: auto 100%;
	}

	.listRabot a {
		width: 100%;
	}
}


.onephone a {
	font-size: 24px;
	color: black;
	text-shadow: 0 1px 0 #A3A3A3;
	margin-left: 15px;
	margin-right: 15px;
}



.tdwhite tr {
	background-color: white;
}

.rotate90 {
	/* Safari */
-webkit-transform: rotate(-90deg);

/* Firefox */
-moz-transform: rotate(-90deg);

/* IE */
-ms-transform: rotate(-90deg);

/* Opera */
-o-transform: rotate(-90deg);

/* Internet Explorer */
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
transform-origin: left top 0;
float: left;
}

/*
   Vertical text
   by @kizmarh
*/
.vertical-text {
	display: inline-block;
	overflow: hidden;
	width: 1.5em;
}
.vertical-text__inner {
	display: inline-block;
	white-space: nowrap;
	line-height: 1.5;
	transform: translate(0,100%) rotate(-90deg);
	transform-origin: 0 0;
}
/* This element stretches the parent to be square
   by using the mechanics of vertical margins  */
.vertical-text__inner:after {
	content: "";
	display: block;
	margin: -1.5em 0 100%;
}

.catalogUslug {
	width: 100%;
    max-width: 1024px;	
}

.catalogUslug .rabotFolder {
	width: 100%;
	background-color: white;
	background-image: url('/img/down.png');
	background-repeat: no-repeat;
	background-position: left center;
	font-size: 20px;
	padding: 5px;
	padding-left: 42px;
	margin-bottom: 2px;
}

.catalogUslug .rabotFolder:hover {
	cursor: pointer;
	background-color: #a3e8ff;
}

.closed > div {
	padding: 3px;
	padding-left:  42px;
	padding-right: 42px;
}

.closed > div:nth-child(odd) {
	width: 100%;
	background-color: white;
}

.closed > div:nth-child(even) {
	width: 100%;
	background-color: #e4e4e4;
}

.uslugalabel {
	background-color: #CFE2E8;
	font-size: 18px;
	padding: 2px;
}

.thTitle {
	width: 100%;
	background-color: white;
	color: black;
	margin-bottom: 20px;
	text-align: center;
}

#phoneInput {
	max-width: 300px;
}

.imageTypeAuto {
	-webkit-border-radius: 10px;
	border-radius: 10px;
	background-size: cover;
	background-position: center;
	width: 200px;
	height: 200px;
	-webkit-box-shadow:inset 0 0 15px 1px rgba(0,0,0,0.8);
	box-shadow:inset 0 0 15px 1px rgba(0,0,0,0.8);  

	-webkit-transition: all 100ms ease-in;
    -webkit-transform: scale(1);
    -ms-transition: all 100ms ease-in;
    -ms-transform: scale(1); 
    -moz-transition: all 100ms ease-in;
    -moz-transform: scale(1);
    transition: all 100ms ease-in;
    transform: scale(1);

    margin-left: 10px;
    margin-right: 10px;
    margin-bottom: 10px;
}

/*.imageTypeAuto:nth-child(n+2) {
	margin-left: 20px;
}*/

.imageTypeAuto:hover {
	-webkit-transition: all 100ms ease-in;
    -webkit-transform: scale(1.1);
    -ms-transition: all 100ms ease-in;
    -ms-transform: scale(1.1);   
    -moz-transition: all 100ms ease-in;
    -moz-transform: scale(1.1);
    transition: all 100ms ease-in;
    transform: scale(1.1);
}

#infoPopup {
	font-size: 22px;
}

a#linkToService {
	background-color: red;
	padding: 3px;
	color: white;
	display: none;
	width: 200px;
	margin-top: 25px;
	text-align: center;
}

.hideInPopup {
	display: none;
}

#popUpBlock {
	position: fixed;
	top: 0px;
	width: 100%;
	height: 100vh;
	background-color: rgba(0,0,0,0.7);
	z-index: 254;
	display: none;
}

#popUpBlock .wraper {
	width: 100%;
	height: 100vh;
}

#popUpBlock .wraper>div {
	width: auto;
	background-color: white;
	padding: 50px;
}

.modelList { 
	margin-top: 50px;
	margin-bottom: 50px;
	visibility: hidden;
	position: absolute;
	top: 0px;
}

.modelList a {
/*	display: block;*/
	text-align: left;
	color: white;
	font-size: 22px;
	width: 100%;
	min-width: 350px;
}

/*.modelList>div {
	margin-left: 50px;
	margin-right: 50px;
	margin-bottom: 50px;
}*/

.bgred {
	background-color: #ed1c24;
}

.topbar {
	position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    z-index: 254;
    border-bottom: 5px solid #2e3192;
    background-color: white;
    /*background-image: url('/img/top-metalic.png');
    background-size: cover;*/
	border-image: url('/img/bg-top-border.png') 0 5 5 5 stretch;
	-webkit-box-shadow: 0 1px 5px 1px rgba(0,0,0,0.3);
		box-shadow: 0 1px 5px 1px rgba(0,0,0,0.3);
}

.uslugaPage #map {
	width: 100%;
    max-width: 1024px;
    min-height: 35vh;
}

.PhoneOrderBlock {
	width: 100%;
    max-width: 1024px; height: 60px; background-color: #143559;
    color: white;
    font-family: 'Ubuntu Condensed', sans-serif;
    text-align: center;
    line-height: 60px;
    font-size: 26px;
}

.AddrOrderBlock {
	width: 100%;
    max-width: 1024px; min-height: 60px; 
    background-color: rgba(0,0,0,0.7);
    color: white;
    font-family: 'Ubuntu Condensed', sans-serif;
    text-align: center;
    line-height: 60px;
    font-size: 26px;
}

.PhoneOrderBlock span {
	color: #5680af;
}

.OrderBlock {
	background-image: url('/img/bg-avtoserv.jpg');
	background-size: auto 100%;
	background-repeat: no-repeat;
	background-position: center;

	
	text-shadow:
   -1px -1px 0 #FFFFFF,  
    1px -1px 0 #FFFFFF,
    -1px 1px 0 #FFFFFF,
     1px 1px 0 #FFFFFF,
     0px 0px 2px #FFFFFF;    

	min-height: 336px; 
	background-color: white; margin-top: 5px; padding: 15px; padding-top: 65px;
}


.OrderBlock input {
	
}

.OrderBlock h3 {
	font-family: 'Ubuntu Condensed', sans-serif;
	text-align: center;
	color: #ed1c24;
	font-size: 32px;
	-webkit-text-stroke: #ed1c24;
}

.OrderButton {
	height: 36px;
}

.OrderBlock .bigtext {
	font-size: 28px;
}

.vidRabot {
	margin-bottom: 30px;	
}

.vidRabotTO, .OrderBlock {
	width: 100%;
	max-width: 1024px;
}

.vidRabot table, .vidRabotTO table {
	width: 100%;
	-webkit-flex: 0 1 1024px;
    -ms-flex: 0 1 1024px;
    flex: 0 1 1024px; 
	background-color: white;
	font-size: 18px;
	color: black;
	font-family: Tahoma;
	border-collapse: collapse;
}

.vidRabotTO table td.price {
	text-align: right;
}

.vidRabot table td, .vidRabotTO table td {
	padding: 10px;
}

.vidRabot table td:first-child {
	max-width: 700px;
}

.vidRabotTO table td:first-child {
	padding-left: 25px;
}

.vidRabot table td:last-child, .vidRabotTO table td:last-child {
	color: #ed1c24;
	text-align: right;
} 

.vidRabotTO table td:nth-child(n+3) {	
	text-align: center;	
}

.vidRabot table td:nth-child(n+2) {
	width: 90px;
	text-align: center;	
}

.vidRabot table td:nth-child(n+3):after { 
	content: " ₽";
}

.vidRabot table tr:nth-child(even), .vidRabotTO table tr:nth-child(even) {
	background-color: #E8E8E8;
}

.vidRabotTO table tr:nth-child(n+2):hover {
	background-color: #a3e8ff;
}


/*@media (max-width: 560px) {
	.topbar { 
		background-position: 10px 50px !important;
		background-size: 200px auto !important;
	}
	a.logo {
		display: block;		
		height: 51px !important;
		width: 120px !important;
		margin-bottom: 10px;
	}
	.logo img {
		margin-top: 12px;
		width: 100%; 
		height: auto;
	}
}*/

a {
	color: #d40022;
	-webkit-transition: color .2s, background .2s;
    transition: color .2s, background .2s;
}

a:hover {
	text-decoration: none !important;
}

.topbar {
	padding: 7px;
}

.topbar .phone a {    
    white-space: nowrap;
    text-decoration: none;
}

.phone strong {
	font-size: 18px;
    font-weight: 700;
    color: #ed1c24;
}

.bgcontaincenter {
	background-size: contain;
	background-position: center center;
	background-repeat: no-repeat;
}

.bgcovercenter {
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
}

a.scalingUp { 
	/*transition-timing-function: ease;
	-webkit-transition-timing-function: ease;
	transition-duration: .2s;
	-webkit-transition-duration: .2s;*/
}

a.scalingUp:hover img { 
	-webkit-animation: cssAnimation 0.5896s 1 ease;
	-moz-animation: cssAnimation 0.5896s 1 ease;
	-o-animation: cssAnimation 0.5896s 1 ease;
}
@-webkit-keyframes cssAnimation {
from { -webkit-transform: rotate(360deg)  skew(1deg) translate(0px); }
to { -webkit-transform: rotate(4deg)  skew(1deg) translate(0px); }
}
@-moz-keyframes cssAnimation {
from { -moz-transform: rotate(360deg)  skew(1deg) translate(0px); }
to { -moz-transform: rotate(4deg)  skew(1deg) translate(0px); }
}
@-o-keyframes cssAnimation {
from { -o-transform: rotate(360deg)  skew(1deg) translate(0px); }
to { -o-transform: rotate(4deg)  skew(1deg) translate(0px); }
}

footer {
	font-size: 14px;
    color: #575757; padding: 28px;

	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e0e0e0+0,b2b2b2+100 */
	background: #e0e0e0; /* Old browsers */
	background: -moz-linear-gradient(top,  #e0e0e0 0%, #b2b2b2 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e0e0e0), color-stop(100%,#b2b2b2)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #e0e0e0 0%,#b2b2b2 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #e0e0e0 0%,#b2b2b2 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #e0e0e0 0%,#b2b2b2 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #e0e0e0 0%,#b2b2b2 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e0e0e0', endColorstr='#b2b2b2',GradientType=0 ); /* IE6-9 */
}

.lightgreyToGrey {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ebebeb+0,cecece+100 */
background: #ebebeb; /* Old browsers */
background: -moz-linear-gradient(top,  #ebebeb 0%, #cecece 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #ebebeb 0%,#cecece 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #ebebeb 0%,#cecece 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ebebeb', endColorstr='#cecece',GradientType=0 ); /* IE6-9 */

}

h1 {
	font-size: 8vmax !important; 
	
}

.redcolor {
	color: #d40022 !important; 
}

.whitecolor {
	color: #ffffff !important; 
}

.textcenter {
	text-align: center;
}

.uzkiyContentBlock {
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	max-width: 760px;
}

.rouble {
  display: inline-block;
  position: relative;
}

.rouble:before {
  display: block;
  content: "–";
  position: absolute;
  z-index: 10;
  top: 0.08em;
}

.fontNoto {
	font-family: 'Noto Serif', serif;
}

.bigText {
	font-size: 3vmax;
}

.submiddleText {
	font-size: 1.4vmax;
}

.middleText {
	font-size: 2.2vmax;
}

.prozrachBg {
	background-color: rgba(255,255,255,0.4);
}

.prozrachBg2 {
	background-color: rgba(255,255,255,0.7);
}

.inlineBlock {
	display: inline-block;
}

.BigShadowText {
	text-shadow: 0 2px 7px #000000;
}

.padInside25 {
	padding: 25px;
}

.round6 {
	-webkit-border-radius: 6px;
	border-radius: 6px;
}

.whiteborder {
	border-color: white;
}




.is_overlay{ display: block; width: 100%; height: 100%; }

.smalltext {
	font-size: 20px;
	font-size: 1.5vmin;
}

#contentblock {
position: fixed;
width: 100%;
height: 100vh;
top: 0; right: 0; bottom: 0; left: 0;
overflow: hidden;
z-index: 1;
}



#mobilebg {
	background-image: url('/img/ch/ch-main-bg.jpg');	
	background-size: cover;
	background-color: black;
	position: fixed;
width: 100%;
height: 100vh;
top: 0; right: 0; bottom: 0; left: 0;
overflow: hidden;
z-index: 1;
}

.mainmenu {
	font-size: 3.5vmin;
	
}

.mainmenu a {
	display: block;
	width: 100%;
	height: 100%;
	padding: 20px;
	color: white;
}

.mainmenu a:hover {
	text-decoration: none;
	color: white;
	background-color: #3B7CD9;
}

#dotted {
position: fixed;
width: 100%;
height: 100vh;
top: 0; right: 0; bottom: 0; left: 0;
overflow: hidden;
z-index: -248;
}

#trailer {
position: fixed;
top: 0; right: 0; bottom: 0; left: 0;
overflow: hidden;
z-index: -249;
}

#trailer > video {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}


 /* Если есть поддержка object-fit (Chrome/Chrome для Android, Safari в iOS 8 и Opera), используем его: */
 @supports (object-fit: cover) {
     #trailer > video {
         top: 0; left: 0;
         width: 100%; height: 100%;
         object-fit: cover;
     }
 }

#video {

	z-index: -250;
}


.bluring {
  filter: blur(5px);
-webkit-filter: blur(5px);
-moz-filter: blur(5px);
-o-filter: blur(5px);
-ms-filter: blur(5px);
filter: url("data:image/svg+xml;utf9,<svg%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'><filter%20id='blur'><feGaussianBlur%20stdDeviation='5'%20/></filter></svg>#blur");
filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius='5'); 

  transition:all 0.5s ;
    -webkit-transition:all 0.5s ;
    -o-transition:all 0.5s ;
    -moz-transition:all 0.5s ;
    -ms-transition: all 0.5s ;
}

.viewmenu {
	cursor: pointer;
}

.menus {
	max-width: 75vw;
	max-height: 100vh;
	overflow: auto;
}

a.grafbutton {
	text-decoration: none;
	color: black;
}

a:hover.grafbutton {
	text-decoration: none;
	color: #754708;
}

.feedback {
	width: 100%;

}

/* Mobile-first  */
@media (min-width: 670px) {
    .feedback {
        width: 50%;
        padding: 10px;
    }
}

/* Mobile-first  */
@media (min-width: 1000px) {
    .feedback {
        width: 25%;
    }
}


.feedbackphoto {
	width: 100%;
	background-size: cover;
	height: 50px;
}
.zalblock {
	width: 100%;
	max-width: 569px;
	height: 379px;
	background-size: 100% 100%;
	background-position: center;
	margin: 5px;
	transition:all 0.5s ;
    -webkit-transition:all 0.5s ;
    -o-transition:all 0.5s ;
    -moz-transition:all 0.5s ;
    -ms-transition: all 0.5s ;
    cursor: pointer;
}

.zalblock:hover {
	background-size: 120% 120%;
	background-position: center;
}

.zaldetails {
	width: 100%; 
	background-color: rgba(0, 0, 0, 0.5);
	color: white;
	padding: 20px;
	font-size: 1.6vh;
}

.transdesign {
	-webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;  
  transition: all 0.5s ease;  
}

#formask { 
    clip-path: url(#forfabric);
}

#mainbadge {
	margin-top: -60px;
	margin-left: 50px;
	width: 25vw;
	height: 45vh;
	background-color: rgba(255, 255, 255, 0.7); 
	/* background-color: #df7b09; 
	background-image: url('/img/ch/woodtexture2.jpg');
	background-size: cover; */
}

a .mobilemenu {
	color: black;
}

.mobilemenu {
	background-image: url('/img/ch/menubut.png'); 
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
    text-align: center;
    min-height: 45px;
    width: 140px;
    max-width: 20vw;
    font-family: 'Kurale', georgia;
} 

.formatitle {
	margin-top: 30px; max-width: 100%;
} 
.columnWhenPort {
	-webkit-box-orient: horizontal;
	-moz-box-orient: horizontal;
	-webkit-flex-direction: row; 
	flex-direction: row;
}

.znaklogo {
	display: none;
}

#indexBlockRabot {
	width: 100%; margin-top: -30px; padding-bottom: 30px; padding-top: 80px; min-height: 50vh; background-image: url('/img/bg-carbon.png'); background-repeat: repeat-x; background-color: black; color: white;
}

#promo50button {
	z-index: 255;	
	position: fixed;
	left: 0px;
	bottom: 110px;
	background: linear-gradient(270deg, #ff0000, #0005ff);
	background-size: 400% 400%;

	-webkit-animation: RedToBlue 30s ease infinite;
	-moz-animation: RedToBlue 30s ease infinite;
	animation: RedToBlue 30s ease infinite;	

	-webkit-box-shadow: 0 2px 8px 0 rgba(0,0,0,0.3);
	box-shadow: 0 2px 8px 0 rgba(0,0,0,0.3);

	-webkit-transition:all 0.2s ease-in-out;
  	-moz-transition:all 0.2s ease-in-out;
  	-o-transition:all 0.2s ease-in-out;
  	transition:all 0.2s ease-in-out;

	cursor: pointer;
}

#promo50button>div {
	width: 120px;
	height: 40px;
	background-image: url('/img/at-2400.svg');
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
}

#promo50button.moveMeRight {
	-moz-transform: translateX(300px);
	-webkit-transform: translateX(300px);
	-o-transform: translateX(300px);
	-ms-transform: translateX(300px);
	transform: translateX(300px);
}

#promo50info {
	width: 300px;
	z-index: 255;	
	position: fixed;
	left: 0px;
	bottom: 110px;
	background-color: white;
	-moz-transform: translateX(-300px);
	-webkit-transform: translateX(-300px);
	-o-transform: translateX(-300px);
	-ms-transform: translateX(-300px);
	transform: translateX(-300px);
	-webkit-transition:all 0.2s ease-in-out;
  	-moz-transition:all 0.2s ease-in-out;
  	-o-transition:all 0.2s ease-in-out;
  	transition:all 0.2s ease-in-out;
}

#promo50info.moveMeRight {
	-moz-transform: translateX(0px);
	-webkit-transform: translateX(0px);
	-o-transform: translateX(0px);
	-ms-transform: translateX(0px);
	transform: translateX(0px);
}

#promo50info>div {
	margin: 20px;
	font-size: 26px;
}

 
@media (max-width: 560px) {
	#promo50button {
		bottom: 0px;
	}
	#promo50button.moveMeRight {
		-moz-transform: translateX(263px);
		-webkit-transform: translateX(263px);
		-o-transform: translateX(263px);
		-ms-transform: translateX(263px);
		transform: translateX(263px);
	}
	#promo50info {
		width: 263px;
		z-index: 255;	
		position: fixed;
		left: 0px;
		bottom: 0px;
		background-color: white;
		-moz-transform: translateX(-263px);
		-webkit-transform: translateX(-263px);
		-o-transform: translateX(-263px);
		-ms-transform: translateX(-263px);
		transform: translateX(-263px);
	}
	#promo50button>div {
		width: 57px;
		height: 40px;
		background-image: url('/img/at-2400.svg');
		/*/img/at-50.svg*/
		background-size: auto 100%;
		background-repeat: no-repeat;
		background-position: -3px center;
	}
	.middleText {
		font-size: 22px;
	}
	#indexBlockRabot {
		min-height: 100vh;
	}
	.doNotShowOnMobile {
		display: none !important;
	}
	.znaklogo {
		display: block;
	}
	.fulllogo {
		display: none;
	}
	.mobilemenu {
		width: 70px;		
		font-size: 8px;
	}
	.formatitle {
		margin-top: 30px; width: 400px;
	} 
	.columnWhenPort {	
	-webkit-box-orient: vertical !important;
	-moz-box-orient: vertical !important;
	-webkit-flex-direction: column  !important;
	flex-direction: column  !important;
	}
}

.dishtitle {
	font-size: 22px;
	font-size: 1.5vmax;
}

.dishdetails {
	font-style: italic;
	padding-bottom: 25px;
}
 

.bigmenubut-large {
	width: 182px; height: 70px; 
	font-size: 26px;
}

.bigmenubut-large2 { 
	width: 182px; height: 70px; 
	font-size: 26px;
}

.feedblock {
	width: 50%; padding: 40px;
}
.feedblock .smalltext {
		font-size: 20px;
		font-size: 1vmax;
	}
	.feedblock .feedtext {
		font-size: 26px;
		font-size: 1.5vmax;
	}


@media (max-width: 1200px) {

	.bigmenubut-large2 {
		width: 116px; height: 43px; 
		font-size: 20px;
	} 
	.feedblock {
	width: 100%; padding: 40px;
	}
	.feedblock .smalltext {
		font-size: 20px;
		font-size: 3vmin;
	}
	.feedblock .feedtext {
		font-size: 26px;
		font-size: 3.5vmin;
	}
	
}

@media screen and (orientation: portrait) {
		.feedblock {
	width: 100%; padding: 20px;
	}
	.feedblock .smalltext {
		font-size: 20px;
		font-size: 3vmax;
	}
	.feedblock .feedtext {
		font-size: 26px;
		font-size: 3.5vmax;
	}
}

.bigmenubut-small {
	width: 125px; height: 48px; 
	font-size: 22px;
	float: left;
	margin:7px 0;
}


.bigmenubut {
	transition:all 0.5s ;
    -webkit-transition:all 0.5s ;
    -o-transition:all 0.5s ;
    -moz-transition:all 0.5s ;
    -ms-transition: all 0.5s ;
    background-image: url('/img/ch/menubut.png'); 
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
    
    font-family: 'Kurale', georgia;
    padding-bottom: 8px;
}

.bigmenubut:hover {
	background-image: url('/img/ch/menubut-hover.png'); 
	margin-left: 10px;
	margin-right: 10px;
	cursor: pointer;
}

.featuresblock {
	width: 25%; padding: 30px;
}

.phonenumber {
	font-size: 36px;
}

@media screen and (orientation: portrait) {
.phonenumber {
	font-size: 15px;
	} 
}

/* #### Mobile Phones Portrait or Landscape #### */
@media screen and (max-device-width: 850px){
  .featuresblock {
	width: 50vw;
	font-size: 15px;
	padding: 10px;	
	}
	
}

@media (max-width: 850px) {
	.bigmenubut {
	    font-size: 18px;
	}
	.bigmenubut-large {
		width: 116px; height: 43px; 
	}
	 
	.bigmenubut-small {
		width: 105px; height: 40px; 
		float: left;
	}
	.flex-menu{
		width: 600px;
		margin:auto;
	}
	.featuresblock {
	width: 50vw;
	font-size: 15px;
	padding: 10px;	
	}
	
	
}

@media(max-width: 505px){
	.bigmenubut {
		background-image: none;
	}

	.bigmenubut-large2 {
	width: 105; height: 40px; 
	font-size: 16px;
    }

	.bigmenubut-small {
		width: 54px;
		padding: 5px;
		background-image: none; 
	}
}

@media(max-width: 555px){
	.bigmenubut-small {
		width: 74px;
		background-image: none; 
	}
	.bigmenubut:hover {
		background-image: none;
		
	}

}
@media(max-width: 400px){
	.bigmenubut-small { 
		font-size: 15px;
		width: 55px;
	}
	.image_logo{
		display:none;
	}

}

















@media(max-width: 530px){
	.image_logo{
		display:none;
	}
}
.call_the_banquet{
	width: 225px;
}
.call_number{
	width: 225px;
}
@media(max-width: 753px){
	.call_the_banquet{
		font-size: 17px !important;
		padding-left: 3px;
		width: 164px;
	}
	.call_number{
		font-size: 34px !important;
		padding-left: 10px;
		width: 164px;
	}

}

.flex-menu__number{
	width: 300px;
	position: absolute;
	top:0;
	right:0;
}
.flex-menu-logo{
	position: absolute;
	top:0;
	left:0;
}
@media(max-width:800px){
	.flex-menu-logo{
		display: none!important;
	}
}
.telephone-block{
	position: relative;
	right:0;
	padding-top: 15px;
}
.image_logo{
	float: left;
}

@media(max-width: 680px){
	.image_logo{
		width: 50%!important;
		padding-top: 11px;
	}
}
@media(max-width: 580px){
	.image_logo{
		width: 50%!important;
		padding-top: 18px;
	}
}
.menu-bottom div{
	position: relative;
}