body
	{
	font-family: 'Exo 2', sans-serif;
	font-size: 16px;
	font-weight: 400;
	line-height: 1.2;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 0px;	
	padding-bottom: 0px;
	
 	background-color: rgba(255, 255, 222, 0.5);
	color: #282828;
	}

a
	{
	cursor: pointer;
	}

.otstup
	{
	margin-bottom: 20px;	
	}

br
	{
	display: block;
    margin: 5px 0 0 0;
	}

	
	

/*							   .p{ font-size: 16px; }
	@media (min-width: 576px ){.p{ font-size: 16px; }}
	@media (min-width: 768px ){.p{ font-size: 16px; }}
	@media (min-width: 992px ){.p{ font-size: 16px; }}
	@media (min-width: 1200px){.p{ font-size: 16px; }}
	@media (min-width: 1400px){.p{ font-size: 16px; }}	
*/

/* test ========== ========= ======== ========== ========= ======== ========== ========= ======== ======== */

.test_razmera{
	position: fixed;
    left: 0px;
    top: 50%;
	width: 10px;
	height: 10px;
	font-size: 50%;
	}

/* top ========== ========= ======== ========== ========= ======== ========== ========= ======== ======== */

.fon_menu_1
	{
	background-color: rgba(245, 255, 250, 0.3);
	}

.logo_image
	{
	margin-right:8px;
	margin-top: 16px;
	margin-bottom: 16px;
	width:50px;
	height:35px; 
	}

.logo_text
	{
	color: #D71920;
	}

.telefon_menu a,
.telefon_menu a:hover,
.telefon_menu a:focus,
.telefon_menu a:active 
	{
	text-decoration:none;
	border-bottom: none; 
	color:#212121;
	}

/* menu ========== ========= ======== ========== ========= ======== ========== ========= ======== ======== */

.fon_menu_2{
	background-color:#FFC107;
	}

.top_menu a,
.top_menu a:hover,
.top_menu a:focus,
.top_menu a:active 
	{
	text-decoration:none;
	border-bottom:#FFC107 1px dashed; 
	color:#ffffff;
	margin-top: 5px;
	margin-bottom: 5px;
	}

.top_menu a:hover
	{
	text-decoration:none;
	border-bottom:#ffffff 1px dashed; 
	color:#ffffff;
	}

.a_menu
	{
		
	}



/* first ========== ========= ======== ========== ========= ======== ========== ========= ======== ======== */
.first
	{
	min-height: 70vh;
	}
.zagolovok_1
	{
	font-family: 'Exo 2', sans-serif;
	font-size: 30px;
	font-weight: 400;
	line-height: 1.2;
	margin-top: 150px;
	margin-bottom: 20px;
	padding-top: 0px;	
	padding-bottom: 0px;
	}

							   .zagolovok_1{ font-size: 20px; }
	@media (min-width: 576px ){.zagolovok_1{ font-size: 20px; }}
	@media (min-width: 768px ){.zagolovok_1{ font-size: 24px; }}
	@media (min-width: 992px ){.zagolovok_1{ font-size: 24px; }}
	@media (min-width: 1200px){.zagolovok_1{ font-size: 30px; }}
	@media (min-width: 1400px){.zagolovok_1{ font-size: 30px; }}	
	
.zagolovok_2
	{
	font-family: 'Exo 2', sans-serif;
	font-size: 26px;
	font-weight: 400;
	line-height: 1.2;
	margin-top: 20px;
	margin-bottom: 20px;
	padding-top: 0px;	
	padding-bottom: 0px;
	}

							   .zagolovok_2{ font-size: 18px; }
	@media (min-width: 576px ){.zagolovok_2{ font-size: 18px; }}
	@media (min-width: 768px ){.zagolovok_2{ font-size: 20px; }}
	@media (min-width: 992px ){.zagolovok_2{ font-size: 20px; }}
	@media (min-width: 1200px){.zagolovok_2{ font-size: 26px; }}
	@media (min-width: 1400px){.zagolovok_2{ font-size: 26px; }}


.zagolovok_3
	{
	font-family: 'Exo 2', sans-serif;
	font-size: 16px;
	font-weight: 600;
	line-height: 1.2;
	margin-top: 10px;
	margin-bottom: 10px;
	padding-top: 0px;	
	padding-bottom: 0px;
	}

							   .zagolovok_3{ font-size: 16px; }
	@media (min-width: 576px ){.zagolovok_3{ font-size: 16px; }}
	@media (min-width: 768px ){.zagolovok_3{ font-size: 16px; }}
	@media (min-width: 992px ){.zagolovok_3{ font-size: 16px; }}
	@media (min-width: 1200px){.zagolovok_3{ font-size: 16px; }}
	@media (min-width: 1400px){.zagolovok_3{ font-size: 16px; }}
	
/* batton ========== ========= ======== ========== ========= ======== ========== ========= ======== ======== */
	
@-webkit-keyframes ssiyaniePulse {
	from {-webkit-box-shadow: 0 0 10px #ffffff, 0px 5px 10px 0px #ffffff;}
	50% {-webkit-box-shadow: 0 0 20px #FFC107, 0px 5px 10px 0px #FFC107;}
	to {-webkit-box-shadow: 0 0 10px #ffffff, 0px 5px 10px 0px #ffffff;}}
@-webkit-keyframes ssiyaniePulse2 {
	from {-webkit-box-shadow: 0 0 10px #ffffff, 0px 5px 10px 0px #ffffff;}
	50% {-webkit-box-shadow: 0 0 30px #FFC107, 0px 5px 10px 0px #FFC107;}
	to {-webkit-box-shadow: 0 0 10px #ffffff, 0px 5px 10px 0px #ffffff;}}
	
.knopka1{
	background-color: #ffffff;
	color: #FFC107;
	border: 2px solid #FFC107;
	border-radius: 0px;
	-webkit-animation-name: ssiyaniePulse;
	-webkit-animation-duration: 2s;
	-webkit-animation-iteration-count: infinite;}
.knopka1:hover:not(:active),
.knopka1:focus,
.knopka1:active:focus,
.knopka1.active:focus,
.knopka1.focus,
.knopka1:active.focus,
.knopka1.active.focus,
.knopka1:focus,
.knopka1:active{
	background-color: #FFC107;
	color: #ffffff;
	border: 2px solid #FFC107;
	border-radius: 0px;
   	-webkit-animation-name: ssiyaniePulse2;
	-webkit-animation-duration: 1s;
	-webkit-animation-iteration-count: infinite;}




/* ul li ========== ========= ======== ========== ========= ======== ========== ========= ======== ======== */

ul
	{
	list-style-type: square;
	}



/* min_1 ========== ========= ======== ========== ========= ======== ========== ========= ======== ======== */


.min_1 a,
.min_1 a:hover,
.min_1 a:focus,
.min_1 a:active 
	{
	text-decoration:none;
	border-bottom:rgba(245, 255, 250, 0.3) 1px dashed; 
	color:#FFC107;
	margin-right: 10px;
	}

.min_1 a:hover
	{
	text-decoration:none;
	border-bottom:#FFC107 1px dashed; 
	color:#FFC107;
	margin-right: 10px;	
	}

/* min_2 ========== ========= ======== ========== ========= ======== ========== ========= ======== ======== */


.min_2 a,
.min_2 a:hover,
.min_2 a:focus,
.min_2 a:active 
	{
	text-decoration:none;
	border-bottom:rgba(245, 255, 250, 0.3) 1px dashed; 
	color:#FFC107;
	margin-right: 10px;
	}

.min_2 a:hover
	{
	text-decoration:none;
	border-bottom:#FFC107 1px dashed; 
	color:#FFC107;
	margin-right: 10px;	
	}

/* min_3 ========== ========= ======== ========== ========= ======== ========== ========= ======== ======== */


.min_3 a,
.min_3 a:hover,
.min_3 a:focus,
.min_3 a:active 
	{
	text-decoration:none;
	border-bottom:rgba(245, 255, 250, 0.3) 1px dashed; 
	color:#FFC107;
	margin-right: 10px;
	}

.min_3 a:hover
	{
	text-decoration:none;
	border-bottom:#FFC107 1px dashed; 
	color:#FFC107;
	margin-right: 10px;	
	}


/* min_7 ========== ========= ======== ========== ========= ======== ========== ========= ======== ======== */


.min_7 a,
.min_7 a:hover,
.min_7 a:focus,
.min_7 a:active 
	{
	text-decoration:none;
	border-bottom:rgba(245, 255, 250, 0.3) 1px dashed; 
	color:#FFC107;
	margin-right: 10px;
	}

.min_7 a:hover
	{
	text-decoration:none;
	border-bottom:#FFC107 1px dashed; 
	color:#FFC107;
	margin-right: 10px;	
	}



/* end ========== ========= ======== ========== ========= ======== ========== ========= ======== ======== */

.end
	{
	font-size: 10px;
	font-weight: 400;
	line-height: 1.0;
	margin-top: 10px;
	margin-bottom: 10px;
	padding-top: 0px;	
	padding-bottom: 0px;
	}
							   .end{ font-size: 10px; }
	@media (min-width: 576px ){.end{ font-size: 10px; }}
	@media (min-width: 768px ){.end{ font-size: 12px; }}
	@media (min-width: 992px ){.end{ font-size: 12px; }}
	@media (min-width: 1200px){.end{ font-size: 12px; }}
	@media (min-width: 1400px){.end{ font-size: 12px; }}
	
.end a,
.end a:hover,
.end a:focus,
.end a:active 
	{
	text-decoration:none;
	border-bottom:rgba(245, 255, 250, 0.3) 1px dashed; 
	color:#FFC107;
	}

.end a:hover
	{
	text-decoration:none;
	border-bottom:#FFC107 1px dashed; 
	color:#FFC107;
	}




































	

	
	
.bg_color_1 {background-color: #ffcccc;}	
.bg_color_2 {background-color: #ffd9cc;}
.bg_color_3 {background-color: #ffe6cc;}
.bg_color_4 {background-color: #fff2cc;}
.bg_color_5 {background-color: #ffffcc;}
.bg_color_6 {background-color: #f2ffcc;}
.bg_color_7 {background-color: #d9ffcc;}
.bg_color_8 {background-color: #ccffd9;}	
.bg_color_9 {background-color: #ccfff2;}	
.bg_color_0 {background-color: #ccffff;}	





.my_slider
	{
	min-height: 50vh;
	}

.fon_slider
	{
	background-color: #FFFFE0;
	}

.podzag_1
	{
	padding-top: 20px;	
	}

.photo_1
	{
	padding-top: 20px;
	}

.img_1
	{
	padding-top: 20px;
	max-height: 64px;
	}


.text_1
	{
	padding-top: 20px;	
	}	
	


















































/* primer ========== ========= ======== ========== ========= ======== ========== ========= ======== ======== */

	
							   .NNN{ font-size: 10px; }
	@media (min-width: 576px ){.NNN{ font-size: 15px; }}
	@media (min-width: 768px ){.NNN{ font-size: 20px; }}
	@media (min-width: 992px ){.NNN{ font-size: 25px; }}
	@media (min-width: 1200px){.NNN{ font-size: 30px; }}
	@media (min-width: 1400px){.NNN{ font-size: 35px; }}