* {
    font-size: 14px;
    font-family: roboto-regular;
}

@font-face {
    font-family: 'Intro Black';
    src: url('../fonts/Intro-Black.eot');
    src: url('../fonts/Intro-Black.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Intro-Black.woff') format('woff'),
    url('../fonts/Intro-Black.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: supermolot-regular;
    src: url(../fonts/supermolot-regular.ttf) format("truetype");
}

@font-face {
    font-family: 'Intro Black';
    src: url(../fonts/Intro Black.ttf) format("truetype");
}

@font-face {
    font-family: supermolot-Italic;
    src: url(../fonts/supermolot-Italic.ttf) format("truetype");
}

@font-face {
    font-family: supermolot-light;
    src: url(../fonts/supermolot-light.ttf) format("truetype");
}

@font-face {
    font-family: roboto-regular;
    src: url(../fonts/roboto-regular.ttf) format("truetype");
}

.sup-regular {
    font-family: roboto-regular;
}

.sup-bold-Italic {
    font-family: 'Intro Black';
    font-family: 'Intro Black';
}

.sup-Italic {
    font-family: roboto-regular;
}

.sup-light {
    font-family: supermolot-light;
}

.roboto-regular {
    font-family: roboto-regular;
}

.animation {
    width: 11vw;
    height: 5vw;
    position: fixed;
    top: calc(50% - 3vw);
    left: calc(50% - 5vw);
    z-index: 999;
    background: url(../images/load-logo.gif);
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center;
}

mark {
    background-color: initial;
    color: #fff;
}

.load-anim {
    position: fixed;
    top: 0;
    left: 0;
    background: #0c0d13;
    z-index: 999;
    width: 100%;
    height: 100vh;
    transition: all .3s;
}

.disable {
    opacity: 0;
    visibility: hidden;
    transition: all .3s;
}

h1,
h2,
h3,
h4,
h5,
h6,
p {
    margin: 0;
}

html {
    -webkit-text-size-adjust: 100%;
    -webkit-overflow-scrolling: touch;
}

a {
    color: inherit;
    text-decoration: initial;
}

input {
    -webkit-appearance: none;
    border-radius: initial;
}

::-webkit-scrollbar {
    width: 7px;
}

::-webkit-scrollbar-track {
    background: #0c0d13;
}

::-webkit-scrollbar-thumb {
    background: #888;
}

::-webkit-scrollbar-thumb:hover {
    background: #e31e24;
}

input[type="checkbox" i] {
    visibility: hidden;
    opacity: 0;
    position: absolute;
}

#barba-wrapper {
    transition: all .4s;
    opacity: 0;
}

.body-background-active {
    opacity: 1 !important;
}

body {
    margin: 0;
    padding: 0;
     padding-bottom: 15px;
    background: #0c0d13;
    -webkit-overflow-scrolling: touch;
    color:#fff;

}

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

.wrapper {
    width: 76vw;
    max-width: 1440px;
    margin: 0 auto;
    position: relative;
    z-index: 2;
}

.back-box {
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
}

.header {
    position: relative;
    width: 100%;
    height: 100%;
    min-height:100vh;
    background: rgba(12, 13, 19, 0.4);
}

.header-content {
    position: fixed;
    width: 100%;
    height: 100vh;
    top: 0;
    left: 0;
}

.background-website {
    width: 100%;
    height: auto;
    padding-bottom: 10px;
    position: relative;
    background: #0c0d13;
}

.gradient-header-top {
    width: 100%;
    height: 10vw;
    position: absolute;
    top: 0;
    background: linear-gradient(to bottom, rgba(12, 13, 19, 1) 0%, rgba(12, 13, 19, 0) 100%);
}

.gradient-header-main-bottom {
    width: 100%;
    height: 20vw;
    position: absolute;
    bottom: 0;
    background: linear-gradient(to top, rgba(12, 13, 19, 1) 0%, rgba(12, 13, 19, 0) 100%);
}

.gradient-header-bottom {
    width: 100%;
    height: 10vw;
    position: absolute;
    bottom: -.1vw;
    background: linear-gradient(to top, rgba(12, 13, 19, 1) 0%, rgba(12, 13, 19, 0) 100%);
}

.header-content .gradient-header-bottom {
    height: 30vw;
    background: linear-gradient(to top, rgba(12, 13, 19, 1) 0%, rgba(12, 13, 19, 0.6) 70%, rgba(12, 13, 19, 0) 100%);
    visibility: hidden;
    opacity: 0;
}

.header-content .gradient-header-top {
    height: 30vw;
    background: linear-gradient(to bottom, rgba(12, 13, 19, 1) 0%, rgba(12, 13, 19, 0.6) 70%, rgba(12, 13, 19, 0) 100%);
    visibility: hidden;
    opacity: 0;
}

.gradient-active {
    visibility: visible !important;
    opacity: 1 !important;
}

.section-gallery-slider .nice-btn {
    display: block;
    margin: 2vw auto 0;
}

.head-menu {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 99;
    margin: 0;
    padding: 0;
    background: linear-gradient(to bottom, rgba(12, 13, 19, 1) 0%, rgba(12, 13, 19, 0) 100%);
}

.big-gradient {
    background: linear-gradient(to bottom, rgba(12, 13, 19, 1) 30%, rgba(12, 13, 19, 0) 100%);
}

.head-menu .menu {
    width: 76vw;
    max-width: 1440px;
    position: relative;
    margin: 0 auto;
    padding: 0;
}

.home .head-menu .menu {
    transform: translateY(-40%);
    opacity: 0;
    transition: all .5s;
    transition-delay: 1s;
}

.home.animate-body .menu {
    transform: translateY(0%);
    opacity: 1;
}

.scroll-down-box-over {
    position: absolute;
    bottom: 0;
    left: calc(50% - 100px);
    width: 200px;
    height: auto;
    z-index: 30;
    cursor: pointer;
}

.home .scroll-down-box-over {
    transform: translateY(30%);
    opacity: 0;
    transition: all .5s;
    transition-delay: 1.4s;
}

.home.animate-body .scroll-down-box-over {
    transform: translateY(0%);
    opacity: 1;
}

.image-chempion-row-gallery img {
    width: 100%;
    height: auto;
}

.li-head-menu {
    display: inline-block;
    color: #fff;
    font-size: 1vw;
    margin: 2.4vw 2vw 5vw 0;
    font-family: roboto-regular;
    transition: .2s cubic-bezier(0.86, 0, 0.07, 1);
}

.contact-li {
    margin: 2.4vw 0;
}

.active-page li {
    color: #e31e24;
}

.contacts-maps.contact-page-footer {
    bottom: 0;
}

.li-head-menu:after {
    content: "";
    display: block;
    width: 0;
    height: .1vw;
    background-color: #e31e24;
    position: relative;
    margin: .5vw 0 0;
    transition: .3s cubic-bezier(0.86, 0, 0.07, 1);
}

.li-head-menu:hover:after {
    width: 100%;
}

.margin-left-li-menu {
    margin-left: 39.6vw;
}

.dev {
    padding: 1vw;
}

.logo {
    background: url(../images/logo.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
    width: 11vw;
    height: 5vw;
    position: absolute;
    top: .4vw;
    left: calc(50% - 5.5vw);
    z-index: 10;
}

.home .logo {
    transform: translateY(-40%);
    opacity: 0;
    transition: all .5s;
    transition-delay: .8s;
}

.animate-body .logo {
    transform: translateY(0%);
    opacity: 1;
}

.header-content-box {
    width: 45vw;
    height: auto;
    position: relative;
    margin: 0 auto;
    padding-top: calc(40vh + 40px);
}
.header-content-box.row-2 {
    padding-left:30px;
    padding-right:30px;
    padding-top: calc(25vh + 40px);
    box-sizing:border-box;
}
.category-description.row-2 {
    padding-left:30px;
    padding-right:30px;
    padding-top: calc(15vh + 40px);
    box-sizing:border-box;
}
.category-description-inner {
    background:rgba(45, 45, 45, 0.85);
    padding:5vw 2vw;
    border-radius:40px;
    font-family: roboto;
    font-size:1vw;
}
.category-description-inner span {
    font-size:1vw;
}
.header .h1 {
    position: relative;
    font-size: 4vw;
    color: #fff;
    text-transform: uppercase;
    text-align: center;
    width: 100%;
    letter-spacing: -3px;
}

.home .header .h1 {
    transform: translateY(-40%);
    opacity: 0;
    transition: all .5s;
    transition-delay: .2s;
}

.animate-body .header .h1 {
    transform: translateY(0%);
    opacity: 1;
}

.right-menu-box {
    position: absolute;
    right: 0;
    top: 0;
    width: auto;
}

.header .h5 {
    color: #fff;
    font-size: 1.25vw;
    margin-top: 1vw;
    text-align: center;
}

.home .header .h5 {
    transform: translateY(-40%);
    opacity: 0;
    transition: all .5s;
    transition-delay: .3s;
}

.animate-body .header .h5 {
    transform: translateY(0%);
    opacity: 1;
}

.scroll-down-box {
    position: relative;
    margin-bottom: 20px;
    left: calc(50% - 100px);
    width: 200px;
    height: auto;
    z-index: 10;
}

.scroll-down-box span {
    font-size: .75vw;
    text-transform: uppercase;
    text-align: center;
    display: block;
    color: #fff;
}

.mouse {
    width: 20px;
    height: 35px;
    border: 2px solid #fff;
    border-radius: 15px;
    margin: 0 auto 15px;
}

.mouse:after {
    display: block;
    content: '';
    width: 2px;
    background: #fff;
    height: 6px;
    position: absolute;
    margin: 7px 9px;
}

.box-left-text-right-image {
    width: 100%;
    height: auto;
    display: table;
//    padding: 1vw 0;
}

.section-gallery-slider {
    width: 100%;
    height: auto;
    position: relative;
    padding: 2vw 0 8vw 0;
    z-index: 4;
}

.services-link {
    font-family: roboto-regular;
    font-size: .85vw;
    color: #e31e24;
    text-align: center;
    display: block;
    width: 100%;
    padding: 0 0 1.4vw;
    visibility: hidden;
    opacity: 0;
    transition: all .25s;
}

.service-box .row-3:hover .image-service {
/*    height: 11.5vw;*/
}

.service-box .row-3:hover .services-link {
    visibility: visible;
    opacity: 1;
}

.services-link:hover {
    color: #FF3333;
}

.send-fotm-wrappew {
    width: 60%;
    padding: 12vw 0 0;
    margin: 0 auto;
}

.title-send-fotm {
    text-align: center;
    font-family: 'Intro Black';
    font-size: 4vw;
    color: #fff;
    text-transform: uppercase;
}

.info-send-fotm {
    text-align: center;
    line-height: 5vw !important;
}

.send-fotm-wrappew .blue-form-btn {
    display: block;
    margin: 1vw auto;
}

.send-fotm-image {
    margin: -10vw -10vw -5vw;
    display: block;
/*    width: 80vw;*/
}

.box-left-text-right-image .row {
    float: left;
//    height: 32vw;
}

.box-left-text-right-image .row:nth-child(2) {
    width: 40%;
    float: left;
    display: flex;
    align-items: start;
}
.box-main-page.box-left-text-right-image .row:nth-child(2) {
    width: 50%;
    align-items: center;
}

.box-left-text-right-image .row:nth-child(3) {
    width: 60%;
    float: right;
}
.box-main-page.box-left-text-right-image .row:nth-child(3) {
    width: 50%;
}
.box-left-text-right-image .row:nth-child(3) a {
    overflow:hidden;
    display:block;
    max-height:400px;
}
.zag {
    font-family: 'Intro Black';
    font-size: 2vw;
    color: #fff;
    text-transform: uppercase;
    position: relative;
    z-index: 3;
}

.nice-btn {
    font-family: roboto-regular;
    font-size: .85vw;
    color: #e31e24;
    padding: 1vw 1.5vw;
    margin: 0;
    outline: initial;
    background: initial;
    border: initial;
    text-transform: uppercase;
    position: relative;
    cursor: pointer;
    z-index: 20;
    top:-1px;
}

.p-reg {
    color: rgba(255, 255, 255, 0.8);
    font-size: .85vw;
    line-height: 1.4vw;
}

.p-reg p {
    margin-bottom: 20px;
}

.nice-btn i:nth-child(1) {
    float: left;
}

.nice-btn i:nth-child(1):after {
    content: '';
    display: block;
    width: 1vw;
    height: 1px;
    background: #fff;
    position: absolute;
    top: 0;
    left: 0;
    transition: .4s cubic-bezier(0.86, 0, 0.07, 1);
}

.nice-btn i:nth-child(1):before {
    content: '';
    display: block;
    width: 1px;
    height: 1vw;
    background: #fff;
    position: absolute;
    left: 0;
    top: 0;
    transition: .4s cubic-bezier(0.86, 0, 0.07, 1);
}

.nice-btn i:nth-child(2) {
    float: right;
}

.nice-btn i:nth-child(2):after {
    content: '';
    display: block;
    width: 1vw;
    height: 1px;
    background: #fff;
    position: absolute;
    bottom: 0;
    right: 0;
    transition: .4s cubic-bezier(0.86, 0, 0.07, 1);
}

.nice-btn i:nth-child(2):before {
    content: '';
    display: block;
    width: 1px;
    height: 1vw;
    background: #fff;
    position: absolute;
    bottom: 0;
    right: 0;
    transition: .4s cubic-bezier(0.86, 0, 0.07, 1);
}

.nice-btn i:nth-child(3) {
    float: right;
}

.nice-btn i:nth-child(3):after {
    content: '';
    display: block;
    width: 1vw;
    height: 1px;
    background: #fff;
    position: absolute;
    bottom: 0;
    right: 0;
    transition: .4s cubic-bezier(0.86, 0, 0.07, 1);
}

.nice-btn i:nth-child(3):before {
    content: '';
    display: block;
    width: 1px;
    height: 1vw;
    background: #fff;
    position: absolute;
    bottom: 0;
    right: 0;
    transition: .4s cubic-bezier(0.86, 0, 0.07, 1);
}

.nice-btn:hover i:nth-child(1):after {
    width: 100%;
}

.nice-btn:hover i:nth-child(1):before {
    height: 100%;
}

.nice-btn:hover i:nth-child(2):after {
    width: 100%;
}

.nice-btn:hover i:nth-child(2):before {
    height: 100%;
}

.nice-btn:hover i:nth-child(3):after {
    width: 100%;
}

.nice-btn:hover i:nth-child(3):before {
    height: 100%;
}

.box-left-text-right-image__img {
    width: 100%;
    height: auto;
    transform: scale(1.6);
}

.align-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.section-main-page-2 {
    padding: 0 0 2vw;
    z-index: 3;
}

.align-content div {
    padding: 20px;
}

.box-left-text-right-image .zag {
    margin-bottom: 20px;
}

.box-left-text-right-image .nice-btn {
    margin-top: 10px;
}

.sup-light {
    font-size: .85vw;
    color: #fff;
    margin-top: 1vw;
    line-height: 1vw;
}

.service-box {
    width: 100%;
    display: table;
    margin-top: 45px;
}
.text-box {
    width: 100%;
    display: table;
    margin-top: 45px;
    color:#fff;
    font-family:roboto-regular;
    line-height:1.4;
    vertical-align:top;
}
.text-box * {
    vertical-align:top;
}
.text-box .zoom {
    max-width:30%;
    max-height: 300px;
    display:block;
    text-align:center;
    overflow:hidden;
    margin: 10px;
}
.text-box .zoom img {
    max-width:100%;
    height:auto;
}
#back_forward {
    margin:20px 0;
}
#back_forward:after, #back_forward:before {
    content:'';
    display:block;
    clear:both;
}
#back_forward a {
    width:50%;
    color:#fff;
    font-family:roboto-regular;
    font-size:14px;
}
#back_forward .prev_page_link {
    float:left;
}
#back_forward .next_page_link {
    float:right;
    text-align:right;
}
.row-3 {
    width: 33%;
    margin: 0 0 2vw;
    height: 10vw;
    float: left;
}

.row-3:nth-child(3) {
    margin-right: 0 !important;
}

.row-3:nth-child(6) {
    margin-right: 0 !important;
}

.row-3:nth-child(9) {
    margin-right: 0 !important;
}

.row-3:nth-child(12) {
    margin-right: 0 !important;
}

.row-3:nth-child(15) {
    margin-right: 0 !important;
}

.service-box .row-3 {
    padding: .5vw;
    height: 17.5vw;
    overflow: hidden;
    background: rgba(40, 42, 50, 0.4);
    width: calc(33% - 2.1vw);
    margin: 0 2vw 2vw 0;
}

.service-box .row-3 a {
    display: block;
    position: relative;
}

.service-box .row-3 span {
    height: 70px;
    display: block;
    z-index: 999;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 30px;
    background-color: #18191f;
}

.image-service {
    position: relative;
    width: 100%;
    height: auto;
    transition: all .25s;
}

.row-3 span {
    font-family: roboto-regular;
    font-size: 1vw;
    color: #fff;
    padding: 1.4vw 0;
    text-align: center;
    display: block;
}

.page-id-4027 .row-3 .b-count span {
    font-family: inherit;
    font-size: inherit;
    color: inherit;
    padding: inherit;
    text-align: inherit;
    display: inherit;
}

.section-main-page-3 {
    padding: 1vw 0 2vw;
    height: auto;
    position: relative;
    background: rgba(12, 13, 19, 0.8);
}

.info-box {
    width: 100%;
    height: auto;
    display: table;
}

.row-4 {
    width: 25%;
    height: auto;
    float: left;
}

.cifra-info {
    font-family: 'Intro Black' !important;
    color: #fff;
    font-size: 2vw !important;
    padding: 4.3vw 0 1vw !important;
    text-align: center;
    display: block;
}

.row-3 p {
    display: block;
    text-align: center;
    color: rgba(255, 255, 255, 0.8);
    font-size: .95vw;
}

.cifra-info:after {
    content: '';
    display: block;
    width: 60px;
    height: 2px;
    background: #e31e24;
    margin: 4px auto -4px;
}

.row-4 p {
    display: block;
    text-align: center;
    color: rgba(255, 255, 255, 0.8);
    font-size: .95vw;
}

.back-info-image {
    width: 100%;
    height: 100%;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    position: absolute;
    margin: -13vw 0;
    opacity: .36;
    z-index: 0;
}

.section-main-page-4 {
    padding-top: 285px;
    padding-bottom: 150px;
}

.section-main-page-5 .cifra-info {
    padding: 80px 0 25px;
}

.cifra-info i {
    font-size: 20px;
    text-transform: uppercase;
    color: rgba(255, 255, 255, 0.64);
    font-style:normal;
}

.section-main-page-5 {
    padding-bottom: 238px;
}

.team-image {
    width: 100%;
    height: 25vw;
    background-size: 100% !important;
    background-repeat: no-repeat !important;
    background-position: 0 0 !important;
    margin-top: 5vw;
    position: relative;
    z-index: -1;
}

.section-main-page-6 .nice-btn {
    position: relative;
    margin: 30px auto 0;
    display: block;
}

.section-main-page-6 {
    z-index: 3;
    margin-top: -47vw;
}

.home [data-block="6"] {
    height: auto;
    padding: 10vw 0 6vw;
}

.home [data-block="6"] .gradient-header-bottom {
    display: none;
}

.section-main-page-6 .gradient-header-bottom {
    height: 40vw;
    background: linear-gradient(to top, rgba(12, 13, 19, 1) 0%, rgba(12, 13, 19, 1) 60%, rgba(12, 13, 19, 0) 100%);
}

.video-slide {
    max-height: 73vh;
}

.video-slide iframe {
    width: 100%;
    height: 73vh;
}

.slider-single-page .video-slide:after {
    display: none !important;
}

.section-main-page-7 {
    padding-top: 16vw;
}

.row-form-box {
    height: 36vw;
}

.row-form-box .zag {
    max-width: 30vw;
}

.row-form-box .wpcf7 {
    padding-top: 3vw;
}

.fixed-form-faq .wpcf7-textarea {
    width: calc(100% - 4vw);
}

.textarea-box {
    float: left;
    width: 100%;
}

.row-form-box:nth-child(2) {
    width: calc(45% - 40px);
    float: right;
    z-index: 10;
    position: relative;
}

.row-form-box:nth-child(3) {
    width: 60%;
    float: left;
    margin-top: -36vw;
}

.input-form {
    background: initial;
    border-radius: 2px;
    border: solid 1px rgba(255, 255, 255, 0.4);
    display: block;
    margin: .3vw 0 2vw;
    padding: 1vw;
    width: 19vw;
    outline: initial;
    font-family: roboto-regular;
    font-size: .85vw;
    color: #fff;
    transition: all .2s;
}
.input-form.error {
    border-color:#e31e24;
} 
.input-form.error + label {
    color:#e31e24;
}
.form-alert {
    width:19vw;
    padding:1vw;
    margin:0vw 0 2vw 0;
    border:1px solid #e31e24;
    opacity:0;
    visibility: hidden;
    font-family:roboto-regular;
    font-size:13px;
}
.form-alert.success {
    border-color:#00ff00;
    color:#00ff00;
    opacity:1;
    visibility: visible;
}
.form-alert.error {
    border-color:#e31e24;
    color:#e31e24;
    opacity:1;
    visibility: visible;
}
.form-action {
    margin-top: 6vw;
}

.blue-form-btn,
.wpcf7-submit {
    background: #FF3333;
    color: #fff;
    border: initial;
    padding: 1vw 1.5vw;
    font-size: .85vw;
    text-transform: uppercase;
    font-family: roboto-regular;
    text-align: center;
    width: 21vw;
    transition: all .3s;
    opacity: 1;
    outline: initial;
    cursor: pointer;
    position: relative;
}

.label-form {
    position: absolute;
    width: 100%;
    text-align: left;
    pointer-events: none;
    margin-top: -4.1vw;
    margin-left: 1vw;
    font-family: roboto-regular;
    font-size: 1vw;
    color: #fff;
    opacity: 0;
}

.wpcf7-textarea + .label-form {
    margin-top: -10vw;
}

.label-form {
    transition: all .3s;
}

.label-form::before {
    top: 0;
}

.label-form::after {
    bottom: 0;
}

.input-form:focus + .label-form,
.input--filled .label-form {
    transform: translateY(-2.2vw);
    font-size: .7vw;
}

.input-form:placeholder-shown + .label-form {
    opacity: .5;
}

.filters .label-form {
    position: relative;
    width: 100%;
    text-align: left;
    pointer-events: none;
    margin-top: 0;
    margin-left: 0;
    font-family: roboto-regular;
    font-size: .85vw;
    color: #fff;
    opacity: .5;
}

.wpcf7-submit:after {
    width: 100%;
    height: 100%;
    background: #2c73bb;
    position: absolute;
}

.input-form:focus {
    border: solid 1px rgba(255, 255, 255, 0.8);
}

.blue-form-btn:hover,
.wpcf7-submit:hover {
    background: #e31e24;
}

.div-table {
    width: 100%;
    height: auto;
    display: table;
}

.map-contacts {
    width: 100%;
    height: 60vh;
}

.div-url-link-map {
    width: 100%;
    height: 60vh;
    margin-top: -60vh;
    position: relative;
    display: block;
    cursor: pointer;
}

.head-contacts-section {
    width: 100%;
    height: auto;
    display: table;
}

.row-2-contact {
    float: left;
    height: 12vw;
}

.row-2-contact:nth-child(1) {
    width: 45%;
}

.row-2-contact:nth-child(2) {
    width: 55%;
}

.row-3-contact {
    float: left;
    width: 24%;
    margin-right: 13%;
}

.row-3-contact:nth-child(3) {
    margin-right: 0 !important;
}

.row-3-contact .sup-bold-Italic {
    font-size: 1.2vw;
    color: #fff;
    margin-bottom: 1vw;
}

.zaglushka-gallery {
    width: 100%;
    height: auto;
}

.row-3-contact p {
    color: rgba(255, 255, 255, 0.8);
    font-size: .85vw;
    font-family: roboto-regular;
    line-height: 1.3vw;
    margin-bottom: .9vw;
}

.link-footer {
    color: rgba(255, 255, 255, 0.8);
    font-size: .85vw;
    font-family: roboto-regular;
    line-height: 1.3vw;
    margin-bottom: .9vw;
    display: inline-block;
}

.text-color-blue {
    color: #e31e24 !important;
}

.icon-social {
    float: left;
    width: 1.2vw;
    height: 1.2vw;
    background-size: 100% !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    margin: 0 1.2vw 0 0;
    transition: all .2s;
}

.icon-social:hover {
    opacity: .8;
}

.fb {
    background: url(../images/facebook.svg);
}

.insta {
    background: url(../images/insta.svg);
}

.youtube {
    background: url(../images/youtube.svg);
}

.cop-box {
    width: 100%;
    display: table;
    font-family: roboto-regular;
    font-size: .85vw;
    margin: -3vw auto 2vw;
}

.cop-box span {
    color: #fff;
}

.left-cop {
    float: left;
    width: 15vw;
    text-align: left;
}

.right-cop {
    float: right;
    width: auto;
    text-align: right;
}


.section-deteiling-page-1 {
    padding: 2vw 0 8vw;
}

.row-form-box .wpcf7-mail-sent-ok {
    border: initial !important;
    color: #e31e24;
    font-size: .85vw;
    line-height: 1.4vw;
    float: left;
    margin: 1vw 0 0 !important;
    width: 21vw !important;
    padding: 0 !important;
    font-family: 'Intro Black';
}

.row-form-box .wpcf7-validation-errors,
.row-form-box .wpcf7-acceptance-missing {
    border: initial !important;
    color: rgba(249, 57, 57, 0.6);
    font-size: .85vw;
    line-height: 1.4vw;
    font-family: roboto-regular;
    margin: 1vw 0 !important;
    padding: 0 !important;
}

.name-icon-box {
    font-family: roboto-regular;
    font-size: 1vw;
    color: #fff;
    padding: 1vw 0 0;
    text-align: center;
    text-transform: initial;
    display: block;
    height: 3vw;
    width: 80%;
    margin: 0 auto;
}

.info-icon {
    width: 9vw;
    height: 9vw;
    display: block;
    margin: 3vw auto -1.3vw;
    background-size: 80% !important;
    background-position: center !important;
    position: relative;
    background-repeat: no-repeat !important;
}

.section-deteiling-page-2 {
    padding-top: 230px;
    height: 520px;
}

.section-deteiling-page-3 {
    padding-top: 200px;
}

.box-left-text-right-image .p-reg {
    display: block;
    max-width: 24vw;
}
.box-main-page.box-left-text-right-image .p-reg {
    max-width: 36vw;
}
.box-left-image-right-text {
    width: 100%;
    height: auto;
    display: table;
}
.box-left-image-right-text a {
    overflow:hidden;
    display:block;
    max-height:400px;
}
.box-left-image-right-text .row {
    float: left;
//    height: 32vw;
}

.box-left-image-right-text .row:nth-child(1) {
    width: 60%;
    float: left;
    position: relative;
}

.box-left-image-right-text .row:nth-child(2) {
    width: 40%;
    float: right;
    position: relative;
    display: flex;
    align-items: top;
    padding-left: 15px;
    box-sizing: border-box;
}

.box-left-image-right-text__img {
    width: 100%;
    height: auto;
    transform: scale(1.6);
}

.section-main-page-1 {
    padding: 1vw 0;
    position: relative;
}

.box-left-image-right-text .zag {
    margin-bottom: 20px;
}

.box-left-image-right-text .p-reg {
    display: block;
    max-width: 450px;
}

.section-deteiling-page-5 {
    padding-top: 115px;
}

.section-deteiling-page-6 {
    padding-top: 40px;
}

.section-deteiling-page-7 {
    padding-top: 95px;
}

.section-deteiling-page-10 {
    padding-top: 300px;
}

.row-2-cifra-text {
    float: left;
    width: 420px;
    height: auto;
    padding: 40px;
    margin: 0 25px 55px;
    background-color: rgba(40, 42, 50, 0.32);
}

.row-2-cifra-text_cifra {
    opacity: .48;
    font-family: 'Intro Black';
    font-size: 3.5vw;
    float: left;
    color: #e31e24;
    width: 6vw;
}

.row-2-cifra-text_text {
    font-size: 1vw;
    font-family: 'Intro Black';
    line-height: 1.6;
    color: #fff;
    float: left;
    width: 300px;
    margin: .5vw 0 0;
}

.section-deteiling-page-7 .wrapper {
    max-width: 1100px;
}

.section-deteiling-page-7 .div-table {
    padding-top: 50px;
}

.section-deteiling-page-8 {
    padding-top: 170px;
}

.div-grid {
    display: grid;
    width: 100%;
    height: auto;
}

.grid-2-col {
    grid-template-columns: 1fr 1fr;
}

.image-link-and-text_image {
    width: 500px;
    margin: 65px auto -8px;
    display: block;
}

.image-link-and-text_text {
    color: #fff;
    line-height: 1.6;
    font-size: 20px;
    font-family: 'Intro Black';
    display: block;
    text-transform: uppercase;
}

.section-deteiling-page-9 {
    padding-top: 230px;
}

.grid-3-col {
    grid-template-columns: 1fr 1fr 1fr;
}

.cifra-text-box {
    padding: 75px 0 10px;
}

.cifra-text_cifra {
    font-family: 'Intro Black' !important;
    font-size: 4vw !important;
    color: rgba(255, 255, 255, 0.32) !important;
    text-align: center;
    display: block;
    padding-top: 4vw !important;
    padding-bottom: 0 !important;
}

.cifra-text_cifra:after {
    content: '';
    display: block;
    width: 60px;
    height: 2px;
    background: #e31e24;
    margin: 4px auto -4px;
}

.cifra-text_text {
    text-align: center;
    display: block;
    font-size: 20px;
    font-family: 'Intro Black';
    line-height: 1.6;
    color: #fff;
}

.section-main-page-7 .box-left-text-right-image__img {
    padding-top: 0;
    margin-top: -10vw;
}

.box-left-image-right-text ul {
    padding-left: 0;
}

.box-left-image-right-text ul li {
    display: block;
    margin: .5vw 0;
}

.box-left-image-right-text ul li:before {
    content: "";
    display: block;
    width: 1vw;
    height: 1px;
    background: #e31e24;
    margin: .5vw 1.2vw 1vw 0;
    float: left;
}

.box-left-text-right-image ul {
    padding-left: 0;
}

.box-left-text-right-image ul li {
    display: block;
}

.box-left-text-right-image ul li:before {
    content: "";
    display: block;
    width: 1vw;
    height: 1px;
    background: #e31e24;
    margin: .5vw 1vw 1.2vw 0;
    float: left;
}

.header-shop-blue-box {
    width: calc(100% - 4vw);
    height: auto;
    padding: 2vw;
    text-align: center;
}

.service-page + .info-box-ragant {
    margin-top: 2vw;
}

.section-deteiling-page-11 {
    padding-top: 235px;
    padding-bottom: 95px;
}

.section-deteiling-page-2 .blue-form-btn {
    display: block;
    margin: 104px auto 0;
}

.section-deteiling-page-2 .cifra-text-box {
    padding: 45px 0 10px;
}

.section-helmet-page-1 {
    padding-top: 175px;
}

.section-helmet-page-2 {
    padding-top: 210px;
}

.section-helmet-page-3 {
    padding-top: 100px;
}

.section-helmet-page-5 {
    padding-top: 110px;
}

.section-helmet-page-6 {
    padding-top: 190px;
    padding-bottom: 100px;
}

.section-services-page-1 {
    padding: 180px 0 100px;
}

.section-portfolio-page-1 {
    padding: 10vw 0 5vw;
}

.section-news-page-1 {
    padding: 10vw 0 5vw;
}

.grid-4-col {
    grid-template-columns: 1fr 1fr 1fr 1fr;
}

.section-news-page-1 .zag {
    padding-bottom: 3vw;
}

.section-portfolio-page-1 .div-grid {
    width: calc(100% - 40px);
    margin: 5vw auto;
}

.grid-portfolio {
    width: calc(100% - 40px);
    margin: 20px;
    height: auto;
    position: relative;
    background-size: cover !important;
    background-position: center !important;
}

.hover-portfolio-box {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.59);
    opacity: 0;
    visibility: hidden;
    transition: all .25s;
    top: 0;
}

.grid-portfolio:hover .hover-portfolio-box {
    opacity: 1;
    visibility: visible;
}

.content-sticky .wpcf7-textarea {
    height: 7vw;
}

.hover-portfolio-box_zag {
    font-size: 1.2vw;
    line-height: 1.4;
    font-family: 'Intro Black';
    color: #fff;
    display: block;
    padding: 1vw;
    overflow: hidden;
    max-height: 6vw;
    text-transform: uppercase;
}

.hover-portfolio-box_text {
    display: block;
    padding: 0 1vw;
    margin-bottom: 1vw;
}

.section-internet-shop-page-1 {
    padding: 10vw 0 5vw;
    background-size: 100% !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
}

.section-internet-shop-page-1 .form-action {
    float: right;
    margin: 0;
    width: 20vw;
}

.form-internet-shop-zag {
    color: #fff;
    font-size: 1.4vw;
    line-height: 1.3;
    font-family: 'Intro Black';
    text-transform: uppercase;
    padding-bottom: 2vw;
}

.head-text-faq {
    color: #fff;
    font-size: 1.4vw;
    line-height: 1.3;
    font-family: 'Intro Black';
    text-transform: uppercase;
    padding: 2vw 0;
}

.content-sticky {
    position: sticky;
    top: 6vw;
}

.section-internet-shop-page-1 .row-form-box .nice-btn {
    margin-top: 20px;
}

.grid-news {
    height: 12vw;
    margin: 1vw;
    background: rgba(40, 42, 50, 0.4);
    position: relative;
}

.image-news {
    width: 40%;
    height: 100%;
    background-size: cover !important;
    background-position: center !important;
    float: left;
}

.title-news-grid {
    font-size: 1.2vw;
    line-height: 1.3;
    font-family: 'Intro Black';
    color: #fff;
    display: block;
    padding: 1vw 1.5vw 0;
    overflow: hidden;
    max-height: 3vw;
    text-transform: uppercase;
}

.text-news-grid {
    display: block;
    padding: 1vw 1.5vw 0;
    overflow: hidden;
    max-height: 4vw;
}

.details-btn {
    font-family: roboto-regular;
    font-size: 1vw;
    color: #e31e24;
    padding: 1vw 1.5vw;
    display: block;
    float: left;
    position: absolute;
    bottom: 0;
    left: 40%;
    transition: all .3s;
}

.details-btn:hover {
    color: #FF3333;
}

.section-faq-page-1 {
    padding: 10vw 0 5vw;
}

.verflow-faq-box {
    width: 65%;
    float: left;
    padding-top: 5vw;
}

.faq-accordion-box {
    width: 100%;
}

.share-box-single-news .blue-form-btn {
    width: 10vw;
}

textarea {
    resize: none;
}

.invalid .wpcf7-validates-as-required {
    border: solid 1px rgba(249, 57, 57, 0.4);
}

.faq-accordion-box .faq-row {
    position: relative;
    margin-bottom: 30px;
    background: rgba(40, 42, 50, 0.4);
}

.faq-accordion-box .faq-row .content-row-faq {
    padding: 0 2vw .5vw;
    width: calc(100% - 4vw);
    display: block;
}

.faq-accordion-box .head-row-faq {
    width: calc(100% - 4.5vw);
    display: block;
    cursor: pointer;
    line-height: 1.5;
    font-size: 1.2vw;
    font-family: roboto-regular;
    color: rgba(255, 255, 255, 0.6);
    padding: 1.5vw 2vw;
    transition: all .3s;
}

.faq-accordion-box .head-row-faq:hover {
    color: rgba(255, 255, 255, 1);
}

.active .head-row-faq {
    color: rgba(255, 255, 255, 1);
}

.faq-accordion-box .head-row-faq:after {
    width: .8vw;
    height: .8vw;
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;
    position: absolute;
    right: 2vw;
    content: " ";
    top: 2vw;
    transform: rotate(-45deg);
    transition: all .4s;
}

.active .head-row-faq:after {
    transform: rotate(45deg);
}

.fixed-form-faq {
    float: right;
    width: 30%;
    padding-top: 5vw;
}

.fixed-form-faq .form-action {
    position: sticky;
    top: 7vw;
}

.wpcf7-textarea {
    height: 8vw;
}

.contact-page {
    padding-top: 170px;
}

.section-commercial-page-1 {
    padding-top: 175px;
}

.section-commercial-page-2 {
    padding-top: 210px;
}

.section-commercial-page-3 {
    padding-top: 100px;
}

.section-commercial-page-4 {
    padding-top: 110px;
}

.section-commercial-page-5 {
    padding-top: 100px;
}

.section-commercial-page-6 {
    padding-top: 110px;
}

.section-commercial-page-7 {
    padding-top: 110px;
}

.section-commercial-page-8 {
    padding-top: 110px;
}

.section-commercial-page-9 {
    padding-top: 110px;
}

.section-commercial-page-10 {
    padding-top: 110px;
}

.section-commercial-page-8 .wrapper {
    max-width: 1104px;
}

.section-commercial-page-8 .row-2-cifra-text {
    background-color: rgba(61, 149, 238, 0.08);
    border: solid 1px rgba(61, 149, 238, 0.32);
}

.section-commercial-page-11 {
    padding-bottom: 200px;
}

.section-commercial-page-11 .image-link-and-text_text {
    font-size: 40px;
    line-height: 1.2;
}

.section-commercial-page-11 .nice-btn {
    display: block;
    margin: 20px auto;
}

.div-image-link-and-text_image {
    width: 100%;
    height: 400px;
    background-size: 110% !important;
    background-position: center !important;
}

.section-individual-page-1 {
    padding-top: 175px;
}

.section-individual-page-2 {
    padding-top: 150px;
}

.section-individual-page-3 {
    padding-top: 175px;
}

.section-individual-page-4 {
    padding-top: 150px;
}

.section-individual-page-3 .div-table {
    padding-top: 50px;
}

.section-individual-page-3 .row-3 {
    background: initial;
    width: 100%;
    margin: 0;
}

.section-individual-page-6 .image-link-and-text_text {
    font-size: 40px;
    line-height: 1.2;
}

.section-individual-page-6 .nice-btn {
    display: block;
    margin: 20px auto;
}

.section-individual-page-5 {
    padding-top: 100px;
}

.section-individual-page-6 {
    padding-bottom: 200px;
}

.section-soundproofing-page-1 {
    padding-top: 170px;
}

.section-soundproofing-page-2 {
    padding-top: 0;
}

.image-360-shum {
    width: 100%;
    height: auto;
}

.section-soundproofing-page-3 {
    padding-top: 100px;
}

.grid-contact-page-form {
    display: table;
    width: 100%;
    height: auto;
}

.grid-contact-page-form .grid-2 {
    width: 50%;
    float: left;
}

.grid-contact-page-form .grid-2 .input-form {
    width: 300px;
}

.contact-page-form-box {
    position: relative;
    width: 100%;
    height: auto;
    float: left;
    margin-top: 50px;
}

.contact-page-form-box textarea {
    width: calc(100% - 60px);
}

.section-news-single-page-1 {
    margin-top: -300px;
}

.title-single-news {
    font-family: 'Intro Black';
    font-size: 2.5vw;
    color: #fff;
    text-transform: uppercase;
    text-align: center;
    margin-bottom: 2vw;
}

.content-single-news {
    width: 50vw;
    margin: 0 auto;
    padding-bottom: 5vw;
}

.content-single-news p {
    color: rgba(255, 255, 255, 0.8);
    font-size: .85vw;
    line-height: 1.63;
    font-family: roboto-regular;
    margin-bottom: .5vw;
}

.content-single-news img {
    width: 100%;
    height: auto;
    margin: 50px 0;
}

.content-single-news h4 {
    font-size: 20px;
    font-family: supermolot-light;
    color: #fff;
    margin: 30px 0;
}

.section-news-single-page-2 {
    padding: 120px 0 200px;
}

.share-box-single-news {
    width: 100%;
    height: auto;
    padding: 1vw 0;
    border-top: .1vw solid rgba(255, 255, 255, 0.2);
    margin: 4vw 0;
    position: relative;
}

.date-single-news {
    font-family: roboto-regular;
    color: #fff;
    opacity: .5;
    font-size: 1vw;
    margin-top: -4vw;
    position: absolute;
    right: 0;
}

.content-single-news ul {
    margin: 2vw 0;
}

.share-icon-single-page .p-reg {
    float: left;
    opacity: .48;
}

.price-brand-shop {
    font-family: roboto-regular;
    font-size: 1.6vw;
    text-align: center;
    margin: .7vw 0 0;
    color: #e31e24;
}

.content-single-news li {
    color: rgba(255, 255, 255, 0.8);
    font-size: .85vw;
    line-height: 1.63;
    font-family: roboto-regular;
    margin-bottom: .7vw;
    display: inherit;
}

.content-single-news li:before {
    content: '';
    display: block;
    width: 1vw;
    height: 2px;
    background: #e31e24;
    float: left;
    margin: .5vw 1vw 0 0;
}

.section-brand-shop-page-1 {
    padding: 10vw 0 5vw;
}

.image-brand-shop {
    width: 100%;
    height: 12vw;
}

.brand-shop-grid {
    padding: 1vw;
    background: rgba(40, 42, 50, 0.4);
    margin: 1vw;
    position: relative;
}

.section-brand-shop-page-1 .zag {
    padding-bottom: 3vw;
}

.brand-shop-grid .name-shop {
    font-size: 1vw;
    color: #fff;
    margin-bottom: .5vw;
    text-align: center;
    display: block;
    margin-top: 1vw;
    width: 100%;
    font-family: 'Intro Black';
}

.content-shop {
    font-family: roboto-regular;
    font-size: .6vw;
    color: #fff;
    opacity: .5;
    text-align: center;
}

.section-about-page-1 {
    padding: 200px 0 100px;
}

.section-about-page-2 {
    padding-top: 0;
}

.section-about-page-3 {
    padding-top: 5vw;
}

.row-3-cifra-text {
    float: left;
    width: calc(33% - 6vw);
    height: 7vw;
    padding: 2vw;
    margin-right: 2vw;
    margin-bottom: 2vw;
    background-color: rgba(40, 42, 50, 0.32);
    display: flex;
    align-items: center;
}

.row-3-cifra-text .row-2-cifra-text_text {
    width: calc(100% - 6vw);
}

.section-about-page-3 .zag {
    padding-bottom: 50px;
}

.section-about-page-4 {
    padding: 0 0 50px;
}

.slider-single-page {
    width: 190%;
    height: auto;
    margin-left: -45%;
    margin-top: 7vw;
}

.slider-single-page .swiper-slide img {
    width: auto;
    height: 100%;
    margin: 0 auto;
    display: block;
    max-height: 73vh;
}

.gallery-top .swiper-slide {
    overflow: hidden;
}

.content-box-gallery {
    height: auto;
    width: 60%;
    margin: 0 auto 10vw;
    top: initial;
    opacity: 1;
    visibility: visible;
    position: relative;
}

.scroll-single-gallery {
    position: relative !important;
    opacity: 1;
    transition: all .3s;
}

.scroll-single-gallery-hidden {
    opacity: 0 !important;
}

.content-single-page {
    transition: all .3s;
}

.scroll-single-gallery-hidden + .content-single-page {
    transform: translateY(-4vw);
    opacity: 1;
}

.content-single-page {
    width: 100%;
    z-index: 10;
    position: relative;
}

.full-text-single-page p {
    margin: .5vw 0;
    line-height: 1.56;
}

.swiper-container {
    width: 100%;
    height: 100%;
    margin-left: auto;
    margin-right: auto;
    z-index: 2 !important;
}

.swiper-slide {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.gallery-top {
    height: 100%;
    width: 100%;
    max-height:300px;
}

.gallery-thumbs {
    height: 7vw;
    box-sizing: border-box;
    padding: 10px 0;
    width: calc(100% - 6vw);
    margin: -9vw auto 0 !important;
}

.gallery-thumbs .swiper-slide {
    width: calc(16.6666% - 1.1vw) !important;
    height: calc(100% - 0.2vw);
    border: 2px solid #0f101a;
    margin-right: 1vw;
}

.gallery-thumbs .swiper-slide-thumb-active {
    border: .1vw solid #e31e24;
}

.gallery-top .swiper-slide {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.title-single-page {
    line-height: 1.5;
    font-size: 1.2vw;
    font-family: roboto-regular;
    color: #fff;
    padding: 1.5vw 0;
    text-align: center;
}

.wrapper .title-single-page {
    text-align: center;
    font-size: 2.4vw;
    text-transform: uppercase;
    font-family: 'Intro Black';
    background: initial;
    cursor: initial;
}

.swiper-button-prev,
.swiper-button-next {
    top: initial !important;
    bottom: calc(8vh - 1vw);
    width: 2vw;
    height: 2vw;
    background-position: center;
    background-size: 25%;
    margin-top: 0;
}

.gallery-top .swiper-button-prev,
.gallery-top .swiper-button-next {
    z-index: 10;
    cursor: pointer;
    background-size: 2.5vw !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    outline: initial;
    transition: all .3s;
    top: 0 !important;
    width: 16vw;
    height: 100%;
    margin-top: 0;
    opacity: .4;
}

.gallery-top .swiper-button-prev:hover {
    opacity: 1;
}

.gallery-top .swiper-button-next:hover {
    opacity: 1;
}

.gallery-top .swiper-slide {
    transition: all .3s;
}

.gallery-top .swiper-button-prev {
    left: calc(25% - 3vw);
}

.gallery-top .swiper-button-next {
    right: calc(25% - 3vw);
}

.gallery-top .swiper-slide-prev {
    opacity: .2 !important;
}

.gallery-top .swiper-slide-next {
    opacity: .2 !important;
}

.gallery-top .swiper-slide-active {
    opacity: 1;
}

.swiper-button-next {
    right: 20px;
}

.swiper-button-prev {
    left: 20px;
}

.gallery-thumbs .video-slide .icon-video {
    background: url(../images/video-play.svg) rgba(0, 0, 0, 0.5);
    background-size: 2vw;
    background-repeat: no-repeat;
    background-position: center;
    width: 100%;
    height: 100%;
    display: block;
}

.grid-portfolio .icon-video {
    background: url(../images/video-play.svg);
    background-size: 2vw;
    background-repeat: no-repeat;
    background-position: center;
    width: 2vw;
    height: 2vw;
    display: block;
    top: .5vw;
    left: .5vw;
    position: absolute;
    opacity: 1;
    transition: all .2s;
}

.grid-portfolio:hover .icon-video {
    opacity: 0;
}

.close-single-page {
    width: 4vw;
    height: 4vw;
    position: fixed;
    top: .8vw;
    right: 1vw;
    background: url(../images/close-icon.svg);
    background-size: 70%;
    background-repeat: no-repeat;
    background-position: center;
    z-index: 99;
}

.lg-close {
    background: url(../images/close-icon.svg);
    background-size: 70%;
    background-repeat: no-repeat;
    background-position: center;
    height: 4vw !important;
    padding: 0 !important;
    width: 4vw !important;
}

.lg-close:after {
    content: "" !important;
}

.gallery-in-page {
    width: calc(100% - 26vw);
    height: auto;
    cursor: url(../images/double-arrow.png), auto;
    margin: 2vw auto 0 !important;
    padding: 0 13vw !important;
}

.slide-gallery {
    width: 100%;
    height: 100%;
}

.lg-outer .lg-thumb-item {
    border-radius: 0 !important;
}

.lg-outer .lg-thumb-item.active,
.lg-outer .lg-thumb-item:hover {
    border-color: #e31e24 !important;
}

.lg-actions .lg-next:before {
    content: "" !important;
}

.lg-actions .lg-prev:after {
    content: "" !important;
}

.lg-actions .lg-next {
    background: url(../images/arrow-right-big.svg);
}

.lg-actions .lg-prev {
    background: url(../images/arrow-right-big.svg);
    transform: rotate(180deg);
}

.swiper-button-prev.swiper-button-white,
.swiper-container-rtl .swiper-button-next.swiper-button-white {
    background-image: url(../images/arrow-right-big.svg) !important;
    transform: rotate(180deg);
}

.swiper-button-next.swiper-button-white,
.swiper-container-rtl .swiper-button-prev.swiper-button-white {
    background-image: url(../images/arrow-right-big.svg) !important;
}

.lg-actions .lg-next,
.lg-actions .lg-prev {
    background-color: rgba(0, 0, 0, .45);
    border-radius: 2px;
    color: #999;
    cursor: pointer;
    display: block;
    font-size: initial !important;
    margin-top: initial !important;
    padding: initial !important;
    position: absolute;
    top: calc(50% - 2vw) !important;
    z-index: 1080;
    border: none;
    outline: 0;
    height: 4vw;
    width: 4vw;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 70%;
    opacity: .6;
    transition: all .3s;
}

.lg-actions .lg-next:hover,
.lg-actions .lg-prev:hover {
    opacity: 1;
}

.lg-outer .lg-thumb-item {
    border: 2px solid #000 !important;
}

.slide-keys {
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    position: relative;
}

.gallery-in-page .swiper-slide {
    height: auto !important;
}

.grid-portfolio img {
    width: 100%;
    height: auto;
}

.slide-keys a {
    display: block;
    width: 100%;
    height: 100%;
    cursor: url(../images/double-arrow.png), auto;
    transition: all .3s;
    
    width:24vw;
    height:18vw;
    overflow:hidden;
    text-align:center;
}

.slide-keys a:hover {
    background-color: rgba(12, 13, 19, 0.4);
}

.swiper-wrapper {
    width: 100%;
    height: 100%;
}

.slide-gallery-in-page {
    width: auto !important;
}

.section-deteiling-page-1 .row-3 {
    background: initial;
    width: calc(33.333% - 3vw);
    margin: 0 3vw 2.5vw 0;
}

.background-col-8-icons {
    width: 100%;
    height: 100%;
    margin-top: 20%;
    position: absolute;
    z-index: 1;
    top: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: .2;
}

.background-col-8-icons img {
    display: block;
    width: 100%;
    margin: 0 auto;
}

.cd-product-viewer-wrapper {
    text-align: center;
    padding: 2em 0;
    background: url(../images/bg-1.png);
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center;
}

.cd-product-viewer-wrapper > div {
    display: inline-block;
}

.cd-product-viewer-wrapper .product-viewer {
    position: relative;
    z-index: 1;
    display: inline-block;
    overflow: hidden;
    height: 50vw;
    width: 70vw;
}

.cd-product-viewer-wrapper img {
    display: block;
    position: relative;
    z-index: 1;
    opacity: 0;
}

.cd-product-viewer-wrapper .product-sprite {
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    height: 100%;
    width: 3500%;
    background: url(../images/img-sprite.png) no-repeat center center;
    background-size: 100%;
    opacity: 0;
    -webkit-transition: opacity .3s;
    -moz-transition: opacity .3s;
    transition: opacity .3s;
}

.cd-product-viewer-wrapper.loaded .product-sprite {
    opacity: 1;
    cursor: ew-resize;
}

.cd-product-viewer-handle {
    position: relative;
    z-index: 2;
    width: 60%;
    max-width: 300px;
    border-radius: 50em;
    margin: 1em auto 3em;
    height: 4px;
    background: #4d4d4d;
}

.cd-product-viewer-handle .fill {
    position: absolute;
    z-index: 1;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    border-radius: inherit;
    background: #b54240;
    -webkit-transform: scaleX(0);
    -moz-transform: scaleX(0);
    -ms-transform: scaleX(0);
    -o-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    -ms-transform-origin: left center;
    -o-transform-origin: left center;
    transform-origin: left center;
    -webkit-transition: -webkit-transform .5s;
    -moz-transition: -moz-transform .5s;
    transition: transform .5s;
}

.no-csstransitions .cd-product-viewer-handle .fill {
    display: none;
}

.loaded .cd-product-viewer-handle .fill {
    opacity: 0;
    -webkit-transition: -webkit-transform 0.3s, opacity .2s .3s;
    -moz-transition: -moz-transform 0.3s, opacity .2s .3s;
    transition: transform 0.3s, opacity .2s .3s;
}

.cd-product-viewer-handle .handle {
    position: absolute;
    z-index: 2;
    display: inline-block;
    height: 44px;
    width: 44px;
    left: 0;
    top: -20px;
    background: #b54240 url(../images/cd-arrows.svg) no-repeat center center;
    border-radius: 50%;
    box-shadow: 0 0 0 6px rgba(181, 66, 64, 0.3), 0 0 20px rgba(0, 0, 0, 0.2);
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    color: transparent;
    -webkit-transform: translateX(-50%) scale(0);
    -moz-transform: translateX(-50%) scale(0);
    -ms-transform: translateX(-50%) scale(0);
    -o-transform: translateX(-50%) scale(0);
    transform: translateX(-50%) scale(0);
    -webkit-transition: box-shadow .2s;
    -moz-transition: box-shadow .2s;
    transition: box-shadow .2s;
}

.cd-product-viewer-handle .handle:active {
    box-shadow: 0 0 0 0 rgba(181, 66, 64, 0), 0 0 20px rgba(0, 0, 0, 0.2);
}

.loaded .cd-product-viewer-handle .handle {
    -webkit-transform: translateX(-50%) scale(1);
    -moz-transform: translateX(-50%) scale(1);
    -ms-transform: translateX(-50%) scale(1);
    -o-transform: translateX(-50%) scale(1);
    transform: translateX(-50%) scale(1);
    -webkit-animation: cd-bounce .3s .3s;
    -moz-animation: cd-bounce .3s .3s;
    animation: cd-bounce .3s .3s;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    animation-fill-mode: both;
    cursor: ew-resize;
}

@-webkit-keyframes cd-bounce {
    0% {
        -webkit-transform: translateX(-50%) scale(0);
    }
    60% {
        -webkit-transform: translateX(-50%) scale(1.1);
    }
    100% {
        -webkit-transform: translateX(-50%) scale(1);
    }
}

@-moz-keyframes cd-bounce {
    0% {
        -moz-transform: translateX(-50%) scale(0);
    }
    60% {
        -moz-transform: translateX(-50%) scale(1.1);
    }
    100% {
        -moz-transform: translateX(-50%) scale(1);
    }
}

@keyframes cd-bounce {
    0% {
        -webkit-transform: translateX(-50%) scale(0);
        -moz-transform: translateX(-50%) scale(0);
        -ms-transform: translateX(-50%) scale(0);
        -o-transform: translateX(-50%) scale(0);
        transform: translateX(-50%) scale(0);
    }
    60% {
        -webkit-transform: translateX(-50%) scale(1.1);
        -moz-transform: translateX(-50%) scale(1.1);
        -ms-transform: translateX(-50%) scale(1.1);
        -o-transform: translateX(-50%) scale(1.1);
        transform: translateX(-50%) scale(1.1);
    }
    100% {
        -webkit-transform: translateX(-50%) scale(1);
        -moz-transform: translateX(-50%) scale(1);
        -ms-transform: translateX(-50%) scale(1);
        -o-transform: translateX(-50%) scale(1);
        transform: translateX(-50%) scale(1);
    }
}

section {
    position: relative;
}

.parallax-selection {
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 1;
    top: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: .5;
}

.parallax-selection img {
    width: 100%;
    height: auto;
}

.overflow {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    transition: all .3s;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    z-index: 100;
    visibility: hidden;
    opacity: 0;
    transition: all .3s;
}

.close-background {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.85);
    cursor: pointer;
}

.modal {
    background-color: #282a32;
    width: 40vw;
    height: auto;
    position: fixed;
    padding-bottom: 2vw;
    transition: all .3s;
    opacity: 0;
    transform: translateY(20%);
}

.active-modal .modal {
    opacity: 1;
    transform: translateY(0%);
}

.scroll-down-box {
    cursor: pointer;
}

.service-box .a-service-360 {
    width: 100%;
    float: left;
}

.scroll-down-box .sup-Italic {
    opacity: .4;
    transition: all .3s;
}

.scroll-down-box-over:hover .sup-Italic {
    opacity: 1;
}

.scroll span {
    opacity: .4;
    transition: all .3s;
}

.scroll-down-box-over:hover .scroll span {
    opacity: 1;
}

.p-reg .div-table {
    padding-bottom: 1vw;
}

.section-main-garant .row-2 .zag {
    font-size: 1.4vw;
}

.close-modal {
    width: 2vw;
    height: 2vw;
    position: absolute;
    top: 1.5vw;
    right: 2vw;
    z-index: 10;
    cursor: pointer;
    background: url(../images/close-icon.svg);
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center;
}

.title-modal {
    font-family: 'Intro Black';
    font-size: 1.6vw;
    color: #fff;
    text-transform: uppercase;
    padding: 1.5vw 2vw 2vw;
    width: calc(100% - 10vw);
}

.modal .p-reg {
    width: calc(100% - 10vw);
    padding: 0 2vw 1vw;
}

.row-2-modal {
    width: calc(50% - 1vw);
    float: left;
    margin-right: 2vw;
    margin-bottom: 1vw;
    height: 4vw;
}

.row-2-modal:nth-child(3) {
    margin-right: 0;
}

.modal-content-form .wpcf7-textarea {
    width: calc(100% - 2vw);
    height: 7vw;
}

.modal-content-form .wpcf7-submit {
    margin-top: 0;
    width: calc(50% - 1vw);
    float: left;
}

.ajax-loader {
    display: none !important;
}

div.wpcf7-validation-errors,
div.wpcf7-acceptance-missing {
    border: initial !important;
    color: rgba(249, 57, 57, 0.6);
    font-size: .85vw;
    line-height: 1.4vw;
    font-family: roboto-regular;
}

.modal-content-form div.wpcf7-validation-errors {
    float: left;
    margin: .6vw 0 0 1vw !important;
}

div.wpcf7-mail-sent-ok {
    border: initial !important;
    color: #e31e24;
    font-size: .85vw;
    line-height: 1.4vw;
    float: left;
    margin: 0 0 0 3vw !important;
    width: 40% !important;
    padding: 0 !important;
    font-family: 'Intro Black';
}

#wpcf7-f803-o1 div.wpcf7-mail-sent-ok {
    margin: 1vw 0 0 !important;
    width: 100% !important;
}

.modal-content-form {
    width: calc(100% - 4vw);
    display: table;
    position: relative;
    margin: 0 2vw;
}

.row-2-modal .input-form {
    width: calc(100% - 2vw);
}

.sf-field-category li {
    width: 4.3vw;
    height: 4.3vw;
    background-size: 75% !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    border: 1px solid rgba(0, 0, 0, 0);
    outline: initial;
    position: relative;
    padding: 0 !important;
    cursor: pointer;
    display: block !important;
    float: left;
    border: 1px solid #282a32;
}

.sf-field-category li:hover {
    border: 1px solid #e31e24;
}

.sf-field-category li .sf-label-checkbox {
    opacity: 0;
    width: 100%;
    height: 100%;
}

.button-filter-check:hover {
    border: 1px solid #e31e24;
}

.sf-field-category .sf-option-active {
    border: 1px solid #e31e24 !important;
    background-color: rgba(61, 149, 238, 0.24) !important;
}

.sf-field-category ul,
.sf-field-tag ul {
    display: table !important;
    width: calc(100% - 4vw);
    margin: 0 auto !important;
}

.modal .filters {
    margin: 0 2vw;
}

.searchandfilter ul {
    padding: 0;
    margin: 0;
}

.sf-field-tag li {
    width: 50%;
    background: initial;
    color: #fff !important;
    text-align: left;
    float: left;
    padding: .5vw 0 !important;
    font-size: .8vw;
    font-family: roboto-regular;
    border: initial;
    cursor: pointer !important;
    outline: initial;
    opacity: .7;
}

.sf-field-tag li:hover .sf-label-checkbox {
    color: #e31e24;
}

.searchandfilter li[data-sf-field-input-type=checkbox] label,
.searchandfilter li[data-sf-field-input-type=radio] label,
.searchandfilter li[data-sf-field-input-type=range-radio] label,
.searchandfilter li[data-sf-field-input-type=range-checkbox] label {
    padding-left: initial !important;
    cursor: pointer;
}

.sf-field-tag .sf-input-checkbox[type=checkbox]:checked + .sf-label-checkbox {
    color: #e31e24 !important;
    opacity: 1;
}

.searchandfilter h4 {
    position: relative;
    width: 100%;
    text-align: left;
    pointer-events: none;
    margin-left: 2vw !important;
    font-family: roboto-regular;
    font-size: 1vw !important;
    color: #fff;
}

.selector-btn input {
    position: absolute;
}

.selector-btn {
    width: calc(100% - 4vw);
    height: auto;
    margin: .5vw 2vw;
    position: relative;
    z-index: 10;
    display: table;
}

.active-selector-btn {
    height: auto;
}

.selector-btn + .filter-name {
    margin-top: 1vw;
}

.active-selector-btn label {
    display: block;
}

.selector-btn label:hover {
    opacity: 1;
}

.selector-btn input[type=checkbox]:checked + label {
    opacity: 1;
    color: #e31e24;
}

.first-services {
    display: block;
    width: 100%;
    background: initial;
    color: #fff;
    text-align: left;
    padding: .55vw 1vw;
    font-size: .8vw;
    font-family: roboto-regular;
    border: initial;
    cursor: pointer;
    outline: initial;
    opacity: .7;
}

.selector-btn .button {
    display: block;
    width: 100%;
    background: initial;
    color: #fff;
    text-align: left;
    padding: .55vw 1vw;
    font-size: .8vw;
    font-family: roboto-regular;
    border: initial;
    cursor: pointer;
    outline: initial;
    opacity: .7;
}

.selector-btn .button:hover {
    color: #e31e24;
}

.selector-btn .button.is-checked {
    position: absolute;
    top: 0;
    opacity: 1;
}

.model-fillter {
    margin: 0 auto;
    width: calc(100% - 4vw);
}

.model-fillter input {
    position: absolute;
}

.filter-modal-btn {
    width: 5vw;
    height: auto;
    padding: .7vw 1vw;
    font-size: .8vw;
    font-family: roboto-regular;
    border: 1px solid #e31e24;
    position: absolute;
    right: 0;
    bottom: -2.5vw;
    color: #fff;
    text-align: right;
    cursor: pointer;
}

.filter-modal-btn:before {
    content: "";
    display: block;
    width: 1.2vw;
    height: 1.2vw;
    background: url(../images/filter.svg);
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center;
    float: left;
    margin: -.2vw 0;
}

.active-modal {
    visibility: visible;
    opacity: 1;
}

.active-page li:after {
    content: "";
    display: block;
    width: 100%;
    height: .1vw;
    background-color: #e31e24;
    position: relative;
    margin: .5vw 0 0;
}

.contact-page-footer {
    position: fixed;
    width: 100%;
    bottom: 3vw;
}

.video-block {
    position: relative;
    width: 80%;
    height: 35vw;
    margin: 5vw auto;
}

.video-image {
    width: 100%;
    height: 100%;
    position: absolute;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
}

.row-4 ul li {
    font-family: roboto-regular;
    font-size: 1vw;
    color: #fff;
    padding: 1vw 0 0;
    display: block;
}

.row-4 ul li:before {
    content: "";
    display: block;
    width: 1vw;
    height: .1vw;
    background: #e31e24;
    margin: .4vw 1vw 0 0;
    float: left;
}

.row-4 ul {
    padding-left: 0;
}

.chempion-row-gallery {
    width: calc(50% - 4vw);
    float: left;
    margin-right: 8vw;
}

.image-chempion-row-gallery {
    width: 100%;
    height: auto;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    position: relative;
}

.image-chempion-row-gallery .link-gallery:after {
    content: "";
    display: block;
    width: 3vw;
    height: 3vw;
    background: url(../images/zoom.svg), rgba(0, 0, 0, 0.32);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 75%;
    position: absolute;
    top: calc(50% - 1.5vw);
    right: calc(50% - 1.5vw);
    opacity: 0;
    transition: all .3s;
}

.image-chempion-row-gallery:hover .link-gallery:after {
    visibility: visible;
    opacity: 1;
}

.chempion-row-gallery:nth-child(2n) {
    margin-right: 0;
    margin-top: 10vw;
}

.gallery-chempion {
    display: table;
    margin-top: 4vw;
}

.title-gallery-chempion {
    font-family: 'Intro Black';
    font-size: 1.5vw;
    color: #fff;
    text-transform: uppercase;
    margin: 2vw 0 .5vw;
    padding: 0 1.5vw;
}

.section-4-bloka-s-text .wrapper {
    padding-top: 4vw;
}

.image-chempion-row-gallery a {
    display: block;
    width: 100%;
    height: 100%;
}

.slide-keys .link-gallery:after {
    content: "";
    display: block;
    width: 3vw;
    height: 3vw;
    background: url(../images/zoom.svg), rgba(0, 0, 0, 0.32);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 75%;
    position: absolute;
    top: calc(50% - 1.5vw);
    right: calc(50% - 1.5vw);
    opacity: 0;
    transition: all .3s;
}

.slide-keys:hover .link-gallery:after {
    visibility: visible;
    opacity: 1;
}

.section-gallery-chempion {
    width: 100%;
    height: auto;
    position: relative;
    padding: 10vw 0;
}

.chempion-row-gallery .p-reg {
    padding: 0 1.5vw;
}

.image-slide-team {
    width: 100%;
    height: auto;
    margin: 2vw auto 0;
    display: block;
    position: relative;
    z-index: -1;
}

.name-team {
    font-family: 'Intro Black';
    font-size: 1.2vw;
    color: #fff;
    width: 100%;
    display: block;
    text-align: center;
    margin-top: -9vw;
}

.content-team {
    width: 100%;
    display: block;
    text-align: center;
}

.row-3-cifra-text:nth-child(3) {
    margin-right: 0;
}

.row-3-cifra-text:nth-child(6) {
    margin-right: 0;
}

.row-3-cifra-text:nth-child(9) {
    margin-right: 0;
}

.section-gallery-team {
    width: 130%;
    height: 40vw;
    position: relative;
    padding-top: 10vw;
    padding-bottom: 5vw;
    margin: 0 0 0 -15%;
}

.section-main-garant .row-2 {
    width: 50%;
    height: auto;
    float: left;
    padding-top: 5vw;
    display: flex;
    align-items: center;
    justify-content: center;
}

.section-main-garant {
    position: relative;
    width: 100%;
    height: auto;
    padding-top: 5vw;
    padding-bottom: 5vw;
}

.section-main-garant .zag {
    text-align: center;
}

.section-main-garant .row-2 ul {
    padding-left: 0;
}

.section-main-garant .row-2 ul li {
    font-family: roboto-regular;
    padding: 1vw 0 0;
    display: block;
    color: rgba(255, 255, 255, 0.8);
    font-size: .85vw;
    line-height: 1.4;
}

.section-main-garant .row-2 ul li:before {
    content: "";
    display: block;
    width: 1vw;
    height: 1px;
    background: #e31e24;
    margin: .4vw 1vw 0 0;
    float: left;
}

.section-main-garant .nice-btn {
    display: block;
    margin: 4vw auto;
    z-index: 20;
}

ul.tabs {
    margin: 0;
    padding: 0;
    float: left;
    list-style: none;
    height: 1.5vw;
    border-bottom: .05vw solid rgba(255, 255, 255, 0.16);
    width: 100%;
}

ul.tabs li {
    float: left;
    margin: 0;
    cursor: pointer;
    padding: 0 2vw;
    height: 1.5vw;
    color: #ccc;
    overflow: hidden;
    position: relative;
    font-size: 1vw;
    font-family: 'Intro Black';
}

.tab_last {
    border-right: 1px solid #333;
}

ul.tabs li:hover {
    color: #e31e24;
}

ul.tabs li.active {
    color: #e31e24;
    border-bottom: .1vw solid #e31e24;
    display: block;
}

.tab_container {
    border-top: none;
    width: 100%;
    overflow: auto;
    overflow-y: auto;
    height: 18vw;
    padding-bottom: 4vw;
    position: relative;
}

.tab_content {
    padding: 1vw 2vw 2vw;
    position: absolute;
    display: none;
    width: calc(100% - 4vw);
}

.tab-gradient {
    width: calc(100% - 7px);
    height: 5vw;
    position: absolute;
    bottom: 7vw;
    left: 0;
    background: linear-gradient(to top, #282a32 30%, rgba(12, 13, 19, 0) 100%);
}

.tab_drawer_heading {
    display: none;
}

.blue-btn-form {
    background: #e31e24;
    color: #fff;
    border: initial;
    padding: 1.1vw 1.5vw .9vw;
    font-size: .85vw;
    text-transform: uppercase;
    font-family: roboto-regular;
    text-align: center;
    width: 21vw;
    margin: 2vw auto 0;
    display: block;
}

.plenka-box {
    width: calc(16.6666% - 0.6vw);
    height: 4.5vw;
    float: left;
    margin-right: .6vw;
    position: relative;
    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    border: .05vw solid rgba(255, 255, 255, 0.16);
    outline: initial;
    margin-top: .6vw;
}

.plenka-box:nth-child(6) {
    margin-right: 0;
}

.plenka-box:nth-child(12) {
    margin-right: 0;
}

.plenka-box:hover {
    border: .05vw solid #e31e24;
    cursor: pointer;
}

.plenka-box span {
    font-size: .7vw;
    color: #fff;
    line-height: 0;
    padding-left: .2vw;
    font-family: roboto-regular;
    position: absolute;
    left: 4px;
    bottom: 26px;
}

.header-slide-shop {
    width: 100%;
    display: table;
    position: relative;
    height: auto;
    padding: 1vw 0;
    background: #1f212a;
    margin-bottom: 2vw;
}

.row-name-shop {
    float: left;
}

.row-name-shop:nth-child(1) {
    width: 80%;
}

.row-name-shop:nth-child(2) {
    width: 20%;
}

.row-name-shop .name-shop {
    font-size: 2vw;
    color: #fff;
    margin-bottom: 10px;
    display: block;
    width: 100%;
    font-family: 'Intro Black';
}

.row-name-shop .content-shop {
    text-align: left;
}

.slide-shop .image-brand-shop {
    width: 100%;
    height: 100%;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    align-items: center;
    top: 0;
    position: absolute;
}

.slide-shop .image-brand-shop img {
    width: 60%;
}

.shop-modal .nice-btn {
    position: absolute;
    bottom: 3vw;
    left: calc(50% - 4vw);
}

.shop-modal .close-background {
    background: #000;
}

.brand-shop-gallery .swiper-button-prev,
.brand-shop-gallery .swiper-button-next {
    position: absolute;
    top: calc(50% - 2.5vw) !important;
    width: 4vw;
    height: 4vw;
    margin-top: initial;
    z-index: 10;
    cursor: pointer;
    background-size: 70%;
    background-position: center;
    background-repeat: no-repeat;
}

.brand-shop-gallery .price-brand-shop {
    font-family: roboto-regular;
    font-size: 2.2vw;
    text-align: center;
    margin: .5vw 0;
    color: #e31e24;
}

.shop-modal-btn,
.close-single-page {
    cursor: pointer;
}

.hidden-el {
    visibility: hidden;
    opacity: 0;
    height: 0;
    margin: 0;
    padding: 0;
    border: 0;
    position: absolute;
}

.wpcf7 br {
    display: none;
}

.plenka-box:after {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.plenka-box:before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: url(../images/highlight.png) rgba(0, 0, 0, 0.5);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.plenka-box:focus {
    border: .05vw solid #e31e24;
}

.plenka-box:focus:after {
    background: rgba(61, 149, 238, 0.24);
}

.plenka-box span:nth-child(3) {
    bottom: 12px;
}

.active-btn-form {
    background: #e31e24;
    cursor: pointer;
}

.display-block {
    display: block !important;
}

#slider {
    z-index: 20;
    background-color: initial !important;
    height: 2vw;
    position: relative;
    margin: 5vw auto 0;
    width: 70%;
    border: initial !important;
    cursor: pointer;
}

#slider:after {
    content: "";
    display: block;
    position: absolute;
    width: 106%;
    height: .1vw;
    background: rgba(255, 255, 255, 0.16);
    margin: .9vw 0 0 -3%;
}

#slidersec {
    z-index: 20;
    background-color: initial !important;
    height: 2vw;
    position: relative;
    margin: 12vw auto 0;
    width: 70%;
    border: initial !important;
    cursor: pointer;
}

#slidersec:after {
    content: "";
    display: block;
    position: absolute;
    width: 106%;
    height: .1vw;
    background: rgba(255, 255, 255, 0.16);
    margin: .9vw 0 0 -3%;
}

#slidersec .name-slider-range-col {
    width: 30%;
    margin-left: -15%;
    height: auto;
}

#slidersec .name-slider-range-col i {
    font-family: 'Intro Black';
    font-size: 1vw;
    color: #fff;
    opacity: 1;
    text-align: center;
    margin: 0 auto;
    position: relative;
    display: block;
    text-transform: initial;
}

#slidersec .name-slider-range-col:after {
    left: 50%;
}

#slidersec.ui-slider .name-slider-range-col:before {
    left: calc(50% + 0.2vw);
}

#slidersec.ui-slider .name-slider-range-col:hover:before {
    left: calc(50% - 0.3vw);
}

#slidersec .cifra-text_cifra {
    margin-top: -6vw;
    padding-top: initial !important;
}

#slidersec .cifra-text_cifra:after {
    display: none;
}

.zaschita-plenka .blue-form-btn {
    margin: 3vw auto 0;
    display: block;
    width: 15vw;
}

.tonirovka-info-box {
    border-radius: 4px;
    background-color: #1f212a;
    position: relative;
    z-index: 1;
    padding: 2vw;
    margin-top: 2vw;
}

.range-modal-form-btn {
    background: #e31e24;
    cursor: pointer;
    width: 100%;
    margin: 0;
}

.tonirovka-name {
    font-family: 'Intro Black';
    font-size: 1.4vw;
    color: #fff;
    text-transform: uppercase;
}

.range-text {
    display: table;
}

.row-3-range {
    float: left;
    width: 30%;
    padding: 1.5vw 3.33% 1.5vw 0;
}

.number-range {
    font-family: 'Intro Black';
    font-size: 1.8vw;
    color: #fff;
    text-transform: uppercase;
}

.p-rang {
    font-family: roboto-regular;
    color: rgba(255, 255, 255, 0.8);
    font-size: .85vw;
    line-height: 1.4vw;
}

.section-range-tonirovka {
    padding: 0 0 8vw;
    z-index: 10;
}

.ui-slider-handle {
    margin: 0;
    width: 2vw !important;
    height: 2vw !important;
    top: 0 !important;
    border: initial !important;
    border-radius: 100% !important;
    background-color: #e31e24 !important;
    outline: initial !important;
    cursor: pointer !important;
}

.section-range-tonirovka .wrapper {
    overflow: hidden;
}

.slider-colums {
    position: relative;
    width: 70%;
    z-index: 1;
    margin: 2vw auto 0;
}

.link-check {
    cursor: pointer;
}

.link-check>p {
    text-decoration: underline;
    transition: all .3s;
}

.link-check>p:hover {
    color: #FF3333 !important;
}

.name-slider-range-col {
    position: absolute;
    width: 5vw;
    height: 6vw;
    margin-top: -3vw;
}

.name-slider-range-col i {
    font-family: 'Intro Black';
    font-size: 1.5vw;
    color: #e31e24;
    text-transform: uppercase;
    margin: 0 0 0 -2vw;
    opacity: .48;
    transition: all .3s;
}

#slider:before {
    content: "";
    display: block;
    position: absolute;
    width: 10.8vw;
    height: .1vw;
    background: #0c0d13;
    left: -11.4vw;
    top: .9vw;
    z-index: 10;
}

#slidersec:before {
    content: "";
    display: block;
    position: absolute;
    width: 10.8vw;
    height: .1vw;
    background: #0c0d13;
    left: -11.4vw;
    top: .9vw;
    z-index: 10;
}

.name-slider-range-col:after {
    content: "";
    display: block;
    position: absolute;
    background: rgba(255, 255, 255, 0.16);
    margin: 0;
    width: 1vw;
    height: 1vw;
    top: 3.5vw;
    border-radius: 100%;
    background-color: #e31e24;
}

.ui-slider .name-slider-range-col:before {
    content: "";
    display: block;
    position: absolute;
    margin: 0;
    width: .4vw;
    height: .4vw;
    top: 3.7vw;
    left: .2vw;
    margin-left: 0;
    border-radius: 100%;
    border: .1vw solid #e31e24;
    transition: all .3s;
}

.ui-slider .name-slider-range-col:hover:before {
    width: 1.4vw;
    height: 1.4vw;
    top: 3.2vw;
    left: -.3vw;
}

.name-slider-range-col:hover i {
    opacity: 1;
}

.gallery-team .swiper-button-prev,
.gallery-team .swiper-button-next {
    top: 50% !important;
    width: 3vw;
    height: 3vw;
    margin-top: -2vw;
    background-size: 2.5vw;
}

.gallery-team .swiper-button-prev {
    left: 20%;
}

.gallery-team .swiper-button-next {
    right: 20%;
}

.header-content-visible {
    opacity: 1 !important;
}

.scroll {
    position: relative;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    overflow: hidden;
    height: 64px;
    width: 1px;
}

.scroll span {
    height: 100%;
    width: .1vw;
    background-color: #fff;
    -webkit-animation: scroll 2s infinite ease;
    animation: scroll 2s infinite ease;
    -webkit-animation-direction: normal;
    animation-direction: normal;
    display: block;
}

@-webkit-keyframes scroll {
    0% {
        height: 0;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    50% {
        height: 100%;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    100% {
        -webkit-transform: translateY(100%);
        transform: translateY(100%);
    }
}

@keyframes scroll {
    0% {
        height: 0;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    50% {
        height: 100%;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    100% {
        -webkit-transform: translateY(100%);
        transform: translateY(100%);
    }
}

.dev svg #yo {
    -webkit-transform: translateX(24px);
    -ms-transform: translateX(24px);
    transform: translateX(24px);
    -webkit-transition: .3s ease;
    -o-transition: .3s ease;
    transition: .3s ease;
    opacity: 0;
    fill: #e31e24;
}

.dev:hover svg #yo {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 1;
}

.dev svg #text {
    -webkit-transition: .3s ease;
    -o-transition: .3s ease;
    transition: .3s ease;
    fill: #fff;
}

.dev:hover svg #text {
    fill: #e31e24;
}

.dev svg #bg-text {
    height: 24px;
}

.dev svg {
    width: 14vw;
    height: 1vw;
}

.dev:hover {
    color: #fff;
}

.icon-btn i:nth-child(1):before {
    display: none;
}

.icon-btn i:nth-child(1):after {
    display: none;
}

.icon-btn i:nth-child(1) {
    width: 5vw;
    height: 4vw;
    float: left;
    background-size: 100% !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    margin: -1.5vw 1.5vw 0 -2vw;
}

.icon-btn i:nth-child(2) {
    display: none;
}

.icon-btn i:nth-child(3) {
    display: none;
}

.icon-btn {
    color: rgba(255, 255, 255, 0.64);
    transition: all .3s;
}

.icon-btn:hover {
    color: #e31e24;
}

.service-page {
    padding-top: 10vw;
}

.burger-mobile-menu {
    display: none;
    width: 40px;
    height: 40px;
    position: absolute;
    top: 20px;
    left: 15px;
    background: url(../images/burger-mobile.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 80%;
    z-index: 1;
}

.header-content {
    background-attachment: fixed !important;
}

.background-section-main-page-3 {
    position: fixed;
    width: 100%;
    height: 100vh;
    top: 0;
}

.row-3-contact a:hover p {
    transition: all .2s;
    color: #FF3333 !important;
}

.cifra-info i b {
    color: #fff;
    font-size: 2vw;
}

.header-content .main-page-video-background {
    position: absolute;
    transition: opacity .7s .2s;
    top: 0;
    left: 0;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
}

@media (min-aspect-ratio: 16/9) {
    .header-content .main-page-video-background {
        height: 300%;
        top: -100%;
    }
}

@media (max-aspect-ratio: 16/9) {
    .header-content .main-page-video-background {
        width: 300%;
        left: -100%;
    }
}

.background-section-main-page-3 .main-page-video-background {
    position: absolute;
    transition: opacity .7s .2s;
    top: 0;
    left: 0;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
}

@media (min-aspect-ratio: 16/9) {
    .background-section-main-page-3 .main-page-video-background {
        height: 300%;
        top: -100%;
    }
}

@media (max-aspect-ratio: 16/9) {
    .background-section-main-page-3 .main-page-video-background {
        width: 300%;
        left: -100%;
    }
}

.service-box .nice-btn {
    margin: 2vw auto 0;
    display: block;
}

.gradient-team {
    width: 8vw;
    height: 100%;
    position: absolute;
    top: 0;
    z-index: 10;
}

.gradient-left {
    left: 0;
    background: linear-gradient(to left, rgba(0, 0, 0, 0) 0%, #0c0d13 85%);
}

.gradient-right {
    right: 0;
    background: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, #0c0d13 85%);
}

.gallery-team .swiper-slide {
    opacity: .2;
    transition: all .3s;
}

.swiper-slide-prev,
.swiper-slide-active,
.swiper-slide-next {
    opacity: 1 !important;
}

.section-deteiling-page-1 .row-3 span {
    text-transform: initial;
}

.six-box .row-3 {
    width: 33%;
    margin: 0;
    height: auto;
    background: initial;
    float: left;
}

.six-box .row-3 .cifra-info {
    font-family: 'Intro Black';
    color: #fff;
    font-size: 2vw;
    padding: 4.3vw 0 1vw;
    text-align: center;
    display: block;
}

.six-box .row-3 p {
    display: block;
    text-align: center;
    color: rgba(255, 255, 255, 0.8);
    font-size: .95vw;
}

.hover-portfolio-box div {
    position: absolute;
    bottom: 0;
    left: 0;
    height: auto;
    width: 100%;
}

.contact-form-maps {
    position: fixed;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 63vh;
    background-image: linear-gradient(to right, rgba(12, 13, 19, 0), rgba(12, 13, 19, 0.9));
}

.div-maps-form .wpcf7-submit {
    width: 18vw;
}

.contact-form-maps .div-maps-form {
    float: right;
    width: 55%;
    padding-top: 3vw;
}

.contact-form-maps .div-maps-form h3 {
    font-size: 1.5vw;
    color: #fff;
    margin-bottom: 1vw;
    text-transform: uppercase;
    font-family: 'Intro Black';
}

.contact-form-maps .div-maps-form .input-form {
    width: calc(100% - 2vw);
}

.fixed-form-faq .row-2-modal {
    width: calc(100% - 2vw);
    margin-right: 0;
}

.background-gallery-team {
    width: 100%;
    height: 75%;
    position: absolute;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: 80% !important;
    top: 20vw;
}

.background-gallery-team img {
    display: block;
    margin: 0 auto;
    height: 100%;
    opacity: .25;
}

.section-4-bloka-s-text {
    padding: 0 0 5vw;
    height: auto;
    position: relative;
}

.single-page-gallery {
    width: 100%;
    height: auto;
    position: relative;
    margin-top: 0;
    overflow:hidden;
}

.share-icon-single-page {
    float: right;
    padding: 1vw 0 0;
}

.share-icon-single-page i {
    font-family: roboto-regular;
    color: rgba(255, 255, 255, 0.5);
    float: left;
    font-size: 1vw;
    margin-left: 2vw;
    text-transform: uppercase;
    transition: all .3s;
}

.facebook:hover {
    color: #3b5999;
}

.linkedin:hover {
    color: #0077b5;
}

.twitter:hover {
    color: #55acee;
}

.google:hover {
    color: #dd4b39;
}

.share-icon {
    width: 1.5vw;
    height: 1.5vw;
    background: url(../images/share.svg);
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center;
    float: left;
    margin: -.2vw 1.5vw 0 0;
}

.content-single-news .swiper-container-thumbs {
    height: 12vh;
    margin: -15% auto 0 !important;
}

.content-single-news .swiper-slide {
    height: 75%;
}

.content-single-news .gallery-top {
    margin-top: 2vw;
}

.content-single-news .gallery-top .swiper-button-prev,
.content-single-news .gallery-top .swiper-button-next {
    bottom: 10%;
}

.icon-full-view-gallery {
    width: 4vw;
    height: 4vw;
    position: fixed;
    top: 4.5vw;
    right: 0;
    background: #234e7c url(../images/close-icon.svg);
    background-size: 70%;
    background-repeat: no-repeat;
    background-position: center;
    z-index: 99;
}

.display-none-style {
    display: none !important;
}

.tonirovka-back {
    position: absolute;
    transform: scale(1);
}

.tonirovka-fon {
    position: absolute;
    transform: scale(1);
}

.row-one-box-single-page-gallery {
    padding-top: 4vw;
}

.row-two-box-single-page-gallery {
    padding-top: 4vw;
    width: 46%;
    float: left;
    margin-right: 8%;
}

.row-two-box-single-page-gallery:nth-child(2) {
    margin-right: 0;
}

.display-table-single-gallery {
    width: 100%;
    height: auto;
    display: table;
}

.shumka-zag {
    margin-bottom: 20px;
    text-align: left !important;
    margin-top: -18vw;
}

.shumka-zag + .p-reg {
    margin-bottom: 20px;
}

.text-single-slider-tonirovka {
    color: rgba(255, 255, 255, 0.8);
    font-family: roboto-regular;
    font-size: 1vw;
    width: 100%;
    text-align: center;
    padding: 2vw 0 0;
    position: relative;
}

.info-box-ragant {
    border-radius: 4px;
    border: solid 1px rgba(61, 149, 238, 0.32);
    background-color: rgba(61, 149, 238, 0.08);
    width: 36vw;
    margin: 0 auto;
    padding: 0;
    display: table;
}

.icon-garant-box {
    width: 17%;
    height: 6vw;
    background: url(../images/garant-icon.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
    float: left;
    margin: 2vw 3%;
}

.zag-garant-box {
    font-family: 'Intro Black';
    color: #fff;
    font-size: 2vw;
    margin-bottom: 1vw;
}

.content-garant-box {
    float: left;
    padding-top: 2vw;
    width: 70%;
}

.row-2 {
    float: left;
    width: 50%;
}

.row-2 ul li {
    font-family: 'Intro Black';
    color: #fff;
}

.row-1 {
    float: left;
    width: 100%;
}

.row-1 ul li {
    font-family: 'Intro Black';
    color: #fff;
}

.box-left-text-right-image ul li {
    display: block;
    margin: .5vw 0;
}

.service-link-8 {
    display: none;
}

.service-hidden-link {
    color: #8490a0 !important;
}

.gallery-top .swiper-slide-prev img,
.gallery-top .swiper-slide-next img {
    transform: scale(0.95);
    transition: all .2s;
}

.hover-element img {
    transform: scale(1) !important;
}

.filter-name {
    position: relative;
    width: 100%;
    text-align: left;
    pointer-events: none;
    margin-left: 2vw;
    font-family: roboto-regular;
    font-size: 1vw;
    color: #fff;
}

.slider-single-page .swiper-slide:after {
    content: "";
    display: block;
    width: 3vw;
    height: 3vw;
    background: url(../images/zoom.svg), rgba(0, 0, 0, 0.32);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 75%;
    position: absolute;
    top: calc(50% - 1.5vw);
    right: calc(50% - 1.5vw);
    opacity: 0;
    transition: all .3s;
}

.slider-single-page .swiper-slide:hover:after {
    opacity: 1;
}

.gallery-modal-fixed-info .title-single-page {
    font-family: 'Intro Black';
    font-size: 1.4vw;
    text-transform: uppercase;
}

.lg-outer .lg-thumb {
    margin: 0 auto;
}

.hidden-gallery-post {
    visibility: hidden;
    opacity: 0;
    width: 0;
    height: 0;
    position: absolute;
}

.lg-autoplay-button {
    display: none;
}

#lg-counter {
    display: none !important;
}

.lg-sub-html,
.lg-toolbar {
    background: initial !important;
}

.gallery-modal-fixed-info {
    position: fixed;
    z-index: 9999;
    top: 0;
    left: 0;
    height: 4.8vw;
    width: 100%;
    visibility: hidden;
    opacity: 0;
}

.lg-on .active-info-box {
    visibility: visible;
    opacity: 1;
}

.open-info-faq {
    background: #1f212a;
    cursor: url(../images/close-icon.svg), auto;
}

.full-text-single-page {
    width: 100%;
    height: 0;
    overflow: hidden;
    opacity: 0;
    transition: all .25s;
    height: auto;
    top: 5vw;
    position: absolute;
    visibility: hidden;
}

.single-text {
    width: 40%;
    position: relative;
    margin: 0 auto;
}

.open-info-faq .full-text-single-page,
.open-info-faq .title-single-page {
    cursor: url(../images/close-icon.svg), auto;
}

.title-single-page {
    background: rgba(31, 33, 42, 0.6);
    transition: all .25s;
}

.open-info-faq .full-text-single-page {
    transition: all .25s;
    opacity: 1;
    visibility: visible;
}

.open-info-faq .title-single-page {
    height: 100vh;
    background: #1f212a;
}

.open-info-faq .title-single-page:after {
    transform: rotate(45deg);
}

.lg-outer .lg-toogle-thumb:after {
    content: initial !important;
}

.lg-toogle-thumb {
    background: url(../images/gallery-hidden.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
    width: 2.5vw !important;
    padding: 0 !important;
    height: 2.5vw !important;
    opacity: .6;
    transition: all .3s;
    right: 1.5vw !important;
}

.lg-toogle-thumb:hover {
    opacity: 1;
}

.lg-actions .lg-next {
    right: .5vw !important;
}

.lg-actions .lg-prev {
    left: .5vw !important;
}

.lg-toolbar .lg-close {
    display: none !important;
}

.close-modal-gallery {
    background: url(../images/close-icon.svg);
    background-size: 55%;
    background-repeat: no-repeat;
    background-position: center;
    height: 5vw;
    width: 5vw;
    position: absolute;
    right: 0;
    top: 0;
    cursor: pointer;
    transition: all .2s;
    opacity: .6;
}

.close-modal-gallery:hover {
    opacity: 1;
}

.open-info-faq .close-modal-gallery {
    visibility: hidden;
    opacity: 0;
}

.lg-hide-items .lg-toolbar {
    opacity: 1 !important;
    -webkit-transform: translate3d(0, 0, 0) !important;
    transform: translate3d(0, 0, 0) !important;
}

.lg-outer #lg-share {
    position: absolute !important;
    top: 0;
    width: 4vw !important;
    height: 4.8vw !important;
    padding: 0 !important;
    background: url(../images/share.svg);
    background-size: 50%;
    background-repeat: no-repeat;
    background-position: center;
}

.lg-outer #lg-share:after {
    content: initial !important;
}

.box-3m {
    width: 26vw;
    height: auto;
    padding: 2vw;
    margin: -8vw auto 8vw;
    border: solid 1px rgba(255, 255, 255, 0.32);
    position: relative;
}

.row-3m-icon {
    width: calc(25% - 2vw);
    height: 2.8vw;
    float: left;
    margin-right: 2vw;
    background: url(../images/3m-icon.png);
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center;
}

.row-3m-content {
    width: 75%;
    float: left;
}

.form-action .row-2-modal {
    width: 100%;
    margin-right: 0;
}

.form-action .wpcf7-textarea {
    width: calc(100% - 2.1vw);
}

.form-action .wpcf7 {
    padding-top: 0;
}

.form-action .wpcf7-submit {
    width: 100%;
}

.form-action .input-form {
    width: calc(100% - 2.1vw);
}

#lightgallery .swiper-slide-active {
    transition: all .3s;
}

#lightgallery .swiper-slide-active:hover {
    opacity: .8 !important;
}

.sf-label-checkbox:after {
    content: "";
    display: block;
    float: left;
    width: 1vw;
    height: 1vw;
    margin: -.2vw .7vw 0 0;
    border-radius: 4px;
    border: 1px solid rgba(255, 255, 255, 0.4);
    transform: all .3s;
}

.sf-label-checkbox:hover:after {
    border: 1px solid #e31e24;
}

.sf-field-tag .sf-input-checkbox[type=checkbox]:checked + .sf-label-checkbox:after {
    background: url(../images/checkbox-hover.svg) #e31e24;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
    border: 1px solid #e31e24;
}

.gallery-team .swiper-button-prev,
.swiper-button-next {
    background-color: initial !important;
    outline: initial;
}

.logo-team {
    display: block;
    width: 7vw;
    height: 3vw;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: 100% !important;
    margin: 0 auto;
}

.logo-team.semi-pro {
    background: url(../images/semi-pro.svg);
}

.logo-team.pro {
    background: url(../images/pro.svg);
}

.logo-team.basic {
    background: url(../images/basic.svg);
}

.service-box-menu {
    width: 100%;
    position: fixed;
    height: 38vw;
    background: linear-gradient(to bottom, rgba(12, 13, 19, 1) 97%, rgba(12, 13, 19, 0) 100%);
    z-index: 98;
    padding-top: 7vw;
    opacity: 0;
    visibility: hidden;
    transform: translateY(-5%);
    transition: all .4s;
}

.service-box-menu .row-5 {
    float: left;
    padding: .5vw;
    height: 11vw;
    overflow: hidden;
    background: rgba(40, 42, 50, 0.4);
    width: calc(20% - 1.8vw);
    margin: 0 1vw 1vw 0;
}

.service-box-menu .row-5:nth-child(5) {
    margin: 0 0 1vw;
}

.service-box-menu .row-5:nth-child(10) {
    margin: 0 0 1vw;
}

.service-box-menu .row-5 .image-service {
    height: 9vw;
}

.service-box-menu .row-5:hover .image-service {
    height: 7.5vw;
}

.service-box-menu .row-5 span {
    font-family: roboto-regular;
    font-size: .8vw;
    color: #fff;
    padding: .7vw 0;
    text-align: center;
    display: block;
}

.service-box-menu .row-5 .services-link {
    font-family: roboto-regular;
    font-size: .65vw;
    color: #e31e24;
    text-align: center;
    display: block;
    width: 100%;
    padding: 0;
    visibility: hidden;
    opacity: 0;
    transition: all .25s;
}

.service-box-menu .row-5:hover .services-link {
    visibility: visible;
    opacity: 1;
}

.active-service-box-menu {
    opacity: 1;
    visibility: visible;
    transform: translateY(0%);
}

.close-box-service {
    width: 100%;
    height: 100vh;
    position: fixed;
    transform: translateY(-100%);
    top: 0;
    left: 0;
    z-index: 97;
}

.close-box-service.active-service-hover {
    transform: translateY(0%);
}

.ui-slider-handle:before {
    content: "";
    display: block;
    width: 54vw;
    height: .1vw;
    position: absolute;
    top: .9vw;
    left: -54vw;
    background: #e31e24;
}

.p-reg .nice-btn {
    margin-top: 1vw;
    display:inline-block;
}

.brand-shop-grid:after {
    content: "";
    display: block;
    width: 3vw;
    height: 3vw;
    background: url(../images/zoom.svg), rgba(0, 0, 0, 0.32);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 75%;
    position: absolute;
    top: 6vw;
    right: calc(50% - 1.5vw);
    opacity: 0;
    transition: all .3s;
}

.brand-shop-grid:hover:after {
    opacity: 1;
}

.image-brand-shop {
    transition: all .3s;
}

.brand-shop-grid:hover .image-brand-shop {
    opacity: .8;
}

.contacts-maps {
    z-index: 4;
}

.chempion-row-gallery li {
    color: rgba(255, 255, 255, 0.8);
    font-size: .85vw;
    line-height: 1.63;
    font-family: roboto-regular;
    margin-bottom: .7vw;
    display: inherit;
}

.chempion-row-gallery li:before {
    content: '';
    display: block;
    width: 1vw;
    height: 2px;
    background: #e31e24;
    float: left;
    margin: .5vw 1vw 0 0;
}

.content-box-gallery a {
    color: #FF3333;
}

.content-box-gallery a:hover {
    text-decoration: underline;
}

.section-main-page-6 + .gradient-header-bottom {
    width: 100%;
    height: 60vw;
    position: relative;
    margin-top: -60vw;
    background: linear-gradient(to top, rgba(12, 13, 19, 1) 0%, rgba(12, 13, 19, 0) 100%);
    z-index: 1;
}

.service-hover .li-head-menu {
    position: relative;
}

.service-hover .li-head-menu:before {
    content: "";
    display: block;
    position: absolute;
    width: 1vw;
    height: 1vw;
    right: -1.2vw;
    background: url(../images/service-arrow-menu.svg);
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center;
    transition: all .3s;
    transform: rotate(-90deg);
}

.active-service-hover .li-head-menu:before {
    transform: rotate(0deg);
}

.content-404 {
    width: 30vw;
    height: auto;
    margin: 17vw auto 12vw;
}

.cifra-404 {
    font-size: 10vw;
    font-family: 'Intro Black';
    color: #fff;
    margin: 0 auto;
    text-align: center;
}

.info-404 {
    text-align: center;
    margin-bottom: 2vw;
}
.button-404-box {
    text-align:center;
}
.button-404-box .blue-form-btn {
    width: 10vw;
    margin: 0 3.5vw;
}

.head-menu .head-contacts-section {
    display: none;
}

.slide-keys .link-gallery img {
    width: auto;
    height: auto;
    
    min-height:100%;
    min-width:100%;
    display:inline-block;
}

.box-left-text-right-image-mobile {
    display: none !important;
}

.box-left-text-right-image-pc {
    display: block;
}

.mobile-box-footer-form {
    display: none;
}

.pc-box-footer-form {
    display: block;
}

.menu .social-icon {
    display: none;
}

@media(min-width: 2000px) {
    .wrapper,
    .head-menu .menu {
        width: 76vw;
        max-width: initial;
    }
}

@media(max-width: 1023px) {
    #video {
        display: none;
    }
    .right-menu-box {
        position: relative;
        right: initial;
        top: initial;
        width: auto;
    }
    .animation {
        width: 200px;
        height: 100px;
        position: fixed;
        top: calc(50% - 50px);
        left: calc(50% - 100px);
        z-index: 999;
    }
    .wrapper {
        width: calc(100% - 100px);
    }
    .menu .social-icon {
        display: block;
    }
    .right-cop {
        margin-top: 13px;
    }
    .contacts-maps {
        z-index: 4;
        padding-top: 40px;
    }
    .mobile-box-footer-form {
        display: block;
    }
    .pc-box-footer-form {
        display: none;
    }
    .brand-shop-grid .name-shop {
        font-size: 16px;
        color: #fff;
        margin-bottom: 5px;
        text-align: center;
        display: block;
        margin-top: 10px;
        width: 100%;
        font-family: 'Intro Black';
    }
    .content-shop {
        font-family: roboto-regular;
        font-size: 10px;
        color: #fff;
        opacity: .5;
        text-align: center;
        width: 70%;
        margin: 0 auto;
    }
    .image-brand-shop {
        width: 100%;
        height: 110px;
    }
    .brand-shop-grid {
        padding: 10px;
        background: rgba(40, 42, 50, 0.4);
        margin: 5px;
        position: relative;
    }
    .price-brand-shop {
        font-family: roboto-regular;
        font-size: 18px;
        text-align: center;
        margin: 5px 0 0;
        color: #e31e24;
    }
    .row-name-shop .name-shop {
        font-size: 20px;
        color: #fff;
        margin-bottom: 10px;
        display: block;
        width: 100%;
        margin: 10px 0 0 20px;
        font-family: 'Intro Black';
    }
    .row-name-shop .content-shop {
        text-align: left;
        width: 100%;
        margin: 0 0 5px 20px;
    }
    .brand-shop-gallery .price-brand-shop {
        font-family: roboto-regular;
        font-size: 20px;
        text-align: center;
        margin: 14px 0;
        color: #e31e24;
    }
    .row-name-shop:nth-child(1) {
        width: 60%;
    }
    .row-name-shop:nth-child(2) {
        width: 25%;
    }
    .slide-shop .image-brand-shop img {
        width: 80%;
    }
    .background-gallery-team {
        top: 0;
    }
    .shop-modal .nice-btn {
        position: absolute;
        bottom: 40px;
        left: calc(50% - 57px);
    }
    .section-brand-shop-page-1 {
        padding: 100px 0 50px;
    }
    .close-single-page {
        width: 40px;
        height: 40px;
        position: fixed;
        top: 10px;
        right: 10px;
        background: url(../images/close-icon.svg);
        background-size: 90%;
        background-repeat: no-repeat;
        background-position: center;
        z-index: 99;
    }
    .header-shop-blue-box {
        width: calc(100% - 40px);
        height: auto;
        padding: 20px;
        text-align: center;
    }
    .service-page + .info-box-ragant {
        margin-top: 40px;
    }
    .gallery-top {
        margin: 100px auto 20px !important;
    }
    .box-left-text-right-image-mobile {
        display: block !important;
    }
    .box-left-text-right-image-pc {
        display: none;
    }
    .date-single-news {
        font-family: roboto-regular;
        color: #fff;
        opacity: .5;
        font-size: 14px;
        margin-top: 20px;
        position: absolute;
        right: 0;
    }
    .section-main-page-3 .row-3 {
        width: 32%;
        margin: 20px auto 0;
        height: auto;
    }
    .row-3 .cifra-text_cifra {
        padding: 8px 0 0 20px !important;
        text-align: left;
        float: left;
    }
    .row-3 .cifra-text_cifra:after {
        display: none;
    }
    .row-3 .name-icon-box {
        text-align: left;
        float: left;
        width: calc(100% - 110px);
        padding-left: 20px;
        height: auto;
    }
    .head-menu .head-contacts-section {
        display: block;
    }
    .head-menu .head-contacts-section .row-2-contact:nth-child(1) {
        width: calc(100% - 40px);
        margin-left: initial;
    }
    .burger-mobile-menu {
        display: block;
    }
    .parallax-selection {
        display: none;
    }
    .box-left-text-right-image .row:nth-child(1) {
        width: 100%;
        float: left;
        display: initial;
        align-items: initial;
        height: auto;
    }
    .box-left-text-right-image .row:nth-child(2),
    .box-main-page.box-left-text-right-image .row:nth-child(2) {
        width: calc(100% - 40px);;
        float: left;
        height: auto;
        margin-top:10px;
        padding: 0 20px 10px 20px;
    }
    .p-reg .nice-btn {
        margin-top: 20px;
    }
    .section-main-page-3 {
        padding: 50px 0;
    }
    .head-menu {
        width: 100%;
    }
    .icon-btn {
        width: 100%;
    }
    .section-deteiling-page-1 .row-4 .name-icon-box {
        height: auto;
        padding-bottom: 30px;
    }
    .logo {
        background-size: 90%;
        width: 140px;
        height: 60px;
        position: absolute;
        top: 10px;
        left: calc(50vw - 70px);
    }
    .div-table .row-2 {
        width: 100%;
    }
    .box-left-image-right-text ul li:before {
        content: "";
        display: block;
        width: 10px;
        height: 1px;
        background: #e31e24;
        margin: 6px 10px 0 0;
        float: left;
    }
    .box-left-image-right-text ul {
        padding-left: 0;
        margin: 0;
    }
    .box-left-text-right-image ul li:before {
        content: "";
        display: block;
        width: 10px;
        height: 1px;
        background: #e31e24;
        margin: 6px 10px 0 0;
        float: left;
    }
    .box-left-text-right-image ul {
        padding-left: 0;
        margin: 0;
    }
    .head-menu:after {
        content: "";
        display: block;
        background: linear-gradient(to bottom, rgba(12, 13, 19, 1) 30%, rgba(12, 13, 19, 0) 100%);
        position: absolute;
        width: 100%;
        height: 90px;
    }
    .head-menu .menu {
        width: 100%;
        max-width: initial;
        margin: 0 auto;
        padding: 80px 0 40px;
        background: #0c0d13;
        position: absolute;
        height: calc(100vh - 120px);
        overflow-x: hidden;
        overflow-y: auto;
        transform: translateX(-100%);
        transition: all .3s;
    }
    .home .head-menu .menu {
        transform: translateX(-100%);
        opacity: 0;
        transition: all .3s;
        transition-delay: 0s;
    }
    .home.animate-body .menu {
        transform: translateX(-100%);
        opacity: 1;
        transition-delay: 0s;
    }
    .head-menu .menu.active-menu-mobile {
        transform: translateX(0%);
    }
    .menu:before {
        content: "";
        display: block;
        position: fixed;
        background: url(../images/mobile-menu-background.png);
        width: 100%;
        height: 160%;
        top: 0;
        left: 0;
        z-index: -1;
        background-size: 100%;
        background-repeat: no-repeat;
        background-position: center;
        opacity: 0;
        transition: all .3s;
    }
    .active-menu-mobile:before {
        opacity: 1;
    }
    .li-head-menu {
        display: block;
        color: #fff;
        font-size: 26px;
        width: 100%;
        float: left;
        text-align: center;
        text-transform: uppercase;
        margin: 3vh 0 0;
        font-family: 'Intro Black';
        transition: .2s cubic-bezier(0.86, 0, 0.07, 1);
    }
    .margin-left-li-menu {
        margin-left: 0;
    }
    .active-mobile-menu {
        width: 100vw !important;
    }
    .menu .social-icon {
        position: relative;
        margin-top: 3vh;
        float: left;
        margin-left: calc(50% - 70px);
    }
    .header .h1 {
        position: relative;
        font-size: 32px;
    }
    .header .h5 {
        font-size: 16px;
        margin-top: 10px;
    }
    .header-content-box {
        width: 100%;
        padding-top: calc(33vh + 40px);
    }
    .category-description.row-2 {
        padding-left:50px;
        padding-right:50px;
        padding-top: calc(5vh + 40px);
        box-sizing:border-box;
        width: 100%;
    }
    .category-description-inner {
        background:rgba(45, 45, 45, 0.4);
        padding:5vw 5vw;
        border-radius:40px;
    }
    .category-description-inner span {
        font-size:14px;
    }
    .gradient-header-bottom {
        display:none;
    }
    .header-content {
        background-attachment: initial !important;
    }
    .home .header-content {
        background: url(../images/222.jpg) !important;
        background-size: cover !important;
        background-repeat: no-repeat !important;
        background-position: center !important;
    }
    .section-main-garant .row-2 .zag {
        font-size: 14px;
    }
    .zag {
        font-size: 20px;
    }
    .box-left-text-right-image .p-reg,
    .box-main-page.box-left-text-right-image .p-reg {
        max-width: 100%;
    }
    .p-reg {
        font-size: 14px;
        line-height: 1.4;
    }
    .row-3 {
        width: 100%;
        margin: 0 auto 70px;
        height: auto;
    }
    .service-box {
        width: calc(100% - 40px);
        display: table;
        padding: 20px;
        margin-top: 10px;
    }
    .service-box .row-3 {
        padding: 10px;
        height: 210px;
        overflow: hidden;
        margin-bottom: 20px;
        width: calc(50% - 40px);
        margin: 0 10px 20px;
    }
    .row-3 span {
        font-size: 14px;
        padding: 15px 0 0;
    }
    .image-service {
        height: auto;
    }
    .services-link {
        font-size: 14px;
        padding: 10px 0;
        opacity: 1;
        visibility: visible;
    }
    .service-box .row-3:hover .image-service {
        height: 140px;
    }
    .gallery-chempion {
        display: table;
        margin-top: 0;
    }
    .section-gallery-chempion .sup-light {
        margin: 20px auto 0;
        width: calc(100% - 140px);
    }
    .slide-keys .link-gallery img {
        width: calc(100% - 40px);
        height: auto;
        margin: 0 auto;
        display: block;
    }
    #slidersec:before {
        content: "";
        display: block;
        position: absolute;
        width: 100px;
        height: 2px;
        background: #0c0d13;
        left: -110px;
        top: 5px;
        z-index: 10;
    }
    .page-id-280 .section-main-page-3 .six-box .roboto-regular {
        height: 35px;
    }
    .page-id-280 .section-main-garant {
        margin-top: -80px;
    }
    .close-mob-menu {
        background: url(../images/menu-mob-close.svg);
        background-position: center;
        background-repeat: no-repeat;
        background-size: 80%;
    }
    .single-page-gallery {
        margin-bottom: 100px;
    }
    .sup-light {
        font-size: 14px;
        margin-top: 10px;
        line-height: initial;
        width: calc(100% - 40px);
        margin: 20px auto 30px;
    }
    .sup-light br {
        display: none;
    }
    .cifra-info i b {
        color: #fff;
        font-size: 16px;
    }
    .info-box .row-3 {
        margin: 0 auto;
        height: auto;
    }
    .chempion-row-gallery li {
        color: rgba(255, 255, 255, 0.8);
        font-size: 14px;
        line-height: 1.63;
        font-family: roboto-regular;
        margin-bottom: 10px;
        display: inherit;
    }
    .content-404 {
        width: calc(100% - 40px);
        height: auto;
        margin: 100px auto 80px;
    }
    .button-404-box .blue-form-btn {
        margin: 0 3.5vw;
        width: calc(100% - 20px);
    }
    .button-404-box .nice-btn {
        margin: 30px auto;
        display: block;
        width: calc(100% - 20px);
    }
    .contact-page-footer {
        position: relative;
        width: 100%;
        bottom: initial;
    }
    .page-id-308 .head-contacts-section {
        width: 100%;
        height: auto;
        display: table;
        margin-top: 570px;
    }
    .contact-form-maps {
        position: absolute;
        bottom: initial;
        right: 0;
        top: 120px;
        width: 100%;
        height: auto;
        background-image: linear-gradient(to right, rgba(12, 13, 19, 0), rgba(12, 13, 19, 0.9));
    }
    .plenka-box {
        width: calc(20% - 10px);
        height: 100px;
        float: left;
        margin-right: 10px;
        margin-bottom: 10px;
        position: relative;
        background-size: cover !important;
        background-position: center !important;
        background-repeat: no-repeat !important;
        border: .05vw solid rgba(255, 255, 255, 0.16);
        outline: initial;
        margin-top: initial;
    }
    .row-4 .cifra-info .b-count {
        width: 100%;
        display: block;
    }
    .tab_container {
        border-top: none;
        width: 100%;
        overflow: auto;
        overflow-y: auto;
        height: calc(100vh - 230px);
        padding-bottom: 0;
        position: relative;
    }
    .info-box {
        width: calc(100% - 40px);
        height: auto;
        display: table;
        margin: 0 auto;
    }
    .box-left-text-right-image {
        width: 100%;
        padding: 0px 0;
    }
    .row-form-box:nth-child(2) {
        width: calc(100% - 40px);
        margin: 20px;
    }
    .tab-gradient {
        width: calc(100% - 7px);
        height: 10vh;
        position: relative;
        bottom: initial;
        left: 0;
        margin-top: -10vh;
        background: linear-gradient(to top, #282a32 30%, rgba(12, 13, 19, 0) 100%);
    }
    .modal-content-form .wpcf7-textarea {
        width: calc(100% - 42px);
        height: 50px;
    }
    .row-form-box:nth-child(1) {
        width: 100%;
        float: left;
        margin-top: 0;
        height: auto;
    }
    .row-4 {
        width: 25%;
    }
    .cifra-info {
        font-size: 20px !important;
        padding: 40px 0 10px !important;
    }
    .row-4 p {
        font-size: 14px;
        min-height: 40px;
        width: 90%;
        text-align: center;
        margin: 0 auto;
    }
    .nice-btn {
        font-size: 14px;
        padding: 16px 20px;
    }
    .icon-btn i:nth-child(1) {
        width: 70px;
        height: 50px;
        margin: -8px auto 5px;
        float: initial;
        display: block;
    }
    .nice-btn i:nth-child(1):before,
    .nice-btn i:nth-child(2):before,
    .nice-btn i:nth-child(3):before {
        height: 10px;
    }
    .nice-btn i:nth-child(1):after,
    .nice-btn i:nth-child(2):after,
    .nice-btn i:nth-child(3):after {
        width: 10px;
    }
    .box-left-image-right-text .row:nth-child(1) {
        width: 100%;
    }
    .section-range-tonirovka {
        padding: 40px 0;
        z-index: 10;
    }
    .section-deteiling-page-1 {
        padding: 60px 0 40px;
    }
    .section-deteiling-page-1 .row-3 .name-icon-box {
        height: auto;
        text-align: center;
        width: 90%;
        padding-left: 5%;
    }
    .box-left-image-right-text .row:nth-child(2) {
        width: 100%;
        float: initial;
        position: relative;
        display: flex;
        align-items: center;
        margin: 10px 0 0 0;
        padding: 0 20px;
    }
    .box-left-image-right-text .row:nth-child(1) {
        width: 100%;
        float: initial;
        position: relative;
        height: auto;
    }
    .section-range-tonirovka .zag {
        text-align: center;
    }
    .cifra-text_cifra {
        font-size: 40px !important;
        padding-top: 20px !important;
    }
    .name-icon-box {
        font-size: 14px;
        padding: 15px 0 0;
        width: 80%;
        height: 90px;
    }
    .slide-keys {
        width: 100%;
        height: 100%;
    }
    .gallery-in-page {
        width: 100%;
        height: auto;
        cursor: url(../images/double-arrow.png), auto;
        margin: 30px auto !important;
        padding: 0 !important;
    }
    .gallery-in-page .swiper-slide {
        height: auto !important;
        background-size: initial !important;
    }
    .page-id-50 .section-main-page-6 {
        z-index: 3;
        padding-top: 70px;
        background: rgba(12, 13, 19, 0.8);
        margin-top: 0;
    }
    .scroll-down-box span {
        font-size: 12px;
    }
    .scroll span {
        width: 1px;
    }
    .box-left-image-right-text .row {
        float: left;
        height: auto;
    }
    .cifra-info i {
        font-size: 12px;
        display: block;
    }
    .team-image {
        width: 100%;
        height: 32vw;
        background-size: 90% !important;
        background-repeat: no-repeat !important;
        background-position: center top !important;
        margin-top: 30px;
        position: relative;
        z-index: -1;
    }
    .home [data-block="6"] {
        height: auto;
        padding: 100px 0 0;
    }
    .service-box-menu {
        display: none;
    }
    .grid-portfolio a {
        height: auto;
        line-height: 0;
        display: inline-block;
        float: left;
    }
    .zag.text-center {
        margin: 0 auto;
        width: calc(100% - 40px);
    }
    .cop-box {
        width: calc(100% - 40px);
        display: table;
        font-family: roboto-regular;
        font-size: 12px;
        margin: -90px auto 20px;
    }
    div.wpcf7-mail-sent-ok {
        border: initial !important;
        color: #e31e24;
        font-size: 14px;
        line-height: initial;
        float: left;
        margin: 21px 0 0 !important;
        width: 80% !important;
        padding: 0 !important;
        font-family: 'Intro Black';
    }
    .left-cop {
        float: left;
        width: 100px;
    }
    .dev svg {
        width: 160px;
        height: auto;
    }
    .input-form {
        background: initial;
        border-radius: 2px;
        border: solid 1px rgba(255, 255, 255, 0.4);
        display: block;
        margin: 10px 0 20px;
        padding: 16px 20px;
        width: calc(100% - 40px);
        outline: initial;
        font-family: roboto-regular;
        font-size: 14px;
        color: #fff;
        transition: all .2s;
    }
    .form-alert {
        width:100%
    }
    .section-main-page-6 {
        margin-top:0;
    }
    .slide-keys .link-gallery:after {
        display: none;
    }
    .label-form {
        margin-top: -53px;
        margin-left: 20px;
        font-size: 14px;
    }
    .row-form-box {
        height: auto;
    }
    .blue-form-btn,
    .wpcf7-submit {
        padding: 16px 20px;
        font-size: 14px;
        width: 100%;
    }
    .row-2-contact {
        float: left;
        height: auto;
    }
    .row-2-contact:nth-child(1) {
        width: calc(100% - 40px);
        margin-left: 20px;
    }
    .row-2-contact:nth-child(2) {
        width: 100%;
        margin-bottom: 30px;
    }
    .row-3-contact {
        float: left;
        width: calc(30% - 10px);
        margin-right: initial;
        margin-left: 20px;
        margin-top: 30px;
    }
    .row-3-contact .sup-bold-Italic {
        font-size: 16px;
        color: #fff;
        margin-bottom: 10px;
    }
    .row-3-contact p {
        font-size: 14px;
        font-family: roboto-regular;
        line-height: 1.4;
        margin-bottom: 10px;
    }
    .icon-social {
        float: left;
        width: 24px;
        height: 24px;
        background-size: 100% !important;
        background-repeat: no-repeat !important;
        background-position: center !important;
        margin: 0 25px 0 0;
        transition: all .2s;
    }
    .box-3m {
        width: calc(100% - 170px);
        height: auto;
        padding: 2vw;
        margin: 50px auto;
        border: solid 1px rgba(255, 255, 255, 0.32);
        position: relative;
    }
    .row-3m-icon {
        width: 80px;
        height: 50px;
        margin: 0 auto;
        float: initial;
        margin-right: auto;
    }
    .info-icon {
        width: 70px;
        height: 70px;
        display: block;
        margin: 10px auto -10px;
        background-size: 100% !important;
        background-position: center !important;
        position: relative;
        background-repeat: no-repeat !important;
    }
    .row-3 p {
        font-size: 14px;
    }
    .service-page {
        padding-top: 110px;
    }
    .row-3m-content {
        width: 100%;
        float: initial;
        text-align: center;
        margin: 10px 0;
    }
    .row-form-box .zag {
        max-width: 100%;
    }
    .section-main-garant .row-2 {
        width: calc(50% - 40px);
        height: auto;
        float: left;
        padding-top: 30px;
        margin-left: 20px;
        display: flex;
        align-items: center;
        justify-content: initial;
    }
    .section-main-garant .row-2 ul li {
        padding: 10px 0 0;
        font-size: 14px;
        line-height: 1.4;
    }
    .section-main-garant .row-2 ul li:before {
        width: 10px;
        height: 2px;
        margin: 6px 10px 20px 0;
    }
    .info-box-ragant {
        width: calc(100% - 140px);
        margin: 40px auto;
    }
    .section-main-garant .nice-btn {
        display: block;
        margin: 20px auto 50px;
        z-index: 20;
    }
    .icon-garant-box {
        width: 60px;
        height: 60px;
        margin: 10px auto;
        float: initial;
    }
    .content-garant-box {
        float: left;
        padding-top: 0;
        width: 100%;
        text-align: center;
    }
    .zag-garant-box {
        font-size: 20px;
        margin-bottom: 5px;
    }
    .section-main-garant {
        padding-top: 0;
        padding-bottom: 40px;
    }
    .head-menu .head-contacts-section {
        margin-top: 0;
    }
    .tonirovka-info-box {
        border-radius: 4px;
        background-color: #1f212a;
        position: relative;
        z-index: 1;
        padding: 20px 20px 1px;
        margin-top: 20px;
    }
    .tonirovka-name {
        font-size: 20px;
        text-align: center;
    }
    .row-3-range {
        float: left;
        width: 30%;
        padding: 20px 16px 20px 0;
    }
    .number-range {
        font-size: 16px;
    }
    .p-rang {
        font-size: 14px;
        line-height: 1.4;
        margin-top: 5px;
    }
    .plenka-modal-decor .blue-btn-form {
        padding: 16px 20px;
        font-size: 14px;
        margin: 20px;
        display: block;
        position: absolute;
        bottom: 10px;
        width: calc(100% - 40px);
    }
    .blue-btn-form {
        padding: 16px 20px;
        font-size: 14px;
        margin: 20px 0;
        display: block;
        position: relative;
        bottom: 10px;
        width: 100%;
    }
    #slider:before {
        content: "";
        display: block;
        position: absolute;
        width: 100px;
        height: 2px;
        background: #0c0d13;
        left: -110px;
        top: 5px;
        z-index: 10;
    }
    .chempion-row-gallery {
        width: calc(50% - 30px);
        float: left;
        margin-right: initial;
        margin-left: 20px;
        margin-top: 40px;
    }
    .chempion-row-gallery:nth-child(2n) {
        margin-right: 0;
        margin-top: 40px;
    }
    .image-chempion-row-gallery {
        height: 190px;
    }
    ul.tabs {
        height: auto;
    }
    ul.tabs li {
        float: left;
        margin: 0;
        cursor: pointer;
        padding: 13px 10px 4px;
        height: auto;
        color: #ccc;
        overflow: hidden;
        position: relative;
        font-size: 14px;
        border-bottom: 1px solid rgba(0, 0, 0, 0);
        font-family: 'Intro Black';
    }
    ul.tabs li.active {
        color: #e31e24;
        border-bottom: 1px solid #e31e24;
        display: block;
    }
    .chempion-row-gallery ul {
        padding-left: 0;
    }
    .chempion-row-gallery li:before {
        content: '';
        display: block;
        width: 10px;
        height: 2px;
        background: #e31e24;
        float: left;
        margin: 10px 10px 0 0;
    }
    .section-4-bloka-s-text .row-4 {
        width: 50%;
    }
    .section-4-bloka-s-text .row-4 ul {
        margin: 0;
    }
    .section-4-bloka-s-text {
        padding: 0 0 40px;
    }
    .title-gallery-chempion {
        font-size: 24px;
        margin: 20px 0 10px;
        padding: 0 10px;
    }
    .chempion-row-gallery .p-reg {
        padding: 0 10px;
    }
    .row-4 ul li {
        font-size: 14px;
        padding: 10px 0 0 30px;
    }
    .row-4 ul li:before {
        width: 10px;
        height: 2px;
        margin: 6px 10px 0 0;
    }
    .section-deteiling-page-1 .row-3 {
        background: initial;
        width: 32%;
        margin: 0 0 20px;
    }
    .six-box .row-3 p {
        font-size: 14px;
    }
    .six-box .row-3 {
        width: 33%;
    }
    .shumka-zag {
        margin-top: 0;
    }
    .grid-portfolio {
        width: calc(100% - 20px);
        margin: 10px;
        height: auto;
    }
    .section-portfolio-page-1 .div-grid {
        padding-top: 40px;
        padding: 0 10px;
        width: calc(100% - 20px);
    }
    .close-modal-gallery {
        width: 50px;
        height: 50px;
        background-size: 80% !important;
    }
    .title-single-page {
        line-height: 1.5;
        font-size: 20px !important;
        padding: 10px 40px 10px 20px;
        text-align: left;
        width: calc(100% - 60px);
    }
    .lg-prev,
    .lg-next {
        display: none !important;
    }
    .title-single-page:after {
        width: 10px;
        height: 10px;
        top: 12px;
    }
    .gallery-modal-fixed-info {
        height: 35px;
    }
    .single-text {
        width: calc(100% - 40px);
        position: relative;
        margin: 20px auto;
    }
    .hover-portfolio-box_zag {
        max-height: 25px;
        font-size: 12px;
        padding: 10px;
    }
    .hover-portfolio-box_text {
        display: none;
        padding: 0 10px;
        overflow: hidden;
        max-height: 52px;
        margin-bottom: 10px;
    }
    .section-portfolio-page-1 {
        padding: 110px 0 50px;
    }
    .slider-single-page .swiper-slide img {
        width: 100%;
        height: auto;
        margin: 0 auto;
        display: block;
        max-height: initial;
    }
    .swiper-container {
        position: relative;
        overflow: hidden;
        list-style: none;
        padding: 0;
        z-index: 1;
    }
    .content-box-gallery {
        height: auto;
        width: calc(100% - 40px);
        margin: 0 auto 20px;
    }
    .share-box-single-news .blue-form-btn {
        width: 100%;
    }
    .scroll.scroll-single-gallery {
        display: none;
    }
    .share-icon-single-page {
        float: left;
        padding: 20px 0 0;
    }
    .share-icon-single-page .p-reg {
        width: 100%;
        margin-bottom: 20px;
    }
    .lg-toogle-thumb {
        background: url(../images/gallery-hidden.svg);
        background-repeat: no-repeat;
        background-position: center;
        background-size: 100%;
        width: 40px !important;
        padding: 0 !important;
        height: 40px !important;
        opacity: .6;
        transition: all .3s;
        right: 10px !important;
    }
    .share-icon-single-page i {
        font-family: roboto-regular;
        color: rgba(255, 255, 255, 0.5);
        float: left;
        font-size: 14px;
        margin-left: initial;
        text-transform: uppercase;
        margin-right: 10px;
        transition: all .3s;
    }
    .section-gallery-team {
        width: 100%;
        height: auto;
        position: relative;
        padding-top: 110px;
        padding-bottom: 20px;
        margin: 0;
    }
    .gallery-team .swiper-button-prev,
    .gallery-team .swiper-button-next {
        top: 50% !important;
        width: 40px;
        height: 40px;
        margin-top: -20px;
        background-size: 100%;
    }
    .gallery-team .swiper-button-next {
        right: 20px;
    }
    .gallery-team .swiper-button-prev {
        left: 20px;
    }
    .name-team {
        font-size: 20px;
        margin: -50px auto 0;
        width: calc(100% - 20px);
    }
    .gallery-team {
        width: calc(100% + 300px);
        margin-left: -150px !important;
        height: auto;
    }
    .gallery-team .swiper-slide-prev,
    .gallery-team .swiper-slide-next {
        opacity: .2 !important;
    }
    .gallery-team .swiper-slide-active {
        opacity: 1 !important;
    }
    .row-3-cifra-text {
        float: left;
        width: calc(100% - 60px);
        height: 80px;
        padding: 10px;
        margin-right: 20px;
        margin-bottom: 20px;
        margin-left: 20px;
        background-color: rgba(40, 42, 50, 0.32);
        display: flex;
        align-items: center;
    }
    .logo-team {
        display: block;
        width: 100px;
        height: 45px;
    }
    .background-gallery-team img {
        display: block;
        margin: 10% -50%;
        height: auto;
        width: 200%;
        opacity: .25;
    }
    .row-2-cifra-text_cifra {
        opacity: .48;
        font-family: 'Intro Black';
        font-size: 45px;
        float: left;
        color: #e31e24;
        width: 55px;
    }
    .row-3-cifra-text .row-2-cifra-text_text {
        width: calc(100% - 75px);
    }
    .row-2-cifra-text_text {
        font-size: 14px;
        margin: 5px 0 0 20px;
    }
    .verflow-faq-box {
        width: calc(100% - 40px);
        float: initial;
        padding-top: 20px;
        margin: 0 auto 70px;
    }
    .page-id-24 .wrapper.div-table {
        width: 100%;
    }
    .faq-accordion-box .head-row-faq {
        width: calc(100% - 50px);
        font-size: 14px;
        padding: 10px 35px 10px 15px;
    }
    .faq-accordion-box .head-row-faq:after {
        width: 10px;
        height: 10px;
        right: 15px;
        top: 15px;
    }
    .faq-accordion-box .faq-row .content-row-faq {
        padding: 0 15px 10px;
        width: calc(100% - 30px);
    }
    .head-text-faq {
        font-size: 20px;
        padding: 20px 0;
    }
    .fixed-form-faq {
        float: initial;
        width: calc(100% - 40px);
        padding-top: 0;
        height: auto !important;
        margin: 0 auto;
    }
    .form-internet-shop-zag {
        font-size: 20px;
        padding-bottom: 20px;
    }
    .row-2-modal .input-form {
        width: calc(100% - 40px);
    }
    .row-2-modal {
        height: auto;
    }
    .fixed-form-faq .wpcf7-textarea {
        width: calc(100% - 50px);
        height: 50px;
    }
    .wpcf7-textarea {
        height: 50px;
    }
    .modal-content-form div.wpcf7 {
        margin: 0;
        padding: 0;
        width: calc(100% - 30px);
        margin: 0 auto;
    }
    .wpcf7-textarea + .label-form {
        margin-top: -85px;
    }
    .section-faq-page-1 {
        padding: 110px 0 50px;
    }
    .text-garant-box {
        width: calc(100% - 40px);
        margin: 0 20px;
    }
    .filter-modal-btn {
        width: 40px;
        font-size: 0;
        bottom: -30px;
        right: 20px;
    }
    .filter-modal-btn:before {
        content: "";
        width: 100%;
        height: 30px;
        background: url(../images/filter.svg);
        background-size: 70%;
        background-repeat: no-repeat;
        background-position: center;
        float: left;
        margin: 4px auto;
        display: block;
    }
    .searchandfilter h4 {
        position: relative;
        width: 100%;
        text-align: left;
        pointer-events: none;
        margin-left: 20px !important;
        font-family: roboto-regular;
        font-size: 16px !important;
        color: #fff;
    }
    .sf-field-tag li {
        width: calc(50% - 40px);
        background: initial;
        color: #fff !important;
        text-align: left;
        float: left;
        padding: 14px 20px 14px 10px !important;
        font-size: 14px;
        font-family: roboto-regular;
        border: initial;
        cursor: pointer !important;
        outline: initial;
        opacity: .7;
    }
    .sf-label-checkbox:after {
        content: "";
        display: block;
        float: left;
        width: 24px;
        height: 24px;
        margin: -6px 15px 0 0;
        border-radius: 4px;
        border: 1px solid rgba(255, 255, 255, 0.4);
        transition: all .3s;
    }
    .sf-field-category li {
        width: calc(10% - 2px);
        height: 60px;
    }
    .filtering-modal {
        overflow-x: hidden;
        overflow-y: auto;
    }
    .modal {
        background-color: #282a32;
        width: 100%;
        height: 100vh;
        position: fixed;
        top: 0;
        left: 0;
    }
    .title-modal {
        font-family: 'Intro Black';
        font-size: 20px;
        color: #fff;
        text-transform: uppercase;
        padding: 20px 20px 10px;
        width: calc(100% - 65px);
    }
    .close-modal {
        width: 40px;
        height: 40px;
        top: 10px;
        right: 10px;
    }
    ul.tabs {
        margin: 0 0 20px 20px;
        padding: 0;
        float: left;
        list-style: none;
        height: auto;
        border-bottom: 0 solid rgba(255, 255, 255, 0.16);
        width: calc(100% - 40px);
    }
    .tab_content {
        padding: 0 10px 10px 20px;
        position: absolute;
        display: none;
        width: calc(100% - 30px);
    }
    .modal .p-reg {
        width: calc(100% - 40px);
        padding: 0 20px 20px;
    }
    div.wpcf7-validation-errors,
    div.wpcf7-acceptance-missing {
        font-size: 14px;
    }
    .contact-form-maps .div-maps-form {
        float: initial;
        width: calc(100% - 40px);
        padding-top: 20px;
        margin: 0 auto;
    }
    .contact-form-maps .div-maps-form h3 {
        font-size: 20px;
        margin-bottom: 20px;
    }
    .row-2-modal {
        width: 100%;
        float: left;
        margin-right: 0;
        margin-bottom: 0;
    }
    .contact-form-maps .div-maps-form .input-form {
        width: calc(100% - 40px);
    }
    .div-maps-form .wpcf7-submit {
        width: 100%;
    }
    .active-page li:after,
    .li-head-menu:after {
        display: none;
    }
    .link-gallery {
        width: 100%;
        height: 100%;
        position: relative;
    }
    .hover-portfolio-box {
        position: relative;
        display: none;
    }
    .faq-accordion-box .faq-row {
        position: relative;
        margin-bottom: 15px;
    }
    .grid-4-col {
        grid-template-columns: 1fr 1fr;
    }
    .section-internet-shop-page-1 {
        padding: 100px 0 50px;
    }
    .section-internet-shop-page-1 .form-action {
        float: initial;
        margin: 0 auto;
        width: calc(100% - 40px);
    }
    .section-internet-shop-page-1 .form-action .input-form {
        width: calc(100% - 40px);
    }
    .slider-single-page {
        width: 260%;
        height: auto;
        margin-left: -80%;
        margin-top: 100px;
    }
    .scroll-single-gallery-hidden + .content-single-page {
        transform: translateY(0);
        opacity: 1;
    }
    .icon-plus-hover:before {
        content: '';
        display: block;
        width: 2px;
        height: 40px;
        background: #fff;
        position: absolute;
        top: calc(50% - 20px);
        left: calc(50% - 1px);
    }
    .icon-plus-hover:after {
        content: '';
        display: block;
        width: 40px;
        height: 2px;
        background: #fff;
        position: absolute;
        top: calc(50% - 1px);
        left: calc(50% - 20px);
    }
    .input-form:focus + .label-form,
    .input--filled .label-form {
        transform: translateY(0);
        font-size: 14px;
    }
    .name-slider-range-col {
        position: absolute;
        width: 44px;
        height: 20px;
        margin-top: -40px;
    }
    .name-slider-range-col i {
        font-family: 'Intro Black';
        font-size: 16px;
        color: #e31e24;
        text-transform: uppercase;
        margin: 0 0 0 -22px;
        opacity: .48;
        transition: all .3s;
    }
    .zaschita-plenka .blue-form-btn {
        margin: 100px auto 0;
        display: block;
        width: auto;
    }
    #slidersec {
        z-index: 20;
        background-color: initial !important;
        height: 2vw;
        position: relative;
        margin: 80px auto 0;
        width: 70%;
        border: initial !important;
        cursor: pointer;
    }
    .page-id-253 .section-deteiling-page-1 .row-4 .name-icon-box {
        padding-bottom: 30px;
        height: 40px;
    }
    #slidersec .name-slider-range-col i {
        font-family: 'Intro Black';
        font-size: 10px;
        color: #fff;
        opacity: 1;
        text-align: center;
        margin: 60px auto 0;
        position: relative;
        display: block;
        text-transform: initial;
    }
    #slidersec:after {
        content: "";
        display: block;
        position: absolute;
        width: 106%;
        height: 2px;
        background: rgba(255, 255, 255, 0.16);
        margin: 5px 0 0 -3%;
    }
    .text-single-slider-tonirovka {
        color: rgba(255, 255, 255, 0.8);
        font-family: roboto-regular;
        font-size: 14px;
        width: 100%;
        text-align: center;
        padding: 20px 0 0;
        position: relative;
    }
    #slider {
        z-index: 20;
        background-color: initial !important;
        height: 2vw;
        position: relative;
        margin: 70px auto 0;
        width: 70%;
        border: initial !important;
        cursor: pointer;
    }
    .ui-slider-handle {
        margin: 0;
        width: 20px !important;
        height: 20px !important;
        top: -5px !important;
        margin-left: -10px !important;
        border: initial !important;
        border-radius: 100% !important;
        background-color: #e31e24 !important;
        outline: initial !important;
        cursor: pointer !important;
    }
    .ui-slider-handle:before {
        content: "";
        display: block;
        width: 68vw;
        height: 2px;
        position: absolute;
        top: 10px;
        left: -67vw;
        background: #e31e24;
    }
    .ui-slider .name-slider-range-col:before {
        display: none;
    }
    #slider:after {
        content: "";
        display: block;
        position: absolute;
        width: 106%;
        height: 2px;
        background: rgba(255, 255, 255, 0.16);
        margin: 5px 0 0 -3%;
    }
    .name-slider-range-col:after {
        content: "";
        display: block;
        position: absolute;
        background: rgba(255, 255, 255, 0.16);
        margin: 0;
        width: 12px;
        height: 12px;
        top: 40px;
        margin-left: -6px;
        border-radius: 100%;
        background-color: #e31e24;
    }
    .section-main-page-6 .nice-btn {
        position: relative;
        margin: -40px auto 40px;
        display: block;
    }
    .row-3:nth-child(3) {
        margin-right: 10px !important;
    }
    .page-id-289 .section-main-page-3 .row-3 {
        width: 49%;
        margin: 20px auto 0;
        height: auto;
    }
    .page-id-289 .section-main-page-3 .row-3:nth-child(3) {
        margin-right: 0 !important;
    }
    #slidersec .name-slider-range-col:after {
        left: calc(50% - 6px);
        margin-left: 0;
    }
    .page-id-280 .section-main-page-3 .row-3:nth-child(3) {
        margin-right: 0 !important;
    }
    .section-main-page-3 .hover-portfolio-box {
        display: none;
    }
    .page-id-440 .section-main-page-3 .row-3 {
        width: 50%;
        margin: 40px auto 0;
        height: 80px;
    }
    .brand-shop-gallery .swiper-button-prev,
    .brand-shop-gallery .swiper-button-next {
        position: absolute;
        top: calc(50% - 15px) !important;
        width: 40px;
        height: 40px;
        margin-top: initial;
        z-index: 10;
        cursor: pointer;
        background-size: 90%;
        background-position: center;
        background-repeat: no-repeat;
    }
    .page-id-440 .section-main-page-3 .row-3:nth-child(3) {
        margin-right: 0 !important;
    }
}

@media(max-width: 1023px) and (orientation: landscape) {
    .right-menu-box {
        position: relative;
        right: initial;
        top: initial;
        width: auto;
    }
    .section-range-tonirovka .box-left-image-right-text__img {
        display: none;
    }
    .page-id-440 .section-main-page-3 .row-3:nth-child(3) {
        margin-right: 0 !important;
    }
    .tab_container {
        height: calc(100vh - 190px);
    }
    .wrapper {
        width: 100%;
    }
    .header-content-box {
        width: calc(100% - 20px);
        padding-top: 33vh;
    }
    .slide-shop .image-brand-shop {
        width: 100%;
        height: calc(100% - 62px);
        margin: 0 auto;
        display: flex;
        justify-content: center;
        align-items: center;
        top: 62px;
        position: absolute;
    }
    .slide-shop .image-brand-shop img {
        width: 50%;
    }
    .plenka-box {
        width: calc(25% - 10px);
        height: 70px;
        float: left;
        margin-right: 10px;
        margin-bottom: 10px;
        position: relative;
        background-size: cover !important;
        background-position: center !important;
        background-repeat: no-repeat !important;
        border: .05vw solid rgba(255, 255, 255, 0.16);
        outline: initial;
        margin-top: initial;
    }
    .info-box-ragant {
        width: calc(100% - 50px);
        margin: 40px auto;
    }
    .box-3m {
        width: calc(100% - 70px);
    }
}

@media(max-width: 500px) {
    .right-menu-box {
        position: relative;
        right: initial;
        top: initial;
        width: auto;
    }
    .section-range-tonirovka .box-left-image-right-text__img {
        display: none;
    }
    .team-image {
        width: 100%;
        height: 65vw;
        margin-top: 30px;
        position: relative;
        z-index: -1;
    }
    .link-footer {
        font-size: 14px;
    }
    .wrapper {
        width: 100%;
        overflow: hidden;
    }
    .page-id-289 .section-main-page-3 .row-3 {
        width: 100%;
        margin: 20px auto 0;
        height: auto;
    }
    .page-id-440 .section-main-page-3 .row-3 {
        width: 100%;
        margin: 20px auto 0;
        height: auto;
    }
    .row-3-contact {
        float: left;
        width: calc(100% - 40px);
        margin-right: initial;
        margin-left: 20px;
        margin-top: 30px;
    }
    .section-deteiling-page-1 .row-3 {
        background: initial;
        width: 50%;
        margin: 0 0 20px;
    }
    .row-3-range {
        float: left;
        width: 100%;
        padding: 10px 0;
    }
    .service-box .row-3 {
        width: calc(100% - 20px);
        margin: 0 0 30px;
    }
    .row-3:nth-child(3) {
        margin-right: 0 !important;
    }
    .section-main-garant .row-2 {
        width: calc(100% - 40px);
    }
    .section-main-page-3 .row-3 {
        width: 100%;
        margin: 20px auto 0;
        height: auto;
    }
    .chempion-row-gallery {
        width: calc(100% - 40px);
        float: left;
        margin-right: initial;
        margin-left: 20px;
        margin-top: 40px;
    }
    .section-4-bloka-s-text .row-4 {
        width: 100%;
    }
    .row-4 {
        width: 50%;
    }
    .six-box .row-3 {
        width: 50%;
    }
    .sf-field-category li {
        width: calc(20% - 2px);
        height: 60px;
    }
    .slide-shop .image-brand-shop img {
        width: 90%;
    }
    .plenka-box {
        width: calc(33.333% - 10px);
        height: 70px;
        float: left;
        margin-right: 10px;
        margin-bottom: 10px;
        position: relative;
        background-size: cover !important;
        background-position: center !important;
        background-repeat: no-repeat !important;
        border: .05vw solid rgba(255, 255, 255, 0.16);
        outline: initial;
        margin-top: initial;
    }
    .info-box-ragant {
        width: calc(100% - 50px);
        margin: 40px auto;
    }
    .sf-field-tag li {
        width: calc(100% - 40px);
        padding: 14px 20px 14px 10px !important;
    }
    .section-gallery-chempion .sup-light {
        width: calc(100% - 40px);
    }
    .box-3m {
        width: calc(100% - 60px);
    }
}

div.wpcf7 {
    margin: 0;
    padding: 0;
}

div.wpcf7 .screen-reader-response {
    position: absolute;
    overflow: hidden;
    clip: rect(1px, 1px, 1px, 1px);
    height: 1px;
    width: 1px;
    margin: 0;
    padding: 0;
    border: 0;
}

div.wpcf7-response-output {
    margin: 2em .5em 1em;
    padding: .2em 1em;
    border: 2px solid #e31e24;
}

div.wpcf7-mail-sent-ok {
    border: 2px solid #398f14;
}

div.wpcf7-mail-sent-ng,
div.wpcf7-aborted {
    border: 2px solid #e31e24;
}

div.wpcf7-spam-blocked {
    border: 2px solid #ffa500;
}

div.wpcf7-validation-errors,
div.wpcf7-acceptance-missing {
    border: 2px solid #f7e700;
}

.wpcf7-form-control-wrap {
    position: relative;
}

span.wpcf7-not-valid-tip {
    color: #f00;
    font-size: 1em;
    font-weight: normal;
    display: block;
}

.use-floating-validation-tip span.wpcf7-not-valid-tip {
    position: absolute;
    top: 20%;
    left: 20%;
    z-index: 100;
    border: 1px solid #e31e24;
    background: #fff;
    padding: .2em .8em;
}

span.wpcf7-list-item {
    display: inline-block;
    margin: 0 0 0 1em;
}

span.wpcf7-list-item-label::before,
span.wpcf7-list-item-label::after {
    content: " ";
}

.wpcf7-display-none {
    display: none;
}

div.wpcf7 .ajax-loader {
    visibility: hidden;
    display: inline-block;
    background-image: url(../images/ajax-loader.gif);
    width: 16px;
    height: 16px;
    border: none;
    padding: 0;
    margin: 0 0 0 4px;
    vertical-align: middle;
}

div.wpcf7 .ajax-loader.is-active {
    visibility: visible;
}

div.wpcf7 div.ajax-error {
    display: none;
}

div.wpcf7 .placeheld {
    color: #888;
}

div.wpcf7 input[type="file"] {
    cursor: pointer;
}

div.wpcf7 input[type="file"]:disabled {
    cursor: default;
}

div.wpcf7 .wpcf7-submit:disabled {
    cursor: not-allowed;
}

.chosen-container {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.chosen-container * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.chosen-container .chosen-drop {
    position: absolute;
    top: 100%;
    z-index: 1010;
    width: 100%;
    border: 1px solid #aaa;
    border-top: 0;
    background: #fff;
    -webkit-box-shadow: 0 4px 5px rgba(0, 0, 0, .15);
    box-shadow: 0 4px 5px rgba(0, 0, 0, .15);
    clip: rect(0, 0, 0, 0);
    -webkit-clip-path: inset(100% 100%);
    clip-path: inset(100% 100%);
}

.chosen-container.chosen-with-drop .chosen-drop {
    clip: auto;
    -webkit-clip-path: none;
    clip-path: none;
}

.chosen-container a {
    cursor: pointer;
}

.chosen-container .chosen-single .group-name,
.chosen-container .search-choice .group-name {
    margin-right: 4px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-weight: 400;
    color: #999;
}

.chosen-container .chosen-single .group-name:after,
.chosen-container .search-choice .group-name:after {
    content: ":";
    padding-left: 2px;
    vertical-align: top;
}

.chosen-container-single .chosen-single {
    position: relative;
    display: block;
    overflow: hidden;
    padding: 0 0 0 8px;
    border: 1px solid #aaa;
    border-radius: 5px;
    background-color: #fff;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(20%, #fff), color-stop(50%, #f6f6f6), color-stop(52%, #eee), to(#f4f4f4));
    background: linear-gradient(#fff 20%, #f6f6f6 50%, #eee 52%, #f4f4f4 100%);
    background-clip: padding-box;
    -webkit-box-shadow: 0 0 3px #fff inset, 0 1px 1px rgba(0, 0, 0, .1);
    box-shadow: 0 0 3px #fff inset, 0 1px 1px rgba(0, 0, 0, .1);
    color: #444;
    text-decoration: none;
    white-space: nowrap;
    line-height: 24px;
}

.chosen-container-single .chosen-default {
    color: #999;
}

.chosen-container-single .chosen-single span {
    display: block;
    overflow: hidden;
    margin-right: 26px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.chosen-container-single .chosen-single-with-deselect span {
    margin-right: 38px;
}

.chosen-container-single .chosen-single abbr {
    position: absolute;
    top: 6px;
    right: 26px;
    display: block;
    width: 12px;
    height: 12px;
    background: url(../images/chosen-sprite.png) -42px 1px no-repeat;
    font-size: 1px;
}

.chosen-container-single .chosen-single abbr:hover,
.chosen-container-single.chosen-disabled .chosen-single abbr:hover {
    background-position: -42px -10px;
}

.chosen-container-single .chosen-single div {
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    width: 18px;
    height: 100%;
}

.chosen-container-single .chosen-single div b {
    display: block;
    width: 100%;
    height: 100%;
    background: url(../images/chosen-sprite.png) 0 2px no-repeat;
}

.chosen-container-single .chosen-search {
    position: relative;
    z-index: 1010;
    margin: 0;
    padding: 3px 4px;
    white-space: nowrap;
}

.chosen-container-single .chosen-search input[type=text] {
    margin: 1px 0;
    padding: 4px 20px 4px 5px;
    width: 100%;
    height: auto;
    outline: 0;
    border: 1px solid #aaa;
    background: url(../images/chosen-sprite.png) 100% -20px no-repeat;
    font-size: 1em;
    font-family: sans-serif;
    line-height: normal;
    border-radius: 0;
}

.chosen-container-single .chosen-drop {
    margin-top: -1px;
    border-radius: 0 0 4px 4px;
    background-clip: padding-box;
}

.chosen-container-single.chosen-container-single-nosearch .chosen-search {
    position: absolute;
    clip: rect(0, 0, 0, 0);
    -webkit-clip-path: inset(100% 100%);
    clip-path: inset(100% 100%);
}

.chosen-container .chosen-results {
    color: #444;
    position: relative;
    overflow-x: hidden;
    overflow-y: auto;
    margin: 0 4px 4px 0;
    padding: 0 0 0 4px;
    max-height: 240px;
    -webkit-overflow-scrolling: touch;
}

.chosen-container .chosen-results li {
    display: none;
    margin: 0;
    padding: 5px 6px;
    list-style: none;
    line-height: 15px;
    word-wrap: break-word;
    -webkit-touch-callout: none;
}

.chosen-container .chosen-results li.active-result {
    display: list-item;
    cursor: pointer;
}

.chosen-container .chosen-results li.disabled-result {
    display: list-item;
    color: #ccc;
    cursor: default;
}

.chosen-container .chosen-results li.highlighted {
    background-color: #3875d7;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(20%, #3875d7), color-stop(90%, #2a62bc));
    background-image: linear-gradient(#3875d7 20%, #2a62bc 90%);
    color: #fff;
}

.chosen-container .chosen-results li.no-results {
    color: #777;
    display: list-item;
    background: #f4f4f4;
}

.chosen-container .chosen-results li.group-result {
    display: list-item;
    font-weight: 700;
    cursor: default;
}

.chosen-container .chosen-results li.group-option {
    padding-left: 15px;
}

.chosen-container .chosen-results li em {
    font-style: normal;
    text-decoration: underline;
}

.chosen-container-multi .chosen-choices {
    position: relative;
    overflow: hidden;
    margin: 0;
    padding: 0 5px;
    width: 100%;
    height: auto;
    border: 1px solid #aaa;
    background-color: #fff;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(1%, #eee), color-stop(15%, #fff));
    background-image: linear-gradient(#eee 1%, #fff 15%);
    cursor: text;
}

.chosen-container-multi .chosen-choices li {
    float: left;
    list-style: none;
}

.chosen-container-multi .chosen-choices li.search-field {
    margin: 0;
    padding: 0;
    white-space: nowrap;
}

.chosen-container-multi .chosen-choices li.search-field input[type=text] {
    margin: 1px 0;
    outline: 0;
    border: 0 !important;
    background: 0 0 !important;
    -webkit-box-shadow: none;
    box-shadow: none;
    font-size: 100%;
    line-height: normal;
    border-radius: 0;
    width: 25px;
}

.chosen-container-multi .chosen-choices li.search-choice {
    position: relative;
    padding: 3px 20px 3px 5px;
    border: 1px solid #aaa;
    max-width: 100%;
    border-radius: 3px;
    background-color: #eee;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), to(#eee));
    background-image: linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
    background-size: 100% 19px;
    background-repeat: repeat-x;
    background-clip: padding-box;
    -webkit-box-shadow: 0 0 2px #fff inset, 0 1px 0 rgba(0, 0, 0, .05);
    box-shadow: 0 0 2px #fff inset, 0 1px 0 rgba(0, 0, 0, .05);
    color: #333;
    line-height: 13px;
    cursor: default;
}

.chosen-container-multi .chosen-choices li.search-choice span {
    word-wrap: break-word;
}

.chosen-container-multi .chosen-choices li.search-choice .search-choice-close {
    position: absolute;
    top: 4px;
    right: 3px;
    display: block;
    width: 12px;
    height: 12px;
    background: url(../images/chosen-sprite.png) -42px 1px no-repeat;
    font-size: 1px;
}

.chosen-container-multi .chosen-choices li.search-choice .search-choice-close:hover {
    background-position: -42px -10px;
}

.chosen-container-multi .chosen-choices li.search-choice-disabled {
    padding-right: 5px;
    border: 1px solid #ccc;
    background-color: #e4e4e4;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), to(#eee));
    background-image: linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
    color: #666;
}

.chosen-container-multi .chosen-choices li.search-choice-focus {
    background: #d4d4d4;
}

.chosen-container-multi .chosen-choices li.search-choice-focus .search-choice-close {
    background-position: -42px -10px;
}

.chosen-container-multi .chosen-results {
    margin: 0;
    padding: 0;
}

.chosen-container-multi .chosen-drop .result-selected {
    display: list-item;
    color: #ccc;
    cursor: default;
}

.chosen-container-active .chosen-single {
    border: 1px solid #5897fb;
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .3);
    box-shadow: 0 0 5px rgba(0, 0, 0, .3);
}

.chosen-container-active.chosen-with-drop .chosen-single {
    border: 1px solid #aaa;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(20%, #eee), color-stop(80%, #fff));
    background-image: linear-gradient(#eee 20%, #fff 80%);
    -webkit-box-shadow: 0 1px 0 #fff inset;
    box-shadow: 0 1px 0 #fff inset;
}

.chosen-container-active.chosen-with-drop .chosen-single div {
    border-left: none;
    background: 0 0;
}

.chosen-container-active.chosen-with-drop .chosen-single div b {
    background-position: -18px 2px;
}

.chosen-container-active .chosen-choices {
    border: 1px solid #5897fb;
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .3);
    box-shadow: 0 0 5px rgba(0, 0, 0, .3);
}

.chosen-container-active .chosen-choices li.search-field input[type=text] {
    color: #222 !important;
}

.chosen-disabled {
    opacity: .5 !important;
    cursor: default;
}

.chosen-disabled .chosen-choices .search-choice .search-choice-close,
.chosen-disabled .chosen-single {
    cursor: default;
}

.chosen-rtl {
    text-align: right;
}

.chosen-rtl .chosen-single {
    overflow: visible;
    padding: 0 8px 0 0;
}

.chosen-rtl .chosen-single span {
    margin-right: 0;
    margin-left: 26px;
    direction: rtl;
}

.chosen-rtl .chosen-single-with-deselect span {
    margin-left: 38px;
}

.chosen-rtl .chosen-single div {
    right: auto;
    left: 3px;
}

.chosen-rtl .chosen-single abbr {
    right: auto;
    left: 26px;
}

.chosen-rtl .chosen-choices li {
    float: right;
}

.chosen-rtl .chosen-choices li.search-field input[type=text] {
    direction: rtl;
}

.chosen-rtl .chosen-choices li.search-choice {
    margin: 3px 5px 3px 0;
    padding: 3px 5px 3px 19px;
}

.chosen-rtl .chosen-choices li.search-choice .search-choice-close {
    right: auto;
    left: 4px;
}

.chosen-rtl.chosen-container-single .chosen-results {
    margin: 0 0 4px 4px;
    padding: 0 4px 0 0;
}

.chosen-rtl .chosen-results li.group-option {
    padding-right: 15px;
    padding-left: 0;
}

.chosen-rtl.chosen-container-active.chosen-with-drop .chosen-single div {
    border-right: none;
}

.chosen-rtl .chosen-search input[type=text] {
    padding: 4px 5px 4px 20px;
    background: url(../images/chosen-sprite.png) -30px -20px no-repeat;
    direction: rtl;
}

.chosen-rtl.chosen-container-single .chosen-single div b {
    background-position: 6px 2px;
}

.chosen-rtl.chosen-container-single.chosen-with-drop .chosen-single div b {
    background-position: -12px 2px;
}

@media only screen and (-webkit-min-device-pixel-ratio:1.5),
only screen and (min-resolution:144dpi),
only screen and (min-resolution:1.5dppx) {
    .chosen-container .chosen-results-scroll-down span,
    .chosen-container .chosen-results-scroll-up span,
    .chosen-container-multi .chosen-choices .search-choice .search-choice-close,
    .chosen-container-single .chosen-search input[type=text],
    .chosen-container-single .chosen-single abbr,
    .chosen-container-single .chosen-single div b,
    .chosen-rtl .chosen-search input[type=text] {
        background-image: url(../images/chosen-sprite@2x.png) !important;
        background-size: 52px 37px !important;
        background-repeat: no-repeat !important;
    }
}

.select2-container {
    box-sizing: border-box;
    display: inline-block;
    margin: 0;
    position: relative;
    vertical-align: middle;
}

.select2-container .select2-selection--single {
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    height: 28px;
    user-select: none;
    -webkit-user-select: none;
}

.select2-container .select2-selection--single .select2-selection__rendered {
    display: block;
    padding-left: 8px;
    padding-right: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.select2-container .select2-selection--single .select2-selection__clear {
    position: relative;
}

.select2-container[dir=rtl] .select2-selection--single .select2-selection__rendered {
    padding-right: 8px;
    padding-left: 20px;
}

.select2-container .select2-selection--multiple {
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    min-height: 32px;
    user-select: none;
    -webkit-user-select: none;
}

.select2-container .select2-selection--multiple .select2-selection__rendered {
    display: inline-block;
    overflow: hidden;
    padding-left: 8px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.select2-container .select2-search--inline {
    float: left;
}

.select2-container .select2-search--inline .select2-search__field {
    box-sizing: border-box;
    border: none;
    font-size: 100%;
    margin-top: 5px;
    padding: 0;
}

.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button {
    -webkit-appearance: none;
}

.select2-dropdown {
    background-color: #fff;
    border: 1px solid #aaa;
    border-radius: 4px;
    box-sizing: border-box;
    display: block;
    position: absolute;
    left: -100000px;
    width: 100%;
    z-index: 1051;
}

.select2-results {
    display: block;
}

.select2-results__options {
    list-style: none;
    margin: 0;
    padding: 0;
}

.select2-results__option {
    padding: 6px;
    user-select: none;
    -webkit-user-select: none;
}

.select2-results__option[aria-selected] {
    cursor: pointer;
}

.select2-container--open .select2-dropdown {
    left: 0;
}

.select2-container--open .select2-dropdown--above {
    border-bottom: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.select2-container--open .select2-dropdown--below {
    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.select2-search--dropdown {
    display: block;
    padding: 4px;
}

.select2-search--dropdown .select2-search__field {
    padding: 4px;
    width: 100%;
    box-sizing: border-box;
}

.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {
    -webkit-appearance: none;
}

.select2-search--dropdown.select2-search--hide {
    display: none;
}

.select2-close-mask {
    border: 0;
    margin: 0;
    padding: 0;
    display: block;
    position: fixed;
    left: 0;
    top: 0;
    min-height: 100%;
    min-width: 100%;
    height: auto;
    width: auto;
    opacity: 0;
    z-index: 99;
    background-color: #fff;
    filter: alpha(opacity=0);
}

.select2-container--classic .select2-selection--single,
.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single {
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0);
}

.select2-hidden-accessible {
    border: 0 !important;
    clip: rect(0 0 0 0) !important;
    height: 1px !important;
    margin: -1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    width: 1px !important;
}

.select2-container--classic .select2-results>.select2-results__options,
.select2-container--default .select2-results>.select2-results__options {
    max-height: 200px;
    overflow-y: auto;
}

.select2-container--default .select2-selection--single {
    background-color: #fff;
    border: 1px solid #aaa;
    border-radius: 4px;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #444;
    line-height: 28px;
}

.select2-container--default .select2-selection--single .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-weight: 700;
}

.select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: #999;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 26px;
    position: absolute;
    top: 1px;
    right: 1px;
    width: 20px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-color: #888 transparent transparent;
    border-style: solid;
    border-width: 5px 4px 0;
    height: 0;
    left: 50%;
    margin-left: -4px;
    margin-top: -2px;
    position: absolute;
    top: 50%;
    width: 0;
}

.select2-container--default[dir=rtl] .select2-selection--single .select2-selection__clear {
    float: left;
}

.select2-container--default[dir=rtl] .select2-selection--single .select2-selection__arrow {
    left: 1px;
    right: auto;
}

.select2-container--default.select2-container--disabled .select2-selection--single {
    background-color: #eee;
    cursor: default;
}

.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear {
    display: none;
}

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-color: transparent transparent #888;
    border-width: 0 4px 5px;
}

.select2-container--default .select2-selection--multiple {
    background-color: #fff;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: text;
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered {
    box-sizing: border-box;
    list-style: none;
    margin: 0;
    padding: 0 5px;
    width: 100%;
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered li {
    list-style: none;
}

.select2-container--default .select2-selection--multiple .select2-selection__placeholder {
    color: #999;
    margin-top: 5px;
    float: left;
}

.select2-container--default .select2-selection--multiple .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-weight: 700;
    margin-top: 5px;
    margin-right: 10px;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #e4e4e4;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: default;
    float: left;
    margin-right: 5px;
    margin-top: 5px;
    padding: 0 5px;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    color: #999;
    cursor: pointer;
    display: inline-block;
    font-weight: 700;
    margin-right: 2px;
}

.select2-container--classic .select2-selection--multiple .select2-selection__clear,
.select2-container--default.select2-container--disabled .select2-selection__choice__remove {
    display: none;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
    color: #333;
}

.select2-container--default[dir=rtl] .select2-selection--multiple .select2-search--inline,
.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice,
.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__placeholder {
    float: right;
}

.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice {
    margin-left: 5px;
    margin-right: auto;
}

.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice__remove {
    margin-left: 2px;
    margin-right: auto;
}

.select2-container--default.select2-container--focus .select2-selection--multiple {
    border: 1px solid #000;
    outline: 0;
}

.select2-container--default.select2-container--disabled .select2-selection--multiple {
    background-color: #eee;
    cursor: default;
}

.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple,
.select2-container--default.select2-container--open.select2-container--above .select2-selection--single {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple,
.select2-container--default.select2-container--open.select2-container--below .select2-selection--single {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
    border: 1px solid #aaa;
}

.select2-container--default .select2-search--inline .select2-search__field {
    background: 0 0;
    border: none;
    outline: 0;
    box-shadow: none;
    -webkit-appearance: textfield;
}

.select2-container--default .select2-results__option[role=group] {
    padding: 0;
}

.select2-container--default .select2-results__option[aria-disabled=true] {
    color: #999;
}

.select2-container--default .select2-results__option[aria-selected=true] {
    background-color: #ddd;
}

.select2-container--default .select2-results__option .select2-results__option {
    padding-left: 1em;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__group {
    padding-left: 0;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -1em;
    padding-left: 2em;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -2em;
    padding-left: 3em;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -3em;
    padding-left: 4em;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -4em;
    padding-left: 5em;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -5em;
    padding-left: 6em;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #5897fb;
    color: #fff;
}

.select2-container--default .select2-results__group {
    cursor: default;
    display: block;
    padding: 6px;
}

.select2-container--classic .select2-selection--single {
    background-color: #f7f7f7;
    border: 1px solid #aaa;
    border-radius: 4px;
    outline: 0;
    background-image: -webkit-linear-gradient(top, #fff 50%, #eee 100%);
    background-image: -o-linear-gradient(top, #fff 50%, #eee 100%);
    background-image: linear-gradient(to bottom, #fff 50%, #eee 100%);
    background-repeat: repeat-x;
}

.select2-container--classic .select2-selection--single:focus {
    border: 1px solid #5897fb;
}

.select2-container--classic .select2-selection--single .select2-selection__rendered {
    color: #444;
    line-height: 28px;
}

.select2-container--classic .select2-selection--single .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-weight: 700;
    margin-right: 10px;
}

.select2-container--classic .select2-selection--single .select2-selection__placeholder {
    color: #999;
}

.select2-container--classic .select2-selection--single .select2-selection__arrow {
    background-color: #ddd;
    border: none;
    border-left: 1px solid #aaa;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    height: 26px;
    position: absolute;
    top: 1px;
    right: 1px;
    width: 20px;
    background-image: -webkit-linear-gradient(top, #eee 50%, #ccc 100%);
    background-image: -o-linear-gradient(top, #eee 50%, #ccc 100%);
    background-image: linear-gradient(to bottom, #eee 50%, #ccc 100%);
    background-repeat: repeat-x;
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0);
}

.select2-container--classic .select2-selection--single .select2-selection__arrow b {
    border-color: #888 transparent transparent;
    border-style: solid;
    border-width: 5px 4px 0;
    height: 0;
    left: 50%;
    margin-left: -4px;
    margin-top: -2px;
    position: absolute;
    top: 50%;
    width: 0;
}

.select2-container--classic[dir=rtl] .select2-selection--single .select2-selection__clear {
    float: left;
}

.select2-container--classic[dir=rtl] .select2-selection--single .select2-selection__arrow {
    border: none;
    border-right: 1px solid #aaa;
    border-radius: 4px 0 0 4px;
    left: 1px;
    right: auto;
}

.select2-container--classic.select2-container--open .select2-selection--single {
    border: 1px solid #5897fb;
}

.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow {
    background: 0 0;
    border: none;
}

.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-color: transparent transparent #888;
    border-width: 0 4px 5px;
}

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single {
    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    background-image: -webkit-linear-gradient(top, #fff 0, #eee 50%);
    background-image: -o-linear-gradient(top, #fff 0, #eee 50%);
    background-image: linear-gradient(to bottom, #fff 0, #eee 50%);
    background-repeat: repeat-x;
}

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single {
    border-bottom: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    background-image: -webkit-linear-gradient(top, #eee 50%, #fff 100%);
    background-image: -o-linear-gradient(top, #eee 50%, #fff 100%);
    background-image: linear-gradient(to bottom, #eee 50%, #fff 100%);
    background-repeat: repeat-x;
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0);
}

.select2-container--classic .select2-selection--multiple {
    background-color: #fff;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: text;
    outline: 0;
}

.select2-container--classic .select2-selection--multiple:focus {
    border: 1px solid #5897fb;
}

.select2-container--classic .select2-selection--multiple .select2-selection__rendered {
    list-style: none;
    margin: 0;
    padding: 0 5px;
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice {
    background-color: #e4e4e4;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: default;
    float: left;
    margin-right: 5px;
    margin-top: 5px;
    padding: 0 5px;
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove {
    color: #888;
    cursor: pointer;
    display: inline-block;
    font-weight: 700;
    margin-right: 2px;
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover {
    color: #555;
}

.select2-container--classic[dir=rtl] .select2-selection--multiple .select2-selection__choice {
    float: right;
    margin-left: 5px;
    margin-right: auto;
}

.select2-container--classic[dir=rtl] .select2-selection--multiple .select2-selection__choice__remove {
    margin-left: 2px;
    margin-right: auto;
}

.select2-container--classic.select2-container--open .select2-selection--multiple {
    border: 1px solid #5897fb;
}

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple {
    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple {
    border-bottom: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.select2-container--classic .select2-search--dropdown .select2-search__field {
    border: 1px solid #aaa;
    outline: 0;
}

.select2-container--classic .select2-search--inline .select2-search__field {
    outline: 0;
    box-shadow: none;
}

.select2-container--classic .select2-dropdown {
    background-color: #fff;
    border: 1px solid transparent;
}

.select2-container--classic .select2-dropdown--above {
    border-bottom: none;
}

.select2-container--classic .select2-dropdown--below {
    border-top: none;
}

.select2-container--classic .select2-results__option[role=group] {
    padding: 0;
}

.select2-container--classic .select2-results__option[aria-disabled=true] {
    color: grey;
}

.select2-container--classic .select2-results__option--highlighted[aria-selected] {
    background-color: #3875d7;
    color: #fff;
}

.select2-container--classic .select2-results__group {
    cursor: default;
    display: block;
    padding: 6px;
}

.select2-container--classic.select2-container--open .select2-dropdown {
    border-color: #5897fb;
}

.searchandfilter-date-picker .ui-helper-hidden {
    display: none;
}

.searchandfilter-date-picker .ui-helper-hidden-accessible {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.searchandfilter-date-picker .ui-helper-reset {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    line-height: 1.3;
    text-decoration: none;
    font-size: 100%;
    list-style: none;
}

.searchandfilter-date-picker .ui-helper-clearfix:after,
.searchandfilter-date-picker .ui-helper-clearfix:before {
    content: "";
    display: table;
    border-collapse: collapse;
}

.searchandfilter-date-picker .ui-helper-clearfix:after {
    clear: both;
}

.searchandfilter-date-picker .ui-helper-clearfix {
    min-height: 0;
}

.searchandfilter-date-picker .ui-helper-zfix {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    opacity: 0;
    filter: Alpha(Opacity=0);
}

.searchandfilter-date-picker .ui-front {
    z-index: 100;
}

.searchandfilter-date-picker .ui-state-disabled {
    cursor: default !important;
}

.searchandfilter-date-picker .ui-icon {
    display: block;
    text-indent: -99999px;
    overflow: hidden;
    background-repeat: no-repeat;
}

.searchandfilter-date-picker .ui-widget-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.searchandfilter-date-picker .ui-datepicker {
    width: 17em;
    padding: .2em .2em 0;
    display: none;
}

.searchandfilter-date-picker .ui-datepicker .ui-datepicker-header {
    position: relative;
    padding: .2em 0;
}

.searchandfilter-date-picker .ui-datepicker .ui-datepicker-next,
.searchandfilter-date-picker .ui-datepicker .ui-datepicker-prev {
    position: absolute;
    top: 2px;
    width: 1.8em;
    height: 1.8em;
}

.searchandfilter-date-picker .ui-datepicker .ui-datepicker-next-hover,
.searchandfilter-date-picker .ui-datepicker .ui-datepicker-prev-hover {
    top: 1px;
}

.searchandfilter-date-picker .ui-datepicker .ui-datepicker-prev {
    left: 2px;
}

.searchandfilter-date-picker .ui-datepicker .ui-datepicker-next {
    right: 2px;
}

.searchandfilter-date-picker .ui-datepicker .ui-datepicker-prev-hover {
    left: 1px;
}

.searchandfilter-date-picker .ui-datepicker .ui-datepicker-next-hover {
    right: 1px;
}

.searchandfilter-date-picker .ui-datepicker .ui-datepicker-next span,
.searchandfilter-date-picker .ui-datepicker .ui-datepicker-prev span {
    display: block;
    position: absolute;
    left: 50%;
    margin-left: -8px;
    top: 50%;
    margin-top: -8px;
}

.searchandfilter-date-picker .ui-datepicker .ui-datepicker-title {
    margin: 0 2.3em;
    line-height: 1.8em;
    text-align: center;
}

.searchandfilter-date-picker .ui-datepicker .ui-datepicker-title select {
    font-size: 1em;
    margin: 1px 0;
}

.searchandfilter-date-picker .ui-datepicker select.ui-datepicker-month-year {
    width: 100%;
}

.searchandfilter-date-picker .ui-datepicker select.ui-datepicker-month,
.searchandfilter-date-picker .ui-datepicker select.ui-datepicker-year {
    width: 49%;
}

.searchandfilter-date-picker .ui-icon {
    width: 16px;
    height: 16px;
    background-position: 16px 16px;
}

.searchandfilter-date-picker .ui-datepicker table {
    width: 100%;
    font-size: .9em;
    border-collapse: collapse;
    margin: 0 0 .4em;
}

.searchandfilter-date-picker .ui-datepicker th {
    padding: .7em .3em;
    text-align: center;
    font-weight: 700;
    border: 0;
}

.searchandfilter-date-picker .ui-datepicker td {
    border: 0;
    padding: 1px;
}

.searchandfilter-date-picker .ui-datepicker td a,
.searchandfilter-date-picker .ui-datepicker td span {
    display: block;
    text-align: center;
    text-decoration: none;
}

.searchandfilter-date-picker .ui-widget {
    font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif;
    font-size: 1.1em;
}

.ll-skin-melon .ui-datepicker {
    padding: 0;
}

.ll-skin-melon .ui-datepicker-header {
    border: none;
    background: 0 0;
    font-weight: 400;
    font-size: 15px;
}

.ll-skin-melon .ui-datepicker-header .ui-state-hover {
    background: 0 0;
    border-color: transparent;
    cursor: pointer;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
}

.ll-skin-melon .ui-datepicker .ui-datepicker-title {
    margin-top: .4em;
    margin-bottom: .3em;
    color: #e9f0f4;
}

.ll-skin-melon .ui-datepicker .ui-datepicker-next,
.ll-skin-melon .ui-datepicker .ui-datepicker-next-hover,
.ll-skin-melon .ui-datepicker .ui-datepicker-prev,
.ll-skin-melon .ui-datepicker .ui-datepicker-prev-hover {
    top: .9em;
    border: none;
}

.ll-skin-melon .ui-datepicker .ui-datepicker-prev-hover {
    left: 2px;
}

.ll-skin-melon .ui-datepicker .ui-datepicker-next-hover {
    right: 2px;
}

.ll-skin-melon .ui-datepicker .ui-datepicker-next span,
.ll-skin-melon .ui-datepicker .ui-datepicker-prev span {
    background-image: url(../images/ui-icons_ffffff_256x240.png);
    background-position: -32px 0;
    margin-top: 0;
    top: 0;
    font-weight: 400;
}

.ll-skin-melon .ui-datepicker .ui-datepicker-prev span {
    background-position: -96px 0;
}

.ll-skin-melon .ui-datepicker table {
    margin: 0;
}

.ll-skin-melon .ui-datepicker th {
    padding: 1em 0;
    color: #ccc;
    font-size: 13px;
    font-weight: 400;
    border: none;
    border-top: 1px solid #3a414d;
}

.ll-skin-melon .ui-state-disabled {
    opacity: 1;
}

.searchandfilter .disabled,
.searchandfilter.search-filter-disabled .noUi-connect {
    opacity: .7;
}

.ll-skin-melon .ui-state-disabled .ui-state-default {
    color: #fba49e;
}

.noUi-target,
.noUi-target * {
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: transparent;
    -webkit-user-select: none;
    -ms-touch-action: none;
    touch-action: none;
    -ms-user-select: none;
    -moz-user-select: none;
    user-select: none;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.noUi-target {
    position: relative;
    direction: ltr;
    background: #FAFAFA;
    border-radius: 4px;
    border: 1px solid #D3D3D3;
    box-shadow: inset 0 1px 1px #F0F0F0, 0 3px 6px -5px #BBB;
}

.noUi-base,
.noUi-connects {
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 1;
}

.noUi-connect,
.noUi-handle,
.noUi-marker,
.noUi-origin,
.noUi-pips,
.noUi-tooltip,
.noUi-value {
    position: absolute;
}

.noUi-connects {
    overflow: hidden;
    z-index: 0;
    border-radius: 3px;
}

.noUi-connect,
.noUi-origin {
    will-change: transform;
    z-index: 1;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    -ms-transform-origin: 0 0;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
}

html:not([dir=rtl]) .noUi-horizontal .noUi-origin {
    left: auto;
    right: 0;
}

.noUi-vertical .noUi-origin {
    width: 0;
}

.noUi-horizontal .noUi-origin {
    height: 0;
}

.noUi-state-tap .noUi-connect,
.noUi-state-tap .noUi-origin {
    -webkit-transition: transform .3s;
    transition: transform .3s;
}

.noUi-state-drag * {
    cursor: inherit !important;
}

.noUi-horizontal {
    height: 18px;
}

.noUi-horizontal .noUi-handle {
    width: 34px;
    height: 28px;
    left: -17px;
    top: -6px;
}

.noUi-vertical {
    width: 18px;
}

.noUi-vertical .noUi-handle {
    width: 28px;
    height: 34px;
    left: -6px;
    top: -17px;
}

html:not([dir=rtl]) .noUi-horizontal .noUi-handle {
    right: -17px;
    left: auto;
}

.noUi-connect {
    background: #3FB8AF;
}

.noUi-draggable {
    cursor: ew-resize;
}

.noUi-vertical .noUi-draggable {
    cursor: ns-resize;
}

.noUi-handle {
    border: 1px solid #D9D9D9;
    border-radius: 3px;
    background: #FFF;
    cursor: default;
    box-shadow: inset 0 0 1px #FFF, inset 0 1px 7px #EBEBEB, 0 3px 6px -3px #BBB;
}

.noUi-active {
    box-shadow: inset 0 0 1px #FFF, inset 0 1px 7px #DDD, 0 3px 6px -3px #BBB;
}

.noUi-handle:after,
.noUi-handle:before {
    content: "";
    display: block;
    position: absolute;
    height: 14px;
    width: 1px;
    background: #E8E7E6;
    left: 14px;
    top: 6px;
}

.noUi-handle:after {
    left: 17px;
}

.noUi-vertical .noUi-handle:after,
.noUi-vertical .noUi-handle:before {
    width: 14px;
    height: 1px;
    left: 6px;
    top: 14px;
}

.noUi-vertical .noUi-handle:after {
    top: 17px;
}

[disabled] .noUi-connect {
    background: #B8B8B8;
}

[disabled] .noUi-handle,
[disabled].noUi-handle,
[disabled].noUi-target {
    cursor: not-allowed;
}

.noUi-pips,
.noUi-pips * {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.noUi-pips {
    color: #999;
}

.noUi-value {
    white-space: nowrap;
    text-align: center;
}

.noUi-value-sub {
    color: #ccc;
    font-size: 10px;
}

.noUi-marker {
    background: #CCC;
}

.noUi-marker-large,
.noUi-marker-sub {
    background: #AAA;
}

.noUi-pips-horizontal {
    padding: 10px 0;
    height: 80px;
    top: 100%;
    left: 0;
    width: 100%;
}

.noUi-value-horizontal {
    -webkit-transform: translate(-50%, 50%);
    transform: translate(-50%, 50%);
}

.noUi-rtl .noUi-value-horizontal {
    -webkit-transform: translate(50%, 50%);
    transform: translate(50%, 50%);
}

.noUi-marker-horizontal.noUi-marker {
    margin-left: -1px;
    width: 2px;
    height: 5px;
}

.noUi-marker-horizontal.noUi-marker-sub {
    height: 10px;
}

.noUi-marker-horizontal.noUi-marker-large {
    height: 15px;
}

.noUi-pips-vertical {
    padding: 0 10px;
    height: 100%;
    top: 0;
    left: 100%;
}

.noUi-value-vertical {
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%, 0);
    padding-left: 25px;
}

.noUi-rtl .noUi-value-vertical {
    -webkit-transform: translate(0, 50%);
    transform: translate(0, 50%);
}

.noUi-marker-vertical.noUi-marker {
    width: 5px;
    height: 2px;
    margin-top: -1px;
}

.noUi-marker-vertical.noUi-marker-sub {
    width: 10px;
}

.noUi-marker-vertical.noUi-marker-large {
    width: 15px;
}

.noUi-tooltip {
    display: block;
    border: 1px solid #D9D9D9;
    border-radius: 3px;
    background: #fff;
    color: #000;
    padding: 5px;
    text-align: center;
    white-space: nowrap;
}

.noUi-horizontal .noUi-tooltip {
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    left: 50%;
    bottom: 120%;
}

.noUi-vertical .noUi-tooltip {
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    top: 50%;
    right: 120%;
}

.searchandfilter p {
    margin-top: 1em;
    display: block;
}

.searchandfilter ul {
    display: block;
    margin-top: 0;
    margin-bottom: 0;
}

.searchandfilter ul li {
    list-style: none;
    display: block;
    padding: 10px 0;
    margin: 0;
}

.searchandfilter ul li li {
    padding: 5px 0;
}

.searchandfilter ul li ul li ul {
    margin-left: 20px;
}

.searchandfilter label {
    display: inline-block;
    margin: 0;
    padding: 0;
}

.searchandfilter>ul>li[data-sf-combobox="1"] label {
    display: block;
}

.searchandfilter li[data-sf-field-input-type=checkbox] label,
.searchandfilter li[data-sf-field-input-type=radio] label,
.searchandfilter li[data-sf-field-input-type=range-radio] label,
.searchandfilter li[data-sf-field-input-type=range-checkbox] label {
    padding-left: 10px;
}

.searchandfilter .sf-date-prefix {
    padding-right: 5px;
    display: inline-block;
}

.searchandfilter .sf-count,
.searchandfilter .sf-date-postfix {
    padding-left: 5px;
    display: inline-block;
}

.searchandfilter .screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    height: 1px;
    overflow: hidden;
    position: absolute !important;
    width: 1px;
}

.searchandfilter h4 {
    margin: 0;
    padding: 5px 0 10px;
    font-size: 16px;
}

.searchandfilter .sf-range-max,
.searchandfilter .sf-range-min {
    max-width: 80px;
}

.searchandfilter .sf-meta-range-radio-fromto .sf-range-max,
.searchandfilter .sf-meta-range-radio-fromto .sf-range-min {
    display: inline-block;
    vertical-align: middle;
}

.searchandfilter .sf-meta-range-radio-fromto span.sf-range-values-seperator {
    vertical-align: middle;
    display: inline-block;
    margin: 0 15px;
}

.searchandfilter .datepicker {
    max-width: 170px;
}

.searchandfilter select.sf-input-select {
    min-width: 170px;
}

.searchandfilter select.sf-range-max.sf-input-select,
.searchandfilter select.sf-range-min.sf-input-select {
    min-width: auto;
}

.searchandfilter ul>li>ul:not(.children) {
    margin-left: 0;
}

.searchandfilter .meta-slider {
    margin-top: 10px;
    margin-bottom: 10px;
    height: 15px;
    max-width: 220px;
}

.searchandfilter .noUi-connect {
    background-color: #526E91;
}

.searchandfilter .noUi-horizontal.noUi-extended {
    padding: 0 10px;
}

.searchandfilter .noUi-horizontal.noUi-extended .noUi-origin {
    right: -10px;
}

.searchandfilter .noUi-handle {
    border-color: #ccc;
}

.searchandfilter .noUi-horizontal .noUi-handle {
    width: 24px;
    height: 24px;
    top: -5px;
    border-radius: 20px;
    left: -12px;
}

.searchandfilter .noUi-horizontal .noUi-handle:after,
.searchandfilter .noUi-horizontal .noUi-handle:before {
    height: 9px;
    top: 7px;
}

.searchandfilter .noUi-horizontal .noUi-handle:before {
    left: 9px;
}

.searchandfilter .noUi-horizontal .noUi-handle:after {
    left: 12px;
}

.search-filter-scroll-loading {
    display: block;
    margin: 20px 10px 10px;
    height: 30px;
    width: 30px;
    animation: search-filter-loader-rotate .7s infinite linear;
    border: 5px solid rgba(0, 0, 0, .15);
    border-right-color: rgba(0, 0, 0, .6);
    border-radius: 50%;
}

@keyframes search-filter-loader-rotate {
    0% {
        transform: rotate(0);
    }
    100% {
        transform: rotate(360deg);
    }
}

.ll-skin-melon {
    font-size: 90%;
}

.ll-skin-melon .ui-datepicker td {
    background: #f7f7f7;
    border: none;
    padding: 0;
}

.ll-skin-melon .ui-datepicker th {
    border-color: #4D6077;
}

.ll-skin-melon .ui-widget {
    font-family: inherit;
    background: #526E91;
    border: none;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -moz-box-shadow: 0 0 3px rgba(0, 0, 0, .3);
    -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, .3);
    box-shadow: 0 0 3px rgba(0, 0, 0, .3);
}

.searchandfilter.horizontal ul>li {
    display: inline-block;
    padding-right: 10px;
}

.searchandfilter.horizontal ul>li li {
    display: block;
}

.ll-skin-melon td .ui-state-default {
    background: 0 0;
    border: none;
    text-align: center;
    padding: .3em;
    margin: 0;
    font-weight: 400;
    color: #6C88AC;
    font-size: 14px;
}

.ll-skin-melon td .ui-state-active {
    background: #526E91;
    color: #fff;
}

.ll-skin-melon td .ui-state-hover {
    background: #C4D6EC;
}

.searchandfilter li.hide,
.searchandfilter select option.hide {
    display: none;
}

.chosen-container-multi .chosen-choices li.search-field input[type=text] {
    height: auto;
    padding: 5px;
    color: #666;
    font-family: inherit;
}

.chosen-container {
    font-size: 14px;
}

.chosen-container-single .chosen-single {
    height: auto;
}

.chosen-container-multi .chosen-choices li.search-choice {
    margin: 3px 3px 3px 5px;
}

.search-filter-results .sf-active {
    font-weight: 700;
}

.search-filter-results .sf-disabled {
    opacity: .5;
}

.ui-helper-hidden {
    display: none;
}

.ui-helper-hidden-accessible {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.ui-helper-reset {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    line-height: 1.3;
    text-decoration: none;
    font-size: 100%;
    list-style: none;
}

.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
    content: "";
    display: table;
    border-collapse: collapse;
}

.ui-helper-clearfix:after {
    clear: both;
}

.ui-helper-zfix {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    opacity: 0;
    filter: Alpha(Opacity=0);
}

.ui-front {
    z-index: 100;
}

.ui-state-disabled {
    cursor: default !important;
    pointer-events: none;
}

.ui-icon {
    display: inline-block;
    vertical-align: middle;
    margin-top: -.25em;
    position: relative;
    text-indent: -99999px;
    overflow: hidden;
    background-repeat: no-repeat;
}

.ui-widget-icon-block {
    left: 50%;
    margin-left: -8px;
    display: block;
}

.ui-widget-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.ui-accordion .ui-accordion-header {
    display: block;
    cursor: pointer;
    position: relative;
    margin: 2px 0 0;
    padding: .5em .5em .5em .7em;
    font-size: 100%;
}

.ui-accordion .ui-accordion-content {
    padding: 1em 2.2em;
    border-top: 0;
    overflow: auto;
}

.ui-autocomplete {
    position: absolute;
    top: 0;
    left: 0;
    cursor: default;
}

.ui-menu {
    list-style: none;
    padding: 0;
    margin: 0;
    display: block;
    outline: 0;
}

.ui-menu .ui-menu {
    position: absolute;
}

.ui-menu .ui-menu-item {
    margin: 0;
    cursor: pointer;
    list-style-image: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);
}

.ui-menu .ui-menu-item-wrapper {
    position: relative;
    padding: 3px 1em 3px .4em;
}

.ui-menu .ui-menu-divider {
    margin: 5px 0;
    height: 0;
    font-size: 0;
    line-height: 0;
    border-width: 1px 0 0;
}

.ui-menu .ui-state-focus,
.ui-menu .ui-state-active {
    margin: -1px;
}

.ui-menu-icons {
    position: relative;
}

.ui-menu-icons .ui-menu-item-wrapper {
    padding-left: 2em;
}

.ui-menu .ui-icon {
    position: absolute;
    top: 0;
    bottom: 0;
    left: .2em;
    margin: auto 0;
}

.ui-menu .ui-menu-icon {
    left: auto;
    right: 0;
}

.ui-button {
    padding: .4em 1em;
    display: inline-block;
    position: relative;
    line-height: normal;
    margin-right: .1em;
    cursor: pointer;
    vertical-align: middle;
    text-align: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    overflow: visible;
}

.ui-button,
.ui-button:link,
.ui-button:visited,
.ui-button:hover,
.ui-button:active {
    text-decoration: none;
}

.ui-button-icon-only {
    width: 2em;
    box-sizing: border-box;
    text-indent: -9999px;
    white-space: nowrap;
}

input.ui-button.ui-button-icon-only {
    text-indent: 0;
}

.ui-button-icon-only .ui-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -8px;
    margin-left: -8px;
}

.ui-button.ui-icon-notext .ui-icon {
    padding: 0;
    width: 2.1em;
    height: 2.1em;
    text-indent: -9999px;
    white-space: nowrap;
}

input.ui-button.ui-icon-notext .ui-icon {
    width: auto;
    height: auto;
    text-indent: 0;
    white-space: normal;
    padding: .4em 1em;
}

input.ui-button::-moz-focus-inner,
button.ui-button::-moz-focus-inner {
    border: 0;
    padding: 0;
}

.ui-controlgroup {
    vertical-align: middle;
    display: inline-block;
}

.ui-controlgroup > .ui-controlgroup-item {
    float: left;
    margin-left: 0;
    margin-right: 0;
}

.ui-controlgroup > .ui-controlgroup-item:focus,
.ui-controlgroup > .ui-controlgroup-item.ui-visual-focus {
    z-index: 9999;
}

.ui-controlgroup-vertical > .ui-controlgroup-item {
    display: block;
    float: none;
    width: 100%;
    margin-top: 0;
    margin-bottom: 0;
    text-align: left;
}

.ui-controlgroup-vertical .ui-controlgroup-item {
    box-sizing: border-box;
}

.ui-controlgroup .ui-controlgroup-label {
    padding: .4em 1em;
}

.ui-controlgroup .ui-controlgroup-label span {
    font-size: 80%;
}

.ui-controlgroup-horizontal .ui-controlgroup-label + .ui-controlgroup-item {
    border-left: none;
}

.ui-controlgroup-vertical .ui-controlgroup-label + .ui-controlgroup-item {
    border-top: none;
}

.ui-controlgroup-horizontal .ui-controlgroup-label.ui-widget-content {
    border-right: none;
}

.ui-controlgroup-vertical .ui-controlgroup-label.ui-widget-content {
    border-bottom: none;
}

.ui-controlgroup-vertical .ui-spinner-input {
    width: 75%;
    width: calc(100% - 2.4em);
}

.ui-controlgroup-vertical .ui-spinner .ui-spinner-up {
    border-top-style: solid;
}

.ui-checkboxradio-label .ui-icon-background {
    box-shadow: inset 1px 1px 1px #ccc;
    border-radius: .12em;
    border: none;
}

.ui-checkboxradio-radio-label .ui-icon-background {
    width: 16px;
    height: 16px;
    border-radius: 1em;
    overflow: visible;
    border: none;
}

.ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon,
.ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon {
    background-image: none;
    width: 8px;
    height: 8px;
    border-width: 4px;
    border-style: solid;
}

.ui-checkboxradio-disabled {
    pointer-events: none;
}

.ui-datepicker {
    width: 17em;
    padding: .2em .2em 0;
    display: none;
}

.ui-datepicker .ui-datepicker-header {
    position: relative;
    padding: .2em 0;
}

.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
    position: absolute;
    top: 2px;
    width: 1.8em;
    height: 1.8em;
}

.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
    top: 1px;
}

.ui-datepicker .ui-datepicker-prev {
    left: 2px;
}

.ui-datepicker .ui-datepicker-next {
    right: 2px;
}

.ui-datepicker .ui-datepicker-prev-hover {
    left: 1px;
}

.ui-datepicker .ui-datepicker-next-hover {
    right: 1px;
}

.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
    display: block;
    position: absolute;
    left: 50%;
    margin-left: -8px;
    top: 50%;
    margin-top: -8px;
}

.ui-datepicker .ui-datepicker-title {
    margin: 0 2.3em;
    line-height: 1.8em;
    text-align: center;
}

.ui-datepicker .ui-datepicker-title select {
    font-size: 1em;
    margin: 1px 0;
}

.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
    width: 45%;
}

.ui-datepicker table {
    width: 100%;
    font-size: .9em;
    border-collapse: collapse;
    margin: 0 0 .4em;
}

.ui-datepicker th {
    padding: .7em .3em;
    text-align: center;
    font-weight: bold;
    border: 0;
}

.ui-datepicker td {
    border: 0;
    padding: 1px;
}

.ui-datepicker td span,
.ui-datepicker td a {
    display: block;
    padding: .2em;
    text-align: right;
    text-decoration: none;
}

.ui-datepicker .ui-datepicker-buttonpane {
    background-image: none;
    margin: .7em 0 0;
    padding: 0 .2em;
    border-left: 0;
    border-right: 0;
    border-bottom: 0;
}

.ui-datepicker .ui-datepicker-buttonpane button {
    float: right;
    margin: .5em .2em .4em;
    cursor: pointer;
    padding: .2em .6em .3em;
    width: auto;
    overflow: visible;
}

.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
    float: left;
}

.ui-datepicker.ui-datepicker-multi {
    width: auto;
}

.ui-datepicker-multi .ui-datepicker-group {
    float: left;
}

.ui-datepicker-multi .ui-datepicker-group table {
    width: 95%;
    margin: 0 auto .4em;
}

.ui-datepicker-multi-2 .ui-datepicker-group {
    width: 50%;
}

.ui-datepicker-multi-3 .ui-datepicker-group {
    width: 33.3%;
}

.ui-datepicker-multi-4 .ui-datepicker-group {
    width: 25%;
}

.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
    border-left-width: 0;
}

.ui-datepicker-multi .ui-datepicker-buttonpane {
    clear: left;
}

.ui-datepicker-row-break {
    clear: both;
    width: 100%;
    font-size: 0;
}

.ui-datepicker-rtl {
    direction: rtl;
}

.ui-datepicker-rtl .ui-datepicker-prev {
    right: 2px;
    left: auto;
}

.ui-datepicker-rtl .ui-datepicker-next {
    left: 2px;
    right: auto;
}

.ui-datepicker-rtl .ui-datepicker-prev:hover {
    right: 1px;
    left: auto;
}

.ui-datepicker-rtl .ui-datepicker-next:hover {
    left: 1px;
    right: auto;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane {
    clear: right;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button {
    float: left;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
    float: right;
}

.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
    border-right-width: 0;
    border-left-width: 1px;
}

.ui-datepicker .ui-icon {
    display: block;
    text-indent: -99999px;
    overflow: hidden;
    background-repeat: no-repeat;
    left: .5em;
    top: .3em;
}

.ui-dialog {
    position: absolute;
    top: 0;
    left: 0;
    padding: .2em;
    outline: 0;
}

.ui-dialog .ui-dialog-titlebar {
    padding: .4em 1em;
    position: relative;
}

.ui-dialog .ui-dialog-title {
    float: left;
    margin: .1em 0;
    white-space: nowrap;
    width: 90%;
    overflow: hidden;
    text-overflow: ellipsis;
}

.ui-dialog .ui-dialog-titlebar-close {
    position: absolute;
    right: .3em;
    top: 50%;
    width: 20px;
    margin: -10px 0 0;
    padding: 1px;
    height: 20px;
}

.ui-dialog .ui-dialog-content {
    position: relative;
    border: 0;
    padding: .5em 1em;
    background: none;
    overflow: auto;
}

.ui-dialog .ui-dialog-buttonpane {
    text-align: left;
    border-width: 1px 0 0;
    background-image: none;
    margin-top: .5em;
    padding: .3em 1em .5em .4em;
}

.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
    float: right;
}

.ui-dialog .ui-dialog-buttonpane button {
    margin: .5em .4em .5em 0;
    cursor: pointer;
}

.ui-dialog .ui-resizable-n {
    height: 2px;
    top: 0;
}

.ui-dialog .ui-resizable-e {
    width: 2px;
    right: 0;
}

.ui-dialog .ui-resizable-s {
    height: 2px;
    bottom: 0;
}

.ui-dialog .ui-resizable-w {
    width: 2px;
    left: 0;
}

.ui-dialog .ui-resizable-se,
.ui-dialog .ui-resizable-sw,
.ui-dialog .ui-resizable-ne,
.ui-dialog .ui-resizable-nw {
    width: 7px;
    height: 7px;
}

.ui-dialog .ui-resizable-se {
    right: 0;
    bottom: 0;
}

.ui-dialog .ui-resizable-sw {
    left: 0;
    bottom: 0;
}

.ui-dialog .ui-resizable-ne {
    right: 0;
    top: 0;
}

.ui-dialog .ui-resizable-nw {
    left: 0;
    top: 0;
}

.ui-draggable .ui-dialog-titlebar {
    cursor: move;
}

.ui-draggable-handle {
    -ms-touch-action: none;
    touch-action: none;
}

.ui-resizable {
    position: relative;
}

.ui-resizable-handle {
    position: absolute;
    font-size: .1px;
    display: block;
    -ms-touch-action: none;
    touch-action: none;
}

.ui-resizable-disabled .ui-resizable-handle,
.ui-resizable-autohide .ui-resizable-handle {
    display: none;
}

.ui-resizable-n {
    cursor: n-resize;
    height: 7px;
    width: 100%;
    top: -5px;
    left: 0;
}

.ui-resizable-s {
    cursor: s-resize;
    height: 7px;
    width: 100%;
    bottom: -5px;
    left: 0;
}

.ui-resizable-e {
    cursor: e-resize;
    width: 7px;
    right: -5px;
    top: 0;
    height: 100%;
}

.ui-resizable-w {
    cursor: w-resize;
    width: 7px;
    left: -5px;
    top: 0;
    height: 100%;
}

.ui-resizable-se {
    cursor: se-resize;
    width: 12px;
    height: 12px;
    right: 1px;
    bottom: 1px;
}

.ui-resizable-sw {
    cursor: sw-resize;
    width: 9px;
    height: 9px;
    left: -5px;
    bottom: -5px;
}

.ui-resizable-nw {
    cursor: nw-resize;
    width: 9px;
    height: 9px;
    left: -5px;
    top: -5px;
}

.ui-resizable-ne {
    cursor: ne-resize;
    width: 9px;
    height: 9px;
    right: -5px;
    top: -5px;
}

.ui-progressbar {
    height: 2em;
    text-align: left;
    overflow: hidden;
}

.ui-progressbar .ui-progressbar-value {
    margin: -1px;
    height: 100%;
}

.ui-progressbar .ui-progressbar-overlay {
    background: url(data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==);
    height: 100%;
    filter: alpha(opacity=25);
    opacity: .25;
}

.ui-progressbar-indeterminate .ui-progressbar-value {
    background-image: none;
}

.ui-selectable {
    -ms-touch-action: none;
    touch-action: none;
}

.ui-selectable-helper {
    position: absolute;
    z-index: 100;
    border: 1px dotted black;
}

.ui-selectmenu-menu {
    padding: 0;
    margin: 0;
    position: absolute;
    top: 0;
    left: 0;
    display: none;
}

.ui-selectmenu-menu .ui-menu {
    overflow: auto;
    overflow-x: hidden;
    padding-bottom: 1px;
}

.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup {
    font-size: 1em;
    font-weight: bold;
    line-height: 1.5;
    padding: 2px .4em;
    margin: .5em 0 0;
    height: auto;
    border: 0;
}

.ui-selectmenu-open {
    display: block;
}

.ui-selectmenu-text {
    display: block;
    margin-right: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.ui-selectmenu-button.ui-button {
    text-align: left;
    white-space: nowrap;
    width: 14em;
}

.ui-selectmenu-icon.ui-icon {
    float: right;
    margin-top: 0;
}

.ui-slider {
    position: relative;
    text-align: left;
}

.ui-slider .ui-slider-handle {
    position: absolute;
    z-index: 2;
    width: 1.2em;
    height: 1.2em;
    cursor: default;
    -ms-touch-action: none;
    touch-action: none;
}

.ui-slider .ui-slider-range {
    position: absolute;
    z-index: 1;
    font-size: .7em;
    display: block;
    border: 0;
    background-position: 0 0;
}

.ui-slider.ui-state-disabled .ui-slider-handle,
.ui-slider.ui-state-disabled .ui-slider-range {
    filter: inherit;
}

.ui-slider-horizontal {
    height: .8em;
}

.ui-slider-horizontal .ui-slider-handle {
    top: -.3em;
    margin-left: -.6em;
}

.ui-slider-horizontal .ui-slider-range {
    top: 0;
    height: 100%;
}

.ui-slider-horizontal .ui-slider-range-min {
    left: 0;
}

.ui-slider-horizontal .ui-slider-range-max {
    right: 0;
}

.ui-slider-vertical {
    width: .8em;
    height: 100px;
}

.ui-slider-vertical .ui-slider-handle {
    left: -.3em;
    margin-left: 0;
    margin-bottom: -.6em;
}

.ui-slider-vertical .ui-slider-range {
    left: 0;
    width: 100%;
}

.ui-slider-vertical .ui-slider-range-min {
    bottom: 0;
}

.ui-slider-vertical .ui-slider-range-max {
    top: 0;
}

.ui-sortable-handle {
    -ms-touch-action: none;
    touch-action: none;
}

.ui-spinner {
    position: relative;
    display: inline-block;
    overflow: hidden;
    padding: 0;
    vertical-align: middle;
}

.ui-spinner-input {
    border: none;
    background: none;
    color: inherit;
    padding: .222em 0;
    margin: .2em 0;
    vertical-align: middle;
    margin-left: .4em;
    margin-right: 2em;
}

.ui-spinner-button {
    width: 1.6em;
    height: 50%;
    font-size: .5em;
    padding: 0;
    margin: 0;
    text-align: center;
    position: absolute;
    cursor: default;
    display: block;
    overflow: hidden;
    right: 0;
}

.ui-spinner a.ui-spinner-button {
    border-top-style: none;
    border-bottom-style: none;
    border-right-style: none;
}

.ui-spinner-up {
    top: 0;
}

.ui-spinner-down {
    bottom: 0;
}

.ui-tabs {
    position: relative;
    padding: .2em;
}

.ui-tabs .ui-tabs-nav {
    margin: 0;
    padding: .2em .2em 0;
}

.ui-tabs .ui-tabs-nav li {
    list-style: none;
    float: left;
    position: relative;
    top: 0;
    margin: 1px .2em 0 0;
    border-bottom-width: 0;
    padding: 0;
    white-space: nowrap;
}

.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
    float: left;
    padding: .5em 1em;
    text-decoration: none;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active {
    margin-bottom: -1px;
    padding-bottom: 1px;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
    cursor: text;
}

.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
    cursor: pointer;
}

.ui-tabs .ui-tabs-panel {
    display: block;
    border-width: 0;
    padding: 1em 1.4em;
    background: none;
}

.ui-tooltip {
    padding: 8px;
    position: absolute;
    z-index: 9999;
    max-width: 300px;
}

body .ui-tooltip {
    border-width: 2px;
}

.ui-widget {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1em;
}

.ui-widget .ui-widget {
    font-size: 1em;
}

.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1em;
}

.ui-widget.ui-widget-content {
    border: 1px solid #c5c5c5;
}

.ui-widget-content {
    border: 1px solid #dddddd;
    background: #ffffff;
    color: #333333;
}

.ui-widget-content a {
    color: #333333;
}

.ui-widget-header {
    border: 1px solid #dddddd;
    background: #e9e9e9;
    color: #333333;
    font-weight: bold;
}

.ui-widget-header a {
    color: #333333;
}

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,

/* We use html here because we need a greater specificity to make sure disabled
works properly when clicked or hovered */

html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {
    border: 1px solid #c5c5c5;
    background: #f6f6f6;
    font-weight: normal;
    color: #454545;
}

.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited,
a.ui-button,
a:link.ui-button,
a:visited.ui-button,
.ui-button {
    color: #454545;
    text-decoration: none;
}

.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus,
.ui-button:hover,
.ui-button:focus {
    border: 1px solid #cccccc;
    background: #ededed;
    font-weight: normal;
    color: #2b2b2b;
}

.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited,
.ui-state-focus a,
.ui-state-focus a:hover,
.ui-state-focus a:link,
.ui-state-focus a:visited,
a.ui-button:hover,
a.ui-button:focus {
    color: #2b2b2b;
    text-decoration: none;
}

.ui-visual-focus {
    box-shadow: 0 0 3px 1px rgb(94, 158, 214);
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
    border: 1px solid #003eff;
    background: #007fff;
    font-weight: normal;
    color: #ffffff;
}

.ui-icon-background,
.ui-state-active .ui-icon-background {
    border: #003eff;
    background-color: #ffffff;
}

.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
    color: #ffffff;
    text-decoration: none;
}

.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
    border: 1px solid #dad55e;
    background: #fffa90;
    color: #777620;
}

.ui-state-checked {
    border: 1px solid #dad55e;
    background: #fffa90;
}

.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
    color: #777620;
}

.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
    border: 1px solid #f1a899;
    background: #fddfdf;
    color: #5f3f3f;
}

.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
    color: #5f3f3f;
}

.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
    color: #5f3f3f;
}

.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
    font-weight: bold;
}

.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
    opacity: .7;
    filter: Alpha(Opacity=70);
    font-weight: normal;
}

.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
    opacity: .35;
    filter: Alpha(Opacity=35);
    background-image: none;
}

.ui-state-disabled .ui-icon {
    filter: Alpha(Opacity=35);
}

.ui-icon {
    width: 16px;
    height: 16px;
}

.ui-icon,
.ui-widget-content .ui-icon {
    background-image: url(../images/ui-icons_444444_256x240.png);
}

.ui-widget-header .ui-icon {
    background-image: url(../images/ui-icons_444444_256x240.png);
}

.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon,
.ui-button:hover .ui-icon,
.ui-button:focus .ui-icon {
    background-image: url(../images/ui-icons_555555_256x240.png);
}

.ui-state-active .ui-icon,
.ui-button:active .ui-icon {
    background-image: url(../images/ui-icons_ffffff_256x240.png);
}

.ui-state-highlight .ui-icon,
.ui-button .ui-state-highlight.ui-icon {
    background-image: url(../images/ui-icons_777620_256x240.png);
}

.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
    background-image: url(../images/ui-icons_cc0000_256x240.png);
}

.ui-button .ui-icon {
    background-image: url(../images/ui-icons_777777_256x240.png);
}

.ui-icon-blank {
    background-position: 16px 16px;
}

.ui-icon-caret-1-n {
    background-position: 0 0;
}

.ui-icon-caret-1-ne {
    background-position: -16px 0;
}

.ui-icon-caret-1-e {
    background-position: -32px 0;
}

.ui-icon-caret-1-se {
    background-position: -48px 0;
}

.ui-icon-caret-1-s {
    background-position: -65px 0;
}

.ui-icon-caret-1-sw {
    background-position: -80px 0;
}

.ui-icon-caret-1-w {
    background-position: -96px 0;
}

.ui-icon-caret-1-nw {
    background-position: -112px 0;
}

.ui-icon-caret-2-n-s {
    background-position: -128px 0;
}

.ui-icon-caret-2-e-w {
    background-position: -144px 0;
}

.ui-icon-triangle-1-n {
    background-position: 0 -16px;
}

.ui-icon-triangle-1-ne {
    background-position: -16px -16px;
}

.ui-icon-triangle-1-e {
    background-position: -32px -16px;
}

.ui-icon-triangle-1-se {
    background-position: -48px -16px;
}

.ui-icon-triangle-1-s {
    background-position: -65px -16px;
}

.ui-icon-triangle-1-sw {
    background-position: -80px -16px;
}

.ui-icon-triangle-1-w {
    background-position: -96px -16px;
}

.ui-icon-triangle-1-nw {
    background-position: -112px -16px;
}

.ui-icon-triangle-2-n-s {
    background-position: -128px -16px;
}

.ui-icon-triangle-2-e-w {
    background-position: -144px -16px;
}

.ui-icon-arrow-1-n {
    background-position: 0 -32px;
}

.ui-icon-arrow-1-ne {
    background-position: -16px -32px;
}

.ui-icon-arrow-1-e {
    background-position: -32px -32px;
}

.ui-icon-arrow-1-se {
    background-position: -48px -32px;
}

.ui-icon-arrow-1-s {
    background-position: -65px -32px;
}

.ui-icon-arrow-1-sw {
    background-position: -80px -32px;
}

.ui-icon-arrow-1-w {
    background-position: -96px -32px;
}

.ui-icon-arrow-1-nw {
    background-position: -112px -32px;
}

.ui-icon-arrow-2-n-s {
    background-position: -128px -32px;
}

.ui-icon-arrow-2-ne-sw {
    background-position: -144px -32px;
}

.ui-icon-arrow-2-e-w {
    background-position: -160px -32px;
}

.ui-icon-arrow-2-se-nw {
    background-position: -176px -32px;
}

.ui-icon-arrowstop-1-n {
    background-position: -192px -32px;
}

.ui-icon-arrowstop-1-e {
    background-position: -208px -32px;
}

.ui-icon-arrowstop-1-s {
    background-position: -224px -32px;
}

.ui-icon-arrowstop-1-w {
    background-position: -240px -32px;
}

.ui-icon-arrowthick-1-n {
    background-position: 1px -48px;
}

.ui-icon-arrowthick-1-ne {
    background-position: -16px -48px;
}

.ui-icon-arrowthick-1-e {
    background-position: -32px -48px;
}

.ui-icon-arrowthick-1-se {
    background-position: -48px -48px;
}

.ui-icon-arrowthick-1-s {
    background-position: -64px -48px;
}

.ui-icon-arrowthick-1-sw {
    background-position: -80px -48px;
}

.ui-icon-arrowthick-1-w {
    background-position: -96px -48px;
}

.ui-icon-arrowthick-1-nw {
    background-position: -112px -48px;
}

.ui-icon-arrowthick-2-n-s {
    background-position: -128px -48px;
}

.ui-icon-arrowthick-2-ne-sw {
    background-position: -144px -48px;
}

.ui-icon-arrowthick-2-e-w {
    background-position: -160px -48px;
}

.ui-icon-arrowthick-2-se-nw {
    background-position: -176px -48px;
}

.ui-icon-arrowthickstop-1-n {
    background-position: -192px -48px;
}

.ui-icon-arrowthickstop-1-e {
    background-position: -208px -48px;
}

.ui-icon-arrowthickstop-1-s {
    background-position: -224px -48px;
}

.ui-icon-arrowthickstop-1-w {
    background-position: -240px -48px;
}

.ui-icon-arrowreturnthick-1-w {
    background-position: 0 -64px;
}

.ui-icon-arrowreturnthick-1-n {
    background-position: -16px -64px;
}

.ui-icon-arrowreturnthick-1-e {
    background-position: -32px -64px;
}

.ui-icon-arrowreturnthick-1-s {
    background-position: -48px -64px;
}

.ui-icon-arrowreturn-1-w {
    background-position: -64px -64px;
}

.ui-icon-arrowreturn-1-n {
    background-position: -80px -64px;
}

.ui-icon-arrowreturn-1-e {
    background-position: -96px -64px;
}

.ui-icon-arrowreturn-1-s {
    background-position: -112px -64px;
}

.ui-icon-arrowrefresh-1-w {
    background-position: -128px -64px;
}

.ui-icon-arrowrefresh-1-n {
    background-position: -144px -64px;
}

.ui-icon-arrowrefresh-1-e {
    background-position: -160px -64px;
}

.ui-icon-arrowrefresh-1-s {
    background-position: -176px -64px;
}

.ui-icon-arrow-4 {
    background-position: 0 -80px;
}

.ui-icon-arrow-4-diag {
    background-position: -16px -80px;
}

.ui-icon-extlink {
    background-position: -32px -80px;
}

.ui-icon-newwin {
    background-position: -48px -80px;
}

.ui-icon-refresh {
    background-position: -64px -80px;
}

.ui-icon-shuffle {
    background-position: -80px -80px;
}

.ui-icon-transfer-e-w {
    background-position: -96px -80px;
}

.ui-icon-transferthick-e-w {
    background-position: -112px -80px;
}

.ui-icon-folder-collapsed {
    background-position: 0 -96px;
}

.ui-icon-folder-open {
    background-position: -16px -96px;
}

.ui-icon-document {
    background-position: -32px -96px;
}

.ui-icon-document-b {
    background-position: -48px -96px;
}

.ui-icon-note {
    background-position: -64px -96px;
}

.ui-icon-mail-closed {
    background-position: -80px -96px;
}

.ui-icon-mail-open {
    background-position: -96px -96px;
}

.ui-icon-suitcase {
    background-position: -112px -96px;
}

.ui-icon-comment {
    background-position: -128px -96px;
}

.ui-icon-person {
    background-position: -144px -96px;
}

.ui-icon-print {
    background-position: -160px -96px;
}

.ui-icon-trash {
    background-position: -176px -96px;
}

.ui-icon-locked {
    background-position: -192px -96px;
}

.ui-icon-unlocked {
    background-position: -208px -96px;
}

.ui-icon-bookmark {
    background-position: -224px -96px;
}

.ui-icon-tag {
    background-position: -240px -96px;
}

.ui-icon-home {
    background-position: 0 -112px;
}

.ui-icon-flag {
    background-position: -16px -112px;
}

.ui-icon-calendar {
    background-position: -32px -112px;
}

.ui-icon-cart {
    background-position: -48px -112px;
}

.ui-icon-pencil {
    background-position: -64px -112px;
}

.ui-icon-clock {
    background-position: -80px -112px;
}

.ui-icon-disk {
    background-position: -96px -112px;
}

.ui-icon-calculator {
    background-position: -112px -112px;
}

.ui-icon-zoomin {
    background-position: -128px -112px;
}

.ui-icon-zoomout {
    background-position: -144px -112px;
}

.ui-icon-search {
    background-position: -160px -112px;
}

.ui-icon-wrench {
    background-position: -176px -112px;
}

.ui-icon-gear {
    background-position: -192px -112px;
}

.ui-icon-heart {
    background-position: -208px -112px;
}

.ui-icon-star {
    background-position: -224px -112px;
}

.ui-icon-link {
    background-position: -240px -112px;
}

.ui-icon-cancel {
    background-position: 0 -128px;
}

.ui-icon-plus {
    background-position: -16px -128px;
}

.ui-icon-plusthick {
    background-position: -32px -128px;
}

.ui-icon-minus {
    background-position: -48px -128px;
}

.ui-icon-minusthick {
    background-position: -64px -128px;
}

.ui-icon-close {
    background-position: -80px -128px;
}

.ui-icon-closethick {
    background-position: -96px -128px;
}

.ui-icon-key {
    background-position: -112px -128px;
}

.ui-icon-lightbulb {
    background-position: -128px -128px;
}

.ui-icon-scissors {
    background-position: -144px -128px;
}

.ui-icon-clipboard {
    background-position: -160px -128px;
}

.ui-icon-copy {
    background-position: -176px -128px;
}

.ui-icon-contact {
    background-position: -192px -128px;
}

.ui-icon-image {
    background-position: -208px -128px;
}

.ui-icon-video {
    background-position: -224px -128px;
}

.ui-icon-script {
    background-position: -240px -128px;
}

.ui-icon-alert {
    background-position: 0 -144px;
}

.ui-icon-info {
    background-position: -16px -144px;
}

.ui-icon-notice {
    background-position: -32px -144px;
}

.ui-icon-help {
    background-position: -48px -144px;
}

.ui-icon-check {
    background-position: -64px -144px;
}

.ui-icon-bullet {
    background-position: -80px -144px;
}

.ui-icon-radio-on {
    background-position: -96px -144px;
}

.ui-icon-radio-off {
    background-position: -112px -144px;
}

.ui-icon-pin-w {
    background-position: -128px -144px;
}

.ui-icon-pin-s {
    background-position: -144px -144px;
}

.ui-icon-play {
    background-position: 0 -160px;
}

.ui-icon-pause {
    background-position: -16px -160px;
}

.ui-icon-seek-next {
    background-position: -32px -160px;
}

.ui-icon-seek-prev {
    background-position: -48px -160px;
}

.ui-icon-seek-end {
    background-position: -64px -160px;
}

.ui-icon-seek-start {
    background-position: -80px -160px;
}

.ui-icon-seek-first {
    background-position: -80px -160px;
}

.ui-icon-stop {
    background-position: -96px -160px;
}

.ui-icon-eject {
    background-position: -112px -160px;
}

.ui-icon-volume-off {
    background-position: -128px -160px;
}

.ui-icon-volume-on {
    background-position: -144px -160px;
}

.ui-icon-power {
    background-position: 0 -176px;
}

.ui-icon-signal-diag {
    background-position: -16px -176px;
}

.ui-icon-signal {
    background-position: -32px -176px;
}

.ui-icon-battery-0 {
    background-position: -48px -176px;
}

.ui-icon-battery-1 {
    background-position: -64px -176px;
}

.ui-icon-battery-2 {
    background-position: -80px -176px;
}

.ui-icon-battery-3 {
    background-position: -96px -176px;
}

.ui-icon-circle-plus {
    background-position: 0 -192px;
}

.ui-icon-circle-minus {
    background-position: -16px -192px;
}

.ui-icon-circle-close {
    background-position: -32px -192px;
}

.ui-icon-circle-triangle-e {
    background-position: -48px -192px;
}

.ui-icon-circle-triangle-s {
    background-position: -64px -192px;
}

.ui-icon-circle-triangle-w {
    background-position: -80px -192px;
}

.ui-icon-circle-triangle-n {
    background-position: -96px -192px;
}

.ui-icon-circle-arrow-e {
    background-position: -112px -192px;
}

.ui-icon-circle-arrow-s {
    background-position: -128px -192px;
}

.ui-icon-circle-arrow-w {
    background-position: -144px -192px;
}

.ui-icon-circle-arrow-n {
    background-position: -160px -192px;
}

.ui-icon-circle-zoomin {
    background-position: -176px -192px;
}

.ui-icon-circle-zoomout {
    background-position: -192px -192px;
}

.ui-icon-circle-check {
    background-position: -208px -192px;
}

.ui-icon-circlesmall-plus {
    background-position: 0 -208px;
}

.ui-icon-circlesmall-minus {
    background-position: -16px -208px;
}

.ui-icon-circlesmall-close {
    background-position: -32px -208px;
}

.ui-icon-squaresmall-plus {
    background-position: -48px -208px;
}

.ui-icon-squaresmall-minus {
    background-position: -64px -208px;
}

.ui-icon-squaresmall-close {
    background-position: -80px -208px;
}

.ui-icon-grip-dotted-vertical {
    background-position: 0 -224px;
}

.ui-icon-grip-dotted-horizontal {
    background-position: -16px -224px;
}

.ui-icon-grip-solid-vertical {
    background-position: -32px -224px;
}

.ui-icon-grip-solid-horizontal {
    background-position: -48px -224px;
}

.ui-icon-gripsmall-diagonal-se {
    background-position: -64px -224px;
}

.ui-icon-grip-diagonal-se {
    background-position: -80px -224px;
}

.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
    border-top-left-radius: 3px;
}

.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
    border-top-right-radius: 3px;
}

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
    border-bottom-left-radius: 3px;
}

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
    border-bottom-right-radius: 3px;
}

.ui-widget-overlay {
    background: #aaaaaa;
    opacity: .3;
    filter: Alpha(Opacity=30);
}

.ui-widget-shadow {
    -webkit-box-shadow: 0 0 5px #666666;
    box-shadow: 0 0 5px #666666;
}

.swiper-container {
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1;
}

.swiper-container-no-flexbox .swiper-slide {
    float: left;
}

.swiper-container-vertical > .swiper-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    -o-transition-property: transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}

.swiper-container-android .swiper-slide,
.swiper-wrapper {
    -webkit-transform: translate3d(0px, 0, 0);
    transform: translate3d(0px, 0, 0);
}

.swiper-container-multirow > .swiper-wrapper {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.swiper-container-free-mode > .swiper-wrapper {
    -webkit-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-negative: 0;
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    -o-transition-property: transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
}

.swiper-invisible-blank-slide {
    visibility: hidden;
}

.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
    height: auto;
}

.swiper-container-autoheight .swiper-wrapper {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-transition-property: height, -webkit-transform;
    transition-property: height, -webkit-transform;
    -o-transition-property: transform, height;
    transition-property: transform, height;
    transition-property: transform, height, -webkit-transform;
}

.swiper-container-3d {
    -webkit-perspective: 1200px;
    perspective: 1200px;
}

.swiper-container-3d .swiper-wrapper,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-cube-shadow {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10;
}

.swiper-container-3d .swiper-slide-shadow-left {
    background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
    background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
    background-image: -o-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
    background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-container-3d .swiper-slide-shadow-right {
    background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
    background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
    background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-container-3d .swiper-slide-shadow-top {
    background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
    background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
    background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
    background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-container-3d .swiper-slide-shadow-bottom {
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
    background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
    background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-container-wp8-horizontal,
.swiper-container-wp8-horizontal > .swiper-wrapper {
    -ms-touch-action: pan-y;
    touch-action: pan-y;
}

.swiper-container-wp8-vertical,
.swiper-container-wp8-vertical > .swiper-wrapper {
    -ms-touch-action: pan-x;
    touch-action: pan-x;
}

.swiper-button-prev,
.swiper-button-next {
    position: absolute;
    top: 50%;
    width: 27px;
    height: 44px;
    margin-top: -22px;
    z-index: 10;
    cursor: pointer;
    background-size: 27px 44px;
    background-position: center;
    background-repeat: no-repeat;
}

.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
    opacity: .35;
    cursor: auto;
    pointer-events: none;
}

.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
    background-image: url(data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E);
    left: 10px;
    right: auto;
}

.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
    background-image: url(data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E);
    right: 10px;
    left: auto;
}

.swiper-button-prev.swiper-button-white,
.swiper-container-rtl .swiper-button-next.swiper-button-white {
    background-image: url(data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E);
}

.swiper-button-next.swiper-button-white,
.swiper-container-rtl .swiper-button-prev.swiper-button-white {
    background-image: url(data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E);
}

.swiper-button-prev.swiper-button-black,
.swiper-container-rtl .swiper-button-next.swiper-button-black {
    background-image: url(data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E);
}

.swiper-button-next.swiper-button-black,
.swiper-container-rtl .swiper-button-prev.swiper-button-black {
    background-image: url(data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E);
}

.swiper-pagination {
    position: absolute;
    text-align: center;
    -webkit-transition: 300ms opacity;
    -o-transition: 300ms opacity;
    transition: 300ms opacity;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    z-index: 10;
}

.swiper-pagination.swiper-pagination-hidden {
    opacity: 0;
}

.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-container-horizontal > .swiper-pagination-bullets {
    bottom: 10px;
    left: 0;
    width: 100%;
}

.swiper-pagination-bullets-dynamic {
    overflow: hidden;
    font-size: 0;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    -webkit-transform: scale(0.33);
    -ms-transform: scale(0.33);
    transform: scale(0.33);
    position: relative;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
    -webkit-transform: scale(0.66);
    -ms-transform: scale(0.66);
    transform: scale(0.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
    -webkit-transform: scale(0.33);
    -ms-transform: scale(0.33);
    transform: scale(0.33);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
    -webkit-transform: scale(0.66);
    -ms-transform: scale(0.66);
    transform: scale(0.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
    -webkit-transform: scale(0.33);
    -ms-transform: scale(0.33);
    transform: scale(0.33);
}

.swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    display: inline-block;
    border-radius: 100%;
    background: #000;
    opacity: .2;
}

button.swiper-pagination-bullet {
    border: none;
    margin: 0;
    padding: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer;
}

.swiper-pagination-bullet-active {
    opacity: 1;
    background: #007aff;
}

.swiper-container-vertical > .swiper-pagination-bullets {
    right: 10px;
    top: 50%;
    -webkit-transform: translate3d(0px, -50%, 0);
    transform: translate3d(0px, -50%, 0);
}

.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 6px 0;
    display: block;
}

.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 8px;
}

.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    display: inline-block;
    -webkit-transition: 200ms top, 200ms -webkit-transform;
    transition: 200ms top, 200ms -webkit-transform;
    -o-transition: 200ms transform, 200ms top;
    transition: 200ms transform, 200ms top;
    transition: 200ms transform, 200ms top, 200ms -webkit-transform;
}

.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 4px;
}

.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    white-space: nowrap;
}

.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    -webkit-transition: 200ms left, 200ms -webkit-transform;
    transition: 200ms left, 200ms -webkit-transform;
    -o-transition: 200ms transform, 200ms left;
    transition: 200ms transform, 200ms left;
    transition: 200ms transform, 200ms left, 200ms -webkit-transform;
}

.swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    -webkit-transition: 200ms right, 200ms -webkit-transform;
    transition: 200ms right, 200ms -webkit-transform;
    -o-transition: 200ms transform, 200ms right;
    transition: 200ms transform, 200ms right;
    transition: 200ms transform, 200ms right, 200ms -webkit-transform;
}

.swiper-pagination-progressbar {
    background: rgba(0, 0, 0, 0.25);
    position: absolute;
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: #007aff;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: left top;
    -ms-transform-origin: left top;
    transform-origin: left top;
}

.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    -webkit-transform-origin: right top;
    -ms-transform-origin: right top;
    transform-origin: right top;
}

.swiper-container-horizontal > .swiper-pagination-progressbar {
    width: 100%;
    height: 4px;
    left: 0;
    top: 0;
}

.swiper-container-vertical > .swiper-pagination-progressbar {
    width: 4px;
    height: 100%;
    left: 0;
    top: 0;
}

.swiper-pagination-white .swiper-pagination-bullet-active {
    background: #ffffff;
}

.swiper-pagination-progressbar.swiper-pagination-white {
    background: rgba(255, 255, 255, 0.25);
}

.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill {
    background: #ffffff;
}

.swiper-pagination-black .swiper-pagination-bullet-active {
    background: #000000;
}

.swiper-pagination-progressbar.swiper-pagination-black {
    background: rgba(0, 0, 0, 0.25);
}

.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill {
    background: #000000;
}

.swiper-scrollbar {
    border-radius: 10px;
    position: relative;
    -ms-touch-action: none;
    background: rgba(0, 0, 0, 0.1);
}

.swiper-container-horizontal > .swiper-scrollbar {
    position: absolute;
    left: 1%;
    bottom: 3px;
    z-index: 50;
    height: 5px;
    width: 98%;
}

.swiper-container-vertical > .swiper-scrollbar {
    position: absolute;
    right: 3px;
    top: 1%;
    z-index: 50;
    width: 5px;
    height: 98%;
}

.swiper-scrollbar-drag {
    height: 100%;
    width: 100%;
    position: relative;
    background: rgba(0, 0, 0, 0.5);
    border-radius: 10px;
    left: 0;
    top: 0;
}

.swiper-scrollbar-cursor-drag {
    cursor: move;
}

.swiper-zoom-container {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
}

.swiper-zoom-container > img,
.swiper-zoom-container > svg,
.swiper-zoom-container > canvas {
    max-width: 100%;
    max-height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
}

.swiper-slide-zoomed {
    cursor: move;
}

.swiper-lazy-preloader {
    width: 42px;
    height: 42px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -21px;
    margin-top: -21px;
    z-index: 10;
    -webkit-transform-origin: 50%;
    -ms-transform-origin: 50%;
    transform-origin: 50%;
    -webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite;
    animation: swiper-preloader-spin 1s steps(12, end) infinite;
}

.swiper-lazy-preloader:after {
    display: block;
    content: '';
    width: 100%;
    height: 100%;
    background-image: url(data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E);
    background-position:50%;
    background-size:100%;
    background-repeat:no-repeat;
}
.swiper-lazy-preloader-white:after{
    background-image:url(data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E);
}
    @-webkit-keyframes swiper-preloader-spin {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes swiper-preloader-spin {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

.swiper-container .swiper-notification {
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    opacity: 0;
    z-index: -1000;
}

.swiper-container-fade.swiper-container-free-mode .swiper-slide {
    -webkit-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

.swiper-container-fade .swiper-slide {
    pointer-events: none;
    -webkit-transition-property: opacity;
    -o-transition-property: opacity;
    transition-property: opacity;
}

.swiper-container-fade .swiper-slide .swiper-slide {
    pointer-events: none;
}

.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
    pointer-events: auto;
}

.swiper-container-cube {
    overflow: visible;
}

.swiper-container-cube .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1;
    visibility: hidden;
    -webkit-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
    width: 100%;
    height: 100%;
}

.swiper-container-cube .swiper-slide .swiper-slide {
    pointer-events: none;
}

.swiper-container-cube.swiper-container-rtl .swiper-slide {
    -webkit-transform-origin: 100% 0;
    -ms-transform-origin: 100% 0;
    transform-origin: 100% 0;
}

.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-active .swiper-slide-active {
    pointer-events: auto;
}

.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-next,
.swiper-container-cube .swiper-slide-prev,
.swiper-container-cube .swiper-slide-next + .swiper-slide {
    pointer-events: auto;
    visibility: visible;
}

.swiper-container-cube .swiper-slide-shadow-top,
.swiper-container-cube .swiper-slide-shadow-bottom,
.swiper-container-cube .swiper-slide-shadow-left,
.swiper-container-cube .swiper-slide-shadow-right {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.swiper-container-cube .swiper-cube-shadow {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: .6;
    -webkit-filter: blur(50px);
    filter: blur(50px);
    z-index: 0;
}

.swiper-container-flip {
    overflow: visible;
}

.swiper-container-flip .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1;
}

.swiper-container-flip .swiper-slide .swiper-slide {
    pointer-events: none;
}

.swiper-container-flip .swiper-slide-active,
.swiper-container-flip .swiper-slide-active .swiper-slide-active {
    pointer-events: auto;
}

.swiper-container-flip .swiper-slide-shadow-top,
.swiper-container-flip .swiper-slide-shadow-bottom,
.swiper-container-flip .swiper-slide-shadow-left,
.swiper-container-flip .swiper-slide-shadow-right {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.swiper-container-coverflow .swiper-wrapper {
    -ms-perspective: 1200px;
}

.advantage-box {
    margin-top:30px;
}
.advantage-box:after {
    content:'';
    display:block;
    clear:both;
}
.advantage-box-left {
    float:left;
    width:45%;
    text-align:right;
}
.advantage-box-right {
    float:right;
    width:45%;
    text-align:left;
}
.advantage-box-item {
    position:relative;
    margin:15px 10px;
    height:90px;
}
.advantage-box-item:before {
    width:60px;
    height:65px;
    content:'';
    display:block;
    position:absolute;
    top:0;
    left:0;
}
.advantage-box-left .advantage-box-item:before {
    left:auto;
    right:0;
}
.advantage-box-item:before {background:url('../images/checkbox.png') no-repeat;background-size:contain;}
//.advantage-box-item1:before {background:url('../images/advantage_1.png')}
//.advantage-box-item2:before {background:url('../images/advantage_2.png')}
//.advantage-box-item3:before {background:url('../images/advantage_3.png')}
//.advantage-box-item4:before {background:url('../images/advantage_4.png')}
//.advantage-box-item5:before {background:url('../images/advantage_5.png')}
//.advantage-box-item6:before {background:url('../images/advantage_6.png')}
.advantage-box-item-header {
    font-family: 'Intro Black';
    font-size:18px;
    margin-bottom:10px;
    padding-left:80px;
}
.advantage-box-item-content {
    padding-left:80px;
    font-family:'roboto-regular';
    font-size:14px;
    
}
.advantage-box-left .advantage-box-item-header,
.advantage-box-left .advantage-box-item-content {
    padding-left:0;
    padding-right:80px;
}
@media(max-width:1000px){
    .advantage-box-left,
    .advantage-box-right {
        width:50%
    }
}
@media(max-width:600px)
{
    .advantage-box-left,
    .advantage-box-right {
        float:none;
        width:100%;
    }
    .advantage-box-item-header,
    .advantage-box-item-content {
        padding-left:80px!important;
        padding-right:0px!important;
        text-align:left;
    }
    .advantage-box-item:before {
        left:0!important;
        right:auto!important;
    }

    .advantage-box-item {
        height:auto;
        margin:15px 10px 25px 20px;
    }
    
    .slide-keys a {
        width:100%;
        height:100%;
    }
    .slide-keys .link-gallery img {
        min-width:100%;
        min-height:0%;
    }
    .category-description.row-2 {
        padding-left:10px;
        padding-right:10px;
        padding-top:5vw;
    }
    .category-description.row-2 .p-reg {
        line-height:1.1;
    }
    .header-content-box.row-2 {
        padding-top:25vw;
    }
    .text-box .zoom {
        max-width:100%
    }
}
.inline-block {
    display:inline-block!important
}

.langbox .langselect {
     font-size: 1vw;
}

.langbox {
    position: relative;
    margin: 2.4vw 0 5vw 2vw;
}

.langbox .droplang {
    text-align: right;
    z-index: 999999;
    position: absolute;
    top: 30px;
    left: -15px;
    color: white;
}

.langbox .droplang a {
    color: white;
    padding: 10px 15px;
    display: block;
    font-size: 1vw;
    text-align: center;
}

.langbox .droplang a:hover:after {
    content: '';
    display: block;
    position: absolute;
    width: 20px;
    height: 3px;
}

.langbox .droplang a:last-child {
}

.header-content-box>.h5,
.scroll-down-box>span,
.advantage-box-item-header
 {
    text-transform: uppercase;
}