/* 1 Пдключение шрифтов*/

@font-face {
    font-family: 'RobotoLignt';
    src: url('../fonts/RobotoLight.eot');
    src: url('../fonts/RobotoLight.eot?#iefix') format('embedded-opentype'),
    url('../fonts/RobotoLight.svg') format('svg'),
    url('../fonts/RobotoLight.woff') format('woff'),
    url('../fonts/RobotoLight.ttf') format('truetype');

}

@font-face {
    font-family: 'RobotoRegular';
    src: url('../fonts/RobotoRegular.eot');
    src: url('../fonts/RobotoRegular.eot?#iefix') format('embedded-opentype'),
    url('../fonts/RobotoRegular.svg') format('svg'),
    url('../fonts/RobotoRegular.woff') format('woff'),
    url('../fonts/RobotoRegular.ttf') format('truetype');

}

@font-face {
    font-family: 'RobotoMedium';
    src: url('../fonts/RobotoMedium.eot');
    src: url('../fonts/RobotoMedium.eot?#iefix') format('embedded-opentype'),
    url('../fonts/RobotoMedium.svg') format('svg'),
    url('../fonts/RobotoMedium.woff') format('woff'),
    url('../fonts/RobotoMedium.ttf') format('truetype');

}

@font-face {
    font-family: 'RobotoBold';
    src: url('../fonts/RobotoBold.eot');
    src: url('../fonts/RobotoBold.eot?#iefix') format('embedded-opentype'),
    url('../fonts/RobotoBold.svg') format('svg'),
    url('../fonts/RobotoBold.woff') format('woff'),
    url('../fonts/RobotoBold.ttf') format('truetype');

}







/* 2 Общие стили*/

html{
    direction: rtl;
}

body {
    font-family: 'RobotoRegular', Tahoma, sans-serif;
    font-size: 14px;
    color: #4d4d4d;
}

ul {
    margin: 0;
    padding: 0;
    list-style: none;

}

ol{
    margin:0;
    padding:0;
}

li {
    margin: 0;
    padding: 0;

}

a {
    color: #0083a5;
    text-decoration: none;
}


img{
    max-width: 100%;
}

.width {
    max-width: 1140px;
    min-width: 240px;
    margin: 0 auto;
    padding: 0 15px;

}

.dropdown {
    position: relative;
}

.dropdown > .dropdown-menu {
    position: absolute;
    display: none;

}

.blue-button,
.gray-button {
    display: inline-block;
    color: #fff;
    background: #0083a5;
    text-transform: uppercase;
    min-width: 180px;
    text-align: center;
    height: 40px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    line-height: 2.9em;
    cursor: pointer;
}

button.blue-button,
.gray-button {
    border: none;
    outline: none;
    margin: 0;
    padding: 0;
}


.gray-button {
    background: #666;
}

.gray-button:hover {
    background: #4d4d4d;
}

.blue-button:hover {
    background: #0295bb;

}

.blue-button:active {
    position: relative;
    top: 1px;
}


.clearfix:after {
    content: "";
    display: table;
}

.clearfix:after {
    clear: both;
}

.left {
    float: left;
}


.collums2,
.collums3,
.collums5,
.collums4,
.collums6 {
    box-sizing: border-box;
    padding: 0 15px;
    float: right;
}


/*временно*/
.social .collums4,
.accordion .collums6,
.suport-page .collums6{
    float:right;
}



.collums2 {
    width: 50%;

}

.collums3 {
    width: 33.3%;

}

.collums4 {
    width: 25%;
}

.collums5 {
    width: 20%;

}

.collums6 {
    width: 16.6%;


}




/* 3 Навигация*/

.menu-btn {
    display: none;

}

.pushy{
    display: none;
}



/* 4 Шпка*/

header {
    background: #fff;
    color: #fff;
    height: 80px;
    position: fixed;
    top:0;
    left:0;
    right:0;
    z-index: 9999;
    border-bottom: 1px solid #e5e5e5;

}

#container{
    padding-top:80px;
}
header .width {
    height: 80px;
}


#main-navigation{
    margin: 0 150px 0 90px;
	padding: 0;
    list-style-type: none;
    height:80px;
    font-size:14px;
    text-align:left;
    position:relative;
    z-index: 1;
}
#main-navigation > ul > li {
    display: inline-block;
    vertical-align: top;
    text-transform: uppercase;
    height: 81px;
    line-height: 5.8em;
  
    position: relative;
    cursor: pointer;
    box-sizing: border-box;
}

#main-navigation > ul > li a {
    color: #444;
    text-decoration: none;
    display:block;
    padding:0 15px;
    box-sizing: border-box;

}

#main-navigation  ul li a{
    text-align: right;
}

#main-navigation > ul > li:hover {
    border-bottom:2px solid #0083a5;
    background: url("../i/pendency2.svg") no-repeat center bottom;
    
    
}

#main-navigation > ul > li:hover > a{
    color: #0083a5;
  
}

#main-navigation > ul > li a:hover{
    

    
}

#main-navigation > ul > li ul{
    font-size:14px;
  visibility: hidden;
      opacity: 0;
      position: absolute;
      right: 0;
      top: 81px;
      background: #fff;
      line-height: 1.6em;
      text-transform: none;
      text-align: left;
      min-width: 250px;
      -webkit-box-shadow: 0px 3px 8px 0px rgba(0, 0, 0, 0.2);
      -moz-box-shadow: 0px 3px 8px 0px rgba(0, 0, 0, 0.2);
      box-shadow: 0px 3px 8px 0px rgba(0, 0, 0, 0.2);
      -webkit-border-bottom-right-radius: 4px;
      -webkit-border-bottom-left-radius: 4px;
      -moz-border-radius-bottomright: 4px;
      -moz-border-radius-bottomleft: 4px;
      border-bottom-right-radius: 4px;
      border-bottom-left-radius: 4px;
      z-index: 2;
      padding: 20px 0;
      transform: translateY(10%);
      transition: all 0.15s ease;
      -webkit-transition: all 0.15s ease;
      -moz-transition: all 0.15s ease;
      -transition: all 0.15s ease;
}

#main-navigation > ul > li:hover ul{
  transform: translateY(0%);
       opacity: 1;
      visibility: visible;
}



#main-navigation > ul > .education-main-link:hover{
    background-image: none;
}



#main-navigation > ul > li ul li a {
    color: #4d4d4d;
    display: block;
    padding: 10px 25px;
}


#main-navigation > ul > li ul li a:hover{
    background: #f1f1f1;
    color: #333;
}

#main-navigation > ul > li ul li:first-child{
    border: none;
}


#main-navigation > ul > li ul li:last-child a{
    -webkit-border-bottom-right-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -moz-border-radius-bottomright: 4px;
    -moz-border-radius-bottomleft: 4px;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
    
}





.products-links ul {
    width: 500px;
}

.products-links .collums2 {
    padding: 0;
    border-right: 1px solid #e1e1e1;
}


.products-links .collums2:last-child {
    border: none;
}


#main-navigation > ul > li:last-child > ul{
    left:0;
    right:auto;
}

/* 4.1 Логотип*/

#logo {
    float:right;
    margin-top: 24px;
    width: 133px;
}

#logo {
    max-width: 100%;
}

/* 4.2 Переключатель языков*/

#languages {
    float: left;
    margin:31px 0 0 0;
    background: url("../i/l_arrow.svg") no-repeat left 6px;
}

#languages ul {
    background: #fff;
    list-style-type: none;
    padding: 10px 20px;
    margin: 0;
    width: 415px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.2);
    left: 0;
    top: 29px;
    z-index: 10;

}

#languages a {
    display: block;
    background: url("../i/flags.png") no-repeat;
    padding: 1px 0;
    margin:0 5px 0 15px;
}


#languages > a {
    color: #fff;

    width: 25px;
    height: 18px;
    padding: 0 0 0 0px;
}

#languages ul li {
    margin: 10px 0 10px 0;
    display: inline-block;
    width: 32%;



}

#languages ul a {
    color: #0083a5;
    padding: 0px 32px 0px 10px;
    height: 18px;
}

#languages ul a:hover {
    text-decoration: underline;

}

.pendency {
    position: absolute;
    top: -7px;
    left: 19px;
    background: url("../i/pendency.svg") no-repeat;
    background-size: 16px auto;
    width: 16px;
    height: 8px;
}

#languages .l_ru a,
#header .l_ru .l_active {
    background-position: right 0;
}

#languages .l_ua a,
#header .l_ua .l_active {
    background-position: right -18px;
}


#languages .l_by a,
#header .l_by .l_active {
    background-position: right -36px;
}


#languages .l_il a,
#header .l_il .l_active {
    background-position: right -54px;
}


#languages .l_tr a,
#header .l_tr .l_active {
    background-position: right -72px;
}


#languages .l_lt a,
#header .l_lt .l_active {
    background-position: right -90px;
}


#languages .l_lv a,
#header .l_lv .l_active {
    background-position: right -108px;
}

#languages .l_ee a,
#header .l_ee .l_active {
    background-position: right -126px;
}

#languages .l_mn a,
#header .l_mn .l_active {
    background-position: right -144px;
}

#languages .l_md a,
#header .l_md .l_active {
    background-position: right -162px;

}

#languages .l_am a,
#header .l_am .l_active {
    background-position: right -180px;

}

#languages .l_kz a,
#header .l_kz .l_active {
    background-position: right -198px;

}

#languages .l_ge a,
#header .l_ge .l_active {
    background-position: right -216px;
}


header .dropdown-menu[style="display: block;"]{
    opacity: 0;

    -webkit-animation: slide-top 180ms ease-out normal forwards;;
    animation: slide-top 180ms ease-out normal forwards;
}




@keyframes slide-top{
    0%{
        opacity: 0;
        -webkit-transform: translateY(-20%);
        transform: translateY(-20%);
    }


    100%{
        opacity: 1;
        -webkit-transform: translateY(0%);
        transform: translateY(0%);
    }

    
}


/* 4.3 Быстрый поиск*/

.searchbar {
    position: relative;
    margin: 0 6px 0 0;
    padding: 0;
    line-height: 0.1;
    text-align: right;
    height: 18px;
    vertical-align: top;
    float: left;
    top: 31px;
    z-index: 2;
}

.searchbar .searchbar-inputbox {
    position: absolute;
    top: -10px;
    left: 0;
    padding: 9px 10px  9px 35px;
    background: #f5f5f5;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border:1px solid #eee;
    width:665px;
}

.searchbar .searchbar-inputbox .searchbar-input {
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: none;
    color: #4d4d4d;
    background: #f5f5f5;
}

.searchbar .searchbar-inputbox .searchbar-input:focus,
.searchbar button:focus {
    outline: none;

}

.searchbar-button:hover {
    cursor: pointer;
}


.searchbar .searchbar-button,
.searchbar .searchbar-button-close {
    width: 18px;
    height: 18px;
    border: none;
    z-index: 10;
    position: relative;
    margin-left: 10px;
}

.searchbar.collapsed .searchbar-button {
    background: url("../i/magnifier_d.svg") no-repeat;
}

.searchbar.animating .searchbar-button {
    background: url("../i/magnifier_d.svg") 0 -18px;
}

.searchbar.expanded .searchbar-button {
    background: url("../i/magnifier_d.svg") 0 -18px;
}

.searchbar-button-close {
    display: none;
}


/*4.3.1 Вывод результатов бычтрого поиска*/

.searchbar .searchbar-inputbox .searchbar-results {
    position: absolute;
    left: 0;
    right: 0;
    top: 39px;
    background: #fff;
    padding: 15px 30px 30px 30px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.2);
    line-height: 1.6em;
    z-index: 10;
}

.search-overlay {
    display: none;
}

.result-line {
    display: block;
    color: #0083a5;
    border-top: 1px solid #eee;
    padding: 20px 0;

}

.result-line span {
    display: block;
}

.result-line .result-image {
    float: left;
    width: 90px;
}

.result-line .result-image img {
    width: 100%;
}

.result-line .result-description {
    color: #4d4d4d;
}

.result-line .result-title {
    font-size: 1.2em;
    margin-bottom: 3px;
}

.result-line .result-title,
.result-line .result-description {

    margin-left: 105px;
}

.result-line:first-child {
    border: none;
}

.result-scroll {
    overflow: auto;
    max-height: 530px;
    background: url("../i/result-scroll.png");
}

.result-all {
    margin-top: 30px;

}


.result-all button {
    display: inline-block;
    color: #fff;
    background: #0083a5;
    text-transform: uppercase;
    min-width: 180px;
    text-align: center;
    height: 40px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    line-height: 2.9em;
    cursor: pointer;


}










/* 5 Баннер*/

.owl-prev,
.owl-next {
    width: 19px;
    height: 60px;
    margin-top: -30px;
}

.owl-prev {
    position: absolute;
    top: 50%;
    left: 40px;
    background: url("../i/slide_arrows.svg") no-repeat 0 0;
    opacity: 0.5;
}



.owl-next {
    position: absolute;
    top: 50%;
    right: 40px;
    background: url("../i/slide_arrows.svg") no-repeat -19px 0;
    opacity: 0.5;

}

.owl-next:hover,
.owl-prev:hover {
    opacity: 0.9;


}

.owl-dots {
    position: absolute;
    bottom: 20px;
    left: 0;
    right: 0;
    text-align: center;
    -webkit-tap-highlight-color: transparent;
}

.owl-dots .owl-dot {
    display: inline-block;
    zoom: 1;
    *display: inline;
}

.owl-theme .owl-dots .owl-dot span {
    width: 10px;
    height: 10px;
    margin: 5px 10px;
    background: #D6D6D6;
    display: block;
    -webkit-backface-visibility: visible;
    transition: opacity 200ms ease;
    border-radius: 30px;
}

.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
    background: #0083a5;
}





/* 6 Контент */

#content {
    padding-bottom: 80px;
}

#content .width {
    max-width: 1170px;
    padding: 0;

}

#content .highlight {
    padding-top: 60px;
}



/* 6.1 Highlight */

.highlight .item {
    height: 270px;
    position: relative;
}

.highlight .backgrond-image {
    min-height: 186px;
    background: #666;
    border-radius: 4px;
}


.highlight .home1 .backgrond-image {
    background: url("../images/home1.png") no-repeat center center;
    background-size: cover;
}

.highlight .office1 .backgrond-image {
    background: url("../images/office.png") no-repeat center center;
    background-size: cover;

}

.highlight .home2 .backgrond-image {
    background: url("../images/home2.png") no-repeat center center;
    background-size: cover;

}

.highlight .image {
    width: 235px;
    height: 235px;
    position: absolute;
    left: 20px;
    top: 10px;



}

.highlight img {
    position: absolute;
    bottom: 0;
    left: 15px;




}


.highlight .text {
    position: absolute;
    top: 25px;
    left: 35px;
    right: 35px;


}

.highlight .heading {
    margin: 0 0 0px 0;
    color: #fff;
    font-family: RobotoLignt;
    font-weight: normal;
    font-size: 1.7em;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.85);
}


.highlight .appointments {
    color: #fff;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.85);
    opacity: 0.6;


}


.highlight .appointments:hover {
    opacity: 1;
}


.highlight .more {
    display: inline-block;
    height: 40px;
    padding: 0 15px 0px 15px;
    text-transform: uppercase;
    margin-top: 10px;
    line-height: 2.8em;
    border-radius: 4px;

}


.highlight .more:hover {
    background: #0083a5;
    color: #fff;
}

.highlight .more span {
    display: inline-block;
    background: url("../i/more_arrow.svg") no-repeat 0 0;
    width: 8px;
    height: 13px;
    position: relative;
    top: 2px;
    transform: rotate(0.5turn);
    margin-right: 2px;
    background-size: 8px auto;

}

.highlight .more:hover span {
    background: url("../i/more_arrow.svg") no-repeat 0 -13px;

}

/* 6.2 Новости */

.news .block-heading {
    font-size: 2.3em;
    text-transform: uppercase;
    font-weight: normal;
    margin: 40px 15px 20px 15px;



}

.news .block-heading a {
    color: #4d4d4d;
}

.news .all-news {
    float: left;
    margin-left: 15px;
    font-size: 1.2em;
    text-transform: uppercase;
    margin-top: 15px;
}


.news .all-news:hover {
    text-decoration: underline;
}


.news .date {
    color: #333;
    font-family: RobotoMedium;
    font-size: 1.1em;
}

.news .news-prev {
    display: block;
    color: #555;
    font-size: 1.1em;
    line-height: 1.6em;
    margin-top: 5px;
}

.news .news-prev:hover {
    text-decoration: underline;
}


/* 6.4 Хлебные крошки */

.breadcrumbs {
    margin-top: 20px;
    padding: 0 15px;
    position: relative;
}

.breadcrumbs a {
    padding: 0 10px 0 0px;
   
    display: inline-block;
    position: relative;

}

.breadcrumbs a::after{
    content: "";
    display: inline-block;
    background: url(../i/breadcrumbs_arrow.svg) no-repeat center right;
    width:11px;
    height:11px;
    position: relative;
    top:1px;
    transform: rotate(180deg) ;
    -webkit-transform: rotate(180deg) ;
    -moz-transform: rotate(180deg) ;
    -o-transform: rotate(180deg) ;
    -ms-transform: rotate(180deg) ;
    margin-right:2px;
}

.breadcrumbs a:first-child {
    padding-right: 0;
}

.breadcrumbs h2 {
    display: block;
    font-size: 2.4em;
    color: #4d4d4d;
    margin: 0;
    font-weight: normal;
    margin-top: -5px;
    font-family: RobotoLignt;

}

.breadcrumbs span {
    color: #888;
    font-size: 0.8em;
}


/* 6.5 Левая боковая панель */

.sidebar-left {
    width: 252px;
    float: right;
    margin: 50px 15px 0 0;
}



.content-right {
    margin-left: 292px;
    margin: 50px 312px 0 15px;

}



/* 6.5.1 Фильтр */

.filter-hide {
    display: none;
}

#smartfilter {
    color: #666;
    font-size: 14px;
}

#smartfilter h4 {
    margin: 3px 0 5px 0;
    font-weight: normal;
    font-size: 1.35em;
    text-transform: uppercase;
    color: #4d4d4d;
    font-family: RobotoRegular;
}

#smartfilter a {
    color: #666;
}

#smartfilter .clear_form input {
    background: none;
    border: none;
    padding: 0;
    cursor: pointer;
    color: #0083a5;
}

#smartfilter > .filter-list {
    margin-top: 30px;
}

.filter-list > form > li > ul {
    border-bottom: 1px solid #e1e1e1;
    margin: 10px 0;
}

.filter-list > form > li > a {
    display: none;
}

.filter-list > form > li > ul > li {
    border-top: 1px solid #e1e1e1;
    padding: 18px 0;
}

.filter-list > form > li > ul > .smartfilter_parametres > ul {
    margin-top: 25px;
}

.filter-list > form > li > ul > div > ul > div > li {
    margin-bottom: 40px;
    padding-right:20px;
}

.filter-list > form > li > ul > div > ul > div > li > a {
    display: block;
}

.filter-list > form > li > ul > div > ul > div > li > a,
.filter-list > form > li > ul > div > ul > div > li .group_title {
    font-family: RobotoMedium;
}

.filter-list > form > li > ul > div > ul > div > li > ul {
    padding-left: 20px;
}

.filter-list > form > li > ul > div > ul > div > li > ul > li {
    padding: 5px 0;
}

.filter-list input[type="radio"],
.filter-list input[type="checkbox"] {
    position: relative;
    top: 1px;
}

.filter-list span {
    padding-right: 4px;
}

.filter-list .group_title {
    padding: 0;
}

.filter-list .group_title input {
    margin-right: 4px;
}

.f_info {
    position: relative;
}

.f_info .group_title a {
    position: absolute;
    top: 0;
    left: 0;
    background: #e1e1e1 url("../i/filter-info.svg") no-repeat 7px 4px;
    width: 18px;
    height: 18px;
    border-radius: 30px;
}

.collapsible {
    position: relative;
}

.filter-list ul .collapsible::after {
    content: '';
    display: block;
    height: 11px;
    width: 7px;
    position: absolute;
    top: 10px;
    left: 0; 

    background: url("../i/filter-arrow.svg") no-repeat;
    -webkit-transform: translateY(-50%)  rotate(180deg) ;
    -ms-transform: translateY(-50%)  rotate(180deg) ;
    transform: translateY(-50%)  rotate(180deg) ;
    transition: transform 0.1s;
}

.filter-list ul .collapsible.expanded::after {
    -webkit-transform: translateY(-50%) rotate(90deg);
    -ms-transform: translateY(-50%) rotate(90deg);
    transform: translateY(-50%) rotate(90deg);
}

.filter-list ul .collapsible ul {
    display: none;
    margin-top:10px;
    
}

.filter-list {
    margin-bottom: 25px;
}


.real-hint {
    display: none;
    background-color: #444;
    border-radius: 8px;
    padding: 10px 15px;
    position: absolute;
    width: 200px;
    z-index: 99;
    color: fff'' -webkit-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.35);
    -moz-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.35);
    box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.35);
    color: #b4b4b4;
}


#rhint2 {
    display: none;
}


.real-hint2 {
    background-color: #444444;
    border-radius: 8px;
    padding: 18px 22px;
    position: absolute;
    width: 390px;
    z-index: 99;
    text-align: left;
    -webkit-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.35);
    -moz-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.35);
    box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.35);
    color: #b4b4b4;
    margin-top: 5px;
}

.real-hint2 b {
    font-weight: normal;
    font-family: RobotoRegular;
    font-size: 1.1em;
    color: #fff;
    margin-bottom: 5px;
    display: block;

}

.real-hint2 br {
    display: none;
}

.f_arrow {
    display: block;
    position: absolute;
    top: 17px;
    left: -9px;
    width: 9px;
    height: 15px;
    background: url("../i/baloon_tail.svg") no-repeat;
}

.f_close {
    display: block;
    position: absolute;
    height: 16px;
    width: 16px;
    top: 15px;
    right: 15px;
    background: url("../i/baloon_close.svg") no-repeat;
    cursor: pointer;

}


/* 6.6 Список продуктов */

.product {
    position: relative;
}

.special_info {
    padding: 3px 6px;
    top: 0px;
    left: 15px;
    font-size: 0.85em;
    color: #fff;
    position: absolute;
    box-sizing: border-box;
    background: #fff;
    font-family: RobotoRegular;

}

.special_info span {
    position: absolute;
    bottom: -9px;
    left: -1px;
    width: 8px;
    height: 8px;
    transform: rotate(90deg) ;
    -webkit-transform: rotate(90deg) ;
    -moz-transform: rotate(90deg) ;
    -o-transform: rotate(90deg) ;
    -ms-transform: rotate(90deg) ;

}

.new {
    color: #d32828;

    border: 1px solid #d32828;
}

.new span {
    background: url("../i/new_tail.svg") no-repeat;
}

.for-project {
    color: #3da840;

    border: 1px solid #3da840;
}

.for-project span {
    background: url("../i/new_tail.svg") no-repeat 0 -8px;
}

.expected {
    color: #B68B25;

    border: 1px solid #B68B25;
}

.expected span {
    background: url("../i/new_tail.svg") no-repeat 0 -16px;
}

.eol {
    color: #626262;

    border: 1px solid #626262;
}

.eol span {
    background: url("../i/new_tail.svg") no-repeat 0 -24px;
}

.products-list .product {
    display: inline-block;
    width: 33%;

    box-sizing: border-box;
    padding: 30px 15px 0 15px;
    text-align: center;
    vertical-align: top;
    margin-bottom: 30px;


}

.products-list .product .image {
    width: 105px;
    height: 105px;
    margin: 0 auto;
    text-align: center;
    position: relative;
}

.products-list .product .image img {
    max-width: 100%;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    -ms-transform: translateX(-50%);

}

.products-list .product .name {
    margin: 5px 0 0 0px;
    font-weight: normal;
    font-size: 1.2em;
    text-align: center;
    font-family: RobotoRegular;
}



.products-list .product .description {
    margin: 5px 0 0 0px;
    text-align: center;
    line-height: 1.6em;

    color: #4d4d4d;
}

.product-subgroup .title {

    font-weight: normal;
    font-family: RobotoRegular;
    padding-bottom: 30px;
    color: #4d4d4d;
    font-size: 1.35em;
    margin: 0;
}

.product-subgroup {
    overflow: hidden;
    padding: 40px 0 0px 0;
 
}

.product-subgroup:first-of-type {
    padding: 0 0 0px 0;
}

.product-subgroup:last-child {
    border-bottom: none;
}



/* 6.7 Подвал */

.product-header {
    overflow: hidden;
    padding: 30px 15px 60px 15px;
}

.product-header .product-description {
    float: left;
    width: 31%;
}

.product-header .product-images {
    float: right;
    width: 67%;

}


.product-header h3 {
    margin: 0;
    font-weight: normal;
    font-size: 2.5em;
    color: #3d3d3d;
    position: relative;




}

.product-header .special_info {
    font-size: 13px;
    top: -18px;
    left: 0;
    right:auto;

}

.product-header .description {
    font-size: 1.1em;
    margin: 10px 0;
    line-height: 1.6em;
}

.product-page .breadcrumbs h2 {
    font-size: 1em;
    display: inline;
    margin-left: 5px;
    font-family: RobotoRegular;

}


.product-page .blue-button {
    margin-top: 20px;
}
.owl-carousel,
.bx-wrapper { direction: ltr; }

.product-header .product-images .owl-carousel div {
    text-align: center;
}


.product-header .product-images .owl-carousel > div img {
    max-width: 600px;
    margin: 0 auto;
}


.text-banner{
    direction: rtl;
    font-family: RobotoLignt;
}

.product-header .owl-thumbs {
    text-align: center;
    margin-top: 30px;


}
.product-header .owl-thumbs .owl-thumb-item,
.revision-image > div {
    display: inline-block;
    cursor: pointer;
    width: 88px;
    height: 70px;
    border: 1px solid #d8d8d8;
    margin: 0 3px;
    padding: 10px;
    vertical-align: top;
    box-sizing: border-box;
    text-align: center;

}

.product-header .owl-thumbs .owl-thumb-item.active {
    border: 2px solid #0083a5;
    padding: 9px;
}

.product-header .owl-thumbs .owl-thumb-item img,
.revision-image > div img {
    max-width: 100%;
    max-height: 100%;
    vertical-align: middle;
}


.revision-image {

    border-radius: 4px;
    margin-bottom: 35px;
}

.images-block .revision-image > div {

    border: none;
    margin: 0 5px 0 0;
    width: auto;
    height: auto;
    padding: 0;


}


.images-block .revision-image > div a {
    background: #fff;

    width: 110px;
    height: 88px;
    padding: 15px;
    display: block;
    box-sizing: border-box;

}

.images-block .revision-image > div span {
    display: block;
    font-size: 0.8em;

}

.nav-page li {
    box-sizing: border-box;
    background: #eee;
    float: left;
    width: 16.6%
}


.reviews-on li {
    width: 14.2%;
}

.revision-name {
    font-family: RobotoRegular;
    font-weight: normal;
    color: #333;
    margin-top: 15px;
    margin-bottom: 5px;
    font-size: 1em;
}

.images-block {
    background: #f4f4f4;
    padding: 20px 30px;
    margin-top: 30px;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eeee;
    overflow: hidden;

}

.nav-page li:last-child {
    border: none;
}

.nav-page {

    margin: 60px 15px 0 15px;
}

.nav-page ul {
    overflow: hidden;
}

.nav-page li {
    text-align: center;
    border-right: 1px solid #fff;
}

.nav-page .collums5 {
    padding: 0;
}

.nav-page li a {
    display: block;
    color: #4d4d4d;
    font-family: RobotoRegular;
    height: 40px;
    line-height: 3.5em;
    box-sizing: border-box;
    font-size: 0.85em;

}

.nav-page li .active,
.nav-page li a:hover,
.nav-page.add-fixed ul .active,
.nav-page.add-fixed ul li a:hover {
    border-bottom: 2px solid #0083a5;
}

.product-attributes {
    padding: 40px 15px 0 15px;
    font-size: 1.15em;
    line-height: 1.7em;
}

.product-attributes section {
    padding-bottom: 40px;
}

.nav-page.add-fixed {
    position: fixed;
    top: 43px;
    left: 0;
    right: 0;
    margin: 0;
    background: #fff;
    border-top: 1px solid #e1e1e1;
    border-bottom: 1px solid #e1e1e1;
    height: 39px;
    z-index: 999;
}

.nav-page.add-fixed ul {
    max-width: 1140px;
    margin: 0 auto;
    border
}

.nav-page.add-fixed ul li {
    border-right: 1px solid #e1e1e1;
    background: none;
}

.nav-page.add-fixed ul li a {
    border-bottom: 1px solid #e1e1e1;
}

.nav-page.add-fixed ul li a:hover {}

.nav-page.add-fixed ul li:first-child {
    border-left: 1px solid #e1e1e1;
}

.breadcrumbs.add-fixed {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    margin: 0;
    background: #fff;
    z-index: 999;
    padding: 12px 0;

}

.breadcrumbs.add-fixed div {
    margin: 0 auto;
    max-width: 1140px;
}



.height-fix.my-affix.add-fixed {
    height: 93px;


}

.product-attributes h4 {
    font-weight: normal;
    font-size: 2em;
    margin: 0 0 0 0;
    padding: 0;
    color: #4d4d4d;
}


.block-attribute {
    padding-bottom: 35px;
    padding-top: 10px;
}

.block-attribute h5,
.order-information h5 {
    margin: 0;
    padding: 0;
    font-weight: normal;
    font-size: 1.4em;
    margin-bottom: 10px;
    color: #333;
}


.block-attribute p,
.order-information p {
    margin: 0 0 25px 0;
}

.product-attributes .table {
    padding-bottom: 35px;
}

.product-attributes table {
    width: 100%;
    margin-bottom: 25px;

}

.product-attributes table td {
    vertical-align: top;
    border-bottom: 1px solid #e1e1e1;
    padding: 20px 30px;
    font-size: 0.9em;
}

.product-attributes table td b {
    font-weight: normal;
    font-family: RobotoRegular;

}

.product-attributes table th {
       text-align: right;
    font-size: 1.3em;
   
    font-weight: normal;
    padding: 45px 30px 20px 30px;
    color: #0083a5;
    border-bottom: 1px solid #e1e1e1;


}


.product-attributes table td{
    text-align: right !important;
} 

.product-attributes table th b {
    font-weight: normal;


}

.product-attributes .video,
.article-content .video {
    text-align: center;
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}


.article-content .video {
    padding-bottom: 52.05%;
}




.product-attributes .video-wrapper,
.article-content .video-wrapper {
    max-width: 720px;
    margin: 0 auto;

}


.article-content .video-wrapper {
    max-width: 640px;
}

.product-attributes .video iframe,
.article-content .video iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}

.article-content .video-wrapper {
    margin: 0px auto 30px auto;
}

.product-attributes .video-reviews .video-wrapper {
    width: 33.3%;
    float: left;
    padding-right: 30px;
    box-sizing: border-box;
}

.block-attribute .images {
    text-align: center;

}

.block-attribute .images img {
    max-width: 100%;
}

.serts,
.downloads {
    padding-top: 30px;
    padding-bottom: 45px;
}

.serts a,
.downloads .download > a {
    font-size: 1.1em;
    display: inline-block;

    padding-right: 15px;
    line-height: 1.4em;
}

.serts a span {
    color: #4d4d4d;
    display: inline-block;
    font-size: 0.8em;
    line-height: 0.5em;
}

.serts .sert {
    padding: 25px 30px;
    border-top: 1px solid #e1e1e1;
    background: url("../i/pdf.svg") no-repeat right 30px;



}





.serts-list {
    padding-top: 0;
}


.serts .sert:last-child,
.downloads .download:last-child {
    border-bottom: 1px solid #e1e1e1;

}

.serts-list .sert {
    border-top: 1px dashed #ccc;

}

.serts-list .sert a:hover {
    color: #4d4d4d;
}

.serts .sert:last-child {
    border-bottom: 1px dashed #ccc;
}

.downloads .download {
    overflow: hidden;
}

.downloads .download > span {
    float: left;
    font-size: 0.9em;
}

.downloads .download > span span {
    color: #999;
    direction: ltr !important;
    display: inline-block;
    
}

.downloads .download > span a {
    color: #4d4d4d;
    font-family: RobotoRegular;
    background: url("../i/download.svg") no-repeat right 4px;
    padding-right: 15px;
    margin-right: 15px;
    float:left;
}

.order-information {
    padding-top: 30px;
    padding-bottom: 25px;
}


.downloads .download {
    border-top: 1px solid #e1e1e1;
    padding: 25px 30px 25px 0;
    background: url("../i/doc.svg") no-repeat right 17px;


}


#content .image-file {
    background: url("../i/image.svg") no-repeat 30px 30px;
}


#content .serts-list .sert {
    background-position: right 25px;
}


.product-attributes .order-information h5 {
    margin: 0;
    color: #0083a5;
    font-size: 1.1em;

}


.footnote {
    background: #eee;
    padding: 30px 30px 0 30px;
    margin-top: 20px;

}

.footnote cite {
    display: block;
    font-style: normal;
    font-size: 0.9em;
    margin-bottom: 20px;
    line-height: 1.6em;
}

.footnote cite sup {
    color: #4d4d4d;
    font-family: RobotoRegular;
}



.rewards img {
    max-width: 40px;
    max-height: 70px;
}


.qr,
.also {
    border-top: 1px solid #e1e1e1;
    margin: 20px 0 0 0;
    padding: 20px 0 0 0;




}


.qr{
    
    text-align: justify;
    font-size:0;
    
}

.qr a{
    display:inline-block;
    width:33.1%;
    vertical-align: top;
}
.qr a img{
    max-width: 100%;
}

.also span {
    font-size: 1.4em;
    color: #4d4d4d;

}

.also li {
    margin: 10px 0;
}


.product-description .blue-button {
    width: 100%;
    margin-top: 50px;
}

.video-reviews {
    padding-top: 20px;
    margin-bottom: 20px;
    overflow: hidden;
    margin-right: -30px;
}





.news-list .sidebar-left,
.news-list .content-right {
    margin-top: 30px;
}


.products-solution{
    display: flex;
    display: -webkit-flex;
    display: -ms-flex;
    display: -moz-flex;
    
    
    flex-wrap: wrap;
      flex-wrap: -webkit-wrap;
      flex-wrap: -ms-wrap;
      flex-wrap: -moz-wrap;
    padding:20px 5px 0 5px;
    
}

.products-solution > div{
   width: 20%;

    float:left;
    box-sizing: border-box;
    padding:0 10px;
    margin-bottom:20px;
    font-size:0.95em;
    
}

.products-solution > div a{
    display: block;
    border-radius: 2px;
    text-align:center;
    border:1px solid #e1e1e1;
    color:#4d4d4d;
    height:100%;
    transform: scale(1);
    transition: all 200ms;
}

.products-solution > div a:hover{
   transform: scale(1.05);
}
.products-solution > div a div{
min-height:134px;
background: rgb(255,255,255);
background: radial-gradient(circle, rgba(255,255,255,1) 0%, rgba(230,230,230,1) 100%);



}

.products-solution > div a:hover div{
    
    background: rgb(255,255,255);
background: radial-gradient(circle, rgba(255,255,255,1) 0%, rgba(245,245,245,1) 100%);
}

.products-solution > div a span {
    display:block;
    border-top:1px solid #e1e1e1;
    padding:13px 0;
    font-family: RobotoRegular;
}


.products-solution img{
    max-width: 100%;
    max-height: 100%;
}

.nice-select {
    -webkit-tap-highlight-color: transparent;
    background-color: #fff;
    border-radius: 5px;
    border: solid 1px #e8e8e8;
    box-sizing: border-box;
    cursor: pointer;
    height: 40px;
    line-height: 38px;
    outline: none;
    padding: 0 15px;
    position: relative;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    white-space: nowrap;
    color: #4d4d4d;
    margin-bottom: 10px;
}

.nice-select:hover {
    border-color: #dbdbdb;
}

.nice-select:active,
.nice-select.open,
.nice-select:focus {
    border-color: #dbdbdb;
}

.nice-select:after {
    border-bottom: 2px solid #999;
    border-right: 2px solid #999;
    content: '';
    display: block;
    height: 6px;
    margin-top: -4px;
    pointer-events: none;
    position: absolute;
    left: 12px;
    top: 50%;
    -webkit-transform-origin: 66% 66%;
    -ms-transform-origin: 66% 66%;
    transform-origin: 66% 66%;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: all 0.15s ease-in-out;
    transition: all 0.15s ease-in-out;
    width: 6px;
}

.nice-select.open:after {
    -webkit-transform: rotate(-135deg);
    -ms-transform: rotate(-135deg);
    transform: rotate(-135deg);
}

.nice-select.open .list {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: scale(1) translateY(0);
    -ms-transform: scale(1) translateY(0);
    transform: scale(1) translateY(0);

}


.nice-select .list {
    background-color: #fff;
    border-radius: 4px;
    box-sizing: border-box;
    margin-top: 4px;
    opacity: 0;
    overflow: hidden;
    overflow-y: scroll;
    padding: 0;
    pointer-events: none;
    position: absolute;
    top: 100%;
    left: 0;
    -webkit-transform-origin: 50% 0;
    -ms-transform-origin: 50% 0;
    transform-origin: 50% 0;
    -webkit-transform: scale(0.75) translateY(-21px);
    -ms-transform: scale(0.75) translateY(-21px);
    transform: scale(0.75) translateY(-21px);
    -webkit-transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25),
    opacity 0.15s ease-out;
    transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25),
    opacity 0.15s ease-out;
    z-index: 9;
    -webkit-box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.2);
    max-height: 360px;
   
}


regions-and-yars .nice-select .list {
    height: 440px;
}

.nice-select .list:hover .option:not(:hover) {
    background-color: transparent !important;
}

.nice-select .option {
    cursor: pointer;
    line-height: 40px;
    list-style: none;
    min-height: 40px;
    outline: none;
    padding: 0 15px;
    text-align: left;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
}

.nice-select .option:hover,
.nice-select .option.focus,
.nice-select .option.selected.focus {
    background: #f3f3f3;
    font-family: RobotoMedium;
}


.no-csspointerevents .nice-select .list {
    display: none;
}

.no-csspointerevents .nice-select.open .list {
    display: block;
}



.nice-select .list,
.nice-select {
    right: 0;

}

.subscription {
    background: #eee;
    padding: 25px 15px;
    border-radius: 4px;
    margin-top: 40px;
    color: #4d4d4d;
}

.subscription input {
    width: 100%;
    margin: 0;
    padding: 0;
    outline: none;
    box-sizing: border-box;
    border: 1px solid #e8e8e8;
    height: 36px;
    padding: 0 15px 0 38px;
    border-radius: 4px;
    margin-top: 10px;
    margin-bottom: 25px;
    color: #666;
    background: #fff url("../i/email.svg") no-repeat 9px 9px;
}

.subscription h3 {
    margin: 0;
    font-weight: normal;
    font-size: 1.1em;
    margin-bottom: 10px;
    font-family: RobotoRegular;
    text-transform: uppercase;
    color: #333;
}

.subscription span {
    font-size: 0.9em;
    line-height: 1.1em;
    display: block;
    color: #838383;

}

.subscription .blue-button,
.subscription .gray-button {
    width: 100%;
    height: 34px;
    margin-bottom: 5px;
    min-width: auto;
    font-size: 0.9em;
    line-height: 2.9em;
}



.news-block > div {
    padding: 30px 0;
    border-bottom: 1px solid #e1e1e1;
}

.news-block > div:first-child {
    padding-top: 0;
}

.news-block > div:last-child {
    border: none;
}

.news-block > div span {
    color: #333;
    font-family: RobotoMedium;
    font-size: 1.1em;
}

.news-block > div a {
    color: #4d4d4d;
    font-size: 1.1em;
    line-height: 1.7em;
}

.filter-subscription-hide {
    display: none;
}


.subscription-overley {
    display: none;
}

.news-body ul{
    list-style-type: square;
    list-style-position: inside;
    margin:0 0 45px 0;
}

.news-body ul li{
    margin:10px 0;
}


.news-body h3{
    font-weight:normal;
    font-family: RobotoBold;
}


.news-body,
.article-content {
    padding: 45px 15px 0 15px;
    font-size: 1.2em;
    line-height: 1.7em;
}

.news-body p,
.article-content p {
    margin: 0 0 30px 0;
}

.news-body p img,
.article-contentp img {
    max-width: 100%;
    margin: 0 auto;
    display: block;
}



.article-content-side {
    line-height: 1.7em;
}


.news-attributes {
    font-size: 1.3em;
    padding-bottom: 15px;
    color: #4d4d4d;
    font-family: RobotoRegular;
}


.news-body .about {
    background: #eee;
    padding: 35px 30px 10px 30px;
    margin-top: 60px;
}


.about h4 {
    margin: 0;
    padding: 0;
    font-weight: normal;
    font-size: 1.5em;
    color: #3d3d3d;
    margin-bottom: 20px;
}


.like-bar {


    margin-top: 30px;
    overflow: hidden;



}

.share {
    float: right;
}

.search {
    padding: 15px 15px 0 15px;
}

.search-form {

    padding: 0 40px;
    margin-top: 30px;
    position: relative;
}

.search-form input[type="text"] {
    width: 100%;
    box-sizing: border-box;
    border: 1px solid #ddd;
    height: 46px;
    border-radius: 2px;
    padding: 0 15px;
    color: #4d4d4d;
    font-size: 1.4em;
    font-family: RobotoRegular;
    outline: none;
}

.search-form input::-webkit-input-placeholder {
    color: #aaa;
    opacity: 1;
    font-family: RobotoLignt;
}

.search-form input::-moz-placeholder {
    color: #aaa;
    opacity: 1;
    font-family: RobotoLignt;
}

.search-form input:-moz-placeholder {
    color: #aaa;
    opacity: 1;
    font-family: RobotoLignt;
}

.search-form input:-ms-input-placeholder {
    color: #aaa;
    opacity: 1;
    font-family: RobotoLignt;
}

.search-form input[type="text"]:focus {
    border: 1px solid #ccc;
}

.search-form .blue-button {
    position: absolute;
    top: 0;
    left: 40px;
    min-width: auto;
    height: 46px;
    border-radius: 2px;
    line-height: 3.4em;
}

.search-form .blue-button span {
    display: inline-block;
    height: 46px;
    background: url("../i/magnifier_alone.svg") no-repeat right 50%;
    margin: 0 25px 0 25px;
    padding-right: 22px;
}



.search .search-result {
    margin: 0 40px 0 40px;
}

.search-result > div {
    border-bottom: 1px solid #e1e1e1;
    padding: 30px 0;
    position: relative;
    padding-right: 50px;
}

.search-result > div:first-child {
    border-top: 1px solid #e1e1e1;
}

.search-result b {
    font-weight: normal;
    font-family: RobotoRegular;
    color: #4d4d4d;
    background: #eee;
    padding: 0 3px;
}

.search .search-result .search-number {
    position: absolute;
    right: 0;
    margin-left: 15px;
    color: #4d4d4d;
    top: 30px;
    width: 28px;
    height: 28px;
    border-radius: 4px;
    text-align: center;
    background: #ebebeb;
    line-height: 2.3em;
    font-size: 0.9em;
    font-family: RobotoRegular;
}


.search-link a {
    font-size: 1.4em;
    font-family: RobotoRegular;
    color: #4d4d4d;

}

.search-description {
    font-size: 1.1em;
    margin-top: 8px;
    line-height: 1.6em;
}

.search-heading {
    margin-top: 8px;
    color: #4d4d4d;
    font-family: RobotoRegular;
}

.search-heading a {}


.search-info {
    margin: 40px 40px;
    font-size: 1.4em;
    color: #4d4d4d;
}

.search-info span {
    font-family: RobotoRegular;
}

.search-info strong {
    font-weight: normal;
    font-family: RobotoRegular;
}

.paginator {
    padding: 40px 40px 0 40px;
    display: flex;
    justify-content: center;
    display: -webkit-flex;
    -webkit-justify-content: center;
    text-align: center;
}

.paginator a {
    vertical-align: top;
    display: inline-block;
    height: 30px;
    color: #4d4d4d;
    line-height: 1.8em;
    box-sizing: border-box;

}

.paginator a.item {
    min-width: 30px;
    border-bottom: 2px solid #fff;
    font-size: 1.1em;
}

.paginator .last-page,
.paginator .first-page {
    line-height: 2em;
}

.first-page {
    margin-right: 10px;
}

.last-page {
    margin-left: 10px;
}

.paginator a.item:hover {
    color: #3d3d3d;
    border-bottom: 2px solid #4d4d4d;
}

.paginator a.item.active {
    color: #0083a5;
    border-bottom: 2px solid #0083a5;
    font-family: RobotoRegular;
}


.paginator a.item.arrow-right:hover,
.paginator a.item.arrow-left:hover {
    border-bottom: 2px solid #fff;
}

.paginator a.item.arrow-right,
.paginator a.item.arrow-left {
    position: relative;

}

.paginator .arrow-right::after,
.paginator .arrow-left::after {
    display: block;
    content: '';
    width: 8px;
    height: 8px;
    position: absolute;
    border-right: 1px solid #4d4d4d;
    border-bottom: 1px solid #4d4d4d;
    top: 10px;


}


.paginator .arrow-right:hover::after,
.paginator .arrow-left:hover::after {
    border-color: #222;
}



.paginator .arrow-right::after {
    right: 5px;
    transform: rotate(135deg);
    -ms-transform: rotate(135deg);

}


.paginator .arrow-left::after {
    left: 5px;
    transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);

}


#dropdown-menu,
#dropdown-menu ul,
#dropdown-menu ul li,
#dropdown-menu ul li a {
    display: block;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;

}

#dropdown-menu {
    line-height: 1.4em;
    border-right: 1px solid #e1e1e1;

}

#dropdown-menu a {
    cursor: pointer;

}




#dropdown-menu ul ul {
    display: none;

}



#dropdown-menu > ul > li > a {

    -webkit-transition: color .2s ease;
    -o-transition: color .2s ease;
    transition: color .2s ease;
    padding: 18px 0;
    border-bottom: 1px solid #e1e1e1;
    color: #4d4d4d;
    padding-right: 10px;

    font-family: RobotoMedium;

}

#dropdown-menu > ul > li > a:hover {}



#dropdown-menu > ul > li:last-child > a {}

#dropdown-menu > ul > li > ul > li > a {

    padding: 18px 30px 18px 30px;
    font-size:1em;
    color: #4d4d4d;
    border-bottom: 1px solid #e1e1e1;
      color:#0083a5;

}

#dropdown-menu > ul > li > ul > li > a:hover {

    color: #0083a5;


}

#dropdown-menu > ul > li > ul > li > a:hover {

    color: #0083a5;


}


#dropdown-menu > ul > li > ul > li:last-child > a {}

#dropdown-menu > ul > li > ul > li > ul {
    font-size: 0.9em;
    background: #f5f5f5;
    border-bottom: 1px solid #e1e1e1;
    padding: 10px 0;
}

#dropdown-menu > ul > li > ul > li > ul a {
    color: #4d4d4d;
    padding: 10px 20px 10px 30px;
    text-decoration: underline;
}

#dropdown-menu ul > li.has-sub > a:after {
    position: absolute;
    left: 15px;
    top: 23px;
    border: 2px solid #4d4d4d;
    border-top: none;
    border-left: 0;
    z-index: 5;
    display: block;
    height: 7px;
    width: 7px;
    content: "";
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    transform: rotate(135deg);
    -webkit-transition: all 0.1s ease-out;
    -moz-transition: all 0.1s ease-out;
    -ms-transition: all 0.1s ease-out;
    -o-transition: all 0.1s ease-out;
    transition: all 0.1s ease-out;
}

#dropdown-menu ul > li.has-sub.open > a:after {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}



.serts-block {
    overflow: hidden;
}

.serts-block > div {}

.serts-block .collums2 {
    padding: 0 5px;
}



.serts-block > div > div {
    box-sizing: border-box;
    margin-bottom: 30px;
    background: #f5f5f5;
    border-radius: 2px;

}

.serts-block .ua-serts div,
.serts-block .kz-serts div {
    height: 157px;
}




.serts-block h3 {
    margin: 0;
    font-weight: normal;
    font-size: 1.6em;
    padding: 20px 30px 0px 30px;
    color: #4d4d4d;
    position: relative;
}

.serts-block h3::after {
    content: "";
    width: 25px;
    height: 18px;
    position: absolute;
    top: 26px;
    left: 30px;
    display: block;
    border-radius: 1px;

}


.serts-block ul {
    padding: 5px 30px 0 30px;
}

.serts-block ul li {
    padding: 20px 0;
    border-bottom: 1px dashed #ccc;
}

.serts-block ul li:last-child{
    border-bottom: none;
}

.serts-block ul li a:hover {
    color: #4d4d4d;
}

.serts-links li,
.faq-group-list > li > ul > li{
    padding: 15px 30px 15px 35px;
    border-bottom: 1px dashed #ccc;
    position: relative;
}

.serts-links li::after,
.tabs-content-m li::after,
.arrow-list li::after,
.buy-anchors ul li::after,
.article ul li::after,
.faq-group-list > li > ul > li::after{
    content: "";
    display: block;
    position: absolute;
    top: 23px;
    right: 3px;
    border: 1px solid #4d4d4d;
    width: 4px;
    height: 4px;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    border-right: none;
    border-bottom: none;

}

.serts-links li::before,
.tabs-content-m li::before,
.arrow-list li::before,
.buy-anchors ul li::before,
.article ul li::before,
.faq-group-list > li > ul > li::before{
    content: "";
    display: block;
    position: absolute;
    top: 25px;
    right: 0px;
    background: #4d4d4d;
    width: 8px;
    height: 1px;

}

.tabs-content-m li::after {
    left: 3px;
    top: 8px;
}

.tabs-content-m li::before {
    left: 0;
    top: 10px;
}

#content .serts-list .sert:hover {
    background-color: #f5f5f5;
}

.serts-list .sert:hover,
    {
    background-color: #f5f5f5;
}

.serts-links li a:hover {
    color: #4d4d4d;
}

.serts-links li:first-child {
    border-top: 1px dashed #e1e1e1;
}


.filter-serts-hide {
    display: none;
}


.side-menu {
    border: 1px solid #e1e1e1;
    border-top: none;
    border-right: none;
}

.side-menu li a {
    padding-right: 15px;

}


.side-menu > li a {
    display: block;
    padding: 20px 0px 20px 15px;
    border-bottom: 1px solid #e1e1e1;

}

.side-menu > li a:hover {
    color: #4d4d4d;
}


.side-menu > li:last-child a {
    border-bottom: none;
}


.side-menu > .active a {
    font-family: RobotoMedium;
    color: #4d4d4d;
}

.office-map {
    margin-bottom: 20px;
    text-align: center;
}


.office-links {
    margin-bottom: 40px;
}



.office-links li {
    display: inline-block;
    width: 19.6%;
    margin-bottom: 6px;
    vertical-align: top;
}

.seminars-h-block .office-links > div,
.schedule-seminars .office-links > div{
    font-size:1.5em;
    color:#4d4d4d;
    margin-bottom:10px;
}
.office-title-links {
    margin: 0 0 10px 0;
    font-weight: normal;
    font-size: 1.5em;

}

 

.seminars-h-block{
    overflow: hidden;
    
}

.seminars-h-block ul{
    width: 19.6%;
    vertical-align: top;
    display: inline-block;
    margin-bottom:40px;
}

.seminars-h-block ul div{
    font-size:1.5em;
    color:#4d4d4d;
    margin-bottom:10px;
}

.seminars-h-block ul li{
    margin-bottom:6px;
}
#support-header {
    height: 392px;
    background: url("../images/support-header2.jpg") no-repeat center top;
    margin-bottom: -392px;
}


.suport-page .breadcrumbs h2,
.education-page .breadcrumbs h2 {
    display: inline-block;
    font-size: 1em;
    margin-left: 5px;
    font-family: RobotoRegular;
}

.support-header-content h3,
.education-header-height h3 {
    font-weight: normal;
    font-size: 2.9em;
    max-width: 50%;
    color: #4d4d4d;
    line-height: 1.2em;
    margin: 70px 0 30px 0;
}

.support-header-content {
    padding: 0 15px;

}

.support-header-content .phone {
    color: #0083a5;
    font-size: 2.36em;
    font-family: RobotoRegular;
    margin-bottom: -7px;
}

.support-header-content .phone span {
    display: inline-block;
}

.support-header-content .phone span::before {
    animation: pulse 2.5s infinite ease-in-out;
    content: "5678";

}

@keyframes pulse {

    0% {
        content: "5678;

    }

    50% {
        content: "LINK";

    }

}




.support-header-content > div {}


.support-header-content .phone-description {

    color: #4d4d4d;
     font-family: RobotoLignt;
}


.support-header-height {
    min-height: 372px;
}


.tabs-links li {
    text-align: center;
    cursor: pointer;
    font-family: RobotoRegular;
    height: 45px;
    line-height: 2.9em;
    box-sizing: border-box;
    border-bottom: 1px solid #e5e5e5;
    font-size:1.1em;





}

.tabs-links {
    overflow: hidden;
    font-size: 0.95em;
    margin: 5px 15px 0 15px;
}

.tabs-links .active,
.tabs-links li:hover {
    border-bottom: 2px solid #0083a5;
}


.tabs > div {
    padding: 30px 15px 0 15px;
}

.tabs-link-m {
    display: none;
}

.tabs-content-m li {
    margin: 25px 0;
    position: relative;
    padding-right: 18px;
}


.support-news {
    background: #f5f5f5;
    padding: 30px;
    margin: 60px 15px 0 15px;
}



.support-news > div {
    border-bottom-style: dashed;
    border-color: #ccc;
}

.support-news h4 {
    margin: 0;
    font-weight: normal;
    font-size: 1.7em;
    margin-bottom: 10px;
}



.article-content h4 {
    margin: 0;
    font-weight: normal;
    font-size: 1.4em;
    color: #333;
    margin-bottom: 35px;

}

.article-content h5 {
    padding: 30px 0 20px 0;
    margin: 0;
    font-weight: normal;
    font-size: 1.2em;
    font-family: RobotoRegular;
    color: #4d4d4d;
}

.article-content ul {
    margin: 0 0 35px 0;

}

.article-content p {
    margin-bottom: 35px;
}


.arrow-list li {
    padding-left: 45px;
    margin-bottom: 20px;
    position: relative;
}

.arrow-list p {
    margin-bottom: 20px;
}

.arrow-list li::after {
    top: 12px;
    left: 28px;
    border-color: #0083a5;
}

.arrow-list li::before {
    top: 14px;
    left: 25px;
    background: #0083a5;

}



.article-content .about-title {
    font-size: 1.4em;
    font-weight: normal;
    margin: 0 0 15px 0;
    color: #333;
}




.registration-block {
    padding: 40px 15px 0 15px;

}


.registration-block .nice-select .list {
    height: auto;
}

.registration-block .nice-select .list {
    right: 0;
}

.registration-block select {
    width: 100%;
    box-sizing: border-box;
}


.registration-block input[type="text"] {
    display: block;
    width: 100%;
    box-sizing: border-box;
    border: 1px solid #e5e5e5;
    border-radius: 4px;
    height: 40px;
    padding: 0 15px;
    color: #4d4d4d;
}

.registration-block input[type="text"]:hover,
.registration-block input[type="text"]:active {
    border-color: #ccc;
}

.registration-block .nice-select {
    margin: 0;
}

.registration-block .collum {
    width: 49%;
    box-sizing: border-box;
    display: inline-block;
    vertical-align: top;
}

.registration-block .collum div {
    margin-bottom: 35px;
}

.registration-block .collum > div > span,
.seminar-reg div > span{
    color: #4d4d4d;
    margin-bottom: 5px;
    display: block;
    font-family: RobotoRegular;

}

.registration-block .collum:first-child {
    padding-left: 20px;
}


.registration-block .collum:last-child {
    padding-left: 20px;
}

.button-reg {
    text-align: left;
    margin-top: 20px;
    padding: 0 15px;

}

.tabs-pages,
.tabs-radio {
    overflow: hidden;


}

.tabs-radio {
    text-align: center;
    margin-top: 10px;
    border-bottom: 1px solid #e1e1e1;
}

.tabs-pages li,
    {
    text-align: center;

}

.tabs-radio li {
    display: inline-block;
    padding: 0 1.9%;
    box-sizing: border-box;
}

.tabs-pages li a,
.tabs-radio li a {
    height: 40px;
    display: block;
    color: #4d4d4d;
    line-height: 3em;
    border-bottom: 1px solid #e1e1e1;
    box-sizing: border-box;
}



.tabs-pages .collums5,
.tabs-radio .collums5 {
    padding: 0;
}

.tabs-pages li a:hover,
.tabs-pages .active a {
    border-bottom: 2px solid #0083a5;
}

.tabs-radio li a {
    position: relative;
    padding-left: 18px;
    border-bottom: none;
    height: 50px;
}

.tabs-radio li a::after {
    content: "";
    position: absolute;
    top: 14px;
    left: 0;
    width: 14px;
    height: 14px;
    border: 2px solid #999;
    border-radius: 30px;
    box-sizing: border-box;

}

.tabs-radio li a:hover:after,
.tabs-radio .active a::after {

    background: #0083a5;
    border: none;
}




.buy-select form > div {


    box-sizing: border-box;
    width: 33%;
    display: inline-block;
    padding: 0 5px;
    font-size: 0.95em;


}

.buy-select form > div span {
    display: block;
    margin-bottom: 3px;
    font-family: RobotoRegular;
}

.buy-select {
    margin-top: 40px;
    background: #eee;
    padding: 20px 15px 10px 15px;
    border-radius: 4px;
    box-sizing: border-box;
}


.buy-hint h4 {
    font-weight: normal;
    font-size: 1.4em;
    color: #4d4d4d;
    margin: 50px 0 0 0;
}


.buy-table {
    margin-top: 50px;
}


.buy-table table {
    width: 100%;
    max-width: 100%;

}

.buy-table table th {
    text-align: right;
    font-weight: normal;
    border-bottom: 1px solid #e1e1e1;
    font-family: RobotoRegular;
    padding: 15px 0;
    vertical-align: top;
}

.buy-table table td {
    text-align: right;
    border-bottom: 1px solid #e1e1e1;
    vertical-align: top;

}


.buy-table table td {
    width: 33%;
    padding: 20px 0;
}


.distr table {
    border-top: 1px solid #e1e1e1;
    margin-bottom: 70px;
}

.distr table P {
    margin: 0 0 20px 0;

}

.distr table P:last-child {
    margin: 0;
}

.distr table th {
    background: #f5f5f5;
    font-size: 1.2em;
    color: #4d4d4d;
    padding: 15px 15px;
    border-right: 1px solid #e1e1e1;
    border-left: 1px solid #e1e1e1;

}


.distr table td {
    padding: 20px 15px;
    line-height: 1.7em;
}

.buy-table tr > td: {
    position: relative;
}



.buy-anchors ul {
    margin-bottom: 30px;
    display: inline-block;
    width: 49%;
    vertical-align: top;
}

.buy-anchors ul li {

    position: relative;
    margin-bottom: 12px;
    vertical-align: top;
    box-sizing: border-box;
    padding-right: 17px;


}

.buy-anchors ul li::after {
    top: 8px;
    right: 3px;
}

.buy-anchors ul li::before {
    top: 10px;
    right: 0;
}

.buy-anchors .sng li {
    display: inline-block;
    width: 49%;
}

.buy-anchors ul > div {
    font-size: 1.3em;
    color: #4d4d4d;
    margin-bottom: 15px;
}


.buy-table h4 {
    margin: 0;
    font-weight: normal;
    font-size: 1.8em;
    position: relative;
    font-family: RobotoRegular;
    margin-bottom: 40px;
    color: #4d4d4d;

}


.buy-table h5 {
    margin: 0;
    font-weight: normal;
    font-size: 1.5em;
    font-family: RobotoRegular;
    margin-bottom: 20px;
}


.buy-table strong {
    font-weight: normal;
    font-family: RobotoMedium;
    color: #333;
    font-size:1.15em;
}

.buy-table h4::before {
    content: "";
    width: 45px;
    height: 32px;
    background: url("../i/flags.svg") no-repeat 0 0;
    display: inline-block;
    background-size: 45px;
    position: relative;
    top: 7px;
    margin-right: 5px;
}

.buy-table #bel::before {
    background-position: 0 -65px
}

.buy-table #ua::before {
    background-position: 0 -32px
}


.buy-table #az::before {
    background-position: 0 -551px
}

.buy-table #arm::before {
    background-position: 0 -324px
}

.buy-table #kz::before {
    background-position: 0 -356px
}


.buy-table #grz::before {
    background-position: 0 -389px
}


.buy-table #kgz::before {
    background-position: 0 -454px
}


.buy-table #lat::before {
    background-position: 0 -195px
}


.buy-table #lit::before {
    background-position: 0 -163px
}


.buy-table #mld::before {
    background-position: 0 -292px
}


.buy-table #mng::before {
    background-position: 0 -259px
}


.buy-table #est::before {
    background-position: 0 -227px
}

.buy-table #tjk::before {
    background-position: 0 -486px
}

.buy-table #uzb::before {
    background-position: 0 -518px;
}


.buy-anchors.no-group ul {
    display: block;
    width: 100%;
}

.buy-anchors.no-group ul li {
    display: inline-block;
    width: 49%;

}


.article-content-side {
    line-height: 1.8em;
}

.article-content-side .arrow-list li {
    padding-right: 25px;
}

.article-content-side .arrow-list li::before {
    right: 0;
    top: 13px
}


.article-content-side .arrow-list li::after {
    right: 3px;
    top: 11px;
}

.padding-bottom30 {
    padding-bottom: 30px;
}


.article-content-side ol {
    padding: 0;

}


.article-content-side ol ul {
    padding-left: 30px;
    list-style-type: square;
}


.article-content-side strong {
    font-weight: normal;
    color: #4d4d4d;
    font-family: RobotoRegular;

}

.article-list {
    padding-right: 30px;
    list-style: square;

}


.font14em {
    font-size: 1.4em;
    color: #4d4d4d;
    padding: 20px 0 20px 0;
    line-height: 1.4em;
}


.downloads-form {
    background: #eee;
    padding: 15px 10px;
    border-radius: 4px;

}



.download-block {
    margin-top: 30px;

}

.downloads-form .nice-select {
    margin-bottom: 0px;
}

.downloads-form form > div {

    box-sizing: border-box;
    display: inline-block;
    vertical-align: top;
    width: 33%;
    padding: 0 5px;
}



.downloads-result {
    margin-top: 0;
    padding-top: 0;

}


.dawnloads-result.serts-links li:first-child {
    border-top: none;
}

.download-block .tabs-links {
    margin: 40px 0 0 0;

}

.download-block .tabs-links li a {
    color: #4d4d4d;
    font-family: RobotoLignt;
    font-size: 1.2em;
}


.download-block .downloads .download {
    border-bottom: 1px dashed #e1e1e1;
    border-top: none;
    padding: 25px 55px 25px 0px;
    background-position: right 25px
}



.download-name {
    float: right;
    width: 64%;
}

.downloads-links {
    float: left;
    width: 36%;
    text-align: left;
}

.download-name span {
    display: block;
}

.downloads-links a {
    color: #4d4d4d;
    font-family: RobotoRegular;
    background: url("../i/download.svg") no-repeat right 3px;
    padding-right: 15px;
    float: left;
 
}





.download.update {
    background-image: url("../i/update.svg");
}

.download.firmware {
    background-image: url("../i/firmware.svg");
}


.downloads-links .change {
    color: #4d4d4d;
    background-image: url("../i/change.svg");
    padding-left: 17px;
}


.popup-changes {

    background: white;
    padding: 40px 30px;
    text-align: left;
    max-width: 700px;
    margin: 40px auto;
    position: relative;
    border-radius: 2px;
    font-size: 0.95em;
    line-height: 1.7em;
}


.change-revision {
    padding: 30px 15px 30px 10px;
    border-bottom: 1px dashed #e1e1e1;

}

.change-revision form > .change-revision-select {
    width: 33%;
    display: inline-block;
    box-sizing: border-box;
    padding: 0 5px;
}

.change-revision .downloads-result {
    padding-top: 0;
}

.change-revision .nice-select {
    margin-bottom: 0;
}

.revision-info {
    float: left;
    margin-top: 10px;
}


#how-rev {
    max-width: 800px;
    text-align: center;
}



#how-rev div img {
    max-width: 100%;
    margin-bottom:40px;
}
#how-rev div img:last-child{
    margin-bottom:0;
}
#about-header {
    background: url("../images/about-header.jpg") no-repeat;
    height: 392px;
    margin-bottom: -392px;
}

.about-header-height {
    height: 392px;
}


#datepicker {
    background: url("../i/calendar.svg") no-repeat 98% 8px;
}


.faq-page #dropdown-menu > ul > li > a {

      padding: 15px 20px 15px 0;
   

}



.faq-page #dropdown-menu ul > li.has-sub > a::after {
    top: 21px;
    width: 6px;
    height: 6px;
}


.faq-list li {
    padding: 20px 15px 20px 15px;
    border-bottom: 1px dashed #ccc;

}


.faq-list li:first-child {
    border-top: 1px dashed #ccc;
}

.faq-group-list > li{
    padding:15px 15px 15px 15px;
}

.faq-group-list > li > ul > li{
    padding:15px 15px 15px 15px;
}

.faq-group-list > li > a{
    color:#4d4d4d;
    font-size:1.2em;
   
}

.faq-group-list > li > a:hover{
    color:#0083a5;

}
.faq-group-list > li > ul > li{
   
}
.faq-group-list > li > ul > li:last-child{
    border:none;
}


.faq-group-list > li > ul > li::after{
    left:3px;
}

.faq-group-list > li > ul > li::before{
    left:0;
}
.faq-article .question h3,
.faq-article .answer h3 {
    margin: 0;
    font-weight: normal;
    font-size: 1.5em;
    color: #4d4d4d;


}

.question {
    background: #eee;
    padding: 30px 30px 20px 30px;
    border-radius: 4px;
    margin-bottom: 40px;
    position: relative;
}




.question p {
    font-size: 1.2em;
    position: relative;
    z-index: 10;
}


.answer {
    padding-left: 30px;
}

.faq-article table {
    max-width: 100%;
    overflow-x: scroll;
    border: none;

    border-top: 1px solid #e1e1e1;
    border-right: 1px solid #e1e1e1;
}

.faq-article table td,
.faq-article table th {
    border: none;
    padding: 15px;
    border-color: #e1e1e1;
    border-bottom: 1px solid #e1e1e1;
    border-left: 1px solid #e1e1e1;
}

.faq-article img {
    max-width: 100%;
    margin: 0 auto;
    display: block;
}


.faq-article {
    font-size: 1.1em;
    line-height: 1.8em;
}

.faq-article p {
    margin: 30px 0;
}

.faq-article .question p {
    margin: 15px 0;
}

.faq-article ul {
    list-style-type: square;
    list-style-position: inside;

}


.question::after {
    content: "";
    position: absolute;
    left: 15px;
    bottom: 0;
    background: #eee;
    width: 40px;
    height: 40px;
    display: block;




    transform: rotate(-45deg) skew(-45deg);
    -webkit-transform: rotate(-45deg) skew(-45deg);
    -moz-transform: rotate(-45deg) skew(-45deg);
    -o-transform: rotate(-45deg) skew(-45deg);
    -ms-transform: rotate(-45deg) skew(-45deg);


}



.faq-article.old font {
    font-size: 1em;


}

.faq-article.old hr {
    border-bottom: 0;
    border-color: #fff;
    margin-bottom: 30px;
    margin-top: 20px;
    background: #eee;
    border-top: 1px solid #e1e1e1;
}


.faq-article.old {
    padding: 0 15px;
}

.faq-article.old div {
    text-align: right;
}


#education-header {
    height: 392px;
    background: url("../images/education-header.jpg") no-repeat center 0;
    margin-bottom: -392px;
}


.education-header-height {
    height: 392px;
    margin-bottom: -20px;
}


.education-header-height h3 {
    padding: 0 15px;
    font-family: RobotoLignt;

}

.education-header-height h3 {}


.article {
    line-height: 1.8em;

}

.article p {
    margin: 30px 0 30px 0;
    text-align: right !important;
}

.article font {
    font-size: 1em;
}

.article ul li {

    padding: 15px 15px;
    position: relative;
    border-bottom: 1px dashed #e1e1e1;
}

.article div {
    text-align: right !important;

}

.article ul li::after {
    left: 3px;
    top: 26px;
}

.article ul li::before {
    left: 0;
    top: 28px;
}

.article td {
    vertical-align: top;
}



.x-com {
    margin-top: 55px;
    overflow: hidden;
}

.x-com img {
    max-width: 250px;
}

.x-com div {
    float: right;
}

.x-com div:first-child {
    margin-right: 25px;
}

.x-com div span {
    display: block;
}


.testing-page .article p strong {
    font-weight: normal;
}

.vacancies-search form > div {
    display: inline-block;
    width: 49.5%;
    box-sizing: border-box;
    padding: 0 5px;

}

.vacancies-search {
    padding: 15px 10px 15px 10px;
    background: #eee;
    border-radius: 4px;
}


.vacancies-search form > div .nice-select {
    margin-bottom: 0;
}

.vacancies-search form {
    display: flex;
    justify-content: space-around;
    display: -webkit-flex;
    -webkit-justify-content: space-around;
}


.vacancies-title {
    margin: 0;
    font-weight: normal;
    font-size: 1.2em;
    margin-top: 50px;
    margin-bottom: 30px;
    padding: 0 15px;
}


.vacancy h5 {
    margin: 0 0 -5px 0;
    font-weight: normal;
    font-size: 1.9em;
    font-family: RobotoRegular;
    line-height: 1.4em;
}


.vacancy {

    padding: 30px 15px;
    line-height: 1.6em;
}

.vacancy > div {
    margin: 20px 0;
}

.vacancy div span {
    display: block;
    color: #4d4d4d;
    font-family: RobotoRegular;
}

.vacancy .blue-button {
    margin-top: 5px;
    height: 38px;
    line-height: 2.7em;
}


.file-upload {
    position: relative;
    overflow: hidden;
    width: 180px;
    height: 40px;
    background: #666;
    border-radius: 4px;
    color: #fff;
    text-align: center;
    margin:0 auto;
}


.file-upload:hover {
    background: #4d4d4d;
}


.file-upload input[type="file"]{
    display: none;
}


.file-upload label {
     display: block;
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     cursor: pointer;
}


.file-upload span {
    line-height: 2.9em;
    text-transform: uppercase;
}


.filename {
     background: #fff;
     border: 0;
}

.resum-submit{
    border:none;
}


#send-resum{
    width:400px;
    text-align:center;
    padding-bottom:22px;
}
#send-resum > div:first-child{
    margin-bottom:40px;
}
#send-resum > div:first-child > span{
    font-size:2.4em;
    color:#4d4d4d;
    display: block;
    margin-bottom:10px;
}

#send-resum form{
    overflow:hidden;
}

.button-resum{
    float:right;
    width:50%;

    display: block;
}


#send-resum .blue-button{
   font-family: RobotoLignt;
  font-size:1em;
}



.office-info-block{
    margin:17px 0;
    font-size:1.4em; 
    padding-left:30px;
    color:#4d4d4d;
}
.office-info-block span{
    display: block;
}

.office-info .address{
    background: url("../i/adderess.svg") no-repeat 0 5px;
}


.office-info .phone{
    background: url("../i/phone.svg") no-repeat 0 6px;
}

.office-info .mail{
    background: url("../i/mail.svg") no-repeat 0 8px;
}

.bull-list{
    list-style-type: square;
    list-style-position: inside;
}
.agreement ul{
    margin:55px 0;
}
.agreement li{
    margin:20px 0 20px 25px;
}


.agreement ol{
    list-style-position: inside;
}

.agreement ol ul{
    margin:0;
}


.article-content.agreement h3{
    margin-bottom:30px;
}

.schedul-title{
    margin:40px 0 0 0;
    font-weight: normal;
    font-size: 1.5em;
    color:#4d4d4d;
    font-family: RobotoRegular;
    margin-bottom:30px;
}

.reg-seminars table{
    margin-bottom:40px;
    
}

.buy-table.reg-seminars table td{
    width:auto;
    padding-left: 30px;
    text-align:right;
    
}

.reg-seminars strong{
    font-weight: normal;
    font-family:RobotoRegular;
}

.reg-seminars{
    margin-bottom:60px;
}

.buy-table.reg-seminars table td:first-child{
    width:190px;
   
}

.buy-table.reg-seminars table td:last-child{
    padding-left:0;
    font-family: RobotoMedium;
    
}

.reg-seminars .date{
    background: url("../i/calendar-small.svg") no-repeat right 1px;
    padding-right:18px;
     color:#0083a5;
    font-family: RobotoMedium;
}


.reg-seminars .time{
    margin-right:12px;
    background: url("../i/clock_small.svg") no-repeat right 2px;
    padding-right:18px;
     color:#0083a5;
    font-family: RobotoMedium;
}


.midle-title{
    font-weight:normal;
    font-size:1.5em;
    color:#4d4d4d;
  
}

.marker-list{
    list-style-type: square;
    list-style-position:inside;
}

.marker-list li{
    margin:12px 0 12px 15px;
}


.course-content{
    margin-bottom:60px;
    line-height:1.8em;
}

.course-content p{
    margin-top:25px;
   
}

.just-list{
    margin-bottom:30px;
}

.just-list li{
     margin:12px 0 12px 28px;
}


.registration-block.seminar-reg{
    margin:0;
    padding:0;
    
}


.registration-block.seminar-reg .collum div{
    margin-bottom:20px;
    position:relative;
}


.registration-block.seminar-reg .collum:first-child{
    padding-left:10px;
}

.registration-block.seminar-reg .collum:last-child{
    padding-left:10px;
}

.registration-block.seminar-reg .collum div .necessarily-star{
    position: absolute;
    left:0;
    top:0;
    font-size:1.2em;
    color:#0083a5;
}


.registration-block.seminar-reg div .necessarily-star-reference{
    display: inline-block;
    color:#0083a5;
    font-size:1.2em;
    position:relative;
    top:4px;
}


.necessarily-reference{
    float:right;
    padding-top:25px;
}

.office{
    font-size:1.1em;
    overflow: hidden;
}

.office strong{
    font-weight:normal;
    font-family:RobotoRegular;
}


.office .office-info{

    float: right;
    width:570px;
}

.office .office-img{
    margin-right:600px;
  
    
}


.office .office-img img{
    max-width: 100%;
    
}

.office p{
    margin:0px 0 30px 0;
}




/* 7 Подвал */

footer {
    background: #eee;
    font-size:14px;
}

/* 7.1 Навигация */

footer .width {
    padding: 0;
    max-width: 1170px;
}

footer .footer-navigation {
    background: #eee;
    padding: 30px 0;
  color:#4d4d4d;
}


.footer-navigation a {
   color:#4d4d4d;
}


.footer-navigation .link{
    font-size:16px;
    font-family:RobotoMedium;
}
.footer-navigation li ul li {
    font-size: 0.9em;
    margin: 6px 0;
}

.footer-navigation li ul li a {

}

.footer-navigation li ul li a:hover {

    color:#0083a5;
}

.social .collums4 {
    padding: 0;

}

.footer-navigation > ul {
    border: 1px solid;

}

.link {
    margin-bottom: 10px;
}

.footer-navigation .social ul li a {
    width: 36px;
    height: 36px;
    display: block;
    opacity: 0.5;
    transition: 150ms;
}
.footer-navigation .social ul li a:hover{
    opacity: 1;
}
.social .fb a {
    background: url("../i/social.svg") no-repeat 0 0;
}

.social .vk a {
    background: url("../i/social.svg") no-repeat center -36px;
}

.social .bg a {
    background: url("../i/social.svg") no-repeat center -72px;
}

.social .yt a {
    background: url("../i/social.svg") no-repeat right -108px;
}

.social .in a {
    background: url("../i/social.svg") no-repeat right -144px;
}

.social .tw a {
    background: url("../i/social.svg") no-repeat right -180px;
}

/* 7.2 Копирайты */

.copyright {
    color: #777;
    text-align: center;
    background: #eee;
    padding: 15px 15px;
    font-size: 0.9em;
    border-top:1px solid #d8d8d8;

}

.copyright a {
    color:#777;


}

.copyright a:hover {
    color:#4d4d4d;
    
}



/* 8 Вверх */

#upper {
    display: none;
    position: fixed;
    bottom: 30px;
    left: 30px;
    width: 51px;
    height: 51px;
    background: #0083a5 url("../i/up_arrow.svg") no-repeat center center;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    -webkit-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.45);
    -moz-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.45);
    box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.45);
    transition: background 0.1s ease-in-out;
    z-index: 99;

}

#upper:hover {
    background-color: #0099bc;
}



.padding-top {
    padding: 30px 15px 0 15px;

}



/*карточки продуктов с рамкой на flex*/
.product-cards{
    display: flex;
    display:-webkit-flex;
    display:-ms-flex;
    flex-wrap: wrap;  
    margin:0 -15px;
}

.product-cards .product{
    padding-top:0;
}
.product-cards .product .product-wrapper{
    border:1px solid #e5e5e5;
    padding:30px 15px 30px 15px;
    box-sizing: border-box;
    height:100%;
}
.product-cards .product-wrapper:hover{
    border:1px solid #ccc;
   
    
}

.special_info{
    top:15px;
    left:8px;
    border-bottom:2px solid;
}


.product-subgroup{
    overflow:visible;
}

/*карточки продуктов с рамкой на flex (конец)*/




.article.lib ul li ul li::before,
.article.lib ul li ul li::after{
    display: none
}

.article.lib ul li ul li{
    border:none;
    padding:5px 15px;
}

.headeriten{
    padding-bottom:30px;
}

.footnote{
    font-size:14px;
    font-style:italic;
    color:#777;
    margin:20px 0;
    line-height:1.4em;
}


.image-center{
    
  
}

.image-center img{
    max-width:40%;
    margin:0 auto;
    display: block;
}
.feature_set{


}
.feature-set .collums2 img{
    width:60px;
    float:left;
    margin-right:20px;
    clear: both;
}
.feature-set .collums2 strong{
    
}
.feature-set .collums2 p{
    margin:0;
    padding-left:80px;
}


.feature-set > div{
    overflow:hidden;
    margin:30px -15px;
}


.feature-set .collums2 .footnote{
    padding-left:80px;
}


.image-right > img,
.image-left > img{
    max-width:40%;
}

.image-right > img{
    float:right;
}

.image-left > img{
    float:left;
}


.image-right,
.image-left{
    overflow: hidden;
}

.image-right p,
.image-right div{
    padding-right:42%;
}


.image-left p,
.image-left div,
.image-left h5{
    margin-left:42%;
}


.image-left p{

}


.headeritengroup{
    position:relative;
    font-size:14px;
 
}

.headeritengroup > div{
    position: absolute;
    right:0;
    top:-74px;
    
}

.headeritengroup a{
    padding-left:20px;
    margin-left:15px;
}

.headeritengroup .tools{
    background: url("../i/tools.svg") no-repeat 0 2px;

}

.headeritengroup .compatibility{
    background: url("../i/compatibility.svg") no-repeat 0 1px;
}


.headeritengroup .voip{
    background: url("../i/voip.svg") no-repeat 0 1px;
}

.badges-links{
    display:none;
}

#content .product-attributes .image-table-v{
   border:none;
}
#content .product-attributes .image-table-v td{
    padding:15px 0;
}

#content .product-attributes .image-table-v td img{
    margin-right:15px;
}
#content .product-attributes .image-table-h{
    border:none;
}


#content .product-attributes .image-table-h td{
   
}

.h-scroll{
    overflow:auto;
}


.page-error{
    width:400px;
    left:50%;
    margin-left:-200px;
    background:no-repeat center 0;
    position: absolute;
    top:50%;
    transform: translateY(-50%);
    -ms-transform: translateY(-50%);
  
}

.page-error-container{
    position: relative;
    min-height: calc(100vh - 338px);
   
    box-sizing: border-box;

}


.error404{
    background-image: url("../i/404.svg");
}


.error403{
    background-image: url("../i/403.svg");
}


.page-error-message{
    font-weight: normal;
    font-size:20px;
    padding-top:110px;
    text-align:center;
    margin:0;
}

.downloads-form select,
.change-revision-select select{
    width:100%;
    height:42px;
    box-sizing: border-box;
    color:#777;
    border:1px solid #dfdfdf;
    background:#fff url("../i/check-d.svg") no-repeat 15px 50%;
    border-radius:4px;
    padding:0 10px;
    -webkit-appearance: none;
    -moz-appearance: none;
     appearance: none;

    

}