@import url('https://fonts.googleapis.com/css?family=Roboto|Roboto+Slab');
@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i|Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i&subset=cyrillic,cyrillic-ext,latin-ext');
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video{margin:0;padding:0;border:0;font:inherit;font-size:100%;vertical-align:baseline}
html{line-height:1;background:#f5f5f5;}
h1,p,a{font-family:'Open Sans', sans-serif !important;}
ol, ul{list-style:none}
table{border-collapse:collapse;border-spacing:0}
caption, th, td{text-align:left;font-weight:normal;vertical-align:middle}
q, blockquote{quotes:none}
q:before, q:after, blockquote:before, blockquote:after{content:"";content:none}
a img{border:none}
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary{display:block}
body{text-align:center;min-height:100%;background:#fff}
html{min-height:100%}
.progress-bar{position:fixed;left:0;top:0;height:3px;display:inline-block;background:#ff7373;width:20%;z-index:2}
.inner-header{background:#333;color:#fff;padding:20px 0}
#layout{width:100%;margin:0px auto;background:#f5f5f5}
#header{padding:30px;max-width:800px;margin:0 auto;background-color:rgba(51, 51, 51, 0.35)}
#header h1{font-size:40px;font-family:'Open Sans',sans-serif;color:#fff}
#header h2{font-size:40px;font-family:'Open Sans',sans-serif;color:#fff;margin-top:18px}
#header h3{font-size:24px;font-family:'Open Sans',sans-serif;color:rgba(255,255,255,0.6);margin-top:12px}
#header h4{font-size:22px;font-family:'Open Sans',sans-serif;color:rgba(255,255,255,0.6);margin-top:12px}
#header h5{font-size:18px;font-family:'Open Sans',sans-serif;color:rgba(255,255,255,0.6);margin-top:18px}
#header h6{font-size:18px;font-family:'Open Sans',sans-serif;color:rgba(255,255,255,0.6);margin-top:12px}
#header p{font-size:15px;line-height:1.5;font-family:'Open Sans',sans-serif;color:rgba(255, 255, 255, 0.8);margin-top:12px;text-align:justify}
#header a{text-decoration:none;color:hsl(0, 93%, 77%)}
#header ul, #header ol{font-size:15px;font-family:'Open Sans',sans-serif;color:#666;margin-top:12px}
#header ul{list-style-type:disc}
#header ol{list-style-type:lower-hexadecimal}
#header blockquote{background:#f5f5f5;padding:20px;margin-top:20px;border-radius:4px}
#header blockquote ul, #header blockquote ol{margin-left:17px}
#header blockquote *:first-child{margin-top:0}
#map{width:100%;height:100%}
#map_container{height:950px}
#map_container.attachLeft{height:950px;-webkit-box-shadow:0 2px 2px rgba(0,0,0,0.2);box-shadow:0 2px 2px rgba(0,0,0,0.2);width:35%;}
#content{margin:0 auto;text-align:left;min-height:1800px}
#content img{max-width:100%;margin:20px auto 0;display:block}
#content>div{margin-top:40px;background:#fff;padding:40px;border-radius:2px;-webkit-box-shadow:0 1px 0px rgba(0,0,0,0.1);box-shadow:0 1px 0px rgba(0,0,0,0.1)}
#content>div:first-child{margin:0}
#content h1{font-size:26px;font-family:'Open Sans',sans-serif;color:#333}
#content h1:before{content:"";height:3px;display:block;width:70px;background:#ff7373;margin-bottom:15px}
#content h2, #content h3, #content h4, #content h5{font-size:16px;font-family:'Open Sans',serif;color:#333;margin-top:10px}
#content h6{font-size:14px;font-family:'Open Sans',sans-serif;color:#666;margin-top:10px;margin-left:17px;line-height:1.25;text-align:justify}
#content p{font-size:15px;font-family:'Open Sans',sans-serif;color:#666;margin-top:20px;line-height:1.5;text-align:justify}
#content a{text-decoration:none;color:#f79191}
#content ul, #content ol{font-size:15px;line-height:1.5;font-family:'Open Sans',sans-serif;color:#666;margin-top:20px;margin-left:17px}
#content ul{list-style-type:disc}
#content ol{list-style-type:lower-hexadecimal}
#content blockquote{background:#f5f5f5;padding:20px;margin-top:20px;border-radius:4px}
#content blockquote ul, #content blockquote ol{margin-left:17px}
#content blockquote *:first-child{margin-top:0}
#content strong{font-weight:600}
#content em{font-style:italic}
div#credits{position:fixed;bottom:0;left:0;right:0;height:44px;background-color:#FFF;border-top:1px solid #e5e5e5;z-index:1000001}
div#credits a{color:#ff7373}
div#credits span{padding:18px 0 0 0;position:absolute;font-size:12px;text-transform:uppercase}
div#credits span.title{left:190px;font-family:'Open Sans',sans-serif;color:#333}
div#credits span.lia{left:40px;font-family:'Open Sans',sans-serif;color:#333}
div#credits span.author{right:40px;font-family:'Open Sans',sans-serif;color:#999;letter-spacing:2px;font-size:10px;text-align:right}
/*map shortcodes*/
.youtube-container iframe{width:100%;height:400px;}

#map_container{height:950px;}
.fixedMap{position:fixed!important;top:0px!important;width:35%!important;height:950px;}
.fixedContent{margin-left:35%!important;}
#map_pos{float:left;width:35%;}
#content {max-width:800px;margin:0 auto;text-align:left;min-height:1800px;width:65%;float:left;}
#map_container{width:100%;-webkit-box-shadow:0 2px 2px rgba(0,0,0,0.2);box-shadow:0 2px 2px rgba(0,0,0,0.2);}
.inner-header img{width:100%;}
#content{max-width:none;}
#content>div{max-width:800px;margin:20px auto!important;}

.leaflet-map-pane{
	transition: all 1s ease-in-out;
    -webkit-transition: all 1s ease-in-out; /** Chrome & Safari **/
    -moz-transition: all 1s ease-in-out; /** Firefox **/
    -o-transition: all 1s ease-in-out; /** Opera **/
    -webkit-transform-origin: center;
            transform-origin: center;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

@media only screen and (max-width:580px){
    #map_container{height:1450px;}
    #content{padding:0px;}
}