/* font */
 @font-face {
     font-family: 'Roboto', sans-serif;
}
/* body */
 html, body {
     font-family: 'Roboto', sans-serif;
     font-weight:400;
     font-style:normal;
     font-size:16px;
     text-indent:0;
     text-align:left;
     width:100%;
     min-width:1180px;
     height:100%;
     margin:0 auto;
     padding:0;
     -webkit-text-size-adjust: none;
     position:relative;
}
 .compensate-for-scrollbar{
     box-sizing: border-box;
}
 @media all and (max-width: 1200px) {
     html, body {
         min-width:1010px;
    }
}
 @media all and (max-width: 1020px) {
     html, body {
         min-width:710px;
    }
}
 @media all and (max-width: 720px) {
     html, body {
         min-width:400px;
    }
}
 body img {
    border:none;
}
 a {
    text-decoration:none;
     cursor:pointer;
}
 a:hover, a:not(:hover), a:hover::before, a:not(:hover)::before, a:hover::after, a:not(:hover)::after {
     -webkit-transition: All 0.2s ease;
     -moz-transition: All 0.2s ease;
     -o-transition: All 0.2s ease;
     -ms-transition: All 0.2s ease;
     transition: All 0.2s ease;
}
 .clear {
    clear:both;
}
 .svgSprite {
     display: none;
     width:0px;
     height:0px;
}
 div#mobile-menu a.user svg.icon{
     width:17px;
     height:17px;
}
 div#mobile-menu a.favorites svg.icon{
     width:16px;
     height:15px;
}
 div#mobile-menu a.comparison svg.icon{
     width:14px;
     height:17px;
}
 div#mobile-menu a.search svg.icon{
     width:19px;
     height:19px;
}
 div#top.content a.favorites svg{
     width:16px;
     height:15px;
}
 div#top.content a.favorites .fcard__counter, div#top.content a.comparison .ccard__counter{
     display: block;
     position: absolute;
     top: -3px;
     left: 100%;
     transform: translate(-50%, 0);
     font-size: 10px;
     border-radius: 20px;
     padding: 1.5px 4px;
     line-height: 1;
}
 div#top.content a.comparison svg{
     width:14px;
     height:17px;
}
 ul {
     margin:0;
     padding:0;
}
 ul li {
     padding:0;
     margin:0;
     list-style-type: none;
}
 #page {
     width:100%;
     overflow:hidden;
     padding:0;
     margin:0;
     position:relative;
}
 .wrapper {
     width:100%;
     padding:0;
     margin:0;
     position:relative;
}
 .content {
     width:1140px;
     padding:0;
     margin:0 auto;
     position:relative;
    /* z-index:5;
     */
}
 @media all and (max-width: 1200px) {
     .content {
         width:960px;
    }
}
 @media all and (max-width: 1020px) {
     .content {
         width:660px;
    }
}
 @media all and (max-width: 720px) {
     .content {
         width:360px;
    }
}
/* top */
 #top {
     padding:5px 0 5px 0;
     display: flex;
}
 #top a.nav {
     font-size:12px;
     line-height:18px;
     margin:0 15px 0 0;
}
 #top .log-reg {
     font-size:12px;
     line-height:18px;
     margin:0 0 0 15px;
}
 #top .log-reg a {
     font-size:12px;
     line-height:18px;
     margin:0;
     cursor:pointer;
}
 #top .line {
     width:1px;
     height:12px;
     padding:0;
     margin:3px 15px 0 15px;
}
 #top a.favorites, #top a.comparison {
     width:18px;
     height:18px;
     position:relative;
     display:flex;
     justify-content:center;
     align-items:center;
}
 #top a.favorites {
     margin:0 15px;
}
 #top a.comparison {
     margin:0 15px 0 0;
}
 #top a:hover {
     opacity:0.5;
}
 @media all and (max-width: 1020px) {
     #top-w {
         display:none;
    }
}
/* header */
 #header {
     padding:20px 0 20px 0;
     display: flex;
}
 #header a.logo div.logoPlaceZS {
     height:100%;
     width:270px;
}
 #header a.logo div.logoPlaceZS svg{
     height:66px;
     width:270px;
}
 #header a.logo img.rootLogo {
     max-height:75px;
     max-width:270px;
}
 .menu-button {
     display:none;
     width:24px;
     height:22px;
     padding:0;
     margin:14px 0 0 30px;
     position:relative;
     z-index:50;
     cursor:pointer;
     transition:all .4s;
     box-sizing:border-box;
}
 .menu-button span {
     display:inline-block;
     transition:all .4s;
     box-sizing:border-box;
}
 .menu-button span {
     position:absolute;
     height:2px;
     border-radius:4px;
}
 .menu-button span:nth-of-type(1) {
     width:100%;
     top:0;
     left:0;
}
 .menu-button span:nth-of-type(2) {
     width:100%;
     top:10px;
     right:0;
}
 .menu-button span:nth-of-type(3) {
     width:100%;
     top:20px;
     left:0;
}
/* menu-button animation */
 .menu-button.active-1 span:nth-of-type(1) {
     width:30px;
     top:-10px;
     -webkit-transform: translateY(20px) rotate(-45deg);
     transform: translateY(20px) rotate(-45deg);
}
 .menu-button.active-1 span:nth-of-type(2) {
     width:30px;
     right:50%;
     opacity:0;
     -webkit-animation: active-menu-bar01 .4s forwards;
     animation: active-menu-bar01 .4s forwards;
}
 @-webkit-keyframes active-menu-bar01 {
     100% {
         height: 0;
    }
}
 @keyframes active-menu-bar01 {
     100% {
         height: 0;
    }
}
 .menu-button.active-1 span:nth-of-type(3) {
     width:30px;
     top:30px;
     -webkit-transform : translateY(-20px) rotate(45deg);
     transform : translateY(-20px) rotate(45deg);
}
 #header a.logo {
     text-align:left;
     font-size:24px;
     line-height:30px;
     padding:0;
     margin:0;
}
 #header a.logo span {
     padding:0 0 0 40px;
     margin:0;
     display:inline-block;
}
 .header-1 {
     margin:0 70px 0 60px;
}
 .header-2 {
}
 .header-3 {
     margin-left: auto;
}
 #header a.tel {
     font-size:18px;
     line-height:28px;
     padding:0 0 0 35px;
     margin:0;
     position:relative;
     display:inline-block;
     white-space: nowrap 
}
 #header .address {
     max-width:340px;
     font-size:14px;
     line-height:20px;
     padding:0 0 0 30px;
     margin:0 0 10px 0;
     position:relative;
     display:block;
}
 #header .address a span {
     font-size:14px;
     line-height:14px;
     display:inline-block;
}
 #header a.mail {
     font-size:14px;
     line-height:20px;
     padding:0 0 0 30px;
     margin:0;
     position:relative;
     display:inline-block;
}
 #header a.basket {
     font-size:14px;
     line-height:20px;
     padding:0 0 0 35px;
     margin:0;
     position:relative;
     display:inline-block;
}
 #header a.tel:hover, #header a.mail:hover, #header a.basket:hover, #header .address a:hover, #header a.address:hover {
     opacity:0.5;
}
 #header a.tel svg.icon, #header p.address svg.icon, #header a.mail svg.icon, #header a.basket svg.icon {
     position:absolute;
     top:3px;
     left:0;
     z-index:auto;
}
 div#header a.tel svg.icon{
    width:23px;
     height:23px;
}
 div#header p.address svg.icon{
    width:16px;
     height:22px;
}
 div#header a.mail svg.icon{
    width:19px;
     height:15px;
}
 div#header a.basket svg.icon{
    width:24px;
     height:23px;
}
 #header .button, #header a.button {
     text-align:center;
     font-size:14px;
     line-height:24px;
     width:160px;
     height:24px;
     padding:0;
     margin:5px 0 0 35px;
     outline:none;
     cursor:pointer;
     -webkit-appearance: none;
     -moz-appearance:none;
     border:none;
     border-radius:0;
     -webkit-border-radius:0;
     -moz-border-radius:0;
     -khtml-border-radius:0;
     display:block;
}
 a.button:hover, .button:hover {
     opacity:0.5;
}
 .button:hover, .button:not(:hover) {
     -webkit-transition: All 0.2s ease;
     -moz-transition: All 0.2s ease;
     -o-transition: All 0.2s ease;
     -ms-transition: All 0.2s ease;
     transition: All 0.2s ease;
}
 @media all and (max-width: 1200px) {
     .header-1 {
         margin:0 50px 0 50px;
    }
     #header .address {
         max-width:280px;
         font-size:14px;
         line-height:20px;
         padding:0 0 0 30px;
         margin:0 0 10px 0;
         position:relative;
         display:inline-block;
    }
}
 @media all and (max-width: 1020px) {
     #header {
         padding:10px 0 10px 0;
         text-align:center;
    }
     #header-w{
         box-shadow:0 2px 5px 2px #E5E5E5;
         margin-bottom: 10px;
    }
     .menu-button {
         display:block;
         width:24px;
         height:22px;
         padding:0;
         margin:2px 0 0 30px;
         position:relative;
         z-index:50;
         cursor:pointer;
         transition:all .4s;
         box-sizing:border-box;
    }
     #header a.logo div.logoPlaceZS {
         height:100%;
         width:100px;
    }
     #header a.logo div.logoPlaceZS svg{
         width: 100px;
         height: 24px;
    }
     #header a.logo {
         font-size:24px;
         line-height:30px;
         padding:0;
         margin:0;
    }
     #header a.logo img.rootLogo, #header a.logo svg{
         max-height:45px;
         max-width: 100px;
    }
     #header a.logo span {
         padding:0;
         margin:0;
         display:inline-block;
    }
     .header-1 {
         margin:0 auto;
         display:inline-block;
    }
     .header-2 {
         display:none;
    }
     #header a.tel {
         font-size:20px;
         line-height:28px;
         padding:0;
         margin:0 0 0 0;
         position:relative;
         display:inline-block;
    }
     #header a.tel svg {
         display:none;
    }
     #header .address {
         max-width:340px;
         font-size:14px;
         line-height:20px;
         padding:0 0 0 30px;
         margin:0;
         position:relative;
         display:inline-block;
    }
     #header .address a span {
         font-size:14px;
         line-height:14px;
         display:inline-block;
    }
     #header a.mail {
         font-size:14px;
         line-height:20px;
         padding:0 0 0 30px;
         margin:10px 0 0 0;
         position:relative;
         display:inline-block;
    }
     #header a.basket {
         font-size:0;
         line-height:0;
         padding:0 0 0 40px;
         margin:0px 0 0 0;
         position:relative;
         display:block;
    }
     #header a.basket span#summ {
         min-width:15px;
         font-size:10px;
         line-height:20px;
         padding:0 5px;
         margin:0;
         display:inline-block;
         position:absolute;
         top:0;
         right:0;
         z-index:auto;
         border-radius:30px;
         -webkit-border-radius:30px;
         -moz-border-radius:30px;
         -khtml-border-radius:30px;
    }
     #header a.tel:hover, #header a.mail:hover, #header a.basket:hover, #header .address a:hover, #header a.address:hover {
         opacity:0.5;
    }
     #header .button, #header a.button {
         text-align:center;
         font-size:14px;
         line-height:24px;
         width:150px;
         height:24px;
         padding:0;
         margin:5px 0 0 35px;
         outline:none;
         cursor:pointer;
         -webkit-appearance: none;
         -moz-appearance:none;
         border:none;
         border-radius:0;
         -webkit-border-radius:0;
         -moz-border-radius:0;
         -khtml-border-radius:0;
         display:none;
    }
     a.button:hover, .button:hover {
         opacity:0.5;
    }
     .button:hover, .button:not(:hover) {
         -webkit-transition: All 0.2s ease;
         -moz-transition: All 0.2s ease;
         -o-transition: All 0.2s ease;
         -ms-transition: All 0.2s ease;
         transition: All 0.2s ease;
    }
}
 @media all and (max-width: 720px) {
     #header {
         padding:10px 0 10px 0;
         text-align:center;
    }
     .menu-button {
         display:block;
         width:24px;
         height:18px;
         padding:0;
         margin:2px 0 0 20px;
         position:relative;
         z-index:50;
         cursor:pointer;
         transition:all .4s;
         box-sizing:border-box;
    }
     .menu-button span:nth-of-type(1) {
         width:100%;
         top:0;
         left:0;
    }
     .menu-button span:nth-of-type(2) {
         width:100%;
         top:8px;
         right:0;
    }
     .menu-button span:nth-of-type(3) {
         width:100%;
         top:16px;
         left:0;
    }
     #header a.logo {
         font-size:15px;
         line-height:20px;
         padding:0;
         margin:0;
    }
     #header a.logo span {
         padding:0;
         margin:0;
         display:inline-block;
    }
     .header-1 {
         margin:0 auto;
         display:inline-block;
    }
     .header-2 {
         display:none;
    }
     #header a.tel svg {
         display:none;
    }
     #header .address {
         max-width:340px;
         font-size:14px;
         line-height:20px;
         padding:0 0 0 30px;
         margin:0;
         position:relative;
         display:inline-block;
    }
     #header .address a span {
         font-size:14px;
         line-height:14px;
         display:inline-block;
    }
     #header a.mail {
         font-size:14px;
         line-height:20px;
         padding:0 0 0 30px;
         margin:10px 0 0 0;
         position:relative;
         display:inline-block;
    }
     #header a.basket {
         font-size:0;
         line-height:0;
         padding:0 0 0 40px;
         margin:0 0 0 0;
         position:relative;
         display:block;
    }
     #header a.basket span#summ {
         min-width:15px;
         font-size:10px;
         line-height:20px;
         padding:0 5px;
         margin:0;
         display:inline-block;
         position:absolute;
         top:0;
         right:0;
         z-index:auto;
         border-radius:30px;
         -webkit-border-radius:30px;
         -moz-border-radius:30px;
         -khtml-border-radius:30px;
    }
     #header a.tel:hover, #header a.mail:hover, #header a.basket:hover, #header .address a:hover, #header a.address:hover {
         opacity:0.5;
    }
     #header .button, #header a.button {
         text-align:center;
         font-size:14px;
         line-height:24px;
         width:150px;
         height:24px;
         padding:0;
         margin:5px 0 0 35px;
         outline:none;
         cursor:pointer;
         -webkit-appearance: none;
         -moz-appearance:none;
         border:none;
         border-radius:0;
         -webkit-border-radius:0;
         -moz-border-radius:0;
         -khtml-border-radius:0;
         display:none;
    }
     a.button:hover, .button:hover {
         opacity:0.5;
    }
     .button:hover, .button:not(:hover) {
         -webkit-transition: All 0.2s ease;
         -moz-transition: All 0.2s ease;
         -o-transition: All 0.2s ease;
         -ms-transition: All 0.2s ease;
         transition: All 0.2s ease;
    }
}
/* menu */
 .menu {
     padding:0;
     margin:0 auto;
     text-align:center;
     z-index:41;
}
 .menu ul{
     display: flex;
     justify-content: center;
     flex-wrap: wrap 
}
 .menu li {
     position:relative;
     display:inline-block;
}
 .menu li a {
     text-align:center;
     font-size:17px;
     line-height:43px;
     padding:0 20px;
     margin:0;
     display:block;
}
 .menu li ul {
     width:220px;
     padding:10px 0;
     margin:0;
     position:absolute;
     top:43px;
     left:0;
     display:none;
     z-index:20;
}
 .menu li:hover ul {
     display:block;
}
 .menu li ul li {
     width:100%;
     padding:0;
     margin:0;
     position:relative;
}
 .menu li ul li a {
     text-align:left;
     font-size:17px;
     line-height:21px;
     padding:10px 20px;
     margin:0;
     display:block;
}
 @media all and (max-width: 1200px) {
     .menu li a {
         text-align:center;
         font-size:17px;
         line-height:43px;
         padding:0 15px;
         margin:0;
         display:block;
    }
}
 @media all and (max-width: 1020px) {
     .menu-w {
         display:none;
    }
}
 @media all and (max-width: 720px) {
}
/* standart Swiper slider */
 .swiper-container-no-flexbox .swiper-slide {
     float: left;
}
 .swiper-container-vertical > .swiper-wrapper {
     -webkit-box-orient: vertical;
     -moz-box-orient: vertical;
     -ms-flex-direction: column;
     -webkit-flex-direction: column;
     flex-direction: column;
}
 .swiper-container-android .swiper-slide, .swiper-wrapper {
     -webkit-transform: translate3d(0px, 0, 0);
     -moz-transform: translate3d(0px, 0, 0);
     -o-transform: translate(0px, 0px);
     -ms-transform: translate3d(0px, 0, 0);
     transform: translate3d(0px, 0, 0);
}
 .swiper-container-multirow > .swiper-wrapper {
     -webkit-box-lines: multiple;
     -moz-box-lines: multiple;
     -ms-flex-wrap: wrap;
     -webkit-flex-wrap: wrap;
     flex-wrap: wrap;
}
 .swiper-container-free-mode > .swiper-wrapper {
     -webkit-transition-timing-function: ease-out;
     -moz-transition-timing-function: ease-out;
     -ms-transition-timing-function: ease-out;
     -o-transition-timing-function: ease-out;
     transition-timing-function: ease-out;
     margin:0 auto;
}
 .swiper-slide {
     -webkit-flex-shrink: 0;
     -ms-flex: 0 0 auto;
     flex-shrink: 0;
     width:100%;
     height:100%;
     position: relative;
}
 .swiper-container-autoheight, .swiper-container-autoheight .swiper-slide {
     height: auto;
}
 .swiper-container-autoheight .swiper-wrapper {
     -webkit-box-align: start;
     -ms-flex-align: start;
     -webkit-align-items: flex-start;
     align-items: flex-start;
     -webkit-transition-property: -webkit-transform, height;
     -moz-transition-property: -moz-transform;
     -o-transition-property: -o-transform;
     -ms-transition-property: -ms-transform;
     transition-property: transform, height;
}
 .swiper-button-prev.swiper-button-disabled, .swiper-button-next.swiper-button-disabled {
     opacity: 0.35;
     cursor: auto;
     pointer-events: none;
}
 .swiper-wrapper {
     position: relative;
     width:100%;
     height:100%;
     z-index: 1;
     display: -webkit-box;
     display: -moz-box;
     display: -ms-flexbox;
     display: -webkit-flex;
     display: flex;
     -webkit-transition-property: -webkit-transform;
     -moz-transition-property: -moz-transform;
     -o-transition-property: -o-transform;
     -ms-transition-property: -ms-transform;
     transition-property: transform;
     -webkit-box-sizing: content-box;
     -moz-box-sizing: content-box;
     box-sizing: content-box;
}
 .swiper-container .swiper-slide .slideInner{
     position: absolute;
     top: 0;
     left: 0;
    /*background-color: rgba(0,0,0,0.5);
    */
     width:100%;
     height:100%;
     display: flex;
     flex-direction: row;
     flex-wrap: nowrap;
     align-content: center;
}
 .swiper-container .swiper-slide .slideInner .sliderPic{
     width:50%;
}
 .swiper-container .swiper-slide .slideInner .sliderText{
     position: relative;
     top: 0px;
     left: 70px;
     display: flex;
     height: 100%;
     align-items: flex-start;
     width: 50%;
     max-height:100%;
     flex-direction: column;
     justify-content: center;
}
 .swiper-container .swiper-slide .slideInner .sliderText .sliderTextTitle{
     font-size: 36px;
     line-height:1.2;
     display: inline;
     padding:0px;
     font-weight: 600;
}
 .swiper-container .swiper-slide .slideInner .sliderText .sliderTextTitle span{
     position: relative;
     z-index: 10;
}
 .swiper-container .swiper-slide .slideInner .sliderText .sliderTextDescription{
     font-size: 18px;
     line-height:1.2;
     padding: 17px 0 17px 0;
     color:#fff;
     font-weight: 400;
}
 .swiper-container .swiper-slide .slideInner .sliderText .sliderTextMore{
     text-align: center;
     font-size: 16px;
     display:flex;
     color:#fff;
     padding: 10px 20px;
}
 .swiper-container .swiper-slide .slideInner .sliderText .sliderTextMore:hover{
     opacity:0.5;
}
/* banner */
 #banner-w {
     padding:0;
     margin:0;
}
 #banner {
     padding:0;
     margin:0 auto;
}
 .swiper-container {
     width:100%;
    /*height:390px;
    */
     margin:0 auto;
     padding:0;
     position:relative;
     overflow:hidden;
}
 .swiper-container img {
     max-width:100%;
     padding:0;
     display:block;
     margin: 0 auto;
}
 .swiper-button-prev, .swiper-button-next {
     width:40px;
     height:40px;
     padding:0;
     margin:0;
     position:absolute;
     top:calc(50% - 20px);
     z-index:41;
     border:none;
     cursor:pointer;
     display:block;
     border-radius:0;
     -webkit-border-radius:0;
     -moz-border-radius:0;
     -khtml-border-radius:0;
}
 .swiper-button-prev {
     left:0;
}
 .swiper-button-next {
     right:0;
}
 .swiper-button-prev::before {
     content: "";
     display: block;
     position: absolute;
     right:9px;
     top:50%;
     width:7px;
     height:7px;
     -webkit-transform: translate(-50%,-50%) rotate(-135deg);
     transform: translate(-50%,-50%) rotate(-135deg);
     transition: opacity .35s;
}
 .swiper-button-next::before {
     content: "";
     display: block;
     position: absolute;
     right:13px;
     top:50%;
     width:7px;
     height:7px;
     -webkit-transform: translate(-50%,-50%) rotate(-135deg);
     transform: translate(-50%,-50%) rotate(-135deg);
     transition: opacity .35s;
}
 .swiper-button-prev:hover {
     opacity:0.5;
}
 .swiper-button-next:hover {
     opacity:0.5;
}
 .swiper-button-prev:hover, .swiper-button-prev:not(:hover), .swiper-button-next:hover, .swiper-button-next:not(:hover) {
     -webkit-transition: All 0.25s ease;
     -moz-transition: All 0.25s ease;
     -o-transition: All 0.25s ease;
     -ms-transition: All 0.25s ease;
     transition: All 0.25s ease;
}
 .swiper-container .swiper-slide-active {
}
 .swiper-pagination {
     position: absolute;
     text-align:center;
     -webkit-transition: 300ms;
     -moz-transition: 300ms;
     -o-transition: 300ms;
     transition: 300ms;
     -webkit-transform: translate3d(0, 0, 0);
     -ms-transform: translate3d(0, 0, 0);
     -o-transform: translate3d(0, 0, 0);
     transform: translate3d(0, 0, 0);
     z-index: 40;
}
 .swiper-pagination-fraction, .swiper-pagination-custom, .swiper-container-horizontal > .swiper-pagination-bullets {
     bottom:20px;
     left:auto;
     width:100%;
}
 .swiper-pagination-bullet {
     width:10px;
     height:10px;
     margin:0 10px;
     padding:0;
     display:inline-block;
     cursor:pointer;
     box-shadow:none;
     -moz-appearance:none;
     -ms-appearance:none;
     -webkit-appearance:none;
     appearance:none;
     border-radius:100%;
     -webkit-border-radius:100%;
     -moz-border-radius:100%;
     -khtml-border-radius:100%;
}
 .swiper-pagination-bullet-active {
}
 @media all and (max-width: 1020px) {
     .swiper-container .swiper-slide .slideInner .sliderText .sliderTextTitle{
         font-size:22px;
    }
     .swiper-container .swiper-slide .slideInner .sliderText .sliderTextDescription{
         font-size:16px;
         padding: 12px 0 12px 0;
    }
     .swiper-container .swiper-slide .slideInner .sliderText .sliderTextMore{
         font-size:14px;
         padding: 5px 12px;
    }
     #banner {
         width:100%;
    }
}
 @media all and (max-width: 720px) {
     .swiper-container {
         width:100%;
         margin:0 auto;
         padding:0;
         position:relative;
         overflow:hidden;
    }
}
/* content */
 #content {
     padding:0;
     margin:0 auto;
     display: flex;
}
 .left-bar {
     width:270px;
     padding:40px 0 60px 0;
     margin:0 30px 0 0;
}
 .left-bar h3 {
     font-weight:700;
     font-style:normal;
     font-size:24px;
     line-height:30px;
     padding:0;
     margin:30px 0 20px 0;
}
 .left-bar ul {
     width:100%;
     padding:0;
     margin:0;
     text-align:left;
     z-index:10;
}
 .left-bar ul li {
     width:100%;
     position:relative;
     display:inline-block;
}
 .left-bar ul li a {
     text-align:left;
     font-size:18px;
     line-height:20px;
     padding:5px 10px 5px 10px;
     margin:0 0 0 -10px;
     display:block;
     position:relative;
}
 .left-bar ul li ul {
     width:calc(100% - 10px);
     padding:0;
     margin:0 0 0 10px;
     position:relative;
}
 .left-bar ul li ul li {
     width:100%;
     padding:0;
     margin:0;
     position:relative;
}
 .left-bar ul li ul li a {
     text-align:left;
     font-size:18px;
     line-height:20px;
     padding:5px 10px 5px 10px;
     margin:0;
     display:block;
     position:relative;
}
 .left-bar .line {
     width:100%;
     height:1px;
     padding:0;
     margin:15px 0 15px 0;
     display:block;
     position:relative;
}
 .favoritesBox div{
     margin-bottom: 10px;
}
 .left-bar a.favorites, .left-bar a.comparison {
     font-size:18px;
     line-height:20px;
     padding:0 0 0 30px;
     position:relative;
}
 .left-bar a.favorites {
     margin:0;
}
 .left-bar a.comparison {
     margin:10px 0 0 0;
}
 .left-bar a.favorites:hover, .left-bar a.comparison:hover {
     opacity:0.5;
}
 .left-bar a.favorites svg {
     width:16px;
     height:15px;
     padding:0;
     margin:0;
     position:absolute;
     top:calc(50% - 8px);
     left:0;
     z-index:auto;
}
 .left-bar a.comparison svg {
     width:14px;
     height:17px;
     padding:0;
     margin:0;
     position:absolute;
     top:calc(50% - 9px);
     left:1px;
     z-index:auto;
}
 .left-bar .user-name {
     text-align:left;
     font-size:18px;
     line-height:20px;
     padding:0;
     margin:0;
     display:block;
     position:relative;
}
 .left-bar .user-phone {
     text-align:left;
     font-size:14px;
     line-height:20px;
     padding:0;
     margin:5px 0 15px 0;
     display:block;
     position:relative;
}
 .left-bar a.link {
     text-align:left;
     font-size:18px;
     line-height:20px;
     padding:5px 10px 5px 10px;
     margin:0 0 0 -10px;
     display:block;
     position:relative;
}
 .left-bar a.logout {
     font-size:14px;
     line-height:42px;
     text-align:center;
     width:80px;
     height:40px;
     display: block;
     padding:0;
     margin:10px 0 0 0;
     outline:none;
     cursor:pointer;
     -webkit-appearance: none;
     -moz-appearance:none;
     border:none;
     border-radius:0;
     -webkit-border-radius:0;
     -moz-border-radius:0;
     -khtml-border-radius:0;
}
 .left-bar a.logout:hover {
     opacity:0.5;
}
 .search-form {
     width:100%;
     position:relative;
}
 input[type="text"],input[type="password"] {
     font-size:14px;
     line-height:20px;
     text-indent:0;
     text-align:left;
     width:calc(100% - 32px);
     height:20px;
     padding:10px 15px 10px 15px;
     margin:0 0 10px 0;
     outline:none;
     -webkit-appearance: none;
     -moz-appearance:none;
     border-radius:0;
     -webkit-border-radius:0;
     -moz-border-radius:0;
     -khtml-border-radius:0;
     -moz-box-shadow: none;
     -webkit-box-shadow: none;
     box-shadow: none;
}
 .search-form input {
     margin:0;
}
 input::-webkit-input-placeholder {
    opacity: 1;
     transition: opacity 0.3s ease;
}
 input::-moz-placeholder{
    opacity: 1;
     transition: opacity 0.3s ease;
}
 input:-moz-placeholder {
    opacity: 1;
     transition: opacity 0.3s ease;
}
 input:-ms-input-placeholder{
    opacity: 1;
     transition: opacity 0.3s ease;
}
 input:focus::-webkit-input-placeholder {
    opacity: 0.3;
     transition: opacity 0.3s ease;
}
 input:focus::-moz-placeholder {
    opacity: 0.3;
     transition: opacity 0.3s ease;
}
 input:focus:-moz-placeholder {
    opacity: 0.3;
     transition: opacity 0.3s ease;
}
 input:focus:-ms-input-placeholder {
    opacity: 0.3;
     transition: opacity 0.3s ease;
}
 textarea {
     font-family: 'Roboto', sans-serif;
     font-size:14px;
     line-height:20px;
     text-indent:0;
     text-align:left;
     width:calc(100% - 32px);
     height:50px;
     padding:10px 15px 10px 15px;
     margin:0 0 10px 0;
     outline:none;
     -webkit-appearance: none;
     -moz-appearance:none;
     border-radius:0;
     -webkit-border-radius:0;
     -moz-border-radius:0;
     -khtml-border-radius:0;
     overflow:auto;
     resize:none;
}
 textarea::-webkit-input-placeholder {
    opacity: 1;
     transition: opacity 0.3s ease;
}
 textarea::-moz-placeholder{
    opacity: 1;
     transition: opacity 0.3s ease;
}
 textarea:-moz-placeholder {
    opacity: 1;
     transition: opacity 0.3s ease;
}
 textarea:-ms-input-placeholder{
    opacity: 1;
     transition: opacity 0.3s ease;
}
 textarea:focus::-webkit-input-placeholder {
    opacity: 0.3;
     transition: opacity 0.3s ease;
}
 textarea:focus::-moz-placeholder {
    opacity: 0.3;
     transition: opacity 0.3s ease;
}
 textarea:focus:-moz-placeholder {
    opacity: 0.3;
     transition: opacity 0.3s ease;
}
 textarea:focus:-ms-input-placeholder {
    opacity: 0.3;
     transition: opacity 0.3s ease;
}
 .search-submit {
     width:40px;
     height:40px;
     padding:0;
     margin:0;
     position:absolute;
     top:1px;
     right:1px;
     z-index:10;
     border:none;
     outline:none;
     background:none;
}
 .search-submit svg {
     width:19px;
     height:19px;
     padding:0;
     margin:0;
     position:absolute;
     top:calc(50% - 10px);
     right:calc(50% - 10px);
     z-index:11;
}
 .search-submit input {
     font-size:0;
     line-height:0;
     width:100%;
     height:100%;
     padding:0;
     margin:0;
     outline:none;
     cursor:pointer;
     -webkit-appearance: none;
     -moz-appearance:none;
     background:none;
     border:none;
     border-radius:0;
     -webkit-border-radius:0;
     -moz-border-radius:0;
     -khtml-border-radius:0;
     position:absolute;
     top:0;
     right:0;
     z-index:12;
}
 .login-box .buttons {
     margin:0 0 0 15px;
     display: flex;
     flex-direction: column 
}
 .login-box .buttons a {
     text-align:left;
     font-size:14px;
     line-height:20px;
     padding:0;
     margin:0;
     position:relative;
}
 .login-box .buttons a:hover {
     opacity:0.5;
}
 .submit {
     padding:0;
     margin:0;
     border:none;
     outline:none;
     background:none;
}
 .submit input {
     font-size:14px;
     text-align:center;
     width:100%;
     height:40px;
     padding:0 20px;
     margin:0;
     outline:none;
     cursor:pointer;
     -webkit-appearance: none;
     -moz-appearance:none;
     border:none;
     border-radius:0;
     -webkit-border-radius:0;
     -moz-border-radius:0;
     -khtml-border-radius:0;
}
 .submit input:hover {
     opacity:0.5;
}
 .formbox .submit {
     width:140px;
     padding:0;
     margin:0 auto;
     display: block;
     border:none;
     outline:none;
     background:none;
}
 .formbox .submit input {
     font-size:14px;
     line-height:42px;
     text-align:center;
     width:100%;
     height:40px;
     padding:0;
     margin:0;
     outline:none;
     cursor:pointer;
     -webkit-appearance: none;
     -moz-appearance:none;
     border:none;
     border-radius:0;
     -webkit-border-radius:0;
     -moz-border-radius:0;
     -khtml-border-radius:0;
}
 .submit input:hover, .submit input:not(:hover) {
     -webkit-transition: All 0.2s ease;
     -moz-transition: All 0.2s ease;
     -o-transition: All 0.2s ease;
     -ms-transition: All 0.2s ease;
     transition: All 0.2s ease;
}
 .checkbox {
     text-align:left;
     font-size:12px;
     line-height:18px;
     padding:0 0 0 35px;
     margin:20px 0 0 0;
     position:relative;
}
 .checkbox input[type=checkbox] {
     display:none;
}
 .checkbox label {
     font-style:normal;
     text-align:left;
     font-size:12px;
     line-height:18px;
     padding:0;
     margin:0;
     cursor:pointer;
     position:relative;
}
 .checkbox label a {
     font-style:normal;
     text-align:left;
     font-size:12px;
     line-height:18px;
     padding:0;
     margin:0;
     cursor:pointer;
     position:relative;
}
 .checkbox label a:hover {
     opacity:0.5;
}
 .checkbox label:after {
     content:'';
     display:block;
     outline:none;
     width:20px;
     height:20px;
     position:absolute;
     left:-35px;
     top:0;
     z-index:11;
     margin:0;
     cursor:pointer;
     background:none;
}
 .checkbox label:before {
     content:'';
     display:none;
     position:absolute;
     left:-24px;
     top:9px;
     width:5px;
     height:7px;
     -webkit-transform: translate(-50%,-50%) rotate(-135deg);
     transform: translate(-50%,-50%) rotate(-135deg);
     transition: opacity .35s;
}
 .checkbox input[type=checkbox]:checked + label:before {
     display:block;
}
 .content-box {
     width:calc(100% - 300px);
     padding:40px 0 60px 0;
     margin:0;
}
 main.content-box.fullwidth{
     width:100%;
}
 .content-box h1 {
     font-weight:700;
     font-style:normal;
     font-size:36px;
     line-height:42px;
     padding:0;
     margin:0px 0 25px 0;
}
 .content-box h2 {
     font-weight:700;
     font-style:normal;
     font-size:36px;
     line-height:42px;
     padding:0;
     margin:50px 0 10px 0;
}
 .content-box .product-w {
     width:calc(100% + 15px);
     padding:0;
     margin:0;
     position:relative;
     display: flex;
     flex-wrap: wrap 
}
 .left-bar .product {
     width:calc(100% - 32px);
     padding:15px 15px 225px 15px;
     margin:30px 0 0 0;
     position:relative;
}

 .mainNews{
     display: flex;
     flex-wrap: wrap 
}
 .fullwidth section.mainNews a.news{
     width: 33.3333%;
}
 section.mainNews a.news {
     font-size:16px;
     line-height:20px;
     width: 350px;
     min-height:90px;
     padding:0 20px 0 0;
     margin:20px 0 0 0;
     position:relative;
     display: flex;
     box-sizing: border-box 
}
 section.mainNews.leftbarNews a.news {
     font-size:16px;
     line-height:20px;
     min-height:90px;
     padding:0 20px 0 0;
     margin:0;
     position:relative;
     display: flex;
     width: 100%;
}
 section.mainNews a.news:hover {
     opacity:0.5;
}
 section.mainNews a.news span {
     font-size:14px;
     line-height:20px;
     padding:0;
     margin:0 0 5px 0;
     display:inline-block;
}
 section.mainNews a.news .news-img {
     width:90px;
     overflow:hidden;
     padding:0;
     margin:0 20px 20px 0;
}
 section.mainNews a.news .news-img img {
     padding:0;
     margin:0;
     display:block;
     max-width:100%;
}
 .left-bar a.all-button {
     font-size:16px;
     line-height:20px;
     padding:0;
     margin:10px 0 0 0;
     display:inline-block;
}
 .content-box a.all-button {
     font-size:16px;
     line-height:20px;
     padding:0;
     margin:20px 0 0 0;
     display:inline-block;
}
 .content-box a.all-button:hover {
     opacity:0.5;
}

 @media all and (max-width: 1200px) {
     .content-box .product-w {
         width:calc(100% + 15px);
         padding:0;
         margin:0;
         position:relative;
    }
    
}
 @media all and (max-width: 1020px) {
     .left-bar {
         display:none;
    }
     .content-box {
         width:100%;
         padding:20px 0 60px 0;
         margin:0;
    }
     .content-box .product-w {
         width:calc(100% + 15px);
         padding:0;
         margin:0;
         position:relative;
    }
    
     .footer-2{
         order: 3;
         width: 100%;
    }
     #footer{
         flex-wrap: wrap 
    }
}
 @media all and (max-width: 720px) {
     .swiper-container .swiper-slide .slideInner .sliderPic{
         display:none;
    }
     .swiper-container .swiper-slide .slideInner .sliderText{
         height: calc(100% - 20px);
         width:100%;
         max-width: 100%;
         left: auto;
         top:0px;
         align-items: center;
         text-align: center;
    }

     .content-box {
         width:100%;
         padding:20px 0 60px 0;
         margin:0;
    }
     .content-box h1 {
         font-weight:700;
         font-style:normal;
         font-size:26px;
         line-height:32px;
         padding:0;
         margin:0 0 25px 0;
    }
     .content-box h2 {
         font-weight:700;
         font-style:normal;
         font-size:26px;
         line-height:32px;
         padding:0;
         margin:50px 0 5px 0;
    }
     .content-box .product-w {
         width:calc(100% + 15px);
         padding:0;
         margin:0;
         position:relative;
    }
     
     section.mainNews a.news {
         font-size:16px;
         line-height:20px;
         width:100%;
         min-height:90px;
         padding:0 20px 0 110px;
         margin:20px 0 0 0;
         position:relative;
    }
     .fullwidth section.mainNews a.news{
         width: 100% !important;
    }
     section.mainNews a.news:hover {
         opacity:0.5;
    }
     section.mainNews a.news span {
         font-size:14px;
         line-height:20px;
         padding:0;
         margin:0 0 5px 0;
         display:inline-block;
    }
     section.mainNews a.news .news-img {
         width:90px;
         height:90px;
         overflow:hidden;
         padding:0;
         margin:0 30px 20px 0;
         position:absolute;
         top:0;
         left:0;
         z-index:auto;
    }
     section.mainNews a.news .news-img img {
    }
     .content-box a.all-button {
         font-size:16px;
         line-height:20px;
         padding:0;
         margin:20px 0 0 0;
         display:inline-block;
    }
     .content-box a.all-button:hover {
         opacity:0.5;
    }
}
/* footer */
 #footer {
     padding:40px 0 60px 0;
     margin:0 auto;
     text-align:center;
     display: flex;
     justify-content: space-between 
}
 #footer a.tel svg.icon{
    width:23px;
    height:23px;
}
 #footer p.address svg.icon{
    width:16px;
    height:22px;
}
 #footer a.mail svg.icon{
    width:19px;
    height:15px;
}
 .footer-0 {
     width:150px;
     text-align:left;
     display:none;
}
 .footer-0 a {
     font-size:16px;
     line-height:22px;
     padding:0;
     margin:5px 0 0 0;
     position:relative;
}
 .footer-0 a:hover {
     opacity:0.5;
}
 .footer-1 {
     width:370px;
     text-align:left;
     display: flex;
     flex-direction: column;
     align-content: flex-start;
}
 .footer-1 .b-footer__social_hoverable {
     width:100%;
     padding:0;
     margin:0;
     position:relative;
     display: flex;
     flex-wrap: wrap 
}
 .footer-1 .b-footer__social_hoverable a {
     width:30px;
     height:30px;
     padding:0;
     margin:0 5px 0 0;
     border-radius:100%;
     -webkit-border-radius:100%;
     -moz-border-radius:100%;
     -khtml-border-radius:100%;
     position:relative;
}
 .footer-1 .b-footer__social_hoverable a::after {
     content:'';
     width:28px;
     height:28px;
     padding:0;
     margin:0;
     position:absolute;
     top:1px;
     left:1px;
     z-index:-1;
     border-radius:100%;
     -webkit-border-radius:100%;
     -moz-border-radius:100%;
     -khtml-border-radius:100%;
}
 .footer-1 .socialIcons .b-footer__social_hoverable a:not([class]) {
     text-decoration:none;
}
 .footer-1 .socialIcons .b-footer__social_hoverable a svg {
     width:30px;
     height:30px;
     padding:0;
     margin:0;
     display:block;
}
 .footer-1 a.tel {
     font-size:18px;
     line-height:28px;
     padding:0 0 0 35px;
     margin:40px 0 0 0;
     position:relative;
     display:inline-block;
}
 .footer-1 .address {
     font-size:14px;
     line-height:20px;
     padding:0 0 0 35px;
     margin:10px 0 0 0;
     position:relative;
     display:inline-block;
}
 .footer-1 a.mail {
     font-size:14px;
     line-height:20px;
     padding:0 0 0 35px;
     margin:10px 0 0 0;
     position:relative;
     display:inline-block;
}
 .footer-1 a.tel:hover, .footer-1 a.mail:hover, .footer-1 .address a:hover, .footer-1 a.address:hover {
     opacity:0.5;
}
 .footer-1 svg {
     position:absolute;
     top:3px;
     left:0;
     z-index:auto;
}
 .footer-1 .b-footer__social_hoverable svg {
     position:absolute;
     top:0;
     left:0;
     z-index:auto;
}
 .footer-1 .address svg {
     left:3px;
}
 .footer-1 a.mail svg {
     left:2px;
}
 .footer-2 {
     display: inline-block;
}
 .footer-2 a {
     width:110px;
     height:40px;
     padding:0;
     margin:0 5px;
     display: inline-block;
}
 .footer-2 a:hover {
     opacity:0.5;
}
 .footer-3 {
     text-align:left;
     display: flex;
}
 .footer-3 svg {
     position:absolute;
     top:0;
     left:0;
     z-index:auto;
}
 .footer-3 a.logo {
     font-size:14px;
     line-height:20px;
     padding:0 0 0 55px;
     margin:0;
     position:relative;
}
 .footer-3 a.logo:hover {
     opacity:0.5;
}
 @media all and (max-width: 1020px) {
     .product-img-preview {
         display: none;
    }
     .fullwidth section.mainNews a.news{
         width: 50%;
    }
     .footer-0 {
         text-align:left;
         display:flex;
         flex-direction: column 
    }
     .footer-2 {
         padding:0;
         margin:30px 0 0 0;
         display:inline-block;
    }
     .footer-3 {
         padding:0;
         margin:30px 0 0 0;
         text-align:left;
         width:50%;
    }
     .footer-1 .b-footer__social_hoverable a {
         width:30px;
         height:30px;
         padding:0;
         margin:10px 5px 0 0;
         border-radius:100%;
         -webkit-border-radius:100%;
         -moz-border-radius:100%;
         -khtml-border-radius:100%;
         position:relative;
    }
}
 @media all and (max-width: 720px) {
     .footer-0 {
         text-align:left;
         width:50%;
    }
     .footer-1 {
         text-align:left;
         width:50%;
    }
     .footer-2{
         order: 0;
    }
     .footer-1 .b-footer__social_hoverable a {
         width:30px;
         height:30px;
         padding:0;
         margin:10px 0 0 10px;
         border-radius:100%;
         -webkit-border-radius:100%;
         -moz-border-radius:100%;
         -khtml-border-radius:100%;
         position:relative;
    }
     .footer-1 a.tel {
         font-size:14px;
         line-height:28px;
         padding:0 0 0 25px;
         margin:40px 0 0 0;
         position:relative;
         display:inline-block;
    }
     .footer-1 .address {
         font-size:14px;
         line-height:20px;
         padding:0 0 0 25px;
         margin:10px 0 0 0;
         position:relative;
         display:inline-block;
    }
     .footer-1 a.mail {
         font-size:14px;
         line-height:20px;
         padding:0 0 0 25px;
         margin:10px 0 0 0;
         position:relative;
         display:inline-block;
    }
     .footer-1 a.tel svg, .footer-1 .address svg, .footer-1 a.mail svg {
         zoom:0.8;
    }
     .footer-1 .address svg {
         top:1px;
         left:3px;
    }
     .footer-1 a.mail svg {
         top:5px;
         left:2px;
    }
     .footer-2 {
         padding:0;
         margin:30px 0 0 0;
         display:inline-block;
         width:50%;
    }
     .footer-2 a {
         height:40px;
         padding:0;
         margin:10px 0 0 0;
    }
}
/* close */
 .close {
     width:18px;
     height:18px;
     overflow:hidden;
     padding:0;
     margin:0;
     cursor:pointer;
     outline:none;
     position:absolute;
     top:30px;
     right:30px;
     z-index:207;
}
 .close::after {
     content:'';
     position:absolute;
     width:18px;
     height:2px;
     -moz-transform: rotate(45deg);
     -ms-transform: rotate(45deg);
     -webkit-transform: rotate(45deg);
     -o-transform: rotate(45deg);
     transform: rotate(45deg);
     top:8px;
     left:0;
     z-index:208;
}
 .close::before {
     content:'';
     position:absolute;
     width:18px;
     height:2px;
     -moz-transform: rotate(-45deg);
     -ms-transform: rotate(-45deg);
     -webkit-transform: rotate(-45deg);
     -o-transform: rotate(-45deg);
     transform: rotate(-45deg);
     top:8px;
     left:0;
     z-index:208;
}
 .close:hover {
     -moz-transform: rotate(90deg);
     -ms-transform: rotate(90deg);
     -webkit-transform: rotate(90deg);
     -o-transform: rotate(90deg);
     transform: rotate(90deg);
}
 .close:hover, .close:not(:hover) {
     -webkit-transition: All 0.2s ease;
     -moz-transition: All 0.2s ease;
     -o-transition: All 0.2s ease;
     -ms-transition: All 0.2s ease;
     transition: All 0.2s ease;
}
/* mobile-menu */
 #mobile-menu-w {
     display:none;
     width:100%;
     height:100%;
     overflow:auto;
     padding:0;
     margin:0;
     position:fixed;
     top:0;
     left:0;
     z-index:106;
}
 #mobile-menu-w::-webkit-scrollbar {
    width:0;
     height:0;
}
 #mobile-menu {
     width:660px;
     padding:30px 0 50px 0;
     margin:0 auto;
     position:relative;
     text-align:left;
}
 #mobile-menu .close {
     top:30px;
     right:3px;
}
 #mobile-menu a.user, #mobile-menu a.favorites, #mobile-menu a.comparison, #mobile-menu a.search {
     width:18px;
     height:18px;
     padding:0;
     margin:0 15px 0 0;
     position:relative;
     display:flex;
     justify-content:center;
     align-items:center;
}
 #mobile-menu .favorites .fcard__counter, #mobile-menu .comparison .ccard__counter {
     display: block;
     position: absolute;
     top: -6px;
     left: 100%;
     transform: translate(-50%, 0);
     font-size: 10px;
     border-radius: 20px;
     padding: 1.5px 4px;
     line-height: 1;
}
 #mobile-menu a:hover {
     opacity:0.5;
}
 .mobile-menu {
     padding:0;
     margin:20px 0 0 0;
     position:relative;
     display: flex;
     flex-direction: column 
}
 .mobile-menu a {
     font-size:16px;
     line-height:26px;
     padding:0;
     margin:5px 0 0 0;
     position:relative;
}
 .mobile-menu a:hover {
     opacity:0.5;
}
 #mobile-menu a.tel {
     font-size:16px;
     line-height:20px;
     padding:0 0 0 30px;
     margin:30px 0 0 0;
     position:relative;
     display:inline-block;
}
 #mobile-menu .address {
     font-size:16px;
     line-height:20px;
     padding:0 0 0 30px;
     margin:10px 0 0 0;
     position:relative;
     display:block;
}
 #mobile-menu a.mail {
     font-size:16px;
     line-height:20px;
     padding:0 0 0 30px;
     margin:10px 0 0 0;
     position:relative;
     display:inline-block;
}
 #mobile-menu a.tel:hover, #mobile-menu a.mail:hover {
     opacity:0.5;
}
 #mobile-menu a.tel svg {
     zoom:0.8;
     position:absolute;
     top:2px;
     left:0;
     z-index:auto;
     width:23px;
     height:23px;
}
 #mobile-menu .address svg {
     zoom:0.8;
     position:absolute;
     top:1px;
     left:3px;
     z-index:auto;
     width:16px;
     height:22px;
}
 #mobile-menu a.mail svg {
     zoom:0.8;
     position:absolute;
     top:5px;
     left:2px;
     z-index:auto;
     width:19px;
     height:15px;
}
 #mobile-menu .button, #mobile-menu a.button {
     text-align:center;
     font-size:14px;
     line-height:24px;
     width:150px;
     height:24px;
     padding:0;
     margin:5px 0 10px 30px;
     outline:none;
     cursor:pointer;
     -webkit-appearance: none;
     -moz-appearance:none;
     border:none;
     border-radius:0;
     -webkit-border-radius:0;
     -moz-border-radius:0;
     -khtml-border-radius:0;
     display:block;
}
 #mobile-menu a.button:hover, #mobile-menu .button:hover {
     opacity:0.5;
}
 #mobile-menu .b-footer__social_hoverable {
     width:100%;
     padding:0;
     margin:20px 0 0 0;
     position:relative;
     display: flex;
     flex-wrap: wrap 
}
 #mobile-menu .b-footer__social_hoverable a {
     width:30px;
     height:30px;
     padding:0;
     margin:10px 10px 0 0;
     border-radius:100%;
     -webkit-border-radius:100%;
     -moz-border-radius:100%;
     -khtml-border-radius:100%;
     position:relative;
}
 #mobile-menu .b-footer__social_hoverable a:hover {
     opacity:1;
}
 #mobile-menu .b-footer__social_hoverable a::after {
     content:'';
     width:28px;
     height:28px;
     padding:0;
     margin:0;
     position:absolute;
     top:1px;
     left:1px;
     z-index:-1;
     border-radius:100%;
     -webkit-border-radius:100%;
     -moz-border-radius:100%;
     -khtml-border-radius:100%;
}
 #mobile-menu .socialIcons .b-footer__social_hoverable a:not([class]) {
     text-decoration:none;
}
 #mobile-menu .socialIcons .b-footer__social_hoverable a svg {
     width:30px;
     height:30px;
     padding:0;
     margin:0;
     display:block;
}
 @media all and (max-width: 720px) {
     #mobile-menu {
         width:360px;
         padding:23px 0 50px 0;
         margin:0 auto;
         position:relative;
         text-align:left;
    }
     #mobile-menu .close {
         top:23px;
         right:3px;
    }
     #mobile-menu .b-footer__social_hoverable {
         max-width:260px;
    }
}
 @media all and (min-width: 1021px) {
     #mobile-menu-w {
         display:none;
         width:0;
         height:0;
         overflow:hidden;
         padding:0;
         margin:0;
         position:fixed;
         top:0;
         left:0;
         z-index:106;
    }
}
/* z */
 .popup-w {
     display:none;
     width:100%;
     height:100%;
     overflow:auto;
     padding:0;
     margin:0;
     position:fixed;
     top:0;
     left:0;
     z-index:106;
}
 .popup-w::-webkit-scrollbar {
    width:0;
     height:0;
}
 .popup-wrapper {
     width:100%;
     height:100%;
     padding:0;
     margin:0;
     position:fixed;
     left:0;
     top:0;
     z-index:107;
}
 .popup-box {
     width:300px;
     padding:50px 30px 50px 30px;
     margin:0;
     position:fixed;
     top:calc(50% - 280px);
     left:calc(50% - 180px);
     z-index:108;
     text-align:center;
}
 .popup-box h2 {
     font-size:36px;
     line-height:40px;
     text-align:center;
     padding:0;
     margin:0 0 20px 0;
}
 @media all and (max-height: 600px) {
     .popup-box {
         width:300px;
         padding:40px 30px 40px 30px;
         margin:30px auto;
         position:relative;
         top:auto;
         left:auto;
         z-index:108;
         text-align:center;
    }
}
/*searchDropDown*/
 div.searchDropDown{
     position: relative;
}
 div.searchDropDown ul#completeList {
     max-height: 220px;
     min-width: 450px;
     position: absolute;
     overflow: auto;
     z-index: 10000;
}
 div.searchDropDown ul#completeList li {
     padding-top: 4px;
     padding-bottom: 4px;
     text-align: left;
     padding-left: 5px;
     min-height: 58px;
     display: flex;
     align-items: center 
}
 div.searchDropDown ul#completeList li {
     text-align: left;
     width: calc(100% - 30px);
}
 div.searchDropDown #completeList li.hoverMe img {
     padding: 0 10px 0 0;
}
 div.searchDropDown #completeList li img {
     display: inline-block;
     max-height: 50px;
     max-width: 50px;
}
 div.searchDropDown ul#completeList li a{
     font-size:14px;
}
 div.searchDropDown ul#completeList li a:hover{
     background:none;
     color:inherit;
}
 div.searchDropDown ul#completeList li.searchAll a{
     text-decoration:underline;
}
 div.searchDropDown ul#completeList li.searchAll a:hover{
     text-decoration:none;
}
/* end */
/* fix-flexbox */

 .flex-row{
     display: flex;
}
 .news-desc{
     flex: 1 
}
 .between{
     justify-content: space-between 
}
 .flex-grid{
     display: flex;
     margin: 0 -7.5px;
     flex-wrap: wrap;
}

 div.left-bar div.col-4{
     width:100%;
     padding: 0px;
}
 
 landzs .zs-more{
     text-align: center;
     font-size: 18px;
     padding: 10px 20px;
     outline: none;
     cursor: pointer;
     display: inline-block;
     margin: 50px;
}
 @media all and (max-width: 420px){
     .swiper-container .swiper-slide .slideInner .sliderText .sliderTextTitle {
         font-size: 16px;
         line-height: 1.2;
    }
     .swiper-container .swiper-slide .slideInner .sliderText .sliderTextDescription {
        /*display: none;
        */
    }
     .swiper-container .swiper-slide .slideInner .sliderText .sliderTextMore {
         font-size: 12px;
         padding: 2px 7px;
    }
     landzs .zs-more{
         margin: 50px 0;
    }
}
 landzs .zs-more:hover{
     opacity:0.5;
     transition: All 0.2s ease;
}