/* Main Page */

/* Главная страница */

#page-header{
	padding: 0;
}

.carousel-caption {
	font-family: Arial, Helvetica, Geneva, sans-serif;
	text-shadow: 0 0 5px #121212;
}

@media (min-width : 919px) {
	.carousel-caption h3 {font-size: 32px;}	
}

a.btn {
	color: white;
}

.M-Section-Wrapper {
	height: 450px;	
	width: 100%;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: 50% 0;	
}


.shadow {
	height: 100%;
	min-height: 300px;
    background: rgba(0,0,0,0.4);
    padding: 50px;
    }
	@media (min-width : 919px) and (max-width : 1280px) {
		.M-Section-Wrapper, .shadow {height: 400px;}
	}    
	    
	@media only screen and (min-width : 768px) and (max-width : 918px) {
		.M-Section-Wrapper, .shadow {height: 400px;}
	}
	
	@media only screen and (min-width: 320px) and (max-width: 767px) {
		.M-Section-Wrapper, .shadow {height: 250px;}
	}


.shadow-text {
	text-shadow: 0 0 5px #121212;
}

.M-Books {
	background: url(//venagid.ru/wp-content/uploads/2017/10/main-books.jpg)no-repeat center center;
}


.M-Vienna {
	background: url(//venagid.ru/wp-content/uploads/2016/05/main-vienna-1920x450.jpg)no-repeat center center;
}

	@media (min-width : 1281px) and (max-width : 1440px) {
		.M-Vienna {background: url(//venagid.ru/wp-content/uploads/2016/05/main-vienna-1440x450.jpg) no-repeat center center;
		}
	}
	
	@media (min-width : 919px) and (max-width : 1280px) {
		.M-Vienna {background: url(//venagid.ru/wp-content/uploads/2016/05/main-vienna-1280x400.jpg)no-repeat center center;
		}
	}
	
	@media only screen and (min-width : 768px) and (max-width : 918px) {
		.M-Vienna {background: url(//venagid.ru/wp-content/uploads/2016/05/main-vienna-918x400.jpg) no-repeat center center;}
	}
	
	@media only screen and (min-width: 320px) and (max-width: 767px) {
		.M-Vienna {background: url(//venagid.ru/wp-content/uploads/2016/05/main-vienna-1536x500.jpg)no-repeat center center;
		background-size:     cover;}         
	}

.M-Section-Content {
	max-width: 1200px;
	min-height: 50vh;
	margin-right: auto;
	margin-left: auto;
	color: white;
	font: 1em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	text-align: center;
	position:relative;
}



.b-triangle {
	display: block;
	position: absolute;
	bottom: 0;
	right: 0;
	left: 0;
	height: 0;
	padding-bottom: 10%;
	overflow: hidden;
	z-index: 0;
	
}


.b-triangle .b-triangle--elem_left {
    left: 50%;
    transform-origin: 0 0;
    -webkit-transform-origin: 0 0;
    -moz-transform: rotate(-3deg) skewX(72deg);
    -o-transform: rotate(-3deg) skewX(72deg);
    -ms-transform: rotate(-3deg) skewX(72deg);
    -webkit-transform: rotate(-3deg) skewX(72deg);
    transform: rotate(-3deg) skewX(72deg);
}

.b-triangle .b-triangle--elem_right {
    right: 50%;
    transform-origin: 100% 0;
    -webkit-transform-origin: 100% 0;
    -moz-transform: rotate(3deg) skewX(-72deg);
    -o-transform: rotate(3deg) skewX(-72deg);
    -ms-transform: rotate(3deg) skewX(-72deg);
    -webkit-transform: rotate(3deg) skewX(-72deg);
    transform: rotate(3deg) skewX(-72deg);
}

.b-triangle .b-triangle--elem {
    position: absolute;
    top: 100%;
    background: #fff;
    width: 51%;
    padding-bottom: 108px;
    z-index: -1;
}



.ShowcardTextMain {
	
	padding: 5px 20px 20px;
	border: 1px solid #ffffff;
	border-top: none;
	font: 0.75em Arial, "Lucida Grande", Lucida, Verdana, sans-serif;
	line-height: 1.3em;
	height: auto;
}

.ShowcardTextMaint H3 {
	padding: 0;
	margin: 0 0 10px;
	line-height: 0.8em;
}

.ShowcardTextMain H3 a {
	color: #424242;
	text-decoration: none;
	font: 15px Arial, Helvetica, Geneva, sans-serif;
}

.MainImgblock {
    
    position: relative;
        display: inline-block;
}    

.MainImgblock span {
    background: rgba(0,0,0,0.7);
    /*background: #222;*/
    color: #fff;
    position: absolute;
    bottom: 10px;
	font: 20px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	padding: 3px 5px;
	max-width: 90%;
	left: 0;
}



.MainCard {	
	height: 320px;	
}

@media only screen and (min-width: 768px) and (max-width: 992px) {
	.MainCard {}
}

@media only screen and (min-width: 544px) and (max-width: 767px) {
	.MainCard {height:400px;}
}

@media only screen and (max-width: 543px) {
	.MainCard {width: 99%; height:auto;	margin: 20px 0;}
	
}

.MainCard div {
	width: 100%;
	height: 50%;
	overflow: hidden;

}



.MainCard p, .MainCard p a {
	font: 12px Arial, Helvetica, Geneva, sans-serif;
	margin-top: 5px;
	margin-bottom: -5px;
	color: #727272;
	text-align: center;
}

.MainCard h3 {
	margin-top: 5px;
	text-align: center;
}

.MainCard h3 a{
	font: 18px Arial, Helvetica, Geneva, sans-serif;
	color: black;
}