@charset "utf-8";


/* fonts */
@font-face {
    font-family: 'robotobold';
    src: url('../fonts/bold/bold.eot');
    src: url('../fonts/bold/bold.eot?#iefix') format('embedded-opentype'),
    url('../fonts/bold/bold.woff') format('woff'),
    url('../fonts/bold/bold.ttf') format('truetype'),
    url('../fonts/bold/bold.svg#robotobold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'robotomedium';
    src: url('../fonts/medium/medium.eot');
    src: url('../fonts/medium/medium.eot?#iefix') format('embedded-opentype'),
    url('../fonts/medium/medium.woff') format('woff'),
    url('../fonts/medium/medium.ttf') format('truetype'),
    url('../fonts/medium/medium.svg#robotomedium') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'robotoregular';
    src: url('../fonts/regular/regular.eot');
    src: url('../fonts/regular/regular.eot?#iefix') format('embedded-opentype'),
    url('../fonts/regular/regular.woff') format('woff'),
    url('../fonts/regular/regular.ttf') format('truetype'),
    url('../fonts/regular/regular.svg#robotoregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'robotolight';
    src: url('../fonts/light/light.eot');
    src: url('../fonts/light/light.eot?#iefix') format('embedded-opentype'),
    url('../fonts/light/light.woff') format('woff'),
    url('../fonts/light/light.ttf') format('truetype'),
    url('../fonts/light/light.svg#robotolight') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'robotothin';
    src: url('../fonts/thin/thin.eot');
    src: url('../fonts/thin/thin.eot?#iefix') format('embedded-opentype'),
    url('../fonts/thin/thin.woff') format('woff'),
    url('../fonts/thin/thin.ttf') format('truetype'),
    url('../fonts/thin/thin.svg#robotothin') format('svg');
    font-weight: normal;
    font-style: normal;
}


/* reset */
body,div,p,ul {
    margin: 0;
    padding: 0;
}
img {
    display: block;
}
ul{
    list-style:none;
}
div:focus{outline:none;}


/* button */
.button_turquoise {
    text-shadow: 0 1px 0 rgba(22,160,133, .9);
    border-radius: 1px;
    border: 1px solid rgba(22,160,133, .9);
    background: rgba(22,160,133, .9);
    background: -moz-linear-gradient(top, rgba(26,188,156, .9), rgba(22,160,133, .9));
    background: -ms-linear-gradient(top, rgba(26,188,156, .9), rgba(22,160,133, .9));
    background: -o-linear-gradient(top, rgba(26,188,156, .9), rgba(22,160,133, .9));
    background: -webkit-linear-gradient(top, rgba(26,188,156, .9), rgba(22,160,133, .9));
    background: linear-gradient(top, rgba(26,188,156, .9), rgba(22,160,133, .9));
}
.button_green {
    text-shadow: 0 1px 0 rgba(39,174,96, .9);
    border-radius: 1px;
    border: 1px solid rgba(39,174,96, .9);
    background: rgba(46,204,113, .9);
    background: -moz-linear-gradient(top, rgba(46,204,113, .9), rgba(39,174,96, .9));
    background: -ms-linear-gradient(top, rgba(46,204,113, .9), rgba(39,174,96, .9));
    background: -o-linear-gradient(top, rgba(46,204,113, .9), rgba(39,174,96, .9));
    background: -webkit-linear-gradient(top, rgba(46,204,113, .9), rgba(39,174,96, .9));
    background: linear-gradient(top, rgba(46,204,113, .9), rgba(39,174,96, .9));
}
.button_blue {
    text-shadow: 0 1px 0 rgba(41,128,185, .9);
    border-radius: 1px;
    border: 1px solid rgba(41,128,185, .9);
    background: rgba(41,128,185, .9);
    background: -moz-linear-gradient(top, rgba(52,152,219, .9), rgba(41,128,185, .9));
    background: -ms-linear-gradient(top, rgba(52,152,219, .9), rgba(41,128,185, .9));
    background: -o-linear-gradient(top, rgba(52,152,219, .9), rgba(41,128,185, .9));
    background: -webkit-linear-gradient(top, rgba(52,152,219, .9), rgba(41,128,185, .9));
    background: linear-gradient(top, rgba(52,152,219, .9), rgba(41,128,185, .9));
}
.button_violet {
    text-shadow: 0 1px 0 rgba(142,68,173, .9);
    border-radius: 1px;
    border: 1px solid rgba(142,68,173, .9);
    background: rgba(142,68,173, .9);
    background: -moz-linear-gradient(top, rgba(155,89,182, .9), rgba(142,68,173, .9));
    background: -ms-linear-gradient(top, rgba(155,89,182, .9), rgba(142,68,173, .9));
    background: -o-linear-gradient(top, rgba(155,89,182, .9), rgba(142,68,173, .9));
    background: -webkit-linear-gradient(top, rgba(155,89,182, .9), rgba(142,68,173, .9));
    background: linear-gradient(top, rgba(155,89,182, .9), rgba(142,68,173, .9));
}
.button_gray {
    text-shadow: 0 1px 0 rgba(44,62,80, .9);
    border-radius: 1px;
    border: 1px solid rgba(44,62,80, .9);
    background: rgba(44,62,80, .9);
    background: -moz-linear-gradient(top, rgba(52,73,94, .9), rgba(44,62,80, .9));
    background: -ms-linear-gradient(top, rgba(52,73,94, .9), rgba(44,62,80, .9));
    background: -o-linear-gradient(top, rgba(52,73,94, .9), rgba(44,62,80, .9));
    background: -webkit-linear-gradient(top, rgba(52,73,94, .9), rgba(44,62,80, .9));
    background: linear-gradient(top, rgba(52,73,94, .9), rgba(44,62,80, .9));
}
.button_yellow {
    text-shadow: 0 1px 0 rgba(243,156,18, .9);
    border-radius: 1px;
    border: 1px solid rgba(243,156,18, .9);
    background: rgba(243,156,18, .9);
    background: -moz-linear-gradient(top, rgba(241,196,15, .9), rgba(243,156,18, .9));
    background: -ms-linear-gradient(top, rgba(241,196,15, .9), rgba(243,156,18, .9));
    background: -o-linear-gradient(top, rgba(241,196,15, .9), rgba(243,156,18, .9));
    background: -webkit-linear-gradient(top, rgba(241,196,15, .9), rgba(243,156,18, .9));
    background: linear-gradient(top, rgba(241,196,15, .9), rgba(243,156,18, .9));
}
.button_orange {
    text-shadow: 0 1px 0 rgba(211,84,0, .9);
    border-radius: 1px;
    border: 1px solid rgba(211,84,0, .9);
    background: rgba(211,84,0, .9);
    background: -moz-linear-gradient(top, rgba(230,126,34, .9), rgba(211,84,0, .9));
    background: -ms-linear-gradient(top, rgba(230,126,34, .9), rgba(211,84,0, .9));
    background: -o-linear-gradient(top, rgba(230,126,34, .9), rgba(211,84,0, .9));
    background: -webkit-linear-gradient(top, rgba(230,126,34, .9), rgba(211,84,0, .9));
    background: linear-gradient(top, rgba(230,126,34, .9), rgba(211,84,0, .9));
}
.button_red {
     text-shadow: 0 1px 0 rgba(192,57,43, .9);
     border-radius: 1px;
     border: 1px solid rgba(192,57,43, .9);
     background: rgba(192,57,43, .9);
     background: -moz-linear-gradient(top, rgba(231,76,60, .9), rgba(192,57,43, .9));
     background: -ms-linear-gradient(top, rgba(231,76,60, .9), rgba(192,57,43, .9));
     background: -o-linear-gradient(top, rgba(231,76,60, .9), rgba(192,57,43, .9));
     background: -webkit-linear-gradient(top, rgba(231,76,60, .9), rgba(192,57,43, .9));
     background: linear-gradient(top, rgba(231,76,60, .9), rgba(192,57,43, .9));
 }
.button_black {
    text-shadow: 0 1px 0 rgba(127,140,141, .9);
    border-radius: 1px;
    border: 1px solid rgba(127,140,141, .9);
    background: rgba(127,140,141, .9);
    background: -moz-linear-gradient(top, rgba(127,140,141, .9), rgba(127,140,141, .9));
    background: -ms-linear-gradient(top, rgba(127,140,141, .9), rgba(127,140,141, .9));
    background: -o-linear-gradient(top, rgba(127,140,141, .9), rgba(127,140,141, .9));
    background: -webkit-linear-gradient(top, rgba(127,140,141, .9), rgba(127,140,141, .9));
    background: linear-gradient(top, rgba(127,140,141, .9), rgba(127,140,141, .9));
}
.button_white {
    text-decoration: line-through;
    text-shadow: 0 1px 0 rgba(255,255,255, .2);
    border-radius: 1px;
    border: 1px solid rgba(255,255,255, .2);
    background: rgba(255,255,255, .2);
    background: -moz-linear-gradient(top, rgba(255,255,255, 0), rgba(255,255,255, .2));
    background: -ms-linear-gradient(top, rgba(255,255,255, 0), rgba(255,255,255, .2));
    background: -o-linear-gradient(top, rgba(255,255,255, 0), rgba(255,255,255, .2));
    background: -webkit-linear-gradient(top, rgba(255,255,255, 0), rgba(255,255,255, .2));
    background: linear-gradient(top, rgba(255,255,255, 0), rgba(255,255,255, .2));
}

/* preform */
    /* link */
    .linkMenu {
        color: rgba(255,255,255, 1);
        text-decoration: none;
        text-transform: uppercase;
        font: 15px/20px 'robotomedium', Arial, sans-serif;

    }
    .header_cont_ul_a {
        color: #459ff3;
        text-decoration: none;
        text-transform: uppercase;
        font: 15px/20px 'robotomedium', Arial, sans-serif;
    }
        .header_cont_ul_a:hover {
            color: #ff644b;
            text-decoration: none;
        }
    .linkBasicCourses {
        color: rgba(255,255,255, 1);
        text-decoration: none;
        font: 15px/20px 'robotomedium', Arial, sans-serif;
    }
    /* text */
    .advantagesBlogTextH2 {
        color: #647480;
        font: 20px/20px 'robotomedium', Arial, sans-serif;
    }
    .advantagesBlogTextP {
        color: #5a5a5a;
        font: 15px/22px 'robotomedium', Arial, sans-serif;
        margin: 17px 0 0 0;
    }
    h3 {
        font: 40px/40px 'robotolight', Arial, sans-serif;
        color: #2e3d50;
        margin: 25px 0 0 0;
    }
    .coursesH {
        font: 28px/40px 'robotolight', Arial, sans-serif;
        margin: 30px 0 20px 0;
    }
    .coursesP {
        font: 17px/28px 'robotolight', Arial, sans-serif;
    }
    h4 {
        font: 30px/30px 'robotolight', Arial, sans-serif;
        color: #2e3d50;
        margin: 25px 0 10px 0;
    }


/* base */
body {
    font: 15px/24px 'robotoregular', Arial, sans-serif;
    color: #2e3d50;
    background: #edf2f5;
}

        .wrapper{
            width: 960px;
            margin: 0 auto;
        }
            .container {
                width: 950px;
                margin: 0 auto;
            }

                /* base */
                .header {
                    margin: 20px 0;
                    overflow: hidden;
                }
                    .logo{
                        float: left;
                        width: 312px;
                        height: 60px;
                        background: url("../images/logo.png");
                    }
                        .logo a {
                            width: 312px;
                            height: 60px;
                            display: block;
                        }
                    .menuUp {
                        float: right;
                    }
                        .menuUp li {
                            float: left;
                            line-height: 60px;
                            margin: 0 0 0 20px;
                        }

                .slogan {
                    margin: 40px 150px;
                    text-align: center;
                    font: 35px/40px 'robotomedium', Arial, sans-serif;
                    color: rgba(255,255,255, 1);
                }
                .appeal {
                    width: 96px;
                    height: 96px;
                    margin: 0 auto 40px;
                    background: url("../images/appeal.png");
                }
                    .appeal:hover {
                        opacity:0.5;
                        cursor: pointer;
                    }
                    .appeal a  {
                        display: block;
                        width: 96px;
                        height: 96px;
                    }
                        .hidden {
                            display: none;
                        }
                .basicCourses {
                    width: 600px;
                    margin: 0 auto 40px;
                    overflow: hidden;
                }
                    .basicCourses li {
                        width: 150px;
                        float: left;
                        text-align: center;
                    }
                    .basicCourses li a {
                        display: block;
                        padding: 70px 0 0 0;
                    }
                    .laborProtection {
                        background: url("../images/basicCourses.png") no-repeat 0 0;
                    }
                    .fireSafety {
                        background: url("../images/basicCourses.png") no-repeat -600px 0;
                    }
                    .liftingCrane {
                        background: url("../images/basicCourses.png") no-repeat -300px 0;
                    }
                    .energySecurity {
                        background: url("../images/basicCourses.png") no-repeat -450px 0;
                    }
                    .leanProduction {
                        background: url("../images/basicCourses.png") no-repeat -150px 0;
                    }
                .teaser {
                    text-align: center;
                    font: 18px/25px 'robotoregular', Arial, sans-serif;
                    color: rgba(255,255,255, 1);
                    margin: 0 auto 40px;
                }
                .moreInfo {
                    width: 300px;
                    height: 70px;
                    display: block;
                    margin: 0 auto 40px;
                    color: rgba(255,255,255, 1);
                    text-decoration: none;
                    text-align: center;
                    font: 20px/70px 'robotomedium', Arial, sans-serif;
                }

                .advantages {
                    background: #edf2f5;
                }
                    .advantagesUl {
                        padding: 126px 0 66px;
                        overflow: hidden;
                    }
                        .advantagesBlog {
                            width: 475px;
                            overflow: hidden;
                            float: left;
                            margin: 0 0 60px 0;
                        }
                            .advantagesBlogImg {
                                width: 95px;
                                height: 60px;
                                float: left;
                                margin: 16px 16px 0 0;
                            }
                            .advantagesBlogText {
                                width: 364px;
                                float: left;
                            }
                            .advantagesBlogImgOne {
                                background: url("../images/teasers.png") no-repeat 0 0;
                            }
                            .advantagesBlogImgTwo {
                                background: url("../images/teasers.png") no-repeat 0 -120px;
                            }
                            .advantagesBlogImgThree {
                                background: url("../images/teasers.png") no-repeat 0 -60px;
                            }
                            .advantagesBlogImgFour {
                                background: url("../images/teasers.png") no-repeat 0 -180px;
                            }

                .mark {
                    background: #c85227;
                    width: 27px;
                    height: 3px;
                    margin: 63px 0 0 0;
                }
                .reviews {
                    background: #ffffff;
                }
                    .name {
                        color:#2e3d50;
                        text-align: center;
                        font: 14px/24px 'robotobold', Arial, sans-serif;
                    }
                        .name img{
                            display:block;
                            margin:0 auto;
                        }
                    .commenter_status {
                        font: 14px/24px 'robotoregular', Arial, sans-serif;
                        color: #a3a199;
                        text-align: center;
                    }
                    .line {
                        width: 16px;
                        height: 2px;
                        margin: 18px auto 22px;
                        background: #dfdedc;
                    }
                    .comment {
                        font: 15px/24px 'robotomedium', Arial, sans-serif;
                        text-align: center;
                    }

                .footer {
                    background: #303030;
                }
                    .footerP {
                        margin: 10px 0;
                        text-align: center;
                        font: 14px/24px 'robotoregular', Arial, sans-serif;
                        color: #ababab;
                    }

        .crutch {
            background: rgba(255,255,255, 1);
            width: 100%;
            height: 50px;
            margin: -50px 0 0 0;
            position: relative;
            border-top: 2px solid #eef0f1;
        }
        .header_cont_select {
            border-bottom: 2px solid #eef0f1;
            background: #fff;
        }
            .header_cont {
                margin: 20px 0;
                overflow: hidden;
            }
                .header_cont_logo {
                    float: left;
                    width: 312px;
                    height: 60px;
                    background: url("../images/logo_dark.png");
                }
                    .header_cont_logo a {
                        width: 312px;
                        height: 60px;
                        display: block;
                    }
                .header_cont_ul {
                    float: right;
                }
                    .header_cont_ul li {
                        float: left;
                        line-height: 60px;
                        margin: 0 0 0 20px;
                    }


        .employeesel {
            background: #ffffff;
        }
            .employee_right_line {
                background: #2fb181;
                width: 27px;
                height: 3px;
                margin: 40px 0 20px 0;
            }
            .employee_left {
                width: 560px;
                overflow: hidden;
                float: left;
            }
            .employee_right {
                width: 350px;
                overflow: hidden;
                float: left;
                margin: 0 0 0 40px;
            }

                .employee_wrapper {
                    width: 560px;
                    overflow: hidden;
                }
                .employee {
                    width: 250px;
                    margin: 0 30px 43px 0;
                    overflow: hidden;
                    float: left;
                }
                    .employee_line {
                        background: #c85227;
                        width: 27px;
                        height: 3px;
                        margin: 40px 0 20px 0;
                    }
                    .employee_specialty {
                        color:#2e3d50;
                        font: 14px/24px 'robotobold', Arial, sans-serif;
                    }
                    .employee_PL {
                        overflow: hidden;
                        margin: 20px 0 0 0;
                    }
                        .employee_PL_foto {
                            width: 100px;
                            height: 117px;
                            float: left;
                        }
                        .employee_PL_FIO {
                            width: 135px;
                            float: right;
                            margin: 15px 0 0 0;
                        }
                            .employee_PL_FIO_fio {
                                font: 17px/21px 'robotolight', Arial, sans-serif;
                                color: #000000;
                            }
                            .employee_PL_FIO_reg {
                                font: 13px/17px 'robotolight', Arial, sans-serif;
                                color: #ababab;
                                margin: 5px 0 0 0;
                            }
                .employee_right_comtact{
                    width: 350px;
                    overflow: hidden;
                    margin: 27px 0 0 0;
                }
                    .employee_right_comtact li {
                        margin: 0 0 32px 0;
                        overflow: hidden;
                    }
                    .employee_right_comtact_address,
                    .employee_right_comtact_mail,
                    .employee_right_comtact_phone {
                        width: 20px;
                        height: 25px;
                        float: left;
                        margin: 0 25px 0 0;
                        overflow: hidden;
                    }

                    .employee_right_comtact_address {
                        background: url("../images/contact.png") no-repeat 0 0;
                    }
                    .employee_right_comtact_mail {
                        background: url("../images/contact.png") no-repeat 0 -25px;
                    }
                    .employee_right_comtact_phone {
                        background: url("../images/contact.png") no-repeat 0 -50px;
                    }
                    .employee_right_text {
                        width: 305px;
                        overflow: hidden;
                        float: left;
                    }
                        .employee_right_text_title {
                            margin: 0 0 11px 0;
                        }

                .coursesH3 {
                    height: 300px;
                    background: url("../images/courses.jpeg") no-repeat center center;
                    color: #ffffff;
                    background-size: cover;
                }
                    .courses_line {
                        background: #c85227;
                        width: 27px;
                        height: 3px;
                        margin: 0 0 20px 0;
                    }
                    .courses_line_crutch {
                        background: #c85227;
                        width: 27px;
                        height: 3px;
                        margin: 40px 0 20px 0;
                    }
                    .courses_button {
                        width: 150px;
                        height: 45px;
                        display: block;
                        margin: 20px auto;
                        color: rgba(255,255,255, 1);
                        text-decoration: none;
                        text-align: center;
                        font: 16px/45px 'robotomedium', Arial, sans-serif;
                    }

            .servicesH{
                margin: 30px 0 0 0;
            }
            .servicesDiv{
                width: 827px;
                height: 79px;
                margin: 40px auto;
                text-align: center;
                background: url("../images/lenta.png") no-repeat center center;
                font: 20px/64px 'robotomedium', Arial, sans-serif;
                color: #ffffff;
            }
            .servicesUL{
                margin: 0 0 60px 0;
            }
                .servicesUL li{
                    padding: 0 0 0 35px;
                    margin: 0 10px 15px 10px;
                    background: url("../images/servicesUL.png") no-repeat left top;
                    font: 15px/24px 'robotolight', Arial, sans-serif;
                }