/* CSS Document */
body { margin: 0; font-family: "Times New Roman", Georgia, Times, serif; }
a:link { color: #1667ac; }
a:visited { color: #5c16ac; }
a.action-link { color: #1667ac; border-bottom: dashed 1px; text-decoration:none; }
.mobile-hidden { display: none }
.mobile-visible { display: block; }
.header { font-size: 18px; padding: 10px 0 10px 40px; }
.navigation { overflow:hidden }
.menu li { padding: 10px 40px; float: left; list-style-type: none; font-weight: bold; font-size: 17px; }
.menu li a { text-decoration: none; }
.menu-languages li { padding: 8px 20px 5px 20px; float: right; list-style-type: none; font-size: 17px  }
.flag { width: 33px; height: 22px; }
ul { padding: 0px; margin: 0; }
li { padding: 0px; margin: 0 }
.content { padding: 0 40px 0 40px }
.footer { text-align: center; margin: 10px; }
.footer-text { margin: 20px 0 }
.section-index-link { font-size: 20px; text-align: center; padding-bottom: 20px; }
.quote { padding: 1px 15px; }

.stories-book { width: 1000px; height: 864px; background-image:url(../stories/pictures/kniga.jpg); margin: auto;  }
.stories-book-page-1 { padding-left: 40px; padding-top: 40px; width: 460px; float: left }
.stories-book-page-1 p { margin: 3px; }

/* Trip tags */
.nav-tags { margin: 0 40px 0 40px; padding: 10px 0 10px 0; font-size: 20px;  }
.nav-tag { cursor: pointer; border-bottom: dashed 1px }
.trips-tags { font-size: 20px; height: 365px; }
.trips-tags p { margin: 0 0 10px; }
.disputed-land { background-color: #eee; padding: 10px; }

/* Overlay box */
.overlay { background-image: url(//mikhed.com/images/layout/props/overlay.png); position:fixed; top: 0px; bottom: 0px; left: 0px; right: 0px; z-index: 100; }
.overlay-box { position:fixed; top:150px; left: 25%; right: 25%; padding:20px; border-width:5px; border-style: solid; z-index:101; }
.overlay-box-title { font-size: 21px; margin: 0 0 20px; }
a.box-close {
	float:right;
	width:26px;
	height:26px;
	margin: -18px -19px 0 0;
	cursor:pointer;
	font-family: "Arial Black", Gadget, sans-serif;
	font-size: 20px;
}

/* Trips pages */
.closest-trips { overflow: hidden; width: 1000px; margin: auto; }
.trip-link { height: 150px; width: 220px; float: left; padding-right: 10px }
.trip-link img { border: 0px }
.trip-link a img, .placeLink img { border: solid 1px #d0d0d0 }

.trip-item { width: 170px; height: 150px; float: left; padding: 15px; text-align: center; }
.trip-item img { width: 150px; height: 100px; }
.trip-item a img { width: 150px; height: 100px; }
.trip-item-selected { font-weight: bold; border-radius: 3px; }
.trip-item-contents { font-size: 20px; text-align: center; margin: 20px 0; }
.scroll_area { width: 1050px; overflow-y: hidden; overflow-x: scroll; }
.scroll_arrow { position: relative }
.scroll_arrow div { position: absolute; top: -80px; left: 30px; width: 100px; height: 42px }
.scroll_arrow div img { border: 0; }

/*Slideshows*/
.slideshow-area { width: 1000px; position: relative; }
.slideshow-area-wide { width: 1186px; position: relative; }
.slideshow-area img { cursor:pointer }
.slideshow-area-wide img { cursor:pointer }
.slideshow-switches { position: absolute; top: 615px; left: 30px; list-style: none; }
.slideshow-switches-wide { position: absolute; top: 615px; left: 30px; list-style: none; }
.slideshow-switch { width: 28px; height: 25px; float: left; cursor: pointer; background-repeat:no-repeat }
.switch-on { background-image: url(../imgd/slideshow-1.png) }
.switch-off { background-image: url(../imgd/slideshow-0.png) }
.sidenote { padding: 5px; float: right; width: 300px; font-size: 12px; border-radius: 3px; }
.content-world img { border-style: solid; border-width: 1px; }
.trips-header { padding: 20px 0; }
.trips-header img { float: right; margin-left: 30px }
.video-youtube { width: 1000px; height: 563px; }
.video-vk { width: 1000px; height: 563px; }
.currency-tooltip { position: relative; display: inline-block;  border-bottom: 1px dashed #1667ac; color: #1667ac; }
.currency-tooltip .currency-tooltip-content { color: black; visibility: hidden; width: 150px; background-color: #ddd; padding: 10px 10px 10px 20px; border-radius: 3px; position: absolute; z-index: 1; opacity: 0; transition: opacity 0s; left: -50px; top: 24px; }
.currency-tooltip .currency-tooltip-content img { position: relative; top: 6px; width: 24px; height: 24px; }
.currency-tooltip:hover .currency-tooltip-content { visibility: visible; opacity: 1; }
.currency-tooltip-rates { font-size: 18px; line-height: 25px; }

/* Social media */
#share { overflow: hidden; width: 300px; margin: 10px 0 }
#vk_like { width: 200px; float: left; display: block; }
#fb-like { width: 200px; float: left; }

/* Comments */
.comments { margin: 40px; background-color: #eee; padding: 15px; overflow: hidden }
.show-comments { font-size: 20px; }
.comments-form { padding: 10px 0; overflow: hidden; }
.comments-title { font-size: 20px; display: none; }
.comment-section { display: none; }
.comments-form-inputs { width: 50%; float: left; margin-right: 40px; }
.form-control { border: solid 1px #d9d9d9; width: 100%; padding: 6px; font-size: 14px; font-family: Georgia, "Times New Roman", Times, serif; margin: 5px 0 }
.form-error { background-color: #EBCCCC; border: solid 1px #eba3a3 }
button.form-control { width: 200px;
background: #e9e9e9; /* Old browsers */
background: -moz-linear-gradient(top, #e9e9e9 0%, #d9d9d9 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e9e9e9), color-stop(100%,#d9d9d9)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #e9e9e9 0%,#d9d9d9 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #e9e9e9 0%,#d9d9d9 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #e9e9e9 0%,#d9d9d9 100%); /* IE10+ */
background: linear-gradient(to bottom, #e9e9e9 0%,#d9d9d9 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e9e9e9', endColorstr='#d9d9d9',GradientType=0 ); /* IE6-9 */
}
textarea.form-control { height: 100px; }
.comment { margin: 20px 0 0 0; }
.comment-name { font-weight: bold; }
.comment-name-admin { color: #6e2328; }
.comment-date { color: #666; }
.comment-country { margin: 10px; top: 5px; position: relative; }
.comment-result { display: none; width: 300px; }

.alert-error { color: #a94442; background-color: #f2dede; }
.alert-success { color: #3c763d; background-color: #dff0d8; }

/* File downloads */
.file-download-section { overflow: hidden; }
.file-download { float: left; width: 90px; height: 90px; text-align:center; }

.ad-section
{ border: solid 1px #CCC; padding: 2px 10px 10px 10px; margin: 0 10px 10px 0 }
.ad-section-title { font-weight: bold; }

@media (max-width:549px) {
h1 { font-size: 7vw; }
h2 { font-size: 6vw; }
.navigation { margin-bottom: 20px; }
.aka { display: none }
.header { padding: 10px 0 10px 10px; }
.menu { width: 100%; float: left; text-align: center; }
.menu li { padding: 10px 10px; float: none; font-size: 7vw; }
.menu-languages { float: right; width: 100%; background-color: white; }
.menu-languages li { padding: 11px 10px 6px 10px; float: left; text-align: center; float: right; }
.menu-languages img { border: solid 1px #bbb }
.flag { width: 12vw; height: 8vw; }
.content { padding: 0 10px 0 10px }
.trips-header { padding: 0; }
.trips-header img { width: 90vw; float: none; margin-left: 0; }
.trip-link { height: 180px; width: 150px; float: left; }
.content-world img { width: 90vw; height: 60vw; }
.content-world img.photo-wide { width: 90vw; height: 51vw; }
.content-world img.photo-tall { width: 60vw; height: 90vw; }
.closest-trips { margin: auto; width: auto; }
.scroll_area { width: 92vw; height: 61vw; }
.scroll_area img {  max-height: 100%; width: auto; }
.scroll_arrow div { position: absolute; top: -40px; left: 10px; width: 50px; height: 15px;}
.scroll_arrow div img { border: 0; width: 10vw; height:  auto;}

.slideshow-area { width: 92vw; position: relative; }
.slideshow-area-wide { width: 92vw; position: relative; }
.slideshow-switches { position: absolute; top: 54vw; left: 1vw; list-style: none; }
.slideshow-switches-wide { position: absolute; top: 46vw; left: 1vw; list-style: none; }
.video-youtube { width: 90vw; height: 51vw; }
.video-vk { width: 90vw; height: 51vw; }

.trip-item { width: 150px; height: 150px; padding: 15px; text-align: center; margin: auto; }
.trip-item-contents { float: left; width: 150px; padding: 15px; height: 150px; font-size: 20px; text-align: center; }
.stories-book { width: 100%; height: auto; background-image: none; }
.stories-book-page-1 { width: 100%; padding: 0; }

/* Comments */
.comments { margin: 10px; }
.comments-form-inputs { width: 100%; margin-right: 20px; }

/* Overlay box */
.overlay-box { top:50px; left: 10px; right: 10px; font-size: 20px; padding:10px; }
a.box-close { margin: -10px -15px 0 0; }

/* Trip tags */
.nav-tags { margin: 0 10px 0 10px; padding: 0px; font-size: 15px; }
}

@media (min-width: 550px) and (max-width: 1083px) {
body { font-size: 15px; }
.header { padding: 10px 0 10px 20px; }
.menu li { padding: 6px 20px; font-size: 15px; }
.menu-languages li { padding: 6px 10px 2px 10px; }
.flag { width: 25px; height: 17px; }
.content { padding: 0 20px 0 20px }
.closest-trips { overflow: hidden; width: 550px; margin: auto; }
.content-world img { width: 92vw; height: 61vw; }
.content-world img.photo-wide { width: 90vw; height: 52vw; }
.content-world img.photo-tall { width: 61vw; height: 92vw; }
.video-youtube { width: 92vw; height: 52vw; }
.video-vk { width: 92vw; height: 52vw; }
.scroll_area { width: 92vw; height: 61vw; }
.scroll_area img {  max-height: 100%; width: auto; }
.scroll_arrow div img { border: 0; width: 10vw; height:  auto;}
.slideshow-area { width: 92vw; position: relative; }
.slideshow-area-wide { width: 92vw; position: relative; }
.slideshow-switches { position: absolute; top: 56vw; left: 2vw; list-style: none; }
.slideshow-switches-wide { position: absolute; top: 48vw; left: 2vw; list-style: none; }
.trip-item { width: 150px; height: 150px; float: left; padding: 15px; text-align: center; }
.trip-item-contents { float: left; width: 150px; padding: 15px; height: 150px; font-size: 20px; text-align: center; margin: 0 }
.stories-book { width: 100%; height: auto; background-image: none; }
.stories-book-page-1 { width: 100%; padding: 0; }

/* Comments */
.comments { margin: 20px; }

/* Trip tags */
.nav-tags { margin: 0 20px 0 20px; padding: 5px 0 5px 0 }

/* Overlay box */
.overlay-box { top:100px; left: 15%; right: 15%; font-size: 20px; padding:10px; }
a.box-close { margin: -10px -15px 0 0; }
}