/* 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 Общие стили*/

body {
    font-family: 'RobotoRegular', Tahoma, sans-serif;
    font-size: 16px;
    color: #3d3d3d;
}

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

}

ol{
    margin:0;
    padding:0;
}

li {
    margin: 0;
    padding: 0;

}

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


strong,
b{
    font-weight:normal;
    font-family: RobotoBold;

}


.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: 200px;
    text-align: center;
    height: 40px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    line-height: 2.5em;
    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;
}


input[type="submit"].blue-button{
    border:none;
}

/* сетка */

.row{
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;


}

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

.col-12{
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;

}
.col-11{
    -ms-flex: 0 0 91.666666%;
    flex: 0 0  91.666666%;
    max-width:  91.666666%;
}
.col-10{
    -ms-flex: 0 0 83.333333%;
    flex: 0 0  83.333333%;
    max-width:  83.333333%;
}
.col-9{
    -ms-flex: 0 0 74.999999%;
    flex: 0 0 74.999999%;
    max-width: 74.999999%;
}

.col-8{
    -ms-flex: 0 0 66.666666%;
    flex: 0 0 66.666666%;
    max-width: 66.666666%;
}

.col-7{
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
}

.col-6{
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;

}

.col-5{
    -ms-flex: 0 0 41.666666%;
    flex: 0 0 41.666666%;
    max-width: 41.666666%;
}

.col-4{
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
}

.col-3{
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;

}
.col-2{
    -ms-flex: 0 0 16.666666%;
    flex: 0 0 16.666666%;
    max-width: 16.666666%;
}
.col-1{
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
}


.col-12,
.col-11,
.col-10,
.col-9,
.col-8,
.col-7,
.col-6,
.col-5,
.col-4,
.col-3,
.col-2,
.col-1{
    box-sizing: border-box;
    padding:0 15px;
}








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

.collums2 {
    width: 50%;

}

.collums3 {
    width: 33.3%;

}

.collums4 {
    width: 25%;
}

.collums5 {
    width: 20%;

}

.collums6 {
    width: 16.6%;


}







.hardware-catalog a{
    display: block;
    text-align: center;
}
.hardware-catalog > div{
    margin-bottom:55px;
}
.hardware-catalog a img{
    margin: 0 0 6px 0;
}

.hardware-catalog .col-6{
    padding:0 40px;
}
/* 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 90px 0 150px;
	padding: 0;
    list-style-type: none;
    height:80px;
    font-size:14px;
    text-align:right;
    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: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;
		left: 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-color: #f1f1f1;
    color: #333;
}

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

#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;

}


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


#main-navigation > ul > li > ul > .level-3 ul{
    visibility: hidden;
	opacity: 0;
    position: absolute;
    top:0;
    left:250px;
    line-height: 1.5em;
    min-width: 260px;
    transition: none;
}

#main-navigation > ul > li > ul > .level-3:hover ul{
   visibility: visible;
	opacity: 1;

}

#main-navigation > ul > li > ul > .level-3 > a{
        background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' viewBox='0 0 12 12'%3E%3Cpath stroke='color(display-p3 .1961 .1961 .1961)' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m3.25 1.5 5 4.5-5 4.5'/%3E%3C/svg%3E") no-repeat 96% center;
    }




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

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


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






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

#logo {
    float: left;
    margin-top: 26px;
    width: 133px;
}

#logo {
    max-width: 100%;
}

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

#languages {
    float: right;
    margin-top: 31px;
    background: url("../i/l_arrow.svg") no-repeat right 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);
    right: 0;
    top: 29px;
    z-index: 10;
    font-size:0.85em;

}

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


#languages > a {
    color: #fff;

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

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



}

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

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

}

.pendency {
    position: absolute;
    top: -7px;
    right: 18px;
    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: 0 0;
}

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


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


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


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


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


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

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

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

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

}

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

}

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

}

#languages .l_ge a,
#header .l_ge .l_active {
    background-position: 0 -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: left;
    height: 18px;
    vertical-align: top;
    float: right;
    top: 31px;
    z-index: 2;
}

.searchbar .searchbar-inputbox {
    position: absolute;
    top: -10px;
    right: 0;
    padding: 9px 35px 9px 10px;
    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-right: 10px;
}

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

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

.searchbar.expanded .searchbar-button {
    background: url("../i/magnifier_d.svg") no-repeat 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: 2%;
    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: 8px;
    height: 8px;
    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{
    background: #0083a5;
}


.owl-carousel{
    font-family: RobotoLignt;
}


/* 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;
    right: 20px;
    top: 10px;



}

.highlight img {
    position: absolute;
    bottom: 0;
    right: 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: 1px;
    margin-left: 2px;
    background-size: 8px auto;

}

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

}

/* 6.2 Новости */
.news{
    padding:30px 0 40px 0;
}

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



}



.news .news-image{
    margin-bottom: 10px;
}

.news .news-image img{
    max-width: 100%;
}

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

.news .all-news {
    float: right;
    margin-right: 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;

}

.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 {

    padding: 20px 15px 0 15px;
    position: relative;
    font-size:14px;
}

.breadcrumbs a {
    padding: 0 15px 0 10px;
    background: url("../i/breadcrumbs_arrow.svg") no-repeat center right;
    margin-right:5px;

}

.breadcrumbs a:first-child {
    padding-left: 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: left;
    margin: 50px 0 0 15px;
    font-size:14px;
}



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

}



/* 6.5.1 Фильтр */



.filter-hide {
    display: none;
}

#smartfilter {

    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: #4d4d4d;
}

#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: 20px;
    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: 2px;
}


.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;
    right: 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;
    right: 0;
    background: url("../i/filter-arrow.svg") no-repeat;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    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;

}




.checkbox-label,
.radio-label{
    display:block;
    position: relative;
    cursor: pointer;
    padding-left:23px;

}

.checkbox-label input[type="checkbox"],
.radio-label input[type="radio"]{
    width:1px;
    height:1px;
    overflow: hidden;
    clip:rect(0 0 0 0);
     position: absolute;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;

}


.check-radio{
    display: block;
    position: absolute;
    width:16px;
    height:16px;
    box-sizing: border-box;
    top:2px;
    left:0;

}

.checkbox-label  .check-radio{
    border-radius: 3px;
    border:2px solid #bbb;
    background: none;
    transition: all 200ms;
}

.radio-label  .check-radio{
    border-radius: 30px;
    border:2px solid #bbb;
    transition: all 200ms;
}

.radio-label .check-radio::before{
    content: "";
    width:6px;
    height:6px;
    border-radius: 30px;
    background: #0083A5;
    position: absolute;
    top:3px;
    left:3px;

    transition: all 150ms;
    opacity: 0;
    transform: scale(0);
}


.checkbox-label input:checked ~ .check-radio{
    background: #0083A5 url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 6L4 9L10.5 2.5' stroke='white' stroke-width='2'/%3E%3C/svg%3E%0A");
    border:2px solid #0083A5;

}

.radio-label input:checked ~ .check-radio{
    border-color: #0083A5;

}


.radio-label input:checked ~ .check-radio::before{

    opacity: 1;
    transform: scale(1);
}
/* 6.6 Список продуктов */

.product {
    position: relative;
}

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

}

.special_info span {
    position: absolute;
    bottom: -9px;
    right: -1px;
    width: 8px;
    height: 8px;

}

.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: 25%;

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


}
/* на случай если плитки будут в притык, и у каждого 4й плитки убивать левый бордер
.products-list .product:nth-child(4n) .product-wrapper{
   border-left:none;
}
*/

.products-list .product .image {
    /*width: 105px;
    height: 105px;*/
    width: 160px;
    height: 140px;
    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;
    text-align: center;
    font-family: RobotoMedium;
    font-size:14px;
}



.products-list .product .description {
    margin: 5px 0 0 0px;
    text-align: center;
    line-height: 1.5em;
    font-size:14px;
    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 {
    display: flex;
    flex-wrap: wrap;
    padding: 30px 15px 30px 15px;
}

.product-header .product-description,
.product-header .product-images{
    flex: 0 0 50%;
    max-width: 50%; 
    box-sizing: border-box;
    padding: 0 16px;

}

.product-header .product-description{
    padding-right:0;
}






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




}

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

}

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

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

}


.product-page .blue-button {
    margin-top: 20px;
}


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


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


.product-images > div img{
    max-width: 600px;
    width:100%;
}



.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{font-size:14px;
}

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


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

.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: 0px 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: 2.9em;
    box-sizing: border-box;
    font-size:14px;

}

.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;
}

.nav-page.my-affix.add-fixed li a:hover{
    border:none;
}

.product-attributes {
    padding: 40px 15px 0 15px;

    line-height: 1.7em;
}

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


}

.product-attributes ul {

    list-style-position: inside;
}


.product-attributes ul li{
    list-style-type:square;

}


.product-attributes ul ol{
    list-style-type:decimal;
}


.product-attributes .also{

    padding:5px 0 0 0;
    border:none;

}


.product-attributes .also h4{

}
.product-attributes .also li{
    margin:26px 0;
    line-height:1.5em;

}



.product-attributes section table{
    width:100% !important;

}



.nav-page.add-fixed {
    position: fixed;
    top: 123px;
    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;
}

.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: 80px;
    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: 83px;


}

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


.block-attribute {
    padding-bottom: 50px;
    padding-top: 10px;
    overflow:hidden;
}

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


.block-attribute p{
    margin:10px 0 31px 0;
}
.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;
    padding: 0px 10px;
}

.product-attributes table td b,
.product-attributes table td strong {
    font-weight: normal;
    font-family: RobotoBold;

}

.product-attributes table th {
    text-align: left;
    font-size: 1.3em;

    font-weight: normal;
    padding: 45px 30px 20px 30px;
    color: #0083a5;
    border-bottom: 1px solid #e1e1e1;


}

.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;
}

.video-wrapper.stand-video{
    max-width: 100%;
    margin-bottom:50px;
}

.video-wrapper.stand-video .video{
    padding-bottom:53.60%;

}

.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 {
    display: inline-block;

    padding-left: 42px;
    line-height: 1.4em;
}

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

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







.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;
}
.sub-content-block.serts .sert:last-child{
    border-bottom: 1px solid #e1e1e1;
}
.downloads .download {
    overflow: hidden;
}

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

.downloads .download > span span {
    color: #999;
}

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

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


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


}

.collumns-downloads{
    display: -webkit-flex;
    display: -ms-flex;
    display:flex;

}

.collumns-downloads .downloads-links{
    width:auto;
    float: none;

}

.collumns-downloads > div{
 box-sizing: border-box;


}

.collumns-downloads   .downloads-links{
   flex: 0 0 320px;
   margin-left:auto;
}

.collumns-downloads .links-block-download{
    padding-left:40px;
}

.collumns-downloads .downloads-links a{
    float:none;
}

.downloads .download > p{
    padding-left:42px;
    margin:0;
}

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


#content .serts-list .sert {
    background-position: 30px 17px;

}


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

}


.footnote {


}

.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;
}

.footnote.no-margin {
    margin:0;
}

.product-images .rewards img {
    max-width: 72px;
    max-height: 126px;
}


.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%;
    min-height:183px;
    float:left;
    box-sizing: border-box;
    padding:0 10px;
    margin-bottom:20px;
    font-size:14px;

}

.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 18px 0 12px;
    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;
    right: 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: 1.3em;
    list-style: none;
    outline: none;
    padding: 10px 15px;
    text-align: left;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
    text-wrap: wrap;
}

.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;

}

.news-block > div a {
    color: #4d4d4d;
    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;
    line-height: 1.7em;
}


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

.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.4em;
    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;
    right: 40px;
    min-width: auto;
    height: 46px;

    border-radius: 2px;
    line-height: 3.1em;
}

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



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

.search-result > div {
    border-bottom: 1px solid #e1e1e1;
    padding: 30px 0;
    position: relative;
    padding-left: 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;
    left: 0;
    margin-right: 15px;
    color: #4d4d4d;
    top: 30px;
    width: 28px;
    height: 28px;
    border-radius: 4px;
    text-align: center;
    background: #ebebeb;
    line-height: 2em;
    font-size: 0.9em;
    font-family: RobotoRegular;
}


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

}

.search-description {
    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.3em;
    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: 12px;


}


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



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

}


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

}


#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 15px;
    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: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;
    right: 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(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -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.5em;
    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,
.suport-page .content-right 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: 24px;
    left: 18px;
    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-left: none;
    border-top: none;

}

.serts-links li::before,
.tabs-content-m li::before,
.suport-page .content-right 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: 26px;
    left: 15px;
    background: #4d4d4d;
    width: 8px;
    height: 1px;

}

.tabs-content-m li::after,
.suport-page .content-right li::after{
    left: 3px;
    top: 9px;
}

.tabs-content-m li::before,
.suport-page .content-right li::before{
    left: 0;
    top: 11px;
}

#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-left: none;
}

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

}


.side-menu > li a {
    display: block;
    padding: 20px 15px 20px 0;
    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;
}

.side-menu.two-block{
    border:none;
}

.side-menu.two-block > li{
    border-right:1px solid #e1e1e1;
}

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

}

.additional-block{
    margin-top:30px;
}


.additional-block li{
    border-bottom: 1px solid #e1e1e1;
}

.additional-block li a{
    color:#4d4d4d;
    display: block;
    padding:20px 20px 20px 0;
}


.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.3em;

}



.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;
    font-size: 1em;
    font-family: RobotoRegular;
}
.education-page .content-right figure{
    margin:28px 0 0 0;
    text-align: center;
}


.education-page .content-right figure figcaption{
    font-style: italic;
}
.education-page .content-right img{
    max-width: 100%;
    height:auto !important;
}

.suport-page .sidebar-left{
    margin-top: 20px;
}


.suport-page .content-right ul{
    margin-top:40px;
}

.suport-page .content-right ul > strong{
    font-weight: normal;
    font-family: RobotoRegular;
    font-size:1.25em;
}

.suport-page .content-right ul li strong{
    font-weight: normal;
    font-family: RobotoBold;
}


.support-header-content h3,
.education-header-height h3 {
    font-weight: normal;
    font-size: 2.7em;
    max-width: 40%;
    color: #4d4d4d;
    line-height: 1.2em;
    margin: 80px 0 30px 0;
    font-family: RobotoLignt;
}

.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: "5465";

}

@keyframes pulse {

    0% {
        content: "5465";

    }

    50% {
        content: "LINK";

    }

}




.support-header-content > div {}


.support-header-content .phone-description {

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


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


.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;






}

.tabs-links li a{
    color:#323232;
    display:block;
    height:100%;
}


.suport-page .tabs-links{
    font-size:14px;
}
.suport-page .tabs-links li{
    width:20%;
    float:left;
}

.tabs-links {
    overflow: hidden;
    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 > .tab_bar{
    padding:0;
}


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

#wrapper .suport-page .content-right li{
    margin:20px 0;
}

.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.5em;
    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"],
.search-rma-form input[type="text"],
.registration-block textarea{
    display: block;
    width: 100%;
    box-sizing: border-box;
    border: 1px solid #e5e5e5;
    border-radius: 4px;
    height: 40px;
    padding: 0 15px;
    color: #4d4d4d;
}


.registration-block.rma-block textarea{
    height: auto;
    padding:15px;
}

.registration-block input[type="text"]:hover,
.registration-block input[type="text"]:active,
.registration-block textarea:hover,
.registration-block textarea: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,
.registration-block > div{
    margin-bottom: 35px;
}

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

}


.registration-block h3{
    font-weight:normal;
    font-family: RobotoRegular;
    font-size:1.4em;
}

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


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


.rma-block h4{
    font-weight: normal;
    font-size:1.3em;
    margin:0 0 40px 0;
    color:#444;
}
.button-reg {
    text-align: right;
    margin-top: 20px;
    padding: 0 15px;

}
.rma-block{
    width:50%;
}


.search-rma h3,
.search-rma h4{
    font-weight: normal;
    font-size:1.3em;
    margin:0 0 40px 0;
    color:#444;
}

.search-rma h4{
    font-size:1em;
    font-family: RobotoMedium;
    margin-bottom:30px;
}
.search-rma-form{
    background: #eee;
    padding:30px ;
    border-radius: 4px;
}

.search-rma-form div > div{
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;

}

.search-rma-form form > div{
    margin-bottom:30px;
}
.search-rma-form form > div:last-child{
    margin-bottom:0;
}




.search-rma-form div > div input[type="submit"]{
  min-width: 120px;
  margin-left:15px;
}

.rma-block .blue-button{
    padding:0 20px;
}
.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;
    font-size:14px;
}

.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: 40%;
    display: inline-block;
    padding: 0 5px;
    font-size: 0.9em;
}


.buy-select form > div:first-of-type{
    width: 20%;
}

.buy-select form > div span {
    display: block;
    margin-bottom: 3px;
    font-family: RobotoRegular;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.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: left;
    font-weight: normal;
    border-bottom: 1px solid #e1e1e1;
    font-family: RobotoRegular;
    padding: 15px 0;
    vertical-align: top;
}

.buy-table table td {
    text-align: left;
    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-left: 17px;


}

.buy-anchors ul li::after {
    top: 7px;
    left: 3px;
}

.buy-anchors ul li::before {
    top: 9px;
    left: 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-left: 25px;
}

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


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

.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-left: 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 15px 25px 55px;
    background-position: 15px 26px
}



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

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

.download-name span {
    display: block;
}

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





.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: 18px;
}


.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;
}

.popup-notice{
    max-width: 518px;
    box-sizing: border-box;
    text-align: center;
}
.notice-icon{
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='88' height='78' fill='none' viewBox='0 0 88 78'%3E%3Cpath fill='%23939393' fill-rule='evenodd' d='m49.397 3.919 37.205 63.809c2.332 4-.553 9.022-5.184 9.022H7.01c-4.63 0-7.515-5.022-5.183-9.022L39.03 3.919c2.315-3.97 8.051-3.97 10.366 0ZM47.67 4.926c-1.543-2.646-5.367-2.646-6.91 0L3.553 68.736c-1.555 2.666.368 6.014 3.455 6.014h74.41c3.086 0 5.01-3.348 3.455-6.015L47.669 4.926Z' clip-rule='evenodd'/%3E%3Cpath fill='%23939393' d='m45.654 30.454-.194 21.791h-2.625l-.194-21.79h3.013Zm-1.506 30.77a2.104 2.104 0 0 1-1.522-.627A2.104 2.104 0 0 1 42 59.076c0-.597.209-1.104.626-1.521a2.104 2.104 0 0 1 1.522-.627c.586 0 1.088.21 1.506.627.428.417.641.924.641 1.521 0 .388-.099.746-.298 1.074a2.189 2.189 0 0 1-.775.79 2.062 2.062 0 0 1-1.074.284Z'/%3E%3C/svg%3E");
    width:88px;
    height:78px;
    margin:10px auto 30px auto;

}
.popup-notice h3{
    font-weight: normal;
    font-size:21px;
    margin:0 0 20px 0;
}
.popup-notice .notice_description{
    color:#777;
    line-height: 134.523%;
    margin:10px 0;
}

.popup-notice .gray-button.light{
    background:#E9E9E9;
    color:#333;
    position: static;
    font-size:16px;
    height:40px;
    line-height:2.5em;
    padding:0;
    font-family: 'RobotoRegular';
    opacity: 1;
}

.popup-notice .gray-button.light:hover{
    background:#d4d4d4;
}


.notice_buttons{
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    gap: 8px;
    margin-top:50px;
}

.notice_buttons a{
    flex: 1 0 0;
}

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

}

.change-revision .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: right;
    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 35px;
    border-bottom: 1px dashed #ccc;
    background: url("../i/faq2.svg") no-repeat 0 22px;

}


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

.faq-group-list > li{

    background: url(../i/faq.svg) no-repeat 0 17px;
    padding:15px 15px 15px 34px;
}

.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{
    padding-left:20px;
}
.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;
    right: 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: left;
}


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


.education-header-height {
    height: 400px;
    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;

}

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

.article ul li {

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

.article div {


}

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

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

.article td {
    vertical-align: top;
}



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

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

.x-com div {
    float: left;
}

.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: 50%;
    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;
    display: -webkit-flex;

}


.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.7em;
    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: RobotoBold;
}

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


.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.6em;
    text-transform: uppercase;
    font-size:16px;
}


.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:left;
    width:50%;

    display: block;
}


#send-resum .blue-button{
  font-size:16px;
}



.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;
}

#content .buy-table.reg-seminars table td{
    padding:15px 30px 15px 0;
}

#content .buy-table.reg-seminars table td:last-child{
    padding-right:0;
}

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

}

.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-right:0;
    font-family: RobotoMedium;
}

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


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


.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-right:10px;
}

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

.registration-block.seminar-reg .collum div .necessarily-star{
    position: absolute;
    right: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;
}


.registration-block.seminar-reg{
    margin-top:50px;
}

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

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

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


.office .office-info{

 overflow: hidden;
}

.office .office-img{
    margin-left:600px;


}

.office-map-container{
    padding:0 15px;
}


.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;
}

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

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

.social .ms a {
    background: url("../i/social.svg") no-repeat right -288px;
}
.social .rt a{
    background: url("../i/social.svg") no-repeat right -216px;



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

/* 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;
}
#upper[style="display: block;"]{
    opacity: 0;

    -webkit-animation: slide-bottom 150ms ease-out normal forwards;;
    animation: slide-bottom 150ms ease-out normal forwards;
}


@keyframes slide-bottom{
    0%{
        opacity: 0;
        -webkit-transform: translateY(81px);
        transform: translateY(81px);
    }


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


}


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

}


#content table,
.product-attributes table{
			border-collapse: collapse;
            border:1px solid #ccc;
            width:100% !important;
        }
#content table td,
.product-attributes table td{
			padding:10px 15px;
        }


#content .buy-table table{
    border:none;

}


#content .article.books table{
    border:0;
}




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

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


}

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

.product .special_info{
    right:-1px;
}
.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 calc(100% - 10px) 50%;
    border-radius:4px;
    padding:0 10px;
    -webkit-appearance: none;
    -moz-appearance: none;
     appearance: none;



}



#Stage{
    margin:0 auto;
}




.w1140{
    max-width:1140px;
    margin:0 auto;
}



.w750{
    max-width:750px;
    margin:0 auto;
}

.stand-images{
    text-align: center;
    padding-top:30px;

    box-sizing: border-box;
}
.stand-images img{
    max-width: 75%;
}

.stands p,
.stand-block{
    margin:46px 0;
}

.product-attributes .stand-table ul li{
    list-style-type: none;
    margin:0 0 0 18px;

}

.product-attributes .stand-table .no-margin li{
    margin:0;
}

.product-attributes .stand-table .no-margin li li{
    margin-left:18px;
}


.stand-table p{
    margin:0 0 0 0;
}

.stand-table{
    margin-top:40px;
}
.stands li{
    margin:16px 0;
}
.product-attributes .stand-list-marker li{
    list-style-type: none;
    position: relative;
    padding-left:26px;
}

.stand-list-marker li:before{
    content:"";
    display: block;
    position: absolute;
    top: 12px;
    left: 0;
    width:5px;
    height:5px;
    background:#0083a5;

    color: #383838;
}
.numbered-list{
    counter-reset: li;
    list-style-type:none;

}

.numbered-list li{
    position:relative;
    padding-left:26px;
}

.numbered-list li:before{
    content: counter(li, decimal) ".";
    counter-increment: li;
    display: block;
    position: absolute;
    top: 0;
    left: 0;

    color: #383838;
    font-family: RobotoBold;

}

.stand-block p{
    margin:16px 0;
}

.stand-img .revision-image > div a{
    width:300px;
    height:195px;
}


/*сообщения*/

#message-wrapper{
    min-height:calc(100vh - 497px);
    display: flex;
    display: -webkit-flex;
    padding:30px 0;
    align-items: center;
    justify-content: center;
    -webkit-align-items: center;
    -webkit-justify-content: center;
    box-sizing: border-box;
}

#message{
    width:720px;
    box-sizing: border-box;
    padding:80px 30px 80px 30px;
    background: #fff;
    box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.1);
}

#message-icon{
    width:108px;
    height:108px;
    margin:0 auto;
    margin-bottom:20px;
}


#message-icon.done-icon{
    background: url("data:image/svg+xml,%3Csvg width='108' height='216' viewBox='0 0 108 216' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M29.5858 136.586C30.3668 135.805 31.6332 135.805 32.4142 136.586L54.5 158.672L76.5858 136.586C77.3668 135.805 78.6332 135.805 79.4142 136.586C80.1953 137.367 80.1953 138.633 79.4142 139.414L57.3284 161.5L79.4142 183.586C80.1953 184.367 80.1953 185.633 79.4142 186.414C78.6332 187.195 77.3668 187.195 76.5858 186.414L54.5 164.328L32.4142 186.414C31.6332 187.195 30.3668 187.195 29.5858 186.414C28.8047 185.633 28.8047 184.367 29.5858 183.586L51.6716 161.5L29.5858 139.414C28.8047 138.633 28.8047 137.367 29.5858 136.586Z' fill='%23D13E3E'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M54 216C83.8234 216 108 191.823 108 162C108 132.177 83.8234 108 54 108C24.1766 108 0 132.177 0 162C0 191.823 24.1766 216 54 216ZM54 212C81.6142 212 104 189.614 104 162C104 134.386 81.6142 112 54 112C26.3858 112 4 134.386 4 162C4 189.614 26.3858 212 54 212Z' fill='%23D13E3E'/%3E%3Cpath d='M84.399 34.5707C85.1884 35.3433 85.2019 36.6096 84.4293 37.399L49.1929 73.399C48.8167 73.7834 48.3015 74 47.7636 74C47.2258 74 46.7106 73.7834 46.3343 73.399L30.5707 57.2937C29.7981 56.5043 29.8117 55.2381 30.601 54.4654C31.3904 53.6928 32.6567 53.7064 33.4293 54.4958L47.7636 69.1408L81.5707 34.601C82.3433 33.8117 83.6096 33.7981 84.399 34.5707Z' fill='%234C9B58'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M54 108C83.8234 108 108 83.8234 108 54C108 24.1766 83.8234 0 54 0C24.1766 0 0 24.1766 0 54C0 83.8234 24.1766 108 54 108ZM54 104C81.6142 104 104 81.6142 104 54C104 26.3858 81.6142 4 54 4C26.3858 4 4 26.3858 4 54C4 81.6142 26.3858 104 54 104Z' fill='%234C9B58'/%3E%3C/svg%3E%0A") no-repeat;
}

#message-icon.error-icon{

}

#message-text{
    text-align:center;

}

#message-text h2{
    margin:0;
    font-weight: normal;
    color:#4d4d4d;
    font-size:22px;
}

#message-number-error{
    text-align: center;
    color:#0083A5;
    font-size: 115px;
    margin-bottom:-10px;
    margin-top:-30px;

}



.protection_policy_list{
    counter-reset:num;
    list-style-type: none;
    padding-top:2px;
}


.protection_policy_list li{
    counter-increment: num;
}

.protection_policy_list li::before {
	content: counter(num) '.';
}





.protection_policy_list ol{
    counter-reset:num2;
    list-style-type: none;
}



.protection_policy_list ol > li{
    counter-increment: num2;
}

.protection_policy_list ol > li::before {
    content: counter(num) '.' counter(num2) '.';
}




.protection_policy_list ol ol{
    counter-reset:num3;
    list-style-type: none;
}


.protection_policy_list ol ol > li{
    counter-increment: num3;
}

.protection_policy_list ol ol> li::before {
    content: counter(num) '.' counter(num2) '.' counter(num3) '.';
}



.protection_policy_list > li{
    margin-bottom:55px;
}



.protection_policy_list > li li{
    margin-top:22px;
}


.protection_policy_list  li ol{
    margin-left:30px;
}

.search-link .special_info,
.result-line .special_info{
    position: relative;
    top:-3px;
    left:8px;
    display: inline-block;
    
}

.search-link .special_info span,
.result-line .special_info span{
    display: none;
}

.rev-label{
    font-size: 14px;
    color: #999999;
    line-height: 1em;
}

.nav-page.add_recom li{
    width:12.5%
}







.tab__header {
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    
  }
  
  .tab__header > div {
    border-radius:60px;
    border:1px solid #E8E8E8;
    padding:4px 16px;
    margin:0 2px;
    transition: all 100ms;
   
  }
  
  .tab__header > div:hover {
    background: #0083A5;
    cursor: pointer;
    color:#fff;
    border:1px solid #0083A5;
  }
  
  .tab__header > div.tab__header--active {
    background: #0083A5;
    color:#fff;
    border:1px solid #0083A5;
    cursor: default;
  }
  
  .tab__content {
    display: block;
    clear: both;

    height: inherit;
  
   
  }
  .recommend_img{
   text-align: center;
   margin-bottom:44px;
  }
  .recommend_img img{
    max-width: 100%;
  }
  .tab__content > div {
 
    display: none;
  }

  .tab__content .tab__header > div{
    border-radius:0;
    border:none;
    margin:0;
    transition:none;
  }

  .tab__content .tab__header > div:hover,
  .tab__content .tab__header > .tab__header--active{
   background:none;
   position: relative;
   color:#0083A5;
  }

  .tab__content .tab__header > .tab__header--active::before{
    content: "";
    position: absolute;
    left:0;
    right:0;
    bottom:0;
    height:2px;
    background: #0083A5;
  }
  
  .tab__content > div.tab__content--active {
    display: block;
  }

  .splide .special_info{
    right:0;
  }
  
  .splide{
    margin:0 auto;
  }

  .tab__content .products-list{
    padding-top:32px;

  }

  .products-list .product .name{
    color:#0083A5;
  }

  .owl-dots {
    display: none;
  }

  .product-features{
    padding-top:26px;
    color:#777;
  }

  .product-features li{
    padding:8px 0 8px 16px;
    position:relative;

 
  }

  .product-features li::before{
    content: "";
    display: block;
    width:5px;
    height:5px;
    background: #0083A5;
    position: absolute;
    top:16px;
    left:0;
    border-radius: 10px;;
    
  }


  .product-description .nav-page{
    margin:0;
  }

  .product-description .blue-button{
    max-width:300px;

  }

 .links-сatalog {
     display: flex;
     flex-wrap: wrap;
     justify-content: flex-end;
     gap:22px;
 }

 .links-сatalog > div {
     display: flex;
     flex-direction:column;
     gap:10px;

 }

 .headeritengroup .links-сatalog a {
     display: block;
     margin-left:0;
  
 }



 .product-section-banner{
    position: relative;
 }

 .product-section-banner img{
    display: block;
    width: 100%;
 }

 .product-banner-content{
    position: absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
   
 }


 .product-banner-content .width{
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
 }

  .product-banner-content .width > div{
    width: 50%;
    box-sizing: border-box;
  }

.product-banner-content h2{
           font-family: RobotoLignt;
           font-weight: normal;
           font-size:44px;
           margin:0 0 10px 0;
    }


.product-banner-content p{
    color: #6a6a6a;
    font-size: 18px;
    font-weight: normal;
    line-height: 1.5em;

}

.products-instructions{
    border-bottom:1px solid #e5e5e5;
    padding-bottom:60px;
}

.products-instructions .row{
    justify-content:center;
    margin: 0;
}

.products-instructions .row img{
    max-width: 100%;
}

.products-instructions h3{
    font-weight: normal;
    font-size:24px;
    text-align: center;
    margin:60px 0 46px 0;
}

.popup-content {
  position: relative;
  text-align: left;
 

}

.popup-content img {
  display: block;
  max-width: 100%;
  max-height: calc(100vh - 60px)
   
}

.popup-link {
  position: absolute;
  z-index: 10;
  bottom:20px;
  left:50%;
 transform: translateX(-50%);
  display: inline-block;
  padding: 10px 20px;
 background: rgba(24, 24, 24, 0.8);
  color: #fff;
  text-decoration: none;
  border-radius: 100px;
  transition: all 300ms;
}

.popup-link:hover{
    background: rgba(24, 24, 24, 1);

}


.mfp-close {
  color: #fff;
  font-size: 32px;
  right: -10px;
  top: -10px;
}



.popup-content{
    display: inline-block;
  
  
}


.img-name{
    display: block;
    text-align: center;
    margin-top:15px;
    color:#323232;
}

.product-section .sidebar-left{
    margin-top:0px;
}

#content .links-block{
    text-align: center;
    padding-top:50px;
}

.links-block a{
    text-decoration: underline;
    margin:0 16px;
}