/* Slider */
.slick-slider {
    position: relative;

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

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

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

.slick-list {
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}

.slick-list:focus {
    outline: none;
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.slick-track {
    position: relative;
    top: 0;
    left: 0;

    display: block;
}

.slick-track:before,
.slick-track:after {
    display: table;

    content: '';
}

.slick-track:after {
    clear: both;
}

.slick-loading .slick-track {
    visibility: hidden;
}

.slick-slide {
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}

[dir='rtl'] .slick-slide {
    float: right;
}

.slick-slide img {
    display: block;
}

.slick-slide.slick-loading img {
    display: none;
}

.slick-slide.dragging img {
    pointer-events: none;
}

.slick-initialized .slick-slide {
    display: block;
}

.slick-loading .slick-slide {
    visibility: hidden;
}

.slick-vertical .slick-slide {
    display: block;

    height: auto;

    border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
    display: none;
}

@charset "UTF-8";
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: top;
    background: transparent;
}

body {
    line-height: 1;
}

ol, ul {
    list-style: none;
}

blockquote, q {
    quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
}

/* remember to define focus styles! */
*:focus {
    outline: 0;
}

/* tables still need 'cellspacing="0"' in the markup */
.main-showroom, .about-baner__quote {
    font-size: 0;
}

.main-showroom:before, .about-baner__quote:before {
    content: "";
    display: inline-block;
    min-height: inherit;
    height: 100%;
    width: 0;
    vertical-align: middle;
}

.side-menu__close, .windows-banner__close {
    position: absolute;
    cursor: pointer;
    top: 0;
    right: 0;
    width: 30px;
    height: 30px;
}

.side-menu__close:before, .windows-banner__close:before {
    content: '';
    position: absolute;
    top: 14px;
    left: 6px;
    width: 18px;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    border-bottom: 2px solid #ff8282;
}

.side-menu__close:after, .windows-banner__close:after {
    content: '';
    position: absolute;
    top: 14px;
    left: 6px;
    width: 18px;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    border-bottom: 2px solid #ff8282;
}

.side-menu__close:hover:before, .windows-banner__close:hover:before, .side-menu__close:hover:after, .windows-banner__close:hover:after {
    border-bottom-color: #fe5858;
}

.page__title, .b-content h1 {
    font-size: 60px;
    font-weight: 100;
    line-height: 1;
    margin-bottom: 20px;
}

.page__text {
    font-size: 20px;
    font-weight: 300;
    line-height: 1.2;
    color: #414141;
    margin-bottom: 20px;
}

@media (max-width: 1199px) {
    .page__title {
        font-size: 42px;
    }

    .page__text {
        font-size: 18px;
    }
}

@media (max-width: 767px) {
    .page__title {
        font-size: 32px;
    }

    .page__text {
        font-size: 16px;
    }
}

.block__title {
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 30px;
}

@media (max-width: 1199px) {
    .block__title {
        font-size: 18px;
    }
}

@media (max-width: 767px) {
    .block__title {
        font-size: 16px;
    }
}

/* Base Styles
–––––––––––––––––––––––––––––––––––––––––––––––––– */
/* NOTE
html is set to 62.5% so that all the REM measurements throughout Skeleton
are based on 10px sizing. So basically 1.5rem = 15px :) */
html {
    font-size: 62.5%;
}

body {
    font-size: 1.5em;
    /* currently ems cause chrome bug misinterpreting rems on body element */
    line-height: 1.2;
    font-family: "Roboto", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #000;
}

/* Grid
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.container {
    width: 100%;
    max-width: 1170px;
    margin: 0 auto;
    padding: 0 15px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.column,
.columns {
    width: 100%;
    float: left;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

@media (min-width: 768px) {
    .column,
    .columns {
        margin-left: 3%;
    }

    .column:first-child,
    .columns:first-child {
        margin-left: 0;
    }

    .one.column,
    .one.columns {
        width: 5.58333%;
    }

    .two.columns {
        width: 14.16667%;
    }

    .three.columns {
        width: 22.75%;
    }

    .three.columns:nth-child(4n-3) {
        margin-left: 0;
    }

    .four.columns {
        width: 31.33333%;
    }

    .four.columns:nth-child(3n-2) {
        margin-left: 0;
    }

    .five.columns {
        width: 39.91667%;
    }

    .six.columns {
        width: 48.5%;
    }

    .six.columns:nth-child(2n-1) {
        margin-left: 0;
    }

    .seven.columns {
        width: 57.08333%;
    }
    .four.columns.nothree {
        width: 23%;
    }
    .eight.columns {
        width: 65.66667%;
    }

    .nine.columns {
        width: 74.25%;
    }

    .ten.columns {
        width: 82.83333%;
    }

    .eleven.columns {
        width: 91.41667%;
    }

    .twelve.columns {
        width: 100%;
        margin-left: 0;
    }

    .one-third.column {
        width: 31.33333%;
    }

    .two-thirds.column {
        width: 65.66667%;
    }

    .one-half.column {
        width: 48.5%;
    }

    .offset-by-one.column,
    .offset-by-one.columns {
        margin-left: 8.58333%;
    }

    .offset-by-two.column,
    .offset-by-two.columns {
        margin-left: 17.16667%;
    }

    .offset-by-three.column,
    .offset-by-three.columns {
        margin-left: 25.75%;
    }

    .offset-by-four.column,
    .offset-by-four.columns {
        margin-left: 34.33333%;
    }

    .offset-by-five.column,
    .offset-by-five.columns {
        margin-left: 42.91667%;
    }

    .offset-by-six.column,
    .offset-by-six.columns {
        margin-left: 51.5%;
    }

    .offset-by-seven.column,
    .offset-by-seven.columns {
        margin-left: 60.08333%;
    }

    .offset-by-eight.column,
    .offset-by-eight.columns {
        margin-left: 68.66667%;
    }

    .offset-by-nine.column,
    .offset-by-nine.columns {
        margin-left: 77.25%;
    }

    .offset-by-ten.column,
    .offset-by-ten.columns {
        margin-left: 85.83333%;
    }

    .offset-by-eleven.column,
    .offset-by-eleven.columns {
        margin-left: 94.41667%;
    }

    .offset-by-one-third.column,
    .offset-by-one-third.columns {
        margin-left: 34.33333%;
    }

    .offset-by-two-thirds.column,
    .offset-by-two-thirds.columns {
        margin-left: 68.66667%;
    }

    .offset-by-one-half.column,
    .offset-by-one-half.column {
        margin-left: 51.5%;
    }
}

.container:after,
.row:after {
    content: "";
    display: table;
    clear: both;
}

/*=== all style ===*/
* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

*::-moz-selection {
    background: #9caebd;
}

*::selection {
    background: #9caebd;
}

.clearfix:before, .square:before, .example:before, .review:before, .view:before, .certif__row:before, .certif__item:before, .b-news:before,
.clearfix:after,
.square:after,
.example:after,
.review:after,
.view:after,
.certif__row:after,
.certif__item:after,
.b-news:after {
    content: " ";
    display: table;
}

.clearfix:after, .square:after, .example:after, .review:after, .view:after, .certif__row:after, .certif__item:after, .b-news:after {
    clear: both;
}

*:before,
*:after {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

textarea,
button,
input {
    border: 0;
    border-radius: 0;
    font-family: inherit;
}

textarea {
    resize: none;
}

a {
    color: #000;
    text-decoration: none;
    -webkit-transition: color, border-color 0.3s;
    transition: color, border-color 0.3s;
}

.content {
    position: relative;
}

[type="submit"] {
    cursor: pointer;
}

.video {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
}

.video iframe,
.video object,
.video embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.img {
    display: inline-block;
    max-width: 100%;
    width: auto;
    max-height: 100%;
    height: auto;
}

.overlay {
    display: none;
    content: '';
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7);
    z-index: 9;
}

h2 {
    font-size: 18px;
}

.b-content p {
    line-height: 1.7;
    padding-bottom: 15px;
}

.b-text:after {
    content: "";
    display: table;
    clear: both;
}

.b-text a {
    color: #4d8acb;
    text-decoration: underline;
}

.b-text p, .b-content p {
    color: #414141;
    text-align: justify;
}

p.about-baner__text {
    text-align: left;
}

.b-text p:last-child {
    margin-bottom: 0;
}

.b-text p span, .b-content p span {
    display: inline-block;
    text-indent: 30px;
}

.b-text ul, .b-content ul:not(.side-submenu):not(.side-menu) {
    color: #787878;
    list-style-type: disc;
    padding-left: 20px;
    line-height: 1.7;
}

.b-text img {
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
}

.b-text img[align="left"] {
    display: block;
    float: left;
    margin: 0 30px 20px 0;
}

.b-text img[align="right"] {
    display: block;
    float: right;
    margin: 0 0 20px 30px;
}

@media (max-width: 1199px) {
    .b-text {
        line-height: 1.7;
    }

    .b-text p {
        font-size: 14px;
    }
}

@media (max-width: 767px) {
    .b-text img {
        width: auto !important;
    }

    .b-text img[align="left"],
    .b-text img[align="right"] {
        float: none;
        margin: 0 0 20px 0;
    }
}

.btn {
    display: inline-block;
    padding: 7px 20px;
    border-width: 2px;
    border-style: solid;
    background-color: white;
    font-size: 15px;
    text-align: center;
    cursor: pointer;
    -webkit-transition: color, background-color 0.3s;
    transition: color, background-color 0.3s;
}

.btn:hover {
    color: #fff;
}

.btn_red {
    border-color: #ff8282;
}

.btn_red:hover {
    background-color: #ff8282;
}

.btn_blue {
    border-color: #2bbfc9;
}

.btn_blue:hover {
    background-color: #2bbfc9;
}

.btn_invert {
    background-color: transparent;
    border-color: white;
    color: #fff;
    padding: 7px 45px;
}

.btn_invert:hover {
    background-color: white;
    color: #2e4254;
}

.btn_grey {
    border-color: #dddddd;
    color: #000;
    -webkit-transition: border-color, color 0.3s;
    transition: border-color, color 0.3s;
}

.btn_grey:hover, .btn_grey.active {
    border-color: #2e4254;
    color: black;
}

@font-face {
    font-family: 'Roboto';
    src: url("robotothin.woff2") format("woff2"), url("robotothin.woff") format("woff"), url("robotothin.ttf") format("truetype");
    font-weight: 100;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto';
    src: url("robotolight.woff2") format("woff2"), url("robotolight.woff") format("woff"), url("robotolight.ttf") format("truetype");
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto';
    src: url("roboto.woff2") format("woff2"), url("roboto.woff") format("woff"), url("roboto.ttf") format("truetype");
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto';
    src: url("robotomedium.woff2") format("woff2"), url("robotomedium.woff") format("woff"), url("robotomedium.ttf") format("truetype");
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto';
    src: url("robotobold.woff2") format("woff2"), url("robotobold.woff") format("woff"), url("robotobold.ttf") format("truetype");
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto';
    src: url("robotoblack.woff2") format("woff2"), url("robotoblack.woff") format("woff"), url("robotoblack.ttf") format("truetype");
    font-weight: 900;
    font-style: normal;
}

/* Slider */
.slick-slider {
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
}

.slick-list:focus {
    outline: none;
}

.slick-list.dragging {
    cursor: pointer;
    cursor: help;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block;
}

.slick-track:before,
.slick-track:after {
    display: table;
    content: '';
}

.slick-track:after {
    clear: both;
}

.slick-loading .slick-track {
    visibility: hidden;
}

.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;
}

[dir='rtl'] .slick-slide {
    float: right;
}

.slick-slide img {
    display: block;
}

.slick-slide.slick-loading img {
    display: none;
}

.slick-slide.dragging img {
    pointer-events: none;
}

.slick-initialized .slick-slide {
    display: block;
}

.slick-loading .slick-slide {
    visibility: hidden;
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
    display: none;
}

.slick-dots li {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin: 0 5px;
    padding: 0;
    cursor: pointer;
}

.slick-dots li.slick-active button {
    background-color: transparent;
    border-color: #fff;
    width: 17px;
    height: 17px;
}

.slick-dots li button {
    -webkit-box-sizing: inherit;
    box-sizing: inherit;
    font-size: 0;
    line-height: 0;
    display: block;
    width: 15px;
    height: 15px;
    padding: 0;
    cursor: pointer;
    color: transparent;
    outline: none;
    border-width: 2px;
    border-color: transparent;
    border-style: solid;
    border-radius: 50%;
    background-color: #fff;
}

.slick-prev,
.slick-next {
    position: absolute;
    top: 0;
    display: block;
    height: 40px;
    width: 40px;
    font-size: 0px;
    cursor: pointer;
    color: transparent;
    padding: 0;
    border: none;
    outline: none;
    z-index: 1;
}

.slick-prev {
    left: 0;
    background: -webkit-gradient(linear, left top, right top, from(#2e4254), to(rgba(46, 66, 84, 0.5)));
    background: -webkit-linear-gradient(left, #2e4254 0%, rgba(46, 66, 84, 0.5) 100%);
    background: linear-gradient(to right, #2e4254 0%, rgba(46, 66, 84, 0.5) 100%);
}

.slick-prev:before {
    background-image: url("data:image/svg+xml,%3Csvg height='24' viewBox='-293 385 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23fff' d='M-279,403l1.41-1.41l-4.58-4.59l4.58-4.59L-279,391l-6,6L-279,403z'/%3E%3Cpath d='M-269,409h-24v-24h24V409z' fill='none'/%3E%3C/svg%3E");
}

.slick-next {
    right: 0;
    background: -webkit-gradient(linear, right top, left top, from(#2e4254), to(rgba(46, 66, 84, 0.5)));
    background: -webkit-linear-gradient(right, #2e4254 0%, rgba(46, 66, 84, 0.5) 100%);
    background: linear-gradient(to left, #2e4254 0%, rgba(46, 66, 84, 0.5) 100%);
}

.slick-next:before {
    background-image: url("data:image/svg+xml,%3Csvg height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23fff' d='M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z'/%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3C/svg%3E");
}

.slick-prev:before,
.slick-next:before {
    content: '';
    width: 40px;
    height: 40px;
    position: absolute;
    top: 0;
    left: 0;
    background-repeat: no-repeat;
    background-position: 50% 50%;
}

/* --- EASYDROPDOWN DEFAULT THEME --- */
/* PREFIXED CSS */
.dropdown,
.dropdown div,
.dropdown li,
.dropdown div::after {
    -webkit-transition: all 150ms ease-in-out;
    transition: all 150ms ease-in-out;
}

.dropdown .selected::after,
.dropdown.scrollable div::after {
    -webkit-pointer-events: none;
    -moz-pointer-events: none;
    -ms-pointer-events: none;
    pointer-events: none;
}

/* WRAPPER */
.dropdown {
    color: inherit;
    font: inherit;
    background-color: transparent;
    border: none;
    border-bottom: 1px solid #e9e9e9;
    border-radius: 0;
    outline: none;
    height: 3rem;
    width: 100%;
    font-size: 1.4rem;
    margin: 0 0 3rem 0;
    padding: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.dropdown.open {
    z-index: 2;
}

.dropdown.err {
    border-bottom: 1px solid #ff5151;
    -webkit-box-shadow: 0 1px 0 0 #ff5151;
    box-shadow: 0 1px 0 0 #ff5151;
}

/* CARAT */
.dropdown .carat {
    position: absolute;
    right: 12px;
    margin-top: -10px;
    border: 4px solid transparent;
    border-top: 8px solid #000;
}

.dropdown.open .carat {
    margin-top: -18px;
    border-top: 6px solid transparent;
    border-bottom: 8px solid #000;
}

.dropdown.disabled .carat {
    border-top-color: #999;
}

/* OLD SELECT (HIDDEN) */
.dropdown .old {
    position: absolute;
    left: 0;
    top: 0;
    height: 0;
    width: 0;
    overflow: hidden;
}

.dropdown select {
    position: absolute;
    left: 0px;
    top: 0px;
}

.dropdown.touch .old {
    width: 100%;
    height: 100%;
}

.dropdown.touch select {
    width: 100%;
    height: 100%;
    opacity: 0;
}

/* SELECTED FEEDBACK ITEM */
.dropdown .selected,
.dropdown li {
    display: block;
    text-align: left;
    margin-bottom: 0;
}

.dropdown.disabled .selected {
    color: #999;
}

/* DROP DOWN WRAPPER */
.dropdown div {
    position: absolute;
    height: 0;
    left: -1px;
    right: -1px;
    top: 0;
    margin-top: -1px;
    background: #fff;
    -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    overflow: hidden;
    opacity: 0;
}

/* Height is adjusted by JS on open */
.dropdown.open div {
    opacity: 1;
    z-index: 2;
}

/* FADE OVERLAY FOR SCROLLING LISTS */
.dropdown.scrollable div::after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 50px;
    -webkit-box-shadow: inset 0 -50px 30px -35px #fff;
    box-shadow: inset 0 -50px 30px -35px #fff;
}

.dropdown.scrollable.bottom div::after {
    opacity: 0;
}

/* DROP DOWN LIST */
.dropdown ul {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    list-style: none;
    overflow: hidden;
}

.dropdown.scrollable.open ul {
    overflow-y: auto;
}

/* DROP DOWN LIST ITEMS */
.dropdown li {
    list-style: none;
    padding: 8px 12px;
}

/* .focus class is also added on hover */
.dropdown li.focus {
    background: inherit;
    position: relative;
    z-index: 3;
}

.dropdown li.active {
    font-weight: 700;
}

/*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp {
    padding: 0;
    margin: 0;
    border: 0;
    outline: none;
    vertical-align: top;
}

.fancybox-wrap {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 8020;
}

.fancybox-opened {
    z-index: 8030;
}

.fancybox-outer,
.fancybox-inner {
    position: relative;
}

.fancybox-inner {
    overflow: hidden;
}

.fancybox-type-iframe .fancybox-inner {
    -webkit-overflow-scrolling: touch;
}

.fancybox-error {
    color: #444;
    font: 14px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;
    margin: 0;
    padding: 15px;
    white-space: nowrap;
}

.fancybox-image,
.fancybox-iframe {
    display: block;
    width: 100%;
    height: 100%;
}

.fancybox-image {
    max-width: 100%;
    max-height: 100%;
}

#fancybox-loading,
.fancybox-prev span,
.fancybox-next span {
    background-image: url("./img/fancybox_sprite.png");
}

#fancybox-loading {
    position: fixed;
    top: 50%;
    left: 50%;
    margin-top: -22px;
    margin-left: -22px;
    background-position: 0 -108px;
    opacity: 0.8;
    cursor: pointer;
    z-index: 8060;
}

#fancybox-loading div {
    width: 44px;
    height: 44px;
    background: url("./img/fancybox_loading.gif") center center no-repeat;
}

.fancybox-close {
    position: absolute;
    cursor: pointer;
    z-index: 9999;
    top: 15px;
    right: -25px;
    width: 30px;
    height: 30px;
    background-color: #fff;
}

.fancybox-close:before {
    content: '';
    position: absolute;
    top: 14px;
    left: 6px;
    width: 18px;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    border-bottom: 2px solid #ff8282;
}

.fancybox-close:after {
    content: '';
    position: absolute;
    top: 14px;
    left: 6px;
    width: 18px;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    border-bottom: 2px solid #ff8282;
}

.fancybox-close:hover:before, .fancybox-close:hover:after {
    border-bottom-color: #fe5858;
}

@media (max-width: 767px) {
    .fancybox-close {
        top: -25px;
        right: 15px;
    }
}

.fancybox-nav {
    position: absolute;
    top: 0;
    width: 40%;
    height: 100%;
    cursor: pointer;
    text-decoration: none;
    background: transparent url("./img/blank.gif");
    /* helps IE */
    -webkit-tap-highlight-color: transparent;
    z-index: 8040;
}

.fancybox-prev {
    left: 0;
}

.fancybox-next {
    right: 0;
}

.fancybox-nav span {
    position: absolute;
    top: 50%;
    width: 36px;
    height: 34px;
    margin-top: -18px;
    cursor: pointer;
    z-index: 8040;
    visibility: hidden;
}

.fancybox-prev span {
    left: 10px;
    background-position: 0 -36px;
}

.fancybox-next span {
    right: 10px;
    background-position: 0 -72px;
}

.fancybox-nav:hover span {
    visibility: visible;
}

.fancybox-tmp {
    position: absolute;
    top: -99999px;
    left: -99999px;
    visibility: hidden;
    max-width: 99999px;
    max-height: 99999px;
    overflow: visible !important;
}

/* Overlay helper */
.fancybox-lock {
    overflow: hidden !important;
    width: auto;
}

.fancybox-lock body {
    overflow: hidden !important;
}

.fancybox-lock-test {
    overflow-y: hidden !important;
}

.fancybox-overlay {
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    display: none;
    z-index: 8010;
    background-color: rgba(0, 0, 0, 0.6);
}

.fancybox-overlay-fixed {
    position: fixed;
    bottom: 0;
    right: 0;
}

.fancybox-lock .fancybox-overlay {
    overflow: auto;
    overflow-y: scroll;
}

/* Title helper */
.fancybox-title {
    visibility: hidden;
    font: normal 13px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;
    position: relative;
    text-shadow: none;
    z-index: 8050;
}

.fancybox-opened .fancybox-title {
    visibility: visible;
}

.fancybox-title-float-wrap {
    position: absolute;
    bottom: 0;
    right: 50%;
    margin-bottom: -35px;
    z-index: 8050;
    text-align: center;
}

.fancybox-title-float-wrap .child {
    display: inline-block;
    margin-right: -100%;
    padding: 2px 20px;
    background: transparent;
    /* Fallback for web browsers that doesn't support RGBa */
    background: rgba(0, 0, 0, 0.8);
    border-radius: 15px;
    text-shadow: 0 1px 2px #222;
    color: #FFF;
    font-weight: bold;
    line-height: 24px;
    white-space: nowrap;
}

.fancybox-title-outside-wrap {
    position: relative;
    margin-top: 10px;
    color: #fff;
}

.fancybox-title-inside-wrap {
    padding-top: 10px;
}

.fancybox-title-over-wrap {
    position: absolute;
    bottom: 0;
    left: 0;
    color: #fff;
    padding: 10px;
    background: #000;
    background: rgba(0, 0, 0, 0.8);
}

/*Retina graphics!*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
    #fancybox-loading,
    .fancybox-prev span,
    .fancybox-next span {
        background-image: url("./img/fancybox_sprite@2x.png");
        background-size: 44px 152px;
        /*The size of the normal image, half the size of the hi-res image*/
    }

    #fancybox-loading div {
        background-image: url("./img/fancybox_loading@2x.gif");
        background-size: 24px 24px;
        /*The size of the normal image, half the size of the hi-res image*/
    }
}

/*!
 * animate.css -http://daneden.me/animate
 * Version - 3.5.1
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2016 Daniel Eden
 */
.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-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    40%, 43% {
        -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        -webkit-transform: translate3d(0, -30px, 0);
        transform: translate3d(0, -30px, 0);
    }
    70% {
        -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        -webkit-transform: translate3d(0, -15px, 0);
        transform: translate3d(0, -15px, 0);
    }
    90% {
        -webkit-transform: translate3d(0, -4px, 0);
        transform: translate3d(0, -4px, 0);
    }
}

@keyframes bounce {
    from, 20%, 53%, 80%, to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    40%, 43% {
        -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        -webkit-transform: translate3d(0, -30px, 0);
        transform: translate3d(0, -30px, 0);
    }
    70% {
        -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        -webkit-transform: translate3d(0, -15px, 0);
        transform: translate3d(0, -15px, 0);
    }
    90% {
        -webkit-transform: translate3d(0, -4px, 0);
        transform: translate3d(0, -4px, 0);
    }
}

.bounce {
    -webkit-animation-name: bounce;
    animation-name: bounce;
    -webkit-transform-origin: center bottom;
    -ms-transform-origin: center bottom;
    transform-origin: center bottom;
}

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

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-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, 0.75, 1);
        transform: scale3d(1.25, 0.75, 1);
    }
    40% {
        -webkit-transform: scale3d(0.75, 1.25, 1);
        transform: scale3d(0.75, 1.25, 1);
    }
    50% {
        -webkit-transform: scale3d(1.15, 0.85, 1);
        transform: scale3d(1.15, 0.85, 1);
    }
    65% {
        -webkit-transform: scale3d(0.95, 1.05, 1);
        transform: scale3d(0.95, 1.05, 1);
    }
    75% {
        -webkit-transform: scale3d(1.05, 0.95, 1);
        transform: scale3d(1.05, 0.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, 0.75, 1);
        transform: scale3d(1.25, 0.75, 1);
    }
    40% {
        -webkit-transform: scale3d(0.75, 1.25, 1);
        transform: scale3d(0.75, 1.25, 1);
    }
    50% {
        -webkit-transform: scale3d(1.15, 0.85, 1);
        transform: scale3d(1.15, 0.85, 1);
    }
    65% {
        -webkit-transform: scale3d(0.95, 1.05, 1);
        transform: scale3d(0.95, 1.05, 1);
    }
    75% {
        -webkit-transform: scale3d(1.05, 0.95, 1);
        transform: scale3d(1.05, 0.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-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-name: headShake;
    animation-name: headShake;
}

@-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(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(0.9, 0.9, 0.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(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(0.9, 0.9, 0.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;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-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(-0.78125deg) skewY(-0.78125deg);
        transform: skewX(-0.78125deg) skewY(-0.78125deg);
    }
    77.7% {
        -webkit-transform: skewX(0.39063deg) skewY(0.39063deg);
        transform: skewX(0.39063deg) skewY(0.39063deg);
    }
    88.8% {
        -webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg);
        transform: skewX(-0.19531deg) skewY(-0.19531deg);
    }
}

@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(-0.78125deg) skewY(-0.78125deg);
        transform: skewX(-0.78125deg) skewY(-0.78125deg);
    }
    77.7% {
        -webkit-transform: skewX(0.39063deg) skewY(0.39063deg);
        transform: skewX(0.39063deg) skewY(0.39063deg);
    }
    88.8% {
        -webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg);
        transform: skewX(-0.19531deg) skewY(-0.19531deg);
    }
}

.jello {
    -webkit-animation-name: jello;
    animation-name: jello;
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;
}

@-webkit-keyframes bounceIn {
    from, 20%, 40%, 60%, 80%, to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }
    20% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1);
    }
    40% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9);
        transform: scale3d(0.9, 0.9, 0.9);
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03, 1.03, 1.03);
        transform: scale3d(1.03, 1.03, 1.03);
    }
    80% {
        -webkit-transform: scale3d(0.97, 0.97, 0.97);
        transform: scale3d(0.97, 0.97, 0.97);
    }
    to {
        opacity: 1;
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

@keyframes bounceIn {
    from, 20%, 40%, 60%, 80%, to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }
    20% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1);
    }
    40% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9);
        transform: scale3d(0.9, 0.9, 0.9);
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03, 1.03, 1.03);
        transform: scale3d(1.03, 1.03, 1.03);
    }
    80% {
        -webkit-transform: scale3d(0.97, 0.97, 0.97);
        transform: scale3d(0.97, 0.97, 0.97);
    }
    to {
        opacity: 1;
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

.bounceIn {
    -webkit-animation-name: bounceIn;
    animation-name: bounceIn;
}

@-webkit-keyframes bounceInDown {
    from, 60%, 75%, 90%, to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -3000px, 0);
        transform: translate3d(0, -3000px, 0);
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, 25px, 0);
        transform: translate3d(0, 25px, 0);
    }
    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(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -3000px, 0);
        transform: translate3d(0, -3000px, 0);
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, 25px, 0);
        transform: translate3d(0, 25px, 0);
    }
    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(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-3000px, 0, 0);
        transform: translate3d(-3000px, 0, 0);
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(25px, 0, 0);
        transform: translate3d(25px, 0, 0);
    }
    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(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-3000px, 0, 0);
        transform: translate3d(-3000px, 0, 0);
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(25px, 0, 0);
        transform: translate3d(25px, 0, 0);
    }
    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(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }
    from {
        opacity: 0;
        -webkit-transform: translate3d(3000px, 0, 0);
        transform: translate3d(3000px, 0, 0);
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(-25px, 0, 0);
        transform: translate3d(-25px, 0, 0);
    }
    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(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }
    from {
        opacity: 0;
        -webkit-transform: translate3d(3000px, 0, 0);
        transform: translate3d(3000px, 0, 0);
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(-25px, 0, 0);
        transform: translate3d(-25px, 0, 0);
    }
    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(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 3000px, 0);
        transform: translate3d(0, 3000px, 0);
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0);
    }
    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(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 3000px, 0);
        transform: translate3d(0, 3000px, 0);
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0);
    }
    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(0.9, 0.9, 0.9);
        transform: scale3d(0.9, 0.9, 0.9);
    }
    50%, 55% {
        opacity: 1;
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1);
    }
    to {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }
}

@keyframes bounceOut {
    20% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9);
        transform: scale3d(0.9, 0.9, 0.9);
    }
    50%, 55% {
        opacity: 1;
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1);
    }
    to {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }
}

.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% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0);
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0);
    }
}

@keyframes bounceOutDown {
    20% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0);
    }
    40%, 45% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0);
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0);
    }
}

.bounceOutDown {
    -webkit-animation-name: bounceOutDown;
    animation-name: bounceOutDown;
}

@-webkit-keyframes bounceOutLeft {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(20px, 0, 0);
        transform: translate3d(20px, 0, 0);
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0);
    }
}

@keyframes bounceOutLeft {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(20px, 0, 0);
        transform: translate3d(20px, 0, 0);
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0);
    }
}

.bounceOutLeft {
    -webkit-animation-name: bounceOutLeft;
    animation-name: bounceOutLeft;
}

@-webkit-keyframes bounceOutRight {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(-20px, 0, 0);
        transform: translate3d(-20px, 0, 0);
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0);
    }
}

@keyframes bounceOutRight {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(-20px, 0, 0);
        transform: translate3d(-20px, 0, 0);
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 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% {
        opacity: 1;
        -webkit-transform: translate3d(0, 20px, 0);
        transform: translate3d(0, 20px, 0);
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0);
    }
}

@keyframes bounceOutUp {
    20% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0);
    }
    40%, 45% {
        opacity: 1;
        -webkit-transform: translate3d(0, 20px, 0);
        transform: translate3d(0, 20px, 0);
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 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 {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes fadeInDown {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

.fadeInDown {
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown;
}

@-webkit-keyframes fadeInDownBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes fadeInDownBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

.fadeInDownBig {
    -webkit-animation-name: fadeInDownBig;
    animation-name: fadeInDownBig;
}

@-webkit-keyframes fadeInLeft {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes fadeInLeft {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

.fadeInLeft {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft;
}

@-webkit-keyframes fadeInLeftBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes fadeInLeftBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

.fadeInLeftBig {
    -webkit-animation-name: fadeInLeftBig;
    animation-name: fadeInLeftBig;
}

@-webkit-keyframes fadeInRight {
    from {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes fadeInRight {
    from {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

.fadeInRight {
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight;
}

@-webkit-keyframes fadeInRightBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes fadeInRightBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

.fadeInRightBig {
    -webkit-animation-name: fadeInRightBig;
    animation-name: fadeInRightBig;
}

@-webkit-keyframes fadeInUp {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes fadeInUp {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

.fadeInUp {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
}

@-webkit-keyframes fadeInUpBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes fadeInUpBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

.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 {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }
}

@keyframes fadeOutDown {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }
}

.fadeOutDown {
    -webkit-animation-name: fadeOutDown;
    animation-name: fadeOutDown;
}

@-webkit-keyframes fadeOutDownBig {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0);
    }
}

@keyframes fadeOutDownBig {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0);
    }
}

.fadeOutDownBig {
    -webkit-animation-name: fadeOutDownBig;
    animation-name: fadeOutDownBig;
}

@-webkit-keyframes fadeOutLeft {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
}

@keyframes fadeOutLeft {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
}

.fadeOutLeft {
    -webkit-animation-name: fadeOutLeft;
    animation-name: fadeOutLeft;
}

@-webkit-keyframes fadeOutLeftBig {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0);
    }
}

@keyframes fadeOutLeftBig {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0);
    }
}

.fadeOutLeftBig {
    -webkit-animation-name: fadeOutLeftBig;
    animation-name: fadeOutLeftBig;
}

@-webkit-keyframes fadeOutRight {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }
}

@keyframes fadeOutRight {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }
}

.fadeOutRight {
    -webkit-animation-name: fadeOutRight;
    animation-name: fadeOutRight;
}

@-webkit-keyframes fadeOutRightBig {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0);
    }
}

@keyframes fadeOutRightBig {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0);
    }
}

.fadeOutRightBig {
    -webkit-animation-name: fadeOutRightBig;
    animation-name: fadeOutRightBig;
}

@-webkit-keyframes fadeOutUp {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }
}

@keyframes fadeOutUp {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }
}

.fadeOutUp {
    -webkit-animation-name: fadeOutUp;
    animation-name: fadeOutUp;
}

@-webkit-keyframes fadeOutUpBig {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0);
    }
}

@keyframes fadeOutUpBig {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 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(0.95, 0.95, 0.95);
        transform: perspective(400px) scale3d(0.95, 0.95, 0.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(0.95, 0.95, 0.95);
        transform: perspective(400px) scale3d(0.95, 0.95, 0.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-backface-visibility: visible;
    backface-visibility: visible;
    -webkit-animation-name: flip;
    animation-name: flip;
}

@-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-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipInX;
    animation-name: flipInX;
}

@-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-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipInY;
    animation-name: flipInY;
}

@-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-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipOutY;
    animation-name: flipOutY;
}

@-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-origin: center;
        transform-origin: center;
        -webkit-transform: rotate3d(0, 0, 1, -200deg);
        transform: rotate3d(0, 0, 1, -200deg);
        opacity: 0;
    }
    to {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}

@keyframes rotateIn {
    from {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate3d(0, 0, 1, -200deg);
        transform: rotate3d(0, 0, 1, -200deg);
        opacity: 0;
    }
    to {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}

.rotateIn {
    -webkit-animation-name: rotateIn;
    animation-name: rotateIn;
}

@-webkit-keyframes rotateInDownLeft {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0;
    }
    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}

@keyframes rotateInDownLeft {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0;
    }
    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}

.rotateInDownLeft {
    -webkit-animation-name: rotateInDownLeft;
    animation-name: rotateInDownLeft;
}

@-webkit-keyframes rotateInDownRight {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0;
    }
    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}

@keyframes rotateInDownRight {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0;
    }
    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}

.rotateInDownRight {
    -webkit-animation-name: rotateInDownRight;
    animation-name: rotateInDownRight;
}

@-webkit-keyframes rotateInUpLeft {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0;
    }
    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}

@keyframes rotateInUpLeft {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0;
    }
    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}

.rotateInUpLeft {
    -webkit-animation-name: rotateInUpLeft;
    animation-name: rotateInUpLeft;
}

@-webkit-keyframes rotateInUpRight {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, -90deg);
        transform: rotate3d(0, 0, 1, -90deg);
        opacity: 0;
    }
    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}

@keyframes rotateInUpRight {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, -90deg);
        transform: rotate3d(0, 0, 1, -90deg);
        opacity: 0;
    }
    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: none;
        transform: none;
        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-origin: center;
        transform-origin: center;
        -webkit-transform: rotate3d(0, 0, 1, 200deg);
        transform: rotate3d(0, 0, 1, 200deg);
        opacity: 0;
    }
}

@keyframes rotateOut {
    from {
        -webkit-transform-origin: center;
        transform-origin: center;
        opacity: 1;
    }
    to {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate3d(0, 0, 1, 200deg);
        transform: rotate3d(0, 0, 1, 200deg);
        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-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0;
    }
}

@keyframes rotateOutDownLeft {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1;
    }
    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        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-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0;
    }
}

@keyframes rotateOutDownRight {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1;
    }
    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        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-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0;
    }
}

@keyframes rotateOutUpLeft {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1;
    }
    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        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-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, 90deg);
        transform: rotate3d(0, 0, 1, 90deg);
        opacity: 0;
    }
}

@keyframes rotateOutUpRight {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1;
    }
    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, 90deg);
        transform: rotate3d(0, 0, 1, 90deg);
        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;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes rollIn {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
        transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes rollIn {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
        transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

.rollIn {
    -webkit-animation-name: rollIn;
    animation-name: rollIn;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes rollOut {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
        transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    }
}

@keyframes rollOut {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
        transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    }
}

.rollOut {
    -webkit-animation-name: rollOut;
    animation-name: rollOut;
}

@-webkit-keyframes zoomIn {
    from {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }
    50% {
        opacity: 1;
    }
}

@keyframes zoomIn {
    from {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }
    50% {
        opacity: 1;
    }
}

.zoomIn {
    -webkit-animation-name: zoomIn;
    animation-name: zoomIn;
}

@-webkit-keyframes zoomInDown {
    from {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

@keyframes zoomInDown {
    from {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

.zoomInDown {
    -webkit-animation-name: zoomInDown;
    animation-name: zoomInDown;
}

@-webkit-keyframes zoomInLeft {
    from {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

@keyframes zoomInLeft {
    from {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

.zoomInLeft {
    -webkit-animation-name: zoomInLeft;
    animation-name: zoomInLeft;
}

@-webkit-keyframes zoomInRight {
    from {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

@keyframes zoomInRight {
    from {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

.zoomInRight {
    -webkit-animation-name: zoomInRight;
    animation-name: zoomInRight;
}

@-webkit-keyframes zoomInUp {
    from {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

@keyframes zoomInUp {
    from {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

.zoomInUp {
    -webkit-animation-name: zoomInUp;
    animation-name: zoomInUp;
}

@-webkit-keyframes zoomOut {
    from {
        opacity: 1;
    }
    50% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }
    to {
        opacity: 0;
    }
}

@keyframes zoomOut {
    from {
        opacity: 1;
    }
    50% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }
    to {
        opacity: 0;
    }
}

.zoomOut {
    -webkit-animation-name: zoomOut;
    animation-name: zoomOut;
}

@-webkit-keyframes zoomOutDown {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }
    to {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

@keyframes zoomOutDown {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }
    to {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

.zoomOutDown {
    -webkit-animation-name: zoomOutDown;
    animation-name: zoomOutDown;
}

@-webkit-keyframes zoomOutLeft {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    }
    to {
        opacity: 0;
        -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
        transform: scale(0.1) translate3d(-2000px, 0, 0);
        -webkit-transform-origin: left center;
        transform-origin: left center;
    }
}

@keyframes zoomOutLeft {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    }
    to {
        opacity: 0;
        -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
        transform: scale(0.1) translate3d(-2000px, 0, 0);
        -webkit-transform-origin: left center;
        transform-origin: left center;
    }
}

.zoomOutLeft {
    -webkit-animation-name: zoomOutLeft;
    animation-name: zoomOutLeft;
}

@-webkit-keyframes zoomOutRight {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    }
    to {
        opacity: 0;
        -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
        transform: scale(0.1) translate3d(2000px, 0, 0);
        -webkit-transform-origin: right center;
        transform-origin: right center;
    }
}

@keyframes zoomOutRight {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    }
    to {
        opacity: 0;
        -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
        transform: scale(0.1) translate3d(2000px, 0, 0);
        -webkit-transform-origin: right center;
        transform-origin: right center;
    }
}

.zoomOutRight {
    -webkit-animation-name: zoomOutRight;
    animation-name: zoomOutRight;
}

@-webkit-keyframes zoomOutUp {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }
    to {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

@keyframes zoomOutUp {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }
    to {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

.zoomOutUp {
    -webkit-animation-name: zoomOutUp;
    animation-name: zoomOutUp;
}

@-webkit-keyframes slideInDown {
    from {
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
        visibility: visible;
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes slideInDown {
    from {
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
        visibility: visible;
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.slideInDown {
    -webkit-animation-name: slideInDown;
    animation-name: slideInDown;
}

@-webkit-keyframes slideInLeft {
    from {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
        visibility: visible;
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes slideInLeft {
    from {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
        visibility: visible;
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.slideInLeft {
    -webkit-animation-name: slideInLeft;
    animation-name: slideInLeft;
}

@-webkit-keyframes slideInRight {
    from {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
        visibility: visible;
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes slideInRight {
    from {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
        visibility: visible;
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.slideInRight {
    -webkit-animation-name: slideInRight;
    animation-name: slideInRight;
}

@-webkit-keyframes slideInUp {
    from {
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
        visibility: visible;
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes slideInUp {
    from {
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
        visibility: visible;
    }
    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;
}

.toggle {
    display: none;
}

@media (max-width: 1199px) {
    .toggle {
        display: block;
        position: absolute;
        left: 0;
        top: 24px;
        padding: 7px 8px;
        cursor: pointer;
        -webkit-transition: left .23s;
        transition: left .23s;
        z-index: 2;
        width: 45px;
    }

    .toggle span {
        display: block;
        height: 3px;
        background-color: #000;
        margin: 6px 0 0;
    }

    .toggle span.toggle__first {
        margin-top: 0;
    }
}

@media (max-width: 767px) {
    .toggle {
        top: 7px;
    }
}

.breadcrumb {
    margin: 0 -15px;
    padding: 30px 0;
}

.breadcrumb ol {
    text-align: left;
    margin-bottom: 0;
}

.breadcrumb ol > li {
    display: inline-block;
    font-size: 13px;
    color: #8c8c8c;
    margin-bottom: 10px;
}

.breadcrumb ol > li.active {
    color: #2e4254;
}

.breadcrumb ol > li + li:before {
    content: '';
    font-size: 20px;
    display: inline-block;
    vertical-align: top;
    width: 16px;
    height: 16px;
    background-image: url("data:image/svg+xml,%3Csvg  width='16' height='16' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z' fill='%23787878'/%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3C/svg%3E");
    padding: 0 5px;
    color: #787878;
}

.breadcrumb ol > li > a {
    font-size: 13px;
    color: #787878;
}

.breadcrumb ol > li > a:hover {
    text-decoration: underline;
}

@media (max-width: 1199px) {
    .breadcrumb {
        margin: 0;
    }
}

.pagin {
    display: inline-block;
    font-size: 0;
}

.pagin__item {
    display: inline-block;
}

.pagin__item:hover a,
.pagin__item.active a {
    font-weight: 700;
    color: #000;
}

.pagin__link {
    width: 28px;
    height: 36px;
    line-height: 36px;
    font-size: 15px;
    text-align: center;
    float: left;
    color: #a0a0a0;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.pagin__prev, .pagin__next {
    float: left;
    margin: 0 20px;
}

@media (max-width: 767px) {
    .pagin__prev, .pagin__next {
        position: relative;
        width: 36px;
        height: 36px;
        padding: 0;
    }

    .pagin__prev:before, .pagin__next:before {
        content: '';
        width: 34px;
        height: 34px;
        position: absolute;
        top: 0;
        left: 0;
        background-repeat: no-repeat;
        background-position: 50% 50%;
        background-image: url("data:image/svg+xml,%3Csvg height='24' viewBox='-293 385 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23000' d='M-279,403l1.41-1.41l-4.58-4.59l4.58-4.59L-279,391l-6,6L-279,403z'/%3E%3Cpath d='M-269,409h-24v-24h24V409z' fill='none'/%3E%3C/svg%3E");
    }

    .pagin__prev span, .pagin__next span {
        display: none;
    }

    .pagin__prev {
        margin: 0 20px 0 0;
    }

    .pagin__prev:before {
        background-image: url("data:image/svg+xml,%3Csvg height='24' viewBox='-293 385 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23000' d='M-279,403l1.41-1.41l-4.58-4.59l4.58-4.59L-279,391l-6,6L-279,403z'/%3E%3Cpath d='M-269,409h-24v-24h24V409z' fill='none'/%3E%3C/svg%3E");
    }

    .pagin__next {
        margin: 0 0 0 20px;
    }

    .pagin__next:before {
        background-image: url("data:image/svg+xml,%3Csvg height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23000' d='M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z'/%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3C/svg%3E");
    }
}

.header-top {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    height: 84px;
    position: relative;
}

.header-top__left, .header-top__right {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

@media (max-width: 1199px) {
    .header-top {
        padding-left: 60px;
    }

    .header-top__menu {
        width: 270px;
        position: fixed;
        left: -150%;
        top: 0;
        bottom: 0;
        background-color: #fff;
        z-index: 10;
        overflow-y: scroll;
        -webkit-transition: left 0.3s;
        transition: left 0.3s;
    }

    .header-top__menu.active {
        left: 0;
    }

    .header-top__callback .btn {
        font-size: 13px;
    }
}

@media (max-width: 767px) {
    .header-top {
        height: 50px;
    }

    .header-top__phone, .header-top__callback {
        display: none;
    }

    .header-top__menu {
        padding-bottom: 80px;
    }
}

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

@media (max-width: 1199px) {
    .logo {
        width: 185px;
    }
}

.phone {
    padding: 0 30px;
}

@media (max-width: 1199px) {
    .phone {
        padding: 0 10px 0 20px;
    }
}

.phone__text {
    font-size: 13px;
}

.phone__number {
    display: block;
    font-size: 24px;
}

@media (max-width: 1199px) {
    .phone__number {
        font-size: 20px;
    }
}

.phone__code {
    font-weight: 300;
}

.phone__num {
    font-weight: 700;
}

.top-menu__close {
    display: none;
}

.top-menu__title {
    display: none;
}

.top-menu__item {
    display: inline-block;
}

.top-menu__link {
    display: block;
    padding: 30px 18px;
    font-size: 16px;
    border-top-width: 5px;
    border-style: solid;
    border-color: transparent;
}

.top-menu__link:hover, .top-menu__link.active {
    color: #ff8282;
    border-color: #ff8282;
}

@media (max-width: 1199px) {
    .top-menu {
        padding-left: 40px;
    }

    .top-menu__title {
        display: block;
        position: relative;
        font-size: 24px;
        line-height: 1;
        font-weight: 500;
        padding: 25px 60px;
        margin-bottom: 20px;
    }

    .top-menu__title:before {
        content: '';
        display: block;
        position: absolute;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='28' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 60.841 66'%3E%3Cdefs%3E%3Cpath id='a' d='M.015 0h37.987v66H.015z'/%3E%3C/defs%3E%3CclipPath id='b'%3E%3Cuse xlink:href='%23a' overflow='visible'/%3E%3C/clipPath%3E%3Cpath d='M31.025 1.602L.655 31.977C.22 32.41 0 32.91 0 33.477c0 .562.22 1.062.654 1.5l30.37 30.37c.438.434.938.653 1.5.653.567 0 1.067-.22 1.5-.652l3.258-3.258c.434-.434.653-.934.653-1.5 0-.563-.22-1.063-.653-1.5L11.67 33.477 37.28 7.86c.438-.434.653-.934.653-1.497 0-.566-.22-1.066-.653-1.5l-3.257-3.26c-.434-.435-.934-.65-1.5-.65-.563 0-1.063.215-1.5.65' clip-path='url%28%23b%29'/%3E%3Cdefs%3E%3Cpath id='c' d='M0 0h60.84v66H0z'/%3E%3C/defs%3E%3CclipPath id='d'%3E%3Cuse xlink:href='%23c' overflow='visible'/%3E%3C/clipPath%3E%3Cpath d='M9.927 29.158h49.655c.695 0 1.26.563 1.26 1.258v5.167c0 .695-.565 1.258-1.26 1.258H9.927c-.695 0-1.26-.56-1.26-1.255v-5.167c0-.695.565-1.258 1.26-1.258' clip-path='url%28%23d%29'/%3E%3C/svg%3E");
        background-repeat: no-repeat;
        background-position: 50% 50%;
        width: 26px;
        height: 28px;
        top: 22px;
        left: 15px;
    }

    .top-menu__close {
        position: fixed;
        top: 7px;
        left: -150%;
        width: 50px;
        height: 50px;
        background-image: url("data:image/svg+xml,%3Csvg fill='%23fe5858' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z'/%3E%3C/svg%3E");
        background-repeat: no-repeat;
        background-position: 50% 50%;
        background-color: #fff;
        cursor: pointer;
        z-index: 10;
    }

    .top-menu__close.active {
        display: block;
        left: 280px;
    }

    .top-menu__item {
        display: block;
        margin-bottom: 10px;
    }

    .top-menu__link {
        padding: 11px 20px;
        border-top-width: 0;
        border-left-width: 5px;
    }

    .top-menu__link:hover {
        color: #000;
        border-color: #2e4254;
        font-weight: 700;
    }
}

@media (max-width: 767px) {
    .top-menu__close {
        top: 5px;
        width: 40px;
        height: 40px;
    }

    .top-menu__close.active {
        display: block;
        left: 275px;
    }
}

.mobile-phone {
    display: none;
}

@media (max-width: 767px) {
    .mobile-phone {
        display: block;
        padding: 20px 0 20px 50px;
    }
}

.mobile-callback {
    display: none;
}

@media (max-width: 767px) {
    .mobile-callback {
        display: block;
        padding-left: 15px;
        position: absolute;
        bottom: 20px;
        left: 0;
        right: 0;
    }
}

.search {
    position: relative;
}

.search__icon {
    margin: 0 10px;
    width: 50px;
    height: 50px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22.846' height='23.233' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 22.846 23.233'%3E%3Cdefs%3E%3Cpath id='a' d='M0 0h22.846v23.232H0z'/%3E%3C/defs%3E%3CclipPath id='b'%3E%3Cuse xlink:href='%23a' overflow='visible'/%3E%3C/clipPath%3E%3Cpath fill='%239caebd' d='M9.967 19.937c-5.494 0-9.965-4.47-9.967-9.965C.002 4.474 4.473.002 9.97 0c5.493 0 9.966 4.472 9.968 9.97 0 5.495-4.473 9.967-9.97 9.967M9.968 2C5.577 2 2.002 5.577 2 9.972c.002 4.39 3.574 7.965 7.967 7.965 4.395 0 7.97-3.574 7.97-7.967C17.937 5.575 14.363 2 9.97 2' clip-path='url%28%23b%29'/%3E%3Cpath fill='%239caebd' d='M4.362 9.967h-1C3.364 6.324 6.327 3.36 9.97 3.36v1c-3.092 0-5.606 2.516-5.608 5.607m17.484 13.266c-.256 0-.512-.098-.707-.293l-5.57-5.567c-.39-.39-.39-1.024 0-1.414.39-.393 1.023-.393 1.414 0l5.568 5.565c.39.39.39 1.023 0 1.414-.195.194-.45.292-.707.292' clip-path='url%28%23b%29'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    cursor: pointer;
}

@media (max-width: 767px) {
    .search__icon {
        margin-right: 0;
    }
}

.search__block {
    display: none;
    position: absolute;
    padding-right: 60px;
    z-index: 3;
    right: 0;
    top: -4px;
}

.search__close {
    position: absolute;
    top: 0;
    right: 0;
    width: 58px;
    height: 58px;
    background-image: url("data:image/svg+xml,%3Csvg fill='%23fe5858' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    cursor: pointer;
    background-color: #fff;
}

.search__form {
    width: 100%;
    position: relative;
}

.search__input {
    height: 58px;
    width: 610px;
    border-width: 1px;
    border-color: #dddddd;
    border-style: solid;
    background-color: white;
    font-size: 20px;
    padding: 0 70px 0 30px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

@media (max-width: 1199px) {
    .search__input {
        width: 470px;
    }
}

.search__submit {
    position: absolute;
    top: 3px;
    right: 3px;
    width: 50px;
    height: 50px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22.846' height='23.233' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 22.846 23.233'%3E%3Cdefs%3E%3Cpath id='a' d='M0 0h22.846v23.232H0z'/%3E%3C/defs%3E%3CclipPath id='b'%3E%3Cuse xlink:href='%23a' overflow='visible'/%3E%3C/clipPath%3E%3Cpath fill='%239caebd' d='M9.967 19.937c-5.494 0-9.965-4.47-9.967-9.965C.002 4.474 4.473.002 9.97 0c5.493 0 9.966 4.472 9.968 9.97 0 5.495-4.473 9.967-9.97 9.967M9.968 2C5.577 2 2.002 5.577 2 9.972c.002 4.39 3.574 7.965 7.967 7.965 4.395 0 7.97-3.574 7.97-7.967C17.937 5.575 14.363 2 9.97 2' clip-path='url%28%23b%29'/%3E%3Cpath fill='%239caebd' d='M4.362 9.967h-1C3.364 6.324 6.327 3.36 9.97 3.36v1c-3.092 0-5.606 2.516-5.608 5.607m17.484 13.266c-.256 0-.512-.098-.707-.293l-5.57-5.567c-.39-.39-.39-1.024 0-1.414.39-.393 1.023-.393 1.414 0l5.568 5.565c.39.39.39 1.023 0 1.414-.195.194-.45.292-.707.292' clip-path='url%28%23b%29'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    cursor: pointer;
    background-color: #fff;
    color: transparent;
}

@media (max-width: 767px) {
    .search__input {
        height: 40px;
        padding: 0 50px 0 20px;
        width: 260px;
    }

    .search__submit {
        width: 35px;
        height: 35px;
    }

    .search__block {
        top: 5px;
    }

    .search__block {
        padding-right: 50px;
    }

    .search__close {
        right: 5px;
        width: 40px;
        height: 40px;
    }
}

.menu {
    position: relative;
    font-size: 0;
    margin-bottom: 42px;
}

.menu__item {
    font-size: 15px;
    display: inline-block;
    width: 100%;
    background-color: #eeeded;
}

.menu__item_left {
    text-align: right;
}

.menu__item.js-menu-item-active .menu__link {
    color: #000;
    font-weight: 500;
}

.menu__item.js-menu-item-active .sub-menu {
    display: block;
}

.menu__link {
    display: inline-block;
    padding: 10px 30px;
    width: 100%;
    font-size: 12px;
    text-align: center;
    font-weight: 300;
}

@media (max-width: 1199px) {
    .menu__link {
        width: 100%;
        text-align: center;
    }
}

@media (max-width: 767px) {
    .menu__link {
        font-size: 14px;
        padding: 12px 5px;
    }
}

.sub-menu {
    display: none;
    background-color: #2e4254;
    position: absolute;
    left: 0;
    right: 0;
    top: 100%;
    text-align: left;
}

.sub-menu__item {
    display: inline-block;
}

.sub-menu__link {
    position: relative;
    display: block;
    padding: 14px 23px;
    font-size: 14px;
    color: #9caebd;
    line-height: 1;
}

.sub-menu__link:hover {
    color: #fff;
}

.sub-menu__link.active:after {
    content: '';
    position: absolute;
    top: 95%;
    left: 50%;
    margin-left: -12px;
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 12px 11.5px 0 11.5px;
    border-color: #2e4254 transparent transparent transparent;
    z-index: 2;
}

@media (max-width: 1199px) {
    .sub-menu__link {
        padding: 14px 33px;
    }
}

@media (max-width: 767px) {
    .sub-menu__link {
        padding: 14px 12px;
    }
}

.sub-menu__drop {
    display: none;
    position: absolute;
    left: 0;
    right: 0;
    top: 100%;
    background-color: #fff;
}

.drop-menu {
    padding: 30px;
    -webkit-box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.3);
    position: relative;
    z-index: 1;
    background-color: #fff;
    box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.3);
}

.drop-menu__title {
    font-size: 20px;
    font-weight: 300;
    margin-bottom: 10px;
}

.drop-menu__text {
    color: #414141;
    font-size: 14px;
    margin-bottom: 10px;
}

.drop-menu__img {
    display: block;
    margin-bottom: 5px;
}

.drop-menu__img img {
    max-width: 100%;
}

.drop-menu__type {
    font-size: 13px;
    color: #787878;
}

.drop-menu__link {
    display: block;
    font-size: 13px;
    font-weight: 500;
    color: #000;
}

.drop-menu__link:after {
    content: '〉';
    font-size: 12px;
}

.drop-menu__link:hover {
    text-decoration: underline;
}

.drop-menu__list_mt {
    margin-top: 30px;
}

.drop-menu__li {
    font-size: 13px;
    font-weight: 500;
    margin-bottom: 10px;
}

@media (max-width: 1199px) {
    .drop-menu__title {
        font-size: 16px;
        min-height: 38px;
    }
}

.sidebar {
    position: relative;
}

.sidebar_windows {
    padding-top: 550px;
}

.sidebar__btn {
    display: none;
}

@media (max-width: 1199px) {
    .sidebar {
        padding-top: 0;
        padding-bottom: 30px;
    }

    .sidebar__btn {
        position: relative;
        display: block;
        border-style: solid;
        border-width: 1px;
        border-color: #dfdfdf;
        height: 50px;
        line-height: 48px;
        font-size: 20px;
        font-weight: 300;
        padding: 0 50px 0 20px;
    }

    .sidebar__btn:after {
        content: '';
        position: absolute;
        width: 30px;
        height: 30px;
        background-position: 50% 50%;
        background-repeat: no-repeat;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='10' height='10' viewBox='0 0 306 306'%3E%3Cstyle type='text/css'%3E polygon%7Bfill:%23000;%7D %3C/style%3E%3Cpolygon transform='rotate%2890 153 153%29' points='94.35,0 58.65,35.7 175.95,153 58.65,270.3 94.35,306 247.35,153 '/%3E%3C/svg%3E");
        top: 10px;
        right: 10px;
    }

    .sidebar__menu {
        display: none;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        background-color: #fff;
        padding: 15px;
        z-index: 9999;
    }
}

.side-menu__item {
    position: relative;
    margin-top: -1px;
    border-style: solid;
    border-top-width: 1px;
    border-bottom-width: 1px;
    border-color: #dfdfdf;
}

.side-menu__item.opened .side-menu__arr {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='10' height='10' viewBox='0 0 306 306'%3E%3Cstyle type='text/css'%3E polygon%7Bfill:%23000;%7D %3C/style%3E%3Cpolygon transform='rotate%28-90 153 153%29' points='94.35,0 58.65,35.7 175.95,153 58.65,270.3 94.35,306 247.35,153 '/%3E%3C/svg%3E");
}

.side-menu__arr {
    content: '';
    position: absolute;
    width: 30px;
    height: 30px;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='10' height='10' viewBox='0 0 306 306'%3E%3Cstyle type='text/css'%3E polygon%7Bfill:%23000;%7D %3C/style%3E%3Cpolygon transform='rotate%2890 153 153%29' points='94.35,0 58.65,35.7 175.95,153 58.65,270.3 94.35,306 247.35,153 '/%3E%3C/svg%3E");
    top: 29px;
    right: 0;
    cursor: pointer;
}

.side-menu__link {
    display: inline-block;
    margin: 30px 0;
    font-size: 20px;
    font-weight: 300;
}

.side-menu__link:hover {
    text-decoration: underline;
    color: #2e4254;
}

.side-menu__close {
    display: none;
    background-color: #fff;
    top: -40px;
    right: 0px;
}

@media (max-width: 1199px) {
    .side-menu__close {
        display: block;
    }

    .side-menu__item:first-child {
        border-top-width: 0;
    }

    .side-menu__item:first-child .side-menu__arr {
        top: 0;
    }

    .side-menu__item:first-child .side-menu__link {
        margin-top: 0;
    }

    .side-menu__arr {
        top: 19px;
    }

    .side-menu__link {
        margin: 20px 0;
    }
}

.side-submenu__link {
    display: inline-block;
    font-size: 14px;
    font-weight: 400;
    color: #414141;
    margin-bottom: 20px;
}

.side-submenu__link:hover {
    text-decoration: underline;
    color: #2e4254;
}

.footer {
    position: relative;
    padding: 50px 0;
}

.footer__row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.footer__info {
    margin-top: 50px;
}

.footer .phone__number {
    margin-bottom: 30px;
}

.footer .adress {
    margin-bottom: 30px;
    padding-left: 20px;
    font-size: 13px;
}

.footer .mail {
    text-align: left;
}

.footer .mail__adr {
    font-size: 13px;
    padding-left: 20px;
}

.footer__menu {
    max-width: 220px;
}

.footer__title {
    display: inline-block;
    min-height: 31px;
    font-size: 15px;
    font-weight: 700;
    margin-bottom: 30px;
    -webkit-transition: color 0.3s;
    transition: color 0.3s;
}

.footer__item {
    margin-bottom: 20px;
}

.footer__link {
    font-size: 14px;
    color: #787878;
    -webkit-transition: color 0.3s;
    transition: color 0.3s;
}

.footer__link:hover {
    text-decoration: underline;
    color: #2e4254;
}

@media (max-width: 1199px) {
    .footer__row {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .footer__col_first {
        width: 100%;
        -webkit-box-ordinal-group: 2;
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1;
    }

    .footer__info {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
        margin-top: 30px;
        padding-top: 50px;
        border-top: 1px solid #dddddd;
    }

    .footer__block {
        margin-top: 7px;
    }

    .footer__item {
        margin-bottom: 15px;
    }
}

@media (max-width: 767px) {
    .footer {
        padding: 20px 0;
    }

    .footer__menu {
        max-width: inherit;
    }

    .footer__title {
        position: relative;
        display: block;
        min-height: inherit;
        margin-bottom: 20px;
    }

    .footer__title:after {
        content: '';
        position: absolute;
        width: 10px;
        height: 10px;
        background-position: 50% 50%;
        background-repeat: no-repeat;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='10' height='10' viewBox='0 0 306 306'%3E%3Cstyle type='text/css'%3E polygon%7Bfill:%23000;%7D %3C/style%3E%3Cpolygon transform='rotate%2890 153 153%29' points='94.35,0 58.65,35.7 175.95,153 58.65,270.3 94.35,306 247.35,153 '/%3E%3C/svg%3E");
        top: 5px;
        right: 0;
    }

    .footer__title.active:after {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='10' height='10' viewBox='0 0 306 306'%3E%3Cstyle type='text/css'%3E polygon%7Bfill:%23000;%7D %3C/style%3E%3Cpolygon transform='rotate%28-90 153 153%29' points='94.35,0 58.65,35.7 175.95,153 58.65,270.3 94.35,306 247.35,153 '/%3E%3C/svg%3E");
    }

    .footer__list {
        display: none;
    }

    .footer__block {
        margin-top: 0;
    }

    .footer__col {
        width: 100%;
        border-bottom: 1px solid #dddddd;
        margin-bottom: 20px;
    }

    .footer__col_first {
        text-align: center;
        border-bottom: 0;
    }

    .footer__info {
        display: block;
        border-top: 0;
        margin: 0;
        padding: 0;
    }

    .footer .mail {
        text-align: center;
        margin-bottom: 30px;
    }

    .footer .mail__adr {
        padding-left: 0;
    }

    .footer .adress {
        padding-left: 0;
    }
}

.copyright {
    margin-bottom: 30px;
    font-size: 13px;
    color: #414141;
}

@media (max-width: 1199px) {
    .copyright {
        margin-top: 13px;
    }
}

@media (max-width: 767px) {
    .copyright {
        margin: 15px 0 30px;
    }
}

.developer {
    position: absolute;
    right: 30px;
    bottom: 30px;
}

.developer__text {
    display: inline-block;
    margin-right: 15px;
    vertical-align: middle;
    font-size: 13px;
}

.developer__logo {
    display: inline-block;
    vertical-align: middle;
    width: 123px;
    height: 36px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='123' height='36' viewBox='0 0 481 138'%3E%3Cpolygon fill='%23D55E25' points='47.6,60.6 61.3,52.2 75.1,60.6 61.3,69.1 '/%3E%3Cpolygon fill='%23D55E25' points='47.6,71.7 47.6,129.9 61.3,137.4 75.1,129.9 75.1,71.7 61.3,79.9 '/%3E%3Cpolygon fill='%23E1981D' points='97.8,19.5 61.3,40.2 25.2,19.3 0,32.8 0,103.6 38.4,125.7 38.4,95.9 25.8,88.7 25.8,47.4 38.7,54.6 61.3,41.5 83.9,54.6 96.8,47.4 96.8,88.7 84.2,95.9 84.2,125.7 122.6,103.6 122.6,32.8 '/%3E%3Cg%3E%3Cg%3E%3Cpath fill='%23313233' d='M171.4,93.5h-10.3V34.7h10.3V93.5z'/%3E%3Cpath fill='%23313233' d='M197.4,34.7l20.8,29.1l20.3-29.1h11.3v58.7h-10.4V50.4h-0.4l-19.3,27.3h-3.8l-19.5-27.3H196v43.1h-9.9V34.7 H197.4z'/%3E%3Cpath fill='%23313233' d='M264.4,34.7H310v9.6h-35v13.6h31.3v9.5H275V84h36.4v9.5h-47V34.7z'/%3E%3Cpath fill='%23313233' d='M349.5,34.7c9,0,16.6,3.4,22,9c4.9,5.2,7.7,12.2,7.7,20.4c0,8.5-3.2,16.2-8.7,21.4c-5.2,4.9-12.6,7.9-21,7.9 h-24.5V34.7H349.5z M335.4,44.2v39.8h13.8c6.1,0,11.1-2.2,14.4-5.5c3.5-3.6,5.4-8.5,5.4-14.5c0-5.9-1.9-10.8-5.3-14.3 c-3.4-3.4-8.3-5.6-14.5-5.6H335.4z'/%3E%3Cpath fill='%23313233' d='M402.8,93.5h-10.3V34.7h10.3V93.5z'/%3E%3Cpath fill='%23313233' d='M452.3,34.7l26,58.7h-11.3l-4.9-10.8h-31.3l-4.8,10.8H415l26-58.7H452.3z M434.9,73.2h23.4L447,45.3h-1.2 L434.9,73.2z'/%3E%3C/g%3E%3Cg%3E%3Cpath fill='%23858986' d='M164.2,109.9c1.4-1,3.4-1.5,5.7-1.5c2.3,0,4.6,0.5,7.2,1.8l-1.2,2.6c-2-1-4-1.4-5.9-1.4 c-1.5,0-2.9,0.2-3.8,0.8c-0.5,0.4-0.8,0.9-0.8,1.5c0,0.5,0.3,0.8,0.7,1.1c0.5,0.4,1.3,0.5,2,0.7l3.7,0.7c1.8,0.3,3.7,0.9,4.9,2.1 c0.8,0.8,1.3,1.8,1.3,3.3c0,1.9-0.8,3.3-2.1,4.1c-1.6,1.1-4.1,1.5-6.4,1.5c-3,0-4.9-0.5-7.4-1.6l1-2.6c2.3,0.9,4.3,1.3,6.3,1.3 c2.1,0,3.6-0.2,4.7-1c0.5-0.4,0.7-0.9,0.7-1.6c0-0.7-0.3-1.1-0.7-1.5c-0.6-0.5-1.6-0.8-2.6-0.9l-4-0.7c-1.6-0.3-3-0.8-3.9-1.7 c-0.7-0.7-1.1-1.7-1.1-3.1C162.3,112,163,110.8,164.2,109.9z'/%3E%3Cpath fill='%23858986' d='M216.4,111.1c1.7,1.7,2.7,4.1,2.7,6.7c0,2.6-0.9,4.9-2.6,6.5c-1.7,1.7-4.1,2.8-6.9,2.8s-5.4-1.2-7-3 c-1.5-1.6-2.5-3.9-2.5-6.3c0-2.5,0.9-4.8,2.5-6.5c1.7-1.8,4.1-2.9,7-2.9C212.4,108.4,214.8,109.4,216.4,111.1z M205,122.3 c1.1,1.2,2.8,2,4.6,2c1.8,0,3.5-0.7,4.6-2c1-1.1,1.7-2.7,1.7-4.5c0-1.9-0.7-3.5-1.7-4.5c-1.2-1.2-2.8-1.9-4.6-1.9 c-1.8,0-3.5,0.7-4.6,2c-1.1,1.1-1.7,2.7-1.7,4.5C203.3,119.6,203.9,121.1,205,122.3z'/%3E%3Cpath fill='%23858986' d='M256.3,126.8h-14v-18h3.2v15.2h10.8V126.8z'/%3E%3Cpath fill='%23858986' d='M291.8,125c-1.4,1.3-3.2,2.1-5.5,2.1c-2.4,0-4.3-0.9-5.6-2.2c-1.4-1.4-2.3-3.4-2.3-5.6v-10.5h3.2v10.6 c0,1.4,0.5,2.6,1.4,3.4c0.8,0.9,2,1.4,3.3,1.4c1.3,0,2.5-0.6,3.3-1.4c0.8-0.8,1.3-2,1.3-3.4v-10.6h3.2v10.5 C294.2,121.5,293.3,123.5,291.8,125z'/%3E%3Cpath fill='%23858986' d='M317.1,108.8h16.6v2.9H327v15.1h-3.2v-15.1h-6.7V108.8z'/%3E%3Cpath fill='%23858986' d='M359.8,126.8h-3.2v-18h3.2V126.8z'/%3E%3Cpath fill='%23858986' d='M399.3,111.1c1.7,1.7,2.7,4.1,2.7,6.7c0,2.6-0.9,4.9-2.6,6.5c-1.7,1.7-4.1,2.8-6.9,2.8c-2.9,0-5.4-1.2-7-3 c-1.5-1.6-2.5-3.9-2.5-6.3c0-2.5,0.9-4.8,2.5-6.5c1.7-1.8,4.1-2.9,7-2.9C395.3,108.4,397.6,109.4,399.3,111.1z M387.9,122.3 c1.1,1.2,2.8,2,4.6,2c1.8,0,3.5-0.7,4.6-2c1-1.1,1.7-2.7,1.7-4.5c0-1.9-0.7-3.5-1.7-4.5c-1.2-1.2-2.8-1.9-4.6-1.9 c-1.8,0-3.5,0.7-4.6,2c-1.1,1.1-1.7,2.7-1.7,4.5C386.2,119.6,386.8,121.1,387.9,122.3z'/%3E%3Cpath fill='%23858986' d='M441.9,108.8v18h-3l-10.6-12.9v12.9h-3.2v-18h3l10.7,13v-13H441.9z'/%3E%3Cpath fill='%23858986' d='M467.1,109.9c1.4-1,3.4-1.5,5.7-1.5c2.3,0,4.6,0.5,7.2,1.8l-1.2,2.6c-2-1-4-1.4-5.9-1.4 c-1.5,0-2.9,0.2-3.8,0.8c-0.5,0.4-0.8,0.9-0.8,1.5c0,0.5,0.3,0.8,0.7,1.1c0.5,0.4,1.3,0.5,2,0.7l3.7,0.7c1.8,0.3,3.7,0.9,4.9,2.1 c0.8,0.8,1.3,1.8,1.3,3.3c0,1.9-0.8,3.3-2.1,4.1c-1.6,1.1-4.1,1.5-6.4,1.5c-3,0-4.9-0.5-7.4-1.6l1-2.6c2.3,0.9,4.3,1.3,6.3,1.3 c2.1,0,3.6-0.2,4.7-1c0.5-0.4,0.7-0.9,0.7-1.6c0-0.7-0.3-1.1-0.7-1.5c-0.6-0.5-1.6-0.8-2.6-0.9l-4-0.7c-1.6-0.3-3-0.8-3.9-1.7 c-0.7-0.7-1.1-1.7-1.1-3.1C465.3,112,466,110.8,467.1,109.9z'/%3E%3C/g%3E%3C/g%3E%3Cpath fill='%23E1981D' d='M24.8,19.1'/%3E%3Cpolygon fill='%23DD8626' points='0,32.8 25.8,47.4 25.8,88.7 0,103.6 '/%3E%3Cpolygon fill='%23D87623' points='0,103.6 25.8,88.7 38.4,95.9 38.4,125.7 '/%3E%3Cpolygon fill='%23DD8626' points='96.8,47.4 122.6,32.8 122.6,103.6 96.8,88.7 '/%3E%3Cpolygon fill='%23D87623' points='84.2,95.9 96.8,88.7 122.6,103.6 84.2,125.7 '/%3E%3Cpolygon fill='%23C6491B' points='75.1,71.7 61.3,79.9 61.3,137.4 75.1,129.9 '/%3E%3Cpolygon fill='%23D55E25' points='35.1,14 61.3,0 87.6,14.1 61.3,29.1 '/%3E%3C/svg%3E");
}

@media (max-width: 1199px) {
    .developer {
        position: static;
    }
}

.form {
    margin: 0 auto;
    max-width: 375px;
}

.form__block {
    position: relative;
    padding-bottom: 1px;
}

.form__block_text {
    padding-left: 30px;
}

.form__block_text .err-text {
    padding-left: 30px;
}

.form__block_windows {
    padding-top: 30px;
}

.form__btn {
    margin-top: 30px;
    text-align: center;
}

@media (max-width: 767px) {
    .form__btn {
        margin-top: 10px;
    }
}

.input {
    color: #414141;
    font: inherit;
    background-color: transparent;
    border: none;
    border-bottom: 1px solid #dddddd;
    border-radius: 0;
    outline: none;
    height: 3rem;
    width: 100%;
    font-size: 14px;
    margin: 0 0 30px 0;
    padding: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    -webkit-transition: border-bottom 0.3s;
    transition: border-bottom 0.3s;
}

.input.active {
    border-bottom: 1px solid #919191;
}

.input.active + .label {
    font-size: 11px;
    -webkit-transform: translateY(-125%);
    -ms-transform: translateY(-125%);
    transform: translateY(-125%);
    color: #8698a7;
}

.input.err {
    border-bottom: 1px solid #fe5858;
}

.textarea {
    border-width: 1px;
    border-color: #dddddd;
    border-style: solid;
    width: 100%;
    color: #414141;
    font-size: 14px;
    margin: 0 0 30px 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.textarea.err {
    border-color: #ff8282;
}

.textarea:disabled {
    background-color: #ebebe4;
    cursor: default;
}

.pink {
    color: #ff8282;
}

.dark-blue {
    color: #2e4254;
}

.err-text {
    position: absolute;
    bottom: 15px;
    left: 0;
    font-size: 11px;
    color: #fe5858;
}

.label {
    color: #414141;
    position: absolute;
    top: 5px;
    left: 0;
    font-size: 14px;
    cursor: text;
    -webkit-transition: 0.2s ease-out;
    transition: 0.2s ease-out;
    text-align: left;
}

.radio {
    position: relative;
    display: inline-block;
    padding-left: 30px;
    font-size: 14px;
    margin-bottom: 15px;
    cursor: pointer;
}

.radio__hide {
    display: none;
}

.radio__hide:checked + .radio:after {
    background-color: #4f677c;
}

.radio:before {
    content: "";
    position: absolute;
    top: -4px;
    left: 0;
    display: block;
    border-width: 1px;
    border-color: #dddddd;
    border-style: solid;
    border-radius: 50%;
    width: 20px;
    height: 20px;
}

.radio:after {
    content: "";
    position: absolute;
    top: 0;
    left: 4px;
    display: block;
    border-radius: 50%;
    background-color: transparent;
    width: 12px;
    height: 12px;
}

.popup {
    width: 630px;
    position: relative;
    z-index: 9999;
    display: none;
    padding: 30px;
    background-color: #fff;
}

.popup__img {
    margin: 30px 0;
    text-align: center;
}

.popup__title {
    font-size: 20px;
    font-weight: 300;
    line-height: 1.2;
    margin-bottom: 50px;
    text-align: center;
}

.popup__close {
    position: absolute;
    cursor: pointer;
    top: 0;
    right: 0;
    width: 30px;
    height: 30px;
    background-color: #fff;
}

.popup__close:before {
    content: '';
    position: absolute;
    top: 14px;
    left: 6px;
    width: 18px;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    border-bottom: 2px solid #ff8282;
}

.popup__close:after {
    content: '';
    position: absolute;
    top: 14px;
    left: 6px;
    width: 18px;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    border-bottom: 2px solid #ff8282;
}

.popup__close:hover:before, .popup__close:hover:after {
    border-bottom-color: #fe5858;
}

@media (max-width: 767px) {
    .popup {
        width: 100%;
        padding: 30px 20px 20px;
    }

    .popup__title {
        margin-bottom: 30px;
    }
}

.text__block {
    padding-top: 50px;
}

.text__block li {
    margin-bottom: 20px;
}

.text__block li a:hover {
    text-decoration: underline;
}

.main-slider {
    position: relative;
    overflow-x: hidden;
}

.main-slider .slick-list {
    overflow: inherit;
}

.main-slider .slick-dots {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 30px;
    text-align: center;
}

.main-slider__item {
    position: relative;
    height: 600px;
    background-repeat: no-repeat;
    background-position: 0 50%;
    background-size: cover;
}

.main-slider__item {
    position: relative;
    overflow: hidden;
}

.main-slider__item:before {
    content: '';
    box-shadow: 0px -20px 201px 200px rgba(0, 0, 0, 0.6);
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;

}

.main-slider__info {
    position: relative;
    height: 100%;
    width: 100%;
    max-width: 1170px;
    margin: 0 auto;
    padding: 0 15px;
}

.main-slider__title {
    position: absolute;
    bottom: 100px;
    left: 30px;
    font-size: 60px;
    font-weight: 100;
    line-height: 1;
    color: #fff;
}

.main-slider__square {
    width: 390px;
    height: 390px;
    border-width: 50px;
    border-color: #ff4d4d;
    border-style: solid;
    opacity: 0.7;
    position: absolute;
    bottom: 50px;
    left: 30px;
}

@media (max-width: 1199px) {
    .main-slider__title {
        font-size: 42px;
    }

    .main-slider__square {
        width: 250px;
        height: 250px;
        border-width: 35px;
    }
}

@media (max-width: 767px) {
    .main-slider {
    }
    input#button4 {
    max-width: 255px;
    margin: 0 auto;
    display: -webkit-box;
}
input#button3 {
    max-width: 200px;
    margin: 0 auto;
    display: -webkit-box;
}
.header-top__logo {
    margin: 0px 0 0;
}


    .main-slider__item {
        height: 230px;
    }

    .main-slider__info {
        position: absolute;
        top: 100%;
        height: 85%;
    }

    .main-slider__title {
        font-size: 20px;
        color: #000;
        bottom: 80px;
    }

    .main-slider__square {
        width: 116px;
        height: 116px;
        border-width: 20px;
        opacity: 0.3;
    }

    .main-slider .slick-dots li.slick-active button {
        background-color: transparent;
        border-color: #2e4254;
    }

    .main-slider .slick-dots li button {
        background-color: #dddddd;
    }
}

.main-product__row {
    font-size: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.main-product__col {
    font-size: 16px;
    display: inline-block;
    width: 100%;
}
.main-info__text h3 {
    margin-left: 15px;
    margin-top: 10px;
}
.main-info__text ul {
    list-style: disc;
    margin-left: 50px;
}
.main-product__col > * {
    width: 100%;
}

@media (max-width: 1199px) {
    .main-product__row {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .main-product__row_second .main-product__col_first {
        -webkit-box-ordinal-group: 2;
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1;
    }

    .main-product__row_second .main-product__col_second {
        -webkit-box-ordinal-group: 1;
        -webkit-order: 0;
        -ms-flex-order: 0;
        order: 0;
    }

    .main-product__col {
        display: block;
        width: 100%;
    }
}

.main-info {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-align-content: space-between;
    -ms-flex-line-pack: justify;
    align-content: space-between;
    height: 100%;
    padding: 30px 20px;
}

.main-info > * {
    width: 100%;
}

.main-info__text {
    font-size: 14px;
    line-height: 1.5;
    color: #414141;
    margin-bottom: 20px;
}

.main-info__link {
    display: inline-block;
    font-size: 15px;
    font-weight: 700;
    margin-bottom: 20px;
}

.main-info__link:hover {
    text-decoration: underline;
}

.main-info__btn {
    font-size: 0;
    margin: 0 -1%;
}

.main-info__col {
    display: inline-block;
    width: 48%;
    margin: 0 1%;
}

.main-info__col .btn {
    width: 100%;
}

@media (max-width: 767px) {
    .main-info {
        padding: 20px 5px 0 5px;
    }

    .main-info__col {
        width: 98%;
    }

    .main-info .btn {
        margin-bottom: 15px;
    }
}

.main-group {
    padding: 15px 0;
}

.main-group__square {
    font-size: 0;
}

.square {
    font-size: 15px;
    display: inline-block;
    height: 220px;
    margin: 1%;
    width: 48%;
    border-width: 1px;
    border-color: #dddddd;
    border-style: solid;
    -webkit-transition: -webkit-box-shadow 0.3s;
    transition: -webkit-box-shadow 0.3s;
    transition: box-shadow 0.3s;
    transition: box-shadow 0.3s, -webkit-box-shadow 0.3s;
}

.square:hover {
    -webkit-box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.3);
}

.square__info {
    padding: 15px;
}

.square__title {
    font-size: 20px;
    font-weight: 300;
    margin-bottom: 15px;
    white-space: nowrap;
}

.square__text {
    font-size: 14px;
    color: #414141;
    line-height: 1.3;
}

.square__img {
    float: right;
    font-size: 0;
}

@media (max-width: 767px) {
    .square {
        width: 98%;
    }
}

.main-show {
    background-color: #4f677c;
}
.main-info__text p {
    margin-bottom: 15px;
}
.main-show__row {
    font-size: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.main-show__col {
    position: relative;
    font-size: 15px;
    display: inline-block;
    width: 50%;
}

@media (max-width: 767px) {
    .main-show__row {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .main-show__col {
        width: 100%;
    }
}

.main-showroom {
    position: absolute;
    width: 100%;
    height: 100%;
    text-align: right;
}

.main-showroom__block {
    display: inline-block;
    vertical-align: middle;
    width: 570px;
    padding: 30px 50px 30px 0;
    text-align: left;
}

.main-showroom__title {
    font-size: 36px;
    color: #fff;
    font-weight: 500;
    margin-bottom: 20px;
}

.main-showroom__text {
    font-size: 14px;
    color: #bdcedc;
    line-height: 1.7;
}

@media (max-width: 1199px) {
    .main-showroom__block {
        width: 100%;
        padding: 20px;
    }

    .main-showroom__title {
        font-size: 26px;
    }

    .main-showroom__text {
        padding-left: 20px;
    }
}

@media (max-width: 767px) {
    .main-showroom {
        position: relative;
    }

    .main-showroom:before {
        display: none;
    }

    .main-showroom__title {
        font-size: 24px;
    }
}

.main-form {
    height: 100%;
    background-image: url("main-form.jpg");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
}

.main-form__block {
    display: inline-block;
    width: 570px;
    padding: 70px 100px;
}

@media (max-width: 1199px) {
    .main-form__block {
        width: 100%;
        padding: 70px 40px;
    }
}

@media (max-width: 767px) {
    .main-form__block {
        padding: 30px 20px;
    }
}

.main-form__title {
    font-size: 20px;
    font-weight: 300;
    color: white;
    line-height: 1.2;
    margin-bottom: 50px;
}

.main-form__btn {
    margin-top: 30px;
}

.main-form .input {
    color: #fff;
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}

.main-form .input.active {
    border-bottom: 1px solid white;
}

.main-form .input.active + .label {
    color: #2bbfc9;
}

.main-form .label {
    color: #fff;
}

.main-feature {
    text-align: center;
    padding: 50px 0;
    background-color: #f5f5f5;
}

@media (max-width: 767px) {
    .main-feature .slick-dots {
        margin-top: 30px;
        text-align: center;
    }

    .main-feature .slick-dots li.slick-active button {
        background-color: transparent;
        border-color: #2e4254;
    }

    .main-feature .slick-dots li button {
        background-color: #dddddd;
    }
}

.feature__img {
    margin-bottom: 30px;
}

.feature__img img {
    display: inline-block;
}

.feature__title {
    font-size: 20px;
    line-height: 1.2;
    font-weight: 300;
    margin-bottom: 30px;
    min-height: 48px;
}

@media (max-width: 1199px) {
    .feature__title {
        font-size: 16px;
    }
}

.feature__text {
    font-size: 14px;
    font-weight: 500;
    color: #414141;
    line-height: 1.7;
}

.main-example {
    text-align: center;
    padding: 50px 0;
}

.tabs__pagin {
    font-size: 0;
}

.tabs__btn {
    display: inline-block;
    width: 50%;
    border-bottom: 1px solid #eeeded;
    cursor: pointer;
    -webkit-transition: border-color 0.3s;
    transition: border-color 0.3s;
}

.tabs__btn:hover, .tabs__btn.active {
    border-color: #ff8282;
}

.tabs__btn:hover .tabs__txt, .tabs__btn.active .tabs__txt {
    border-color: #ff8282;
}

.tabs__txt {
    display: block;
    padding: 25px 0;
    text-align: center;
    font-size: 20px;
    font-weight: 500;
    border-bottom: 4px solid transparent;
    -webkit-transition: border-color 0.3s;
    transition: border-color 0.3s;
}

.tabs__content {
    margin-top: 0px;
}

.tabs__item {
    font-size: 0;
}

@media (max-width: 767px) {
    .tabs__txt {
        padding: 10px 0;
        font-size: 16px;
    }

    .tabs__txt span {
        display: inline-block;
        max-width: 120px;
    }
}

@media (max-width: 1199px) {
    .main-example__tabs {
        margin: 0 -15px;
    }
}

.example {
    display: inline-block;
    width: 33.3%;
    text-align: left;
}

.example:hover .example__title {
    text-decoration: underline;
}

.example:hover img {
    -webkit-filter: blur(2px);
    filter: blur(2px);
}

.example__img {
    position: relative;
    width: 190px;
    height: 190px;
}

.example__img img {
    width: 100%;
    height: 100%;
}

.example:nth-child(1) .example__img, .example:nth-child(2) .example__img, .example:nth-child(3) .example__img {
    float: right;
    margin-left: 20px;
}

.example:nth-child(1) .example__img:after, .example:nth-child(2) .example__img:after, .example:nth-child(3) .example__img:after {
    content: '';
    position: absolute;
    top: 50%;
    left: -4px;
    margin-top: -16px;
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 16px 0 16px 19px;
    border-color: transparent transparent transparent #fff;
}

.example:nth-child(4) .example__img, .example:nth-child(5) .example__img, .example:nth-child(6) .example__img {
    float: left;
    margin-right: 20px;
}

.example:nth-child(4) .example__img:after, .example:nth-child(5) .example__img:after, .example:nth-child(6) .example__img:after {
    content: '';
    position: absolute;
    top: 50%;
    right: -4px;
    margin-top: -16px;
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 16px 19px 16px 0;
    border-color: transparent #fff transparent transparent;
}

.example__info {
    background-color: #fff;
    padding: 20px;
}

.example__title {
    font-size: 15px;
    line-height: 1.2;
    margin-bottom: 15px;
}

.example__text {
    font-size: 13px;
    color: #414141;
}

.example__result {
    padding: 20px;
    height: 100%;
    background-color: #ff8282;
}

.example__amount {
    color: #fff;
    font-size: 36px;
    font-weight: 900;
}

.example__object {
    font-size: 18px;
    color: #fff;
    margin-bottom: 10px;
}

.example__term {
    font-size: 14px;
    color: #fff;
}

.example__all {
    height: 150px;
    margin-left: 190px;
    border-width: 2px;
    border-style: solid;
    border-color: #ff8282;
    text-align: center;
    line-height: 148px;
    color: #000;
    font-size: 15px;
}

@media (max-width: 1199px) {
    .example {
        width: 50%;
    }

    .example:nth-child(3) .example__img {
        float: left;
        margin-left: 0;
        margin-right: 20px;
    }

    .example:nth-child(3) .example__img:after {
        left: inherit;
        right: -4px;
        width: 0px;
        height: 0px;
        border-style: solid;
        border-width: 16px 20px 16px 0;
        border-color: transparent #fff transparent transparent;
    }

    .example:nth-child(5) .example__img, .example:nth-child(6) .example__img {
        float: right;
        margin-right: 0;
        margin-left: 20px;
    }

    .example:nth-child(5) .example__img:after, .example:nth-child(6) .example__img:after {
        right: inherit;
        left: -4px;
        width: 0px;
        height: 0px;
        border-style: solid;
        border-width: 16px 0 16px 20px;
        border-color: transparent transparent transparent #fff;
    }

    .example__all {
        margin-left: 0;
        margin-right: 190px;
    }
}

@media (max-width: 767px) {
    .example {
        width: 100%;
    }

    .example:nth-child(2) .example__img, .example:nth-child(6) .example__img {
        float: left;
        margin-left: 0;
        margin-right: 20px;
    }

    .example:nth-child(2) .example__img:after, .example:nth-child(6) .example__img:after {
        left: inherit;
        right: -4px;
        width: 0px;
        height: 0px;
        border-style: solid;
        border-width: 16px 20px 16px 0;
        border-color: transparent #fff transparent transparent;
    }

    .example__all {
        margin-left: 160px;
        margin-right: 0;
        height: 120px;
        line-height: 118px;
    }

    .example:nth-child(4), .example:nth-child(5) {
        display: none;
    }

    .example:nth-child(3) .example__img {
        float: right;
        margin-right: 0;
        margin-left: 20px;
    }

    .example:nth-child(3) .example__img:after {
        right: inherit;
        left: -4px;
        width: 0px;
        height: 0px;
        border-style: solid;
        border-width: 16px 0 16px 20px;
        border-color: transparent transparent transparent #fff;
    }

    .example__img {
        width: 160px;
        height: 160px;
    }
}

.main-review {
    padding: 50px 0;
    background-image: url("main-review.jpg");
    background-position: 50% 34%;
    background-repeat: no-repeat;
    background-size: cover;
}

.main-review__title {
    text-align: center;
    font-size: 36px;
    font-weight: 300;
    color: #fff;
    margin-bottom: 30px;
}

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

.main-review__slider .slick-dots {
    margin-top: 50px;
    text-align: center;
}

.review {
    text-align: left;
}

.review__img {
    float: left;
    margin-right: 20px;
}

.review__title {
    display: block;
    font-size: 20px;
    font-weight: 300;
    color: #fff;
    margin-bottom: 10px;
    word-break: break-word;
}

.review__title:hover {
    text-decoration: underline;
}

.review__city {
    font-size: 14px;
    color: #fff;
}

@media (max-width: 1199px) {
    .review {
        text-align: center;
    }

    .review__img {
        float: none;
        display: inline-block;
        margin-right: 0;
        margin-bottom: 20px;
    }

    .review__title {
        display: block;
        margin-bottom: 10px;
    }
}

.b-contacts {
    padding: 50px 0;
}

.b-contacts__title {
    text-align: center;
    font-size: 36px;
    font-weight: 300;
    margin-bottom: 30px;
}

.b-contacts__row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.b-contacts__col {
    width: 33.3%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.b-contacts__numbers .phone {
    padding: 0;
    margin-bottom: 10px;
}

.b-contacts__adress {
    border-color: #dddddd;
    border-style: solid;
    border-left-width: 1px;
    border-right-width: 1px;
}

@media (max-width: 1199px) {
    .b-contacts .adress {
        max-width: 160px;
    }
}

@media (max-width: 767px) {
    .b-contacts {
        text-align: center;
    }

    .b-contacts__row {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .b-contacts__col {
        width: 100%;
    }

    .b-contacts__adress {
        border-width: 1px 0 1px 0;
        margin: 30px 0;
        padding: 30px 0;
    }
}

.mail {
    width: 100%;
    text-align: center;
}

.mail__title {
    font-size: 16px;
}

.mail__adr {
    font-size: 16px;
    text-decoration: underline;
    color: #2bbfc9;
}

.adress {
    font-size: 16px;
}

.worktime__title {
    font-size: 16px;
    margin-bottom: 20px;
}

.worktime__week {
    margin-bottom: 20px;
    font-size: 0;
}

.worktime__day {
    display: inline-block;
    margin-right: 10px;
    background-color: #2e4254;
    width: 20px;
    height: 20px;
}

.worktime__day.off {
    background-color: #dddddd;
}

.worktime__time {
    font-size: 20px;
    color: #787878;
    font-weight: 300;
}

.b-map {
    position: relative;
}

.b-map__map {
    height: 350px;
}

.b-map__btn {
    position: absolute;
    left: 50%;
    bottom: 0px;
    margin-left: -120px;
    display: inline-block;
    width: 240px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-size: 15px;
    color: #fff;
    background-color: #2e4254;
    cursor: pointer;
    -webkit-transition: background-color 0.3s;
    transition: background-color 0.3s;
}

.b-map__btn:hover {
    background-color: #1f2c38;
}

@media (max-width: 767px) {
    .b-map__map {
        height: 320px;
    }

    .b-map__btn {
        bottom: 35px;
        width: 170px;
        margin-left: -85px;
    }
}

.section__title {
    font-size: 36px;
    font-weight: 500;
    line-height: 1;
    margin-bottom: 30px;
}

@media (max-width: 1199px) {
    .section__title {
        font-size: 28px;
    }

    .section__title br {
        display: none;
    }
}

@media (max-width: 1199px) {
    .section__title {
        font-size: 24px;
    }
}

.b-content {
    border-bottom: 1px solid #dfdfdf;
}

.b-content .container {
    position: relative;
}

.b-content__left {
    position: absolute;
    top: 0;
    left: 0;
    width: 270px;
}

.b-content__right {
    padding-left: 300px;
}

@media (max-width: 1199px) {
    .b-content__left {
        position: static;
        width: 100%;
    }

    .b-content__right {
        padding-left: 0;
    }
}

.windows-banner {
    position: relative;
    margin: 0 -15px 50px -315px;
    overflow-x: hidden;
}

.windows-banner .slick-list {
    overflow: inherit;
}

.windows-banner .slick-dots {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 30px;
    text-align: center;
}

.windows-banner__item {
    position: relative;
    height: 500px;
    background-repeat: no-repeat;
    background-position: 0 50%;
    background-size: cover;
}

.windows-banner__item:before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    -webkit-box-shadow: inset 0px 250px 200px -100px rgba(0, 0, 0, 0.75);
    box-shadow: inset 0px 250px 200px -100px rgba(0, 0, 0, 0.75);
}

.windows-banner__info {
    position: relative;
    padding: 30px 430px 30px 30px;
}

.windows-banner__title, .windows-banner__info h1 {
    font-size: 60px;
    font-weight: 100;
    color: #fff;
    line-height: 1;
    margin-bottom: 20px;
}

.windows-banner__text {
    font-size: 20px;
    font-weight: 300;
    color: #fff;
    line-height: 1.5;
}

.windows-banner__btn {
    position: absolute;
    top: 30px;
    right: 90px;
    width: 220px;
    height: 40px;
    background-color: white;
    border: 2px solid white;
    font-weight: 400;
    line-height: 38px;
    text-align: center;
    cursor: pointer;
}

.windows-banner__form {
    display: none;
    position: absolute;
    width: 400px;
    padding: 30px 50px 30px 50px;
    top: 0;
    bottom: 0;
    right: 0;
    background-color: rgba(255, 255, 255, 0.9);
}

.windows-banner__form .label {
    color: #414141;
}

.windows-banner__form .input {
    border-bottom-color: #787878;
}

.windows-banner__form .input.active {
    border-bottom: 1px solid #919191;
}

.windows-banner__form .textarea {
    border: 1px solid #787878;
    background-color: transparent;
}

.windows-banner__form .form__btn {
    margin-top: 0;
}

.windows-banner__form .btn {
    background-color: transparent;
}

.windows-banner__form .btn:hover {
    background-color: #2bbfc9;
}

.windows-banner__name {
    color: #010101;
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 30px;
}

.windows-banner__close {
    background-color: transparent;
    top: 15px;
    right: 15px;
}

@media (max-width: 1199px) {
    .windows-banner {
        margin: 0 -15px 50px -15px;
    }

    .windows-banner__info {
        padding: 30px;
    }

    .windows-banner__title {
        font-size: 42px;
    }

    .windows-banner__text {
        font-size: 16px;
    }

    .windows-banner__btn {
        top: inherit;
        right: 50%;
        margin-right: -110px;
        bottom: 55px;
    }

    .windows-banner .slick-dots {
        bottom: 20px;
    }
}

@media (max-width: 767px) {
    .windows-banner {
        padding: 150px 0 0;
    }

    .windows-banner__item {
        height: 200px;
    }

    .windows-banner__info {
        padding: 30px 15px;
        margin-top: -180px;
    }

    .windows-banner__title {
        font-size: 36px;
        color: #000;
        margin-bottom: 20px;
    }

    .windows-banner__text {
        color: #000;
    }

    .windows-banner .slick-dots {
        position: static;
        margin-top: 20px;
    }

    .windows-banner .slick-dots li.slick-active button {
        background-color: transparent;
        border-color: #2e4254;
    }

    .windows-banner .slick-dots li button {
        background-color: #dddddd;
    }
}

.window-info__square {
    font-size: 0;
}

.window-info__square .square {
    height: 150px;
    margin-bottom: 30px;
}

.window-info__square .square__img {
    width: 148px;
    height: 148px;
}

.window-info__square .square__img img {
    max-width: 100%;
    max-height: 100%;
}

.window-info__square .square__title {
    padding-right: 130px;
    white-space: normal;
    min-height: 85px;
}

@media (max-width: 767px) {
    .window-info__square .square__title {
        min-height: inherit;
        margin-bottom: 10px;
    }
}

.window-info__square .square__link {
    font-size: 15px;
    font-weight: 700;
}

.window-info__square .square__link span {
    text-decoration: underline;
}

.window-info__square .square__link:after {
    content: '〉';
    font-size: 12px;
}

.window-info__partners {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.window-info__partners .b-text {
    -ms-flex: 0 1 auto;
}

@media (max-width: 767px) {
    .window-info__square {
        margin-bottom: 20px;
    }

    .window-info__square .square {
        height: 100px;
        margin-bottom: 10px;
    }

    .window-info__square .square__img {
        width: 98px;
        height: 98px;
    }

    .window-info__square .square__img img {
        max-width: 100%;
        max-height: 100%;
    }

    .window-info__square .square__title {
        padding-right: 100px;
    }

    .window-info__type {
        margin-bottom: 50px;
    }

    .window-info__partners {
        display: block;
    }
}

.partners {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 300px;
    text-align: center;
}

.partners__title {
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 30px;
}

.partners img {
    margin-bottom: 30px;
}

@media (max-width: 1199px) {
    .partners {
        width: 190px;
    }
}

@media (max-width: 767px) {
    .partners {
        width: 100%;
    }
}

.type {
    text-align: center;
    margin-bottom: 20px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.type__img {
    height: 270px;
    line-height: 270px;
    margin-bottom: 10px;
}

.type__img img {
    display: inline-block;
    vertical-align: middle;
    max-width: 100%;
    max-height: 100%;
}

.type__title {
    font-size: 14px;
    line-height: 1.7;
    font-weight: 700;
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
    width: 100%;
}

@media (max-width: 767px) {
    .type {
        display: block;
        margin-top: -1px;
        margin-bottom: 0;
        border-style: solid;
        border-top-width: 1px;
        border-bottom-width: 1px;
        border-color: #dfdfdf;
    }

    .type__title {
        text-align: left;
        position: relative;
        padding: 20px 0;
        line-height: 1;
    }

    .type__title:after {
        content: '';
        position: absolute;
        width: 30px;
        height: 30px;
        background-position: 50% 50%;
        background-repeat: no-repeat;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='10' height='10' viewBox='0 0 306 306'%3E%3Cstyle type='text/css'%3E polygon%7Bfill:%23000;%7D %3C/style%3E%3Cpolygon transform='rotate%2890 153 153%29' points='94.35,0 58.65,35.7 175.95,153 58.65,270.3 94.35,306 247.35,153 '/%3E%3C/svg%3E");
        top: 13px;
        right: 0;
    }

    .type__title.active:after {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='10' height='10' viewBox='0 0 306 306'%3E%3Cstyle type='text/css'%3E polygon%7Bfill:%23000;%7D %3C/style%3E%3Cpolygon transform='rotate%28-90 153 153%29' points='94.35,0 58.65,35.7 175.95,153 58.65,270.3 94.35,306 247.35,153 '/%3E%3C/svg%3E");
    }

    .type__img {
        display: none;
    }
}

.b-dotted-big {
    margin-bottom: 50px;
    padding: 30px;
    border-width: 2px;
    border-color: #ff8282;
    border-style: dashed;
}

.b-dotted-big__txt {
    font-size: 14px;
    line-height: 1.7;
}

@media (max-width: 767px) {
    .b-dotted-big {
        padding: 20px;
    }
}

.b-dotted {
    margin-bottom: 50px;
    padding: 30px;
    border-width: 1px;
    border-color: #ff8282;
    border-style: dashed;
}

.b-dotted__txt {
    font-size: 20px;
    line-height: 1.5;
    font-weight: 300;
}

@media (max-width: 767px) {
    .b-dotted {
        padding: 20px;
    }

    .b-dotted__txt {
        font-size: 16px;
    }
}

.watch {
    background-color: #4f677c;
    text-align: center;
    padding: 50px;
    margin-bottom: 30px;
}

.watch__pre {
    font-size: 20px;
    color: #cae0f2;
    font-weight: 500;
    margin-bottom: 15px;
}

.watch__title {
    font-size: 36px;
    font-weight: 300;
    margin-bottom: 25px;
    color: #fff;
}

.watch__text {
    color: #91b3d0;
    margin-bottom: 30px;
}

@media (max-width: 1199px) {
    .watch__title {
        font-size: 24px;
    }
}

@media (max-width: 767px) {
    .watch {
        padding: 20px;
    }

    .watch__title {
        font-size: 24px;
    }
}

.fasad-banner {
    margin-bottom: 50px;
}

.fasad-banner__title {
    font-size: 60px;
    font-weight: 100;
    line-height: 1;
    margin-bottom: 20px;
}

.fasad-banner__text {
    font-size: 20px;
    font-weight: 300;
    line-height: 1.5;
}

.fasad-banner__list {
    position: relative;
}

.fasad-banner__item {
    height: 357px;
    background-repeat: no-repeat;
    background-position: 0 50%;
    background-size: cover;
}

.fasad-banner .slick-dots {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 30px;
    text-align: center;
}

@media (max-width: 767px) {
    .fasad-banner__item {
        height: 200px;
    }

    .fasad-banner .slick-dots {
        position: static;
        margin-top: 20px;
    }

    .fasad-banner .slick-dots li.slick-active button {
        background-color: transparent;
        border-color: #2e4254;
    }

    .fasad-banner .slick-dots li button {
        background-color: #dddddd;
    }
}

.fasad-info__watch {
    margin-bottom: 30px;
}

.fasad-info__watch .row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
}

.fasad-info__watch .columns {
    position: relative;
}

.fasad-info__watch .watch {
    position: absolute;
    padding: 30px;
    height: 100%;
    width: 100%;
    padding-bottom: 60px;
}

.fasad-info__watch .watch__btn {
    position: absolute;
    bottom: 30px;
    left: 0;
    right: 0;
}

@media (max-width: 767px) {
    .fasad-info__watch .row {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .fasad-info__watch .watch {
        position: relative;
        padding: 30px 20px;
        height: inherit;
    }

    .fasad-info__watch .watch__btn {
        position: static;
    }
}

.fasad-form {
    height: 100%;
    padding: 30px 50px;
}

.fasad-form__title {
    text-align: center;
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 30px;
    color: #fff;
}

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

.fasad-form .textarea {
    background-color: transparent;
    color: #fff;
}

@media (max-width: 1199px) {
    .fasad-form {
        padding: 30px;
    }
}

@media (max-width: 767px) {
    .fasad-form {
        padding: 30px 20px;
    }
}

.mount {
    margin-bottom: 30px;
}

.mount__title {
    font-size: 20px;
    font-weight: 300;
    margin-bottom: 30px;
}

.mount__img {
    display: block;
}

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

.gallery__tabs .tabs__btn {
    width: 33.3%;
}

.gallery__item {
    position: relative;
    padding: 15px;
    display: inline-block;
}

.gallery__item_big {
    width: 64.6%;
}

.gallery__item_small {
    width: 32.2%;
}

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

.gallery__info {
    position: absolute;
    padding: 5px 10px;
    max-width: 290px;
    top: 30px;
    left: 15px;
    background-color: rgba(255, 255, 255, 0.902);
}

.gallery__title {
    font-size: 20px;
    line-height: 1.2;
    font-weight: 300;
    margin-bottom: 5px;
}

.gallery__city {
    font-size: 14px;
    color: #414141;
}

.gallery .tabs__btn {
    width: 33.3%;
}

.gallery .tabs__btn br {
    display: none;
}

.gallery .tabs__content {
    font-size: 0;
    margin: 0 -15px 15px;
}

.overlay.gallery__popup {
    display: none;
    background: rgba(0, 0, 0, 0.97);
    z-index: 999;
    width: 100%;
    height: 100%;
    position: fixed;
    overflow: auto;
    left: 0;
    top: 0;
}

.gallery__popup .popup {
    display: table;
    top: 0px;
    padding: 30px 125px 50px;
    margin: 0 auto;
    max-width: 787px;
    width: 100%;
    overflow: hidden;
    background-color: transparent;
    vertical-align: middle;
}

.gallery__popup .img-container {
    text-align: center;
    vertical-align: middle;
}

.gallery__popup .popup-container {
    position: relative;
}

.gallery__popup .popup .icon-close {
    position: absolute;
    top: 22px;
    right: 0px;
}

.gallery__popup .object-title {
    padding-left: 16px;
    border-left: 7px solid #2bbfc9;
    margin-bottom: 20px;
    text-align: left;
}

.gallery__popup .pop-images {
    position: relative;
}

.gallery__popup .pop-images .name-object {
    margin-bottom: 12px;
    font: 28px/22px Arial;
    font-weight: bold;
    color: #FFF;
}

.gallery__popup .pop-images .location-object {
    font: 18px/13px Arial;
    font-weight: normal;
    color: #FFF;
}

.gallery__popup .pop-small-img {
    margin: 9px -8px 0 0;
}

.gallery__popup .pop-small-img li {
    float: left;
    margin-right: 6px;
}

.gallery__popup .slide-nav a {
    position: absolute;
    top: 325px;
    display: inline-block;
    width: 26px;
    height: 43px;
    background: url(sprite.png) no-repeat;
    z-index: 9999;
}

.gallery__popup .slide-nav a.prev {
    left: -56px;
    background-position: -382px 0px;
}

.gallery__popup .slide-nav a.prev:hover {
    background-position: -382px -43px;
}

.gallery__popup .slide-nav a.next {
    right: -56px;
    background-position: -410px -43px;
}

.gallery__popup .slide-nav a.next:hover {
    background-position: -410px 0px;
}

.gallery__popup .icon {
    display: inline-block;
    position: relative;
    background: url(sprite.png) no-repeat center;
    z-index: 9999;
}

.gallery__popup .icon-close {
    cursor: pointer;
    width: 30px;
    height: 30px;
    background-position: -440px 0;
    top: auto;
    right: 0px;
}

.gallery__popup .pop-small-img li img {
    opacity: 0.4;
    cursor: pointer
}

.gallery__popup .pop-small-img li.cur img {
    opacity: 1.0;
}

.showPopup .gallery__img {
    cursor: pointer
}

@media (max-width: 1054px) {
    .gallery__popup .popup {
        padding: 100px 57px 50px;
    }
}

@media (max-width: 920px) {
    .gallery__popup .popup {
        padding: 20px 0 0 0;
    }

    .gallery__popup .slide-nav a {
        top: 50%;
        margin-top: -22px;
    }

    .gallery__popup .slide-nav a.next {
        right: 0;
    }

    .gallery__popup .slide-nav a.prev {
        left: 0;
    }
}

@media (max-width: 805px) {
    .gallery__popup .img-container img {
        width: 100%;
        height: auto;
    }

    .gallery__popup .pop-small-img {
        width: 100%;
        display: table;
    }

    .gallery__popup .pop-small-img li {
        float: none;
        width: 20%;
        display: table-cell;
    }

    .gallery__popup .pop-small-img li img {
        width: 100%;
        height: auto;
    }

    .gallery__popup .popup {
        display: table-cell;
        vertical-align: middle;
    }

    .gallery__popup .popup-container {
        display: block !important;
    }
}

@media (max-width: 1199px) {
    .gallery__item {
        padding: 5px;
    }

    .gallery__info {
        position: absolute;
        padding: 5px 10px;
        max-width: 220px;
        top: 20px;
        left: 5px;
    }

    .gallery__title {
        font-size: 16px;
    }

    .gallery .tabs__content {
        margin: 0 -5px 15px;
    }
}

@media (max-width: 767px) {
    .gallery .tabs__pagin {
        margin: 0 -15px;
    }

    .gallery .tabs__btn:nth-child(1), .gallery .tabs__btn:nth-child(2) {
        width: 30%;
    }

    .gallery .tabs__btn:nth-child(3) {
        width: 40%;
    }

    .gallery .tabs__btn br {
        display: block;
    }

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

    .gallery__item_big {
        width: auto;
    }

    .gallery__item_small {
        width: auto;
    }
}

.tabs__sort {
    position: relative;
    font-size: 0;
    margin: 30px -5px 20px -5px;
}

.tabs__sort .slick-prev {
    left: -10px;
    background: -webkit-gradient(linear, left top, right top, from(white), to(rgba(255, 255, 255, 0.5)));
    background: -webkit-linear-gradient(left, white 0%, rgba(255, 255, 255, 0.5) 100%);
    background: linear-gradient(to right, white 0%, rgba(255, 255, 255, 0.5) 100%);
}

.tabs__sort .slick-prev:before {
    background-image: url("data:image/svg+xml,%3Csvg height='24' viewBox='-293 385 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23000' d='M-279,403l1.41-1.41l-4.58-4.59l4.58-4.59L-279,391l-6,6L-279,403z'/%3E%3Cpath d='M-269,409h-24v-24h24V409z' fill='none'/%3E%3C/svg%3E");
}

.tabs__sort .slick-next {
    right: -10px;
    background: -webkit-gradient(linear, right top, left top, from(white), to(rgba(255, 255, 255, 0.5)));
    background: -webkit-linear-gradient(right, white 0%, rgba(255, 255, 255, 0.5) 100%);
    background: linear-gradient(to left, white 0%, rgba(255, 255, 255, 0.5) 100%);
}

.tabs__sort .slick-next:before {
    background-image: url("data:image/svg+xml,%3Csvg height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23000' d='M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z'/%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3C/svg%3E");
}

.tabs__type {
    display: inline-block;
    padding: 9px 20px;
    border-width: 2px;
    border-color: #dddddd;
    border-style: solid;
    font-size: 15px;
    color: #a4a4a4;
    margin: 0 5px 10px 5px;
    cursor: pointer;
    -webkit-transition: border-color, color 0.3s;
    transition: border-color, color 0.3s;
}

.tabs__type:hover, .tabs__type.active {
    border-color: #2e4254;
    color: black;
}

.tabs__more {
    margin-bottom: 30px;
    text-align: center;
}

.accordion {
    width: 100%;
}

.accordion .item {
    margin-top: -1px;
    border-style: solid;
    border-color: #dddddd;
    border-width: 1px;
    margin-bottom: 30px;
}

.accordion .item.opened .item__title {
    color: #fff;
    background-color: #4f677c;
}

.accordion .item.opened .item__title:after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='10' height='10' viewBox='0 0 306 306'%3E%3Cstyle type='text/css'%3E polygon%7Bfill:%23fff;%7D %3C/style%3E%3Cpolygon transform='rotate%28-90 153 153%29' points='94.35,0 58.65,35.7 175.95,153 58.65,270.3 94.35,306 247.35,153 '/%3E%3C/svg%3E");
    width: 10px;
    height: 10px;
}

.accordion .item__title {
    position: relative;
    font-size: 20px;
    line-height: 1.25;
    font-weight: 500;
    padding: 15px 50px 15px 20px;
    cursor: pointer;
    background-color: #ededed;
}

.accordion .item__title:after {
    content: '';
    position: absolute;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='10' height='10' viewBox='0 0 306 306'%3E%3Cstyle type='text/css'%3E polygon%7Bfill:%239c9c9c;%7D %3C/style%3E%3Cpolygon transform='rotate%2890 153 153%29' points='94.35,0 58.65,35.7 175.95,153 58.65,270.3 94.35,306 247.35,153 '/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    width: 10px;
    height: 10px;
    right: 20px;
    top: 23px;
}

.accordion .item__info {
    display: none;
    position: relative;
    padding: 50px 30px;
}

@media (max-width: 1199px) {
    .accordion .item__info {
        padding: 30px 20px;
    }

    .accordion .item__title {
        font-size: 16px;
    }

    .accordion .item__title:after {
        top: 20px;
    }
}

.document {
    position: relative;
}

.document__left {
    position: absolute;
    top: 0;
    left: 0;
}

.document__right {
    padding-left: 90px;
}

.document__title {
    font-size: 20px;
    font-weight: 300;
    margin-bottom: 20px;
}

.document__text {
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 30px;
    color: #414141;
}

.document__link {
    font-size: 15px;
    font-weight: 700;
}

.document__link:hover {
    border-bottom: 1px solid #000;
    -webkit-transition: border 0.3s;
    transition: border 0.3s;
}

@media (max-width: 767px) {
    .document {
        margin-bottom: 30px;
        text-align: center;
    }

    .document__left {
        position: relative;
        margin-bottom: 15px;
    }

    .document__right {
        padding-left: 0;
    }

    .document__text {
        margin-bottom: 20px;
    }
}

.reviews-group {
    padding: 50px 30px 0;
}

.reviews-group .slick-dots {
    text-align: center;
    margin-bottom: 50px;
}

.reviews-group .slick-dots li.slick-active button {
    background-color: transparent;
    border-color: #2e4254;
}

.reviews-group .slick-dots li button {
    background-color: #ff8282;
}

.reviews-group__btn {
    display: none;
    text-align: center;
    margin-bottom: 30px;
}

@media (max-width: 767px) {
    .reviews-group {
        padding: 30px 0 0;
    }

    .reviews-group__btn {
        display: block;
    }
}

.view {
    text-align: left;
    padding: 0 10px 30px;
}

.view__img {
    float: left;
    margin-right: 20px;
}

.view__img img {
    border: 1px solid #ddd;
}

.view__title {
    display: block;
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 10px;
    word-break: break-word;
}

.view__title:hover {
    text-decoration: underline;
}

.view__city {
    font-size: 14px;
    color: #787878;
}

@media (max-width: 767px) {
    .view {
        padding: 0 0 30px;
    }
}

.certif__col {
    float: left;
    width: 31.33333%;
    margin-left: 3%;
}

.certif__col:nth-child(3n-2) {
    margin-left: 0;
}

.certif__group {
    padding: 50px;
}

.certif__item {
    text-align: left;
    margin-bottom: 50px;
}

.certif__img {
    float: left;
    margin-right: 20px;
}

.certif__img img {
    border: 1px solid #ddd;
}

.certif__name {
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 20px;
    word-break: break-word;
}

.certif__link {
    font-weight: 500;
    word-break: break-word;
}

.certif__link:hover {
    text-decoration: underline;
}

@media (max-width: 1199px) {
    .certif__group {
        padding: 30px;
    }

    .certif__col {
        width: 48.5%;
    }

    .certif__col:nth-child(3n-2) {
        margin-left: 3%;
    }

    .certif__col:nth-child(2n-1) {
        margin-left: 0;
    }
}

@media (max-width: 767px) {
    .certif__group {
        padding: 30px 0 0;
    }

    .certif__col {
        width: 100%;
        margin-left: 0;
    }

    .certif__col:nth-child(3n-2) {
        margin-left: 0;
    }

    .certif__col:nth-child(2n-1) {
        margin-left: 0;
    }
}

.about-baner {
    margin-bottom: 50px;
}

.about-baner__img {
    position: relative;
    padding-right: 33%;
}

.about-baner__img img {
    max-width: 100%;
}

.about-baner__quote {
    position: absolute;
    width: 33%;
    top: 0;
    bottom: 0;
    right: 0;
    margin-top: 46px;
}

.about-baner__text {
    position: relative;
    padding-left: 60px;
    color: #787878;
    font-size: 20px;
    font-weight: 300;
    display: inline-block;
    vertical-align: middle;
}

.about-baner__text:before {
    content: '';
    position: absolute;
    top: -50px;
    left: 25px;
    width: 34px;
    height: 35px;
    background-image: url("quote.jpg");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
}

@media (max-width: 1199px) {
    .about-baner__text {
        font-size: 16px;
    }

    .about-baner__text:before {
        top: -40px;
        width: 28px;
        height: 29px;
    }
}

@media (max-width: 767px) {
    .about-baner__img {
        padding-right: 0;
    }

    .about-baner__quote {
        position: static;
        width: 100%;
        margin-bottom: 30px;
    }

    .about-baner__text {
        padding-left: 40px;
        margin-top: 50px;
    }

    .about-baner__text:before {
        top: -30px;
        left: 10px;
        width: 23px;
        height: 23px;
    }
}

.about__text {
    margin-bottom: 50px;
}

@media (max-width: 1199px) {
    .about__text {
        margin-bottom: 30px;
    }
}

.news__pagin {
    margin: 50px 0;
    text-align: center;
}

.b-news {
    padding: 30px 0;
    border-style: solid;
    border-color: #dfdfdf;
    border-top-width: 1px;
    border-bottom-width: 1px;
    margin-top: -1px;
}

.b-news__img {
    float: left;
    width: 270px;
}

.b-news__img img {
    max-width: 100%;
}

.b-news__info {
    padding: 0 30px 0 300px;
}

.b-news__date {
    font-size: 14px;
    color: #414141;
    margin-bottom: 5px;
}

.b-news__title {
    font-size: 20px;
    font-weight: 500;
}

.b-news__title:hover {
    text-decoration: underline;
}

.b-news__text {
    margin-top: 30px;
    color: #414141;
    line-height: 1.7;
}

@media (max-width: 1199px) {
    .b-news .b-news__img {
        width: 230px;
    }

    .b-news .b-news__info {
        padding: 0 30px 0 260px;
    }
}

@media (max-width: 767px) {
    .b-news .b-news__img {
        display: block;
        float: none;
        width: auto;
        margin-bottom: 30px;
    }

    .b-news .b-news__info {
        padding: 0;
    }
}

.news-page__text {
    padding-top: 30px;
    margin-bottom: 20px;
    border-top: 1px solid #dfdfdf;
    border-bottom: 1px solid #dfdfdf;
}

.news-page__back {
    margin-bottom: 50px;
}

@media (max-width: 767px) {
    .news-page__back {
        text-align: center;
    }
}

p.title {
    font-size: 20px;
    color: #000;
}

.p-error {
    border-top: 1px solid #dfdfdf;
    padding: 50px 0;
}

.p-error__title {
    font-size: 30px;
    font-weight: 500;
    margin-bottom: 30px;
}

.p-error__text {
    font-size: 14px;
    color: #414141;
    line-height: 1.7;
}

.p-error__text a {
    text-decoration: underline;
    color: #000;
    font-weight: 700;
}

.p-error__img {
    text-align: center;
    padding: 100px 0;
}

.p-error__img img {
    max-width: 100%;
}

@media (max-width: 767px) {
    .p-error__img {
        padding: 50px 0;
    }
}

.p-search {
    border-top: 1px solid #dfdfdf;
    padding: 30px 0;
    margin-bottom: 20px;
}

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

.p-search__form .search__form {
    width: 700px;
}

.p-search__form .search__input {
    width: 100%;
}

.p-search__item {
    border-bottom: 1px solid #dfdfdf;
    padding: 30px 0;
}

.p-search__title {
    font-size: 20px;
    font-weight: 500;
    display: inline-block;
    margin-bottom: 30px;
}

.p-search__title:hover {
    text-decoration: underline;
}

.p-search__text {
    color: #414141;
    font-size: 14px;
    line-height: 1.7;
}

@media (max-width: 1199px) {
    .p-search__form .search__form {
        width: 100%;
    }
}

.contacts__inner {
    border-top: 1px solid #dfdfdf;
    padding: 50px 0;
}

.contacts__svg {
    display: none;
}

.contacts__title {
    font-size: 30px;
    font-weight: 500;
    margin-bottom: 50px;
}

.contacts__block {
    padding: 0 30px;
}

.contacts__item {
    position: relative;
    padding-left: 30px;
    margin-bottom: 40px;
}

.contacts__name {
    font-weight: 700;
    margin-bottom: 20px;
    font-size: 15px;
}

.contacts__text {
    font-size: 14px;
    font-weight: 400;
    color: #414141;
    line-height: 1.7;
}

.contacts__mail {
    color: #2bbfc9;
    text-decoration: underline;
}

.contacts__phone {
    display: inline-block;
    font-weight: 500;
    width: 100px;
}

.contacts__management {
    border-top: 1px solid #dddddd;
    padding: 40px 0 0 30px;
    font-size: 0;
}

.contacts__manager {
    display: inline-block;
    width: 50%;
}

.contacts__icon {
    position: absolute;
    top: -3px;
    left: 0;
}

.contacts__icon svg {
    width: 20px;
    height: 21px;
}

.contacts__map {
    height: 550px;
}

@media (max-width: 1199px) {
    .contacts__inner {
        padding: 30px 0;
    }

    .contacts__title {
        font-size: 24px;
    }

    .contacts__block {
        padding: 0;
    }

    .contacts__management {
        padding: 40px 0 0 0;
    }

    .contacts__manager {
        width: 100%;
        margin-bottom: 40px;
    }

    .contacts__map {
        height: 350px;
    }
}

@media (max-width: 767px) {
    .contacts__map {
        height: 320px;
    }
}

.example__img {
    float: left;
}

@media (max-width: 1199px) {
    .example__all {
        margin-right: 0;
        margin-left: 190px;
    }
}

@media (max-width: 400px) {
    .example__all {
        line-height: 1.4;
        display: flex;
        align-items: center;
        text-align: center;
        padding: 0 10px;
        margin-left: 160px;
    }
}

.contacts__inner .six.columns {
    width: 31.333%;
    margin-left: 3%;
}

.contacts__inner .six.columns:first-child {
    margin-left: 0;
}

@media (max-width: 900px) {
    .contacts__inner .six.columns:nth-child(2n-1) {
        margin-left: 0 !important;
    }

    .contacts__inner .six.columns {
        width: 48.5%;
        margin-left: 3%;
    }
}

@media (max-width: 700px) {
    .contacts__inner .six.columns {
        width: 100%;
        margin-left: 0%;
    }
}

.gallery__popup .popup {
    max-width: 1275px;
}

.pop-images .currentImage {
    display: block;
    max-width: 100%;
    height: auto;
}

h2.item-title {
    font-size: 36px;
    font-weight: 500;
    line-height: 1;
    margin-bottom: 30px;
    color: #000;
}
.custom {
    height: fit-content !important;
}
section.main-feature {
    height: fit-content !important;
    max-height: 300px !important;
}
ul.slick-dots {
    display: none !important;
}