/*
	Vladimir Zhelnov / neatek.pw / 05.07.2017
*/

.top-line {
	display: none; 
}
.top-menu-mobile {
	display: none;
}
.left-menu .fa {
	display: none;
}
.copyright-mobile {
	display: none;
}
.footer-socials-mobile {
	display: none;
}
.mobile-search-li { 
	display: none !important;
}
.div-second {
	display: none; 
}
.bar-collapse {
	display: none; 
}

@media (max-width: 1024px){
	.nav {
		padding-top: 106px;
	}
	.mobile-search-li {
		display: block !important;
	}
	#mobile-search {
		width: 100%;
		background-color: #b35f67;
		border: none;
		margin-top: 10px;
		height: 25px;
		padding-left: 20px;
		margin-bottom: 5px;
		color: #fff;
	}
	#mobile-search::placeholder {
	    color: #fff;
	    font-family: 'Palatino-Linotype';
	    font-size:14px;
	    text-transform: uppercase;
	}
	#mobile-search-submit {
		background: none;
		border: none;
		position: absolute;
		z-index: 100;
		right: 11px;
		top: 18px;
	}
	.top-line {
		display: block; 
		/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#bd0019+0,870f2d+100 */
		background: rgb(189,0,25); /* Old browsers */
		background: -moz-linear-gradient(left,  rgba(189,0,25,1) 0%, rgba(135,15,45,1) 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(left,  rgba(189,0,25,1) 0%,rgba(135,15,45,1) 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to right,  rgba(189,0,25,1) 0%,rgba(135,15,45,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bd0019', endColorstr='#870f2d',GradientType=1 ); /* IE6-9 */
		height: 22px;
		color: #fff;
		display: flex;
		font-family: 'Palatino-Linotype';
	}
	.top-line .top-line-left {
		text-transform: capitalize;
		font-weight: 900;
		padding: 5px 20px;
		border-right: solid 1px;
	}
	.top-line .top-line-right {
		font-weight: 900;
		padding: 5px 15px;
	}
	.top-menu-mobile {
		display: flex;
		justify-content: space-around;
		padding-top: 10px;
		background-color: #fff;
	}
	.top-menu-mobile .news-articles {
		display: inline-block;
		padding-top: 42px;
		border-bottom: none;
		text-decoration: none;
		text-align: center;
	}
	.head {
		min-height: 106px;
		position: fixed;
		width: 100%;
		z-index: 100;
	}
	.head .wrapper {
		display: none;
	}
	.wrapper.breadcrumb {
		display: none;
	}
	.whitebar {
		display: none;
	}
	.a-second, .div-second {
		width: 100%;
		height: 239px;
		background-size: cover !important;
		display: block;
		position: relative;
	}
	.a-second b, .div-second b {
		background-color: rgb(0,0,0,0.6);
		display: block;
		padding: 20px;
		color: #fff;
		font-size: 22px;
		text-transform: none;
		line-height: 21px !important;
		position: absolute;
		bottom: 0;
		min-width: calc(100% - 40px);
	}
	.div-second b {
		font-weight: normal;
	}
	.news-list {
		padding: 0; 
	}
	.moneyinline img {
		width: 100%;
		height: auto;
	}
	.pagenav {
		text-align: left;
		margin-top: 0 !important;
	}
	.album_item {
		width: 100%;
	}
	.photo-items-list {
		width: 100% !important; 
	}
	.photo-items-list .photo-item-cont {
		display: none; 
	}
	.photo-items-list .photo-item-cont:first-child {
		display: block;
		width: 100%; 
		margin: 0; 
		padding: 0;
	}
	.phots .empty-clear {
		display: none;
	}
	.photo-item-inner {
		width: 100% !important;
		height: 239px !important; 
		background-size: cover !important;
		display: block;
		position: relative; 
	}
	.photo-item-inner img {
		display: none;
	}
	.photo-item-inner b {
		background-color: rgba(0,0,0,0.6);
		display: block;
		padding: 20px;
		color: #fff;
		font-size: 22px;
		text-transform: none;
		line-height: 21px !important;
		position: absolute;
		bottom: 0;
		font-weight: 300;
		min-width: calc(100% - 40px);
	}
	.album_h {
		display: none;
	}
	.news-date-time {
		display: none !important;
	}
	.moneyinline td {
		display: block;
		text-align: center;
	}
	.slider-overlay {
		padding: 0;
		min-height: auto;
		margin: 4px;
	}
	.bx-breadcrumb {
		padding: 10px;
		padding-bottom: 0;
	}
	.pagenav .nav-begin,
	.pagenav .nav-end {
		display: block;
		margin-top: 0;
		margin-bottom: 5px;
	}
	div.search-advanced-result {
		float: none;
		width: 100%;
	}
	div.search-page input.search-suggest {
		width: 100%;
		margin-left: 10px;
	}
	.search-advanced-filter {
		margin-top: 10px;
		margin-bottom: 10px;
	}
	.search-filter {
		padding: 10px;
	}
	.search-advanced {
		text-align: center;
		padding: 10px;
	}
	.nav ul li a {
		border:0;
	}
	.moveup,
	.glass-effect {
		display: none;
	}
	.projects-line {
		margin-bottom: 0px;
	}
	.main-prichod .projects-line {
		margin: 0;
	}
	.map-ep {
		display: none;
	}
	div {
		border:0;
	}
	.wrapper {
		width: 100%;
	}
	.banner2, .banner {
		display: inline-block;
	}
/* 	.banner img, .banner2 img {
	width: 100%;
	height: 100%;
} */
	.owl-theme .owl-nav,
	.owl-carousel-2 .owl-nav.disabled,
	.owl-carousel .owl-nav.disabled {
		display: none !important;
	}
	.sidebar,
	.content,
	.contentcol2 .col2:nth-child(1),
	.contentcol2 .col2:nth-child(2)  {
		display: block !important;
		width: 100% !important;
	}
	.logo {
		width: 100%  !important;
		height: 90px;
		background-repeat: no-repeat;
	}
	.rightcontainer {
		display: block;
		position: static;
		text-align: center;
		margin-bottom: 10px;
	}
	.rightcontainer input[type=text] {
		margin-bottom: 30px;
		width: 80%;
	}
	.whitebox {
		overflow: auto !important;
		max-height: none;
		height: auto !important;
		min-height: auto !important;
		padding: 0 !important;
	}
	/*.news-detail img {
		display: none;
	}*/
	.news-detail img.detail_picture {
		display: none;
	}
	.news-detail p {
		position: relative; 
		padding: 20px;
		margin: 0;
	}
	.news-detail p .title-overlay {
		background-color: rgb(0,0,0,0.6);
		display: block;
		padding: 20px;
		color: #fff;
		font-size: 22px;
		text-transform: none;
		line-height: 21px !important;
		position: absolute;
		bottom: 0;
		font-weight: 300;
	}
	.news-detail h3 {
		display: none;
	}
	#podelites {
		padding: 20px;
	}
	.news-date-time-mobile {
		margin: 20px;
		font-style: italic;
	}
	.sliderdeti .whitebox {
		max-height: 120px !important;
		height: 120px !important;
		min-height: 120px !important;
	}
	.whitebox .whitecol2 {
		width: 80%;
		margin-right: 0;
		border-bottom: 0;
		overflow: auto !important;
		max-height: auto !important;
		height: auto !important;
		min-height: auto !important;
	}
	.owl-mobile-carousel2 {
		width: 100%;
		overflow: hidden;
		margin-left:0;
	}
	.whitebox .owl-item img {
		opacity: 1.0;
		transition: 0.3s;
	}
	.whitecol2 .w-title {
		line-height: 18px;
	}
	.slider2hide .slider-overlay {
		display: block;
	}

	.footer .links {
		display: block;
		float:none;
		text-align: left;
	}
	.search-form,
	.deti-prihod .wrapper .deticol2:nth-child(1),
	.deti-prihod .wrapper .deticol2:nth-child(2) {
		width: 100%;
	}
	body .deti-news-item, 
	.wrapdeti .deti-news-item, 
	.opinions-prihod .deti-news-item {
		display: block !important;
		width: 100% !important;
		padding: 0;
		margin-bottom: 0 !important;
	}
	.deti-news-item .preview-text,
	.deti-news-item .news-date-time,
	.deti-news-item br {
		display: none; 
	}
	.preview_picture { 
		display: none; 
	}
	.footer {
		background-color: #4a4848;
		display: flex;
		justify-content: space-between;
	}
	.footer .wrapper {
		display: none;
	}
	.copyright-mobile {
		font-size: 12px;
		display: flex !important;
		min-width: 140px;
		padding-top: 10px;
		margin-right: 10px;
	}
	.footer-socials-mobile {
		display: flex !important;
		text-align: center;
		line-height: 2;
		flex-wrap: wrap;
		justify-content: center;
	}
	.footer-socials-mobile .fa {
		font-size: 20px;
		margin-right: 10px;
	}
	.parishioners-prihod .deti-news-item {
		display: block !important;
		width: 100% !important;
	}
	.obuchenie-prichod .head .wrapper .headbox img, 
	.money-prihod .head .wrapper .headbox img, 
	.eparkhii-prihod .head .wrapper .headbox img, 
	.parishioners-prihod .head .wrapper .headbox img, 
	.deti-prihod .head .wrapper .headbox img,
	.konkurs-prihod .head .wrapper .headbox img,
	.opinions-prihod .head .wrapper .headbox img {
		padding: 0;
		display: block;
		margin:auto;
	}
	.obuchenie-prichod  .head .wrapper .headbox .headlinks a,
	.money-prihod  .head .wrapper .headbox .headlinks a, 
	.opinions-prihod  .head .wrapper .headbox .headlinks a, 
	.eparkhii-prihod .head .wrapper .headbox .headlinks a,
	.deti-prihod .head .wrapper .headbox .headlinks a,
	.parishioners-prihod .head .wrapper .headbox .headlinks a,
	.konkurs-prihod .head .wrapper .headbox .headlinks a,
	.opinions-prihod .head .wrapper .headbox .headlinks a {
		text-align: center;
		margin-bottom: 10px;
	}
	.parishioners-prihod .head .wrapper .headbox .headlinks .logo,
	.headlinks {
		text-align: center;
	}
	.obuchenie-prichod .headbox,
	.eparkhii-prihod .headbox, 
	.parishioners-prihod .headbox, 
	.deti-prihod .headbox,
	.opinions-prihod .headbox, 
	.eparkhii-prihod .headbox, 
	.parishioners-prihod .headbox, 
	.deti-prihod .headbox,
	.konkurs-prihod .headbox,
	.opinions-prihod .headbox {
		margin-top: 0px;
		float: none;
	}
	.obuchenie-prichod .head .wrapper .headbox .headlinks, 
	.money-prihod .head .wrapper .headbox .headlinks, 
	.opinions-prihod .head .wrapper .headbox .headlinks, 
	.eparkhii-prihod .head .wrapper .headbox .headlinks, 
	.parishioners-prihod .head .wrapper .headbox .headlinks, 
	.deti-prihod .head .wrapper .headbox .headlinks,
	.konkurs-prihod .wrapper .headbox .headlinks {
		width: 100%;
	}
	.parishioners-prihod .wrapper .deticol2:nth-child(1), 
	.deti-prihod .wrapper .deticol2:nth-child(1) {
		margin-right: 0;
	}
	.obuchenie-prichod .nav ul li a,
	.money-prihod .nav ul li a,
	.opinions-prihod .nav ul li a,
	.eparkhii-prihod .nav ul li a,
	.deti-prihod .nav ul li a,
	.parishioners-prihod .nav ul li a {
		border:0;
		display: block;
		text-align: left;
	}
	.deti-prihod .nav ul li a,
	.opinions-prihod .nav ul li a,
	.obuchenie-prichod .nav ul li a,
	.money-prihod .nav ul li a {
		display: inline;
		border: none;
		padding-right: 6px;
		padding-left: 20px;	
	}
	.obuchenie-prichod .nav ul li,
	.money-prihod .nav ul li,
	.opinions-prihod .nav ul li,
	.eparkhii-prihod .nav ul li,
	.deti-prihod .nav ul li,
	.parishioners-prihod .nav ul li {
		display: block;
	}
	.top-menu-mobile-parishioners, .top-menu-mobile-eparkhii {
		display: none; 
	}
	.deti-prihod .nav ul li ul li {
		padding: 5px; 
		border-bottom: 1px #e35e26 solid;
	}
	.konkurs-prihod .nav ul li a {
		padding-left: 20px;
		padding-right: 5px;
	}
	.bx-html-editor {
		min-width: auto !important;
	}
	.owl-theme div {
		overflow: hidden;
	}
	.as-pages b {
		display: inline-block;
	}

	.nav ul li {
		display: block;
		padding: 4px 0;
		text-align: left;
		background-color: #5c1a23;
		margin-top: -1px;
	}
	.nav ul li ul {
		display: block;
		position: static;
	}
	.nav ul li a {
		font-size: 14px !important;
		padding-left: 20px;
	}
	.projects-line::before {
		/* height: 40px; */
		display: block;
		background-color: #8F8F8F;
		background-image: url('./img/menu.png');
		background-position: 3px;
		background-repeat: no-repeat;
		color:#fff;
		text-align: left;
		content: 'Наши проекты';
		padding: 45px;
		padding-top: 20px;
		padding-bottom: 20px;
		font-size: 16px;
	}
	.projects-line {
		display: none;
	}
	.left-menu {
		display: none;
		position: fixed !important;
		top: 106px;
		z-index: 99999;
		width: 100%;
	}
	.left-menu::before {
		/* height: 40px; */
		display: none; /* todo: remove completely when ready */
		background-color: #8F8F8F;
		background-image: url('./img/menu.png');
		background-position: 3px;
		background-repeat: no-repeat;
		color:#fff;
		text-align: left;
		content: 'Меню';
		padding: 45px;
		padding-top: 20px;
		padding-bottom: 20px;
		font-size: 16px;
	}
	.left-menu .fa {
		color: #fff;
		display: inline-block;
	}
	.left-menu .fa-angle-right {
		font-weight: 900;
		margin-left: 5px;
	}
	.nav ul li ul li {
		padding: 0;
		width: auto;
		background-color: #821d2f;
		margin-top: -1px;
		border-bottom: none;
	}
	.nav ul li ul li a {
		padding: 8px 0 8px 35px;
	}
	.whitebox iframe {
		width: 90%;
		overflow: auto;
	}
	.hidefrommobile {
		display: none;
	}
	.imgscaled {
		text-align: center;
		width: 100%;
		margin: 0px !important;
	}
	.classbmb {
		width: 502px;
	}
	.showonlymobile {
		display: block !important;
	}
	.showonlydesktop {
		display: none;
	}
	.obuchenie-prichod .head .shadow {
		display: none;
	}
/* 	.left-menu li {
	display: none;
} */
	
	/* Mobile slider: */
	.photo-fixed-overlay .photo-top { display: none; }
	.photo-fixed-overlay .photo-footer { display: none; } 
	.photo-fixed-overlay .photo-image { min-height: 100%; height: 100%; }
	.photo-fixed-overlay .photo-image img:not(.photo-image-wait) { width: 100% !important; height: auto !important; } 
	.photo-fixed-overlay .photo-main { min-width: 100%; margin: 0; padding: 0; min-height: 100%; height: 100%; }
	.photo-fixed-overlay .photo-prev-slide-wrap { width: auto; }
	.photo-fixed-overlay .photo-main-block-wrap { width: 100%; min-height: 100%; height: 100%; } 
	.photo-fixed-overlay .photo-next-slide-wrap { width: auto; }
	.photo-fixed-overlay .photo-wrap { padding: 0; min-height: 100%; height: 100% }
	.photo-fixed-overlay .photo-main-table { top: 0; min-height: 100%; height: 100%; }
	.photo-fixed-overlay .photo-close span { right: 15px; } 
	.photo-fixed-overlay .photo-prev-slide span { top: calc(50% - 30px); }
	.photo-fixed-overlay .photo-next-slide span { top: calc(50% - 30px); }
	/* todo: temporary: fix close on internal page */ 
	.photo-page-section { display: none; }
	
	.bar-collapse {
		display: block;
		background-color: #bf001a;
		color: #fff;
		text-align: left;
		padding: 10px 0 10px 20px;
		text-transform: uppercase;
		font-weight: 900;
		position: relative;
		/*margin-bottom: 8px;*/
	}
	
	.bar-collapse .collapse-btn {
        position: absolute;
		right: 20px;
		color: #fff;
		font-weight: 900;
		font-size: 18px;
		top: 7px;
	}
	
	.bar-collapse .collapse-btn .fa-angle-up {
		display: inline-block;
	}
	.bar-collapse .collapse-btn .fa-angle-down {
		display: none;
	}
	
	.bar-collapse .collapse-btn.collapsed .fa-angle-up {
		display: none;
	}
	.bar-collapse .collapse-btn.collapsed .fa-angle-down {
		display: inline-block;
	}
	.whitebox.bar-collapse-whitebox {
		margin-bottom: 0;
	}
	
	.donatebox {
		padding: 20px !important;
	}
	
	.topmaterials {
		margin-bottom: 0; 
		padding-top: 15px !important;
		padding-bottom: 15px !important;
	}
}
@media (max-width: 768px){

	.programm-table td {
		display: block;
	}
	.imgscaled {
		margin:0 !important;
		height: auto !important;
		width: 100%;
	}
	.imgscaled img {
		margin: 0 !important;
	}
	.classsmb,
	.classbmb {
		margin:0 !important;
		width: 100%;
		display: block;
		height: auto;
	}
	.classsmb img,
	.classbmb img {
		width: 100%;
		height: 100%;
	}
	.slider {
		margin-top: 0;
	}
	#bottom_nav a,
	#top_nav a {
		display: inline-block;
	}
	.NewsCalHeader {
		font-size: 9px;
	}
	#spisok_of_eparh td {
		display: block;
		width: 100% !important;
		margin-bottom: 6px;
	}
	.banner, .banner2 {
		display: block;
		height: auto;
	}
	.banner2 .overlay {
		background-color: rgba(85, 85, 85, 0.6);
	}
	.banner .b-date, .banner2 .b-date,
	.banner2 .b-title, .banner .b-title {
		text-align: center;
	}
	.banner .b-date, .banner2 .b-date {
		left: 40%;
	}
	.banner img, .banner2 img {
		/* width: 100%; */
		display: block;
		margin:auto;
	}
	.whitebox input {
		width: 90%;
		display: block;
		margin:auto;
	}
}
@media (max-width: 375px){
	.banner img, .banner2 img {
		width: 100%;
	}
}