/* final */

@charset "utf-8";

/* LATO FONTS */

/* Webfont: Lato-Black */@font-face {
    font-family: 'Lato';
    src: url('../fonts/Lato-Black.eot'); /* IE9 Compat Modes */
    src: url('../fonts/Lato-Black.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
        url('../fonts/Lato-Black.woff2') format('woff2'), /* Modern Browsers */
        url('../fonts/Lato-Black.woff') format('woff'), /* Modern Browsers */
        url('../fonts/Lato-Black.ttf') format('truetype');
    font-style: normal;
    font-weight: 900;
    text-rendering: optimizeLegibility;
}

/* Webfont: Lato-BlackItalic */@font-face {
    font-family: 'Lato';
    src: url('../fonts/to-BlackItalic.eot'); /* IE9 Compat Modes */
    src: url('../fonts/Lato-BlackItalic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
        url('../fonts/Lato-BlackItalic.woff2') format('woff2'), /* Modern Browsers */
        url('../fonts/Lato-BlackItalic.woff') format('woff'), /* Modern Browsers */
        url('../fonts/Lato-BlackItalic.ttf') format('truetype');
    font-style: italic;
    font-weight: 900;
    text-rendering: optimizeLegibility;
}

/* Webfont: Lato-Bold */@font-face {
    font-family: 'Lato';
    src: url('../fonts/Lato-Bold.eot'); /* IE9 Compat Modes */
    src: url('../fonts/Lato-Bold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
        url('../fonts/Lato-Bold.woff2') format('woff2'), /* Modern Browsers */
        url('../fonts/Lato-Bold.woff') format('woff'), /* Modern Browsers */
        url('../fonts/Lato-Bold.ttf') format('truetype');
    font-style: normal;
    font-weight: 700;
    text-rendering: optimizeLegibility;
}

/* Webfont: Lato-BoldItalic */@font-face {
    font-family: 'Lato';
    src: url('../fonts/Lato-BoldItalic.eot'); /* IE9 Compat Modes */
    src: url('../fonts/Lato-BoldItalic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
        url('../fonts/Lato-BoldItalic.woff2') format('woff2'), /* Modern Browsers */
        url('../fonts/Lato-BoldItalic.woff') format('woff'), /* Modern Browsers */
        url('../fonts/Lato-BoldItalic.ttf') format('truetype');
    font-style: italic;
    font-weight: 700;
    text-rendering: optimizeLegibility;
}

/* Webfont: Lato-Hairline */@font-face {
    font-family: 'Lato';
    src: url('../fonts/Lato-Hairline.eot'); /* IE9 Compat Modes */
    src: url('../fonts/Lato-Hairline.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
        url('../fonts/Lato-Hairline.woff2') format('woff2'), /* Modern Browsers */
        url('../fonts/Lato-Hairline.woff') format('woff'), /* Modern Browsers */
        url('../fonts/Lato-Hairline.ttf') format('truetype');
    font-style: normal;
    font-weight: 100;
    text-rendering: optimizeLegibility;
}

/* Webfont: Lato-HairlineItalic */@font-face {
    font-family: 'Lato';
    src: url('../fonts/Lato-HairlineItalic.eot'); /* IE9 Compat Modes */
    src: url('../fonts/Lato-HairlineItalic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
        url('../fonts/Lato-HairlineItalic.woff2') format('woff2'), /* Modern Browsers */
        url('../fonts/Lato-HairlineItalic.woff') format('woff'), /* Modern Browsers */
        url('../fonts/Lato-HairlineItalic.ttf') format('truetype');
    font-style: italic;
    font-weight: 100;
    text-rendering: optimizeLegibility;
}

/* Webfont: Lato-Heavy */@font-face {
    font-family: 'Lato';
    src: url('../fonts/Lato-Heavy.eot'); /* IE9 Compat Modes */
    src: url('../fonts/Lato-Heavy.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
        url('../fonts/Lato-Heavy.woff2') format('woff2'), /* Modern Browsers */
        url('../fonts/Lato-Heavy.woff') format('woff'), /* Modern Browsers */
        url('../fonts/Lato-Heavy.ttf') format('truetype');
    font-style: normal;
    font-weight: 800;
    text-rendering: optimizeLegibility;
}

/* Webfont: Lato-HeavyItalic */@font-face {
    font-family: 'Lato';
    src: url('../fonts/Lato-HeavyItalic.eot'); /* IE9 Compat Modes */
    src: url('../fonts/Lato-HeavyItalic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
        url('../fonts/Lato-HeavyItalic.woff2') format('woff2'), /* Modern Browsers */
        url('../fonts/Lato-HeavyItalic.woff') format('woff'), /* Modern Browsers */
        url('../fonts/Lato-HeavyItalic.ttf') format('truetype');
    font-style: italic;
    font-weight: 800;
    text-rendering: optimizeLegibility;
}

/* Webfont: Lato-Italic */@font-face {
    font-family: 'Lato';
    src: url('../fonts/Lato-Italic.eot'); /* IE9 Compat Modes */
    src: url('../fonts/Lato-Italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
        url('../fonts/Lato-Italic.woff2') format('woff2'), /* Modern Browsers */
        url('../fonts/Lato-Italic.woff') format('woff'), /* Modern Browsers */
        url('../fonts/Lato-Italic.ttf') format('truetype');
    font-style: italic;
    font-weight: 400;
    text-rendering: optimizeLegibility;
}

/* Webfont: Lato-Light */@font-face {
    font-family: 'Lato';
    src: url('../fonts/Lato-Light.eot'); /* IE9 Compat Modes */
    src: url('../fonts/Lato-Light.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
        url('../fonts/Lato-Light.woff2') format('woff2'), /* Modern Browsers */
        url('../fonts/Lato-Light.woff') format('woff'), /* Modern Browsers */
        url('../fonts/Lato-Light.ttf') format('truetype');
    font-style: normal;
    font-weight: 300;
    text-rendering: optimizeLegibility;
}

/* Webfont: Lato-LightItalic */@font-face {
    font-family: 'Lato';
    src: url('../fonts/Lato-LightItalic.eot'); /* IE9 Compat Modes */
    src: url('../fonts/Lato-LightItalic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
        url('../fonts/Lato-LightItalic.woff2') format('woff2'), /* Modern Browsers */
        url('../fonts/Lato-LightItalic.woff') format('woff'), /* Modern Browsers */
        url('../fonts/Lato-LightItalic.ttf') format('truetype');
    font-style: italic;
    font-weight: 300;
    text-rendering: optimizeLegibility;
}

/* Webfont: Lato-Medium */@font-face {
    font-family: 'Lato';
    src: url('../fonts/Lato-Medium.eot'); /* IE9 Compat Modes */
    src: url('../fonts/Lato-Medium.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
        url('../fonts/Lato-Medium.woff2') format('woff2'), /* Modern Browsers */
        url('../fonts/Lato-Medium.woff') format('woff'), /* Modern Browsers */
        url('../fonts/Lato-Medium.ttf') format('truetype');
    font-style: normal;
    font-weight: 500;
    text-rendering: optimizeLegibility;
}

/* Webfont: Lato-MediumItalic */@font-face {
    font-family: 'Lato';
    src: url('../fonts/Lato-MediumItalic.eot'); /* IE9 Compat Modes */
    src: url('../fonts/Lato-MediumItalic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
        url('../fonts/Lato-MediumItalic.woff2') format('woff2'), /* Modern Browsers */
        url('../fonts/Lato-MediumItalic.woff') format('woff'), /* Modern Browsers */
        url('../fonts/Lato-MediumItalic.ttf') format('truetype');
    font-style: italic;
    font-weight: 500;
    text-rendering: optimizeLegibility;
}

/* Webfont: Lato-Regular */@font-face {
    font-family: 'Lato';
    src: url('../fonts/Lato-Regular.eot'); /* IE9 Compat Modes */
    src: url('../fonts/Lato-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
        url('../fonts/Lato-Regular.woff2') format('woff2'), /* Modern Browsers */
        url('../fonts/Lato-Regular.woff') format('woff'), /* Modern Browsers */
        url('../fonts/Lato-Regular.ttf') format('truetype');
    font-style: normal;
    font-weight: 400;
    text-rendering: optimizeLegibility;
}

/* Webfont: Lato-Semibold */@font-face {
    font-family: 'Lato';
    src: url('../fonts/Lato-Semibold.eot'); /* IE9 Compat Modes */
    src: url('../fonts/Lato-Semibold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
        url('../fonts/Lato-Semibold.woff2') format('woff2'), /* Modern Browsers */
        url('../fonts/Lato-Semibold.woff') format('woff'), /* Modern Browsers */
        url('../fonts/Lato-Semibold.ttf') format('truetype');
    font-style: normal;
    font-weight: 600;
    text-rendering: optimizeLegibility;
}

/* Webfont: Lato-SemiboldItalic */@font-face {
    font-family: 'Lato';
    src: url('../fonts/Lato-SemiboldItalic.eot'); /* IE9 Compat Modes */
    src: url('../fonts/Lato-SemiboldItalic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
        url('../fonts/Lato-SemiboldItalic.woff2') format('woff2'), /* Modern Browsers */
        url('../fonts/Lato-SemiboldItalic.woff') format('woff'), /* Modern Browsers */
        url('../fonts/Lato-SemiboldItalic.ttf') format('truetype');
    font-style: italic;
    font-weight: 600;
    text-rendering: optimizeLegibility;
}

/* Webfont: Lato-Thin */@font-face {
    font-family: 'Lato';
    src: url('../fonts/Lato-Thin.eot'); /* IE9 Compat Modes */
    src: url('../fonts/Lato-Thin.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
        url('../fonts/Lato-Thin.woff2') format('woff2'), /* Modern Browsers */
        url('../fonts/Lato-Thin.woff') format('woff'), /* Modern Browsers */
        url('../fonts/Lato-Thin.ttf') format('truetype');
    font-style: normal;
    font-weight: 200;
    text-rendering: optimizeLegibility;
}

/* Webfont: Lato-ThinItalic */@font-face {
    font-family: 'Lato';
    src: url('../fonts/Lato-ThinItalic.eot'); /* IE9 Compat Modes */
    src: url('../fonts/Lato-ThinItalic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
        url('../fonts/Lato-ThinItalic.woff2') format('woff2'), /* Modern Browsers */
        url('../fonts/Lato-ThinItalic.woff') format('woff'), /* Modern Browsers */
        url('../fonts/Lato-ThinItalic.ttf') format('truetype');
    font-style: italic;
    font-weight: 200;
    text-rendering: optimizeLegibility;
}



/* END LATO FONTS */


* {outline:0 !important;}
body {
    font-family: 'Lato', sans-serif;
    background:#ffffff;
    min-width: 320px;
}
header {min-height:50px}
.container-fluid {max-width: 1080px; min-width: 300px;}
.navbar {margin-bottom: 0;}
.navbar-header .logo img {width: 100%;}
.navbar-static-top .navbar-header .logo {display: block;margin: 0 0 0 -60px;padding: 0;height: 120px;width: 120px;position: absolute;left: 50%;top: 0;transition:all ease-in-out 0.3s; z-index:999}
.navbar-fixed-top .navbar-header .logo {display: block;margin: 0 0 0 -43px;padding: 0;height: 82px;width: 82px;position: absolute;left: 50%;top: 0;transition:all ease-in-out 0.3s; z-index:999}
.header .navbar-static-top {background: #ffffff;border-style: none;transition:all ease-in-out 0.3s;}
.header .navbar-fixed-top {background: #ffffff;border-style: none; box-shadow: 0px 5px 5px rgba(0,0,0,0.1);transition:all ease-in-out 0.3s;}
.navbar-text {margin-left: 20px;}
.SelectLang i {color: #8bbdd3;font-size: 120%; vertical-align: middle}
.UserForm i {color: #231f20;font-size: 150%; vertical-align: middle; margin-left:5px;}
.SelectLang a, .UserForm a {color: #334c66;text-decoration: none;display: inline-block;border-bottom: none;}
.SelectLang a:hover, .UserForm a:hover {color: #334c66;text-decoration: none;display: inline-block;border-bottom: 1px dotted #8bbdd3;}
.nav > li > a {padding: 15px 20px; font-size:15px; background:none !important;}
.navbar-default .navbar-nav>li>a {color: #334c66;}
.MainBanner {background: url(../img/firstbg.jpg) no-repeat center top;background-size:cover !important;padding: 80px 0 50px;}
.MainBanner h1 {font-size: 53px;   line-height: 60px;   color: #334c66;   letter-spacing: -0.035em;}
.MainBanner h3 {font-family: inherit, sans-serif;font-size: 24px;line-height: 24px;color: #334c66;}
.MainBanner .BigSearch {padding-top: 20px;padding-bottom: 20px;}
.SearchForm {padding: 20px 35px;max-width: 620px;display: block;margin-right: auto;margin-left: auto;background: rgba(47,95,127,0.2);border-radius: 5px;}
.SearchForm .Search-btn {color: #8bbdd3;font-size: 20px;background: none;display: block;margin: 0px 5px 0px 0px;padding: 0px;border-style: none;}
.SearchForm .input-group-addon {padding: 0;font-size: 15px;text-align: center;background-color: transparent;border: none;border-radius: 4px;}
.SearchForm .input-group{background: #FFFFFF;box-shadow:inset 0px 5px 5px rgba(0,0,0,0.1);padding:8px 15px;border-radius:3px;}
.SearchForm .form-control {color: #666666;background: none !important;border: none !important;box-shadow: none !important;padding-left:5px;}
.MainBanner .Trennings {padding-top: 30px;padding-bottom: 30px;}
.Trennings .margings {margin: 0px 15px;}

.MainBanner .Trennings a {display: block;margin: 0px 0px 20px;padding: 20px 30px;box-shadow: 0px 1px 1px rgba(0,0,0,0.1);border-radius: 5px;text-decoration:none !important;background-size:cover !important;}
.Trennings a .categoryName {font-size: 14px;text-transform: uppercase;color: #FFFFFF;display: block;padding-top: 15px;}
.Trennings a .ItemName {letter-spacing: -0.095em;font-size: 24px;color: #333333;display: block;}
.Trennings a .ItemCounter {font-size: 14px;text-transform: uppercase;color: #FFFFFF;display: block;padding-top: 15px; line-height:18px}
.Trennings a .ItemCounter .Count {line-height: 40px;background: url(../img/counter.png) no-repeat center top;text-align: center;vertical-align: middle;display: inline-block;margin: 0px 5px 0px 0px;padding: 0px;height: 42px;width: 33px;font-size: 30px;}
.Trennings a .ItemCounter .CountText {vertical-align: middle;display: inline-block;padding: 3px 0;}
.Trennings .WordTrenning {background: url(../img/word1.jpg) no-repeat center center;}
.Trennings .ExelTrenning {background: url(../img/exel1.jpg) no-repeat center center;}
.Trennings .PointTrenning {background: url(../img/point1.jpg) no-repeat center center;}
.ReadMore {text-align: center; padding-bottom: 5px}

.HeadBlock {padding: 70px 0px 35px; background-color: #f9f9f9; text-align: center;}
.HeadBlock h1 {font-size: 53px; line-height: 60px;   color: #334c66; letter-spacing: -0.035em;}
.HeadBlock h3 {font-family: inherit, sans-serif; font-size: 24px; line-height: 24px; color: #999;}

.TreningsBlock {width: 100%; overflow: hidden; white-space: nowrap; color: #fff; background-color: #f9f9f9;}
.TreningsBlock * {overflow: hidden; white-space: normal; text-align: center;}
.TreningsBlock .owl-carousel {overflow: hidden; white-space: nowrap;}
.TreningsBlock .owl-carousel .owl-controls {margin: 20px 0px 0px 0px;}
.TreningsBlock .traning {position: relative; float: left; width: 33.3334%; padding: 330px 30px 50px 30px;}
.TreningsBlock .image {position: absolute; min-width: 533px; width: 100%; height: 300px; top: 0px; left: 0px;}
.TreningsBlock .image img {width: 100%;}
.TreningsBlock .traning.office {background-color: #75CD53;}
.TreningsBlock .traning.school {background-color: #FF9940;}
.TreningsBlock .traning.corporate {background-color: #29BECC;}
.TreningsBlock h2 {display: inline-block; max-width: 300px; height: 70px; margin: 0px 0px 10px; line-height: 35px; text-transform: uppercase; overflow: visible;}
.TreningsBlock p {display: inline-block; max-width: 350px; height: 60px;  margin: 0px;}
.TreningsBlock .btn {width: 170px; padding: 10px 36px; background: none; border: 2px solid #fff !important; box-shadow: none; color: #fff; font-size: 14px;}
.TreningsBlock .btn:hover, .TreningsBlock .btn:focus {background-color: #ffcc33; border-color: #ffcc33 !important; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);}
.TreningsBlock .btn.disabled {border-color: rgba(255, 255, 255, 0.3) !important;}

.SearchBlock {padding: 40px 0px; background-color: #f9f9f9; text-align: center;}
.SearchBlock .SearchForm {text-align: left;}
.SearchBlock .SearchForm .input-group {box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.3); padding: 6px 15px;}
.SearchBlock .attestation-button {margin-top: 40px}

.btn-warning {
	color: #333333;
	background-color: #ffcc33;
	border: none !important;
	box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2), inset 0px 1px 1px rgba(255, 255, 255, 0.5);
}

.btn-warning.grey-hover:hover {
	background: linear-gradient(#F4F5F7, #f7f7f7);
}

.btn-warning:hover, .btn-warning:focus {
	color: #333333;
	background-color: #ffb53c;
}

.btn-default {
	color: #333333;
	background-color: #ffffff;
	border: none !important;
	box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2), inset 0px 1px 1px rgba(255, 255, 255, 0.5);
}

.btn-default:hover, .btn-default:focus {
	color: #333333;
	background-color: #ffb53c;
}

.btn-lg {
	font-family: inherit, sans-serif;
	padding: 12px 40px;
	border-radius: 30px;
	font-size: 20px;
	font-weight: 300;
}
.RegistrationBlock {padding-top: 40px;padding-bottom: 40px;background:#ffffff;}
.RegistrationBlock .description {
    padding: 20px 0px;
    list-style: none;
}
.RegistrationBlock .description li {
    line-height: 20px;
    background: url(../img/desc-li.png) no-repeat 20px -5px;
    margin: 0px 0px 10px;
    padding: 0px 0px 0px 60px;
}


.RegistrationBlock h2 {font-size: 24px;line-height: 28px;font-weight: 300; letter-spacing: -0.04em;text-transform: uppercase;color: #333333;}
.RegistrationBlock h2 img { margin-bottom:25px;}
.VideoBlock {
    background: url(../img/video.jpg) no-repeat center center;
    background-size:cover !important;
    padding: 112px 0;
    text-align:center;
}
.VideoBlock a {
    font-size: 22px;
    text-transform: uppercase;
    color: #FFFFFF;
    text-decoration: none;
    background: url(../img/videolink.png) no-repeat center center;
    text-align: left;
    display: inline-block;
    margin: 0px;
    height: 229px;
    width: 229px;
    padding-top: 80px;
    padding-left: 70px;
}
.ItemsBlock h1 {
    font-size: 24px;
    font-weight: 900;
    text-transform: uppercase;
    color: #666666;
    margin-bottom: 40px;
}
.TrenningItem {
    box-shadow: 0px 1px 1px rgba(0,0,0,0.2);
    margin-bottom:30px;
    position: relative;
}



@media (max-width: 768px) {
    .TrenningItem {
        border: 1px solid rgba(229, 229, 229, 1);
        border-top: none;
        box-shadow: none;
        -webkit-border-radius: 4px 4px 0 0;
        -moz-border-radius: 4px 4px 0 0;
        -o-border-radius: 4px 4px 0 0;
        border-radius: 4px 4px 0 0;
    }


}

.TrenningItem .itemImage {
    position: relative;
    display: block;
}
.TrenningItem .itemImage img {
    width: 100%;
}
.TrenningItem .itemImage span {
    display: block;
    position: absolute;
    /* height: 60px; */
    width: 60px;
    left: 20px;
    bottom: -30px;
    top:auto;
}
.TrenningItem .itemHeader {
    font-size: 20px;
    color: #333333;
    text-decoration: none;
    display: block;
    margin: 0px;
    padding: 40px 7px 61px;
}
.TrenningItem .itemHeader:hover {color: #159ae5;text-decoration: none;}










.TrenningItem .Description {
    font-size: 14px;
    line-height:30px;
    color: #666666;
    padding: 0 20px 0 7px;
    border-top: 1px solid #ebebeb;

    width: 100%;
    position: absolute;
    bottom: 0;
}
.ItemsBlock {
    padding-top: 40px;
    padding-bottom: 40px;
}

.TrenningItem .Description a {
    font-size: 20px;
    color: #cccccc;
    padding: 0 0px 0 20px;
    border-left: 1px solid #ebebeb;
    display: block;
    text-decoration: none;
    display: inline-block;
    float: right;
}
.TrenningItem .Description a:hover, .TrenningItem .Description a.active {color: #ffcc33;border-left: 1px solid #ebebeb;text-decoration: none;}
.SalesBlock {
    padding: 30px 0 40px;
    background: url(../img/book.jpg) no-repeat center center;
    background-size: cover;
}
.SalesBlock h1 {font-size: 24px;font-weight: 900;color: #FFFFFF;text-transform: uppercase; margin-bottom:30px;}

.SalesBlock .btn {
	margin: 30px 0 0;
}

.CalcItem .category {
    font-size: 12px;
    text-transform: uppercase;
    color: #999999;
    display: block;
}
.CalcItem .tittle {letter-spacing: -0.055em;
                   font-size: 20px;
                   color: #333333;
                   display: block;
}


.SalesBlock .Procentes {
    font-size: 90px;
    color: #ffffff;
    line-height: 90px;
    top: 22px;
}


.SalesBlock .CalcItem {
    vertical-align: middle;
    display: inline-block;
    margin: 5px 5px 20px;
}
.SalesBlock .Trenning {
    background: #FFFFFF;
    padding: 20px;
    box-shadow: 0px 1px 1px rgba(0,0,0,0.1);
    width:94%;
    display:inline-block;

    /*ol-prav*/
    /*min-height: 161px;*/
    min-height: 199px;

}
.SalesBlock .PlusSeparator {
    width: 30px;
    position: absolute;
    right: -16px;
    top: 0;
    bottom: 0;
    margin: auto;
}
.SalesBlock .Trenning img.smImg {display: none}
.BenefitsBlock {
    padding-top: 30px;
    padding-bottom: 50px;
}
.Footer {
    background: #f4f5f7;
    padding: 50px 0px 30px;
    color: #666666;
    font-weight: 300;
}
.Footer h3 {
    font-size: 16px;
    font-weight: 400;
    color: #333333;
}
.Footer .list-inline li a {font-size: 32px;color: #8bbdd3;text-decoration: none;}
.Footer .copyright {font-weight: 100;color: #999999;padding-top: 20px;}

.Footer .list-inline li a:hover {color: #333;text-decoration: none;}

.bottomMenu {margin: 0px;padding: 0px;list-style: none; line-height:25px}
.bottomMenu a { color:#666; text-decoration:none; font-family: inherit, sans-serif;}
.bottomMenu a:hover { color:#333; text-decoration:none}


.Footer .AppLinks a {margin: 5px;}
.BenefitsItem {padding-right: 30px;padding-left: 40px;background: url(../img/benefits.png) no-repeat 2px 0;}
.BenefitsItem h3 {font-size: 16px;font-weight: 400;text-transform: uppercase;color: #333333;line-height: 20px;}
.BenefitsItem p {font-size: 14px;line-height: 20px;font-weight: 300;color: #666666;}

@media (max-width: 767px) {
    .Trennings .margings {margin: 0;}
    .owl-theme .owl-controls {
        margin-top: 10px;
        margin-bottom: 0px;
        text-align: center;
    }



    .SalesBlock {background: #8ebec7;}
    .btn-lg {padding: 12px 15px; border-radius:30px; font-size:14px; font-weight:100;}
    .MainBanner .col-sm-11 {text-align:center !important;}
    .SalesBlock .Trenning {width:100%; padding: 10px 20px;}
    .MainBanner .Trennings a {padding: 15px;}
    .SalesBlock .PlusSeparator {display: none;}
    .SalesBlock .Trenning img.smImg { float:left; margin-right:15px; display:block; width:40px;}
    .SalesBlock .Procentes { text-align:center}
    .ReadMore {text-align: center;}
    .SalesBlock h1 {font-size: 16px;font-weight: 900;color: #FFFFFF;text-transform: uppercase;}
    .Footer {text-align:center}


    .navbar-toggle {
        float: left;
        background: none !important;
        border: none;
        border-radius:0;
    }
    .navbar-default .navbar-toggle .icon-bar {background-color: #334c66;}
    .navbar-default .navbar-toggle:hover .icon-bar {background-color: #999;}
    .NavBarLink {
        font-size: 24px;
        float: right;
        display: block;
        padding: 10px;
        color:#334c66;
        text-decoration:none !important;
    }
    .navbar-fixed-top .navbar-collapse {  }
    .navbar-default .navbar-collapse {border: none !important; padding-top:44px; }
    .navbar-default .navbar-collapse .navbar-nav {border-top: solid 1px #8bbdd3;margin: 44px -15px 0;}
    .navbar-default .navbar-collapse .navbar-nav li a {border-bottom: solid 1px #e2e2e2}
    .navbar-default .navbar-collapse .navbar-nav li > a {border-top: 1px; position: relative;}
    .navbar-default .navbar-collapse .navbar-nav > li:hover > a:after { content: none; }
    .NavBarLink:hover {
        color:#999999;
        text-decoration:none;
    }
    .navbar-static-top .navbar-header .logo {display: block;margin: 0 0 0 -43px;padding: 0;height: 86px;width: 86px;position: absolute;left: 50%;top: 0;transition:all ease-in-out 0.3s;}
}

@media (max-width: 768px) {
    .btn-lg {
        font-weight: 500;
        font-size: 14px;
        width: 90%;
        margin-top: 4px;
    }
    .package_price_box {
        text-align: center;
    }

    .SalesBlock .Trenning img.smImg {display: inline}

    .order-controls .btn-warning{
        width: auto !important;
        padding: 11px 21px !important;
    }
}

.lang-dd {
    position: absolute;
    padding: 15px 16px 5px;
    background: #fff;
    box-shadow: 0 2px 30px hsla(0,0%,0%,.2);
    width: 55px;
    z-index: 10;
    text-align: center;
	top: 50px;
    margin-left: 5px;
    display: none
}
@media (max-width: 767px){
	.lang-dd {
		top: 143px;
	}
}
.lang-dd:before {
    content: '';
    position: absolute;
    border-bottom: 10px solid #fff;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    top: -10px;
    left: 17px;
}

.lang-dd ul {
    margin: 0;
    padding: 0;
}

.lang-dd li {
    list-style: none;
    margin-bottom: 7px
}

.lang-dd a:hover {
    border: none;
}

.popup-auth-container .form-group{
    margin-bottom: 5px;

}

.popup-form .form-group{
    max-width: 300px;
    margin: 0 auto;
}

.popup-reg form{
    text-align: center;
}

.popup-reg .help-block{
    text-align: left;
}

.popup-reg .field-signupform-f_company{
    text-align: left;
}

.popup-reg .training-employees{
    max-width: 300px;
}

.popup-form .form-group .btn-lg{
    max-width: none;
}

.SalesBlock .container-fluid .container-fluid .row{
    text-align: center;
}

.SalesBlock .container-fluid .container-fluid .row .col-md-3{
    display: inline-block;
    float: none;
    width: 24%;
}

@media (min-width: 992px){
    .SalesBlock .container-fluid .container-fluid .row .col-sm-3{
        width: 24%;
    }
    .SalesBlock .container-fluid .owl-wrapper-outer .container-fluid .row .col-sm-3{
        width: 22%;
    }
}

@media (max-width: 774px) {

    .ItemsBlock .TrenningItem .itemHeader {
        padding: 25px 8px 45px;
    }
}

@media (max-width: 769px) {

    .SalesBlock .Procentes{
        top: 11px;
    }

}

@media screen and (min-width:700px) and (max-width:769px) {

    .mob-slider-container .owl-item .container-fluid .col-md-4.col-sm-4{
        width: 100%;
    }
}

@media (max-width: 767px) {

    .SalesBlock .container-fluid .container-fluid .row .col-xs-12{
        width: 100%;
    }
}

@media (max-width: 375px) {

    .SalesBlock .Trenning{
        min-height: 1px;
        text-align: left;
    }
}

@media (max-width: 320px) {

    .SalesBlock .container-fluid .container-fluid .row .col-xs-12{
        box-sizing: border-box;
        padding-left: 0;
        padding-right: 5px;
        display: inline-block;
        max-width: 290px;
        margin-left: -5px;
    }

    .SalesBlock .container-fluid .container-fluid{
        padding-left: 0;
        padding-right: 0;
    }

    .SalesBlock .container-fluid .container-fluid .ReadMore{
        max-width: 290px;
        text-align: center;
        margin-left: 0;
        margin-right: 0;
    }


    .SalesBlock .container-fluid .container-fluid .ReadMore a{
        box-sizing: border-box;
        max-width: 280px;
        display: inline-block;
        width: 100%;
    }

    .CalcItem.Trenning img{
        position: absolute;
        left: 20px;
        top: 50%;
        margin-top: -25px;
    }

    .CalcItem.Trenning .category{
        padding-left: 55px;
    }

    .CalcItem.Trenning .tittle{
        padding-left: 55px;
    }

    .mob-slider-container .owl-item:first-child{
        margin-left: 15px;
    }

    .mob-slider-container .owl-item .col-sm-4{
        padding-left: 19px;
        padding-right: 0;
        max-width: 270px;
    }

    .mob-slider-container .owl-theme .owl-controls .owl-next{
        right: -7px !important;
    }

    .mob-slider-container .owl-theme .owl-controls .owl-prev{
        left: -7px !important;
    }

    .trenings_page .TrenningItem{
        height: auto !important;
    }

    .assign-form .bottom button{
        padding: 10px 70px !important;
    }

    .profile-name{
        text-align: center;
    }

    .profile-mail{
        display: block !important;
        text-align: center;
    }

    .favorites .favorites-item:last-child{
        margin-bottom: 20px;
    }

    .payments .payments-item:last-child{
        margin-bottom: 20px;
    }

    .SalesBlock .Trenning{
        min-height: 1px;
    }

    .SalesBlock {
        margin-top: 30px;
        padding-bottom: 10px;
    }

    .package_price_box .info_tooltip{
       /* padding: 5px !important;*/
        left: -75px !important;
    }

    .package_price_box .info_tooltip:before{
        left: 76px !important;
    }

    #training_carousel_mob .owl-item .col-sm-4{
        padding-left: 0 !important;
    }

    .ItemsBlock.similar_item #training_carousel_mob .owl-item .col-sm-4{
        padding-left: 0 !important;
    }

    .main_content.certificates_page + .ItemsBlock.similar_item #training_carousel_mob .owl-item .col-sm-4{
        padding-left: 19px !important;
    }

    #training_carousel_mob .owl-controls .owl-prev,
    .ItemsBlock.login.similar_item #training_carousel_mob .owl-controls .owl-prev{
        /*left: -5px !important;*/
        left: 0 !important;
    }

    #training_carousel_mob .owl-controls .owl-next,
    .ItemsBlock.login.similar_item #training_carousel_mob .owl-controls .owl-next{
        /*right: -5px !important;*/
        right: 0 !important;
    }

    .ItemsBlock.similar_item #training_carousel_mob .owl-controls .owl-prev{
        left: -18px !important;
    }

    .ItemsBlock.similar_item #training_carousel_mob .owl-controls .owl-next{
        right: -18px !important;
    }

    .main_content.certificates_page + .ItemsBlock.similar_item #training_carousel_mob .owl-controls .owl-prev{
        left: -5px !important;
    }

    .main_content.certificates_page + .ItemsBlock.similar_item #training_carousel_mob .owl-controls .owl-next{
        right: -5px !important;
    }

    .profile-box .form-group .control-label{
        padding-left: 15px;
    }

    .assign-form .content .right .training-add-placeholder-block .item-autocomplete .title{
        padding-left: 10px !important;
    }

    .TrenningItem .Description{
        padding: 0 20px 0 20px;
    }
}

.training-groups .training-groups-item .tg-top .tg-assign span{
    background: transparent !important;
}

.SalesBlock .container-fluid .container-fluid .row .Procentes{
    margin-bottom: 10px;
}
.someclassmyattestation .training-groups-item .edit-link,
.someclassmyattestation .training-groups-item .del-link{
	display:none;
}