@import url(https://fonts.googleapis.com/css?family=PT+Sans:400,700italic,700,400italic);

*{padding:0px;margin:0px;border:0px}*,*:before,
*:after{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}
:focus,:active{outline:none}
a:focus,a:active{outline:none}
aside,nav,footer,header,section{display:block}
html,body{height:100%;margin:0;padding:0;min-width:320px;position:relative;width:100%;color:#000}
body{font-size:100%;line-height:1;font-family:"Open Sans"}
a,a:visited{text-decoration:underline}
a:hover{text-decoration:none}
img{vertical-align:top}
.clr{clear:both;display:block}
.wrapper{width:100%;min-height:100%;overflow:hidden}
.conteiner{max-width:1170px;margin:0 auto;padding: 0 5px;}

.row:after{clear:both;content:'';display:block;}




body{
	font-family: 'PT Sans';
}
.wrapper{
	background-color: #456c86;
}
.header{
	margin-top: 25px;
	border: 9px solid #fcd116;
	border-radius: 5px;
	overflow: hidden;
}
.header img{
	width: 100%;
}


.content_row{
	margin: 10px -5px 13px -5px;
}
.content_left_column{
	float: left;
	width: 25%;
	padding: 0 5px;
	
}
.logotype{
	padding: 20px 0;
	text-align: center;
}
.logotype a{
	color:  #ffffff;
	font-size: 48px;
	font-weight: 500;
	line-height: 20px;
	text-decoration:none;
	text-align: center;
}
.information_block_left_col{
	position: relative;
	text-align: center;
	text-transform: uppercase;
	margin: 7px 0 6px 0;
	background-color: #fcd116;
	padding: 16px 0;
	border-radius: 5px;
	
	font-family: PTSans;
	color:  #ffffff;
	font-size: 20px;
	font-weight: 700;
	line-height: 31px;
	text-shadow: 0px 1px 0px #f9ab02;
}

.information_block_left_col:after{
    content: ''; 
    position: absolute; /* Абсолютное позиционирование */
    left: 22px; bottom: 0px; /* Положение треугольника */
    border: 10px solid transparent; /* Прозрачные границы */
    border-bottom: 10px solid #456c86; /* Добавляем треугольник */
}
.cities_col{
	position: relative;
	text-align: justify;
	text-transform: uppercase;
	margin: 7px 0 6px 0;
	background-color: #999999;
	padding: 16px 7px;
	border-radius: 5px;
	
	
	font-family: PTSans;
	color:  #ffffff;
	font-size: 15px;
	font-weight: 70;
	/*text-shadow: 0px 1px 0px #f9ab02;*/
}

.cities_col:after{
    content: ''; 
    position: absolute; /* Абсолютное позиционирование */
    left: 22px; bottom: 0px; /* Положение треугольника */
    border: 10px solid transparent; /* Прозрачные границы */
    border-bottom: 10px solid #456c86; /* Добавляем треугольник */
} 
.menu_block_left_col{
	position: relative;
	border-radius: 5px;
	background-color:  #ffffff;
	/*padding: 12px 14px 16px 14px;*/
}
.menu_block_left_col:before{
    content: ''; 
    position: absolute; /* Абсолютное позиционирование */
    left: 22px; top: -19px; /* Положение треугольника */
    border: 10px solid transparent; /* Прозрачные границы */
    border-bottom: 10px solid #ffffff; /* Добавляем треугольник */
}
.menu_item a{
	display: block;
	text-decoration: none;
	color:  #000000;
	font-size: 15px;/* Приближение из-за подстановки шрифтов */
	font-weight: 400;
	line-height: 46px;/* Приближение из-за подстановки шрифтов */
	text-align: left;
	padding-left: 14px;
}
.menu_item a:hover{
	font-weight: 700;
}
.menu_item:hover{
	background-color:  #f4f4f4;
}
.menu_item:first-child{
	border-radius: 5px 5px 0 0;
}
.menu_item:last-child{
	border-radius: 0 0 5px 5px;
}
.youtube_block_left_col img{
	width: 100%;
}
.youtube_block_left_col{
	margin:11px 0 9px 0;
}


.baner_block_left_col{
	position: relative;
	display: block;
	border-radius: 5px;
	text-decoration: none;
}
.baner_bg{
	width: 100%;
}
.main_baner_text_block{
	text-align: center;
	position: absolute;
	top: 70px;
	left: 50%;
	margin-left: -120px;
}
.baner_text_title{
	color:  #ffffff;
	font-size: 39px;
	font-weight: 900;
	padding-bottom: 4px;
}
.baner_text_text{
	color:  #ffffff;
	font-size: 34px;/* Приближение из-за подстановки шрифтов */
	font-weight: 700;
	padding-bottom: 15px;
}
.rad_laibel_baner{
	background-color:  #f03025;
	width: 240px;
	
	color:  #ffffff;
	font-size: 20px;/* Приближение из-за подстановки шрифтов */
	font-weight: 400;
	text-align: center;
	margin: 0 auto;
	border-radius: 20px;
	padding: 9px 5px 9px 5px;
}



/*content_right_column*/
.content_right_column{
	float: left;
	width: 75%;
	padding: 0 5px;	
}
.content_right_column_text{
	border-radius: 5px;
	background-color:  #ffffff;
	padding: 21px 7px 19px 9px;
}
.content_right_column_text2{
	border-radius: 5px;
	background-color:  #ffffff;
	padding: 21px 7px 19px 9px;
}
h1{
	color:  #000000;
	font-size: 25px;/* Приближение из-за подстановки шрифтов */
	font-weight: 700;
	padding-bottom: 13px;
}
h2{
	color:  #000000;
	font-size: 20px;/* Приближение из-за подстановки шрифтов */
	font-weight: 700;
	padding-top: 29px;
	padding-bottom: 15px;
}
p{
	color:  #000000;
	font-size: 14.99px;/* Приближение из-за подстановки шрифтов */
	font-weight: 400;
	text-align: justify;
	transform: scaleY(1.0009)
}

/*footer*/
.footer_row{
	margin: 0 -5px;
	padding-bottom: 29px;
}
.footer_left_colunm{
	float: left;
	width: 25%;
	padding: 0 5px;
}
.footer_left_colunm_content{
	border-radius: 5px 0 0 5px;
	background-color:  #ef4e41;
	padding: 6px 0 8px 0;
	position: relative;
	text-align: center;
	height: 60px;
}
.footer_left_colunm_content:after{
	content: ''; 
    position: absolute; /* Абсолютное позиционирование */
    right: -38px; bottom: 0px; /* Положение треугольника */
    border: 30px solid transparent; /* Прозрачные границы */
    border-left: 10px solid #ef4e41; /* Добавляем треугольник */
}
.social_row a{
	display: inline-block;
	margin: 5px;
	box-shadow: 0px 5px 15px #a7362d;
}
.footer_right_colunm{
	float: left;
	width: 75%;
	padding: 0 5px;
}
.footer_right_colunm_content{
	border-radius: 0 5px 5px 0;
	background-color:  #ef4e41;
	padding: 11px 7px 9px 15px;
	position: relative;
	text-align: center;
	height: 60px;
	overflow: hidden;
}
.footer_right_colunm_content:after{
	content: ''; 
    position: absolute; /* Абсолютное позиционирование */
    left: 0px; bottom: 0px; /* Положение треугольника */
    border: 30px solid transparent; /* Прозрачные границы */
    border-left: 10px solid #456c86; /* Добавляем треугольник */
}
.footer_right_colunm_text{
	color:  #ffffff;
	font-size: 12px;/* Приближение из-за подстановки шрифтов */
	font-weight: 400;
	text-align: justify;
}

/*Планшет*/
@media (max-width: 1155px){.conteiner{max-width:750px;}}
@media (max-width: 1155px){.logotype a{font-size: 38px;}}
@media (max-width: 1155px){.main_baner_text_block{top:106px;margin-left: -76px;}}
@media (max-width: 1155px){.main_baner_text_block img{width: 50%;}}
@media (max-width: 1155px){.baner_text_title{font-size: 33px;}}
@media (max-width: 1155px){.baner_text_text{font-size: 23px;}}
@media (max-width: 1155px){.rad_laibel_baner{font-size: 12px;width: 140px;padding: 5px 3px 5px 3px;}}
@media (max-width: 1155px){.social_row a{margin:5px 1px 5px 1px;}}
@media (max-width: 1155px){.footer_right_colunm_content{padding: 2px 5px 9px 12px;}}
@media (max-width: 1155px){.footer_right_colunm_text{font-size: 11px;}}

/*Смартфон */
@media (max-width: 748px){.conteiner{max-width:480px;padding: 0 2px;}}
@media (max-width: 748px){.content_left_column,.content_right_column{float: none;width: 100%;}}
@media (max-width: 748px){.content_right_column{padding-top: 10px;}}
@media (max-width: 748px){.logotype a{font-size: 75px;}}
@media (max-width: 748px){.menu_item a{text-align: center;letter-spacing: 1.5px;}}
@media (max-width: 748px){.main_baner_text_block{top:310px;margin-left: -172px;}}
@media (max-width: 748px){.main_baner_text_block img{width: 50%;}}
@media (max-width: 748px){.baner_text_title{font-size: 85px;}}
@media (max-width: 748px){.baner_text_text{font-size: 59px;}}
@media (max-width: 748px){.main_baner_text_block img{width: 78%;}}
@media (max-width: 748px){.rad_laibel_baner{font-size: 30px;width: 346px;padding: 5px 3px 5px 3px;}}
@media (max-width: 748px){.footer_left_colunm_content,.footer_right_colunm_content{height: 105px;}}
@media (max-width: 748px){.footer_left_colunm_content:after{
	content: ''; 
    position: absolute; /* Абсолютное позиционирование */
    right: -61px; bottom: 0px; /* Положение треугольника */
    border: 53px solid transparent; /* Прозрачные границы */
    border-left: 10px solid #ef4e41; /* Добавляем треугольник */
}}
@media (max-width: 748px){.footer_right_colunm_content:after{
	content: ''; 
    position: absolute; /* Абсолютное позиционирование */
    left: 0px; bottom: 0px; /* Положение треугольника */
    border: 52px solid transparent; /* Прозрачные границы */
    border-left: 10px solid #456c86; /* Добавляем треугольник */
}}
@media (max-width: 748px){.footer_right_colunm_text{font-size: 12px;}}


/*Смартфон 2*/
@media (max-width: 475px){.conteiner{max-width:320px;}}
@media (max-width: 475px){.main_baner_text_block{top: 212px;margin-left: -130px;}}
@media (max-width: 475px){.main_baner_text_block img{width: 50%;}}
@media (max-width: 475px){.baner_text_title{font-size: 60px;}}
@media (max-width: 475px){.baner_text_text{font-size: 42px;}}
@media (max-width: 475px){.rad_laibel_baner{font-size: 22px;width: 258px;}}
@media (max-width: 475px){.footer_left_colunm,.footer_right_colunm{float: none; width: 100%;}}
@media (max-width: 475px){.footer_left_colunm{padding-bottom: 10px;}}
@media (max-width: 475px){.footer_right_colunm_content:after{
	display: none;
}}
@media (max-width: 475px){.footer_left_colunm_content:after{
	display: none;
}}
@media (max-width: 475px){.footer_left_colunm_content{height: 60px; border-radius: 5px}}
@media (max-width: 475px){.social_row a{margin:6px 10px 1px 10px;}}
@media (max-width: 475px){.footer_right_colunm_content{height: 130px; border-radius: 5px;padding: 10px 5px 10px 5px;}}