@import url('https://fonts.googleapis.com/css?family=Roboto+Slab:100,300,400,700');

body{
    font-family: 'Roboto Slab', serif;
    color:#000;
}

h2{font-size: 36px; font-weight: bold}
header{min-height: 100px;}
.main-section{
  background-image: url(../img/bg.jpg);
  background-position: center center;
  color:#fff;
  text-align: center;
  padding-top: 90px;
  background-repeat: no-repeat;
  padding-bottom: 155px;
}

a{color:#0ca7bd;text-decoration: underline;}
a:hover{color:#000;}
.main-section .description{ margin: 15px 0;}
.main-section .description .list-inline{font-size: 22px;margin: 35px 0;}
.main-section .description h1{margin-bottom: 40px;text-transform: uppercase;line-height: 1.5em;font-size: 36px;}
.main-section p{font-size: 18px;margin-bottom: 30px;}
.pad0{padding:0;}
.main-section .form-control{margin-bottom: 15px;}
.form-section{
    /*width: 600px;*/
    /*! margin: 0 auto; */
    /*! background: rgba(12, 167, 189, 0.6); */
    /*! border-radius: 10px; */
    /*! padding: 30px 80px 50px 80px; */
    }
.form-section h2{margin-bottom: 20px;text-transform: uppercase;}
.form-control{
    border-radius: 0px;
    height: 45px;
    text-align: center;
    border: 0px;
    margin-bottom: 10px;
}
.form-control:focus{border-bottom: 3px solid #0ca7bd;}
.main-section .btn-default{width: 300px;
    height: 60px;
    background: #0ca7bd;
    border: 0;
    color: #fff;
    font-size: 18px;
    text-decoration: underline;
    border-radius: 10px;
padding-top: 16px;
}
.main-section .btn-default:hover{background: #353434;}

.second-section{padding: 75px 0;}
.pl45{padding-left: 25px;margin-top: 40px;}
.blue-line:before{content: ""; width: 3px; height: 60px; display: block; position: absolute; background:#0ca7bd; left: 0;margin-top: 7px;}
.BTgrey{border-top: 1px solid #ccc; padding-top: 30px;}
.priem-line img{width: 100px;margin-bottom: 20px;margin-top: 20px;}
.kurs-list{padding: 75px 0;}
.kurs-list .desc{font-size: 24px;font-weight: bold;padding-top: 29px;}


header .phone{font-size: 14px; color:#000;margin-top: 15px;float: left;display: block;font-weight: bold;text-decoration: none;}
header .phone-cta{font-size: 16px;padding-top: 5px;}
header .phone:before, header .phone-cta:before, header .email:before, header .adress:before{content: "";display: block;width: 16px;height: 16px;float:  left;margin-right: 6px;margin-top: 4px;}
header .phone:before{background-image: url(../img/phone.svg)}
header .phone-cta:before{background-image: url(../img/icon/phone-cta.png);margin-top: 5px;}
header .email{font-size: 16px; margin-bottom: 10px;    font-weight: 300;}
header .adress{font-size: 12px;    font-weight: 300;}
header .email:before{background-image: url(../img/icon/email.png);width: 19px;height: 13px;margin-top: 6px;}
header .adress:before{background-image: url(../img/icon/map.png);margin-top: 5px;width: 16px;height: 22px;}


footer .phone{font-size: 18px; color:#fff;font-weight: bold;}
footer .phone-cta{font-size: 16px;padding-top: 5px;margin-bottom: 10px;}
footer .phone-cta a{color:#fff;}
footer .phone:before, footer .phone-cta:before, footer .email:before, footer .adress:before{content: "";display: block;width: 16px;height: 16px;float:  left;margin-right: 10px;margin-top: 5px;}
footer .phone:before{background-image: url(../img/icon/phone.png)}
footer .phone-cta:before{background-image: url(../img/icon/phone-cta.png);margin-top: 5px;}
footer .email{font-size: 16px; margin-bottom: 10px;    font-weight: 400;}
footer .adress{font-size: 12px;    font-weight: 400;}
footer .email:before{background-image: url(../img/icon/email.png);width: 19px;height: 13px;margin-top: 6px;}
footer .adress:before{background-image: url(../img/icon/map.png);margin-top: 5px;width: 16px;height: 22px;margin-right: 10px;margin-left: 3px;}
footer .politics{ margin-bottom: 15px}
footer .copyright{font-size: 12px}
footer .politics a{color:#fff;}

.login-block{height: 100px;background: #f3f3f3;padding-top: 15px;}

.logo, .mail-block, .phone-block, .email-block, .politick-block{padding-top: 18px;}

.login{margin-bottom: 20px;}
.login a{font-size:16px;}
.logout a{font-size:16px;color:#000; text-decoration: none}

.login:before{content: "";display: block;width: 25px;height: 25px;float:  left;background-image: url(../img/icon/user.png);margin-right: 10px;}
.logout:before{content: "";display: block;width: 20px;height: 20px;float:  left;background-image: url(../img/icon/logout.png);margin-right: 10px;margin-left: 5px;}
.checkbox label{
    font-size: 12px;
    text-align: left;
    font-weight: 300;
    margin: 10px 0;
    }

footer{background: #353434;color:#fff;padding: 10px 0;}
.modal-content{border-radius: 0;}
.modal-content h4{font-size: 30px;color:#0ca7bd;margin: 38px 0;font-weight: bold;}
.modal-header{background: #e9e9e9;}
.modal-body{background: #f3f3f3;}
.modal-header .close, button.close {
    margin-top: -2px;
    font-size: 30px;
    border: 1px solid #000;
    padding: 3px 10px;
    border-radius: 50%;
}
.modal-content .form-control{margin-bottom: 10px;}
.modal-content  .btn-default {
    width: 100%;
    height: 60px;
    background: #0ca7bd;
    border: 0;
    color: #fff;
    font-size: 24px;
    text-decoration: underline;
    border-radius: 10px;
}
.modal-content .btn-default:hover{    background: #353434;}

.bread-section { background:url(../img/bg.png); border-top:2px solid #000;}
.breadcrumb{background: transparent;}
.bread-section  h1{padding-left: 35px;margin-bottom: 30px;margin-top: 0px;}
.user-line, .organisation-line, .work-line, .email-line, .phone-line{color: #888888;font-weight: 300;    font-size: 18px;}
.user-line:before, .organisation-line:before, .work-line:before, .email-line:before, .phone-line:before{content:"";display:block;float: left;background-position: center center;background-repeat: no-repeat;width: 20px;height: 20px;margin-right: 15px;}
.user-line:before{background-image:url(../img/icon/ikonka_fio.png);}
.organisation-line:before{background-image:url(../img/icon/img_513641.png);}
.work-line:before{background-image:url(../img/icon/ikonka_rubrika.png);}
.email-line:before{background-image:url(../img/icon/ikonka_pochta.png);}
.phone-line:before{background-image:url(../img/icon/ikonka_telefon.png);}
.bordernone{border-top:0!important;}
.table{font-size:16px; margin: 30px 0;}
.grey-box{background: #f3f3f3; padding: 10px 20px; margin-top: 30px; border-radius: 15px;}
.grey-box h3{color: #888888;font-weight: 300;line-height: 1.2;font-size: 16px;border-bottom: 1px solid #dddddd;padding-bottom: 10px;padding-left: 20px;}
.bread-section-line{background:url(../img/bg.png);padding: 35px 0;}
.bread-section-line h1{padding-left:35px;color:#000;}
.attemp{float: left; min-height: 40px;width: 168px;-webkit-border-radius: 12px;-moz-border-radius: 12px; border-radius: 12px; background: #f3f3f3; color: #bebebe; font-weight: bold; line-height: 40px; text-align: center;}
.attemp-2{float: left; min-height: 40px; width: 168px; -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px; background: #0ca7bd;color: #ffffff; font-weight: bold; line-height: 40px; text-align: center; text-decoration: underline;}
.load-progress{float: left; margin: 2px 0 0 3px; width: 32px; color: #0ca7bd; font-size: 30px; font-weight: bold;}
.btn-save{background: url(../img/icon/save.png); width:30px; height:30px;    background-position: center center;    background-repeat: no-repeat; }
.btn-print{background: url(../img/icon/print.png);  width:30px; height:30px;    background-position: center center;    background-repeat: no-repeat;}
.btn-plane{background: url(../img/icon/plane.png); width:30px; height:30px;    background-position: center center;    background-repeat: no-repeat; }
.btn-save:hover, .btn-save:focus, .btn-save:visited{background-image: url(../img/icon/save-blue.png);}
.btn-print:hover, .btn-print:focus, .btn-print:visited{background-image: url(../img/icon/print-blue.png);}
.btn-plane:hover, .btn-plane:focus, .btn-plane:visited{background-image: url(../img/icon/plane-blue.png);}

.green-block{padding: 25px 44px 21px; border-radius: 30px; background: rgba(194, 229, 211, 0.44); margin: 35px 0;}
.table-zagolovok{font-size:20px;margin-top: 7px;}
.line-table{    padding: 25px 15px;
    border-bottom: 2px solid #dddddd;}
.line-table:last-child{border-bottom:0;}
.menu-left{
    background: #f3f3f3;
    border-radius: 12px;
    padding: 25px 10px;
    }
.first-level{list-style-image:url(../img/icon/triangle.png);font-size: 16px;}
.first-level a{color:#000; text-decoration:none;}
.first-level a:hover{text-decoration:underline;}
.first-level li{margin-bottom:10px;}
.first-level .visited{list-style-image:url(../img/icon/mnogougolnik_1.png); font-weight:bold;}

.second-level{list-style:none;padding-left: 0;}
.second-level li{background: url(../img/icon/circle.png) no-repeat left center;padding-left: 30px;}
.second-level .visited{list-style:none; background: url(../img/icon/circleblue.png) no-repeat left center;padding-left: 30px; font-weight:bold;}
.second-level>.focus-list>a{color:#0ca7bd; text-decoration:underline; font-weight:bold;}


.next-button, .prev-button{color:#000;font-size:16px;font-weight:300;}
.next-button:hover, .prev-button:hover {color:#0ca7bd;font-weight:700;}

.next-button:after{content:"";width: 10px;height: 17px;background: url("../img/prev.png");display: block;position: absolute;left: 188px;top: 4px;}
.prev-button:before{content:"";width: 10px;height: 17px;background: url("../img/next.png");display: block;position: absolute;right: 201px;top: 4px;}
.prev-button:after{content:"";width:1px;background: #9fa2a2;height: 45px;right: -2px;display:block;position:absolute;top: -9px;}

.pagination-test{font-size:16px;}
.pagination-test li a{color: #8b8a8a;text-decoration:none;margin:5px;width: 22px;height: 22px;display: block;text-align: CENTER;}
.pagination-test li a:hover, .pagination-test .active{background:url(../img/border-circle.png);background-position: center;}

.time{margin-bottom: 0px;font-size: 15px;font-weight: 300;color: #888888;}
.time-out{font-size: 40px; color: #888888; font-weight: 300;}
.testing-section{padding: 50px 0;}
.testing-section .grey-box{margin-top:0px;}
.btn-default, .btn-default:focus{width: 100%;height: 60px;background: #0ca7bd;border: 0;color: #fff;font-size: 24px;text-decoration: underline;border-radius: 10px;padding-top: 10px;outline: none;}
.btn-default:hover { background: #353434; color:#fff;}
.content .btn-default{    width: 445px;}



.navbar-collapse{padding: 0}
.navbar-default .navbar-nav > li > a {color: #000;  text-decoration: none; font-weight: bold; font-size: 12px;}
.navbar-default {background-color: transparent;border-color: #e7e7e7; border: 0;}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
    color: #00a9be;
    background-color: transparent;
    text-decoration: underline;
}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
    color: #00a9be;
    background-color: transparent;
    text-decoration: underline;
}

.callback-block{height: 100px;display: block;margin-top: -15px;float: right;margin-right: -15px;background: #00a9be; color:#fff; text-transform: uppercase;padding: 27px 20px; }
.callback-block:hover{background: #0f8593;color:#fff; }
.linktosystem{float: left;margin-right: 15px;margin-top: 15px;}

.kursbox{height: 450px; border: 1px solid #b6b6b6;  padding: 25px;    background: none;    color: #000;margin-top: 20px;}
.kursbox p{font-size: 16px;min-height: 160px; margin-bottom: 30px}
.kursbox .btn-default{font-size: 17px; padding-top: 12px; height: 50px;position: absolute;width: 210px;bottom: 25px;color:#fff;    left: 40px;}
.kursbox a{color:#000;}
.kursbox:hover a{color:#fff;}
.kursbox .time-icon{font-weight: bold; }
.kursbox .time-icon span{padding-top: 8px; display: block; font-size: 18px;  padding-bottom:7px;}
.kursbox .doc:before{content: "";display: block; width: 38px; height: 40px; background: url(../img/card.svg);float: left;margin-right: 17px;background-repeat: no-repeat;background-position: center;margin-bottom: 21px;}
.kursbox .time-icon:before{content: ""; display: block; width: 35px; height: 40px; background: url(../img/timer.svg);float: left;margin-right: 20px;background-repeat: no-repeat;}
.first-kurs{}
.first-kurs:hover{background: url(../img/kurs/1.jpg);color:#fff; background-size: cover;}
.second-kurs:hover{background: url(../img/kurs/2.jpg);color:#fff;background-size: cover; }
.third-kurs:hover{background: url(../img/kurs/3.jpg);color:#fff;background-size: cover; }
.third-kurs1:hover{background: url(../img/kurs/3-1.jpg);color:#fff;background-size: cover; }
.third-kurs2:hover{background: url(../img/kurs/3-2.jpg);color:#fff;background-size: cover; }
.four-kurs:hover{background: url(../img/kurs/4.jpg);color:#fff;background-size: cover; }
.five-kurs:hover{background: url(../img/kurs/5.jpg);color:#fff;background-size: cover;}
.six-kurs:hover{background: url(../img/kurs/6.jpg);color:#fff;background-size: cover; }
.seven-kurs:hover{background: url(../img/kurs/7.jpg);color:#fff; background-size: cover;}
.eight-kurs:hover{background: url(../img/kurs/8.jpg);color:#fff; background-size: cover;}
.nine-kurs:hover{background: url(../img/kurs/9.jpg);color:#fff; background-size: cover;}








.number-one{width: 55px; height: 55px; display:  block; background: url(../img/1.png);background-size: contain;margin-bottom: 20px;}
.number-one:before{content: ""; position: absolute; width: 94px; height: 3px; background:url(../img/line-grey.png);left: -100px;top: 27px;}
.number-one:after, .number-two:after, .number-three:after, .number-four:after {content: ""; position: absolute; width: 190px; height: 3px; background-color: #e9e9e9;left: 90px;top: 27px;}
.number-two{width: 55px; height: 55px; display:  block; background: url(../img/2.png);background-size: contain;margin-bottom: 20px;}
.number-three{width: 55px; height: 55px; display:  block; background: url(../img/3.png);background-size: contain;margin-bottom: 20px;}
.number-four{width: 55px; height: 55px; display:  block; background: url(../img/4.png);background-size: contain;margin-bottom: 20px;}

.first-step p {min-height: 80px;padding-bottom: 20px; display:block; font-weight: bold}
.first-step .btn-default{height: 55px;padding-top: 16px;width: 215px;font-size: 16px;margin-top: 72px;}
.first-step .phone-link{font-size: 20px;color: #000;text-decoration: none; font-weight:bold}
.nuber-two-fix-btn{height: 55px;padding-top: 16px;width: 215px;font-size: 16px;margin-top: 10px;}
.text-in-step{min-height: 80px;padding-bottom: 20px; display:block}

.owl-dot span{
    display: inline-block;
    width: 14px;
    height: 14px;
    border-radius: 14px;
    background: #fff;
    border: 2px solid #b6b6b6;
    margin-left: 5px;
}
.owl-dot:first-child{margin-left: -5px}
.owl-dots{text-align: center;margin-top: 10px}
.owl-dots .active span{border-color:#0ca7bd;}
.menu-footer a{color:#fff;margin-bottom: 10px;display: inline-block;}
.menu-footer a:hover{color:#0ca7bd;}
.color-blue{color:#0ca7bd}
.mb25{margin-bottom: 25px}
.grey-line-block{padding:50px 0; background:#e9e9e9;}
.grey-line-block h2{font-size: 22px;margin-top: 5px;}
.grey-line-block .btn-default{width: 600px;font-size: 16px;padding-top: 18px;}
.grey-line-block span{font-weight:400}
.steps-section{padding:50px 0;}
.steps-section h2{margin-bottom: 60px;}
.steps-section .blue-line{margin-bottom: 20px}
.steps-section li>a{font-size: 16px;margin-bottom: 7px;display: inline-block;}
.five-icon{width:50px; height:50px}
.mt60{margin-top: 60px;}
.lic-section{padding: 75px 0;}
.lic-section .desc{font-size: 25px;font-weight: bold;padding-top: 35px;}
.mb25{margin-bottom:25px;}
.rewiev-section{padding: 75px 0;}
.rewiev-section .h1{margin-bottom: 20px;font-weight: bold;font-size: 36px;}
.rewiev-section h2{font-size: 30px}
.rewiev-section p{color:#00a9be;font-size: 25px;font-weight: bold;padding-top: 20px;}
.mt40{margin-top: 40px;}

.last-form{padding: 75px 0; background:#0f8593; color:#fff}
.last-form .h4{margin-bottom: 30px;}
.last-form label{font-size: 12px;font-weight: 300;margin: 15px;}


#video{width: 100%; height: 270px; background: #000;}
.macbook{background: url(../img/mac.png); padding: 15px 70px; border-radius:30px;height: 335px;background-position: center;background-size: contain;background-repeat: no-repeat;}
.blue-block-circle{background: #ddf4eb; padding: 15px 50px; border-radius:30px;height: 200px;}
.blue-block-circle h2{font-size: 30px}
.blue-block-circle h2:before{left:40px;}
.video-section{background: url(../img/bg2.jpg);background-position: center top;}
.bg-black-opacity{padding: 75px 0;background: #0009;margin-top: 60px;}
#Gal{background: none;border: none;color: #0ca7bd;text-decoration: underline;font-size: 16px;margin-top: 35px;}
.alert-success{text-align:center;}

.contact-list{font-weight: 400; font-size: 18px;}
.contact-list li{margin-bottom:10px;}
.page-kurs .kursbox {
    height: 360px;
    }
 .about-kurs-box strong{font-size:20px;}
  .about-kurs-box img{max-height: 45px;margin: 20px auto;}
.wa-box-style2{
    display: inline-block;
    width: 100%;
    padding: 10px;
    border: 2px solid #0f8593;
    border-radius: 2px;
    margin: 5px 0;
    }
    
.price-kurs-block{display: inline-block; width: 100%; background: #e9e9e9; margin: 20px 0; padding: 15px 0px;}    
.price-kurs-block img{ float: left; display: block; margin: 20px 20px 5px 85px; width: 85px; max-height: 100%;}
.price-kurs-block .desc{margin-bottom: 0;margin-top: 22px;}
.price-kurs-block .desc-price{font-size: 30px;font-weight: bold;}