/* Start:/local/templates/optima/plugins/owl/assets/owl.carousel.min.css?16491508903351*/
/**
 * Owl Carousel v2.3.4
 * Copyright 2013-2018 David Deutsch
 * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
 */
.owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;touch-action:manipulation;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot{background:0 0;color:inherit;border:none;padding:0!important;font:inherit}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-ms-touch-action:pan-y;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item .owl-lazy:not([src]),.owl-carousel .owl-item .owl-lazy[src^=""]{max-height:0}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(/local/templates/optima/plugins/owl/assets/owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}
/* End */


/* Start:/local/templates/optima/lib/slick.css?16491508901524*/
/* Slider */
.slick-slider {
	position: relative;

	display: block;
	box-sizing: border-box;

	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;

	-webkit-touch-callout: none;
	-khtml-user-select: none;
	-ms-touch-action: pan-y;
	touch-action: pan-y;
	-webkit-tap-highlight-color: transparent;
}

.slick-list {
	overflow: hidden;
	display: block;
	position: relative;
	margin: 0;
	padding: 0;
}
.slick-list:focus {
	outline: none;
}
.slick-list.dragging {
	cursor: pointer;
}
.slick-slider .slick-track,
.slick-slider .slick-list {
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}
.slick-track {
	display: block;
	position: relative;
	top: 0;
	left: 0;
}
.slick-track:before,
.slick-track:after {
	content: "";
	display: table;
}
.slick-track:after {
	clear: both;
}
.slick-loading .slick-track {
	visibility: hidden;
}

.slick-slide {
	display: none;
	float: left;
	height: 100%;
	min-height: 1px;
}
[dir="rtl"] .slick-slide {
	float: right;
}
.slick-slide img {
	display: block;
}
.slick-slide.slick-loading img {
	display: none;
}
.slick-slide.dragging img {
	pointer-events: none;
}
.slick-initialized .slick-slide {
	display: block;
}
.slick-loading .slick-slide {
	visibility: hidden;
}
.slick-vertical .slick-slide {
	display: block;
	height: auto;
	border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
	display: none;
}
/* End */


/* Start:/local/templates/optima/old.css?1649150890269828*/
@charset "utf-8";
@import "/local/templates/optima/fonts/gilroy/stylesheet.css";

body, html {
    height: 100%
}

html {
    font-size: 16px !important;
    -webkit-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    -webkit-tap-highlight-color: transparent;
    color: #333 !important;
    background: #fff !important
}

body {
    margin: 0;
    font-size: inherit !important;
    line-height: inherit !important;
    color: inherit !important;
    background: inherit !important
}

details, main, sumary {
    display: block
}

audio, canvas, progress, video {
    display: inline-block;
    vertical-align: 0
}

audio:not([controls]) {
    display: none;
    height: 0
}

[hidden], template {
    display: none
}

a {
    background-color: transparent
}

abbr[title] {
    border-bottom: 1px dotted
}

dfn {
    font-style: italic
}

mark {
    color: #000;
    background: #ff0
}

small {
    font-size: .8em
}

sub, sup {
    font-size: .75em;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sup {
    top: -.5em
}

sub {
    bottom: -.25em
}

img {
    border: 0
}

svg:not(:root) {
    overflow: hidden
}

figure {
    margin: 1em 0
}

hr {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    height: 0
}

pre {
    overflow: auto
}

code, kbd, pre, samp {
    font-family: monospace;
    font-size: 1em
}

button, input, optgroup, select, textarea {
    color: inherit;
    font: inherit;
    margin: 0
}

button {
    overflow: visible
}

button, select {
    text-transform: none
}

button, input[type=button], input[type=reset], input[type=submit] {
    -webkit-appearance: button;
    cursor: default
}

button[disabled], input[disabled] {
    cursor: default
}

button::-moz-focus-inner, input::-moz-focus-inner {
    border: 0;
    padding: 0
}

input {
    line-height: normal
}

input[type=checkbox], input[type=radio] {
    padding: 0
}

input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {
    height: auto
}

input[type=search] {
    -webkit-appearance: textfield
}

input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

input[disabled] {
    pointer-events: none
}

input:invalid {
    -webkit-box-shadow: none;
    box-shadow: none
}

fieldset {
    margin: 0;
    padding: 0;
    border: 1px solid silver
}

legend {
    padding: 0;
    border: 0
}

textarea {
    overflow: auto
}

optgroup {
    font-weight: bolder
}

table {
    border-collapse: collapse
}

td, th {
    padding: 0
}

ol, ul {
    /*    list-style: none;*/
    /*    margin: 0;*/
    /*    padding: 0*/
    /*}*/
}
table {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.field-select .jq-selectbox__dropdown {
    width: 100% !important
}

.field-select .jq-selectbox__dropdown ul {
    max-height: 145px
}

.field-select .jq-selectbox__dropdown li {
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis
}

.font-increase {
    font-size: 18px !important
}

.page-overflow {
    overflow: hidden
}

.page-wrapper {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    min-height: 100%
}

html:not(.old-browser) .page-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.page-wrapper::after {
    content: "";
    display: block;
    clear: both
}

.test-footer {
    height: 400px
}

.page-header {
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important
}

.page-header-contrast {
    overflow: hidden;
    position: relative;
    height: 0
}

.page-header-bottom {
    position: relative;
    height: 50px
}

.page-header-bottom::before {
    content: "";
    opacity: .4;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, .3)), to(rgba(255, 255, 255, 0)));
    background: linear-gradient(to bottom, rgba(255, 255, 255, .3), rgba(255, 255, 255, 0))
}

.page-main {
    position: relative;
    -ms-flex: 1;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.page-footer {
    padding: 25px 0;
    background: #333
}

.page-container {
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    max-width: 1024px;
    margin: auto
}

.page-container::after, .page-container::before {
    content: ""
}

.page-container::before {
    display: table
}

.page-container::after {
    display: block;
    clear: both
}

.main-search {
    display: none;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: 0
}

.main-search-wrapper {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    max-width: 1024px;
    margin: auto
}

.main-search-label {
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    height: 50px;
    margin: 0;
    padding: 8px 0 0 24px
}

.main-search-label::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    width: 17px;
    height: 17px;
    margin: -8px 0 0 0;
    background: url(/local/templates/optima/images/common.svg) -60px -60px no-repeat
}

.main-search-input {
    display: block;
    width: 100%;
    height: 32px;
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    color: #fff;
    background: 0 0
}

.main-search-close {
    overflow: hidden;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 50px;
    padding: 0;
    border: 0;
    text-indent: -1000px;
    font-size: 0;
    background: 0 0;
    cursor: pointer
}

.main-search-close::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 16px;
    height: 16px;
    margin: -8px 0 0 -8px;
    background: url(/local/templates/optima/images/common.svg) -120px -60px no-repeat
}

.search-active .main-search {
    display: block
}

.search-active .menu-functional-list, .search-active .menu-special {
    visibility: hidden
}

@media (max-width: 768px) {
    .page-header {
        position: fixed;
        z-index: 1;
        top: 0;
        right: 0;
        left: 0
    }

    .fixfixed .page-header {
        position: absolute
    }

    .main-search-wrapper, .page-container:not(.page-functional-wrapper) {
        padding-right: 20px;
        padding-left: 20px
    }

    .page-main-container {
        padding-top: 50px
    }

    .main-search-close {
        margin-right: 5px
    }

    .main-search-label {
        margin-right: 35px
    }
}

@media (min-width: 769px) and (max-width: 1024px) {
    .main-search-wrapper, .page-container:not(.page-functional-wrapper) {
        padding-right: 33px;
        padding-left: 33px
    }

    .main-search-close {
        margin-right: 16px
    }

    .main-search-label {
        margin-right: 33px
    }
}

@media (min-width: 769px) {
    .page-header {
        position: relative
    }
}

@media (min-width: 1025px) {
    .main-search-wrapper, .page-container {
        padding: 0 42px
    }

    .main-search-close {
        margin-right: 25px
    }

    .main-search-label {
        margin-right: 33px
    }
}

.contrast-header-list {
    height: 50px
}

.menu-functional-list {
    height: 50px;
    font-size: 0;
    text-align: right
}

.menu-functional-item {
    display: inline-block;
    position: relative;
    height: 50px;
    vertical-align: top;
    border-left: 1px solid rgba(255, 255, 255, .2)
}

.search-functional-item {
    width: 54px;
    cursor: pointer;
    background-clip: padding-box
}

.search-functional-item::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 16px;
    height: 16px;
    margin: -8px 0 0 -8px;
    background: url(/local/templates/optima/images/common.svg) -30px -60px no-repeat
}

.cart-menu-item.cart-empty, .standard-version .cart-functional-item {
    display: none
}

.cart-menu-item {
    z-index: 10
}

.cart-menu-body {
    position: absolute;
    line-height: normal
}

.shop-version:not(.cart-fixed) .cart-menu-item {
    position: relative;
    height: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    min-width: 54px;
    font-size: 1rem;
    line-height: 50px
}

.shop-version:not(.cart-fixed) .cart-menu-item::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    width: 18px;
    height: 16px;
    margin: -8px 0 0 18px;
    background: url(/local/templates/optima/images/common.svg) -90px -60px no-repeat
}

.shop-version:not(.cart-fixed) .cart-menu-item.cart-empty::after {
    opacity: .4
}

.shop-version:not(.cart-fixed) .cart-menu-head {
    display: block;
    position: relative;
    height: 100%;
    padding-left: 32px;
    text-decoration: none;
    color: #fff;
    cursor: pointer
}

.shop-version:not(.cart-fixed) .cart-menu-body {
    z-index: 1
}

.shop-version:not(.cart-fixed) .cart-menu-head::before {
    content: attr(data-count);
    display: inline-block;
    position: relative;
    top: -8px;
    height: 14px;
    margin-right: 5px;
    padding: 0 4px;
    border-radius: 6px;
    font-size: .675rem;
    line-height: 14px;
    vertical-align: middle;
    background: #fff
}

@media (max-width: 480px) {
    .cart-menu-head {
        font-size: 0
    }

    .cart-menu-head::before {
        margin-right: -10px
    }

    .cart-menu-item::after {
        content: "";
        position: absolute;
        top: 50%;
        left: 0;
        width: 18px;
        height: 16px;
        margin: -8px 0 0 18px;
        background: url(/local/templates/optima/images/common.svg) -90px -60px no-repeat
    }

    .cart-menu-item.cart-empty::after {
        opacity: .4
    }

    .cart-preorder-info, .cart-preorder-list, .cart-preorder-total {
        display: none
    }

    .cart-preorder-footer {
        position: relative;
        height: 100%
    }

    .cart-menu-body {
        top: 0;
        left: 0;
        width: 100%;
        height: 100%
    }

    .cart-menu-body .form-button {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        padding: 0;
        border-radius: 50%;
        font-size: 0;
        color: transparent;
        background: 0 0
    }
}

@media (min-width: 481px) {
    .shop-version:not(.cart-fixed) .cart-menu-head {
        padding-right: 20px
    }

    .cart-menu-body {
        display: none;
        top: 100%;
        right: 0;
        width: 370px;
        margin-top: 5px;
        border-radius: 4px;
        text-align: left;
        background: #fff;
        -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, .2);
        box-shadow: 0 0 15px rgba(0, 0, 0, .2)
    }

    .cart-menu-active .cart-menu-body {
        display: block
    }

    .cart-menu-body::after, .cart-menu-body::before {
        content: "";
        position: absolute;
        top: 0
    }

    .cart-menu-body::after {
        right: 0;
        left: 0;
        height: 20px;
        border-radius: 4px 4px 0 0;
        background: #fff
    }

    .cart-menu-body::before {
        right: 25px;
        width: 14px;
        height: 14px;
        margin: -7px -7px 0 0;
        background: #fff;
        -webkit-transform: scale(.7, 1) rotate(-45deg);
        transform: scale(.7, 1) rotate(-45deg);
        -webkit-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
        -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, .2);
        box-shadow: 0 0 15px rgba(0, 0, 0, .2)
    }

    .cart-preorder-list {
        overflow: auto;
        max-height: 300px;
        padding: 20px 20px 10px 25px;
        font-size: .875rem
    }

    .cart-preorder-item {
        position: relative;
        padding: 0 50px 0 60px
    }

    .cart-preorder-item:not(:first-child) {
        margin-top: 10px
    }

    .cart-preorder-item::after {
        content: "";
        display: block;
        clear: both
    }

    .cart-preorder-link {
        text-decoration: none
    }

    .cart-preorder-link:hover {
        text-decoration: underline
    }

    .cart-preorder-image {
        float: left;
        max-width: 40px;
        margin-left: -60px
    }

    .cart-preorder-title {
        display: block
    }

    .cart-preorder-price {
        display: block;
        margin-top: 5px;
        font-weight: 300
    }

    .cart-preorder-count, .cart-preorder-info {
        font-size: .75rem;
        font-weight: 300
    }

    .cart-preorder-count {
        position: absolute;
        top: 0;
        right: 0;
        text-align: right
    }

    .cart-preorder-info {
        opacity: .7;
        margin: 0 0 10px;
        text-align: center
    }

    .cart-preorder-footer {
        padding: 20px 25px;
        border-style: solid;
        border-width: 2px
    }

    .cart-preorder-total {
        margin-left: 20px;
        vertical-align: middle;
        font-size: 1.125rem
    }
}

@media (max-width: 768px) {
    .cart-menu-item .form-button::before {
        content: none
    }
}

@media (min-width: 769px) {
    .shop-version.cart-fixed .cart-menu-item {
        position: fixed;
        width: 50px;
        height: 50px;
        border-radius: 50%;
        text-align: center;
        -webkit-box-shadow: 0 10px 10px rgba(0, 0, 0, .05);
        box-shadow: 0 10px 10px rgba(0, 0, 0, .05)
    }

    .shop-version.cart-fixed .cart-menu-head {
        display: block;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        position: relative;
        height: 100%;
        padding: 25px 0 0 14px;
        text-decoration: none;
        cursor: pointer
    }

    .shop-version.cart-fixed .cart-menu-head::before {
        content: "";
        position: absolute;
        bottom: 11px;
        right: 16px;
        width: 21px;
        height: 27px;
        background: url(/local/templates/optima/images/common.svg) -400px -60px no-repeat
    }

    .shop-version.cart-fixed .cart-menu-head::after {
        content: attr(data-count);
        display: inline-block;
        position: relative;
        min-width: 10px;
        height: 14px;
        padding: 0 4px;
        border-radius: 6px;
        font-size: .675rem;
        line-height: 14px;
        vertical-align: middle;
        background: #fff
    }
}

@media (max-width: 1024px) {
    .shop-version.cart-fixed .cart-menu-item {
        top: 0;
        right: 0;
        margin: 25px 25px 0 0
    }
}

@media (min-width: 1025px) {
    .shop-version.cart-fixed .cart-menu-item {
        top: 0;
        left: 50%;
        margin: 25px 0 0 420px
    }

    .shop-version:not(.cart-fixed) .cart-menu-item.cart-empty {
        border-right: 1px solid rgba(255, 255, 255, .2)
    }
}

.menu-container a {
    text-decoration: none
}

.main-menu-list a {
    color: #000
}

.menu-button-list {
    height: 50px;
    white-space: nowrap
}

.menu-button-item {
    display: inline-block;
    position: relative;
    height: 100%;
    border-right: 1px solid rgba(255, 255, 255, .2);
    vertical-align: top;
    background-clip: padding-box;
    cursor: pointer
}

.menu-button-open {
    width: 66px
}

.menu-button-open::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 22px;
    height: 16px;
    margin: -8px 0 0 -11px;
    background: url(/local/templates/optima/images/common.svg) 0 -60px no-repeat
}

.menu-button-contrast {
    width: 54px;
    line-height: 50px;
    text-align: center;
    font-size: 1rem;
    color: #fff
}

.menu-button-contrast::after, .menu-button-contrast::before {
    content: "A"
}

.menu-button-contrast::before {
    font-size: 1.375em
}

.contrast-view .menu-button-contrast {
    display: none
}

.contrast-wrapper {
    height: 50px;
    line-height: 46px;
    text-align: right
}

.font-size-wrapper {
    float: left
}

.font-size-list {
    display: inline-block;
    height: 30px;
    margin-left: 15px;
    vertical-align: middle;
    text-align: center;
    font-size: 0;
    font-weight: 400;
    line-height: 28px
}

.font-size-item {
    display: inline-block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 40px;
    height: 100%;
    vertical-align: middle;
    background: #fff;
    cursor: pointer
}

.font-size-item:not(:first-child) {
    margin-left: -1px
}

.font-size-item.font-size-active {
    color: #fff
}

.font-size-item::before {
    content: "A"
}

.font-size-middle {
    border-radius: 4px 0 0 4px;
    font-size: 1rem
}

.font-size-large {
    border-radius: 0 4px 4px 0;
    font-size: 1.5rem
}

.contrast-close {
    position: absolute;
    top: 0;
    right: 0;
    width: 42px;
    height: 50px;
    cursor: pointer
}

.contrast-close::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 16px;
    height: 16px;
    margin: -8px 0 0 -8px;
    background-image: url(/local/templates/optima/images/common.svg);
    background-repeat: no-repeat
}

.contrast-reset {
    display: inline-block;
    vertical-align: middle;
    line-height: normal;
    cursor: pointer
}

@media (max-width: 480px) {
    .menu-button-contrast {
        display: none
    }

    .menu-user-link:first-child {
        max-width: 120px
    }
}

@media (min-width: 481px) {
    .contrast-wrapper {
        padding-right: 24px
    }

    html.contrast-view .page-header-contrast {
        height: 50px
    }
}

@media (min-width: 481px) and (max-width: 768px) {
    html.contrast-view .menu-button-list {
        top: 50px
    }

    .menu-user-link:first-child {
        max-width: 160px
    }
}

@media (max-width: 768px) {
    .menu-wrapper {
        position: fixed;
        z-index: 101;
        top: 0;
        bottom: 0;
        left: -20px;
        width: 0
    }

    .menu-wrapper.menu-active {
        right: 0;
        width: auto;
        background: rgba(0, 0, 0, .4)
    }

    .menu-container {
        position: absolute;
        z-index: 1;
        top: 0;
        left: 0;
        bottom: 0;
        min-width: 260px;
        max-width: calc(100% - 20px);
        padding: 50px 0 0 20px;
        white-space: nowrap;
        background: #fff;
        -webkit-box-shadow: 0 0 18px rgba(0, 0, 0, .3);
        box-shadow: 0 0 18px rgba(0, 0, 0, .3);
        -webkit-transition: .2s;
        transition: .2s;
        -webkit-transform: translate(-100%, 0);
        transform: translate(-100%, 0);
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }

    .menu-wrapper.menu-active .menu-container {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }

    .menu-special {
        margin: -50px 0 0
    }

    .menu-button-list {
        position: fixed;
        top: 0;
        left: 20px;
        height: 50px;
        margin-left: 100%
    }

    .menu-user-list {
        height: 50px;
        padding: 0 54px 0 5px;
        font-size: 0;
        line-height: 50px;
        -webkit-box-shadow: 0 0 18px rgba(0, 0, 0, .2);
        box-shadow: 0 0 18px rgba(0, 0, 0, .2)
    }

    .menu-user-item {
        display: inline-block;
        position: relative;
        height: 100%;
        font-size: .875rem;
        line-height: 50px
    }

    .menu-user-item:not(:first-child) {
        padding-left: 1px
    }

    .menu-user-item:not(:first-child)::before {
        content: "";
        position: absolute;
        top: 50%;
        left: 0;
        width: 1px;
        height: 1em;
        margin: -.5em 0 0
    }

    .menu-user-link {
        overflow: hidden;
        display: block;
        height: 100%;
        padding: 0 15px;
        color: #0075c9;
        -ms-text-overflow: ellipsis;
        text-overflow: ellipsis
    }

    .main-menu {
        overflow: hidden;
        position: relative;
        height: 100%
    }

    .main-menu-list {
        padding: 0 20px
    }

    .menu-menu-list::before {
        position: absolute;
        z-index: -1;
        right: 0;
        bottom: 100%;
        left: 0;
        height: 50px;
        -webkit-box-shadow: 0 0 18px rgba(0, 0, 0, .2);
        box-shadow: 0 0 18px rgba(0, 0, 0, .2)
    }

    .main-menu-item {
        position: relative;
        border-bottom: 1px solid rgba(0, 0, 0, .1)
    }

    .main-menu-item::after {
        content: "";
        display: block;
        clear: both
    }

    .main-menu-item.menu-active {
        color: rgba(0, 0, 0, .5)
    }

    .main-menu-item.main-menu-parent {
        padding-right: 30px;
        cursor: pointer
    }

    .main-menu-parent::after {
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        opacity: .2;
        width: 18px;
        height: 9px;
        margin: 17px 0 0;
        background: url(/local/templates/optima/images/common.svg) -210px -30px no-repeat
    }

    .main-menu-parent.menu-toggle::after {
        background-position: -240px -30px
    }

    .main-menu-link, .main-menu-title {
        overflow: hidden;
        display: inline-block;
        height: 40px;
        vertical-align: middle;
        line-height: 40px;
        -ms-text-overflow: ellipsis;
        text-overflow: ellipsis
    }

    .main-menu-subitem.menu-active, .main-menu-subitem.menu-active .main-menu-link {
        font-weight: 600
    }

    .main-menu-sublist {
        overflow: hidden;
        height: 0;
        margin: 0 -50px 0 -20px
    }

    .main-menu-parent.menu-toggle .main-menu-sublist {
        height: auto
    }

    .main-menu-subitem {
        overflow: hidden;
        height: 40px;
        padding: 0 50px 0 35px;
        line-height: 36px;
        -ms-text-overflow: ellipsis;
        text-overflow: ellipsis
    }

    .main-menu-subitem.menu-active {
        background: rgba(0, 0, 0, .05)
    }

    .menu-wrapper.menu-active .menu-button-list {
        display: none
    }
}

@media (min-width: 769px) {
    .menu-special {
        position: absolute;
        top: 0;
        left: 0;
        height: 50px;
        margin: -50px 0 0;
        padding: 0 0 0 42px;
        font-size: 0
    }

    .menu-button-list, .menu-top {
        height: 100%
    }

    .menu-button-list {
        float: right
    }

    .menu-user-list {
        float: left;
        border-right: 1px solid rgba(255, 255, 255, .2)
    }

    .menu-user-item {
        display: inline-block;
        height: 50px;
        margin: 0 20px 0 0;
        vertical-align: top;
        font-size: 1rem;
        line-height: 50px
    }

    .menu-user-link {
        border-bottom: 1px solid rgba(255, 255, 255, 0);
        text-decoration: none;
        color: #fff
    }

    .menu-user-link, .menu-user-link:focus, .menu-user-link:hover {
        color: #fff
    }

    .menu-user-link:hover {
        border-bottom-color: #fff
    }

    .main-menu-item {
        display: inline-block;
        position: relative;
        margin: 0 4px 0 0;
        padding: 6px 10px;
        border-radius: 4px;
        vertical-align: top;
        cursor: default
    }

    .main-menu-item.main-page-item {
        display: none
    }

    .main-menu-item.main-menu-parent {
        position: relative;
        margin-right: 24px
    }

    .main-menu-parent:hover {
        z-index: 1
    }

    .main-menu-parent::after {
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        opacity: .4;
        width: 11px;
        height: 6px;
        margin: 17px -12px 0 0;
        background: url(/local/templates/optima/images/common.svg) -270px -30px no-repeat
    }

    .main-menu-parent.menu-active::after {
        margin-right: -16px
    }

    .main-menu-title {
        border-bottom: 1px dotted rgba(0, 0, 0, .2)
    }

    .main-menu-title:hover {
        border: 0
    }

    .main-menu-link {
        border-bottom: 1px solid rgba(0, 0, 0, .2)
    }

    .main-menu-link:hover {
        border-bottom-color: #000
    }

    .main-menu-list {
        margin: 20px -10px
    }

    .main-menu-sublist {
        visibility: hidden;
        overflow: hidden;
        position: absolute;
        top: 100%;
        left: 0;
        margin: -5px 0 0 -5px;
        border-radius: 3px;
        white-space: nowrap;
        background: #fff;
        -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .2);
        box-shadow: 0 0 5px rgba(0, 0, 0, .2);
        -webkit-transition: visibility 0s .2s;
        transition: visibility 0s .2s;
        z-index: 5
    }

    .main-menu-item:hover .main-menu-sublist {
        visibility: visible
    }

    .main-menu-subitem {
        height: 40px;
        padding: 0 15px;
        line-height: 40px
    }

    .main-menu-subitem.menu-active {
        font-weight: 600
    }

    .main-menu-sublink {
        display: block;
        height: 100%;
        margin: 0 -15px;
        padding: 0 15px
    }

    .main-menu-item.menu-active .main-menu-link, .main-menu-item.menu-active .main-menu-title {
        font-weight: 600;
        border: 0
    }

    .menu-button-open, .menu-wrapper .button-close {
        display: none
    }
}

@media (min-width: 1025px) {
    .main-menu-parent:hover::after {
        background-position: -290px -30px
    }
}

.breadcrumbs {
    margin: 20px 0
}

.breadcrumbs-item {
    display: inline-block;
    margin: 0 16px 0 0;
    font-size: .75em
}

.breadcrumbs-item a {
    border-bottom: 1px solid rgba(0, 0, 0, .2);
    text-decoration: none;
    color: #000
}

.breadcrumbs-item:not(:last-child)::after {
    content: "";
    opacity: .4;
    display: inline-block;
    width: 4px;
    height: 9px;
    margin: 0 -12px 0 8px;
    vertical-align: middle;
    background: url(/local/templates/optima/images/common.svg) -320px -30px no-repeat
}

.breadcrumbs-item a:hover {
    border-bottom: 1px solid #000
}

.page-footer, .page-footer a {
    color: #fff
}

.page-footer a {
    text-decoration: none
}

.menu-footer a {
    border-bottom: 1px solid rgba(255, 255, 255, 0)
}

.menu-footer a:hover {
    border-bottom: 1px solid rgba(255, 255, 255, .5)
}

@media (max-width: 640px) {
    .menu-phone-wrapper {
        margin-top: 20px;
        margin-bottom: 20px
    }
}

@media (min-width: 641px) {
    .menu-footer-wrapper {
        display: inline-block;
        vertical-align: top
    }

    .menu-footer-list {
        -webkit-column-count: 2;
        -moz-column-count: 2;
        column-count: 2
    }

    .menu-footer-item {
        margin: 0 30px 0 0;
        line-height: 30px
    }

    .menu-phone-wrapper {
        display: inline-block;
        line-height: 30px;
        vertical-align: top
    }
}

@media (min-width: 641px) and (max-width: 768px) {
    .menu-footer-wrapper {
        padding: 0 0 20px
    }
}

@media (max-width: 768px) {
    .bitrix-footer, .menu-footer {
        display: none
    }
}

@media (min-width: 769px) {
    .menu-footer-wrapper {
        padding: 0 0 30px
    }

    .menu-phone-wrapper {
        padding: 0 0 0 30px
    }
}

@media (min-width: 769px) and (max-width: 1024px) {
    .bitrix-footer {
        display: inline-block;
        position: relative
    }

    .copyright-footer {
        margin-top: 20px
    }
}

@media (min-width: 1025px) {
    .bitrix-footer {
        position: absolute;
        top: 0;
        right: 42px
    }
}

.contact-wrapper {
    overflow: hidden;
    margin: 30px 0
}

.logo-wrapper {
    text-decoration: none;
    color: inherit
}

.logo-title {
    font-size: 1.5em;
    vertical-align: top
}

.logo-image {
    width: 100px;
    margin-right: 20px;
    vertical-align: top
}

@media (max-width: 360px) {
    .contact-with-title .logo-title {
        display: block;
        clear: both;
        margin-top: 10px
    }

    .contact-with-title .contact-phone {
        margin-top: 10px
    }
}

@media (min-width: 361px) and (max-width: 640px) {
    .contact-with-title .logo-image {
        float: left
    }

    .contact-with-title .contact-phone {
        margin-left: 140px
    }
}

@media (max-width: 640px) {
    .contact-wrapper:not(.contact-with-title) .logo-wrapper {
        float: left
    }

    .contact-wrapper:not(.contact-with-title) .contact-phone {
        float: right
    }
}

@media (min-width: 641px) {
    .logo-wrapper {
        float: left
    }

    .contact-phone {
        float: right
    }

    .logo-title {
        font-size: 1.75em
    }
}

.tab-menu-item {
    display: inline-block;
    margin-bottom: 10px
}

.tab-menu-item:not(:last-child) {
    margin-right: 20px
}

.tab-menu-item:not(.tab-active) {
    cursor: pointer
}

.tab-block-body {
    overflow: hidden
}

.tab-block-content {
    padding-top: 20px
}

.tab-block-item:not(.tab-active) .tab-block-body {
    height: 0
}

.tab-block-item.tab-active .tab-block-body {
    height: auto
}

.description-list, .subdescription-list {
    margin: 0 0 20px
}

.description-item, .subdescription-item {
    margin: 0 0 10px 20px
}

.description-item::before, .subdescription-item::before {
    content: "";
    display: inline-block;
    width: 6px;
    height: 6px;
    margin: 0 14px 0 -20px;
    vertical-align: middle;
    background-image: url(/local/templates/optima/images/common.svg);
    background-repeat: no-repeat
}

@media (min-width: 641px) {
    .list-column-2 {
        -webkit-column-count: 2;
        -moz-column-count: 2;
        column-count: 2;
        -webkit-column-gap: 50px;
        -moz-column-gap: 50px;
        column-gap: 50px
    }

    .list-column-3 {
        -webkit-column-count: 3;
        -moz-column-count: 3;
        column-count: 3;
        -webkit-column-gap: 50px;
        -moz-column-gap: 50px;
        column-gap: 50px
    }
}

@media (max-width: 768px) {
    .header-2 {
        margin: 0 0 20px
    }

    .tab-wrapper {
        margin-left: -20px;
        margin-right: -20px;
        margin-bottom: 0
    }

    .tab-menu-list {
        display: none
    }

    .tab-block-head {
        overflow: hidden;
        position: relative;
        height: 44px;
        padding: 0 60px 0 20px;
        line-height: 40px;
        background: rgba(0, 0, 0, .1);
        cursor: pointer
    }

    .tab-block-item:not(.tab-active) + .tab-block-item:not(.tab-active) .tab-block-head {
        border-top: 1px solid rgba(0, 0, 0, .1)
    }

    .tab-block-head::before {
        content: "";
        position: absolute;
        top: 50%;
        right: 0;
        width: 18px;
        height: 9px;
        margin: -5px 20px 0 0;
        background: url(/local/templates/optima/images/common.svg) -210px -30px no-repeat
    }

    .tab-block-item.tab-active .tab-block-head {
        font-weight: 600;
        background: rgba(0, 0, 0, .2)
    }

    .tab-block-item.tab-active .tab-block-head::before {
        background-position: -240px -30px
    }

    .tab-block-content {
        padding: 20px 20px 0
    }
}

@media (min-width: 769px) {
    .header-2 {
        margin: 0 0 30px
    }

    .tab-block-head {
        display: none
    }

    .tab-block-body {
        margin: 0 -20px;
        padding: 0 20px
    }
}

.pagination-wrapper {
    margin: 20px 0;
    text-align: center
}

.pagination-list {
    display: inline-block
}

.pagination-item {
    display: inline-block;
    padding: 3px 7px;
    border-radius: 3px
}

.pagination-item.pagination-active {
    font-weight: 600
}

.pagination-link {
    text-decoration: none
}

.screenshots-list {
    margin: 0 -20px
}

.screenshots-item {
    position: relative;
    padding: 20px
}

.screenshots-image {
    display: block;
    width: 100%;
    margin-bottom: 20px;
    -webkit-box-shadow: 0 0 18px rgba(0, 0, 0, .3);
    box-shadow: 0 0 18px rgba(0, 0, 0, .3)
}

.default-loading {
    position: relative
}

.default-loading::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 50px;
    height: 50px;
    margin: -25px 0 0 -25px;
    background: url(/local/templates/optima/images/common.svg) -480px 0 no-repeat
}

.default-loading:not(.default-loading-sharp)::after {
    -webkit-animation: load 1s linear infinite;
    animation: load 1s linear infinite
}

.default-loading.default-loading-sharp::after {
    -webkit-animation: load 1s steps(8) infinite;
    animation: load 1s steps(8) infinite
}

@keyframes load {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@-webkit-keyframes load {
    0% {
        -webkit-transform: rotate(0)
    }
    100% {
        -webkit-transform: rotate(360deg)
    }
}

.button-close {
    position: absolute;
    top: 0;
    right: 0;
    width: 54px;
    height: 50px;
    cursor: pointer
}

.button-close::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 16px;
    height: 16px;
    margin: -8px 0 0 -8px;
    background: url(/local/templates/optima/images/common.svg) -120px -30px no-repeat
}

.form-wrapper::after {
    content: "";
    display: block;
    clear: both
}

.user-data {
    margin: 0 0 30px
}

.user-data.form-hidden {
    display: none
}

.user-data[data-message]::after {
    content: attr(data-message);
    display: block;
    margin-top: 20px;
    color: #25b477
}

.user-data .form-fieldset .button-wrapper {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-pack: justify;
    -webkit-box-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    -webkit-box-align: center;
    align-items: center
}

.field-wrapper {
    position: relative;
    width: 100%
}

.fieldset-block.form-fieldset-disable, .form-fieldset.form-fieldset-disable {
    display: none
}

.field-wrapper::after {
    content: "";
    display: block;
    clear: both
}

.field-label {
    position: relative
}

.form-fieldset {
    margin: 0;
    padding: 0;
    border: 0
}

.form-fieldset.field-group {
    min-width: 0;
    margin: 0 0 20px
}

.field-input, .field-select {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 36px;
    outline: 0
}

.field-input {
    padding: 0 10px;
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: 4px
}

textarea.field-input {
    padding: 7px 10px;
    resize: vertical
}

.user-data .field-input, .user-data .field-select {
    width: 100%
}

.field-choice {
    opacity: 0;
    position: absolute
}

.field-type-choice .field-label {
    vertical-align: middle
}

.field-type-choice .field-label .field-title {
    padding-left: 24px
}

.field-choice ~ .field-title::before {
    content: "";
    float: left;
    width: 16px;
    height: 16px;
    margin: 4px 0 0 -24px;
    vertical-align: middle;
    background-image: url(/local/templates/optima/images/common.svg);
    background-repeat: no-repeat
}

.field-type-choice.field-column .field-label {
    display: block
}

.field-type-choice.field-column .field-label:not(:first-of-type) {
    margin-top: 5px
}

.field-type-choice .field-label .field-title {
    display: block
}

.form-button {
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 36px;
    padding: 0 15px;
    border: 0;
    border-radius: 5px;
    line-height: 34px;
    text-align: center;
    vertical-align: middle;
    text-decoration: none;
    color: #fff;
    cursor: pointer
}

.form-button:not(.form-button-wide) {
    display: inline-block
}

.form-button::before {
    content: "";
    opacity: .4;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border-radius: 5px;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, .3)), to(rgba(255, 255, 255, 0)));
    background: linear-gradient(to bottom, rgba(255, 255, 255, .3), rgba(255, 255, 255, 0))
}

.form-button[data-count]::after {
    content: attr(data-count);
    position: absolute;
    top: -8px;
    right: -8px;
    height: 18px;
    padding: 0 9px;
    border-radius: 9px;
    font-size: .75em;
    line-height: 18px;
    vertical-align: middle;
    color: #fff;
    background: #059613;
    -webkit-box-shadow: 0 0 3px #fff;
    box-shadow: 0 0 3px #fff
}

.form-button:hover::before {
    content: none
}

.field-type-captcha::after {
    content: "";
    display: block;
    clear: both
}

.captcha-wrapper {
    position: relative;
    width: 120px;
    height: 36px;
    font-size: 0;
    line-height: 36px;
    text-align: center
}

.captcha-wrapper img {
    max-width: 100%;
    max-height: 100%;
    vertical-align: middle
}

.captcha-reload {
    position: absolute;
    top: 0;
    left: 100%;
    margin-left: 10px;
    width: 36px;
    height: 36px;
    cursor: pointer
}

.captcha-reload::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 26px;
    height: 36px;
    margin: -18px 0 0 -13px;
    background-image: url(/local/templates/optima/images/common.svg);
    background-repeat: no-repeat
}

.action-button {
    display: inline-block;
    border-bottom: 1px dotted #000;
    cursor: pointer
}

.field-type-file .field-label[data-list]::after {
    content: attr(data-list);
    white-space: pre-wrap
}

.field-type-file .field-file {
    opacity: 0;
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.field-type-file .field-file-replace {
    display: block;
    height: 36px;
    padding: 0 15px;
    line-height: 34px;
    background: rgba(0, 0, 0, .2)
}

.field-type-file .field-file-replace::before {
    content: "";
    display: inline-block;
    width: 14px;
    height: 18px;
    margin: 0 10px 0 0;
    vertical-align: middle;
    background-image: url(/local/templates/optima/images/common.svg);
    background-repeat: no-repeat
}

.field-type-file .field-file-replace::after {
    content: attr(data-title)
}

.field-wrapper[data-error-message]::after {
    content: attr(data-error-message);
    font-size: .875em;
    color: #f30
}

@media (max-width: 500px) {
    .user-data .field-wrapper {
        margin-bottom: 10px
    }

    .field-wrapper .field-label {
        display: block
    }

    .field-wrapper:not(.field-type-captcha) .field-label {
        width: 100%
    }

    .field-wrapper.field-type-captcha .field-input {
        float: left;
        width: calc(100% - 140px)
    }

    .captcha-wrapper {
        float: right
    }

    .field-title {
        display: block;
        margin-bottom: 5px
    }

    .field-choice ~ .field-title {
        line-height: normal
    }
}

@media (min-width: 501px) {
    .form-fieldset {
        max-width: 320px
    }

    .user-data .field-wrapper {
        margin-bottom: 15px
    }

    .field-label {
        display: inline-block
    }

    .field-type-choice:not(.field-column) .field-label:not(:first-of-type) {
        margin-left: 10px
    }

    .field-wrapper:not(.field-type-choice):not(.field-type-captcha) .field-label {
        width: 280px
    }

    .field-type-captcha .field-label {
        width: 110px
    }

    .field-narrow .field-wrapper:not(.field-type-choice):not(.field-type-captcha) .field-label, .field-wrapper.field-narrow:not(.field-type-choice):not(.field-type-captcha) .field-label {
        width: 120px
    }

    .field-middle .field-wrapper:not(.field-type-choice):not(.field-type-captcha) .field-label, .field-wrapper.field-middle:not(.field-type-choice):not(.field-type-captcha) .field-label {
        width: 320px
    }

    .field-wide .field-wrapper:not(.field-type-choice):not(.field-type-captcha) .field-label, .field-wrapper.field-wide:not(.field-type-choice):not(.field-type-captcha) .field-label {
        width: 440px
    }

    .field-type-choice:not(.field-column) {
        white-space: nowrap
    }

    .captcha-wrapper {
        position: absolute;
        top: 0;
        left: 100%;
        margin-left: 10px
    }

    .field-type-captcha .field-title, .field-type-choice > .field-title, .field-type-file .field-title, .field-type-input .field-title, .field-type-select .field-title {
        float: left;
        width: 160px;
        margin-left: -160px
    }

    .field-wrapper:not(.field-type-choice) .field-title {
        line-height: 32px
    }

    .user-data .form-fieldset {
        padding-left: 160px
    }

    .user-data.form-narrow .form-fieldset {
        padding-left: 80px
    }

    .form-narrow .field-type-captcha .field-title, .form-narrow .field-type-choice > .field-title, .form-narrow .field-type-file .field-title, .form-narrow .field-type-input .field-title, .form-narrow .field-type-select .field-title {
        width: 80px;
        margin-left: -80px
    }

    .user-data.form-wide .form-fieldset {
        padding-left: 220px
    }

    .form-wide .field-type-captcha .field-title, .form-wide .field-type-choice > .field-title, .form-wide .field-type-file .field-title, .form-wide .field-type-input .field-title, .form-wide .field-type-select .field-title {
        width: 220px;
        margin-left: -220px
    }

    .form-button:not(.form-button-wide) {
        min-width: 120px
    }
}

@media (max-width: 768px) {
    .form-button {
        font-size: 14px
    }

    .combain-wrapper .form-wrapper {
        padding: 20px 20px 0
    }
}

@media (min-width: 769px) {
    .form-button {
        font-size: 16px
    }

    .form-wrapper {
        display: inline-block
    }

    .combain-wrapper .form-wrapper {
        padding: 20px 0 0
    }

    .combain-wrapper .tab-wrapper {
        float: left
    }
}

@media (min-width: 821px) {
    .user-data.form-narrow {
        float: left
    }
}

@media (min-width: 861px) {
    .user-data.form-wide {
        float: left
    }
}

.form-popup-wrapper {
    display: none;
    position: fixed;
    z-index: 1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.form-popup-wrapper::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0, 0, 0, .3)
}

.form-popup-wrapper .button-close {
    z-index: 1;
    width: 50px;
    height: 50px;
    font-size: 0
}

.form-popup-active {
    overflow: hidden
}

.form-popup-active .form-popup-wrapper {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.form-popup {
    overflow: hidden;
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    max-height: 100%;
    margin: auto;
    padding: 50px 0 0;
    background: #fff;
    -webkit-box-shadow: 0 0 18px rgba(0, 0, 0, .3);
    box-shadow: 0 0 18px rgba(0, 0, 0, .3)
}

.form-popup-scroll {
    position: relative
}

.idevice .form-popup-scroll {
    overflow: auto
}

html:not(.idevice) .form-popup-scroll {
    overflow: hidden
}

.form-popup-title {
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0;
    left: 0;
    height: 50px;
    font-size: 1.5em;
    line-height: 50px;
    -webkit-box-shadow: 0 0 18px rgba(0, 0, 0, .2);
    box-shadow: 0 0 18px rgba(0, 0, 0, .2)
}

.form-popup-description {
    margin-bottom: 25px
}

.form-popup .iScrollVerticalScrollbar {
    position: absolute;
    top: 5px;
    right: 3px;
    bottom: 5px;
    width: 3px
}

.form-popup .iScrollIndicator {
    background: rgba(0, 0, 0, .1)
}

.response-success {
    padding: 30px 50px
}

.response-success::before {
    content: "";
    display: inline-block;
    width: 20px;
    height: 15px;
    margin: -2px 10px 0 0;
    vertical-align: middle;
    background: url(/local/templates/optima/images/common.svg) -440px -150px no-repeat
}

.response-error {
    margin-top: 20px
}

.form-popup-error .form-popup::before, .response-error::before {
    content: "";
    display: inline-block;
    width: 16px;
    height: 16px;
    margin: -4px 10px 0 0;
    vertical-align: middle;
    background: url(/local/templates/optima/images/common.svg) -120px -90px no-repeat
}

.form-popup-error .form-popup::after {
    content: attr(data-error);
    display: inline
}

.form-popup-error .form-popup {
    padding-right: 30px;
    padding-bottom: 30px;
    padding-left: 30px
}

.error-form .user-data, .error-message-wrapper {
    display: none
}

.error-message-wrapper {
    text-align: center
}

.error-message::before {
    content: attr(data-start);
    display: block;
    margin-bottom: 5px;
    font-weight: bolder
}

.error-message::after {
    content: attr(data-end);
    display: block;
    margin: 0 0 30px
}

.error-form .error-message-wrapper {
    display: block
}

@media (max-width: 500px) {
    .form-popup .error-message-wrapper, .form-popup .user-data {
        margin: 0;
        padding: 20px
    }

    .form-popup-title {
        padding: 0 50px 0 20px
    }
}

@media (min-width: 501px) {
    .form-popup {
        width: 500px
    }

    .form-popup .error-message-wrapper, .form-popup .user-data {
        margin: 0;
        padding: 30px
    }

    .form-popup-title {
        padding: 0 50px 0 30px
    }

    .form-popup .field-type-choice {
        max-width: 260px
    }
}

@media (max-width: 480px) {
    .form-popup-active .form-popup {
        width: 100%
    }
}

.tile-wrapper {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    font-size: 0
}

.tile-item {
    display: inline-block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    margin-bottom: 20px;
    padding: 20px;
    border-radius: 3px;
    font-size: 1rem
}

@media (min-width: 769px) and (max-width: 1024px) {
    .tile-wrapper {
        margin-right: -20px
    }

    .tile-item {
        width: calc(50% - 20px);
        margin-right: 20px
    }
}

@media (max-width: 768px) {
    .tile-item {
        width: 100%;
        -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, .2);
        box-shadow: 0 0 20px rgba(0, 0, 0, .2)
    }
}

@media (min-width: 769px) {
    .tile-item:hover {
        border-color: transparent;
        -webkit-box-shadow: 0 0 18px rgba(0, 0, 0, .2);
        box-shadow: 0 0 18px rgba(0, 0, 0, .2)
    }
}

@media (min-width: 1025px) {
    .tile-wrapper {
        margin-right: -20px
    }

    .tile-item {
        width: calc(33.33% - 20px);
        margin-right: 20px
    }
}

.helper-wrapper {
    display: inline-block
}

.page-content {
    margin: 0 0 50px
}

.header-1, .tab-block-content h1 {
    font-weight: 300
}

.header-2, .tab-block-content h2 {
    font-size: 1.5em;
    font-weight: 300
}

.header-3, .header-4, .tab-block-content h3, .tab-block-content h4 {
    margin: 0 0 10px;
    font-size: 1rem;
    font-weight: 600
}

.page-content p, .tab-block-content p {
    margin: 0 0 15px
}

.news-description ol, .news-description ul:not(.plain-list):not(.license-list), .page-content ol, .page-content ul:not(.plain-list):not(.license-list), .tab-block-content ol, .tab-block-content ul:not(.plain-list):not(.license-list):not(.screenshots-list):not(.slick-dots) {
    margin: 20px 0;
    list-style-type: none;
}

.news-description ol > li, .news-description ul:not(.plain-list):not(.license-list) > li, .page-content ol > li, .page-content ul:not(.plain-list):not(.license-list) > li, .tab-block-content ol > li, .tab-block-content ul:not(.plain-list):not(.license-list):not(.screenshots-list):not(.slick-dots) > li {
    margin: 0 0 10px;
    padding-left: 25px
}

.news-description ol, .page-content ol, .tab-block-content ol {
    counter-reset: chapter
}

.news-description ol > li::before, .page-content ol > li::before, .tab-block-content ol > li::before {
    display: inline-block;
    min-width: 20px;
    height: 6px;
    margin: 0 5px 0 -25px;
    content: counters(chapter, ".") ". ";
    counter-increment: chapter
}

.news-description ol ul > li::before, .news-description ul:not(.plain-list):not(.license-list) > li::before, .page-content ol ul > li::before, .page-content ul:not(.plain-list):not(.license-list) > li::before, .tab-block-content ol ul > li::before, .tab-block-content ul:not(.plain-list):not(.license-list):not(.screenshots-list):not(.slick-dots) > li::before {
    content: "";
    display: inline-block;
    width: 6px;
    height: 6px;
    margin: 0 19px 3px -25px;
    background-image: url(/local/templates/optima/images/common.svg);
    background-repeat: no-repeat
}

.page-content .bx-authform-social li::before {
    content: none !important
}

.page-content .center, .tab-block-content .center {
    text-align: center
}

@media (max-width: 640px) {
    .header-1, .tab-block-content h1 {
        margin: 0 0 20px;
        font-size: 1.5em
    }
}

@media (min-width: 641px) {
    .header-1, .tab-block-content h1 {
        margin: 0 0 25px;
        font-size: 2em
    }
}

@media (max-width: 640px) {
    .column {
        margin: 0 0 15px
    }
}

@media (min-width: 641px) {
    .column-wrapper {
        display: -ms-flexbox;
        display: -webkit-box;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin: 0 -10px
    }

    .column {
        display: inline-block;
        margin: 0 10px 20px
    }

    .column-1 {
        width: calc(8.33% - 20px)
    }

    .column-2 {
        width: calc(16.66% - 20px)
    }

    .column-3 {
        width: calc(25% - 20px)
    }

    .column-4 {
        width: calc(33.33% - 20px)
    }

    .column-5 {
        width: calc(41.66% - 20px)
    }

    .column-6 {
        width: calc(50% - 20px)
    }

    .column-7 {
        width: calc(58.33% - 20px)
    }

    .column-8 {
        width: calc(66.66% - 20px)
    }

    .column-9 {
        width: calc(75% - 20px)
    }

    .column-10 {
        width: calc(83.33% - 20px)
    }

    .column-11 {
        width: calc(91.66% - 20px)
    }

    .column-12 {
        width: calc(100% - 20px)
    }
}

@media (min-width: 641px) and (max-width: 768px) {
    .column-tablet {
        display: inline-block;
        margin: 0 10px 20px
    }

    .column-tablet-1 {
        width: calc(8.33% - 20px)
    }

    .column-tablet-2 {
        width: calc(16.66% - 20px)
    }

    .column-tablet-3 {
        width: calc(25% - 20px)
    }

    .column-tablet-4 {
        width: calc(33.33% - 20px)
    }

    .column-tablet-5 {
        width: calc(41.66% - 20px)
    }

    .column-tablet-6 {
        width: calc(50% - 20px)
    }

    .column-tablet-7 {
        width: calc(58.33% - 20px)
    }

    .column-tablet-8 {
        width: calc(66.66% - 20px)
    }

    .column-tablet-9 {
        width: calc(75% - 20px)
    }

    .column-tablet-10 {
        width: calc(83.33% - 20px)
    }

    .column-tablet-11 {
        width: calc(91.66% - 20px)
    }

    .column-tablet-12 {
        width: calc(100% - 20px)
    }
}

.error-wrapper {
    padding-top: 50px;
    text-align: center
}

.error-block {
    display: inline-block;
    text-align: left
}

.error-block::before {
    content: "";
    display: block;
    margin-bottom: 30px;
    background-image: url(/local/templates/optima/images/common.svg);
    background-repeat: no-repeat
}

.error-block.error-404::before {
    width: 172px;
    height: 64px
}

@media (min-width: 769px) {
    .page-error .main-menu {
        display: none
    }
}

.table-wrapper {
    overflow: hidden;
    position: relative;
    padding-top: 4px
}

.table-wrapper .iScrollHorizontalScrollbar {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    height: 2px
}

.table-wrapper .iScrollIndicator {
    height: 100%;
    border-radius: 1px;
    background: rgba(0, 0, 0, .2)
}

.table-wrapper table {
    table-layout: fixed
}

.table-wrapper tbody {
    border-top: 1px solid rgba(0, 0, 0, .2)
}

.table-wrapper thead ~ tbody {
    border-top: 0
}

.table-wrapper td, .table-wrapper th {
    padding: 10px
}

.table-wrapper tbody tr {
    border-bottom: 1px solid rgba(0, 0, 0, .2)
}

.page-content img {
    max-width: 100% !important
}

.align-right {
    float: right;
    margin: 0 0 15px 10px
}

.align-left {
    float: left;
    margin: 0 15px 10px 0
}

.page-content .bx-soa-section-content {
    padding-right: 0;
    padding-left: 0
}

.page-content .bx-soa-section.bx-selected {
    border: 0
}

.page-content .bx-soa-pp.row {
    margin-right: -20px;
    margin-left: -20px
}

.page-content .bx-soa-section-title-container {
    overflow: visible;
    position: relative;
    background: #f8f9f9;
    border: 1px solid #b2b2b2;
    border-radius: 3px
}

.page-content .bx-soa-section-title-container::after {
    content: "";
    display: block;
    clear: both
}

.page-content .bx-soa-section-title {
    position: static;
    font-size: 18px;
    font-weight: 300;
    line-height: normal
}

.page-content .bx-soa-cart-total .bx-soa-cart-total-line:first-child .bx-soa-cart-t {
    font-weight: 400
}

.page-content .bx-soa-cart-total-line {
    padding: 5px 0 10px;
    border-top: 0;
    font-size: 16px
}

.page-content .bx-soa-cart-total-line-total {
    border-top: 1px solid #b1b1b1
}

.page-content .bx-soa-cart-total .bx-soa-cart-total-line-total {
    padding: 15px 0 0
}

.page-content .bx-soa-cart-d, .page-content .bx-soa-cart-t {
    display: inline-block;
    float: none;
    vertical-align: 0
}

.page-content .bx-soa-cart-total-line:not(.bx-soa-cart-total-line-total) .bx-soa-cart-d {
    color: #717171
}

.page-content .bx-soa-section-title {
    padding: 0 25px;
    border-radius: 0
}

.page-content .bx-soa-section.bx-selected .bx-soa-section-title-container {
    padding: 5px 0 7px
}

.page-content .bx-soa-section-title-count {
    display: inline;
    position: static;
    min-width: 0;
    height: auto;
    margin: 0 .25em 0 0;
    border: 0;
    border-radius: 0;
    vertical-align: 0
}

.page-content .bx-soa-section .bx-soa-section-title-count:after {
    content: counter(heading) ".";
    position: static;
    text-align: left;
    font-size: inherit;
    line-height: inherit;
    color: inherit
}

.page-content .bx-soa-section.bx-step-completed {
    border: 0
}

.page-content .bx-soa-section-title-count::before {
    content: "";
    display: none;
    position: absolute;
    width: 26px;
    height: 26px;
    top: 50%;
    right: auto;
    bottom: auto;
    left: -13px;
    margin: -13px 0 0;
    border-radius: 50%;
    background-repeat: no-repeat;
    background-position: 50%;
    background-image: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 12' width='14' height='12'%3E%3Cpath fill='none' stroke='rgb(255, 255, 255)' stroke-width='2' d='m1,5 l5,5 7,-9'/%3E%3C/svg%3E")
}

.page-content .bx-soa-section.bx-step-completed .bx-soa-section-title-count::before {
    background-position: 50%;
    background-repeat: no-repeat
}

.page-content .bx-soa-section.bx-step-completed .bx-soa-section-title-count, .page-content .bx-soa-section.bx-step-completed.bx-step-error .bx-soa-section-title-count {
    background: 0 0
}

.page-content .bx-soa-section.bx-step-completed.bx-step-error .bx-soa-section-title-count:before {
    background-image: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 16' width='4' height='16'%3E%3Crect stroke='none' fill='rgb(255, 255, 255)' x='.5' y='0' width='3' height='10' rx='1' ry='1'/%3E%3Ccircle stroke='none' fill='rgb(255, 255, 255)' cx='2' cy='14' r='2'/%3E%3C/svg%3E");
    background-color: red
}

.page-content .bx-soa-section.bx-step-completed .bx-soa-section-title-count:after {
    color: inherit
}

.page-content .bx_soa_location br {
    display: none;
    line-height: 0
}

.page-content .bx-soa-pp-desc-container {
    display: none
}

.page-content .bx-soa-pp-item-container {
    float: none;
    width: auto
}

.page-content .bx-soa-pp-company-graf-container {
    overflow: hidden;
    border: 0;
    border-radius: 0
}

.page-content .bx-soa-pp-delivery-cost {
    right: 0;
    bottom: 0;
    padding: 3px 5px;
    border-radius: 0
}

.page-content .bx-soa-pp-company.bx-selected .bx-soa-pp-company-graf-container {
    -webkit-box-shadow: 0 0 15px #ccc;
    box-shadow: 0 0 15px #ccc
}

.page-content .bx-soa-pp-company:hover .bx-soa-pp-company-graf-container {
    -webkit-box-shadow: 0 0 10px #ccc;
    box-shadow: 0 0 10px #ccc
}

.page-content .bx-soa-pp-company-checkbox {
    opacity: 0;
    position: absolute;
    right: 200%;
    bottom: 200%
}

.page-content .bx-soa-pp-company-image::before {
    content: "";
    opacity: 0;
    position: absolute;
    top: 0;
    right: 0;
    width: 16px;
    height: 16px;
    border: 1px solid #777;
    border-radius: 2px;
    background-repeat: no-repeat;
    background-position: 50%;
    -webkit-transition: .2s;
    transition: .2s
}

.page-content .bx-soa-pp-company-checkbox:focus ~ .bx-soa-pp-company-image::before, .page-content .bx-soa-pp-company-graf-container:hover .bx-soa-pp-company-image::before, .page-content .bx-soa-pp-company.bx-selected .bx-soa-pp-company-checkbox ~ .bx-soa-pp-company-image::before {
    opacity: 1
}

.page-content .bx-soa-customer {
    padding-top: 15px
}

.page-content .bx-soa-section {
    border: 0
}

.page-content .bx-soa-more {
    border: 0;
    padding: 0;
    margin-top: 15px
}

.page-content .bx-soa-pp-desc-container {
    padding-bottom: 15px
}

.page-content .alert.alert-danger {
    padding-right: 0;
    padding-left: 0;
    border: 0;
    font-weight: 300;
    color: red;
    background: 0 0
}

.page-content .alert.alert-danger strong {
    font-weight: 400
}

.page-content .alert.alert-danger br {
    display: block;
    line-height: 1.5em
}

.page-content .alert {
    margin-bottom: 0
}

.page-content .tooltip {
    font-size: 14px
}

.page-content .tooltip.top {
    margin-top: -8px;
    padding: 8px 0
}

.page-content .tooltip.top .tooltip-arrow {
    margin-left: -8px;
    border-width: 8px 8px 0
}

.page-content .bx-soa-tooltip .tooltip-inner {
    padding: 8px 15px;
    text-align: left
}

.page-content .bx-soa-tooltip.bx-soa-tooltip-danger .tooltip-arrow {
    border-top-color: #feefef
}

.page-content .bx-soa-tooltip.bx-soa-tooltip-danger .tooltip-inner {
    color: #e20019;
    background: #feefef
}

.page-content .has-error .bx-sls .form-control.dropdown-block, .page-content .has-error .bx-slst .form-control.dropdown-block, .page-content .has-error .form-control {
    border-color: #e20019
}

.page-content .bx-soa-reference {
    padding-bottom: 10px
}

.page-content .bx-soa-coupon-label {
    vertical-align: middle
}

.page-content .bx-soa-coupon-block {
    display: inline-block;
    vertical-align: middle
}

.page-content .bx-soa-coupon-input input[type=text].form-control {
    border: 1px solid #b2b2b2;
    border-radius: 3px 0 0 3px
}

.page-content .bx-soa-coupon-input::after {
    content: "Ok";
    position: absolute;
    top: 0;
    bottom: 0;
    right: auto;
    left: 100%;
    width: auto;
    height: auto;
    margin: 0;
    padding: 0 10px;
    border: 0;
    border-radius: 0 3px 3px 0;
    line-height: 32px;
    text-transform: uppercase;
    -webkit-transform: none;
    transform: none
}

.page-content .bx-soa-coupon-label {
    font-size: 14px
}

.page-content .bx-price.all {
    font-weight: 400
}

.page-content .bx-soa-item-block {
    overflow: visible
}

.page-content .bx-soa-cart-total {
    border: 0;
    border-radius: 3px
}

.page-content .bx-soa-editstep, .page-content .bx-soa-editstep:focus, .page-content .bx-soa-editstep:hover {
    text-decoration: none
}

.page-content .bx-soa-coupon-input::after {
    color: #fff
}

.page-content .bx-soa-pp-delivery-cost {
    color: #494949
}

.page-content .bx-sls .bx-ui-sls-clear {
    background: 0 0
}

.page-content .bx-sls .bx-ui-sls-clear::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 16px;
    height: 16px;
    margin: auto;
    border-radius: 50%;
    background-repeat: no-repeat;
    background-position: 50%;
    background-image: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10' width='10' height='10'%3E%3Cpath fill='none' stroke='rgb(255, 255, 255)' stroke-width='2' d='m1,1 l8,8 m-8,0 l8,-8'/%3E%3C/svg%3E")
}

.page-content .bx-sls .form-control.dropdown-block, .page-content .bx-slst .form-control.dropdown-block, .page-content .bx-soa-coupon-input input[type=text].form-control, .page-content .form-control {
    background-color: #fff
}

.page-content .bx-sls .form-control.dropdown-block, .page-content .bx-slst .form-control.dropdown-block {
    border: 1px solid #b2b2b2
}

.page-content .bx-sls .bx-ui-sls-container {
    height: 34px
}

.page-content .bx-sls .bx-ui-sls-fake, .page-content .bx-sls .bx-ui-sls-route {
    height: 34px;
    font-family: inherit;
    font-size: 16px
}

.page-content .bx-sls .bx-ui-sls-error div {
    position: absolute;
    top: 50%;
    left: 0;
    width: 16px;
    height: 16px;
    margin: -9px 0 0 4px;
    background: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' width='16' height='16'%3E%3Ccircle stroke='none' fill='rgb(255, 0, 0)' cx='8' cy='8' r='8'/%3E%3Crect stroke='none' fill='rgb(255, 255, 255)' x='7' y='3' width='2' height='7' rx='1' ry='1'/%3E%3Ccircle stroke='none' fill='rgb(255, 255, 255)' cx='8' cy='12' r='1'/%3E%3C/svg%3E") no-repeat
}

.page-content .bx-sls .bx-ui-sls-error, .page-content .bx-sls .bx-ui-sls-variants .bx-ui-sls-variant {
    padding: 6px 10px 8px 28px
}

.page-content .bx-sls .dropdown-block {
    height: 34px;
    padding: 0 28px 0 32px;
    line-height: 20px
}

.page-content .bx-sls .dropdown-icon {
    position: absolute;
    top: 50%;
    left: 0;
    width: 16px;
    height: 16px;
    margin: -6px 0 0 8px;
    background: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' width='16' height='16'%3E%3Ccircle fill='none' stroke='rgb(102, 102, 102)' stroke-width='1' cx='6' cy='6' r='5.5'/%3E%3Cpath fill='none' stroke='rgb(102, 102, 102)' stroke-width='1' d='m6,11.5 l0,7.5' transform='rotate(-45, 6, 6)'/%3E%3C/svg%3E") no-repeat
}

@media (max-width: 640px) {
    .page-content .bx-soa-custom-label {
        display: block
    }
}

@media (min-width: 641px) {
    .page-content .form-group {
        position: relative;
        padding-left: 200px
    }

    .page-content .form-group .bx-soa-custom-label, .page-content .form-group .bx-soa-customer-label {
        position: absolute;
        left: 0;
        margin: 2px 0 5px;
        width: 190px
    }

    .page-content .bx-soa-customer-field[data-property-id-row="1"] .bx-soa-custom-label, .page-content .bx-soa-customer-field[data-property-id-row="2"] .bx-soa-custom-label, .page-content .bx-soa-customer-field[data-property-id-row="3"] .bx-soa-custom-label, .page-content .bx-soa-location-input-container .bx-soa-custom-label {
        bottom: 0
    }

    .page-content .form-group.bx-soa-customer-field .bx-soa-customer-label {
        bottom: 20px
    }

    .page-content .form-group[data-property-id-row="5"] .bx-soa-custom-label {
        bottom: 40px
    }
}

@media (min-width: 641px) and (max-width: 780px) {
    .page-content .radio-inline:not(:first-of-type) {
        margin-left: 15px
    }
}

@media (max-width: 780px) {
    .page-content .bx-soa {
        width: 100%
    }

    .page-content .bx-soa-cart-total-line {
        display: -ms-flexbox;
        display: -webkit-box;
        display: box;
        display: flex;
        -webkit-box-pack: justify;
        box-pack: justify;
        -ms-flex-pack: justify;
        flex-pack: justify;
        justify-content: space-between
    }

    .page-content .radio-inline:not(:first-of-type) {
        margin-left: 15px
    }
}

@media (min-width: 781px) and (max-width: 990px) {
    .page-content .bx-soa-cart-d, .page-content .bx-soa-cart-t {
        display: block
    }

    .page-content .radio-inline {
        display: block
    }
}

@media (min-width: 781px) {
    .page-content .bx-soa {
        width: 70%
    }

    .page-content .bx-soa-sidebar {
        width: 30%
    }
}

@media (min-width: 581px) and (max-width: 990px) {
    .page-content .bx-soa-item-tr.bx-soa-basket-info {
        padding-left: 100px
    }

    .page-content .bx-soa-item-img-block {
        float: left;
        margin: 0 0 0 -100px
    }
}

@media (min-width: 991px) {
    .page-content .bx-soa-cart-total-line {
        display: -ms-flexbox;
        display: -webkit-box;
        display: box;
        display: flex;
        -webkit-box-pack: justify;
        box-pack: justify;
        -ms-flex-pack: justify;
        flex-pack: justify;
        justify-content: space-between
    }

    .page-content .radio-inline:not(:first-of-type) {
        margin-left: 15px
    }
}

.contrast-active .page-header {
    background: #fff
}

.contrast-active .page-footer {
    border-top: 1px solid rgba(0, 0, 0, .1);
    color: #000;
    background: 0 0
}

.contrast-active .item-parent > .filter-item-title::after {
    opacity: .5
}

.contrast-active .additional-button::before, .contrast-active .breadcrumbs-item:not(:last-child)::after, .contrast-active .field-wrapper.field-search::before, .contrast-active .filter-list-head::after, .contrast-active .main-menu-parent::after {
    opacity: .7
}

.contrast-active .field-input, .contrast-active .filter-list-head {
    border-color: #000
}

.contrast-active .menu-footer a {
    border-bottom-color: rgba(0, 0, 0, .5)
}

.contrast-active .menu-footer a:hover {
    border-bottom-color: #000
}

.contrast-active .font-size-item.font-size-active {
    color: #fff
}

.contrast-active .page-header-bottom {
    border-bottom: 1px solid rgba(0, 0, 0, .1);
    background: 0 0
}

.contrast-active .menu-user-link {
    border-bottom-color: transparent
}

.contrast-active .menu-user-link, .contrast-active .menu-user-link:focus, .contrast-active .menu-user-link:hover {
    color: #000
}

.contrast-active .menu-user-link:hover {
    border-bottom-color: #000
}

.contrast-active .form-button, .contrast-active .vacancies-button {
    color: #fff
}

.contrast-active .main-search-label::before, .contrast-active .search-functional-item::after {
    background-position: -30px -30px
}

.contrast-active .main-search-close::after {
    background-position: -120px -30px
}

.contrast-active .menu-button-open::before {
    background-position: 0 -30px
}

.contrast-active .menu-button-item:hover, .contrast-active .search-functional-item:hover {
    background: rgba(0, 0, 0, .1)
}

.contrast-active .description-item::before {
    background-position: -340px -30px
}

.contrast-active .subdescription-item::before {
    background-position: -360px -30px
}

.contrast-active.shop-version .cart-menu-item::after {
    background-position: -90px -30px
}

.contrast-active.shop-version:not(.cart-fixed) .cart-menu-head::before {
    color: #fff;
    background: #000
}

.contrast-active .main-search-input, .contrast-active .menu-button-contrast {
    color: #000
}

.contrast-active .about-company-slide, .contrast-active .action-button:hover, .contrast-active .btn-inline, .contrast-active .contrast-reset, .contrast-active .field-choice:focus ~ .field-title, .contrast-active .filter-result, .contrast-active .filter-results-wrapper .action-button, .contrast-active .font-size-item:not(.font-size-active), .contrast-active .form-button.action-license, .contrast-active .header-4, .contrast-active .news-title, .contrast-active .search-result-title, .contrast-active .shop-version.cart-fixed .cart-menu-head::after, .contrast-active .tab-block-content h4, .contrast-active .tab-menu-item:not(.tab-active), .contrast-active .vacancies-list a, .contrast-active a, .contrast-active.shop-version .cart-menu-head {
    color: #000
}

.contrast-active .font-size-item.font-size-active {
    color: #fff
}

.contrast-active .action-button:hover, .contrast-active .field-input:focus {
    border-color: #000
}

.contrast-active .font-size-item.font-size-active, .contrast-active .form-button, .contrast-active .vacancies-button, .contrast-active.cart-fixed .cart-menu-item {
    background: #000
}

.contrast-active .cart-preorder-footer {
    border-top-color: rgba(0, 0, 0, .5)
}

.contrast-active .font-size-item {
    border: 1px solid #000
}

.contrast-active .contrast-reset {
    border-bottom: 1px dotted #000
}

.contrast-active .btn-inline {
    border-bottom-color: rgba(0, 0, 0, .5)
}

.contrast-active .vacancies-list a:hover {
    border-bottom-color: #000
}

.contrast-active .form-button.action-license {
    border: 2px solid rgba(0, 0, 0, .5);
    background: 0 0
}

.contrast-active .form-button.action-license:hover {
    border-color: #000
}

.contrast-active .cart-footer, .contrast-active .cart-item-change, .contrast-active .order-item-head, .contrast-active .page-header-contrast {
    background: rgba(0, 0, 0, .1)
}

.contrast-active .filter-result:hover, .contrast-active .social-show-button {
    background: rgba(0, 0, 0, .2)
}

.contrast-active .pagination-item.pagination-active {
    background: rgba(0, 0, 0, .1)
}

.contrast-active .about-company-slide::before, .contrast-active .header-icon:before {
    background: rgba(0, 0, 0, .4)
}

.contrast-active .cart-link, .contrast-active .order-item-delete, .contrast-active .order-item-head .order-item-title a, .contrast-active .order-item-repeat, .contrast-active .tab-menu-item:not(.tab-active), .contrast-active .vacancies-list a {
    border-bottom: 1px solid rgba(0, 0, 0, .5)
}

.contrast-active .filter-results-wrapper .action-button {
    border-bottom: 1px solid rgba(0, 0, 0, .6)
}

.contrast-active .filter-result {
    border: 1px solid rgba(0, 0, 0, .6)
}

.contrast-active .products-list-item .product-link {
    border-bottom: 1px solid #000
}

.contrast-active .select2-container--default.select2-container--open .select2-selection--single {
    border-color: #000
}

.contrast-active .field-type-file .field-file-replace::after {
    color: #000
}

.contrast-active .field-type-file .field-file-replace {
    background: rgba(0, 0, 0, .2)
}

.contrast-active .field-type-file .field-file-replace::before {
    background-position: -380px -30px
}

.contrast-active .table-wrapper thead {
    background: rgba(0, 0, 0, .1)
}

.contrast-active .contrast-close::after {
    background-position: -120px -30px
}

.contrast-active .setificates-link::before {
    background-position: -1100px -30px
}

.contrast-active .btn-icon-inline::after {
    background-position: -990px -30px
}

.contrast-active .header-icon-product:after {
    background-position: -1070px -30px
}

.contrast-active .header-icon-services:after {
    background-position: -1040px -30px
}

.contrast-active .field-wrapper.field-search.search-active::before {
    background-position: -30px -30px
}

.contrast-active .captcha-reload::after {
    background-position: -620px -60px
}

.contrast-active .field-choice[type=checkbox] ~ .field-title::before {
    background-position: -790px -30px
}

.contrast-active .field-choice[type=checkbox]:checked ~ .field-title::before {
    background-position: -820px -30px
}

.contrast-active .field-choice[type=radio] ~ .field-title::before {
    background-position: -730px -30px
}

.contrast-active .field-choice[type=radio]:checked ~ .field-title::before {
    background-position: -760px -30px
}

.contrast-active .error-block.error-404::before {
    background-position: -1280px -320px
}

.contrast-active .filter-item-choice::after {
    background-position: -790px -30px
}

.contrast-active .filter-checked > .filter-item-choice::after {
    background-position: -850px -30px
}

.contrast-active .filter-wrapper .field-choice[type=checkbox]:checked ~ .field-title::before {
    background-position: -850px -30px
}

.contrast-active .filter-result::after {
    background-position: -150px -30px
}

.contrast-active .slick-dots li button:before {
    background-position: -340px -30px
}

.contrast-active .social-show-button::after {
    background-position: -580px -30px
}

.contrast-active .news-description ul:not(.plain-list):not(.license-list) > li::before, .contrast-active .page-content ul:not(.plain-list):not(.license-list) > li::before, .contrast-active .tab-block-content ul:not(.plain-list):not(.license-list):not(.screenshots-list):not(.slick-dots) > li::before, .contrast-active .vacancies-description > li::before {
    background-position: -340px -30px
}

.contrast-active .news-description ul:not(.plain-list):not(.license-list) ul > li::before, .contrast-active .page-content ul:not(.plain-list):not(.license-list) ul > li::before, .contrast-active .tab-block-content ul:not(.plain-list):not(.license-list):not(.screenshots-list):not(.slick-dots) ul > li::before {
    background-position: -360px -30px
}

.contrast-active .order-item-repeat::before {
    background-position: -660px -30px
}

.contrast-active .edit-link::before {
    background-position: -550px -30px
}

.contrast-active .delivery-title::before {
    background-position: -730px -30px
}

.contrast-active .delivery-input:checked ~ .delivery-title::before {
    background-position: -760px -30px
}

.contrast-active .payment-label:hover .payment-input:not(:checked) ~ .payment-title::before {
    background-position: -790px -30px
}

.contrast-active .payment-input:checked ~ .payment-title::before {
    background-position: -820px -30px
}

.contrast-active .payment-label:hover .payment-input:checked ~ .payment-title::before {
    background-position: -850px -30px
}

.contrast-active .cart-item-change.cart-item-less::after {
    background-position: -690px -30px
}

.contrast-active .cart-item-change.cart-item-more::after {
    background-position: -710px -30px
}

@media (max-width: 640px) {
    .contrast-active .cart-item-delete {
        border-bottom: 1px solid rgba(0, 0, 0, .5)
    }
}

@media (max-width: 768px) {
    .contrast-active .menu-user-item:not(:first-child)::before {
        background: #000
    }
}

@media (min-width: 769px) {
    .contrast-active .tile-item {
        border: 2px solid rgba(0, 0, 0, .2)
    }

    .contrast-active .tile-item:hover {
        -webkit-box-shadow: none;
        box-shadow: none;
        border-color: #000
    }

    .contrast-active .main-menu-item.menu-active {
        background: rgba(0, 0, 0, .2)
    }

    .contrast-active .main-menu-subitem:hover {
        background: rgba(0, 0, 0, .05)
    }

    .contrast-active .license-item:hover {
        -webkit-box-shadow: 0 0 0 2px rgba(0, 0, 0, .5);
        box-shadow: 0 0 0 2px rgba(0, 0, 0, .5)
    }
}

@media (max-width: 1024px) {
    .contrast-active .product-capture-title {
        border-bottom: 1px solid rgba(0, 0, 0, .5);
        color: #000
    }

    .contrast-active .license-item-button::before {
        background-position: -90px -30px
    }
}

@media (min-width: 1025px) {
    .contrast-active .product-capture-item:hover .product-capture-title {
        color: #412e50
    }

    .contrast-active .license-item-button {
        background: #000
    }

    .contrast-active .cart-link:hover, .contrast-active .tab-menu-item:not(.tab-active):hover {
        border-bottom-color: #000
    }
}

.contrast-active .page-content .btn.btn-default, .contrast-active .page-content .btn.btn-default:focus, .contrast-active .page-content .btn.btn-default:hover, .contrast-active .page-content .bx-sls .bx-ui-sls-clear::after, .contrast-active .page-content .bx-soa-coupon-input::after, .contrast-active .page-content .bx-soa-section.bx-step-completed .bx-soa-section-title-count::before, .contrast-active .page-content .bx-soa-tooltip.bx-soa-tooltip-danger .tooltip-inner {
    background-color: #000
}

.contrast-active .page-content .btn.btn-default.pull-left, .contrast-active .page-content .btn.btn-default.pull-left:focus, .contrast-active .page-content .btn.btn-default.pull-left:hover {
    background-color: transparent;
    -webkit-box-shadow: inset 0 0 0 1px #000;
    box-shadow: inset 0 0 0 1px #000
}

.contrast-active .page-content .alert.alert-danger, .contrast-active .page-content .btn.btn-default.pull-left, .contrast-active .page-content .bx-soa-cart-total-line:not(.bx-soa-cart-total-line-total) .bx-soa-cart-d, .contrast-active .page-content .bx-soa-editstep, .contrast-active .page-content .bx-soa-editstep:focus, .contrast-active .page-content .bx-soa-editstep:hover, .contrast-active .page-content .bx-soa-reference {
    color: #000
}

.contrast-active .page-content .btn.btn-default.pull-right, .contrast-active .page-content .bx-soa-tooltip.bx-soa-tooltip-danger .tooltip-inner {
    color: #fff
}

.contrast-active .page-content .bx-soa-tooltip.bx-soa-tooltip-danger .tooltip-arrow {
    border-top-color: #000
}

.contrast-active .page-content .bx-soa-cart-total, .contrast-active .page-content .bx-soa-pp-delivery-cost {
    background-color: #efefef
}

.contrast-active .page-content .btn.btn-default, .contrast-active .page-content .btn.btn-default:focus, .contrast-active .page-content .btn.btn-default:hover, .contrast-active .page-content .bx-sls .form-control.dropdown-block, .contrast-active .page-content .bx-slst .form-control.dropdown-block, .contrast-active .page-content .bx-soa-coupon-input input[type=text].form-control, .contrast-active .page-content .bx-soa-coupon-input::after, .contrast-active .page-content .bx-soa-pp-company.bx-selected .bx-soa-pp-company-checkbox ~ .bx-soa-pp-company-image::before, .contrast-active .page-content .form-control, .contrast-active .page-content .has-error .bx-sls .form-control.dropdown-block, .contrast-active .page-content .has-error .bx-slst .form-control.dropdown-block, .contrast-active .page-content .has-error .form-control {
    border-color: #000
}

.contrast-active .page-content .bx-soa-pp-company-image::before {
    background-image: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 11 8' width='11' height='8'%3E%3Cpath fill='none' stroke='rgb(0, 0, 0)' stroke-width='2' d='m1,4 l3,3 5,-6'/%3E%3C/svg%3E")
}

.contrast-active .page-content .bx-soa-item-imgcontainer, .contrast-active .page-content .bx-soa-pp-company-image, .contrast-active .page-content .bx-soa-pp-company-selected {
    filter: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='grayscale'%3E%3CfeColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/%3E%3C/filter%3E%3C/svg%3E#grayscale");
    filter: gray;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%)
}

.font-increase .page-content .bx-soa-section.bx-selected .bx-soa-section-title {
    font-size: 26px
}

.font-increase .page-content .bx-soa-section-title {
    font-size: 22px
}

.font-increase .page-content .bx-sls .bx-ui-sls-fake, .font-increase .page-content .bx-sls .bx-ui-sls-route, .font-increase .page-content .bx-soa-cart-total-line {
    font-size: 18px
}

.font-increase .page-content .btn, .font-increase .page-content .bx-soa .bx-soa-custom-label, .font-increase .page-content .bx-soa .bx-soa-customer-label, .font-increase .page-content .bx-soa .form-group label, .font-increase .page-content .bx-soa-coupon-label, .font-increase .page-content .tooltip {
    font-size: 16px
}

.font-increase .page-content .bx-soa-editstep, .font-increase .page-content .bx-soa-reference {
    font-size: 14px
}

.font-increase .page-content .bx-soa-editstep {
    line-height: 28px
}

.about-company-slide, .action-button:hover, .btn-inline, .cart-functional-item a::before, .contrast-reset, .field-choice:focus ~ .field-title, .filter-result, .filter-results-wrapper .action-button, .font-size-item, .form-button.action-license, .header-4, .news-title, .search-result-title, .shop-version:not(.cart-fixed) .cart-menu-head::before, .tab-block-content h4, .tab-menu-item:not(.tab-active), .vacancies-list a, a {
    color: #a42338
}

.menu-button-item:hover, .search-functional-item:hover {
    background-color: #a42338
}

.action-button:hover, .field-input:focus {
    border-color: #a42338
}

.font-size-item.font-size-active, .form-button, .page-header-bottom, .vacancies-button {
    background: #a42338
}

.font-size-item {
    border: 1px solid #a42338
}

.contrast-reset {
    border-bottom: 1px dotted #a42338
}

.btn-inline {
    border-bottom-color: rgba(164, 35, 56, .5)
}

.vacancies-list a:hover {
    border-bottom-color: #a42338
}

.cart-footer, .cart-item-change, .form-button.action-license, .order-item-head, .page-header-contrast, .table-wrapper thead {
    background: rgba(164, 35, 56, .1)
}

.field-type-file .field-file-replace, .filter-result:hover, .pagination-item.pagination-active, .social-show-button {
    background: rgba(164, 35, 56, .2)
}

.about-company-slide::before, .header-icon:before {
    background: rgba(164, 35, 56, .4)
}

.cart-link, .order-item-delete, .order-item-head .order-item-title a, .order-item-repeat, .tab-menu-item:not(.tab-active), .vacancies-list a {
    border-bottom: 1px solid rgba(164, 35, 56, .5)
}

.filter-results-wrapper .action-button {
    border-bottom: 1px solid rgba(164, 35, 56, .6)
}

.filter-result {
    border: 1px solid rgba(164, 35, 56, .6)
}

.products-list-item .product-link {
    border-bottom: 1px solid #a42338
}

.select2-container--default.select2-container--open .select2-selection--single {
    border-color: #a42338
}

.field-type-file .field-file-replace::after {
    color: #a42338
}

.field-type-file .field-file-replace::before {
    background-position: -380px -90px
}

.info-block-1 {
    background-color: #ffdc1a;
    background-image: linear-gradient(135deg, #ffc984 0, #ffdc1a 100%)
}

.info-block-2 {
    background-color: #50c855;
    background-image: linear-gradient(135deg, #6adc92 0, #50c855 100%)
}

.description-item::before {
    background-position: -340px -90px
}

.subdescription-item::before {
    background-position: -360px -90px
}

.contrast-close::after {
    background-position: -120px -90px
}

.setificates-link::before {
    background-position: -1100px -90px
}

.btn-icon-inline::after {
    background-position: -990px -90px
}

.header-icon-product:after {
    background-position: -1070px -90px
}

.header-icon-services:after {
    background-position: -1040px -90px
}

.field-wrapper.field-search.search-active::before {
    background-position: -30px -90px
}

.captcha-reload::after {
    background-position: -620px -90px
}

.field-choice[type=checkbox] ~ .field-title::before {
    background-position: -790px -90px
}

.field-choice[type=checkbox]:checked ~ .field-title::before {
    background-position: -820px -90px
}

.field-choice[type=radio] ~ .field-title::before {
    background-position: -730px -90px
}

.field-choice[type=radio]:checked ~ .field-title::before {
    background-position: -760px -90px
}

.error-block.error-404::before {
    background-position: -1280px -80px
}

.filter-item-choice::after {
    background-position: -790px -90px
}

.filter-checked > .filter-item-choice::after {
    background-position: -850px -90px
}

.filter-wrapper .field-choice[type=checkbox]:checked ~ .field-title::before {
    background-position: -850px -90px
}

.filter-result::after {
    background-position: -150px -90px
}

.slick-dots li button:before {
    background-position: -340px -90px
}

.social-show-button::after {
    background-position: -580px -90px
}

.news-description ul:not(.plain-list):not(.license-list) > li::before, .page-content ul:not(.plain-list):not(.license-list) > li::before, .tab-block-content ul:not(.plain-list):not(.license-list):not(.screenshots-list):not(.slick-dots) > li::before, .vacancies-description > li::before {
    background-position: -340px -90px
}

.news-description ul:not(.plain-list):not(.license-list) ul > li::before, .page-content ul:not(.plain-list):not(.license-list) ul > li::before, .tab-block-content ul:not(.plain-list):not(.license-list):not(.screenshots-list):not(.slick-dots) ul > li::before {
    background-position: -360px -90px
}

.order-item-repeat::before {
    background-position: -660px -90px
}

.edit-link::before {
    background-position: -550px -90px
}

.delivery-title::before {
    background-position: -730px -90px
}

.delivery-input:checked ~ .delivery-title::before {
    background-position: -760px -90px
}

.payment-label:hover .payment-input:not(:checked) ~ .payment-title::before {
    background-position: -790px -90px
}

.payment-input:checked ~ .payment-title::before {
    background-position: -820px -90px
}

.payment-label:hover .payment-input:checked ~ .payment-title::before {
    background-position: -850px -90px
}

.cart-item-change.cart-item-less::after {
    background-position: -690px -90px
}

.cart-item-change.cart-item-more::after {
    background-position: -710px -90px
}

.page-content .bx-sls .bx-ui-sls-clear::after, .page-content .bx-soa-coupon-input::after, .page-content .bx-soa-section.bx-step-completed .bx-soa-section-title-count::before {
    background-color: #a42439
}

.page-content .btn.btn-default.pull-left, .page-content .bx-soa-editstep, .page-content .bx-soa-editstep:focus, .page-content .bx-soa-editstep:hover {
    color: #a42439
}

.page-content .btn.btn-default.pull-left, .page-content .bx-soa-cart-total, .page-content .bx-soa-pp-delivery-cost {
    background-color: #ffedf0
}

.page-content .btn.btn-default.pull-left {
    border-color: #ffedf0
}

.page-content .bx-soa-coupon-input::after, .page-content .bx-soa-pp-company.bx-selected .bx-soa-pp-company-checkbox ~ .bx-soa-pp-company-image::before {
    border-color: #a42439
}

.page-content .bx-soa-pp-company-image::before {
    background-image: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 11 8' width='11' height='8'%3E%3Cpath fill='none' stroke='rgb(153, 51, 51)' stroke-width='2' d='m1,4 l3,3 5,-6'/%3E%3C/svg%3E")
}

@media (min-width: 481px) {
    .cart-preorder-footer {
        border-color: rgba(164, 35, 56, .2)
    }
}

@media (max-width: 640px) {
    .cart-item-delete {
        border-bottom: 1px solid rgba(164, 35, 56, .5)
    }
}

@media (max-width: 768px) {
    .menu-user-item:not(:first-child)::before {
        background: #a42338
    }
}

@media (min-width: 769px) {
    .tile-item {
        border: 1px solid rgba(164, 35, 56, .2)
    }

    .main-menu-item.menu-active {
        background: rgba(164, 35, 56, .2)
    }

    .main-menu-subitem:hover {
        background: rgba(164, 35, 56, .1)
    }

    .shop-version.cart-fixed .cart-menu-head, .shop-version.cart-fixed .cart-menu-head::after {
        color: #a42338
    }

    .shop-version.cart-fixed .cart-menu-item {
        background: #a42338
    }
}

@media (max-width: 1024px) {
    .product-capture-title {
        border-bottom: 1px solid rgba(164, 35, 56, .5);
        color: #a42338
    }

    .license-item-button::before {
        background-position: -90px -90px
    }
}

@media (min-width: 1025px) {
    .license-item-button {
        background: #a42338
    }

    .cart-link:hover, .tab-menu-item:not(.tab-active):hover {
        border-bottom-color: #a42338
    }
}

.slider-item-1 .slider-item-content {
    color: rgba(0, 0, 0, .6)
}

.slider-item-2 .slider-item-content {
    color: #148086
}

.slider-item-3 .slider-item-content {
    color: #0079cb
}

.slider-item-4 .slider-item-content {
    color: #986324
}

@media (max-width: 768px) {
    .slider-item-1 {
        background-position: 50% 50%
    }

    .slider-item-1 .slider-item-content {
        padding: 80px 30px 0;
        text-align: center
    }

    .slider-item-2 .slider-item-content {
        padding: 60px 30px 0;
        text-align: center
    }

    .slider-item-3 .slider-item-content {
        padding: 20px 20px 0;
        text-align: center
    }

    .slider-item-4 {
        background-position: 30% 50%
    }

    .slider-item-4 .slider-item-content {
        padding: 20px 30px
    }
}

@media (min-width: 480px) and (max-width: 768px) {
    .slider-item-4 .slider-description {
        max-width: 70%
    }
}

@media (min-width: 769px) {
    .slider-item-1 .slider-item-content {
        padding: 140px 0 0 180px
    }

    .slider-item-1 .form-button {
        right: 60px;
        bottom: 45px
    }

    .slider-item-2 .slider-item-content {
        padding: 40px 0 0 50px
    }

    .slider-item-2 .form-button {
        bottom: 50px;
        left: 50px
    }

    .slider-item-3 .slider-item-content {
        padding: 40px 0 0 50px
    }

    .slider-item-3 .form-button {
        bottom: 50px;
        left: 50px
    }

    .slider-item-4 .slider-item-content {
        padding: 20px 30px 0
    }

    .slider-item-4 .slider-description {
        max-width: 310px
    }
}

.btn-inline {
    display: inline-block;
    margin: 0;
    padding: 0;
    border: 0;
    background: 0 0;
    border-bottom-width: 1px;
    border-bottom-style: dashed;
    outline: 0;
    text-decoration: none
}

.btn-inline:hover {
    border-color: transparent
}

.btn-icon-inline {
    text-decoration: none
}

.btn-icon-inline::after {
    content: "";
    display: inline-block;
    width: 8px;
    height: 13px;
    margin: 0 0 -1px 8px;
    background-image: url(/local/templates/optima/images/common.svg);
    background-repeat: no-repeat
}

.btn-icon-inline:hover {
    text-decoration: underline
}

.news-content {
    padding: 0 0 20px
}

.news-list {
    margin: 0 0 50px
}

.news-item {
    margin: 0 0 30px
}

.news-item::after {
    content: "";
    display: block;
    clear: both
}

.news-date {
    height: 25px;
    font-size: .75em
}

.news-description {
    margin-top: 15px
}

.vacancies-content {
    padding: 0 0 30px
}

.vacancies-title {
    margin-bottom: 15px;
    font-weight: 600
}

.vacancies-description {
    margin: 0 0 30px
}

.vacancies-description > li {
    margin: 0 0 15px 20px
}

.vacancies-description > li::before {
    content: "";
    display: inline-block;
    width: 6px;
    height: 6px;
    vertical-align: middle;
    margin: 0 14px 0 -20px;
    background-image: url(/local/templates/optima/images/common.svg);
    background-repeat: no-repeat
}

.vacancies-list {
    margin: 0 0 30px
}

.vacancies-list > li {
    margin: 0 0 10px
}

.vacancies-list a {
    text-decoration: none
}

.vacancies-button {
    display: inline-block;
    position: relative;
    min-width: 120px;
    height: 36px;
    padding: 0 15px;
    border: 0;
    border-radius: 5px;
    line-height: 32px;
    text-decoration: none;
    text-align: center;
    color: #fff
}

.vacancies-button::before {
    content: "";
    opacity: .4;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border-radius: 5px;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, .3)), to(rgba(255, 255, 255, 0)));
    background: linear-gradient(to bottom, rgba(255, 255, 255, .3), rgba(255, 255, 255, 0))
}

.vacancies-button:hover::before {
    opacity: 0
}

@media (max-width: 640px) {
    .news-image {
        width: 100%;
        margin-bottom: 10px
    }

    .news-description {
        font-size: .875em
    }
}

@media (min-width: 641px) {
    .news-image {
        float: right;
        margin-top: 25px
    }
}

@media (min-width: 641px) and (max-width: 768px) {
    .news-image {
        width: 200px
    }

    .news-image ~ .news-description {
        margin-right: 220px
    }
}

@media (min-width: 769px) {
    .news-item {
        margin-right: 320px
    }

    .news-image {
        width: 300px;
        margin-right: -320px
    }
}

.social-wrapper {
    margin-bottom: 30px
}

.social-title {
    font-weight: 600;
    margin-bottom: 10px
}

.social-list {
    position: relative;
    font-size: 0
}

.social-item {
    overflow: hidden;
    display: inline-block;
    width: 40px;
    height: 40px;
    margin: 0 10px 10px 0;
    border-radius: 4px;
    vertical-align: top;
    background-image: url(/local/templates/optima/images/social.png);
    background-repeat: no-repeat
}

.social-wrapper:not(.social-active) .social-item:nth-child(n+6) {
    display: none
}

.social-link {
    display: block;
    height: 100%
}

.social-item-toggle {
    overflow: hidden;
    float: right;
    width: 40px;
    height: 40px;
    cursor: pointer
}

.social-show-button {
    position: relative;
    height: 100%;
    border-radius: 4px
}

.social-show-button::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 26px;
    height: 6px;
    margin: -3px 0 0 -13px;
    background-image: url(/local/templates/optima/images/common.svg);
    background-repeat: no-repeat
}

.social-close-button {
    display: none;
    position: relative;
    height: 100%
}

.social-close-button::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 16px;
    height: 16px;
    margin: -8px 0 0 -8px;
    background: url(/local/templates/optima/images/common.svg) -120px -30px no-repeat
}

.social-active .social-close-button, .social-wrapper:not(.social-active) .social-show-button {
    display: block
}

.social-active .social-show-button, .social-wrapper:not(.social-active) .social-close-button {
    display: none
}

.social-item.facebook {
    background-position: 0 0
}

.social-item.google-plus {
    background-position: -50px 0
}

.social-item.vkontakte {
    background-position: -100px 0
}

.social-item.odnoklassniki {
    background-position: -150px 0
}

.social-item.twitter {
    background-position: -200px 0
}

.social-item.bitrix24 {
    background-position: -250px 0
}

.social-item.box {
    background-position: -300px 0
}

.social-item.dropbox {
    background-position: -350px 0
}

.social-item.liveid {
    background-position: -400px 0
}

.social-item.office365 {
    background-position: -450px 0
}

.social-item.yandex {
    background-position: -500px 0
}

.social-item.mymailru {
    background-position: -550px 0
}

.social-item.openid {
    background-position: -600px 0
}

.social-item.openid-mail-ru {
    background-position: -650px 0
}

.social-item.livejournal {
    background-position: -700px 0
}

.social-item.liveinternet {
    background-position: -750px 0
}

.social-item.blogger {
    background-position: -800px 0
}

.social-item.google {
    background-position: -850px 0
}

@media (max-width: 520px) {
    .social-wrapper {
        text-align: center
    }

    .social-content {
        display: inline-block;
        text-align: left
    }

    .social-list {
        padding-top: 15px
    }
}

@media (min-width: 521px) {
    .social-list {
        margin: 0 -10px 0 -20px;
        padding: 0 10px 0 20px
    }

    .social-wrapper.social-active .social-list {
        padding-top: 20px;
        padding-bottom: 10px;
        -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, .2);
        box-shadow: 0 0 20px rgba(0, 0, 0, .2)
    }

    .social-wrapper:not(.social-active) .social-item-toggle {
        margin: 0 10px 0 0
    }
}

@media (min-width: 769px) and (max-width: 820px) {
    .combain-wrapper .social-wrapper {
        margin-left: 160px
    }
}

@media (min-width: 521px) and (max-width: 820px) {
    .social-active .social-item-toggle {
        margin: -20px -10px 0 0
    }
}

@media (min-width: 521px) and (max-width: 820px) {
    .social-wrapper {
        margin-left: 160px
    }

    .social-list {
        display: inline-block;
        margin-right: 20px
    }
}

@media (min-width: 769px) {
    .combain-wrapper .social-wrapper {
        margin-top: 55px
    }
}

@media (max-width: 820px) {
    .social-wrapper {
        clear: both;
        margin-top: 20px
    }
}

@media (min-width: 821px) {
    .social-wrapper {
        float: right
    }

    .social-list {
        width: 250px
    }

    .social-active .social-item-toggle {
        margin: 0 10px 0 0
    }
}

@media (max-width: 880px) {
    .form-wide .social-wrapper {
        clear: both;
        margin-top: 50px
    }
}

@media (min-width: 881px) {
    .form-wide .social-wrapper {
        float: right
    }
}

.news-item-ltr {
    margin-bottom: 50px;
    list-style-type: none;
}

.news-title-ltr {
    position: relative;
    border-bottom: 1px solid;
    font-size: 1.5em;
    font-weight: 400;
    line-height: 1.2em;
    text-decoration: none
}

.news-title-ltr:hover {
    border-color: #fff
}

.news-sidebar {
    color: #000;
    font-size: .75em;
    font-weight: 600;
    margin-top: 15px
}

@media (max-width: 640px) {
    .news-description-ltr {
        margin-top: 20px
    }
}

@media (min-width: 641px) {
    .news-image-ltr {
        float: left;
        margin-top: 0
    }

    .news-title-ltr {
        top: -5px
    }
}

@media (min-width: 641px) and (max-width: 768px) {
    .news-image-ltr ~ .news-description, .news-image-ltr ~ .news-sidebar {
        margin-right: 0;
        margin-left: 220px
    }

    .news-image-ltr {
        margin-right: 20px
    }
}

@media (min-width: 769px) {
    .news-item-ltr {
        margin-left: 200px;
        margin-right: 0
    }

    .news-image-ltr {
        width: 150px;
        margin-left: -200px
    }
}

.location-field {
    display: block;
    position: relative
}

.location-field:after {
    content: "";
    opacity: .6;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 10px;
    margin: auto;
    width: 16px;
    height: 16px;
    background: url(/local/templates/optima/images/common.svg) -30px -30px no-repeat
}

.location-field .field-input {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 30px;
    padding-right: 30px
}

.location-field .field-input::-ms-clear {
    display: none
}

.btn-clear-location {
    opacity: .4;
    display: none;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 10px;
    margin: auto;
    width: 13px;
    height: 13px;
    background: url(/local/templates/optima/images/common.svg) -150px -30px no-repeat;
    -webkit-transition: .3s;
    transition: .3s;
    cursor: pointer
}

.btn-clear-location:hover {
    opacity: .3
}

.btn-clear-location.active {
    display: block
}

.location-suggestions {
    display: none;
    position: absolute;
    z-index: 1;
    background: #fff;
    -webkit-box-shadow: 2px 3px 16px 2px rgba(0, 0, 0, .1);
    box-shadow: 2px 3px 16px 2px rgba(0, 0, 0, .1);
    width: 100%
}

.location-suggestions-list {
    margin: 0 0 20px;
    padding: 0
}

.location-suggestions-list li {
    padding: 12px 30px
}

.location-suggestions-list li a {
    text-decoration: none;
    color: #000
}

.location-suggestions-list li a:hover {
    text-decoration: underline
}

.location-suggestions-list li:hover {
    background-color: #e9eaeb
}

.location-all-suggestions {
    padding: 5px 30px 35px
}

.slider-wrapper {
    position: relative
}

.slider-item {
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background-repeat: no-repeat;
    background-size: cover;
    cursor: default
}

a.slider-item {
    display: block;
    text-decoration: none;
    cursor: pointer
}

.slider-arrow {
    opacity: .2;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    background-image: url(/local/templates/optima/images/common.svg);
    background-repeat: no-repeat;
    -webkit-transition: opacity .3s;
    transition: opacity .3s;
    cursor: pointer
}

.slider-arrow.active, .slider-arrow:hover {
    opacity: .5
}

.main-slider {
    overflow: hidden;
    margin-bottom: 45px
}

.main-slider .slider-item {
    min-height: 280px
}

.main-slider .slider-description {
    margin-top: 15px
}

.main-slider .form-button {
    position: absolute;
    bottom: 40px
}

.main-slider .slider-arrow {
    width: 12px;
    height: 50px;
    -webkit-transition: left .5s, right .5s, background .1s;
    transition: left .5s, right .5s, background .1s
}

.main-slider .slider-arrow.arrow-prev {
    left: -12px;
    background-position: -940px -60px
}

.main-slider:hover .slider-arrow.arrow-prev {
    left: 12px
}

.main-slider .slider-arrow.arrow-next {
    right: -12px;
    background-position: -960px -60px
}

.main-slider:hover .slider-arrow.arrow-next {
    right: 12px
}

.middle-slider {
    margin-bottom: 30px
}

.middle-slider .slider-item {
    min-height: 170px
}

.middle-slider .slider-description {
    margin-top: 15px
}

@media (max-width: 768px) {
    .slider-wrapper {
        margin-left: -20px;
        margin-right: -20px
    }

    .main-slider .slider-title {
        font-size: 2em
    }

    .main-slider .slider-arrow.prev {
        left: 12px
    }

    .main-slider .slider-arrow.next {
        right: 12px
    }

    .middle-slider .slider-title {
        font-weight: 600
    }
}

@media (min-width: 769px) {
    .main-slider .slider-title {
        font-size: 2.25em
    }

    .middle-slider .slider-title {
        font-size: 1.5em
    }

    .middle-slider .slider-description {
        font-size: .875em
    }
}

.header-icon {
    position: relative
}

.header-icon:after, .header-icon:before {
    content: "";
    display: inline-block
}

.header-icon:before {
    vertical-align: middle;
    width: 50px;
    height: 50px;
    margin-right: 10px;
    border-radius: 50%;
    opacity: .3
}

.header-icon:after {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 15px;
    margin: auto;
    background-image: url(/local/templates/optima/images/common.svg);
    background-repeat: no-repeat
}

.header-icon-product:after {
    width: 18px;
    height: 22px
}

.header-icon-services:after {
    width: 20px;
    height: 22px
}

.about-product {
    padding-bottom: 45px
}

.about-product-list {
    -webkit-column-gap: 10px;
    -moz-column-gap: 10px;
    column-gap: 10px
}

.about-product-list li {
    padding-bottom: 15px
}

.about-product-list li a {
    color: #000
}

@media (max-width: 640px) {
    .about-product {
        font-size: .875em
    }

    .about-product-list li {
        padding-bottom: 0
    }
}

@media (min-width: 641px) {
    .about-product {
        padding-bottom: 40px
    }
}

@media (min-width: 641px) and (max-width: 768px) {
    .about-product-list {
        -webkit-column-count: initial;
        -moz-column-count: initial;
        column-count: initial
    }
}

.news-content-mainpage {
    margin-bottom: 30px
}

.news-list-mainpage {
    margin-bottom: 0
}

.news-list-mainpage .news-image {
    max-width: 200px
}

@media (min-width: 769px) {
    .news-list-mainpage .news-image {
        width: 200px;
        margin-right: -250px
    }

    .news-list-mainpage .news-item {
        margin-right: 250px
    }
}

.partners {
    margin-bottom: 50px
}

.partners-title {
    text-align: center;
    margin-bottom: 35px
}

.partners .simple-carousel-wrapper {
    margin-bottom: 40px
}

.simple-carousel-wrapper {
    position: relative;
    padding: 0 30px
}

.slick-track {
    margin: auto
}

.simple-carousel-btn {
    width: 15px;
    height: 24px;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    opacity: .2;
    background-image: url(/local/templates/optima/images/common.svg);
    background-repeat: no-repeat;
    cursor: pointer
}

.simple-carousel-btn:hover {
    opacity: .5
}

.simple-carousel-btn.prev {
    left: 0;
    background-position: -1000px -30px
}

.simple-carousel-btn.next {
    right: 0;
    background-position: -1020px -30px
}

.simple-carousel-item {
    overflow: hidden;
    height: 50px;
    text-align: center;
    font-size: 0;
    line-height: 50px
}

.simple-carousel-item.slick-slide img {
    display: inline-block
}

.simple-carousel-item img {
    max-width: 100%;
    max-height: 100%;
    vertical-align: middle
}

.info-block-wrapper {
    margin-bottom: 50px
}

.info-block {
    display: block;
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 20px 20px 70px;
    text-decoration: none;
    color: #000
}

.info-block:after {
    content: "";
    display: block;
    background-position: 0 0;
    position: absolute;
    right: 20px;
    bottom: 20px;
    opacity: .5;
    background-image: url(/local/templates/optima/images/common.svg);
    background-repeat: no-repeat
}

.info-block-1:after {
    width: 62px;
    height: 50px;
    background-position: -1130px -60px
}

.info-block-2:after {
    width: 56px;
    height: 50px;
    background-position: -1210px -60px
}

.info-block-title {
    display: block;
    font-size: 2em;
    line-height: 1em;
    margin-bottom: 15px;
    opacity: .8
}

.info-block-description {
    display: block;
    font-weight: 400;
    opacity: .8;
    padding-right: 50px
}

@media (max-width: 640px) {
    .info-block-wrapper {
        margin-bottom: 40px
    }

    .column.info-block {
        margin: 0
    }
}

@media (max-width: 768px) {
    .info-block {
        min-height: 100px;
        padding-bottom: 80px
    }

    .info-block-title {
        font-size: 1.5em;
        margin-bottom: 10px
    }

    .info-block-description {
        font-size: .875em;
        padding-right: 30px
    }
}

.company-description p {
    margin: 0
}

.about-company .list-column-2 li {
    vertical-align: top;
    display: inline-block;
    -webkit-column-break-inside: avoid;
    page-break-inside: avoid;
    -moz-column-break-inside: avoid;
    break-inside: avoid
}

.about-company .page-content ul {
    margin-bottom: 0
}

@media (max-width: 640px) {
    .about-company .page-content {
        margin-bottom: 0
    }

    .about-company {
        font-size: .875em
    }
}

.about-company-slide {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    height: 100px;
    padding-left: 23px;
    font-size: 1rem;
    font-weight: 600;
    line-height: 100px
}

.about-company-slide::before {
    content: "";
    display: block;
    width: 100px;
    height: 100px;
    opacity: .3;
    position: absolute;
    left: 0;
    top: 0;
    border-radius: 50%
}

.about-company-number, .about-company-text, .about-company-text2 {
    position: relative;
    display: inline-block;
    vertical-align: middle
}

.about-company-text {
    line-height: 20px
}

.about-company-number {
    font-size: 48px;
    line-height: 48px;
    font-weight: 700;
    margin-right: 5px
}

.about-company-number sub {
    font-size: 18px;
    font-weight: 600;
    vertical-align: middle
}

@media (max-width: 640px) {
    .about-company-carousel-wrapper {
        margin: 40px 0
    }

    .about-company-number {
        font-size: 1.5em;
        font-weight: 700;
        width: 80px;
        text-align: center
    }

    .about-company-slide {
        padding-left: 0;
        height: 80px;
        line-height: 80px;
        max-width: 210px;
        margin: 0 auto
    }

    .about-company-slide:before {
        width: 80px;
        height: 80px
    }

    .about-company-number sub {
        font-size: .875em;
        vertical-align: baseline;
        bottom: auto
    }
}

@media (min-width: 641px) {
    .about-company-carousel-wrapper {
        padding: 0;
        margin: 50px 0
    }

    .about-company-carousel-wrapper .simple-carousel-btn {
        display: none
    }
}

@media (min-width: 641px) and (max-width: 849px) {
    .about-company-slide2 {
        margin-left: 45px
    }

    .about-company-number {
        font-size: 2.25em
    }

    .about-company-text {
        font-size: .875em;
        line-height: 16px
    }

    .about-company-number sub {
        font-size: .875em
    }
}

@media (min-width: 850px) {
    .about-company-slide2 {
        margin-left: 50px
    }
}

.setificates-link {
    line-height: 23px;
    text-decoration: none;
    position: relative;
    top: -10px
}

.setificates-link:hover {
    text-decoration: underline
}

.setificates-link::before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 18px;
    height: 24px;
    background-image: url(/local/templates/optima/images/common.svg);
    background-repeat: no-repeat;
    margin-right: 10px
}

.contacts-block {
    margin: 50px 0
}

.contacts-block a {
    text-decoration: none;
    font-weight: 400
}

.contacts-block a:not(.contact-number):hover {
    text-decoration: underline
}

.contact-number {
    color: #000;
    font-size: 1.5em;
    display: inline-block
}

.contact-number:hover {
    text-decoration: none
}

@media (max-width: 640px) {
    .contacts-block {
        margin: 30px 0 40px
    }

    .contact-number {
        font-size: 1.25em
    }
}

@media (min-width: 641px) {
    .contact-number {
        margin-top: .875em
    }
}

@media (min-width: 641px) {
    .form-popup .form-narrow .user-data {
        padding: 30px
    }

    .form-popup .form-narrow .form-popup-title {
        padding-left: 30px
    }

    .user-data .cart-item {
        padding-left: 140px
    }

    .user-data .cart-item::after {
        content: "";
        display: block;
        clear: both
    }

    .user-data .cart-item-title {
        display: block;
        margin: 0 0 20px
    }

    .user-data .cart-item-illustration {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        width: 120px;
        margin: 0 0 0 -140px;
        padding: 15px 20px;
        border-radius: 4px;
        border: 1px solid rgba(0, 0, 0, .2)
    }

    .user-data .cart-item-amount, .user-data .cart-item-price {
        display: inline-block
    }

    .user-data .cart-item-amount {
        margin-right: 20px
    }

    .user-data .cart-item-price {
        font-size: 1.5em
    }

    .user-data .cart-item-count {
        width: 60px;
        font-size: 1.25em
    }

    .user-data .cart-item-title {
        font-weight: 600
    }

    .user-data .product-action-list {
        padding-top: 20px;
        font-size: 0
    }

    .user-data .product-action-item {
        width: calc(50% - 10px)
    }

    .user-data .product-action-item:not(:first-child) {
        margin-left: 20px
    }

    .form-popup .user-data .form-button {
        width: 100%
    }
}

.product-content {
    padding: 0 0 30px
}

.product-illustration {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid rgba(0, 0, 0, .1);
    text-align: center
}

.product-illustration img {
    max-width: 160px
}

.product-card .product-illustration img {
    max-width: 180px
}

.products-list .product-illustration img {
    max-width: 80px
}

.products-list .product-actual-price .currency {
    font-size: 1rem
}

.product-description {
    margin: 0 0 30px
}

.product-card .product-description {
    margin: 0 0 30px
}

.product-card .product-illustration {
    margin: 0 0 30px
}

.product-card .product-price {
    margin: 0 0 30px
}

.product-price-item {
    display: inline-block;
    position: relative
}

.product-price-item:not(:first-child) {
    margin-left: 15px
}

.product-actual-price {
    font-size: 1.5em;
    white-space: nowrap
}

.product-old-price {
    font-size: .75em
}

.product-old-price::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 0;
    left: 0;
    height: 1px;
    background: rgba(0, 0, 0, .4)
}

.product-action-value {
    white-space: nowrap
}

.product-card .product-action-list {
    margin: 0 0 30px
}

.product-action-item {
    display: inline-block;
    position: relative;
    vertical-align: top
}

.product-card .product-action-item:not(:first-child) {
    margin-left: 15px
}

.product-item .product-action-item:not(:first-child) {
    float: right
}

.form-button.action-license::before {
    content: none
}

.product-action-description {
    font-size: .75em
}

.product-card .product-action-description {
    margin-top: 10px
}

.product-item .product-action-description {
    position: absolute;
    bottom: 100%;
    left: 0;
    margin: 0 0 5px 15px
}

.product-item .product-title {
    margin: 0 0 30px;
    font-weight: 600
}

.product-item .product-description {
    margin: -20px 0 30px
}

.product-action-value[data-before]::before {
    content: attr(data-before) " ";
    text-transform: lowercase
}

.product-actual-price[data-before]::before {
    content: attr(data-before) " ";
    text-transform: lowercase
}

.product-full-information {
    clear: both;
    border-top: 1px solid rgba(0, 0, 0, .1)
}

.services-item-additional {
    text-align: right
}

.services-item-title {
    margin-bottom: 15px;
    font-weight: 600
}

.services-item-description {
    margin-bottom: 15px
}

.services-item-price {
    float: left;
    font-size: 1.5em
}

.services-item-price .currency {
    font-size: 1rem
}

.event-calendar {
    margin: 0 0 0 30px
}

.event-calendar::before {
    content: "";
    opacity: .6;
    float: left;
    width: 18px;
    height: 20px;
    margin: 1px 0 0 -30px;
    background: url(/local/templates/optima/images/common.svg) -880px -30px no-repeat
}

.event-calendar::after {
    content: "";
    display: block;
    clear: both
}

.event-calendar-item {
    display: inline-block;
    max-width: 100%;
    margin: 0 10px 10px 0;
    white-space: nowrap
}

.event-calendar-date {
    overflow: hidden;
    display: block;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis
}

.event-calendar-time {
    display: block;
    font-size: .75em;
    color: rgba(0, 0, 0, .5)
}

.event-duration {
    margin: 5px 0 0 30px
}

.event-duration::before {
    content: "";
    opacity: .6;
    float: left;
    width: 20px;
    height: 20px;
    margin: 1px 0 0 -30px;
    background: url(/local/templates/optima/images/common.svg) -910px -30px no-repeat
}

.event-duration::after {
    content: "";
    display: block;
    clear: both
}

.products-list-item::after {
    display: block;
    clear: both
}

.products-list-item .product-illustration {
    margin: 0
}

.products-list-item .product-illustration {
    padding: 15px 0;
    text-align: center
}

.products-list-item .product-illustration img {
    max-width: 120px
}

.products-list-item .product-info {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.products-list-item .product-action-description {
    font-size: inherit
}

.products-list-item .product-link {
    text-decoration: none
}

.products-list-item .product-link:hover {
    border: 0
}

@media (max-width: 640px) {
    .products-list-item {
        margin: 0 0 45px
    }

    .products-list-item .product-illustration {
        display: inline-block
    }

    .products-list-item .product-info {
        margin-bottom: 10px
    }

    .products-list-item .product-illustration {
        width: 140px;
        margin-bottom: 10px
    }

    .products-list-item .product-action-description, .products-list-item .product-price-item {
        display: inline-block
    }

    .products-list-item .product-description {
        margin-top: 10px
    }

    .products-list-item .product-actual-price {
        font-size: 1.125em
    }

    .products-list-item .product-action-description {
        margin-left: 20px;
        font-size: .875em
    }

    .products-list-item .product-action-description::before {
        content: attr(data-title) " "
    }
}

@media (min-width: 641px) {
    .product-card .product-illustration {
        float: right
    }

    .products-list-item {
        display: -ms-flexbox;
        display: -webkit-box;
        display: flex;
        -ms-flex-pack: justify;
        -webkit-box-pack: justify;
        justify-content: space-between
    }

    .products-list-item .product-illustration, .products-list-item .product-info, .products-list-item .product-price {
        display: inline-block
    }

    .products-list-item .product-info {
        -ms-flex: 1 1 auto;
        -webkit-box-flex: 1;
        flex: 1 1 auto;
        padding: 0 30px
    }

    .products-list-item .product-illustration {
        -ms-flex: 0 0 140px;
        -webkit-box-flex: 0;
        flex: 0 0 140px
    }

    .products-list-item .product-price {
        -ms-flex: 0 0 120px;
        -webkit-box-flex: 0;
        flex: 0 0 120px;
        width: 120px;
        font-weight: 300
    }

    .products-list-item .product-action-description::before {
        content: attr(data-title);
        display: block
    }
}

@media (min-width: 641px) and (max-width: 1024px) {
    .product-card .product-illustration {
        width: 280px;
        margin-left: 30px
    }

    .products-list-item {
        margin: 0 0 25px
    }
}

@media (max-width: 768px) {
    .product-full-information {
        margin: 0 0 20px;
        padding: 20px 0 0
    }

    .services-item-additional {
        margin-top: 20px
    }

    .product-item .product-action-list {
        margin-top: 20px
    }
}

@media (min-width: 769px) {
    .product-full-information {
        margin: 0 0 30px;
        padding: 30px 0 0
    }

    .tile-item.services-item {
        padding-bottom: 80px
    }

    .services-item-additional {
        position: absolute;
        right: 20px;
        bottom: 20px;
        left: 20px
    }

    .product-additional-information {
        padding-top: 30px;
        border-top: 1px solid rgba(0, 0, 0, .1)
    }

    .tile-item.product-item {
        padding-bottom: 100px
    }

    .product-item .product-action-list, .product-item .product-price {
        position: absolute;
        right: 20px;
        left: 20px
    }

    .product-item .product-action-list {
        bottom: 20px
    }

    .product-item .product-price {
        bottom: 80px
    }
}

@media (max-width: 1024px) {
    .product-card .product-illustration {
        padding: 20px 0
    }
}

@media (min-width: 1025px) {
    .product-card .product-illustration {
        width: 330px;
        margin-left: 50px;
        padding: 30px 0
    }

    .products-list-item {
        margin: 0 0 35px
    }
}

.license-block {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.license-title {
    display: inline-block;
    font-weight: 600
}

.license-list {
    padding: 10px 0 0
}

.license-item {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-pack: justify;
    -webkit-box-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    -webkit-box-align: center;
    align-items: center;
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 3px;
    white-space: nowrap
}

.license-item-title {
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    display: inline-block;
    vertical-align: middle
}

.license-item-price {
    display: inline-block;
    padding-left: 15px;
    vertical-align: middle
}

.license-item-button {
    -ms-flex: 0 0 auto;
    -webkit-box-flex: 0;
    flex: 0 0 auto;
    display: inline-block;
    position: relative;
    padding: 0;
    border: 0;
    outline: 0;
    vertical-align: middle;
    cursor: pointer
}

.license-item-button[data-count]::after {
    content: attr(data-count);
    position: absolute;
    top: -8px;
    right: -8px;
    height: 18px;
    padding: 0 9px;
    border-radius: 9px;
    font-size: .625rem;
    line-height: 18px;
    vertical-align: middle;
    text-indent: 0;
    color: #fff;
    background: #059613;
    -webkit-box-shadow: 0 0 3px #fff;
    box-shadow: 0 0 3px #fff
}

.license-item-button::before {
    content: "";
    position: absolute
}

@media (max-width: 768px) {
    .license-block {
        padding: 30px 0 0
    }

    .license-item {
        padding: 10px 0;
        border-bottom: 1px solid rgba(0, 0, 0, .1)
    }
}

@media (min-width: 769px) {
    .license-wrapper {
        margin: 0 -20px;
        font-size: 0
    }

    .license-block {
        display: inline-block;
        padding: 20px;
        font-size: 1rem
    }
}

@media (min-width: 769px) and (max-width: 1024px) {
    .license-block {
        width: 50%
    }

    .license-item {
        padding: 5px 0
    }
}

@media (max-width: 1024px) {
    .license-item-button {
        width: 30px;
        height: 30px;
        margin-left: 15px;
        font-size: 0;
        text-indent: -1000px;
        background: 0 0
    }

    .license-item-button::before {
        top: 50%;
        left: 50%;
        width: 18px;
        height: 16px;
        margin: -8px 0 0 -9px;
        background-image: url(/local/templates/optima/images/common.svg);
        background-repeat: no-repeat
    }
}

@media (min-width: 1025px) {
    .license-block {
        width: 50%
    }

    .license-title {
        margin-left: 20px
    }

    .license-item {
        padding: 10px 15px 10px 20px
    }

    .license-item:hover {
        -webkit-box-shadow: 0 0 18px rgba(0, 0, 0, .2);
        box-shadow: 0 0 18px rgba(0, 0, 0, .2)
    }

    .license-item-button {
        visibility: hidden;
        height: 36px;
        padding: 0 16px;
        border: 0;
        border-radius: 5px;
        margin-left: 20px;
        text-align: center;
        line-height: 32px;
        text-decoration: none;
        color: #fff
    }

    .license-item-button::before {
        opacity: .4;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        border-radius: 5px;
        background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, .3)), to(rgba(255, 255, 255, 0)));
        background: linear-gradient(to bottom, rgba(255, 255, 255, .3), rgba(255, 255, 255, 0))
    }

    .license-item:hover .license-item-button {
        visibility: visible
    }

    .license-item-button:hover::before {
        opacity: 0
    }
}

.filter-wrapper {
    margin: 0 0 50px;
    font-size: 0
}

.filter-additional {
    margin-top: 20px
}

.filter-wrapper .field-wrapper {
    width: auto;
    vertical-align: middle;
    font-size: 1rem
}

.field-wrapper.field-search {
    position: relative
}

.field-wrapper.field-search::before {
    content: "";
    opacity: .4;
    position: absolute;
    top: 50%;
    left: 0;
    margin: -8px 0 0 12px;
    width: 16px;
    height: 16px;
    background: url(/local/templates/optima/images/common.svg) -30px -30px no-repeat
}

.field-wrapper.field-search.search-active::before {
    opacity: 1
}

.field-search .field-input {
    display: block;
    width: 100%;
    padding-left: 40px
}

.filter-results-wrapper {
    display: none;
    margin-top: 20px
}

.filter-results-wrapper.filter-results-active {
    display: block
}

.filter-results-wrapper::after {
    content: "";
    display: block;
    clear: both
}

.filter-results-wrapper .action-button {
    float: right;
    margin: 0 0 20px;
    padding: 0;
    border: 0;
    font-size: 1rem;
    background: 0 0
}

.filter-result {
    overflow: hidden;
    display: inline-block;
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    max-width: 230px;
    height: 30px;
    margin: 0 10px 10px 0;
    padding: 0 30px 0 10px;
    border-radius: 3px;
    white-space: nowrap;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    font-size: .625rem;
    line-height: 28px;
    cursor: pointer
}

.filter-result::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 0;
    width: 11px;
    height: 11px;
    margin: -5px 7px 0 0;
    background-image: url(/local/templates/optima/images/common.svg);
    background-repeat: no-repeat
}

.filter-result:hover {
    border-color: transparent
}

@media (min-width: 769px) {
    .field-wrapper.field-search {
        width: 300px
    }
}

@media (min-width: 769px) and (max-width: 1024px) {
    .field-wrapper.field-search {
        width: 280px
    }
}

@media (min-width: 1025px) {
    .field-wrapper.field-search {
        width: 340px
    }
}

.filter-list-head {
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 36px;
    margin: 0;
    padding: 0 30px 0 10px;
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: 4px;
    line-height: 32px;
    cursor: pointer
}

.filter-list-head::after {
    content: "";
    opacity: .4;
    position: absolute;
    top: 50%;
    right: 0;
    width: 11px;
    height: 6px;
    margin: -2px 10px 0 0;
    background: url(/local/templates/optima/images/common.svg) -270px -30px no-repeat;
    -webkit-transition: .1s;
    transition: .1s
}

.filter-list-body {
    display: none
}

.toggle-active .filter-list-body {
    display: block
}

.toggle-active .filter-list-head::after {
    opacity: 1;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.filter-item-title {
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    cursor: default
}

.filter-multiple-block .filter-item-title {
    white-space: nowrap
}

.filter-item:last-child > .filter-item-title {
    padding-bottom: 20px
}

.item-parent > .filter-item-title::after {
    content: "";
    opacity: .2;
    position: absolute;
    top: 50%;
    right: 0;
    background-image: url(/local/templates/optima/images/common.svg);
    background-repeat: no-repeat;
    -webkit-transition: .1s;
    transition: .1s
}

.filter-active > .filter-item-title::after {
    opacity: .4
}

.filter-item-choice {
    float: left;
    position: relative;
    z-index: 1;
    width: 36px;
    height: 36px;
    cursor: pointer
}

.filter-item-choice::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 16px;
    height: 16px;
    margin: -8px 0 0 -8px;
    background-image: url(/local/templates/optima/images/common.svg);
    background-repeat: no-repeat
}

.filter-sublist {
    display: none
}

.filter-active > .filter-sublist {
    display: block
}

@media (max-width: 480px) {
    .filter-multiple-block .field-wrapper {
        margin-bottom: 20px
    }
}

@media (min-width: 481px) {
    .filter-multiple-block .field-wrapper {
        display: inline-block
    }

    .filter-multiple-block .field-wrapper:not(:last-child) {
        margin-right: 20px
    }

    .filter-multiple-block .field-wrapper {
        margin-bottom: 20px
    }
}

@media (max-width: 640px) {
    .filter-multiple-block .field-wrapper.toggle-active {
        display: block;
        margin-right: 0
    }

    .filter-multiple-block .filter-list-body {
        margin: 15px -20px 0;
        padding: 0 20px;
        border-top: 1px solid rgba(1, 0, 0, .2);
        border-bottom: 1px solid rgba(1, 0, 0, .2)
    }

    .filter-multiple-block .filter-item:not(:first-child) {
        border-top: 1px solid rgba(1, 0, 0, .1)
    }

    .filter-multiple-block .filter-item-title {
        padding: 10px 40px 10px 27px
    }

    .filter-multiple-block .filter-item-choice {
        margin: 5px 0 0 -10px
    }
}

@media (min-width: 641px) {
    .filter-multiple-block .filter-list-body {
        overflow: hidden;
        position: absolute;
        z-index: 1;
        top: 100%;
        left: 0;
        max-height: 300px;
        margin-top: 10px;
        background: #fff;
        -webkit-box-shadow: 0 0 18px rgba(0, 0, 0, .2);
        box-shadow: 0 0 18px rgba(0, 0, 0, .2)
    }

    .filter-multiple-block .filter-list-body .iScrollVerticalScrollbar {
        position: absolute;
        top: 2px;
        right: 2px;
        bottom: 2px;
        width: 4px
    }

    .filter-multiple-block .filter-list-body .iScrollIndicator {
        background: rgba(0, 0, 0, .1)
    }

    .filter-multiple-block .filter-item-title {
        padding: 10px 40px 10px 45px
    }

    .filter-multiple-block .filter-item-choice {
        margin: 5px 0 0 5px
    }
}

@media (max-width: 768px) {
    .filter-single-block .filter-list-wrapper {
        position: relative;
        padding-top: 36px;
        margin-bottom: 20px
    }

    .filter-single-block .field-wrapper.field-type-list {
        position: static
    }

    .filter-single-block .field-wrapper.field-type-list .filter-list-head {
        position: absolute;
        top: 0;
        width: calc(50% - 10px)
    }

    .filter-single-block .field-wrapper.field-type-list:first-child .filter-list-head {
        left: 0
    }

    .filter-single-block .field-wrapper.field-type-list:not(:first-child) .filter-list-head {
        right: 0
    }

    .filter-single-block .field-wrapper:not(.field-type-list):not(:first-child) {
        margin-top: 10px
    }

    .filter-single-block .filter-list-wrapper::after {
        content: "";
        display: block;
        clear: both
    }

    .filter-single-block .filter-list-body {
        margin: 15px -20px 0;
        padding: 0 20px;
        border-top: 1px solid rgba(1, 0, 0, .2);
        border-bottom: 1px solid rgba(1, 0, 0, .2)
    }

    .filter-single-block .filter-item:not(:first-child) {
        border-top: 1px solid rgba(1, 0, 0, .1)
    }

    .filter-single-block .filter-item-title {
        padding: 10px 40px 10px 27px
    }

    .item-parent > .filter-item-title::after {
        opacity: .4;
        width: 18px;
        height: 9px;
        margin: -4px 6px 0 0;
        background-position: -210px -30px
    }

    .filter-active > .filter-item-title::after {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg)
    }

    .filter-single-block .filter-item-choice {
        margin: 5px 0 0 -10px
    }

    .filter-sublist {
        margin: 0 0 0 27px
    }
}

@media (min-width: 769px) {
    .filter-single-block .field-wrapper {
        display: inline-block
    }

    .filter-single-block .field-wrapper:not(:last-child) {
        margin-right: 20px
    }

    .filter-list-wrapper {
        display: inline-block;
        margin-right: 20px
    }

    .filter-single-block .filter-list-body {
        position: absolute;
        z-index: 1;
        top: 100%;
        left: 0;
        margin-top: 10px;
        background: #fff;
        -webkit-box-shadow: 0 0 18px rgba(0, 0, 0, .2);
        box-shadow: 0 0 18px rgba(0, 0, 0, .2)
    }

    .filter-single-block .wrapper-wide .filter-list-body::after {
        content: "";
        position: absolute;
        top: 0;
        bottom: 0;
        width: 1px;
        background: rgba(0, 0, 0, .1)
    }

    .filter-single-block .filter-item-title {
        padding: 10px 40px 10px 45px
    }

    .filter-item-title:hover {
        background: rgba(0, 0, 0, .02)
    }

    .filter-active > .filter-item-title {
        background: rgba(0, 0, 0, .05)
    }

    .item-parent > .filter-item-title::after {
        width: 8px;
        height: 15px;
        margin: -7px 16px 0 0;
        background-position: -190px -30px
    }

    .filter-single-block .filter-item-choice {
        margin: 5px 0 0 5px
    }

    .filter-sublist {
        position: absolute;
        top: 0;
        bottom: 0
    }
}

@media (min-width: 769px) and (max-width: 1024px) {
    .filter-single-block .filter-list-head {
        width: 130px
    }

    .filter-single-block .filter-list-body {
        width: 290px
    }

    .filter-single-block .wrapper-wide .filter-list-body {
        padding-right: 260px
    }

    .filter-single-block .filter-sublist {
        width: 260px
    }

    .filter-single-block .filter-sublist, .filter-single-block .wrapper-wide .filter-list-body::after {
        left: 290px
    }
}

@media (min-width: 1025px) {
    .filter-single-block .filter-list-head {
        width: 160px
    }

    .filter-single-block .filter-list-body {
        width: 400px
    }

    .filter-single-block .wrapper-wide .filter-list-body {
        padding-right: 360px
    }

    .filter-single-block .filter-sublist {
        width: 360px
    }

    .filter-single-block .filter-sublist, .filter-single-block .wrapper-wide .filter-list-body::after {
        left: 400px
    }
}

.product-capture-block {
    margin: 20px 0 40px
}

.product-capture-item::after {
    content: "";
    display: block;
    clear: both
}

.product-capture-image img {
    display: block;
    max-width: 160px;
    max-height: 100%;
    margin: auto
}

.product-capture-link {
    display: block;
    text-decoration: none
}

.product-capture-title {
    display: inline;
    font-weight: 600
}

.product-capture-price {
    font-size: 1.5em
}

.product-capture-price::after {
    font-size: 1rem
}

.product-capture-list li {
    margin: 0 0 10px
}

.product-capture-list a {
    color: inherit
}

@media (max-width: 480px) {
    .product-capture-image {
        margin: 0 0 15px
    }
}

@media (min-width: 481px) and (max-width: 768px) {
    .tile-item.product-capture-item {
        padding-left: 150px
    }

    .product-capture-image {
        float: left;
        width: 130px;
        margin: 0 0 0 -150px
    }
}

@media (min-width: 769px) {
    .product-capture-image {
        margin: 0 0 15px
    }
}

@media (min-width: 769px) and (max-width: 1024px) {
    .product-capture-image {
        height: 80px
    }
}

@media (min-width: 1025px) {
    .product-capture-item {
        padding-bottom: 70px
    }

    .product-capture-image {
        height: 100px
    }

    .product-capture-item .product-capture-link {
        color: inherit
    }

    .product-capture-price {
        position: absolute;
        right: 20px;
        bottom: 20px;
        left: 20px
    }
}

.service-wrapper {
    margin: 0 0 30px
}

.service-description {
    margin: 0 0 30px
}

.product-service-list a {
    color: inherit
}

.product-property-list {
    margin-bottom: 30px
}

.product-property-title, .product-property-value {
    display: block
}

@media (max-width: 768px) {
    .product-property-item {
        margin: 0 0 15px
    }
}

@media (min-width: 769px) {
    .product-property-item {
        display: inline-block;
        max-width: 40%;
        margin: 0 30px 15px 0;
        vertical-align: top
    }
}

.user-data .cart-item-title {
    font-weight: 600
}

.user-data .cart-item-illustration {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 10px 15px;
    border-radius: 4px;
    border: 1px solid rgba(0, 0, 0, .2)
}

.user-data .cart-item-amount {
    float: none
}

.user-data .cart-item-amount {
    position: absolute;
    margin: 0
}

.user-data .cart-item-price {
    float: right;
    margin: 0 0 0 140px
}

@media (max-width: 480px) {
    .user-data .form-special {
        width: 100%
    }

    .user-data .cart-item {
        margin: 0 0 20px;
        padding: 0
    }

    .user-data .cart-item-illustration {
        float: none;
        display: block;
        width: 140px;
        margin: 0 auto 20px
    }

    .user-data .cart-item-change {
        width: 30px;
        height: 30px
    }

    .user-data .product-action-item {
        display: block;
        width: 100%
    }

    .user-data .product-action-item:not(:first-child) {
        margin-top: 15px
    }

    .user-data .product-action-item .form-button {
        display: block;
        width: 100%
    }

    .user-data .cart-item-count {
        width: 50px
    }

    .user-data .cart-item-count, .user-data .cart-item-price {
        font-size: 1.125em
    }
}

@media (min-width: 481px) {
    .form-popup .form-narrow .user-data {
        padding: 30px
    }

    .form-popup .form-narrow .form-popup-title {
        padding-left: 30px
    }

    .user-data .cart-item:not(.cart-without-image) {
        padding: 0 0 0 140px
    }

    .user-data .cart-item::after {
        content: "";
        display: block;
        clear: both
    }

    .user-data .cart-item-title {
        display: block;
        margin: 0 0 20px
    }

    .cart-without-image .cart-item-illustration {
        display: none
    }

    .user-data .cart-item-illustration {
        width: 120px;
        margin: 0 0 0 -140px
    }

    .user-data .product-action-list {
        padding-top: 20px;
        font-size: 0
    }

    .user-data .product-action-item {
        width: calc(50% - 10px)
    }

    .user-data .product-action-item:not(:first-child) {
        margin-left: 20px
    }

    .form-popup .user-data .form-button {
        width: 100%
    }

    .user-data .cart-item-count {
        width: 60px
    }

    .user-data .cart-item-count, .user-data .cart-item-price {
        font-size: 1.25em
    }
}

.search-content {
    padding: 0 0 20px
}

.search-result-list {
    margin: 0 0 50px
}

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

.search-result-item::after {
    content: "";
    display: table;
    clear: both
}

.search-result-image {
    overflow: hidden;
    border: 1px solid #ccc;
    text-align: center;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d
}

.search-result-image img {
    max-width: 100%;
    max-height: 100%;
    vertical-align: middle
}

.search-result-title {
    border-bottom: 1px solid;
    font-size: 1.5em;
    line-height: 40px;
    font-weight: 400;
    text-decoration: none
}

.search-result-title:hover {
    border-color: #fff
}

.search-result-description {
    margin-top: 15px
}

.search-form {
    margin-bottom: 35px
}

.search-form .field-search {
    display: inline-block;
    vertical-align: middle;
    margin-right: 15px
}

@media (max-width: 640px) {
    .search-result-image {
        width: 100%;
        padding: 20px 0;
        margin-bottom: 10px
    }

    .search-result-image img {
        max-height: 140px
    }

    .search-result-description {
        font-size: .875em
    }

    .search-result-title {
        font-size: 1.25em;
        line-height: normal
    }
}

@media (min-width: 641px) {
    .search-result-image {
        float: left
    }

    .search-result-text {
        margin-left: 190px
    }

    .search-result-title {
        position: relative;
        top: -10px
    }

    .search-result-description {
        margin-top: 5px
    }
}

@media (min-width: 641px) and (max-width: 768px) {
    .search-result-image {
        width: 140px
    }

    .search-result-text {
        margin-left: 170px
    }

    .search-result-title {
        font-size: 1.25em;
        line-height: 36px
    }
}

@media (min-width: 769px) {
    .search-result-image {
        width: 140px;
        height: 115px
    }

    .search-result-image img {
        position: relative;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%)
    }
}

.search-suggestions-wrapper {
    display: none;
    position: relative;
    z-index: 3
}

.search-suggestions {
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    max-width: 1024px;
    margin: auto;
    background: #fff;
    -webkit-box-shadow: 1px 3px 16px 2px rgba(0, 0, 0, .1);
    box-shadow: 1px 3px 16px 2px rgba(0, 0, 0, .1)
}

.search-suggestions-list {
    margin: 0 0 20px;
    padding: 0
}

.search-suggestions-list li {
    padding: 13px 65px
}

.search-suggestions-list li a {
    text-decoration: none;
    color: #000
}

.search-suggestions-list li a:hover {
    text-decoration: underline
}

.search-suggestions-list li:hover {
    background-color: #e9eaeb
}

.search-all-suggestions {
    padding: 5px 65px 35px
}

.main-search-input::-ms-clear {
    display: none
}

.search-form .form-button {
    min-width: 120px
}

@media (max-width: 480px) {
    .search-form .field-wrapper.field-search {
        width: 100%
    }

    .search-form .form-button {
        margin-top: 15px
    }
}

@media (min-width: 481px) and (max-width: 768px) {
    .search-form .field-wrapper.field-search {
        width: 280px
    }
}

@media (max-width: 768px) {
    .search-suggestions {
        padding-left: 0;
        padding-right: 0
    }

    .search-all-suggestions, .search-suggestions-list li {
        padding-left: 40px;
        padding-right: 40px
    }
}

@media (min-width: 769px) {
    .search-form .field-wrapper.field-search {
        width: 360px
    }
}

@media (min-width: 769px) and (max-width: 1024px) {
    .search-suggestions {
        padding-left: 0;
        padding-right: 0
    }

    .search-all-suggestions, .search-suggestions-list li {
        padding-left: 55px;
        padding-right: 55px
    }
}

.slick-loading .slick-list {
    background: #fff
}

.slick-loading .slick-list::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 50px;
    height: 50px;
    margin: -25px 0 0 -25px;
    background: url(/local/templates/optima/images/common.svg) -480px 0 no-repeat;
    -webkit-animation: load 1s steps(8) infinite;
    animation: load 1s steps(8) infinite
}

.slick-slide {
    outline: 0
}

.slick-next, .slick-prev {
    display: none !important
}

.slick-dotted.slick-slider {
    margin-bottom: 30px
}

.slick-dots {
    position: absolute;
    bottom: -25px;
    width: 100%;
    margin: 0;
    padding: 0;
    list-style: none;
    text-align: center
}

.slick-dots li {
    position: relative;
    display: inline-block;
    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer
}

.slick-dots li button {
    display: block;
    width: 20px;
    height: 20px;
    border: 0;
    outline: 0;
    font-size: 0;
    line-height: 0;
    color: transparent;
    background: 0 0;
    cursor: pointer
}

.slick-dots li button:focus, .slick-dots li button:hover {
    outline: 0
}

.slick-dots li button:before {
    opacity: .5;
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 6px;
    height: 6px;
    margin: -3px 0 0 -3px;
    background-image: url(/local/templates/optima/images/common.svg);
    background-repeat: no-repeat
}

.slick-dots li.slick-active button:before {
    opacity: 1
}

.slick-dots li button:focus:before, .slick-dots li button:hover:before {
    opacity: 1
}

.page-capture {
    margin-bottom: 10px
}

.profile-item-field {
    overflow: hidden;
    margin: 0 0 15px;
    white-space: nowrap;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis
}

.profile-item-field[data-title]::before {
    content: attr(data-title);
    display: block;
    margin-bottom: 5px
}

.profile-item-subgroup {
    display: none
}

.additional-active .profile-item-subgroup {
    display: block
}

.edit-link {
    text-decoration: none
}

.edit-link::before {
    content: "";
    display: inline-block;
    width: 18px;
    height: 17px;
    margin-right: 8px;
    background-image: url(/local/templates/optima/images/common.svg);
    background-repeat: no-repeat
}

.delete-button {
    margin-left: 20px;
    cursor: pointer
}

.delete-button::before {
    content: "";
    display: inline-block;
    width: 16px;
    height: 16px;
    margin: 0 8px -1px 0;
    background: url(/local/templates/optima/images/common.svg) -120px -90px no-repeat
}

.additional-button {
    float: right;
    position: relative;
    width: 20px;
    height: 20px;
    cursor: pointer
}

.additional-button::before {
    content: "";
    opacity: .2;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 18px;
    height: 9px;
    margin: -4px 0 0 -9px;
    background: url(/local/templates/optima/images/common.svg) -210px -30px no-repeat
}

.additional-active .additional-button::before {
    background-position: -240px -30px
}

.orders-list {
    margin: 0 0 50px
}

.order-item {
    margin: 0 0 30px
}

.order-item-head {
    margin: 0;
    padding: 20px
}

.order-item-head .order-item-title {
    display: block;
    margin: 0 0 10px;
    font-size: 1.5em
}

.order-item-head .order-item-title a {
    text-decoration: none
}

.order-item-body, .order-item-footer {
    margin: 0
}

.order-item-body {
    border-bottom: 2px solid rgba(0, 0, 0, .1)
}

.order-item-footer {
    padding: 20px
}

.order-item-footer::after {
    content: "";
    display: block;
    clear: both
}

.order-item-footer .order-item-title {
    position: relative;
    padding-bottom: 20px;
    font-weight: 600
}

.order-item-footer .order-item-title[data-description]::after {
    content: attr(data-description);
    position: absolute;
    bottom: 0;
    left: 0;
    font-size: .75em;
    color: rgba(0, 0, 0, .5)
}

.order-item-price {
    font-size: 1.5em
}

.order-item-price::after {
    font-size: 1rem;
    font-weight: 600
}

.order-item-delete, .order-item-repeat {
    text-decoration: none
}

.order-item-repeat {
    margin-left: 24px
}

.order-item-repeat::before {
    content: "";
    display: inline-block;
    width: 16px;
    height: 16px;
    margin: 0 8px 0 -24px;
    vertical-align: -2px;
    background-image: url(/local/templates/optima/images/common.svg);
    background-repeat: no-repeat
}

.order-item-delete {
    margin-left: 15px
}

.order-item-price .currency {
    font-size: 1rem
}

.block-col .currency {
    font-size: .875em
}

.order-confirmation .header-1 {
    margin: 0
}

.order-confirmation-description, .order-confirmation-footer {
    margin: 20px 0
}

.order-confirmation-footer .order-item-title {
    font-weight: 600
}

.order-confirmation-footer .order-item-title::after {
    content: ":"
}

.order-info-block .block-col-wrapper {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-pack: justify;
    -webkit-box-pack: justify;
    justify-content: space-between
}

.order-info-block .block-col {
    display: inline-block
}

.order-item-status {
    display: block
}

.order-item-status::before {
    content: "";
    display: inline-block;
    margin-right: 8px;
    background-image: url(/local/templates/optima/images/status.svg);
    background-repeat: no-repeat
}

.order-status-1 {
    color: #01992c
}

.order-status-1::before {
    width: 18px;
    height: 18px;
    vertical-align: -3px;
    background-position: -90px -30px
}

.order-status-0, .order-status-2 {
    color: #01992c
}

.order-status-0::before, .order-status-2::before {
    width: 18px;
    height: 14px;
    background-position: -60px -30px
}

.order-status-3::before {
    width: 19px;
    height: 19px;
    vertical-align: -3px;
    background-position: -30px 0
}

.order-status-4::before {
    width: 19px;
    height: 15px;
    vertical-align: -1px;
    background-position: 0 0
}

.order-status-5::before {
    width: 18px;
    height: 18px;
    vertical-align: -3px;
    background-position: -90px 0
}

.order-status-6::before {
    width: 18px;
    height: 18px;
    vertical-align: -3px;
    background-position: -90px 0
}

.order-status-7::before {
    width: 19px;
    height: 15px;
    vertical-align: -1px;
    background-position: 0 0
}

.order-status-8::before {
    width: 18px;
    height: 18px;
    vertical-align: -3px;
    background-position: -90px 0
}

.order-status-9 {
    color: #01992c
}

.order-status-9::before {
    width: 18px;
    height: 18px;
    vertical-align: -3px;
    background-position: -120px -30px
}

@media (max-width: 768px) {
    .orders-list {
        margin-left: -20px;
        margin-right: -20px
    }

    .order-info-item {
        padding: 20px 0
    }

    .order-info-block:not(.block-cols-additional) {
        margin-top: 10px
    }

    .order-item-footer .order-item-price, .order-item-footer .order-item-title {
        display: block
    }

    .order-item-footer .order-item-price {
        margin: 10px 0
    }
}

@media (min-width: 769px) {
    .tile-item.profile-item {
        padding-bottom: 50px
    }

    .profile-item-additional {
        display: none;
        position: absolute;
        right: 20px;
        bottom: 20px;
        left: 20px
    }

    .profile-item:hover .profile-item-additional {
        display: block
    }

    .order-info-block {
        white-space: nowrap
    }

    .order-item-footer-right {
        float: right;
        line-height: 16px
    }

    .order-item-price {
        margin-left: 10px
    }

    .order-item-footer .order-item-price, .order-item-footer .order-item-title {
        display: inline-block
    }
}

@media (max-width: 1024px) {
    .order-info-wrapper {
        padding: 0 20px
    }

    .order-info-item:not(:first-child) {
        border-top: 1px solid rgba(0, 0, 0, .1)
    }

    .order-info-block.block-cols-additional {
        font-size: .75em;
        color: rgba(0, 0, 0, .5)
    }
}

@media (min-width: 769px) and (max-width: 1024px) {
    .orders-list {
        margin-left: -33px;
        margin-right: -33px
    }

    .order-info-item {
        padding: 20px 0 20px 50%
    }

    .order-info-block ~ .order-info-block:not(.block-cols-additional) {
        margin-top: 15px
    }

    .order-info-block, .order-info-title {
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

    .order-info-title {
        float: left;
        width: 100%;
        margin-left: -100%;
        padding-right: 10px
    }

    .order-info-block {
        padding-left: 10px
    }
}

@media (min-width: 1025px) {
    .order-info-wrapper {
        display: table;
        border-collapse: collapse;
        width: 100%
    }

    .order-item-body {
        padding: 20px 0
    }

    .order-info-item {
        display: table-row
    }

    .order-info-block, .order-info-title {
        display: table-cell;
        padding: 10px 20px;
        vertical-align: top
    }

    .order-info-block .block-col:nth-child(2) {
        margin-left: 20px
    }
}

.cart-item:not(:first-child) {
    border-top: 1px solid rgba(0, 0, 0, .1)
}

.order-total-price {
    margin-left: 10px;
    vertical-align: middle;
    font-size: 1.5em
}

.order-total-price .currency {
    font-size: 1rem
}

.cart-item-amount, .cart-item-price {
    line-height: 36px
}

.cart-list .product-old-price {
    opacity: .5;
    display: none;
    position: relative;
    line-height: normal;
    text-decoration: line-through
}

.cart-list .product-old-price.product-active {
    display: inline-block
}

.cart-list .product-old-price::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 0;
    left: 0;
    height: 1px;
    background: #000
}

.cart-footer {
    padding: 20px
}

.cart-footer::after {
    content: "";
    display: block;
    clear: both
}

.cart-item-title {
    display: block
}

.cart-link {
    text-decoration: none
}

.cart-item-illustration {
    float: left;
    width: 120px;
    margin: 0 0 0 -140px
}

.cart-item-illustration img {
    width: 100%
}

.cart-item-count {
    width: 40px;
    margin: 0 10px
}

.cart-item-count {
    vertical-align: middle;
    text-align: center
}

.cart-item-change {
    display: inline-block;
    position: relative;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    vertical-align: middle;
    cursor: pointer
}

.cart-item-change::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 10px;
    margin: auto;
    background-image: url(/local/templates/optima/images/common.svg);
    background-repeat: no-repeat
}

.cart-item-change.cart-item-less::after {
    height: 2px
}

.cart-item-change.cart-item-more::after {
    height: 10px
}

.order-capture {
    margin-bottom: 30px
}

.order-wrapper {
    counter-reset: order
}

.order-capture-title {
    margin: 0 0 20px;
    font-size: 1.5em;
    font-weight: 300;
    counter-increment: order
}

.order-capture-title::before {
    content: counter(order) ". "
}

.order-detail-title {
    float: left
}

.payment-wrapper {
    margin-right: -20px;
    font-size: 0
}

.payment-label {
    display: inline-block;
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 140px;
    height: 80px;
    margin: 0 20px 20px 0;
    padding: 0;
    border: 0;
    vertical-align: top;
    text-align: center;
    line-height: 80px;
    -webkit-box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .1);
    box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .1);
    cursor: pointer
}

.payment-label:hover {
    -webkit-box-shadow: 0 0 18px rgba(0, 0, 0, .2);
    box-shadow: 0 0 18px rgba(0, 0, 0, .2)
}

.payment-input {
    opacity: 0;
    position: absolute;
    width: 0;
    height: 0
}

.payment-title::before {
    content: "";
    position: absolute;
    top: 5px;
    right: 5px;
    width: 16px;
    height: 16px;
    background-image: url(/local/templates/optima/images/common.svg);
    background-repeat: no-repeat;
    background-position: 0 30px
}

.payment-image {
    max-width: 80%;
    max-height: 80%;
    vertical-align: middle
}

.delivery-wrapper {
    display: inline-block;
    position: relative;
    white-space: nowrap
}

.delivery-item:not(:first-child) {
    margin-top: 5px
}

.delivery-label {
    display: block;
    padding-right: 30px
}

.delivery-input {
    opacity: 0;
    position: absolute;
    width: 0;
    height: 0
}

.delivery-title::before {
    content: "";
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-right: 10px;
    background-image: url(/local/templates/optima/images/common.svg);
    background-repeat: no-repeat
}

.delivery-price {
    position: absolute;
    left: 100%
}

.delivery-input:checked ~ .delivery-price, .delivery-input:checked ~ .delivery-title {
    text-shadow: 0 0 1px rgba(0, 0, 0, .5)
}

.order-wrapper .user-data {
    margin: 0
}

.order-total-price, .order-total-title {
    display: inline-block;
    vertical-align: middle
}

.cart-promo-block {
    font-size: 0
}

.cart-promo-result-wrapper {
    clear: both;
    padding: 10px 0 0;
    font-size: 1rem
}

.cart-promo-result-wrapper {
    font-size: 1rem
}

.cart-promo-result {
    cursor: pointer
}

.cart-promo-result.promo-success {
    font-weight: 600;
    color: #2e7d32
}

.cart-promo-result.promo-fail {
    color: #a42338
}

.cart-promo-result::after {
    content: "";
    opacity: .4;
    display: inline-block;
    width: 11px;
    height: 11px;
    margin: 0 0 1px 10px;
    background: url(/local/templates/optima/images/common.svg) -150px -30px no-repeat
}

.cart-promo-result:hover::after {
    opacity: 1
}

.cart-promo-block .cart-code-label {
    display: inline-block;
    vertical-align: middle;
    font-size: 1rem
}

.cart-promo-block .cart-code-label {
    float: left;
    width: calc(100% - 50px)
}

.cart-promo-block .field-input {
    width: 100%
}

.cart-promo-block .form-button {
    float: right;
    width: 50px;
    min-width: 0;
    border-radius: 0 4px 4px 0
}

.field-input.cart-code-input {
    border-right: 0;
    border-radius: 4px 0 0 4px
}

@media (max-width: 320px) {
    .payment-label {
        margin-bottom: 15px
    }

    .payment-label:nth-child(2n+1) {
        margin-left: -5px;
        margin-right: 15px
    }

    .payment-label:nth-child(2n) {
        margin-right: 0
    }

    .delivery-label {
        font-size: .75rem
    }
}

@media (max-width: 480px) {
    .cart-item-price {
        margin-top: 10px
    }
}

@media (min-width: 481px) and (max-width: 640px) {
    .cart-item-amount {
        float: right;
        margin-bottom: 20px
    }
}

@media (max-width: 640px) {
    .cart-item {
        padding: 15px 0 15px 140px
    }

    .cart-item::after {
        content: "";
        display: block;
        clear: both
    }

    .cart-item-title {
        margin-bottom: 20px;
        word-wrap: break-word
    }

    .cart-code-title {
        display: block;
        margin-bottom: 5px
    }

    .cart-item-action {
        clear: both
    }

    .cart-item-delete {
        text-decoration: none
    }

    .order-detail-wrapper {
        text-align: right
    }

    .cart-price-block {
        margin-top: 20px
    }

    .cart-promo-block .form-button {
        clear: both;
        margin-top: -36px
    }

    .cart-price-block .form-button {
        display: block;
        width: 100%
    }

    .cart-promo-result {
        display: inline-block;
        margin: 0 10px 10px 0
    }
}

@media (min-width: 641px) {
    .cart-main .cart-list {
        display: table;
        width: 100%;
        border-collapse: collapse
    }

    .cart-main .cart-item {
        display: table-row
    }

    .cart-main .cart-item-block {
        display: table-cell;
        vertical-align: top;
        padding: 10px
    }

    .cart-main .cart-item-info {
        padding-left: 140px
    }

    .cart-main .cart-item-block::after {
        content: "";
        display: block;
        clear: both
    }

    .cart-item-amount, .cart-item-price {
        white-space: nowrap
    }

    .cart-item-action {
        line-height: 32px
    }

    .cart-promo-block {
        float: left;
        width: 200px;
        margin-right: -50px;
        padding-left: 100px
    }

    .cart-price-block {
        float: right;
        text-align: right
    }

    .cart-code-title {
        float: left;
        width: 90px;
        margin: 0 0 0 -100px;
        line-height: 32px
    }

    .cart-promo-result {
        display: block;
        margin: 0 0 5px
    }

    .during-order .order-total-wrapper .form-button {
        display: block;
        margin-top: 10px
    }

    .cart-item-delete {
        opacity: .5;
        display: inline-block;
        position: relative;
        width: 16px;
        height: 16px;
        vertical-align: middle;
        font-size: 0;
        background: url(/local/templates/optima/images/common.svg) -120px -30px no-repeat
    }

    .order-detail-sum, .order-detail-title {
        display: inline-block
    }

    .order-detail-title {
        padding-right: 20px
    }
}

@media (max-width: 768px) {
    .cart-wrapper {
        margin: 0 0 20px
    }
}

@media (max-width: 740px) {
    .before-order .order-detail-wrapper {
        margin: 0 0 20px 0
    }

    .before-order .order-total-wrapper {
        display: inline-block;
        margin: -.5em 0 0
    }

    .cart-price-block .form-button {
        margin-top: 10px
    }
}

@media (min-width: 741px) {
    .before-order .order-detail-wrapper, .before-order .order-total-wrapper {
        display: inline-block;
        vertical-align: top
    }

    .before-order .order-detail-wrapper {
        margin: 0 20px 0 0
    }

    .before-order .order-total-block {
        display: inline-block
    }

    .during-order .order-total-block {
        display: block
    }

    .before-order .order-total-price {
        margin-right: 20px
    }
}

@media (max-width: 880px) {
    .during-order .order-detail-wrapper {
        margin: 0 0 20px 0
    }

    .during-order .order-total-wrapper {
        display: inline-block
    }
}

@media (min-width: 881px) {
    .during-order .order-detail-wrapper, .during-order .order-total-wrapper {
        display: inline-block;
        vertical-align: top
    }

    .during-order .order-detail-wrapper {
        margin: 0 20px 0 0
    }

    .during-order .order-total-wrapper {
        margin: -.5em 0 0
    }
}

@media (min-width: 769px) and (max-width: 1024px) {
    .cart-wrapper {
        margin: 0 0 30px
    }
}

@media (min-width: 1025px) {
    .cart-wrapper {
        margin: 0 0 40px
    }
}

*, :after, :before {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

html {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

input[type=email], input[type=password], input[type=search], input[type=text] {
    -webkit-appearance: none;
    -moz-appearance: none
}

html {
    line-height: 1.15;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

body, html {
    min-height: 100%;
    scroll-behavior: smooth;
    height: auto !important;
    color: rgba(0, 0, 0, .6)
}

html {
    font-size: 13px
}

body {
    margin: 0;
    padding: 0;
    overflow-x: visible;
    background: #fff;
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
    font-size: 14px;
    line-height: 1.15em;
    color: rgba(0, 0, 0, .6);
    font-smoothing: antialiased
}

h1, h2, h3, h4, h5 {
    font-family: 'Fira Sans', sans-serif;
    line-height: 1.28571429em;
    margin: 1em 0 1rem;
    font-weight: 700;
    padding: 0
}

h1 {
    min-height: 1rem;
    font-size: 2.25rem
}

h2 {
    font-size: 2rem
}

h3 {
    font-size: 1.75rem
}

h4 {
    font-size: 1.5rem
}

h5 {
    font-size: 1.25rem
}

h1:first-child, h2:first-child, h3:first-child, h4:first-child, h5:first-child {
    margin-top: 0
}

h1:last-child, h2:last-child, h3:last-child, h4:last-child, h5:last-child {
    margin-bottom: 0
}

p {
    margin: 0 0 1em;
    line-height: 1.7em
}

p:first-child {
    margin-top: 0
}

p:last-child {
    margin-bottom: 0
}

a {
    color: #e9a02c;
    text-decoration: none
}

a:hover {
    color: #ebaa43;
    text-decoration: none
}

::-webkit-selection {
    background-color: #CCE2FF;
    color: rgba(0, 0, 0, .6)
}

::-moz-selection {
    background-color: #CCE2FF;
    color: rgba(0, 0, 0, .6)
}

::selection {
    background-color: #CCE2FF;
    color: rgba(0, 0, 0, .6)
}

input::-webkit-selection, textarea::-webkit-selection {
    background-color: rgba(100, 100, 100, .4);
    color: rgba(0, 0, 0, .6)
}

input::-moz-selection, textarea::-moz-selection {
    background-color: rgba(100, 100, 100, .4);
    color: rgba(0, 0, 0, .6)
}

input::selection, textarea::selection {
    background-color: rgba(100, 100, 100, .4);
    color: rgba(0, 0, 0, .6)
}

.c-container {
    position: relative;
    width: 1150px;
    margin-left: auto;
    margin-right: auto;
    display: block;
    max-width: 100%;
    min-width: 320px
}

.c-container._half {
    margin-left: 0 !important;
    padding-right: 3em;
    width: 575px
}

@media only screen and (max-width: 767px) {
    .c-container {
        width: auto !important;
        margin-left: 1.5em !important;
        margin-right: 1.5em !important
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .c-container {
        width: 725px;
        margin-left: auto !important;
        margin-right: auto !important
    }

    .c-container._half {
        width: 362.5px
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .c-container {
        width: 95%;
        margin-left: auto !important;
        margin-right: auto !important
    }

    .c-container._half {
        width: 47.5%
    }
}

@media only screen and (min-width: 1200px) {
    .c-container {
        width: 1131px;
        margin-left: auto !important;
        margin-right: auto !important
    }

    .c-container._half {
        width: 565.5px
    }
}

.c-grid {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    padding: 0;
    margin-left: -.5em;
    margin-right: -.5em
}

.c-grid > .col {
    padding: 1em
}

.c-grid > .col._space-between {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media only screen and (max-width: 767px) {
    .c-grid._col-m-reverse {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse
    }

    .c-grid._col-m-reverse > .col {
        width: 100% !important;
        overflow: hidden;
        position: relative;
        display: block
    }
}

.c-grid._centered {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.c-grid._compact > .col, .c-grid > .col.compact {
    padding: 0
}

.c-grid._left > .col, .c-grid > .col.left {
    text-align: left
}

.c-grid._right > .col, .c-grid > .col.right {
    text-align: right
}

.c-grid._center > .col, .c-grid > .col.center {
    text-align: center
}

.c-grid._full > .col, .c-grid > .col.full {
    text-align: center
}

.c-grid._vertical-center {
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important
}

.c-grid._vertical-top {
    -webkit-box-align: start !important;
    -ms-flex-align: start !important;
    align-items: flex-start !important
}

.c-grid._col-1 > .col {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%
}

.c-grid._col-2 > .col {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%
}

.c-grid._col-3 > .col {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.33333333%;
    flex: 0 0 33.33333333%;
    max-width: 33.33333333%
}

.c-grid._col-4 > .col {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%
}

.c-grid._col-5 > .col {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%
}

.c-grid._col-6 > .col {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 16.66666667%;
    flex: 0 0 16.66666667%;
    max-width: 16.66666667%
}

.c-grid._col-7 > .col {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 14.28571429%;
    flex: 0 0 14.28571429%;
    max-width: 14.28571429%
}

.c-grid._col-8 > .col {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 12.5%;
    flex: 0 0 12.5%;
    max-width: 12.5%
}

.c-grid._col-9 > .col {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 11.11111111%;
    flex: 0 0 11.11111111%;
    max-width: 11.11111111%
}

.c-grid._col-10 > .col {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 10%;
    flex: 0 0 10%;
    max-width: 10%
}

.c-grid._col-11 > .col {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 9.09090909%;
    flex: 0 0 9.09090909%;
    max-width: 9.09090909%
}

.c-grid._col-12 > .col {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 8.33333333%;
    flex: 0 0 8.33333333%;
    max-width: 8.33333333%
}

.c-grid > .col.col-1 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 8.33333333%;
    flex: 0 0 8.33333333%;
    max-width: 8.33333333%
}

.c-grid > .col.col-2 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 16.66666667%;
    flex: 0 0 16.66666667%;
    max-width: 16.66666667%
}

.c-grid > .col.col-3 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%
}

.c-grid > .col.col-4 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.33333333%;
    flex: 0 0 33.33333333%;
    max-width: 33.33333333%
}

.c-grid > .col.col-5 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 41.66666667%;
    flex: 0 0 41.66666667%;
    max-width: 41.66666667%
}

.c-grid > .col.col-6 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%
}

.c-grid > .col.col-7 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 58.33333333%;
    flex: 0 0 58.33333333%;
    max-width: 58.33333333%
}

.c-grid > .col.col-8 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 66.66666667%;
    flex: 0 0 66.66666667%;
    max-width: 66.66666667%
}

.c-grid > .col.col-9 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%
}

.c-grid > .col.col-10 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 83.33333333%;
    flex: 0 0 83.33333333%;
    max-width: 83.33333333%
}

.c-grid > .col.col-11 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 91.66666667%;
    flex: 0 0 91.66666667%;
    max-width: 91.66666667%
}

.c-grid > .col.col-12 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .c-grid._col-s-1 > .col {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }

    .c-grid._col-s-2 > .col {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }

    .c-grid._col-s-3 > .col {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.33333333%;
        flex: 0 0 33.33333333%;
        max-width: 33.33333333%
    }

    .c-grid._col-s-4 > .col {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }

    .c-grid._col-s-5 > .col {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%
    }

    .c-grid._col-s-6 > .col {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 16.66666667%;
        flex: 0 0 16.66666667%;
        max-width: 16.66666667%
    }

    .c-grid._col-s-7 > .col {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 14.28571429%;
        flex: 0 0 14.28571429%;
        max-width: 14.28571429%
    }

    .c-grid._col-s-8 > .col {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 12.5%;
        flex: 0 0 12.5%;
        max-width: 12.5%
    }

    .c-grid._col-s-9 > .col {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 11.11111111%;
        flex: 0 0 11.11111111%;
        max-width: 11.11111111%
    }

    .c-grid._col-s-10 > .col {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 10%;
        flex: 0 0 10%;
        max-width: 10%
    }

    .c-grid._col-s-11 > .col {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 9.09090909%;
        flex: 0 0 9.09090909%;
        max-width: 9.09090909%
    }

    .c-grid._col-s-12 > .col {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 8.33333333%;
        flex: 0 0 8.33333333%;
        max-width: 8.33333333%
    }

    .c-grid > .col.col-s-1 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 8.33333333%;
        flex: 0 0 8.33333333%;
        max-width: 8.33333333%
    }

    .c-grid > .col.col-s-2 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 16.66666667%;
        flex: 0 0 16.66666667%;
        max-width: 16.66666667%
    }

    .c-grid > .col.col-s-3 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }

    .c-grid > .col.col-s-4 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.33333333%;
        flex: 0 0 33.33333333%;
        max-width: 33.33333333%
    }

    .c-grid > .col.col-s-5 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 41.66666667%;
        flex: 0 0 41.66666667%;
        max-width: 41.66666667%
    }

    .c-grid > .col.col-s-6 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }

    .c-grid > .col.col-s-7 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 58.33333333%;
        flex: 0 0 58.33333333%;
        max-width: 58.33333333%
    }

    .c-grid > .col.col-s-8 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 66.66666667%;
        flex: 0 0 66.66666667%;
        max-width: 66.66666667%
    }

    .c-grid > .col.col-s-9 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%
    }

    .c-grid > .col.col-s-10 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 83.33333333%;
        flex: 0 0 83.33333333%;
        max-width: 83.33333333%
    }

    .c-grid > .col.col-s-11 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 91.66666667%;
        flex: 0 0 91.66666667%;
        max-width: 91.66666667%
    }

    .c-grid > .col.col-s-12 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .c-grid._col-t-1 > .col {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }

    .c-grid._col-t-2 > .col {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }

    .c-grid._col-t-3 > .col {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.33333333%;
        flex: 0 0 33.33333333%;
        max-width: 33.33333333%
    }

    .c-grid._col-t-4 > .col {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }

    .c-grid._col-t-5 > .col {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%
    }

    .c-grid._col-t-6 > .col {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 16.66666667%;
        flex: 0 0 16.66666667%;
        max-width: 16.66666667%
    }

    .c-grid._col-t-7 > .col {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 14.28571429%;
        flex: 0 0 14.28571429%;
        max-width: 14.28571429%
    }

    .c-grid._col-t-8 > .col {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 12.5%;
        flex: 0 0 12.5%;
        max-width: 12.5%
    }

    .c-grid._col-t-9 > .col {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 11.11111111%;
        flex: 0 0 11.11111111%;
        max-width: 11.11111111%
    }

    .c-grid._col-t-10 > .col {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 10%;
        flex: 0 0 10%;
        max-width: 10%
    }

    .c-grid._col-t-11 > .col {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 9.09090909%;
        flex: 0 0 9.09090909%;
        max-width: 9.09090909%
    }

    .c-grid._col-t-12 > .col {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 8.33333333%;
        flex: 0 0 8.33333333%;
        max-width: 8.33333333%
    }

    .c-grid > .col.col-t-1 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 8.33333333%;
        flex: 0 0 8.33333333%;
        max-width: 8.33333333%
    }

    .c-grid > .col.col-t-2 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 16.66666667%;
        flex: 0 0 16.66666667%;
        max-width: 16.66666667%
    }

    .c-grid > .col.col-t-3 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }

    .c-grid > .col.col-t-4 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.33333333%;
        flex: 0 0 33.33333333%;
        max-width: 33.33333333%
    }

    .c-grid > .col.col-t-5 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 41.66666667%;
        flex: 0 0 41.66666667%;
        max-width: 41.66666667%
    }

    .c-grid > .col.col-t-6 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }

    .c-grid > .col.col-t-7 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 58.33333333%;
        flex: 0 0 58.33333333%;
        max-width: 58.33333333%
    }

    .c-grid > .col.col-t-8 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 66.66666667%;
        flex: 0 0 66.66666667%;
        max-width: 66.66666667%
    }

    .c-grid > .col.col-t-9 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%
    }

    .c-grid > .col.col-t-10 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 83.33333333%;
        flex: 0 0 83.33333333%;
        max-width: 83.33333333%
    }

    .c-grid > .col.col-t-11 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 91.66666667%;
        flex: 0 0 91.66666667%;
        max-width: 91.66666667%
    }

    .c-grid > .col.col-t-12 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }
}

@media only screen and (max-width: 767px) {
    .c-grid._col-m-1 > .col {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }

    .c-grid._col-m-2 > .col {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }

    .c-grid._col-m-3 > .col {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.33333333%;
        flex: 0 0 33.33333333%;
        max-width: 33.33333333%
    }

    .c-grid._col-m-4 > .col {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }

    .c-grid._col-m-5 > .col {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%
    }

    .c-grid._col-m-6 > .col {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 16.66666667%;
        flex: 0 0 16.66666667%;
        max-width: 16.66666667%
    }

    .c-grid._col-m-7 > .col {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 14.28571429%;
        flex: 0 0 14.28571429%;
        max-width: 14.28571429%
    }

    .c-grid._col-m-8 > .col {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 12.5%;
        flex: 0 0 12.5%;
        max-width: 12.5%
    }

    .c-grid._col-m-9 > .col {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 11.11111111%;
        flex: 0 0 11.11111111%;
        max-width: 11.11111111%
    }

    .c-grid._col-m-10 > .col {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 10%;
        flex: 0 0 10%;
        max-width: 10%
    }

    .c-grid._col-m-11 > .col {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 9.09090909%;
        flex: 0 0 9.09090909%;
        max-width: 9.09090909%
    }

    .c-grid._col-m-12 > .col {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 8.33333333%;
        flex: 0 0 8.33333333%;
        max-width: 8.33333333%
    }

    .c-grid > .col.col-m-1 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 8.33333333%;
        flex: 0 0 8.33333333%;
        max-width: 8.33333333%
    }

    .c-grid > .col.col-m-2 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 16.66666667%;
        flex: 0 0 16.66666667%;
        max-width: 16.66666667%
    }

    .c-grid > .col.col-m-3 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }

    .c-grid > .col.col-m-4 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.33333333%;
        flex: 0 0 33.33333333%;
        max-width: 33.33333333%
    }

    .c-grid > .col.col-m-5 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 41.66666667%;
        flex: 0 0 41.66666667%;
        max-width: 41.66666667%
    }

    .c-grid > .col.col-m-6 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }

    .c-grid > .col.col-m-7 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 58.33333333%;
        flex: 0 0 58.33333333%;
        max-width: 58.33333333%
    }

    .c-grid > .col.col-m-8 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 66.66666667%;
        flex: 0 0 66.66666667%;
        max-width: 66.66666667%
    }

    .c-grid > .col.col-m-9 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%
    }

    .c-grid > .col.col-m-10 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 83.33333333%;
        flex: 0 0 83.33333333%;
        max-width: 83.33333333%
    }

    .c-grid > .col.col-m-11 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 91.66666667%;
        flex: 0 0 91.66666667%;
        max-width: 91.66666667%
    }

    .c-grid > .col.col-m-12 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }
}

/*!
 * # Semantic UI 2.4.1 - Table
 * http://github.com/semantic-org/semantic-ui/
 *
 *
 * Released under the MIT license
 * http://opensource.org/licenses/MIT
 *
 */
.ui.table {
    width: 100%;
    background: #fff;
    margin: 1em 0;
    border: 1px solid rgba(34, 36, 38, .15);
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: .28571429rem;
    text-align: left;
    color: rgba(0, 0, 0, .87);
    border-collapse: separate;
    border-spacing: 0
}

.ui.table:first-child {
    margin-top: 0
}

.ui.table:last-child {
    margin-bottom: 0
}

.ui.table td, .ui.table th {
    -webkit-transition: background .1s ease, color .1s ease;
    transition: background .1s ease, color .1s ease
}

.ui.table thead {
    -webkit-box-shadow: none;
    box-shadow: none
}

.ui.table thead th {
    cursor: auto;
    background: #f9fafb;
    text-align: inherit;
    color: rgba(0, 0, 0, .87);
    padding: .92857143em .78571429em;
    vertical-align: inherit;
    font-style: none;
    font-weight: 700;
    text-transform: none;
    border-bottom: 1px solid rgba(34, 36, 38, .1);
    border-left: none
}

.ui.table thead tr > th:first-child {
    border-left: none
}

.ui.table thead tr:first-child > th:first-child {
    border-radius: .28571429rem 0 0 0
}

.ui.table thead tr:first-child > th:last-child {
    border-radius: 0 .28571429rem 0 0
}

.ui.table thead tr:first-child > th:only-child {
    border-radius: .28571429rem .28571429rem 0 0
}

.ui.table tfoot {
    -webkit-box-shadow: none;
    box-shadow: none
}

.ui.table tfoot th {
    cursor: auto;
    border-top: 1px solid rgba(34, 36, 38, .15);
    background: #f9fafb;
    text-align: inherit;
    color: rgba(0, 0, 0, .87);
    padding: .78571429em .78571429em;
    vertical-align: middle;
    font-style: normal;
    font-weight: 400;
    text-transform: none
}

.ui.table tfoot tr > th:first-child {
    border-left: none
}

.ui.table tfoot tr:first-child > th:first-child {
    border-radius: 0 0 0 .28571429rem
}

.ui.table tfoot tr:first-child > th:last-child {
    border-radius: 0 0 .28571429rem 0
}

.ui.table tfoot tr:first-child > th:only-child {
    border-radius: 0 0 .28571429rem .28571429rem
}

.ui.table tr td {
    border-top: 1px solid rgba(34, 36, 38, .1)
}

.ui.table tr:first-child td {
    border-top: none
}

.ui.table tbody + tbody tr:first-child td {
    border-top: 1px solid rgba(34, 36, 38, .1)
}

.ui.table td {
    padding: .78571429em .78571429em;
    text-align: inherit
}

.ui.table > .icon {
    vertical-align: baseline
}

.ui.table > .icon:only-child {
    margin: 0
}

.ui.table.segment {
    padding: 0
}

.ui.table.segment:after {
    display: none
}

.ui.table.segment.stacked:after {
    display: block
}

@media only screen and (max-width: 767px) {
    .ui.table:not(.unstackable) {
        width: 100%
    }

    .ui.table:not(.unstackable) tbody, .ui.table:not(.unstackable) tr, .ui.table:not(.unstackable) tr > td, .ui.table:not(.unstackable) tr > th {
        width: auto !important;
        display: block !important
    }

    .ui.table:not(.unstackable) {
        padding: 0
    }

    .ui.table:not(.unstackable) thead {
        display: block
    }

    .ui.table:not(.unstackable) tfoot {
        display: block
    }

    .ui.table:not(.unstackable) tr {
        padding-top: 1em;
        padding-bottom: 1em;
        -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, .1) inset !important;
        box-shadow: 0 -1px 0 0 rgba(0, 0, 0, .1) inset !important
    }

    .ui.table:not(.unstackable) tr > td, .ui.table:not(.unstackable) tr > th {
        background: 0 0;
        border: none !important;
        padding: .25em .75em !important;
        -webkit-box-shadow: none !important;
        box-shadow: none !important
    }

    .ui.table:not(.unstackable) td:first-child, .ui.table:not(.unstackable) th:first-child {
        font-weight: 700
    }

    .ui.definition.table:not(.unstackable) thead th:first-child {
        -webkit-box-shadow: none !important;
        box-shadow: none !important
    }
}

.ui.table td .image, .ui.table td .image img, .ui.table th .image, .ui.table th .image img {
    max-width: none
}

.ui.structured.table {
    border-collapse: collapse
}

.ui.structured.table thead th {
    border-left: none;
    border-right: none
}

.ui.structured.sortable.table thead th {
    border-left: 1px solid rgba(34, 36, 38, .15);
    border-right: 1px solid rgba(34, 36, 38, .15)
}

.ui.structured.basic.table th {
    border-left: none;
    border-right: none
}

.ui.structured.celled.table tr td, .ui.structured.celled.table tr th {
    border-left: 1px solid rgba(34, 36, 38, .1);
    border-right: 1px solid rgba(34, 36, 38, .1)
}

.ui.definition.table thead:not(.full-width) th:first-child {
    pointer-events: none;
    background: 0 0;
    font-weight: 400;
    color: rgba(0, 0, 0, .4);
    -webkit-box-shadow: -1px -1px 0 1px #fff;
    box-shadow: -1px -1px 0 1px #fff
}

.ui.definition.table tfoot:not(.full-width) th:first-child {
    pointer-events: none;
    background: 0 0;
    font-weight: rgba(0, 0, 0, .4);
    color: normal;
    -webkit-box-shadow: 1px 1px 0 1px #fff;
    box-shadow: 1px 1px 0 1px #fff
}

.ui.celled.definition.table thead:not(.full-width) th:first-child {
    -webkit-box-shadow: 0 -1px 0 1px #fff;
    box-shadow: 0 -1px 0 1px #fff
}

.ui.celled.definition.table tfoot:not(.full-width) th:first-child {
    -webkit-box-shadow: 0 1px 0 1px #fff;
    box-shadow: 0 1px 0 1px #fff
}

.ui.definition.table tr td.definition, .ui.definition.table tr td:first-child:not(.ignored) {
    background: rgba(0, 0, 0, .03);
    font-weight: 700;
    color: rgba(0, 0, 0, .95);
    text-transform: '';
    -webkit-box-shadow: '';
    box-shadow: '';
    text-align: '';
    font-size: 1em;
    padding-left: '';
    padding-right: ''
}

.ui.definition.table thead:not(.full-width) th:nth-child(2) {
    border-left: 1px solid rgba(34, 36, 38, .15)
}

.ui.definition.table tfoot:not(.full-width) th:nth-child(2) {
    border-left: 1px solid rgba(34, 36, 38, .15)
}

.ui.definition.table td:nth-child(2) {
    border-left: 1px solid rgba(34, 36, 38, .15)
}

.ui.table td.positive, .ui.table tr.positive {
    -webkit-box-shadow: 0 0 0 #a3c293 inset;
    box-shadow: 0 0 0 #a3c293 inset
}

.ui.table td.positive, .ui.table tr.positive {
    background: #fcfff5 !important;
    color: #2c662d !important
}

.ui.table td.negative, .ui.table tr.negative {
    -webkit-box-shadow: 0 0 0 #e0b4b4 inset;
    box-shadow: 0 0 0 #e0b4b4 inset
}

.ui.table td.negative, .ui.table tr.negative {
    background: #fff6f6 !important;
    color: #9f3a38 !important
}

.ui.table td.error, .ui.table tr.error {
    -webkit-box-shadow: 0 0 0 #e0b4b4 inset;
    box-shadow: 0 0 0 #e0b4b4 inset
}

.ui.table td.error, .ui.table tr.error {
    background: #fff6f6 !important;
    color: #9f3a38 !important
}

.ui.table td.warning, .ui.table tr.warning {
    -webkit-box-shadow: 0 0 0 #c9ba9b inset;
    box-shadow: 0 0 0 #c9ba9b inset
}

.ui.table td.warning, .ui.table tr.warning {
    background: #fffaf3 !important;
    color: #573a08 !important
}

.ui.table td.active, .ui.table tr.active {
    -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, .87) inset;
    box-shadow: 0 0 0 rgba(0, 0, 0, .87) inset
}

.ui.table td.active, .ui.table tr.active {
    background: #e0e0e0 !important;
    color: rgba(0, 0, 0, .87) !important
}

.ui.table tr td.disabled, .ui.table tr.disabled td, .ui.table tr.disabled:hover, .ui.table tr:hover td.disabled {
    pointer-events: none;
    color: rgba(40, 40, 40, .3)
}

@media only screen and (max-width: 991px) {
    .ui[class*="tablet stackable"].table, .ui[class*="tablet stackable"].table tbody, .ui[class*="tablet stackable"].table tr, .ui[class*="tablet stackable"].table tr > td, .ui[class*="tablet stackable"].table tr > th {
        width: 100% !important;
        display: block !important
    }

    .ui[class*="tablet stackable"].table {
        padding: 0
    }

    .ui[class*="tablet stackable"].table thead {
        display: block
    }

    .ui[class*="tablet stackable"].table tfoot {
        display: block
    }

    .ui[class*="tablet stackable"].table tr {
        padding-top: 1em;
        padding-bottom: 1em;
        -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, .1) inset !important;
        box-shadow: 0 -1px 0 0 rgba(0, 0, 0, .1) inset !important
    }

    .ui[class*="tablet stackable"].table tr > td, .ui[class*="tablet stackable"].table tr > th {
        background: 0 0;
        border: none !important;
        padding: .25em .75em;
        -webkit-box-shadow: none !important;
        box-shadow: none !important
    }

    .ui.definition[class*="tablet stackable"].table thead th:first-child {
        -webkit-box-shadow: none !important;
        box-shadow: none !important
    }
}

.ui.table [class*="left aligned"], .ui.table[class*="left aligned"] {
    text-align: left
}

.ui.table [class*="center aligned"], .ui.table[class*="center aligned"] {
    text-align: center
}

.ui.table [class*="right aligned"], .ui.table[class*="right aligned"] {
    text-align: right
}

.ui.table [class*="top aligned"], .ui.table[class*="top aligned"] {
    vertical-align: top
}

.ui.table [class*="middle aligned"], .ui.table[class*="middle aligned"] {
    vertical-align: middle
}

.ui.table [class*="bottom aligned"], .ui.table[class*="bottom aligned"] {
    vertical-align: bottom
}

.ui.table td.collapsing, .ui.table th.collapsing {
    width: 1px;
    white-space: nowrap
}

.ui.fixed.table {
    table-layout: fixed
}

.ui.fixed.table td, .ui.fixed.table th {
    overflow: hidden;
    text-overflow: ellipsis
}

.ui.selectable.table tbody tr:hover, .ui.table tbody tr td.selectable:hover {
    background: rgba(0, 0, 0, .05) !important;
    color: rgba(0, 0, 0, .95) !important
}

.ui.inverted.table tbody tr td.selectable:hover, .ui.selectable.inverted.table tbody tr:hover {
    background: rgba(255, 255, 255, .08) !important;
    color: #fff !important
}

.ui.table tbody tr td.selectable {
    padding: 0
}

.ui.table tbody tr td.selectable > a:not(.ui) {
    display: block;
    color: inherit;
    padding: .78571429em .78571429em
}

.ui.selectable.table tr.error:hover, .ui.selectable.table tr:hover td.error, .ui.table tr td.selectable.error:hover {
    background: #ffe7e7 !important;
    color: #943634 !important
}

.ui.selectable.table tr.warning:hover, .ui.selectable.table tr:hover td.warning, .ui.table tr td.selectable.warning:hover {
    background: #fff4e4 !important;
    color: #493107 !important
}

.ui.selectable.table tr.active:hover, .ui.selectable.table tr:hover td.active, .ui.table tr td.selectable.active:hover {
    background: #e0e0e0 !important;
    color: rgba(0, 0, 0, .87) !important
}

.ui.selectable.table tr.positive:hover, .ui.selectable.table tr:hover td.positive, .ui.table tr td.selectable.positive:hover {
    background: #f7ffe6 !important;
    color: #275b28 !important
}

.ui.selectable.table tr.negative:hover, .ui.selectable.table tr:hover td.negative, .ui.table tr td.selectable.negative:hover {
    background: #ffe7e7 !important;
    color: #943634 !important
}

.ui.attached.table {
    top: 0;
    bottom: 0;
    border-radius: 0;
    margin: 0 -1px;
    width: calc(100% - (-1px * 2));
    max-width: calc(100% - (-1px * 2));
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 1px solid #d4d4d5
}

.ui.attached + .ui.attached.table:not(.top) {
    border-top: none
}

.ui[class*="top attached"].table {
    bottom: 0;
    margin-bottom: 0;
    top: 0;
    margin-top: 1em;
    border-radius: .28571429rem .28571429rem 0 0
}

.ui.table[class*="top attached"]:first-child {
    margin-top: 0
}

.ui[class*="bottom attached"].table {
    bottom: 0;
    margin-top: 0;
    top: 0;
    margin-bottom: 1em;
    -webkit-box-shadow: none, none;
    box-shadow: none, none;
    border-radius: 0 0 .28571429rem .28571429rem
}

.ui[class*="bottom attached"].table:last-child {
    margin-bottom: 0
}

.ui.striped.table tbody tr:nth-child(2n), .ui.striped.table > tr:nth-child(2n) {
    background-color: rgba(0, 0, 50, .02)
}

.ui.inverted.striped.table tbody tr:nth-child(2n), .ui.inverted.striped.table > tr:nth-child(2n) {
    background-color: rgba(255, 255, 255, .05)
}

.ui.striped.selectable.selectable.selectable.table tbody tr.active:hover {
    background: #efefef !important;
    color: rgba(0, 0, 0, .95) !important
}

.ui.table [class*="single line"], .ui.table[class*="single line"] {
    white-space: nowrap
}

.ui.table [class*="single line"], .ui.table[class*="single line"] {
    white-space: nowrap
}

.ui.red.table {
    border-top: .2em solid #db2828
}

.ui.inverted.red.table {
    background-color: #db2828 !important;
    color: #fff !important
}

.ui.orange.table {
    border-top: .2em solid #f2711c
}

.ui.inverted.orange.table {
    background-color: #f2711c !important;
    color: #fff !important
}

.ui.yellow.table {
    border-top: .2em solid #fbbd08
}

.ui.inverted.yellow.table {
    background-color: #fbbd08 !important;
    color: #fff !important
}

.ui.olive.table {
    border-top: .2em solid #b5cc18
}

.ui.inverted.olive.table {
    background-color: #b5cc18 !important;
    color: #fff !important
}

.ui.green.table {
    border-top: .2em solid #21ba45
}

.ui.inverted.green.table {
    background-color: #21ba45 !important;
    color: #fff !important
}

.ui.teal.table {
    border-top: .2em solid #00b5ad
}

.ui.inverted.teal.table {
    background-color: #00b5ad !important;
    color: #fff !important
}

.ui.blue.table {
    border-top: .2em solid #2185d0
}

.ui.inverted.blue.table {
    background-color: #2185d0 !important;
    color: #fff !important
}

.ui.violet.table {
    border-top: .2em solid #6435c9
}

.ui.inverted.violet.table {
    background-color: #6435c9 !important;
    color: #fff !important
}

.ui.purple.table {
    border-top: .2em solid #a333c8
}

.ui.inverted.purple.table {
    background-color: #a333c8 !important;
    color: #fff !important
}

.ui.pink.table {
    border-top: .2em solid #e03997
}

.ui.inverted.pink.table {
    background-color: #e03997 !important;
    color: #fff !important
}

.ui.brown.table {
    border-top: .2em solid #a5673f
}

.ui.inverted.brown.table {
    background-color: #a5673f !important;
    color: #fff !important
}

.ui.grey.table {
    border-top: .2em solid #767676
}

.ui.inverted.grey.table {
    background-color: #767676 !important;
    color: #fff !important
}

.ui.black.table {
    border-top: .2em solid #1b1c1d
}

.ui.inverted.black.table {
    background-color: #1b1c1d !important;
    color: #fff !important
}

.ui.one.column.table td {
    width: 100%
}

.ui.two.column.table td {
    width: 50%
}

.ui.three.column.table td {
    width: 33.33333333%
}

.ui.four.column.table td {
    width: 25%
}

.ui.five.column.table td {
    width: 20%
}

.ui.six.column.table td {
    width: 16.66666667%
}

.ui.seven.column.table td {
    width: 14.28571429%
}

.ui.eight.column.table td {
    width: 12.5%
}

.ui.nine.column.table td {
    width: 11.11111111%
}

.ui.ten.column.table td {
    width: 10%
}

.ui.eleven.column.table td {
    width: 9.09090909%
}

.ui.twelve.column.table td {
    width: 8.33333333%
}

.ui.thirteen.column.table td {
    width: 7.69230769%
}

.ui.fourteen.column.table td {
    width: 7.14285714%
}

.ui.fifteen.column.table td {
    width: 6.66666667%
}

.ui.sixteen.column.table td {
    width: 6.25%
}

.ui.table td.one.wide, .ui.table th.one.wide {
    width: 6.25%
}

.ui.table td.two.wide, .ui.table th.two.wide {
    width: 12.5%
}

.ui.table td.three.wide, .ui.table th.three.wide {
    width: 18.75%
}

.ui.table td.four.wide, .ui.table th.four.wide {
    width: 25%
}

.ui.table td.five.wide, .ui.table th.five.wide {
    width: 31.25%
}

.ui.table td.six.wide, .ui.table th.six.wide {
    width: 37.5%
}

.ui.table td.seven.wide, .ui.table th.seven.wide {
    width: 43.75%
}

.ui.table td.eight.wide, .ui.table th.eight.wide {
    width: 50%
}

.ui.table td.nine.wide, .ui.table th.nine.wide {
    width: 56.25%
}

.ui.table td.ten.wide, .ui.table th.ten.wide {
    width: 62.5%
}

.ui.table td.eleven.wide, .ui.table th.eleven.wide {
    width: 68.75%
}

.ui.table td.twelve.wide, .ui.table th.twelve.wide {
    width: 75%
}

.ui.table td.thirteen.wide, .ui.table th.thirteen.wide {
    width: 81.25%
}

.ui.table td.fourteen.wide, .ui.table th.fourteen.wide {
    width: 87.5%
}

.ui.table td.fifteen.wide, .ui.table th.fifteen.wide {
    width: 93.75%
}

.ui.table td.sixteen.wide, .ui.table th.sixteen.wide {
    width: 100%
}

.ui.sortable.table thead th {
    cursor: pointer;
    white-space: nowrap;
    border-left: 1px solid rgba(34, 36, 38, .15);
    color: rgba(0, 0, 0, .87)
}

.ui.sortable.table thead th:first-child {
    border-left: none
}

.ui.sortable.table thead th.sorted, .ui.sortable.table thead th.sorted:hover {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.ui.sortable.table thead th:after {
    display: none;
    font-style: normal;
    font-weight: 400;
    text-decoration: inherit;
    content: '';
    height: 1em;
    width: auto;
    opacity: .8;
    margin: 0 0 0 .5em;
    font-family: Icons
}

.ui.sortable.table thead th.ascending:after {
    content: '\f0d8'
}

.ui.sortable.table thead th.descending:after {
    content: '\f0d7'
}

.ui.sortable.table th.disabled:hover {
    cursor: auto;
    color: rgba(40, 40, 40, .3)
}

.ui.sortable.table thead th:hover {
    background: rgba(0, 0, 0, .05);
    color: rgba(0, 0, 0, .8)
}

.ui.sortable.table thead th.sorted {
    background: rgba(0, 0, 0, .05);
    color: rgba(0, 0, 0, .95)
}

.ui.sortable.table thead th.sorted:after {
    display: inline-block
}

.ui.sortable.table thead th.sorted:hover {
    background: rgba(0, 0, 0, .05);
    color: rgba(0, 0, 0, .95)
}

.ui.inverted.sortable.table thead th.sorted {
    background: rgba(255, 255, 255, .15) -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(0, 0, 0, .05)));
    background: rgba(255, 255, 255, .15) linear-gradient(transparent, rgba(0, 0, 0, .05));
    color: #fff
}

.ui.inverted.sortable.table thead th:hover {
    background: rgba(255, 255, 255, .08) -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(0, 0, 0, .05)));
    background: rgba(255, 255, 255, .08) linear-gradient(transparent, rgba(0, 0, 0, .05));
    color: #fff
}

.ui.inverted.sortable.table thead th {
    border-left-color: transparent;
    border-right-color: transparent
}

.ui.inverted.table {
    background: #333;
    color: rgba(255, 255, 255, .9);
    border: none
}

.ui.inverted.table th {
    background-color: rgba(0, 0, 0, .15);
    border-color: rgba(255, 255, 255, .1) !important;
    color: rgba(255, 255, 255, .9) !important
}

.ui.inverted.table tr td {
    border-color: rgba(255, 255, 255, .1) !important
}

.ui.inverted.table tr td.disabled, .ui.inverted.table tr.disabled td, .ui.inverted.table tr.disabled:hover td, .ui.inverted.table tr:hover td.disabled {
    pointer-events: none;
    color: rgba(225, 225, 225, .3)
}

.ui.inverted.definition.table tfoot:not(.full-width) th:first-child, .ui.inverted.definition.table thead:not(.full-width) th:first-child {
    background: #fff
}

.ui.inverted.definition.table tr td:first-child {
    background: rgba(255, 255, 255, .02);
    color: #fff
}

.ui.collapsing.table {
    width: auto
}

.ui.basic.table {
    background: 0 0;
    border: 1px solid rgba(34, 36, 38, .15);
    -webkit-box-shadow: none;
    box-shadow: none
}

.ui.basic.table tfoot, .ui.basic.table thead {
    -webkit-box-shadow: none;
    box-shadow: none
}

.ui.basic.table th {
    background: 0 0;
    border-left: none
}

.ui.basic.table tbody tr {
    border-bottom: 1px solid rgba(0, 0, 0, .1)
}

.ui.basic.table td {
    background: 0 0
}

.ui.basic.striped.table tbody tr:nth-child(2n) {
    background-color: rgba(0, 0, 0, .05) !important
}

.ui[class*="very basic"].table {
    border: none
}

.ui[class*="very basic"].table:not(.sortable):not(.striped) td, .ui[class*="very basic"].table:not(.sortable):not(.striped) th {
    padding: ''
}

.ui[class*="very basic"].table:not(.sortable):not(.striped) td:first-child, .ui[class*="very basic"].table:not(.sortable):not(.striped) th:first-child {
    padding-left: 0
}

.ui[class*="very basic"].table:not(.sortable):not(.striped) td:last-child, .ui[class*="very basic"].table:not(.sortable):not(.striped) th:last-child {
    padding-right: 0
}

.ui[class*="very basic"].table:not(.sortable):not(.striped) thead tr:first-child th {
    padding-top: 0
}

.ui.celled.table tr td, .ui.celled.table tr th {
    border-left: 1px solid rgba(34, 36, 38, .1)
}

.ui.celled.table tr td:first-child, .ui.celled.table tr th:first-child {
    border-left: none
}

.ui.padded.table th {
    padding-left: 1em;
    padding-right: 1em
}

.ui.padded.table td, .ui.padded.table th {
    padding: 1em 1em
}

.ui[class*="very padded"].table th {
    padding-left: 1.5em;
    padding-right: 1.5em
}

.ui[class*="very padded"].table td {
    padding: 1.5em 1.5em
}

.ui.compact.table th {
    padding-left: .7em;
    padding-right: .7em
}

.ui.compact.table td {
    padding: .5em .7em
}

.ui[class*="very compact"].table th {
    padding-left: .6em;
    padding-right: .6em
}

.ui[class*="very compact"].table td {
    padding: .4em .6em
}

.ui.small.table {
    font-size: .9em
}

.ui.table {
    font-size: 1em
}

.ui.large.table {
    font-size: 1.1em
}

@media only screen and (min-width: 1199px) {
    .c-hide-up-m, .c-hide-up-s, .c-hide-up-t {
        display: none !important
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .c-hide-down-d, .c-hide-up-m, .c-hide-up-t {
        display: none !important
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .c-hide-down-d, .c-hide-down-s, .c-hide-up-m {
        display: none !important
    }
}

@media only screen and (max-width: 767px) {
    .c-hide-down-d, .c-hide-down-s, .c-hide-down-t {
        display: none !important
    }
}

.c-ratio {
    width: 100% !important;
    overflow: hidden;
    position: relative;
    display: block
}

.c-ratio:before {
    display: block;
    content: " ";
    width: 100%
}

.c-ratio > .block {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.c-ratio > .image {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 100%
}

.c-ratio > .image.contain.landscape, .c-ratio > .image.contain.portrait, .c-ratio > .image.cover.landscape, .c-ratio > .image.cover.portrait {
    display: block !important;
    text-align: center
}

.c-ratio > .image.contain.landscape img {
    width: 100% !important;
    height: auto !important;
    max-height: none !important
}

.c-ratio > .image.contain.portrait img {
    height: 100% !important;
    width: auto !important;
    max-width: none !important
}

.c-ratio > .image.cover.landscape img {
    height: 100% !important;
    width: auto !important;
    max-width: none !important
}

.c-ratio > .image.cover.portrait img {
    width: 100% !important;
    height: auto !important;
    max-height: none !important
}

.c-ratio > .image img {
    max-height: 100%;
    max-width: 100%
}

.c-ratio > .video {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.c-ratio > .bg {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-repeat: no-repeat !important;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 2em;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.c-ratio > .bg._darken:before {
    content: ' ';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(0, 0, 0, 0)), color-stop(26%, rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, .65)));
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0) 26%, rgba(0, 0, 0, .65) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#a6000000', GradientType=0)
}

.c-ratio > .bg.contain {
    background-size: contain !important
}

.c-ratio > .bg.cover {
    background-size: cover !important
}

.c-ratio > .bg._without {
    background-size: auto !important
}

.c-ratio > .bg img {
    width: 0 !important;
    height: 0 !important
}

.c-ratio._ratio-5:before {
    padding: 5% 0 0 0 !important
}

.c-ratio._ratio-10:before {
    padding: 10% 0 0 0 !important
}

.c-ratio._ratio-15:before {
    padding: 15% 0 0 0 !important
}

.c-ratio._ratio-20:before {
    padding: 20% 0 0 0 !important
}

.c-ratio._ratio-25:before {
    padding: 25% 0 0 0 !important
}

.c-ratio._ratio-30:before {
    padding: 30% 0 0 0 !important
}

.c-ratio._ratio-35:before {
    padding: 35% 0 0 0 !important
}

.c-ratio._ratio-40:before {
    padding: 40% 0 0 0 !important
}

.c-ratio._ratio-45:before {
    padding: 45% 0 0 0 !important
}

.c-ratio._ratio-50:before {
    padding: 50% 0 0 0 !important
}

.c-ratio._ratio-55:before {
    padding: 55% 0 0 0 !important
}

.c-ratio._ratio-60:before {
    padding: 60% 0 0 0 !important
}

.c-ratio._ratio-65:before {
    padding: 65% 0 0 0 !important
}

.c-ratio._ratio-70:before {
    padding: 70% 0 0 0 !important
}

.c-ratio._ratio-75:before {
    padding: 75% 0 0 0 !important
}

.c-ratio._ratio-80:before {
    padding: 80% 0 0 0 !important
}

.c-ratio._ratio-85:before {
    padding: 85% 0 0 0 !important
}

.c-ratio._ratio-90:before {
    padding: 90% 0 0 0 !important
}

.c-ratio._ratio-91:before {
    padding: 91% 0 0 0 !important
}

.c-ratio._ratio-95:before {
    padding: 95% 0 0 0 !important
}

.c-ratio._ratio-100:before {
    padding: 100% 0 0 0 !important
}

.c-ratio._ratio-105:before {
    padding: 105% 0 0 0 !important
}

.c-ratio._ratio-110:before {
    padding: 110% 0 0 0 !important
}

.c-ratio._ratio-115:before {
    padding: 115% 0 0 0 !important
}

.c-ratio._ratio-120:before {
    padding: 120% 0 0 0 !important
}

.c-ratio._ratio-125:before {
    padding: 125% 0 0 0 !important
}

.c-ratio._ratio-130:before {
    padding: 130% 0 0 0 !important
}

.c-ratio._ratio-135:before {
    padding: 135% 0 0 0 !important
}

.c-ratio._ratio-140:before {
    padding: 140% 0 0 0 !important
}

.c-ratio._ratio-145:before {
    padding: 145% 0 0 0 !important
}

.c-ratio._ratio-150:before {
    padding: 150% 0 0 0 !important
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .c-ratio._ratio-s-5:before {
        padding: 5% 0 0 0 !important
    }

    .c-ratio._ratio-s-10:before {
        padding: 10% 0 0 0 !important
    }

    .c-ratio._ratio-s-15:before {
        padding: 15% 0 0 0 !important
    }

    .c-ratio._ratio-s-20:before {
        padding: 20% 0 0 0 !important
    }

    .c-ratio._ratio-s-25:before {
        padding: 25% 0 0 0 !important
    }

    .c-ratio._ratio-s-30:before {
        padding: 30% 0 0 0 !important
    }

    .c-ratio._ratio-s-35:before {
        padding: 35% 0 0 0 !important
    }

    .c-ratio._ratio-s-40:before {
        padding: 40% 0 0 0 !important
    }

    .c-ratio._ratio-s-45:before {
        padding: 45% 0 0 0 !important
    }

    .c-ratio._ratio-s-50:before {
        padding: 50% 0 0 0 !important
    }

    .c-ratio._ratio-s-55:before {
        padding: 55% 0 0 0 !important
    }

    .c-ratio._ratio-s-60:before {
        padding: 60% 0 0 0 !important
    }

    .c-ratio._ratio-s-65:before {
        padding: 65% 0 0 0 !important
    }

    .c-ratio._ratio-s-70:before {
        padding: 70% 0 0 0 !important
    }

    .c-ratio._ratio-s-75:before {
        padding: 75% 0 0 0 !important
    }

    .c-ratio._ratio-s-80:before {
        padding: 80% 0 0 0 !important
    }

    .c-ratio._ratio-s-85:before {
        padding: 85% 0 0 0 !important
    }

    .c-ratio._ratio-s-90:before {
        padding: 90% 0 0 0 !important
    }

    .c-ratio._ratio-s-91:before {
        padding: 91% 0 0 0 !important
    }

    .c-ratio._ratio-s-95:before {
        padding: 95% 0 0 0 !important
    }

    .c-ratio._ratio-s-100:before {
        padding: 100% 0 0 0 !important
    }

    .c-ratio._ratio-s-105:before {
        padding: 105% 0 0 0 !important
    }

    .c-ratio._ratio-s-110:before {
        padding: 110% 0 0 0 !important
    }

    .c-ratio._ratio-s-115:before {
        padding: 115% 0 0 0 !important
    }

    .c-ratio._ratio-s-120:before {
        padding: 120% 0 0 0 !important
    }

    .c-ratio._ratio-s-125:before {
        padding: 125% 0 0 0 !important
    }

    .c-ratio._ratio-s-130:before {
        padding: 130% 0 0 0 !important
    }

    .c-ratio._ratio-s-135:before {
        padding: 135% 0 0 0 !important
    }

    .c-ratio._ratio-s-140:before {
        padding: 140% 0 0 0 !important
    }

    .c-ratio._ratio-s-145:before {
        padding: 145% 0 0 0 !important
    }

    .c-ratio._ratio-s-150:before {
        padding: 150% 0 0 0 !important
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .c-ratio._ratio-t-5:before {
        padding: 5% 0 0 0 !important
    }

    .c-ratio._ratio-t-10:before {
        padding: 10% 0 0 0 !important
    }

    .c-ratio._ratio-t-15:before {
        padding: 15% 0 0 0 !important
    }

    .c-ratio._ratio-t-20:before {
        padding: 20% 0 0 0 !important
    }

    .c-ratio._ratio-t-25:before {
        padding: 25% 0 0 0 !important
    }

    .c-ratio._ratio-t-30:before {
        padding: 30% 0 0 0 !important
    }

    .c-ratio._ratio-t-35:before {
        padding: 35% 0 0 0 !important
    }

    .c-ratio._ratio-t-40:before {
        padding: 40% 0 0 0 !important
    }

    .c-ratio._ratio-t-45:before {
        padding: 45% 0 0 0 !important
    }

    .c-ratio._ratio-t-50:before {
        padding: 50% 0 0 0 !important
    }

    .c-ratio._ratio-t-55:before {
        padding: 55% 0 0 0 !important
    }

    .c-ratio._ratio-t-60:before {
        padding: 60% 0 0 0 !important
    }

    .c-ratio._ratio-t-65:before {
        padding: 65% 0 0 0 !important
    }

    .c-ratio._ratio-t-70:before {
        padding: 70% 0 0 0 !important
    }

    .c-ratio._ratio-t-75:before {
        padding: 75% 0 0 0 !important
    }

    .c-ratio._ratio-t-80:before {
        padding: 80% 0 0 0 !important
    }

    .c-ratio._ratio-t-85:before {
        padding: 85% 0 0 0 !important
    }

    .c-ratio._ratio-t-90:before {
        padding: 90% 0 0 0 !important
    }

    .c-ratio._ratio-t-91:before {
        padding: 91% 0 0 0 !important
    }

    .c-ratio._ratio-t-95:before {
        padding: 95% 0 0 0 !important
    }

    .c-ratio._ratio-t-100:before {
        padding: 100% 0 0 0 !important
    }

    .c-ratio._ratio-t-105:before {
        padding: 105% 0 0 0 !important
    }

    .c-ratio._ratio-t-110:before {
        padding: 110% 0 0 0 !important
    }

    .c-ratio._ratio-t-115:before {
        padding: 115% 0 0 0 !important
    }

    .c-ratio._ratio-t-120:before {
        padding: 120% 0 0 0 !important
    }

    .c-ratio._ratio-t-125:before {
        padding: 125% 0 0 0 !important
    }

    .c-ratio._ratio-t-130:before {
        padding: 130% 0 0 0 !important
    }

    .c-ratio._ratio-t-135:before {
        padding: 135% 0 0 0 !important
    }

    .c-ratio._ratio-t-140:before {
        padding: 140% 0 0 0 !important
    }

    .c-ratio._ratio-t-145:before {
        padding: 145% 0 0 0 !important
    }

    .c-ratio._ratio-t-150:before {
        padding: 150% 0 0 0 !important
    }
}

@media only screen and (max-width: 767px) {
    .c-ratio._ratio-m-5:before {
        padding: 5% 0 0 0 !important
    }

    .c-ratio._ratio-m-10:before {
        padding: 10% 0 0 0 !important
    }

    .c-ratio._ratio-m-15:before {
        padding: 15% 0 0 0 !important
    }

    .c-ratio._ratio-m-20:before {
        padding: 20% 0 0 0 !important
    }

    .c-ratio._ratio-m-25:before {
        padding: 25% 0 0 0 !important
    }

    .c-ratio._ratio-m-30:before {
        padding: 30% 0 0 0 !important
    }

    .c-ratio._ratio-m-35:before {
        padding: 35% 0 0 0 !important
    }

    .c-ratio._ratio-m-40:before {
        padding: 40% 0 0 0 !important
    }

    .c-ratio._ratio-m-45:before {
        padding: 45% 0 0 0 !important
    }

    .c-ratio._ratio-m-50:before {
        padding: 50% 0 0 0 !important
    }

    .c-ratio._ratio-m-55:before {
        padding: 55% 0 0 0 !important
    }

    .c-ratio._ratio-m-60:before {
        padding: 60% 0 0 0 !important
    }

    .c-ratio._ratio-m-65:before {
        padding: 65% 0 0 0 !important
    }

    .c-ratio._ratio-m-70:before {
        padding: 70% 0 0 0 !important
    }

    .c-ratio._ratio-m-75:before {
        padding: 75% 0 0 0 !important
    }

    .c-ratio._ratio-m-80:before {
        padding: 80% 0 0 0 !important
    }

    .c-ratio._ratio-m-85:before {
        padding: 85% 0 0 0 !important
    }

    .c-ratio._ratio-m-90:before {
        padding: 90% 0 0 0 !important
    }

    .c-ratio._ratio-m-91:before {
        padding: 91% 0 0 0 !important
    }

    .c-ratio._ratio-m-95:before {
        padding: 95% 0 0 0 !important
    }

    .c-ratio._ratio-m-100:before {
        padding: 100% 0 0 0 !important
    }

    .c-ratio._ratio-m-105:before {
        padding: 105% 0 0 0 !important
    }

    .c-ratio._ratio-m-110:before {
        padding: 110% 0 0 0 !important
    }

    .c-ratio._ratio-m-115:before {
        padding: 115% 0 0 0 !important
    }

    .c-ratio._ratio-m-120:before {
        padding: 120% 0 0 0 !important
    }

    .c-ratio._ratio-m-125:before {
        padding: 125% 0 0 0 !important
    }

    .c-ratio._ratio-m-130:before {
        padding: 130% 0 0 0 !important
    }

    .c-ratio._ratio-m-135:before {
        padding: 135% 0 0 0 !important
    }

    .c-ratio._ratio-m-140:before {
        padding: 140% 0 0 0 !important
    }

    .c-ratio._ratio-m-145:before {
        padding: 145% 0 0 0 !important
    }

    .c-ratio._ratio-m-150:before {
        padding: 150% 0 0 0 !important
    }
}

[data-owl-carousel] .owl-nav {
    -webkit-tap-highlight-color: transparent
}

[data-owl-carousel] .owl-nav [class*=owl-] {
    color: #FFF;
    font-size: 1.5em;
    margin: 0;
    padding: 7px 5px;
    background: rgba(0, 0, 0, .6);
    display: inline-block;
    cursor: pointer;
    border-radius: 3px;
    -webkit-transition: all .3s;
    transition: all .3s
}

[data-owl-carousel] .owl-nav [class*=owl-]:hover {
    opacity: 1
}

[data-owl-carousel] .owl-nav .disabled {
    opacity: .5;
    cursor: default
}

[data-owl-carousel] .owl-nav {
    position: absolute;
    bottom: 33%;
    right: -80px
}

@media only screen and (max-width: 800px) {
    [data-owl-carousel] .owl-nav {
        bottom: -3em;
        right: 0
    }
}

[data-owl-carousel] .owl-nav .owl-next, [data-owl-carousel] .owl-nav .owl-prev {
    text-align: center;
    margin-top: 1em;
    background: 0 0 !important;
    width: 40px;
    height: 50px;
    display: inline-block;
    outline: 0
}

[data-owl-carousel] .owl-nav .owl-next:first-child, [data-owl-carousel] .owl-nav .owl-prev:first-child {
    padding-right: 5px
}

[data-owl-carousel] .owl-nav .owl-next:last-child, [data-owl-carousel] .owl-nav .owl-prev:last-child {
    padding-left: 5px
}

[data-owl-carousel] .owl-nav .owl-next:not([aria-disabled=true]), [data-owl-carousel] .owl-nav .owl-prev:not([aria-disabled=true]) {
    cursor: pointer
}

[data-owl-carousel] .owl-nav .owl-next svg, [data-owl-carousel] .owl-nav .owl-prev svg {
    width: 12px;
    height: 18px
}

[data-owl-carousel] .owl-nav .owl-next svg g, [data-owl-carousel] .owl-nav .owl-prev svg g {
    -webkit-transition: all .2s;
    transition: all .2s
}

[data-owl-carousel] .owl-nav .owl-next[aria-disabled=true] svg g, [data-owl-carousel] .owl-nav .owl-prev[aria-disabled=true] svg g {
    stroke: rgba(162, 159, 151, .5)
}

[data-owl-carousel] .owl-nav .owl-next:not(.disabled):hover svg g, [data-owl-carousel] .owl-nav .owl-prev:not(.disabled):hover svg g {
    stroke: #d4d0c7
}

[data-owl-carousel]._nav-top {
    position: relative
}

[data-owl-carousel]._nav-top .owl-nav {
    width: 100%;
    position: absolute;
    top: 0;
    margin-top: -25px
}

[data-owl-carousel]._nav-top .owl-nav .owl-prev {
    left: 5px;
    position: absolute
}

[data-owl-carousel]._nav-top .owl-nav .owl-next {
    right: 5px;
    position: absolute
}

[data-owl-carousel]._nav-center {
    position: relative
}

[data-owl-carousel]._nav-center .owl-nav {
    width: 100%;
    position: absolute;
    top: 50%;
    margin-top: -25px
}

[data-owl-carousel]._nav-center .owl-nav .owl-prev {
    left: 5px;
    position: absolute
}

[data-owl-carousel]._nav-center .owl-nav .owl-next {
    right: 5px;
    position: absolute
}

[data-owl-carousel] .owl-nav.disabled + .owl-dots {
    margin-top: 10px
}

[data-owl-carousel] .owl-dots {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    width: auto !important;
    right: 250px;
    position: absolute;
    bottom: 5em;
    text-align: center;
    -webkit-tap-highlight-color: transparent;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 1.3em
}

@media only screen and (max-width: 767px) {
    [data-owl-carousel] .owl-dots {
        width: auto !important;
        margin-left: 1.5em !important;
        margin-right: 1.5em !important;
        bottom: 2em
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    [data-owl-carousel] .owl-dots {
        width: 725px;
        margin-left: auto !important;
        margin-right: auto !important
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    [data-owl-carousel] .owl-dots {
        width: 95%;
        margin-left: auto !important;
        margin-right: auto !important
    }
}

@media only screen and (min-width: 1200px) {
    [data-owl-carousel] .owl-dots {
        width: 1131px;
        margin-left: auto !important;
        margin-right: auto !important
    }
}

[data-owl-carousel] .owl-dots .owl-dot {
    display: inline-block;
    zoom: 1;
    outline: 0
}

[data-owl-carousel] .owl-dots .owl-dot span {
    width: 14px;
    height: 14px;
    margin: 5px 7px;
    background: #D6D6D6;
    display: block;
    -webkit-transition: opacity .2s ease;
    transition: opacity .2s ease;
    border-radius: 30px
}

[data-owl-carousel] .owl-dots .owl-dot.active span {
    width: 14px;
    height: 14px;
    background: #e9a02c
}

.a-text._left {
    text-align: left !important
}

.a-text._center {
    text-align: center !important
}

.a-text._right {
    text-align: right !important
}

.a-text._full, .a-text._justify {
    text-align: justify !important
}

.a-text._nowrap {
    white-space: nowrap !important
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .a-text._s-left {
        text-align: left !important
    }

    .a-text._s-center {
        text-align: center !important
    }

    .a-text._s-right {
        text-align: right !important
    }

    .a-text._s-full, .a-text._s-justify {
        text-align: justify !important
    }

    .a-text._s-nowrap {
        white-space: nowrap !important
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .a-text._t-left {
        text-align: left !important
    }

    .a-text._t-center {
        text-align: center !important
    }

    .a-text._t-right {
        text-align: right !important
    }

    .a-text._t-full, .a-text._t-justify {
        text-align: justify !important
    }

    .a-text._t-nowrap {
        white-space: nowrap !important
    }
}

@media only screen and (max-width: 767px) {
    .a-text._m-left {
        text-align: left !important
    }

    .a-text._m-center {
        text-align: center !important
    }

    .a-text._m-right {
        text-align: right !important
    }

    .a-text._m-full, .a-text._m-justify {
        text-align: justify !important
    }

    .a-text._m-nowrap {
        white-space: nowrap !important
    }
}

.a-text._down, .a-text._lowercase {
    text-transform: lowercase !important
}

.a-text._up, .a-text._uppercase {
    text-transform: uppercase !important
}

.a-text._cap, .a-text._capitalize {
    text-transform: capitalize !important
}

.a-text._underline {
    text-decoration: underline !important
}

.a-text._thin {
    font-weight: 300 !important
}

.a-text._bold {
    font-weight: 700 !important
}

.a-text._primary {
    color: #e9a02c !important
}

.a-text._secondary {
    color: #412e50 !important
}

.a-text._white {
    color: #eaece5 !important
}

.a-text._r-white {
    color: #fff !important
}

.a-text.yellow {
    color: #f3ede4 !important
}

.a-text._fs-1 {
    font-size: .1em !important;
    line-height: .1em !important
}

.a-text._fs-2 {
    font-size: .2em !important;
    line-height: .2em !important
}

.a-text._fs-3 {
    font-size: .3em !important;
    line-height: .3em !important
}

.a-text._fs-4 {
    font-size: .4em !important;
    line-height: .4em !important
}

.a-text._fs-5 {
    font-size: .5em !important;
    line-height: .5em !important
}

.a-text._fs-6 {
    font-size: .6em !important;
    line-height: .6em !important
}

.a-text._fs-7 {
    font-size: .7em !important;
    line-height: .7em !important
}

.a-text._fs-8 {
    font-size: .8em !important;
    line-height: .8em !important
}

.a-text._fs-9 {
    font-size: .9em !important;
    line-height: .9em !important
}

.a-text._fs-10 {
    font-size: 1em !important;
    line-height: 1em !important
}

.a-text._fs-11 {
    font-size: 1.1em !important;
    line-height: 1.1em !important
}

.a-text._fs-12 {
    font-size: 1.2em !important;
    line-height: 1.2em !important
}

.a-text._fs-13 {
    font-size: 1.3em !important;
    line-height: 1.3em !important
}

.a-text._fs-14 {
    font-size: 1.4em !important;
    line-height: 1.4em !important
}

.a-text._fs-15 {
    font-size: 1.5em !important;
    line-height: 1.5em !important
}

.a-text._fs-16 {
    font-size: 1.6em !important;
    line-height: 1.6em !important
}

.a-text._fs-17 {
    font-size: 1.7em !important;
    line-height: 1.7em !important
}

.a-text._fs-18 {
    font-size: 1.8em !important;
    line-height: 1.8em !important
}

.a-text._fs-19 {
    font-size: 1.9em !important;
    line-height: 1.9em !important
}

.a-text._fs-20 {
    font-size: 2em !important;
    line-height: 2em !important
}

.a-p-0 {
    padding: 0 !important
}

.a-pt-0 {
    padding-top: 0 !important
}

.a-pr-0 {
    padding-right: 0 !important
}

.a-pb-0 {
    padding-bottom: 0 !important
}

.a-pl-0 {
    padding-left: 0 !important
}

.a-p-1 {
    padding: .1em !important
}

.a-pt-1 {
    padding-top: .1em !important
}

.a-pr-1 {
    padding-right: .1em !important
}

.a-pb-1 {
    padding-bottom: .1em !important
}

.a-pl-1 {
    padding-left: .1em !important
}

.a-p-2 {
    padding: .2em !important
}

.a-pt-2 {
    padding-top: .2em !important
}

.a-pr-2 {
    padding-right: .2em !important
}

.a-pb-2 {
    padding-bottom: .2em !important
}

.a-pl-2 {
    padding-left: .2em !important
}

.a-p-3 {
    padding: .3em !important
}

.a-pt-3 {
    padding-top: .3em !important
}

.a-pr-3 {
    padding-right: .3em !important
}

.a-pb-3 {
    padding-bottom: .3em !important
}

.a-pl-3 {
    padding-left: .3em !important
}

.a-p-4 {
    padding: .4em !important
}

.a-pt-4 {
    padding-top: .4em !important
}

.a-pr-4 {
    padding-right: .4em !important
}

.a-pb-4 {
    padding-bottom: .4em !important
}

.a-pl-4 {
    padding-left: .4em !important
}

.a-p-5 {
    padding: .5em !important
}

.a-pt-5 {
    padding-top: .5em !important
}

.a-pr-5 {
    padding-right: .5em !important
}

.a-pb-5 {
    padding-bottom: .5em !important
}

.a-pl-5 {
    padding-left: .5em !important
}

.a-p-6 {
    padding: .6em !important
}

.a-pt-6 {
    padding-top: .6em !important
}

.a-pr-6 {
    padding-right: .6em !important
}

.a-pb-6 {
    padding-bottom: .6em !important
}

.a-pl-6 {
    padding-left: .6em !important
}

.a-p-7 {
    padding: .7em !important
}

.a-pt-7 {
    padding-top: .7em !important
}

.a-pr-7 {
    padding-right: .7em !important
}

.a-pb-7 {
    padding-bottom: .7em !important
}

.a-pl-7 {
    padding-left: .7em !important
}

.a-p-8 {
    padding: .8em !important
}

.a-pt-8 {
    padding-top: .8em !important
}

.a-pr-8 {
    padding-right: .8em !important
}

.a-pb-8 {
    padding-bottom: .8em !important
}

.a-pl-8 {
    padding-left: .8em !important
}

.a-p-9 {
    padding: .9em !important
}

.a-pt-9 {
    padding-top: .9em !important
}

.a-pr-9 {
    padding-right: .9em !important
}

.a-pb-9 {
    padding-bottom: .9em !important
}

.a-pl-9 {
    padding-left: .9em !important
}

.a-p-10 {
    padding: 1em !important
}

.a-pt-10 {
    padding-top: 1em !important
}

.a-pr-10 {
    padding-right: 1em !important
}

.a-pb-10 {
    padding-bottom: 1em !important
}

.a-pl-10 {
    padding-left: 1em !important
}

.a-p-11 {
    padding: 1.1em !important
}

.a-pt-11 {
    padding-top: 1.1em !important
}

.a-pr-11 {
    padding-right: 1.1em !important
}

.a-pb-11 {
    padding-bottom: 1.1em !important
}

.a-pl-11 {
    padding-left: 1.1em !important
}

.a-p-12 {
    padding: 1.2em !important
}

.a-pt-12 {
    padding-top: 1.2em !important
}

.a-pr-12 {
    padding-right: 1.2em !important
}

.a-pb-12 {
    padding-bottom: 1.2em !important
}

.a-pl-12 {
    padding-left: 1.2em !important
}

.a-p-13 {
    padding: 1.3em !important
}

.a-pt-13 {
    padding-top: 1.3em !important
}

.a-pr-13 {
    padding-right: 1.3em !important
}

.a-pb-13 {
    padding-bottom: 1.3em !important
}

.a-pl-13 {
    padding-left: 1.3em !important
}

.a-p-14 {
    padding: 1.4em !important
}

.a-pt-14 {
    padding-top: 1.4em !important
}

.a-pr-14 {
    padding-right: 1.4em !important
}

.a-pb-14 {
    padding-bottom: 1.4em !important
}

.a-pl-14 {
    padding-left: 1.4em !important
}

.a-p-15 {
    padding: 1.5em !important
}

.a-pt-15 {
    padding-top: 1.5em !important
}

.a-pr-15 {
    padding-right: 1.5em !important
}

.a-pb-15 {
    padding-bottom: 1.5em !important
}

.a-pl-15 {
    padding-left: 1.5em !important
}

.a-p-16 {
    padding: 1.6em !important
}

.a-pt-16 {
    padding-top: 1.6em !important
}

.a-pr-16 {
    padding-right: 1.6em !important
}

.a-pb-16 {
    padding-bottom: 1.6em !important
}

.a-pl-16 {
    padding-left: 1.6em !important
}

.a-p-17 {
    padding: 1.7em !important
}

.a-pt-17 {
    padding-top: 1.7em !important
}

.a-pr-17 {
    padding-right: 1.7em !important
}

.a-pb-17 {
    padding-bottom: 1.7em !important
}

.a-pl-17 {
    padding-left: 1.7em !important
}

.a-p-18 {
    padding: 1.8em !important
}

.a-pt-18 {
    padding-top: 1.8em !important
}

.a-pr-18 {
    padding-right: 1.8em !important
}

.a-pb-18 {
    padding-bottom: 1.8em !important
}

.a-pl-18 {
    padding-left: 1.8em !important
}

.a-p-19 {
    padding: 1.9em !important
}

.a-pt-19 {
    padding-top: 1.9em !important
}

.a-pr-19 {
    padding-right: 1.9em !important
}

.a-pb-19 {
    padding-bottom: 1.9em !important
}

.a-pl-19 {
    padding-left: 1.9em !important
}

.a-p-20 {
    padding: 2em !important
}

.a-pt-20 {
    padding-top: 2em !important
}

.a-pr-20 {
    padding-right: 2em !important
}

.a-pb-20 {
    padding-bottom: 2em !important
}

.a-pl-20 {
    padding-left: 2em !important
}

.a-p-30 {
    padding: 3em !important
}

.a-pt-30 {
    padding-top: 3em !important
}

.a-pr-30 {
    padding-right: 3em !important
}

.a-pb-30 {
    padding-bottom: 3em !important
}

.a-pl-30 {
    padding-left: 3em !important
}

.a-p-40 {
    padding: 4em !important
}

.a-pt-40 {
    padding-top: 4em !important
}

.a-pr-40 {
    padding-right: 4em !important
}

.a-pb-40 {
    padding-bottom: 4em !important
}

.a-pl-40 {
    padding-left: 4em !important
}

.a-p-50 {
    padding: 5em !important
}

.a-pt-50 {
    padding-top: 5em !important
}

.a-pr-50 {
    padding-right: 5em !important
}

.a-pb-50 {
    padding-bottom: 5em !important
}

.a-pl-50 {
    padding-left: 5em !important
}

.a-p-60 {
    padding: 6em !important
}

.a-pt-60 {
    padding-top: 6em !important
}

.a-pr-60 {
    padding-right: 6em !important
}

.a-pb-60 {
    padding-bottom: 6em !important
}

.a-pl-60 {
    padding-left: 6em !important
}

.a-p-70 {
    padding: 7em !important
}

.a-pt-70 {
    padding-top: 7em !important
}

.a-pr-70 {
    padding-right: 7em !important
}

.a-pb-70 {
    padding-bottom: 7em !important
}

.a-pl-70 {
    padding-left: 7em !important
}

.a-p-80 {
    padding: 8em !important
}

.a-pt-80 {
    padding-top: 8em !important
}

.a-pr-80 {
    padding-right: 8em !important
}

.a-pb-80 {
    padding-bottom: 8em !important
}

.a-pl-80 {
    padding-left: 8em !important
}

.a-p-90 {
    padding: 9em !important
}

.a-pt-90 {
    padding-top: 9em !important
}

.a-pr-90 {
    padding-right: 9em !important
}

.a-pb-90 {
    padding-bottom: 9em !important
}

.a-pl-90 {
    padding-left: 9em !important
}

.a-p-100 {
    padding: 10em !important
}

.a-pt-100 {
    padding-top: 10em !important
}

.a-pr-100 {
    padding-right: 10em !important
}

.a-pb-100 {
    padding-bottom: 10em !important
}

.a-pl-100 {
    padding-left: 10em !important
}

.a-m-0 {
    margin: 0 !important
}

.a-mt-0 {
    margin-top: 0 !important
}

.a-mr-0 {
    margin-right: 0 !important
}

.a-mb-0 {
    margin-bottom: 0 !important
}

.a-ml-0 {
    margin-left: 0 !important
}

.a-m-1 {
    margin: .1em !important
}

.a-mt-1 {
    margin-top: .1em !important
}

.a-mr-1 {
    margin-right: .1em !important
}

.a-mb-1 {
    margin-bottom: .1em !important
}

.a-ml-1 {
    margin-left: .1em !important
}

.a-m-2 {
    margin: .2em !important
}

.a-mt-2 {
    margin-top: .2em !important
}

.a-mr-2 {
    margin-right: .2em !important
}

.a-mb-2 {
    margin-bottom: .2em !important
}

.a-ml-2 {
    margin-left: .2em !important
}

.a-m-3 {
    margin: .3em !important
}

.a-mt-3 {
    margin-top: .3em !important
}

.a-mr-3 {
    margin-right: .3em !important
}

.a-mb-3 {
    margin-bottom: .3em !important
}

.a-ml-3 {
    margin-left: .3em !important
}

.a-m-4 {
    margin: .4em !important
}

.a-mt-4 {
    margin-top: .4em !important
}

.a-mr-4 {
    margin-right: .4em !important
}

.a-mb-4 {
    margin-bottom: .4em !important
}

.a-ml-4 {
    margin-left: .4em !important
}

.a-m-5 {
    margin: .5em !important
}

.a-mt-5 {
    margin-top: .5em !important
}

.a-mr-5 {
    margin-right: .5em !important
}

.a-mb-5 {
    margin-bottom: .5em !important
}

.a-ml-5 {
    margin-left: .5em !important
}

.a-m-6 {
    margin: .6em !important
}

.a-mt-6 {
    margin-top: .6em !important
}

.a-mr-6 {
    margin-right: .6em !important
}

.a-mb-6 {
    margin-bottom: .6em !important
}

.a-ml-6 {
    margin-left: .6em !important
}

.a-m-7 {
    margin: .7em !important
}

.a-mt-7 {
    margin-top: .7em !important
}

.a-mr-7 {
    margin-right: .7em !important
}

.a-mb-7 {
    margin-bottom: .7em !important
}

.a-ml-7 {
    margin-left: .7em !important
}

.a-m-8 {
    margin: .8em !important
}

.a-mt-8 {
    margin-top: .8em !important
}

.a-mr-8 {
    margin-right: .8em !important
}

.a-mb-8 {
    margin-bottom: .8em !important
}

.a-ml-8 {
    margin-left: .8em !important
}

.a-m-9 {
    margin: .9em !important
}

.a-mt-9 {
    margin-top: .9em !important
}

.a-mr-9 {
    margin-right: .9em !important
}

.a-mb-9 {
    margin-bottom: .9em !important
}

.a-ml-9 {
    margin-left: .9em !important
}

.a-m-10 {
    margin: 1em !important
}

.a-mt-10 {
    margin-top: 1em !important
}

.a-mr-10 {
    margin-right: 1em !important
}

.a-mb-10 {
    margin-bottom: 1em !important
}

.a-ml-10 {
    margin-left: 1em !important
}

.a-m-11 {
    margin: 1.1em !important
}

.a-mt-11 {
    margin-top: 1.1em !important
}

.a-mr-11 {
    margin-right: 1.1em !important
}

.a-mb-11 {
    margin-bottom: 1.1em !important
}

.a-ml-11 {
    margin-left: 1.1em !important
}

.a-m-12 {
    margin: 1.2em !important
}

.a-mt-12 {
    margin-top: 1.2em !important
}

.a-mr-12 {
    margin-right: 1.2em !important
}

.a-mb-12 {
    margin-bottom: 1.2em !important
}

.a-ml-12 {
    margin-left: 1.2em !important
}

.a-m-13 {
    margin: 1.3em !important
}

.a-mt-13 {
    margin-top: 1.3em !important
}

.a-mr-13 {
    margin-right: 1.3em !important
}

.a-mb-13 {
    margin-bottom: 1.3em !important
}

.a-ml-13 {
    margin-left: 1.3em !important
}

.a-m-14 {
    margin: 1.4em !important
}

.a-mt-14 {
    margin-top: 1.4em !important
}

.a-mr-14 {
    margin-right: 1.4em !important
}

.a-mb-14 {
    margin-bottom: 1.4em !important
}

.a-ml-14 {
    margin-left: 1.4em !important
}

.a-m-15 {
    margin: 1.5em !important
}

.a-mt-15 {
    margin-top: 1.5em !important
}

.a-mr-15 {
    margin-right: 1.5em !important
}

.a-mb-15 {
    margin-bottom: 1.5em !important
}

.a-ml-15 {
    margin-left: 1.5em !important
}

.a-m-16 {
    margin: 1.6em !important
}

.a-mt-16 {
    margin-top: 1.6em !important
}

.a-mr-16 {
    margin-right: 1.6em !important
}

.a-mb-16 {
    margin-bottom: 1.6em !important
}

.a-ml-16 {
    margin-left: 1.6em !important
}

.a-m-17 {
    margin: 1.7em !important
}

.a-mt-17 {
    margin-top: 1.7em !important
}

.a-mr-17 {
    margin-right: 1.7em !important
}

.a-mb-17 {
    margin-bottom: 1.7em !important
}

.a-ml-17 {
    margin-left: 1.7em !important
}

.a-m-18 {
    margin: 1.8em !important
}

.a-mt-18 {
    margin-top: 1.8em !important
}

.a-mr-18 {
    margin-right: 1.8em !important
}

.a-mb-18 {
    margin-bottom: 1.8em !important
}

.a-ml-18 {
    margin-left: 1.8em !important
}

.a-m-19 {
    margin: 1.9em !important
}

.a-mt-19 {
    margin-top: 1.9em !important
}

.a-mr-19 {
    margin-right: 1.9em !important
}

.a-mb-19 {
    margin-bottom: 1.9em !important
}

.a-ml-19 {
    margin-left: 1.9em !important
}

.a-m-20 {
    margin: 2em !important
}

.a-mt-20 {
    margin-top: 2em !important
}

.a-mr-20 {
    margin-right: 2em !important
}

.a-mb-20 {
    margin-bottom: 2em !important
}

.a-ml-20 {
    margin-left: 2em !important
}

.a-m-30 {
    margin: 3em !important
}

.a-mt-30 {
    margin-top: 3em !important
}

.a-mr-30 {
    margin-right: 3em !important
}

.a-mb-30 {
    margin-bottom: 3em !important
}

.a-ml-30 {
    margin-left: 3em !important
}

.a-m-40 {
    margin: 4em !important
}

.a-mt-40 {
    margin-top: 4em !important
}

.a-mr-40 {
    margin-right: 4em !important
}

.a-mb-40 {
    margin-bottom: 4em !important
}

.a-ml-40 {
    margin-left: 4em !important
}

.a-m-50 {
    margin: 5em !important
}

.a-mt-50 {
    margin-top: 5em !important
}

.a-mr-50 {
    margin-right: 5em !important
}

.a-mb-50 {
    margin-bottom: 5em !important
}

.a-ml-50 {
    margin-left: 5em !important
}

.a-m-60 {
    margin: 6em !important
}

.a-mt-60 {
    margin-top: 6em !important
}

.a-mr-60 {
    margin-right: 6em !important
}

.a-mb-60 {
    margin-bottom: 6em !important
}

.a-ml-60 {
    margin-left: 6em !important
}

.a-m-70 {
    margin: 7em !important
}

.a-mt-70 {
    margin-top: 7em !important
}

.a-mr-70 {
    margin-right: 7em !important
}

.a-mb-70 {
    margin-bottom: 7em !important
}

.a-ml-70 {
    margin-left: 7em !important
}

.a-m-80 {
    margin: 8em !important
}

.a-mt-80 {
    margin-top: 8em !important
}

.a-mr-80 {
    margin-right: 8em !important
}

.a-mb-80 {
    margin-bottom: 8em !important
}

.a-ml-80 {
    margin-left: 8em !important
}

.a-m-90 {
    margin: 9em !important
}

.a-mt-90 {
    margin-top: 9em !important
}

.a-mr-90 {
    margin-right: 9em !important
}

.a-mb-90 {
    margin-bottom: 9em !important
}

.a-ml-90 {
    margin-left: 9em !important
}

.a-m-100 {
    margin: 10em !important
}

.a-mt-100 {
    margin-top: 10em !important
}

.a-mr-100 {
    margin-right: 10em !important
}

.a-mb-100 {
    margin-bottom: 10em !important
}

.a-ml-100 {
    margin-left: 10em !important
}

.filter-wrapper .field-search {
    width: 100%;
    margin-top: 10px;
    background-color: #a12144
}

.filter-wrapper .field-search input {
    border-top: none;
    border-left: none;
    border-right: 0;
    border-radius: 0;
    padding-left: 0;
    height: auto;
    font-weight: 300;
    font-style: italic;
    letter-spacing: .4px;
    text-align: left;
    color: #333;
    padding-bottom: 5px;
    border-color: #a12144
}

.filter-wrapper .field-search:before {
    right: 0;
    top: 30%;
    opacity: 1;
    left: auto;
    background-position: -30px -90px !important
}

.filter-wrapper .field-type-choice {
    display: none
}

.filter-item, .filter-subitem {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.filter-item .filter-item-choice, .filter-subitem .filter-item-choice {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 36px;
    flex: 0 0 36px;
    float: none !important
}

.filter-item .filter-item-title, .filter-subitem .filter-item-title {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
    padding: 13px 30px 10px 10px;
    float: none !important;
    cursor: pointer
}

.filter-item .filter-item-title:hover, .filter-subitem .filter-item-title:hover {
    background: 0 0
}

.tab-wrapper .tab-menu-list {
    color: #e9a02c;
    font-weight: 700;
    background-color: #faf4f5
}

.tab-wrapper .tab-menu-list .tab-menu-item {
    position: relative;
    padding: 20px;
    padding-bottom: 10px;
    border-bottom: none
}

.tab-wrapper .tab-menu-list .tab-menu-item.tab-active:after {
    position: absolute;
    bottom: -10px;
    left: 0;
    content: ' ';
    width: 100%;
    height: 2px;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#412e50), to(#412e50));
    background-image: linear-gradient(#412e50, #412e50);
    background-position: 0 100%;
    background-repeat: no-repeat;
}

@media only screen and (max-width: 800px) {
    .tab-wrapper .tab-menu-list {
        display: none
    }
}

.tab-wrapper .tab-block-content .column {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 5px;
    -webkit-box-shadow: 0 2.5px 7.5px 0 rgba(103, 20, 91, .13);
    box-shadow: 0 2.5px 7.5px 0 rgba(103, 20, 91, .13);
    background-color: #fff;
    padding: 12px 15px
}

.filter-additional {
    margin-top: 0
}

.filter-results-content {
    background-color: #f8f8f8;
    padding: 15px;
    padding-bottom: 8px
}

.filter-result {
    border-radius: 20px;
    background-color: #fff;
    font-size: 12px
}

.product-card {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

.product-card .picture {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%
}

.product-card .m-price {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.product-card .m-price > * {
    padding-top: 1em;
    padding-right: 1em
}

.product-card .m-price > * > .price {
    padding-bottom: 1em
}

.e-price {
    font-size: 1.3em;
    font-weight: 700;
    line-height: 1.5;
    text-align: left;
    color: #e9a02c;
    display: inline-block;
    position: relative
}

.e-price .top {
    position: absolute;
    color: #e9a02c;
    top: 0;
    left: 100%;
    font-size: .7em
}

.tile-wrapper .tile-item {
    border-radius: 5px;
    -webkit-box-shadow: 0 2.5px 7.5px 0 rgba(103, 20, 91, .13);
    box-shadow: 0 2.5px 7.5px 0 rgba(103, 20, 91, .13);
    background-color: #fff;
    border-color: transparent
}

.tile-wrapper .tile-item .services-item-title {
    font-size: 1.05em;
    font-weight: 700;
    text-align: left;
    color: #a12144;
    text-decoration: underline
}

.tile-wrapper .tile-item .services-item-price {
    color: #a42338;
    font-size: 1.4em
}

.product-capture-wrapper .header-2 {
    font-size: 1.2em;
    font-weight: 700;
    letter-spacing: .6px;
    text-align: left;
    color: #a42338;
    text-decoration: underline;
    margin-bottom: 1em;
    margin-top: 3em
}

.product-capture-wrapper .tile-wrapper .tile-item {
    border-radius: 5px;
    -webkit-box-shadow: 0 2.5px 7.5px 0 rgba(103, 20, 91, .13);
    box-shadow: 0 2.5px 7.5px 0 rgba(103, 20, 91, .13);
    background-color: #fff
}

.product-capture-wrapper .product-capture-price {
    font-size: 1em
}

.product-capture-wrapper .header-4 {
    font-weight: 700;
    line-height: 1.33;
    color: #333
}

.product-capture-wrapper .product-capture-list a {
    font-weight: 300;
    font-size: .95em;
    line-height: 1.1;
    letter-spacing: normal;
    text-align: left;
    color: #a12144;
    text-decoration: underline
}

.c-news .title {
    font-weight: 700
}

.c-news .c-ratio .bg {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.c-news .text p {
    margin: 0
}

.c-news .text a {
    color: #fff;
    text-decoration: underline
}

@media only screen and (max-width: 722px) {
    .page-main {
        margin-top: 2.3em
    }

    .product-card .m-price {
        display: block;
        margin-bottom: 2em
    }

    .c-header {
        padding-left: .5em;
        padding-right: .5em
    }

    .service-card {
        padding: 2em;
        margin-bottom: 2em !important
    }

    .service-card .text {
        max-width: 100%
    }

    .c-circled {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .c-circled .picture {
        width: 50%;
        margin-bottom: 2em;
        margin-top: 0
    }

    .c-circled .picture .bg .symbol {
        font-size: 10em
    }

    .c-circled .questions .question {
        text-align: center;
        padding-left: 0 !important
    }

    .c-circled .questions .answer {
        text-align: center;
        padding-left: 0 !important
    }

    .m-how-work {
        padding: 0
    }

    .sixth .header {
        max-width: 90%
    }

    .m-banner .text {
        max-width: 100%;
        font-size: 1.5em;
        margin-bottom: 1em;
        width: 100%;
        max-width: 100% !important
    }

    .m-banner ._small {
        width: 100%;
        max-width: 100%
    }

    .m-banner .a-text._right {
        text-align: center !important
    }

    .c-slider {
        text-align: center !important
    }

    .c-slider .item .description {
        max-width: 100%
    }

    .main-menu {
        text-align: center;
        margin-top: .5em
    }

    .main-menu .main-menu-sublist {
        display: none;
        margin: 0 !important
    }

    .main-menu .main-menu-item {
        margin: 0;
        padding: 1px 0
    }

    .main-menu .main-menu-item .main-menu-link {
        height: auto
    }

    .m-center {
        text-align: center !important;
        margin-top: .5em
    }

    .c-menu .c-logo {
        min-height: 50px;
        -webkit-box-flex: 1;
        -ms-flex: 1 0 auto;
        flex: 1 0 auto
    }

    .c-menu .c-logo .c-ratio {
        width: 80% !important
    }

    .c-menu .top-bottom {
        margin-left: 0;
        position: absolute;
        right: 0;
        top: 0;
        background: #fff;
        z-index: 999;
        padding-bottom: 1em;
        border-radius: 5px;
        -webkit-box-shadow: 0 2.5px 7.5px 0 rgba(103, 20, 91, .13);
        box-shadow: 0 2.5px 7.5px 0 rgba(103, 20, 91, .13);
        opacity: 0;
        right: 100%;
        -webkit-transition: all .5s cubic-bezier(.77, .2, .05, 1);
        transition: all .5s cubic-bezier(.77, .2, .05, 1)
    }

    .c-menu .top-bottom.active {
        opacity: 1;
        right: 0
    }

    .product-card {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .product-card .product-info {
        text-align: center
    }

    .product-card .picture {
        margin-bottom: 1em
    }

    .product-card .picture .c-ratio {
        max-width: 75% !important;
        text-align: center;
        margin-left: auto;
        margin-right: auto
    }

    .c-service .col.third {
        padding-bottom: 2em
    }

    .filter-multiple-block .field-wrapper {
        margin-left: 10px;
        margin-right: 10px !important
    }

    .filter-wrapper .field-search {
        margin-bottom: 1em !important
    }
}

@media screen and (-ms-high-contrast: active),(-ms-high-contrast: none) {
    .m-how-work .number {
        background: 0 0 !important;
        color: #b640a5
    }

    .t-gradient {
        background: 0 0 !important;
        color: #b640a5
    }

    .t-gradient:before {
        content: none
    }

    .c-circled .picture .bg .symbol {
        opacity: .6;
        background: 0 0 !important;
        color: #b640a5
    }

    .c-breadcrumb .divider svg {
        height: 8px
    }
}

.page-header {
    z-index: 100
}

.field-input.cart-code-input {
    padding-top: 20px;
    padding-bottom: 20px
}

@media (max-width: 768px) {
    .page-header {
        z-index: 100
    }

    .field-input.cart-code-input {
        padding-top: 0;
        padding-bottom: 0
    }
}

@media (min-width: 1025px) {
    .filter-single-block .filter-sublist, .filter-single-block .wrapper-wide .filter-list-body::after {
        left: -356px
    }
}

.menu-toggle {
    display: block;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50px;
    flex: 0 0 50px;
    z-index: 1;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    margin-top: 22px;
    margin-left: 20px
}

.menu-toggle input {
    display: block;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    cursor: pointer;
    opacity: 0;
    z-index: 2;
    -webkit-touch-callout: none
}

.menu-toggle span {
    display: block;
    width: 33px;
    height: 4px;
    margin-bottom: 5px;
    position: relative;
    background: #cdcdcd;
    border-radius: 3px;
    z-index: 1;
    -webkit-transform-origin: 4px 0;
    transform-origin: 4px 0;
    -webkit-transition: all .5s cubic-bezier(.77, .2, .05, 1);
    transition: all .5s cubic-bezier(.77, .2, .05, 1)
}

.menu-toggle span:first-child {
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0
}

.menu-toggle span:nth-last-child(2) {
    -webkit-transform-origin: 0 100%;
    transform-origin: 0 100%
}

.menu-toggle input:checked ~ span {
    opacity: 1;
    -webkit-transform: rotate(45deg) translate(-2px, -1px);
    transform: rotate(45deg) translate(-2px, -1px);
    background: #232323
}

.menu-toggle input:checked ~ span:nth-last-child(3) {
    opacity: 0;
    -webkit-transform: rotate(0) scale(.2, .2);
    transform: rotate(0) scale(.2, .2)
}

.menu-toggle input:checked ~ span:nth-last-child(2) {
    -webkit-transform: rotate(-45deg) translate(0, -1px);
    transform: rotate(-45deg) translate(0, -1px)
}

.menu-toggle input:checked ~ span:nth-last-child(2) {
    right: -10px;
    bottom: -10px
}

.menu-toggle input:checked ~ span:nth-last-child(1) {
    left: 8px;
    top: -17px
}

body {
    overflow-x: hidden
}

section._gray {
    background: #ededed
}

header {
    background: #412e50
}

header .header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0 !important
}

nav {
    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
}

nav .item {
    padding: .5em;
    font-weight: 600;
    font-size: .7em !important
}

nav .item a {
    color: #fff !important
}

nav .item a._label {
    background: #e9a02c;
    border-radius: 30px;
    color: #fff;
    font-size: 12px;
    padding: .4em .8em;
    white-space: nowrap
}

@media only screen and (max-width: 800px) {
    nav .item {
        padding: .5em;
        font-size: .6em !important
    }

    nav .item .menu-toggle {
        margin: 0 !important
    }
}

.c-logo {
    width: 150px;
    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;
    color: #fff
}

.c-logo .img {
    padding: .5em;
    padding-left: 0
}

.c-logo .text {
    font-weight: 400;
    line-height: 14px;
    font-size: 14px;
    color: #fff !important
}

@media only screen and (max-width: 800px) {
    .c-logo {
        width: 90px
    }

    .c-logo .img {
        padding: .3em
    }
}

.menu-toggle input:checked ~ span {
    background: #cdcdcd
}

.c-slider .item {
    min-height: 650px;
    position: relative;
    padding-top: 5em;
    padding-bottom: 5em;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

.home-v2 .c-slider .item {
    min-height: 900px;
}

.c-slider .item > .c-container {
    position: relative;
    z-index: 3
}

.c-slider .item .block {
    max-width: 600px
}

.c-slider .item .title {
    line-height: 1em;
    font-weight: 700;
    max-width: 500px
}

.c-slider .item .title._white {
    font-size: 2.4em;
    color: #fff
}

.c-slider .item .title._primary {
    font-size: 2.4em;
    color: #a12144
}

.c-slider .item .description {
    color: #fff;
    font-weight: 300;
    line-height: 21px;
    margin-top: 2em;
    max-width: 500px
}

.c-slider .item .description ul {
    list-style-type: none;
    padding-left: 25px
}

.c-slider .item .description ul li {
    position: relative;
    margin-bottom: .5em
}

.c-slider .item .description ul li:before {
    position: absolute;
    z-index: 2;
    content: ' ';
    left: -25px;
    top: 2px;
    height: 16px;
    width: 16px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url(/local/templates/optima/images/marker.png)
}

.c-slider .item .button {
    margin-top: 4em;
    font-weight: 400
}

.c-slider .item .button a:first-child {
    margin-right: 2em
}

@media only screen and (max-width: 800px) {
    .c-slider .item .button, .c-slider .item .description, .c-slider .item .title {
        text-align: left
    }
}

.e-card {
    padding: 3em;
    background: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    position: relative;
    height: 100%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.e-card .title {
    color: #202020;
    font-size: 1.2em;
    font-weight: 700;
    margin-bottom: 1em
}

.e-card .description {
    color: #202020;
    margin-bottom: 5em;
    line-height: 20px
}

.e-card .link {
    color: #412e50;
    font-size: 13px;
    font-weight: 600
}

.e-card .bg-image {
    width: 140px;
    height: 140px;
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    right: 20px;
    bottom: 0;
    -webkit-transition: all .1s ease;
    transition: all .1s ease
}

.e-card:hover {
    background: #412e50;
    -webkit-box-shadow: 0 0 20px #000;
    box-shadow: 0 0 20px #000;
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px)
}

.e-card:hover .title {
    color: #fff
}

.e-card:hover .description {
    color: #fff
}

.e-card:hover .link {
    color: #e9a02c
}

.e-card:hover .bg-image {
    -webkit-filter: invert(100%);
    filter: invert(100%);
    opacity: .2
}

.form-popup-wrapper .form-button {
    border: 2px solid #e9a02c;
    padding: 0 40px 10px 40px;
    border-radius: 20px;
    color: #fff;
    display: inline-block;
    font-weight: 600;
    z-index: 10;
    position: relative;
    outline: 0;
    cursor: pointer;
    background: #e9a02c
}

.e-button {
    border: 2px solid #e9a02c;
    padding: 10px 40px 10px 40px;
    border-radius: 20px;
    color: #fff;
    display: inline-block;
    font-weight: 600;
    z-index: 10;
    position: relative;
    cursor: pointer
}

.e-button._full {
    background: #e9a02c
}

.e-button._compact {
    padding: 10px 20px 10px 20px
}

.e-button._license {
    opacity: 0;
    font-size: .8em;
    padding: 5px 10px 5px 10px
}

.license-item:hover .e-button._license {
    opacity: 1
}

footer {
    background-color: #412e50;
    padding-top: 1.5em;
    padding-bottom: 1.5em
}

footer .header {
    font-weight: 600;
    font-size: 1.1em !important;
    color: #fff;
    text-decoration: underline;
    margin-bottom: 1em
}

footer .info > a {
    color: #fff;
    font-weight: 700;
    margin-bottom: .7em;
    -webkit-transition: color .2s ease;
    transition: color .2s ease
}

footer .info > a.mail {
    font-weight: 300;
    color: #333;
    margin-top: .3em
}

footer .info > a.politics {
    font-size: .9em;
    font-weight: 300;
    color: #333;
    margin-top: .3em
}

footer .info > a:hover {
    color: #e9a02c
}

footer .info .phrase {
    display: none
}

.c-links._inline {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.c-links .item {
    font-weight: 300;
    text-align: left;
    color: #fff;
    display: block;
    padding-bottom: .6em;
    font-size: .9em;
    -webkit-transition: color .2s ease;
    transition: color .2s ease
}

.c-links .item:hover {
    color: #e9a02c
}

[rel=tabs] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

[rel=tabs] .names {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 2em;
    margin-bottom: 2em
}

@media only screen and (max-width: 800px) {
    [rel=tabs] .names {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

[rel=tabs] .names .item {
    font-weight: 700;
    position: relative;
    font-size: 1.2em;
    font-family: Gilroy, sans-serif;
    color: #202020;
    margin-left: 1em;
    margin-right: 1em;
    padding-bottom: .4em
}

@media only screen and (max-width: 800px) {
    [rel=tabs] .names .item {
        margin-bottom: 1em
    }
}

[rel=tabs] .content {
    width: 100%;
    position: relative;
    /*right: 85px*/
}

[rel=tabs] .content .item {
    width: 250px
}

@media only screen and (max-width: 800px) {
    [rel=tabs] .content {
        right: 0
    }

    [rel=tabs] .content .item {
        width: 100%
    }
}

.c-image-card {
    width: 250px;
    font-weight: 700
}

.c-image-card .card-image {
    margin-bottom: 2em
}

@media only screen and (max-width: 800px) {
    .c-image-card .card-image {
        margin-left: auto;
        margin-right: auto
    }
}

.c-image-card .name {
    font-weight: 700;
    font-size: 1.2em;
    color: #202020;
    line-height: 25px
}

.c-image-card .description {
    display: block;
    color: #202020;
    font-weight: 300;
    margin-top: 2em;
    font-size: .9em
}

section.how_we_work .owl-carousel {
    position: relative
}

section.how_we_work .owl-carousel .owl-nav {
    bottom: 0;
    right: 0
}

section.how_we_work .item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 1em;
    min-height: 150px
}

section.how_we_work .item .number {
    color: #f0eff1;
    font-weight: 800;
    font-size: 10em;
    font-family: Gilroy, sans-serif
}

section.how_we_work .item .description {
    margin-left: -1.3em;
    font-weight: 400;
    font-size: .9em
}

.card-image {
    width: 250px;
    height: 350px;
    display: block;
    position: relative;
    background: #ededed
}

.card-image .bg {
    position: absolute;
    max-width: 90%;
    overflow: hidden;
    display: block;
    background-position: bottom right;
    background-repeat: no-repeat;
    bottom: 0;
    right: 0;
    width: 90%
}

.card-image .bg:before {
    display: block;
    content: " ";
    width: 100%;
    padding: 100% 0 0 0 !important
}

section {
    padding-top: 2em;
    padding-bottom: 2em
}

.header {
    font-family: Gilroy, sans-serif;
    color: #202020;
    font-size: 1.7em;
    font-weight: 900;
    padding-top: 2em;
    padding-bottom: 1.5em
}

.header._huge {
    font-size: 44px;
    padding: 0;
    padding-top: .5em;
    line-height: 44px
}

@media only screen and (max-width: 800px) {
    .m-how-work {
        margin-bottom: 4em
    }
}

.link-hover {
    cursor: pointer;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#412e50), to(#412e50));
    background-image: linear-gradient(#412e50, #412e50);
    background-position: 0 100%;
    background-repeat: no-repeat;
    background-size: 0 4px;
    -webkit-transition: background-size .2s;
    transition: background-size .2s;
    text-decoration: none !important;
    color: #202020;
    display: inline-block
}

.link-hover * {
    text-decoration: none !important;
    color: #202020 !important
}

.link-hover :hover {
    color: #202020 !important;
    text-decoration: none !important
}

.link-hover._white {
    background-image: -webkit-gradient(linear, left top, left bottom, from(white), to(#fff));
    background-image: linear-gradient(white, #fff)
}

.link-hover._active, .link-hover:focus, .link-hover:hover {
    background-size: 100% 4px
}

.banner {
    position: relative
}

.banner .block {
    max-width: 50%;
    position: relative;
    z-index: 5
}

@media only screen and (max-width: 800px) {
    .banner .block {
        max-width: 100%
    }
}

.banner .block .header {
    color: #fff;
    font-family: Gilroy, sans-serif;
    font-size: 2em;
    margin-bottom: 0;
    font-weight: 600;
    line-height: 1em
}

.banner .block .header strong {
    font-weight: 800
}

.banner .block .description {
    color: #fff;
    margin-bottom: 3em
}

.banner .block .button {
    color: #fff
}

.banner .mac {
    position: absolute;
    z-index: 3;
    right: 197px;
    top: 0;
    width: 400px;
    height: 425px;
    background-repeat: no-repeat;
    background-size: cover
}

@media only screen and (max-width: 800px) {
    .banner .mac {
        display: none !important
    }
}

.banner .bg {
    position: absolute;
    z-index: 2;
    content: ' ';
    top: 0;
    left: 0;
    right: 428px;
    bottom: 0;
    background: #412e50
}

@media only screen and (max-width: 800px) {
    .banner .bg {
        right: 0 !important
    }
}

.partners {
    overflow: hidden
}

#partners-slider {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

#partners-slider > .item {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 15%;
    flex: 0 0 15%
}

@media only screen and (max-width: 800px) {
    #partners-slider > .item {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 30%;
        flex: 0 0 35%;
    }
}

@media only screen and (max-width: 400px) {
    #partners-slider > .item {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%
    }
}

#partners-slider > .item .c-card {
    padding: 0 2em !important
}

@media only screen and (max-width: 800px) {
    #partners-slider > .item .c-card {
        padding: 0 1em !important
    }
}

.form .field {
    margin-bottom: 2em
}

.form .field input[type=email], .form .field input[type=text] {
    margin: 0;
    outline: 0;
    -webkit-appearance: none;
    line-height: 1.2em;
    padding: .7em 1em;
    font-size: 1em;
    background: 0 0;
    border: none;
    border-bottom: 2px solid rgba(32, 32, 32, .8);
    color: #202020;
    border-radius: 0;
    width: 100%;
    -webkit-transition: color .1s ease, border-color .1s ease;
    transition: color .1s ease, border-color .1s ease
}

@media only screen and (max-width: 800px) {
    .a-mt-50 {
        margin-top: 1.5em !important
    }
}




._animated-wave {
    position: relative;
    overflow: hidden !important;
    border-radius: 3rem;
    border: 2px solid #e9a02c;
    -webkit-transition: all 1s ease;
    transition: all 1s ease
}

._animated-wave span {
    position: relative;
    z-index: 11;
    color: #fff !important
}

._animated-wave:after, ._animated-wave:before {
    position: absolute;
    content: '';
    top: 130%;
    left: 50%;
    width: 20em;
    height: 20em;
    margin-left: -10em;
    border-radius: 42.5%;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transition: all 2s ease, top 1.5s ease;
    transition: all 2s ease, top 1.5s ease
}

._animated-wave:before {
    background: #412e50;
    -webkit-animation: smallwave 3s infinite linear;
    animation: smallwave 3s infinite linear
}

._animated-wave:after {
    background: #e9a02c;
    -webkit-animation: smallwave 3.5s infinite linear;
    animation: smallwave 3.5s infinite linear
}

._animated-wave:hover {
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    border-color: #e9a02c
}

._animated-wave:hover span {
    color: #fff
}

._animated-wave:hover:after, ._animated-wave:hover:before {
    top: -140%;
    -webkit-transition: all 4s ease, top 3s ease;
    transition: all 4s ease, top 3s ease
}

._animated-wave._full:before {
    background: #412e50
}

._animated-wave._full:after {
    background: #412e50
}

._animated-wave._full:hover {
    color: #fff;
    border-color: #e9a02c
}

._animated-wave._full:hover span {
    color: #fff
}

._animated-wave._full:hover:after, ._animated-wave._full:hover:before {
    top: -120%;
    -webkit-transition: all 4s ease, top 3s ease;
    transition: all 4s ease, top 3s ease
}

@-webkit-keyframes wave {
    0% {
        -webkit-transform: rotate(0) scale(1);
        transform: rotate(0) scale(1)
    }
    50% {
        -webkit-transform: rotate(180deg) scale(.975);
        transform: rotate(180deg) scale(.975)
    }
    100% {
        -webkit-transform: rotate(360deg) scale(1);
        transform: rotate(360deg) scale(1)
    }
}

@keyframes wave {
    0% {
        -webkit-transform: rotate(0) scale(1);
        transform: rotate(0) scale(1)
    }
    50% {
        -webkit-transform: rotate(180deg) scale(.975);
        transform: rotate(180deg) scale(.975)
    }
    100% {
        -webkit-transform: rotate(360deg) scale(1);
        transform: rotate(360deg) scale(1)
    }
}

@-webkit-keyframes smallwave {
    0% {
        -webkit-transform: rotate(0) scale(1);
        transform: rotate(0) scale(1);
        opacity: 1
    }
    50% {
        -webkit-transform: rotate(180deg) scale(.95);
        transform: rotate(180deg) scale(.95);
        opacity: 1
    }
    100% {
        -webkit-transform: rotate(360deg) scale(1);
        transform: rotate(360deg) scale(1);
        opacity: 1
    }
}

@keyframes smallwave {
    0% {
        -webkit-transform: rotate(0) scale(1);
        transform: rotate(0) scale(1);
        opacity: 1
    }
    50% {
        -webkit-transform: rotate(180deg) scale(.95);
        transform: rotate(180deg) scale(.95);
        opacity: 1
    }
    100% {
        -webkit-transform: rotate(360deg) scale(1);
        transform: rotate(360deg) scale(1);
        opacity: 1
    }
}

.small-block {
    max-width: 50%
}

@media only screen and (max-width: 800px) {
    .small-block {
        max-width: 100%
    }
}

footer .c-logo {
    padding-top: 1.5em;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

footer .header {
    text-decoration: none
}

footer .header a {
    color: #fff;
    text-decoration: none
}

footer .info .phones {
    font-size: 1em;
    font-weight: 700
}

footer .info .phones a {
    color: #fff;
    display: block;
    margin-top: .7em
}

footer .info .politics {
    margin-top: 2em;
    font-size: .85em
}

footer .info .politics a {
    color: #fff;
    font-size: .7em
}

.c-breadcrumb {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 1em;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.c-breadcrumb .section {
    font-size: .8em;
    text-decoration: underline;
    padding-right: .4em
}

.c-breadcrumb .section.active {
    color: #666;
    text-decoration: none
}

.c-breadcrumb .divider {
    padding-right: .4em
}

.c-breadcrumb .divider svg {
    width: 8px
}

.calculator {
    background-repeat: no-repeat !important;
    background-position: 50% 50%;
    background-size: cover;
    background-image: url(/local/templates/optima/images/bg/notebook.png);
    position: relative;
    z-index: 1;
    padding: 2em
}

.calculator > .elements {
    position: relative;
    z-index: 3;
    color: #fff
}

.calculator .errortext {
    color: #fff !important
}

.calculator .header {
    margin-top: 1.5em;
    color: #fff;
    font-size: 2em;
    font-weight: 700;
    text-align: left;
    margin-bottom: .3em
}

.calculator .header span {
    color: #333
}

.calculator:after {
    content: ' ';
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 2;
    opacity: .8;
    background: #ee5f7e;
    background: linear-gradient(135deg, #ee5f7e 0, #b640a5 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ee5f7e', endColorstr='#b640a5', GradientType=1)
}

.under-header {
    width: 100%;
    /*background-color: #faf4f5;*/
    margin-bottom: 20px;
    padding-top: 1em;
    padding-bottom: 1em
}

.under-header h1 {
    font-size: 1.5em;
    font-weight: 700;
    text-align: left;
    color: #333
}

.main-content ul {
    display: block;
    /*list-style-type: none;*/
    /*-webkit-margin-before: 1em;*/
    /*margin-block-start: 1em;*/
    /*-webkit-margin-after: 1em;*/
    /*margin-block-end: 1em;*/
    /*-webkit-margin-start: 0;*/
    /*margin-inline-start: 0;*/
    /*-webkit-margin-end: 0;*/
    /*margin-inline-end: 0;*/
    /*-webkit-padding-start: 40px;*/
    /*padding-inline-start: 40px*/
}

.c-service-card {
    padding: 2em;
    display: block;
    height: 100%;
    background: #412e50;
    position: relative;
    background-image: none !important
}

.c-service-card .title {
    color: #fff;
    font-weight: 700;
    text-decoration: none;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#412e50), to(#412e50));
    background-image: linear-gradient(#412e50, #412e50);
    background-position: 0 100%;
    background-repeat: no-repeat;
    background-size: 0 2px;
    font-size: 1.3em;
    line-height: 1.5em;
    position: relative;
    z-index: 5
}

.c-service-card .description {
    display: block;
    color: #fff;
    position: relative;
    z-index: 5;
    margin-top: 2em;
    line-height: 21px
}

.c-service-card .bg {
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center
}

.c-service-card:after {
    position: absolute;
    z-index: 2;
    content: ' ';
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
    background: #373737
}

.c-service-card:hover .title {
    background-size: 100% 2px;
    color: #fff;
    -webkit-transition: color .3s ease;
    transition: color .3s ease
}

.c-service-card:hover .description {
    color: #fff;
    -webkit-transition: color .3s ease;
    transition: color .3s ease
}

.c-service-card:hover .bg {
    opacity: 1;
    -webkit-transition: opacity .3s ease;
    transition: opacity .3s ease
}

.c-service-card:hover:after {
    opacity: .75;
    -webkit-transition: opacity .3s ease;
    transition: opacity .3s ease
}

.c-header-pic {
    min-height: 650px
}

.c-feature .title {
    font-weight: 700;
    margin-top: 1em;
    margin-bottom: 1em;
    color: #202020
}

section.bg {
    min-height: 500px;
    position: relative;
    padding-top: 3em;
    padding-bottom: 3em;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.ui.accordion {
    max-width: 40%
}

.ui.accordion .title {
    font-weight: 700;
    font-size: 1.2em !important;
    line-height: 1.2em;
    position: relative
}

.ui.accordion .title:before {
    content: "–";
    position: absolute;
    left: -33px;
    top: 5px;
    font-size: 2.3em;
    color: #412e50
}

.ui.accordion .title.active:before {
    content: "+";
    top: 14px;
    position: absolute
}

.ui.accordion .content {
    line-height: 1.4em
}

@media only screen and (max-width: 800px) {
    .ui.accordion {
        max-width: 70%;
        margin-left: 2em
    }
}

.sixth .elements {
    width: 100%;
    position: relative;
    right: 85px
}

@media only screen and (max-width: 800px) {
    .sixth .elements {
        right: 0
    }
}

.sixth .elements .item {
    min-height: 350px;
    background: #ececec;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    padding: 2em
}

@media only screen and (max-width: 800px) {
    .sixth .elements .item {
        background-position: center center
    }
}

.sixth .elements .item .block {
    max-width: 50%
}

@media only screen and (max-width: 800px) {
    .sixth .elements .item .block {
        max-width: 70%
    }
}

.sixth .elements .item .name {
    font-weight: 700;
    margin-bottom: 2em
}

.product-capture-wrapper .product-capture-list a {
    font-weight: 300;
    font-size: .95em;
    line-height: 1.1;
    letter-spacing: normal;
    text-align: left;
    color: #202020;
    text-decoration: none
}

.product-capture-wrapper .product-capture-list a:hover {
    text-decoration: underline
}

.product-info {
    padding: 2em
}

.form-popup-wrapper {
    z-index: 100
}

.mobile-menu {
    position: absolute;
    height: 300px;
    width: 300px;
    top: 100px;
    right: 0;
    z-index: 111111;
    background: #fff;
    /*-webkit-transform: translateX(500px);*/
    /*transform: translateX(500px);*/
    -webkit-transition: all .3s;
    transition: all .3s;
    opacity: 0;
    visibility: hidden;
}

.mobile-menu nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    font-size: 1.7em !important;
    height: 100%
}

.mobile-menu nav .item a {
    color: #202020 !important;
}

.mobile-menu.active {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
    visibility: visible;
}

@media only screen and (max-width: 500px) {
    .c-hide-less-500 {
        display: none
    }
}
/* End */


/* Start:/local/templates/optima/styles/styleselect.css?16491508901574*/
select[data-ss-uuid] {
  display: none;
  pointer-events: none; }

.style-select {
  display: block;
  position: relative;
  width: 140px; }
  .style-select, .style-select * {
    padding: 0;
    margin: 0;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    text-align: left;
    line-height: 19px;
    color: black;
    font-weight: 300;
    cursor: pointer; }
  .style-select .ss-selected-option {
    width: 100%;
    background-image: -webkit-linear-gradient(top, #fefefe, #f2f2f2);
    background-image: linear-gradient(to bottom, #fefefe, #f2f2f2);
    border-radius: 2px;
    padding: 6px;
    border: 1px solid #d0d0d0; }
    .style-select .ss-selected-option::after {
      content: "▾";
      position: absolute;
      top: 6px;
      right: 12px;
      display: block; }
  .style-select .ss-dropdown {
    top: 32px;
    left: 0;
    position: absolute;
    float: left;
    width: 100%;
    display: none;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    border: 1px solid #d0d0d0;
    border-top: 0 none; }
    .style-select .ss-dropdown .ss-option {
      width: 100%;
      padding: 6px;
      background-color: white; }
      .style-select .ss-dropdown .ss-option.highlighted {
        background-color: #f2f4f8; }
      .style-select .ss-dropdown .ss-option.disabled {
        color: #d0d0d0; }
      .style-select .ss-dropdown .ss-option.ticked::before {
        content: "✓";
        padding-right: 3px; }
  .style-select.open .ss-dropdown {
    display: block; }
  .style-select.open .ss-selected-option::after {
    content: "▴"; }

/* End */


/* Start:/local/templates/custom.css?16517378849909*/
.c-logo .text {
    font-weight: 800;
}
.c-logo {
    width: 100px;
}
header {
    background: #000 !important;
}
.all a {
    color:  #6a3ccd;
}
.e-card:hover {
    background: #FFF;
}
.e-card:hover .title {
    color: #000;
}
.e-card:hover .description {
    color: #000;
}
.e-card:hover .bg-image {
    -webkit-filter: invert(0%);
    filter: invert(0%);
    opacity: 1;
}
.y-subscribe f {
    color: #fff;
}
.team .c-header {
    font-size: 4.6em;
    line-height: 0.9em;
}
.team .space {
    flex: 0 0 140px;
}
.__text._primary a {
    color: #6a3ccd;
}
.e-button._full.banners {
    background: #000000;    
}
.e-button {
    border: 2px solid #6a3ccd;
}
.e-button, .e-button:hover {
    color: #FFF;
}
.button_banners a:hover {
    color: #FFF;
}
._gray .header {
    font-size: 4em;
}
.c-slider .item .title._white {
    font-family: Gilroy;
    font-weight: 800;
    font-size: 55px;
    color: #000;
}
.e-button._full {
    background: #6a3ccd;
}
._animated-wave {
    border: 2px solid #6a3ccd;
}
.e-card {
    border-radius: 3%;
}
.c-slider._dark .item .description, .c-slider._dark .item .title {
    font-weight: bold;
    line-height: 1.25;
}
.__slider ._slides ._slide._active ._marker {
    background: #6a3ccd !important;
}
.__slider ._line {
    background: #6a3ccd!important;
}
footer {
    background-color: #000;
}
.e-card:hover {
    -webkit-box-shadow: 0px 27px 81px 0px rgba(91, 62, 114, 0.08);
    -moz-box-shadow: 0px 27px 81px 0px rgba(91, 62, 114, 0.08);
      border-radius: 17px;
  background-color: rgb(255, 255, 255);
  box-shadow: 0px 27px 81px 0px rgba(91, 62, 114, 0.08);
}
.n-header {
    font-size: 65px !important;
}
.home-v2 .c-header {
   font-size: 65px !important;
   line-height: 0.923 !important;
   letter-spacing: 0px !important; 
}
.section.pointer .n-header {
    padding-bottom: 50px !important;
}
.c-slider .item .description {
    font-weight: 400;
    color: #000;
    font-size: 16px!important;
}
.e-card .bg-image {
    background-size: contain;
}
.__slider ._slides ._slide ._content .description {
    font-weight: 500;
}
.banner .bg {
    top: -30px;
    left: 0;
    right: 0;
    bottom: -100px;
    background: #6a3ccd;
}
.c-feature .description {
    line-height: 1.433 !important;

}
.banner {
    margin: 40px 0;
}
.serv-title{
    font-weight: 400;
    font-size: 1em !important;
    color: #fff;
    margin-bottom: 1em;
    display: block;
}
.buttons-group {
    max-width: 100% !important;
    justify-content: flex-start !important;
}

.banner .block .header {
    font-size: 2.9em;
    line-height: 1.2em;
    padding-bottom: 2em;
    padding-top: 1.6em;
}

.header {
    padding-top: 1.5em;
    padding-bottom: 1.5em;
}

.banner .block .button {
    margin-top: -60px;
    margin-bottom: 90px;
}
.c-projects .project .right .description {
    line-height: 1.7em;
}
.c-projects .project .right .link {
    font-weight: bold;
}
.banner .mac {
    top: 20px;
    right: 360px;
    width: 460px;
}

.e-button span, .e-button:hover span {
    font-weight: 600;
    letter-spacing: 1.2px;
}

.header._huge {
    padding-top: 1em;
}
.c-feature {
    padding-top: 1em;
}

.n-header {
    padding-top: 0px !importnant;
    /*padding-bottom: 0px !important;*/
}
.c-slider .item .description ul li:before {
    top: 15px;
}


.b24-widget-button-wrapper.b24-widget-button-position-bottom-right, .b24-widget-button-wrapper.b24-widget-button-position-bottom-middle, .b24-widget-button-wrapper.b24-widget-button-position-bottom-left {
    bottom: 135px;
}

._row .title .text {
    text-align: left;
}
.c-slider .item .button a:first-child {
    margin-right: 1em;
}
section._gray {
    padding-bottom: 3em;
}
.banner._usual {
    background-position: center !important;
}
.banner._usual .block .header {
    font-size: 50px !important;
}
.banner._usual .block {
    max-width: 650px !important;
}
.c-feature-header .row ._big {
    color: #000000;
}
.c-project ol {
line-height: 2;
padding-left: 20px;   
}
.teg {
    background: #6a3ccd;
}
.avatar {
    border: 2px solid #6a3ccd !important;
}
.c-slider._small .item {
    min-height:  600px !important;
}
.e-card:hover .table .row {
    color: #000 !important;
}
nav .second-menu {
    width: 700px !important;
    margin-top: 25px !important;
    }
.c-service-list .item .animation ._circle {
    background: #6a3ccd !important;
}
.c-service-list .item .animation ._square {
    background: #6a3ccd !important;
}
.c-service a {
    color: #6a3ccd;
} 
.buttons-group .button._active {
    background: #000 !important;
    border-color: #000 !important;
}
.buttons-group .button {
    border-color: #000 !important;
}
.pointer .point .line._active {
    background: #6a3ccd !important;
}
.pointer .point {
    color: #6a3ccd !important;
}
.e-card:hover .link {
    color: #000;
}
nav .item a._label {
    background: #6a3ccd !important;
}
.mobile-menu nav .item a._label {
    color: #fff !important;
}
.e-card .link {
    color: #6a3ccd;
}
.c-mini-card .header {
    background-color: #6a3ccd !important;
}
.c-radio input:checked~.checkmark {
    background-color: #6a3ccd !important;
}
[data-owl-carousel] .owl-dots .owl-dot.active span {
    background: #6a3ccd !important;
}
.c-slider h1 {
    color:  #000 !important;
}
.c-feature-header .row ._primary {
    color: #6a3ccd !important;
}
._special ._primary {
    color: #6a3ccd !important;
}
nav>.item>a.second-menu-trigger:after {
    background: #6a3ccd !important;
    bottom: -25px !important;
}
.link-hover {
    background-image: linear-gradient(#6a3ccd, #6a3ccd);
}
.c-projects a {
    color: #6a3ccd;
}
.c-checkbox input:checked~.checkmark {
    background-color: #6a3ccd !important;
}
.c-checkbox .checkmark {
    border: 2px solid #6a3ccd !important;
}
.c-links .item:hover {
    color: #b8a0ea;
}
.e-button._secondary._full {
    background: #6a3ccd !important;
    color: #fff !important;
}
.e-button._secondary {
    color: #6a3ccd!important;
    border-color: #6a3ccd !important;
}
@media only screen and (max-width: 767px) {
 .owl-carousel .owl-dots {
        bottom: 0.8em;
        right: 130px !important;
    }
.c-logo .img img {
    height: 35px;
}
.c-logo {
    width: 140px;
}
.c-slider .item .title._white {
    color: #fff;
}
.c-slider .item .description {
    color: #fff;
}
}    


.form .zphone {
    font-size: 1.4em;
    font-weight: 600;
    font-family: Gilroy,sans-serif;
    color: #202020;
    position: relative;
    cursor: pointer;
}

.banner .block .description {
    font-size: 24px;
    font-weight: bold;
    line-height: 1.667;
}

.demo .header {
    font-size: 48px;
}
.header._mini {
    padding-top: 0px;
}

.demo {
    padding-bottom: 0px;
}

.prop_image .description {
    padding-bottom: 20px;
}

.marks .mark {
    box-shadow: 0 0 5px rgba(0,0,0,.5);
}

._bold {
    font-weight: 600;
    color: rgb(32 32 32 / 1);
    line-height: 1.667;
}

section.regularity .header {
    font-size: 48px;
}

.stories.snapssenger.carousel .story > .item-link > .info .name {
    display: none;
}

.card-bg .text {
    font-size: 15px !important;
    line-height: 1.8 !important;
}

.card-bg .title {
    margin-bottom: 30px !important;
}
.buttons-group .button {
    margin-left: 0px !important;

}

section.pointer .point {
    margin-right: 7.3em !important;
}

.c-slider .item .block {
    max-width: 700px;
}
.c-slider .item .title {
    max-width: 800px;
}
.tech-text {
    font-weight: bold;
    font-size: 18px;
    line-height: 1.554;
}
.img-fluid-1 {
    margin-top: 8em !important;
}

.img-fluid {
    width: 110% !important;
    transform: translate(-50px,0);
}

.text._desc {
    line-height: 25px !important;
    max-width: 350px;
    min-height: 110px;
}

.price-text {
    font-size: 14px;
  font-family: "Open Sans";
  color: rgb(32, 32, 32);
  line-height: 1.786;
}
.price-header {
    font-size: 44px;
  font-family: "Gilroy";
  color: rgb(32, 32, 32);
  line-height: 1;
}

.name-price {
    font-size: 14px;
    font-weight: bold;
}
.c-blog img {
    margin: 20px 0;
    box-shadow: 0 0 5px #412e50;
}
.col-info p {
    font-size: 18px !important;
    line-height: 120.5% !important;
    font-weight: 600;
}
.main-slide {
    box-shadow: inset 10px 10px 550px 550px #1a1a1aa6;
}


@media only screen and (max-width: 1024px) {
.hide-laptop{
   display: none;
}
}
@media only screen and (max-width: 767px) {
 .letter {
        margin-left: -30px;
    }
.letter-img {
    max-height: 250px;
}
    .c-blog img {
        width: 100%;
        height: auto;
        padding: 10px 0;
    }
}
.c-blog {
    padding-top: 20px;
}
.c-links .item a {
    padding: 10px;
}
.modal {
    max-width: 800px !important;
}
.avatar {
    border: 2px solid #412e50;
}
.search-galery:hover>.search-text {
    background-color: #ffffff00;
    border-bottom: 1px solid #2a1e34;
}

.c-projects .project .right .logo img {
    max-height: 60px;
    max-width: 200px;
}

.c-projects .project .right .title a:hover {
    text-decoration: none;
}
.c-projects .project .right .title a {
    color: #202020;
}

.c-team .member._m1 {
    bottom: 35px !important;
    left: 10px !important;
}
.c-team .member._m2 {
    bottom: -50px !important;
    left: 400px !important;
}
.c-team .member._m6 {
    bottom: 30px !important;
    left: 950px !important;
}
.c-team .member._m4 {
    top: -25px !important;
    left: 600px !important;
}
.c-team .member._m3 {
    top: -27px !important;
    left: 372px !important;
}
 .card-bg._purple {
    background-color: #601afc !important;
 }
 .card-bg._blue {
    background-color: #9c9c9c !important;
 }
 .card-bg._orange {
    background-color: #333333 !important;
 }
 .card-bg {
    padding: 30px 20px 70px 20px !important;
 }
 .home-v2 .c-slider .item > .c-container {
    top: -150px !important;
 }
 .home-v2 .c-slider .item .title._white {
    font-size: 65px;
 }
 .home-v2 .c-slider .item .description {
    max-width: 570px;
    font-size: 20px !important;
    margin-top: 1.7em;
 }
/* End */


/* Start:/local/templates/optima/template_styles.css?164915089057655*/
@font-face{font-family:Gilroy;src:url(/local/templates/optima/fonts/gilroy/Gilroy-Bold.eot);src:url(/local/templates/optima/fonts/gilroy/Gilroy-Bold.eot) format('embedded-opentype'),url(/local/templates/optima/fonts/gilroy/Gilroy-Bold.woff) format('woff'),url(/local/templates/optima/fonts/gilroy/Gilroy-Bold.ttf) format('truetype');font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Gilroy;src:url(/local/templates/optima/fonts/gilroy/Gilroy-ExtraBold.eot);src:url(/local/templates/optima/fonts/gilroy/Gilroy-ExtraBold.eot) format('embedded-opentype'),url(/local/templates/optima/fonts/gilroy/Gilroy-ExtraBold.woff) format('woff'),url(/local/templates/optima/fonts/gilroy/Gilroy-ExtraBold.ttf) format('truetype');font-weight:700;font-style:normal;font-display:swap}nav .item a:hover{color:#fff!important}html{overflow-x:hidden}.news-title-ltr{border-bottom:none}a:hover{color:#202020;text-decoration:underline}a{color:#412e50}div.news-detail img.detail_picture{margin:0 32px 15px 0}@media only screen and (max-width:980px){.hide-on-mobile{display:none!important}}.el-price{font-weight:700;margin-top:1em;position:absolute;bottom:1em;right:1em;z-index:11111;width:100%;height:30px;color:#fff}.products-list-item .picture{min-width:100px}.s-price{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.e-button{z-index:1}.e-button,.e-button:hover{text-decoration:none!important}.e-button span,.e-button:hover span{text-decoration:none!important}.tab-wrapper .tab-menu-list{color:#202020;background:0 0}.tab-menu-item:not(.tab-active){color:#202020}._descr{min-height:100px}.c-service-card .description{margin-bottom:2em}.c-slider .item .description{line-height:30px}.c-slider .item .description .bold{font-size:20px;font-family:'Open Sans',sans-serif;color:#fff;font-weight:400}.c-slider .item .title._white span{color:#e9a03d;font-size:55px;max-width:600px;display:block;margin-bottom:.2em}@media only screen and (max-width:767px){.c-slider .item{min-height:400px;padding-top:2em;padding-bottom:2em;background-position:55% 100%}.c-slider .item ._colored ._bg{min-height:400px;padding-top:2em;padding-bottom:2em;background-position:55% 100%}.c-slider .item .title{font-size:1.3em!important}.c-slider .item .title span{font-size:1.3em!important}.c-slider .item .description{line-height:20px;margin-top:1em}.c-slider .item .button{margin-top:2em}.c-slider .item .e-button{margin-right:0!important;margin-bottom:.5em!important;padding:10px 15px 10px 15px!important;width:260px}}@media only screen and (max-width:767px){.n-header{font-size:43px!important}.mockup .n-header{margin-bottom:0}}.e-button{outline:0!important;text-transform:uppercase;font-weight:300;padding-top:17px!important;padding-bottom:17px!important;border-radius:100px;min-width:230px;text-align:center}.e-button._bigger{padding-top:1.3em;padding-bottom:1.3em;padding-left:3em;padding-right:3em;text-transform:uppercase;font-weight:400;letter-spacing:1.3px}.e-button._huge{padding-top:25px!important;padding-bottom:25px!important;padding-left:60px;padding-right:60px;text-transform:uppercase;font-weight:400;letter-spacing:1.3px}.e-button._secondary{border-color:#412e50;color:#412e50;font-weight:400}.e-button._secondary._full{background:#412e50;color:#fff;font-weight:300}.c-header{font-family:Gilroy,sans-serif;color:#202020;font-weight:900;padding-top:1em;padding-bottom:.5em;font-size:1.8em}.e-card .title{font-size:24px;font-family:'Open Sans',sans-serif;font-weight:700;line-height:1.375}.e-card .description{font-size:14px;font-family:'Open Sans',sans-serif;line-height:1.786}.e-card .table .row{display:-webkit-box;display:-ms-flexbox;display:flex;font-size:14px;font-family:"Open Sans";font-weight:700;line-height:1.786}.e-card:hover .table .row{color:#fff}.e-card._plane{position:relative;padding:2em}.e-card._plane .title{z-index:11;position:relative;font-size:48px;font-family:Gilroy;font-weight:700;line-height:.688;margin-bottom:20px}@media only screen and (max-width:700px){.e-card._plane .title{line-height:1.188;font-size:42px}}.e-card._plane .table{z-index:11;position:relative}.e-card._plane .table .row{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;width:80%;font-size:14px;font-family:"Open Sans";font-weight:700;line-height:1.786}@media only screen and (max-width:700px){.e-card._plane .table .row{width:100%}}.e-card._plane .table .row._footer{margin-top:20px;font-size:18px}.e-card._plane .link{z-index:11;position:relative;font-size:13px;font-family:"Open Sans";font-weight:700;margin-top:25px}.e-card._plane:before{content:' ';position:absolute;top:0;left:0;right:0;bottom:0;background-repeat:no-repeat;background-position:right;opacity:.03;-webkit-transition:all .3s ease;transition:all .3s ease}.e-card._plane._plane-1:before{background-image:url(/local/templates/optima/images/plane_1.png)}.e-card._plane._plane-2:before{background-image:url(/local/templates/optima/images/plane_2.png)}.e-card._plane._plane-3:before{background-image:url(/local/templates/optima/images/plane_3.png)}.e-card._plane._plane-4:before{background-image:url(/local/templates/optima/images/plane_4.png)}.e-card._plane._plane:hover:before{opacity:.5;-webkit-filter:invert(14%) sepia(51%) saturate(611%) hue-rotate(238deg) brightness(95%) contrast(96%);filter:invert(14%) sepia(51%) saturate(611%) hue-rotate(238deg) brightness(95%) contrast(96%)}@-webkit-keyframes plane{50%{-webkit-filter:invert(14%) sepia(51%) saturate(611%) hue-rotate(238deg) brightness(95%) contrast(96%);filter:invert(14%) sepia(51%) saturate(611%) hue-rotate(238deg) brightness(95%) contrast(96%)}100%{opacity:1}}@keyframes plane{50%{-webkit-filter:invert(14%) sepia(51%) saturate(611%) hue-rotate(238deg) brightness(95%) contrast(96%);filter:invert(14%) sepia(51%) saturate(611%) hue-rotate(238deg) brightness(95%) contrast(96%)}100%{opacity:1}}.c-image-card{width:100%!important}.c-image-card .name{display:inline}.c-image-card .card-image{overflow:hidden}.c-image-card .card-image .bg{-webkit-transition:all .3s ease;transition:all .3s ease}.c-image-card .description{font-size:14px;line-height:25px}@media only screen and (max-width:767px){.c-image-card{max-width:310px;margin-left:auto;margin-right:auto}.c-image-card .card-image{width:100%!important}}#partners-slider>.item .c-card{padding:0 1em!important}#partners-slider{width:100%;margin-left:300px}.c-flex{display:-webkit-box;display:-ms-flexbox;display:flex}.c-flex._space-between{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.c-flex._grow>*{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}.__text._right{text-align:right}.__text._primary{color:#412e50}.__text._bold{font-weight:700}._fs-9{font-size:.9em}.c-grid>.col._grow{-webkit-box-flex:1;-ms-flex:1 1 100%;flex:1 1 100%}.c-grid._nowrap{-ms-flex-wrap:nowrap;flex-wrap:nowrap}.mt-10{margin-top:1em}.mt-30{margin-top:3em}section.team{margin-top:3em}section.team .detail_photo{width:300px!important}section.team .c-header{padding:0;margin-top:0}section.team .space{-webkit-box-flex:0;-ms-flex:0 0 180px;flex:0 0 180px}section.team .main_photo img{width:100%}section.team ._min{-webkit-box-flex:0;-ms-flex:0 0 340px;flex:0 0 340px;max-width:340px}@media only screen and (max-width:767px){section.team .c-flex{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}section.team .c-flex .space{-webkit-box-flex:0;-ms-flex:0 0 2em;flex:0 0 2em}section.team .c-grid._nowrap{-ms-flex-wrap:wrap;flex-wrap:wrap}section.team ._min{margin-left:auto;margin-right:auto}}body{overflow-x:hidden!important;background:#d4d4d4}.container{width:70%;margin-left:auto;margin-right:auto;overflow:hidden}.__slider{overflow:hidden;position:relative;z-index:1;padding-bottom:2em}.__slider .pin-spacer{z-index:0}.__slider ._slides{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;margin-top:2em;margin-bottom:2em;-webkit-box-sizing:border-box;box-sizing:border-box}.__slider ._slides *{-webkit-box-sizing:border-box;box-sizing:border-box}.__slider ._slides ._slide{-webkit-box-flex:0;-ms-flex:0 0 25%;flex:0 0 25%;position:relative;padding-bottom:.5em}.__slider ._slides ._slide ._content{padding:1em;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}.__slider ._slides ._slide ._content .icon{margin-right:1em}.__slider ._slides ._slide ._content .icon img{-webkit-filter:invert(99%) sepia(59%) saturate(110%) hue-rotate(196deg) brightness(111%) contrast(86%);filter:invert(99%) sepia(59%) saturate(110%) hue-rotate(196deg) brightness(111%) contrast(86%);-webkit-transition:all .4s ease;transition:all .4s ease}.__slider ._slides ._slide ._content .description{font-size:14px;line-height:20px}.__slider ._slides ._slide ._marker{content:' ';position:absolute;left:27px;bottom:-11px;width:15px;height:15px;border-radius:15px;background:#ededed;z-index:1}.__slider ._slides ._slide._active .icon img{-webkit-filter:none;filter:none}.__slider ._slides ._slide._active ._marker{background:#412e50}.__slider ._line{margin-left:40px;height:3px;width:0;background:#412e50;position:relative;margin-top:-3px}.__slider ._ghost{margin-left:40px;height:3px;position:relative;margin-top:-30px;width:calc(100% - 40px);background:#ededed}@media only screen and (max-width:1024px){.__slider{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse}.__slider ._slides{display:block}.__slider ._slides ._slide ._marker{left:0;top:50%;margin-top:-7px}.__slider ._slides ._slide ._content{padding-left:1em;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.__slider ._slides ._slide ._content .icon{margin-left:1em}.__slider ._line{margin-left:0;margin-top:0;width:3px!important;left:6px;top:75px;position:absolute;height:0}.__slider ._ghost{height:calc(100% - 196px);margin-left:0;margin-top:0;width:3px!important;left:6px;top:75px;position:absolute;background:#ededed}}.a-ml--20{margin-left:-2em}.a-mr--20{margin-right:-2em}.c-checkbox{position:relative;min-height:22px;margin-bottom:10px;margin-left:calc(22px + 10px);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:14px}.c-checkbox input{position:absolute;opacity:0;cursor:pointer;height:100%;width:100%;top:0;left:calc(-22px - 10px);right:0;bottom:0;z-index:2}.c-checkbox:hover input~.checkmark{background-color:transparent}.c-checkbox input:checked~.checkmark{background-color:#412e50}.c-checkbox .checkmark{position:absolute;top:0;left:calc(-22px - 10px);height:22px;width:22px;background-color:transparent;border:2px solid #412e50}.c-checkbox .checkmark:after{content:"";position:absolute;display:none}.c-checkbox input:checked~.checkmark:after{display:block}.c-checkbox .checkmark:after{left:6px;top:0;width:8px;height:14px;border:solid #fff;border-width:0 3px 3px 0;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.c-checkbox._small{font-size:12px;margin-left:25px}.c-checkbox._small .checkmark{height:15px;width:15px;top:3px;left:-25px}.c-checkbox._small .checkmark:after{left:2px;top:-1px;width:6px;height:11px;border-width:0 2px 2px 0}.c-checkbox._error .checkmark{border-color:red!important}.form .field{position:relative}.form .field .alert{position:absolute;right:0;top:4px;padding:.5em .8em;font-size:.8em;border:2px solid #b1b1b1;border-radius:30px;color:grey;-webkit-box-shadow:5px 5px 5px #d4d4d4;box-shadow:5px 5px 5px #d4d4d4}.e-input._error{border-color:red!important}.c-radio{position:relative;min-height:17px;margin-bottom:10px;margin-left:calc(17px + 10px);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.c-radio input{position:absolute;opacity:0;cursor:pointer;height:100%;width:100%;top:0;left:calc(-17px - 10px);right:0;bottom:0;z-index:2}.c-radio:hover input~.checkmark{background-color:#cbcbcb}.c-radio input:checked~.checkmark{background-color:#412e50}.c-radio .checkmark{position:absolute;top:0;left:calc(-17px - 10px);height:17px;width:17px;background-color:#cbcbcb;border-radius:50%}.c-radio._square{margin-bottom:0}.c-radio._square .checkmark{border-radius:0}.c-radio input:checked~.checkmark:after{display:block}.c-service-list .col{padding:1px!important}.c-service-list .item{position:relative;background-color:#fff;min-height:180px;padding:1em;overflow:hidden;display:block;text-decoration:none}.c-service-list .item .title{font-size:18px;font-family:'Open Sans',sans-serif;color:#000;font-weight:700;line-height:1.833;max-width:300px}.c-service-list .item .icon{position:absolute;right:25px;bottom:25px;z-index:1}.c-service-list .item .icon._filter img{-webkit-filter:invert(100%) sepia(0) saturate(7465%) hue-rotate(182deg) brightness(10000%) contrast(1000%);filter:invert(100%) sepia(0) saturate(7465%) hue-rotate(182deg) brightness(10000%) contrast(1000%)}.c-service-list .item .animation{position:absolute;right:-20px;bottom:-20px;opacity:0}.c-service-list .item .animation ._circle{background:#412e50;width:100px;height:100px;border-radius:100px}.c-service-list .item .animation ._square{background:#412e50;position:absolute;width:50px;height:50px;top:50px;left:50px}.main-content .header{padding-top:2em;padding-bottom:1em;font-size:48px}.main-content .header ._huge{font-size:50px;color:#202020;font-weight:700;line-height:.873;text-align:left}.main-content .header ._link{font-size:48px;color:#202020;font-weight:700;line-height:.688}.c-feature .description{font-size:15px;color:#202020;line-height:1.133;text-align:left}.js-output-image_connection{position:relative}.mockup .c-grid{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.mockup .owl-dots{position:absolute;left:-8px;right:auto;bottom:0}.mockup .notebook{position:relative}.mockup .notebook .gallery{position:absolute;left:5px;right:0;top:1px;margin:36px 67px;width:402px;height:266px}.mockup .notebook .gallery .image{position:absolute;top:0;left:0;right:0;bottom:0;overflow:hidden;background-position:center center;background-size:cover}@media only screen and (max-width:600px){.mockup .notebook img{width:100%}.mockup .notebook .gallery{width:calc(100% - 144px);height:calc(100% - 87px)}}@media only screen and (max-width:400px){.mockup .notebook img{width:100%}.mockup .notebook .gallery{margin:20px 38px;width:calc(100% - 88px);height:calc(100% - 54px)}}.mockup .name{font-size:18px;color:#202020;font-weight:700;line-height:1.833;padding-bottom:35px}.mockup .description{font-size:15px;color:#202020;line-height:1.6;padding-bottom:50px}@media only screen and (max-width:1199px){.col-s-12{-webkit-box-flex:0!important;-ms-flex:0 0 100%!important;flex:0 0 100%!important;max-width:100%!important}._spec{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}._spec>*{padding:.5em}._spe{display:block;text-align:center}._spe .e-button{margin-bottom:20px}.mobile-full{width:100%}.banner._usual{background-position:left center}}.c-feature-header .row{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;margin-bottom:40px}.c-feature-header .row ._big{font-weight:700;line-height:.873;font-family:Gilroy,sans-serif;font-size:52px;margin-right:20px;text-transform:uppercase}.c-feature-header .row .vertical{font-size:16px;color:#d3d3d3;font-weight:700;line-height:1.125}.c-feature-header .row .vertical ._small{color:#d3d3d3}.c-feature-header .row .vertical ._normal{color:#000}.c-feature-header .row._mobile{display:block}.c-feature-header .row._mobile .vertical{margin-top:10px}.c-feature-header .row ._primary{color:#412e50}@media only screen and (max-width:768px){.c-feature-header .row ._big{font-size:40px}.c-feature-header .row .vertical{margin-top:-5px}}@font-face{font-family:rouble;src:url(/local/templates/optima/fonts/rouble.otf) format("opentype")}i.rub{font-family:rouble,serif}.n-header{font-size:48px;font-family:Gilroy,sans-serif;color:#202020;font-weight:700;line-height:1;margin-top:80px;margin-bottom:80px}.c-list .header{font-size:24px;color:#202020;font-weight:400;line-height:1.667}.c-list .item{font-size:15px;font-family:'Open Sans',sans-serif;color:#202020;line-height:2;padding-left:20px;position:relative}.c-list .item:before{content:"—";position:absolute;left:0;top:0}._special ._primary{font-size:24px;color:#412e50;font-weight:700;line-height:1;margin-bottom:1em}._special p{font-size:14px;font-family:'Open Sans',sans-serif;color:#202020;line-height:1.786}.Программные_продукты__и_готовые_решения{font-size:48px;font-family:Gilroy,sans-serif;color:#202020;font-weight:700;line-height:1;position:absolute;left:384.36px;top:3212.79px;width:515px;height:92px;z-index:84}.banner._usual{min-height:500px;margin-bottom:0;background-position:center right}@media only screen and (max-width:700px){.banner._usual{background-position:center center}}.banner._usual .block{max-width:370px}.banner._usual .block .header{font-size:32px;color:#fff;font-weight:400;line-height:1.091}.banner._usual .block .header span,.banner._usual .block .header strong{font-weight:700}.c-list-radio .title{font-size:18px;font-weight:700;margin-bottom:30px;color:#202020;line-height:1.833}.c-list-radio .list .c-radio .text{font-size:15px;font-family:'Open Sans',sans-serif;color:#202020;margin-bottom:10px}.c-team{position:relative}.c-team .image img{width:100%}.c-team .member{position:absolute}@media only screen and (max-width:900px){.c-team .member{display:none!important}}.c-team .member .name{font-size:17px;font-family:Gilroy,sans-serif;color:#000;font-weight:700;line-height:1.667}.c-team .member .description{font-size:14px;font-family:'Open Sans',sans-serif;color:#202020;line-height:1.4}.c-team .member .links a{font-size:14px;font-family:'Open Sans',sans-serif;color:#0601d1;line-height:1.786}.c-team .member._m1{bottom:31px;left:80px}.c-team .member._m2{bottom:-20px;left:259px}.c-team .member._m3{top:-37px;left:362px}.c-team .member._m4{top:-52px;left:569px}.c-team .member._m5{top:-70px;left:787px}.c-team .member._m6{bottom:0;left:900px}@media only screen and (max-width:1024px){.c-team .member._m1{left:55px}.c-team .member._m2{left:225px}.c-team .member._m3{left:332px}.c-team .member._m4{left:525px}.c-team .member._m5{top:-52px;left:728px}.c-team .member._m6{bottom:-15px;right:55px;left:auto}}.owl-nav svg{width:25px!important;height:45px!important}.u-button{display:inline-block;vertical-align:middle;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;padding:11px 70px;min-width:230px;cursor:pointer;font-size:18px;font-family:'Open Sans',sans-serif;font-weight:400;text-align:center;border:2px solid transparent;border-radius:100px;text-transform:uppercase;letter-spacing:1.3px;color:#202020;background-color:transparent;border-color:#202020;line-height:2.5}.u-button._animated{position:relative;overflow:hidden!important;-webkit-transition:all 1s ease;transition:all 1s ease}.u-button._animated span{position:relative;z-index:10}.u-button._animated:after,.u-button._animated:before{position:absolute;content:'';top:130%;left:50%;width:20em;height:20em;margin-left:-10em;border-radius:42.5%;-webkit-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-transition:all 2s ease,top 1.5s ease;transition:all 2s ease,top 1.5s ease}.u-button._animated:before{-webkit-animation:smallwave 3s infinite linear;animation:smallwave 3s infinite linear}.u-button._animated:after{-webkit-animation:smallwave 3.5s infinite linear;animation:smallwave 3.5s infinite linear}.u-button._animated:hover:after,.u-button._animated:hover:before{top:-140%;-webkit-transition:all 4s ease,top 3s ease;transition:all 4s ease,top 3s ease}.u-button._primary{color:#fff;border-color:#e9a02c;background:#e9a02c}.u-button._primary._basic{color:#e9a02c;border-color:#e9a02c;background:0 0}.u-button._primary._animated:before{background:#412e50}.u-button._primary._animated:after{background:#e9a02c}.u-button._primary:hover{border-color:#9e6811;background:#cd8615}.u-button._primary._disabled,.u-button._primary:disabled{color:#CCC;border-color:#9b6b1d;background:#9b6b1d}[rel=tabs]{margin-top:1em}.phone-link{font-size:1.4em;font-weight:600;font-family:Gilroy,sans-serif;color:#202020;position:relative;cursor:pointer}.phone-link:after{position:absolute;z-index:2;content:' ';left:25px;right:-25px;bottom:-3px;height:2px;background:#202020;-webkit-transition:-webkit-transform .3s cubic-bezier(1,.11,0,1.01);transition:-webkit-transform .3s cubic-bezier(1,.11,0,1.01);transition:transform .3s cubic-bezier(1,.11,0,1.01);transition:transform .3s cubic-bezier(1,.11,0,1.01),-webkit-transform .3s cubic-bezier(1,.11,0,1.01)}.phone-link:hover{color:#202020;text-decoration:none}.phone-link:hover:after{-webkit-transform:translateX(-10px);transform:translateX(-10px)}.phone-link:active:after{-webkit-transform:translateX(-25px);transform:translateX(-25px)}.blocker{height:100vh;z-index:100}#request .header{padding-top:.5em}#request .small-block{max-width:100%}#request ._phone{display:none}.modal a.close-modal{-webkit-transition:all .2s ease;transition:all .2s ease;background-image:url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' fill='%23412e50' viewBox='0 0 51.976 51.976' style='enable-background:new 0 0 51.976 51.976;' xml:space='preserve'%3E%3Cg%3E%3Cpath d='M44.373,7.603c-10.137-10.137-26.632-10.138-36.77,0c-10.138,10.138-10.137,26.632,0,36.77s26.632,10.138,36.77,0 C54.51,34.235,54.51,17.74,44.373,7.603z M36.241,36.241c-0.781,0.781-2.047,0.781-2.828,0l-7.425-7.425l-7.778,7.778 c-0.781,0.781-2.047,0.781-2.828,0c-0.781-0.781-0.781-2.047,0-2.828l7.778-7.778l-7.425-7.425c-0.781-0.781-0.781-2.048,0-2.828 c0.781-0.781,2.047-0.781,2.828,0l7.425,7.425l7.071-7.071c0.781-0.781,2.047-0.781,2.828,0c0.781,0.781,0.781,2.047,0,2.828 l-7.071,7.071l7.425,7.425C37.022,34.194,37.022,35.46,36.241,36.241z'/%3E%3C/g%3E%3C/svg%3E")}.modal a.close-modal:after{content:'';position:absolute;top:4px;left:4px;right:4px;bottom:4px;border-radius:5px;background:#fff;z-index:-1}.team .col._min .main_photo{padding-left:23px;padding-right:23px}.filter-sublist{background:#fff}.c-intro .header{font-size:24px;font-family:Gilroy,sans-serif;color:#412e50;font-weight:700;line-height:1}.c-intro .description{font-size:14px;font-family:'Open Sans',sans-serif;color:#202020;line-height:1.786}section.service .owl-carousel .owl-nav{bottom:25%}section.videos .owl-carousel .owl-nav{bottom:-13px}.c-about-slider{width:calc(100% - 60px);margin-left:auto;margin-right:auto}.c-about-slider .item .picture{width:100px;margin-right:auto;margin-left:auto}.c-about-slider .item .description{font-size:14px;font-family:'Open Sans',sans-serif;color:#202020;line-height:1.786;text-align:center}.c-about-slider .owl-nav{right:0;width:100%;top:40%}.c-about-slider .owl-nav .owl-prev{left:-30px;position:absolute}.c-about-slider .owl-nav .owl-next{right:-30px;position:absolute}.all{text-align:right;margin-top:1em}.all a{font-weight:700}@media only screen and (max-width:500px){.main_photo img{width:302px!important}}._hide_on_desktop{display:none!important}@media only screen and (max-width:1140px){._hide_on_mobile nav .hide-on-mobile{display:none!important}}@media only screen and (max-width:1024px){._hide_on_mobile{display:none!important}._hide_on_desktop{display:-webkit-box!important;display:-ms-flexbox!important;display:flex!important}}@media only screen and (max-width:600px){[rel=tabs] .content{left:0}}section._404{background-color:#54a1d5;height:100%;margin-right:-100%;margin-left:-100%;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._404 ._flex{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}section._404 ._flex .left{-webkit-box-flex:0;-ms-flex:0 0 45%;flex:0 0 45%;padding-top:4em}section._404 ._flex .right{-webkit-box-flex:0;-ms-flex:0 0 55%;flex:0 0 55%}section._404 ._flex .right .image{margin:-2em}section._404 ._flex .right .image img{width:100%}section._404 ._flex .header{font-size:48px;font-family:Gilroy,sans-serif;color:#fff;font-weight:700;line-height:1}section._404 ._flex .actions{margin-bottom:3em}section._404 ._flex .actions ul{list-style-type:none;padding-left:35px}section._404 ._flex .actions ul li a{font-size:18px;font-family:'Open Sans',sans-serif;color:#fff;line-height:2;position:relative}section._404 ._flex .actions ul li a:before{content:' ';position:absolute;left:-30px;top:2px;width:17px;height:20px;background-image:url(/local/templates/optima/images/li_marker.png);background-size:contain;background-position:center center;background-repeat:no-repeat}@media only screen and (max-width:1205px){section._404{margin-right:-2em;margin-left:-2em}section._404 ._flex .left{-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;padding-top:4em}section._404 ._flex .left .header{font-size:42px;padding-top:1.5em}section._404 ._flex .right{-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%}}@media only screen and (max-width:996px){section._404{margin-right:-100%;margin-left:-100%}}@media only screen and (max-width:768px){section._404{margin-right:-2em;margin-left:-2em;padding-left:2em;padding-right:2em}}@media only screen and (max-width:630px){section._404 ._flex{margin-left:2.5em!important;margin-right:2.5em!important;-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse}section._404 ._flex .left{padding-top:0}section._404 ._flex .left .header{font-size:28px;padding-top:1em}section._404 ._flex .left ul li a{font-size:16px}section._404 ._flex .right .image{margin:0}}.c-slide{margin-bottom:30px}.c-slide .row{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-bottom:10px}.c-slide .row .duration,.c-slide .row .title{font-size:15px;font-family:'Open Sans',sans-serif;color:#202020;line-height:1.133;font-weight:700}.c-slide .line{height:9px;background:#ededed;overflow:hidden}.c-slide .line .active{height:9px;background:#412e50;width:0}.c-counter{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;margin-bottom:2.2em}.c-counter .number{font-family:Gilroy,sans-serif;color:#412e50;font-weight:700;line-height:.873;font-size:52px;min-width:130px}.c-counter .right{padding-left:5px;font-size:16px;font-family:Gilroy,sans-serif;color:#412e50;font-weight:700;line-height:1.125}.c-counter._black .number,.c-counter._black .right{color:#000}@media only screen and (max-width:996px){.c-counter .number{font-size:40px}}[rel=tabs] .names{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}[rel=tabs] .names .item{font-size:24px;font-family:'Open Sans',sans-serif;color:#202020;font-weight:700;line-height:1.376}@media only screen and (min-width:700px){[rel=tabs] .names .item:first-child{margin-left:0!important}}[rel=tabs]._small .names .item{font-size:22px}@media only screen and (max-width:1060px){[rel=tabs]._small .names .item{font-size:20px}}[rel=tabs].full{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}._mb-0{margin-bottom:0!important}._circle-icon{border:3px solid #000;width:54px;height:54px;min-width:54px;display:inline-block;text-align:center;font-style:normal;border-radius:50px;line-height:49px;font-size:52px}.n-header._small{font-size:30px;font-family:Gilroy,sans-serif;color:#202020;font-weight:700;line-height:1.101;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-top:0;margin-bottom:0}.n-header._small i{margin-right:20px}.c-mini-card{margin-top:2em;margin-bottom:2em;-webkit-box-shadow:0 0 20px #989898;box-shadow:0 0 20px #989898}.c-mini-card .header{background-color:#412e50;font-size:20px;font-family:Gilroy,sans-serif;color:#fff;font-weight:700;line-height:1.651;padding:20px}.c-mini-card .description{padding:20px;font-size:13px;font-family:Gilroy,sans-serif;color:#202020;line-height:1.5}.c-mini-card .includes{padding:20px;margin-top:1em}.c-mini-card .includes .include{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-bottom:6px}.c-mini-card .includes .include ._name{font-size:20px;font-family:Gilroy,sans-serif;color:#412e50;font-weight:700;line-height:1.651}.c-mini-card .includes .include ._val{width:28px;height:28px;background-image:url(/local/templates/optima/images/icons/ic1.png);background-position:center center;background-size:cover}.c-mini-card .includes .include ._val._negative{background-image:url(/local/templates/optima/images/icons/ic2.png)}._pl-0{padding-left:0!important}._pl-10{padding-left:1em!important}._pr-0{padding-right:0!important}._mb-20{margin-bottom:2em!important}._mr-20{margin-right:2em!important}._special_padding{padding-left:8px!important}.rub{font-style:normal}.c-items{list-style-type:none;padding:0}.c-items .owl-stage-outer>.owl-stage>.owl-item>.item,.c-items>.item{padding:1em;background-color:transparent;-webkit-transition:background-color .3s ease;transition:background-color .3s ease}.c-items .owl-stage-outer>.owl-stage>.owl-item>.item:hover,.c-items>.item:hover{background-color:#dfdfdf}.c-items .owl-stage-outer>.owl-stage>.owl-item>.item .picture,.c-items>.item .picture{padding:1em}.c-items .owl-stage-outer>.owl-stage>.owl-item>.item .title,.c-items>.item .title{text-align:center;margin-bottom:.5em;min-height:50px}.c-items .owl-stage-outer>.owl-stage>.owl-item>.item .title a,.c-items>.item .title a{font-size:18px;font-family:'Open Sans',sans-serif;color:#000;font-weight:700;line-height:25px}.c-items .owl-stage-outer>.owl-stage>.owl-item>.item .description,.c-items>.item .description{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;font-size:12px;font-family:'Open Sans',sans-serif;color:#7a7a7a;line-height:1.333;text-align:center}.c-items .owl-stage-outer>.owl-stage>.owl-item>.item .row,.c-items>.item .row{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-top:1em}.c-items .owl-stage-outer>.owl-stage>.owl-item>.item .row .price,.c-items>.item .row .price{font-size:20px!important;font-family:'Open Sans',sans-serif;color:#000;font-weight:700;line-height:1.8}.c-items .owl-stage-outer>.owl-stage>.owl-item>.item .row .button,.c-items>.item .row .button{cursor:pointer;-webkit-filter:invert(42%) sepia(48%) saturate(12%) hue-rotate(314deg) brightness(102%) contrast(84%);filter:invert(42%) sepia(48%) saturate(12%) hue-rotate(314deg) brightness(102%) contrast(84%);-webkit-transition:all .2s ease;transition:all .2s ease}.c-items .owl-stage-outer>.owl-stage>.owl-item>.item .row .button:hover,.c-items>.item .row .button:hover{-webkit-filter:none;filter:none}.c-main-grid{display:-webkit-box;display:-ms-flexbox;display:flex}.c-main-grid .filter{-webkit-box-flex:0;-ms-flex:0 0 350px;flex:0 0 350px}.c-main-grid .filter>div{background:#fff;margin-right:1em;padding:35px}@media only screen and (max-width:700px){.c-main-grid .filter{display:none}}.c-main-grid .cards{-webkit-box-flex:1;-ms-flex:1 1 100%;flex:1 1 100%}@media only screen and (max-width:700px){html{overflow-x:hidden!important}}.filter-list-wrapper .field-wrapper{margin:0!important}.filter-wrapper{margin:0}[rel=filter-content]{width:100%}.filter-list-wrapper{margin:0!important}.filter-list-wrapper .field-type-list:not(:last-child){margin-bottom:30px!important}.filter-list-wrapper ._header{display:-webkit-box;display:-ms-flexbox;display:flex;margin-bottom:10px;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;cursor:pointer}.filter-list-wrapper ._header .text{font-size:14px;font-family:'Open Sans',sans-serif;color:#000;line-height:1.143}.filter-list-wrapper ._header .js-trigger{position:relative;left:7px}.filter-list-wrapper ._header .js-trigger .minus{width:20px;height:2px;background:#412e50}.filter-list-wrapper ._header .js-trigger .plus{height:20px;width:2px;background:#412e50;position:relative;left:9px;bottom:9px}.filter-list-wrapper ._header .js-trigger._opened .plus{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.filter-list-wrapper .field-wrapper{margin:0}.filter-list-wrapper .field-wrapper .filter-list{max-height:300px;overflow:hidden;overflow-y:visible;width:100%;position:relative;padding-right:4em}.filter-list-wrapper .field-wrapper .filter-item{margin-top:10px;margin-bottom:10px}.filter-list-wrapper .field-wrapper .filter-item .filter-item-title{padding:0;font-size:14px;font-family:'Open Sans',sans-serif;color:#000;line-height:1.143}.filter-list-wrapper .field-wrapper .filter-item .filter-item-choice{width:20px;height:auto;margin:0}.filter-list-wrapper .field-wrapper .filter-item .filter-item-choice:after{width:18px;height:18px;background:#ededed;left:0;top:0;margin:0}.filter-list-wrapper .field-wrapper .filter-checked>.filter-item-choice::after{background:#412e50}._js-trigger{height:0;opacity:0}._js-trigger._opened{height:auto;opacity:1}.ps{overflow:hidden!important;overflow-anchor:none;-ms-overflow-style:none;touch-action:auto;-ms-touch-action:auto}.ps__rail-y{display:none;opacity:0;transition:background-color .2s linear,opacity .2s linear;-webkit-transition:background-color .2s linear,opacity .2s linear;width:15px;right:0;position:absolute}.ps--active-y>.ps__rail-y{display:block;background-color:transparent}.ps__thumb-y{background-color:#412e50;border-radius:0;-webkit-transition:background-color .2s linear,width .2s ease-in-out;transition:background-color .2s linear,width .2s ease-in-out;width:2px;right:2px;position:absolute;z-index:2}@supports (-ms-overflow-style:none){.ps{overflow:auto!important}}@media screen and (-ms-high-contrast:active),(-ms-high-contrast:none){.ps{overflow:auto!important}}.ps__rail-y{opacity:1}.ps__rail-y:after{content:' ';position:absolute;top:0;right:2px;z-index:1;width:2px;bottom:0;background:#d0d0d0}.closed .vertical{-webkit-transition:all .5s ease-in-out;transition:all .5s ease-in-out;-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}.closed .horizontal{-webkit-transition:all .5s ease-in-out;transition:all .5s ease-in-out;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:1}.opened{opacity:1}.opened .vertical{-webkit-transition:all .5s ease-in-out;transition:all .5s ease-in-out;-webkit-transform:rotate(90deg);transform:rotate(90deg)}.opened .horizontal{-webkit-transition:all .5s ease-in-out;transition:all .5s ease-in-out;-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0}[rel=tabs] .names a:first-child{margin-left:0}[rel=tabs] .filter{margin-left:0}.catalog-search{display:-webkit-box;display:-ms-flexbox;display:flex;margin-left:auto}.catalog-search input{margin:0;outline:0;line-height:1.2em;padding:.7em 1em;font-size:1em;background:0 0;border:none;border-bottom:2px solid rgba(32,32,32,.8);color:#202020;border-radius:0;width:100%;-webkit-transition:color .1s ease,border-color .1s ease;transition:color .1s ease,border-color .1s ease}.c-breadcrumb{font-size:18px;font-family:'Open Sans',sans-serif;color:#5f5f5f;line-height:2}.c-breadcrumb .item,.c-breadcrumb .section{color:#5f5f5f;text-decoration:none}.c-breadcrumb a{color:#5f5f5f;text-decoration:none}.product-card{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}@media only screen and (max-width:700px){.product-card{display:block}}.product-card .picture{-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;padding:3em;padding-top:0}.product-card .product-info>div{background:#ededed;padding:30px;text-align:center}.product-card .m-price{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.product-card .m-price>.rent{margin-top:50px}.product-card .m-price>*{padding-top:0;padding-right:0}.product-card .m-price>*>.price{padding-bottom:1em}.product-card .e-price{font-size:55px;font-family:Gilroy,sans-serif;color:#000;font-weight:700;line-height:1.091}._full-margined{margin-left:-100%;margin-right:-100%}@media only screen and (max-width:700px){._full-margined{margin-left:0;margin-right:0}}._bg-white{background:#ededed}.product-full-information{border-top:none;padding:0}.tab-menu-item{font-size:24px;font-family:'Open Sans',sans-serif;color:#202020;font-weight:700;line-height:1.376;padding:0!important}.tab-wrapper .tab-menu-list .tab-menu-item.tab-active:after{position:absolute;bottom:-5px;left:0;content:' ';margin-left:auto;margin-right:auto;height:4px;background:#412e50}.tab-block-content{font-size:14px;font-family:'Open Sans',sans-serif;color:#202020;line-height:1.786}.e-button._full._license{width:auto;min-width:150px;margin-left:3em;padding-top:12px!important;padding-bottom:12px!important}.news-description ol ul>li::before,.news-description ul:not(.plain-list):not(.license-list)>li::before,.page-content ol ul>li::before,.page-content ul:not(.plain-list):not(.license-list)>li::before,.tab-block-content ol ul>li::before,.tab-block-content ul:not(.plain-list):not(.license-list):not(.screenshots-list):not(.slick-dots)>li::before{background-image:url(/local/templates/optima/images/checkbox.png);background-position:center center;width:16px;height:16px;margin-right:5px;margin-top:4px;position:relative;top:5px}#zuck-modal-content .story-viewer .slides .item{background:0 0}#zuck-modal-content .story-viewer .head .left{display:none!important}.c-stories{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;min-height:250px;background:#3785a4;padding-top:75px}.c-stories .names{display:-webkit-box;display:-ms-flexbox;display:flex;margin-bottom:25px}.c-stories .names .item{opacity:0;font-size:24px;font-family:'Open Sans',sans-serif;color:rgba(255,255,255,.549);font-weight:700;line-height:1.376;margin-right:25px}.c-stories .names .item._active{color:#fff}#stories{height:140px}.c-stories .story,.c-stories .story>.item-link,.c-stories .story>.item-link>.item-preview,.c-stories .story>.item-link>.item-preview img{width:107px!important;height:123px!important}.y-subscribe{-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:#c00;border-radius:2px;color:#fff;cursor:pointer;font-family:Roboto,Noto,sans-serif;font-size:14px;font-weight:500;height:36px;letter-spacing:.01px;min-width:71.96px;padding:10px 16px;text-transform:uppercase;width:135px;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;margin-left:5em;display:block;margin-top:0}.y-subscribe.clicked{background-color:#303030}.y-subscribe:hover{text-decoration:none!important;color:#fff}._flex{display:-webkit-box;display:-ms-flexbox;display:flex}._flex._space-between{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}._flex._v-center{-webkit-box-align:center;-ms-flex-align:center;align-items:center}@media only screen and (max-width:600px){._flex._v-center{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}._flex._v-center .y-subscribe{margin-top:2em}}._ml-1{margin-left:1em}._ml-2{margin-left:2em}._ml-3{margin-left:3em}._mt-1{margin-top:1em}.stretch_to_next{width:calc(100% - 32px)}.stories.carousel .story>.item-link,.stories.snapssenger.carousel .story{min-height:120px}.stories.carousel .story>.item-link>.item-preview,.stories.snapssenger.carousel .story{max-height:1000px!important}.home-v2 .c-header{font-size:48px;font-family:Gilroy,sans-serif;color:#202020;font-weight:700;line-height:.688;letter-spacing:-2px}._header-margin{margin-top:100px;margin-bottom:50px;padding:0}._header-margin>:not(.y-subscribe){margin:0;padding:0}.c-reviews .item{border:none;padding:10px}.c-reviews .item>.top{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.c-reviews .item>.top .avatar{-webkit-box-flex:0;-ms-flex:0 0 100px;flex:0 0 100px;border:2px solid #412e50;border-radius:100px;overflow:hidden}.c-reviews .item>.top .right{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;padding-left:15px}.c-reviews .item>.top .link,.c-reviews .item>.top .name{font-size:13px;font-family:'Open Sans',sans-serif;color:#202020;font-weight:700;line-height:1.385}.c-reviews .item>.top .link{color:#0f48ec}.c-reviews .item>.description{margin-top:20px;height:100px;overflow:hidden;font-size:13px;font-family:'Open Sans',sans-serif;color:#202020;line-height:1.385;position:relative;padding-right:1.5em}[rel=tabs] .content>._active{display:block!important}.c-projects .project{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;margin-bottom:50px}@media only screen and (max-width:700px){.c-projects .project{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}}.c-projects .project .left{-webkit-box-flex:1;-ms-flex:1 1 60%;flex:1 1 60%}.c-projects .project .right{padding-left:40px;-webkit-box-flex:1;-ms-flex:1 1 40%;flex:1 1 40%}@media only screen and (max-width:700px){.c-projects .project .right{padding-left:0}}.c-projects .project .right .title{font-size:24px;font-family:'Open Sans',sans-serif;color:#202020;font-weight:700;line-height:1.375;margin-bottom:20px}.c-projects .project .right .projects{font-size:14px;font-family:'Open Sans',sans-serif;color:#5f5f5f;line-height:1.786;margin-bottom:20px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.c-projects .project .right .projects a{color:#5f5f5f!important}.c-projects .project .right .description{margin-bottom:20px;color:#202020}.c-projects .project .right .logo{margin-bottom:20px}.c-project img{width:100%}.c-project h2,.c-project h3{font-size:42px;font-family:Gilroy,sans-serif;color:#202020;font-weight:700;line-height:1;margin-top:80px;margin-bottom:30px}.c-project ul{padding-left:17px}.c-project ul li{font-size:15px;font-family:'Open Sans',sans-serif;color:#202020;line-height:2}.c-project .flex{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.c-project .flex>*{-webkit-box-flex:0;-ms-flex:0 0 200px;flex:0 0 200px}@media only screen and (max-width:700px){.c-project .flex{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.c-project .flex>*{-webkit-box-flex:0;-ms-flex:0;flex:0}}.c-hero{margin-left:-100%;margin-right:-100%;overflow:hidden}@media only screen and (max-width:768px){.c-hero{margin-left:-2em;margin-right:-2em}}.c-hero .full{margin-left:auto;margin-right:auto;width:100%;position:relative;min-height:650px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}@media only screen and (max-width:992px){.c-hero .full{min-height:600px}}@media only screen and (max-width:768px){.c-hero .full{min-height:400px}}.c-hero .content{min-height:650px;z-index:2;position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-size:42px;font-family:Gilroy,sans-serif;color:#fff;font-weight:400;line-height:1;text-align:center}@media only screen and (max-width:992px){.c-hero .content{min-height:600px}}@media only screen and (max-width:768px){.c-hero .content{min-height:400px}}.c-hero .content span{font-weight:700}.c-hero .content .text{width:100vh!important;margin-left:auto;margin-right:auto}@media only screen and (max-width:992px){.c-hero .content .text{width:100%!important;font-size:34px}}@media only screen and (max-width:768px){.c-hero .content .text{width:100%!important;font-size:28px}}.c-hero .bg{position:absolute;top:0;left:0;right:0;bottom:0;background-position:center center;background-repeat:no-repeat;min-height:650px;z-index:1}@media only screen and (max-width:992px){.c-hero .bg{min-height:600px}}@media only screen and (max-width:768px){.c-hero .bg{min-height:400px}}.c-hero .bg:after{content:' ';position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(25,25,25,.7)}.c-share{text-align:center;font-size:24px;font-family:'Open Sans',sans-serif;color:#202020;font-weight:700;line-height:1.667}.c-share .icons{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.c-share a{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-top:2em;font-size:15px;font-family:'Open Sans',sans-serif;color:#202020;line-height:2}.c-share a svg{width:15px}.c-share a svg:last-child{margin-left:-10px}.under-header h1{font-size:48px;font-family:Gilroy,sans-serif;color:#202020;font-weight:700;line-height:1}#zuck-modal-content .story-viewer .head .back,#zuck-modal-content .story-viewer .head .right .close{color:#fff;display:block!important}#zuck-modal-content .story-viewer .head .back:hover,#zuck-modal-content .story-viewer .head .right .close:hover{text-decoration:none}.story-cont{margin-left:1.5em!important;margin-right:1.5em!important}@media only screen and (max-width:768px){.c-project h2,.c-project h3{font-size:30px}}.image-container{width:100%;position:relative;-o-object-fit:contain;object-fit:contain}.image-container img{position:absolute}.image-container:after{content:"";display:block;padding-bottom:100%}.full-width{width:100%}._bold{font-weight:700}[rel=counter]{display:inline-block;margin-left:20px}[rel=counter]>div{min-width:64px;display:-webkit-box;display:-ms-flexbox;display:flex}[rel=counter] .minus,[rel=counter] .plus{cursor:pointer;min-width:20px}[rel=counter] .minus svg,[rel=counter] .plus svg{width:20px}[rel=counter] .minus svg{display:none}[rel=counter] .minus.show svg{display:block}[rel=counter] .value{padding-left:15px;padding-right:15px;font-size:25px;font-family:"Open Sans";color:#000;line-height:.768;font-weight:600}[rel=counter].compact{margin:0;margin-top:10px}[rel=counter].compact .minus svg,[rel=counter].compact .plus svg{width:15px}[rel=counter].compact .value{font-size:20px;padding-left:10px;padding-right:10px}.basket-result{padding:1em;background:#fff;margin-bottom:1em}.basket-result .link{margin-top:1em;color:#412e50;display:block;font-size:14px;font-family:Gilroy;color:#000;line-height:2.571}.c-offers .offer{display:-webkit-box;display:-ms-flexbox;display:flex;padding-left:1em;margin-top:5px;margin-bottom:5px;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.c-offers .offer .plus svg{width:12px}.c-offers .offer .name{margin-left:5px;margin-right:10px;font-size:12px}.c-offers .offer .remove svg{width:12px}[rel=removeOffer]{cursor:pointer}.under-header{position:relative}.under-header .small-basket{position:absolute;top:0;right:0;display:-webkit-box;display:-ms-flexbox;display:flex}.under-header .small-basket:hover{text-decoration:none}.under-header .small-basket .count{display:block;margin-left:10px}[rel=dimmer]{position:relative}[rel=dimmer]:after{display:none;content:' ';position:absolute;top:0;left:0;right:0;bottom:0;background:#ededed;z-index:11;opacity:.5}[rel=dimmer].show:after{display:block}.home-v2 .on-main{position:absolute;z-index:11}@media only screen and (max-width:700px){.home-v2 .on-main{width:100%}}#stories-blog,#stories-events,#stories-shares{overflow:hidden!important}[rel=tabs].on-main .names .item{font-size:24px;font-family:"Open Sans";color:rgba(255,255,255,.549);font-weight:700;line-height:1.376}[rel=tabs].on-main .names .item._active{color:#fff}[rel=accordion]>.item .title .text{font-size:14px;color:#5f5f5f;line-height:2.857}[rel=accordion]>.item .title._active .text{color:#000;line-height:1.143}.filter .filter-wrapper .field-wrapper.field-type-list{width:100%}.filter .filter-wrapper .filter-list .link{font-size:14px;margin-bottom:11px;margin-top:11px;display:block}.filter .filter-wrapper .filter-list .link:hover{text-decoration:none}.ps__rail-y{height:100%;display:block!important;background-color:transparent}.ps__rail-y:after{content:' ';position:absolute;top:0;right:2px;z-index:1;width:2px;bottom:0;background:#d0d0d0}#basket-modal .items{margin-bottom:2em;max-height:70vh;overflow-y:auto;overflow-x:hidden}#basket-modal .basket-item [rel=item_offer] a{font-size:16px}#basket-modal .basket-item ._price{font-size:18px}#basket-modal .basket-item .offer{padding-left:0}#basket-modal .e-button{padding-top:12px!important;padding-bottom:12px!important;-webkit-transition:background-color .3s ease;transition:background-color .3s ease}#basket-modal .e-button:hover{background-color:#c7851d;color:#fff}@media only screen and (max-width:700px){#basket-modal .basket-item [rel=item_offer]{text-align:center}#basket-modal .basket-item [rel=item_offer] a{font-size:18px}#basket-modal ._price{text-align:center;font-size:16px;color:#333;margin-top:-2em}#basket-modal .offer{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}}[rel=price]{white-space:nowrap!important}.c-slider._small .item{min-height:500px}._row{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-top:50px}@media only screen and (max-width:700px){._row{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}}._row .title{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:65%;text-align:center}@media only screen and (max-width:700px){._row .title{width:100%;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}}._row .title .icon{margin-right:25px}._row .title .icon img{max-width:50px;max-height:50px}._row .title .text{font-size:28px;font-family:"Open Sans";color:#202020;font-weight:700;line-height:1.364}@media only screen and (max-width:700px){._row .title .text{font-size:17px}}._row .title .text .mini{font-size:14px;color:#202020;font-weight:700;line-height:1.364;margin-top:10px}._row .price{font-size:36px;font-family:"Open Sans";color:#412e50;font-weight:700;line-height:1.528}.c-grid._plane{margin-left:-2.5em;margin-right:-2.5em}.c-grid._plane .col{padding:3em}.style-select{width:100%;background:0 0}.style-select .ss-selected-option{margin:0;outline:0;-webkit-appearance:none;line-height:1.2em;padding:.7em 1em;font-size:1em;background:0 0;border:none;border-bottom:2px solid rgba(32,32,32,.8);color:#202020;border-radius:0;width:100%;-webkit-transition:color .1s ease,border-color .1s ease;transition:color .1s ease,border-color .1s ease}.style-select .ss-dropdown{top:45px;z-index:10}.card-bg{padding:30px 30px 70px 30px;color:#fff;position:relative;border-radius:8px;-webkit-transition:-webkit-box-shadow .3s ease;transition:-webkit-box-shadow .3s ease;transition:box-shadow .3s ease;transition:box-shadow .3s ease,-webkit-box-shadow .3s ease}.card-bg:hover{-webkit-box-shadow:3px 0 50px rgba(0,0,0,.2);box-shadow:3px 0 50px rgba(0,0,0,.2)}.card-bg .title{font-size:18px;font-family:"Open Sans";color:#fff;font-weight:700;line-height:1.251;margin-bottom:40px}.card-bg .text{font-size:16px;color:#fff;line-height:1.3}.card-bg .icon{text-align:right;position:absolute;right:30px;bottom:30px}.card-bg._purple{background-color:#452b50}.card-bg._orange{background-color:#f3a116}.card-bg._blue{background-color:#51b9ef}.c-slider._dark .item .description,.c-slider._dark .item .title{color:#000}.c-slider._dark .e-button._compact span{color:#000!important}.a-mt-25{margin-top:2.5em!important}.styled ul{list-style-type:none}.styled ul li{position:relative;margin-bottom:.5em}.styled ul li:before{position:absolute;z-index:2;content:' ';left:-25px;top:2px;height:16px;width:16px;background-size:contain;background-repeat:no-repeat;background-position:center center;background-image:url(/local/templates/optima/images/marker-primary.png)}@media only screen and (max-width:767px){.c-slider .item .title{font-size:36px!important}.c-slider .item .description{font-size:17px!important;line-height:26px}}.table dl{-webkit-box-align:center;-ms-flex-align:center;align-items:center}section.pointer .point{margin-right:3.3em!important}nav .second-menu{opacity:0;display:none;width:500px;position:absolute;z-index:100;background:#fff;margin-top:38px;padding:30px;margin-left:-108px}nav .second-menu:before{content:' ';position:absolute;top:-37px;left:0;right:0;height:50px;z-index:111}nav .second-menu .c-grid{margin-left:0!important;margin-right:0!important}nav .second-menu .col{padding:0;margin:0}nav .second-menu .header{font-size:21px;font-family:"Open Sans";color:#000;font-weight:600;line-height:1.2;margin-bottom:20px;margin-top:0}nav .second-menu a{margin-top:10px;margin-bottom:10px;font-family:'Open Sans',sans-serif;font-size:16px;color:#000!important;line-height:1.2;font-weight:300;display:block;text-decoration:none}nav .second-menu a:hover{color:#000!important;text-decoration:underline}nav>.item>a.second-menu-trigger{position:relative;text-decoration:none!important}nav>.item>a.second-menu-trigger:after{opacity:0;content:' ';position:absolute;bottom:-44px;left:0;height:7px;right:0;width:100%;z-index:200;background:#412e50;-webkit-transition:opacity .5s ease;transition:opacity .5s ease}nav>.item>a.second-menu-trigger._active:after,nav>.item>a.second-menu-trigger:hover:after{opacity:1}header{background:#2a1e34}@media only screen and (max-width:700px){.table dd,.table dl dt{white-space:nowrap}.table dl dt{font-size:17px;color:#000;line-height:3;font-weight:700}}.buttons-group{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;max-width:90%;margin-left:auto;margin-right:auto}@media only screen and (max-width:1010px){.buttons-group{max-width:100%}}.buttons-group .button{font-size:18px;font-family:'Open Sans',sans-serif;color:#000;font-weight:700;line-height:1.833;padding:10px 20px;display:inline-block;border-width:2px;border-color:#412e50;border-style:solid;border-radius:27px;margin-bottom:20px;margin-left:15px;margin-right:15px;cursor:pointer}.buttons-group .button._active{color:#fff;background:#412e50;border-color:#412e50}@media only screen and (max-width:768px){.buttons-group .button{font-size:14px;font-family:'Open Sans',sans-serif;color:#000;font-weight:700;line-height:1.833;padding:9px 27px;display:inline-block;border-width:2px;border-color:#412e50;border-style:solid;border-radius:27px;margin-bottom:12px;margin-left:8px;margin-right:8px;cursor:pointer}}[data-tab-content]:not(.active){display:none}._dark{color:#000!important}.__slider._number ._slides ._slide{-webkit-box-flex:0;-ms-flex:0 0 17%;flex:0 0 17%}.__slider._number ._slides ._slide ._content{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.__slider._number ._slides ._slide .description{color:#f1f1f1}.__slider._number ._slides ._slide .icon{height:66px;width:66px;border-radius:50px;text-align:center;line-height:58px;border:2px solid #ededed;font-size:40px;font-weight:400;margin-bottom:.5em;color:#ededed;-webkit-transition:all .3s ease;transition:all .3s ease}.__slider._number ._slides ._slide._active .icon{border-color:#412e50;color:#202020}.__slider._number ._slides ._slide._active .description{color:rgba(0,0,0,.6)}@media only screen and (max-width:1024px){.__slider._number{margin-top:-5em}.__slider._number ._ghost{top:119px;height:calc(100% - 270px)}.__slider._number ._line{top:119px;height:calc(100% - 270px)}.__slider._number .description{margin-left:40px}}.img-fluid{width:100%}.text._desc{line-height:22px;font-weight:400}[data-owl-carousel]._nav-center .owl-nav{position:absolute;bottom:50%;right:0}[data-owl-carousel]._nav-center .owl-nav .owl-prev{left:-47px}[data-owl-carousel]._nav-center .owl-nav .owl-next{right:-47px}.a-height-100{height:100px}
/* End */
/* /local/templates/optima/plugins/owl/assets/owl.carousel.min.css?16491508903351 */
/* /local/templates/optima/lib/slick.css?16491508901524 */
/* /local/templates/optima/old.css?1649150890269828 */
/* /local/templates/optima/styles/styleselect.css?16491508901574 */
/* /local/templates/custom.css?16517378849909 */
/* /local/templates/optima/template_styles.css?164915089057655 */