* {padding:0; margin:0}
html, body{width:100%;height:100%}
body {font-family:Trebushet, sans-serif;font-size:15px;line-height:20px;color:#313131;background:url("../images/bodybg.gif")}
ul{list-style:none outside none}
div,header,section,footer,main,aside{box-sizing:border-box}
a img {border:0}
img.fullscreen{width:100%}
img.eventpicture{width:350}
h1{font-size:1.8em;padding:.4em;line-height:1em}
h3{font-size:1.4em;line-height:1em;margin:.6em 0}
h2{font-size:1.6em;line-height:1em;margin:1em 0}
p{margin-bottom:1em}
ol{padding-left: 1em;margin-bottom: 1em}
ol li{margin: .5em 0}
ul{padding-left: 1em;margin-bottom: 1em}
ul li{margin: .5em 0;list-style-type: disc;padding-left: 1}
a{color:#000}
a:hover{text-decoration:none}
.wrapper{max-width:1280px;width:100%;margin:0 auto;display:table;position:relative}
header{display:table;width:100%;background:#fff;box-shadow:0px 2px 4px #aaa;margin-bottom:1em}
.top-logo{margin:0 1em}
.top-logo img{height:42px}
.top-nav{float:left;width:calc(100% - 385px)}
.top-nav-block{width:50%;float:left}
.top-nav-wrap{display:table;margin:.5em auto 0;min-width: 250px}
.top-nav-block img{float:left;margin-right: 1em}
.top-nav-block a{font-size:.8em;margin-right: 1em;}
.top-nav-block a:first-of-type{margin:.5em 0 0;display:block;font-size:1em}
.top-nav-block span{display:block;font-weight:bold;margin:.2em 0}
nav {background:#eee;color:#000}
#main-menu {display:table;margin-left:1em}
ul.main-menu {padding-left:0}
#main-menu li{float:left;	margin-right:2em;position:relative;padding:.25em 0;list-style-type: none}
#main-menu li a{color:#000;text-decoration:none;display:table;	position:relative;padding:.5em 0}
#main-menu li.sub-level a {padding-right:1em}
#main-menu li.sub-level > a:after{	display:block;position:absolute;content:"›";color:#000;font-size:2em;right:-.1em;top:.27em;transform:rotate(90deg)}
#main-menu li:hover > a, #main-menu li.sub-level:hover > a:after {color:#777}
#main-menu > li:last-of-type {margin-right:0}
#main-menu li ul.sub-menu {	display:none}
#main-menu li:hover ul.sub-menu {display:block;position:absolute;top:100%;min-width:calc(100% + 2em);background:#eee;left:-1em;	z-index:101;padding:0}
#main-menu li:hover ul.sub-menu li {margin:0;float:none;border-top:1px solid #777;list-style-type: none}
#main-menu li:hover ul.sub-menu li a{white-space:nowrap;width:100%;padding:.5em 1em;box-sizing:border-box}
#main-menu li:hover ul.sub-menu li:hover a{color:#777}
.mobile-nav{display:none;width:100%;background:#eee;padding:.8em 1em;position:relative}
.mobile-nav ul{display:table;margin:0 0 0 3em;padding:0}
.mobile-nav ul li{float:left;margin:0 1em 0 0;list-style-type:none;padding:0}
.hamburger{display:none}
.hamburger:hover{opacity:.7}
.mobile-box{width:25px;height:22px;display:inline-block;position:absolute;top:.7em;left:1em}
.mobile-inner{display:block;top:50%}
.mobile-inner, .mobile-inner::before, .mobile-inner::after{width:25px;height:2px;background:#000;border-radius:4px;position:absolute;transition-property:-webkit-transform;transition-property:transform;transition-property:transform, -webkit-transform;transition-duration:.15s;transition-timing-function:ease}
.mobile-inner::before, .mobile-inner::after{content:"";display: block}
.mobile-inner::before{top:-10px;width:22px;}
.mobile-inner::after{bottom:-10px}
.hamburger.is-active{position:absolute;right:40px;top:-12px}
.hamburger.is-active .mobile-box{top:20px;left:0}
.mobile-slider .mobile-inner {top:2px}
.mobile-slider .mobile-inner::before{top:8px;transition-property:opacity, -webkit-transform;transition-property:transform, opacity;transition-property:transform, opacity, -webkit-transform;transition-timing-function:ease;transition-duration:0.2s}
.mobile-slider .mobile-inner::after{top:16px}
.mobile-slider.is-active .mobile-inner{-webkit-transform:translate3d(0, 10px, 0) rotate(45deg);transform:translate3d(0, 10px, 0) rotate(45deg)}
.mobile-slider.is-active .mobile-inner::before{top:10px;-webkit-transform:rotate(-45deg) translate3d(-5.71429px, -6px, 0);transform:rotate(-45deg) translate3d(-5.71429px, -6px, 0);opacity:0}
.mobile-slider.is-active .mobile-inner::after{top:20px;-webkit-transform:translate3d(0, -20px, 0) rotate(-90deg);transform:translate3d(0, -20px, 0) rotate(-90deg)}
.mm-menu_opened + .mm-slideout#mm-1 .mobile-box{display: none}
.top-contacts{float:right;padding:.5em 1em 0 0}
.top-contacts .top-phone{float:right;margin-right:1em}
.top-contacts .top-lang{text-align:right;margin:.2em .5em 0 0;float:left}
.top-contacts .top-lang a{text-decoration:none}
.top-contacts .top-lang img{width:20px;margin-bottom:-4px}
.top-phone a{display:table;padding:.3em 0;text-decoration:none;letter-spacing:1px}
.book-button a{display:table;padding:.3em 1em;background:#cf1c22;color:#fff;text-decoration:none;margin-bottom:.2em;border-radius:.2em}
.book-button a{min-width:114px;margin:0;text-align:center}
.book-button2 a{display:table;padding:.3em 1em;background:#889cb1;color:#fff;text-decoration:none;margin-bottom:.2em;border-radius:.2em;float:left}
.book-button2 a{min-width:114px;margin:0;text-align:center}
main{display:table-cell;vertical-align:top}
.divider{display:table-cell;width:1em}
aside{display:table-cell;width:300px}
.clear{clear:both}
.aside-block{display:table;width:100%;background:#fff;border: 1px solid #aaa;margin-bottom:1em;padding:1em}
.aside-title{font-size:1.2em;margin-bottom:.5em}
.aside-item .big{font-size:1.2em;margin:.5em 0;display:block;font-weight:bold}
.aside-item p{margin-top:.5em}
.aside-item img{max-width:50%;margin:0 .5em .5em 0;float:left}
.aside-item .impression{clear:both;margin-bottom:1em}
.aside-item .impression:last-of-type{margin-bottom:0}
.content{display:table;width:100%;background:#fff;border: 1px solid #aaa;margin-top:1em;position:relative}
.content-img{display:table-cell;vertical-align:top;width:30%}
.content-img img{width:100%;padding: 0.5em;box-sizing: border-box}
.content-describe{display:table-cell;vertical-align:top;padding:0 2%}
/*.content-price{display:table-cell;vertical-align:top;width:200px} */
.content-price{vertical-align:top;width:200px}
.feature{background:#077812;color:#fff;padding:.5em;margin:.5em 0 1em;position: relative;width:calc(100% + 10px);border-radius: 3px 3px  0 3px;box-shadow: 1px 2px 2px 0 rgba(0,0,0,0.4)}
.feature:before{content: '';position:absolute;right:0;bottom:-10px;width:0;height:0;border:5px solid #077812;border-bottom-color:transparent;border-right-color:transparent}





																	.spoiler-v{max-width:1280px;width:100%;margin:0 auto;display:table;position:relative;background: #ffefd8}
																	.spoiler-block {font-size:11px;width:23.5%;float:left;position:left;background:#ffefd8;padding:.5em 1em}









.price-row{color:#000;padding:.3em .5em}
.detailed{position:absolute;right:1em;bottom:1em}
.content.article h3{padding:0 1em}
.content.article p{padding:0 1em;line-height:1.4em;margin-bottom:1em}
ul.tour{margin-bottom:1em}
ul.tour li{list-style-type:none;margin:.5em 0 0;font-size:.9em}
ul.tour li::before {content: "✓";margin-right: .7em}
ul.yellow li{list-style-type:none;display:block;margin:0 0 2em 1em;clear:both}
ul.yellow li::before {content:" ";background:url("../images/imgtick.png") no-repeat;width:35px;height:35px;display:block;float:left;margin-right:1em}
footer{display:table;width:100%;background:url("../images/footer-tail.png");margin-top:1em;padding:1em}
.inline div{width:250px;display:inline-block}
footer p{margin-top:1em;color:#fff}
footer p a{color:#fff}
.tour-block {width:23.5%;display:block;margin:0 2% 1em 0;float:left;background:#fff;border: 1px #e9eff1 solid;}
.tour-block .title{text-align:left;margin-bottom:.5em; overflow:hidden; 	background-color: #e9eff1; padding:10px; text-transform: uppercase;font-weight:bold;}
.tour-block .image{height:150px;background-size:cover!important;background-position:center!important;background-repeat:no-repeat!important}
.tour-block .price{text-align:left;margin-top:.5em;padding: 10px;}
.plain-article{padding:0 1em}
.plain-article img{float:left;max-width:400px;margin:0 1em 1em 0}
.plain-article .intro{}
.plain-article .intro li{line-height:1.5;font-size:1.2em}
.plain-article .price{}
.plain-article .content{margin-top:1em;}

a.knopka {
  color: #fff; /* цвет текста */
  text-decoration: none; /* убирать подчёркивание у ссылок */
  user-select: none; /* убирать выделение текста */
  background: rgb(212,75,56); /* фон кнопки */
  padding: .7em 1.5em; /* отступ от текста */
  outline: none; /* убирать контур в Mozilla */
} 
a.knopka:hover { background: rgb(232,95,76); } /* при наведении курсора мышки */
a.knopka:active { background: rgb(152,15,0); } /* при нажатии */

@media all and (min-width: 1367px) {
	.divider:first-of-type, /* .divider:last-of-type{display:none} */
}

@media all and (min-width: 1280px) {
	.tour-block:nth-of-type(4n) {margin-right:0}
	.tour-block:nth-of-type(4n+1) {clear: both}
	
	
										   .spoiler-block:nth-of-type(4n) {font-size:11px;margin-right:0}
	                                      /* .spoiler-block:nth-of-type(4n+1) {clear: both} */
}

@media all and (min-width: 860px) {
	.top-nav-block:first-of-type .top-nav-wrap{float: right}
	.top-nav-block:last-of-type .top-nav-wrap{float: left}
}

@media all and (min-width: 640px) and (max-width: 1279px) {
	.tour-block {width:32%}
	.tour-block:nth-of-type(3n) {margin-right:0}
	.tour-block:nth-of-type(3n+1) {clear: both}
	
	
	
	
										.spoiler-block {font-size:11px;width:32%}
										.spoiler-block:nth-of-type(3n) {margin-right:0}
										/* .spoiler-block:nth-of-type(3n+1) {clear: both} */
}

/* #Tablet */

@media all and (max-width: 1024px) {
	aside{width:240px}
}

@media all and (max-width: 860px) {
	header {position:fixed;z-index:102;}
	header + .wrapper {padding-top: 90px}
	main, aside{display:block;width:100%;padding:0 2%;margin-bottom:1em}
	.divider, nav, .top-phone2, .top-phone3, .top-phone4{display:none}
	.top-nav-block{width:100%}
	.hamburger{display:inline-block;cursor:pointer;transition-property:opacity, -webkit-filter;transition-property:opacity, filter;transition-property:opacity, filter, -webkit-filter;transition-duration:.15s;transition-timing-function:linear;font:inherit;color:inherit;text-transform:none;background-color:transparent;border:0;margin:0;overflow:visible}
	.mobile-nav{display:table}
	.plain-article{padding:1em 1em 0}
	.plain-article img{float:none;max-width:100%;width:100%;margin:0 0 1em}
}

/* #Mobile */

@media all and (max-width: 639px) {
	.content-img{display:table;width:46%;margin-right:4%;float:left}
	.content-describe{display:table;vertical-align:top;padding:0 2%;float:right;width:100%}
	.content-price{display:table;vertical-align:top;width:50%}
	.tour-block {width:49%}
	.tour-block:nth-of-type(2n) {margin-right:0}
	.tour-block:nth-of-type(2n+1) {clear: both}
	
	.spoiler-v{background:#ffefd8;}
	.spoiler-block {font-size:11px;width:49%; background:#ffefd8}
	.spoiler-block:nth-of-type(2n) {margin-right:0}
 /*   .spoiler-block:nth-of-type(2n+1) {clear: both} */
	
	
}

@media all and (max-width: 460px) {
	.content img{width:100%;margin:0 !important}
	.content-img{width:100%;margin:0}
	.content-price{width:100%}
	.detailed{position:relative;margin:1em;right:auto;bottom:auto;display:block}
	.top-logo {margin:0 .5em}
	.top-contacts {padding:.5em 0 0 0}
	.top-contacts .top-phone {margin-right:.5em}
}








  .tr, .line-tr {display: table-row; position: relative;}
  .line-tr div {border: none; border-top: 2px dashed #ddd;}
  /* .content-img img {padding: 0.5em 0;} */
  .organizer-img {display: table-cell;vertical-align: top;width: 30%;padding-top: 10px;padding-bottom: 7px;}
  .organizer-img strong {padding-right: 5px;padding-left: 5px;}
  .organizer-img img {width: 40px; vertical-align: middle;}
  .content-tags .tags {padding-top: 24px;}
  @media (max-width: 639px){
    .line-tr div {border-top: 0;}
    .line-tr .organizer-img, .line-tr .content-tags {border-top: 2px dashed #ddd;}
    .tr, .line-tr {
      width: 100%;
      display: table;
    }
    .content-tags {padding: 0;display: table-cell;}
    .content-tags .tags {padding: 10px 0 0 15px; height: auto; line-height: inherit;}
  }
  @media (max-width: 990px){
    .content-tags .tags {padding-top: 10px;}
  }
  @media (max-width: 860px){
    .content-tags .tags {padding-top: 24px;}
  }
  @media (max-width: 733px){
    .content-tags .tags {padding-top: 10px;}
  }
  @media (min-width: 638px){
    .content-tags {width: 60%;}
  }
  
.title a{
	text-decoration: none;
}

.price span{
	color: #69757a;
	font-size: 15px;
}

.more ul {
	padding-left: 0;
}

.more ul li{
	list-style-type: none;
	margin-left: 0;
	margin-bottom: 0;
	padding: 3px;
}

.more span{
	font-weight: 600;
	padding-left: 35px;
    padding-top: 5px;
    display: block;
	font-size: 13px;
}	

.more{
	margin-top: 5px;
	border-top: 2px #f4f4f4 solid;
	padding: 10px;
}

.icon{
	width: 26px;
	height: 26px;
	display: block;
	float: left;
}