@charset "utf-8";
/* --------------- СТРУКТУРА GUKOVKA ------------------------ */
body {
	font-family: Georgia, "Bitstream Charter", serif;
	font-weight: 400; 
	font-size: 1rem;
	color: #666;
	line-height: 135%;
}
."ya-site-form ya-site-form_inited_no" {
  border: 3px solid grey;
}
* { 
	margin: 0;
	padding: 0;
}
#header,#sidebar, #footer,#content,#vk_groups {
	display: block;
}
#container {
	max-width: 1320px; /* Максимальная ширина страницы в пикселах */
	width: 98%;
	margin: 0 auto;
	word-wrap: break-word;
}
/* ШАПКА */
#header {
	width: 100%;
}
div#naity,div#zastavka,div#telefon{		/* вывод в три столбца  */
  text-align: center;
  max-width:33.333%;
  min-width:33.33%;
  padding: 1em 2%;
  box-sizing: border-box; /* размер учитываем рамки */ 
}
div.column1_poisk {	/* вывод в один столбец в поиске */ 
  text-align: justify;
  clear: both;
  width:100%;
  margin: 0 auto;
  overflow: hidden;
  box-sizing: border-box; /* размер учитываем рамки */ 
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content:space-evenly;
  align-items: stretch;
}
div#zastavka{		/* эмблема сайта */
	background: url(picture/poxod.png)  center no-repeat;
	background-size:  70% 100%;
}
/* ---------------------  МЕНЮ --------------------------------- */
#menu {
    width: 96%;
    height: 2.7em;
    margin: 0 auto;
    background: url(picture/menu-fon.png) no-repeat;
	background-size: cover;
    border-radius: 10px;
    box-shadow: 0 2px 6px rgba(0,0,0,.3);
	text-align: center;
	min-width: 32em;
}

#navbar ul {
  display: none;
  margin: 0;
}
#navbar > li {
	background: url(picture/menu-border.png) right no-repeat;
}
#navbar > li:last-child {
    background: none;
}
#navbar li {
  position: relative;
  list-style-type: none;
  display: inline-block;
  padding: 0.8em 0.9em;
}
#navbar li a {
    font-weight: 500;
	color:#fff;
	text-decoration: none;
}
#navbar li:hover>ul { display: block; }
#navbar ul li { float: none; }

#navbar ul  {
  background-color: #e6e6e6;
  position: absolute;
  border: 2px solid #0f0; /* размер и цвет границы блока */
  border-radius: 0.4rem;
  white-space: nowrap;
}
#navbar ul  {
  top: 95%;
  left: 0;
}
#navbar ul ul {
  top: 0%;
  left: 100%;
}
#navbar ul ul {
  top: 0%;
  left: 100%;
}
#navbar ul li  {     /* выпадающее меню */
  padding: 0.3em 0.9em !important;
  display: block !important;
  text-align: left;	
  border-bottom: 1px dashed #C1C1C1;
}
#navbar ul li a {     /* выпадающее меню */
	color:#000!important;
}
/* --------------------- МОБИЛЬНОЕ МЕНЮ --------------------------------- */
nav{
	display: none;		
}

/* ------------------------------------------------------ */

#sidebar {
	float: left;
	width: 20%;
	padding-bottom: 1%;
}
#content {
	padding: 1% 1%;
	width: 77%;
	float: left;
}
/* ~~ Нижний колонтитул ~~ */
#footer {
	font-size: 90%;
	padding: 0 2%;
	background-color: #99ff00;
	clear: both; /* Это свойство очистки заставляет .container видеть место окончания столбцов и включать их. */
}

#vk_groups{
	margin: 1% auto;
}
#adres ,.myPhoto{color: brown;font-style: italic }
#adres {
	float: left;
	display: block;
	padding-right: 1em;
}
/*--------------------- ТЕКСТЫ ---------------------- */
#content h1,h2,h3 {
    display: block;
	clear: both; 
}	
div .column2,div .column2_r,div .column3,.ar_remark,.ar_page,.ar_big,div.ar_link,h1, h2, h3, h4{
  text-align: center;
}  
.ar_remark {color: brown; font-style: italic;} /* пометки */
.ar_big {font-weight: bold;color : #FF0000}   /* увеличенный текст  */ 

#content,div .column1,.myTur {text-align: justify}


#content h1 {color: blue}

#content table {
	max-width: 100%;
	overflow: auto;
	font-size: 90%;
	border-collapse: collapse;
	width: 98%;
	margin: 2rem auto 1rem}
#content td {
	border: 1px solid grey;
	padding: 0.5em 0.5em}
	
/* ---------------- Плитка тегов ------------------ */	
div#tags a {    
	border: 1px solid #333; /* Рамка */
    display: inline-block;
    padding: 0.2em 0.4em; /* Поля */
	font-size: 85%;	
	border-radius: 0.2em;
	margin: 0.2em;	
}
.hidden {
    display:none;
}
div#tags li {
    display:inline;
}

input[type="checkbox"] { /*Checkboxes styles*/
	display: none;
}
#more + label{
	cursor: pointer;
	border: 1px solid #333; /* Рамка */
    display: inline-block;
    padding: 0.2em 0.4em; /* Поля */
	font-size: 85%;	
	border-radius: 0.2em;
	margin: 0.2em;
	background: rgb(212,175,56);
}
#more + label + .hidden{  /* по щелчку скрываем  */
	display: none;
}
#more:checked + label + .hidden{ /* по щелчку показываем  */
	display: block;
}
#more + label:before{            /* пиктограмма для открытия  */
	content: 'Показать больше'; 
}
#more:checked + label:before{    /* пиктограмма для закрытия  */
  content: 'Скрыть';
}
/* --------------- ОТ ГОШИ ------------------------ */
.chacor {
	display: block;
}
.chacor + label{
	cursor: pointer;
	border: 1px solid #333; /* Рамка */
    display: block;
    padding: 0.2em 0.4em; /* Поля */
	font-size: 110%;	
	border-radius: 0.2em;
	margin: 0.2em;
	background: rgb(212,175,56);
}
.chacor:checked + label + .acor-body{ /* по щелчку показываем  */
	display: block;
}
.acor-body {
    display:none;
}

/* --------------- КНОПКИ ------------------------ */
.ar_knopka {text-align: right;margin: 1%;}  /* кнопка заявки на тур */ 

/* --------------- БЛОКИ ------------------------ */
div .column1{					/* вывод в один столбец  */
  clear: both;
  float: left;
  width: 100%;
  overflow: hidden;
}

div .column2,div .column2_r{					/* вывод в два столбца  */
  width: 48%;
  margin: 1%;
}
div .column2{				 	/* вывод в два столбца  обтекание слева */
  float: left;
}
div .column2_r{					/* вывод в два столбца  обтекание слева */
  float: right;
}
div .column3{					/* вывод в три столбца  */
  float: left;
  margin: 1%;
  width:31%;
}
div .ar_video{		
  text-align: center;			
  margin: 1% auto;
  width:50%;
}

/* --------------------------------------КАРТИНКИ ---------------------------*/
img.ar_image_fix, img.ar_image_fix2, img.ar_image_fix_v, img.ar_image_fix2_v{   /* вывод картинов фиксированоого размера */  
	border: 1px solid gray;
	border-radius: 6px;
}
img.ar_image_fix, img.ar_image_fix2{  
	width: 100%;
}

img.ar_image_fix_v,img.ar_image_fix2_v{
	width: 57%;
}
img.ar_image_fix, img.ar_image_fix_v  {    /* вывод картинов фиксированоого размера */  
	height: 15vw;
}
img.ar_image_fix2, img.ar_image_fix2_v {  /* вывод картинов фиксированоого размера */  
	height:19vw;
}
img.ar_image_l {                         /* вывод картинов в левом столбце */  
	width: 90%;
	margin: 5%;
}
div.ar_link {             			/* кусочек текста с ссылками */   
	color: #000000;
	margin: 1% auto;
	font-style: italic;
	font-weight: bold;
}							

a {
	color: #0000ff;
	text-decoration: none;
}

/* кнопка заказа тура */   

a.knopka,a.knopka_s {
  color: #fff; /* цвет текста */
  font-weight: bold;
  font-size: 110%;
  padding: 1%; /* отступ от текста */
  outline: none; /* убирать контур в Mozilla */
  border-radius: 3px;
  display: inline-block;
  margin: 0.2em;
} 
a.knopka { 
  background: rgb(212,175,56);
  background: #0c9c0d linear-gradient(#82d18d, #0c9c0d);
  box-shadow: inset #72de26 0 -1px 1px, inset 0 1px 1px #98ff98, #3caa3c 0 0 0 1px, rgba(0,0,0,.3) 0 2px 5px;
}

a.knopka_s { 
  background: rgb(212,75,56);
  background: #0c9c0d linear-gradient(#d21d1d, #ec9c9d);
  box-shadow: inset #72de26 0 -1px 1px, inset 0 1px 1px #98ff98, #3caa3c 0 0 0 1px, rgba(0,0,0,.3) 0 2px 5px;
}
a.knopka:hover { background: rgb(00,99,00); } /* при наведении курсора мышки */

input,select {
	padding: 0.2em 0.6em;
}	
h1, h4, h5, h6, p {
	margin-top: 0;	
	padding: 0.2em;
	font-size: 100%;
}
h2,h3 {
	margin-top: 0.2em;	
	padding: 0.2em;
	font-size: 100%;
}
a img { 
	border: none;
}

ul,ol {
	list-style-position:inside;
	/*list-style-image: url(picture/li.gif);*/
	margin: 0.7em;
}

.ramka{
	margin: 1% auto;
	padding: 2% 2%;
    background: #FF9; /* Фоновый цвет блока */
    border:4px solid #777; /* Ширина вид и цвет рамки */
    border-radius:20px; /* Радиус скругления углов*/
	text-align: center;
	color: #ff0000;
	display: inline-block;
	vertical-align: middle; 
    -webkit-border-radius:30px; /* Safari, Chrome */
    -moz-border-radius:30px; /* Firefox */
    box-shadow: 0 0 10px 2px #1A3457; /* Тень*/
    -webkit-box-shadow: 0 0 10px 2px #1A3457; /* Safari, Chrome */
    -moz-box-shadow: 0 0 10px 2px #1A3457; /* Firefox */
}
/* ---------------------------------- МОБИЛЬНОСТЬ -----------------------------*/ 
 
@media all and (max-width:1320px) {   /*по горизонтале меньше 1320 */ 
  img.ar_image_fix,img.ar_image_fix_v {   
        height:18vw;
   }
    img.ar_image_fix2,img.ar_image_fix2_v {  
        height:27vw;
   }
}

@media all and (max-width:700px) {   /*по горизонтале меньше 700 */ 
	body {
		font-size: 1.2rem;
	}
   #footer, #sidebar,#zastavka,.my_mob_no{
       display:none;
   }
   div .column3{					
		width:48%;
   }
   img.ar_image_fix, img.ar_image_fix2, img.ar_image_fix_v, img.ar_image_fix2_v {
        height:28vw;
   }
   #content {
	width: 98%;
   }
   	div#naity,div#telefon {
		max-width: 96%;
		min-width: 96%;
	}
   	/* мобильное меню  */
	#menu {
		display:none;
	}
	input[type="checkbox"] { /*Checkboxes styles*/
		display: none;
	}
	nav{								
	  display: block;
	  background:  #0bda51; 
	}
	#btn-menu + label{
		  display: inline-block;
		  position: relative;
		  color: #fff; 
		  z-index: 1;
		  cursor: pointer;
		  padding: 0.4em 1em;
	   }
	#btn-menu + label + a{  /* логотип меню  */
		float: right;
		padding: 0.4em 1em;
    }   
    #btn-menu + label + a + #list-menu{  /* по щелчку скрываем  */
		display: none;
    }
    #btn-menu:checked + label + a + #list-menu{ /* по щелчку показываем  */
		display: block;
    }
	#list-menu{
	  display: flex;
	  list-style: none;
	  background:  #3caa3c; 
	  margin: 0!important;
	}
	#list-menu > li > a{
	  color: #fff;
	  display: block;
	  padding: 0.2em 1em;
	}
	#list-menu > li > a:hover{            /* выделяем актиное меню  */
		background: rgb(96,145,172);
	}
	#btn-menu + label:before{            /* пиктограмма для открытия  */
	  content: '\2630';  
	}
	#btn-menu:checked + label:before{    /* пиктограмма для закрытия  */
	  content: '\00AB';
	}
}

@media all and (max-width:600px) {   /*по горизонтале меньше 400 */
   div .column2, div .column2_r, div .column3{					
		width:98%;
   }
   img.ar_image_fix, img.ar_image_fix2, img.ar_image_fix_v, img.ar_image_fix2_v {  
        height:60vw;
   }
	body {
		background-size:  auto 50vw;
	}  
}