@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i&subset=cyrillic');

:root {
	--main-color: #1428A0; 
	--button-color: #F2994A;
	--button-href: #EB5757;
	
}

body {
	font-family: Open Sans;
	font-style: normal;
	font-weight: normal;
	font-size: 18px;
	overflow-x: hidden;

}
.main-RL {
	color: #1428A0;
}

.message_mobile {
	display: none;
}
#contents {
	width: 203px;
	height: 37px;
	border: 1px solid var(--main-color, #1428A0);
	border: 1px solid #1428A0;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	border-radius: 20px;
	text-align: center;
	line-height: 37px;
	font-weight: bold;
	margin-top: 28px;
	-webkit-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
#contents:hover {
	background-color: var(--main-color, #1428A0);
	background-color: #1428A0;
	color: #fff;
}




.main-text-title {
	font-family: Open Sans;
	font-size: 80px;
	line-height: 109px;
	color: #333333;
	font-weight: 800;

}
.main-text-subtitle span {
	font-family: Open Sans;
	font-size: 30px;
	line-height: 41px;
	font-weight: 800;
}

.main-text.first-abzac {
	padding: 30px;
    font-size: 110%;
    text-align: justify;
	margin-bottom: 0;
	}



#mainImg_1, #coverCarry1 {
	width: calc(100vw - 17px);
	height: calc(100vw * 582/1920);
	margin: auto;
	
}
#mainImg_2, #coverCarry2 {
	width: calc(100vw - 17px);
	height: calc(100vw * 700/1920);
	margin: auto;
	
}
#mainImg_3, #coverCarry3 {
	width: calc(100vw - 17px);
	height: calc(100vw * 582/1870);
	margin: auto;
	
}
#mainImg_4, #coverCarry4 {
	width: 447px;
	height: 792px;
	margin: auto;
	
}
#mainImg_4 {
	position: absolute;
	float: right;
	right: 0;
}

.top-leftquot {
	font-size: 13.02vw;
	color: #1428A0;
	-moz-opacity: 0.8;
	filter: alpha(opacity=80);
	opacity: 0.8;
	line-height: 100%;
	left: -30px;
	top: -135px;
	font-weight: bold;
	z-index: -1;

}

.float-block.fly_block {
    margin-left: 100vw;
    z-index: 0;
	font-size: 30px;
    width: 22vw;
    margin-top: 0px;
}



.float-block.fly_block {
}


.image_side.right_side {
	right: 260px;
	width: 882px;
	bottom: 0;
	margin-left: 55px;
	
}




.box-message {
    position: relative;
    font-family: Open Sans;
    font-size: inherit;
    line-height: inherit;
    text-align: left;
}




.main_text_block > .main-container {
	width: 870px;
	margin-left: auto;
	margin-right: auto;
	
}

.box-message.box-message_1 {
color: #000000;
padding-bottom: 24px;
position: absolute;
width: 31vw;
height: 17.5vw;
left: 27.3vw;
top: 50px;
font-family: Open Sans;
font-size: 3.125vw;
line-height: normal;
font-weight: bold;
}
.box-message.box-message_2 {
position: absolute;
width: 45vw;
height: 2.5vw;
left: 27.3vw;
top: 450px;

font-family: Open Sans;
font-size: 32px;
line-height: 44px;
font-weight: bold;

color: #1428A0;

}

.box-message.box-message_1 .box-message_text > .first-phrase {
	font-size: 80px;
}






.t-text_md {
    font-size: 20px;
    line-height: 1.55;
}

.main_image_block {
	position: relative;
//	display: block;
    clear: both;
    background-size: contain;

}
.main_image_block.image_block_second {
top: -80px;
    color: #000000;
left: 27.3vw;
font-size: 18px;
	
}

.main_image_block.image_block_second figcaption {
}
.main-text {
	margin-bottom: 40px;
}
.main-text h2 {
	color: var(--main-color, #1428A0); 
	color: #1428A0; 
}




.main_image_block.image_block_third .image_side.left_side {
	left: 0;
	width: 870px;
	bottom: 0;
    height: 509px;
    background: url(/giesecke/images/3.jpg) left top no-repeat;
//    background-size: cover;
    margin-left: auto;
    margin-right: auto;
	
}


.main_image_block.image_block_forth .image_side.left_side {
	left: 0;
	width: 868px;
	bottom: 0;
    height: 577px;
    background: url(/giesecke/images/4.jpg) left top no-repeat;
 //   background-size: cover;
    margin-left: auto;
    margin-right: auto;
	
}
.main_image_block.image_block_fifth .image_side.left_side {
	left: 0;
	width: 869px;
	bottom: 0;
    height: 494px;
    background: url(/giesecke/images/5.jpg) left top no-repeat;
//    background-size: cover;
    margin-left: auto;
    margin-right: auto;
	
}
.main_image_block.image_block_sixth .image_side.left_side {
	left: 0;
	width: 870px;
	bottom: 0;
    height: 503px;
    background: url(/giesecke/images/6.jpg) left top no-repeat;
    margin-left: auto;
    margin-right: auto;
	
}
.main_image_block.image_block_seventh .image_side.left_side {
	left: 0;
	width: 869px;
	bottom: 0;
    height: 494px;
    background: url(/giesecke/images/7.jpg) left top no-repeat;
 //   background-size: cover;
    margin-left: auto;
    margin-right: auto;
}


.image_caption {
	margin: 20px auto 40px;
	width: 870px;
	font-size: 90%;
	font-weight: bold;
}


#letterSubmit:hover {
    background-color: var(--button-href, #EB5757) !important;
    background-color: #EB5757 !important;
}

#letterSubmit {
    color: #ffffff;
    background-color: var(--button-color, #F2994A) !important;
    background-color: #F2994A !important;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.t-container {
    max-width: 870px;
}

.rekv a, .rekv a:visited, .rekv a:focus {
    color: #1428A0;
}


@media screen and (max-width:1920px) {





}

@media screen and (max-width:1800px) {
	
.float-block.fly_block {
	position: relative;
	display: block;
	float: none;
    margin-left: 100vw;
    z-index: 0;
	font-size: 30px;
    width: 50vw;
    margin-top: 100px;
    margin-bottom: 100px;
}

#mainImg_4 {
	position: relative;
	float: right;
	right: 0;
	margin-left: 20px;
}




}

@media (min-width:481px) and (max-width:1280px) {

.box-message.box-message_1.desktop_view {
color: #000000;
padding-bottom: 24px;
position: absolute;
width: 38vw;
height: 335px;
left: 17.6vw;
top: 50px;
font-family: Open Sans;
font-size: 3.9vw;
line-height: normal;
font-weight: bold;
}
.box-message.box-message_2.desktop_view {
position: absolute;
width: 870px;
height: 48px;
left: 225px;
top: 350px;

font-family: Open Sans;
font-size: 18px;
line-height: 44px;
font-weight: bold;

color: #1428A0;

}
.main_image_block.image_block_second.desktop_view {
top: -120px;
    color: #000000;
left: 225px;
font-size: 18px;
	
}




}


@media (min-width:481px) and (max-width:1280px) {
.main_image_block.image_block_second.desktop_view {
left: 100px;
	
}
	
#mainImg_1, #coverCarry1 {
	width: calc(100vw - 17px);
	height: calc(100vw * 585/1280);
	margin: auto;
	
}

	
#mainImg_2, #coverCarry2 {
	width: calc(100vw - 17px);
	height: calc(100vw * 700/1280);
	margin: auto;
	
}
#mainImg_3, #coverCarry3 {
	width: calc(100vw - 17px);
	height: calc(100vw * 700/1280);
	margin: auto;
	
}
/*
#mainImg_4, #coverCarry4 {
	width: calc(100vw - 17px);
	height: calc(100vw * 700/1280);
	margin: auto;
	
}


*/
#mainImg_4 {
	position: relative;
	float: right;
	right: 20px;
}

}


@media (min-width:871px) and (max-width:1279px) {
.t-col_9 {
    max-width: 870px !important;
}	

}
@media (max-width:870px) {
body {
//	padding: 0 10px;
}
.main_text_block > .main-container {
    max-width: 100vw !important;
}
	
.t-col_9 {
    max-width: 100vw !important;
}	
.t-container {
	padding: 0 10px;
}
#contents {
    margin: auto;
}
.box-message.box-message_1 .box-message_text > .first-phrase {
	font-size: 4vw;
}














}





@media (min-width:481px) and (max-width:980px) {

#mainImg_4 {
	position: relative;
	float: none;
	margin: auto;
}
.main_image_block.image_block_second.desktop_view {
left: 7.8vw;
font-size: 2.0vw;	
top: -100px;
}

.box-message.box-message_1.desktop_view {
//padding-bottom: 1.8vw;
width: 38vw;
height: 335px;
left: 10vw;
top: 1.0vw;
font-size: 3.9vw;
}
#mainImg_1 > div.box-message.box-message_1.desktop_view > div {
	padding-top: 10px;
}






}
@media (max-width:480px) {
.float-block.fly_block {
	display: none;
}
.box-message.box-message_1 {
    color: #000000;
	text-align: center;
    padding-bottom: 24px;
	position: relative;
    width: 100vw;
    height: auto;
    left: auto;
   top: 0;
    font-family: Open Sans;
font-size: 32px;
line-height: 44px;
    font-weight: bold;
}

.main_image_block.image_block_second {
	position: relative;
	left: 0;
    color: #000000;
	top: 0;
	text-align: center;
	
}
	
#mainImg_1, #coverCarry1 {
	width: 100vw;
	height: calc(100vw * 593/475);
	margin: auto;
	
}
#mainImg_2, #coverCarry2 {
	width: 100vw;
	height: calc(100vw * 640/475);
	margin: auto;
	
}
#mainImg_3, #coverCarry3 {
	width: 100vw;
	height: calc(100vw * 640/475);
	margin: auto;
	
}
#mainImg_4, #coverCarry4 {
	width: 100vw;
	height: calc(100vw * 792/430);
	margin: auto;
	
}
#mainImg_4 {
	position: relative;
	float: none;
	margin: auto;
}

	
.image_caption {
    margin: 20px auto 40px;
    max-width: 100vw;
    font-size: 90%;
    font-weight: bold;
}	
.message_mobile {
	display: block;
}
.box-message.box-message_2 {
	display: none;
}









}