.LOGO-TXT {
				font-size: 1.2em;
				font-family: Verdana, Arial, Helvetica;
				font-weight: 700;
				text-align: center;
				line-height: 0.3em;
				  @media (max-width: 767px) {
                     font-size: 0.8em; 
                     font-family: Verdana, Arial, Helvetica;
                     text-align: center;
				     line-height: 0.3em;

                  };
}

.ZAGOLOVKI-TXT-PODROBNEE {
				font-size: 1.3em;
				font-family: Roboto, sans-serif;
				color: #000000;
				text-align: center;
				line-height: 1em;
				  @media (max-width: 767px) {
                     font-size: 1.1em; 
                     font-family: Roboto, sans-serif;
                     color: #000000;
                     text-align: center;
                  };

}

.ZAGOLOVKI-TXT-ZAKAZ {
				font-size: 1.6em;
				font-family: Roboto, sans-serif;
				color: #000000;
				text-align: center;
				line-height: 1em;
				  @media (max-width: 767px) {
                     font-size: 1.1em; 
                     font-family: Roboto, sans-serif;
                     color: #000000;
                     text-align: center;
                  };

}

.KART-TXT-ECONOM {
				font-size: 0.7em;
				font-family: Verdana, Arial, Helvetica;
				font-weight: 700;
				text-align: right;
				line-height: 0.1em;
				  @media (max-width: 767px) {
                     font-size: 0.7em; 
                     font-family: Verdana, Arial, Helvetica;
                  };

}

.KART-TXT-STAR-CENA {
				font-size: 1.5em;
				font-family: Verdana, Arial, Helvetica;
				line-height: 0.1em;
				  @media (max-width: 767px) {
                     font-size: 1.5em; 
                     font-family: Verdana, Arial, Helvetica;
                  };

}

.KART-TXT-NOV-CENA {
				font-size: 1.2em;
				font-family: Verdana, Arial, Helvetica;
				line-height: 1em;
				  @media (max-width: 767px) {
                     font-size: 1.1em; 
                     font-family: Verdana, Arial, Helvetica;
                  };

}

.ITOG-CENA-TXT {
				font-size: 1.2em;
				font-family: Roboto, sans-serif;
				text-align: center;
				line-height: 1em;
				  @media (max-width: 767px) {
                     font-size: 1.1em; 
                     font-family: Roboto, sans-serif;
                     text-align: center;
                  };

}

.ITOG-CENA {
				font-size: 1.1em;
				font-family: Verdana, Arial, Helvetica;
				color: #808080;
				text-align: center;
				line-height: 1.1em;
				  @media (max-width: 767px) {
                     font-size: 1em; 
                     font-family: Verdana, Arial, Helvetica;
                     color: #808080;
                     text-align: center;
                  };

}

.ITOG-PARAMS-NABOR {
				font-size: 1em;
				font-family: Verdana, Arial, Helvetica;
				text-align: left;
				line-height: 0.1em;
				  @media (max-width: 767px) {
                     font-size: 0.8em; 
                     font-family: Verdana, Arial, Helvetica;
                     text-align: left;
       				line-height: 0.1em;

                  };

}


.KART-TXT-IMYA-TOV {
				font-size: 1em;
				font-family: Verdana,Arial, Helvetica;
				font-weight: 700;
				line-height: 0.1em;
			      @media (max-width: 767px) {
                     font-size: 0.7em;
                     font-family: Verdana, Arial, Helvetica;
                  };
}

.KART-TXT-EST-NALICHIE-TOV {
				font-size: 0.9em;
				font-family: Verdana, Arial, Helvetica;
				color: #FFFFFF;
				background-color: #1ad914;
				text-align: right;
				line-height: 0.1em;
			      @media (max-width: 767px) {
                     font-size: 0.6em;
                     font-family: Verdana, Arial, Helvetica;
                     color: #FFFFFF;
				     background-color: #1ad914;
                     text-align: right;
                     line-height: 0.1em;
                  };
}

.KART-TXT-NET-NALICHIE-TOV {
				font-size: 0.9em;
				font-family: Verdana, Arial, Helvetica;
				color: #FFFFFF;
				background-color: #D72B00;
				text-align: right;
				line-height: 0.1em;
			      @media (max-width: 767px) {
                     font-size: 0.6em;
                     font-family: Verdana, Arial, Helvetica;
                     color: #FFFFFF;
				     background-color: #D72B00;
                     text-align: right;
                     line-height: 0.1em;
                  };
}


.KART-TXT-OPIS-TOV {
                font-size: 0.8em;
                font-family: Verdana, Arial, Helvetica;
				line-height: 1.5em;
				  @media (max-width: 767px) {
                     font-size: 0.8em; 
                     font-family: Verdana, Arial, Helvetica;
                  };
}

.KART-SKRITIE-TXT-OPIS-TOV {
    height: 50px;
	overflow: hidden;
	color: transparent;
	-webkit-background-clip: text;
	background-clip: text;
	background-image: linear-gradient(to bottom, #000, #000, rgba(0, 0, 0, 0));
}
.KART-SKRITIE-TXT-OPIS-TOV:after {
	content: "";
	text-align: right;
	position: absolute;
	bottom: 0;
	right: 0;
	width: 70%;
	background: linear-gradient(to bottom, rgba(255, 255, 255, 0), white 100%);
	pointer-events: none;
}

.MODAL-FORMA-ZAKAZ-TXT-ZAGOLOVOK {
				font-size: 2em;
				font-family: Verdana, Arial, Helvetica;
				text-align: center;
				line-height: 1.2em;
				  @media (max-width: 767px) {
                     font-size: 1em; 
                     font-family: Verdana, Arial, Helvetica;
                     text-align: center;
				line-height: 1.2em;
                  };
}

.MODAL-FORMA-ZAKAZ-TXT {
				font-size: 1.2em;
				font-family: Verdana, Arial, Helvetica;
				  @media (max-width: 767px) {
                     font-size: 0.8em; 
                     font-family: Verdana, Arial, Helvetica;
                  };
}

.MODAL-FORMA-ZAKAZ-TXT-POLYA {
				font-size: 1.2em;
				font-family: Verdana, Arial, Helvetica;
				  @media (max-width: 767px) {
                     font-size: 0.9em; 
                     font-family: Verdana, Arial, Helvetica;
                  };
}

.MODAL-FORMA-ZAKAZ-TXT-POLYA-RADIO {
				font-size: 1em;
				font-family: Verdana, Arial, Helvetica;
				color: #808080;
				  @media (max-width: 767px) {
                     font-size: 1em; 
                     font-family: Verdana, Arial, Helvetica;
                  };
}

.MODAL-FORMA-PODROBNEE-TXT-ZAGOLOVOK {
				font-size: 1.4em;
				font-family: Verdana, Arial, Helvetica;
				text-align: center;
				line-height: 1.2em;
				  @media (max-width: 767px) {
                     font-size: 1em; 
                     font-family: Verdana, Arial, Helvetica;
                     text-align: center;
				line-height: 1.2em;
                  };
}

.MODAL-FORMA-PODROBNEE-KARTOCHKA-TXT {
				font-size: 0.8em;
				font-family: Verdana, Arial, Helvetica;
				  @media (max-width: 767px) {
                     font-size: 0.8em; 
                     font-family: Verdana, Arial, Helvetica;
                  };
}

.MODAL-FORMA-PODROBNEE-TABLIC-HARAKTERIST-TXT {
				font-size: 0.8em;
				font-family: Verdana, Arial, Helvetica;
				  @media (max-width: 767px) {
                     font-size: 0.9em; 
                     font-family: Verdana, Arial, Helvetica;
                  };
}


.MODAL-FORMA-OTZIV-TXT-SOOBSCSHENIE {
				font-size: 1.3em;
				font-family: Verdana, Arial, Helvetica;
				  @media (max-width: 767px) {
                     font-size: 1em; 
                     font-family: Verdana, Arial, Helvetica;
                  };
}

.MODAL-FORMA-OTZIV-TXT-PODPIS {
				font-size: 1.2em;
				font-family: Verdana, Arial, Helvetica;
				  @media (max-width: 767px) {
                     font-size: 0.8em; 
                     font-family: Verdana, Arial, Helvetica;
                  };
}

.MODAL-FORMA-OTZIV-TXT-POLYA {
				font-size: 1.2em;
				font-family: Verdana, Arial, Helvetica;
				  @media (max-width: 767px) {
                     font-size: 0.8em; 
                     font-family: Verdana, Arial, Helvetica;
                  };
}


.SHAPK-NAVIGATE-TXT {
				font-size: 1em;
				font-family: Verdana, Arial, Helvetica;
				color: #FFF;
				  @media (max-width: 767px) {
                     font-size: 1em; 
                     font-family: Verdana, Arial, Helvetica;
                     color: #FFF;
                  };
				  and (max-width: 1025px) {
                     font-size: 1em; 
                     font-family: Verdana, Arial, Helvetica;
                     color: #FFF;
                  };

}

.H1-index-TXT {
				font-size: 2.6em;
				font-family: Verdana, Arial, Helvetica;
				  @media (max-width: 767px) {
                     font-size: 2.3em; 
                     font-family: Verdana, Arial, Helvetica;
                  };
}


.p-index-TXT {
				font-size: 1.4em;
				font-family: Verdana, Arial, Helvetica;
				  @media (max-width: 767px) {
                     font-size: 1em; 
                     font-family: Verdana, Arial, Helvetica;
                  };
}

.H1-TXT {
				font-size: 2em;
				font-family: Verdana, Arial, Helvetica;
				  @media (max-width: 767px) {
                     font-size: 1.6em; 
                     font-family: Verdana, Arial, Helvetica;
                  };
}

.H2-TXT {
				font-size: 1.4em;
				font-family: Roboto, sans-serif;
				  @media (max-width: 767px) {
                     font-size: 1.1em; 
                     font-family: Roboto, sans-serif;
                  };
}

.H3-TXT {
				font-size: 1.5em;
				font-family: Verdana, Arial, Helvetica;
				  @media (max-width: 767px) {
                     font-size: 1.1em; 
                     font-family: Verdana, Arial, Helvetica;
                  };
}

.H4-TXT {
				font-size: 1em;
				font-family: Verdana, Arial, Helvetica;
				  @media (max-width: 767px) {
                     font-size: 0.8em; 
                     font-family: Verdana, Arial, Helvetica;
                  };
}



.MENU-TOV-TXT {
				font-size: 1.2em;
				font-family: Verdana, Arial, Helvetica;
				color: #000000;
				  @media (max-width: 767px) {
				     font-size: 1em;
				     font-family: Verdana, Arial, Helvetica;
                     color: #000000; 
                  };
}

.AKKORDI-VOPR-TXT {
				text-align: left;
				font-size: 0.9em;
				font-family: Verdana, Arial, Helvetica;
				  @media (max-width: 767px) {
                     font-size: 0.8em; 
                     font-family: Verdana, Arial, Helvetica;
                  };
}
.AKKORDI-OTV-TXT {
				font-size: 0.9em;
				font-family: Verdana, Arial, Helvetica;
				  @media (max-width: 767px) {
                     font-size: 0.8em; 
                     font-family: Verdana, Arial, Helvetica;
                  };

}
.PREIMUSCSH-ZAGOLOV-TXT {
				margin-top: 0;
				font-size: 0.9em;
				font-family: Verdana, Arial, Helvetica;
				  @media (max-width: 767px) {
                     font-size: 0.8em;
                     font-family: Verdana, Arial, Helvetica;
                   };

}
.PREIMUSCSH-OPIS-TXT {
				font-size: 0.8em;
				font-family: Verdana, Arial, Helvetica;
				  @media (max-width: 767px) {
                     font-size: 0.8em; 
                     font-family: Verdana, Arial, Helvetica;
                  };

}
.OTZIVY-IMYA-TXT {
				margin-top: 0;
				font-size: 1em;
				font-family: Verdana, Arial, Helvetica;
				  @media (max-width: 767px) {
                     font-size: 0.8em; 
                     font-family: Verdana, Arial, Helvetica;
                  };

}
.OTZIVY-OPIS-TXT {
				font-size: 1em;
				font-family: Verdana, Arial, Helvetica;
				  @media (max-width: 767px) {
                     font-size: 0.8em; 
                     font-family: Verdana, Arial, Helvetica;
                  };

}
.KROSHKI-TXT {
				text-align: left;
				font-size: 0.8em;
				font-family: Verdana, Arial, Helvetica;
				color: #808080;
				  @media (max-width: 767px) {
                     font-size: 0.7em;
                     font-family: Verdana, Arial, Helvetica;
                  };
}

.TXT-PODVAL {
				font-size: 0.7em;
				font-family: Verdana, Arial, Helvetica;
				  @media (max-width: 767px) {
                     font-size: 0.7em; 
                     font-family: Verdana, Arial, Helvetica;
                  };

}

.TXT-PODVAL-SSILKI-SLUJEBNIE {
				font-size: 1em;
				font-family: Verdana, Arial, Helvetica;
				  @media (max-width: 767px) {
                     font-size: 0.9em; 
                     font-family: Verdana, Arial, Helvetica;
                  };

}


.TXT-STYLE-OPISANIE {
				text-align: center;
				font-size: 1em;
				font-family: Verdana, Arial, Helvetica;
				  @media (max-width: 767px) {
                     font-size: 0.9em; 
                     font-family: Verdana, Arial, Helvetica;
                  };
}

.TXT-STYLE-STATII {
				text-align: left;
				font-size: 0.9em;
				font-family: Verdana, Arial, Helvetica;
				  @media (max-width: 767px) {
                     font-size: 0.8em; 
                     font-family: Verdana, Arial, Helvetica;
                  };
}

.TXT-STYLE-SLYJEBNUE-STATII {
				text-align: left;
				font-size: 0.9em;
				font-family: Verdana, Arial, Helvetica;
				  @media (max-width: 767px) {
                     font-size: 0.8em; 
                     font-family: Verdana, Arial, Helvetica;
                  };
}

.STATII-TABLIC-HARAKTERIST-TXT {
				font-size: 1em;
				font-family: Verdana, Arial, Helvetica;
				  @media (max-width: 767px) {
                     font-size: 0.9em; 
                     font-family: Verdana, Arial, Helvetica;
                  };
}


.TXT-STYLE-VIDEO-BOXX-STATII {
				text-align: center;
				font-size: 10em;
				font-family: Verdana, Arial, Helvetica;
				font-family: cursive;
				color: #F9F9F9;
				  @media (max-width: 767px) {
				  	 text-align: center;
                     font-size: 2em; 
                     font-family: Verdana, Arial, Helvetica;
                     color: #f1f1f1;
                  };
}

.TXT-STYLE-VIDEO-OSHIBKA {
				text-align: center;
				font-size: 1em;
				font-family: Verdana, Arial, Helvetica;
				font-family: cursive;
				color: #000000;
				  @media (max-width: 767px) {
				  	 text-align: center;
                     font-size: 1em; 
                     font-family: Verdana, Arial, Helvetica;
                     font-family: cursive;
                     color: #000000;
                  };
}


.KNOP-1 {
				border: 0px solid #FFFFFF;
				text-decoration: none;
				text-align: center;
				color: #FFF;
				border-radius: 7px;
				padding: .6em 1.1em;
				transition: 0.2s;
				white-space: nowrap;
				background-color: #D72B00;
				line-height: 2.8em;
}
.KNOP-1:hover {
				background-color: #BD2600;
				text-decoration: none;
				color: #FFFFFF;
}

.KNOP-2{
				border: 0px solid #CCCCCC;
				text-decoration: none;
				text-align: center;
				color: #FFFFFF;
				background-color: #D72B00;
				border-radius: 7px;
				padding: 0.95em 1.6em 0.95em 1.6em;
				line-height: 3.8em;
				transition: 0.2s;
				white-space: nowrap;
}
.KNOP-2:hover {
				background-color: #BD2600;
				text-decoration: none;
				color: #FFFFFF;
}


.KNOP-3 {
				border: 2px solid #D72B00;
				text-decoration: none;
				text-align: center;
				color: #D72B00;
				border-radius: 7px;
				padding: 0.83em 1.6em 0.83em 1.6em;
				line-height: 3.8em;
				transition: 0.2s;
				white-space: nowrap;
}
.KNOP-3:hover {
				border: 2px solid #BD2600;
				text-decoration: none;
				color: #BD2600;
}

.KNOP-4 {
				border: 0px solid #FFFFFF;
				text-decoration: none;
				text-align: center;
				color: #FFF;
				border-radius: 3px;
				padding: .75em 1.2em;
				line-height: 1.7em;
				transition: 0.2s;
				white-space: nowrap;
				background-color: #D72B00;
				line-height: 2.8em;
}
.KNOP-4:hover {
				background-color: #BD2600;
				text-decoration: none;
				color: #FFFFFF;
}

.KNOP-5 {
				border: 2px solid #D72B00;
				text-decoration: none;
				text-align: center;
				color: #D72B00;
				border-radius: 3px;
				padding: .6em 1.2em;
				line-height: 1.7em;
				transition: 0.2s;
				white-space: nowrap;
				line-height: 2.8em;
}
.KNOP-5:hover {
				background-color: #F6F6F6;
				text-decoration: none;
				color: #D72B00;
}

.KNOP-glavnaya-kontakty {
				border: 0px solid #FFFFFF;
				text-decoration: none;
				text-align: center;
				color: #FFF;
				border-radius: 3px;
				padding: .75em 1.2em;
				line-height: 1.7em;
				transition: 0.2s;
				white-space: nowrap;
				background-color: #19bd13;
				line-height: 2.8em;
}
.KNOP-glavnaya-kontakty:hover {
				background-color: #119e0d;
				text-decoration: none;
				color: #FFFFFF;
}

.KNOP-glavnaya-levo {
				border: 0px solid #FFFFFF;
				text-decoration: none;
				text-align: center;
				color: #FFF;
				border-radius: 3px;
				padding: .75em 1.2em;
				line-height: 1.7em;
				transition: 0.2s;
				white-space: nowrap;
				background-color: #0fb809;
				line-height: 2.8em;
}
.KNOP-glavnaya-levo:hover {
				background-color: #0e9a0b;
				text-decoration: none;
				color: #FFFFFF;
}


.KNOP-glavnaya-pravo {
				border: 2px solid #1ad914;
				text-decoration: none;
				text-align: center;
				color: #1ad914;
				border-radius: 7px;
				padding: .75em 1.2em;
				line-height: 3.8em;
				transition: 0.2s;
				white-space: nowrap;
}
.KNOP-glavnaya-pravo:hover {
				border: 2px solid #0fb809;
				text-decoration: none;
				color: #0fb809;
}

.KNOP-tovar-podrobnee {
				border: 0px solid #FFFFFF;
				text-decoration: none;
				text-align: center;
				color: #FFF;
				border-radius: 3px;
				padding: .75em 1.2em;
				line-height: 1.7em;
				transition: 0.2s;
				white-space: nowrap;
				background-color: #19bd13;
				line-height: 2.8em;
}
.KNOP-tovar-podrobnee:hover {
				background-color: #119e0d;
				text-decoration: none;
				color: #FFFFFF;
}

.KNOP-tovar-vkorziny {
				border: 2px solid #19bd13;
				text-decoration: none;
				text-align: center;
				color: #19bd13;
				border-radius: 3px;
				padding: .6em 1.2em;
				line-height: 1.7em;
				transition: 0.2s;
				white-space: nowrap;
				line-height: 2.8em;
}
.KNOP-tovar-vkorziny:hover {
				background-color: #d4f7cd;
				text-decoration: none;
				color: #19bd13;
}

.KNOP-uznat-bolshe {
				border: 0px solid #FFFFFF;
				text-decoration: none;
				text-align: center;
				color: #FFF;
				border-radius: 3px;
				padding: .75em 1.2em;
				line-height: 1.7em;
				transition: 0.2s;
				white-space: nowrap;
				background-color: #1ad914;
				line-height: 2.8em;
}
.KNOP-uznat-bolshe:hover {
				background-color: #0fb809;
				text-decoration: none;
				color: #FFFFFF;
}

.KNOP-zakazat-zvonok {
				border: 0px solid #FFFFFF;
				text-decoration: none;
				text-align: center;
				color: #FFF;
				border-radius: 3px;
				padding: .75em 1.2em;
				line-height: 1.7em;
				transition: 0.2s;
				white-space: nowrap;
				background-color: #1ad914;
				line-height: 2.8em;
}
.KNOP-zakazat-zvonok:hover {
				background-color: #0fb809;
				text-decoration: none;
				color: #FFFFFF;
}

.KNOP-napisat-shapk {
				border: 2px solid #1ad914;
				text-decoration: none;
				text-align: center;
				color: #0fb809;
				border-radius: 4px;
				padding: 0.6em 1.3em 0.6em 1.3em;
				line-height: 1.8em;
				transition: 0.2s;
				white-space: nowrap;
}
.KNOP-napisat-shapk:hover {
				border: 2px solid #0e9a0b;
				background-color: #f2f2f2;
				text-decoration: none;
				color: #0e9a0b;
}

.KNOP-prochitat-akkord {
				border: 2px solid #4d4d4d;
				text-decoration: none;
				text-align: center;
				color: #4d4d4d;
				border-radius: 4px;
				padding: 0.6em 1.3em 0.6em 1.3em;
				line-height: 1.8em;
				transition: 0.2s;
				white-space: nowrap;
}
.KNOP-prochitat-akkord:hover {
				border: 2px solid #1ad914;
				background-color: #f2f2f2;
				text-decoration: none;
				color: #000000;
}


.KNOP-modal-okoshko {
				border: 2px solid #4d4d4d;
				text-decoration: none;
				text-align: center;
				color: #4d4d4d;
				border-radius: 7px;
				padding: 0.83em 1.6em 0.83em 1.6em;
				line-height: 3.8em;
				transition: 0.2s;
				white-space: nowrap;
}
.KNOP-modal-okoshko:hover {
				border: 2px solid #353835;
				text-decoration: none;
				color: #353835;
}



/* СВОЙ ЦВЕТ ЗАКЛАДКИ */


.TABY > tbody > tr > td li.TABY-AKTIV {
				background-color: #CC3300;
				color: #FFFFFF;
}


.ZAKL > tbody > tr > td li.TABY-AKTIV {
				color: #000000;
				background-color: #9BE7FF;

}



/* СВОЙ СТИЛЬ ССЫЛКИ В ВЕРХНЕМ МЕНЮ */

.MENU-SSILKA-CH a {
				color: #333333;
				text-decoration: none;
				margin-right: 20px;
}
.MENU-SSILKA-CH a:hover {
				color: #000000;
				text-decoration: none;
				border-bottom-style: solid;
				border-bottom-width: 1px;
				border-bottom-color: #A6A6A6;
}

.MENU-SSILKA-B a {
				color: #FFFFFF;
				text-decoration: none;
				margin-right: 20px;
}
.MENU-SSILKA-B a:hover {
				color: #FFFFFF;
				text-decoration: none;
				border-bottom-style: solid;
				border-bottom-width: 1px;
				border-bottom-color: #FFFFFF;
}


.SSIL-1 {
				color: #333333;
				text-decoration: none;
}
.SSIL-1:hover {
				color: #000000;
				text-decoration: none;
				border-bottom-style: solid;
				border-bottom-width: 1px;
				border-bottom-color: #A6A6A6;
}

.SSIL-2 {
				color: #FFFFFF;
				text-decoration: none;
				margin-right: 20px;

}

.SSIL-2:hover {
				color: #FFFFFF;
				text-decoration: none;
				border-bottom-color: #FFFFFF;
				border-bottom-style: solid;
				border-bottom-width: 1px;
				
}

.MOBMENU a.active{
				color: #FF0000;
}



/* СВОЙ ЦВЕТ ФОНА */


.F-6 {
				background: #FF9900}



/* СВОЙ ЦВЕТ ТЕКСТА */

.CT-1{
				color: #CC3300
}

.CT-2{
				color: #EC5F00
}

.CT-3{
				color: #000000
}

/* СВОЙ СТИЛЬ КНОПКИ ОТПРАВИТЬ*/

.FORMA table td .Otpravka {
background-color: #1ad914;
color: #FFF;
}

.FORMA table td .Otpravka:hover {
background-color: #0fb809;
cursor:pointer
}




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


/* СВОЙ ЦВЕТ ФОНА НА МОБИЛЬНЫХ */

.Fm-6 {
				background-color: #FF9900
}



/* СВОЙ ЦВЕТ ТЕКСТА НА МОБИЛЬНЫХ */


.CTm-1{
				color: #3399FF
}}




/*ГАЛЕРЕЯ ФОТО*/

html {
  margin: 0;
  padding: 0;
}

* {
  box-sizing: border-box;
}

img {
  vertical-align: middle;
}

.container {
  position: relative;
}

.mySlides {
  display: none;
}

.cursor {
  cursor: pointer;
}

.caption{
  margin-bottom: 0
}

.section {
  padding: 50px 0px;
}

#slidesContainer{
  position: relative; 
  padding-right: 0;
}

.grey {
  background: rgb(247, 247, 247);
}

.next {
  text-decoration: none;
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  padding: 8px;
  margin-top: -40px;
  color: #777777;
  font-weight: bold;
  font-size: 15px;
  border-radius: 0 3px 3px 0;
  user-select: none;
  -webkit-user-select: none;
  @media (max-width: 767px) {
    top: 45%; 
  };
}

.prev {
  text-decoration: none;
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  padding: 8px;
  margin-top: -40px;
  color: #777777;
  font-weight: bold;
  font-size: 15px;
  border-radius: 0 3px 3px 0;
  user-select: none;
  -webkit-user-select: none;
  @media (max-width: 767px) {
    top: 45%; 
  };
}

.next {
  right: 0%; 
  border-radius: 3px 0 0 3px;

}

.prev {
  left: 0%
}

.next:hover {
  color: #1ad914;
  background-color: rgba(0, 0, 0, 0.1);
}

.prev:hover {
  color: #1ad914;
  background-color: rgba(0, 0, 0, 0.1);
}

.numbertext {
  color: grey;
  font-size: 10px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
    @media (max-width: 767px) {
      color: grey;
      font-size: 8px;
      padding: 8px 12px;
      position: absolute;

  };

}

.caption-container {
  text-align: center;
  background-color: #9e9e9e;
  padding: 0px 5px;
  color: white;
  @media (max-width: 767px) {
    font-size: 0.7em; 
  };

}

.row:after {
  content: "";
  display: table;
  clear: both;
}


.column {
  float: left;
  width: 16.66%;
}


.demo {
  opacity: 0.6;
}

.demo:hover {
  opacity: 1;
}

.active {
  opacity: 1;
}



.Vigoda {
font-size:.7em;
font-weight:300;
line-height:1.45;
height: 100%;
}

.Vigoda > tbody > tr > th   {
				height: 5%;
				width: 100%;
				padding-top: 1.8em;
				padding-right: 1em;
				padding-left: 1em;
}

.Vigoda > tbody > tr + tr td {
padding:1.5em 1em .75em;
height:auto;
width:100%;
vertical-align:top;
font-size: 1vw;
}

.Vigoda > tbody > tr + tr + tr td {
	padding: 0em 1em 1.5em 1.0em;	
}

.Vigoda > tbody > tr > td h3 {
font-size:1.1em;
margin-top:0
}


@media screen and (max-width:790px) {
.Vigoda {
}

.Vigoda > tbody > tr {
	width: 20%;	
	display: block;
	float: left;
}

.Vigoda > tbody > tr > th {
	padding: 1.2em 0 1em 1em;
	width: 100%;	
	vertical-align: top;
	
}

.Vigoda > tbody > tr + tr {
	width: 80%;
	display: block;
	float: right;
}

.Vigoda > tbody > tr + tr td {
	padding: 1em 1em 0em 1.5em;	
	text-align: left;
	font-size:4.1vw
}

.Vigoda > tbody > tr + tr + tr {
	width: 80%;
	float: right;
}

.Vigoda > tbody > tr + tr + tr td {
	padding: 0em 1em 1.5em 1.5em;	
	text-align: left;	
}}


.Stolb {		
				height: 10px;
}

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

.Stolb > tbody > tr > td {
				display: block;
				height: auto;			
}}


.SLK2  {
				text-decoration: none;
				color: #000000;
}
.SLK2:hover {
				text-decoration: none;
				color: #000000;
				
}


.SLK2 > table:hover {
				text-decoration: none;
				background-color: #ffffff;
				border-color:#d12bff;
}

.GORC-0 {
text-align:left
}

.GORC-1 {
text-align:center
}

.VERC-0 {
vertical-align:top
}

.RADIUS-7 {
    border-radius:7px;
    border-collapse: separate
}


.TXT-LIGHT-404 {
  background-color: #F9F9F9;
  font-family: cursive;

  color: #fff;
  text-align: center;
  -webkit-animation: TXT-LIGHT-404 1s ease-in-out infinite alternate;
  -moz-animation: TXT-LIGHT-404 1s ease-in-out infinite alternate;
  animation: TXT-LIGHT-404 1s ease-in-out infinite alternate;
}

@-webkit-keyframes TXT-LIGHT-404 {
  from {
    text-shadow: 0 0 10px #fff, 0 0 20px #fff, 0 0 30px #e60073, 0 0 40px #e60073, 0 0 50px #e60073, 0 0 60px #e60073, 0 0 70px #e60073;
  }
  
  to {
    text-shadow: 0 0 20px #fff, 0 0 30px #ff4da6, 0 0 40px #ff6038, 0 0 50px #ff6038, 0 0 60px #ff6038, 0 0 70px #ff6038, 0 0 80px #ff6038;
  }
}


.KNOPKA-Animates {
	border-radius: 10px;
	font-weight: bold;
	padding: 10px;
	text-align: center;
	color: #FFFFFF;
	background: linear-gradient(-45deg, #ee7752, #e73c7e, #23a6d5, #23d5ab);
	background-size: 400% 400%;
	animation: KNOPKA-Animates 5s ease infinite;
}
.KNOPKA-Animates:hover {
	animation: none;
}
@keyframes KNOPKA-Animates {
	0% {
		background-position: 0% 50%;}
	50% {
		background-position: 100% 50%;}
	100% {
		background-position: 0% 50%;}
}






.VIDEO-BOXXING > tbody > tr > td {
				position: relative;

				height: 0;
				width: 100%;
				padding-top: 0;
				
}

.VIDEO-BOXXING > tbody > tr > td > iframe {
position:absolute;
top:0;
left:0;
width:100%;
height:100%
}

.VIDEO-BOXXING > tbody > tr > td > video{
				
				width: 100%;
				height: auto;							
}




.TXT-VIDEO-BOXX {
  position: absolute;
  top: 0;
  bottom: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background: rgba(0, 0, 0, 0.0);
  width: 100%;
}



.form_radio {
	margin-bottom: 0px;
}
.form_radio input[type=radio] {
	display: none;
}
.form_radio label {
	display: inline-block;
	cursor: pointer;
	position: relative;
	padding-left: 25px;
	margin-right: 0;
	line-height: 18px;
	user-select: none;
}
.form_radio label:before {
	content: "";
	display: inline-block;
	width: 17px;
	height: 18px;
	position: absolute;
	left: 0;
	bottom: 1px;
	background-image: url('../img/icons/radio-1-no-checked.png');
}

/* Checked */
.form_radio input[type=radio]:checked + label:before {
	background-image: url('../img/icons/radio-2-checked.png');
}

/* Hover */
.form_radio label:hover:before {
	filter: brightness(120%);
}

/* Disabled */
.form_radio input[type=radio]:disabled + label:before {
	filter: grayscale(100%);
}

.form {
	width: 150px;
	margin: 0 auto;
}




.social-icons {
    padding: 0;
    list-style: none;
    margin: 10px;
}
.social-icons li {
    display: inline-block;
    position: relative;
}
.social-icons li a {
    width: 60px;
    height: 60px;
    display: inline-block;
    text-align: center;
    margin: 0 4px;
    border-radius: 50%;
    padding: 6px;
    box-sizing: border-box;
    text-decoration:none;
    box-shadow: 0 8px 12px rgba(0,0,0,0.3);
    background: linear-gradient(0deg, #ddd, #fff);
    transition: .5s;
}
.social-icons li a:hover {
    box-shadow: 0 2px 5px rgba(0,0,0,0.3);
    color: #000;
}
.social-icons li a i {
    display: block;
    background: linear-gradient(0deg, #fff, #ddd);
    border-radius: 50%;
    padding: 12px;
    font-size: 24px;
    color: #969696;
    transition: .5s;
    width: 24px;
    height: 24px;
    position: absolute;
    box-sizing: content-box;
}
.social-icons li a:hover i {
    color: #337AB7;
}
.social-icons li a img {
    width: 24px;
    height: 24px;
}




.op-border {
    position: relative;
}    
.op-border:before, 
.op-border:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border: 2px solid rgba(26, 217, 20, 1);
    transition: border-width 0.2s;
}    
.op-border:after {
    border-width: 0;
}
.op-border:hover:after  {
    border-width: 5px;
}
.op-border img {
    width: 100%;
}



.corner-box-2 {
    position:relative;
    display: inline-block;
    width: 100%;
    margin: 10px 0 40px 0;
    padding: 30px;
    color: #000000;
    text-align: left;
    background: #a4f7a1;
    background: linear-gradient(to left bottom, transparent 50%, rgba(0,0,0,.4) 0) no-repeat 100% 0 / 30px 30px,
    linear-gradient(-135deg, transparent 20px, #a4f7a1 0);
    filter: drop-shadow(20px 30px rgba(0,0,0,0.1));
}
.corner-box-2::before{
    content: ' ';
    position:absolute;
    top: 30px; 
    right: 0;
    background: linear-gradient(to left bottom, transparent 50%, rgba(0,0,0,0.1) 0) 100% 0 no-repeat;
    width: 30px;
    height: 30px;
    transform: rotate(180deg)
}



.corner-box-8 {
    position: relative;
    box-shadow: 20px 20px 36px rgba(0,0,0,0.2);
    border: 11px solid #ededed;
    width: 100%;
    text-align: center;
    display: inline-block;
}
.corner-textbox-8:before {
    content: " ";
    position: absolute;
    top: 0;    
    left: 0;
    z-index: 999;
    width: 100%;
    height: 100%;
    box-shadow: inset 10px 0 12px rgba(0,0,0,0.35);    
}
.corner-textbox-8 {
    box-shadow: inset 0 0 10px rgba(0,0,0,0.2);
    background-color: #F9F9F9;
    border: 12px solid #f5f5f5;
    max-width: 100%;
    max-height: 100%;
    padding: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}



round-image: url("data:image/svg+xml,%3C?xml version='1.0' encoding='utf-8'?%3E %3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 675 134' style='enable-background:new 0 0 675 134;' xml:space='preserve'%3E %3Cstyle type='text/css'%3E .s%7Bfill:%23337AB7;%7D %3C/style%3E %3Cg%3E %3Cg%3E %3Cpolygon class='s' points='63.3,54.7 63.3,42.5 52.8,36.4 42.2,42.5 42.2,54.7 52.8,60.8 '/%3E %3Cpolygon class='s' points='31.7,36.3 31.7,24.1 21.1,18 10.6,24.1 10.6,36.3 21.1,42.4 '/%3E %3Cpolygon class='s' points='84.4,18.3 84.4,6.1 73.9,0 63.3,6.1 63.3,18.3 73.9,24.4 '/%3E %3Cpolygon class='s' points='147.7,18.3 147.7,6.1 137.1,0 126.6,6.1 126.6,18.3 137.1,24.4 '/%3E %3Cpolygon class='s' points='232.1,18.3 232.1,6.1 221.5,0 211,6.1 211,18.3 221.5,24.4 '/%3E %3Cpolygon class='s' points='284.8,36.3 284.8,24.1 274.2,18 263.7,24.1 263.7,36.3 274.2,42.4 '/%3E %3Cpolygon class='s' points='379.7,18.3 379.7,6.1 369.2,0 358.6,6.1 358.6,18.3 369.2,24.4 '/%3E %3Cpolygon class='s' points='506.3,18.3 506.3,6.1 495.7,0 485.2,6.1 485.2,18.3 495.7,24.4 '/%3E %3Cpolygon class='s' points='675,18.3 675,6.1 664.5,0 653.9,6.1 653.9,18.3 664.5,24.4 '/%3E %3Cpolygon class='s' points='643.4,36.3 643.4,24.1 632.8,18 622.3,24.1 622.3,36.3 632.8,42.4 '/%3E %3Cpolygon class='s' points='559,36.3 559,24.1 548.4,18 537.9,24.1 537.9,36.3 548.4,42.4 '/%3E %3Cpolygon class='s' points='147.7,54.7 158.2,60.8 168.8,54.7 168.8,42.5 158.2,36.4 147.7,42.5 '/%3E %3Cpolygon class='s' points='232.1,54.7 232.1,42.5 221.5,36.4 211,42.5 211,54.7 221.5,60.8 '/%3E %3Cpolygon class='s' points='316.4,54.7 316.4,42.5 305.9,36.4 295.3,42.5 295.3,54.6 284.8,60.6 284.8,72.8 295.3,78.9 305.9,72.8 305.9,60.8 '/%3E %3Cpolygon class='s' points='358.6,54.7 358.6,42.5 348.1,36.4 337.5,42.5 337.5,54.7 348.1,60.8 '/%3E %3Cpolygon class='s' points='411.3,36.4 400.8,42.5 400.8,54.7 411.3,60.8 421.9,54.7 421.9,42.5 421.9,42.4 432.4,36.3 432.4,24.1 421.9,18 411.3,24.1 411.3,36.3 '/%3E %3Cpolygon class='s' points='506.3,54.7 516.8,60.8 527.4,54.7 527.4,42.5 516.8,36.4 506.3,42.5 '/%3E %3Cpolygon class='s' points='675,54.7 675,42.5 664.5,36.4 653.9,42.5 653.9,54.7 664.5,60.8 '/%3E %3Cpath class='s' d='M664.5,133.7l-10.5-6.1v-12.2l10.5-6.1V97.2l10.5-6.1V78.8l-10.5-6.1L654,78.8V91l0,0l-10.5,6.1v12.2l0,0 l-10.5,6.1l0,0l-10.5-6.1l0,0V97.1L611.7,91V78.8l-10.5-6.1l0,0v-12l10.5-6.1V42.4l-10.5-6.1l-10.5,6.1v12.1l-10.5,6.1v12.2l0,0 l-10.5,6.1V91l10.5,6.1l10.5-6.1l10.5,6.1v12.2l0,0l-10.5,6.1v12.2l0,0l-10.5,6.1l0,0l-10.5-6.1v-12.2l-10.5-6.1V97.2l-10.5-6.1 l-10.5,6.1l0,0l-10.5-6.1l0,0V78.9l-10.5-6.1l-10.5,6.1v12.2l0,0l-10.5,6.1v12.2l0,0l-10.5,6.1l0,0l-10.5-6.1l-10.5,6.1v12.2l0,0 l-10.5,6.1l0,0l-10.5-6.1l0,0v-12.2l10.6-6.1V97.2L443,91.1l-10.5,6.1l0,0L422,91.1l0,0V78.9l-10.5-6.1L401,78.9v12.2l10.5,6.1 l0,0v12.2l0,0l-10.5,6.1v12.2l-10.5,6.1l0,0l-10.5-6.1l0,0v-12.2l0,0l10.5-6.1V97.2L380,91.1V78.9l0,0l10.5-6.1V60.6L380,54.5 l-10.5,6.1v12.2l0,0L359,78.9v12.2l10.5,6.1l0,0v12.2l0,0l-10.5,6.1l0,0l-10.5-6.1l0,0V97.2L338,91.1V78.9l-11-6.1l-10.5,6.1v12.2 l10.5,6.1l0,0v12.2l-10.5,6.1v12.2l-10.5,6.1l0,0l-10.5-6.1l0,0v-12.2l10.5-6.1V97.2l-10.5-6.1L285,97.2v12.2l0,0l-10.5,6.1l0,0 l-10.5-6.1l-10.5,6.1l0,0l-10.5-6.1l0,0V97.2l-10.5-6.1l0,0V78.9L222,72.8l-11,6.1v12.2l-10.5,6.1v12.2l10.5,6.1l0,0v12.2 l-10.5,6.1l0,0l-10.5-6.1v-12.2l-10.5-6.1l0,0V97.2L169,91.1V78.9l-10.5-6.1L148,78.9v12.2l10.5,6.1v12.2l0,0l-10.5,6.1v12.2l0,0 l-10.5,6.1l0,0l-10.5-6.1v-12l10.5-6.1V97.4L127,91.3l-11,6.1l0,0l-10.5-6.1V79.1L94.9,73l-10.5,6.1v12.2l10.5,6.1v12.2l10.5,6.1 v12l0,0l-10.5,6.1l0,0l-10.5-6.1v-12.2l-10.5-6.1l-10.5,6.1l0,0l-10.5-6.1v-12l10.5-6.1V79.1L52.8,73l-10.5,6.1v12.2l-10.5,6.1v12 l-10.5,6.1v12.2l0,0l-10.5,6.1l0,0L0,127.6v6.4h675v-6.4L664.5,133.7z M527.4,127.6l-10.5,6.1l-10.5-6.1v-12.2l10.5-6.1l10.5,6.1 V127.6z'/%3E %3Cpolygon class='s' points='10.6,60.6 10.6,72.8 21.1,78.9 31.7,72.8 31.7,60.6 21.1,54.6 '/%3E %3Cpolygon class='s' points='116,72.8 126.6,78.9 137.1,72.8 137.1,60.6 126.6,54.6 126.6,42.5 116,36.4 105.5,42.5 105.5,54.7 116,60.8 '/%3E %3Cpolygon class='s' points='200.4,72.8 200.4,60.6 189.9,54.6 179.3,60.6 179.3,72.8 189.9,78.9 '/%3E %3Cpolygon class='s' points='253.1,78.9 253.1,91.1 263.7,97.2 274.2,91.1 274.2,78.9 263.7,72.8 263.7,72.8 263.7,60.6 253.1,54.6 242.6,60.6 242.6,72.8 '/%3E %3Cpolygon class='s' points='453.5,72.8 453.5,60.6 443,54.6 432.4,60.6 432.4,72.8 443,78.9 '/%3E %3Cpolygon class='s' points='537.9,60.6 537.9,72.8 548.4,78.9 559,72.8 559,60.6 548.4,54.6 '/%3E %3Cpolygon class='s' points='643.4,72.8 643.4,60.6 632.8,54.6 622.3,60.6 622.3,72.8 632.8,78.9 '/%3E %3Cpolygon class='s' points='485.2,54.6 485.2,54.6 485.2,42.5 474.6,36.4 464.1,42.5 464.1,54.7 474.6,60.8 474.6,60.8 474.6,72.7 474.6,72.7 464.1,78.8 464.1,91 474.6,97.1 485.2,91 485.2,78.9 485.2,78.9 495.7,72.8 495.7,60.6 '/%3E %3C/g%3E %3C/g%3E %3C/svg%3E ");
    background-size: auto 60px;
    background-repeat: repeat-x;
    background-position: center bottom;
    padding-top: 40px;
    padding-bottom: 100px;
}
.section-color {
    background-color: #0fb809;
    background-image: url("data:image/svg+xml,%3C?xml version='1.0' encoding='utf-8'?%3E %3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 675 134' style='enable-background:new 0 0 675 134;' xml:space='preserve'%3E %3Cstyle type='text/css'%3E .s%7Bfill:%23FFF;%7D %3C/style%3E %3Cg%3E %3Cg%3E %3Cpolygon class='s' points='63.3,54.7 63.3,42.5 52.8,36.4 42.2,42.5 42.2,54.7 52.8,60.8 '/%3E %3Cpolygon class='s' points='31.7,36.3 31.7,24.1 21.1,18 10.6,24.1 10.6,36.3 21.1,42.4 '/%3E %3Cpolygon class='s' points='84.4,18.3 84.4,6.1 73.9,0 63.3,6.1 63.3,18.3 73.9,24.4 '/%3E %3Cpolygon class='s' points='147.7,18.3 147.7,6.1 137.1,0 126.6,6.1 126.6,18.3 137.1,24.4 '/%3E %3Cpolygon class='s' points='232.1,18.3 232.1,6.1 221.5,0 211,6.1 211,18.3 221.5,24.4 '/%3E %3Cpolygon class='s' points='284.8,36.3 284.8,24.1 274.2,18 263.7,24.1 263.7,36.3 274.2,42.4 '/%3E %3Cpolygon class='s' points='379.7,18.3 379.7,6.1 369.2,0 358.6,6.1 358.6,18.3 369.2,24.4 '/%3E %3Cpolygon class='s' points='506.3,18.3 506.3,6.1 495.7,0 485.2,6.1 485.2,18.3 495.7,24.4 '/%3E %3Cpolygon class='s' points='675,18.3 675,6.1 664.5,0 653.9,6.1 653.9,18.3 664.5,24.4 '/%3E %3Cpolygon class='s' points='643.4,36.3 643.4,24.1 632.8,18 622.3,24.1 622.3,36.3 632.8,42.4 '/%3E %3Cpolygon class='s' points='559,36.3 559,24.1 548.4,18 537.9,24.1 537.9,36.3 548.4,42.4 '/%3E %3Cpolygon class='s' points='147.7,54.7 158.2,60.8 168.8,54.7 168.8,42.5 158.2,36.4 147.7,42.5 '/%3E %3Cpolygon class='s' points='232.1,54.7 232.1,42.5 221.5,36.4 211,42.5 211,54.7 221.5,60.8 '/%3E %3Cpolygon class='s' points='316.4,54.7 316.4,42.5 305.9,36.4 295.3,42.5 295.3,54.6 284.8,60.6 284.8,72.8 295.3,78.9 305.9,72.8 305.9,60.8 '/%3E %3Cpolygon class='s' points='358.6,54.7 358.6,42.5 348.1,36.4 337.5,42.5 337.5,54.7 348.1,60.8 '/%3E %3Cpolygon class='s' points='411.3,36.4 400.8,42.5 400.8,54.7 411.3,60.8 421.9,54.7 421.9,42.5 421.9,42.4 432.4,36.3 432.4,24.1 421.9,18 411.3,24.1 411.3,36.3 '/%3E %3Cpolygon class='s' points='506.3,54.7 516.8,60.8 527.4,54.7 527.4,42.5 516.8,36.4 506.3,42.5 '/%3E %3Cpolygon class='s' points='675,54.7 675,42.5 664.5,36.4 653.9,42.5 653.9,54.7 664.5,60.8 '/%3E %3Cpath class='s' d='M664.5,133.7l-10.5-6.1v-12.2l10.5-6.1V97.2l10.5-6.1V78.8l-10.5-6.1L654,78.8V91l0,0l-10.5,6.1v12.2l0,0 l-10.5,6.1l0,0l-10.5-6.1l0,0V97.1L611.7,91V78.8l-10.5-6.1l0,0v-12l10.5-6.1V42.4l-10.5-6.1l-10.5,6.1v12.1l-10.5,6.1v12.2l0,0 l-10.5,6.1V91l10.5,6.1l10.5-6.1l10.5,6.1v12.2l0,0l-10.5,6.1v12.2l0,0l-10.5,6.1l0,0l-10.5-6.1v-12.2l-10.5-6.1V97.2l-10.5-6.1 l-10.5,6.1l0,0l-10.5-6.1l0,0V78.9l-10.5-6.1l-10.5,6.1v12.2l0,0l-10.5,6.1v12.2l0,0l-10.5,6.1l0,0l-10.5-6.1l-10.5,6.1v12.2l0,0 l-10.5,6.1l0,0l-10.5-6.1l0,0v-12.2l10.6-6.1V97.2L443,91.1l-10.5,6.1l0,0L422,91.1l0,0V78.9l-10.5-6.1L401,78.9v12.2l10.5,6.1 l0,0v12.2l0,0l-10.5,6.1v12.2l-10.5,6.1l0,0l-10.5-6.1l0,0v-12.2l0,0l10.5-6.1V97.2L380,91.1V78.9l0,0l10.5-6.1V60.6L380,54.5 l-10.5,6.1v12.2l0,0L359,78.9v12.2l10.5,6.1l0,0v12.2l0,0l-10.5,6.1l0,0l-10.5-6.1l0,0V97.2L338,91.1V78.9l-11-6.1l-10.5,6.1v12.2 l10.5,6.1l0,0v12.2l-10.5,6.1v12.2l-10.5,6.1l0,0l-10.5-6.1l0,0v-12.2l10.5-6.1V97.2l-10.5-6.1L285,97.2v12.2l0,0l-10.5,6.1l0,0 l-10.5-6.1l-10.5,6.1l0,0l-10.5-6.1l0,0V97.2l-10.5-6.1l0,0V78.9L222,72.8l-11,6.1v12.2l-10.5,6.1v12.2l10.5,6.1l0,0v12.2 l-10.5,6.1l0,0l-10.5-6.1v-12.2l-10.5-6.1l0,0V97.2L169,91.1V78.9l-10.5-6.1L148,78.9v12.2l10.5,6.1v12.2l0,0l-10.5,6.1v12.2l0,0 l-10.5,6.1l0,0l-10.5-6.1v-12l10.5-6.1V97.4L127,91.3l-11,6.1l0,0l-10.5-6.1V79.1L94.9,73l-10.5,6.1v12.2l10.5,6.1v12.2l10.5,6.1 v12l0,0l-10.5,6.1l0,0l-10.5-6.1v-12.2l-10.5-6.1l-10.5,6.1l0,0l-10.5-6.1v-12l10.5-6.1V79.1L52.8,73l-10.5,6.1v12.2l-10.5,6.1v12 l-10.5,6.1v12.2l0,0l-10.5,6.1l0,0L0,127.6v6.4h675v-6.4L664.5,133.7z M527.4,127.6l-10.5,6.1l-10.5-6.1v-12.2l10.5-6.1l10.5,6.1 V127.6z'/%3E %3Cpolygon class='s' points='10.6,60.6 10.6,72.8 21.1,78.9 31.7,72.8 31.7,60.6 21.1,54.6 '/%3E %3Cpolygon class='s' points='116,72.8 126.6,78.9 137.1,72.8 137.1,60.6 126.6,54.6 126.6,42.5 116,36.4 105.5,42.5 105.5,54.7 116,60.8 '/%3E %3Cpolygon class='s' points='200.4,72.8 200.4,60.6 189.9,54.6 179.3,60.6 179.3,72.8 189.9,78.9 '/%3E %3Cpolygon class='s' points='253.1,78.9 253.1,91.1 263.7,97.2 274.2,91.1 274.2,78.9 263.7,72.8 263.7,72.8 263.7,60.6 253.1,54.6 242.6,60.6 242.6,72.8 '/%3E %3Cpolygon class='s' points='453.5,72.8 453.5,60.6 443,54.6 432.4,60.6 432.4,72.8 443,78.9 '/%3E %3Cpolygon class='s' points='537.9,60.6 537.9,72.8 548.4,78.9 559,72.8 559,60.6 548.4,54.6 '/%3E %3Cpolygon class='s' points='643.4,72.8 643.4,60.6 632.8,54.6 622.3,60.6 622.3,72.8 632.8,78.9 '/%3E %3Cpolygon class='s' points='485.2,54.6 485.2,54.6 485.2,42.5 474.6,36.4 464.1,42.5 464.1,54.7 474.6,60.8 474.6,60.8 474.6,72.7 474.6,72.7 464.1,78.8 464.1,91 474.6,97.1 485.2,91 485.2,78.9 485.2,78.9 495.7,72.8 495.7,60.6 '/%3E %3C/g%3E %3C/g%3E %3C/svg%3E ");
    background-size: auto 60px;
    background-repeat: repeat-x;
    background-position: center bottom;
    padding-top: 40px;
    padding-bottom: 100px;
    color: #f3ffee;
}
.section-no {
    background-color: #f3ffee;
    padding-top: 40px;
    padding-bottom: 40px;
}



.cookie_notice {
    display: none;
    position: fixed;
    z-index: 9999999;
    bottom: 0;
    left: 0;
    right: 0;
    text-align: center;
    font-size: 12px;
    font-family: Verdana, sans-serif;  
    color: #FFF;
    background: #008B45;
    padding: 10px 20px; 
    border-top: 4px solid #66ff7a;
}
/* Оформление кнопок */
.cookie_btn {
    display: inline-block;
    margin: 10px 6px 4px 6px;
    text-decoration: none;
    position: relative;
    font-size: 10px;
    padding: 4px 12px;
    color: #FFF;
    font-weight: bold;
    text-transform: uppercase; 
    background: #008B45;
    border: 2px solid #66ff7a;
}
.cookie_btn:hover {
    color: #FFF;
}
.cookie_btn:after,
.cookie_btn:before {
    position: absolute;
    height: 2px;
    left: 50%;
    background: #FFF;
    bottom: -6px;
    content: "";
    transition: all 280ms ease-in-out;
    width: 0;
}
.cookie_btn:before {
    top: -6px;
}
.cookie_btn:hover:after,
.cookie_btn:hover:before {
    width: 100%;
    left: 0;
}



.a-stroke {
    margin: 15px 0; 
}    
.a-stroke .text {
    fill: none;
    stroke-width: 2;
    stroke-linejoin: round;
    stroke-dasharray: 70 330;
    stroke-dashoffset: 0;
    animation: stroke 7s infinite linear;
    font-family: Tahoma, sans-serif;
    font-size: 70px;
    font-weight: bold;
    letter-spacing: 2px;
    text-transform: uppercase;
    text-anchor: middle;
}
.a-stroke .text:nth-child(5n + 1) {
    stroke: #0fb809;
    animation-delay: -1.2s;
}
.a-stroke .text:nth-child(5n + 2) {
    stroke: #0fb809;
    animation-delay: -2.4s;
}
.a-stroke .text:nth-child(5n + 3) {
    stroke: #0fb809;
    animation-delay: -3.6s;
}
.a-stroke .text:nth-child(5n + 4) {
    stroke: #0fb809;
    animation-delay: -4.8s;
}
.a-stroke .text:nth-child(5n + 5) {
    stroke: #0fb809;
    animation-delay: -6s;
}

@keyframes stroke {
    100% {
        stroke-dashoffset: -400;
    }
}






.section {
    text-align: center;
    font-family: 'Roboto', sans-serif;

}        
.section-color {
    background-color: #00EE76;
    padding: 10px 0 10px 0;
    color: #FFF;
}








.shadow
{
    position:relative;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 30px rgba(0, 0, 0, 0.1) inset;
}
.shadow:before, .shadow:after
{
    content: "";

    z-index: -1;
    box-shadow: 0 0 30px rgba(0,0,0,0.4);
    top: 10px;
    bottom: 0;
    left: 30px;
    right: 30px;
    border-radius:30%;
}

.shadow-param {
    box-shadow: inset 2px 2px 5px rgba(0, 0, 0, 0.3), 1px 1px 5px rgba(255, 255, 255, 1);
}



.n-success,
.n-warning,
.n-danger,
.n-info {

    padding: 12px 12px 12px 37px;
    color: #333;
    border-radius: 2px;
    background: #fff;
    position: relative;
    font-weight: bold;
    font-family: Verdana, sans-serif;
    box-sizing: border-box;
}
.n-success:before,
.n-warning:before,
.n-danger:before,
.n-info:before {
    content: "";
    background: inherit;
    color: inherit;
    border: inherit;
    display: block;
    text-align: center;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    line-height: 48px;
    position: absolute;
    left: -25px;
    box-sizing: border-box;
    font-size: 22px;
}
.n-success {
    border: 1px solid #32a846;
    color: #32a846;
}
.n-success:before {
    content: "🚚";
}
.n-warning {
    border: 1px solid #f08d3c;
    color: #f08d3c;
}
.n-warning:before  {
    content: "\f12a";
}
.n-danger {
    border: 1px solid #d9534f;
    color: #d9534f;
}
.n-danger:before  {
    content: "\f057";
}
.n-info {
    border: 1px solid #3d98e3;
    color: #3d98e3;
}
.n-info:before  {
    content: "\f129";
}






#hexGrid {
    display: flex;
    flex-wrap: wrap;
    width: 90%;
    margin: 0 auto;
    overflow: hidden;
    list-style-type: none;
    padding: 0;    
}
.hex {
    position: relative;
    visibility:hidden;
    outline:1px solid transparent; 
}
.hex::after {
    content:'';
    display:block;
    padding-bottom: 86.602%; 
}
.hexIn {
    position: absolute;
    width:96%;
    padding-bottom: 110.851%; 
    margin:0 2%;
    overflow: hidden;
    visibility: hidden;
    outline:1px solid transparent; 
    -webkit-transform: rotate3d(0,0,1,-60deg) skewY(30deg);
    -ms-transform: rotate3d(0,0,1,-60deg) skewY(30deg);
    transform: rotate3d(0,0,1,-60deg) skewY(30deg);
}
.hexIn * {
    margin: 0;
    padding: 0;    
    position: absolute;
    visibility: visible;
    outline:1px solid transparent; 
}
.hexLink {
    display:block;
    width: 100%;
    height: 100%;
    text-align: center;
    color: #fff;
    overflow: hidden;
    -webkit-transform: skewY(-30deg) rotate3d(0,0,1,60deg);
    -ms-transform: skewY(-30deg) rotate3d(0,0,1,60deg);
    transform: skewY(-30deg) rotate3d(0,0,1,60deg);
}
.hex img {
    left: -100%;
    right: -100%;
    width: auto;
    height: 100%;
    margin: 0 auto;
    -webkit-transform: rotate3d(0,0,0,0deg);
    -ms-transform: rotate3d(0,0,0,0deg);
    transform: rotate3d(0,0,0,0deg);      
}
.hex h2, .hex p {
    width: 100%;
    padding: 5%;
    box-sizing:border-box;
    background-color: rgba(73, 255, 73, 0.7);
    font-weight: 300;
    -webkit-transition:  -webkit-transform .2s ease-out, opacity .3s ease-out;
    transition: transform .2s ease-out, opacity .3s ease-out;
}
.hex h2 {
    bottom: 50%;
    padding-top:50%;
    font-size: 1.2em;
    color: white;
    z-index: 1;
    -webkit-transform:translate3d(0,-100%,0);
    -ms-transform:translate3d(0,-100%,0);
    transform: translate3d(0,-100%,0);
}
.hex h2:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 45%;
    width: 10%;
    text-align: center;
    border-bottom: 1px solid #fff;
    
}
.hex p {
    top: 50%;
    padding-bottom:50%;
    -webkit-transform:translate3d(0,100%,0);
    -ms-transform:translate3d(0,100%,0);
    transform:translate3d(0,100%,0);
}
.hexLink:hover h2, .hexLink:focus h2,
.hexLink:hover p, .hexLink:focus p {
    -webkit-transform:translate3d(0,0,0);
    -ms-transform:translate3d(0,0,0);
    transform:translate3d(0,0,0);
}
@media (min-width:1201px) { /* сетка 5 - 4 */
    #hexGrid{
        padding-bottom: 4.4%
    }
    .hex {
        width: 20%; 
    }
    .hex:nth-child(9n+6){ 
        margin-left:10%; 
    }
}
@media (max-width: 1200px) and (min-width:901px) { /* сетка 4 - 3 */
    #hexGrid{
        padding-bottom: 5.5%
    }
    .hex {
        width: 25%;
    }
    .hex:nth-child(7n+5){ 
        margin-left:12.5%; 
    }
}
@media (max-width: 900px) and (min-width:601px) { /* сетка 3 - 2 */
    #hexGrid{
        padding-bottom: 7.4%
    }
    .hex {
        width: 33.333%;
    }
    .hex:nth-child(5n+4){ 
        margin-left:16.666%; 
    }
}
@media (max-width: 600px) { /* сетка 2 - 1 */
    #hexGrid{
        padding-bottom: 11.2%
    }
    .hex {
        width: 50%; 
    }
    .hex:nth-child(3n+3){
        margin-left:25%;
    }
}






.tabs * {
    box-sizing: border-box;
}        
.tabs {
    position: relative;
    margin: 20px 10px;
}
.tabs:after{
    display:table;
    content:"";
    clear:both;
}
.tabs .tab .tab-toggle {
    display: flex;
    border: 2px solid #BFE2FF;
    padding: 4px 40px 4px 0;
    border-radius: 16px;
    margin-bottom: 8px;
    position: relative;
    outline: none;
    width: 100%;
    background: #FFF;
    line-height: 1.2;
    margin-left: 10px;
    align-items: center;    
    cursor: pointer;
}
.tabs .tab .tab-toggle .tab-nums  {
    padding: 0 10px 0 0;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 16px 0 0 16px;
}
.tabs .tab .tab-toggle .tab-nums .tab-num  {
    color: #337AB7;
    font-size: 18px;
    font-weight: bold;
    border-radius: 50%;
    background: #FFF;
    border: 3px solid #337AB7;
    width: 34px;
    height: 34px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: -20px;
    position: relative;
    z-index: 1;
}
.tabs .tab .tab-toggle .tab-nums .tab-tab  {
    padding: 0 12px 0 24px;
    margin-left: -20px;
    font-size: 13px;
    font-weight: bold;    
    border: 2px solid #BFE2FF;
    background: #BFE2FF;
    color: #337AB7;
    border-radius: 0 22px 22px 0;
    height: 34px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.tabs .tab .tab-toggle .tab-name {
    padding: 6px 0;
    text-align: left;
    text-transform: uppercase;
    font-size: 13px;
    font-weight: bold;    
}
.tabs .tab .tab-toggle:after {
    content: "";
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 512'%3e%3cpath fill='%23000000' d='M143 352.3L7 216.3c-9.4-9.4-9.4-24.6 0-33.9l22.6-22.6c9.4-9.4 24.6-9.4 33.9 0l96.4 96.4 96.4-96.4c9.4-9.4 24.6-9.4 33.9 0l22.6 22.6c9.4 9.4 9.4 24.6 0 33.9l-136 136c-9.2 9.4-24.4 9.4-33.8 0z'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    position: absolute;
    width: 20px;
    height: 20px;
    display: block;
    right: 10px;
    top: 50%;
    transform: rotate(0deg) translateY(-50%);
}
.tabs .tab .tab-toggle.active {
    color: #000;
    background-color: white;
    cursor: default;
}
.tabs .tab .tab-toggle.active .tab-nums .tab-num  {
    color: #FFF;
    background: #337AB7;
}
.tabs .tab .tab-toggle.active .tab-nums .tab-tab  {
    border: 2px solid #337AB7;
    background: #337AB7;
    color: #FFF;
}
.tabs .tab .tab-toggle.active .tab-name  {
    color: #337AB7;
}
.tabs .tab .tab-toggle.active:after {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 512'%3e%3cpath fill='%23337AB7' d='M143 352.3L7 216.3c-9.4-9.4-9.4-24.6 0-33.9l22.6-22.6c9.4-9.4 24.6-9.4 33.9 0l96.4 96.4 96.4-96.4c9.4-9.4 24.6-9.4 33.9 0l22.6 22.6c9.4 9.4 9.4 24.6 0 33.9l-136 136c-9.2 9.4-24.4 9.4-33.8 0z'/%3e%3c/svg%3e");
}
.tabs .tab .tab-toggle.active:after {
    color: #8099c2;
    transform: rotate(180deg) translateY(50%);
}
.tabs .content {
    overflow: hidden;
    padding: 0;
    transition: opacity 0.4s;
    visibility: hidden;
    opacity: 0;
    padding: 0 0 10px 0;
    max-height: 0;
}
.tabs .content.active {
    max-height: 5000px;
    visibility: visible;
    opacity: 1;
}
@media screen and (min-width: 992px) {
    .tabs {
        position: relative;
        transition: all 0.5s;
    }
    .tabs .tab {
        float: left;
        clear: left;
        width: 30%;
    }
    .tabs .tab .tab-toggle {
        text-align: left;
    }
    .tabs .tab .tab-toggle:after {
        transform: rotate(-90deg) translateX(50%);
    }
    .tabs .tab .tab-toggle.active:after {
        transform: rotate(-90deg) translateX(50%) translateY(0);
    }
    .tabs .content {
        position: absolute;
        right: 0;
        top: 0;
        width: 70%;
        opacity: 0;
        padding: 0 0 30px 40px;
        transition: opacity 0.4s;
    }
    .tabs .content.active {
        opacity: 2;
        padding: 0 0 10px 40px;
    }
}










.hover3d * {
    box-sizing: border-box;
}    
.hover3d {
    margin: 20px 0;
}
.hover3d .info {
    transform: rotate3d(1, 0, 0, 90deg);
    width: 100%;
    height: 100%;
    padding: 20px;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 4px;
    pointer-events: none;
    background-color: #337AB7;
}
.hover3d ul {
    padding: 0;
    display: flex;
    flex-wrap: wrap;
}
.hover3d li {
    perspective: 500px;
    position: relative;
    width: calc(25% - 10px);
    margin: 5px;
    padding: 0;
    list-style: none;
    border: 6px solid #BFE2FF;
    overflow: hidden;
    box-shadow: 0 2px 5px rgba(0,0,0,0.2), 0 4px 6px rgba(0,0,0,0.2);
}
@media (max-width:767px){
    .hover3d li {
        width: calc(33% - 10px);
    }
}
@media (max-width:560px){
    .hover3d li {
        width: calc(50% - 10px);
    }
}    
@media (max-width:420px){
    .hover3d li {
        width: 100%;
    }
}
.hover3d li a {
    display: block;
    text-decoration: none;
    width: 100%;
    height: 100%; 
}
.hover3d li a img {
    object-fit: cover;
    width: 100%;
}
.hover3d li h3 {
    margin: 0;
    font-size: 20px;
    color: #BFE2FF;
    font-family: 'Roboto', sans-serif; 
}
.hover3d li p {
    color: #FFF;
}
.in-top .info {
    transform-origin: 50% 0%;
    animation: in-top 300ms ease 0ms 1 forwards;
}
.in-right .info {
    transform-origin: 100% 0%;
    animation: in-right 300ms ease 0ms 1 forwards;
}
.in-bottom .info {
    transform-origin: 50% 100%;
    animation: in-bottom 300ms ease 0ms 1 forwards;
}
.in-left .info {
    transform-origin: 0% 0%;
    animation: in-left 300ms ease 0ms 1 forwards;
}
.out-top .info {
    transform-origin: 50% 0%;
    animation: out-top 300ms ease 0ms 1 forwards;
}
.out-right .info {
    transform-origin: 100% 50%;
    animation: out-right 300ms ease 0ms 1 forwards;
}
.out-bottom .info {
    transform-origin: 50% 100%;
    animation: out-bottom 300ms ease 0ms 1 forwards;
}
.out-left .info {
    transform-origin: 0% 0%;
    animation: out-left 300ms ease 0ms 1 forwards;
}
@keyframes in-top {
    from {
        transform: rotate3d(-1, 0, 0, 90deg);
    }
    to {
        transform: rotate3d(0, 0, 0, 0deg);
    }
}
@keyframes in-right {
    from {
        transform: rotate3d(0, -1, 0, 90deg);
    }
    to {
        transform: rotate3d(0, 0, 0, 0deg);
    }
}
@keyframes in-bottom {
    from {
        transform: rotate3d(1, 0, 0, 90deg);
    }
    to {
        transform: rotate3d(0, 0, 0, 0deg);
    }
}
@keyframes in-left {
    from {
        transform: rotate3d(0, 1, 0, 90deg);
    }
    to {
        transform: rotate3d(0, 0, 0, 0deg);
    }
}
@keyframes out-top {
    from {
        transform: rotate3d(0, 0, 0, 0deg);
    }
    to {
        transform: rotate3d(-1, 0, 0, 104deg);
    }
}
@keyframes out-right {
    from {
        transform: rotate3d(0, 0, 0, 0deg);
    }
    to {
        transform: rotate3d(0, -1, 0, 104deg);
    }
}
@keyframes out-bottom {
    from {
        transform: rotate3d(0, 0, 0, 0deg);
    }
    to {
        transform: rotate3d(1, 0, 0, 104deg);
    }
}
@keyframes out-left {
    from {
        transform: rotate3d(0, 0, 0, 0deg);
    }
    to {
        transform: rotate3d(0, 1, 0, 104deg);
    }
}







.breadcrumb-2 * {
    box-sizing: border-box;
    margin: 0; 
    padding: 0
}    
.breadcrumb-2 {
    display: flex;
    flex-wrap: wrap;
    counter-reset: flag; 
    margin: 10px;
}
.breadcrumb-2 a,
.breadcrumb-2 span {
    background: white;
    color: black;
    transition: all 0.5s;
    text-decoration: none;
    outline: none;
    font-size: 10px;
    line-height: 36px;
    padding: 0 10px 0 60px;
    position: relative;
    font-size: 10px;
    font-family: Verdana, sans-serif;   
    border: 2px solid #BFE2FF;
    border-right: 0;
    margin: 2px 0;    
    border-radius: 8px 0 0 8px;
}
.breadcrumb-2 a:first-child {
    padding-left: 46px;
}
.breadcrumb-2 a:first-child:before {
    left: 14px;
}
.breadcrumb-2 a:hover{
    background: #BFE2FF;
} 
.breadcrumb-2 a:hover:after {
    background: #BFE2FF;
}
.breadcrumb-2 a:after,
.breadcrumb-2 span:after {
    content: '';
    position: absolute;
    top: 0; 
    right: -18px;
    width: 36px; 
    height: 36px;
    transform: scale(0.7) rotate(45deg);
    z-index: 1;
    box-shadow: 2px -2px 0 2px #BFE2FF;
    border-radius: 0 5px 0 50px;
    background: white;
    transition: all 0.5s;    
}
.breadcrumb-2 a:before, 
.breadcrumb-2 span:before {
    content: counter(flag);
    counter-increment: flag;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    text-align: center;
    font-size: 10px;
    line-height: 20px;
    margin: 8px 0;
    position: absolute;
    top: 0;
    left: 30px;
    font-weight: bold;
    background: white;
    box-shadow: 0 0 0 1px #ccc;
}