@charset "utf-8";
/* CSS Document */
@media only screen and (min-width: 0px) and (max-width: 679px) {
.container{
	width:100%;
	margin:0px auto;
	/*box-shadow: 12px 0 15px -4px rgba(125,125,125, 0.1), -12px 0 8px -4px rgba(125,125,125, 0.1);
	padding:0px 20px;*/
}
div#fixed-header nav.fixed-navigation{
	display:none;
}

header div{
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
}
header.not-loaded div.top-header{
	opacity:0;
}

header.not-loaded div.main-header .white-bg{
	position:fixed;
	width:calc(100%);
	top:0px !important;
	padding:25vh 0 !important;
	height:calc(50vh);
	background-color:rgba(255,255,255,1.00);
	z-index:10000;
}
header.not-loaded div.main-header div.header-sub-info{
	opacity:0;
}
header.loaded div.top-header{
	opacity:1;
}

header.loaded div.main-header .white-bg{
	position:static !important;
	height:auto !important;
	top:auto !important;
	transform:none !important;
	width:calc(100vw - 40px) !important;
	padding:20px !important;
}
header.loaded div.main-header .white-bg h1 div.img{
	line-height:0;
	font-size:0;
	opacity:0;
}
header.loaded div.main-header div.header-sub-info{
	opacity:1;
}


header div.top-header a,
header div.top-header div.right a,
header div.top-header div.right span{
	margin:5px 0px;
	display:block;
}
header div.main-header h1{
}
header div.main-header h1 a{
	color:inherit;
}
header div.main-header div.site-search{
	width:80%;
}
header div.main-header div.site-search form input[type=text]{
	display:block;
	padding:10px;
	padding-left:65px;
	background:rgba(255,255,255,0.10) url(../image/main-search.svg) left center no-repeat;
	outline:none;
	height:30px;
	line-height:30px;
	width:calc(100% - 75px);
	border:0px;
	font-size:16px;
	color:rgba(65,65,65,1.00);
}

header div.main-header div.site-search form button{
	float:none;
	margin:5px;
	width:calc(100% - 10px);
}
header div.main-header div.header-sub-info span:first-child{
	display:block;
	border-right:0px;
	margin-bottom:10px;
}
section#home-page div.home-top-columns div.first{
	width:100%;
	float:none;
}
section#home-page div.home-top-columns div.second{
	width:100%;
	float:none;
	border-right:0px;
	border-left:0px;
}

section#home-page div.home-top-columns div.third{
	width:100%;
	float:none;
}
section#home-page div.home-top-columns div.column-item{
	width:calc(100% - 20px);
	margin:0px 10px;
	padding:0;
	border-bottom:1px rgba(0,0,0,0.20) solid;	
}
section#home-page div.home-top-columns div.first div.column-item,
section#home-page div.home-top-columns div.third div.column-item{
	width:calc(100% - 20px);
	margin:0px 10px;
}
section#home-page div.home-top-columns div.column-item:last-child{
	border-bottom:0px !important;
}
section#home-page div.home-top-slider{
	width:100%;
	float:none;
	margin-bottom:20px;
	
}
section#home-page div.additional-top-block{
	width:100%;
	float:none;
}
section#home-page div.home-top-slider div.slide  .cover{
}
section#single-page{
	padding:0px;
}

section#single-page article{
	width:calc(100% - 20px);
	margin:10px;
	float:none;
}
div.sidebar article{
	width:calc(100% - 22px) !important;
	margin:10px 0 !important;
}
div.sidebar div.news-timeline article{
	width:100% !important;
	margin:0 !important;
}
section#single-page article div.post-info{
	line-height:30px;
	display:block;
	padding:10px;
	
}
section#single-page article div.post-info span.date-time{
	display:block;
}
section#single-archive{
	padding:0px;
}
section#single-archive .articles{
	width:100%;
	float:none;
}
section#single-archive article{
	padding:10px;
	margin:10px;
	border:1px rgba(0,0,0,0.20) solid;
	overflow:hidden;
}
section#single-archive article div.post-info{
	float:none;
	width:100%;
}
section#single-archive article div.post-info .thumb{
	width:100%;
	height:300px;
	background-size:cover;
}
section#single-archive article div.post-info a{
	color:rgba(70,70,70,1.00);
	text-decoration:none;
	text-transform:uppercase;
	font-weight:bold;
	font-size:0.9em;
	margin-right:15px;
}
section#single-archive article div.post-content{
	width:100%;
	float:none;
	margin-right:0px;
}
section#single-page .articles-container{
	width:calc(100% - 20px);
	float:none;
	margin:0px auto;
}
section#single-page div.sidebar {
	width:calc(100% - 40px);
	float:none;
	margin:0px auto;
}
section#single-page div.sidebar div.authors-timeline article div.post-content{
	margin:0px auto;
}
section#home-page div.top-block div.main-frame, section#home-page div.top-block div.second-frame {
	width:calc(100% - 20px);
	float:none;
	margin:0px auto;
}
section#home-page div.top-block div.main-frame{
	border-bottom: 1px rgba(0,0,0,0.20) solid;
    padding-bottom: 10px;
    margin-bottom: 10px;
}
section#home-page div.top-block div.second-frame div.frame div.cover{
	width: 100%;
    float: none;
	margin-bottom:10px;
}
section#home-page div.top-block div.second-frame div.frame div.frame-container{
	width: 100%;
    float: none;
}
.page-subscription .subscription-block, .page-contacts .contacts-block{
	margin:20px auto 0px auto;
	width:calc(100% - 20px);
	float:none;
}
.page-subscription .subscription-block:nth-child(2), .page-contacts .contacts-block:nth-child(2){
	float:none;
}

section#single-page .articles-container article div.post-content img.w15,
section#single-page .articles-container article div.post-content img.w20,
section#single-page .articles-container article div.post-content img.w30,
section#single-page .articles-container article div.post-content img.w50{
	width:100%;
	height:auto;
	display:block;
	margin:10px 0px;
	float:none;
}
section#single-page .articles-container article div.post-content div.altimg div.alt{
	position:relative;
	margin-left:0px;
	right:0px;
	bottom:20px;
	color:#FFFFFF;
	background-color:rgba(0,0,0,0.80);
	padding:10px;
}
section#single-page .articles-container article div.social-share span{
	float:none;
}
section#single-page .articles-container article div.social-share a{
	float:none;
	display:block;
	margin-left:0px;
	margin-top:10px;
}
section#single-archive .articles-container,
div.sidebar{
	width:calc(100% - 20px);
	float:none;
	margin:0px auto;
}
section#single-archive .articles-container article div.post-info,
section#single-archive .articles-container article div.post-content{
	width:100%;
	float:none;
	margin:0px auto;
}
}