/*
Theme Name: wonderful_world
Theme URI: https://it-s-a-wonderful-world.ru
Description: Тема о путешествиях
Version: 1.0
Author: Ivan
Author URI: https://it-s-a-wonderful-world.ru
*/
body {
	font:1em Arial;
	color:#333333;
	max-width:1400px;
	width:100%;
	margin:0 auto;
}
body.category-gallery,body.logged-in {
	background-color:#2A2A2A;
}
img {
	display: block;
	max-width: 100%;
	height: auto;
}
h1 {
	font-size:1.5em;
	margin:10px;
	text-align:center;
}
h2 {
	font-size:1.3em;
	margin:10px;
	text-align:center;	
}
h4{
	font-size:1em;
	margin:0;
	text-align:center;
}
p {
	padding:10px;
}
.header {
	font-size:2em;
	position: relative;
	max-width:1400px;
}
.header a{
	text-decoration:none;
}
.mycarousel{
	text-decoration:none;	
	width:100%;
	max-height:250px;
	overflow:hidden
}
.logo1{
	width:30%;
	position:absolute;
	left:0.1%;
	top:70%;
	z-index:3;
}
/* Gallery */
.content_gallery{
	width:100%;
	color:#FFFFFF;
	
}
.gallery_album{
	display:flex;
	flex-wrap: wrap;
}
.gallery_album_small{
	width:345px;
	position: relative;
	overflow: hidden;
	//*text-align:center;*//
}
.gallery_album_small a{
	text-decoration:none;
	display:inline-block;
	overflow: hidden;
	width:345px;
	height:230px;
	margin:2.5px;
}
.gallery_album_small a img{
	transition: 3s linear;
	width:100%;
	height:100%;
	object-fit: cover;
}
.gallery_album_small a img:hover{
	-webkit-transform: scale(1.15);
	transform: scale(1.15);
}
.album_name{
	display:block;
	opacity:0;
	position: absolute;
	left:25px;
	bottom:-10px;
	font-weight:bold;
	font-size:1.2em;
	color:#FFFFFF;
	transition: 1s linear;
}
.gallery_album_small:hover .album_name{
	opacity:1;
	bottom:10px;
}
.gallery_photo{
	display:flex;
	flex-wrap: wrap;
	width:100%;
}
.gallery_photo p {
	display:block;
	padding: 0;
	margin:0.2%;
	width:24.6%;
	max-height:230px;
}
.gallery_photo img{
	max-width:100%;
	height:100%;
	object-fit: cover;
}

/*.gallery_blocks ul{
	list-style-type: none;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
	text-align:center;
}
.gallery_blocks ul li{
	margin-bottom:5px;
	
}
.gallery_blocks ul li a{
	text-decoration: none;	
}
.gallery_blocks ul li a p{
	color:#333333;
	font-weight:bold;
	margin-top: -5px;
}*/

/* End gallery */
/* map */

.script_map{
	width:100%;
	overflow: hidden;
}

/* End map */

/* donate */
.donate{
	/* text-align:center; */
}
.p_donate{
	display: inline-block;
	font-weight:200;
}

/* end donate */

/* zen */

.div_zen{
	text-align:center;	
	border-top:1px solid #333;
}
.a_zen{
	display: inline-block;
	color: #333;
	transition: all 0.3s linear;
	text-decoration: none;
	font-weight:bold;
	padding-top: 15px;
}
.a_zen:hover{
	color: #FF802B;
}

/* end zen */
.case{
	width:100%;
	display: flex;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
}
.content{
	width:69%;
	padding:21px 9px 21px 0;
}
.font_color{
	color:#426A38;
}
.font_grey{
	color:#333333;
}
.txt_center {
	text-align: center;
}
.note_img{
	font-size:0.8em;
	margin:-5px 0 10px;
	display:block;
	text-align:center;
	font-weight:normal;
}
.menu_article {
	border-top: 2px solid #FF802B;
	border-bottom: 2px solid #FF802B;
}
.menu_article .hide_show {
	cursor: pointer;
}
.menu_article .hide_show:hover {
	text-decoration: underline;
}
.menu_article_ol {
	margin-top:-10px;
}
.menu_article_ol li {
	list-style-type: none;
}
ol.menu_article_ol {
	counter-reset: wslist1;
}
ol.menu_article_ol li {
	margin: 10px 10px 10px 30px;
}
ol.menu_article_ol>li::before {
	counter-increment: wslist1;
	content: counter(wslist1) ". ";
}
ol.subitem {
	margin: 10px 10px 10px 30px;
	
}
ol.menu_article_ol ol {
	counter-reset: wslist2;
}
ol.menu_article_ol ol li::before {
	counter-increment: wslist2;
	content: counter(wslist1) ". " counter(wslist2) ". ";
}
.menu_article a {
	color: #333333;
	text-decoration: underline;
}
.menu_article a:hover {
	color: #FF802B;
	text-decoration: none;
}
.hotel_A {
	text-decoration: none;
	color: #009FE2;
}
.hotel_A:hover {
	text-decoration: underline;
}
.tours_A {
	text-decoration: none;
	color: #F23E57;
}
.tours_A:hover, .tours_A:active {
	text-decoration: underline;
	color: #03A378;
}
.rentCars_A {
	text-decoration: none;
	color: #0cc534;
}
.rentCars_A:hover, .rentCars_A:active {
	text-decoration: underline;
	color: #03D007;
}
.arpw-li {
	text-align: center;
}
.arpw-li a {
	display: inline-block;
	color: #333;
	transition: all 0.3s linear;
	text-decoration: none;
	margin: 5px 0;
}
.arpw-li a:hover {
	color: #F95201;
}
.arpw-li h4 {
	font-size: 1em;
	margin:5px 0;
}
/*.arpw-title {
	display: inline-block;
	font-size: 1.1em;
	color: #333;
	transition: all 0.3s linear;
	text-decoration: none;
	margin: 5px 0;
}
.arpw-thumbnail:hover  .arpw-title {
	color: #F95201;
}
.arpw-title:hover, .arpw-title:active {
	color: #F95201;
}*/
.signature_left{
	float: left;    
    margin:10px 15px 10px 10px;    
}
.signature_left figcaption{
	display: block;
	text-align:center;
	margin:5px;
	font-size:0.8em;
}
.signature_right{
	float:right;    
    margin:10px 10px 5px 10px;
}
.signature_right figcaption{
	display: block;
	text-align:center;
	margin:5px;
	font-size:0.8em;
}
.collage_img{
	display:flex;
	justify-content:space-evenly;
	margin-top: 15px;
}
.collage_img figure {
	margin:0 -5px;
	text-align:center;
}
.collage_img figcaption {
	margin: 5px 0;
	font-size:0.8em;
}


.float_right{
	float:right;
	margin:0 0 8px 15px;
}
.float_left{
	float:left;
	margin:0 15px 10px 0;
}
.aligncenter {
	margin:0 auto;
}
.related_block{
	display:block;
	margin-top:20px;
	margin-bottom:-10px;
}
.related_articles{
	display:flex;
	justify-content:space-between;
}
.in_a_subject{
	max-width:230px;	
}
.in_a_subject h4{
	margin-top:-15px;
}
.in_a_subject a{
	text-decoration:none;
	color:#FF802B;
	-webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}
.in_a_subject a:hover, .in_a_subject a:active{
	text-decoration: underline;
}
.article_small{
	width:100%;
	margin:30px 0;
}
.article_small a {
	text-decoration:none;
	color:#333;
	-webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.article_small a:hover {
	color:#F95201;
}
.article_A{
	color:#F95201;
	text-decoration: none;
}
.article_A:hover{
	text-decoration:underline;
}
.additional_notes{
	font-size:0.9em;
	font-style:italic;
}
.further {
	display:block;
	text-align:right;
	margin:10px;
}
.sitemap_disp_level_0 a {
	font-size:1.2em;
	text-decoration:none;
	color:#333;
	-webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}
.sitemap_disp_level_0 a:hover {
	color:#F95201;
}
.bread_crumbs{
	margin:0 0 25px 0;
	font-size:0.8em;
}
.bread_crumbs a {
	text-decoration:none;
	color:#333;
	-webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}
.bread_crumbs a:hover {
	color:#F95201;
	text-decoration: underline;
}
.comments {
	margin-top:50px;
}
.comment_h3 {
	margin-left:10px;
	font-size:1.2em;
	font-weight:normal;
}
.commentlist {
	list-style-type:none;
	margin:10px;
}
.avatar {
	width:50px;
	height:50px;
	
}
.comment-reply-title {
	font-size:2em;
	margin:10px;
	font-weight:normal;
}
.logged-in-as a {
	text-decoration:none;
	color:#333;
}
.logged-in-as a:hover {
	color:#F95201;
}
.comment-textarea {
	margin-top:5px;
	background-color: #fff;
	border: 1px solid #ddd;
	color: #666;
	font-size: 1.6em;
	font-weight: 300;
	padding: 16px;
	width: 96%;
}
.author, .email, .site {
	margin-top:5px;
	background-color: #fff;
	border: 1px solid #ddd;
	color: #666;
	font-size: 1.6em;
	font-weight: 300;
	padding: 16px;
	width: 50%;
}
.comment-textarea:hover, .author:hover, .email:hover, .site:hover {
	border: 1px solid #999;
	outline: none;
}
.submit {
	padding:16px 24px;
	font-size:1.4em;
	border:none;
	border-radius:3px;
	background-color:#F95201;
	color:#FFFFFF;
}
.submit:hover {
	background-color:#FF8000;
}
.pagination {
	text-align:center;
    font-size:1em;
}
.pagination a {
    text-decoration:none;
    font-weight:normal;
}
.current {
	background:#F8F8F7;
	color:#666;
	padding:5px 10px;
	border-radius:2px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
}
.pagination a {
	margin-top:10px;
	background:#ffffff;
	color:#666;
	padding:5px 10px;
	line-height:24px;
	border-radius:2px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
}
.pagination a:hover {
	background:#f8f8f7;
    color:#F95201;
	border-radius:2px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
}
.pagination span .extend {
	background:none;
	border:none;
}
.sidebar_r{
	width:29%;
	padding:10px;
}
.sidebar_right{
	width:100%;
	margin:30px 0px;
}
.sidebar_right h2 {
	display:none;
}
.sidebar_right .tag-link-position-1, .sidebar_right .tag-link-position-13, .sidebar_right .tag-link-position-25{
	color:#F80000;
	-webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}
.sidebar_right .tag-link-position-1:hover, .sidebar_right .tag-link-position-13:hover, .sidebar_right .tag-link-position-25:hover {
	color:#F95201;
	text-decoration:none;
}
.sidebar_right .tag-link-position-2, .sidebar_right .tag-link-position-14, .sidebar_right .tag-link-position-26 {
	color:#00FF00;
	-webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}
.sidebar_right .tag-link-position-2:hover, .sidebar_right .tag-link-position-14:hover, .sidebar_right .tag-link-position-26:hover {
	color:#F95201;
	text-decoration:none;
}
.sidebar_right .tag-link-position-3,.sidebar_right .tag-link-position-15, .sidebar_right .tag-link-position-27 {
	color:#991199;
	-webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}
.sidebar_right .tag-link-position-3:hover, .sidebar_right .tag-link-position-15:hover, .sidebar_right .tag-link-position-27:hover {
	color:#F95201;
	text-decoration:none;
}
.sidebar_right .tag-link-position-4, .sidebar_right .tag-link-position-16, .sidebar_right .tag-link-position-28 {
	color:#FFDC01;
	-webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}
.sidebar_right .tag-link-position-4:hover, .sidebar_right .tag-link-position-16:hover, .sidebar_right .tag-link-position-28:hover {
	color:#F95201;
	text-decoration:none;
}
.sidebar_right .tag-link-position-5, .sidebar_right .tag-link-position-17, .sidebar_right .tag-link-position-29 {
	color:#007FFF;
	-webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}
.sidebar_right .tag-link-position-5:hover, .sidebar_right .tag-link-position-17:hover, .sidebar_right .tag-link-position-29:hover {
	color:#F95201;
	text-decoration:none;
}
.sidebar_right .tag-link-position-6, .sidebar_right .tag-link-position-18, .sidebar_right .tag-link-position-30 {
	color:#F75394;
	-webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}
.sidebar_right .tag-link-position-6:hover, .sidebar_right .tag-link-position-18:hover, .sidebar_right .tag-link-position-30:hover {
	color:#F95201;
	text-decoration:none;
}
.sidebar_right .tag-link-position-7, .sidebar_right .tag-link-position-19, .sidebar_right .tag-link-position-31 {
	color:#008000;
	-webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}
.sidebar_right .tag-link-position-7:hover, .sidebar_right .tag-link-position-19:hover, .sidebar_right .tag-link-position-31:hover {
	color:#F95201;
	text-decoration:none;
}
.sidebar_right .tag-link-position-8, .sidebar_right .tag-link-position-20, .sidebar_right .tag-link-position-32 {
	color:#0ABAB5;
	-webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}
.sidebar_right .tag-link-position-8:hover, .sidebar_right .tag-link-position-20:hover, .sidebar_right .tag-link-position-32:hover {
	color:#F95201;
	text-decoration:none;
}
.sidebar_right .tag-link-position-9, .sidebar_right .tag-link-position-21, .sidebar_right .tag-link-position-33 {
	color:#FF4D00;
	-webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}
.sidebar_right .tag-link-position-9:hover, .sidebar_right .tag-link-position-21:hover, .sidebar_right .tag-link-position-33:hover {
	color:#F95201;
	text-decoration:none;
}
.sidebar_right .tag-link-position-10, .sidebar_right .tag-link-position-22, .sidebar_right .tag-link-position-34 {
	color:#0000FF;
	-webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}
.sidebar_right .tag-link-position-10:hover, .sidebar_right .tag-link-position-22:hover, .sidebar_right .tag-link-position-34:hover {
	color:#F95201;
	text-decoration:none;
}
.sidebar_right .tag-link-position-11, .sidebar_right .tag-link-position-23, .sidebar_right .tag-link-position-35 {
	color:#FF00AE;
	-webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}
.sidebar_right .tag-link-position-11:hover, .sidebar_right .tag-link-position-23:hover, .sidebar_right .tag-link-position-35:hover {
	color:#F95201;
	text-decoration:none;
}
.sidebar_right .tag-link-position-12, .sidebar_right .tag-link-position-24, .sidebar_right .tag-link-position-36 {
	color:#0BDA51;
	-webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}
.sidebar_right .tag-link-position-12:hover, .sidebar_right .tag-link-position-24:hover, .sidebar_right .tag-link-position-36:hover {
	color:#F95201;
	text-decoration:none;
}
.footer{
	margin-top:10px;
	width:100%;
	background-color:#F0F0F0;
}
.f {
	text-align:center;
	margin-bottom:-10px;
}
#toTop {
width:100px;
border:1px solid #ccc;
background:#f7f7f7;
text-align:center;
padding:5px;
position:fixed;
bottom:10px; /* отступ кнопки от нижнего края страницы*/
right:10px;
cursor:pointer;
display:none;
color:#333;
font-family:verdana;
font-size:11px;
}
.site-nav{
	position: relative;
	padding: 10px;
	/*background: #FFFFFF;*/
}
.nav ul {
	text-align:center;
}
.nav li {
	float: left;
}
body .category-gallery .nav li a,body.logged-in .nav li a {
	color:#FFFFFF;
}
.nav li a, #touch-menu {
	display: inline-block;
    color:#333333;
    line-height: 1;
    text-decoration:none;    
    position:relative;
	padding: 12px 15px;
	font-size: 1.3em;
	-webkit-transition: all 0.4s linear;
    -moz-transition: all 0.4s linear;
	-o-transition: all 0.4s linear;
    transition: all 0.4s linear;
}
.nav li a:after {
	background-color: #FC5201;
    display: block;
    content: "";
    height: 3px;
    width: 0%;
    left:50%;
    position:absolute;
    -webkit-transition: width .3s ease-in-out;
    -moz-transition: width .3s ease-in-out;
	-o-transition: width .3s ease-in-out;
    transition: width .3s ease-in-out;
    -webkit-transform:translateX(-50%);
    -moz-transform:translateX(-50%);
	-o-transform:translateX(-50%);
    transform:translateX(-50%);
}
.nav li a:hover{
	color: #F95201;
	
	}
.nav li a:hover:after, #touch-menu:hover:after,.nav li a:focus:after, #touch-menu:focus:after {
	color: #F95201;
	width: 100%;
}

#touch-menu {
	display: none;
}
@media (max-width: 768px) {	
	.nav {
		position: absolute;
		top: 100%;
		left: 0;
		right: 0;
		display: none;
	}
	.nav li {float: none;}
	.nav li a {
		color: #666;
		border-top: 1px solid #eee;
		border-left: 3px solid transparent;
		background: #fff;
	}
	.nav li:first-child a {
		border-top: none;
	}
	.nav li a:hover {
		color: #333;
		border-left: 3px solid #F95201;
		background: #f0f0f0;
	}
	#touch-menu {
		display: block;		
		height: 50px;
		margin: -10px 0;
	}
}
@media screen and (max-width: 600px){
	.case{width:100%;display:block;}
	.content{width:100%;padding:5px;}
	.sidebar_r{width:100%;padding:5px;}
}

.rslides {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
  }

.rslides li {
  -webkit-backface-visibility: hidden;
  position: absolute;
  display: none;
  width: 100%;
  left: 0;
  top: 0;
  }

.rslides li:first-child {
  position: relative;
  display: block;
  float: left;
  }

.rslides img {
	display: block;
	height: auto;
	float: left;
	width: 100%;
	border: 0;
 }

.button_hotels {
	background:#009fe2;
	color:#fff;
	text-decoration:none;
	display:block;
	width:400px;
	padding:10px 10px;
	text-align:center;
	transition:all 0.3s;
	font-weight: bold;
	font-size: 18px;
	margin: 0 auto;
	border-radius: 5px;
	border:#009fe2 1px solid;
} 
.button_hotels:hover, a .button_hotels:active {
	box-shadow:0px -5px 0 #009fe2 inset;
	background:#fff;
	color:#009fe2;
	border:#009fe2 1px solid;
}

@media all and (max-width: 960px) {
	header {width:100%;}
	body {width:100%;font-size:1.2em}
	footer{width:100%;}
	.script_map{
		width:100%;
		overflow: hidden;
	}
}

@media all and (max-width: 768px) {
	header {width:100%;}
	body {width:100%;font-size:1.2em}
	footer{width:100%;}
	.script_map{
		width:100%;
		overflow: hidden;
	}
}

@media all and (max-width: 600px) {
	header {width:100%;}
	body {width:100%;font-size:1.2em}
	footer{width:100%;}
	.script_map{
		width:100%;
		overflow: hidden;
	}
}

@media all and (max-width: 480px) {
	body {box-sizing:border-box;}
	header {width:100%;}
	body {width:100%;font-size:1.2em}
	footer{width:100%;}
	.script_map{
		width:100%;
		overflow: hidden;
	}
}

@media all and (max-width: 360px) {
	body{box-sizing:border-box;}
	header {width:100%;}
	body {width:100%;font-size:1.2em}
	footer{width:100%;}
	.script_map{
		width:100%;
		overflow: hidden;
	}
}
