*{
	margin:0;
	padding:0;
	outline:none
} /* обнуляем все элементы */
/* общие стили */

html{
	font-size:75%;
	height:100%
}

body{
	font-family: 'OpenSans', sans-serif;
	font-weight:normal;
	font-size: 12px;
	color:#333;
	height:100%;
	min-width: 965px;
	background:#ffffff;

	position: relative;
}

@font-face {
    font-family: OpenSansLight; /* Имя шрифта */
    src: url(/public/skin/styles/fonts/open-sans.light-italic.ttf); /* Путь к файлу со шрифтом */
   }
   
@font-face {
    font-family: Open Sans; /* Имя шрифта */
    src: url(/public/skin/styles/fonts/OpenSans-Regular.ttf); /* Путь к файлу со шрифтом */
   }

a{
	color:#2b82dc
}

a:hover{
	text-decoration:none
	
}
p{
	text-align: left;
	font-size: 15px;
	font-style: normal;
}

abbr{
	border-bottom:1px dotted #2b82dc;
	cursor:help
}

h1, h2, h3,  h5{
	font-family: 'OpenSans', sans-serif;
	font-weight:normal;
	line-height:1;
	margin:4px 0 12px;
	color:#333333
}

.section2{
	font-family: 'Calibri', sans-serif;
	position: relative;
	top: 7px;
	font-size: 30px;
	font-weight: normal;
	color: #fff;
	text-align: center;
	margin-top: 7px;
}

.section4{
	font-family: 'Calibri', sans-serif;
	position: relative;
	top: 50px;
	left:20px;
	margin-left: 21px;
	font-size: 42px;
	font-weight: normal;
	color: #333;
	text-align: left;
	margin: 0;
}

.section3{
	font-family: 'Calibri', sans-serif;
	position: relative;
	top: 10px;
	margin-left: 21px;
	font-size: 42px;
	font-weight: normal;
	color: #333;
	text-align: left;
	margin: 0;
}

h3{
	position: relative;
	font-size: 15px;
	font-weight: bolder;
	margin-left: 65px;
	top: -32px;
}
/*Заголовок для контактов видим Мы*/
h4{
	font-size: 24px;
	font-weight: bold;
	color: #004f8b;
}

h5{
	font-size: 24px;
	font-weight: normal;
	color: #333333;
}

h6{
	font-family: 'OpenSans', sans-serif;
	font-weight:normal;
	color: #c5ecff;
}

p{
	/* text-align:justify; */
	word-spacing:.1ex;
	line-height:1.6;
	margin-bottom:1em
}

ul{
	list-style:none
}

ol{
	list-style-position:inside
}

header, nav, section, article, aside, footer {
	display:block;position:relative
}

/* выравниваем страницу по центру, делаем отступы и цвет фона */
#main{
	width:100%;
	min-height:100%;
	padding:0 0px;
	margin:0 auto;
	background:#fff
;
}

#wrapper{
	background-color: #fff;
	position:absolute;
	width:100%;
	height: 143px;
	z-index: 2;
	/* left: 0; */
	/* right: 0; */
}

.fixed{
	/*background-color: #fff;*/
	width:940px;
	margin:auto;
	
}

.center{
	position: relative;
	width: 940px;
	/* left:50%; */ 
	margin: auto;
}

.bus_hell{
	position: absolute;
	background-color: #23308D;
	height: 50px;
	width: 100%;
	bottom: 0;
	z-index: 2;
}

	.bus_hell i{
		position: relative;
		background-color: #23308D;
		top: 7px;
		color: #fff;
		font-family: 'Arial', sans-serif;
		font-size: 20px;
		margin-left: 210px;
		font-style: normal;
		
}

	.bus{
		position: absolute;
		top: 6px;
		background-image: url(/public/skin/images/bus.png);
		background-repeat: no-repeat;
		height: 35px;
		width: 60px;
		transition: left 0.8s;
	}

	.star{
		display: inline-block;
		position: relative;
		top: 15px;
		left: 7px;
		background-color: #23308D;
		background-image: url(/public/skin/images/star.png);
		background-repeat: no-repeat;
		height: 25px;
		width: 26px;
		cursor: pointer;
	}

	.iii{
		display: inline-block;
		position: absolute;
		top: 25px;
		left: 22px;
		background-image: url(/public/skin/images/iii.png);
		background-repeat: repeat-x;
		height: 1px;
		width: 900px;
	
}

.line{
	background: #fff url(/public/skin/img/line.png) repeat-x;
	height: 1px;
}
.line_in{
	position: relative;
	background: #fff url(/public/skin/img/line.png) repeat-x;
	height: 1px;
	top: 89px;
}

.button_write{
	/*background: #fff url(/public/skin/img/button_write.png) no-repeat;*/
	width: 220px;
	height: 38px;
	margin-top: 10px;
	float:right;
	text-align: center;
}

		.submit_write{
				width: 220px;
				height: 38px;
				font-size: 14px;
				background: url(/public/skin/images/top_button.png) no-repeat;
				border: 0;
				cursor: pointer;
		}

		.submit_write:hover{
				background-position: 0 -49px
		}

		.submit_write:active{
				background-position: 0 -99px
		}
		
		.button_write i{
			position: relative;
			font-style: normal;
			
		
			color: #fff;
			bottom: 29px;
			font-weight: bold;
			/* text-align: center; */
}

.wrapper img{
	display: inline-block;
}

/* пишем класс для шапки - header */
.h{ 
	display: inline-block;
	height: 86px;
	display: block;
	overflow:hidden;
}

.h h3{
	display: inline-block;
}

.addres{
	position: relative;
	width: 240px;
	margin-left: 504px;
	top: -47px;
	font-weight: normal;
}

.addres span{
	font-weight: normal;
	line-height: 1.5;
}


.phone_top{
	position: relative;
	width: 210px;
	margin-left: 748px;
	top: -107px;
	font-weight: normal;
	/* float: right; */
}

.phone_top span{
	font-weight: normal;
	line-height: 1.5;
}

/* меню навигации */
nav{
	width:100%;
	height:52px;
	/*background:#fff;*/
	font-family: 'OpenSans', sans-serif;
	font-size: 14px;

}


nav li{
	float:left;
	margin:22px 50px 0 0
}


nav a{
	font-weight:bold;
	text-decoration:none;
	border-bottom:1px dashed #333333;
	color:#333333;
	font-weight:300;
}

nav a:hover{
	text-decoration:none;
	color:#333333;
	border-bottom:1px dashed #fff;
}


/* область слайдера*/
.slider_top{
	top:121px;
	height: 525px;
	overflow:hidden;
	
}

.activ_nav{
	color:#d62e3e;
	border-bottom-style:dashed; 
	border-bottom-width:1px; 
	border-bottom-color:  #fff;
}
/* стиль для картинки заглушки на область слайдера видиш Ты*/
.image{
	width:100%;
	height: 525px;
	margin: 0 0
}

/* область заголовков спецпредложений видиш Ты*/
.spec_head{
	background-color: #3351a6;
	top:120px;
	height: 305px;
	overflow:hidden;
	
}

/* область спецпредложений видиш Ты*/
.spec_bot{
	background: #a8d1ed url(/public/skin/img/sec2_bot.png) no-repeat;
	top:120px;
	height: 318px;
	overflow:hidden;
	
}

/* область отзывов видиш Ты*/
.brick_wall{
	background: #fff url(/public/skin/img/brick_wall.png) repeat;
	top:120px;
	height: 600px;
	overflow:hidden;
}

/* область о конторе видиш Ты*/
.about{
	background-color: #b8dff8;
	top:120px;
	height: 365px;
	overflow:hidden;
	
}

		.h_about{
			position: relative;
			text-align: left;
			display: inline-block;
			width: 620px;
			height: 260px;
			margin-top: 35px;
		
			left: 20px;
}

		.t_about{
			text-align: left;
			color: #333;
			font-size: 16px;
			line-height: 1.8;
			font-weight: normal;
			padding-top: 40px;
		}

		.h_interview{
			display: inline-block;
			margin-left: 65px;
			width: 250px;
			height: 260px;						
			text-align: left;
			float: right;
			margin-top: 33px;
		}

		.interview{
			color: #333;
			font-size: 15px;
			line-height: 1.6;
			font-weight: normal;
			padding-top: 40px;
			text-align: left;
		}
		.interview span{
			display: inherit;
			color: #333;
			font-size: 15px;
			line-height: 1.6;
			font-weight: normal;
			padding-top: 0px;
			margin-bottom: 20px;
			text-align: left;			
		}
		.interview label{
			display: block;
			margin-bottom: 20px;			
		}
		input[type="radio"] { display:none; }
		input[type="radio"] + label span {
		    display: inline-block;
			vertical-align: middle;
			width: 22px;
			height: 22px;
			margin: -1px 4px 0 0;
			background: url(/public/skin/img/checkbox-radiobutton.png) no-repeat;
			background-position:  -8px -50px;
			cursor: pointer;
		}
		input[type="radio"]:checked + label span {
		    background: url(/public/skin/img/checkbox-radiobutton.png);
		    background-position:  -8px -8px;
		}

		

		.submit_form_interview{
			border: 0;
			border-radius: 7px;
			background: url(/public/skin/images/interview_buttom.png) no-repeat;
			width: 170px;
			height: 48px;
			cursor: pointer;
		}

		.submit_form_interview:hover{
			background-position: 0 -60px;
		}

		.submit_form_interview:active{
			background-position: 0 -120px;
		}
/* область контактов видиш Ты*/
.contacts{
	background-color: #fff;
	top:120px;
	height: 525px;
	overflow:hidden;
	z-index: 0; text-align: left;
	
}

		.contact_form{
			    position: absolute;
			    margin-top: 40px;
				
			    margin-left: 20px;
			    width: 431px;
				height: 433px;
				text-align: left;
				z-index: 1;
		}
        
        .contact_form textarea{
        		width: 401px;
        		height: 60px;
        		margin-top: 10px;
        		padding: 5px 15px;
        		border-radius: 10px;
        		overflow: auto;
        		resize: none;
        		border: 0; text-align: left;
        		font-family: 'OpenSans', sans-serif;
				font-weight: normal;
				font-size: 14px;
				color: #333;
				line-height: 20px;
        }

        .string{
        		font-size: 14px;
				margin-top: 12px;
				color: #004f8b;
        }

		.cont_info{
				background-color: #fff;
				height: 220px;
				padding: 15px 20px;
				border-radius: 10px;
		}

		.name{  
				font-family: 'OpenSans', sans-serif;
				margin-top: 10px;
				padding-left: 14px;
				width: 195px;
				height: 40px;
				border-radius: 10px;
				border: 0;
				font-weight: normal;
				font-size: 14px;
				color: #333;
				line-height: 20px;
		}

		.phone{ 
				font-family: 'OpenSans', sans-serif;
				margin-left: 12px;
				padding-left: 15px;
				width: 192px;
				height: 40px;
				border-radius: 10px;
				border: 0;
				font-weight: normal;
				font-size: 14px;
				color: #333;
				line-height: 20px;
		}

		.comment{

		}

		.submit_form_contact{
			margin-top: 8px;
			width: 431px;
			height: 56px;
			border: 0;
			background: url(/public/skin/images/bot_contact.png) no-repeat;
			border-radius: 7px;
			cursor: pointer;
		}

		.submit_form_contact:hover{
				background-position: 0 -71px;
		}

		.submit_form_contact:active{
				background-position: 0 -140px;
		}
#YMapsID {
            width: auto;
            height: 525px;
        }

/* внутренняя область контента */
section section{
	float:left;
	width:525px
}

/* правая часть */
aside{
	overflow:hidden;
	width:250px;
	padding:0 30px
}

/* нижняя часть - footer видиш Ты*/
footer{
	background: #3351a6; /* Для старых браузров */
    /*background: linear-gradient(to top, #20409a, #2b56cd);*/
	top:120px;
	height:171px;
	padding:0px 25px 0;
	margin:0px 0 0;
	color:#fff;
}


		.license{
			padding-top: 23px;
			width: 400px;
		    height: 30px;
		    font-family: 'OpenSans', sans-serif;
			font-weight:normal;
			font-size: 12px;
			text-align: left;
		
			margin-left: 20px;
}

		.copyright{
			padding-top: 8px;
			width: 330px;
		    height: 15px;
		    font-family: 'OpenSans', sans-serif;
			font-weight:normal;
			font-size: 12px;
			text-align: left;
		
			margin-left: 20px;
}

		.soc_net{
			position: relative;
			top: -40px;
			margin-left: 488px;
			width: 150px;
			height: 35px;
		}

		.soc_net a{
			display: block;
			width: 35px;
			height: 35px;
		}

		.vk{
			
		}

		.vk:hover{
			
		}

		.fbook{
			
		}
		.fbook:hover{
			
		}

		.axioma{
			position: relative;
			top: -67px;
			float: right;
			font-family: 'OpenSans', sans-serif;
			font-weight:normal;
			font-size: 12px;
			
		}

		.axioma a{

			color: #c5ecff;
		}

		.axioma img{
			position: relative;
			top: -13px;
			float: right;
			border: 0;
		}
/* стили для выделения областей HTML */
.tag{
	position:absolute;
	right:6px;
	top:2px;
	font-size:11px;
	font-style:normal
}
/*
header:hover, nav:hover, section:hover, article:hover, aside:hover, footer:hover{
	background:#bbb;
	color:#fff
}
*/
section section:hover, section aside:hover{
	background:#999
}

section article:hover{
	background:#bbb
}

article header:hover{
	background:#eee;
	color:#777
}

section article .tag{
	top:12px
}

article header .tag{
	right:70px;
	top:2px
}

aside .tag{
	top:12px
}

.name2 {
	margin-top: 10px;
	padding-left: 15px;
	width: 230px;
	height: 43px;
	border-radius: 10px;
	border: 0;
	font-family: 'OpenSans', sans-serif;
	font-weight: normal;
	font-size: 14px;
	color:#333;
	line-height: 20px;
}

.phone2 {
	margin-left: 40px;
	padding-left: 15px;
	width: 240px;
	height: 40px;
	border-radius: 10px;
	border: 0;
	font-family: 'OpenSans', sans-serif;
	font-weight: normal;
	font-size: 14px;
	color:#333;
	line-height: 20px;
}

.comment2 {
	width: 510px;
	height: 80px;
	margin-top: 20px;
	margin-bottom: 25px;
	padding: 5px 15px;
	border-radius: 10px;
	overflow: auto;
	resize: none;
	border: 0;
	text-align: left;
	font-family: 'OpenSans', sans-serif;
	font-weight: normal;
	font-size: 14px;
	color:#333;
	line-height: 20px;
}

.head_form{
	font-family: 'Calibri', sans-serif;
font-size: 40px;
color: #ee223a;
margin-left: -25px;
text-align: center;
margin-top: 10px;
margin-bottom: 10px;
}

.submit_form_contact2{
margin-top: 20px;
width: 540px;
height: 58px;
background: url(/public/skin/images/form_bot.png) no-repeat;

border: 0;
border-radius: 10px;
		}

		.submit_form_contact2:hover{
				background-position: 0 -70px;
		}

		.submit_form_contact2:active{
				background-position: 0 -139px;
				
		}


.footer_404{
	position:fixed;
	background-color: #3351a6;
	height: 150px;
	width: 100%;
	bottom:0;
	color: #fff;
}

.inner-wrapper{
	position: relative;
	top:250px;
	margin-left: 350px;
}

.inner-content{
	color:#333;
}

 .a2, .a3, .a4, .a5{
	display: inline-block;
	cursor: pointer;
}


#mask {
    position:absolute;
    left:0;
    top:0;
    z-index:9000;
    background-color:#000;
    display:none;
    }
  
    #boxes .window {
    position:absolute;
    left:0;
    top:0;
    width:440px;
    height:200px;
    display:none;
    z-index:9999;
    padding:20px;
    }  
#boxes #dialog {
	position: fixed;
	width: 515px;
	height: 115px;
	padding: 10px;
	background-color: #ffffff;
	background: #fff url(/public/skin/img/brick_wall.png) no-repeat;
	border: 1px solid red;
	border-radius: 10px;
} 

.textMess{
	margin-top: 33px;
	padding: 0 55px;
	font-family: 'OpenSans', sans-serif;
	font-weight: normal;
	font-size: 14px;
	color: #333;
	text-align: center;
	line-height: 1.8;
} 

.hide_div{
	display: none;
	margin-left: 15px;
	text-align: center;
	padding-top: 25px;
	height: 45px;
	width: 510px;
	background-color: rgba(230, 228, 225, 0.35);
	font-family: Open Sans, sans-serif;
	font-size: 14px;
	color: #333;
	border: 1px #dbdad9 solid;
	border-radius: 10px;
}

.tooltip {
	position: relative;
	}
.tooltip em {
	display: none;
}
.tooltip:hover em {
font-style: normal;
font-family: 'OpenSans', sans-serif;
display: block;
position: absolute;
background: #b8dff8;
color: #333;
font-size: 14px;
padding: 11px 14px;
bottom: 31px;
top: -58px;
right: -256px;
left: 200px;
box-shadow: 0 0 5px #535353;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-webkit-box-shadow: 0 0 10px #535353;
-moz-box-shadow: 0 0 5px #535353;
}
.tooltip:hover em i {
	position: absolute;
bottom: -13px;
right: 260px;
border-top: 17px solid #b8dff8;
border-right: 15px solid transparent;
display: block;
}


.tooltip2 {
	position: relative;
	}
.tooltip2 em {
	display: none;
}
.tooltip2:hover em {
	font-style: normal;
font-family: 'OpenSans', sans-serif;
display: block;
position: absolute;
background: #b8dff8;
color: #333;
font-size: 14px;
padding: 13px 14px;
bottom: -62px;
top: 33px;
right: 0px;
left: 22px;
box-shadow: 0 0 5px #535353;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-webkit-box-shadow: 0 0 10px #535353;
-moz-box-shadow: 0 0 5px #535353;
}
.tooltip2:hover em i {
	position: absolute;
bottom: 40px;
right: 90px;
border-bottom: 17px solid #b8dff8;
border-top: 17px;
border-right: 15px solid transparent;
display: block;
}