@charset "utf-8";


/*.pixel{ width:100%; height:6800px; background:url(../pixel.jpg) center top no-repeat; position:absolute; top:0; left:0; opacity:0.4; z-index:999999;}*/

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


*{ margin: 0; padding: 0; outline:none;}
a, input, button, textarea{outline:none;  font-size:20px; color:#000; font-family: 'agora_sans_pro'; }
a:hover{text-decoration:none}
img{border:0;}
button{cursor:pointer}
html, body {height: 100%; margin: 0; padding: 0; line-height:1.3; font-family: 'agora_sans_pro'; font-size:18px; color:#202020; background:#fff }
.clear{clear: both;height:0px; }

.wrapper{min-height: 100%;  text-align:left; position:relative; min-width:1280px;   }
.wrapper_back {height: 100%; position: absolute; top: 0; z-index: -1;left: 0px; right: 0px;}
.innerwrapper{min-width:1280px; max-width:1560px; height:100%; margin:0 auto; position:relative; }
h1,h2,h3{ font-weight:normal;font-family: 'agora_sans_pro'; color:#202020; font-size:40px; text-transform:uppercase; }
.innerwrapper li {margin-bottom: 5px; list-style: inside; color: #740f03;
    font-size: 32px;
    }




.overlay{ background-color:rgba(255,255,255,0.87); z-index:1001; position:fixed; top:0; left:0; width:100%; height:100%; display:none }
.dialogs{ position:fixed; top:200px; left:50%;  z-index:10012;display:none;  background:#222; }
.dialogs .dialog-wrapper{padding:30px 60px;}
.dialogs h2{ font-weight:normal;  font-size:30px; color:#fff; text-align:center;   }
.dialogs .close{ width:48px; height:48px; background:url(../img/ico_dialogclose.png) center center no-repeat;  position:absolute; text-indent:-99999px; top:13px; right:15px; cursor:pointer;}
.dialogs h3{ font-size:24px; color:#fff;  font-family: 'agora_sans_pro'; margin:50px 0 20px;}
.dialogs.tnx{ width:500px; height:220px; text-align:center  }
.dialogs.tnx p{color:#fff; font-size:24px;}
.dialogs.tnx .orderpswrapper{margin-top:40px;}
.dialogs.backcall .dialog-wrapper{padding:30px 35px;}
.dialogs.backcall .orderpswrapper{ margin:50px 0 0;}
.dialogs.backcall  p{ color:#fff; font-size:20px; margin-bottom:3px;}
.dialogs.backcall input[type=text], 
.dialogs.backcall textarea{ width:420px; background:none; border:1px solid #ccc;  height:38px; color:#FFF; padding:0 10px;}
.dialogs.backcall input.error, 
.dialogs.backcall textarea.error{border-color:#f00}
.dialogs.backcall input[type=text]{margin-bottom:5px;}
.dialogs.backcall textarea{ resize:none; padding:10px; height:135px;}
.dialogs.backcall .btns{text-align:center; margin-top:20px;}
.dialogs.backcall button{ width:230px; height:45px; padding:0; font-size:21px; }


button.red{ width:246px; height:43px; border:none; border-radius:6px; font-size:20px; text-transform:uppercase; color:#fff; 
background: #c2301e;
background: -moz-linear-gradient(top,  #c2301e 0%, #740f03 100%);
background: -webkit-linear-gradient(top,  #c2301e 0%,#740f03 100%);
background: linear-gradient(to bottom,  #c2301e 0%,#740f03 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c2301e', endColorstr='#740f03',GradientType=0 );
text-shadow: 0px -1px 0px rgba(0, 0, 0, 1);
line-height:1;} 
button.red span{ display:block; height:31px; padding-top:10px; padding-left:45px; text-align:left; background:url(../img/ico_phone.png) 10px 10px no-repeat}
button.red:hover{ background:#af2818}



header{ width:100%; height:590px; background:#fff; position:relative;  }
.innr header{ width:100%; height: auto !important; background:#fff; position:relative;  }
header .innerwrapper{background:url(../img/logo.jpg) right bottom no-repeat; background-size:27%}
.innr header .innerwrapper{background: none;}

header nav{ float:right;margin:27px 2.6% 2px 0; }
header li{ list-style:none; display:inline-block; vertical-align:text-bottom; margin-right:1px; }
header li a{ font-size:20px; color:#202020; text-decoration:none; display:block; padding:0 16px; position:relative}
header li a::after{ display:block; content:""; width:1px; height:49px; background:url(../img/bg_menu.png); position:absolute; right:-1px; top:-10px;}
header li.last a::after{display:none}
header li a span{ position:relative;}
header li.active a span::after,
header li a:hover span::after{ display:block; content:""; width:100%; height:4px; background:#740f03; position:absolute; bottom:-5px; left:0}


header .left-part{ width:51%; float:left; }
header .left-part h1{ margin-left:5.5%; margin-bottom:65px; text-transform: none;}
header .left-part h1 span {font-size:40px;}
.innr header .left-part h1{ margin-left:5.5%; margin-bottom:70px;}
header .left-part h1 a{ font-size:50px; text-decoration:none; color:#740f03 }
header .left-part .lg{ width:38%; height:38%;width:256px; height:256px;    border-radius:256px; max-width:256px;max-height:256px; float:left; margin-left:6.5%}
header .left-part .text{ float:left;  font-size:20px; line-height:1.2; margin-left:4.5%; margin-top:47px;}
header .left-part .text h2{text-transform:none; font-size:30px; margin-bottom:20px;}

header .right-part{width:45%; float:right; text-align:right; margin:32px 3.2% 0  0; font-size:20px; height:503px; }
.innr header .right-part{width:45%; float:right; text-align:right; margin:32px 3.2% 0  0; font-size:20px; height:auto; }
header .right-part a.phone{ display:inline-block; vertical-align:top; font-size:30px; text-decoration:none; margin-right:25px }
header .right-part button.backcall{display:inline-block; vertical-align:top; margin-right:8px}
header .right-part .address{ width:100%; background:url(../img/bg_line.jpg) left bottom no-repeat; margin:10px 0 0 0; padding-bottom:27px;}
.innr header .right-part .address{ width:100%;  text-align: left; background:none; margin:10px 0 0 0; padding-bottom:0;}
header .right-part .address span{ padding-left:30px; background:url(../img/ico_address.png) left center no-repeat}
header .right-part .order-form{ float:left; width:51%; text-align:center; margin-top:45px; margin-left:20px;  }
header .right-part .order-form p{font-size:25px; margin-bottom:25px;}
header .right-part .order-form input[type=text]{ width:75%; padding-right:5%; height:49px; background:none; border:none; position:absolute; top:1px; right:1px; }
header .right-part .order-form .in{ max-width:355px; height:51px; width:100%; 
background: #f2f2f2;
background: -moz-linear-gradient(top,  #f2f2f2 0%, #ffffff 100%);
background: -webkit-linear-gradient(top,  #f2f2f2 0%,#ffffff 100%);
background: linear-gradient(to bottom,  #f2f2f2 0%,#ffffff 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#ffffff',GradientType=0 );
border-radius:7px; border:1px solid #b9b9b9;
-webkit-box-shadow: inset 0px 0px 1px 1px rgba(50, 50, 50, 0.2);
-moz-box-shadow:    inset 0px 0px 1px 1px rgba(50, 50, 50, 0.2);
box-shadow:         inset 0px 0px 1px 1px rgba(50, 50, 50, 0.2);
margin-bottom:20px;
position:relative}
header .right-part .order-form .in::before,
header .right-part .order-form .in::after{ display:block; content:""; position:absolute; left:50px; top:8px;; width:2px; height:36px; background:#d4d4d4}
header .right-part .order-form .in::before{ left:0; top:0; width:52px; height:51px; background:center center no-repeat }
header .right-part .order-form .in.name::before{ background-image:url(../img/ico_fio.png);}
header .right-part .order-form .in.tel::before{ background-image:url(../img/ico_phone2.png);}
header .right-part .order-form .btn{ margin-top:27px;}
header .right-part .order-form button{ width:65%}
header .right-part .order-form button span{ text-align:center; padding-left:0; background:none}


.red-line{ text-align:center; background:#740f03; height:222px;   color:#fff; font-size:0;}
.red-line .list{height:222px; width:1295px; margin:0 auto; text-align:center}
.red-line .list a{ display:block; float:left; height:92px; padding-top:130px; vertical-align:top; width:206px; margin:0 25px;  line-height:1.2; color:#fff; text-decoration:none; 
background:url(../img/sprite.png) 0 0 no-repeat }
.red-line .list a.x1{ background-position:4px 10px} 
.red-line .list a.x1:hover{ background-position:4px -212px} 
.red-line .list a.x1active{ background-position:4px -212px; background-color:#480801; color:#ffd2a2} 
.red-line .list a.x2{ background-position:-259px 10px} 
.red-line .list a.x2:hover{ background-position:-259px -212px} 
.red-line .list a.x2active{ background-position:-259px -212px; background-color:#480801; color:#ffd2a2} 
.red-line .list a.x3{ background-position:-525px 10px} 
.red-line .list a.x3:hover{ background-position:-525px -212px} 
.red-line .list a.x3active{ background-position:-525px -212px; background-color:#480801; color:#ffd2a2} 
.red-line .list a.x4{ background-position:-784px 5px} 
.red-line .list a.x4:hover{ background-position:-784px -217px} 
.red-line .list a.x4active{ background-position:-784px -217px; background-color:#480801; color:#ffd2a2} 
.red-line .list a.x5{ background-position:-1051px 5px} 
.red-line .list a.x5:hover{ background-position:-1051px -217px} 
.red-line .list a.x5active{ background-position:-1051px -217px; background-color:#480801; color:#ffd2a2} 
.red-line .list a img{display:none}
.red-line .list a:hover{ background-color:#480801; color:#ffd2a2}
.red-line .list a span{display:block}



/*
*/
.practice-line{ text-align:center; padding:80px 0 67px}
.practice-line h2{}
.practice-line .list{ font-size:0; margin-top:48px;}
.practice-line .list > a{ font-size:20px; display:inline-block; vertical-align:top; width:16.5%; text-decoration:none}


.practice-line .list > a img{ width:171px; height:171px; border-radius:171px; border:2px solid #870505; margin-bottom:10px;}
.practice-line .list > a span{ display:inline-block; width:171px; height:171px; border-radius:171px; border:2px solid #870505; margin-bottom:10px; background:#fff url(../img/sprite.png) -18px -496px no-repeat}
.practice-line .list > a:hover{color:#740f03}
.practice-line .list > a:hover span{color:#740f03;background-color:#740f03}
.practice-line .list > a.x1 span{background-position:-18px -496px}
.practice-line .list > a.x1:hover span{background-position:-18px -703px; }
.practice-line .list > a.x2 span{background-position:-278px -496px}
.practice-line .list > a.x2:hover span{background-position:-278px -703px; }
.practice-line .list > a.x3 span{background-position:-538px -496px}
.practice-line .list > a.x3:hover span{background-position:-538px -703px; }
.practice-line .list > a.x4 span{background-position:-798px -496px}
.practice-line .list > a.x4:hover span{background-position:-798px -703px; }
.practice-line .list > a.x5 span{background-position:-1058px -496px}
.practice-line .list > a.x5:hover span{background-position:-1058px -703px; }
.practice-line .list > a.x6 span{background-position:-1318px -496px}
.practice-line .list > a.x6:hover span{background-position:-1318px -703px; }


.practice-line  .list div:first-child{margin-left:0;}
.practice-line  .list div:first-last{margin-right:0;}


.cert-line{ background:#f1f1f1 url(../img/bg_book.jpg) center bottom no-repeat; background-size:cover; padding:30px 0 62px; text-align:center; font-size:0;}
.cert-line .line{ max-width:1370px; margin:40px auto 0;}
.cert-line a{width:25%; display:inline-block; vertical-align:top;}
.cert-line a img{ height:120px;}

.command-line{ text-align:center; background:#e4e4e4; padding:35px 0 32px}
.command-line h2{}
.command-line .line{ font-size:0; margin-top:38px}
.command-line .line  div{ width:21%; padding:0 2%; display:inline-block; vertical-align:top; font-size:18px; line-height:1.2;}
.command-line .line  div  h3{ font-size:25px; margin:21px 0 10px;}

.work-line{ background:#f1f1f1; padding:50px 0 30px; text-align:center}
.work-line h2{ margin-bottom:50px;}
.work-line .bg{ width:1270px; margin:0 auto; height:700px; background:url(../img/bg_wework.png) center top no-repeat; position:relative; font-size:18px; color:#333333; line-height:1.2}
.work-line .bg div{ position:absolute;}
.work-line .bg .step1{ left:172px; top:138px;}
.work-line .bg .step2{ left:486px; top:138px;}
.work-line .bg .step3{ left:856px; top:138px;}
.work-line .bg .step4{ left:924px; top:633px;}
.work-line .bg .step5{ left:474px; top:633px;}
.work-line .bg .step6{ left:138px; top:633px;}

.art-line{ padding:113px 0 10px; font-size:0;}
.art-line .art-one{ width:48%; margin:0 1% 70px 1%; display:inline-block; font-size:18px; text-align:justify; vertical-align:top; line-height:1.38}
.art-line .art-one table{ width:100%; border-collapse:collapse; }
.art-line .art-one table td{vertical-align:top; }
.art-line .art-one table td:last-child{padding-left:30px;}
.art-line .art-one h3{ font-size:25px; margin:-7px 0 20px; text-transform:none}



.footerline{padding-bottom:375px;}
footer{ height:345px; padding:28px 0 0; width:100%; position:absolute; bottom:0; background:#e2e2e2;  202020}
footer h3{ font-size:30px; margin-bottom:17px;}
footer .about{ float:left; width:25%; padding-right:4%; margin-left:1%}
footer .about .x1{ float:left; font-size:25px; margin-right:55px; line-height:1.1; }
footer .about .x2{float:left; margin-top:5px;line-height:1.4}
footer .about p{ margin-top:30px}
footer .map{ width:35%; float:left}
footer .map h3{margin-bottom:40px}
footer .contacts{ float:right; width:25%; margin-right:1%; font-size:20px;}
footer .contacts h3{ margin-bottom:45px}
footer .contacts p{ margin-bottom:18px;}
footer .contacts a{ font-size:30px; text-decoration:none}
footer .contacts{}
.contentblock {padding: 20px 0;}
.contentblock h1{text-align: center; color: #740f03; font-weight: bold; margin-bottom: 15px;}
.contentblock p{text-align: left; color: #740f03; margin-bottom: 10px; font-size: 32px;}