@font-face{
	font-family:'Mariam-Bold';
	src: url('fonts_new_version/GHEANarekDemiBold.otf') format("opentype");
}
@font-face{
	font-family:'Mariam-Italic';
	src: url('fonts_new_version/GHEANarek-LightItalic.otf') format('opentype');
}
@font-face{
	font-family:'Mariam-Bold-Italic';
	src: url('fonts_new_version/GHEANarek-LightItalic.otf') format('opentype');
}
@font-face{
	font-family:'Mariam';
	src: url('fonts_new_version/GHEANarekLight.otf') format('opentype');
}

article p {
	max-width: 1200px;
}
article a {
	
    color: #555;
    font-family: Mariam-Bold;
}
article a:hover {
	text-decoration: underline;
}
article img {
	margin-top: 0px;
	margin-bottom: 0px;
	max-width: 100%;
}
.black-background {
	background-color: #000000;
	color: #ffffff;
	padding: 35px 5%;
	margin: 20px auto;
    margin-top: -10%;
    margin-bottom: 0px;
    z-index: 100;
    position: relative;
	width: 70%;
    max-width: 1200px;
	font-size: 21px;
}
.black-background p{
	color: #ffffff;
}
.into-upper-image, .into-upper-image p{
	
	z-index: 1000;
	position: relative;
    width: 70%;
    max-width: 1200px;
	margin: 20px auto;
	margin-top: -20%;
}
.quotes_new {
	background-image: url(../images/new_quotes.jpg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	text-align: center;
	margin: 50px auto;
    width: 70%;
    max-width: 1200px;
    font-size: 30px;
	min-height: 90px;
	
    font-style: italic;
    line-height: 1.7em;
	font-family: Mariam-Bold;
	
	padding: 36px 10%;
    max-width: 820px;
}
.quotes_new p{
	padding: 0 10%;
    max-width: 820px;
    font-style: italic;
    font-size: 30px;
    line-height: 1.7em;
	text-align: center;
	font-family: Mariam-Bold;
}

.quotes_new_karmir, .quotes_new_brown{
	background-image: url(../images/new_quotes_karmir.png);
	color: #fff !important;
    padding: 36px 12%;
    max-width: 820px;
}
.quotes_new_brown{
	background-image: url(../images/new_quotes_brown.png);
}
.quotes_new_karmir p, .quotes_new_brown p{
	color: #fff;
}



.titles_new_red, .titles_new_black{
	font-size: 60px !important;
	text-transform: uppercase;
	letter-spacing: 7px;
	text-align: center;
	max-width: 800px;
    line-height: 1.7em;
    margin: 0px auto;	
	font-family: Mariam-Bold;
}


.titles_new_red{
	color: #af302a;
}
.titles_new_black{
	
}
.image_title_for_mobiles {
	display: none;
}

.text_inside_image {
	background-color: #fff;
	
	margin: 20px auto;
    color: #000;
    font-size: 21px;
    font-weight: 400;
	line-height: 1.5em;
    width: 72%;
	max-width: 1260px;
    letter-spacing: 1px;
    margin-top: -11% !important;
    position: relative;
    padding: 65px 100px;
}



@media (max-width:1200px)
{
	.quotes_new_karmir, .quotes_new, .quotes_new_brown {
		padding: 36px 15%;
		max-width: 70%;
	}
}

@media (max-width:992px)
{
	.titles_new_red, .titles_new_black {
		font-size: 40px !important;
	}
	.quotes_new {
		background-size: cover;
		margin: 26px auto;
		width: 100%;
		max-width: 1200px;
		max-width: 90%;
		font-size: 28px;
	}
	.quotes_new p{
		padding: 0 15px;
		max-width: 90%;
		font-size: 28px;
	}
	
	.quotes_new_karmir, .quotes_new_brown{
		font-size: 28px;
		color:#eee !important;
		padding: 0px;
		
		padding: 0px 20%;
		width: 60% !important;
	}
	.quotes_new{
		padding: 0px 20%;
		width: 60% !important;
	}
}


@media (max-width:767px)
{
	.titles_new_red, .titles_new_black {
		font-size: 30px !important;
	}
	.quotes_new {
		margin: 26px auto;
		width: 100%;
		max-width: 1200px;
	}
	.quotes_new p{
		padding: 0 15px;
		max-width: 90%;
		font-size: 21px;
	}
	article p {
		width: 100%;
		font-size: 15px;
		line-height: 22px;
	}
	.black-background {
		font-size: 15px;
	}
	.image_title_for_mobiles {
		display: block;
		text-align:center;
	}
	.text_inside_image {
		color: #000;
		font-size: 18px;
		width: 85%;
		line-height: initial;
		letter-spacing: 1px;
		padding: 6px 10px;
	}
	.quotes_new{
		background-size: contain !important; 
		font-size: 20px;
		padding: 0px 20%;
		width: 60% !important;
	}
	.quotes_new_karmir, .quotes_new_brown{
		
		background-size: cover !important;
		font-size: 20px;
		color: #eee !important;
		background-size: contain;
		padding: 0px 20%;
		width: 60% !important;
	}
	
}

@media (max-width:600px)
{
	.titles_new_red, .titles_new_black {
		font-size: 18px !important;
		width: 100%;
	}
	
	.quotes_new {
		background-size: contain;
	}
}

.wide {
	width: 100%;
	margin: 0px;
	max-width: 100%;
}