/* --------------- reset.css --------------- */
html, body, div, span, h1, h2, h3, h4, h5, h6, p, em, img, strong, sub, sup, b, u, i,  dl, dt, dd, ol, ul, li, fieldset, form, label, table, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;                               /* обнуляем отступы и убираем бордюры */
    vertical-align: baseline;          /* приводим все к одной базовой линии */
    background: transparent;      /* чтобы не проскакивали левые фоны, установленные по умолчанию */
    font-size: 100%;                     /* размер шрифта всем одинаковый */
}
h1, h2, h3, h4, h5, h6{font-weight:normal;}
a {                                              /* ссылка не в общем списке чтобы не сбрасывать outline по умолчанию */
    margin:0;
    padding:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}
table {                     /* устраняем отступы между ячейками таблицы */
    border-collapse: collapse;
    border-spacing: 0;
}
td, td img {
    vertical-align: top;            /* возвращаем привычное вертикальное выравнивание */
}
input, select, button, textarea {
    margin: 0;              /* убираем отступы по умолчанию для элементов форм (в частности для checkbox и radio) */
    font-size: 100%;            /* делаем размер шрифтов везде одинаковым */
}
input[type="text"], input[type="password"], textarea {
    padding: 0;                 /* убираем внутренние отступы для текстовых полей */
}
input[type="checkbox"] {        /* вертикальное выравнивание чекбоксов и радиобатонов относительно меток */
    vertical-align: bottom;
}
input[type="radio"] {
    vertical-align: text-bottom;
}
sub {
    vertical-align: sub;
    font-size: smaller;
}
sup {
    vertical-align: super;
    font-size: smaller;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display:block;
}
/* --------------- /reset.css --------------- */

/* --------------- базовые настройки ---------*/
html {
    overflow-y: scroll; /* всегда показываем вертикальную полосу прокрутки  */
}
html, body {
    height: 100%; /* чтобы подвал книзу можно было прижать */
}
body {
    background: #fff;
    color: #000;
    text-align: left;
    font: 14px 'Open Sans', Arial, sans-serif; /* используем безопасные шрифтовые CSS стеки */
}
input, select, button, textarea {
    font-family: 'Open Sans', sans-serif; /* чтобы шрифт был такой же как и везде */
}
label, input[type="button"], input[type="submit"], button {
    cursor: pointer; /* курсор в виде руки для всех кликабельных элементов форм */
}

ul{
    list-style: none;
}

/* --------------- /базовые настройки  ---------*/

body{
    min-width:980px;
}

html, body {
    height: 100%;
    margin: 0;
    padding: 0;
}

#page{
    overflow:hidden;
    min-height:100%;
}

.wrapper{
    width: 980px;
    margin:0 auto;
}

.header{
    overflow:hidden;
    margin:0 0 41px;
}

.logo{
    float:left;
    text-indent:-9999px;
    overflow:hidden;
    background:url(../img/logo.png) no-repeat;
    width:612px;
    height:48px;
    display:block;
    margin:36px 0 0;
}
.logo a{
    display:block;
    height:100%;
}

.menu{
    float:right;
    margin:60px 0 0;
}

.menu ul{
    overflow:hidden;
}

.menu li{
    float:left;
    font-family: 'Noto Sans', sans-serif;
    background:url(../img/li_tab.png) no-repeat 0 50%;
    padding:0 0 0 15px;
    margin:0 0 0 15px;
}

.menu li:first-child{
    margin:0;
    padding:0;
    background:none;
}

.menu li a{
    text-decoration:none;
    color:#474747;
    font-size: 13px;
}

.formbox{
    position:relative;
    margin:0 0 12px;
}

.class-form{
    background:url(../img/form_bg.png) no-repeat;
    width:280px;
    height:252px;
    float:left;
    padding:110px 0 0;
}

.class-form label{
    display:block;
    color:#191918;
    font-size: 16px;
    text-align:center;
    font-family: 'Open Sans', sans-serif;
    font-weight:600;
    margin:0 0 9px;
}

.class-form label span{
    color:#fa8200;
}

.class-form input.mail{
    display:block;
    border:1px solid #9da2aa;
    border-radius: 2px;
    width:220px;
    height:32px;
    padding:0 8px;
    font-family: 'Open Sans', sans-serif;
    font-weight:600;
}

.class-form input[type="submit"]{
    background:url(../img/btn.png) no-repeat;
    width:230px;
    height:89px;
    display:block;
    margin:0 auto 6px;
    border:none;
}

.class-form .input{
    border:4px solid #bec3c5;
    width:236px;
    margin:0 auto 19px;
    border-radius: 4px;
    overflow:hidden;
}

.class-form img{
    display:block;
    margin:0 auto;
}

.top_text{
    margin:0 0 0 289px;
    padding:0 0 0 16px;
    position:relative;
    border-bottom:1px solid #20ad23;
    height:361px;
}

.top_text h1{
    color:#434342;
    font-size: 28px;
    font-family: 'Open Sans', sans-serif;
    font-weight:600;
    line-height:35px;
    margin:0 0 40px;
}

.top_text h1 span{
    color:#fc7104;
}

.top_text h1 em{
    font-weight:300;
    font-style: normal;
}

.list1 li{
    color:#312e26;
    font-size: 14px;
    background:url(../img/ok.png) no-repeat;
    padding:0 0 0 37px;
    font-family: 'Open Sans', sans-serif;
    font-weight:600;
    line-height:19px;
    margin:26px 0 0;
}

.list1 li:first-child{
    margin:0;
}

.char_list{
    background:url(../img/advantages.png) no-repeat 19px 0;
    margin: 8px 0 0 126px;
    overflow: hidden;
    padding: 51px 0 0;
}

.char_list li{
    float:left;
    color:#646464;
    font-size: 14px;
    font-family: 'Open Sans', sans-serif;
    font-weight:400;
    text-align:center;
    margin:0 12px;
}

img.girl{
    position:absolute;
    bottom: 1px;
    right: -60px;
}

img.apply{
    bottom: 13px;
    left: -33px;
    position: absolute;
}

.content{
    overflow:hidden;
    border-bottom:1px solid #ced0d2;
    padding:0 0 26px;
}

.sidebar{
    float:left;
    width:280px;
}

.testimonials{
    background:#f5f5f3;
    border-radius: 2px;
}

.test_h{
    text-align:center;
    line-height:52px;
    height:52px;
    border-bottom:1px solid #e6e7e7;
    color:#5c6472;
    font-size:18px;
    font-family: 'Open Sans', sans-serif;
    font-weight:600;
}

.test_list li{
    border-top:1px solid #f9fafa;
    border-bottom:1px solid #e6e7e7;
    padding:21px 25px;
}

.test_list .photo{
    width:144px;
    height:144px;
    border-radius: 50%;
    margin:0 auto 15px;
}

.test_list p{
    color:#474747;
    font-size: 13px;
    font-weight:400;
    font-family: 'Noto Sans', sans-serif;
}

.test_list p.sign{
    font-style: italic;
}

.test_list p.sign span{
    color:#1b9f1e;
}

.footer{
    padding:15px 0;
}

.footer p{
    color:#7d7d7c;
    font-size: 13px;
    font-weight:400;
    font-family: 'Noto Sans', sans-serif;
    text-align:center;
    line-height:20px;
    margin: 0 0 25px;
}

.footer .bottom{overflow:hidden;}

.copyright{
	color:#7d7d7c;
	float:left;
	font-size: 13px;
        font-weight:400;
        font-family: 'Noto Sans', sans-serif;
}

.menu_foot{
    float:right;
}

.menu_foot li{
    float:left;
    font-family: 'Noto Sans', sans-serif;
    background:url(../img/li_tab.png) no-repeat 0 50%;
    padding:0 0 0 15px;
    margin:0 0 0 15px;
}

.menu_foot li:first-child{
    margin:0;
    padding:0;
    background:none;
}

.menu_foot li a{
    text-decoration:none;
    color:#7d7d7c;
    font-size: 13px;
}

.main{
    margin:0 0 0 305px;
}

.warning{
    border-bottom:1px solid #ced0d2;
    padding:13px 0 15px 0;
    overflow:hidden;
    width:100%;
    margin:0 0 16px;
    text-align:center;
}

.warning ul{
    margin:0 0 0 25px;
    overflow:hidden;
}

.warning li{
    color:#242424;
    font-size: 12px;
    float:left;
    font-weight:700;
    font-family: 'Noto Sans', sans-serif;
    text-transform:uppercase;
    width:240px;
}

.warning li img{
	vertical-align:middle;
}

.main p{
    color:#474747;
    font-size: 14px;
    font-weight:400;
    font-family: 'Noto Sans', sans-serif;
    margin:0 0 15px;
}

.main h2,
.main h3,
.main h4{
    color:#434342;
    font-size: 20px;
    font-weight:700;
    font-family: 'Noto Sans', sans-serif;
    margin:0 0 15px;
}

.main > ul > li{
    background:url(../img/ok.png) no-repeat;
    padding:3px 0 3px 27px;
    margin:0 0 10px 35px;
}

.main > ul{
    margin:0 0 10px;
    overflow:hidden;
    width: 100%;
}

.main > ul.mainlist{

}

.main > ul.mainlist li{
	float:left;
	width:50%;
}

.main > ul.mainlist li:first-child{
	width:35%;
	margin-left:0;
}

html[xmlns] .clearfix{
	display:inline-block !important;
}

.content-form{
	padding:22px 0 17px;
	border-top:1px solid #ced0d2;
	border-bottom:1px solid #ced0d2;
	position:relative;
}

.content-form .title{
	font-size:20px;
	color:#434342;
    font-weight:700;
    text-align:center;
    font-family: 'Noto Sans', sans-serif;
    margin: 0 0 21px;
    position:relative;
}

.form_box1 label{
    color: #2e2e2e;
    font-size: 14px;
    margin-right: 5px;
    vertical-align: middle;
}


.form_box1 input[type="text"] {
    font-size: 14px;
    height: 23px;
    margin: 0 10px;
    vertical-align: middle;
    width: 230px;
    border:4px solid #bec3c5;
    border-radius: 4px;
    padding:0 5px;
}

.form_box1{
	border:1px solid #dfe1e2;
	background:#f7f7f6;
	padding:6px 0 2px;
	text-align:center;
}

.form_box1 button{
    background: url("../img/btn2.png") no-repeat;
    border: medium none;
    height: 53px;
    vertical-align: middle;
    width: 133px;
}

.title .arrow{
	background: url("../img/arrow2.png") no-repeat;
	width:45px;
	height:41px;
	position:absolute;
	right: 75px;
        top: -7px;
	
}