.overlay.active {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.2);
	z-index: 50;
}


@font-face {
	font-family: 'SF UI Text';
	src: url('../fonts/SFUIText-HeavyItalic.eot');
	src: local('SF UI Text Heavy Italic'), local('../fonts/SFUIText-HeavyItalic'),
		url('../fonts/SFUIText-HeavyItalic.eot?#iefix') format('embedded-opentype'),
		url('../fonts/SFUIText-HeavyItalic.woff') format('woff'),
		url('../fonts/SFUIText-HeavyItalic.ttf') format('truetype');
	font-weight: 300;
	font-style: italic;
}

@font-face {
	font-family: 'SF UI Text';
	src: url('../fonts/SFUIText-LightItalic.eot');
	src: local('SF UI Text Light Italic'), local('../fonts/SFUIText-LightItalic'),
		url('../fonts/SFUIText-LightItalic.eot?#iefix') format('embedded-opentype'),
		url('../fonts/SFUIText-LightItalic.woff') format('woff'),
		url('../fonts/SFUIText-LightItalic.ttf') format('truetype');
	font-weight: 300;
	font-style: italic;
}

@font-face {
	font-family: 'SF UI Text';
	src: url('../fonts/SFUIText-MediumItalic.eot');
	src: local('SF UI Text Medium Italic'), local('../fonts/SFUIText-MediumItalic'),
		url('../fonts/SFUIText-MediumItalic.eot?#iefix') format('embedded-opentype'),
		url('../fonts/SFUIText-MediumItalic.woff') format('woff'),
		url('../fonts/SFUIText-MediumItalic.ttf') format('truetype');
	font-weight: 500;
	font-style: italic;
}


@font-face {
	font-family: 'SF UI Text';
	src: url('../fonts/SFUIText-Semibold.eot');
	src: local('SF UI Text Semibold'), local('../fonts/SFUIText-Semibold'),
		url('../fonts/SFUIText-Semibold.eot?#iefix') format('embedded-opentype'),
		url('../fonts/SFUIText-Semibold.woff') format('woff'),
		url('../fonts/SFUIText-Semibold.ttf') format('truetype');
	font-weight: 600;
	font-style: normal;
}


@font-face {
	font-family: 'SF UI Text';
	src: url('../fonts/SFUIText-Regular.eot');
	src: local('SF UI Text Regular'), local('../fonts/SFUIText-Regular'),
		url('../fonts/SFUIText-Regular.eot?#iefix') format('embedded-opentype'),
		url('../fonts/SFUIText-Regular.woff') format('woff'),
		url('../fonts/SFUIText-Regular.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}


@font-face {
	font-family: 'SF UI Text';
	src: url('../fonts/SFUIText-BoldItalic.eot');
	src: local('SF UI Text Bold Italic'), local('../fonts/SFUIText-BoldItalic'),
		url('../fonts/SFUIText-BoldItalic.eot?#iefix') format('embedded-opentype'),
		url('../fonts/SFUIText-BoldItalic.woff') format('woff'),
		url('../fonts/SFUIText-BoldItalic.ttf') format('truetype');
	font-weight: bold;
	font-style: italic;
}

@font-face {
	font-family: 'SF UI Text';
	src: url('../fonts/SFUIText-Bold.eot');
	src: local('SF UI Text Bold'), local('../fonts/SFUIText-Bold'),
		url('../fonts/SFUIText-Bold.eot?#iefix') format('embedded-opentype'),
		url('../fonts/SFUIText-Bold.woff') format('woff'),
		url('../fonts/SFUIText-Bold.ttf') format('truetype');
	font-weight: bold;
	font-style: normal;
}


@font-face {
	font-family: 'SF UI Text';
	src: url('../fonts/SFUIText-Light.eot');
	src: local('SF UI Text Light'), local('../fonts/SFUIText-Light'),
		url('../fonts/SFUIText-Light.eot?#iefix') format('embedded-opentype'),
		url('../fonts/SFUIText-Light.woff') format('woff'),
		url('../fonts/SFUIText-Light.ttf') format('truetype');
	font-weight: 300;
	font-style: normal;
}

@font-face {
	font-family: 'SF UI Text';
	src: url('../fonts/SFUIText-Heavy.eot');
	src: local('SF UI Text Heavy'), local('../fonts/SFUIText-Heavy'),
		url('../fonts/SFUIText-Heavy.eot?#iefix') format('embedded-opentype'),
		url('../fonts/SFUIText-Heavy.woff') format('woff'),
		url('../fonts/SFUIText-Heavy.ttf') format('truetype');
	font-weight: 900;
	font-style: normal;
}

@font-face {
	font-family: 'SF UI Text';
	src: url('../fonts/SFUIText-Medium.eot');
	src: local('SF UI Text Medium'), local('../fonts/SFUIText-Medium'),
		url('../fonts/SFUIText-Medium.eot?#iefix') format('embedded-opentype'),
		url('../fonts/SFUIText-Medium.woff') format('woff'),
		url('../fonts/SFUIText-Medium.ttf') format('truetype');
	font-weight: 500;
	font-style: normal;
}


@font-face {
	font-family: 'SF UI Text';
	src: url('../fonts/SFUIText-Italic.eot');
	src: local('SF UI Text Italic'), local('../fonts/SFUIText-Italic'),
		url('../fonts/SFUIText-Italic.eot?#iefix') format('embedded-opentype'),
		url('../fonts/SFUIText-Italic.woff') format('woff'),
		url('../fonts/SFUIText-Italic.ttf') format('truetype');
	font-weight: normal;
	font-style: italic;
}

@font-face {
	font-family: 'SF UI Text';
	src: url('../fonts/SFUIText-SemiboldItalic.eot');
	src: local('SF UI Text Semibold Italic'), local('../fonts/SFUIText-SemiboldItalic'),
		url('../fonts/SFUIText-SemiboldItalic.eot?#iefix') format('embedded-opentype'),
		url('../fonts/SFUIText-SemiboldItalic.woff') format('woff'),
		url('../fonts/SFUIText-SemiboldItalic.ttf') format('truetype');
	font-weight: 600;
	font-style: italic;
}


* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    outline: none;
}
html {
    overflow-x: hidden;
    /*-webkit-text-size-adjust: none;
        -ms-text-size-adjust: none;
       -moz-text-size-adjust: none;
            text-size-adjust: none;*/
}
html,
body {
    height: 100%;
}
a {
    text-decoration: none;
    color: #169B62;
    -webkit-tap-highlight-color: transparent;
}
a:hover {
    text-decoration: none;
    color: #148C58;
}
blockquote {
    padding: 20px;
    border: 1px solid #dadada;
    border-left: 4px solid;
    margin: 10px 0;
    font-style: italic;
}
.l-header li,
.product-status-list li,
.c-order__list li,
.c-history__list li,
.mg-filter-item ul li,
.price-slider-list li {
    list-style: none;
}
.l-body__static .l-main__right ul,
.feedback-form-wrapper ul {
    padding-left: 15px;
}

p {
    line-height: 24px;
}
p + p {
    margin-top: 10px;
}
img {
    max-width: 100%;
    max-height: 100%;
    vertical-align: bottom;
    border: none;
}
svg:not(:root) {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    overflow: hidden;
    max-width: 100%;
    max-height: 100%;
    pointer-events: none;
}
[class*='icon--'] {
    width: 1em;
    height: 1em;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    fill: currentColor;
}
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'SF UI Text', sans-serif;
    font-weight: 500;
    color: #212121;
}
h1 {
    font-size: 28px;
    line-height: 36px;
    margin-bottom: 15px;
}
h2 {
    font-size: 24px;
    line-height: 32px;
}
h3 {
    font-size: 20px;
    line-height: 28px;
}
h4 {
    font-size: 18px;
    line-height: 24px;
}
h5 {
    font-size: 16px;
    line-height: 24px;
}
h6 {
    font-size: 14px;
    line-height: 24px;
}


iframe {
    vertical-align: bottom;
    border: 0;
}
table {
    width: 100%;
    border-spacing: 0;
    border-collapse: collapse;
}
textarea {
    display: inline-block;
    overflow: hidden;
    resize: vertical;
    vertical-align: bottom;
}
textarea,
[type='url'],
[type='text'],
/* [type='email'], */
[type='search'],
[type='password'] {
    vertical-align: bottom;
    border: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
            box-shadow: none;
    -webkit-appearance: none;
}
textarea:-webkit-autofill,
[type='url']:-webkit-autofill,
[type='text']:-webkit-autofill,
/* [type='email']:-webkit-autofill, */
[type='search']:-webkit-autofill,
[type='password']:-webkit-autofill {
    -webkit-animation-name: autofill;
    -webkit-animation-fill-mode: both;
}
@-webkit-keyframes autofill {
    to {
        background: transparent;
    }
}
label,
[type='radio'],
[type='submit'],
[type='checkbox'],
button:not(:disabled) {
    cursor: pointer;
}
button,
[type='submit'] {
    font-size: inherit;
    color: inherit;
    border: 0;
    background: none;
    -webkit-tap-highlight-color: transparent;
}
::-moz-focus-inner {
    padding: 0;
    border: 0;
}
.readonly,
[readonly] {
    pointer-events: none;
}
.disabled,
[disabled] {
    pointer-events: none;
    opacity: .5;
}
::-webkit-search-decoration,
::-webkit-search-cancel-button,
::-webkit-search-results-button,
::-webkit-search-results-decoration {
    display: none;
}
/* fonts
------------------------------------------------------------------- */
* {
    font-family: 'SF UI Text', sans-serif;
}

/* Helper classes ---------------------------------------> */
.hide {
    display: none;
}
.text-center {
    text-align: center;
}
.view-all {
    position: absolute;
    top: 4px;
    right: 15px;
    font-size: 14px;
    font-weight: 500;
    line-height: 24px;
    text-decoration: underline;
    color: #169B62;
}




/* 
    GLOBAL STYLE
    Описать стили для контента блога + категорий + информационных страницы и т. д.
*/
.main {
    margin-bottom: 60px;
}
@media (max-width: 639px) {
    .main {
        margin-bottom: 40px;
    }
}
.dynamic-content {}





/* Header -----------------------------------------------> */
.header {
    position: relative;
    margin-bottom: 30px;
    background: #fff;
    z-index: 100;
}
.header__top {
    padding: 20px 0 30px;
}
.header__bottom {
    background: #148C58;
}
.header__info {
    display: flex;
    justify-content: space-between;
    padding-top: 21px;
}
.header__bottom .row {
    display: flex;
    padding-left: 15px;
    padding-right: 15px;
}
.header__catalog {
    flex: 0 0 270px;
}
.header__search {
    flex: 1;
    padding: 10px 30px;
}
.header__misc {
    width: 270px;
    display: flex;
    justify-content: space-between;
}
.header__auth {
    width: 50%;
}
.header__cart {
    width: 50%;
}


/* Logo -------------------------------------------------> */
.logo {
    display: block;
    max-width: 162px;
}


/* Nav component ----------------------------------------> */
.nav {}
.header__nav ul {
    display: flex;
    list-style: none;
    margin: 0;
    padding: 0;
}
.header__nav ul li {
    margin: 0 12px;
    font-size: 14px;
    line-height: 24px;
}
.header__nav ul li:first-child {
    margin-left: 0;
}
.header__nav ul li:last-child {
    margin-right: 0;
}
.header__nav ul li a {
    display: block;
    color: #424242;
}
.header__nav ul li a:hover {
    color: #148C58;
}
@media (max-width: 1023px) {

}



/* Phone ------------------------------------------------> */
.phone {
    position: relative;
    z-index: 2;
}
.phone__link {
    display: block;
    position: relative;
    font-size: 14px;
    line-height: 24px;
    color: #424242;
}
.phone__link:before {
    content: '';
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
    width: 18px;
    height: 18px;
    background: url(../images/icons/phone-gray.svg)no-repeat center center;
}
.phone__link:hover {
    color: #148C58;
}
.phone__link:hover:before {
    background: url(../images/icons/phone-green.svg)no-repeat center center;
} 
.phone-dropdown {
    opacity: 0;
    visibility: hidden;
    position: absolute;
    right: 0;
    top: 100%;
    width: 100%;
    min-width: 280px;
    padding: 20px;
    font-size: 14px;
    background: #fff;
    box-shadow: 0 8px 16px rgba(0,0,0,0.2);
    transition: all 0.2s linear;
}
.phone:hover .phone-dropdown {
    opacity: 1;
    visibility: visible;
    transition: all 0.2s linear;
}
.phone-dropdown__title {
    font-size: 16px;
    display: block;
    margin-bottom: 15px;
    font-weight: 500;
}
.phone-dropdown ul {
    margin: 0 0 20px 0;
    padding: 0;
    list-style: none;
}
.phone-dropdown ul li {
    line-height: 20px;
    margin-bottom: 10px;
}





/* Main nav component -----------------------------------> */
.menu-trigger {
    display: none;
}
.main-nav {
    position: relative;
}
.main-nav__title {
    position: relative;
    display: block;
    padding: 20px;
    font-size: 18px;
    font-weight: 500;
    line-height: 24px;
    color: #fff;
    border-left: 1px solid #169B62;
    border-right: 1px solid #169B62;
    transition: all 0.2s linear;
}
.main-nav__title:hover {
    color: #fff;
}
.main-nav__title:after {
    content: '';
    position: absolute;
    top: 27px;
    right: 20px;
    display: block;
    width: 14px;
    height: 8px;
    background: url(../images/icons/chevrone-down-white.svg)no-repeat center center;
}
.main-nav:hover > .main-nav__title {
    background: #169B62;
    transition: all 0.2s linear;
}
.main-nav:hover > .main-nav__title:after {
    background: url(../images/icons/chevrone-up-white.svg)no-repeat center center;
}
.main-nav > ul {
    display: none;
    position: absolute;
    padding: 12px 0;
    margin: 0;
    width: 100%;
    list-style: none;
    border: 1px solid #ECECEC;
    background: #fff;
}
.main-nav > ul > li {}
.main-nav > ul > li > a {
    position: relative;
    display: block;
    line-height: 16px;
    padding: 12px 20px;
    font-size: 14px;
    color: #424242; 
}
.main-nav > ul > li.level-1 > a:after {
    content: '';
    display: block;
    width: 6px;
    height: 10px;
    position: absolute;
    top: 15px;
    right: 20px;
    background: url(../images/icons/chevrone-right-gray.svg)no-repeat center center;
}
.main-nav > ul > li.level-1:hover > a:after {
    background: url(../images/icons/chevrone-right-green.svg)no-repeat center center;
}
.main-nav__hit:after {
    content: '';
    display: block;
    width: 14px;
    height: 14px;
    position: absolute;
    right: 20px;
    top: 13px;
    background: url(../images/icons/star-outline-orange.svg)no-repeat center center;
}
.main-nav__sale:after {
    content: '';
    display: block;
    width: 14px;
    height: 14px;
    position: absolute;
    right: 20px;
    top: 13px;
    background: url(../images/icons/percent-red.svg)no-repeat center center;
}
.main-nav__new:after {
    content: '';
    display: block;
    width: 14px;
    height: 14px;
    position: absolute;
    right: 20px;
    top: 13px;
    background: url(../images/icons/link-green.svg)no-repeat center center;
}
.main-nav > ul > li > a:hover {
    color: #148C58;
}
.main-nav.active > ul,
.main-nav:hover > ul {
    display: block;
}
.main-nav > ul > li > ul {
    display: none;
    position: absolute;
    left: 100%;
    top: 0;
    background: #fff;
    height: 100%;
    min-width: 600px;
    border: 1px solid #eee;
}
/* Level 2 */
.main-nav > ul > li > ul > li {
    position: relative;
}
.main-nav > ul > li > ul > li > ul {
    display: none;
    position: absolute;
    top: 0;
    left: 100%;
    min-width: 230px;
    background: #fff;
}
.main-nav > ul > li > ul > li > a {
    position: relative;
    display: block;
    line-height: 16px;
    padding: 12px 20px;
    font-size: 14px;
    color: #424242; 
}
.main-nav > ul > li > ul > li > a:hover {
	color: #169B62;
	text-decoration: underline;
}
.main-nav > ul > li:hover > ul {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    list-style: none;
    margin: 0;
    padding: 0;
}
@media (max-width: 1023px) {
    .main-nav {
        display: none;
    }
}





/* Search -----------------------------------------------> */
.search {
    position: relative;
}
.search-form {
    position: relative;
}
.search-form__input {
    display: block;
    width: 100%;
    padding: 10px 62px 10px 20px;
    font-size: 15px;
    line-height: 24px;
    border-radius: 22px;
}
.search-form__input:focus {
    outline: none;
}
.search-form__button {
    display: block;
    width: 40px;
    height: 40px;
    position: absolute;
    top: 2px;
    right: 2px;
    border-radius: 20px;
    font-size: 0;
    background: url(../images/icons/search-orange.svg)no-repeat center center;
}
.search-form__button:hover {
    background: #FF883E url(../images/icons/search-white.svg)no-repeat center center;
}
.search-suggest {
    position: absolute;
    z-index: 99;
    top: 100%;
    right: 0;
    left: 0;
    margin-top: 10px;
    overflow: hidden;
    width: 100%;
    max-height: 300px;
    background: #fff;
    -webkit-box-shadow: 0 4px 10px rgba(0, 0, 0, .3);
        box-shadow: 0 4px 10px rgba(0, 0, 0, .3);
    border-radius: 10px;
}
.search-suggest__list {
    list-style: none;
    margin: 0;
    padding: 0;
    overflow: auto;
    max-height: 300px;
}
.search-suggest__item {}
.search-suggest__link {
    display: flex;
    padding: 10px 40px 10px 10px;
    border-bottom: 1px solid #eee;
}
.search-suggest__link:hover {}
.search-suggest__link:hover .search-suggest__info {
    color: #148C58;
}
.search-suggest__img {
    max-width: 60px;
    max-height: 60px;
    flex: 0 0 60px;
    margin-right: 10px;
    text-align: center;
}
.search-suggest__img img {
    max-width: 60px;
    max-height: 60px;
}
.search-suggest__info {
    font-size: 13px;
    line-height: 18px;
    color: #626262;
}
.search-suggest__info b {
    color: #000;
}
.search-suggest__price {
    display: block;
    margin-top: 5px;
    color: #212121;
    font-weight: 700;
}
.search-suggest__variant {}

@media (max-width: 480px) {
    .search-suggest__link {
        padding: 10px;
    }
    .search-suggest__img {
        display: none;
    }
}



/* Auth -------------------------------------------------> */
.auth {
    position: relative;
    border-left: 1px solid #169B62;
    border-right: 1px solid #169B62;
}
.auth__link {
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: center;
    padding: 20px 10px;
    font-size: 14px;
    line-height: 24px;
    color: #fff;
}
.auth__link:before {
    content: '';
    flex: 0 0 18px;
    width: 18px;
    height: 20px;
    margin-right: 10px;
    background: url(../images/icons/user-white.svg)no-repeat center left;
}
.auth:hover .auth__link, 
.auth__link:hover {
    background: #169B62;
    color: #fff;
}
.auth-nav {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    min-width: 240px;
    list-style: none;
    margin: 0;
    padding: 10px 0;
    background: #fff;
    box-shadow: 0 4px 8px rgba(0,0,0,0.2);
}
.auth:hover .auth-nav {
    display: block;
}
.auth-nav__item {
    padding: 5px 15px;
}
.auth-nav__link {
    display: block;
    font-size: 14px;
    line-height: 24px;
    color: #424242;
}
.auth-nav__link:hover {
    color: #148C58;
}





/* Cart dropdown ----------------------------------------> */
.cart-dropdown {
    border-right: 1px solid #169B62;
}
.cart-dropdown__link {
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: center;
    padding: 20px 10px;
    font-size: 14px;
    line-height: 24px;
    color: #fff;
}
.cart-dropdown__link:before {
    content: '';
    flex: 0 0 24px;
    width: 24px;
    height: 23px;
    margin-right: 10px;
    background: url(../images/icons/cart-white.svg)no-repeat center left;
}
.cart-dropdown:hover .cart-dropdown__link {
    background: #169B62;
    color: #fff;
}
.cart-dropdown__counter {
    position: absolute;
    top: 15px;
    left: 25px;
    width: 16px;
    height: 16px;
    font-size: 10px;
    font-weight: bold;
    text-align: center;
    line-height: 16px;
    border-radius: 8px; 
    color: #fff;
    background: #FF883E;
}

/* Header Adaptive */
@media (max-width: 1023px) {
    .header__top {
        padding: 10px;
    }
    .header__info {
        display: none;
    }
    .header__logo {
        margin: 0 auto;
    }
    .header__catalog {
        flex: 0 0 100px;
    }
    .header__misc {
        width: 100px;
    }
    .main-nav__title {
        display: none;
    }
    .menu-trigger {
        position: relative;
        display: block;
        line-height: 24px;
        padding: 20px 0;
        color: #fff;
    }
    .menu-trigger:hover {
        color: #fff;
    }
    .menu-trigger:before {
        content: '';
        display: inline-block;
        vertical-align: middle;
        width: 20px;
        height: 14px;
        margin-right: 10px;
        background: url(../images/icons/menu-white.svg)no-repeat center center;
    }
    .header__auth {
        display: none;
    }
    .header__cart {
        width: 100%;
    }
    .cart-dropdown {
        border-right: 0;
    }
    .cart-dropdown__link {
        padding: 20px 0;
    }
}
@media (max-width: 768px) {
    .header__catalog {
        flex: 0 0 40px;
    }
    .header__search {
        padding: 10px 0;
    }
    .header__misc {
        width: 40px;
    }
    .cart-dropdown__link {
        justify-content: center;
    }
    .cart-dropdown__link > div:last-child {
        display: none;
    }
    .cart-dropdown__link:before {
        margin-right: 0;
    }
    .cart-dropdown__counter {
        left: 20px;
    }
    .menu-trigger {
        font-size: 0;
    }
    .menu-trigger:before {
        margin: 0 auto;
    }
}
@media (max-width: 480px) {}




/* Slogan */
.slogan {
	display: block;
    padding: 5px 0px 0 0;
	font-size: 11px;
    line-height: 14px;
    text-align: left;
    font-style: italic;
    color: #148c58;
}
@media (max-width: 1023px) {
	.slogan {
		display: none;
	}
}



/* Page style -------------------------------------------> */
.banners-slider,
.hot-products,
.new-products,
.last-posts {
    margin-bottom: 60px;
}

/* Static page title ------------------------------------> */
.static-page {}
.static-page__title {
    line-height: 1.25;
    margin-bottom: 16px;
}
.static-page__content h2 {
    margin-bottom: 15px;
}
.static-page__content h3 {
    margin-bottom: 15px;
}



/* Error page 404 */
.page-404 {
    padding-top: 30px;
    text-align: center;
}
.page-404__title {
    font-size: 100px;
    line-height: 1;
    margin-bottom: 16px;
}
.page-404__subtitle {
    margin-bottom: 16px;
    font-size: 20px;
    font-weight: 500;
    color: #212121;
}
.page-404__description {
    font-size: 15px;
    line-height: 24px;
    margin-top: 0;
    margin-bottom: 16px;
}
@media (max-width: 639px) {
    .page-404 {
        padding-top: 0;
    }
}


/* Banner Slider ----------------------------------------> */
.banners-slider {
    flex: 1;
    margin-left: 300px;
}
@media (max-width: 1023px) {
    .banners-slider {
        flex: 0;
        margin-left: 0;
    }
}
@media (min-width: 1024px) and (max-width: 1110px) {
	.banners-slider {
        margin-bottom: 100px;
    }
}



/* New, Hit, Sale block in homepage----------------------> */
.hot-products__title,
.new-products__title {
    font-size: 20px;
    font-weight: 500;
}
.hot-products__link,
.new-products__link {
    right: 0;
}




/* l-body
------------------------------------------------------------------- */
.l-body {
    font-size: 14px;
    line-height: 24px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    font-family: 'SF UI Text', sans-serif;
    color: #424242;
    background: #fff;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
}
@media (max-width: 767px) {
    .l-body {
        font-size: 16px;
        line-height: 1.2;
    }
}
@media (min-width: 1025px) {
    .admin-on-site {
        padding-top: 30px !important;
    }
}
@media (max-width: 1023px) {
    .admin-top-menu ul.exit-list li:not(:last-of-type) {
        display: none;
    }
    .admin-list > li > a {
        padding: 6px 0 7px 0;
    }
    .exit-list li {
        margin: 0;
    }
    .admin-on-site {
        padding: 0 !important;
    }
    .l-header__bottom {
        z-index: 101;
    }
}




/* l-header
------------------------------------------------------------------- */
.l-header {
    background: #fff;
    -webkit-box-flex: 0;
    -ms-flex: none;
        flex: none;
}
.l-header__block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.l-header__top {
    background: #fff;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .16);
            box-shadow: 0 1px 2px rgba(0, 0, 0, .16);
}
.l-header__top .l-header__block {
    min-height: 36px;
}
@media (min-width: 1025px) {
    .l-header__top .l-container {
        padding: 0 4px;
    }
}
.l-header__middle {
    padding: 26px 0;
}
@media (max-width: 767px) {
    .l-header__middle {
        padding: 16px 0;
    }
}
.l-header__middle .l-header__block {
    margin-right: 30px;
}
.l-header__middle .l-header__block:last-child {
    margin-right: 0;
}
@media (max-width: 1023px) {
    .l-header__middle .l-header__block {
        margin-right: 16px;
    }
}
.l-header__bottom {
    position: relative;
    background: #148C58;
}
.l-header__bottom .l-header__block {
    height: 60px;
}
@media (max-width: 767px) {
    .l-header__bottom .l-header__block {
        height: 50px;
    }
}
/* l-main
------------------------------------------------------------------- */
.l-main {
    padding-top: 10px;
    padding-bottom: 30px;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
        flex: 1 0 auto;
}
@media (max-width: 767px) {
    .l-main {
        padding-top: 0;
        padding-bottom: 0;
    }
}
.l-main .l-container {
    padding-top: 16px;
    padding-bottom: 30px;
    background: #fff;
}
.l-main__left {
    padding-right: 10px;
}
@media (max-width: 1023px) {
    .l-main__left {
        position: absolute;
        left: -100%;
    }
}
@media (min-width: 1025px) {
    .l-main.active:before {
        position: fixed;
        z-index: 99;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        content: '';
        -webkit-animation-name: fadeIn;
                animation-name: fadeIn;
        -webkit-animation-duration: .3s;
                animation-duration: .3s;
        background: rgba(0, 0, 0, .5);
        -webkit-animation-fill-mode: both;
                animation-fill-mode: both;
    }
}
.l-body__cart .l-main__left,
.l-body__order .l-main__left,
.l-body__index .l-main__left,
.l-body__product .l-main__left,
.l-body__personal .l-main__left {
    display: none;
}
.l-body__cart .l-main__right,
.l-body__order .l-main__right,
.l-body__index .l-main__right,
.l-body__product .l-main__right,
.l-body__personal .l-main__right {
    max-width: 100%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
        flex: 0 0 100%;
}
/* l-footer
------------------------------------------------------------------- */
.l-footer {
    position: relative;
    padding: 16px 0;
    background: #fff;
    -webkit-box-flex: 0;
    -ms-flex: none;
        flex: none;
}
.l-footer:before {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    height: 6px;
    content: '';
    background: -webkit-linear-gradient(315deg, #4854a2, #772088);
    background:      -o-linear-gradient(315deg, #4854a2, #772088);
    background:         linear-gradient(135deg, #4854a2, #772088);
}
/* c-title
------------------------------------------------------------------- */
.c-title {
    font-size: 18px;
    font-weight: 600;
    padding-bottom: 4px;
    border-bottom: 2px solid #dadada;
}
@media (max-width: 767px) {
    .c-title {
        text-align: center;
    }
}
@media (min-width: 768px) {
    .c-title {
        font-size: 22px;
    }
}
@media (min-width: 1025px) {
    .c-title {
        font-size: 26px;
    }
}
.c-title__search {
    padding: 0 10px;
    background: #fdf2cc;
}
.c-title--no-border {
    padding-bottom: 0;
    border-bottom: 0;
}
/* c-form
------------------------------------------------------------------- */
.c-form {
    width: 100%;
}
.c-form__row {
    margin-top: 10px;
}
.c-form__row:first-of-type {
    margin-top: 0;
}
.c-form__row--line {
    margin-top: 20px;
    padding-top: 10px;
    border-top: 1px solid #dadada;
}
.c-form label {
    line-height: 1.2;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.c-form label [type='radio'],
.c-form label [type='checkbox'] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
}
.c-form label:before {
    display: block;
    min-width: 15px;
    max-width: 15px;
    min-height: 15px;
    max-height: 15px;
    margin-right: 15px;
    content: '';
    border: 1px solid #dadada;
    background: #fff;
    -webkit-box-shadow: inset 0 0 0 2px #fff;
            box-shadow: inset 0 0 0 2px #fff;
}
.c-form label:hover {
    text-decoration: underline;
}
.c-form label:not(.active):hover:before {
    border-color: #c1c1c1;
}
.c-form label.active:before {
    background: #5b3f97;
}
.c-form select,
.c-form textarea,
.c-form [type='url'],
.c-form [type='text'],
/* .c-form [type='email'], */
.c-form [type='search'],
.c-form [type='password'],
#treelike-comments form div.textarea-wrapper.clearfix textarea {
    width: 100%;
    height: 40px;
    padding: 5px 16px;
    color: #666;
    border: 1px solid #dadada;
    background: #fff;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
}
@media (max-width: 767px) {
    .c-form select,
    .c-form textarea,
    .c-form [type='url'],
    .c-form [type='text'],
    /* .c-form [type='email'], */
    .c-form [type='search'],
    .c-form [type='password'],
    #treelike-comments form div.textarea-wrapper.clearfix textarea {
        height: 30px;
        padding: 0 10px;
    }
}
.c-form select:focus,
.c-form textarea:focus,
.c-form [type='url']:focus,
.c-form [type='text']:focus,
/* .c-form [type='email']:focus, */
.c-form [type='search']:focus,
.c-form [type='password']:focus,
#treelike-comments form div.textarea-wrapper.clearfix textarea:focus,
#treelike-comments > form > div:nth-child(8) > input[type='text']:focus {
    border-color: #f39c12;
    -webkit-box-shadow: inset 0 0 0 1px #f39c12;
            box-shadow: inset 0 0 0 1px #f39c12;
}
.c-form textarea {
    line-height: 1.4;
    min-height: 120px;
    padding: 10px;
}
.c-form ::-moz-placeholder {
    color: #999;
}
.c-form :-ms-input-placeholder {
    color: #999;
}
.c-form ::-webkit-input-placeholder {
    color: #999;
}
.c-form--width {
    max-width: 300px;
}
@media (max-width: 767px) {
    .c-form--width {
        max-width: none;
    }
}
/* c-button
------------------------------------------------------------------- */
.c-button {
    font-size: 16px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    height: 48px;
    padding: 0 36px;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    -webkit-transition: color .3s, background .3s, box-shadow .3s;
    -webkit-transition: color .3s, background .3s, -webkit-box-shadow .3s;
         -o-transition: color .3s, background .3s, box-shadow .3s;
            transition: color .3s, background .3s, -webkit-box-shadow .3s;
            transition: color .3s, background .3s, box-shadow .3s;
            transition: color .3s, background .3s, box-shadow .3s, -webkit-box-shadow .3s;
    text-align: center;
    white-space: nowrap;
    color: #fff;
    border-radius: 30px;
    background: #169B62;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.c-button:hover {
	color: #fff;
}
@media (max-width: 767px) {
    /* .c-button {
        font-size: 16px;
        width: 100%;
        height: 30px;
        padding: 0 16px;
    } */
}
@media (min-width: 1025px) {
    /* .c-button:active {
        -webkit-transform: translateY(3px);
            -ms-transform: translateY(3px);
                transform: translateY(3px);
    }
    .c-button:hover {
        -webkit-box-shadow: inset 0 4px 14px rgba(0, 0, 0, .36);
                box-shadow: inset 0 4px 14px rgba(0, 0, 0, .36);
    } */
}
@media (max-width: 767px) {
    .c-button + .c-button {
        margin-top: 10px;
    }
}
.c-button--link {
    padding: 0 26px;
    text-decoration: underline;
    color: #000;
    border: 0;
    background: transparent;
}
@media (max-width: 767px) {
    .c-button--link {
        height: auto;
        padding: 0 16px;
    }
}
.c-button--link:hover {
    text-decoration: none;
    -webkit-box-shadow: none;
            box-shadow: none;
}
.c-button--border {
    -webkit-transition: border-color .3s;
         -o-transition: border-color .3s;
            transition: border-color .3s;
    color: #000;
    border: 2px solid #dadada;
    background: #fff;
}
.c-button--border:hover {
    border-color: #5b3f97;
    -webkit-box-shadow: none;
            box-shadow: none;
}
.addToCart,
.filter-btn,
.default-btn,
.product-info,
.refreshFiltere,
.c-buy__buttons > a,
.mg-form-designer .default-btn,
#treelike-comments form button.sendComment,
.mg-send-booking-click-button.mg-booking-btn,
a.mg-buy-click-button.mg-plugin-btn,
.wrapper-modal-mg-buy-click .mg-action-buttons .mg-send-order-click-button,
.mg-recently-viewed .addToCart.default-btn,
.mg-recently-viewed .product-info.default-btn {
    font-size: 16px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    height: 48px;
    padding: 0 36px;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    -webkit-transition: color .3s, background .3s, box-shadow .3s;
    -webkit-transition: color .3s, background .3s, -webkit-box-shadow .3s;
         -o-transition: color .3s, background .3s, box-shadow .3s;
            transition: color .3s, background .3s, -webkit-box-shadow .3s;
            transition: color .3s, background .3s, box-shadow .3s;
            transition: color .3s, background .3s, box-shadow .3s, -webkit-box-shadow .3s;
    text-align: center;
    text-decoration: none;
    white-space: nowrap;
    color: #fff;
    border-radius: 30px;
    background: #169B62;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
@media (max-width: 767px) {
    .addToCart,
    .filter-btn,
    .default-btn,
    .product-info,
    .refreshFiltere,
    .c-buy__buttons > a,
    .mg-form-designer .default-btn,
    #treelike-comments form button.sendComment,
    .mg-send-booking-click-button.mg-booking-btn,
    a.mg-buy-click-button.mg-plugin-btn {
        font-size: 16px;
        width: 100%;
        height: 48px;
        padding: 0 16px;
    }
}
.c-form__row .c-button {
    margin-top: 10px;
}
.c-catalog .c-button {
    font-size: 22px;
    font-weight: 600;
    width: 100%;
    padding: 0 20px;
    color: #5b3f97;
    background: -webkit-linear-gradient(left, #ece9e6, #fff);
    background: -webkit-gradient(linear, left top, right top, from(#ece9e6), to(#fff));
    background:      -o-linear-gradient(left, #ece9e6, #fff);
    background:         linear-gradient(to right, #ece9e6, #fff);
}
@media (max-width: 767px) {
    .c-catalog .c-button {
        font-size: 16px;
        height: 34px;
        padding: 0 10px;
    }
}
.c-catalog .c-button .icon {
    font-size: 18px;
    margin-right: 0;
    margin-left: 10px;
    -webkit-transition: -webkit-transform .3s;
         -o-transition:         transform .3s;
            transition: -webkit-transform .3s;
            transition:         transform .3s;
            transition:         transform .3s, -webkit-transform .3s;
}
@media (max-width: 767px) {
    .c-catalog .c-button .icon {
        font-size: 12px;
        margin-top: 2px;
        margin-left: 6px;
    }
}
@media (min-width: 1025px) {
    .c-catalog .c-button.active {
        -webkit-box-shadow: inset 0 4px 14px rgba(0, 0, 0, .36);
                box-shadow: inset 0 4px 14px rgba(0, 0, 0, .36);
    }
    .c-catalog .c-button.active .icon {
        -webkit-transform: rotate(180deg);
            -ms-transform: rotate(180deg);
                transform: rotate(180deg);
    }
}
@media (min-width: 1025px) {
    .c-catalog .c-button:hover {
        -webkit-box-shadow: inset 0 4px 14px rgba(0, 0, 0, .36);
                box-shadow: inset 0 4px 14px rgba(0, 0, 0, .36);
    }
}
.c-catalog .c-button:active {
    -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
            transform: translateY(0);
}
.c-menu .c-button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 28px;
}
@media (max-width: 767px) {
    .c-menu .c-button {
        font-size: 16px;
        padding: 0 16px;
    }
}
@media (min-width: 1025px) {
    .c-menu .c-button {
        display: none;
    }
}
a.addToCompare,
#for-button-all-load > #load-all-comments {
    -webkit-transition: border-color .3s;
         -o-transition: border-color .3s;
            transition: border-color .3s;
    color: #000;
    border: 2px solid #dadada;
    background: #fff;
}
@media (max-width: 767px) {
    a.addToCompare {
        display: none;
    }
}
a.addToCompare:hover,
#for-button-all-load > #load-all-comments:hover {
    border-color: #5b3f97;
    -webkit-box-shadow: none;
            box-shadow: none;
}
.payment-form-block [type='submit'] {
    font-size: 16px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    height: 40px;
    margin-bottom: 16px;
    padding: 0 36px;
    padding: 0 36px !important;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    -webkit-transition: color .3s, background .3s, box-shadow .3s;
    -webkit-transition: color .3s, background .3s, -webkit-box-shadow .3s;
         -o-transition: color .3s, background .3s, box-shadow .3s;
            transition: color .3s, background .3s, -webkit-box-shadow .3s;
            transition: color .3s, background .3s, box-shadow .3s;
            transition: color .3s, background .3s, box-shadow .3s, -webkit-box-shadow .3s;
    text-align: center;
    white-space: nowrap;
    color: #fff;
    border-radius: 30px;
    background: -webkit-linear-gradient(315deg, #4854a2, #772088);
    background:      -o-linear-gradient(315deg, #4854a2, #772088);
    background:         linear-gradient(135deg, #4854a2, #772088);
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
@media (max-width: 767px) {
    .payment-form-block [type='submit'] {
        font-size: 16px;
        width: 100%;
        height: 30px;
        padding: 0 16px;
    }
}
@media (min-width: 1025px) {
    .payment-form-block [type='submit']:active {
        -webkit-transform: translateY(3px);
            -ms-transform: translateY(3px);
                transform: translateY(3px);
    }
    .payment-form-block [type='submit']:hover {
        -webkit-box-shadow: inset 0 4px 14px rgba(0, 0, 0, .36);
                box-shadow: inset 0 4px 14px rgba(0, 0, 0, .36);
    }
}
/* c-table
------------------------------------------------------------------- */
.c-table caption,
.c-table th,
.c-table td {
    padding: 10px;
    border-bottom: 1px solid #e9e9e9;
}
.c-table th {
    text-transform: uppercase;
}
@media (max-width: 767px) {
    .c-table tr {
        display: block;
        margin-top: 16px;
        border: 1px solid #dadada;
        border-bottom: 2px solid #dadada;
    }
    .c-table tr:first-of-type {
        margin-top: 0;
    }
    .c-table th {
        display: none;
    }
    .c-table td {
       line-height: 1.4;
        display: block;
        width: 100%;
        margin-bottom: -1px;
        text-align: center;
    }
}
.c-table--overflow {
    overflow: auto;
}
.c-table--hover td {
    -webkit-transition: background-color .1s linear;
         -o-transition: background-color .1s linear;
            transition: background-color .1s linear;
}
.c-table--hover tr:hover td {
    background-color: #fdfde2;
}
.c-table--striped tr:nth-of-type(even) {
    background: #f3f3f3;
}
.c-table__img,
.c-table__count,
.c-table__price,
.c-table__remove {
    text-align: center;
}
.c-table__remove a:hover {
    color: #cd4449;
}
.c-table__link {
    font-weight: 600;
}
.c-table__link:hover {
    text-decoration: underline;
}
.c-table__quantity {
    font-size: 12px;
    font-weight: 600;
    color: #666;
}
.c-table__price {
    font-weight: 600;
}
.c-table__footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
        flex-direction: column;
    margin-top: 16px;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
}
@media (max-width: 767px) {
    .c-table__footer {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
}
.c-table__total {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 12px;
    text-align: right;
}
.c-table--scroll {
    overflow: auto;
    max-height: 300px;
}
.c-modal .c-table {
    margin-top: 16px;
}
/* c-modal
------------------------------------------------------------------- */
.c-modal {
    position: fixed;
    z-index: 999;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: none;
    overflow: auto;
    background: rgba(0, 0, 0, .7);
}
.c-modal--open {
    display: block;
}
.c-modal__wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    min-height: 100%;
    margin: auto;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
@media (min-width: 768px) {
    .c-modal__wrap {
        height: auto;
        padding: 50px 0;
    }
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .c-modal__wrap {
        min-height: initial;
    }
}
.c-modal__content {
    position: relative;
    width: 100%;
    height: 100%;
    padding: 30px;
    background: #fff;
}
@media (min-width: 768px) {
    .c-modal__content {
        width: 300px;
        height: auto;
    }
}
.c-modal__close {
    position: absolute;
    top: 0;
    right: 0;
    width: 40px;
    height: 40px;
    z-index: 2;
    background: url(../images/icons/close-black.svg)no-repeat center center;
}
@media (min-width: 768px) {
    .c-modal__close {
        position: absolute;
    }
}
.c-modal__close:hover {
    font-size: 16px;
}
@media (min-width: 768px) {
    .c-modal--400 .c-modal__content {
        width: 400px;
    }
    .c-modal--500 .c-modal__content {
        width: 500px;
    }
    .c-modal--600 .c-modal__content {
        width: 600px;
    }
    .c-modal--700 .c-modal__content {
        width: 700px;
    }
    .c-modal--full .c-modal__wrap {
        padding: 0;
    }
    .c-modal--full .c-modal__content {
        width: 100%;
        min-height: 100vh;
    }
}
.modal__title {
    font-size: 24px;
    line-height: 1.25;
    font-weight: 500;
    color: #212121;
}
#c-modal__cart .c-table__name {
    width: 370px;
}
.popup-footer .sum-list {
    margin-bottom: 0;
}
@media (max-width: 480px) {
	.popup-footer .sum-list {
		text-align: center;
	}
	.popup-footer .sum-list .c-button--link {
		display: inline-block;
		margin-bottom: 20px;
	}
}
#c-modal__cart .deleteItemFromCart {
    float: right;
}
@media (max-width: 639px) {
    #c-modal__cart .c-table__name {
        width: 100%;
    }
    #c-modal__cart .deleteItemFromCart {
        float: none;
    }
    #c-modal__cart .deleteItemFromCart:before {
        margin: 0 auto;
    }
    .c-modal__content {
        padding: 20px;
    }
}
.c-modal--scroll {
    overflow: hidden;
    padding-right: 10px;
}
@supports (-ms-ime-align:auto) {
    .c-modal--scroll {
        padding-right: 12px;
    }
}
/* c-group
------------------------------------------------------------------- */
.c-group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 100%;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}
.c-group__link {
    font-size: 15px;
    font-weight: 600;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0 8px;
    -webkit-transition:         box-shadow .3s;
    -webkit-transition: -webkit-box-shadow .3s;
         -o-transition:         box-shadow .3s;
            transition: -webkit-box-shadow .3s;
            transition:         box-shadow .3s;
            transition:         box-shadow .3s, -webkit-box-shadow .3s;
    text-align: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
@media (max-width: 767px) {
    .c-group__link {
        font-size: 11px;
        padding: 0 6px;
    }
}
.c-group__link.active {
    text-decoration: underline;
}
.c-group__link:hover {
    text-decoration: none;
    -webkit-box-shadow: inset 0 4px 10px rgba(0, 0, 0, .16);
            box-shadow: inset 0 4px 10px rgba(0, 0, 0, .16);
}
/* c-menu
------------------------------------------------------------------- */
.c-menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
@media (min-width: 1025px) {
    .c-menu {
        height: 100%;
    }
    .c-menu__dropdown--1 {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        height: 100%;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        flex-wrap: wrap;
    }
    .c-menu__dropdown--2,
    .c-menu__dropdown--3 {
        position: absolute;
        z-index: 9;
        min-width: 100%;
        max-width: 310px;
        background: #fff;
        -webkit-box-shadow: inset 0 1px 0 1px #dadada, inset 0 1px 2px rgba(0, 0, 0, .16);
                box-shadow: inset 0 1px 0 1px #dadada, inset 0 1px 2px rgba(0, 0, 0, .16);
    }
    .c-menu__dropdown--2 {
        top: 100%;
        left: 0;
        visibility: hidden;
        -webkit-transition: all .3s;
             -o-transition: all .3s;
                transition: all .3s;
        -webkit-transform: scaleY(0);
            -ms-transform: scaleY(0);
                transform: scaleY(0);
        -webkit-transform-origin: top left;
            -ms-transform-origin: top left;
                transform-origin: top left;
        opacity: 0;
    }
    .c-menu__dropdown--3 {
        top: 0;
        left: 100%;
        visibility: hidden;
        margin-left: -1px;
        -webkit-transition: all .3s;
             -o-transition: all .3s;
                transition: all .3s;
        -webkit-transform: scaleX(0);
            -ms-transform: scaleX(0);
                transform: scaleX(0);
        -webkit-transform-origin: top left;
            -ms-transform-origin: top left;
                transform-origin: top left;
        opacity: 0;
    }
    .c-menu__level {
        position: relative;
        height: 100%;
    }
    .c-menu__level--1:hover .c-menu__link--1 {
        text-decoration: none;
        -webkit-box-shadow: inset 0 4px 10px rgba(0, 0, 0, .16);
                box-shadow: inset 0 4px 10px rgba(0, 0, 0, .16);
    }
    .c-menu__level--1:hover .c-menu__dropdown--2 {
        visibility: visible;
        -webkit-transform: scaleY(1);
            -ms-transform: scaleY(1);
                transform: scaleY(1);
        opacity: 1;
    }
    .c-menu__level--2:hover .c-menu__link--2 {
        -webkit-box-shadow: inset 0 0 10px rgba(0, 0, 0, .1);
                box-shadow: inset 0 0 10px rgba(0, 0, 0, .1);
    }
    .c-menu__level--2:hover .c-menu__dropdown--3 {
        visibility: visible;
        -webkit-transform: scaleX(1);
            -ms-transform: scaleX(1);
                transform: scaleX(1);
        opacity: 1;
    }
    .c-menu__level--2,
    .c-menu__level--3 {
        border-bottom: 1px solid #dadada;
    }
    .c-menu__link {
        font-size: 16px;
        min-height: 36px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        height: 100%;
        padding: 0 12px;
        -webkit-transition:         box-shadow .3s;
        -webkit-transition: -webkit-box-shadow .3s;
             -o-transition:         box-shadow .3s;
                transition: -webkit-box-shadow .3s;
                transition:         box-shadow .3s;
                transition:         box-shadow .3s, -webkit-box-shadow .3s;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
    .c-menu__link--1.active {
        text-decoration: underline;
    }
    .c-menu__link--2,
    .c-menu__link--3 {
        position: relative;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        min-height: 36px;
        padding: 0 12px;
        -webkit-transition: all .3s;
             -o-transition: all .3s;
                transition: all .3s;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
    .c-menu__link--2.active,
    .c-menu__link--3.active {
        -webkit-box-shadow: inset 0 0 10px rgba(0, 0, 0, .1);
                box-shadow: inset 0 0 10px rgba(0, 0, 0, .1);
    }
    .c-menu__link--3:hover {
        -webkit-box-shadow: inset 0 0 10px rgba(0, 0, 0, .1);
                box-shadow: inset 0 0 10px rgba(0, 0, 0, .1);
    }
    .c-menu__link.active {
        font-weight: 600;
    }
    .c-menu__icon {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
    .c-menu__icon .icon {
        font-size: 10px;
        margin-left: 6px;
    }
}
/* c-catalog
------------------------------------------------------------------- */
.c-catalog {
    z-index: 100;
    width: 100%;
}
@media (min-width: 1025px) {
    .c-catalog {
        position: relative;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        height: 100%;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
    .c-catalog__dropdown {
        position: absolute;
        width: 100%;
        width: 275px;
        background: #fff;
        -webkit-box-shadow: 0 1px 0 1px #dadada;
                box-shadow: 0 1px 0 1px #dadada;
    }
    .c-catalog__dropdown--1 {
        z-index: 90;
        top: 100%;
        left: 0;
        display: none;
    }
    .c-catalog__dropdown--2,
    .c-catalog__dropdown--3,
    .c-catalog__dropdown--day {
        top: 0;
        left: 100%;
        display: none;
        min-height: 100%;
    }
    /*.c-catalog__dropdown--2:before,*/
    /*.c-catalog__dropdown--3:before,*/
    /*.c-catalog__dropdown--day:before {*/
        /*position: absolute;*/
        /*z-index: -1;*/
        /*top: 0;*/
        /*right: 0;*/
        /*bottom: 0;*/
        /*left: -100%;*/
        /*width: 100%;*/
        /*content: '';*/
        /*background: #fff;*/
        /*-webkit-box-shadow: 0 1px 0 1px #dadada;*/
                /*box-shadow: 0 1px 0 1px #dadada;*/
    /*}*/
    .c-catalog__dropdown.active {
        display: block;
    }
    .c-catalog__level {
        margin-bottom: -1px;
        border-bottom: 1px solid #dadada;
    }
    .c-catalog__level--1.c-catalog__level--arrow .c-catalog__day--2 {
        display: block;
    }
    .c-catalog__level--1.c-catalog__level--no-arrow:hover ~ .c-catalog__day--1 {
        display: block;
    }
    .c-catalog__level--2.c-catalog__level--arrow .c-catalog__day--3 {
        display: block;
    }
    .c-catalog__level--2.c-catalog__level--no-arrow ~ .c-catalog__day--2 {
        display: block;
    }
    .c-catalog__level:hover > .c-catalog__link {
        -webkit-box-shadow: inset 0 2px 12px rgba(0, 0, 0, .16);
                box-shadow: inset 0 2px 12px rgba(0, 0, 0, .16);
    }
    .c-catalog__link {
        position: relative;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        height: 40px;
        padding: 0 10px;
        padding-right: 26px;
        -webkit-transition: all .3s;
             -o-transition: all .3s;
                transition: all .3s;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
    .c-catalog__link.active {
        font-weight: 600;
        -webkit-box-shadow: inset 0 2px 12px rgba(0, 0, 0, .16);
                box-shadow: inset 0 2px 12px rgba(0, 0, 0, .16);
    }
    .c-catalog__text {
        line-height: 1.2;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
    }
    .c-catalog__img {
        position: relative;
        min-width: 20px;
        max-width: 20px;
        height: 100%;
        margin-right: 10px;
    }
    .c-catalog__img img {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        margin: auto;
    }
    .c-catalog__count {
        font-size: 12px;
        font-weight: 600;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        height: 100%;
        margin-left: 6px;
        color: #999;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
    .c-catalog__icon {
        font-size: 10px;
        position: absolute;
        top: 0;
        right: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        width: 26px;
        height: 100%;
        color: #5b3f97;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
    .c-catalog__day {
        z-index: -1;
    }
    .c-catalog__day--content {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin: auto;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
}
@media (min-width: 1025px) and (max-width: 1023px) {
    .c-catalog__day {
        display: none !important;
    }
}
/* c-logo
------------------------------------------------------------------- */
.c-logo {
    display: block;
    width: 100%;
    height: 100%;
}
@media (max-width: 767px) {
    .c-logo {
        max-width: 180px;
        margin: 0 auto;
    }
}
/* c-login
------------------------------------------------------------------- */
.c-login {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
        flex-direction: column;
    text-align: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
}
.c-login__icon {
    font-size: 28px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    color: #5b3f97;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
@media (max-width: 1023px) {
    .c-login__icon {
        font-size: 24px;
    }
}
@media (max-width: 767px) {
    .c-login__icon {
        font-size: 22px;
    }
}
.c-login__text {
    font-size: 12px;
    margin-top: 4px;
    color: #666;
}
@media (max-width: 767px) {
    .c-login__text {
        font-size: 11px;
    }
}
.c-login:hover .c-login__text {
    text-decoration: underline;
}
.c-login__registration {
    margin-left: 20px;
    text-decoration: underline;
}
.c-login__registration:hover {
    text-decoration: none;
}
/* c-contact
------------------------------------------------------------------- */
.c-contact {
    font-size: 18px;
    font-weight: 600;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}
@media (max-width: 1023px) {
    .c-contact {
        font-size: 16px;
    }
}
@media (max-width: 767px) {
    .c-contact {
        font-size: 16px;
    }
}
.c-contact:before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 1px;
    content: '';
    background: #dadada;
}
.c-contact__column {
    position: relative;
    padding-right: 30px;
    padding-left: 44px;
}
@media (max-width: 1023px) {
    .c-contact__column {
        padding-right: 16px;
        padding-left: 40px;
    }
}
@media (max-width: 989px) {
    .c-contact__column {
        padding-left: 0;
    }
}
@media (max-width: 767px) {
    .c-contact__column:first-of-type {
        display: none;
    }
}
@media (min-width: 375px) and (max-width: 767px) {
    .c-contact__column:last-of-type {
        padding-left: 40px;
    }
}
.c-contact__column .icon {
    font-size: 34px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    max-height: none;
    color: #5b3f97;
}
@media (max-width: 1023px) {
    .c-contact__column .icon {
        font-size: 28px;
    }
}
@media (max-width: 989px) {
    .c-contact__column .icon {
        display: none;
    }
}
@media (min-width: 375px) and (max-width: 767px) {
    .c-contact__column .icon--phone {
        display: block;
    }
}
.c-contact__row {
    line-height: 1;
    margin-top: 6px;
}
@media (max-width: 767px) {
    .c-contact__row {
        margin-top: 8px;
    }
}
.c-contact__row:first-of-type {
    margin-top: 0;
}
.c-contact__span {
    font-size: 16px;
    font-weight: 400;
    color: #666;
}
@media (max-width: 767px) {
    .c-contact__span {
        font-size: 16px;
    }
}
/* c-cart
------------------------------------------------------------------- */
.c-cart {
    position: relative;
}
.c-cart__small {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
        flex-direction: column;
    text-align: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
}
.c-cart__small--icon {
    font-size: 28px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    color: #5b3f97;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
@media (max-width: 1023px) {
    .c-cart__small--icon {
        font-size: 24px;
    }
}
@media (max-width: 767px) {
    .c-cart__small--icon {
        font-size: 22px;
    }
}
.c-cart__small--text {
    font-size: 12px;
    margin-top: 4px;
    color: #666;
}
@media (max-width: 767px) {
    .c-cart__small--text {
        font-size: 11px;
    }
}
.c-cart__small--price {
    display: none;
}
.c-cart__small:hover .c-cart__small--text {
    text-decoration: underline;
}
.c-cart__dropdown {
    position: absolute;
    z-index: 90;
    top: 100%;
    right: 0;
    visibility: hidden;
    width: 400px;
    padding: 20px;
    -webkit-transition: all .3s;
         -o-transition: all .3s;
            transition: all .3s;
    -webkit-transform: scaleY(0);
        -ms-transform: scaleY(0);
            transform: scaleY(0);
    -webkit-transform-origin: top left;
        -ms-transform-origin: top left;
            transform-origin: top left;
    opacity: 0;
    background: #fff;
    -webkit-box-shadow: 0 4px 10px rgba(0, 0, 0, .3);
            box-shadow: 0 4px 10px rgba(0, 0, 0, .3);
}
@media (max-width: 1023px) {
    .c-cart__dropdown {
        display: none;
    }
}
.c-cart:hover .c-cart__dropdown {
    visibility: visible;
    -webkit-transform: scaleY(1);
        -ms-transform: scaleY(1);
            transform: scaleY(1);
    opacity: 1;
}


/* c-amount
------------------------------------------------------------------- */
.c-amount {
    display: none;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
@media (max-width: 767px) {
    .c-amount {
        margin: 10px 0;
    }
}
.c-amount__up,
.c-amount__down {
    font-size: 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 32px;
    height: 32px;
    border-radius: 16px;
    border: 1px solid #E9E9E9;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
@media (max-width: 767px) {
    .c-amount__up,
    .c-amount__down {
        height: 30px;
    }
}
.c-amount__up {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 3;
    order: 3;
    background: url(../images/icons/plus-orange.svg)no-repeat center center;
}
.c-amount__down {
    background: url(../images/icons/minus-orange.svg)no-repeat center center;
}
.c-amount__up:hover {
    border-color: #FF883E;
    background: #FF883E url(../images/icons/plus-white.svg)no-repeat center center;
}
.c-amount__down:hover {
    border-color: #FF883E;
    background: #FF883E url(../images/icons/minus-white.svg)no-repeat center center;
}
a.c-amount__down.down {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
}
.c-amount [type='text'] {
    width: 32px;
    line-height: 24px;
    padding: 4px 0;
    text-align: center;
    border: 0;
    -ms-flex-order: 2;
    -webkit-box-ordinal-group: 3;
    order: 2;
}
.c-amount [type='text']:focus {
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}
.c-table .c-amount,
.c-product .c-amount {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.c-buy .c-amount {
    margin-right: 10px;
}
/* c-hamburger
------------------------------------------------------------------- */
.c-hamburger {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
        flex-direction: column;
    width: 22px;
    height: 13px;
    margin-top: -1px;
    margin-right: 6px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
@media (max-width: 767px) {
    .c-hamburger {
        height: 11px;
    }
}
.c-hamburger__row {
    width: 100%;
    height: 1px;
    background: #fff;
}
/* c-nav
------------------------------------------------------------------- */
@media (min-width: 1025px) {
    .c-nav {
        height: 100%;
    }
    .c-nav__menu {
        height: 100%;
    }
}
@media (max-width: 1023px) {
    .c-nav {
        position: fixed;
        z-index: 999;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        visibility: hidden;
        -webkit-transition: all .15s ease-in-out;
             -o-transition: all .15s ease-in-out;
                transition: all .15s ease-in-out;
        opacity: 0;
        background: rgba(0, 0, 0, .5);
    }
    .c-nav__menu {
        position: absolute;
        top: 0;
        left: -100%;
        overflow: auto;
        width: 260px;
        height: 100%;
        -webkit-transition: all .3s ease-in-out;
             -o-transition: all .3s ease-in-out;
                transition: all .3s ease-in-out;
        background: #fff;
    }
    .c-nav--open {
        visibility: visible;
        opacity: 1;
    }
    .c-nav--open .c-nav__menu {
        left: 0;
    }
    .c-nav__dropdown--1 {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
            flex-direction: column;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
    }
    .c-nav__dropdown--2 {
        display: none;
        background: #f0f0f0;
        -webkit-box-shadow: inset 0 -2px 6px rgba(0, 0, 0, .1);
                box-shadow: inset 0 -2px 6px rgba(0, 0, 0, .1);
    }
    .c-nav__dropdown--2 .c-nav__icon {
        display: none;
    }
    /*     .c-catalog__level--arrow > .c-nav__link,
    .c-menu__link--arrow{
        pointer-events: none;
    } */

    .c-nav__link {
        position: relative;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        height: 40px;
        padding: 0 10px;
        padding-right: 26px;
        -webkit-transition: all .3s;
             -o-transition: all .3s;
                transition: all .3s;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
    .c-nav__link--1 {
        font-weight: 600;
        margin-bottom: -1px;
        border-bottom: 1px solid #dadada;
    }
    .c-nav__link--2 {
        height: 36px;
        padding-left: 36px;
    }
    .c-nav__link--3 {
        font-size: 12px;
        height: 26px;
        padding-left: 50px;
    }
    .c-nav__link.active {
        text-decoration: underline;
    }
    .c-nav__text {
        line-height: 1.2;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
    }
    .c-nav__img {
        position: relative;
        min-width: 20px;
        max-width: 20px;
        height: 100%;
        margin-right: 6px;
    }
    .c-nav__img img {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        margin: auto;
    }
    .c-nav__count {
        display: none;
    }
    .c-nav__icon:hover {
        background:#f0f0f0;
    }
.c-nav__icon {
    font-size: 15px;
    position: absolute;
    top: 0px;
    right: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 40px;
    min-height: 40px;
    border-left: 1px solid #dadada;
        color: #5b3f97;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
    .c-nav__icon .icon {
        -webkit-transition: -webkit-transform .3s;
             -o-transition:         transform .3s;
                transition: -webkit-transform .3s;
                transition:         transform .3s;
                transition:         transform .3s, -webkit-transform .3s;
    }
    .c-nav__icon.rotate .icon {
        -webkit-transform: rotate(90deg) translateZ(0);
                transform: rotate(90deg) translateZ(0);
    }
}
@media (max-width: 1023px) {
    .c-menu__link--1 .icon {
        -webkit-transform: rotate(-90deg);
            -ms-transform: rotate(-90deg);
                transform: rotate(-90deg);
    }
    .c-menu__link--1 .c-menu__icon.rotate .icon {
        -webkit-transform: rotate(0deg) translateZ(0);
                transform: rotate(0deg) translateZ(0);
    }
    .c-catalog__day {
        display: none;
    }
}
/* c-copyright
------------------------------------------------------------------- */
.c-copyright {
    font-size: 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.c-copyright__moguta {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}
.c-copyright__moguta .powered {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.c-copyright__moguta .powered a {
    display: inline-block;
    margin-left: 10px;
}
@media (max-width: 767px) {
    .c-copyright {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
}





/* c-goods
------------------------------------------------------------------- */
.c-goods {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    margin-bottom: 24px;
}
.c-goods--grid {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
}
.c-goods__item {
    position: relative;
    width: 33.3333%;
    padding: 24px;
    margin-left: -1px;
    margin-top: -1px;
    /* border-left: 1px solid transparent;
    border-top: 1px solid transparent; */
    border: 1px solid #eee;
    /* border-bottom: 1px solid #eee;
    border-right: 1px solid #eee; */
}
.c-goods__item:hover {
    z-index: 2;
    border: 1px solid #169B62;
    /* -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, .2);
            box-shadow: 0 0 30px rgba(0, 0, 0, .2); */
}
.c-goods__item.not-available .c-goods__img,
.c-goods__item.not-available .c-goods__price {
    opacity: 0.6;
}
.c-goods__notavailable {
    position: absolute;
    top: -20px;
    color: #FF3E3E;
}
.c-goods--list .c-goods__item {
    width: 100%;
}
.c-goods__left {
    
    margin-bottom: 10px;
}
.c-goods__right {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
}
.c-goods__right > * {
    margin-top: 10px;
}
@media (max-width: 767px) {
    .c-goods__right > * {
        margin-top: 10px;
    }
    .c-goods__right > *:first-child {
        margin-top: 0;
    }
}
.c-goods__img {
    position: relative;
    display: block;
    height: 200px;
}

.c-goods__img img {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
}
.c-goods__title {
    max-height: 60px;
    overflow: hidden;
    font-size: 14px;
    font-weight: 400;
    color: #212121;
    line-height: 20px;
}
.c-goods__title:hover {
    text-decoration: underline;
}
.c-goods__price {
    font-weight: 500;
}
@media (max-width: 767px) {
}
.c-goods__price--old {
    font-size: 16px;
    margin-right: 10px;
    color: #212121;
}
@media (max-width: 767px) {
    .c-goods__price--old {
        font-size: 12px;
        margin-right: 0;
        margin-bottom: 4px;
    }
}
.c-goods__price--current {
    font-size: 20px;
    color: #212121;
}
@media (max-width: 1023px) {
    .c-goods__price--current {
        font-size: 18px;
    }
}
.c-goods__footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}
.c-goods__description {
    font-size: 16px;
    display: none;
    text-align: center;
}
@media (min-width: 768px) {
    .c-goods--list .c-goods__trigger {
        max-width: 100%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    }
    .c-goods--list .c-goods__item {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
            flex-direction: row;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
    }
    .c-goods--list .c-goods__img {
        width: 300px;
    }
    .c-goods--list .c-goods__right {
        width: 100%;
        padding: 16px;
        padding-left: 26px;
    }
    .c-goods--list .c-goods__price {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }
    .c-goods--list .c-goods__title {
        margin-top: 0;
        text-align: left;
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1;
    }
    .c-goods--list .c-goods__description {
        display: block;
        text-align: left;
    }
    .c-goods--list .c-goods__buttons a {
        max-width: 48%;
    }
}
.c-carousel .c-goods__item:hover,
.product-wrapper:hover {
    /* -webkit-box-shadow: inset 0 0 20px rgba(0, 0, 0, .2);
            box-shadow: inset 0 0 20px rgba(0, 0, 0, .2); */
}
@media (min-width: 1025px) {
    .l-body__index .c-goods .min-1025--4 {
        max-width: 25%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
            flex: 0 0 25%;
    }
    .l-body__index .c-goods--list .c-goods__trigger {
        max-width: 100%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    }
}

.c-goods__price--old + .c-goods__price--current {
    color: #FF3E3E;
} 


@media (max-width: 639px) {
    .c-goods .c-goods__item {
        width: 50%;
    }
    .c-goods__title {
        font-size: 14px;
    }
    .c-goods__price {
        text-align: left;
    }
    .c-goods__price--current {
        font-size: 14px;
        font-weight: 600;
    }
    .c-goods__item {
        padding: 10px;
    }
    .c-goods__img {
        height: 160px;
    }
}



/* Ribbon component -------------------------------------> */
.ribbon {
    position: absolute;
    z-index: 1;
    top: 0px;
    left: 0px;
}
.ribbon__new,
.ribbon__hit,
.ribbon__sale {
    width: fit-content;
    padding: 0 12px;
    margin-bottom: 5px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    font-size: 10px;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    color: #fff;
    border-radius: 10px;
}

.ribbon__new {
    background: #169B62;
}
.ribbon__hit {
    background: #FF883E;
}
.ribbon__sale {
    background: #FF3E3E;
}

/*-----*/
.color-block > * {
    vertical-align: middle;
}
.size-block > span,
.color-block > span {
    display: inline-block;
    min-width: 60px;
    margin-right: 5px;
}
.body {
    scroll-behavior: smooth;
}
@media (max-width: 767px) {
    .l-container .l-row .color-block > .color,
    .l-container .l-row .size-block > .size {
        font-size: 19px;
        line-height: 38px;
        min-width: 40px;
        height: 40px;
        margin-top: 0;
        padding: 0;
    }
}
.c-order__list--width {
    width: 100%;
    margin-bottom: 10px;
}
li.c-order__list--item.c-order__radiobutton label:not(:last-of-type),
.order-storage label {
    margin-bottom: 10px;
}

.order-storage.c-form {
    margin-top: 10px;
}
.st-error {
    color: #ef454b;
}
.order-storage label [disabled] + span {
    text-decoration: line-through;
    color: #525252;
}
.daily-wrapper {
    width: 100%;
    margin-bottom: 16px;
    padding: 10px 0;
    border: 1px solid #dadada;
    background: #fff;
}
.daily-wrapper .dailyProduct {
    margin: 0 auto;
}
.daily-wrapper .dailyTitle {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 10px;
    padding-bottom: 4px;
    text-align: center;
    border-bottom: 1px solid #dadada;
}
.c-goods__item.product-wrapper .c-buy {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.c-goods__item.product-wrapper .c-buy .cart_form {
    margin-bottom: 10px;
}
select[name='userCustomCurrency'] {
    color: #666;
    border: 1px solid #dadada;
    background: #fff;
}
/* c-variant
------------------------------------------------------------------- */
.c-variant__scroll {
    overflow: auto;
    max-height: 82px;
}
.c-goods__item.product-wrapper .c-variant__scroll {
    max-height: 95px;
    text-align: center;
}
.c-goods__item.product-wrapper .c-variant__scroll span {
    text-align: left;
}
@media (max-width: 1023px) {
    .c-variant__scroll::-webkit-scrollbar {
        -webkit-appearance: none;
    }
    .c-variant__scroll::-webkit-scrollbar {
        width: 4px;
    }
    .c-variant__scroll::-webkit-scrollbar {
        height: 4px;
    }
    .c-variant__scroll::-webkit-scrollbar-thumb {
        background-color: rgba(0, 0, 0, .4);
    }
    .c-variant__scroll::-webkit-scrollbar-track {
        background-color: #fff;
    }
}
@media (max-width: 767px) {
    .c-variant__scroll {
        max-height: 100px;
    }
}
.c-variant__scroll label {
    margin-top: 0 !important;
}
.c-variant__scroll label:hover {
    text-decoration: none;
}
@media (max-width: 767px) {
    .c-variant__scroll label:before {
        display: none;
    }
}
.c-variant__row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    min-height: 40px;
    padding: 2px;
    -webkit-transition:         box-shadow .3s;
    -webkit-transition: -webkit-box-shadow .3s;
         -o-transition:         box-shadow .3s;
            transition: -webkit-box-shadow .3s;
            transition:         box-shadow .3s;
            transition:         box-shadow .3s, -webkit-box-shadow .3s;
    border-top: 1px solid #dadada;
}
@media (max-width: 767px) {
    .c-variant__row {
        min-height: 32px;
    }
}
.c-variant__row:last-child {
    border-bottom: 1px solid #dadada;
}
.c-variant__row:hover {
    -webkit-box-shadow: inset -10px 0 10px rgba(0, 0, 0, .1);
            box-shadow: inset -10px 0 10px rgba(0, 0, 0, .1);
}
.c-variant__column {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
}
.c-variant__title {
    display: none;
}
.c-variant__img {
    position: relative;
    min-width: 34px;
    max-width: 34px;
    min-height: 34px;
    max-height: 34px;
    margin-right: 6px;
}
@media (max-width: 767px) {
    .c-variant__img {
        display: none;
    }
}
.c-variant__img img {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
}
.c-variant__value {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
        flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.c-variant__name {
    font-size: 16px;
    font-weight: 600;
}
@media (max-width: 767px) {
    .c-variant__name {
        font-size: 10px;
    }
}
.c-variant__price {
    font-size: 12px;
    font-weight: 600;
}
@media (max-width: 767px) {
    .c-variant__price {
        font-size: 10px;
    }
}
.c-variant__price--old {
    margin-right: 6px;
    color: #999;
}
@media (max-width: 767px) {
    .c-variant__price--old {
        margin-right: 0;
    }
}
.c-variant__price--current {
    color: #cd4449;
}
.c-variant__price--not-available {
    display: none;
    color: #999;
}
.c-variant__price--none .c-variant__price--old,
.c-variant__price--none .c-variant__price--current {
    display: none;
}
.c-variant__price--none .c-variant__price--not-available {
    display: block;
}
.c-product .c-variant {
    margin-top: 16px;
}
.c-product .c-variant__title {
    font-size: 14px;
    font-weight: 600;
    display: block;
    margin-bottom: 10px;
}
@media (max-width: 767px) {
    .c-product .c-variant__title {
        font-size: 16px;
    }
}
.c-product .c-variant__scroll {
    max-height: 160px;
}
@media (max-width: 767px) {
    .c-product .c-variant__img {
        display: block;
    }
}
@media (max-width: 767px) {
    .c-product .c-variant__name {
        font-size: 16px;
    }
}
@media (max-width: 767px) {
    .c-product .c-variant__price {
        font-size: 12px;
    }
}

.c-goods__item .c-variant {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -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;
    margin-bottom: 10px;
}
@media (max-width: 767px) {
    .c-goods__item .c-variant {
        margin-bottom: 10px;
    }
}
/* c-switcher
------------------------------------------------------------------- */
.switcher {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}
@media (max-width: 767px) {
    .switcher {
        display: none;
    }
}
.switcher__item {
    font-size: 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 36px;
    height: 36px;
    cursor: pointer;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.switcher__item:last-child {
    border-left: 0;
}
.switcher__item_active {
    pointer-events: none;
    color: #5b3f97;
}
.switch__item-grid {
    background: url(../images/icons/grid-icon-gray.svg)no-repeat center center;
}
.switch__item-list {
    background: url(../images/icons/list-icon-gray.svg)no-repeat center center;
}
.switch__item-grid:hover,
.switch__item-grid.switcher__item_active {
    background: url(../images/icons/grid-icon-green.svg)no-repeat center center;
}
.switch__item-list:hover,
.switch__item-list.switcher__item_active {
    background: url(../images/icons/list-icon-green.svg)no-repeat center center;
}
/* Subcategories ----------------------------------------- */
.subcategories {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 15px; 
}
.subcategories__item {
    margin-right: 15px;
    margin-bottom: 15px;
}
.subcategories__link {
    display: block;
    font-size: 13px;
    line-height: 20px;
    padding: 10px 15px;
    background: #f1f1f1;
    border-radius: 30px;
    color: #212121;
    transition: all 0.2s linear;
}
.subcategories__link:hover {
    color: #148C58;
    background: #ddd;
    transition: all 0.2s linear;
}
.subcategories__image {}


/* c-description
------------------------------------------------------------------- */
.c-description {
    line-height: 1.6;
}
.c-description h1 {
    line-height: 1.2;
    width: 100%;
    margin-bottom: 10px;
    text-align: center;
}
.c-description .c-description__img {
    float: left;
    max-width: 200px;
    max-height: 150px;
    margin: 0 16px 10px 0;
}
.c-description__top {
    margin-bottom: 16px;
}
@media (max-width: 767px) {
    .c-description__top {
        display: none;
    }
}
.c-description__bottom {
    font-size: 12px;
    margin-top: 26px;
    padding-top: 16px;
    color: #999;
    border-top: 1px solid #dadada;
}

/* Pagination -------------------------------------------> */
.pagination {
    margin-bottom: 24px;
    padding-bottom: 24px;
    text-align: center;
    border-bottom: 1px solid #eee;
}
.allPages {
    display: none;
}
.pagination ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: left;
    -ms-flex-pack: left;
    justify-content: left;
    list-style: none;
    margin: 0;
    padding: 0;
}
.pagination ul a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 40px;
    height: 40px;
    margin: 0 5px;
    font-size: 14px;
    line-height: 32px;
    font-weight: 500;
    -webkit-transition: all .3s;
         -o-transition: all .3s;
            transition: all .3s;
    color: #212121;
    border-radius: 20px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.pagination ul a.active,
.pagination ul a.active:hover {
    color: #fff;
    background: #169B62;
}
.pagination ul a:hover {
    color: #169B62;
    background: #f9f9f9;
}
.pagination ul li:first-child a {
    margin-left: 0;
}


/* c-carousel
------------------------------------------------------------------- */
.c-carousel {
    position: relative;
    z-index: 1;
    width: 100%;
    -webkit-transition: opacity .3s;
         -o-transition: opacity .3s;
            transition: opacity .3s;
}
.c-carousel--index {
    visibility: hidden;
    opacity: 0;
}
.c-carousel--active {
    visibility: visible;
    opacity: 1;
}
.c-carousel__title {
    font-size: 22px;
    position: relative;
    width: 100%;
    margin-bottom: 16px;
    text-align: center;
    text-transform: uppercase;
}
@media (max-width: 767px) {
    .c-carousel__title {
        font-size: 18px;
    }
}
.c-carousel__title--span {
    font-weight: 600;
    position: relative;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
        flex-direction: column;
    padding: 0 26px;
    background: #fff;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
}
@media (max-width: 767px) {
    .c-carousel__title--span {
        padding: 0 16px;
    }
}
.c-carousel__title--span:hover .c-carousel__title--more {
    text-decoration: underline;
}
.c-carousel__title--more {
    font-size: 16px;
    text-transform: lowercase;
    color: #999;
    display: block;
}
@media (max-width: 767px) {
    .c-carousel__title--more {
        font-size: 11px;
    }
}
.c-carousel__title:before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    height: 1px;
    margin: auto;
    content: '';
    background: #dadada;
}
@media (max-width: 767px) {
    .c-carousel--first {
        margin-top: 0;
    }
}
.c-carousel__content {
    position: relative;
}
.c-carousel .owl-prev,
.c-carousel .owl-next {
    position: absolute;
    z-index: 9;
    top: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    cursor: pointer;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.c-carousel .owl-prev.disabled,
.c-carousel .owl-next.disabled {
    display: none;
}
.c-carousel .owl-prev {
    left: 0;
}
.c-carousel .owl-next {
    right: 0;
}
.c-carousel__arrow {
    font-size: 26px;
    position: absolute;
    top: 0;
    bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 40px;
    height: 40px;
    margin: auto;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    background: #fff;
    border-radius: 20px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.c-carousel__arrow--left {
    left: -50px;
    background: #fff url(../images/icons/arrow-left-gray.svg)no-repeat center center;
}
.c-carousel__arrow--left:hover {
    background: #f9f9f9 url(../images/icons/arrow-left-green.svg)no-repeat center center;
}
@media (max-width: 1023px) {
    .c-carousel__arrow--left {
        left: 0;
    }
}
.c-carousel__arrow--right {
    right: -50px;
    background: #fff url(../images/icons/arrow-right-gray.svg)no-repeat center center;
}
.c-carousel__arrow--right:hover {
    background: #f9f9f9 url(../images/icons/arrow-right-green.svg)no-repeat center center;
}
@media (max-width: 1023px) {
    .c-carousel__arrow--right {
        right: 0;
    }
}
.c-carousel__arrow:hover {
    color: #000;
}
.c-carousel .owl-dots {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    margin-top: 10px;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.c-carousel .owl-dots.disabled {
    display: none;
}
.c-carousel .owl-dot {
    width: 14px;
    height: 14px;
    margin: 0 4px;
    cursor: pointer;
    border: 1px solid #dadada;
    border-radius: 100%;
    background: #fff;
}
.c-carousel .owl-dot.active {
    border-color: #5b3f97;
    background: #5b3f97;
}
.c-carousel .owl-dot:hover {
    border-color: #5b3f97;
}
.c-carousel .owl-stage {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-touch-action: pan-Y;
    -moz-backface-visibility: hidden;
}
.c-carousel .owl-stage:after:before,
.c-carousel .owl-stage:after:after {
    display: table;
    clear: both;
    content: ' ';
}
.c-carousel .owl-nav.disabled {
    display: none;
}
.c-carousel.owl-loaded {
    display: block;
}
.c-carousel.owl-loading {
    display: block;
    opacity: 0;
}
.c-carousel.owl-hidden {
    opacity: 0;
}
.c-carousel.owl-refresh .owl-item {
    visibility: hidden;
}
.c-carousel.owl-drag .owl-item {
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
}
.c-carousel.owl-grab {
    cursor: move;
    cursor: -webkit-grab;
    cursor:         grab;
}
.c-carousel.owl-rtl {
    direction: rtl;
}
.c-carousel.owl-rtl .owl-item {
    float: right;
}
.c-carousel .owl-height {
    -webkit-transition: height 500ms ease-in-out;
         -o-transition: height 500ms ease-in-out;
            transition: height 500ms ease-in-out;
}
.c-carousel .owl-stage-outer {
    position: relative;
    overflow: hidden;
    -webkit-transform: translate3d(0px, 0px, 0px);
            transform: translate3d(0px, 0px, 0px);
}
.c-carousel .owl-item,
.c-carousel .owl-wrapper {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
    -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
}
.c-carousel .owl-item {
    position: relative;
    float: left;
    min-height: 1px;
    -webkit-touch-callout: none;
    -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
}
.c-carousel .owl-item img {
    display: block;
}
.c-carousel .owl-item img.owl-lazy {
    -webkit-transform-style: preserve-3d;
            transform-style: preserve-3d;
}
.c-carousel .owl-item .owl-lazy {
    -webkit-transition: opacity 400ms ease;
         -o-transition: opacity 400ms ease;
            transition: opacity 400ms ease;
    opacity: 0;
}
.c-carousel .owl-animated-in {
    z-index: 0;
}
.c-carousel .owl-animated-out {
    z-index: 1;
}
/* .c-images .c-carousel {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    height: 100%;
    width: 70px;
} */
.c-carousel .c-goods__item {
    width: 100%;
    height: 100%;
}



/* c-filter
------------------------------------------------------------------- */
.filter-sidebar {
    position: static;
}
@media (min-width: 1024px) {
    .filter-sidebar:before {
        content: '';
        display: block;
        padding-top: 30px;
        border-top: 1px solid #eee;
    }
}
@media (max-width: 1023px) {
    .c-filter {
        position: fixed;
        z-index: 999;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        visibility: hidden;
        -webkit-transition: all .15s ease-in-out;
             -o-transition: all .15s ease-in-out;
                transition: all .15s ease-in-out;
        opacity: 0;
        background: rgba(0, 0, 0, .5);
    }
    .c-filter__content {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        overflow: auto;
        width: 260px;
        background: #fff;
    }
    .c-filter__button .icon {
        margin-right: 10px;
    }
    .c-filter--active {
        visibility: visible;
        opacity: 1;
    }
}
.c-filter .filter-form {
    width: 100%;
    margin-bottom: 16px;
    background: #fff;
}
@media (max-width: 1023px) {
    .c-filter .filter-form {
        padding-bottom: 30px;
        border: 0;
    }
}
.c-filter label {
    line-height: 1.2;
    
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    
}
.c-filter label [type='checkbox'] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    visibility: hidden;
}
.c-filter label [type='checkbox']:checked ~ .cbox {
    background: #169B62 url(../images/icons/check-white.svg)no-repeat center center;
    border-color: #169B62;
}
.c-filter label .cbox {
    display: block;
    min-width: 16px;
    max-width: 16px;
    min-height: 16px;
    max-height: 16px;
    margin-right: 10px;
    border: 1px solid #E2E2E2;
    background: #fff;
    border-radius: 2px;
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1;
}
.c-filter label:hover .cbox {
    border-color: #C5C5C5;
}
.c-filter label .value-name {
    font-size: 13px;
    color: #616161;
} 
.c-filter label:hover .value-name,
.c-filter label [type='checkbox']:checked ~ .value-name {
    color: #212121;
}
.c-filter label:hover .unit {
    border-color: #c1c1c1;
}
.c-filter select,
.c-filter [type='text'] {
    width: 100%;
    height: 40px;
    padding: 0 5px;
    color: #666;
    border: 1px solid #dadada;
    background: #fff;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
}
@media (max-width: 767px) {
    .c-filter select,
    .c-filter [type='text'] {
        height: 34px;
        padding: 0 10px;
    }
}
.c-filter select:focus,
.c-filter [type='text']:focus {
    border-color: #f5c002;
    -webkit-box-shadow: inset 0 0 0 1px #f5c002;
            box-shadow: inset 0 0 0 1px #f5c002;
}
.c-filter .mg-filter-head {
    margin-bottom: 20px;
}
.c-filter .mg-filter-head .wrapper-field {
    margin-bottom: 10px;
}
.c-filter .label-field {
    font-size: 12px;
    font-weight: 600;
    display: block;
    margin-bottom: 4px;
}
.c-filter .price-slider-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 20px;
}

.c-filter .mg-filter-head .price-input {
    padding-right: 34px;
    border: 0;
    border-bottom: 1px solid #eee;
}
.price-slider__label {
    margin-bottom: -5px !important;
}
.price-slider__title {
    margin-bottom: 8px;
    font-size: 16px;
    line-height: 24px;
    font-weight: 500;
    color: #212121;
}
.c-filter .mg-filter-head .price-input ~ span,
.price-slider-list input + span {
    position: absolute;
    top: 0;
    right: 4px;
    bottom: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: auto;
    color: #666;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
}
.c-filter .mg-filter-head .ui-slider {
    width: calc(100% - 14px);
    margin: 0 auto;
    margin-top: 10px;
}
.c-filter .ui-slider-range {
    background: #169B62;
}
.c-filter .mg-filter-body {
    margin-bottom: 40px;
}
.ui-slider-horizontal {
    height: 6px;
}
.ui-slider-horizontal .ui-slider-handle {
    width: 16px;
    height: 16px;
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 2px 4px rgba(0,0,0,0.3);
}
@media (max-width: 1023px) {
    .c-filter .mg-filter-body {
        padding-bottom: 10px;
    }
}
.c-filter .mg-filter-body .mg-filter-title {
    display: block;
    line-height: 24px;
    font-size: 16px;
    font-weight: 500;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 8px;
    padding-bottom: 2px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #212121;
}
.c-filter .mg-filter-body .mg-filter-item {
    margin-top: 40px;
}
.c-filter .mg-filter-body .mg-filter-item select {
    height: 30px;
    padding: 0 6px;
}
.c-filter .mg-filter-body li {
    font-size: 12px;
    margin-top: 10px;
}
.c-filter .price-slider-list li {
    position: relative;
    width: 49%;
    margin-top: 0;
}
.c-filter .mg-filter-body li:first-child {
    margin-top: 0;
}
.c-filter .mg-filter-body .disabled-prop {
    pointer-events: none;
    opacity: .5;
}
.c-filter .mg-filter-body .mg-tooltip {
    font-size: 11px;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 16px;
    height: 16px;
    margin-left: 6px;
    cursor: default;
    border-radius: 100%;
    background: #dadada;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.c-filter .mg-filter-body .mg-tooltip-content {
    position: absolute;
    z-index: 2;
    bottom: 100%;
    left: 100%;
    width: 200px;
    padding: 10px;
    border: 1px solid #dadada;
    background: #fff;
    -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, .2);
            box-shadow: 0 0 30px rgba(0, 0, 0, .2);
}
.c-filter .mg-filter-body .mg-tooltip:hover .mg-tooltip-content {
    display: block !important;
}
.c-filter .mg-filter-body .mg-viewfilter-all,
.c-filter a.mg-viewfilter {
    font-size: 12px;
    font-weight: 600;
    display: block;
    margin-top: 16px;
    text-align: center;
    text-decoration: underline;
}
.c-filter .mg-filter-body .mg-viewfilter-all:hover,
.c-filter a.mg-viewfilter:hover {
    text-decoration: none;
}
.c-filter .filter-buttons {
    text-align: center;
}
@media (max-width: 1023px) {
    .c-filter .filter-buttons {
        position: fixed;
        bottom: 0;
        left: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        width: 260px;
        height: 60px;
        padding: 10px;
        background: #fff;
        -webkit-box-shadow: 0 -6px 6px rgba(0, 0, 0, .1);
                box-shadow: 0 -6px 6px rgba(0, 0, 0, .1);
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
    .c-filter .filter-buttons > * {
        width: 50%;
    }
}
.c-filter .filter-buttons .refreshFilter {
    font-size: 14px;
    font-weight: 500;
    display: block;
    margin-top: 10px;
    cursor: pointer;
    color: #FF3E3E;
}
@media (max-width: 1023px) {
    .c-filter .filter-buttons .refreshFilter {
        margin-top: 0;
    }
}
@media (max-width: 767px) {
    .c-filter .filter-buttons .refreshFilter {
        font-size: 16px;
    }
}
.c-filter .filter-buttons .refreshFilter:hover {
    text-decoration: underline;
}
.c-filter .filter-preview {
    position: absolute;
    z-index: 99;
    display: none;
    margin-top: -8px;
    margin-bottom: 35px;
    -webkit-animation-name: arrow;
            animation-name: arrow;
    -webkit-animation-duration: .4s;
            animation-duration: .4s;
    color: #fff;
    background: rgba(0, 0, 0, .8);
    -webkit-animation-fill-mode: both;
            animation-fill-mode: both;
}
@media (max-width: 767px) {
    .c-filter .filter-preview {
        display: none !important;
    }
}
.c-filter .filter-preview:before {
    position: absolute;
    top: 0;
    left: -16px;
    display: block;
    content: '';
    -webkit-animation-name: before;
            animation-name: before;
    -webkit-animation-duration: .2s;
            animation-duration: .2s;
    border-top: 16px solid transparent;
    border-right: 16px solid rgba(0,0,0,.8);
    border-bottom: 16px solid transparent;
    -webkit-animation-fill-mode: both;
            animation-fill-mode: both;
}
@-webkit-keyframes arrow {
    from {
        -webkit-transform: translate3d(100px, 0, 0);
                transform: translate3d(100px, 0, 0);
        opacity: 0;
    }
    to {
        -webkit-transform: none;
                transform: none;
        opacity: 1;
    }
}
@keyframes arrow {
    from {
        -webkit-transform: translate3d(100px, 0, 0);
                transform: translate3d(100px, 0, 0);
        opacity: 0;
    }
    to {
        -webkit-transform: none;
                transform: none;
        opacity: 1;
    }
}
@-webkit-keyframes before {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
@keyframes before {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
.c-filter .filter-preview span {
    font-size: 14px;
    line-height: 32px;
    padding: 0 25px;
}
.c-filter .filter-preview a {
    text-decoration: underline;
    color: #ff883e;
}
.c-filter .filter-preview a:hover {
    text-decoration: none;
}
.filter-buttons {
    display: flex;
}
.filter-buttons input {
    padding: 0 15px;
    margin-right: 15px;
}

.c-filter--active .c-filter__content {
    padding: 20px;
}
.c-filter__title {
    margin-bottom: 20px;
    font-size: 20px;
    font-weight: 500;
    color: #212121;
}
.close-filter {
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    width: 40px;
    height: 40px;
    font-size: 0;
    background: url(../images/icons/close-black.svg)no-repeat center center;
}
.c-filter__button {
	display: none;
	margin-bottom: 20px;
}
@media (max-width: 1023px) {
	.c-filter__button {
		display: flex;
	}
}

/* c-apply
------------------------------------------------------------------- */
.c-apply__title {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 10px;
}
@media (min-width: 1025px) {
    .c-apply__title {
        margin-top: -32px;
    }
}
.c-apply__form {
}
.c-apply__tags {
    font-size: 12px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.c-apply__tags--item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    min-height: 30px;
    margin-right: 6px;
    margin-bottom: 6px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.c-apply__tags--item:first-child span {
    margin-left: 0;
}
@media (max-width: 767px) {
    .c-apply__tags--item {
            flex-direction: column;
        width: 100%;
        margin-right: 0;
        border-radius: 0;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
    }
}
.c-apply__tags--item:last-child {
    margin-right: 0;
}
.c-apply__tags--name {
    white-space: nowrap;
}
.c-apply__tags--values {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin: 0;
    padding: 0;
}
.c-apply__tags--value {
    font-weight: 600;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-right: 6px;
    margin-bottom: 6px;
    white-space: nowrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
@media (max-width: 767px) {
    .c-apply__tags--value {
        margin-top: 6px;
    }
}
.c-apply__tags--remove {
    display: block;
    padding: 5px 8px;
    font-size: 11px;
    line-height: 15px;
    border: 1px solid #eee;
    border-radius: 20px;
    background: #fff;
    color: #424242
}
.c-apply__tags--remove:after {
    content: '';
    display: inline-block;
    vertical-align: middle;
    width: 10px;
    height: 10px;
    margin-left: 4px;
    background: url(../images/icons/close-black.svg)no-repeat center center;
    background-size: 80%;
}
.c-apply__tags--remove:hover {
    color: #FF3E3E;
}
.c-apply__refresh {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}
.c-apply__form .refreshFilter {
    font-weight: 600;
    font-size: 11px;
    line-height: 16px;
    padding: 4px 8px;
    border: 1px solid #FF3E3E;
    color: #424242;
    border-radius: 20px;
}
.c-apply__form .refreshFilter:hover {
    color: #FF3E3E;
}


/* c-order
------------------------------------------------------------------- */
.c-order__title {
    font-weight: 600;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: calc(100% - 20px);
    height: 40px;
    margin-bottom: 16px;
    padding: 0 16px;
    background: #ededed;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
@media (max-width: 767px) {
    .c-order__title {
        height: 34px;
    }
}
.c-order__title:before {
    position: absolute;
    top: 0;
    right: -20px;
    width: 0;
    height: 0;
    content: '';
    border-top: 20px solid transparent;
    border-bottom: 20px solid transparent;
    border-left: 20px solid #ededed;
}
@media (max-width: 767px) {
    .c-order__title:before {
        right: -17px;
        border-top: 17px solid transparent;
        border-bottom: 17px solid transparent;
        border-left: 17px solid #ededed;
    }
}
.c-order__title--last {
    font-size: 18px;
    width: 100%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
@media (max-width: 767px) {
    .c-order__title--last {
        font-size: 15px;
    }
}
.c-order__title--last:before {
    display: none;
}
.c-order__title--small {
    font-weight: 600;
    margin-top: 16px;
    margin-bottom: 6px;
}
.c-order__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.c-order__list--item {
    width: 49%;
    margin-bottom: 10px;
}
@media (max-width: 767px) {
    .c-order__list--item {
        width: 100%;
    }
}
.c-order__list--width {
    width: 100%;
}
@media (max-width: 767px) {
    .c-order__payment {
        margin-bottom: 10px;
    }
}
.c-order__payment li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 10px;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.c-order__payment li:last-child {
    margin-bottom: 0;
}
.c-order__payment li [class*='icon-'] {
    display: none;
}
.c-order__payment label {
    margin-bottom: 0;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
}
.c-order__payment label:hover {
    text-decoration: underline;
}
.c-order__payment .rate-payment {
    font-size: 12px;
    padding-left: 6px;
    text-transform: lowercase;
}
.c-order__total {
    text-align: center;
}
.c-order__total--row {
    margin-top: 16px;
}
.c-order__total--row:first-child {
    margin-top: 0;
}
.c-order__total--amount {
    font-size: 24px;
    font-weight: 600;
    color: #cd4449;
}
@media (max-width: 767px) {
    .c-order__total--amount {
        font-size: 16px;
    }
}

/* c-alert
------------------------------------------------------------------- */
.c-alert {
    display: block;
    padding: 10px 16px;
}
@media (max-width: 767px) {
    .c-alert {
        padding: 10px;
    }
}
.c-alert--red {
    color: #a94442;
    background: #f2dede;
}
.c-alert--blue {
    color: #31708f;
    background: #d9edf7;
}
.c-alert--green {
    color: #3c763d;
    background: #dff0d8;
}
.c-alert--orange {
    color: #8a6d3b;
    background: #fcf8e3;
}

/* c-tab
------------------------------------------------------------------- */
.c-tab {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
        flex-direction: column;
    margin-top: 20px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
}
.c-tab__nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-bottom: 1px solid #dadada;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
}
@media (max-width: 767px) {
    .c-tab__nav {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
}
.c-tab__link {
    font-size: 16px;
    font-weight: 600;
    position: relative;
    display: block;
    overflow: hidden;
    margin-right: 10px;
    padding: 0 16px;
    padding-bottom: 10px;
    -webkit-transition: all .3s;
         -o-transition: all .3s;
            transition: all .3s;
    text-align: center;
}
@media (max-width: 767px) {
    .c-tab__link {
        font-size: 16px;
        padding-right: 10px;
        padding-left: 10px;
    }
}
.c-tab__link:before {
    position: absolute;
    bottom: 0;
    left: 0;
    visibility: hidden;
    width: 100%;
    height: 3px;
    content: '';
    -webkit-transition: all .3s;
         -o-transition: all .3s;
            transition: all .3s;
    -webkit-transform: scaleX(0);
        -ms-transform: scaleX(0);
            transform: scaleX(0);
    -webkit-transform-origin: top left;
        -ms-transform-origin: top left;
            transform-origin: top left;
    opacity: 0;
    background: #999;
}
.c-tab__link--logout {
    color: #cd4449;
}
.c-tab__link:hover:before,
.c-tab__link--active:before {
    visibility: visible;
    -webkit-transform: scaleX(1);
        -ms-transform: scaleX(1);
            transform: scaleX(1);
    opacity: 1;
}
.c-tab__content {
    display: none;
    padding-top: 20px;
}
.c-tab__content--active {
    display: block;
}
/* c-history
------------------------------------------------------------------- */
.c-history__item {
    margin-top: 20px;
    -webkit-transition:         box-shadow .3s;
    -webkit-transition: -webkit-box-shadow .3s;
         -o-transition:         box-shadow .3s;
            transition: -webkit-box-shadow .3s;
            transition:         box-shadow .3s;
            transition:         box-shadow .3s, -webkit-box-shadow .3s;
    border: 1px solid #dadada;
}
.c-history__item:first-child {
    margin-top: 0;
}
.c-history__item:hover {
    -webkit-box-shadow: 0 0 0 4px #dadada;
            box-shadow: 0 0 0 4px #dadada;
}
.c-history__item--active {
    -webkit-box-shadow: 0 0 0 4px #dadada;
            box-shadow: 0 0 0 4px #dadada;
}
.c-history__item--active .c-history__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.c-history__header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 10px;
    cursor: pointer;
    -webkit-transition: background .3s;
         -o-transition: background .3s;
            transition: background .3s;
    background: #f3f3f3;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
@media (max-width: 767px) {
    .c-history__header {
            flex-direction: column;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
    }
}
.c-history__header:hover {
    background: #dadada;
}
.c-history__status {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 150px;
    height: 24px;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    color: #fff;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
@media (max-width: 767px) {
    .c-history__status {
        margin-top: 6px;
    }
}
.c-history__status.paid {
    background: #28bb1d;
}
.c-history__status.get-paid {
    background: #c1a700;
}
.c-history__status.dont-paid {
    background: #b81212;
}
.c-history__status.processed {
    background: #ca5f09;
}
.c-history__status.performed {
    background: #66b917;
}
.c-history__status.in-delivery {
    background: #668bd4;
}
.c-history__status.dont-confirmed {
    background: #a9a5a5;
}
.c-history__content {
    display: none;
    padding: 20px 10px;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}
.c-history__content--top {
    width: 100%;
    margin-bottom: 16px;
}
.c-history__content--left {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
        flex-direction: column;
    width: 50%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
}
@media (max-width: 767px) {
    .c-history__content--left {
        width: 100%;
        text-align: center;
    }
}
.c-history__content--right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 50%;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}
@media (max-width: 767px) {
    .c-history__content--right {
        width: 100%;
        margin-top: 20px;
        text-align: center;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }
    .c-history__content--right .order-total {
        width: 100%;
    }
}
.c-history__row {
    margin-top: 10px;
}
.c-history__row:first-of-type {
    margin-top: 0;
}
.c-history__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
        flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
}
.c-history__list--item {
    margin-top: 10px;
}
.c-history__list--item:first-of-type {
    margin-top: 0;
}
.c-history__list--total {
    font-size: 16px;
    font-weight: 600;
    color: #cd4449;
}
.c-history__list--link:hover {
    text-decoration: underline;
}
.c-history__table--title {
    font-weight: 600;
    display: block;
}
.c-history__table--title .prop-position {
    font-size: 12px;
    font-weight: 400;
    margin-top: 4px;
}
.c-history__table--title:hover {
    text-decoration: underline;
}
.c-history__table--code {
    text-transform: lowercase;
}
.c-history__table--total {
    font-weight: 600;
}
.c-history__download {
    line-height: 1;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.c-history__download .icon {
    margin-right: 6px;
}
.c-history__download:hover {
    text-decoration: underline;
}
.c-history__hidden {
    display: none;
}
/* c-product
------------------------------------------------------------------- */
.c-product__row {
    margin-top: 10px;
}
.c-product__row:first-child {
    margin-top: 0;
}
@media (max-width: 767px) {
    .c-product__content {
        padding-top: 26px;
        padding-left: 0;
    }
}
.c-product__block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 16px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
@media (max-width: 767px) {
    .c-product__block {
            flex-direction: column;
        margin-bottom: 16px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
    }
}
.c-product__block--left {
    text-align: right;
    color: #666;
}
@media (max-width: 767px) {
    .c-product__block--left {
        width: 100%;
        text-align: center;
    }
}
.c-product__block--right {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1;
}
@media (max-width: 767px) {
    .c-product__block--right {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        flex-direction: column;
        width: 100%;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
    }
}
.c-product__price {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
}
.c-product__price--current .c-product__price--value {
    font-size: 24px;
}
@media (max-width: 989px) {
    .c-product__price--current .c-product__price--value {
        font-size: 22px;
    }
}
.c-product__price--current .c-product__price--value {
    color: #FF3E3E;
}
.c-product__price--old {
    margin-top: 10px;
}
.c-product__price--old .c-product__price--value {
    font-size: 16px;
    color: #212121;
}
@media (max-width: 989px) {
    .c-product__price--old .c-product__price--value {
        font-size: 18px;
    }
}
.c-product__price--title {
    font-size: 16px;
    margin-right: 6px;
    color: #666;
}
@media (max-width: 989px) {
    .c-product__price--title {
        display: none;
    }
}
@media (max-width: 767px) {
    .c-product__price--title {
        font-size: 16px;
        display: block;
    }
}
.c-product__price--value {
    font-weight: 600;
    line-height: 1;
}
.c-product__stock {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 10px 0;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
@media (max-width: 767px) {
    .c-product__stock {
        margin-top: 0;
    }
}
.c-product__stock .icon {
    margin-right: 6px;
}
.c-product__stock--out,
.c-product__stock--in {
    color: #6a6a7f;
}
.c-product__stock--span {
    margin: 0 4px;
}
.c-product__message {
    margin-bottom: 16px;
}





/* c-images
------------------------------------------------------------------- */
.c-images__big {
    position: relative;
    height: 400px;
    background: #fff;
}
@media (max-width: 989px) {
    .c-images__big {
        height: 350px;
    }
}
@media (max-width: 767px) {
    .c-images__big {
        height: 300px;
    }
}
.c-images__big img {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    padding: 10px;
}
.c-images__slider {
    margin-top: 10px;
}
.c-images__slider__item {
    position: relative;
    display: block;
    height: 100px;
    border: 1px solid #dadada;
    background: #fff;
}
@media (max-width: 989px) {
    .c-images__slider__item {
        height: 70px;
    }
}
.c-images__slider__item img {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    padding: 6px;
}
.c-images__slider__item.active {
    border-color: #f39c12;
    -webkit-box-shadow: inset 0 0 0 1px #f39c12;
            box-shadow: inset 0 0 0 1px #f39c12;
}
.c-images .magnify {
    width: 100%;
    height: 100%;
}
.c-images .magnify-lens {
    top: 0 !important;
    left: 100% !important;
    width: 460px !important;
    height: 350px !important;
    margin-top: -1px !important;
    border: 1px solid #dadada !important;
}
@media (max-width: 1023px) {
    .c-images .magnify-lens {
        display: none !important;
    }
}
.c-images .fancy-modal:first-child {
    width: 100%;
    height: 100%;
}
/* property-form
------------------------------------------------------------------- */
@media (max-width: 767px) {
    .property-form {
        font-size: 12px;
    }
}
.property-form br {
    display: none;
}
.property-form p {
    line-height: 1.2;
    margin-top: 10px;
    padding-bottom: 10px;
}

@media (max-width: 767px) {
    .property-form p {
        margin-top: 6px;
        padding-bottom: 6px;
    }
}
.property-form label {
    margin-top: 10px;
}
.property-form select {
    margin-top: 10px;
}
.property-form .property-title {
    font-weight: 600;
}
/* c-buy
------------------------------------------------------------------- */
.c-buy {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
@media (max-width: 767px) {
    .c-buy {
            flex-direction: column;
        margin-top: 0;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
    }
    .buy-container.product .c-buy {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
            flex-direction: row;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
    span.c-product__stock {
        margin: 10px auto 0;
        display: inline-block;
    }
}
.c-buy__buttons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    max-width: 100%;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.c-buy__buttons > a {
    min-width: 113px;
    padding: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}
@media (max-width: 767px) {
    .c-buy__buttons > a {
        min-width: 100%;
        margin-bottom: 0;
    }
}
.c-buy__buttons .addToCompare {
    margin-left: 10px;
}
@media (max-width: 767px) {
    .c-buy__buttons > a + * {
        margin-left: 0;
    }
}
.c-buy__buttons .product-info {
    flex: 0 0 40px;
    min-width: 40px;
    width: 40px;
    height: 40px;
    font-size: 0;
    border-radius: 20px;
    background: url(../images/icons/arrow-right-gray.svg)no-repeat center center;
}
.c-buy__buttons .product-info:hover {
    background: url(../images/icons/arrow-right-green.svg)no-repeat center center;
}
.c-product .c-buy {
    margin-top: 16px;
}
.c-goods--list .c-buy__buttons a {
    margin-bottom: 0;
}
.l-body__index .c-buy__buttons {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
}
/* c-compare
------------------------------------------------------------------- */
.c-compare {
    position: fixed;
    z-index: 999;
    top: 0;
    left: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow: auto;
    width: 100%;
    height: 100%;
    padding: 100px 16px;
    padding-bottom: 0;
    background: #fff;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.c-compare__top {
    position: fixed;
    z-index: 9;
    top: 0;
    left: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 60px;
    padding: 0 26px;
    border-bottom: 1px solid #dadada;
    background: #f3f3f3;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.c-compare__top__select {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.c-compare__top__buttons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.c-compare__top__buttons > a {
    margin-left: 10px;
}
.c-compare__top__buttons .icon {
    font-size: 12px;
    margin-top: -1px;
    margin-right: 5px;
}
.c-compare__left {
    position: relative;
    width: 20%;
    height: 100%;
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
}
.c-compare__right {
    min-width: 40%;
    max-width: 75%;
    height: 100%;
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
}
.c-compare__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.c-compare__item {
    overflow: hidden;
    min-width: 225px;
    max-width: 225px;
    min-height: 300px;
    max-height: 300px;
    margin: 0;
    margin-right: 10px;
}
.c-compare__img {
    height: 140px;
}
.c-compare__property {
    display: none;
}
.c-compare__table {
    font-size: 12px;
    line-height: 12px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
        flex-direction: column;
    margin-top: 5px;
    padding-bottom: 60px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
}
.c-compare__table__left {
    position: absolute;
    top: 300px;
    left: 0;
    width: 100%;
}
.c-compare__table__left .c-compare__row {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}
.c-compare__table__left .c-compare__column {
    font-weight: 600;
    width: 100%;
    text-transform: uppercase;
}
.c-compare__table__right .c-compare__column {
    min-width: 225px;
    max-width: 225px;
}
.c-compare__row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
}
.c-compare__column {
    line-height: 1.2;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 35px;
    margin-top: 6px;
    margin-right: 10px;
    padding: 2px 10px;
    border-bottom: 1px solid #dadada;
    background: #fff;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.c-compare__remove {
    text-align: right;
}
.c-compare__remove:hover {
    color: #cd4449;
}
.c-compare__link {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
        flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
}
.c-compare__link--icon {
    font-size: 28px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    color: #5b3f97;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
@media (max-width: 1023px) {
    .c-compare__link--icon {
        font-size: 24px;
    }
}
.c-compare__link--count {
    position: absolute;
    top: 0;
    right: 0;
}
.c-compare__link--text {
    font-size: 12px;
    margin-top: 4px;
    color: #666;
}
.c-compare__link:hover .c-compare__link--text {
    text-decoration: underline;
}
.c-compare__informer {
    position: fixed;
    z-index: 999;
    top: 16px;
    right: 0;
    left: 0;
    display: none;
    width: 300px;
    margin: auto;
}
.c-compare__informer--content {
    font-size: 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 16px;
    color: #fff;
    background: #000;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.c-compare__informer .icon {
    margin-right: 6px;
}
/* c-static
------------------------------------------------------------------- */
.l-body__static .l-main__right h1 {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 16px;
    padding-bottom: 4px;
    border-bottom: 2px solid #dadada;
}
@media (max-width: 767px) {
    .l-body__static .l-main__right h1 {
        text-align: center;
    }
}
@media (min-width: 768px) {
    .l-body__static .l-main__right h1 {
        font-size: 22px;
    }
}
@media (min-width: 1025px) {
    .l-body__static .l-main__right h1 {
        font-size: 26px;
    }
}
.l-body__static .l-main__right h2 {
    font-size: 16px;
    font-weight: 600;
    margin-top: 16px;
    margin-bottom: 6px;
}
@media (max-width: 767px) {
    .l-body__static .l-main__right h2 {
        text-align: center;
    }
}
@media (min-width: 768px) {
    .l-body__static .l-main__right h2 {
        font-size: 18px;
    }
}
@media (min-width: 1025px) {
    .l-body__static .l-main__right h2 {
        font-size: 20px;
    }
}
.l-body__static .l-main__right a {
    text-decoration: underline;
    color: #1e87f0;
}
.l-body__static .l-main__right a:hover {
    text-decoration: none;
}
/* rating
------------------------------------------------------------------- */
.rating {
    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 (max-width: 767px) {
    .rating {
        display: none;
    }
    .cart-table .c-table caption,
    .cart-table .c-table th,
    .c-table td {
        border: none;
    }
}
.rating .rateit {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.rating .info {
    line-height: 1;
    margin-left: 6px;
}
@media (max-width: 767px) {
    .c-goods .rating {
        display: none;
    }
}
@media (min-width: 768px) {
    .c-goods--list .rating {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }
}
@media (max-width: 767px) {
    .c-carousel .rating {
        display: none;
    }
}
/* buy-click
------------------------------------------------------------------- */
.wrapper-mg-buy-click {
    text-align: center;
}
@media (max-width: 767px) {
    .wrapper-mg-buy-click {
        margin-top: 10px;
    }
}
.wrapper-mg-buy-click .mg-buy-click-button {
    font-size: 16px;
    padding: 0;
    text-decoration: underline;
    text-transform: none;
    border: 0;
    background: none;
    -webkit-box-shadow: none;
            box-shadow: none;
    text-shadow: none;
}
@media (max-width: 767px) {
    .wrapper-mg-buy-click .mg-buy-click-button {
        font-size: 12px;
    }
}
.wrapper-mg-buy-click .mg-buy-click-button:hover {
    text-decoration: none;
}
.wrapper-modal-mg-buy-click input {
    height: 40px;
}
.wrapper-modal-mg-buy-click textarea {
    height: 100px;
}
.wrapper-modal-mg-buy-click .mg-action-buttons {
    font-size: inherit;
}
.wrapper-modal-mg-buy-click .mg-action-buttons .mg-send-order-click-button {
    font-size: 18px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 120px;
    height: 40px;
    padding: 0;
    text-shadow: none;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.wrapper-modal-mg-buy-click .mg-action-buttons .mg-send-order-click-button:active {
    padding: 0;
    border: 0;
}
.wrapper-modal-mg-buy-click .mg-action-buttons .close-mg-buy-button {
    font-size: 16px;
}
@media (min-width: 768px) {
    .c-goods--list .wrapper-mg-buy-click {
        max-width: 48%;
        margin-top: 16px;
    }
}


/* Banners slider ---------------------------------------> */
.m-p-slider-wrapper {
    position: relative;
    margin: 0;
    -webkit-transition: opacity .3s;
         -o-transition: opacity .3s;
            transition: opacity .3s;
    opacity: 0;
    border: 0;
    border-radius: 0;
    -webkit-box-shadow: 0 0 0 1px #dadada;
            box-shadow: 0 0 0 1px #dadada;
}
.m-p-slider-wrapper.show {
    opacity: 1;
}
.m-p-slider-wrapper .bx-next,
.m-p-slider-wrapper .bx-prev {
    width: 24px !important;
    height: 24px !important;
    margin: 0 !important;
    margin-top: -12px !important;
    border-radius: 0 !important;
    background: none !important;
    transition: opacity 0.2s linear;
}
.m-p-slider-wrapper .bx-next {
    right: 16px !important;
    border-bottom: 0;
    border-left: 0;
    opacity: 0.5;
    background: url(../images/icons/arrow-right-white.svg)no-repeat center center !important;
}
.m-p-slider-wrapper .bx-prev {
    left: 16px !important;
    border-top: 0;
    border-right: 0;
    opacity: 0.5;
    background: url(../images/icons/arrow-left-white.svg)no-repeat center center !important;
}
.m-p-slider-wrapper .bx-prev:hover,
.m-p-slider-wrapper .bx-next:hover {
    opacity: 1;
    transition: opacity 0.2s linear;
}

.m-p-slider-wrapper .bx-pager {
    font-size: 0;
    position: absolute !important;
    right: 20px;
    bottom: 20px;
    margin: 0 !important;
    text-align: right !important;
}
.m-p-slider-wrapper .bx-pager a {
    position: relative;
    width: 24px !important;
    height: 24px !important;
    border: 0 !important;
    margin: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
}
.m-p-slider-wrapper .bx-pager a:before {
    content: '';
    position: absolute;
    top: 4px;
    left: 4px;
    display: block;
    width: 12px;
    height: 12px;
    border: 2px solid rgba(255,255,255,0.8);
    border-radius: 8px;
}
.m-p-slider-wrapper .bx-pager a:hover:before,
.m-p-slider-wrapper .bx-pager a.active:before {
    border-color: #148C58;
}



/* Breadcrumbs ------------------------------------------> */
.bread-crumbs {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    width: 100%;
    margin: 0 0 15px 0;
    padding: 0;
    font-size: 12px;
}
.bread-crumbs__item {
    font-size: 13px;
    line-height: 20px;
    color: #9E9E9E;
}
.bread-crumbs__item.separator {
    width: 15px;
    height: 1px;
    margin: 0 15px;
    font-size: 0;
    background: #DBDBDB;
}
.bread-crumbs__item a {
    color: #9E9E9E;
}
.bread-crumbs__item a:hover {
    color: #148C58;
}
.bread-crumbs__item .last-crumb {
    color: #212121;
}




/* Catalog */
.catalog__title {
    margin-bottom: 20px;
}
.catalog__misc {
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
}
.catalog__misc .c-filter__button {
    display: none;
    line-height: 48px;
}
.c-goods--grid .actionBuy {
    flex: 0 0 44px !important;
    width: 44px;
}
.c-goods--grid .c-buy__buttons .addToCart {
    position: relative;
    font-size: 0;
    padding: 0;
    min-width: 100%;
    width: 44px;
    height: 44px;
    background: transparent;
    border: 1px solid #169B62;
    border-radius: 22px;
}
.c-goods--grid .c-buy__buttons .addToCart:before {
    content: '';
    display: block;
    width: 18px;
    height: 18px;
    background: url(../images/icons/cart-small-green.svg)no-repeat center center;
}
.c-goods--grid .c-buy__buttons .addToCart:hover {
    background: #169B62;
}
.c-goods--grid .c-buy__buttons .addToCart:hover:before {
    background: url(../images/icons/cart-small-white.svg)no-repeat center center;
}
@media (max-width: 1023px) {
    .catalog__misc .c-filter__button {
        display: block;
    }
}
@media (max-width: 639px) {
    .c-goods--grid .actionBuy {
        flex: 0 0 36px !important;
        width: 36px;
    }
    .c-goods--grid .c-buy__buttons .addToCart {
        width: 36px;
        height: 36px;
    }
}

/* promo-code
------------------------------------------------------------------- */
.c-promo-code {
    position: relative;
    float: left;
    margin-top: 16px;
}
@media (max-width: 767px) {
    .c-promo-code {
        float: none;
        margin-bottom: 30px;
    }
}
.c-promo-code .promo-form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.c-promo-code .promo-form [type='text'] {
    margin-right: 10px;
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1;
}
.c-promo-code .promo-form span {
    display: none;
}
.c-promo-code #msg-about-code {
    font-size: 12px;
    margin-top: 4px;
    color: #cd4449;
}
@media (max-width: 767px) {
    .c-promo-code #msg-about-code {
        width: 100%;
        text-align: center;
    }
}
/* comments
------------------------------------------------------------------- */
.comments h3 {
    display: none;
}
.comments textarea {
    line-height: 1.4;
    width: 100%;
    min-height: 120px;
    padding: 10px;
    color: #666;
    border: 1px solid #dadada;
    background: #fff;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
}
.comments textarea:focus {
    border-color: #f39c12;
    -webkit-box-shadow: inset 0 0 0 1px #f39c12;
            box-shadow: inset 0 0 0 1px #f39c12;
}
.comments .sendComment {
    font-size: 16px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    float: right;
    height: 40px;
    margin-top: 16px;
    padding: 0 36px;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    -webkit-transition: color .3s, background .3s, box-shadow .3s;
    -webkit-transition: color .3s, background .3s, -webkit-box-shadow .3s;
         -o-transition: color .3s, background .3s, box-shadow .3s;
            transition: color .3s, background .3s, -webkit-box-shadow .3s;
            transition: color .3s, background .3s, box-shadow .3s;
            transition: color .3s, background .3s, box-shadow .3s, -webkit-box-shadow .3s;
    text-align: center;
    white-space: nowrap;
    color: #fff;
    border-radius: 30px;
    background: -webkit-linear-gradient(315deg, #4854a2, #772088);
    background:      -o-linear-gradient(315deg, #4854a2, #772088);
    background:         linear-gradient(135deg, #4854a2, #772088);
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
@media (max-width: 767px) {
    .comments .sendComment {
        font-size: 16px;
        width: 100%;
        height: 30px;
        padding: 0 16px;
    }
}
@media (min-width: 1025px) {
    .comments .sendComment:active {
        -webkit-transform: translateY(3px);
            -ms-transform: translateY(3px);
                transform: translateY(3px);
    }
    .comments .sendComment:hover {
        -webkit-box-shadow: inset 0 4px 14px rgba(0, 0, 0, .36);
                box-shadow: inset 0 4px 14px rgba(0, 0, 0, .36);
    }
}
.comments .comment-post {
    border-color: #dadada;
    border-radius: 0;
}
.comments .c-msg-red,
.comments .c-msg-green {
    display: block;
    padding: 10px 16px;
}
@media (max-width: 767px) {
    .comments .c-msg-red,
    .comments .c-msg-green {
        padding: 10px;
    }
}
.comments .c-msg-red {
    color: #a94442;
    background: #f2dede;
}
.comments .c-msg-green {
    color: #3c763d;
    background: #dff0d8;
}
.comments .comments-msg span ~ span {
    margin: 10px 0;
}
.comments .comments-msg br {
    display: none;
}
.comments .post-date {
    font-size: 12px;
}
/* brand
------------------------------------------------------------------- */
.mg-brand {
    margin-top: 20px;
}
.mg-brand .mg-brand-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}
.mg-brand .mg-brand-block .mg-brand-logo {
    display: inline-block;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 auto;
    -webkit-box-shadow: none;
            box-shadow: none;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 100%;
    
}
@media (min-width: 768px) {
    .mg-brand .mg-brand-block .mg-brand-logo:nth-of-type(-n + 5) {
        margin-top: 0;
    }
}
@media (min-width: 375px) and (max-width: 767px) {
    .mg-brand .mg-brand-block .mg-brand-logo {
        width: calc(33.333333333333336% - 6.666666666666667px);
        margin-top: 10px;
    }
    .mg-brand .mg-brand-block .mg-brand-logo:nth-of-type(3n + 1) {
        margin-right: 10px;
    }
    .mg-brand .mg-brand-block .mg-brand-logo:nth-of-type(3n + 2) {
        margin-right: 10px;
    }
    .mg-brand .mg-brand-block .mg-brand-logo:nth-of-type(-n + 3) {
        margin-top: 0;
    }
}
@media (max-width: 374px) {
    .mg-brand .mg-brand-block .mg-brand-logo {
        width: calc(50% - 5px);
        margin-top: 10px;
    }
    .mg-brand .mg-brand-block .mg-brand-logo:nth-of-type(2n + 1) {
        margin-right: 10px;
    }
    .mg-brand .mg-brand-block .mg-brand-logo:nth-of-type(-n + 2) {
        margin-top: 0;
    }
}
.mg-brand .mg-brand-block .mg-brand-logo a {
    margin: 2px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.brands .addToCompare {
    margin-left: 10px !important;
}
/* product-slider
------------------------------------------------------------------- */
.mg-advise {
    visibility: hidden;
    padding: 10px;
    -webkit-transition: opacity .3s;
         -o-transition: opacity .3s;
            transition: opacity .3s;
    opacity: 0;
    border: 1px solid #dadada;
}
.mg-advise--active {
    visibility: visible;
    opacity: 1;
}
.mg-advise__title {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 10px;
    padding-bottom: 4px;
    text-align: center;
    border-bottom: 1px solid #dadada;
}
.mg-advise .mg-plugin-product-slider-container {
    padding: 0;
}
.mg-advise .caroufredsel_wrapper {
    margin: auto !important;
}
.mg-advise .title a {
    font-size: 18px;
    font-weight: 600;
    line-height: 1.2;
    width: 100%;
    text-align: center;
}
.mg-advise .slider-product {
    margin: 0 !important;
    padding: 0 !important;
    text-align: center;
}
.mg-advise .price {
    font-size: 18px;
    font-weight: 600;
    display: block;
    text-align: center;
    color: #cd4449;
}
.mg-advise .product-buy {
    float: none !important;
    margin-top: 10px !important;
    color: #fff !important;
}
.mg-advise .product-buy:active {
    -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
            transform: translateY(0);
}
/* back-ring
------------------------------------------------------------------- */
.wrapper-back-ring button {
    font-size: 16px;
    display: none;
    height: auto;
    padding: 0;
    color: #fff;
    color: #666;
    background: transparent;
}
@media (max-width: 1023px) {
    .wrapper-back-ring button {
        font-size: 16px;
    }
}
@media (max-width: 767px) {
    .wrapper-back-ring button {
        font-size: 12px;
    }
}
.wrapper-back-ring button:hover {
    text-decoration: underline;
    -webkit-box-shadow: none;
            box-shadow: none;
}
.wrapper-back-ring button:active {
    -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
            transform: translateY(0);
}
.c-contact .wrapper-back-ring button {
    display: block;
}
.wrapper-modal-back-ring h2 {
    display: none;
}
.wrapper-modal-back-ring .modal-ring-list li .left,
.wrapper-modal-back-ring .modal-ring-list li .right {
    float: none;
}
.wrapper-modal-back-ring .modal-ring-list li .right input[type='text'] {
    width: 100%;
}
.wrapper-modal-back-ring .red-btn {
    font-size: 16px;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    height: 40px;
    padding: 0 36px;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    -webkit-transition: color .3s, background .3s, box-shadow .3s;
    -webkit-transition: color .3s, background .3s, -webkit-box-shadow .3s;
         -o-transition: color .3s, background .3s, box-shadow .3s;
            transition: color .3s, background .3s, -webkit-box-shadow .3s;
            transition: color .3s, background .3s, box-shadow .3s;
            transition: color .3s, background .3s, box-shadow .3s, -webkit-box-shadow .3s;
    text-align: center;
    white-space: nowrap;
    color: #fff;
    border: 0;
    border-radius: 30px;
    background: -webkit-linear-gradient(315deg, #4854a2, #772088);
    background:      -o-linear-gradient(315deg, #4854a2, #772088);
    background:         linear-gradient(135deg, #4854a2, #772088);
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
@media (max-width: 767px) {
    .wrapper-modal-back-ring .red-btn {
        font-size: 16px;
        width: 100%;
        height: 30px;
        padding: 0 16px;
    }
}
@media (min-width: 1025px) {
    .wrapper-modal-back-ring .red-btn:active {
        -webkit-transform: translateY(3px);
            -ms-transform: translateY(3px);
                transform: translateY(3px);
    }
    .wrapper-modal-back-ring .red-btn:hover {
        -webkit-box-shadow: inset 0 4px 14px rgba(0, 0, 0, .36);
                box-shadow: inset 0 4px 14px rgba(0, 0, 0, .36);
    }
}
.wrapper-modal-back-ring [type='text']:focus {
    -webkit-box-shadow: inset 0 0 0 1px #f39c12 !important;
            box-shadow: inset 0 0 0 1px #f39c12 !important;
}
.show-more-agreement-data {
    text-decoration: underline;
    color: #1e87f0;
}
.show-more-agreement-data:hover {
    text-decoration: none;
}
.animated {
    -webkit-animation-duration: 1s;
            animation-duration: 1s;
    -webkit-animation-fill-mode: both;
            animation-fill-mode: both;
}
.animated.infinite {
    -webkit-animation-iteration-count: infinite;
            animation-iteration-count: infinite;
}
.animated.hinge {
    -webkit-animation-duration: 2s;
            animation-duration: 2s;
}
.animated.flipOutX,
.animated.flipOutY,
.animated.bounceIn,
.animated.bounceOut {
    -webkit-animation-duration: .75s;
            animation-duration: .75s;
}
@-webkit-keyframes bounce {
    from,
    20%,
    53%,
    80%,
    to {
        -webkit-transform: translate3d(0, 0, 0);
                transform: translate3d(0, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
                animation-timing-function: cubic-bezier(.215, .61, .355, 1);
    }
    40%,
    43% {
        -webkit-transform: translate3d(0, -30px, 0);
                transform: translate3d(0, -30px, 0);
        -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
                animation-timing-function: cubic-bezier(.755, .05, .855, .06);
    }
    70% {
        -webkit-transform: translate3d(0, -15px, 0);
                transform: translate3d(0, -15px, 0);
        -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
                animation-timing-function: cubic-bezier(.755, .05, .855, .06);
    }
    90% {
        -webkit-transform: translate3d(0, -4px, 0);
                transform: translate3d(0, -4px, 0);
    }
}
@keyframes bounce {
    from,
    20%,
    53%,
    80%,
    to {
        -webkit-transform: translate3d(0, 0, 0);
                transform: translate3d(0, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
                animation-timing-function: cubic-bezier(.215, .61, .355, 1);
    }
    40%,
    43% {
        -webkit-transform: translate3d(0, -30px, 0);
                transform: translate3d(0, -30px, 0);
        -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
                animation-timing-function: cubic-bezier(.755, .05, .855, .06);
    }
    70% {
        -webkit-transform: translate3d(0, -15px, 0);
                transform: translate3d(0, -15px, 0);
        -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
                animation-timing-function: cubic-bezier(.755, .05, .855, .06);
    }
    90% {
        -webkit-transform: translate3d(0, -4px, 0);
                transform: translate3d(0, -4px, 0);
    }
}
.bounce {
    -webkit-transform-origin: center bottom;
        -ms-transform-origin: center bottom;
            transform-origin: center bottom;
    -webkit-animation-name: bounce;
            animation-name: bounce;
}
@-webkit-keyframes flash {
    from,
    50%,
    to {
        opacity: 1;
    }
    25%,
    75% {
        opacity: 0;
    }
}
@keyframes flash {
    from,
    50%,
    to {
        opacity: 1;
    }
    25%,
    75% {
        opacity: 0;
    }
}
.flash {
    -webkit-animation-name: flash;
            animation-name: flash;
}
@-webkit-keyframes pulse {
    from {
        -webkit-transform: scale3d(1, 1, 1);
                transform: scale3d(1, 1, 1);
    }
    50% {
        -webkit-transform: scale3d(1.05, 1.05, 1.05);
                transform: scale3d(1.05, 1.05, 1.05);
    }
    to {
        -webkit-transform: scale3d(1, 1, 1);
                transform: scale3d(1, 1, 1);
    }
}
@keyframes pulse {
    from {
        -webkit-transform: scale3d(1, 1, 1);
                transform: scale3d(1, 1, 1);
    }
    50% {
        -webkit-transform: scale3d(1.05, 1.05, 1.05);
                transform: scale3d(1.05, 1.05, 1.05);
    }
    to {
        -webkit-transform: scale3d(1, 1, 1);
                transform: scale3d(1, 1, 1);
    }
}
.pulse {
    -webkit-animation-name: pulse;
            animation-name: pulse;
}
@-webkit-keyframes rubberBand {
    from {
        -webkit-transform: scale3d(1, 1, 1);
                transform: scale3d(1, 1, 1);
    }
    30% {
        -webkit-transform: scale3d(1.25, .75, 1);
                transform: scale3d(1.25, .75, 1);
    }
    40% {
        -webkit-transform: scale3d(.75, 1.25, 1);
                transform: scale3d(.75, 1.25, 1);
    }
    50% {
        -webkit-transform: scale3d(1.15, .85, 1);
                transform: scale3d(1.15, .85, 1);
    }
    65% {
        -webkit-transform: scale3d(.95, 1.05, 1);
                transform: scale3d(.95, 1.05, 1);
    }
    75% {
        -webkit-transform: scale3d(1.05, .95, 1);
                transform: scale3d(1.05, .95, 1);
    }
    to {
        -webkit-transform: scale3d(1, 1, 1);
                transform: scale3d(1, 1, 1);
    }
}
@keyframes rubberBand {
    from {
        -webkit-transform: scale3d(1, 1, 1);
                transform: scale3d(1, 1, 1);
    }
    30% {
        -webkit-transform: scale3d(1.25, .75, 1);
                transform: scale3d(1.25, .75, 1);
    }
    40% {
        -webkit-transform: scale3d(.75, 1.25, 1);
                transform: scale3d(.75, 1.25, 1);
    }
    50% {
        -webkit-transform: scale3d(1.15, .85, 1);
                transform: scale3d(1.15, .85, 1);
    }
    65% {
        -webkit-transform: scale3d(.95, 1.05, 1);
                transform: scale3d(.95, 1.05, 1);
    }
    75% {
        -webkit-transform: scale3d(1.05, .95, 1);
                transform: scale3d(1.05, .95, 1);
    }
    to {
        -webkit-transform: scale3d(1, 1, 1);
                transform: scale3d(1, 1, 1);
    }
}
.rubberBand {
    -webkit-animation-name: rubberBand;
            animation-name: rubberBand;
}
@-webkit-keyframes shake {
    from,
    to {
        -webkit-transform: translate3d(0, 0, 0);
                transform: translate3d(0, 0, 0);
    }
    10%,
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: translate3d(-10px, 0, 0);
                transform: translate3d(-10px, 0, 0);
    }
    20%,
    40%,
    60%,
    80% {
        -webkit-transform: translate3d(10px, 0, 0);
                transform: translate3d(10px, 0, 0);
    }
}
@keyframes shake {
    from,
    to {
        -webkit-transform: translate3d(0, 0, 0);
                transform: translate3d(0, 0, 0);
    }
    10%,
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: translate3d(-10px, 0, 0);
                transform: translate3d(-10px, 0, 0);
    }
    20%,
    40%,
    60%,
    80% {
        -webkit-transform: translate3d(10px, 0, 0);
                transform: translate3d(10px, 0, 0);
    }
}
.shake {
    -webkit-animation-name: shake;
            animation-name: shake;
}
@-webkit-keyframes headShake {
    0% {
        -webkit-transform: translateX(0);
                transform: translateX(0);
    }
    6.5% {
        -webkit-transform: translateX(-6px) rotateY(-9deg);
                transform: translateX(-6px) rotateY(-9deg);
    }
    18.5% {
        -webkit-transform: translateX(5px) rotateY(7deg);
                transform: translateX(5px) rotateY(7deg);
    }
    31.5% {
        -webkit-transform: translateX(-3px) rotateY(-5deg);
                transform: translateX(-3px) rotateY(-5deg);
    }
    43.5% {
        -webkit-transform: translateX(2px) rotateY(3deg);
                transform: translateX(2px) rotateY(3deg);
    }
    50% {
        -webkit-transform: translateX(0);
                transform: translateX(0);
    }
}
@keyframes headShake {
    0% {
        -webkit-transform: translateX(0);
                transform: translateX(0);
    }
    6.5% {
        -webkit-transform: translateX(-6px) rotateY(-9deg);
                transform: translateX(-6px) rotateY(-9deg);
    }
    18.5% {
        -webkit-transform: translateX(5px) rotateY(7deg);
                transform: translateX(5px) rotateY(7deg);
    }
    31.5% {
        -webkit-transform: translateX(-3px) rotateY(-5deg);
                transform: translateX(-3px) rotateY(-5deg);
    }
    43.5% {
        -webkit-transform: translateX(2px) rotateY(3deg);
                transform: translateX(2px) rotateY(3deg);
    }
    50% {
        -webkit-transform: translateX(0);
                transform: translateX(0);
    }
}
.headShake {
    -webkit-animation-name: headShake;
            animation-name: headShake;
    -webkit-animation-timing-function: ease-in-out;
            animation-timing-function: ease-in-out;
}
@-webkit-keyframes swing {
    20% {
        -webkit-transform: rotate3d(0, 0, 1, 15deg);
                transform: rotate3d(0, 0, 1, 15deg);
    }
    40% {
        -webkit-transform: rotate3d(0, 0, 1, -10deg);
                transform: rotate3d(0, 0, 1, -10deg);
    }
    60% {
        -webkit-transform: rotate3d(0, 0, 1, 5deg);
                transform: rotate3d(0, 0, 1, 5deg);
    }
    80% {
        -webkit-transform: rotate3d(0, 0, 1, -5deg);
                transform: rotate3d(0, 0, 1, -5deg);
    }
    to {
        -webkit-transform: rotate3d(0, 0, 1, 0deg);
                transform: rotate3d(0, 0, 1, 0deg);
    }
}
@keyframes swing {
    20% {
        -webkit-transform: rotate3d(0, 0, 1, 15deg);
                transform: rotate3d(0, 0, 1, 15deg);
    }
    40% {
        -webkit-transform: rotate3d(0, 0, 1, -10deg);
                transform: rotate3d(0, 0, 1, -10deg);
    }
    60% {
        -webkit-transform: rotate3d(0, 0, 1, 5deg);
                transform: rotate3d(0, 0, 1, 5deg);
    }
    80% {
        -webkit-transform: rotate3d(0, 0, 1, -5deg);
                transform: rotate3d(0, 0, 1, -5deg);
    }
    to {
        -webkit-transform: rotate3d(0, 0, 1, 0deg);
                transform: rotate3d(0, 0, 1, 0deg);
    }
}
.swing {
    -webkit-transform-origin: top center;
        -ms-transform-origin: top center;
            transform-origin: top center;
    -webkit-animation-name: swing;
            animation-name: swing;
}
@-webkit-keyframes tada {
    from {
        -webkit-transform: scale3d(1, 1, 1);
                transform: scale3d(1, 1, 1);
    }
    10%,
    20% {
        -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
                transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
    }
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
                transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    }
    40%,
    60%,
    80% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
                transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    }
    to {
        -webkit-transform: scale3d(1, 1, 1);
                transform: scale3d(1, 1, 1);
    }
}
@keyframes tada {
    from {
        -webkit-transform: scale3d(1, 1, 1);
                transform: scale3d(1, 1, 1);
    }
    10%,
    20% {
        -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
                transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
    }
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
                transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    }
    40%,
    60%,
    80% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
                transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    }
    to {
        -webkit-transform: scale3d(1, 1, 1);
                transform: scale3d(1, 1, 1);
    }
}
.tada {
    -webkit-animation-name: tada;
            animation-name: tada;
}
@-webkit-keyframes wobble {
    from {
        -webkit-transform: none;
                transform: none;
    }
    15% {
        -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
                transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    }
    30% {
        -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
                transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    }
    45% {
        -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
                transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    }
    60% {
        -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
                transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    }
    75% {
        -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
                transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    }
    to {
        -webkit-transform: none;
                transform: none;
    }
}
@keyframes wobble {
    from {
        -webkit-transform: none;
                transform: none;
    }
    15% {
        -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
                transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    }
    30% {
        -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
                transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    }
    45% {
        -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
                transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    }
    60% {
        -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
                transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    }
    75% {
        -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
                transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    }
    to {
        -webkit-transform: none;
                transform: none;
    }
}
.wobble {
    -webkit-animation-name: wobble;
            animation-name: wobble;
}
@-webkit-keyframes jello {
    from,
    11.1%,
    to {
        -webkit-transform: none;
                transform: none;
    }
    22.2% {
        -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
                transform: skewX(-12.5deg) skewY(-12.5deg);
    }
    33.3% {
        -webkit-transform: skewX(6.25deg) skewY(6.25deg);
                transform: skewX(6.25deg) skewY(6.25deg);
    }
    44.4% {
        -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
                transform: skewX(-3.125deg) skewY(-3.125deg);
    }
    55.5% {
        -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
                transform: skewX(1.5625deg) skewY(1.5625deg);
    }
    66.6% {
        -webkit-transform: skewX(-.78125deg) skewY(-.78125deg);
                transform: skewX(-.78125deg) skewY(-.78125deg);
    }
    77.7% {
        -webkit-transform: skewX(.390625deg) skewY(.390625deg);
                transform: skewX(.390625deg) skewY(.390625deg);
    }
    88.8% {
        -webkit-transform: skewX(-.1953125deg) skewY(-.1953125deg);
                transform: skewX(-.1953125deg) skewY(-.1953125deg);
    }
}
@keyframes jello {
    from,
    11.1%,
    to {
        -webkit-transform: none;
                transform: none;
    }
    22.2% {
        -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
                transform: skewX(-12.5deg) skewY(-12.5deg);
    }
    33.3% {
        -webkit-transform: skewX(6.25deg) skewY(6.25deg);
                transform: skewX(6.25deg) skewY(6.25deg);
    }
    44.4% {
        -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
                transform: skewX(-3.125deg) skewY(-3.125deg);
    }
    55.5% {
        -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
                transform: skewX(1.5625deg) skewY(1.5625deg);
    }
    66.6% {
        -webkit-transform: skewX(-.78125deg) skewY(-.78125deg);
                transform: skewX(-.78125deg) skewY(-.78125deg);
    }
    77.7% {
        -webkit-transform: skewX(.390625deg) skewY(.390625deg);
                transform: skewX(.390625deg) skewY(.390625deg);
    }
    88.8% {
        -webkit-transform: skewX(-.1953125deg) skewY(-.1953125deg);
                transform: skewX(-.1953125deg) skewY(-.1953125deg);
    }
}
.jello {
    -webkit-transform-origin: center;
        -ms-transform-origin: center;
            transform-origin: center;
    -webkit-animation-name: jello;
            animation-name: jello;
}
@-webkit-keyframes bounceIn {
    from,
    20%,
    40%,
    60%,
    80%,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
                animation-timing-function: cubic-bezier(.215, .61, .355, 1);
    }
    0% {
        -webkit-transform: scale3d(.3, .3, .3);
                transform: scale3d(.3, .3, .3);
        opacity: 0;
    }
    20% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
                transform: scale3d(1.1, 1.1, 1.1);
    }
    40% {
        -webkit-transform: scale3d(.9, .9, .9);
                transform: scale3d(.9, .9, .9);
    }
    60% {
        -webkit-transform: scale3d(1.03, 1.03, 1.03);
                transform: scale3d(1.03, 1.03, 1.03);
        opacity: 1;
    }
    80% {
        -webkit-transform: scale3d(.97, .97, .97);
                transform: scale3d(.97, .97, .97);
    }
    to {
        -webkit-transform: scale3d(1, 1, 1);
                transform: scale3d(1, 1, 1);
        opacity: 1;
    }
}
@keyframes bounceIn {
    from,
    20%,
    40%,
    60%,
    80%,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
                animation-timing-function: cubic-bezier(.215, .61, .355, 1);
    }
    0% {
        -webkit-transform: scale3d(.3, .3, .3);
                transform: scale3d(.3, .3, .3);
        opacity: 0;
    }
    20% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
                transform: scale3d(1.1, 1.1, 1.1);
    }
    40% {
        -webkit-transform: scale3d(.9, .9, .9);
                transform: scale3d(.9, .9, .9);
    }
    60% {
        -webkit-transform: scale3d(1.03, 1.03, 1.03);
                transform: scale3d(1.03, 1.03, 1.03);
        opacity: 1;
    }
    80% {
        -webkit-transform: scale3d(.97, .97, .97);
                transform: scale3d(.97, .97, .97);
    }
    to {
        -webkit-transform: scale3d(1, 1, 1);
                transform: scale3d(1, 1, 1);
        opacity: 1;
    }
}
.bounceIn {
    -webkit-animation-name: bounceIn;
            animation-name: bounceIn;
}
@-webkit-keyframes bounceInDown {
    from,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
                animation-timing-function: cubic-bezier(.215, .61, .355, 1);
    }
    0% {
        -webkit-transform: translate3d(0, -3000px, 0);
                transform: translate3d(0, -3000px, 0);
        opacity: 0;
    }
    60% {
        -webkit-transform: translate3d(0, 25px, 0);
                transform: translate3d(0, 25px, 0);
        opacity: 1;
    }
    75% {
        -webkit-transform: translate3d(0, -10px, 0);
                transform: translate3d(0, -10px, 0);
    }
    90% {
        -webkit-transform: translate3d(0, 5px, 0);
                transform: translate3d(0, 5px, 0);
    }
    to {
        -webkit-transform: none;
                transform: none;
    }
}
@keyframes bounceInDown {
    from,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
                animation-timing-function: cubic-bezier(.215, .61, .355, 1);
    }
    0% {
        -webkit-transform: translate3d(0, -3000px, 0);
                transform: translate3d(0, -3000px, 0);
        opacity: 0;
    }
    60% {
        -webkit-transform: translate3d(0, 25px, 0);
                transform: translate3d(0, 25px, 0);
        opacity: 1;
    }
    75% {
        -webkit-transform: translate3d(0, -10px, 0);
                transform: translate3d(0, -10px, 0);
    }
    90% {
        -webkit-transform: translate3d(0, 5px, 0);
                transform: translate3d(0, 5px, 0);
    }
    to {
        -webkit-transform: none;
                transform: none;
    }
}
.bounceInDown {
    -webkit-animation-name: bounceInDown;
            animation-name: bounceInDown;
}
@-webkit-keyframes bounceInLeft {
    from,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
                animation-timing-function: cubic-bezier(.215, .61, .355, 1);
    }
    0% {
        -webkit-transform: translate3d(-3000px, 0, 0);
                transform: translate3d(-3000px, 0, 0);
        opacity: 0;
    }
    60% {
        -webkit-transform: translate3d(25px, 0, 0);
                transform: translate3d(25px, 0, 0);
        opacity: 1;
    }
    75% {
        -webkit-transform: translate3d(-10px, 0, 0);
                transform: translate3d(-10px, 0, 0);
    }
    90% {
        -webkit-transform: translate3d(5px, 0, 0);
                transform: translate3d(5px, 0, 0);
    }
    to {
        -webkit-transform: none;
                transform: none;
    }
}
@keyframes bounceInLeft {
    from,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
                animation-timing-function: cubic-bezier(.215, .61, .355, 1);
    }
    0% {
        -webkit-transform: translate3d(-3000px, 0, 0);
                transform: translate3d(-3000px, 0, 0);
        opacity: 0;
    }
    60% {
        -webkit-transform: translate3d(25px, 0, 0);
                transform: translate3d(25px, 0, 0);
        opacity: 1;
    }
    75% {
        -webkit-transform: translate3d(-10px, 0, 0);
                transform: translate3d(-10px, 0, 0);
    }
    90% {
        -webkit-transform: translate3d(5px, 0, 0);
                transform: translate3d(5px, 0, 0);
    }
    to {
        -webkit-transform: none;
                transform: none;
    }
}
.bounceInLeft {
    -webkit-animation-name: bounceInLeft;
            animation-name: bounceInLeft;
}
@-webkit-keyframes bounceInRight {
    from,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
                animation-timing-function: cubic-bezier(.215, .61, .355, 1);
    }
    from {
        -webkit-transform: translate3d(3000px, 0, 0);
                transform: translate3d(3000px, 0, 0);
        opacity: 0;
    }
    60% {
        -webkit-transform: translate3d(-25px, 0, 0);
                transform: translate3d(-25px, 0, 0);
        opacity: 1;
    }
    75% {
        -webkit-transform: translate3d(10px, 0, 0);
                transform: translate3d(10px, 0, 0);
    }
    90% {
        -webkit-transform: translate3d(-5px, 0, 0);
                transform: translate3d(-5px, 0, 0);
    }
    to {
        -webkit-transform: none;
                transform: none;
    }
}
@keyframes bounceInRight {
    from,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
                animation-timing-function: cubic-bezier(.215, .61, .355, 1);
    }
    from {
        -webkit-transform: translate3d(3000px, 0, 0);
                transform: translate3d(3000px, 0, 0);
        opacity: 0;
    }
    60% {
        -webkit-transform: translate3d(-25px, 0, 0);
                transform: translate3d(-25px, 0, 0);
        opacity: 1;
    }
    75% {
        -webkit-transform: translate3d(10px, 0, 0);
                transform: translate3d(10px, 0, 0);
    }
    90% {
        -webkit-transform: translate3d(-5px, 0, 0);
                transform: translate3d(-5px, 0, 0);
    }
    to {
        -webkit-transform: none;
                transform: none;
    }
}
.bounceInRight {
    -webkit-animation-name: bounceInRight;
            animation-name: bounceInRight;
}
@-webkit-keyframes bounceInUp {
    from,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
                animation-timing-function: cubic-bezier(.215, .61, .355, 1);
    }
    from {
        -webkit-transform: translate3d(0, 3000px, 0);
                transform: translate3d(0, 3000px, 0);
        opacity: 0;
    }
    60% {
        -webkit-transform: translate3d(0, -20px, 0);
                transform: translate3d(0, -20px, 0);
        opacity: 1;
    }
    75% {
        -webkit-transform: translate3d(0, 10px, 0);
                transform: translate3d(0, 10px, 0);
    }
    90% {
        -webkit-transform: translate3d(0, -5px, 0);
                transform: translate3d(0, -5px, 0);
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
                transform: translate3d(0, 0, 0);
    }
}
@keyframes bounceInUp {
    from,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
                animation-timing-function: cubic-bezier(.215, .61, .355, 1);
    }
    from {
        -webkit-transform: translate3d(0, 3000px, 0);
                transform: translate3d(0, 3000px, 0);
        opacity: 0;
    }
    60% {
        -webkit-transform: translate3d(0, -20px, 0);
                transform: translate3d(0, -20px, 0);
        opacity: 1;
    }
    75% {
        -webkit-transform: translate3d(0, 10px, 0);
                transform: translate3d(0, 10px, 0);
    }
    90% {
        -webkit-transform: translate3d(0, -5px, 0);
                transform: translate3d(0, -5px, 0);
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
                transform: translate3d(0, 0, 0);
    }
}
.bounceInUp {
    -webkit-animation-name: bounceInUp;
            animation-name: bounceInUp;
}
@-webkit-keyframes bounceOut {
    20% {
        -webkit-transform: scale3d(.9, .9, .9);
                transform: scale3d(.9, .9, .9);
    }
    50%,
    55% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
                transform: scale3d(1.1, 1.1, 1.1);
        opacity: 1;
    }
    to {
        -webkit-transform: scale3d(.3, .3, .3);
                transform: scale3d(.3, .3, .3);
        opacity: 0;
    }
}
@keyframes bounceOut {
    20% {
        -webkit-transform: scale3d(.9, .9, .9);
                transform: scale3d(.9, .9, .9);
    }
    50%,
    55% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
                transform: scale3d(1.1, 1.1, 1.1);
        opacity: 1;
    }
    to {
        -webkit-transform: scale3d(.3, .3, .3);
                transform: scale3d(.3, .3, .3);
        opacity: 0;
    }
}
.bounceOut {
    -webkit-animation-name: bounceOut;
            animation-name: bounceOut;
}
@-webkit-keyframes bounceOutDown {
    20% {
        -webkit-transform: translate3d(0, 10px, 0);
                transform: translate3d(0, 10px, 0);
    }
    40%,
    45% {
        -webkit-transform: translate3d(0, -20px, 0);
                transform: translate3d(0, -20px, 0);
        opacity: 1;
    }
    to {
        -webkit-transform: translate3d(0, 2000px, 0);
                transform: translate3d(0, 2000px, 0);
        opacity: 0;
    }
}
@keyframes bounceOutDown {
    20% {
        -webkit-transform: translate3d(0, 10px, 0);
                transform: translate3d(0, 10px, 0);
    }
    40%,
    45% {
        -webkit-transform: translate3d(0, -20px, 0);
                transform: translate3d(0, -20px, 0);
        opacity: 1;
    }
    to {
        -webkit-transform: translate3d(0, 2000px, 0);
                transform: translate3d(0, 2000px, 0);
        opacity: 0;
    }
}
.bounceOutDown {
    -webkit-animation-name: bounceOutDown;
            animation-name: bounceOutDown;
}
@-webkit-keyframes bounceOutLeft {
    20% {
        -webkit-transform: translate3d(20px, 0, 0);
                transform: translate3d(20px, 0, 0);
        opacity: 1;
    }
    to {
        -webkit-transform: translate3d(-2000px, 0, 0);
                transform: translate3d(-2000px, 0, 0);
        opacity: 0;
    }
}
@keyframes bounceOutLeft {
    20% {
        -webkit-transform: translate3d(20px, 0, 0);
                transform: translate3d(20px, 0, 0);
        opacity: 1;
    }
    to {
        -webkit-transform: translate3d(-2000px, 0, 0);
                transform: translate3d(-2000px, 0, 0);
        opacity: 0;
    }
}
.bounceOutLeft {
    -webkit-animation-name: bounceOutLeft;
            animation-name: bounceOutLeft;
}
@-webkit-keyframes bounceOutRight {
    20% {
        -webkit-transform: translate3d(-20px, 0, 0);
                transform: translate3d(-20px, 0, 0);
        opacity: 1;
    }
    to {
        -webkit-transform: translate3d(2000px, 0, 0);
                transform: translate3d(2000px, 0, 0);
        opacity: 0;
    }
}
@keyframes bounceOutRight {
    20% {
        -webkit-transform: translate3d(-20px, 0, 0);
                transform: translate3d(-20px, 0, 0);
        opacity: 1;
    }
    to {
        -webkit-transform: translate3d(2000px, 0, 0);
                transform: translate3d(2000px, 0, 0);
        opacity: 0;
    }
}
.bounceOutRight {
    -webkit-animation-name: bounceOutRight;
            animation-name: bounceOutRight;
}
@-webkit-keyframes bounceOutUp {
    20% {
        -webkit-transform: translate3d(0, -10px, 0);
                transform: translate3d(0, -10px, 0);
    }
    40%,
    45% {
        -webkit-transform: translate3d(0, 20px, 0);
                transform: translate3d(0, 20px, 0);
        opacity: 1;
    }
    to {
        -webkit-transform: translate3d(0, -2000px, 0);
                transform: translate3d(0, -2000px, 0);
        opacity: 0;
    }
}
@keyframes bounceOutUp {
    20% {
        -webkit-transform: translate3d(0, -10px, 0);
                transform: translate3d(0, -10px, 0);
    }
    40%,
    45% {
        -webkit-transform: translate3d(0, 20px, 0);
                transform: translate3d(0, 20px, 0);
        opacity: 1;
    }
    to {
        -webkit-transform: translate3d(0, -2000px, 0);
                transform: translate3d(0, -2000px, 0);
        opacity: 0;
    }
}
.bounceOutUp {
    -webkit-animation-name: bounceOutUp;
            animation-name: bounceOutUp;
}
@-webkit-keyframes fadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
@keyframes fadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
.fadeIn {
    -webkit-animation-name: fadeIn;
            animation-name: fadeIn;
}
@-webkit-keyframes fadeInDown {
    from {
        -webkit-transform: translate3d(0, -100%, 0);
                transform: translate3d(0, -100%, 0);
        opacity: 0;
    }
    to {
        -webkit-transform: none;
                transform: none;
        opacity: 1;
    }
}
@keyframes fadeInDown {
    from {
        -webkit-transform: translate3d(0, -100%, 0);
                transform: translate3d(0, -100%, 0);
        opacity: 0;
    }
    to {
        -webkit-transform: none;
                transform: none;
        opacity: 1;
    }
}
.fadeInDown {
    -webkit-animation-name: fadeInDown;
            animation-name: fadeInDown;
}
@-webkit-keyframes fadeInDownBig {
    from {
        -webkit-transform: translate3d(0, -2000px, 0);
                transform: translate3d(0, -2000px, 0);
        opacity: 0;
    }
    to {
        -webkit-transform: none;
                transform: none;
        opacity: 1;
    }
}
@keyframes fadeInDownBig {
    from {
        -webkit-transform: translate3d(0, -2000px, 0);
                transform: translate3d(0, -2000px, 0);
        opacity: 0;
    }
    to {
        -webkit-transform: none;
                transform: none;
        opacity: 1;
    }
}
.fadeInDownBig {
    -webkit-animation-name: fadeInDownBig;
            animation-name: fadeInDownBig;
}
@-webkit-keyframes fadeInLeft {
    from {
        -webkit-transform: translate3d(-100%, 0, 0);
                transform: translate3d(-100%, 0, 0);
        opacity: 0;
    }
    to {
        -webkit-transform: none;
                transform: none;
        opacity: 1;
    }
}
@keyframes fadeInLeft {
    from {
        -webkit-transform: translate3d(-100%, 0, 0);
                transform: translate3d(-100%, 0, 0);
        opacity: 0;
    }
    to {
        -webkit-transform: none;
                transform: none;
        opacity: 1;
    }
}
.fadeInLeft {
    -webkit-animation-name: fadeInLeft;
            animation-name: fadeInLeft;
}
@-webkit-keyframes fadeInLeftBig {
    from {
        -webkit-transform: translate3d(-2000px, 0, 0);
                transform: translate3d(-2000px, 0, 0);
        opacity: 0;
    }
    to {
        -webkit-transform: none;
                transform: none;
        opacity: 1;
    }
}
@keyframes fadeInLeftBig {
    from {
        -webkit-transform: translate3d(-2000px, 0, 0);
                transform: translate3d(-2000px, 0, 0);
        opacity: 0;
    }
    to {
        -webkit-transform: none;
                transform: none;
        opacity: 1;
    }
}
.fadeInLeftBig {
    -webkit-animation-name: fadeInLeftBig;
            animation-name: fadeInLeftBig;
}
@-webkit-keyframes fadeInRight {
    from {
        -webkit-transform: translate3d(100%, 0, 0);
                transform: translate3d(100%, 0, 0);
        opacity: 0;
    }
    to {
        -webkit-transform: none;
                transform: none;
        opacity: 1;
    }
}
@keyframes fadeInRight {
    from {
        -webkit-transform: translate3d(100%, 0, 0);
                transform: translate3d(100%, 0, 0);
        opacity: 0;
    }
    to {
        -webkit-transform: none;
                transform: none;
        opacity: 1;
    }
}
.fadeInRight {
    -webkit-animation-name: fadeInRight;
            animation-name: fadeInRight;
}
@-webkit-keyframes fadeInRightBig {
    from {
        -webkit-transform: translate3d(2000px, 0, 0);
                transform: translate3d(2000px, 0, 0);
        opacity: 0;
    }
    to {
        -webkit-transform: none;
                transform: none;
        opacity: 1;
    }
}
@keyframes fadeInRightBig {
    from {
        -webkit-transform: translate3d(2000px, 0, 0);
                transform: translate3d(2000px, 0, 0);
        opacity: 0;
    }
    to {
        -webkit-transform: none;
                transform: none;
        opacity: 1;
    }
}
.fadeInRightBig {
    -webkit-animation-name: fadeInRightBig;
            animation-name: fadeInRightBig;
}
@-webkit-keyframes fadeInUp {
    from {
        -webkit-transform: translate3d(0, 100%, 0);
                transform: translate3d(0, 100%, 0);
        opacity: 0;
    }
    to {
        -webkit-transform: none;
                transform: none;
        opacity: 1;
    }
}
@keyframes fadeInUp {
    from {
        -webkit-transform: translate3d(0, 100%, 0);
                transform: translate3d(0, 100%, 0);
        opacity: 0;
    }
    to {
        -webkit-transform: none;
                transform: none;
        opacity: 1;
    }
}
.fadeInUp {
    -webkit-animation-name: fadeInUp;
            animation-name: fadeInUp;
}
@-webkit-keyframes fadeInUpBig {
    from {
        -webkit-transform: translate3d(0, 2000px, 0);
                transform: translate3d(0, 2000px, 0);
        opacity: 0;
    }
    to {
        -webkit-transform: none;
                transform: none;
        opacity: 1;
    }
}
@keyframes fadeInUpBig {
    from {
        -webkit-transform: translate3d(0, 2000px, 0);
                transform: translate3d(0, 2000px, 0);
        opacity: 0;
    }
    to {
        -webkit-transform: none;
                transform: none;
        opacity: 1;
    }
}
.fadeInUpBig {
    -webkit-animation-name: fadeInUpBig;
            animation-name: fadeInUpBig;
}
@-webkit-keyframes fadeOut {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
    }
}
@keyframes fadeOut {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
    }
}
.fadeOut {
    -webkit-animation-name: fadeOut;
            animation-name: fadeOut;
}
@-webkit-keyframes fadeOutDown {
    from {
        opacity: 1;
    }
    to {
        -webkit-transform: translate3d(0, 100%, 0);
                transform: translate3d(0, 100%, 0);
        opacity: 0;
    }
}
@keyframes fadeOutDown {
    from {
        opacity: 1;
    }
    to {
        -webkit-transform: translate3d(0, 100%, 0);
                transform: translate3d(0, 100%, 0);
        opacity: 0;
    }
}
.fadeOutDown {
    -webkit-animation-name: fadeOutDown;
            animation-name: fadeOutDown;
}
@-webkit-keyframes fadeOutDownBig {
    from {
        opacity: 1;
    }
    to {
        -webkit-transform: translate3d(0, 2000px, 0);
                transform: translate3d(0, 2000px, 0);
        opacity: 0;
    }
}
@keyframes fadeOutDownBig {
    from {
        opacity: 1;
    }
    to {
        -webkit-transform: translate3d(0, 2000px, 0);
                transform: translate3d(0, 2000px, 0);
        opacity: 0;
    }
}
.fadeOutDownBig {
    -webkit-animation-name: fadeOutDownBig;
            animation-name: fadeOutDownBig;
}
@-webkit-keyframes fadeOutLeft {
    from {
        opacity: 1;
    }
    to {
        -webkit-transform: translate3d(-100%, 0, 0);
                transform: translate3d(-100%, 0, 0);
        opacity: 0;
    }
}
@keyframes fadeOutLeft {
    from {
        opacity: 1;
    }
    to {
        -webkit-transform: translate3d(-100%, 0, 0);
                transform: translate3d(-100%, 0, 0);
        opacity: 0;
    }
}
.fadeOutLeft {
    -webkit-animation-name: fadeOutLeft;
            animation-name: fadeOutLeft;
}
@-webkit-keyframes fadeOutLeftBig {
    from {
        opacity: 1;
    }
    to {
        -webkit-transform: translate3d(-2000px, 0, 0);
                transform: translate3d(-2000px, 0, 0);
        opacity: 0;
    }
}
@keyframes fadeOutLeftBig {
    from {
        opacity: 1;
    }
    to {
        -webkit-transform: translate3d(-2000px, 0, 0);
                transform: translate3d(-2000px, 0, 0);
        opacity: 0;
    }
}
.fadeOutLeftBig {
    -webkit-animation-name: fadeOutLeftBig;
            animation-name: fadeOutLeftBig;
}
@-webkit-keyframes fadeOutRight {
    from {
        opacity: 1;
    }
    to {
        -webkit-transform: translate3d(100%, 0, 0);
                transform: translate3d(100%, 0, 0);
        opacity: 0;
    }
}
@keyframes fadeOutRight {
    from {
        opacity: 1;
    }
    to {
        -webkit-transform: translate3d(100%, 0, 0);
                transform: translate3d(100%, 0, 0);
        opacity: 0;
    }
}
.fadeOutRight {
    -webkit-animation-name: fadeOutRight;
            animation-name: fadeOutRight;
}
@-webkit-keyframes fadeOutRightBig {
    from {
        opacity: 1;
    }
    to {
        -webkit-transform: translate3d(2000px, 0, 0);
                transform: translate3d(2000px, 0, 0);
        opacity: 0;
    }
}
@keyframes fadeOutRightBig {
    from {
        opacity: 1;
    }
    to {
        -webkit-transform: translate3d(2000px, 0, 0);
                transform: translate3d(2000px, 0, 0);
        opacity: 0;
    }
}
.fadeOutRightBig {
    -webkit-animation-name: fadeOutRightBig;
            animation-name: fadeOutRightBig;
}
@-webkit-keyframes fadeOutUp {
    from {
        opacity: 1;
    }
    to {
        -webkit-transform: translate3d(0, -100%, 0);
                transform: translate3d(0, -100%, 0);
        opacity: 0;
    }
}
@keyframes fadeOutUp {
    from {
        opacity: 1;
    }
    to {
        -webkit-transform: translate3d(0, -100%, 0);
                transform: translate3d(0, -100%, 0);
        opacity: 0;
    }
}
.fadeOutUp {
    -webkit-animation-name: fadeOutUp;
            animation-name: fadeOutUp;
}
@-webkit-keyframes fadeOutUpBig {
    from {
        opacity: 1;
    }
    to {
        -webkit-transform: translate3d(0, -2000px, 0);
                transform: translate3d(0, -2000px, 0);
        opacity: 0;
    }
}
@keyframes fadeOutUpBig {
    from {
        opacity: 1;
    }
    to {
        -webkit-transform: translate3d(0, -2000px, 0);
                transform: translate3d(0, -2000px, 0);
        opacity: 0;
    }
}
.fadeOutUpBig {
    -webkit-animation-name: fadeOutUpBig;
            animation-name: fadeOutUpBig;
}
@-webkit-keyframes flip {
    from {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
                transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
        -webkit-animation-timing-function: ease-out;
                animation-timing-function: ease-out;
    }
    40% {
        -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
                transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
        -webkit-animation-timing-function: ease-out;
                animation-timing-function: ease-out;
    }
    50% {
        -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
                transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
        -webkit-animation-timing-function: ease-in;
                animation-timing-function: ease-in;
    }
    80% {
        -webkit-transform: perspective(400px) scale3d(.95, .95, .95);
                transform: perspective(400px) scale3d(.95, .95, .95);
        -webkit-animation-timing-function: ease-in;
                animation-timing-function: ease-in;
    }
    to {
        -webkit-transform: perspective(400px);
                transform: perspective(400px);
        -webkit-animation-timing-function: ease-in;
                animation-timing-function: ease-in;
    }
}
@keyframes flip {
    from {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
                transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
        -webkit-animation-timing-function: ease-out;
                animation-timing-function: ease-out;
    }
    40% {
        -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
                transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
        -webkit-animation-timing-function: ease-out;
                animation-timing-function: ease-out;
    }
    50% {
        -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
                transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
        -webkit-animation-timing-function: ease-in;
                animation-timing-function: ease-in;
    }
    80% {
        -webkit-transform: perspective(400px) scale3d(.95, .95, .95);
                transform: perspective(400px) scale3d(.95, .95, .95);
        -webkit-animation-timing-function: ease-in;
                animation-timing-function: ease-in;
    }
    to {
        -webkit-transform: perspective(400px);
                transform: perspective(400px);
        -webkit-animation-timing-function: ease-in;
                animation-timing-function: ease-in;
    }
}
.animated.flip {
    -webkit-animation-name: flip;
            animation-name: flip;
    -webkit-backface-visibility: visible;
            backface-visibility: visible;
}
@-webkit-keyframes flipInX {
    from {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
                transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        -webkit-animation-timing-function: ease-in;
                animation-timing-function: ease-in;
        opacity: 0;
    }
    40% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
                transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        -webkit-animation-timing-function: ease-in;
                animation-timing-function: ease-in;
    }
    60% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
                transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        opacity: 1;
    }
    80% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
                transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    }
    to {
        -webkit-transform: perspective(400px);
                transform: perspective(400px);
    }
}
@keyframes flipInX {
    from {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
                transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        -webkit-animation-timing-function: ease-in;
                animation-timing-function: ease-in;
        opacity: 0;
    }
    40% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
                transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        -webkit-animation-timing-function: ease-in;
                animation-timing-function: ease-in;
    }
    60% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
                transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        opacity: 1;
    }
    80% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
                transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    }
    to {
        -webkit-transform: perspective(400px);
                transform: perspective(400px);
    }
}
.flipInX {
    -webkit-animation-name: flipInX;
            animation-name: flipInX;
    -webkit-backface-visibility: visible !important;
            backface-visibility: visible !important;
}
@-webkit-keyframes flipInY {
    from {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
                transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        -webkit-animation-timing-function: ease-in;
                animation-timing-function: ease-in;
        opacity: 0;
    }
    40% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
                transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        -webkit-animation-timing-function: ease-in;
                animation-timing-function: ease-in;
    }
    60% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
                transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        opacity: 1;
    }
    80% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
                transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    }
    to {
        -webkit-transform: perspective(400px);
                transform: perspective(400px);
    }
}
@keyframes flipInY {
    from {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
                transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        -webkit-animation-timing-function: ease-in;
                animation-timing-function: ease-in;
        opacity: 0;
    }
    40% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
                transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        -webkit-animation-timing-function: ease-in;
                animation-timing-function: ease-in;
    }
    60% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
                transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        opacity: 1;
    }
    80% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
                transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    }
    to {
        -webkit-transform: perspective(400px);
                transform: perspective(400px);
    }
}
.flipInY {
    -webkit-animation-name: flipInY;
            animation-name: flipInY;
    -webkit-backface-visibility: visible !important;
            backface-visibility: visible !important;
}
@-webkit-keyframes flipOutX {
    from {
        -webkit-transform: perspective(400px);
                transform: perspective(400px);
    }
    30% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
                transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        opacity: 1;
    }
    to {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
                transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        opacity: 0;
    }
}
@keyframes flipOutX {
    from {
        -webkit-transform: perspective(400px);
                transform: perspective(400px);
    }
    30% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
                transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        opacity: 1;
    }
    to {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
                transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        opacity: 0;
    }
}
.flipOutX {
    -webkit-animation-name: flipOutX;
            animation-name: flipOutX;
    -webkit-backface-visibility: visible !important;
            backface-visibility: visible !important;
}
@-webkit-keyframes flipOutY {
    from {
        -webkit-transform: perspective(400px);
                transform: perspective(400px);
    }
    30% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
                transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
        opacity: 1;
    }
    to {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
                transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        opacity: 0;
    }
}
@keyframes flipOutY {
    from {
        -webkit-transform: perspective(400px);
                transform: perspective(400px);
    }
    30% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
                transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
        opacity: 1;
    }
    to {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
                transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        opacity: 0;
    }
}
.flipOutY {
    -webkit-animation-name: flipOutY;
            animation-name: flipOutY;
    -webkit-backface-visibility: visible !important;
            backface-visibility: visible !important;
}
@-webkit-keyframes lightSpeedIn {
    from {
        -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
                transform: translate3d(100%, 0, 0) skewX(-30deg);
        opacity: 0;
    }
    60% {
        -webkit-transform: skewX(20deg);
                transform: skewX(20deg);
        opacity: 1;
    }
    80% {
        -webkit-transform: skewX(-5deg);
                transform: skewX(-5deg);
        opacity: 1;
    }
    to {
        -webkit-transform: none;
                transform: none;
        opacity: 1;
    }
}
@keyframes lightSpeedIn {
    from {
        -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
                transform: translate3d(100%, 0, 0) skewX(-30deg);
        opacity: 0;
    }
    60% {
        -webkit-transform: skewX(20deg);
                transform: skewX(20deg);
        opacity: 1;
    }
    80% {
        -webkit-transform: skewX(-5deg);
                transform: skewX(-5deg);
        opacity: 1;
    }
    to {
        -webkit-transform: none;
                transform: none;
        opacity: 1;
    }
}
.lightSpeedIn {
    -webkit-animation-name: lightSpeedIn;
            animation-name: lightSpeedIn;
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
}
@-webkit-keyframes lightSpeedOut {
    from {
        opacity: 1;
    }
    to {
        -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
                transform: translate3d(100%, 0, 0) skewX(30deg);
        opacity: 0;
    }
}
@keyframes lightSpeedOut {
    from {
        opacity: 1;
    }
    to {
        -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
                transform: translate3d(100%, 0, 0) skewX(30deg);
        opacity: 0;
    }
}
.lightSpeedOut {
    -webkit-animation-name: lightSpeedOut;
            animation-name: lightSpeedOut;
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
}
@-webkit-keyframes rotateIn {
    from {
        -webkit-transform: rotate3d(0, 0, 1, -200deg);
                transform: rotate3d(0, 0, 1, -200deg);
        -webkit-transform-origin: center;
                transform-origin: center;
        opacity: 0;
    }
    to {
        -webkit-transform: none;
                transform: none;
        -webkit-transform-origin: center;
                transform-origin: center;
        opacity: 1;
    }
}
@keyframes rotateIn {
    from {
        -webkit-transform: rotate3d(0, 0, 1, -200deg);
                transform: rotate3d(0, 0, 1, -200deg);
        -webkit-transform-origin: center;
                transform-origin: center;
        opacity: 0;
    }
    to {
        -webkit-transform: none;
                transform: none;
        -webkit-transform-origin: center;
                transform-origin: center;
        opacity: 1;
    }
}
.rotateIn {
    -webkit-animation-name: rotateIn;
            animation-name: rotateIn;
}
@-webkit-keyframes rotateInDownLeft {
    from {
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
                transform: rotate3d(0, 0, 1, -45deg);
        -webkit-transform-origin: left bottom;
                transform-origin: left bottom;
        opacity: 0;
    }
    to {
        -webkit-transform: none;
                transform: none;
        -webkit-transform-origin: left bottom;
                transform-origin: left bottom;
        opacity: 1;
    }
}
@keyframes rotateInDownLeft {
    from {
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
                transform: rotate3d(0, 0, 1, -45deg);
        -webkit-transform-origin: left bottom;
                transform-origin: left bottom;
        opacity: 0;
    }
    to {
        -webkit-transform: none;
                transform: none;
        -webkit-transform-origin: left bottom;
                transform-origin: left bottom;
        opacity: 1;
    }
}
.rotateInDownLeft {
    -webkit-animation-name: rotateInDownLeft;
            animation-name: rotateInDownLeft;
}
@-webkit-keyframes rotateInDownRight {
    from {
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
                transform: rotate3d(0, 0, 1, 45deg);
        -webkit-transform-origin: right bottom;
                transform-origin: right bottom;
        opacity: 0;
    }
    to {
        -webkit-transform: none;
                transform: none;
        -webkit-transform-origin: right bottom;
                transform-origin: right bottom;
        opacity: 1;
    }
}
@keyframes rotateInDownRight {
    from {
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
                transform: rotate3d(0, 0, 1, 45deg);
        -webkit-transform-origin: right bottom;
                transform-origin: right bottom;
        opacity: 0;
    }
    to {
        -webkit-transform: none;
                transform: none;
        -webkit-transform-origin: right bottom;
                transform-origin: right bottom;
        opacity: 1;
    }
}
.rotateInDownRight {
    -webkit-animation-name: rotateInDownRight;
            animation-name: rotateInDownRight;
}
@-webkit-keyframes rotateInUpLeft {
    from {
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
                transform: rotate3d(0, 0, 1, 45deg);
        -webkit-transform-origin: left bottom;
                transform-origin: left bottom;
        opacity: 0;
    }
    to {
        -webkit-transform: none;
                transform: none;
        -webkit-transform-origin: left bottom;
                transform-origin: left bottom;
        opacity: 1;
    }
}
@keyframes rotateInUpLeft {
    from {
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
                transform: rotate3d(0, 0, 1, 45deg);
        -webkit-transform-origin: left bottom;
                transform-origin: left bottom;
        opacity: 0;
    }
    to {
        -webkit-transform: none;
                transform: none;
        -webkit-transform-origin: left bottom;
                transform-origin: left bottom;
        opacity: 1;
    }
}
.rotateInUpLeft {
    -webkit-animation-name: rotateInUpLeft;
            animation-name: rotateInUpLeft;
}
@-webkit-keyframes rotateInUpRight {
    from {
        -webkit-transform: rotate3d(0, 0, 1, -90deg);
                transform: rotate3d(0, 0, 1, -90deg);
        -webkit-transform-origin: right bottom;
                transform-origin: right bottom;
        opacity: 0;
    }
    to {
        -webkit-transform: none;
                transform: none;
        -webkit-transform-origin: right bottom;
                transform-origin: right bottom;
        opacity: 1;
    }
}
@keyframes rotateInUpRight {
    from {
        -webkit-transform: rotate3d(0, 0, 1, -90deg);
                transform: rotate3d(0, 0, 1, -90deg);
        -webkit-transform-origin: right bottom;
                transform-origin: right bottom;
        opacity: 0;
    }
    to {
        -webkit-transform: none;
                transform: none;
        -webkit-transform-origin: right bottom;
                transform-origin: right bottom;
        opacity: 1;
    }
}
.rotateInUpRight {
    -webkit-animation-name: rotateInUpRight;
            animation-name: rotateInUpRight;
}
@-webkit-keyframes rotateOut {
    from {
        -webkit-transform-origin: center;
                transform-origin: center;
        opacity: 1;
    }
    to {
        -webkit-transform: rotate3d(0, 0, 1, 200deg);
                transform: rotate3d(0, 0, 1, 200deg);
        -webkit-transform-origin: center;
                transform-origin: center;
        opacity: 0;
    }
}
@keyframes rotateOut {
    from {
        -webkit-transform-origin: center;
                transform-origin: center;
        opacity: 1;
    }
    to {
        -webkit-transform: rotate3d(0, 0, 1, 200deg);
                transform: rotate3d(0, 0, 1, 200deg);
        -webkit-transform-origin: center;
                transform-origin: center;
        opacity: 0;
    }
}
.rotateOut {
    -webkit-animation-name: rotateOut;
            animation-name: rotateOut;
}
@-webkit-keyframes rotateOutDownLeft {
    from {
        -webkit-transform-origin: left bottom;
                transform-origin: left bottom;
        opacity: 1;
    }
    to {
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
                transform: rotate3d(0, 0, 1, 45deg);
        -webkit-transform-origin: left bottom;
                transform-origin: left bottom;
        opacity: 0;
    }
}
@keyframes rotateOutDownLeft {
    from {
        -webkit-transform-origin: left bottom;
                transform-origin: left bottom;
        opacity: 1;
    }
    to {
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
                transform: rotate3d(0, 0, 1, 45deg);
        -webkit-transform-origin: left bottom;
                transform-origin: left bottom;
        opacity: 0;
    }
}
.rotateOutDownLeft {
    -webkit-animation-name: rotateOutDownLeft;
            animation-name: rotateOutDownLeft;
}
@-webkit-keyframes rotateOutDownRight {
    from {
        -webkit-transform-origin: right bottom;
                transform-origin: right bottom;
        opacity: 1;
    }
    to {
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
                transform: rotate3d(0, 0, 1, -45deg);
        -webkit-transform-origin: right bottom;
                transform-origin: right bottom;
        opacity: 0;
    }
}
@keyframes rotateOutDownRight {
    from {
        -webkit-transform-origin: right bottom;
                transform-origin: right bottom;
        opacity: 1;
    }
    to {
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
                transform: rotate3d(0, 0, 1, -45deg);
        -webkit-transform-origin: right bottom;
                transform-origin: right bottom;
        opacity: 0;
    }
}
.rotateOutDownRight {
    -webkit-animation-name: rotateOutDownRight;
            animation-name: rotateOutDownRight;
}
@-webkit-keyframes rotateOutUpLeft {
    from {
        -webkit-transform-origin: left bottom;
                transform-origin: left bottom;
        opacity: 1;
    }
    to {
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
                transform: rotate3d(0, 0, 1, -45deg);
        -webkit-transform-origin: left bottom;
                transform-origin: left bottom;
        opacity: 0;
    }
}
@keyframes rotateOutUpLeft {
    from {
        -webkit-transform-origin: left bottom;
                transform-origin: left bottom;
        opacity: 1;
    }
    to {
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
                transform: rotate3d(0, 0, 1, -45deg);
        -webkit-transform-origin: left bottom;
                transform-origin: left bottom;
        opacity: 0;
    }
}
.rotateOutUpLeft {
    -webkit-animation-name: rotateOutUpLeft;
            animation-name: rotateOutUpLeft;
}
@-webkit-keyframes rotateOutUpRight {
    from {
        -webkit-transform-origin: right bottom;
                transform-origin: right bottom;
        opacity: 1;
    }
    to {
        -webkit-transform: rotate3d(0, 0, 1, 90deg);
                transform: rotate3d(0, 0, 1, 90deg);
        -webkit-transform-origin: right bottom;
                transform-origin: right bottom;
        opacity: 0;
    }
}
@keyframes rotateOutUpRight {
    from {
        -webkit-transform-origin: right bottom;
                transform-origin: right bottom;
        opacity: 1;
    }
    to {
        -webkit-transform: rotate3d(0, 0, 1, 90deg);
                transform: rotate3d(0, 0, 1, 90deg);
        -webkit-transform-origin: right bottom;
                transform-origin: right bottom;
        opacity: 0;
    }
}
.rotateOutUpRight {
    -webkit-animation-name: rotateOutUpRight;
            animation-name: rotateOutUpRight;
}
@-webkit-keyframes hinge {
    0% {
        -webkit-transform-origin: top left;
                transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
                animation-timing-function: ease-in-out;
    }
    20%,
    60% {
        -webkit-transform: rotate3d(0, 0, 1, 80deg);
                transform: rotate3d(0, 0, 1, 80deg);
        -webkit-transform-origin: top left;
                transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
                animation-timing-function: ease-in-out;
    }
    40%,
    80% {
        -webkit-transform: rotate3d(0, 0, 1, 60deg);
                transform: rotate3d(0, 0, 1, 60deg);
        -webkit-transform-origin: top left;
                transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
                animation-timing-function: ease-in-out;
        opacity: 1;
    }
    to {
        -webkit-transform: translate3d(0, 700px, 0);
                transform: translate3d(0, 700px, 0);
        opacity: 0;
    }
}
@keyframes hinge {
    0% {
        -webkit-transform-origin: top left;
                transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
                animation-timing-function: ease-in-out;
    }
    20%,
    60% {
        -webkit-transform: rotate3d(0, 0, 1, 80deg);
                transform: rotate3d(0, 0, 1, 80deg);
        -webkit-transform-origin: top left;
                transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
                animation-timing-function: ease-in-out;
    }
    40%,
    80% {
        -webkit-transform: rotate3d(0, 0, 1, 60deg);
                transform: rotate3d(0, 0, 1, 60deg);
        -webkit-transform-origin: top left;
                transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
                animation-timing-function: ease-in-out;
        opacity: 1;
    }
    to {
        -webkit-transform: translate3d(0, 700px, 0);
                transform: translate3d(0, 700px, 0);
        opacity: 0;
    }
}
.hinge {
    -webkit-animation-name: hinge;
            animation-name: hinge;
}
@-webkit-keyframes jackInTheBox {
    from {
        -webkit-transform: scale(.1) rotate(30deg);
                transform: scale(.1) rotate(30deg);
        -webkit-transform-origin: center bottom;
                transform-origin: center bottom;
        opacity: 0;
    }
    50% {
        -webkit-transform: rotate(-10deg);
                transform: rotate(-10deg);
    }
    70% {
        -webkit-transform: rotate(3deg);
                transform: rotate(3deg);
    }
    to {
        -webkit-transform: scale(1);
                transform: scale(1);
        opacity: 1;
    }
}
@keyframes jackInTheBox {
    from {
        -webkit-transform: scale(.1) rotate(30deg);
                transform: scale(.1) rotate(30deg);
        -webkit-transform-origin: center bottom;
                transform-origin: center bottom;
        opacity: 0;
    }
    50% {
        -webkit-transform: rotate(-10deg);
                transform: rotate(-10deg);
    }
    70% {
        -webkit-transform: rotate(3deg);
                transform: rotate(3deg);
    }
    to {
        -webkit-transform: scale(1);
                transform: scale(1);
        opacity: 1;
    }
}
.jackInTheBox {
    -webkit-animation-name: jackInTheBox;
            animation-name: jackInTheBox;
}
@-webkit-keyframes rollIn {
    from {
        -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
                transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
        opacity: 0;
    }
    to {
        -webkit-transform: none;
                transform: none;
        opacity: 1;
    }
}
@keyframes rollIn {
    from {
        -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
                transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
        opacity: 0;
    }
    to {
        -webkit-transform: none;
                transform: none;
        opacity: 1;
    }
}
.rollIn {
    -webkit-animation-name: rollIn;
            animation-name: rollIn;
}
@-webkit-keyframes rollOut {
    from {
        opacity: 1;
    }
    to {
        -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
                transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
        opacity: 0;
    }
}
@keyframes rollOut {
    from {
        opacity: 1;
    }
    to {
        -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
                transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
        opacity: 0;
    }
}
.rollOut {
    -webkit-animation-name: rollOut;
            animation-name: rollOut;
}
@-webkit-keyframes zoomIn {
    from {
        -webkit-transform: scale3d(.3, .3, .3);
                transform: scale3d(.3, .3, .3);
        opacity: 0;
    }
    50% {
        opacity: 1;
    }
}
@keyframes zoomIn {
    from {
        -webkit-transform: scale3d(.3, .3, .3);
                transform: scale3d(.3, .3, .3);
        opacity: 0;
    }
    50% {
        opacity: 1;
    }
}
.zoomIn {
    -webkit-animation-name: zoomIn;
            animation-name: zoomIn;
}
@-webkit-keyframes zoomInDown {
    from {
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
                transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
                animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        opacity: 0;
    }
    60% {
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
                transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
                animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        opacity: 1;
    }
}
@keyframes zoomInDown {
    from {
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
                transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
                animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        opacity: 0;
    }
    60% {
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
                transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
                animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        opacity: 1;
    }
}
.zoomInDown {
    -webkit-animation-name: zoomInDown;
            animation-name: zoomInDown;
}
@-webkit-keyframes zoomInLeft {
    from {
        -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
                transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
                animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        opacity: 0;
    }
    60% {
        -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
                transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
                animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        opacity: 1;
    }
}
@keyframes zoomInLeft {
    from {
        -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
                transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
                animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        opacity: 0;
    }
    60% {
        -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
                transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
                animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        opacity: 1;
    }
}
.zoomInLeft {
    -webkit-animation-name: zoomInLeft;
            animation-name: zoomInLeft;
}
@-webkit-keyframes zoomInRight {
    from {
        -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
                transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
                animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        opacity: 0;
    }
    60% {
        -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
                transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
                animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        opacity: 1;
    }
}
@keyframes zoomInRight {
    from {
        -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
                transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
                animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        opacity: 0;
    }
    60% {
        -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
                transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
                animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        opacity: 1;
    }
}
.zoomInRight {
    -webkit-animation-name: zoomInRight;
            animation-name: zoomInRight;
}
@-webkit-keyframes zoomInUp {
    from {
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
                transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
                animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        opacity: 0;
    }
    60% {
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
                transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
                animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        opacity: 1;
    }
}
@keyframes zoomInUp {
    from {
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
                transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
                animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        opacity: 0;
    }
    60% {
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
                transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
                animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        opacity: 1;
    }
}
.zoomInUp {
    -webkit-animation-name: zoomInUp;
            animation-name: zoomInUp;
}
@-webkit-keyframes zoomOut {
    from {
        opacity: 1;
    }
    50% {
        -webkit-transform: scale3d(.3, .3, .3);
                transform: scale3d(.3, .3, .3);
        opacity: 0;
    }
    to {
        opacity: 0;
    }
}
@keyframes zoomOut {
    from {
        opacity: 1;
    }
    50% {
        -webkit-transform: scale3d(.3, .3, .3);
                transform: scale3d(.3, .3, .3);
        opacity: 0;
    }
    to {
        opacity: 0;
    }
}
.zoomOut {
    -webkit-animation-name: zoomOut;
            animation-name: zoomOut;
}
@-webkit-keyframes zoomOutDown {
    40% {
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
                transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
                animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        opacity: 1;
    }
    to {
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
                transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
        -webkit-transform-origin: center bottom;
                transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
                animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        opacity: 0;
    }
}
@keyframes zoomOutDown {
    40% {
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
                transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
                animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        opacity: 1;
    }
    to {
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
                transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
        -webkit-transform-origin: center bottom;
                transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
                animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        opacity: 0;
    }
}
.zoomOutDown {
    -webkit-animation-name: zoomOutDown;
            animation-name: zoomOutDown;
}
@-webkit-keyframes zoomOutLeft {
    40% {
        -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
                transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
        opacity: 1;
    }
    to {
        -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
                transform: scale(.1) translate3d(-2000px, 0, 0);
        -webkit-transform-origin: left center;
                transform-origin: left center;
        opacity: 0;
    }
}
@keyframes zoomOutLeft {
    40% {
        -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
                transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
        opacity: 1;
    }
    to {
        -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
                transform: scale(.1) translate3d(-2000px, 0, 0);
        -webkit-transform-origin: left center;
                transform-origin: left center;
        opacity: 0;
    }
}
.zoomOutLeft {
    -webkit-animation-name: zoomOutLeft;
            animation-name: zoomOutLeft;
}
@-webkit-keyframes zoomOutRight {
    40% {
        -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
                transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
        opacity: 1;
    }
    to {
        -webkit-transform: scale(.1) translate3d(2000px, 0, 0);
                transform: scale(.1) translate3d(2000px, 0, 0);
        -webkit-transform-origin: right center;
                transform-origin: right center;
        opacity: 0;
    }
}
@keyframes zoomOutRight {
    40% {
        -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
                transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
        opacity: 1;
    }
    to {
        -webkit-transform: scale(.1) translate3d(2000px, 0, 0);
                transform: scale(.1) translate3d(2000px, 0, 0);
        -webkit-transform-origin: right center;
                transform-origin: right center;
        opacity: 0;
    }
}
.zoomOutRight {
    -webkit-animation-name: zoomOutRight;
            animation-name: zoomOutRight;
}
@-webkit-keyframes zoomOutUp {
    40% {
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
                transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
                animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        opacity: 1;
    }
    to {
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
                transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
        -webkit-transform-origin: center bottom;
                transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
                animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        opacity: 0;
    }
}
@keyframes zoomOutUp {
    40% {
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
                transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
                animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        opacity: 1;
    }
    to {
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
                transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
        -webkit-transform-origin: center bottom;
                transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
                animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        opacity: 0;
    }
}
.zoomOutUp {
    -webkit-animation-name: zoomOutUp;
            animation-name: zoomOutUp;
}
@-webkit-keyframes slideInDown {
    from {
        visibility: visible;
        -webkit-transform: translate3d(0, -100%, 0);
                transform: translate3d(0, -100%, 0);
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
                transform: translate3d(0, 0, 0);
    }
}
@keyframes slideInDown {
    from {
        visibility: visible;
        -webkit-transform: translate3d(0, -100%, 0);
                transform: translate3d(0, -100%, 0);
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
                transform: translate3d(0, 0, 0);
    }
}
.slideInDown {
    -webkit-animation-name: slideInDown;
            animation-name: slideInDown;
}
@-webkit-keyframes slideInLeft {
    from {
        visibility: visible;
        -webkit-transform: translate3d(-100%, 0, 0);
                transform: translate3d(-100%, 0, 0);
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
                transform: translate3d(0, 0, 0);
    }
}
@keyframes slideInLeft {
    from {
        visibility: visible;
        -webkit-transform: translate3d(-100%, 0, 0);
                transform: translate3d(-100%, 0, 0);
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
                transform: translate3d(0, 0, 0);
    }
}
.slideInLeft {
    -webkit-animation-name: slideInLeft;
            animation-name: slideInLeft;
}
@-webkit-keyframes slideInRight {
    from {
        visibility: visible;
        -webkit-transform: translate3d(100%, 0, 0);
                transform: translate3d(100%, 0, 0);
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
                transform: translate3d(0, 0, 0);
    }
}
@keyframes slideInRight {
    from {
        visibility: visible;
        -webkit-transform: translate3d(100%, 0, 0);
                transform: translate3d(100%, 0, 0);
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
                transform: translate3d(0, 0, 0);
    }
}
.slideInRight {
    -webkit-animation-name: slideInRight;
            animation-name: slideInRight;
}
@-webkit-keyframes slideInUp {
    from {
        visibility: visible;
        -webkit-transform: translate3d(0, 100%, 0);
                transform: translate3d(0, 100%, 0);
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
                transform: translate3d(0, 0, 0);
    }
}
@keyframes slideInUp {
    from {
        visibility: visible;
        -webkit-transform: translate3d(0, 100%, 0);
                transform: translate3d(0, 100%, 0);
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
                transform: translate3d(0, 0, 0);
    }
}
.slideInUp {
    -webkit-animation-name: slideInUp;
            animation-name: slideInUp;
}
@-webkit-keyframes slideOutDown {
    from {
        -webkit-transform: translate3d(0, 0, 0);
                transform: translate3d(0, 0, 0);
    }
    to {
        visibility: hidden;
        -webkit-transform: translate3d(0, 100%, 0);
                transform: translate3d(0, 100%, 0);
    }
}
@keyframes slideOutDown {
    from {
        -webkit-transform: translate3d(0, 0, 0);
                transform: translate3d(0, 0, 0);
    }
    to {
        visibility: hidden;
        -webkit-transform: translate3d(0, 100%, 0);
                transform: translate3d(0, 100%, 0);
    }
}
.slideOutDown {
    -webkit-animation-name: slideOutDown;
            animation-name: slideOutDown;
}
@-webkit-keyframes slideOutLeft {
    from {
        -webkit-transform: translate3d(0, 0, 0);
                transform: translate3d(0, 0, 0);
    }
    to {
        visibility: hidden;
        -webkit-transform: translate3d(-100%, 0, 0);
                transform: translate3d(-100%, 0, 0);
    }
}
@keyframes slideOutLeft {
    from {
        -webkit-transform: translate3d(0, 0, 0);
                transform: translate3d(0, 0, 0);
    }
    to {
        visibility: hidden;
        -webkit-transform: translate3d(-100%, 0, 0);
                transform: translate3d(-100%, 0, 0);
    }
}
.slideOutLeft {
    -webkit-animation-name: slideOutLeft;
            animation-name: slideOutLeft;
}
@-webkit-keyframes slideOutRight {
    from {
        -webkit-transform: translate3d(0, 0, 0);
                transform: translate3d(0, 0, 0);
    }
    to {
        visibility: hidden;
        -webkit-transform: translate3d(100%, 0, 0);
                transform: translate3d(100%, 0, 0);
    }
}
@keyframes slideOutRight {
    from {
        -webkit-transform: translate3d(0, 0, 0);
                transform: translate3d(0, 0, 0);
    }
    to {
        visibility: hidden;
        -webkit-transform: translate3d(100%, 0, 0);
                transform: translate3d(100%, 0, 0);
    }
}
.slideOutRight {
    -webkit-animation-name: slideOutRight;
            animation-name: slideOutRight;
}
@-webkit-keyframes slideOutUp {
    from {
        -webkit-transform: translate3d(0, 0, 0);
                transform: translate3d(0, 0, 0);
    }
    to {
        visibility: hidden;
        -webkit-transform: translate3d(0, -100%, 0);
                transform: translate3d(0, -100%, 0);
    }
}
@keyframes slideOutUp {
    from {
        -webkit-transform: translate3d(0, 0, 0);
                transform: translate3d(0, 0, 0);
    }
    to {
        visibility: hidden;
        -webkit-transform: translate3d(0, -100%, 0);
                transform: translate3d(0, -100%, 0);
    }
}
.slideOutUp {
    -webkit-animation-name: slideOutUp;
            animation-name: slideOutUp;
}
@media (min-width: 0) {
    .min-0--flex {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
    .min-0--height {
        -webkit-box-flex: 1;
        -ms-flex: 1 0 auto;
            flex: 1 0 auto;
    }
    .min-0--grow {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
    }
    .min-0--order-end {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
    }
    .min-0--order-start {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1;
    }
    .min-0--row {
            flex-direction: row;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
    }
    .min-0--row-reverse {
            flex-direction: row-reverse;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
    }
    .min-0--column {
            flex-direction: column;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
    }
    .min-0--column-reverse {
            flex-direction: column-reverse;
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
    }
    .min-0--wrap {
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    }
    .min-0--nowrap {
        -ms-flex-wrap: nowrap;
            flex-wrap: nowrap;
    }
    .min-0--wrap-reverse {
        -ms-flex-wrap: wrap-reverse;
            flex-wrap: wrap-reverse;
    }
    .min-0--align-center {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
    .min-0--align-end {
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end;
    }
    .min-0--align-start {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
    }
    .min-0--align-stretch {
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
    }
    .min-0--align-baseline {
        -webkit-box-align: baseline;
        -ms-flex-align: baseline;
        align-items: baseline;
    }
    .min-0--justify-center {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
    .min-0--justify-end {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
    }
    .min-0--justify-start {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }
    .min-0--justify-around {
        -ms-flex-pack: distribute;
        justify-content: space-around;
    }
    .min-0--justify-between {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
    .min-0--content-center {
        -ms-flex-line-pack: center;
        align-content: center;
    }
    .min-0--content-end {
        -ms-flex-line-pack: end;
        align-content: flex-end;
    }
    .min-0--content-start {
        -ms-flex-line-pack: start;
        align-content: flex-start;
    }
    .min-0--content-stretch {
        -ms-flex-line-pack: stretch;
        align-content: stretch;
    }
    .min-0--content-around {
        -ms-flex-line-pack: distribute;
        align-content: space-around;
    }
    .min-0--content-between {
        -ms-flex-line-pack: justify;
        align-content: space-between;
    }
    .min-0--self-center {
        -webkit-align-self: center;
        -ms-flex-item-align: center;
        -ms-grid-row-align: center;
                align-self: center;
    }
    .min-0--self-end {
        -webkit-align-self: flex-end;
        -ms-flex-item-align: end;
                align-self: flex-end;
    }
    .min-0--self-start {
        -webkit-align-self: flex-start;
        -ms-flex-item-align: start;
                align-self: flex-start;
    }
    .min-0--self-stretch {
        -webkit-align-self: stretch;
        -ms-flex-item-align: stretch;
        -ms-grid-row-align: stretch;
                align-self: stretch;
    }
    .min-0--self-auto {
        -webkit-align-self: auto;
        -ms-flex-item-align: auto;
        -ms-grid-row-align: auto;
                align-self: auto;
    }
    .min-0--self-baseline {
        -webkit-align-self: baseline;
        -ms-flex-item-align: baseline;
                align-self: baseline;
    }
}
@media (min-width: 375px) {
    .min-375--flex {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
    .min-375--height {
        -webkit-box-flex: 1;
        -ms-flex: 1 0 auto;
            flex: 1 0 auto;
    }
    .min-375--grow {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
    }
    .min-375--order-end {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
    }
    .min-375--order-start {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1;
    }
    .min-375--row {
            flex-direction: row;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
    }
    .min-375--row-reverse {
            flex-direction: row-reverse;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
    }
    .min-375--column {
            flex-direction: column;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
    }
    .min-375--column-reverse {
            flex-direction: column-reverse;
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
    }
    .min-375--wrap {
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    }
    .min-375--nowrap {
        -ms-flex-wrap: nowrap;
            flex-wrap: nowrap;
    }
    .min-375--wrap-reverse {
        -ms-flex-wrap: wrap-reverse;
            flex-wrap: wrap-reverse;
    }
    .min-375--align-center {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
    .min-375--align-end {
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end;
    }
    .min-375--align-start {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
    }
    .min-375--align-stretch {
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
    }
    .min-375--align-baseline {
        -webkit-box-align: baseline;
        -ms-flex-align: baseline;
        align-items: baseline;
    }
    .min-375--justify-center {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
    .min-375--justify-end {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
    }
    .min-375--justify-start {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }
    .min-375--justify-around {
        -ms-flex-pack: distribute;
        justify-content: space-around;
    }
    .min-375--justify-between {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
    .min-375--content-center {
        -ms-flex-line-pack: center;
        align-content: center;
    }
    .min-375--content-end {
        -ms-flex-line-pack: end;
        align-content: flex-end;
    }
    .min-375--content-start {
        -ms-flex-line-pack: start;
        align-content: flex-start;
    }
    .min-375--content-stretch {
        -ms-flex-line-pack: stretch;
        align-content: stretch;
    }
    .min-375--content-around {
        -ms-flex-line-pack: distribute;
        align-content: space-around;
    }
    .min-375--content-between {
        -ms-flex-line-pack: justify;
        align-content: space-between;
    }
    .min-375--self-center {
        -webkit-align-self: center;
        -ms-flex-item-align: center;
        -ms-grid-row-align: center;
                align-self: center;
    }
    .min-375--self-end {
        -webkit-align-self: flex-end;
        -ms-flex-item-align: end;
                align-self: flex-end;
    }
    .min-375--self-start {
        -webkit-align-self: flex-start;
        -ms-flex-item-align: start;
                align-self: flex-start;
    }
    .min-375--self-stretch {
        -webkit-align-self: stretch;
        -ms-flex-item-align: stretch;
        -ms-grid-row-align: stretch;
                align-self: stretch;
    }
    .min-375--self-auto {
        -webkit-align-self: auto;
        -ms-flex-item-align: auto;
        -ms-grid-row-align: auto;
                align-self: auto;
    }
    .min-375--self-baseline {
        -webkit-align-self: baseline;
        -ms-flex-item-align: baseline;
                align-self: baseline;
    }
}
@media (min-width: 768px) {
    .min-768--flex {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
    .min-768--height {
        -webkit-box-flex: 1;
        -ms-flex: 1 0 auto;
            flex: 1 0 auto;
    }
    .min-768--grow {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
    }
    .min-768--order-end {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
    }
    .min-768--order-start {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1;
    }
    .min-768--row {
            flex-direction: row;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
    }
    .min-768--row-reverse {
            flex-direction: row-reverse;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
    }
    .min-768--column {
            flex-direction: column;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
    }
    .min-768--column-reverse {
            flex-direction: column-reverse;
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
    }
    .min-768--wrap {
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    }
    .min-768--nowrap {
        -ms-flex-wrap: nowrap;
            flex-wrap: nowrap;
    }
    .min-768--wrap-reverse {
        -ms-flex-wrap: wrap-reverse;
            flex-wrap: wrap-reverse;
    }
    .min-768--align-center {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
    .min-768--align-end {
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end;
    }
    .min-768--align-start {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
    }
    .min-768--align-stretch {
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
    }
    .min-768--align-baseline {
        -webkit-box-align: baseline;
        -ms-flex-align: baseline;
        align-items: baseline;
    }
    .min-768--justify-center {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
    .min-768--justify-end {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
    }
    .min-768--justify-start {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }
    .min-768--justify-around {
        -ms-flex-pack: distribute;
        justify-content: space-around;
    }
    .min-768--justify-between {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
    .min-768--content-center {
        -ms-flex-line-pack: center;
        align-content: center;
    }
    .min-768--content-end {
        -ms-flex-line-pack: end;
        align-content: flex-end;
    }
    .min-768--content-start {
        -ms-flex-line-pack: start;
        align-content: flex-start;
    }
    .min-768--content-stretch {
        -ms-flex-line-pack: stretch;
        align-content: stretch;
    }
    .min-768--content-around {
        -ms-flex-line-pack: distribute;
        align-content: space-around;
    }
    .min-768--content-between {
        -ms-flex-line-pack: justify;
        align-content: space-between;
    }
    .min-768--self-center {
        -webkit-align-self: center;
        -ms-flex-item-align: center;
        -ms-grid-row-align: center;
                align-self: center;
    }
    .min-768--self-end {
        -webkit-align-self: flex-end;
        -ms-flex-item-align: end;
                align-self: flex-end;
    }
    .min-768--self-start {
        -webkit-align-self: flex-start;
        -ms-flex-item-align: start;
                align-self: flex-start;
    }
    .min-768--self-stretch {
        -webkit-align-self: stretch;
        -ms-flex-item-align: stretch;
        -ms-grid-row-align: stretch;
                align-self: stretch;
    }
    .min-768--self-auto {
        -webkit-align-self: auto;
        -ms-flex-item-align: auto;
        -ms-grid-row-align: auto;
                align-self: auto;
    }
    .min-768--self-baseline {
        -webkit-align-self: baseline;
        -ms-flex-item-align: baseline;
                align-self: baseline;
    }
}
@media (min-width: 990px) {
    .min-990--flex {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
    .min-990--height {
        -webkit-box-flex: 1;
        -ms-flex: 1 0 auto;
            flex: 1 0 auto;
    }
    .min-990--grow {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
    }
    .min-990--order-end {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
    }
    .min-990--order-start {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1;
    }
    .min-990--row {
            flex-direction: row;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
    }
    .min-990--row-reverse {
            flex-direction: row-reverse;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
    }
    .min-990--column {
            flex-direction: column;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
    }
    .min-990--column-reverse {
            flex-direction: column-reverse;
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
    }
    .min-990--wrap {
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    }
    .min-990--nowrap {
        -ms-flex-wrap: nowrap;
            flex-wrap: nowrap;
    }
    .min-990--wrap-reverse {
        -ms-flex-wrap: wrap-reverse;
            flex-wrap: wrap-reverse;
    }
    .min-990--align-center {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
    .min-990--align-end {
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end;
    }
    .min-990--align-start {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
    }
    .min-990--align-stretch {
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
    }
    .min-990--align-baseline {
        -webkit-box-align: baseline;
        -ms-flex-align: baseline;
        align-items: baseline;
    }
    .min-990--justify-center {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
    .min-990--justify-end {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
    }
    .min-990--justify-start {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }
    .min-990--justify-around {
        -ms-flex-pack: distribute;
        justify-content: space-around;
    }
    .min-990--justify-between {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
    .min-990--content-center {
        -ms-flex-line-pack: center;
        align-content: center;
    }
    .min-990--content-end {
        -ms-flex-line-pack: end;
        align-content: flex-end;
    }
    .min-990--content-start {
        -ms-flex-line-pack: start;
        align-content: flex-start;
    }
    .min-990--content-stretch {
        -ms-flex-line-pack: stretch;
        align-content: stretch;
    }
    .min-990--content-around {
        -ms-flex-line-pack: distribute;
        align-content: space-around;
    }
    .min-990--content-between {
        -ms-flex-line-pack: justify;
        align-content: space-between;
    }
    .min-990--self-center {
        -webkit-align-self: center;
        -ms-flex-item-align: center;
        -ms-grid-row-align: center;
                align-self: center;
    }
    .min-990--self-end {
        -webkit-align-self: flex-end;
        -ms-flex-item-align: end;
                align-self: flex-end;
    }
    .min-990--self-start {
        -webkit-align-self: flex-start;
        -ms-flex-item-align: start;
                align-self: flex-start;
    }
    .min-990--self-stretch {
        -webkit-align-self: stretch;
        -ms-flex-item-align: stretch;
        -ms-grid-row-align: stretch;
                align-self: stretch;
    }
    .min-990--self-auto {
        -webkit-align-self: auto;
        -ms-flex-item-align: auto;
        -ms-grid-row-align: auto;
                align-self: auto;
    }
    .min-990--self-baseline {
        -webkit-align-self: baseline;
        -ms-flex-item-align: baseline;
                align-self: baseline;
    }
}
@media (min-width: 1025px) {
    .min-1025--flex {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
    .min-1025--height {
        -webkit-box-flex: 1;
        -ms-flex: 1 0 auto;
            flex: 1 0 auto;
    }
    .min-1025--grow {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
    }
    .min-1025--order-end {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
    }
    .min-1025--order-start {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1;
    }
    .min-1025--row {
            flex-direction: row;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
    }
    .min-1025--row-reverse {
            flex-direction: row-reverse;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
    }
    .min-1025--column {
            flex-direction: column;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
    }
    .min-1025--column-reverse {
            flex-direction: column-reverse;
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
    }
    .min-1025--wrap {
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    }
    .min-1025--nowrap {
        -ms-flex-wrap: nowrap;
            flex-wrap: nowrap;
    }
    .min-1025--wrap-reverse {
        -ms-flex-wrap: wrap-reverse;
            flex-wrap: wrap-reverse;
    }
    .min-1025--align-center {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
    .min-1025--align-end {
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end;
    }
    .min-1025--align-start {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
    }
    .min-1025--align-stretch {
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
    }
    .min-1025--align-baseline {
        -webkit-box-align: baseline;
        -ms-flex-align: baseline;
        align-items: baseline;
    }
    .min-1025--justify-center {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
    .min-1025--justify-end {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
    }
    .min-1025--justify-start {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }
    .min-1025--justify-around {
        -ms-flex-pack: distribute;
        justify-content: space-around;
    }
    .min-1025--justify-between {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
    .min-1025--content-center {
        -ms-flex-line-pack: center;
        align-content: center;
    }
    .min-1025--content-end {
        -ms-flex-line-pack: end;
        align-content: flex-end;
    }
    .min-1025--content-start {
        -ms-flex-line-pack: start;
        align-content: flex-start;
    }
    .min-1025--content-stretch {
        -ms-flex-line-pack: stretch;
        align-content: stretch;
    }
    .min-1025--content-around {
        -ms-flex-line-pack: distribute;
        align-content: space-around;
    }
    .min-1025--content-between {
        -ms-flex-line-pack: justify;
        align-content: space-between;
    }
    .min-1025--self-center {
        -webkit-align-self: center;
        -ms-flex-item-align: center;
        -ms-grid-row-align: center;
                align-self: center;
    }
    .min-1025--self-end {
        -webkit-align-self: flex-end;
        -ms-flex-item-align: end;
                align-self: flex-end;
    }
    .min-1025--self-start {
        -webkit-align-self: flex-start;
        -ms-flex-item-align: start;
                align-self: flex-start;
    }
    .min-1025--self-stretch {
        -webkit-align-self: stretch;
        -ms-flex-item-align: stretch;
        -ms-grid-row-align: stretch;
                align-self: stretch;
    }
    .min-1025--self-auto {
        -webkit-align-self: auto;
        -ms-flex-item-align: auto;
        -ms-grid-row-align: auto;
                align-self: auto;
    }
    .min-1025--self-baseline {
        -webkit-align-self: baseline;
        -ms-flex-item-align: baseline;
                align-self: baseline;
    }
}
@media (min-width: 1280px) {
    .min-1280--flex {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
    .min-1280--height {
        -webkit-box-flex: 1;
        -ms-flex: 1 0 auto;
            flex: 1 0 auto;
    }
    .min-1280--grow {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
    }
    .min-1280--order-end {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
    }
    .min-1280--order-start {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1;
    }
    .min-1280--row {
            flex-direction: row;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
    }
    .min-1280--row-reverse {
            flex-direction: row-reverse;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
    }
    .min-1280--column {
            flex-direction: column;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
    }
    .min-1280--column-reverse {
            flex-direction: column-reverse;
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
    }
    .min-1280--wrap {
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    }
    .min-1280--nowrap {
        -ms-flex-wrap: nowrap;
            flex-wrap: nowrap;
    }
    .min-1280--wrap-reverse {
        -ms-flex-wrap: wrap-reverse;
            flex-wrap: wrap-reverse;
    }
    .min-1280--align-center {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
    .min-1280--align-end {
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end;
    }
    .min-1280--align-start {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
    }
    .min-1280--align-stretch {
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
    }
    .min-1280--align-baseline {
        -webkit-box-align: baseline;
        -ms-flex-align: baseline;
        align-items: baseline;
    }
    .min-1280--justify-center {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
    .min-1280--justify-end {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
    }
    .min-1280--justify-start {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }
    .min-1280--justify-around {
        -ms-flex-pack: distribute;
        justify-content: space-around;
    }
    .min-1280--justify-between {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
    .min-1280--content-center {
        -ms-flex-line-pack: center;
        align-content: center;
    }
    .min-1280--content-end {
        -ms-flex-line-pack: end;
        align-content: flex-end;
    }
    .min-1280--content-start {
        -ms-flex-line-pack: start;
        align-content: flex-start;
    }
    .min-1280--content-stretch {
        -ms-flex-line-pack: stretch;
        align-content: stretch;
    }
    .min-1280--content-around {
        -ms-flex-line-pack: distribute;
        align-content: space-around;
    }
    .min-1280--content-between {
        -ms-flex-line-pack: justify;
        align-content: space-between;
    }
    .min-1280--self-center {
        -webkit-align-self: center;
        -ms-flex-item-align: center;
        -ms-grid-row-align: center;
                align-self: center;
    }
    .min-1280--self-end {
        -webkit-align-self: flex-end;
        -ms-flex-item-align: end;
                align-self: flex-end;
    }
    .min-1280--self-start {
        -webkit-align-self: flex-start;
        -ms-flex-item-align: start;
                align-self: flex-start;
    }
    .min-1280--self-stretch {
        -webkit-align-self: stretch;
        -ms-flex-item-align: stretch;
        -ms-grid-row-align: stretch;
                align-self: stretch;
    }
    .min-1280--self-auto {
        -webkit-align-self: auto;
        -ms-flex-item-align: auto;
        -ms-grid-row-align: auto;
                align-self: auto;
    }
    .min-1280--self-baseline {
        -webkit-align-self: baseline;
        -ms-flex-item-align: baseline;
                align-self: baseline;
    }
}
@media (min-width: 1366px) {
    .min-1366--flex {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
    .min-1366--height {
        -webkit-box-flex: 1;
        -ms-flex: 1 0 auto;
            flex: 1 0 auto;
    }
    .min-1366--grow {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
    }
    .min-1366--order-end {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
    }
    .min-1366--order-start {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1;
    }
    .min-1366--row {
            flex-direction: row;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
    }
    .min-1366--row-reverse {
            flex-direction: row-reverse;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
    }
    .min-1366--column {
            flex-direction: column;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
    }
    .min-1366--column-reverse {
            flex-direction: column-reverse;
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
    }
    .min-1366--wrap {
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    }
    .min-1366--nowrap {
        -ms-flex-wrap: nowrap;
            flex-wrap: nowrap;
    }
    .min-1366--wrap-reverse {
        -ms-flex-wrap: wrap-reverse;
            flex-wrap: wrap-reverse;
    }
    .min-1366--align-center {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
    .min-1366--align-end {
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end;
    }
    .min-1366--align-start {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
    }
    .min-1366--align-stretch {
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
    }
    .min-1366--align-baseline {
        -webkit-box-align: baseline;
        -ms-flex-align: baseline;
        align-items: baseline;
    }
    .min-1366--justify-center {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
    .min-1366--justify-end {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
    }
    .min-1366--justify-start {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }
    .min-1366--justify-around {
        -ms-flex-pack: distribute;
        justify-content: space-around;
    }
    .min-1366--justify-between {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
    .min-1366--content-center {
        -ms-flex-line-pack: center;
        align-content: center;
    }
    .min-1366--content-end {
        -ms-flex-line-pack: end;
        align-content: flex-end;
    }
    .min-1366--content-start {
        -ms-flex-line-pack: start;
        align-content: flex-start;
    }
    .min-1366--content-stretch {
        -ms-flex-line-pack: stretch;
        align-content: stretch;
    }
    .min-1366--content-around {
        -ms-flex-line-pack: distribute;
        align-content: space-around;
    }
    .min-1366--content-between {
        -ms-flex-line-pack: justify;
        align-content: space-between;
    }
    .min-1366--self-center {
        -webkit-align-self: center;
        -ms-flex-item-align: center;
        -ms-grid-row-align: center;
                align-self: center;
    }
    .min-1366--self-end {
        -webkit-align-self: flex-end;
        -ms-flex-item-align: end;
                align-self: flex-end;
    }
    .min-1366--self-start {
        -webkit-align-self: flex-start;
        -ms-flex-item-align: start;
                align-self: flex-start;
    }
    .min-1366--self-stretch {
        -webkit-align-self: stretch;
        -ms-flex-item-align: stretch;
        -ms-grid-row-align: stretch;
                align-self: stretch;
    }
    .min-1366--self-auto {
        -webkit-align-self: auto;
        -ms-flex-item-align: auto;
        -ms-grid-row-align: auto;
                align-self: auto;
    }
    .min-1366--self-baseline {
        -webkit-align-self: baseline;
        -ms-flex-item-align: baseline;
                align-self: baseline;
    }
}
@media (min-width: 1440px) {
    .min-1440--flex {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
    .min-1440--height {
        -webkit-box-flex: 1;
        -ms-flex: 1 0 auto;
            flex: 1 0 auto;
    }
    .min-1440--grow {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
    }
    .min-1440--order-end {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
    }
    .min-1440--order-start {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1;
    }
    .min-1440--row {
            flex-direction: row;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
    }
    .min-1440--row-reverse {
            flex-direction: row-reverse;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
    }
    .min-1440--column {
            flex-direction: column;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
    }
    .min-1440--column-reverse {
            flex-direction: column-reverse;
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
    }
    .min-1440--wrap {
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    }
    .min-1440--nowrap {
        -ms-flex-wrap: nowrap;
            flex-wrap: nowrap;
    }
    .min-1440--wrap-reverse {
        -ms-flex-wrap: wrap-reverse;
            flex-wrap: wrap-reverse;
    }
    .min-1440--align-center {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
    .min-1440--align-end {
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end;
    }
    .min-1440--align-start {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
    }
    .min-1440--align-stretch {
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
    }
    .min-1440--align-baseline {
        -webkit-box-align: baseline;
        -ms-flex-align: baseline;
        align-items: baseline;
    }
    .min-1440--justify-center {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
    .min-1440--justify-end {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
    }
    .min-1440--justify-start {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }
    .min-1440--justify-around {
        -ms-flex-pack: distribute;
        justify-content: space-around;
    }
    .min-1440--justify-between {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
    .min-1440--content-center {
        -ms-flex-line-pack: center;
        align-content: center;
    }
    .min-1440--content-end {
        -ms-flex-line-pack: end;
        align-content: flex-end;
    }
    .min-1440--content-start {
        -ms-flex-line-pack: start;
        align-content: flex-start;
    }
    .min-1440--content-stretch {
        -ms-flex-line-pack: stretch;
        align-content: stretch;
    }
    .min-1440--content-around {
        -ms-flex-line-pack: distribute;
        align-content: space-around;
    }
    .min-1440--content-between {
        -ms-flex-line-pack: justify;
        align-content: space-between;
    }
    .min-1440--self-center {
        -webkit-align-self: center;
        -ms-flex-item-align: center;
        -ms-grid-row-align: center;
                align-self: center;
    }
    .min-1440--self-end {
        -webkit-align-self: flex-end;
        -ms-flex-item-align: end;
                align-self: flex-end;
    }
    .min-1440--self-start {
        -webkit-align-self: flex-start;
        -ms-flex-item-align: start;
                align-self: flex-start;
    }
    .min-1440--self-stretch {
        -webkit-align-self: stretch;
        -ms-flex-item-align: stretch;
        -ms-grid-row-align: stretch;
                align-self: stretch;
    }
    .min-1440--self-auto {
        -webkit-align-self: auto;
        -ms-flex-item-align: auto;
        -ms-grid-row-align: auto;
                align-self: auto;
    }
    .min-1440--self-baseline {
        -webkit-align-self: baseline;
        -ms-flex-item-align: baseline;
                align-self: baseline;
    }
}
@media (min-width: 1600px) {
    .min-1600--flex {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
    .min-1600--height {
        -webkit-box-flex: 1;
        -ms-flex: 1 0 auto;
            flex: 1 0 auto;
    }
    .min-1600--grow {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
    }
    .min-1600--order-end {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
    }
    .min-1600--order-start {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1;
    }
    .min-1600--row {
            flex-direction: row;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
    }
    .min-1600--row-reverse {
            flex-direction: row-reverse;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
    }
    .min-1600--column {
            flex-direction: column;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
    }
    .min-1600--column-reverse {
            flex-direction: column-reverse;
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
    }
    .min-1600--wrap {
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    }
    .min-1600--nowrap {
        -ms-flex-wrap: nowrap;
            flex-wrap: nowrap;
    }
    .min-1600--wrap-reverse {
        -ms-flex-wrap: wrap-reverse;
            flex-wrap: wrap-reverse;
    }
    .min-1600--align-center {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
    .min-1600--align-end {
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end;
    }
    .min-1600--align-start {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
    }
    .min-1600--align-stretch {
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
    }
    .min-1600--align-baseline {
        -webkit-box-align: baseline;
        -ms-flex-align: baseline;
        align-items: baseline;
    }
    .min-1600--justify-center {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
    .min-1600--justify-end {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
    }
    .min-1600--justify-start {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }
    .min-1600--justify-around {
        -ms-flex-pack: distribute;
        justify-content: space-around;
    }
    .min-1600--justify-between {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
    .min-1600--content-center {
        -ms-flex-line-pack: center;
        align-content: center;
    }
    .min-1600--content-end {
        -ms-flex-line-pack: end;
        align-content: flex-end;
    }
    .min-1600--content-start {
        -ms-flex-line-pack: start;
        align-content: flex-start;
    }
    .min-1600--content-stretch {
        -ms-flex-line-pack: stretch;
        align-content: stretch;
    }
    .min-1600--content-around {
        -ms-flex-line-pack: distribute;
        align-content: space-around;
    }
    .min-1600--content-between {
        -ms-flex-line-pack: justify;
        align-content: space-between;
    }
    .min-1600--self-center {
        -webkit-align-self: center;
        -ms-flex-item-align: center;
        -ms-grid-row-align: center;
                align-self: center;
    }
    .min-1600--self-end {
        -webkit-align-self: flex-end;
        -ms-flex-item-align: end;
                align-self: flex-end;
    }
    .min-1600--self-start {
        -webkit-align-self: flex-start;
        -ms-flex-item-align: start;
                align-self: flex-start;
    }
    .min-1600--self-stretch {
        -webkit-align-self: stretch;
        -ms-flex-item-align: stretch;
        -ms-grid-row-align: stretch;
                align-self: stretch;
    }
    .min-1600--self-auto {
        -webkit-align-self: auto;
        -ms-flex-item-align: auto;
        -ms-grid-row-align: auto;
                align-self: auto;
    }
    .min-1600--self-baseline {
        -webkit-align-self: baseline;
        -ms-flex-item-align: baseline;
                align-self: baseline;
    }
}
@media (max-width: 374px) {
    .max-374--flex {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
    .max-374--height {
        -webkit-box-flex: 1;
        -ms-flex: 1 0 auto;
            flex: 1 0 auto;
    }
    .max-374--grow {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
    }
    .max-374--order-end {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
    }
    .max-374--order-start {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1;
    }
    .max-374--row {
            flex-direction: row;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
    }
    .max-374--row-reverse {
            flex-direction: row-reverse;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
    }
    .max-374--column {
            flex-direction: column;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
    }
    .max-374--column-reverse {
            flex-direction: column-reverse;
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
    }
    .max-374--wrap {
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    }
    .max-374--nowrap {
        -ms-flex-wrap: nowrap;
            flex-wrap: nowrap;
    }
    .max-374--wrap-reverse {
        -ms-flex-wrap: wrap-reverse;
            flex-wrap: wrap-reverse;
    }
    .max-374--align-center {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
    .max-374--align-end {
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end;
    }
    .max-374--align-start {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
    }
    .max-374--align-stretch {
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
    }
    .max-374--align-baseline {
        -webkit-box-align: baseline;
        -ms-flex-align: baseline;
        align-items: baseline;
    }
    .max-374--justify-center {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
    .max-374--justify-end {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
    }
    .max-374--justify-start {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }
    .max-374--justify-around {
        -ms-flex-pack: distribute;
        justify-content: space-around;
    }
    .max-374--justify-between {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
    .max-374--content-center {
        -ms-flex-line-pack: center;
        align-content: center;
    }
    .max-374--content-end {
        -ms-flex-line-pack: end;
        align-content: flex-end;
    }
    .max-374--content-start {
        -ms-flex-line-pack: start;
        align-content: flex-start;
    }
    .max-374--content-stretch {
        -ms-flex-line-pack: stretch;
        align-content: stretch;
    }
    .max-374--content-around {
        -ms-flex-line-pack: distribute;
        align-content: space-around;
    }
    .max-374--content-between {
        -ms-flex-line-pack: justify;
        align-content: space-between;
    }
    .max-374--self-center {
        -webkit-align-self: center;
        -ms-flex-item-align: center;
        -ms-grid-row-align: center;
                align-self: center;
    }
    .max-374--self-end {
        -webkit-align-self: flex-end;
        -ms-flex-item-align: end;
                align-self: flex-end;
    }
    .max-374--self-start {
        -webkit-align-self: flex-start;
        -ms-flex-item-align: start;
                align-self: flex-start;
    }
    .max-374--self-stretch {
        -webkit-align-self: stretch;
        -ms-flex-item-align: stretch;
        -ms-grid-row-align: stretch;
                align-self: stretch;
    }
    .max-374--self-auto {
        -webkit-align-self: auto;
        -ms-flex-item-align: auto;
        -ms-grid-row-align: auto;
                align-self: auto;
    }
    .max-374--self-baseline {
        -webkit-align-self: baseline;
        -ms-flex-item-align: baseline;
                align-self: baseline;
    }
}
@media (max-width: 767px) {
    .max-767--flex {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
    .max-767--height {
        -webkit-box-flex: 1;
        -ms-flex: 1 0 auto;
            flex: 1 0 auto;
    }
    .max-767--grow {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
    }
    .max-767--order-end {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
    }
    .max-767--order-start {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1;
    }
    .max-767--row {
            flex-direction: row;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
    }
    .max-767--row-reverse {
            flex-direction: row-reverse;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
    }
    .max-767--column {
            flex-direction: column;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
    }
    .max-767--column-reverse {
            flex-direction: column-reverse;
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
    }
    .max-767--wrap {
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    }
    .max-767--nowrap {
        -ms-flex-wrap: nowrap;
            flex-wrap: nowrap;
    }
    .max-767--wrap-reverse {
        -ms-flex-wrap: wrap-reverse;
            flex-wrap: wrap-reverse;
    }
    .max-767--align-center {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
    .max-767--align-end {
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end;
    }
    .max-767--align-start {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
    }
    .max-767--align-stretch {
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
    }
    .max-767--align-baseline {
        -webkit-box-align: baseline;
        -ms-flex-align: baseline;
        align-items: baseline;
    }
    .max-767--justify-center {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
    .max-767--justify-end {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
    }
    .max-767--justify-start {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }
    .max-767--justify-around {
        -ms-flex-pack: distribute;
        justify-content: space-around;
    }
    .max-767--justify-between {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
    .max-767--content-center {
        -ms-flex-line-pack: center;
        align-content: center;
    }
    .max-767--content-end {
        -ms-flex-line-pack: end;
        align-content: flex-end;
    }
    .max-767--content-start {
        -ms-flex-line-pack: start;
        align-content: flex-start;
    }
    .max-767--content-stretch {
        -ms-flex-line-pack: stretch;
        align-content: stretch;
    }
    .max-767--content-around {
        -ms-flex-line-pack: distribute;
        align-content: space-around;
    }
    .max-767--content-between {
        -ms-flex-line-pack: justify;
        align-content: space-between;
    }
    .max-767--self-center {
        -webkit-align-self: center;
        -ms-flex-item-align: center;
        -ms-grid-row-align: center;
                align-self: center;
    }
    .max-767--self-end {
        -webkit-align-self: flex-end;
        -ms-flex-item-align: end;
                align-self: flex-end;
    }
    .max-767--self-start {
        -webkit-align-self: flex-start;
        -ms-flex-item-align: start;
                align-self: flex-start;
    }
    .max-767--self-stretch {
        -webkit-align-self: stretch;
        -ms-flex-item-align: stretch;
        -ms-grid-row-align: stretch;
                align-self: stretch;
    }
    .max-767--self-auto {
        -webkit-align-self: auto;
        -ms-flex-item-align: auto;
        -ms-grid-row-align: auto;
                align-self: auto;
    }
    .max-767--self-baseline {
        -webkit-align-self: baseline;
        -ms-flex-item-align: baseline;
                align-self: baseline;
    }
}
@media (max-width: 989px) {
    .max-989--flex {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
    .max-989--height {
        -webkit-box-flex: 1;
        -ms-flex: 1 0 auto;
            flex: 1 0 auto;
    }
    .max-989--grow {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
    }
    .max-989--order-end {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
    }
    .max-989--order-start {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1;
    }
    .max-989--row {
            flex-direction: row;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
    }
    .max-989--row-reverse {
            flex-direction: row-reverse;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
    }
    .max-989--column {
            flex-direction: column;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
    }
    .max-989--column-reverse {
            flex-direction: column-reverse;
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
    }
    .max-989--wrap {
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    }
    .max-989--nowrap {
        -ms-flex-wrap: nowrap;
            flex-wrap: nowrap;
    }
    .max-989--wrap-reverse {
        -ms-flex-wrap: wrap-reverse;
            flex-wrap: wrap-reverse;
    }
    .max-989--align-center {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
    .max-989--align-end {
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end;
    }
    .max-989--align-start {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
    }
    .max-989--align-stretch {
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
    }
    .max-989--align-baseline {
        -webkit-box-align: baseline;
        -ms-flex-align: baseline;
        align-items: baseline;
    }
    .max-989--justify-center {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
    .max-989--justify-end {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
    }
    .max-989--justify-start {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }
    .max-989--justify-around {
        -ms-flex-pack: distribute;
        justify-content: space-around;
    }
    .max-989--justify-between {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
    .max-989--content-center {
        -ms-flex-line-pack: center;
        align-content: center;
    }
    .max-989--content-end {
        -ms-flex-line-pack: end;
        align-content: flex-end;
    }
    .max-989--content-start {
        -ms-flex-line-pack: start;
        align-content: flex-start;
    }
    .max-989--content-stretch {
        -ms-flex-line-pack: stretch;
        align-content: stretch;
    }
    .max-989--content-around {
        -ms-flex-line-pack: distribute;
        align-content: space-around;
    }
    .max-989--content-between {
        -ms-flex-line-pack: justify;
        align-content: space-between;
    }
    .max-989--self-center {
        -webkit-align-self: center;
        -ms-flex-item-align: center;
        -ms-grid-row-align: center;
                align-self: center;
    }
    .max-989--self-end {
        -webkit-align-self: flex-end;
        -ms-flex-item-align: end;
                align-self: flex-end;
    }
    .max-989--self-start {
        -webkit-align-self: flex-start;
        -ms-flex-item-align: start;
                align-self: flex-start;
    }
    .max-989--self-stretch {
        -webkit-align-self: stretch;
        -ms-flex-item-align: stretch;
        -ms-grid-row-align: stretch;
                align-self: stretch;
    }
    .max-989--self-auto {
        -webkit-align-self: auto;
        -ms-flex-item-align: auto;
        -ms-grid-row-align: auto;
                align-self: auto;
    }
    .max-989--self-baseline {
        -webkit-align-self: baseline;
        -ms-flex-item-align: baseline;
                align-self: baseline;
    }
}
@media (max-width: 1023px) {
    .max-1024--flex {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
    .max-1024--height {
        -webkit-box-flex: 1;
        -ms-flex: 1 0 auto;
            flex: 1 0 auto;
    }
    .max-1024--grow {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
    }
    .max-1024--order-end {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
    }
    .max-1024--order-start {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1;
    }
    .max-1024--row {
            flex-direction: row;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
    }
    .max-1024--row-reverse {
            flex-direction: row-reverse;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
    }
    .max-1024--column {
            flex-direction: column;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
    }
    .max-1024--column-reverse {
            flex-direction: column-reverse;
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
    }
    .max-1024--wrap {
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    }
    .max-1024--nowrap {
        -ms-flex-wrap: nowrap;
            flex-wrap: nowrap;
    }
    .max-1024--wrap-reverse {
        -ms-flex-wrap: wrap-reverse;
            flex-wrap: wrap-reverse;
    }
    .max-1024--align-center {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
    .max-1024--align-end {
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end;
    }
    .max-1024--align-start {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
    }
    .max-1024--align-stretch {
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
    }
    .max-1024--align-baseline {
        -webkit-box-align: baseline;
        -ms-flex-align: baseline;
        align-items: baseline;
    }
    .max-1024--justify-center {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
    .max-1024--justify-end {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
    }
    .max-1024--justify-start {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }
    .max-1024--justify-around {
        -ms-flex-pack: distribute;
        justify-content: space-around;
    }
    .max-1024--justify-between {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
    .max-1024--content-center {
        -ms-flex-line-pack: center;
        align-content: center;
    }
    .max-1024--content-end {
        -ms-flex-line-pack: end;
        align-content: flex-end;
    }
    .max-1024--content-start {
        -ms-flex-line-pack: start;
        align-content: flex-start;
    }
    .max-1024--content-stretch {
        -ms-flex-line-pack: stretch;
        align-content: stretch;
    }
    .max-1024--content-around {
        -ms-flex-line-pack: distribute;
        align-content: space-around;
    }
    .max-1024--content-between {
        -ms-flex-line-pack: justify;
        align-content: space-between;
    }
    .max-1024--self-center {
        -webkit-align-self: center;
        -ms-flex-item-align: center;
        -ms-grid-row-align: center;
                align-self: center;
    }
    .max-1024--self-end {
        -webkit-align-self: flex-end;
        -ms-flex-item-align: end;
                align-self: flex-end;
    }
    .max-1024--self-start {
        -webkit-align-self: flex-start;
        -ms-flex-item-align: start;
                align-self: flex-start;
    }
    .max-1024--self-stretch {
        -webkit-align-self: stretch;
        -ms-flex-item-align: stretch;
        -ms-grid-row-align: stretch;
                align-self: stretch;
    }
    .max-1024--self-auto {
        -webkit-align-self: auto;
        -ms-flex-item-align: auto;
        -ms-grid-row-align: auto;
                align-self: auto;
    }
    .max-1024--self-baseline {
        -webkit-align-self: baseline;
        -ms-flex-item-align: baseline;
                align-self: baseline;
    }
}
@media (max-width: 1279px) {
    .max-1279--flex {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
    .max-1279--height {
        -webkit-box-flex: 1;
        -ms-flex: 1 0 auto;
            flex: 1 0 auto;
    }
    .max-1279--grow {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
    }
    .max-1279--order-end {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
    }
    .max-1279--order-start {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1;
    }
    .max-1279--row {
            flex-direction: row;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
    }
    .max-1279--row-reverse {
            flex-direction: row-reverse;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
    }
    .max-1279--column {
            flex-direction: column;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
    }
    .max-1279--column-reverse {
            flex-direction: column-reverse;
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
    }
    .max-1279--wrap {
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    }
    .max-1279--nowrap {
        -ms-flex-wrap: nowrap;
            flex-wrap: nowrap;
    }
    .max-1279--wrap-reverse {
        -ms-flex-wrap: wrap-reverse;
            flex-wrap: wrap-reverse;
    }
    .max-1279--align-center {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
    .max-1279--align-end {
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end;
    }
    .max-1279--align-start {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
    }
    .max-1279--align-stretch {
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
    }
    .max-1279--align-baseline {
        -webkit-box-align: baseline;
        -ms-flex-align: baseline;
        align-items: baseline;
    }
    .max-1279--justify-center {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
    .max-1279--justify-end {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
    }
    .max-1279--justify-start {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }
    .max-1279--justify-around {
        -ms-flex-pack: distribute;
        justify-content: space-around;
    }
    .max-1279--justify-between {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
    .max-1279--content-center {
        -ms-flex-line-pack: center;
        align-content: center;
    }
    .max-1279--content-end {
        -ms-flex-line-pack: end;
        align-content: flex-end;
    }
    .max-1279--content-start {
        -ms-flex-line-pack: start;
        align-content: flex-start;
    }
    .max-1279--content-stretch {
        -ms-flex-line-pack: stretch;
        align-content: stretch;
    }
    .max-1279--content-around {
        -ms-flex-line-pack: distribute;
        align-content: space-around;
    }
    .max-1279--content-between {
        -ms-flex-line-pack: justify;
        align-content: space-between;
    }
    .max-1279--self-center {
        -webkit-align-self: center;
        -ms-flex-item-align: center;
        -ms-grid-row-align: center;
                align-self: center;
    }
    .max-1279--self-end {
        -webkit-align-self: flex-end;
        -ms-flex-item-align: end;
                align-self: flex-end;
    }
    .max-1279--self-start {
        -webkit-align-self: flex-start;
        -ms-flex-item-align: start;
                align-self: flex-start;
    }
    .max-1279--self-stretch {
        -webkit-align-self: stretch;
        -ms-flex-item-align: stretch;
        -ms-grid-row-align: stretch;
                align-self: stretch;
    }
    .max-1279--self-auto {
        -webkit-align-self: auto;
        -ms-flex-item-align: auto;
        -ms-grid-row-align: auto;
                align-self: auto;
    }
    .max-1279--self-baseline {
        -webkit-align-self: baseline;
        -ms-flex-item-align: baseline;
                align-self: baseline;
    }
}
@media (max-width: 1365px) {
    .max-1365--flex {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
    .max-1365--height {
        -webkit-box-flex: 1;
        -ms-flex: 1 0 auto;
            flex: 1 0 auto;
    }
    .max-1365--grow {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
    }
    .max-1365--order-end {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
    }
    .max-1365--order-start {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1;
    }
    .max-1365--row {
            flex-direction: row;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
    }
    .max-1365--row-reverse {
            flex-direction: row-reverse;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
    }
    .max-1365--column {
            flex-direction: column;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
    }
    .max-1365--column-reverse {
            flex-direction: column-reverse;
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
    }
    .max-1365--wrap {
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    }
    .max-1365--nowrap {
        -ms-flex-wrap: nowrap;
            flex-wrap: nowrap;
    }
    .max-1365--wrap-reverse {
        -ms-flex-wrap: wrap-reverse;
            flex-wrap: wrap-reverse;
    }
    .max-1365--align-center {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
    .max-1365--align-end {
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end;
    }
    .max-1365--align-start {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
    }
    .max-1365--align-stretch {
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
    }
    .max-1365--align-baseline {
        -webkit-box-align: baseline;
        -ms-flex-align: baseline;
        align-items: baseline;
    }
    .max-1365--justify-center {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
    .max-1365--justify-end {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
    }
    .max-1365--justify-start {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }
    .max-1365--justify-around {
        -ms-flex-pack: distribute;
        justify-content: space-around;
    }
    .max-1365--justify-between {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
    .max-1365--content-center {
        -ms-flex-line-pack: center;
        align-content: center;
    }
    .max-1365--content-end {
        -ms-flex-line-pack: end;
        align-content: flex-end;
    }
    .max-1365--content-start {
        -ms-flex-line-pack: start;
        align-content: flex-start;
    }
    .max-1365--content-stretch {
        -ms-flex-line-pack: stretch;
        align-content: stretch;
    }
    .max-1365--content-around {
        -ms-flex-line-pack: distribute;
        align-content: space-around;
    }
    .max-1365--content-between {
        -ms-flex-line-pack: justify;
        align-content: space-between;
    }
    .max-1365--self-center {
        -webkit-align-self: center;
        -ms-flex-item-align: center;
        -ms-grid-row-align: center;
                align-self: center;
    }
    .max-1365--self-end {
        -webkit-align-self: flex-end;
        -ms-flex-item-align: end;
                align-self: flex-end;
    }
    .max-1365--self-start {
        -webkit-align-self: flex-start;
        -ms-flex-item-align: start;
                align-self: flex-start;
    }
    .max-1365--self-stretch {
        -webkit-align-self: stretch;
        -ms-flex-item-align: stretch;
        -ms-grid-row-align: stretch;
                align-self: stretch;
    }
    .max-1365--self-auto {
        -webkit-align-self: auto;
        -ms-flex-item-align: auto;
        -ms-grid-row-align: auto;
                align-self: auto;
    }
    .max-1365--self-baseline {
        -webkit-align-self: baseline;
        -ms-flex-item-align: baseline;
                align-self: baseline;
    }
}
@media (max-width: 1439px) {
    .max-1439--flex {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
    .max-1439--height {
        -webkit-box-flex: 1;
        -ms-flex: 1 0 auto;
            flex: 1 0 auto;
    }
    .max-1439--grow {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
    }
    .max-1439--order-end {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
    }
    .max-1439--order-start {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1;
    }
    .max-1439--row {
            flex-direction: row;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
    }
    .max-1439--row-reverse {
            flex-direction: row-reverse;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
    }
    .max-1439--column {
            flex-direction: column;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
    }
    .max-1439--column-reverse {
            flex-direction: column-reverse;
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
    }
    .max-1439--wrap {
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    }
    .max-1439--nowrap {
        -ms-flex-wrap: nowrap;
            flex-wrap: nowrap;
    }
    .max-1439--wrap-reverse {
        -ms-flex-wrap: wrap-reverse;
            flex-wrap: wrap-reverse;
    }
    .max-1439--align-center {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
    .max-1439--align-end {
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end;
    }
    .max-1439--align-start {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
    }
    .max-1439--align-stretch {
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
    }
    .max-1439--align-baseline {
        -webkit-box-align: baseline;
        -ms-flex-align: baseline;
        align-items: baseline;
    }
    .max-1439--justify-center {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
    .max-1439--justify-end {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
    }
    .max-1439--justify-start {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }
    .max-1439--justify-around {
        -ms-flex-pack: distribute;
        justify-content: space-around;
    }
    .max-1439--justify-between {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
    .max-1439--content-center {
        -ms-flex-line-pack: center;
        align-content: center;
    }
    .max-1439--content-end {
        -ms-flex-line-pack: end;
        align-content: flex-end;
    }
    .max-1439--content-start {
        -ms-flex-line-pack: start;
        align-content: flex-start;
    }
    .max-1439--content-stretch {
        -ms-flex-line-pack: stretch;
        align-content: stretch;
    }
    .max-1439--content-around {
        -ms-flex-line-pack: distribute;
        align-content: space-around;
    }
    .max-1439--content-between {
        -ms-flex-line-pack: justify;
        align-content: space-between;
    }
    .max-1439--self-center {
        -webkit-align-self: center;
        -ms-flex-item-align: center;
        -ms-grid-row-align: center;
                align-self: center;
    }
    .max-1439--self-end {
        -webkit-align-self: flex-end;
        -ms-flex-item-align: end;
                align-self: flex-end;
    }
    .max-1439--self-start {
        -webkit-align-self: flex-start;
        -ms-flex-item-align: start;
                align-self: flex-start;
    }
    .max-1439--self-stretch {
        -webkit-align-self: stretch;
        -ms-flex-item-align: stretch;
        -ms-grid-row-align: stretch;
                align-self: stretch;
    }
    .max-1439--self-auto {
        -webkit-align-self: auto;
        -ms-flex-item-align: auto;
        -ms-grid-row-align: auto;
                align-self: auto;
    }
    .max-1439--self-baseline {
        -webkit-align-self: baseline;
        -ms-flex-item-align: baseline;
                align-self: baseline;
    }
}
@media (max-width: 1599px) {
    .max-1599--flex {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
    .max-1599--height {
        -webkit-box-flex: 1;
        -ms-flex: 1 0 auto;
            flex: 1 0 auto;
    }
    .max-1599--grow {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
    }
    .max-1599--order-end {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
    }
    .max-1599--order-start {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1;
    }
    .max-1599--row {
            flex-direction: row;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
    }
    .max-1599--row-reverse {
            flex-direction: row-reverse;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
    }
    .max-1599--column {
            flex-direction: column;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
    }
    .max-1599--column-reverse {
            flex-direction: column-reverse;
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
    }
    .max-1599--wrap {
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    }
    .max-1599--nowrap {
        -ms-flex-wrap: nowrap;
            flex-wrap: nowrap;
    }
    .max-1599--wrap-reverse {
        -ms-flex-wrap: wrap-reverse;
            flex-wrap: wrap-reverse;
    }
    .max-1599--align-center {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
    .max-1599--align-end {
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end;
    }
    .max-1599--align-start {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
    }
    .max-1599--align-stretch {
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
    }
    .max-1599--align-baseline {
        -webkit-box-align: baseline;
        -ms-flex-align: baseline;
        align-items: baseline;
    }
    .max-1599--justify-center {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
    .max-1599--justify-end {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
    }
    .max-1599--justify-start {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }
    .max-1599--justify-around {
        -ms-flex-pack: distribute;
        justify-content: space-around;
    }
    .max-1599--justify-between {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
    .max-1599--content-center {
        -ms-flex-line-pack: center;
        align-content: center;
    }
    .max-1599--content-end {
        -ms-flex-line-pack: end;
        align-content: flex-end;
    }
    .max-1599--content-start {
        -ms-flex-line-pack: start;
        align-content: flex-start;
    }
    .max-1599--content-stretch {
        -ms-flex-line-pack: stretch;
        align-content: stretch;
    }
    .max-1599--content-around {
        -ms-flex-line-pack: distribute;
        align-content: space-around;
    }
    .max-1599--content-between {
        -ms-flex-line-pack: justify;
        align-content: space-between;
    }
    .max-1599--self-center {
        -webkit-align-self: center;
        -ms-flex-item-align: center;
        -ms-grid-row-align: center;
                align-self: center;
    }
    .max-1599--self-end {
        -webkit-align-self: flex-end;
        -ms-flex-item-align: end;
                align-self: flex-end;
    }
    .max-1599--self-start {
        -webkit-align-self: flex-start;
        -ms-flex-item-align: start;
                align-self: flex-start;
    }
    .max-1599--self-stretch {
        -webkit-align-self: stretch;
        -ms-flex-item-align: stretch;
        -ms-grid-row-align: stretch;
                align-self: stretch;
    }
    .max-1599--self-auto {
        -webkit-align-self: auto;
        -ms-flex-item-align: auto;
        -ms-grid-row-align: auto;
                align-self: auto;
    }
    .max-1599--self-baseline {
        -webkit-align-self: baseline;
        -ms-flex-item-align: baseline;
                align-self: baseline;
    }
}
@media (min-width: 0) {
    .min-0--text-left {
        text-align: left;
    }
    .min-0--text-right {
        text-align: right;
    }
    .min-0--text-center {
        text-align: center;
    }
}
@media (min-width: 375px) {
    .min-375--text-left {
        text-align: left;
    }
    .min-375--text-right {
        text-align: right;
    }
    .min-375--text-center {
        text-align: center;
    }
}
@media (min-width: 768px) {
    .min-768--text-left {
        text-align: left;
    }
    .min-768--text-right {
        text-align: right;
    }
    .min-768--text-center {
        text-align: center;
    }
}
@media (min-width: 990px) {
    .min-990--text-left {
        text-align: left;
    }
    .min-990--text-right {
        text-align: right;
    }
    .min-990--text-center {
        text-align: center;
    }
}
@media (min-width: 1025px) {
    .min-1025--text-left {
        text-align: left;
    }
    .min-1025--text-right {
        text-align: right;
    }
    .min-1025--text-center {
        text-align: center;
    }
}
@media (min-width: 1280px) {
    .min-1280--text-left {
        text-align: left;
    }
    .min-1280--text-right {
        text-align: right;
    }
    .min-1280--text-center {
        text-align: center;
    }
}
@media (min-width: 1366px) {
    .min-1366--text-left {
        text-align: left;
    }
    .min-1366--text-right {
        text-align: right;
    }
    .min-1366--text-center {
        text-align: center;
    }
}
@media (min-width: 1440px) {
    .min-1440--text-left {
        text-align: left;
    }
    .min-1440--text-right {
        text-align: right;
    }
    .min-1440--text-center {
        text-align: center;
    }
}
@media (min-width: 1600px) {
    .min-1600--text-left {
        text-align: left;
    }
    .min-1600--text-right {
        text-align: right;
    }
    .min-1600--text-center {
        text-align: center;
    }
}
@media (max-width: 374px) {
    .max-374--text-left {
        text-align: left;
    }
    .max-374--text-right {
        text-align: right;
    }
    .max-374--text-center {
        text-align: center;
    }
}
@media (max-width: 767px) {
    .max-767--text-left {
        text-align: left;
    }
    .max-767--text-right {
        text-align: right;
    }
    .max-767--text-center {
        text-align: center;
    }
}
@media (max-width: 989px) {
    .max-989--text-left {
        text-align: left;
    }
    .max-989--text-right {
        text-align: right;
    }
    .max-989--text-center {
        text-align: center;
    }
}
@media (max-width: 1023px) {
    .max-1024--text-left {
        text-align: left;
    }
    .max-1024--text-right {
        text-align: right;
    }
    .max-1024--text-center {
        text-align: center;
    }
}
@media (max-width: 1279px) {
    .max-1279--text-left {
        text-align: left;
    }
    .max-1279--text-right {
        text-align: right;
    }
    .max-1279--text-center {
        text-align: center;
    }
}
@media (max-width: 1365px) {
    .max-1365--text-left {
        text-align: left;
    }
    .max-1365--text-right {
        text-align: right;
    }
    .max-1365--text-center {
        text-align: center;
    }
}
@media (max-width: 1439px) {
    .max-1439--text-left {
        text-align: left;
    }
    .max-1439--text-right {
        text-align: right;
    }
    .max-1439--text-center {
        text-align: center;
    }
}
@media (max-width: 1599px) {
    .max-1599--text-left {
        text-align: left;
    }
    .max-1599--text-right {
        text-align: right;
    }
    .max-1599--text-center {
        text-align: center;
    }
}
/* layout
------------------------------------------------------------------- */
.l-container {
    width: 100%;
    max-width: 1120px;
    margin: 0 auto;
    padding: 0 10px;
}
@media (min-width: 768px) {
    .l-container {
        max-width: 1132px;
        padding: 0 16px;
    }
}
.l-container + .l-container {
    margin-top: 16px;
}
@media (min-width: 768px) {
    .l-container + .l-container {
        margin-top: 26px;
    }
}
.l-container:after,
.l-container:before {
    display: table;
    clear: both;
    content: ' ';
}
.l-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: -10px;
    margin-left: -10px;
    -ms-flex-flow: wrap;
        flex-flow: wrap;
}
@media (min-width: 768px) {
    .l-row {
        margin-top: -16px;
        margin-left: -16px;
    }
}
.l-row + .l-row {
    margin-top: 0;
}
.l-row--no-spaces {
    margin: 0;
}
.l-row--no-spaces .l-col {
    padding: 0;
}
.l-col {
    max-width: 100%;
    padding-top: 10px;
    padding-left: 10px;
}
@media (min-width: 768px) {
    .l-col {
        padding-top: 16px;
        padding-left: 16px;
    }
}
@media (min-width: 0) {
    .min-0--1 {
        display: block;
        max-width: 8.333333%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 8.333333% ;
            flex: 0 0 8.333333% ;
    }
    .min-0--2 {
        display: block;
        max-width: 16.666667%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 16.666667%;
            flex: 0 0 16.666667%;
    }
    .min-0--3 {
        display: block;
        max-width: 25%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 25%       ;
            flex: 0 0 25%       ;
    }
    .min-0--4 {
        display: block;
        max-width: 33.333333%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.333333%;
            flex: 0 0 33.333333%;
    }
    .min-0--5 {
        display: block;
        max-width: 41.666667%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 41.666667%;
            flex: 0 0 41.666667%;
    }
    .min-0--6 {
        display: block;
        max-width: 50%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%       ;
            flex: 0 0 50%       ;
    }
    .min-0--7 {
        display: block;
        max-width: 58.333333%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 58.333333%;
            flex: 0 0 58.333333%;
    }
    .min-0--8 {
        display: block;
        max-width: 66.666667%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 66.666667%;
            flex: 0 0 66.666667%;
    }
    .min-0--9 {
        display: block;
        max-width: 75%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 75%       ;
            flex: 0 0 75%       ;
    }
    .min-0--10 {
        display: block;
        max-width: 83.333333%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 83.333333%;
            flex: 0 0 83.333333%;
    }
    .min-0--11 {
        display: block;
        max-width: 91.666667%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 91.666667%;
            flex: 0 0 91.666667%;
    }
    .min-0--12 {
        display: block;
        max-width: 100%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%      ;
            flex: 0 0 100%      ;
    }
    .min-0--hide {
        display: none;
    }
    .min-0--show {
        display: block;
    }
}
@media (min-width: 375px) {
    .min-375--1 {
        display: block;
        max-width: 8.333333%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 8.333333% ;
            flex: 0 0 8.333333% ;
    }
    .min-375--2 {
        display: block;
        max-width: 16.666667%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 16.666667%;
            flex: 0 0 16.666667%;
    }
    .min-375--3 {
        display: block;
        max-width: 25%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 25%       ;
            flex: 0 0 25%       ;
    }
    .min-375--4 {
        display: block;
        max-width: 33.333333%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.333333%;
            flex: 0 0 33.333333%;
    }
    .min-375--5 {
        display: block;
        max-width: 41.666667%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 41.666667%;
            flex: 0 0 41.666667%;
    }
    .min-375--6 {
        display: block;
        max-width: 50%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%       ;
            flex: 0 0 50%       ;
    }
    .min-375--7 {
        display: block;
        max-width: 58.333333%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 58.333333%;
            flex: 0 0 58.333333%;
    }
    .min-375--8 {
        display: block;
        max-width: 66.666667%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 66.666667%;
            flex: 0 0 66.666667%;
    }
    .min-375--9 {
        display: block;
        max-width: 75%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 75%       ;
            flex: 0 0 75%       ;
    }
    .min-375--10 {
        display: block;
        max-width: 83.333333%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 83.333333%;
            flex: 0 0 83.333333%;
    }
    .min-375--11 {
        display: block;
        max-width: 91.666667%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 91.666667%;
            flex: 0 0 91.666667%;
    }
    .min-375--12 {
        display: block;
        max-width: 100%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%      ;
            flex: 0 0 100%      ;
    }
    .min-375--hide {
        display: none;
    }
    .min-375--show {
        display: block;
    }
}
@media (min-width: 768px) {
    .min-768--1 {
        display: block;
        max-width: 8.333333%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 8.333333% ;
            flex: 0 0 8.333333% ;
    }
    .min-768--2 {
        display: block;
        max-width: 16.666667%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 16.666667%;
            flex: 0 0 16.666667%;
    }
    .min-768--3 {
        display: block;
        max-width: 25%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 25%       ;
            flex: 0 0 25%       ;
    }
    .min-768--4 {
        display: block;
        max-width: 33.333333%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.333333%;
            flex: 0 0 33.333333%;
    }
    .min-768--5 {
        display: block;
        max-width: 41.666667%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 41.666667%;
            flex: 0 0 41.666667%;
    }
    .min-768--6 {
        display: block;
        max-width: 50%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%       ;
            flex: 0 0 50%       ;
    }
    .min-768--7 {
        display: block;
        max-width: 58.333333%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 58.333333%;
            flex: 0 0 58.333333%;
    }
    .min-768--8 {
        display: block;
        max-width: 66.666667%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 66.666667%;
            flex: 0 0 66.666667%;
    }
    .min-768--9 {
        display: block;
        max-width: 75%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 75%       ;
            flex: 0 0 75%       ;
    }
    .min-768--10 {
        display: block;
        max-width: 83.333333%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 83.333333%;
            flex: 0 0 83.333333%;
    }
    .min-768--11 {
        display: block;
        max-width: 91.666667%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 91.666667%;
            flex: 0 0 91.666667%;
    }
    .min-768--12 {
        display: block;
        max-width: 100%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%      ;
            flex: 0 0 100%      ;
    }
    .min-768--hide {
        display: none;
    }
    .min-768--show {
        display: block;
    }
}
@media (min-width: 990px) {
    .min-990--1 {
        display: block;
        max-width: 8.333333%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 8.333333% ;
            flex: 0 0 8.333333% ;
    }
    .min-990--2 {
        display: block;
        max-width: 16.666667%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 16.666667%;
            flex: 0 0 16.666667%;
    }
    .min-990--3 {
        display: block;
        max-width: 25%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 25%       ;
            flex: 0 0 25%       ;
    }
    .min-990--4 {
        display: block;
        max-width: 33.333333%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.333333%;
            flex: 0 0 33.333333%;
    }
    .min-990--5 {
        display: block;
        max-width: 41.666667%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 41.666667%;
            flex: 0 0 41.666667%;
    }
    .min-990--6 {
        display: block;
        max-width: 50%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%       ;
            flex: 0 0 50%       ;
    }
    .min-990--7 {
        display: block;
        max-width: 58.333333%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 58.333333%;
            flex: 0 0 58.333333%;
    }
    .min-990--8 {
        display: block;
        max-width: 66.666667%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 66.666667%;
            flex: 0 0 66.666667%;
    }
    .min-990--9 {
        display: block;
        max-width: 75%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 75%       ;
            flex: 0 0 75%       ;
    }
    .min-990--10 {
        display: block;
        max-width: 83.333333%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 83.333333%;
            flex: 0 0 83.333333%;
    }
    .min-990--11 {
        display: block;
        max-width: 91.666667%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 91.666667%;
            flex: 0 0 91.666667%;
    }
    .min-990--12 {
        display: block;
        max-width: 100%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%      ;
            flex: 0 0 100%      ;
    }
    .min-990--hide {
        display: none;
    }
    .min-990--show {
        display: block;
    }
}
@media (min-width: 1025px) {
    .min-1025--1 {
        display: block;
        max-width: 8.333333%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 8.333333% ;
            flex: 0 0 8.333333% ;
    }
    .min-1025--2 {
        display: block;
        max-width: 16.666667%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 16.666667%;
            flex: 0 0 16.666667%;
    }
    .min-1025--3 {
        display: block;
        max-width: 25%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 25%       ;
            flex: 0 0 25%       ;
    }
    .min-1025--4 {
        display: block;
        max-width: 33.333333%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.333333%;
            flex: 0 0 33.333333%;
    }
    .min-1025--5 {
        display: block;
        max-width: 41.666667%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 41.666667%;
            flex: 0 0 41.666667%;
    }
    .min-1025--6 {
        display: block;
        max-width: 50%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%       ;
            flex: 0 0 50%       ;
    }
    .min-1025--7 {
        display: block;
        max-width: 58.333333%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 58.333333%;
            flex: 0 0 58.333333%;
    }
    .min-1025--8 {
        display: block;
        max-width: 66.666667%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 66.666667%;
            flex: 0 0 66.666667%;
    }
    .min-1025--9 {
        display: block;
        max-width: 75%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 75%       ;
            flex: 0 0 75%       ;
    }
    .min-1025--10 {
        display: block;
        max-width: 83.333333%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 83.333333%;
            flex: 0 0 83.333333%;
    }
    .min-1025--11 {
        display: block;
        max-width: 91.666667%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 91.666667%;
            flex: 0 0 91.666667%;
    }
    .min-1025--12 {
        display: block;
        max-width: 100%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%      ;
            flex: 0 0 100%      ;
    }
    .min-1025--hide {
        display: none;
    }
    .min-1025--show {
        display: block;
    }
}
@media (min-width: 1280px) {
    .min-1280--1 {
        display: block;
        max-width: 8.333333%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 8.333333% ;
            flex: 0 0 8.333333% ;
    }
    .min-1280--2 {
        display: block;
        max-width: 16.666667%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 16.666667%;
            flex: 0 0 16.666667%;
    }
    .min-1280--3 {
        display: block;
        max-width: 25%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 25%       ;
            flex: 0 0 25%       ;
    }
    .min-1280--4 {
        display: block;
        max-width: 33.333333%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.333333%;
            flex: 0 0 33.333333%;
    }
    .min-1280--5 {
        display: block;
        max-width: 41.666667%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 41.666667%;
            flex: 0 0 41.666667%;
    }
    .min-1280--6 {
        display: block;
        max-width: 50%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%       ;
            flex: 0 0 50%       ;
    }
    .min-1280--7 {
        display: block;
        max-width: 58.333333%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 58.333333%;
            flex: 0 0 58.333333%;
    }
    .min-1280--8 {
        display: block;
        max-width: 66.666667%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 66.666667%;
            flex: 0 0 66.666667%;
    }
    .min-1280--9 {
        display: block;
        max-width: 75%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 75%       ;
            flex: 0 0 75%       ;
    }
    .min-1280--10 {
        display: block;
        max-width: 83.333333%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 83.333333%;
            flex: 0 0 83.333333%;
    }
    .min-1280--11 {
        display: block;
        max-width: 91.666667%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 91.666667%;
            flex: 0 0 91.666667%;
    }
    .min-1280--12 {
        display: block;
        max-width: 100%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%      ;
            flex: 0 0 100%      ;
    }
    .min-1280--hide {
        display: none;
    }
    .min-1280--show {
        display: block;
    }
}
@media (min-width: 1366px) {
    .min-1366--1 {
        display: block;
        max-width: 8.333333%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 8.333333% ;
            flex: 0 0 8.333333% ;
    }
    .min-1366--2 {
        display: block;
        max-width: 16.666667%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 16.666667%;
            flex: 0 0 16.666667%;
    }
    .min-1366--3 {
        display: block;
        max-width: 25%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 25%       ;
            flex: 0 0 25%       ;
    }
    .min-1366--4 {
        display: block;
        max-width: 33.333333%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.333333%;
            flex: 0 0 33.333333%;
    }
    .min-1366--5 {
        display: block;
        max-width: 41.666667%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 41.666667%;
            flex: 0 0 41.666667%;
    }
    .min-1366--6 {
        display: block;
        max-width: 50%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%       ;
            flex: 0 0 50%       ;
    }
    .min-1366--7 {
        display: block;
        max-width: 58.333333%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 58.333333%;
            flex: 0 0 58.333333%;
    }
    .min-1366--8 {
        display: block;
        max-width: 66.666667%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 66.666667%;
            flex: 0 0 66.666667%;
    }
    .min-1366--9 {
        display: block;
        max-width: 75%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 75%       ;
            flex: 0 0 75%       ;
    }
    .min-1366--10 {
        display: block;
        max-width: 83.333333%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 83.333333%;
            flex: 0 0 83.333333%;
    }
    .min-1366--11 {
        display: block;
        max-width: 91.666667%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 91.666667%;
            flex: 0 0 91.666667%;
    }
    .min-1366--12 {
        display: block;
        max-width: 100%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%      ;
            flex: 0 0 100%      ;
    }
    .min-1366--hide {
        display: none;
    }
    .min-1366--show {
        display: block;
    }
}
@media (min-width: 1440px) {
    .min-1440--1 {
        display: block;
        max-width: 8.333333%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 8.333333% ;
            flex: 0 0 8.333333% ;
    }
    .min-1440--2 {
        display: block;
        max-width: 16.666667%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 16.666667%;
            flex: 0 0 16.666667%;
    }
    .min-1440--3 {
        display: block;
        max-width: 25%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 25%       ;
            flex: 0 0 25%       ;
    }
    .min-1440--4 {
        display: block;
        max-width: 33.333333%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.333333%;
            flex: 0 0 33.333333%;
    }
    .min-1440--5 {
        display: block;
        max-width: 41.666667%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 41.666667%;
            flex: 0 0 41.666667%;
    }
    .min-1440--6 {
        display: block;
        max-width: 50%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%       ;
            flex: 0 0 50%       ;
    }
    .min-1440--7 {
        display: block;
        max-width: 58.333333%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 58.333333%;
            flex: 0 0 58.333333%;
    }
    .min-1440--8 {
        display: block;
        max-width: 66.666667%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 66.666667%;
            flex: 0 0 66.666667%;
    }
    .min-1440--9 {
        display: block;
        max-width: 75%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 75%       ;
            flex: 0 0 75%       ;
    }
    .min-1440--10 {
        display: block;
        max-width: 83.333333%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 83.333333%;
            flex: 0 0 83.333333%;
    }
    .min-1440--11 {
        display: block;
        max-width: 91.666667%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 91.666667%;
            flex: 0 0 91.666667%;
    }
    .min-1440--12 {
        display: block;
        max-width: 100%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%      ;
            flex: 0 0 100%      ;
    }
    .min-1440--hide {
        display: none;
    }
    .min-1440--show {
        display: block;
    }
}
@media (min-width: 1600px) {
    .min-1600--1 {
        display: block;
        max-width: 8.333333%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 8.333333% ;
            flex: 0 0 8.333333% ;
    }
    .min-1600--2 {
        display: block;
        max-width: 16.666667%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 16.666667%;
            flex: 0 0 16.666667%;
    }
    .min-1600--3 {
        display: block;
        max-width: 25%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 25%       ;
            flex: 0 0 25%       ;
    }
    .min-1600--4 {
        display: block;
        max-width: 33.333333%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.333333%;
            flex: 0 0 33.333333%;
    }
    .min-1600--5 {
        display: block;
        max-width: 41.666667%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 41.666667%;
            flex: 0 0 41.666667%;
    }
    .min-1600--6 {
        display: block;
        max-width: 50%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%       ;
            flex: 0 0 50%       ;
    }
    .min-1600--7 {
        display: block;
        max-width: 58.333333%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 58.333333%;
            flex: 0 0 58.333333%;
    }
    .min-1600--8 {
        display: block;
        max-width: 66.666667%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 66.666667%;
            flex: 0 0 66.666667%;
    }
    .min-1600--9 {
        display: block;
        max-width: 75%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 75%       ;
            flex: 0 0 75%       ;
    }
    .min-1600--10 {
        display: block;
        max-width: 83.333333%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 83.333333%;
            flex: 0 0 83.333333%;
    }
    .min-1600--11 {
        display: block;
        max-width: 91.666667%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 91.666667%;
            flex: 0 0 91.666667%;
    }
    .min-1600--12 {
        display: block;
        max-width: 100%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%      ;
            flex: 0 0 100%      ;
    }
    .min-1600--hide {
        display: none;
    }
    .min-1600--show {
        display: block;
    }
}
@media (max-width: 374px) {
    .max-374--1 {
        display: block;
        max-width: 8.333333%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 8.333333% ;
            flex: 0 0 8.333333% ;
    }
    .max-374--2 {
        display: block;
        max-width: 16.666667%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 16.666667%;
            flex: 0 0 16.666667%;
    }
    .max-374--3 {
        display: block;
        max-width: 25%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 25%       ;
            flex: 0 0 25%       ;
    }
    .max-374--4 {
        display: block;
        max-width: 33.333333%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.333333%;
            flex: 0 0 33.333333%;
    }
    .max-374--5 {
        display: block;
        max-width: 41.666667%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 41.666667%;
            flex: 0 0 41.666667%;
    }
    .max-374--6 {
        display: block;
        max-width: 50%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%       ;
            flex: 0 0 50%       ;
    }
    .max-374--7 {
        display: block;
        max-width: 58.333333%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 58.333333%;
            flex: 0 0 58.333333%;
    }
    .max-374--8 {
        display: block;
        max-width: 66.666667%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 66.666667%;
            flex: 0 0 66.666667%;
    }
    .max-374--9 {
        display: block;
        max-width: 75%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 75%       ;
            flex: 0 0 75%       ;
    }
    .max-374--10 {
        display: block;
        max-width: 83.333333%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 83.333333%;
            flex: 0 0 83.333333%;
    }
    .max-374--11 {
        display: block;
        max-width: 91.666667%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 91.666667%;
            flex: 0 0 91.666667%;
    }
    .max-374--12 {
        display: block;
        max-width: 100%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%      ;
            flex: 0 0 100%      ;
    }
    .max-374--hide {
        display: none;
    }
    .max-374--show {
        display: block;
    }
}
@media (max-width: 767px) {
    .max-767--1 {
        display: block;
        max-width: 8.333333%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 8.333333% ;
            flex: 0 0 8.333333% ;
    }
    .max-767--2 {
        display: block;
        max-width: 16.666667%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 16.666667%;
            flex: 0 0 16.666667%;
    }
    .max-767--3 {
        display: block;
        max-width: 25%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 25%       ;
            flex: 0 0 25%       ;
    }
    .max-767--4 {
        display: block;
        max-width: 33.333333%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.333333%;
            flex: 0 0 33.333333%;
    }
    .max-767--5 {
        display: block;
        max-width: 41.666667%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 41.666667%;
            flex: 0 0 41.666667%;
    }
    .max-767--6 {
        display: block;
        max-width: 50%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%       ;
            flex: 0 0 50%       ;
    }
    .max-767--7 {
        display: block;
        max-width: 58.333333%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 58.333333%;
            flex: 0 0 58.333333%;
    }
    .max-767--8 {
        display: block;
        max-width: 66.666667%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 66.666667%;
            flex: 0 0 66.666667%;
    }
    .max-767--9 {
        display: block;
        max-width: 75%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 75%       ;
            flex: 0 0 75%       ;
    }
    .max-767--10 {
        display: block;
        max-width: 83.333333%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 83.333333%;
            flex: 0 0 83.333333%;
    }
    .max-767--11 {
        display: block;
        max-width: 91.666667%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 91.666667%;
            flex: 0 0 91.666667%;
    }
    .max-767--12 {
        display: block;
        max-width: 100%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%      ;
            flex: 0 0 100%      ;
    }
    .max-767--hide {
        display: none;
    }
    .max-767--show {
        display: block;
    }
}
@media (max-width: 989px) {
    .max-989--1 {
        display: block;
        max-width: 8.333333%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 8.333333% ;
            flex: 0 0 8.333333% ;
    }
    .max-989--2 {
        display: block;
        max-width: 16.666667%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 16.666667%;
            flex: 0 0 16.666667%;
    }
    .max-989--3 {
        display: block;
        max-width: 25%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 25%       ;
            flex: 0 0 25%       ;
    }
    .max-989--4 {
        display: block;
        max-width: 33.333333%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.333333%;
            flex: 0 0 33.333333%;
    }
    .max-989--5 {
        display: block;
        max-width: 41.666667%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 41.666667%;
            flex: 0 0 41.666667%;
    }
    .max-989--6 {
        display: block;
        max-width: 50%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%       ;
            flex: 0 0 50%       ;
    }
    .max-989--7 {
        display: block;
        max-width: 58.333333%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 58.333333%;
            flex: 0 0 58.333333%;
    }
    .max-989--8 {
        display: block;
        max-width: 66.666667%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 66.666667%;
            flex: 0 0 66.666667%;
    }
    .max-989--9 {
        display: block;
        max-width: 75%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 75%       ;
            flex: 0 0 75%       ;
    }
    .max-989--10 {
        display: block;
        max-width: 83.333333%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 83.333333%;
            flex: 0 0 83.333333%;
    }
    .max-989--11 {
        display: block;
        max-width: 91.666667%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 91.666667%;
            flex: 0 0 91.666667%;
    }
    .max-989--12 {
        display: block;
        max-width: 100%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%      ;
            flex: 0 0 100%      ;
    }
    .max-989--hide {
        display: none;
    }
    .max-989--show {
        display: block;
    }
}
@media (max-width: 1023px) {
    .max-1024--1 {
        display: block;
        max-width: 8.333333%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 8.333333% ;
            flex: 0 0 8.333333% ;
    }
    .max-1024--2 {
        display: block;
        max-width: 16.666667%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 16.666667%;
            flex: 0 0 16.666667%;
    }
    .max-1024--3 {
        display: block;
        max-width: 25%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 25%       ;
            flex: 0 0 25%       ;
    }
    .max-1024--4 {
        display: block;
        max-width: 33.333333%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.333333%;
            flex: 0 0 33.333333%;
    }
    .max-1024--5 {
        display: block;
        max-width: 41.666667%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 41.666667%;
            flex: 0 0 41.666667%;
    }
    .max-1024--6 {
        display: block;
        max-width: 50%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%       ;
            flex: 0 0 50%       ;
    }
    .max-1024--7 {
        display: block;
        max-width: 58.333333%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 58.333333%;
            flex: 0 0 58.333333%;
    }
    .max-1024--8 {
        display: block;
        max-width: 66.666667%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 66.666667%;
            flex: 0 0 66.666667%;
    }
    .max-1024--9 {
        display: block;
        max-width: 75%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 75%       ;
            flex: 0 0 75%       ;
    }
    .max-1024--10 {
        display: block;
        max-width: 83.333333%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 83.333333%;
            flex: 0 0 83.333333%;
    }
    .max-1024--11 {
        display: block;
        max-width: 91.666667%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 91.666667%;
            flex: 0 0 91.666667%;
    }
    .max-1024--12 {
        display: block;
        max-width: 100%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%      ;
            flex: 0 0 100%      ;
    }
    .max-1024--hide {
        display: none;
    }
    .max-1024--show {
        display: block;
    }
}
@media (max-width: 1279px) {
    .max-1279--1 {
        display: block;
        max-width: 8.333333%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 8.333333% ;
            flex: 0 0 8.333333% ;
    }
    .max-1279--2 {
        display: block;
        max-width: 16.666667%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 16.666667%;
            flex: 0 0 16.666667%;
    }
    .max-1279--3 {
        display: block;
        max-width: 25%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 25%       ;
            flex: 0 0 25%       ;
    }
    .max-1279--4 {
        display: block;
        max-width: 33.333333%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.333333%;
            flex: 0 0 33.333333%;
    }
    .max-1279--5 {
        display: block;
        max-width: 41.666667%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 41.666667%;
            flex: 0 0 41.666667%;
    }
    .max-1279--6 {
        display: block;
        max-width: 50%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%       ;
            flex: 0 0 50%       ;
    }
    .max-1279--7 {
        display: block;
        max-width: 58.333333%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 58.333333%;
            flex: 0 0 58.333333%;
    }
    .max-1279--8 {
        display: block;
        max-width: 66.666667%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 66.666667%;
            flex: 0 0 66.666667%;
    }
    .max-1279--9 {
        display: block;
        max-width: 75%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 75%       ;
            flex: 0 0 75%       ;
    }
    .max-1279--10 {
        display: block;
        max-width: 83.333333%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 83.333333%;
            flex: 0 0 83.333333%;
    }
    .max-1279--11 {
        display: block;
        max-width: 91.666667%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 91.666667%;
            flex: 0 0 91.666667%;
    }
    .max-1279--12 {
        display: block;
        max-width: 100%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%      ;
            flex: 0 0 100%      ;
    }
    .max-1279--hide {
        display: none;
    }
    .max-1279--show {
        display: block;
    }
}
@media (max-width: 1365px) {
    .max-1365--1 {
        display: block;
        max-width: 8.333333%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 8.333333% ;
            flex: 0 0 8.333333% ;
    }
    .max-1365--2 {
        display: block;
        max-width: 16.666667%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 16.666667%;
            flex: 0 0 16.666667%;
    }
    .max-1365--3 {
        display: block;
        max-width: 25%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 25%       ;
            flex: 0 0 25%       ;
    }
    .max-1365--4 {
        display: block;
        max-width: 33.333333%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.333333%;
            flex: 0 0 33.333333%;
    }
    .max-1365--5 {
        display: block;
        max-width: 41.666667%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 41.666667%;
            flex: 0 0 41.666667%;
    }
    .max-1365--6 {
        display: block;
        max-width: 50%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%       ;
            flex: 0 0 50%       ;
    }
    .max-1365--7 {
        display: block;
        max-width: 58.333333%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 58.333333%;
            flex: 0 0 58.333333%;
    }
    .max-1365--8 {
        display: block;
        max-width: 66.666667%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 66.666667%;
            flex: 0 0 66.666667%;
    }
    .max-1365--9 {
        display: block;
        max-width: 75%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 75%       ;
            flex: 0 0 75%       ;
    }
    .max-1365--10 {
        display: block;
        max-width: 83.333333%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 83.333333%;
            flex: 0 0 83.333333%;
    }
    .max-1365--11 {
        display: block;
        max-width: 91.666667%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 91.666667%;
            flex: 0 0 91.666667%;
    }
    .max-1365--12 {
        display: block;
        max-width: 100%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%      ;
            flex: 0 0 100%      ;
    }
    .max-1365--hide {
        display: none;
    }
    .max-1365--show {
        display: block;
    }
}
@media (max-width: 1439px) {
    .max-1439--1 {
        display: block;
        max-width: 8.333333%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 8.333333% ;
            flex: 0 0 8.333333% ;
    }
    .max-1439--2 {
        display: block;
        max-width: 16.666667%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 16.666667%;
            flex: 0 0 16.666667%;
    }
    .max-1439--3 {
        display: block;
        max-width: 25%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 25%       ;
            flex: 0 0 25%       ;
    }
    .max-1439--4 {
        display: block;
        max-width: 33.333333%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.333333%;
            flex: 0 0 33.333333%;
    }
    .max-1439--5 {
        display: block;
        max-width: 41.666667%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 41.666667%;
            flex: 0 0 41.666667%;
    }
    .max-1439--6 {
        display: block;
        max-width: 50%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%       ;
            flex: 0 0 50%       ;
    }
    .max-1439--7 {
        display: block;
        max-width: 58.333333%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 58.333333%;
            flex: 0 0 58.333333%;
    }
    .max-1439--8 {
        display: block;
        max-width: 66.666667%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 66.666667%;
            flex: 0 0 66.666667%;
    }
    .max-1439--9 {
        display: block;
        max-width: 75%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 75%       ;
            flex: 0 0 75%       ;
    }
    .max-1439--10 {
        display: block;
        max-width: 83.333333%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 83.333333%;
            flex: 0 0 83.333333%;
    }
    .max-1439--11 {
        display: block;
        max-width: 91.666667%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 91.666667%;
            flex: 0 0 91.666667%;
    }
    .max-1439--12 {
        display: block;
        max-width: 100%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%      ;
            flex: 0 0 100%      ;
    }
    .max-1439--hide {
        display: none;
    }
    .max-1439--show {
        display: block;
    }
}
@media (max-width: 1599px) {
    .max-1599--1 {
        display: block;
        max-width: 8.333333%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 8.333333% ;
            flex: 0 0 8.333333% ;
    }
    .max-1599--2 {
        display: block;
        max-width: 16.666667%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 16.666667%;
            flex: 0 0 16.666667%;
    }
    .max-1599--3 {
        display: block;
        max-width: 25%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 25%       ;
            flex: 0 0 25%       ;
    }
    .max-1599--4 {
        display: block;
        max-width: 33.333333%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.333333%;
            flex: 0 0 33.333333%;
    }
    .max-1599--5 {
        display: block;
        max-width: 41.666667%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 41.666667%;
            flex: 0 0 41.666667%;
    }
    .max-1599--6 {
        display: block;
        max-width: 50%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%       ;
            flex: 0 0 50%       ;
    }
    .max-1599--7 {
        display: block;
        max-width: 58.333333%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 58.333333%;
            flex: 0 0 58.333333%;
    }
    .max-1599--8 {
        display: block;
        max-width: 66.666667%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 66.666667%;
            flex: 0 0 66.666667%;
    }
    .max-1599--9 {
        display: block;
        max-width: 75%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 75%       ;
            flex: 0 0 75%       ;
    }
    .max-1599--10 {
        display: block;
        max-width: 83.333333%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 83.333333%;
            flex: 0 0 83.333333%;
    }
    .max-1599--11 {
        display: block;
        max-width: 91.666667%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 91.666667%;
            flex: 0 0 91.666667%;
    }
    .max-1599--12 {
        display: block;
        max-width: 100%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%      ;
            flex: 0 0 100%      ;
    }
    .max-1599--hide {
        display: none;
    }
    .max-1599--show {
        display: block;
    }
}
.sizeMap-row span {
    font-size: 13px;
    font-weight: bold;
}
.sizeMap-row .size {
    display: inline-block;
    min-width: 31px;
    height: 31px;
    margin: 10px 5px 5px 0;
    padding: 2px 5px 5px 5px;
    cursor: pointer;
    text-align: center;
    border: 2px solid #e6e6e6;
}
.sizeMap-row .size span {
    font-weight: normal;
}

.sizeMap-row .size.active,
.sizeMap-row .color.active {
    border-color: #333!important;
}
.sizeMap-row .size,
.sizeMap-row .color {
    border-radius: 20px;
}
.sizeMap-row .color {
    display: inline-block;
    min-width: 31px;
    height: 31px;
    margin: 10px 5px 5px 0;
    padding: 5px;
    cursor: pointer;
    text-align: center;
    border: 2px solid #e6e6e6;
}
.sklad p span {
    font-size: 16px;
    display: block;
    color: #b5b5b5;
}
.c-buy__buttons .storage-field {
    width: 100%;
    margin-left: 0;
}
.c-goods__item.product-wrapper form.property-form {
    -webkit-box-flex: 100%;
    -ms-flex: 100%;
        flex: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
        flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}
.c-goods__item.product-wrapper form.property-form .c-form {
    -webkit-box-flex: 1;
    -ms-flex: 1;
        flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
}
.c-goods__item.product-wrapper form.property-form .buy-container {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
}

span.lang-select {
    margin-right: 5px;
}
.l-header__block.group {
    float: right;
}
.currency-select,
.lang-select {
    line-height: 34px;
}
@media screen and (max-width: 768px) {
    .currency-select,
    .lang-select {
        display: none;
    }
}
.c-menu__level {
    text-align: center;
}

/*preloader*/
.loaderArea {
    position: fixed;
    z-index: 100000;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: hidden;
    background: #ecf0f1;
}
.loader {
    position: relative;
    margin: 0 auto;
}
.pl-circles .loader {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100px;
    height: 60px;
    margin: auto;
}
.pl-circles .loader span,
.pl-circles .loader:before,
.pl-circles .loader:after {
    position: absolute;
    display: block;
    width: 10px;
    height: 10px;
    opacity: .2;
    border-radius: 50%;
    background: #248acc;
}
.pl-circles .loader span {
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    -webkit-animation: lightUp 1.5s linear infinite .5s;
            animation: lightUp 1.5s linear infinite .5s;
}
.pl-circles .loader:before,
.pl-circles .loader:after {
    content: '';
}
.pl-circles .loader:before {
    top: 50%;
    left: 0;
    -webkit-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
            transform: translate(0, -50%);
    -webkit-animation: lightUp 1.5s linear infinite;
            animation: lightUp 1.5s linear infinite;
}
.pl-circles .loader:after {
    top: 50%;
    right: 0;
    -webkit-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
            transform: translate(0, -50%);
    -webkit-animation: lightUp 1.5s linear infinite 1s;
            animation: lightUp 1.5s linear infinite 1s;
}
@-webkit-keyframes lightUp {
    0% {
        opacity: .2;
    }
    40% {
        opacity: 1;
    }
    60% {
        opacity: .2;
    }
    100% {
        opacity: .2;
    }
}
[itemprop='description'] li {
    list-style: initial;
}
/*----*/
ul.modal-ring-list input,
ul.modal-ring-list textarea {
    border: 1px solid #eaeaea;
}
.mg-price-buy-click {
    background: #eaeaea;
}
.content-modal-mg-buy-click {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.content-modal-mg-buy-click .mg-product-info {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
}
.content-modal-mg-buy-click .mg-order-buy-click {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
}
.content-modal-mg-buy-click .cap-left img {
    margin-bottom: 5px;
}
[itemprop='description'] ul,
[itemprop='description'] ol {
    padding-left: 40px;
}
::-webkit-scrollbar-button {
    width: 5px;
    height: 0;
    background-image: url('');
    background-repeat: no-repeat;
}

::-webkit-scrollbar-track {
    background-color: #ecedee;
}

::-webkit-scrollbar-thumb {
    border-radius: 50px;
    background-color: #169B62;
}

::-webkit-scrollbar-thumb:hover {
    background-color: #148C58;
}

::-webkit-resizer {
    width: 4px;
    height: 0;
    background-image: url('');
    background-repeat: no-repeat;
}


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

.product-wrapper .rating-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.product-wrapper .sizeMap-row .color,
.product-wrapper .sizeMap-row .size {
    display: inline-block;
    min-width: 22px;
    height: 22px;
    margin: 0 2px 3px 0;
    padding: 3px;
    cursor: pointer;
    text-align: center;
    border: 1px solid #e6e6e6;
    line-height: 13px;
}

.product-wrapper .sizeMap-row .size-block > span,
.product-wrapper .sizeMap-row .color-block > span {
    display: none;
}
tr.sklad {
    border-bottom: 1px dotted #dadada;
}
.mg-brand-block .mg-brand-logo {
    width: 100%;
}
select[name='userCustomCurrency'],
select[name='multiLang-selector'] {
    color: #666;
    border: 1px solid #dadada;
    background: #fff;
}
.c-goods--list .sizeMap-row {
    float: left;
}
.news-block {
    border: 1px solid #dadada;
    border-radius: 0;
    background: #fff;
    -webkit-box-shadow: none;
            box-shadow: none;
}
.mg-filter .color-filter span.value-name {
    display: none;
}

.mg-filter .color-filter {
    display: inline-block;
}
.c-filter .color-filter .cbox {
    min-width: 25px;
    max-width: 25px;
    min-height: 25px;
    max-height: 25px;
    border: none;
    -webkit-box-shadow: none;
            box-shadow: none;
    background: -webkit-linear-gradient(135deg,rgba(255,255,255,.25),rgba(0,0,0,.125));
    background:      -o-linear-gradient(135deg,rgba(255,255,255,.25),rgba(0,0,0,.125));
    background:         linear-gradient(-45deg,rgba(255,255,255,.25),rgba(0,0,0,.125));
}
.c-filter .color-filter label:hover .cbox {
    -webkit-box-shadow: 0 0 0 3px #d9d9d9;
            box-shadow: 0 0 0 3px #d9d9d9;
}
.c-filter .color-filter label [type='checkbox']:checked ~ .cbox {
    -webkit-box-shadow: 0 0 0 3px #333;
            box-shadow: 0 0 0 3px #333;
}
.sizeMap-row .color {
    background: -webkit-linear-gradient(top left, rgba(255,255,255,.25), rgba(0,0,0,.125));
    background:      -o-linear-gradient(top left, rgba(255,255,255,.25), rgba(0,0,0,.125));
    background: -webkit-gradient(linear, left top, right bottom, from(rgba(255,255,255,.25)), to(rgba(0,0,0,.125)));
    background:         linear-gradient(to bottom right, rgba(255,255,255,.25), rgba(0,0,0,.125));
}
.sizeMap-row .color,
.sizeMap-row .size,
.c-filter .color-filter .cbox {
    -webkit-transition: all .4s;
         -o-transition: all .4s;
            transition: all .4s;
}
.sizeMap-row .color:hover,
.sizeMap-row .size:hover {
    border-color: #656060;
}
.lcg {
    text-align: right;
}

.c-compare__right .c-goods__right > * {
    margin-top: 0;
}

.prop-string .prop-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 15px 0;
    color: #333;
    font-size: 16px;
    list-style: none;
    position: relative;
    border-bottom: 2px dotted #000;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
}
.prop-string .prop-name {
    max-width: 35%;
    padding-right: 5px;
    display: inline-block;
}
.prop-string {
    max-width: 700px;
}
.prop-string .prop-spec {
    float: right;
    text-align: right;
    width: 55%;
    padding-left: 5px;
    z-index: 1;
}
.prop-string .prop-spec,
.prop-string .prop-name,
.prop-string .prop-unit {
    -webkit-transition: all .4s;
         -o-transition: all .4s;
            transition: all .4s;
    margin-bottom: -6px;
    color: #333;
}
.prop-string .name-group {
    position: relative;
    margin: 15px 0;
    color: #333;
    font-size: 16px;
    font-weight: 600;
    list-style: none;
}
.prop-string .prop-item:hover span {
    color: #5b3f97;
}
.prop-string .prop-item {
    cursor: text;
}
.prop-name__inner,
.prop-spec__inner {
    background: #fff;
}
.admin-top-menu {
    z-index: 999;
}
::-webkit-input-placeholder {
    color: #949494;
}
::-moz-placeholder {
    color: #949494;
}/* Firefox 19+ */
:-moz-placeholder {
    color: #949494;
}/* Firefox 18- */
:-ms-input-placeholder {
    color: #949494;
}

::-webkit-input-placeholder {
    text-indent: 0;
    -webkit-transition: text-indent .8s ease;
         -o-transition: text-indent .8s ease;
            transition: text-indent .8s ease;
}
::-moz-placeholder {
    text-indent: 0;
    -webkit-transition: text-indent .8s ease;
         -o-transition: text-indent .8s ease;
            transition: text-indent .8s ease;
}
:-moz-placeholder {
    text-indent: 0;
    -webkit-transition: text-indent .8s ease;
         -o-transition: text-indent .8s ease;
            transition: text-indent .8s ease;
}
:-ms-input-placeholder {
    text-indent: 0;
    -webkit-transition: text-indent .8s ease;
         -o-transition: text-indent .8s ease;
            transition: text-indent .8s ease;
}
:focus::-moz-placeholder {
    text-indent: 500px;
    color: transparent;
    -webkit-transition: .5s ease;
         -o-transition: .5s ease;
            transition: .5s ease;
}
:focus:-moz-placeholder {
    text-indent: 500px;
    color: transparent;
    -webkit-transition: .5s ease;
         -o-transition: .5s ease;
            transition: .5s ease;
}
:focus:-ms-input-placeholder {
    text-indent: 500px;
    color: transparent;
    -webkit-transition: .5s ease;
         -o-transition: .5s ease;
            transition: .5s ease;
}
.prop-item:not(.nogroup) + .nogroup {
    margin-top: 35px;
}
.site-blocks img {
    width: 30%;
    -webkit-transition: -webkit-transform .3s linear;
            transition: -webkit-transform .3s linear;
         -o-transition:         transform .3s linear;
            transition:         transform .3s linear;
            transition:         transform .3s linear, -webkit-transform .3s linear;
}
.site-blocks {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    margin-top: 20px;
}

.site-blocks img:hover {
    -webkit-transform: scale(1.02);
        -ms-transform: scale(1.02);
            transform: scale(1.02);
}
.m-p-slider-wrapper {
    overflow: unset;
}
.mg-trigger-guarantee.horfloat {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
}
.mg-trigger-guarantee .mg-trigger {
    -webkit-box-shadow: none;
            box-shadow: none;
    border: none;
}
.mg-trigger .mg-trigger-text {
    display: block;
    color: #666;
}
.mg-trigger-guarantee img,
.mg-trigger-guarantee i {
    padding: 6px;
    width: 100px;
    height: 100px;
}
.size.inactive:before {
    left: -2px;
    top: 47%;
    content: '';
    width: 117%;
    height: 1px;
    position: absolute;
    background: #4a4848;
    -webkit-transform: rotate(40deg);
        -ms-transform: rotate(40deg);
            transform: rotate(40deg);
}
.size.inactive {
    background: #eaeaea;
    color: #817f7f;
    position: relative;
}
.m-p-slider-wrapper {
    max-width: 1920px;
    margin: 0 auto;
    -webkit-box-shadow: none;
            box-shadow: none;
    overflow: visible;
    height: auto!important;
}
.comments input {
    padding: 10px;
    color: #666;
    border: 1px solid #dadada;
}
.m-p-slide-unit a {
    text-align: center;
    display: block;
}
.m-p-slider-wrapper .bx-wrapper .bx-pager.bx-default-pager {
    width: 100%;
    text-align: right !important;
}
.color-filter + a.mg-viewfilter {
    white-space: nowrap;
}
.mg-brand .mg-brand-block .c-carousel .owl-item {
    margin-right: 50px;
}
.mg-brand .mg-brand-block .c-carousel__arrow {
    border: none;
    background: none;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    top: -11px;
}
.site-blocks > a > img {
    width: 95%;
}
.site-blocks > a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
}
.mg-plugin-product-slider-container .mg-plugin-slider .slider-product .title a {
    min-height: 30px;
    display: block;
}

.mg-plugin-product-slider-container .prev {
    background-image: url(../images/left.png);
}
.mg-plugin-product-slider-container .next {
    background-image: url(../images/right.png);
}
.mg-advise .mg-plugin-product-slider-container > a {
    background-position: 0 0;
    background-size: 100%;
    width: 45px;
    height: 45px;
}
.rating-action ~ .info {
    display: none;
}
tr.sklad td:nth-child(2) {
    text-align: right;
    white-space: nowrap;
}
.c-product__stock--out,
.c-product__stock--in {
    padding: 2px 5px;
    margin: 5px 0;
}
.c-product__stock--out {
    float: right;
    background: #ffe0e0;
}
.c-product__stock--in {
    background-color: #dbf5ce;
}
label.mg__prop_label_radio:before {
    border-radius: 50%;
}
svg.icon.icon--flag,
svg.icon.icon--currency {
    position: relative;
    top: 2px;
}
select[name='userCustomCurrency'],
select[name='multiLang-selector'] {
    border: none;
}
.section-form-designer select {
    width: 250px;
    height: 40px;
    padding: 5px 16px;
    color: #666;
    border: 1px solid #dadada;
    background: #fff;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
}
.mg-form-designer textarea:focus,
.mg-form-designer input[type='password']:focus,
.mg-form-designer input[type='email']:focus,
.mg-form-designer input[type='text']:focus,
.section-form-designer select:focus {
    border-color: #f39c12;
    -webkit-box-shadow: inset 0 0 0 1px #f39c12;
            box-shadow: inset 0 0 0 1px #f39c12;
}
.mg-form-designer textarea,
.mg-form-designer input[type='password'],
.mg-form-designer input[type='email'],
.mg-form-designer input[type='text'],
.section-form-designer select {
    width: 100%;
    padding: 5px 10px;
    color: #666;
    border: 1px solid #dadada;
    background: #fff;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    border-radius: 0;
}
.mg-form-designer .mg-field label {
    vertical-align: top;
}
.mg-form-designer {
    max-width: 500px;
    margin: 15px auto;
}
.mg-form-designer .default-btn {
    -webkit-box-shadow: none;
            box-shadow: none;
    border: none;
}
.form-designer-submit {
    text-align: right;
}

#treelike-comments form button.sendComment:hover,
.mg-form-designer .default-btn:hover {
    background: -webkit-linear-gradient(315deg, #4854a2, #772088);
    background:      -o-linear-gradient(315deg, #4854a2, #772088);
    background:         linear-gradient(135deg, #4854a2, #772088);
}
#treelike-comments > form > div:nth-child(8) > input[type='text'] {
    background: #fff;
    border: 1px solid #dadada;
    padding: 13px 10px;
}
#treelike-comments form div.textarea-wrapper.clearfix textarea {
    height: 75px;
}
#comment-subscribe {
    vertical-align: middle;
}
#for-button-all-load > #load-all-comments {
    border-radius: 30px;
}
.c-history__status {
    border-radius: 30px;
    height: auto;
    padding: 5px 10px;
    text-align: center;
}
div.c-history__content > div.c-history__content--right > div:nth-child(2) > div.wrapper-mg-plugin-edit-order > button {
    background-position-x: 20px;
}
div.c-history__content > div.c-history__content--right > div:nth-child(1) > div.wrapper-mg-plugin-repeat-order > div {
    left: -20px;
}
div.c-history__content > div.c-history__content--right > div:nth-child(2) > div.wrapper-mg-plugin-edit-order > div {
    left: 0;
}
div.c-history__content div.wrapper-mg-plugin-repeat-order > button.mg-plugin-repeat-order.plugin-button-repeat {
    margin: 0 0 0 10px;
}

div.c-history__content > div.c-history__content--right  div.mg-tooltip {
    width: 15px;
    height: 15px;
    color: #000;
    border-color: #000;
    top: -3px;
}
div.c-history__content > div.c-history__content--left {
    width: 40%;
}
.c-history__content > .c-history__content--right > .repeat-wrapper > div:nth-child(2) > .wrapper-mg-plugin-edit-order > .mg-tooltip {
    left: -10px;
}
.wrapper-mg-non-available > button.mg-non-available-button.mg-plugin-btn {
    background: #fff;
    border-radius: 30px;
}
.ddelivery-popup-select > .map-loader {
    width: 100%;
    height: 100%;
    z-index: 99;
}
.delivery-addition-info > a {
    height: 450px;
}
#ddelivery_select_params,
span.delivery-addition-info > a {
    text-transform: capitalize;
    height: 20px;
    margin: 5px 0 0 27px;
    color: #fff;
    border-radius: 30px;
    background: -webkit-linear-gradient(315deg, #4854a2, #772088);
    background:      -o-linear-gradient(315deg, #4854a2, #772088);
    background:         linear-gradient(135deg, #4854a2, #772088);
    padding: 0 35px;
}
#overlay-ddelivery-popup-select {
    z-index: 100!important;
}
.ddelivery-popup-select {
    z-index: 101!important;
}
.c-form .ddelivery-popup-select label:before {
    display: none;
}
.map {
    position: fixed!important;
}
.btn-group button,
.ddelivery-popup-select .custom-btn,
.ddelivery-popup-select #ddCityChange {
    border-radius: 30px;
    line-height: 22px;
}
.ticket-container > .newQuest,
.ticket-container  .conteinerText > .new-send-button,
#ticketModal .view-send-button {
    background: #fff;
    border: 1px solid #dadada;
    border-radius: 30px;
}
.ticket-table th {
    background: #fff;
}
#postcalcShow {
    border-radius: 30px;
    padding: 20px;
}
.faq-item_open > a {
    border-radius: 30px 30px 0 0;
}
.content-faq .faq-item .answer {
    padding: 20px!important;
    border-radius: 0 0 30px 30px;
}
.agreement-container {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 15px;
}
.c-nav__text.c-menu__text {
    text-align: left;
    line-height: 1.4;
    display: block;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
}
.agreement-container input[type='checkbox'].agreement-data-checkbox-checkout-btn {
    left: -28px;
    position: relative;
    height: 20px;
    width: 20px!important;
}
.m-p-slider-wrapper .bx-wrapper .bx-next,
.m-p-slider-wrapper .bx-wrapper .bx-prev,
.m-p-slider-wrapper .bx-wrapper .bx-pager.bx-default-pager {
    z-index: 51;
}
/*ie fixes*/
.l-main .l-container,
.c-alert--blue,
.checkout-form-wrapper.c-order,
.c-logo img {
    width: 100%
}
.mg-brand .mg-brand-block {
    overflow: hidden;
}
.mg-brand .mg-brand-block .mg-brand-logo a {
    max-width: 100%;
}
.checkout-btn.default-btn {
    margin: 0 auto;
}
.checkCapcha {
    display: inline-block;
}
.ie-header {
    display: none;
}
.title-modal-mg-buy-click {
    display: none;
}
.wrapper-modal-mg-buy-click {
    background-color: #fff;
}
.modal-mg-order-list li input[type='text'],
.modal-mg-order-list li textarea {
    width: 85%;
    color: #666;
    border: 1px solid #dadada;
    -webkit-box-shadow: none;
            box-shadow: none;
    overflow: hidden;
}
.mg-price-buy-click {
    background-color: #fff;
    color: #000;
}
.modal-mg-order-list li input[type='text']:focus,
.modal-mg-order-list li textarea:focus {
    -webkit-box-shadow: rgb(243, 156, 18) 0 0 0 1px inset;
            box-shadow: rgb(243, 156, 18) 0 0 0 1px inset;
    border-color: rgb(243, 156, 18);
}
.wrapper-modal-mg-buy-click .mg-product-img {
    -webkit-box-shadow: none;
            box-shadow: none;
}
.modal-mg-order-list li h3 {
    color: #000;
}
.wrapper-modal-mg-buy-click .mg-action-buttons .mg-send-order-click-button {
    -webkit-box-shadow: none;
            box-shadow: none;
}
.wrapper-modal-mg-buy-click {
    background-color: #fff;
}
.modal-mg-order-list li input[type='text'],
.modal-mg-order-list li textarea {
    width: 85%;
    color: #666;
    border: 1px solid #dadada;
    -webkit-box-shadow: none;
            box-shadow: none;
    overflow: hidden;
    padding: 15px 10px;
}
.mg-price-buy-click {
    background-color: #fff;
    color: #000;
    text-align: right;
    font-size: 20px;
    font-weight: 700;
}
.modal-mg-order-list li input[type='text']:focus,
.modal-mg-order-list li textarea:focus {
    -webkit-box-shadow: rgb(243, 156, 18) 0 0 0 1px inset;
            box-shadow: rgb(243, 156, 18) 0 0 0 1px inset;
    border-color: rgb(243, 156, 18);
}
.wrapper-modal-mg-buy-click .mg-product-img {
    -webkit-box-shadow: none;
            box-shadow: none;
}
.modal-mg-order-list li h3 {
    color: #000;
}
.wrapper-modal-mg-buy-click .mg-action-buttons .mg-send-order-click-button {
    -webkit-box-shadow: none;
            box-shadow: none;
}
.header-modal-mg-buy-click,
.mg-action-buttons {
    border: none;
}
.modal-mg-order-list li:not(.mg-cap) > span {
    display: none;
}
.mg-buy-click-button.mg-plugin-btn {
    margin-bottom: 5px;
    width: 100%;
}
.c-compare .c-goods__title {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    -o-text-overflow: ellipsis;
       text-overflow: ellipsis;
    max-height: 65px;
}
.catalog .c-goods__item .c-goods__footer .c-amount,
.owl-item .c-goods__item .c-goods__footer .c-amount {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.input-wrapper #treelike-comments form input[type='text'] {
    height: auto;
    padding: 5px 3px;
    width: auto;
    border-radius: 0;
    -webkit-box-shadow: none;
            box-shadow: none;
    font-size: 16px;
    line-height: 20px;
    font-family: inherit;
    display: inline-block;
    background: #fff;
    border: 1px solid #c0c0c0;
}

.mg-trigger-icon img.img {
    -webkit-transition-duration: 1.5s;
         -o-transition-duration: 1.5s;
            transition-duration: 1.5s;
    -webkit-transition-property: -webkit-transform;
         -o-transition-property:      -o-transform;
            transition-property: -webkit-transform;
         -o-transition-property:         transform;
            transition-property:         transform;
            transition-property:         transform, -webkit-transform;
    background-color: transparent!important;
}
.mg-trigger:hover .mg-trigger-icon img.img {
    -webkit-transform: rotate(-360deg);
       -moz-transform: rotate(-360deg);
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
         -o-transform: rotate(-360deg);
}
.mg-cat-img {
    position: relative;
    display: -moz-flex;
    display:  -ms-flex;
    display:   -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display:      flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 25px;
    min-width: 25px;
    height: 25px;
    margin: 0 10px 0 5px;
    float: left;
}
.wrapper-mg-non-available > button.mg-non-available-button.mg-plugin-btn {
    font-size: 16px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    height: 40px;
    width: 100%;
    padding: 0 36px;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    -webkit-transition: color .3s, background .3s, box-shadow .3s;
    -webkit-transition: color .3s, background .3s, -webkit-box-shadow .3s;
            transition: color .3s, background .3s, -webkit-box-shadow .3s;
         -o-transition: color .3s, background .3s, box-shadow .3s;
            transition: color .3s, background .3s, box-shadow .3s;
            transition: color .3s, background .3s, box-shadow .3s, -webkit-box-shadow .3s;
    text-align: center;
    white-space: nowrap;
    color: #fff;
    border-radius: 30px;
    background: -webkit-gradient(linear, left top, right top, from(#000), to(#434343));
    background: -webkit-linear-gradient(left, #000, #434343);
    background:      -o-linear-gradient(left, #000, #434343);
    background:         linear-gradient(to right, #000, #434343);
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border: none;
    font-weight: normal;
    text-shadow: none;
}
.c-product__message {
    margin-bottom: 5px;
}
.c-product__row {
    margin-top: 0;
}
.wrapper-mg-non-available {
    margin: 5px 0;
}
.addToCart:hover,
.filter-btn:hover,
.default-btn:hover,
.product-info:hover,
.refreshFiltere:hover,
.c-buy__buttons > a:hover,
.mg-form-designer .default-btn:hover,
#treelike-comments form button.sendComment:hover,
.mg-send-booking-click-button.mg-booking-btn:hover,
a.mg-buy-click-button.mg-plugin-btn:hover,
.wrapper-modal-mg-buy-click .mg-action-buttons .mg-send-order-click-button :hover {
    background: #148C58;
    -webkit-transition: .3s;
         -o-transition: .3s;
            transition: .3s
}
.c-buy__buttons > a.addToCompare:hover {
    background: -webkit-linear-gradient(315deg, #4854a2, #772088);
    background:      -o-linear-gradient(315deg, #4854a2, #772088);
    background:         linear-gradient(135deg, #4854a2, #772088);
    color: #fff;
}
.st-error {
    font-size: 11px;
    color: rgb(169, 68, 66);
}

.bc-times {
    padding: 0 5px;
    color: #333;
}
.mg-price-buy-click {
    background-color: #fff;
    color: #333;
}
span.bc-times,
span.bc-count {
    color: #333;
}
.c-goods--list .wrapper-mg-buy-click {
    max-width: 100%;
    width: 100%;
}
.c-filter {
    cursor: pointer;
}
.more-agreement-data-container {
    height: 90vh
}
@media screen and (max-width: 768px) {
    .c-tab #treelike-comments .two-input .input-wrapper + .input-wrapper {
        margin-left: 0;
        padding-top: 10px;
    }
    #treelike-comments form button.sendComment {
        margin-bottom: 10px;
    }
}
.c-tab #treelike-comments form input[type='text'] {
    height: auto;
    background-color: #fff;
    border: 1px solid #dadada;
}
.c-tab #treelike-comments form input[type='text']:focus {
    border-color: #f39c12;
    -webkit-box-shadow: inset 0 0 0 1px #f39c12;
            box-shadow: inset 0 0 0 1px #f39c12;
}
.c-filter .ui-slider {
    width: calc(100% - 14px);
    margin: 0 auto;
    margin-top: 10px;
}
.agreement-container input,
.agreement-container span {
    height: 12px;
}
.cat-desc-img {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-shadow: none;
            box-shadow: none;
    height: 100%;
}
.brand-product-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
     -o-flex-wrap: wrap;
        flex-wrap: wrap;
    padding-top: 20px;
}
.brand-product-wrapper .product-wrapper {
    display: -moz-flex;
    display:  -ms-flex;
    display:   -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display:      flex;
    -moz-flex-direction: column;
     -ms-flex-direction: column;
      -o-flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
         flex-direction: column;
    -ms-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
        align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 25%;
    min-width: 260px;
    margin-bottom: 20px;
    padding: 10px;
    border-width: 1px;
    border-style: solid;
    border-color: rgb(218, 218, 218);
    -webkit-border-image: initial;
         -o-border-image: initial;
            border-image: initial;
}
.brand-product-wrapper .product-wrapper:last-child {
    margin-bottom: 0;
}
.brand-product-wrapper .product-wrapper .product-name {
    font-size: 18px;
    font-weight: 600;
    line-height: 1.2;
    text-align: center;
    margin: 10px 0;
}

.brand-product-wrapper .product-wrapper .product-price {
    font-size: 20px;
    color: rgb(205, 68, 73);
    margin: 10px 0;
}
.brand-product-wrapper  .color-block,
.brand-product-wrapper  .size-block {
    display: -moz-flex;
    display:  -ms-flex;
    display:   -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display:      flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
     -o-flex-wrap: wrap;
        flex-wrap: wrap;
    padding-top: 5px;
}
.c-variant__row:last-child {
    border-bottom: none;
}
@media screen and (max-width: 850px) {
    .brand-product-wrapper {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
    .brand-product-wrapper > .product-wrapper {
        border-right: none;
    }
    .brand-product-wrapper > .product-wrapper:nth-child(3n+3) {
        border-right: 1px solid rgb(218, 218, 218);
    }
}
@media screen and (max-width: 816px) {
    .brand-product-wrapper > .product-wrapper:nth-child(even) {
        border-right: 1px solid rgb(218, 218, 218);
    }
    .brand-product-wrapper > .product-wrapper:nth-child(3n+3) {
        border-right: none;
    }
}
@media screen and (max-width: 539px) {
    .brand-product-wrapper > .product-wrapper {
        border: 1px solid rgb(218, 218, 218);
    }
    .prop-string .prop-spec, .prop-string .prop-name {
        width: auto;
        max-width: 49%;
    }

}

.c-table__img img {
    height: 80px;
}
.c-nav__link--2.c-catalog__link--2 {
    pointer-events: all;
}
.mg-recently-viewed-plugin .mg-recently-title {
    display: none;
}

.mg-recently-viewed-plugin .product-wrapper {
    margin: 0;
    width: 263px;
}
.mg-recently-viewed .mg-recently-product-image a img {
    padding: 20px 10px;
    -webkit-box-shadow: -3px 7px 13px 0 rgba(0, 0, 0, .1);
            box-shadow: -3px 7px 13px 0 rgba(0, 0, 0, .1);
}
.mg-recently-viewed .addToCart.default-btn,
.mg-recently-viewed .product-info.default-btn {
    border: none;
    text-shadow: none;
    width: auto;
    text-transform: none;
}
.mg-recently-viewed-plugin .mg-recently-viewed .mg-recently-product-price {
    font-size: 20px;
    color: #cd4449;
    text-transform: none;
}

.maxCount {
    font-size: 11px;
    color: #c55959;
}
@media screen and (max-width: 500px) {
    .c-tab__nav {
        -ms-flex-wrap: wrap;
         -o-flex-wrap: wrap;
            flex-wrap: wrap;
    }
    .c-tab__nav > a {
        width: 100%;
    }
}
.prop-price {
    float: right;
}
.whole-info {
    margin-bottom: 25px;
    padding-top: 25px;
}
.whole-info .prop-item span {
    color: #000;
    background: #fff;
}
.prop-string .name-group {
    margin-top: 0;
}
.hidden {
    display: none;
}
.mg-pager > ul,
.main-product-slide {
    list-style: none;
}
.c-nav__level {
    position: relative;
}
.c-goods--list .color-block {
    display: -moz-flex;
    display:  -ms-flex;
    display:   -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display:      flex;
}
input.agreement-data-checkbox-send-ring-button {
    margin: 0;
    height: auto;
}
.content-modal-back-ring > label {
    margin-bottom: 15px;
    display: block;
}
.c-logo img {
    width: initial;
    max-width: 100%;
    height: auto;
    object-fit: scale-down;
}
ol li {
    list-style-type: decimal!important;
}
@media screen and (max-width: 1023px) {
    .filter-btn {
        padding: 0;
    }
    .filter-preview {
        min-width: 300px;
    }
    .c-filter__content {
        overflow: auto;
    }
}
.products-wrapper.brands .cat-desc {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;

}
.color-filter.disabled span.cbox:after {
    left: -2px;
    top: 47%;
    content: '';
    width: 117%;
    height: 1px;
    position: absolute;
    background: #000;
    -webkit-transform: rotate(40deg);
        -ms-transform: rotate(40deg);
            transform: rotate(40deg);
}
.color-filter.disabled span.cbox {
    position: relative;
}
li.color-filter.disabled {
    opacity: 1;
}
.payment-form-block a {
    color: #3c763d;
}
.c-history__download.download-link {
    width: 241px;
}
footer li,
.product-status-list li,
.create-user-account-form li,
.js_phoneDropdown li,
.js_mobileMenuDropdow,
.form-list li,
.sum-list li,
.total li,
.js_flyCart.js_flyCartShow li,
.mg-main-menu li,
.fast-result-list li,
.payment-details-list li,
.total-list li,
.sub-categories li,
.mg-filter-body li,
.product-status-list li,
.price-slider-list li,
.fast-result-list li,
.filter-values li,
.filter-tags li,
.small-cart-list li,
.total-sum li,
.cart-list li {
    list-style: none;
}
ul,
ol {
    margin: 0 0 15px 0;
    padding-left: 40px;
}
.product-status-list,
.create-user-account-form ul,
.js_phoneDropdown ul,
.js_mobileMenuDropdow,
.form-list,
.sum-list,
.total,
.js_flyCart.js_flyCartShow ul,
footer ul,
.c-cart__small--list.cart-list,
.main-product-slide,
.prop-string,
.c-nav__dropdown,
.mg-filter-item ul,
.small-cart-list,
.c-order__payment,
.price-slider-list,
.fast-result-list,
.payment-details-list,
.total-list,
.sub-categories,
.mg-filter-body,
.product-status-list,
.price-slider-list,
.fast-result-list,
.filter-values,
.filter-tags,
.small-cart-list,
.total-sum,
.cart-list {
    padding-left: 0;
}
.powered a {
    font-weight: 700;
}
.powered a .red {
    color: #d90707;
}
.fixed__body {
    overflow: hidden;
}

@media (max-width: 450px) {
    a.mg-buy-click-button.mg-plugin-btn {
        font-size: 13px;
    }
    .rating-wrapper {
        margin: 10px 0;
    }
}
.addressPartsTitle {
    padding-left: 20px;
    padding-bottom: 10px;
    display: none;
}
.addressPartsContainer {
    display: none;
}

@media (max-width: 340px) {
    .c-goods__trigger {
        max-width: 100%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    }
}
.product-details-block .default-btn.buy-product {
    margin-top: 10px;
}
.l-body__order .c-form .c-table {
    max-height: 300px;
    overflow-x: auto;
}
/* Избранное */
.mg-add-to-favorites,
.mg-remove-to-favorites {
    border: 1px solid #cfcfcf;
    border-bottom: 0;
    border-radius: 0;
    display: inline-block;
    font-size: 10px;
    font-weight: bold;
    padding: 4px 5px 4px 8px;
    letter-spacing: 1px;
    text-transform: uppercase;
    white-space: nowrap;
    margin-left: 5px;
    line-height: 17px;
    position: absolute;
    top: -26px;
    background: #f2f2f2;
    right: 0;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: .3s;
         -o-transition: .3s;
            transition: .3s;
    width: 125px;
}
.c-goods__item:hover .mg-add-to-favorites,
.c-goods__item:hover .mg-remove-to-favorites {
    opacity: 1;
    visibility: visible;
}
.mg-add-to-favorites svg,
.mg-remove-to-favorites svg {
    width: 15px;
    height: 15px;
    vertical-align: sub;
    margin-right: 4px;
    -webkit-transition: .3s;
         -o-transition: .3s;
            transition: .3s;
}
.mg-add-to-favorites svg,
.mg-remove-to-favorites:hover svg {
    stroke: #333;
    fill: #fff;
}
.mg-add-to-favorites:hover svg,
.mg-remove-to-favorites svg {
    stroke: #ffd325;
    fill: #ffc107;
}
.remove__hover {
    display: none;
    width: 87px;
    text-align: center;
}
.mg-remove-to-favorites--product .remove__hover {
    width: 102px;
}
.mg-remove-to-favorites:hover .remove__text {
    display: none;
}
.mg-remove-to-favorites:hover .remove__hover {
    display: inline-block;
}
.favourite {
    position: fixed;
    right: 0;
    bottom: 0;
    padding: 10px 20px;
    color: #fff;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: .3s;
         -o-transition: .3s;
            transition: .3s;
    z-index: 1;
    text-decoration: none;
    background: #5b3f97;
    font-weight: 100;
    font-size: 14px;
    letter-spacing: 1px;
}
.j-favourite--open {
    visibility: visible;
    opacity: .6;
    -webkit-animation-name: bounce;
            animation-name: bounce;
    -webkit-animation-duration: 1s;
            animation-duration: 1s;
    -webkit-animation-fill-mode: both;
            animation-fill-mode: both;
}
.j-favourite--open:hover {
    opacity: .9;
}
.mg-remove-to-favorites--product,
.mg-add-to-favorites--product {
    position: absolute;
    visibility: visible;
    opacity: 1;
    top: 5px;
    z-index: 51;
    border: 0;
    background: transparent;
    font-size: 12px;
    width: 145px;
}
.mg-remove-to-favorites--product svg,
.mg-add-to-favorites--product svg {
    vertical-align: bottom;
    width: 20px;
    height: 20px;
}
.c-images.mg-product-slides {
    position: relative;
}
.c-carousel--index .owl-stage-outer {
    padding-top: 26px;
}
@-webkit-keyframes bounce {
    0%,
    20%,
    50%,
    80%,
    100% {
        -webkit-transform: translateY(0);
    }
    40% {
        -webkit-transform: translateY(-30px);
    }
    60% {
        -webkit-transform: translateY(-15px);
    }
}
@keyframes bounce {
    0%,
    20%,
    50%,
    80%,
    100% {
        -webkit-transform: translateY(0);
                transform: translateY(0);
    }
    40% {
        -webkit-transform: translateY(-30px);
                transform: translateY(-30px);
    }
    60% {
        -webkit-transform: translateY(-15px);
                transform: translateY(-15px);
    }
}
.favourite__text svg {
    width: 20px;
    height: 20px;
    fill: #ffc107;
    vertical-align: text-bottom;
}
.c-carousel--index .c-carousel__title {
    margin-bottom: 0;
}
.products-wrapper.brands .c-goods__trigger {
    max-width: unset;
}
.mg-compare-products .mg-tooltip .mg-tooltip-content{
    position: absolute;
    z-index: 111;
    text-align: left;
    padding: 5px 8px;
    border-radius: 5px;
    background: #fff;
    top: 100%;
    left: 10px;

    color: #000;
    font-size: 12px;
    line-height: 19px;
    box-shadow: 0 1px 23px 1px rgba(0, 0, 0, 0.2), 0 2px 6px rgba(0, 0, 0, 0.15);
    white-space: normal;
    width: 200px;
}

.mg-compare-products .mg-tooltip:hover .mg-tooltip-content{
    display: block!important;
}

.mg-compare-products .mg-tooltip:hover{
    color: #9E9999;
    border: 1px solid #9E9999;
}

.mg-compare-products .mg-tooltip{
    display: inline-block;
    vertical-align: middle;
    padding: 0 0 0 0;
    width: 15px;
    height: 15px;
    border-radius: 100px;
    color: #1391C7;
    font-size: 9px;
    line-height: 14px;
    text-align: center;
    font-weight: normal;
    border: 1px solid #1391C7;
    cursor: pointer;
}
.c-compare__column {
    position: relative;
}
.mg-compare-fake-table-cell.with-tooltip .mg-tooltip {
    right: 5px;
    left: auto;
}

.mg-compare-fake-table-cell.with-tooltip .mg-tooltip {
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
}

.reviews__count {
    color: #999;
    font-weight: 400;
}
.flex100 {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 100%;
	flex: 0 0 100%;
}
.product-opfield__name {
	font-size: 16px;
	font-weight: 700;
	color: #333;
}
.c-order-field__title {
	font-weight: 700;
	margin: 10px 0 5px;
}
.user-field__title {
	margin-bottom: 5px;
	font-weight: 700;
}
form[action*="/order?creation=1"] .removeOrderFile {
    line-height: 0;
}
#treelike-comments ul li div, #treelike-comments ul li span, #treelike-comments ul li a {
    font-size: inherit;
    line-height: inherit;
}
.prop-string .prop-unit {
    padding-left: 5px;
}

/* Normal rating ----------------------------------> */
.rateit {
	margin-right: 5px;
}
.rateit button.rateit-reset {

}
.rateit .rateit-selected {
	background: url(../images/icons/star.png) left -24px;
}
.rateit .rateit-range {
	background: url(../images/icons/star.png);
    height: 12px;
}
.rateit .rateit-hover {
    background: url(../images/icons/star.png) left -12px;
}



/* Last posts -------------------------------------------> */
.last-posts {
    position: relative;
}
.last-posts__title {
    margin-bottom: 20px;
    line-height: 32px;
    font-weight: 500;
}
.post {}
.post__imagebox {
    display: block;
    margin-bottom: 20px;
}
.post__image {
    max-width: 100%;
    width: 100%;
}
.post__info {
    display: flex;
    margin-bottom: 10px;
}
.post__date {
    margin-right: 20px;
    font-size: 14px;
    line-height: 20px;
    color: #9e9e9e;
}
.post__category {
    font-size: 14px;
    line-height: 20px;
    color: #FF883E;
}
.post__category:hover {
    color: #E67A38;
    text-decoration: underline;
}
.post__title {
    margin-bottom: 10px;
}
.post__link {
    display: block;
    font-size: 16px;
    line-height: 24px;
    font-weight: 600;
    color: #212121;
}
.post__link:hover {
    color: #148C58;
}
.post__text {
    font-size: 14px;
    line-height: 24px;
    color: #424242;
}
@media (max-width: 768px) {
    .post {
        margin-bottom: 30px;
    }
    .last-posts .view-all {
        position: static;
        margin-left: 15px;
    }
}




/* Homepage description ---------------------------------> */
.home-description:before {
    content: '';
    display: block;
    height: 1px;
    width: 100%;
    margin-bottom: 60px;
    background: #eee;
}
.home-description h2 {
    margin-bottom: 15px;
}
.home-description p {
    font-size: 13px;
    color: #616161;
    line-height: 20px;
}





/* Subscribe --------------------------------------------> */
.subscribe {
    padding: 35px 0;
    text-align: center;
    background: url(../images/subscribe-bg.svg)no-repeat center center;
    background-size: cover;
    color: #fff;
}
.subscribe__title {
    display: block;
    margin-bottom: 10px;
    font-weight: 500;
    color: #fff;
}
.subscribe__text {
    font-size: 16px;
    margin-bottom: 15px;
}
.subscribe-form {
    position: relative;
}
.subscribe-form__input {
    display: block;
    padding: 16px 56px 16px 20px;
    width: 100%;
    font-size: 16px;
    line-height: 24px;
    border-radius: 28px;
}
.subscribe-form__button {
    display: inline-block;
    position: absolute;
    top: 3px;
    right: 3px;
    line-height: 24px;
    padding: 13px 20px;
    border-radius: 25px;
    background: #FF8935;
}
.subscribe-form__button:hover {
    background: #E67A38;
}
@media (max-width: 480px) {
    .subscribe-form__button {
        font-size: 0;
        width: 50px;
        height: 50px;
        border-radius: 25px;
        background: #FF8935 url(../images/icons/send-mail-white.svg)no-repeat center center;
        background-size: 50%;
    }
    .subscribe-form__button:hover {
        background: #E67A38 url(../images/icons/send-mail-white.svg)no-repeat center center;
        background-size: 50%;
    }
}


/* Footer -----------------------------------------------> */
.footer {
    padding: 60px 0;
}
.footer__logo {
    margin-bottom: 20px;
}
.footer__title {
    display: block;
    margin-bottom: 20px;
    font-size: 14px;
    line-height: 24px;
    font-weight: 600;
    color: #212121;
}
.footer__description p {
    font-size: 14px;
    line-height: 24px;
    color: #424242;
    margin-bottom: 20px;
}
.footer__social {
    margin-bottom: 20px;
}
.footer__block {
    padding-top: 21px;
}
.footer__block ul {
    margin: 0;
    padding: 0;
    flex-direction: column;
}
.footer__block ul li {
    margin: 0 0 16px 0;
    font-size: 13px;
    line-height: 16px;
    color: #424242;
}
.footer__block ul li a {
    display: block;
    color: #424242;
}
.footer__block ul li a:hover {
    color: #148C58;
}
@media (max-width: 1023px){
    .footer__top .row > div:first-child {
        order: 1;
        padding-top: 30px;
    }
    .footer__top .row > div:first-child:before {
        content: '';
        display: block;
        width: 100%;
        height: 1px;
        margin-bottom: 30px;
        border-top: 1px solid #eee;
    }
}
@media (max-width: 1200px){
    .footer {
        padding: 30px 0;
    }
}



/* Social -----------------------------------------------> */
.social {
}
.social__title {
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 15px;
}
.social__links {
    display: flex;
}
.social__link {
    margin-right: 20px;
    font-size: 13px;
    color: #424242;
}
.social__link:before {
    content: '';
    display: inline-block;
    vertical-align: middle;
    width: 32px;
    height: 32px;
    margin-right: 10px;
    border-radius: 16px;
}
.social__link-facebook:before {
    background: #3B5998 url(../images/icons/facebook-white.svg)no-repeat center center;
}
.social__link-instagram:before {
    background: #833AB4 url(../images/icons/instagram-white.svg)no-repeat center center;
}
.social__link:hover {
    color: #148C58;
}


/* Copyright --------------------------------------------> */
.copyright {
    font-size: 12px;
    line-height: 20px;
    color: #424242;
}
.copyright a:hover {
    color: #148C58;
    text-decoration: underline;
}


/* Other ------------------------------------------------> */
.owl-stage-outer {
    padding-left: 1px;
}
.owl-item .c-goods__title {
    max-height: 40px;
    overflow: hidden;
}
.owl-item:hover {
    position: relative;
    z-index: 2;
}
.owl-item .c-goods__footer .actionBuy {
    display: none !important;
}




/* All input style --------------------------------------->*/
.linear-form__row {
    position: relative;
    margin-bottom: 20px;
}
.linear-form__input {
	width: 100%;
	line-height: 20px;
	padding: 30px 0 10px 0;
	background: #fff;
	border: transparent;
	font-family: 'SF UI Text', sans-serif;
	font-size: 15px;
	border-radius: 0;
	border-bottom: 1px solid #eee;
	outline: none;
    transition: all 0.2s ease;
    color: #212121;
}
.linear-form__input:focus {
	background: #fff;
    color: #212121;
    border-bottom: 1px solid #169B62;
    transition: all 0.2s ease;
}
.linear-form__label {
    color: #999;
    font-size: 14px;
    font-weight: 800;
    position: absolute;
    pointer-events: none;
    left: 0px;
    top: 20px;
    transition: .2s ease all;
    -moz-transition: .2s ease all;
    -webkit-transition: .2s ease all;
    font-weight: normal;
}
.linear-form__input:focus ~ .linear-form__label,
.linear-form__input:valid ~ .linear-form__label {
    top: 10px;
    font-size: 12px;
}




/* Off canvas close btn */
.close-button {
    position: absolute;
    width: 40px;
    height: 40px;
    top: 0;
    right: 0;
    z-index: 2;
    background: url(../images/icons/close-black.svg)no-repeat center center;
}

/* Mobile menu ------------------------------------------> */
.offcanvas__content {
    padding: 20px;
}


/* Off Canvas catalog -----------------------------------> */
.offcanvas__catalog {
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 1px solid #eee;
}
.offcanvas__catalog nav {}
.offcanvas__catalog nav ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.offcanvas__catalog nav ul li {}
.offcanvas__catalog nav ul li a {
    position: relative;
    display: block;
    padding: 8px 0 !important;
    line-height: 24px;
    font-size: 15px;
}
.offcanvas__catalog .js-drilldown-back a {
    color: #169B62;
}
.offcanvas__catalog .main-nav__item a::after {
    right: 0;
}

/* Off canvas nav ---------------------------------------->*/
.offcanvas__nav {
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #eee;
}
.offcanvas__nav ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.offcanvas__nav ul li {
    margin-bottom: 16px;
}
.offcanvas__nav ul li:last-child {
    margin-bottom: 0;
}
.offcanvas__nav ul li a {
    display: block;
    line-height: 24px;
    font-size: 14px;
    color: #616161;
}

/* Offcanvas contacts -----------------------------------> */
.offcanvas-contacts {}
.offcanvas-contacts__title {
    margin-bottom: 5px;
    font-size: 14px;
    font-weight: 500;
    color: #212121;
}
.offcanvas-contacts__link {
    display: block;
    line-height: 24px;
    color: #424242;
    font-size: 14px;
}

/* Off Canvas auth --------------------------------------> */
.offcanvas .auth {
    border-left: 0;
    border-right: 0;
}
.offcanvas .auth__link {
    padding: 10px 0;
    margin-bottom: 20px;
    padding-bottom: 20px;
    color: #212121;
    border-bottom: 1px solid #eee;
}
.offcanvas .auth__link:before {
    background: url(../images/icons/auth-gray.svg)no-repeat center center;
}
.offcanvas .auth__link:hover {
    background: transparent;
    color: #212121;
}
.offcanvas .auth__link:hover + .auth__dropdown {
    display: none;
}



/* Sidebar nav ------------------------------------------> */
.sidebar__nav ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.sidebar__nav ul li {
    margin-bottom: 16px;
}
.sidebar__nav ul li a {
    position: relative;
    display: block;
    line-height: 24px;
    color: #424242;
}
.sidebar__nav ul li a:hover {
    color: #169B62;
}
.sidebar__nav ul li a:before {
    content: '';
    display: inline-block;
    width: 6px;
    height: 10px;
    margin-right: 10px;
    background: url(../images/icons/chevrone-right-gray.svg)no-repeat center center;
}
.sidebar__nav ul li a:hover:before {
    background: url(../images/icons/chevrone-right-green.svg)no-repeat center center;
}
@media (max-width: 639px) {
    .sidebar__nav {
        display: none;
    }
}


/* Properties -------------------------------------------->*/
.properties {
    max-width: 270px;
    list-style: none;
    margin: 0;
    padding: 0;
}
.properties__item {
    display: flex;
    margin-bottom: 10px;
    font-size: 13px;
    color: #212121;
}
.properties__name {
    width: 50%;
}
.properties__value {
    width: 50%;
}



/* PDW --------------------------------------------------> */
.pdw-info {
    padding: 24px;
    background: #F9F9F9;
}
.pdw-info__payment,
.pdw-info__delivery {
    margin-bottom: 20px;
}
.pdw-info__title {
    margin-bottom: 5px;
    line-height: 20px;
    font-weight: 500;
    color: #212121;
}
.pdw-info__title:before {
    content: '';
    display: inline-block;
    vertical-align: middle;
    height: 20px;
    width: 20px;
    margin-right: 5px;
}
.pdw-info__description {
    font-size: 13px;
    line-height: 20px;
    margin: 0;
}
.pdw-info__payment .pdw-info__title:before {
    background: url(../images/icons/payments-gray.svg)no-repeat left center;
}
.pdw-info__delivery .pdw-info__title:before {
    background: url(../images/icons/shipping-gray.svg)no-repeat left center;
}
.pdw-info__warranty .pdw-info__title:before {
    background: url(../images/icons/guarantee-gray.svg)no-repeat left center;
}
@media (max-width: 1023px){
    .pdw-info {
        display: flex;
        justify-content: space-between;
        margin-top: 30px;
        margin-bottom: 30px;
    }
    .pdw-info > div {
        width: 33%;
        padding-right: 10px;
    }
    .pdw-info > div:last-child {
        padding-right: 0;
    }
}
@media (max-width: 639px){
    .pdw-info {
        flex-wrap: wrap;
    }
    .pdw-info > div {
        width: 100%;
    }
}


/* Product page ------------------------------------------ */
.product .c-amount__up, .product .c-amount__down {
    width: 48px;
    height: 48px;
    border-radius: 24px;
}
.c-amount [type="text"] {
    width: 40px;
    height: 48px;
    line-height: 48px;
}
.product {}
.product__bar {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-bottom: 25px;
    padding-bottom: 25px;
    border-bottom: 1px solid #eee;
}
.product__ribbon {
    position: static;
    display: flex;
}
.product__ribbon > div {
    margin-right: 15px;
    margin-bottom: 0;
}
.product__ribbon > div:last-child {
    margin-right: 0;
}
.product__rating {
    display: flex;
    align-items: center;
    margin-right: 20px;
    line-height: 20px;
    font-size: 13px;
    color: #212121;
}
.product__rating .rating-wrapper {
    margin-right: 10px;
}
.product__code {
    margin-right: 20px;
    font-size: 13px;
    color: #212121;
}
.product__properties {
    margin-bottom: 30px;
}
.product__properties-title {
    margin-bottom: 15px;
    font-size: 17px;
    font-weight: 500;
    color: #212121;
}
.product__properties a {
    font-size: 13px;
}
.product__properties a:hover {
    text-decoration: underline;
}
@media (max-width: 639px) {
    .product__properties {
        display: none;
    }
}
.product__content {
    margin-top: 30px;
}








/* Cart page --------------------------------------------> */
.cart {}
.cart-wrapper {
    margin-bottom: 30px;
}
.cart-empty {
    padding-top: 30px;
    text-align: center;
}
.cart-empty__icon {
    width: 170px;
    height: 170px;
    margin: 0 auto 20px;
    border-radius: 100%;
    background: #f9f9f9 url(../images/icons/cart-large-orange.svg)no-repeat center center; 
}
.cart-empty__title {
    font-size: 28px;
    font-weight: 500;
    margin-bottom: 16px;
    color: #212121;
}
.cart-empty__text {
    margin-bottom: 16px;
    font-size: 15px;
    color: #424242;
}                           

.cart table td {
    padding: 20px;
}

.c-table__img {
    width: 130px;
}
.c-table__img a {
    display: block;
}
.c-table__name {
    width: 300px;
}
.c-table__name a {
    display: block;
    font-size: 16px;
    line-height: 20px;
    font-weight: 400;
    color: #212121;
}
.cart-form__delete {
    color: #FF3E3E;
}
.small-cart__title {
    font-weight: 500;
    margin-bottom: 20px;
    font-size: 20px;
    color: #212121;
}
.deleteItemFromCart:before {
    content: '';
    display: block;
    width: 14px;
    height: 14px;
    background: url(../images/icons/close-black.svg)no-repeat center center;
    background-size: 60%;
    transition: all 0.2s linear;
}
.deleteItemFromCart:hover:before {
    transform: rotate(90deg);
    transition: all 0.2s linear;
}
.cart .deleteItemFromCart:before {
    content: none;
}
.cart .c-amount {
    margin: 0;
}
.small-cart .c-table__name a {
    font-size: 14px;
}

@media (max-width: 639px){
    .cart-empty {
        padding-top: 20px;
    }
    .cart table td {
        padding: 5px 10px;
    }
    .cart-form {
        margin-bottom: 30px;
    }
}


/* Checkout page ----------------------------------------> */


/* Group page -------------------------------------------> */
.group .c-goods__item {
    width: 25%;
}
@media (max-width: 1023px) {
    .group .c-goods__item {
        width: 33.33%;
    }
}
@media (max-width: 639px) {
    .group .c-goods__item {
        width: 50%;
    }
}

/* Search page -------------------------------------------> */
.search .c-goods__item {
    width: 25%;
}
@media (max-width: 1023px) {
    .search .c-goods__item {
        width: 33.33%;
    }
}
@media (max-width: 639px) {
    .search .c-goods__item {
        width: 50%;
    }
}




/* Enter, Registration, Forgot password, pages ----------> */
.registration,
.enter,
.forgotpass {
    padding-top: 30px;
    text-align: center;
}
.success-registration__icon {
    width: 45px;
    height: 45px;
    margin: 0 auto 20px;
    background: url(../images/icons/success-check-green.svg)no-repeat center center;
}
.success-registration__title {
    margin-bottom: 16px;
    font-size: 28px;
    font-weight: 500;
    line-height: 1.25;
    color: #212121;
}
.success-registration__text {
    font-size: 15px;
}
@media (max-width: 639px) {
    .registration,
    .enter,
    .forgotpass {
        padding-top: 0;
        text-align: center;
    }
}





/* Blog page --------------------------------------------->*/
.blog {}
.blog .page__title {
    margin-bottom: 30px;
}
.blog__list .post {
    margin-bottom: 40px;
}
.blog .pagination {
    margin: 0;
    padding: 24px 0 0 0;
    border-bottom: 0;
    border-top: 1px solid rgb(238, 238, 238);
}
.blog-category {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    margin: 0 0 30px 0;
    padding: 0 0 30px 0;
    list-style: none;
    border-bottom: 2px solid #E9E9E9;
}
.blog-category__item {}
.blog-category__link {
    display: block;
    padding: 0 30px;
    font-size: 14px;
    font-weight: 500;
    line-height: 24px;
    color: #212121;
}
.blog-category__item:first-child .blog-category__link {
    padding-left: 0;
}
.blog-category__item:last-child .blog-category__link {
    padding-right: 0;
}
@media (max-width: 639px) {
    .blog-category {
        flex-direction: column;
    }
    .blog-category__link {
        padding-left: 0;
    }
}
.article__title {
    margin-top: 15px;
}
.article__info {
    display: flex;
    justify-content: center;
    line-height: 24px;
    margin-bottom: 30px;
}
.article__date {
    margin-right: 20px;
    font-size: 14px;
    line-height: 20px;
    color: #9e9e9e;
}
.article__category {
    font-size: 14px;
    line-height: 20px;
    color: #FF883E;
}
.article__imagebox {
    margin-bottom: 30px;
}
.article__image {
    max-width: 100%;
    width: 100%;
}
.article__description {
    padding-bottom: 40px;
    margin-bottom: 40px;
    border-bottom: 1px solid #e9e9e9;
}
.article__description p {
    font-size: 15px;
    margin-bottom: 15px;
}
.article__description h2 {
    margin-bottom: 15px;
    margin-top: 15px;
}
.article-related__title {
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 20px;
}


/* Tabs */
.c-tab__link {
    color: #212121; 
}



/* Order page */
.order-cart {
    position: relative;
}
.order-cart__maintitle {
    font-weight: 600;
}
.order-cart__back {
    position: absolute;
    top: 4px;
    right: 0;
    font-size: 13px;
}
.order-cart__back:hover {
    text-decoration: underline;
}
.order-cart__list {
    padding-top: 30px;
}
.order-cart__item {
    display: flex;
    align-items: center;
    padding-bottom: 15px;
    margin-bottom: 15px;
    border-bottom: 1px solid #eee;
}
.order-cart__imagebox {
    flex: 0 0 88px;
    height: 88px;
    text-align: center;
    padding: 5px;
}
.order-cart__title {
    display: block;
    margin-bottom: 5px;
    font-size: 14px;
    font-weight: 500;
    line-height: 18px;
    color: #212121;
}
.order-cart__cost {
    font-size: 13px;
    line-height: 18px;
    color: #9E9E9E
}

.order-contacts__title {
    margin-bottom: 20px;
}



.order-contacts .linear-form__row {
    width: 50%;
}

.c-filter a.mg-viewfilter {
	text-align: left;
}