/*///////////////////////////////////////////////////////////////////////////////
date:     29.03.12
author:   Ivan Miro
e-mail:   ivan@htmlfabric.ru
website:  htmlfabric.ru
///////////////////////////////////////////////////////////////////////////////*/

html { height: 100%; width: 100%; }

	body { background: #fff; color: #565c65; font-family: HeliosLightC, Helvetica, Verdana, Arial sans-serif; font-size: 16px; line-height: 22px; height: 100%; width: 100%; }

		.wrap { height: 100%; min-height: 600px; overflow: hidden; min-width: 960px; position: relative; width: 100%;
			
	}

/*//////////////////////////////////////////////////////////////////////////////*/
/*header part*/
.head { height: 100%; left: 0; margin: -300px 0 0 0; position: absolute; top: 45%; width: 100%; }
	
	.image { height: 1100px; position: absolute; top: 0; text-align: right; width: 37%; z-index: 1; }
		.image img { height: auto; width: 110%; max-width: 799px; position: absolute; right: 0; top: 0; }
		#image2 { left: 200%; }
		#image3 { left: 200%; }
	
	.content { height: 100%; max-height: 800px; left: 37%; position: absolute; top: 0; width: 63%; z-index: 2; }
		#content2 { left: 237%; }
		#content3 { left: 237%; }
		.contacts { left: 0; position: absolute; top: 60%; float: left;}
		.content p { margin-top: 25px; max-width: 1000px; max-height:66px; padding-right: 7%; }
			.content p.fullVersion { background: #a8b4c4; color: #fff; display: inline; padding: 2px 7px; }
			.content p.tel { color: #002e6e; font-family: HeliosThinC, Tahoma, sans-serif; font-size: 30px; left: -14px; position: relative; *line-height: 40px; *margin-top: -1px; *padding-top: 10px; margin-top:15px }
			.content p.mail { color: #002e6e; font-family: HeliosThinC, Tahoma, sans-serif; font-size: 30px; *line-height: 40px; *margin-top: -1px; *padding-top: 10px; margin-top:15px}
				.content p.mail a { color: #002e6e; }
		.logo { left: 0; position: absolute; top: 6%; }
		.text { left: 0; position: absolute; top: 28%; }
		.more_text { padding-top: 100px; left: 0; position: absolute; top: 28%; }
		.arrow { background: url(../i/arrow.png) 100% 0 no-repeat; color: #002e6e; display: block; font-family: HeliosLightC, Tahoma, sans-serif; font-size: 14px; height: 87px; line-height: 87px; padding-right: 45px; position: absolute; right: 40px; top: 30%; text-align: right; text-decoration: none; }
			
		.foot { 
	width: 100%;
	margin: -50px auto 0;
	height: 20px;
	position: relative;
	z-index: 2;
} 
		.foot div {padding-left: 37%; }
			.foot a { background: url(../i/sb.png) 0 50% no-repeat; color: #a8b4c4; display: block; font-family: Tahoma, sans-serif; font-size: 10px; height: 26px; line-height: 12px; padding-left: 47px; text-decoration: none; _background: url(../i/sb_ie.png) 0 50% no-repeat; }
/*//////////////////////////////////////////////////////////////////////////////*/


@font-face {
    font-family: 'HeliosLightC';
    src: url('../fonts/helioslightc-webfont.eot');
    src: url('../fonts/helioslightc-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/helioslightc-webfont.woff') format('woff'),
         url('../fonts/helioslightc-webfont.ttf') format('truetype'),
         url('../fonts/helioslightc-webfont.svg#HeliosLightC') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'HeliosThinC';
    src: url('../fonts/heliosthinc-webfont.eot');
    src: url('../fonts/heliosthinc-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/heliosthinc-webfont.woff') format('woff'),
         url('../fonts/heliosthinc-webfont.ttf') format('truetype'),
         url('../fonts/heliosthinc-webfont.svg#HeliosThinC') format('svg');
    font-weight: normal;
    font-style: normal;

}




/*//////////////////////////////////////////////////////////////////////////////*/
/*another part*/
h1 {}
h2 {}
h3 {}
h4 {}
h5 {}
h6 {}
b, strong { font-weight: bold; }
i { font-style: italic; }
.clear { clear: both; }
/*//////////////////////////////////////////////////////////////////////////////*/




/*//////////////////////////////////////////////////////////////////////////////*/
/*href's*/
a { color: #000; text-decoration: underline; }
a:hover { text-decoration: none; }
/*//////////////////////////////////////////////////////////////////////////////*/



  .container {
    display: flex;
    justify-content: flex-end; /* Выравнивание справа */
    align-items: center;
    height: 100vh; /* Высота на весь экран */
    padding: 20px;
  }
  imgt {
    max-width: 100%; /* Адаптивная ширина */
    height: auto; /* Автоматическая высота */
  }


@media (max-width: 600px) {
  div {
    float: none;
    width: auto;
  }
  
  
}

  .container1 {
	display: flex; flex-wrap: wrap;
	width: 80%;
	position: absolute;
	top: 60%;
  }

.contact {
flex-grow: 1; flex-basis: calc(100% – 240px);
}  

.telegram {
flex-grow: 0; flex-basis: 230px;
}

.telegram img{
     width: 80%;
}

.telegram_url a {
	color: #002e6e;
	text-align: right;
}