/*@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@300;400;700&display=swap');*/
@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed:200,400,700&display=swap&subset=cyrillic-ext');

/* NEW CSS */
body { font-family:'Roboto Condensed', sans-serif; font-weight:300; color:#111; font-size:16px; background:#fff; position:relative; line-height:1.5}
td, th { font-family:'RobotoRoboto+CondensedCondensed', sans-serif; font-weight:300; color:#111; font-size:16px; }

a { font-family:'Roboto Condensed', sans-serif; font-weight:300; color:#111; text-decoration:none; }
a:hover { font-family:'Roboto Condensed', sans-serif; font-weight:300; color:#111; text-decoration:none;}

h1 { font-size:36px; font-weight:400; margin: 0;}
h2 { font-size:32px; font-weight:400; }
h3 { font-size:28px; font-weight:400; }
h4 { font-size:24px; font-weight:400; }
h5 { font-size:20px; font-weight:400; }
h6 { font-size:12px; font-weight:400;}

.video-bg { background:url(../images/cover-video.png) repeat-x; background-size:100% 44px}

#wrapper { position:relative; overflow:hidden}
.wrapper { position:relative; width:1200px; margin:auto; }

* { margin:0; padding:0; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box; }
.clearfix:after { clear:both; content:"."; display:block; font-size:0; height:0; visibility:hidden; }

a, img, input, button, textarea, select { outline:none; resize:none }
strong, b { font-weight:bold; }
em { font-style:italic}

.fl { float:left}
.fr { float:right}

button, a, .trans { -webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; -ms-transition:all 0.5s ease; -o-transition:all 0.5s ease; transition:all 0.5s ease; }

a.btn { display:inline-block; padding:0 20px; background:#3b9e3e; color:#fff; line-height:48px; height:48px; font-size:20px; text-transform:uppercase; border-radius: 5px; }
a.btn:hover { font-size:20px; background: #000}

button.btn { display:inline-block; padding:0 20px; background:#3b9e3e; color:#fff; line-height:48px; height:48px; font-size:20px; text-transform:uppercase; border-radius: 5px; cursor:pointer}
button.btn:hover { font-size:20px; background: #000}

/* HEADER */
#header {  }
#header .first-line { background:#3b9e3e; padding:10px 0; position: relative; z-index: 10;}
#header .second-line { background:#ffffff; padding:20px 0 0 0; position: relative}

#header li { list-style-type: none}


#header .search { float:right; height: 48px;}
#header .search .field, #header .search .button { float:left; margin-left: 10px; padding: 0}
#header .search .field { margin-left:0;}

#header .social { float:right; margin-right:30px;}
#header .social li { float:left; margin-right:10px;}
#header .social li a { display: block; width: 48px; height: 48px; background: #3b9e3e; color: #fff; line-height: 48px; text-align: center; border-radius: 5px; font-size:20px}

#header .region { float:left; width: 210px; }
#header .region .field { padding: 0}

#header .logo { float:left; }
#header .logo img { display: block; height: 60px}

#header .menu { float:right; padding-top: 18px}
#header .menu li { float:left; border-left:1px solid #fff; padding: 0 10px 0 10px;}
#header .menu li a { font-size:16px; color:#fff; text-transform:uppercase; }
#header .menu li:first-child { border-left:none; padding: 0 10px 0 0;}
#header .menu li:last-child { padding: 0 0 0 10px;}
#header .menu li a:hover, #header .menu li a.active { color:#000}

#header .menu.active { display:block}

#header .toggle-nav { display: none; float: right; position: relative; z-index:10; width:40px; height:40px; top:10px; margin-left: 10px }
#header .toggle-nav i { position:absolute; display:block; height:2px; background:#fff; width:30px; right:5px; }

#header .toggle-nav i:nth-child(1) { top:10px; }
#header .toggle-nav i:nth-child(2) { top:19px; }
#header .toggle-nav i:nth-child(3) { top:28px; }

#header .toggle-nav.active i:nth-child(1) { top:19px; -webkit-transform:rotateZ(45deg); -moz-transform:rotateZ(45deg); -o-transform:rotateZ(45deg); transform:rotateZ(45deg); }
#header .toggle-nav.active i:nth-child(2) { background: transparent; }
#header .toggle-nav.active i:nth-child(3) { top:19px; -webkit-transform:rotateZ(-45deg); -moz-transform:rotateZ(-45deg); -o-transform:rotateZ(-45deg); transform:rotateZ(-45deg); }


/* CENTER */
.sidebar { float:left; width:320px; }
.common { float:right; width:calc(100% - 335px); position: relative; z-index: 2;}

.sidebar.reverse { float:right; }
.common.reverse { float:left; }

.breadcrumb { padding:20px 0 0 0}
.breadcrumb li { list-style-type:none; display:block; float:left; padding-right:20px; position:relative}
.breadcrumb li a { }
.breadcrumb li:after { content:""; border-radius:10px; width:4px; height:4px; display:block; background:#3b9e3e; position:absolute; right:8px; top:10px}
.breadcrumb li:last-child:after { display:none}
.breadcrumb li:last-child a { color:#3b9e3e}

/* BLOCK */
.block { }
.block-header { text-transform:uppercase; padding-top: 20px; padding-bottom: 20px}
.block-content { }
.block-footer { }

.block .block-content { position: relative; z-index: 1; padding: 20px 0}
.block .block-header + .block-content { padding-top:0}


.block.nature { background-image: url(../images/nature-bg-old.jpg); background-size: cover; background-position:50% 50%; padding:60px 0}
.block.nature .content {  width: 60%}
.block.nature .content p { color:#fff; display: inline; padding-bottom:2px; font-size:28px; background-color:rgba(0,0,0,0.6); box-shadow: 10px 0 0 rgba(0,0,0,0.6),-10px 0 0 rgba(0,0,0,0.6);}


.block.about { background-image: url(../images/nature-bg.jpg); background-size: cover; background-position:50% 50%; padding:20px 0 60px 0; margin-top:20px; color:#fff}

.left-part { float:left; width: 48%}
.right-part { float:right; width: 48%}

.forum a { display:block }
.forum img { width:100%; display:block}

#header .forum { float:right; width: calc(100% - 670px); }
#header .forum video { height:48px; width:auto; display: block; margin: auto;}
#header .forum img { height:48px; width:auto; display: block; margin: auto;}




#center .forum video { height:auto; width:100%; display: block; margin: auto;}
#center .forum { margin:0 0 20px 0}

#center .sidebar .forum { margin:0 0 0 0}


.block.about .right-part { background:rgba(0,0,0,0.6);  border-radius:5px}
.block.about .right-part .content { padding:15px 15px 0 15px;}

.pager { text-align:center; padding-top:20px}
.pager li { display:inline-block; padding-right:10px}
.pager li a, .pager li span { display:block; width:40px; height:40px; line-height:40px; border:1px solid #3b9e3e; }
.pager li span { background:#3b9e3e; color:#fff}

/* CONTENT */
.content {}
.content a { color:#3b9e3e}
.content ul, .content ol { padding-left:20px; color:#111; list-style-type:none; padding-bottom:20px}
.content ul li { list-style-type:circle}
.content ol li { list-style-type:decimal}
.content p { padding-bottom:20px}
.content blockquote { padding:0 20px; margin-bottom:20px; border-left:4px solid #e8e8e8; font-style:italic}
.content blockquote p:last-child  { padding-bottom:0}

.iframe {
	position:relative; overflow:hidden; padding-top:56.25%; margin-bottom:20px
}
.iframe iframe {
	position:absolute; top:0; left:0; width:100%; height:100%; border:0;
}

.content .pdf {  padding:0 0 20px 0}
.content .pdf  object { width: 100%;height:100vh;}

/* SLIDER */
.slider { position:relative;}
.slider .owl-stage-outer  { overflow: hidden}
.slider .owl-item { float:left; position: relative}

.slider .owl-nav.disabled { display: none; }
.slider .owl-dots.disabled { display: none; }

.slider .owl-dots { position:absolute; width:max-content; transform:translate(-50%, 0); bottom:20px; left:50%; }
.slider .owl-dots button { display:block; border:none; background:#fff; width: 32px; height: 6px; float:left; margin:0 5px;}
.slider .owl-dots button.active { background:#3b9e3e;  }
.slider .owl-dots span { display:none }

.slider .owl-nav button.disabled { display: none; }
.slider .owl-nav button { position:absolute; top:50%; z-index: 10; display: block; width: 60px; height: 60px; background:rgba(255,255,255,0.6); text-align: center; border:none; margin-top: -30px; cursor: pointer}
.slider .owl-nav button:hover { background:rgba(255,255,255,1); }
.slider .owl-nav button span { display: block; text-align: center; font-size: 24px}
.slider .owl-nav .owl-prev { left:0; }
.slider .owl-nav .owl-next { right:0;}

.main-slider .item { height:70vh; background-repeat: no-repeat; background-position: 50%; background-size: cover;}
.main-slider .item .wrapper { height:100%; }
.main-slider .item img { width:100%; display: block}
.main-slider .item .caption { position: absolute; transform:translate(0%, -50%); top:50%; padding: 40px; background: rgba(255,255,255,0.7)}

.main-slider .item .button { padding-top:20px}




.about-slider .item { }
.about-slider .item img { width:100%; display: block}


/* TEAM */
.team-list {}
.team-list .team-item { padding-bottom: 20px}
.team-list .team-item:last-child { padding-bottom:0}
.team-list .team-item .thumb { float:left ; width: 160px;}
.team-list .team-item .thumb img { display: block; width: 100%;}
.team-list .team-item .info {     padding-left: 190px;}
.team-list .team-item .info .name { font-size:24px}

/* POST */
.post-item .meta div { display:inline-block; padding-right:20px}
.post-item .category a { display:inline-block; padding:2px 5px 1px 5px; background:#3b9e3e; color:#fff; font-size:14px}
.post-item .region { float:right; padding-right: 0 !important}
.post-item .region a { display:inline-block; padding:2px 5px 1px 5px; background:#3b9e3e; color:#fff; font-size:14px}
.post-item .thumb { position:relative}
.post-item .thumb img { display:block; width:100%}
.post-item .thumb .play { position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); color:#fff; font-size:24px}

.post-item .name { margin:0; line-height:1.2; padding:10px 0; }
.post-item .name a:hover { color:#3b9e3e; }

.post-item .share { position:absolute; right:15px; top:15px;  color:#fff; text-align:center; line-height:30px}
.post-item .share .trigger { width:30px; height:30px; font-size:12px; background:rgba(0,0,0,0.5); position:relative; z-index:1}
.post-item .share:hover .trigger { background:rgba(0,0,0,0.9);}
.post-item .share ul { position:absolute; right:0; top:0; width:max-content; opacity:0}
.post-item .share:hover ul { opacity:1; right:30px;}
.post-item .share ul li { list-style-type:none; float:left; margin-right:1px}
.post-item .share ul li a { display:block; width:30px; height:30px; font-size:12px; color:#fff; text-align:center; line-height:30px; background:rgba(0,0,0,0.5);}

.post-item .share-full { }
.post-item .share-full ul li { list-style-type:none; float:left; margin-right:5px}
.post-item .share-full ul li a { display:block; width:40px; height:40px; font-size:16px; color:#fff; text-align:center; line-height:40px; background:rgba(0,0,0,0.5);}
.post-item .share-full ul li a.vk:hover { background:#4a76a8}
.post-item .share-full ul li a.fb:hover { background:#3b5998}
.post-item .share-full ul li a.tw:hover { background:#64a8f2}
.post-item .share-full ul li a.pin:hover { background:#bd081c}


/* POST LIST */
.post-list .post-item { border-bottom:1px solid #e8e8e8; padding:15px 0}
.post-list .post-item .thumb { float:left; width:280px}
.post-list .post-item .info { padding-left:295px}
.post-list .post-item.big { padding-top:0}
.post-list .post-item.big .thumb { float:none; width:auto; padding-bottom:15px}
.post-list .post-item.big .info { padding-left:0}

/* POST LIST SMALL */
.post-list-small .post-item { border-bottom:1px solid #e8e8e8; padding:15px 0}
.post-list-small .post-item:first-child { padding-top: 0}
.post-list-small .post-item:last-child { border:none; padding-bottom:0}
.post-list-small .post-item .thumb { float:left; width:100px}
.post-list-small .post-item .info { padding-left:115px}
.post-list-small .post-item .info .category { }
.post-list-small .post-item .info .published { font-size:14px; padding: 4px 0 0 0;}


/* POST DETAIL */
.post-detail { }
.post-detail .thumb { padding-bottom:20px}

/* GALLERY */
.post-detail .media-simple-grid { padding:20px 0}
.post-detail .media-simple-grid li { list-style-type:none; float:left; width:32%; margin-right:2%; margin-bottom:2%; position:relative}
.post-detail .media-simple-grid li:nth-child(3n) { margin-right:0}
.post-detail .media-simple-grid li a { display:block; }
.post-detail .media-simple-grid li img { width:100%; display:block}

/* POST NAV */
.post-nav {}
.post-nav .post-item { border:1px solid #e8e8e8; padding:20px; float:left; width:calc(50% - 10px); }
.post-nav .post-item:nth-child(2n) { float:right}
.post-nav .post-item .thumb { float:left; width:80px}
.post-nav .post-item .info { padding-left:100px}


.page-list .page-item { border-bottom:1px solid #e8e8e8; padding:15px 0}
.page-list .page-item .name a { color: #3b9e3e; font-size: 24px;}

.map { height:360px}


.gallery-list {}
.gallery-list .gallery-item {}
.gallery-list .gallery-item .name { margin:0; line-height:1.2; padding:10px 0; }
.gallery-list .gallery-item .name a:hover { color:#3b9e3e; }
.gallery-list .gallery-item img { display:block; width:100%}

/* FOOTER */
#footer, #footer a { color:#fff; font-size: 18px;}

#footer h3 { display: inline-block; padding-bottom:5px; margin-bottom:10px; border-bottom:2px solid #fff; }

#footer .left-part { width:40%; float:left; padding:46px  0 20px 0; font-size:42px; font-weight:200 }
#footer .right-part { width:55%; float:right}

#footer li { list-style-type: none; padding-bottom:5px}

#footer .menu li { list-style-type: none; float:left; width:50%}

#footer .first-line { background:#3b9e3e; padding:20px 0}
#footer .second-line { background:#111; padding:10px 0;}


#footer .logo { float:left; width:360px; padding-bottom:10px }
#footer .logo img { display: block; width:100%; margin: auto }
#footer .contact { float:right; width:35% }
#footer .menu { float:left; width:65% }

#footer .copy { float:left;}
#footer .age { float:right; font-size:16px}

#footer .info { text-align:left; padding-top:10px; margin-top:10px; font-size:12px}

#footer .social { padding-top: 5px }
#footer .social li { float:left; margin-right:10px;}
#footer .social li a { display: block; width: 32px; height: 32px; background: #fff; color: #000; line-height: 32px; text-align: center; }

/* WEB FORM */
.web-form { }
.web-form .field { padding: 10px 0}
.web-form .field label { display: block; padding-bottom: 10px}
.web-form .field input { background:none; border: 1px solid #ccc; padding:0 10px; border-radius:5px; height: 48px; width: 100%}
.web-form .field select { background:none; border: 1px solid #ccc; padding:0 10px; border-radius:5px; height: 48px; width: 100%}
.web-form .field textarea { background:none; border: 1px solid #ccc; padding:10px; border-radius:5px; height: 150px; width: 100%}

.web-form .checkbox {  padding:10px 0; }

.web-form .button { padding: 10px 0}
.web-form .button button { border:none}


/* POP */
.no-scroll { overflow:hidden}

.no-scroll #header { display:none}

.pop-overlay { display: none; position:fixed; left:0; right:0; top:0; bottom:0; z-index: 100; }
.pop-overlay.scroll { overflow-y: scroll}
.pop-overlay .overlay { position:fixed; left:0; right:0; top:0; bottom:0; background:rgba(0,0,0,0.8); z-index: 1;}
.pop-overlay .pop-wrapper { width:480px; left: 50%; top: 100px; transform: translate(-50%, 0); padding-bottom: 40px; z-index: 100; position:relative}
.pop-overlay .pop-wrapper .close { position:absolute; right:-40px; top:-40px; color:#fff; font-size: 36px; transform: rotate(45deg);}
.pop-overlay .pop-wrapper .pop-header { background:#3b9e3e; position:relative; text-align:center; padding:20px 20px 20px 20px }

.pop-overlay .pop-wrapper .pop-header .logo { width:180px; margin:auto}
.pop-overlay .pop-wrapper .pop-header .logo img{ width:100%; display: block;}
.pop-overlay .pop-wrapper .pop-content { padding:20px; background: #fff }


@media (max-width:1200px) {
	.wrapper { width:100%; padding:0 10px;}
	
}

/* Portrait tablet to landscape and desktop */
@media (min-width:768px) and (max-width:979px) { 
	
	
	.sidebar { float:none; width:100%; }
	.common { float:none; width:100%; }
	
	/* POST LIST SMALL */
	.post-list-small .post-item { float:left; width:calc(50% - 10px);}
	.post-list-small .post-item:nth-child(2n) { float:right}
	.post-list-small .post-item:nth-last-child(2) { border:none; padding-bottom:0}
}
 
/* Landscape phone to portrait tablet */
@media (max-width:767px) {
	
	
	#header .toggle-nav { display: block}
	#header .menu { display:none; transform: translate(0, 0); top: 100%; left: 0; right: 0; background:#3b9e3e; padding: 20px 0; width: 100%; position: absolute; z-index: 1}
	#header .menu li, #header .menu li:first-child { float:none; display: block; padding:0 0 20px 0; text-align: center; border:none}
	
	#header .social {display:none}

	.sidebar { float:none; width:100%; }
	.common { float:none; width:100%; }
	
	
	.left-part { float:none; width: 100%; padding-bottom: 40px}
	.right-part { float:none; width: 100%}
	
	.block.nature .content { width:100%}
	.block.nature .content p { font-size:24px}
	
	/* POST LIST */
	.post-list .post-item .thumb { float:none; width:100%; padding-bottom:10px}
	.post-list .post-item .info { padding-left:0}
	
	/* POST NAV */
	.post-nav .post-item { float:none; width:100%; }
	.post-nav .post-item:nth-child(2n) { float:none}
	

	#footer .left-part { width:100%; float:none; font-size: 32px; text-align:center}
	#footer .right-part { width:100%; float:none}
	
	#footer .info { text-align: center; }
	#footer .logo { float:none; width: 100%; text-align: center; padding-bottom: 10px }
	#footer .contact { float:none; width: 100%; margin-left:0; text-align: center; padding-bottom: 10px }
	#footer .menu { float:none; width: 100%; margin-left:0; text-align: center; padding-bottom:20px }
	
	#footer .social {  text-align: center }
	#footer .social li { float:none; display: inline-block; margin: 0 5px;}

#header .forum { float:none; margin-right:0; margin-top:20px }
#header .forum video { height:auto; width:100%; display: block; }
}
 
/* Landscape phones and down */
@media (max-width:480px) { 
	
	
	#header .contact span { display: none}
	
	#header .toggle-nav { display: block}
	#header .menu { display:none; transform: translate(0, 0); top: 100%; left: 0; right: 0; background:#3b9e3e; padding: 20px 0; width: 100%; position: absolute; z-index: 1}
	#header .menu li, #header .menu li:first-child  { float:none; display: block; padding:0 0 20px 0; text-align: center; border:none}
	
	#header .region { width:100%; float: none; padding-bottom: 20px}
	
	#header .search { width:100%; float: none; }
	#header .search .field { width: calc(100% - 70px); }
	
	#header .social { float:none; margin-right:0; margin-top:20px; display:block}

	.left-part { float:none; width: 100%; padding-bottom: 40px}
	.right-part { float:none; width: 100%}
	
	.block.nature .content { width:100%}
	.block.nature .content p { font-size:18px}
	
	.team-list .team-item .thumb { float:none ; width: 160px; margin:auto}
	.team-list .team-item .info {  padding-left: 0; padding-top:20px; text-align:center}


	/* GALLERY */
	.post-detail .media-simple-grid li { width:49%; margin-right:0 }
	.post-detail .media-simple-grid li:nth-child(3n) { float:left; margin-left:0 }
	.post-detail .media-simple-grid li:nth-child(2n) { float:right}
	
	.post-item .region { float:none; display: block; margin-top: 5px}
	
#header .forum { float:none; margin-right:0; margin-top:20px }
#header .forum video { height:auto; width:100%; display: block; }

}