@font-face {
    font-family: ml; /* ��� ������ */
    src: url(../fonts/ml.woff); /* ���� � ����� �� ������� */
}
@font-face {
    font-family: mb; /* ��� ������ */
    src: url(../fonts/mb.woff); /* ���� � ����� �� ������� */
}
@font-face {
    font-family: mr; /* ��� ������ */
    src: url(../fonts/mr.woff); /* ���� � ����� �� ������� */
}

body,html{padding:0px;margin:0px;font-family: mr;}

.body{width:1000px;margin: auto;}
.head{box-shadow: 0 0 10px rgba(0,0,0,0.6);position:fixed;width:100%;height:120px;top:0;left:0;background: #fff;z-index: 1000;}

.head1{background: URL('../images/TopItecos.jpg') center 0 no-repeat;height:575px;overflow: hidden;margin-top:100px}

.logo{width:188px;height:73px;background: URL('../images/logo.png') 0 0 no-repeat;float: left;margin-top: 0px}
.thead {display:table;width:100%;height:127px;color:#005bab;font-size:20px;}
.thead div{display:table-cell;vertical-align: middle}

.tphone{text-align: right}
.tphone b{font-size:20px;color:#292a59}

.tslogon{text-align: center}
.head2{background: URL('../images/hgb2.jpg') center 0 no-repeat;height:724px;overflow: hidden}
.head3{background: URL('../images/hgbg3.jpg') center 0 no-repeat;height:989px;overflow: hidden}

h1{font-size:30px;font-family: mb;text-align: center;}
.w{color:#FFFFFF}

.head3 h1{margin-top:78px}
.head2 h1{margin-top:38px}
.head2 .body div{text-align: center;color:#292a59;margin-top:250px;font-size:22px;font-family: mr;}
.head2 .b1{float: left;margin-left:0px;width:240px;}
.head2 .b2{float: left;margin-left:73px;width:370px;}
.head2 .b3{float: left;margin-left:90px;width:212px;}
.head2 p{text-align: center;color:#292a59;font-size:28px;margin-top:170px;float: left;width:100%}

.icons{display: table; border-collapse: collapse; margin-left: 75px;}
.icons .tr{display: table-row}
.head3 .i{
    border: 0px;
    display: table-cell;
    vertical-align: middle;
    padding-left:190px;width:450px;color:#FFFFFF;text-transform: upper1case;font-family: mr;font-size:22px;height:193px;box-sizing: border-box;padding-right:100px}
.head3 .i1{background: URL('../images/i1.png') 0 center no-repeat,URL('../images/polosa_start.png') right bottom no-repeat;}
.head3 .i2{background: URL('../images/i2.png') 85px center no-repeat;}
.head3 .i3{background: URL('../images/i11.png') 0 center no-repeat,URL('../images/polosa.png') right center no-repeat;}
.head3 .i4{background: URL('../images/i22.png') 85px center no-repeat;}
.head3 .i5{background: URL('../images/i7.png') 0 center no-repeat,URL('../images/polosa_end.png') right top no-repeat;}
.head3 .i6{background: URL('../images/i33.png') 85px center no-repeat;}
/*.head3 .i7{background: URL('../images/i7.png') 0 center no-repeat,URL('../images/polosa_end.png') right top no-repeat;}
.head3 .i8{background: URL('../images/i8.png') 85px center no-repeat;}*/
.head3 .i:last-child{padding-left:275px;padding-right:0}

.head4{background: URL('../images/hgbg4.jpg') center 0 no-repeat;height:900px;overflow: hidden}
.head5{background: URL('../images/hgbg5.jpg') center 0 no-repeat;height:446px;overflow: hidden}

.head4 .body div{text-align: center;color:#231f20;text-transform: uppe1rcase;margin-top:95px;font-size:22px;font-family: mb;}
.head4 .b1{float: left;    margin-left: 135px;
    width: 203px;}
.head4 .b2{float: left;    margin-left: 35px;
    width: 247px;}
.head4 .b3{float: left;margin-left:41px;width:190px;}

.head4 h1{margin-top:70px}
.head4 p{text-align: center;color:#292a59;font-size:20px;margin-top:50px;float: left;width:100%}
.head5{color:#fff;font-size: 20px}
.head5 .body{width:650px;}
.head5 h1{text-align: left;margin-top:70px}
.head5 h2{font-size:20px;font-family: mr;font-weight: normal;text-transform: uppercase;margin-bottom:70px}
.head5 .form{float:left;width:370px;}
.head5 .text{float:right;width:280px;}

.button{width:198px;height:50px;overflow: hidden;line-height: 50px;font-size:20px;font-family: ml;color:#01e7fd;text-align: center;text-decoration: none;
border:0;display: block;
    cursor: pointer;
    outline: 0;
background: URL('../images/button.png') 0 0 no-repeat;

}

.form input::-webkit-input-placeholder {color:#292a59;}
.form input::-moz-placeholder          {color:#292a59;}/* Firefox 19+ */
.form input:-moz-placeholder           {color:#292a59;}/* Firefox 18- */
.form input:-ms-input-placeholder      {color:#292a59;}

.form input[type=text]{
    color:#292a59;font-size:20px;font-family: ml;
    background: #8f93ab;
  border:2px solid #292a59;
    padding:2px 4px;
    height:42px;
    box-sizing: border-box;
  outline:1px solid #fff;
    width:270px;margin:10px 0px;

}
.text p{    margin: 14px 0px;font-family: ml;
    line-height: 18px;}
.blvd a{color:#1e2858;font-size:14px;font-family: ml;}
.blvd{
position: absolute;
    margin-left:465px;width:125px;
    left:50%;
    margin-top:390px;
}

#sliders{height:400px;}
#sliders .el{position:absolute}
.head1 h1{font-size:40px;font-family: mr;color:#FFF;text-align: left}
.head1 p{font-size:20px;font-family: mr;color:#FFF;}

.circle a {
    width: 14px;
    height: 14px;
    background: transparent;
    border: 1px solid #05e3fa;
    float: left;
    margin: 10px 7px;
    border-radius: 7px;
}
.circle .act a{
    background: #05e3fa;
    box-shadow: 0 0 10px #05e3fa;
}


.popup {
padding:5px 15px 15px;
position:fixed;
top:100px;
left:50%;
display:none;
overflow:hidden;
border:1px solid #ccc;
background:#fff;
-moz-border-radius:15px;
-webkit-border-radius:15px;
border-radius:15px;
z-index:1002;
behavior: url(PIE.htc);
}
.popup h2 {
font:bold 18px/32px Arial, san-serif;
}
.popup a.close {
width:16px;
height:16px;
display:block;
text-indent:-9999px;
position:absolute;
top:10px;
right:10px;
background:url(../images/close.png) no-repeat;
}

/**********popup with form**********/
.popup {
margin-left:-200px;
width:400px;
}
.popup form {
margin-top:10px;
}
.popup label {
width:100px;
height:26px;
font:bold 12px/26px Arial, san-serif;
display:inline-block;
vertical-align:top;
*display:inline;
*zoom:1;
}
.popup input[type=text], .reg_form input[type=password] {
background: #8f93ab none repeat scroll 0 0;
    border: 2px solid #292a59;
    box-sizing: border-box;
    color: #292a59;
    font-family: ml;
    font-size: 20px;
    height: 42px;
    margin: 10px 0;
    outline: 1px solid #fff;
    padding: 2px 4px;
    width: 270px;
}
.popup input[type=submit] {
background: rgba(0, 0, 0, 0) url("../images/button.png") no-repeat scroll 0 0;
    border: 0 none;
    color: #01e7fd;
    cursor: pointer;
    display: block;
    font-family: ml;
    font-size: 20px;
    height: 50px;
    line-height: 50px;
    outline: 0 none;
    overflow: hidden;
    text-align: center;
    text-decoration: none;
    width: 198px;
}
.popup input[type=submit]:hover {
color:#fff;
}

/**********popup with pictures**********/
.photo_win {
margin-left:-250px;
width:500px;
}
.img_wrap {
margin-top:10px;
width:100%;
overflow:hidden;
}
.img_wrap img {
margin:0 10px 10px;
height:187px;
}

/**********popup with tabs**********/
.tabs_info {
margin-left:-250px;
width:500px;
}
/*tabs links*/
.selectTabs {
margin:10px 0 0;
width:100%;
}
.lineTabs {
width:100%;
float:left;
list-style:none;
}
.lineTabs li {
margin:0 0 -1px 10px;
float:left;
position:relative;
z-index:1;
border:1px solid #ccc;
}
.lineTabs li.active {
border-bottom:1px solid #fff;
}
.lineTabs li.active a {
color:#cc0000;
}
.lineTabs a {
padding:4px 15px;
display:block;
text-decoration:none;
color:#000;
font-weight:bold;
font-size:10px;
text-transform:uppercase;
}
/*tabs content*/
.tab_content {
width:100%;
float:left;
border:1px solid #ccc;
-moz-border-radius:0 0 5px 5px;
-webkit-border-radius:0 0 5px 5px;
border-radius:0 0 5px 5px;
position:relative;
behavior: url(PIE.htc);
}
.tab_content div{
display:none;
}
.tab_content .tab1 {
display:block;
}
.tab_content .tab1, .tab_content .tab2 {
padding:10px 5px;
}
.tab_content img {
margin:0 10px 5px 0;
float:left;
}

/**********overlay styles**********/
#overlay {
width:100%;
height:100%;
position:fixed;
top:0;
left:0;
display:none;
background:#000;
opacity:.8; z-index:1001;
}

.link{
    color: #fff;
    text-decoration: none;
}
.link-content{
    color: #005bab;
    text-decoration: none;
}
.link:hover, .link-content:hover{
    text-decoration: underline;
}

.content-list{
    font-size: 20px;
    list-style: none;
    padding: 0;
    margin: 0;
}
.content-list li {
    margin-bottom: 10px;
}

.head4.content{
    height: auto;
    background-position: bottom center;
}
.empty-4{
    height: 400px;
}
.form.form-flex {
    width: 60%;
    display: flex;
    justify-content: space-between
}