C:\Users\kiril\Documents\! верстка сайта\2022-03-13 карточки в ряд\template_css.css*{margin:0; padding:0; outline: none !important}
body{ background:transparent; color:#444; text-align:left; font:82.5%/1.4 'Trebuchet MS','Lucida Sans Unicode',verdana,arial,helvetica,sans-serif; overflow-x:hidden}
h1{font-size:230%; letter-spacing:-2px; color:#C33;  margin: 10px 2px 10px 2px; padding:0}
h2{font-size:210%; font-weight:400; margin:1.1em 6px 0.5em 6px; padding:0}
h3{font-size:160%; letter-spacing:-1px; text-align:left; margin:1.1em 6px 0.4em 6px; padding:0}
h4{font-size:125%; letter-spacing:-1px; text-align:left; margin:1em 6px 0.3em 6px; padding:0}
h5{font-size:108%; letter-spacing:-0.3px; text-align:left; margin:0.5em 6px 0.3em 6px; padding:0}
footer{clear:both}

tr, p, div{font-size:100%; color:#666}
p {margin: 6px 6px 6px 6px}
/**hr{background:silver none repeat scroll 0%;border:medium none;height:1px;width:100%; margin:0; padding:0}*/
hr {
    height:1px;
    border: 0 none;
    color:silver;
    display:block;
    $margin:-7px 0;/*for all ie*/
    background-color:silver;
}
img: {max-width: 100%;}
ul{list-style:disc; padding-inline-start: 10px;}
li{width:auto; border:0; margin:0px 6px 0px 20px !important; padding:0; font-family:'Trebuchet MS','Lucida Sans Unicode',verdana,arial,helvetica,sans-serif; /*list-style-position:inside;*/ }
ol{list-style-position:inherit; list-style:decimal; padding-inline-start: 10px;}

@font-face {
    font-family: 'Roboto Condensed';
    src: local('Roboto Condensed'), local('RobotoCondensed-Regular'), url('fonts/Robotocondensed.woff2') format('woff2'), url('fonts/Robotocondensed.woff') format('woff'), url('fonts/Robotocondensed.ttf') format('truetype');
    font-weight: 400;
	font-display: swap;
    font-style: normal;
}


.pagination, .pagination2 {clear:both}
.tour_div{clear:both; }
.block_div {display:block; border-right:1px solid silver; border-top:1px solid silver;  }
.block_dis {display:block;}
.combo_logo{height:170px; width:190px; background:transparent url(../images/outdoor-ukraine-logo.png) no-repeat; margin:1px 0px 3px 9px; background-size: 190px;}
.moduletable_sleeping{border-top:1px solid silver; padding-top:5px; margin-top:20px}
.moduletable_news{border-top:1px solid silver; border-left:1px solid silver; padding-bottom:25px; padding-top:5px; margin-top:20px}div.moduletable_news 
td.contentheading{font:100% Arial,Helvetica,sans-serif; color:#3266A5; text-align:left; padding-left:5px; border-bottom:0 solid #CCC; margin:0 0 5px}
.wrap{text-align:left; width:90%; margin:0 auto; padding:0}form{display:inline; margin:0; padding:0}.pathway{font-family:Arial,Verdana,Helvetica,sans-serif; font-size:100%; margin-bottom:20px}a.pathway:link, a.pathway:visited{color:#C33; font-weight:400; text-decoration:underline; font-size:100%}a.pathway:hover{color:#3266A5; font-weight:400; text-decoration:underline; font-size:100%}
#active_menu{color:#666}

a.mainlevel:link, a.mainlevel:visited{
	display:block;color:#C33; font-weight:700; 
        text-align:left; text-decoration:none; background:none; 
        font-family:'Trebuchet MS','Lucida Sans Unicode',verdana,arial,helvetica,sans-serif; line-height:25px; 
	margin-bottom:3px; font-size:135%}
a.mainlevel:hover{color:#666;}
a:hover sup{text-decoration:none;}
a.mainlevel:active{color:#000; text-decoration:underline}
a.mainmenu:hover{color:#1E0B04}
.pollstableborder{border:1px solid; padding:1px}
a sup{color:#666; font-size: 55%; text-decoration: none; }
a.sublevel:link, a.sublevel:visited{font-size:110%; color:#666; line-height:16px; display:block; margin-bottom:3px;   text-decoration:none;}
nav > ul > li {margin: 0px 6px 0px 13px !important;}
table.moduletable{width:100%; margin-bottom:5px; /*padding:5px 0 5px 8px*/}
table.moduletable th{font:110%/180% Arial,Helvetica,sans-serif; color:#000; width:100%; height:25px; border-bottom:2px solid #3266A5; text-align:left; padding:4px 0 5px}
table.moduletable ul{padding:0}
table.moduletable td{font-size:100%; font-weight:400}
.poll{font-family:'Trebuchet MS','Lucida Sans Unicode',verdana,arial,helvetica,sans-serif; font-size:100%; color:#666; line-height:140%}
table.pollstableborder{border:1px solid #CCC}.sectiontableheader{background-color:#CCC; color:#333; padding:5px}
.small{font-family:Arial,Verdana,Helvetica,sans-serif; font-size:80%; color:#999; text-decoration:none; /*font-weight:700*/}
.smalldark{font-family:Arial,Verdana,Helvetica,sans-serif; font-size:100%; color:#000; text-decoration:none; font-weight:400}
.contentpaneopen{border:0 ridge #09C; width:100%; padding:1px; background-color: #ffffff;}
.contentheading, .componentheading{color:#3266A5; text-align:left; padding-left:5px; letter-spacing:-1px; margin:0 0 5px}.createdate{font-family:Arial,Helvetica,sans-serif; font-size:100%; color:#666; text-align:left; text-indent:18px; top:-5px; vertical-align:top; padding-bottom:2px; background:url(../images/date.png) no-repeat}
.button{font-family:Arial,Verdana,Helvetica,sans-serif; font-style:normal; font-size:110%; font-weight:700; background-color:silver; color:#FFF; border:1px solid silver; padding: 2px; margin:2px;}
.search{margin:-15px 0px 7px 15px}
#mod_search_searchword{width:120px}
.inputbox{font-family:Arial,Verdana,Helvetica,sans-serif; font-size:100%; color:#757575; background-color:#fff; border:1px solid silver; width:auto; padding:3px}
a.contentpagetitle:link, a.contentpagetitle:visited{color:#3266A5; text-align:left; text-decoration:underline; letter-spacing:-1px; font-family:'Roboto Condensed', sans-serif;}
a.contentpagetitle:hover{text-align:left; color:#C33; text-decoration:underline; letter-spacing:-1px}
.articletitle {clear:both; color: #3266a5;}
h1.articletitle {margin-bottom: 10px; margin-top: 10px;}
tr.sectiontableentry1 {background: #eee; } 
a.category:link, a.category:visited{color:#333; font-size:100%; font-weight:700}a.category:hover{color:#999}.ontab{background-color:#ffae00; border-left:outset 2px #1E0B04; border-right:outset 2px gray; border-top:outset 2px #1E0B04; border-bottom:solid 1px #d5d5d5; text-align:center; font-weight:700; color:#FFF}.offtab{background-color:#e5e5e5; border-left:outset 2px #E0E0E0; border-right:outset 2px #E0E0E0; border-top:outset 2px #E0E0E0; border-bottom:solid 1px #d5d5d5; text-align:center; font-weight:400}.tabheading{background-color:#ffae00; text-align:left}.pagetext{visibility:hidden; display:none; position:relative; top:0}.back_button{text-align:center; margin-top:40px}table.contenttoc{color:#330; background-color:#e0e0e0; border:1px solid #ccc; padding:5px}table.contenttoc td{font-size:80%; font-weight:400; text-align:left; padding-left:5px; padding-right:5px}table.contenttoc th{font-size:80%; font-weight:400; text-align:left; background-color:#333; color:#FFF; padding:5px}table.searchintro{width:100%}table.searchintro td{background-color:#293C43; color:#FFF; font-weight:700}
.readon{float:right; display:block; color:#333; width:100px; height:20px}
.readonfade{ position: absolute; 
  bottom: -2px; 
  left: 0;
  width: 100%; 
  text-align: center; 
  margin: 0; padding: 30px 0; 
  background-image: linear-gradient(to bottom, transparent, white);}

.mosimage{border:1px solid #CCC; margin:5px}.mosimage_caption{margin-top:2px; background-color:#CCC; color:#fff; font-size:100%; border-top:1px solid #CCC; padding:1px 2px}#core{padding:0 5px 5px}#banner{text-align:center}
.footer{background:#fff; clear:both; font-size:80%; text-align:center; padding-top:13px; padding-bottom:5px}
#fish{position:absolute;  float:left; text-align:left; top:1px; right:10px; z-index:3}div#fish a:hover{text-decoration:underline; color:#3266A5}
.content{position:relative;  background-color:#fff; z-index:0; text-align:left;}
.content{font-size: 120%;}
.gray-ital {color: #999999;font-style: italic;font-size: 85%; }
.w3-row {padding:1px 0 0px; display:flex;}
* HTML .content{width:99%}
#navAlpha{position:fixed;  top:10px; left:10px; background-color:#fff; z-index:2; voice-family:inherit; width:220px; padding:3px;  margin: 0 auto;  }
#navAlpha2{position:fixed;  bottom:10px; left:17px; background-color:#fff; z-index:2; voice-family:inherit; width:200px; padding:3px;  margin: 0 auto;  }
#navBeta{position:fixed;  top:10px; right:10px; background-color:#fff; z-index:1; voice-family:inherit; width:225px; padding:1px; margin: 0 auto;}
#fixer {  
position: fixed;  
top: 0;  
left: 0;  
width: 100%;  
}  
.obertka {
	margin: 0 auto;
	padding-left: 0px;
        padding-right: 0px;
/*	display:flex;*/
/*	max-width: 1230px;*/
	}

 div#jflanguageselection {float:right;}
	
@media screen and (max-width: 1240px) {

  #navBeta { display: none;}
  #navAlpha { }
  .obertka {padding-right: 0px;}
}

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

  .widedis {
    display: none;
   }
}

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

 
  .obertka {padding-right: 0px;padding-left: 0px; }
  
}

nav.top { display: none;}
div.combo_logo2{display: none;} 
img.min_logo {height: auto; max-width: 100%;}


@media screen and (max-height: 450px) {
	div.combo_logo{display: none;} 
	.search{margin: 5px 0px 7px 15px;}
	                               }
@media screen and (max-height: 500px) {
	.social-contact {display:none;}
	}
@media screen and (min-width: 3001px) {
	.hidden-menu {
	left: 0;
        box-shadow: none;
	}
        .content {
        margin-top: 0px;
        }	

} 

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

	.hidden-menu {
	left: -240px;
    box-shadow: 0px 0px 10px 0px rgba(37, 60, 80, 0.3);
	}

       .content {margin-top: 40px;}
       .tour-page {margin-top: -40px;}	

        .content { margin-left: 10px; margin-right: 10px;} 
        .art-cover-big { margin-left: -10px; margin-right: -10px;}


	
    nav.top {  
        height: auto;  display: block; float:left;
    }  

    label.btn-menu {display: block;}


    nav.top ul {  
        
        display: block;  
        
		float: left;	
    }  
    nav.top li {  
		padding: 5px;	
		/*border-left:1px solid silver; border-top:1px solid silver; */
		display: block;
		float: left; 
		list-style-type: none;
		
    }  
    nav.top li a {  
          font-size: 125%;
    }  
    nav.top a {  
        text-align: left;  
        width: 100%;  
        text-indent: 25px;  
    }  
}

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

        .content { margin-left: 3px; margin-right: 3px;} 
        .art-cover-big { margin-left: -3px; margin-right: -3px;}

	td.tour-price {display:none !important;}
	td.tour-days {display:none !important;}
        div#form_anketa { 	width: unset; 	position: unset;	top: unset;}

/*	td.tour-region {display:none !important;}*/
  
}

@media screen and (max-width: 450px) {
        a,p,div {word-wrap: break-word;}
	td.tour-name{
		/*max-width: 120px;
		overflow: hidden;*/
		text-overflow: ellipsis;
/*		white-space: nowrap;*/
		}
  
}

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

   .content { margin-left: 3px; margin-right: 5px;} 
   .art-cover-big { margin-left: -3px; margin-right: -5px;}

   .navsyu{ width: 100% !important;}
   .sectiontableentry1 td, .sectiontableentry2 td {/** display: block; float: left;*/}
   th {display:none;}
/**	td.font90, td.neob {display:none;}*/
	td.font90 {display:none;}
	td.floatright {float:right;}
   table.embedrasp td.tour-region {display:none;}
   table.main-schedule td.neob {display:none;}
   .btn-green {width: unset !important;}
td.tour-guide {display:none;}
  ul {/**white-space: nowrap; */ overflow-x:auto;}	
div.eventfilter select {height: 30px;}
}


.main-schedule{overflow-x: auto;}


div.zayavka{padding-top:10px; margin-top:0; padding-bottom:10px; margin-bottom:20px; padding-right:0; margin-right:0; border-top:1px solid silver; border-left:1px solid silver}



td.contentheading h2{font-size:250%;  }
h2 a.contentpagetitle {font-size:23px;  }


div.moduletable-displaynews h3{margin-top:1px; margin-bottom:10px; padding-top:10px; padding-left:5px; padding-bottom:5px; text-align:left; color:#3266A5; border-bottom:1px solid #CCC}
#jflanguageselection{float:right; vertical-align:middle}#jflanguageselection ul.jflanguageselection{list-style:none; font-weight:400; margin:0; padding:0}#jflanguageselection ul.jflanguageselection li{background-image:none; float:left; white-space:nowrap; font-size:.9em; margin:1px; padding:3px}#jflanguageselection ul.jflanguageselection li#active_language{font-weight:700}#jflanguageselection ul.jflanguageselection li a{display:block}div.moduletable_about a:hover, a:link, a:visited, div.moduletable_grafik a:hover, div.moduletable_sleeping a:hover{color:#3266A5; text-decoration:underline}div.moduletable_about h3, 
a.sublevel:hover, a:hover {color:#C33; text-decoration:none}
div#fish a:link, div#fish a:visited{color:#C33; text-decoration:none}
div#fish a.sublevel:link, div#fish a.sublevel:visited{color:#666; text-decoration:none}
div#fish a.sublevel:hover {color:#C33;}
.sectiontableentry1 td, .sectiontableentry2 td{padding:3px 3px 3px 6px}
.article_seperator {display:block; height:1px;}


.btn {
background-image:url("http://www.outdoorukraine.com/images/button/gaia_btn_middle.gif");
background-repeat:repeat-x;
padding-left:10px;
padding-right:10px;
text-align:center;
}
.form-noindent {
background-color:#FFFFFF;
border:1px solid #C3D9FF;
margin-top: 10px;

}

a.btn_link {
color:white;
text-decoration:none;
cursor:pointer;
font-weight:bold;
text-align:center;
font-size:18px;
font-family:arial,sans-serif;
}


div.cp_image {
float: left;
margin: 4px;
padding:1px 13px 1px 1px;
}

img.cp_image {
margin: 2px;
border: 1px solid rgb(204,204,204);
padding: 4px;
}


.cp_title {
color:#3266A5;
letter-spacing:-1px;
text-align:left;
text-decoration:underline;
font-family:'Trebuchet MS','Lucida Sans Unicode',verdana,arial,helvetica,sans-serif;
font-size:160%;
font-weight:400;
margin:0.9em 0 0.05em;
padding:0;
float: left;
}

div.cps_field1 {
float: left;
}

select.inputboxcpsdiv {
margin: 2px;
}

.cp_tags {
float: right;
margin: 20px 0px 0px 0px;
}

a.cp_tag {
font-weight:bold;
text-decoration:none;
background-color:#CC3333;
color: white;
padding:0 5px;

}
.cp_text {
clear:left;

}
table.blog {
background-color: #ffffff;
}
.elist_date{
font-family:'Trebuchet MS','Lucida Sans Unicode',verdana,arial,helvetica,sans-serif;
font-size:90%;
padding-right:3px;
}
.elist_tour_link{
font-family:'Trebuchet MS','Lucida Sans Unicode',verdana,arial,helvetica,sans-serif;
font-size:90%;
}
.elist_region{
font-family:'Trebuchet MS','Lucida Sans Unicode',verdana,arial,helvetica,sans-serif;
font-size:85%;
float: right;
}


*:first-child+html span.elist_region{
font-family:'Trebuchet MS','Lucida Sans Unicode',verdana,arial,helvetica,sans-serif;
font-size:100%;
display: inline;
float:none;
}

*:first-child+html div.moduletable_grafik ul {margin-left:-20px; padding-left:0px} ;

.elist2_bot {
height:20px;
}

ul.elist2_bot li{
float:left;
list-style:none;
padding-right:10px;
color: #C33;
font-size: 105%;
}


ul.elist_bot li{
padding-right:15px;
}

.elist_bot {
padding-bottom:5px;
}



.tur_Iceland, .tur_Norway, .tur_Poland, .tur_Tian-Shan, .tur_Nepal,    {
color: #29a329;
}

.tur_Исландия,.tur_Норвегия,.tur_Непал,.tur_Польша,.tur_Тянь-Шань,.tur_Альпы {
color: #29a329;
}

.tur_Ісландія,.tur_Норвегія,.tur_Альпи {
color: #29a329;
}



.tur_Турция, .tur_Китай,  .tur_Черногория, .tur_Кипр,.tur_Перу,.tur_Америка,.tur_Марокко {
color: #ff6600;
}

.tur_Туреччина, .tur_Китай,  .tur_Чорногорія, .tur_Кіпр {
color: #ff6600;
}


.tur_Peru,.tur_Turkey,.tur_America,.tur_Patagonia,.tur_China {
color: #ff6600;
}



.moduletablecpsdiv {float:right; width:100%}

.mesyac_raspisaniya {
font-size:150%;
text-align:center;
margin-top:15px;
}

.mesyac_pohoda {

}

div.raspodr {
background-color:#e8eefa;

}

#mapinfo {
background-color: rgb(229, 227, 223);
height: auto;
overflow: auto;
width: 700px;
}

div#mapinfo h1{
font-size:30px;
text-align:center;
padding-top: 8px;
color:#444444;
}

ul.tur_menu_gor li{
display: block;
float: left;

padding: 4px;
list-style-type: none; 
  background-color:#fff;

}

ul.tur_menu_gor li:hover{
 
}


div#tur_menu {
   width: 100%; /* задаем ширину для div */
   float: left;  /* добавляем список в div */
   font-size: 13px;  /* задаем размер шрифта */
   padding: 0 0 0 3px; /* отступ ul от края контейнера */
font-family: arial,sans-serif;
}

div#tur_menu a:link, div#tur_menu a:visited {
   display: block;
   padding: 4px;

}

div#tur_menu a:hover {
   color: #CC3333;   /* задаем цвет шрифта*/


}
 

div#seryifuter a:link {color: #c0c0c0}
div#seryifuter a:visited {color: #c0c0c0} 
div#seryifuter a:hoover {color: #c0c0c0} 
div#seryifuter {display:inline; color: #c0c0c0 }

table.ousilver {border-collapse:collapse; border: 1px solid silver;}
table.ousilver th{border: 1px solid silver; background-color: LightGray ; padding-left:5px;padding-right:5px;}
table.ousilver td{border: 1px solid silver;text-align:left; padding-left:5px;padding-right:5px; }
table.ousilver thead{background-color: LightGray ;}
table.ousilver tr:hover {background-color:#f5f5f5;}
 
span.right-bold {text-align:right; font: bold italic; color:#C33; }
table.add_table {clear:both; margin:10px;}

.ss-form-entry {clear:both;}
.ss-q-title{margin-right: 5px;}
.ss-q-short{background-color: #FFFFFF;    border: 1px solid #C0C0C0;    color: #757575;    font-family: Arial,Verdana,Helvetica,sans-serif;    font-size: 120%;    padding: 2px; width:100%;}
.ss-form-question {margin-top: 1px;}
#ss-submit{height:50px; width: 200px; margin:10px; font-size: 150%;}
.ss-section-title { }
.ss-razdel{padding:10px; background-color: #e8eefa;  height: auto;}
.ss-section-description {color: #4b69a3; font-size: 125%; margin: 4px 4px 15px 4px; font-family: 'Times New Roman', Times, serif; font-style: italic;}
.ss-question-list {margin-left:2px; max-width: 700px;}

.sm-form-entry {width:300px; clear:both;}
.sm-q-title{width:120px; text-align:right; float: left; margin-right: 5px;}
.sm-q-short{width: 100%; clear:both; background-color: #FFFFFF;    border: 1px solid #C0C0C0;    color: #757575;    font-family: Arial,Verdana,Helvetica,sans-serif;    font-size: 120%;    padding: 2px; width:140px;}
.sm-form-question {margin-top: 1px; height: 30px;}
#sm-submit{height:30px; width: 140px; margin: 5px 10px 5px 120px; }
.sm-razdel{padding:10px; background-color: #e8eefa; width:600px; height: auto;}
.sm-question-list {margin-left:2px;}


 /** responsive video */
.responsive-container { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; }
.responsive-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } 
 /** raspisanie table */
 table.embedrasp{width:100% ; overflow-x: auto;}
 div.date {/**width:90px;**/ font-family: 'Trebuchet MS','Lucida Sans Unicode',verdana,arial,helvetica,sans-serif; font-size: 78%;}
 .font90 {font-size: 90%;}
 /** responsive mosimage */
 .mosim {}
 .mosim-max{width:100%;height:auto;padding:1px} 
  /** responsive frontpage */
  #main-column {
  float: left; 
  width: auto; 
  height: auto; 
  margin: 5px;
  }
    #news-column {
  float: left; 
  width: auto; 
  height: auto; 
  margin: 5px;
  }
  
  .eventfilter
  { float: left; width: auto; 
  }
 div#listrows {clear:both; width:auto;} 

 .region_price
 {
	color: #cc3333;
 	float: right;
 } 
 

 .tour-days,  .tour-price {text-align: right !important;}
.green-text {color: #090;}
.black-text {color: #000;}


/*anketa form*/
#gray_wrap {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.8);
    z-index: 100;
    overflow-y: auto;  
	display: none;
}
#form_anketa {

	width: 300px;
	/**height: 290px;*/
	position: relative;
	top: calc( 50% - 175px);
	margin:	auto;
	border: 1px solid #C0C0C0;
	background: white;
	padding: 15px 25px 25px 25px;
	border-radius: 5px;
	z-index: 5;
}
#form_anketa h3 {
	margin-top: 0;
	text-align: center;
	margin-bottom: 10px;
}
#form_anketa #ss-submit-click {
	height: 50px;
	width: 200px;
	margin: 20px auto;
	position: relative;
	font-size: 150%;
	display: block;
}
#form_anketa #form_close{
	position: absolute;
	right: 0px;
	top: 0;
	font-size: 20px;
	font-weight: bold;
	cursor: pointer;
    padding: 13px 9px 12px 27px;	
}
#form_anketa #form_close:after{
	content: "\2715";
}
#form_anketa .ss-q-title {
	width: 100px;
}
#form_anketa select.ss-q-short {
/*  width: 176px; */
}
#form_anketa select:disabled {
	background: #eee;
}
#floatingCirclesG{
position:relative;
width:128px;
 margin: 70px 90px;
height:128px;
-moz-transform:scale(0.6);
-webkit-transform:scale(0.6);
-ms-transform:scale(0.6);
-o-transform:scale(0.6);
transform:scale(0.6);
}

.f_circleG{
position:absolute;
background-color:#FFFFFF;
height:23px;
width:23px;
-moz-border-radius:12px;
-moz-animation-name:f_fadeG;
-moz-animation-duration:1.36s;
-moz-animation-iteration-count:infinite;
-moz-animation-direction:normal;
-webkit-border-radius:12px;
-webkit-animation-name:f_fadeG;
-webkit-animation-duration:1.36s;
-webkit-animation-iteration-count:infinite;
-webkit-animation-direction:normal;
-ms-border-radius:12px;
-ms-animation-name:f_fadeG;
-ms-animation-duration:1.36s;
-ms-animation-iteration-count:infinite;
-ms-animation-direction:normal;
-o-border-radius:12px;
-o-animation-name:f_fadeG;
-o-animation-duration:1.36s;
-o-animation-iteration-count:infinite;
-o-animation-direction:normal;
border-radius:12px;
animation-name:f_fadeG;
animation-duration:1.36s;
animation-iteration-count:infinite;
animation-direction:normal;
}

#frotateG_01{
left:0;
top:52px;
-moz-animation-delay:0.51s;
-webkit-animation-delay:0.51s;
-ms-animation-delay:0.51s;
-o-animation-delay:0.51s;
animation-delay:0.51s;
}

#frotateG_02{
left:15px;
top:15px;
-moz-animation-delay:0.68s;
-webkit-animation-delay:0.68s;
-ms-animation-delay:0.68s;
-o-animation-delay:0.68s;
animation-delay:0.68s;
}

#frotateG_03{
left:52px;
top:0;
-moz-animation-delay:0.85s;
-webkit-animation-delay:0.85s;
-ms-animation-delay:0.85s;
-o-animation-delay:0.85s;
animation-delay:0.85s;
}

#frotateG_04{
right:15px;
top:15px;
-moz-animation-delay:1.02s;
-webkit-animation-delay:1.02s;
-ms-animation-delay:1.02s;
-o-animation-delay:1.02s;
animation-delay:1.02s;
}

#frotateG_05{
right:0;
top:52px;
-moz-animation-delay:1.19s;
-webkit-animation-delay:1.19s;
-ms-animation-delay:1.19s;
-o-animation-delay:1.19s;
animation-delay:1.19s;
}

#frotateG_06{
right:15px;
bottom:15px;
-moz-animation-delay:1.36s;
-webkit-animation-delay:1.36s;
-ms-animation-delay:1.36s;
-o-animation-delay:1.36s;
animation-delay:1.36s;
}

#frotateG_07{
left:52px;
bottom:0;
-moz-animation-delay:1.53s;
-webkit-animation-delay:1.53s;
-ms-animation-delay:1.53s;
-o-animation-delay:1.53s;
animation-delay:1.53s;
}

#frotateG_08{
left:15px;
bottom:15px;
-moz-animation-delay:1.7s;
-webkit-animation-delay:1.7s;
-ms-animation-delay:1.7s;
-o-animation-delay:1.7s;
animation-delay:1.7s;
}

@-moz-keyframes f_fadeG{
0%{
background-color:#555555}

100%{
background-color:#FFFFFF}

}

@-webkit-keyframes f_fadeG{
0%{
background-color:#555555}

100%{
background-color:#FFFFFF}

}

@-ms-keyframes f_fadeG{
0%{
background-color:#555555}

100%{
background-color:#FFFFFF}

}

@-o-keyframes f_fadeG{
0%{
background-color:#555555}

100%{
background-color:#FFFFFF}

}

@keyframes f_fadeG{
0%{
background-color:#555555}

100%{
background-color:#FFFFFF}

}

/*end anketa form*/

.btn-yellow, .btn-green, .btn-red{
    padding: 1px 4px;
    border-radius: 3px;
    border: none;
    cursor: pointer;
    color: #fff;
    width:100px;
    font-size:110%;

                                  }
.btn-green {
    background: #74ad5a;
	float: right;
}

.btn-red {
    background: red;
}

.btn-yellow {
    background: yellow;
 color: #111;

}

.tur-span-big
	{
	font-size: 1.5em;
	}
.tur-span
	{
	background: rgba(0, 0, 0, 0.4) none repeat scroll 0 0;
    bottom: 10%;
    color: #fff;
    display: block;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 0.8em;
    line-height: 1.1em;
    max-height: 90px;
    overflow: hidden;
    padding: 2%;
    position: absolute;
    }
	
@media (min-width: 500px){
  .tur-span {
    font-size: 1.1em;
  }
  
}
.rel-block
	{	
	position: relative;    
	width: 100%;
	}

.event-item {
    display: block;
    position: relative;
    float: left;
    margin: 5px;
}

.event-item:before {
    content: '';
    z-index: 2;
    background-color: #34363c;
    opacity: .5;
	
	    -webkit-transition: 0.2s all ease-in-out;
    transition: 0.2s all ease-in-out;
}

.event-item img {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    min-width: 100%;
    min-height: 100%;
    -webkit-transition: 0.3s transform ease-in-out;
    -webkit-transition: 0.3s -webkit-transform ease-in-out;
    transition: 0.3s -webkit-transform ease-in-out;
    transition: 0.3s transform ease-in-out;
    transition: 0.3s transform ease-in-out, 0.3s -webkit-transform ease-in-out;
    -webkit-transform: translate(-50%, -50%) scale(1, 1) translate3d(0, 0, 0);
    -ms-transform: translate(-50%, -50%) scale(1, 1) translate3d(0, 0, 0);
    transform: translate(-50%, -50%) scale(1, 1) translate3d(0, 0, 0);
}

*, *:before, *:after {
    -webkit-box-sizing: border-box;
    /* box-sizing: border-box; */
}

*, *:before, *:after {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

/* гамбургер меню */

.hidden-menu {
  display: block;
  position: fixed;
  list-style:none;
  padding: 10px;
  margin: 0;
  box-sizing: border-box;
  width: 230px;
  background-color: #FFF;
  height: 100%;
  top: 0;
 /* left: -230px;*/
  transition: left .2s;
  z-index: 2;
  -webkit-transform: translateZ(0);
  -webkit-backface-visibility: hidden;
}

div.hidden-menu ul{
    list-style: none;
}

.hidden-menu-ticker {
  display: none;
}

.btn-menu {
  display: block;
  color: #fff;
  background-color: #666;
  padding: 5px;
  position: fixed;
  top: 5px;
  left: 5px;
  cursor: pointer;
  transition: left .23s;
  z-index: 3;
  width: 35px;
  -webkit-transform: translateZ(0);
  -webkit-backface-visibility: hidden;
}
.btn-menu span {
  display: block;
  height: 5px;
  background-color: #fff;
  margin: 5px 0 0;
  transition: all .1s linear .23s;
  position: relative;
}
.btn-menu span.first {
  margin-top: 0;
}

.hidden-menu-ticker:checked ~ .btn-menu {
  left: 240px;
}
.hidden-menu-ticker:checked ~ .hidden-menu {
  left: 0;
}
.hidden-menu-ticker:checked ~ .btn-menu span.first {
  -webkit-transform: rotate(45deg);
  top: 10px;
}
.hidden-menu-ticker:checked ~ .btn-menu span.second {
  opacity: 0;
}
.hidden-menu-ticker:checked ~ .btn-menu span.third {
  -webkit-transform: rotate(-45deg);
  top: -10px;
}
/* конец гамургер меню */

.social-contact {clear: both; width:100%; float:left; position: fixed;
    bottom: 1px; left: 18px;}
	
	
	
/* плитки для категорий*/
.intro2{
    /*width: 300px;*/
   width: -webkit-calc( 50% - 18px);
    width: calc( 50% - 18px);
	
	height: calc(50vh + 200px);
	/*padding-top: 28%;*/
	display: block;
    position: relative;
    float: left;
    margin: 7px;
	overflow: hidden;
	
}	

@media (max-width: 800px)  {
.intro2 {
    width: -webkit-calc( 100% - 2px);
    width: calc( 100% - 2px);
	height: auto;
	/*height: calc( 100vw/1.72);*/
}
}	
	
/* плитки для библиотеки*/

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
    display: block;
}

.wrap-plitki, .wrap-small {
    display: block;
    clear:both;
    float:left;
    width: 100%;

    margin-bottom: 20px;
/*    height: 180px;*/
}

.col-4{
    /*width: 300px;*/
    width: -webkit 33.33333% ;
    width: 33.33333% ;
	height: 0;
	padding-top: 18%;
}
.col-2{
    /*width: 300px;*/
   width: -webkit 50%;
    width: 50% ;
	
	height: 0;
	padding-top: 28%;
}
.col-1{
    /*width: 300px;*/
   width: -webkit 100% ;
    width: 100% ;
	height: 0;
	padding-top: 52%;
}

@media (max-width: 800px)  {
.col-4, .col-2 {
    width: -webkit 50%;
    width: 50% ;
	height: calc( 50vw/1.72);
}
}

@media (max-width: 500px)  {
.col-4, .col-1, .col-2 {
    width: -webkit 100%;
    width: 100%;
	height: calc( 100vw/1.72);
}
}


.plitki-item {
   /* padding-top: 18%;*/
    overflow: hidden;
   /* text-align: center;*/
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}

.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12 {
    display: block;
    position: relative;
    float: left;
    margin: 1px 0px 1px 0px;
}

.plitki-item img {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
	width: 100%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%) scale(1, 1);
    -ms-transform: translate(-50%, -50%) scale(1, 1);
    transform: translate(-50%, -50%) scale(1, 1);
    min-width: 100%;
    min-height: 100%;
    z-index: 1;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
}

.plitki-item img {
   /* filter: brightness(0.8) grayscale(100%);*/
    -webkit-transition: 0.2s transform 0s ease-in-out;
    -webkit-transition: 0.2s -webkit-transform 0s ease-in-out;
    transition: 0.2s -webkit-transform 0s ease-in-out;
    transition: 0.2s transform 0s ease-in-out;
    transition: 0.2s transform 0s ease-in-out, 0.2s -webkit-transform 0s ease-in-out;
}

.plitki-item:hover img {
    filter: brightness(0.5);
  /*  -webkit-transform:translate(-50%, -50%) scale(1.1, 1.1);
    -ms-transform:translate(-50%, -50%) scale(1.1, 1.1);
    transform:translate(-50%, -50%) scale(1.1, 1.1);
    filter: grayscale(5%);*/

}
.plitki-item:hover .plitki-moreinfo{display:block;}
.plitki-item:hover .plitki-title{display:none;}
/*.plitki-item:hover .plitki-info{bottom:20%;}*/




.plitki-moreinfo {
   color: #ffffff;
   display:none;
    text-align: center;
    font-size: 1.2em;

}

.plitki-item a, .plitki-areplacer {
    z-index: 3;
    text-decoration: none;
    color: #ffffff;

    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;

}

.plitki-item .plitki-info {
    display: block;
    position: absolute;
    bottom: 0%;
    left: 0%;
    -webkit-transform: translate(-0%, -50%);
    -ms-transform: translate(-0%, -50%);
    transform: translate(-0%, -50%);
    width: 100%;
    padding: 0px 10px;
    font-size: .9375em;
    text-shadow: #222 3px 2px 8px;
}

.plitki-item .plitki-title {
    margin: 0px;
    font-size: 1.5625em;
   /* font-family: "Circe-Bold";*/
    font-weight: normal;
}

h4.plitki-title {
text-align: center;
}

div.plitki-info {
color : white;
}


.responsive-img {
  width: 100%;
  height: auto;
}



/* youtube lazy loader*/
.ytb-video {
	position: relative;
}

.ytb-video > .ytb-video-container,
.ytb-video > .ytb-video-iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.ytb-video-container {
	cursor: pointer;
	background-position: center;
	background-repeat: no-repeat;
	-webkit-background-size: cover;
	        background-size: cover;
	background-color: #e3e3e3;
	position: relative;
	-webkit-transition: all .2s ease-out;
	-o-transition: all .2s ease-out;
	transition: all .2s ease-out;
}

.ytb-video-container:hover .ytb-video-play-button-bg {
	-webkit-transition: fill 0.1s cubic-bezier(0, 0, 0.2, 1), fill-opacity 0.1s cubic-bezier(0, 0, 0.2, 1);
	-o-transition: fill 0.1s cubic-bezier(0, 0, 0.2, 1), fill-opacity 0.1s cubic-bezier(0, 0, 0.2, 1);
	transition: fill 0.1s cubic-bezier(0, 0, 0.2, 1), fill-opacity 0.1s cubic-bezier(0, 0, 0.2, 1);
	fill: #f00;
	fill-opacity: 1;
}

.ytb-video-wrap {
	height: 0;
	overflow: hidden;
}

.ytb-video-wrap .ytb-video-container, .ytb-video-wrap iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.ytb-video-play-button {
	position: absolute;
	left: 50%;
	top: 50%;
	width: 68px;
	height: 48px;
	margin: -24px 0 0 -34px;
	-webkit-transition: opacity 0.25s cubic-bezier(0, 0, 0.2, 1);
	-o-transition: opacity 0.25s cubic-bezier(0, 0, 0.2, 1);
	transition: opacity 0.25s cubic-bezier(0, 0, 0.2, 1);
}

.ytb-video-play-button-bg {
	-webkit-transition: fill 0.1s cubic-bezier(0.4, 0, 1, 1), fill-opacity 0.1s cubic-bezier(0.4, 0, 1, 1);
	-o-transition: fill 0.1s cubic-bezier(0.4, 0, 1, 1), fill-opacity 0.1s cubic-bezier(0.4, 0, 1, 1);
	transition: fill 0.1s cubic-bezier(0.4, 0, 1, 1), fill-opacity 0.1s cubic-bezier(0.4, 0, 1, 1);
	fill: #212121;
	fill-opacity: .8;
}

/* ---- 26.05.2020  Accordion FAQ page START -------*/

.accordion-head {
  background-color: white;
/*  color: #444;*/
  cursor: pointer;
  padding: 0 14px 0 0;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
/*  font-size: 18px;*/
  transition: 0.4s;
}

.accordion-active, .accordion-head:hover {
  background-color: #f1f0f0;
}

.accordion-head:after {
  content: '\002B';
/*  color: #444;*/
  font-weight: bold;
  float: right;
  margin-left: 5px;
}

.accordion-active:after {
  content: "\2212";
}

.accordion-panel {
  padding: 0 18px;
  background-color: white;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
}

.accordion-table {

  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
}


/* ---- Accordion FAQ page END -------*/

/* ---- 27.05.2020 картинка на фоне на весь экран как обложка статьи -------*/
.tour-page .first-section {
    height: calc(100vh);
    position: relative;
}


.first-section {
    height: 700px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.no-padding {
    padding: 0;
}


.first-section .container-fluid.bg {
    height: 100%;
    display: flex;
    align-items: center;
    color: #fff;
    background-image: linear-gradient(0deg,rgba(0,0,0,.2),rgba(0,0,0,.2));
    position: relative;
}

.container-fluid {
    padding: 0 30px;
}

.container-fluid {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

.info-price_col {
    padding-top: 4px;
    padding-bottom: 10px;
    text-align: center;
    color: white;
}

.price-col {
    font-size: 16px;
    color: #fff;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;

}



* {
    box-sizing: border-box;
}

.tour-page .first-section .container-fluid.bg .text-container {
    margin: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.first-section .text-container {
    position: relative;
    z-index: 2;
}

.first-section .page__headline {
    text-shadow: 2px 2px 5px rgba(0,0,0,.65);
    text-align: center;
}

@media (min-width: 1280px)
 .art-cover-big {background-attachment: fixed;}


@media (max-width: 1280px)
.page__headline {
  /*  font-size: 42px;*/
}

.page__headline {
    margin-bottom: 0;
    font-size: 5vw;
    font-weight: 800;
}

@media (max-width: 1280px)
.first-section .description {
   /* font-size: 30px;*/
}

.first-section .description {
    font-size: 2vw;
    text-align: center;
    font-weight: 400;
    text-shadow: 2px 2px 2px rgba(0,0,0,.35);
}

.first-section .btn-basic {
    max-width: 15vw;
    margin-top: 5vh;    
                    
}

.btn-basic {
    max-width: 245px;
    color: #fff;
    background-color: #74ad5a;
    padding: 22px 5px 24px;
    line-height: 0;
    font-weight: 700;
    font-size: 1.7vw;

}

.first-section {
    height: 325px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    color: #fff;
}

.first-section h1, .first-section p{
    color: #fff;
}

.first-section a.telecontact:hover, a.telecontact:link, a.telecontact:visited{
    color: #fff;
    text-decoration: none;	
}

.tour-page button {
    border: none;
/*    background-color: transparent;*/
    cursor: pointer;
    width: 100%;
    text-align: center;
    border-radius: 3px;
}

 a.button-a:hover, a.button-a:link, a.button-a:visited {
    border: none;
    text-decoration: none;
    cursor: pointer;
    width: 100%;
    text-align: center;
    border-radius: 3px;
    max-width: 15vw;
    margin-top: 5vh;
    color: #fff;
    background-color: #74ad5a;
    padding: 22px 5px 24px;
    line-height: 0;
    font-weight: 700;
    font-size: 1.7vw;
}

@media (max-width:480px) {.page__headline{font-size:10vw} .first-section .description{font-size:5vw} .btn-basic { font-size: 4vw;} .first-section .btn-basic { max-width: 25vw;}}
/*@media (min-width:580px){.fixed-btn-container{padding-right:26px;text-align:right}}
@media (min-width:768px){.page__headline{font-size:42px} .section-headline{font-size:32px}}
@media (min-width:768px){.first-section .description{font-size:30px}}
  */


/* Float four columns side by side */
.column {
  float: left;
  width: 50%;
  padding: 0 10px;
}

/* Remove extra left and right margins, due to padding in columns */
.row {margin: 10px -5px;}

/* Clear floats after the columns */
.row:after {
  content: "";
  display: table;
  clear: both;
}

/* Style the counter cards */
.card {
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2); /* this adds the "card" effect */
  padding: 16px;
  /*text-align: center;   */
  background-color: #f1f1f1;
}

.card h3{
 margin: 1px;
}

/* Responsive columns - one column layout (vertical) on small screens */
@media screen and (max-width: 600px) {
  .column {
    width: 100%;
    display: block;
    margin-bottom: 20px;
  }
}