@import "https://fonts.googleapis.com/css?family=Open+Sans:400,300italic,300,400italic,600,600italic,700,700italic&subset=latin,cyrillic";

@import "https://fonts.googleapis.com/css?family=Fira+Sans:400,300,300italic,400italic,500,500italic,700,700italic&subset=latin,cyrillic";



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, strike, strong, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend {

    margin: 0;

    padding: 0;

    border: 0;

    outline: 0;

    font-size: 100%;

    vertical-align: baseline;

    background: transparent

}



table, caption, tbody, tfoot, thead, tr, th, td {

    margin: 0;

    padding: 0;

    outline: 0;

    font-size: 100%;

    vertical-align: top

}



table {

    border-collapse: collapse;

    border-spacing: 0

}



blockquote, q {

    quotes: none

}



blockquote:before, q:before, blockquote:after, q:after {

    content: ''

}



input:focus, textarea:focus, a:focus, button:focus, select:focus {

    outline: 0

}



ins {

    text-decoration: none

}



del, s, strike {

    text-decoration: line-through

}



html {

    -ms-text-size-adjust: 100%;

    -webkit-text-size-adjust: 100%

}



article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {

    display: block;

    margin: 0

}



.clear {

    clear: both

}



.clear-fix:after, .container:after, .container-fluid:after, .row:after {

    content: '';

    clear: both;

    display: table;

    width: 100%

}



.webkit-flicker-fix {

    -webkit-backface-visibility: hidden

}



.webkit-border-radius-fix {

    -webkit-mask-image: -webkit-radial-gradient(circle, #fff, #000);

    -webkit-backface-visibility: hidden

}



.pa {

    position: absolute

}



.pr {

    position: relative

}



.fl {

    float: left

}



.fr {

    float: right

}



.full-width, input[type=text], input[type=password], input[type=email], input[type=search], input[type=tel], input[type=url], textarea, input[type=date], input[type=datetime], input[type=datetime-local], input[type=month], input[type=time], input[type=week], input[type=number], input[type=range], input[type=color] {

    box-sizing: border-box;

    width: 100%

}



a, a *, a:before, a:after {

    transition: all 200ms ease

}



.title-section {

    font-family: 'Clementine';

    font-weight: 300;

    font-size: 60px;

    color: #333

}



.span-before {

    display: block;

    position: relative

}



.span-before:before, .span-before:after {

    position: absolute;

    content: '';

    width: 50px;

    border: 1px dashed #ddd;

    top: 50%

}



.span-before:before {

    left: 30px

}



.span-before:after {

    right: 30px

}



.span-before img {

    display: block;

    margin: 0 auto

}



.ui-state-active a:visited {

    color: #333 !important

}



.tabs {

    border: none !important

}



.title-about-wrapper .tabs-nav {

    top: 36px;

    z-index: 9;

    position: relative

}



.title-about-wrapper .tabs-nav .ui-tabs-nav {

    margin: 0;

    padding: 0;

    background: transparent !important;

    border: none;

    border-bottom: 4px solid #9bd43f;

    position: relative

}



.title-about-wrapper .tabs-nav .ui-state-default {

    background: transparent;

    list-style: none;

    display: inline-block;

    border: 1px solid #d4d4d4;

    height: 58px;

    width: 170px;

    text-align: center;

    padding-top: 18px;

    margin-right: 7px;

    border-top-right-radius: 5px;

    border-top-left-radius: 5px;

    border-bottom: none

}



@media (max-width: 640px) {

    .title-about-wrapper .tabs-nav .ui-state-default {

        display: block;

        border-radius: 0

    }

}



.title-about-wrapper .tabs-nav .ui-tabs-anchor {

    font-size: 16px;

    color: #b9b9b9;

    font-family: 'Open Sans', sans-serif;

    font-weight: 500;

    margin-left: 22px;

    position: relative;

    outline: none

}



.title-about-wrapper .tabs-nav .ui-tabs-anchor:before {

    position: absolute;

    content: '';

    width: 21px;

    height: 21px;

    left: -25px;

    top: 2px

}



.title-about-wrapper .tabs-nav .tabs-2:before {

    content: "\F4A6";

    display: inline-block;

    font: normal normal normal 24px/1 "Material Design Icons";

    font-size: inherit;

    text-rendering: auto;

    -webkit-font-smoothing: antialiased;

    -moz-osx-font-smoothing: grayscale;

    transform: translate(0, 0);

    font-size: 18px

}



.title-about-wrapper .tabs-nav .tabs-1:before {

    content: "\F2FD";

    display: inline-block;

    font: normal normal normal 24px/1 "Material Design Icons";

    font-size: inherit;

    text-rendering: auto;

    -webkit-font-smoothing: antialiased;

    -moz-osx-font-smoothing: grayscale;

    transform: translate(0, 0);

    font-size: 18px

}



.title-about-wrapper .tabs-nav .tabs-3:before {

    content: "\F53D";

    display: inline-block;

    font: normal normal normal 24px/1 "Material Design Icons";

    font-size: inherit;

    text-rendering: auto;

    -webkit-font-smoothing: antialiased;

    -moz-osx-font-smoothing: grayscale;

    transform: translate(0, 0);

    font-size: 18px

}



.title-about-wrapper .tabs-nav .tabs-4:before {

    content: "\F525";

    display: inline-block;

    font: normal normal normal 24px/1 "Material Design Icons";

    font-size: inherit;

    text-rendering: auto;

    -webkit-font-smoothing: antialiased;

    -moz-osx-font-smoothing: grayscale;

    transform: translate(0, 0);

    font-size: 18px

}



.title-about-wrapper .tabs-nav .tabs-5:before {

    content: "\F1E7";

    display: inline-block;

    font: normal normal normal 24px/1 "Material Design Icons";

    font-size: inherit;

    text-rendering: auto;

    -webkit-font-smoothing: antialiased;

    -moz-osx-font-smoothing: grayscale;

    transform: translate(0, 0);

    font-size: 18px

}



.title-about-wrapper .tabs-nav .ui-tabs-active {

    background: #9bd43f !important;

    position: relative

}



.title-about-wrapper .tabs-nav .ui-tabs-active:before {

    position: absolute;

    content: '';

    width: 19px;

    height: 19px;

    left: 75px;

    bottom: -10px;

    background: #9bd43f;

    -webkit-transform: rotate(-45deg);

    -ms-transform: rotate(-45deg);

    transform: rotate(-45deg)

}



@media (max-width: 640px) {

    .title-about-wrapper .tabs-nav .ui-tabs-active:before {

        background: transparent

    }

}



.title-about-wrapper .tabs-nav .ui-tabs-active .ui-tabs-anchor {

    color: #fff

}



.title-about-wrapper .tabs-nav .ui-tabs-active .ui-tabs-anchor .tabs-2:before {

    background: url(../images/rh-1.png) no-repeat

}



.title-about-wrapper .tabs-nav .ui-tabs-active .ui-tabs-anchor .tabs-1:before {

    background: url(../images/rh-2.png) no-repeat

}



.title-about-wrapper .tabs-nav .ui-tabs-active .ui-tabs-anchor .tabs-3:before {

    background: url(../images/rh-3.png) no-repeat

}



.title-about-wrapper .tabs-nav .ui-tabs-active .ui-tabs-anchor .tabs-4:before {

    background: url(../images/rh-4.png) no-repeat

}



.title-about-wrapper .tabs-nav .ui-tabs-active .ui-tabs-anchor .tabs-5:before {

    background: url(../images/rh-5.png) no-repeat

}



.shadow {

    box-shadow: 0 0 13px 6px rgba(183, 184, 185, 0.65)

}



.scale-hover {

    -webkit-transform: scale(1);

    -webkit-transition-timing-function: ease-out;

    -webkit-transition-duration: 550ms;

    -moz-transform: scale(1, 1);

    -moz-transition-timing-function: ease-out;

    -moz-transition-duration: 550ms

}



.scale-hover:hover {

    -webkit-transform: scale(1.05, 1.05);

    -webkit-transition-timing-function: ease-out;

    -webkit-transition-duration: 550ms;

    -moz-transform: scale(1.2, 1.2);

    -moz-transition-timing-function: ease-out;

    -moz-transition-duration: 550ms

}



.service-wrap {

    border-radius: 10px;

    position: relative;

    background: #fff;

    box-shadow: 0 0 13px 6px rgba(183, 184, 185, 0.65);

    box-sizing: border-box;

    width: 220px;

    min-height: 590px;

}



@media (max-width: 1200px) {

    .service-wrap {

        margin: 20px 0;

    }

}



@media (max-width: 992px) {

    .service-wrap {

        -webkit-transform: none !important;

        -ms-transform: none !important;

        transform: none !important

    }

}



@media (max-width: 835px) {

    .service-wrap {

        margin: 0 auto;

    }

}



@media (max-width: 494px) {

    .service-wrap {

        width: 300px;

    }

}



@media (max-width: 320px) {

    .service-wrap {

        width: 295px;

    }

}



.service-wrap .image-block {

    background: #000;

    text-align: center;

    border-bottom-left-radius: 90% 18%;

    border-bottom-right-radius: 90% 18%;

    border-top-right-radius: 10px;

    border-top-left-radius: 10px;

    overflow: hidden;

    position: relative

}



.service-wrap .image-block:after {

    position: absolute;

    content: '';

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.35) 100%);

    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.35) 100%);

    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.35) 100%)

}



.service-wrap .image-block img {

    height: 280px;

    width: 100%;

    display: block;

    margin: 0 auto

}



.service-wrap .text-service-image {

    text-align: center;

    position: absolute;

    z-index: 99;

    top: 210px;

    left: 0;

    padding: 0 40px;

    font-weight: 700;

    font-family: 'Open Sans', sans-serif;

    color: #fff;

    font-size: 16px

}



.service-wrap .text-service-image span {

    font-weight: 300;

    font-size: 13px;

    display: block;

    text-align: center

}



.service-wrap .text-service-image .link-service-place {

    width: 50px;

    height: 50px;

    background: #710d10;

    border-radius: 50%;

    margin: 0 auto

}



.service-wrap .text-service-image .link-service-place a {

    display: block;

    position: relative;

    width: 40px;

    height: 40px;

    border: 1px dashed #f25950;

    border-radius: 50%;

    left: 5px;

    top: 5px;

    box-sizing: border-box

}



.service-wrap .image-block img {

    background: #000;

    opacity: 1

}



.service-wrap .text-service-image .link-service-place a:before {

    position: absolute;

    content: '';

    left: 9px;

    top: 6px;

    background: url(../images/marker-service.png) no-repeat;

    width: 19px;

    height: 25px

}



.service-wrap .service-text {

    transition: all 200ms ease;

    padding: 20px 25px;

    box-sizing: border-box;

    text-align: center

}



.service-wrap .service-text .title-text-service {

    text-align: center;

    width: 100%;

    display: inline-block;

    margin: 0 auto

}



.service-wrap .service-text .title-text-service h4 {

    line-height: 30px;

    color: #2a2a2a;

    font-family: 'Clementine';

    font-weight: 300;

    font-size: 24px;

    margin-top: 22px;

    margin-bottom: 10px

}



.service-wrap .service-text span, .service-short-desc p {

    font-family: 'Open Sans', sans-serif;

    height: 100px;

    font-size: 13px;

    font-weight: 300;

    color: #6f6f6f;

    display: block;

    margin-top: 8px;

    margin-bottom: 0;

}



.service-wrap .service-text .link-service {

    margin-top: 5px;

    margin-bottom: 10px;

    display: inline-block

}



.service-wrap .service-text .link-service a {

    display: inline-block;

    text-decoration: none;

    border: 2px solid #7ebd18;

    font-family: 'Open Sans', sans-serif;

    font-size: 14px;

    color: #9bd43f;

    padding: 7px 64px;

    border-radius: 20px

}



.service-wrap .service-text .link-service a:hover {

    background: #7ebd18;

    color: #fff

}



.title-restaurant {

    font-size: 60px;

    color: #333;

    font-family: 'Clementine';

    font-weight: 300

}



.product-link-item {

    font-family: 'Clementine';

    font-weight: 300;

    font-size: 32px;

    min-height: 190px;

    height: 190px;

    margin-bottom: 30px;

    display: block;

    box-sizing: border-box;

    text-align: center;

    position: relative;

    color: #fff;

    border-radius: 10px;

    box-shadow: 0 6px 13px 0 rgba(145, 145, 145, 0.65);

    overflow: hidden;

    max-height: 100%;

    z-index: 10

}



.product-link-item:hover {

    color: #fff

}



.product-link-item:hover .product-link-wrap {

    background-color: rgba(0, 0, 0, 0.5)

}



.product-link-item:hover img {

    -webkit-transform: scale(1);

    -ms-transform: scale(1);

    transform: scale(1)

}



.product-link-item img {

    width: 100%;

    height: auto;

    -webkit-transform: scale(1.1);

    -ms-transform: scale(1.1);

    transform: scale(1.1);

    border-radius: 10px

}



.product-link-item .product-link-wrap {

    -webkit-backface-visibility: hidden;

    overflow: hidden;

    border-radius: 10px;

    position: absolute;

    left: 0;

    top: 0;

    right: 0;

    bottom: 0;

    background: rgba(0, 0, 0, 0.24)

}



.page-template-candy .product-link-item .product-link-wrap {

    -webkit-backface-visibility: hidden;

    overflow: hidden;

    border-radius: 10px;

    position: absolute;

    left: 0;

    top: 0;

    right: 0;

    bottom: 0;

    background: transparent

}



.product-link-item .product-link-wrap:before {

    content: '';

    margin-left: -.25em;

    height: 100%;

    vertical-align: middle;

    display: inline-block

}



.product-link-item .product-link-text {

    padding: 0 10px;

    display: inline-block;

    vertical-align: middle;

    max-width: 99%;

    color: #fff;

    line-height: 34px

}



.product-type-wrap {

    display: block;

    margin: 0 0 30px;

    padding: 0 0 30px;

    text-align: center;

    transition: all 200ms ease;

    box-shadow: 0 0 13px 6px rgba(183, 184, 185, 0.25);

    border-radius: 5px;

    -webkit-transform: scale(1);

    -webkit-transition-timing-function: ease-out;

    -webkit-transition-duration: 550ms;

    -moz-transform: scale(1, 1);

    -moz-transition-timing-function: ease-out;

    -moz-transition-duration: 550ms

}



.product-type-wrap:hover {

    -webkit-transition-timing-function: ease-out;

    -webkit-transition-duration: 550ms;

    -moz-transition-timing-function: ease-out;

    -moz-transition-duration: 550ms;

    box-shadow: 0 0 13px 6px rgba(183, 184, 185, 0.65)

}



.product-type-wrap:hover .text-type-wrap h4 {

    color: #84b82f

}



.product-type-wrap .image-block {

    position: relative

}



.product-type-wrap .image-block img {

    border-top-left-radius: 5px;

    border-top-right-radius: 5px;

    display: inline-block;

    width: 100%

}



.product-type-wrap .image-block .action-red, .product-type-wrap .image-block .action-yellow {

    width: 60px;

    height: 60px;

    border-radius: 50%;

    display: inline-block;

    position: absolute;

    bottom: -35px;

    left: 40%;

    color: #333;

    font-family: 'Fira Sans', sans-serif;

    padding-top: 10px;

    font-weight: 700;

    text-transform: uppercase;

    font-weight: 500

}



.product-type-wrap .image-block .action-red {

    background: #710d10;

    padding-top: 20px;

    color: #fff

}



.product-type-wrap .image-block .action-yellow {

    background: #fff118

}



.product-type-wrap .text-type-wrap {

    padding: 20px 30px 0

}



.product-type-wrap .text-type-wrap h4 {

    font-family: 'Clementine';

    font-weight: 300;

    font-size: 24px;

    line-height: 22px;

    color: #2a2a2a

}



.product-type-wrap .about-product {

    display: inline-block;

    margin-bottom: 25px;

    margin-top: 20px;

    color: #979797;

    font-size: 14px;

    font-family: 'Open Sans', sans-serif;

    font-weight: 300;

    max-width: 200px;

    word-wrap: break-word;

    min-height: 84px

}



.product-type-wrap .inform-type-wrap {

    border-top: 1px solid #efeeee;

    padding-top: 14px

}



.product-type-wrap .inform-type-wrap:before {

    display: inline-block;

    height: 100%;

    vertical-align: middle

}



.product-type-wrap .inform-type-wrap .mass {

    color: #888;

    font-family: 'Open Sans', sans-serif;

    font-weight: 300;

    vertical-align: middle;

    display: inline-block;

    width: 50%;

    text-align: left

}



.product-type-wrap .inform-type-wrap .product-type-price {

    border-radius: 2px;

    font-family: 'Open Sans', sans-serif;

    font-size: 14px;

    font-weight: 700;

    color: #333;

    display: inline-block;

    background: #ffed9e;

    padding: 5px 8px;

    vertical-align: middle

}



.bread-crumbs {

    margin-bottom: 30px

}



.bread-crumbs ul {

    padding: 0

}



.bread-crumbs li {

    display: inline-block;

    list-style: none

}



.bread-crumbs li a {

    font-family: 'Open Sans', sans-serif;

    font-size: 13px;

    color: #888;

    font-weight: 300

}



.bread-crumbs li:last-child a {

    color: #333;

    cursor: pointer

}



.pagination-wrapper {

    background: #f4f4f4;

    padding: 20px 0 15px

}



.pagination-wrapper ul {

    padding: 0

}



.pagination-wrapper li {

    display: inline-block;

    list-style: none;

    margin-right: 15px;

    vertical-align: middle

}



.pagination-wrapper .active {

    color: #333

}



.pagination-wrapper a {

    display: inline-block;

    font-family: 'Open Sans', sans-serif;

    color: #a7a7a7;

    font-size: 14px;

    text-align: center

}



.pagination-wrapper a:hover {

    color: #333

}



.pagination-wrapper a .fa {

    width: 35px;

    height: 35px;

    color: #333;

    font-size: 18px;

    border: 2px solid #9bd43f;

    border-radius: 50%;

    padding-top: 7px

}



.pagination-wrapper a .fa:hover {

    background: #9bd43f;

    color: #fff

}



.product-information {

    margin-left: 20px

}



.product-information .price-product {

    border-radius: 5px;

    font-family: 'Open Sans', sans-serif;

    font-size: 30px;

    font-weight: 700;

    color: #333;

    display: inline-block;

    background: #ffed9e;

    padding: 5px 10px

}



@media (max-width: 1200px) {

    .product-information .price-product {

        margin-top: 20px

    }

}



.product-information .prod-inform {

    font-size: 14px;

    color: #333;

    font-family: 'Open Sans', sans-serif;

    font-weight: 300;

    margin-top: 30px;

    margin-bottom: 70px

}



.product-information .prod-inform ul {

    padding: 0

}



.product-information .prod-inform li {

    list-style: none;

    margin-top: 15px

}



.product-information .prod-inform .name-inform {

    vertical-align: top;

    display: inline-block;

    width: 140px;

    margin-right: 10px;

    color: #888

}



.product-information .prod-inform .text-inform {

    display: inline-block;

    width: 260px;

    color: #333

}



.product-information .product-item {

    padding-top: 40px;

    border-top: 1px solid #e1e0e0;

    width: 460px;

    font-family: 'Open Sans', sans-serif;

    font-size: 14px;

    font-weight: 300;

    color: #333

}



@media (max-width: 992px) {

    .product-information .product-item {

        width: 100%

    }

}



.product-image {

    width: 270px

}



.product-image img {

    border-radius: 6px

}



.date-news-wrap {

    color: #a2a1a1;

    font-size: 15px;

    background: #f4f4f4;

    padding: 5px 10px;

    display: inline-block;

    border-radius: 3px

}



.title-news-wrap {

    margin-top: 14px;

    margin-bottom: 18px;

    line-height: 30px;

    font-size: 30px;

    color: #333;

    font-weight: 700;

    cursor: pointer

}



.news-item, .news-post-item {

    font-weight: 300;

    color: #333;

    font-size: 16px;

    line-height: 26px

}



.news-main-slider, .about-main-slider, .jobs-main-slider {

    overflow: hidden

}



.news-main-slider .slide, .about-main-slider .slide, .jobs-main-slider .slide {

    float: left;

    position: relative

}



.news-main-slider img, .about-main-slider img, .jobs-main-slider img {

    display: block;

    width: 100%;

    height: 340px;

    left: 50%

}



.news-main-slider .slide-description, .about-main-slider .slide-description, .jobs-main-slider .slide-description {

    position: absolute;

    left: 0;

    right: 0;

    top: 0;

    bottom: 0;

    text-align: center;

    z-index: 5;

    background: rgba(0, 0, 0, 0.5)

}



.about-main-slider .slide-description {

    background: transparent

}



.news-main-slider .slide-description:before, .about-main-slider .slide-description:before, .jobs-main-slider .slide-description:before {

    content: '';

    display: inline-block;

    height: 100%;

    vertical-align: middle;

    margin-right: -.25em

}



.news-main-slider .slide-description .centered-news-slider, .about-main-slider .slide-description .centered-news-slider, .jobs-main-slider .slide-description .centered-news-slider {

    width: 100%;

    height: 100%;

    display: inline-block;

    vertical-align: middle;

    max-width: 99%;

    color: #fff

}



.news-main-slider .slide-description .centered-news-slider .news-slider-text, .about-main-slider .slide-description .centered-news-slider .news-slider-text, .jobs-main-slider .slide-description .centered-news-slider .news-slider-text {

    position: relative;

    top: 25%;

    font-family: 'Clementine';

    font-weight: 300;

    font-size: 95px;

    color: #fff;

    display: inline-block

}



.error-wrapper {

    border-bottom: 8px solid #710d10;

    color: #333

}



.error-wrapper .error-wrap {

    padding: 50px;

    text-align: center

}



.error-wrapper img {

    display: block

}



.error-wrapper .title-error {

    font-family: 'Clementine';

    font-weight: 300;

    font-size: 150px

}



@media (max-width: 992px) {

    .error-wrapper .title-error {

        font-size: 120px

    }

}



@media (max-width: 700px) {

    .error-wrapper .title-error {

        font-size: 80px

    }

}



@media (max-width: 510px) {

    .error-wrapper .title-error {

        font-size: 50px

    }

}



@media (max-width: 375px) {

    .error-wrapper .title-error {

        font-size: 40px

    }

}



.error-wrapper .not-find {

    font-size: 24px;

    font-family: 'Open Sans', sans-serif;

    font-weight: 400;

    float: right

}



@media (max-width: 700px) {

    .error-wrapper .not-find {

        font-size: 18px

    }

}



.error-wrapper .link-error {

    margin-top: 70px;

    text-align: left

}



.error-wrapper .link-error a {

    margin-right: 40px;

    font-size: 16px;

    color: #333;

    display: inline-block;

    text-decoration: underline;

    font-weight: 400;

    font-family: 'Open Sans', sans-serif

}



@media (max-width: 700px) {

    .error-wrapper .link-error a {

        font-size: 12px

    }

}



.error-wrapper .link-error a:hover {

    text-decoration: none

}



.title-page-contact {

    font-family: 'Clementine';

    font-weight: 300;

    font-size: 60px;

    line-height: 70px

}



.title-contact-text {

    font-family: 'Open Sans', sans-serif;

    font-size: 16px;

    font-weight: 300;

    line-height: 26px;

    margin-top: 30px

}



.contact-office h4 {

    font-family: 'Clementine';

    font-weight: 300;

    font-size: 24px;

    color: #2a2a2a

}



.contact-office ul {

    padding: 0;

    margin: 0

}



.contact-office .contact-about-inf {

    list-style: none;

    color: #979797;

    font-size: 12px;

    margin-left: 25px;

    margin-top: 10px;

    margin-bottom: 10px;

    font-family: 'Open Sans', sans-serif;

    font-weight: 300;

    position: relative

}



.contact-office .contact-about-inf:before {

    position: absolute;

    content: '';

    left: -25px;

    top: 1px;

    width: 20px;

    height: 20px

}



.contact-office .place-office:before {

    background: url(../images/place-office.png) no-repeat top left

}



.contact-office .phone-office:before {

    background: url(../images/our-phone-bg.png) no-repeat top left

}



.contact-office .time-office:before {

    background: url(../images/work-time.png) no-repeat top left

}



.contact-office .mail-office:before {

    background: url(../images/mail-contact.png) no-repeat top left

}



.footer-form {

    margin-top: 18px;

    position: relative;

    text-align: left

}



.footer-form span {

    display: none;

    padding: 10px;

    color: red

}



@media (max-width: 992px) {

    .footer-form {

        text-align: left

    }

}



.footer-form input[type="email"] {

    width: 100%;

    height: 40px;

    background: #fff;

    font-family: 'Open Sans', sans-serif;

    font-size: 14px;

    color: #000;

    box-sizing: border-box;

    border-radius: 20px;

    padding: 10px;

    position: relative;

    display: inline-block

}



.footer-form input[type="email"]::-webkit-input-placeholder {

    color: #000

}



.footer-form input[type="email"]::-moz-placeholder {

    color: #000

}



.footer-form input[type="email"]:-moz-placeholder {

    color: #000

}



.footer-form input[type="email"]:-ms-input-placeholder {

    color: #000

}



@media (max-width: 1260px) {

    .footer-form input[type="email"] {

        width: 240px

    }

}



@media (max-width: 1200px) {

    .footer-form input[type="email"] {

        width: 190px

    }

}



.footer-form input[type="submit"] {

    position: absolute;

    content: '';

    background: #9bd43f url(../images/form-bg.png) no-repeat center top;

    background-position: 50% 50%;

    outline: none;

    border: none;

    top: 0;

    border-bottom-right-radius: 20px;

    border-top-right-radius: 20px;

    right: 0;

    width: 40px;

    height: 40px

}



@media (max-width: 1260px) {

    .footer-form input[type="submit"] {

        right: 0

    }

}



@media (max-width: 1200px) {

    .footer-form input[type="submit"] {

        right: 0

    }

}



@media (max-width: 992px) {

    .footer-form input[type="submit"] {

        left: 170px

    }

}



.azaza {

    display: none

}



.base-margin-bottom, h1, h2, h3, h4, h4, h5, h6, p, ul, ol, table, blockquote, .text-content .row {

    margin-bottom: 9px

}



.base-margin-bottom:last-child, h1:last-child, h2:last-child, h3:last-child, h4:last-child, h4:last-child, h5:last-child, h6:last-child, p:last-child, ul:last-child, ol:last-child, table:last-child, blockquote:last-child, .text-content .row:last-child {

    margin-bottom: 0

}



body, input, button, select, textarea {

    font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;

    font-size: 12px

}



@font-face {

    font-family: 'Clementine';

    src: url(fonts/Klementina.eot);

    src: url(fonts/Klementina.eot?#iefix) format("embedded-opentype"), url(fonts/Klementina.woff) format("woff"), url(fonts/Klementina.ttf) format("truetype"), url(fonts/Klementina.svg#Klementina) format("svg");

    font-weight: 400;

    font-style: normal

}



.clementine {

    font-family: 'Clementine';

    font-weight: 300

}



.opensans {

    font-family: 'Open Sans', sans-serif

}



.fira {

    font-family: 'Fira Sans', sans-serif

}



body {

    line-height: 1.5

}



a {

    color: #1e90ff;

    outline: none;

    text-decoration: underline

}



a:hover {

    text-decoration: none

}



img {

    border: none;

    vertical-align: top;

    max-width: 100%;

    height: auto

}



h1 {

    font-size: 36px

}



h2 {

    font-size: 30px

}



h3 {

    font-size: 24px

}



h4 {

    font-size: 18px

}



h5 {

    font-size: 14px

}



h6 {

    font-size: 12px

}



ul, ol {

    padding-left: 20px

}



ul.unstyled, ol.unstyled {

    list-style: none;

    padding: 0;

    margin: 0

}



.text-left {

    text-align: left

}



.text-center {

    text-align: center

}



.text-right {

    text-align: right

}



.text-justify {

    text-align: justify

}



.text-uppercase {

    text-transform: uppercase

}



.text-lowercase {

    text-transform: lowercase

}



pre, code {

    font-family: monospace

}



.text-content blockquote {

    border-left: 2px solid #ccc;

    background: #f2f2f2;

    padding: 10px

}



.text-content q:before {

    content: '“'

}



.text-content q:after {

    content: '”'

}



.text-content thead th {

    border-bottom: 2px solid #ccc

}



.text-content tbody td {

    border-bottom: 1px solid #ccc

}



.text-content tbody tr:nth-child(even) td {

    background: #f2f2f2

}



.text-content th, .text-content td {

    padding: 10px

}



.button {

    display: inline-block;

    margin: 0;

    padding: 0;

    border: none;

    position: relative

}



.button input {

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    opacity: 0;

    position: absolute

}



.lte-ie-8 .button input {

    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);

    filter: alpha(opacity=0)

}



input {

    vertical-align: middle

}



input[type=text], input[type=password], input[type=email], input[type=search], input[type=tel], input[type=url], textarea, input[type=date], input[type=datetime], input[type=datetime-local], input[type=month], input[type=time], input[type=week], input[type=number], input[type=range], input[type=color] {

    display: block;

    margin: 0;

    padding: 0;

    border: 1px solid #ccc;

    border-radius: 0;

    box-shadow: none

}



textarea {

    overflow: auto

}



input[type=button], input[type=reset], input[type=submit], button {

    -webkit-appearance: button;

    cursor: pointer

}



input[type=button]::-moz-focus-inner, input[type=reset]::-moz-focus-inner, input[type=submit]::-moz-focus-inner, button::-moz-focus-inner {

    border: 0;

    padding: 0

}



html {

    height: 100%

}



.no-flexbox body {

    min-height: 100%;

    height: 100%;

    display: block !important

}



.page-wrapper, .footer {

    max-width: none;

    min-width: 0;

    width: 100%;

    margin: 0 auto

}



.no-flexbox .page-wrapper, .no-flexbox .footer {

    width: auto

}



.page-wrapper {

    display: -ms-flexbox;

    display: flex;

    -ms-flex-direction: column;

    flex-direction: column;

    min-height: 100vh

}



.lte-ie-11 .page-wrapper, .lt-ie-11 .page-wrapper {

    min-height: 0

}



.no-flexbox .page-wrapper {

    display: block !important;

    width: auto;

    min-height: 100%;

    height: auto !important;

    height: 100%

}



.page-body {

    -ms-flex: 1;

    flex: 1

}



.page-body.flex-none {

    -ms-flex: none;

    flex: none

}



.wrapper {

    position: relative

}



.text-xs-left {

    text-align: left

}



.text-xs-right {

    text-align: right

}



.text-xs-center {

    text-align: center

}



.text-xs-justify {

    text-align: justify

}



@media (min-width: 767px) {

    .text-sm-left {

        text-align: left

    }



    .text-sm-right {

        text-align: right

    }



    .text-sm-center {

        text-align: center

    }



    .text-sm-justify {

        text-align: justify

    }

}



@media (min-width: 992px) {

    .text-md-left {

        text-align: left

    }



    .text-md-right {

        text-align: right

    }



    .text-md-center {

        text-align: center

    }



    .text-md-justify {

        text-align: justify

    }

}



@media (min-width: 1200px) {

    .text-lg-left {

        text-align: left

    }



    .text-lg-right {

        text-align: right

    }



    .text-lg-center {

        text-align: center

    }



    .text-lg-justify {

        text-align: justify

    }

}



.visible-xs, .visible-sm, .visible-md, .visible-lg {

    display: none !important

}



.visible-xs-block, .visible-xs-inline, .visible-xs-inline-block, .visible-sm-block, .visible-sm-inline, .visible-sm-inline-block, .visible-md-block, .visible-md-inline, .visible-md-inline-block, .visible-lg-block, .visible-lg-inline, .visible-lg-inline-block {

    display: none !important

}



@media (max-width: 767px) {

    .visible-xs {

        display: block !important

    }



    table.visible-xs {

        display: table

    }



    tr.visible-xs {

        display: table-row !important

    }



    th.visible-xs, td.visible-xs {

        display: table-cell !important

    }



    .visible-xs-block {

        display: block !important

    }



    .visible-xs-inline {

        display: inline !important

    }



    .visible-xs-inline-block {

        display: inline-block !important

    }

}



@media (min-width: 767px) and (max-width: 991px) {

    .visible-sm {

        display: block !important

    }



    table.visible-sm {

        display: table

    }



    tr.visible-sm {

        display: table-row !important

    }



    th.visible-sm, td.visible-sm {

        display: table-cell !important

    }



    .visible-sm-block {

        display: block !important

    }



    .visible-sm-inline {

        display: inline !important

    }



    .visible-sm-inline-block {

        display: inline-block !important

    }

}



@media (min-width: 992px) and (max-width: 1199px) {

    .visible-md {

        display: block !important

    }



    table.visible-md {

        display: table

    }



    tr.visible-md {

        display: table-row !important

    }



    th.visible-md, td.visible-md {

        display: table-cell !important

    }



    .visible-md-block {

        display: block !important

    }



    .visible-md-inline {

        display: inline !important

    }



    .visible-md-inline-block {

        display: inline-block !important

    }

}



@media (min-width: 1200px) {

    .visible-lg {

        display: block !important

    }



    table.visible-lg {

        display: table

    }



    tr.visible-lg {

        display: table-row !important

    }



    th.visible-lg, td.visible-lg {

        display: table-cell !important

    }

}



@media (min-width: 1200px) {

    .visible-lg-block {

        display: block !important

    }

}



@media (min-width: 1200px) {

    .visible-lg-inline {

        display: inline !important

    }

}



@media (min-width: 1200px) {

    .visible-lg-inline-block {

        display: inline-block !important

    }

}



@media (max-width: 767px) {

    .hidden-xs {

        display: none !important

    }

}



@media (min-width: 767px) and (max-width: 991px) {

    .hidden-sm {

        display: none !important

    }

}



@media (min-width: 992px) and (max-width: 1199px) {

    .hidden-md {

        display: none !important

    }

}



@media (min-width: 1200px) {

    .hidden-lg {

        display: none !important

    }

}



.visible-print {

    display: none !important

}



@media print {

    .visible-print {

        display: block !important

    }



    table.visible-print {

        display: table

    }



    tr.visible-print {

        display: table-row !important

    }



    th.visible-print, td.visible-print {

        display: table-cell !important

    }

}



.visible-print-block {

    display: none !important

}



@media print {

    .visible-print-block {

        display: block !important

    }

}



.visible-print-inline {

    display: none !important

}



@media print {

    .visible-print-inline {

        display: inline !important

    }

}



.visible-print-inline-block {

    display: none !important

}



@media print {

    .visible-print-inline-block {

        display: inline-block !important

    }

}



@media print {

    .hidden-print {

        display: none !important

    }

}



.container {

    margin-right: auto;

    margin-left: auto;

    padding-left: 15px;

    padding-right: 15px;

    box-sizing: border-box

}



@media (min-width: 767px) {

    .container {

        width: 750px

    }

}



@media (min-width: 991px) {

    .container {

        width: 970px

    }

}



@media (min-width: 1200px) {

    .container {

        width: 1190px

    }

}



.container-fluid {

    margin-right: auto;

    margin-left: auto;

    padding-left: 15px;

    padding-right: 15px;

    box-sizing: border-box

}



.row {

    margin-left: -15px;

    margin-right: -15px

}



.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-fifth-xs-1, .col-fifth-sm-1, .col-fifth-md-1, .col-fifth-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-fifth-xs-2, .col-fifth-sm-2, .col-fifth-md-2, .col-fifth-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-fifth-xs-3, .col-fifth-sm-3, .col-fifth-md-3, .col-fifth-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-fifth-xs-4, .col-fifth-sm-4, .col-fifth-md-4, .col-fifth-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-fifth-xs-5, .col-fifth-sm-5, .col-fifth-md-5, .col-fifth-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-fifth-xs-6, .col-fifth-sm-6, .col-fifth-md-6, .col-fifth-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-fifth-xs-7, .col-fifth-sm-7, .col-fifth-md-7, .col-fifth-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-fifth-xs-8, .col-fifth-sm-8, .col-fifth-md-8, .col-fifth-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-fifth-xs-9, .col-fifth-sm-9, .col-fifth-md-9, .col-fifth-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-fifth-xs-10, .col-fifth-sm-10, .col-fifth-md-10, .col-fifth-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-fifth-xs-11, .col-fifth-sm-11, .col-fifth-md-11, .col-fifth-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12, .col-fifth-xs-12, .col-fifth-sm-12, .col-fifth-md-12, .col-fifth-lg-12 {

    position: relative;

    min-height: 1px;

    padding-left: 15px;

    padding-right: 15px;

    box-sizing: border-box

}



.col-xs-1, .col-fifth-xs-1, .col-xs-2, .col-fifth-xs-2, .col-xs-3, .col-fifth-xs-3, .col-xs-4, .col-fifth-xs-4, .col-xs-5, .col-fifth-xs-5, .col-xs-6, .col-fifth-xs-6, .col-xs-7, .col-fifth-xs-7, .col-xs-8, .col-fifth-xs-8, .col-xs-9, .col-fifth-xs-9, .col-xs-10, .col-fifth-xs-10, .col-xs-11, .col-fifth-xs-11, .col-xs-12, .col-fifth-xs-12 {

    float: left

}



.col-xs-12 {

    width: 100%

}



.col-xs-11 {

    width: 91.66666667%

}



.col-xs-10 {

    width: 83.33333333%

}



.col-xs-9 {

    width: 75%

}



.col-xs-8 {

    width: 66.66666667%

}



.col-xs-7 {

    width: 58.33333333%

}



.col-xs-6 {

    width: 50%

}



.col-xs-5 {

    width: 41.66666667%

}



.col-xs-4 {

    width: 33.33333333%

}



.col-xs-3 {

    width: 25%

}



.col-xs-2 {

    width: 16.66666667%

}



.col-xs-1 {

    width: 8.33333333%

}



.col-fifth-xs-5 {

    width: 100%

}



.col-fifth-xs-4 {

    width: 80%

}



.col-fifth-xs-3 {

    width: 60%

}



.col-fifth-xs-2 {

    width: 40%

}



.col-fifth-xs-1 {

    width: 20%

}



.col-xs-pull-12 {

    right: 100%

}



.col-xs-pull-11 {

    right: 91.66666667%

}



.col-xs-pull-10 {

    right: 83.33333333%

}



.col-xs-pull-9 {

    right: 75%

}



.col-xs-pull-8 {

    right: 66.66666667%

}



.col-xs-pull-7 {

    right: 58.33333333%

}



.col-xs-pull-6 {

    right: 50%

}



.col-xs-pull-5 {

    right: 41.66666667%

}



.col-xs-pull-4 {

    right: 33.33333333%

}



.col-xs-pull-3 {

    right: 25%

}



.col-xs-pull-2 {

    right: 16.66666667%

}



.col-xs-pull-1 {

    right: 8.33333333%

}



.col-xs-pull-0 {

    right: auto

}



.col-fifth-xs-pull-5 {

    right: 100%

}



.col-fifth-xs-pull-4 {

    right: 80%

}



.col-fifth-xs-pull-3 {

    right: 60%

}



.col-fifth-xs-pull-2 {

    right: 40%

}



.col-fifth-xs-pull-1 {

    right: 20%

}



.col-fifth-xs-pull-0 {

    right: auto

}



.col-xs-push-12 {

    left: 100%

}



.col-xs-push-11 {

    left: 91.66666667%

}



.col-xs-push-10 {

    left: 83.33333333%

}



.col-xs-push-9 {

    left: 75%

}



.col-xs-push-8 {

    left: 66.66666667%

}



.col-xs-push-7 {

    left: 58.33333333%

}



.col-xs-push-6 {

    left: 50%

}



.col-xs-push-5 {

    left: 41.66666667%

}



.col-xs-push-4 {

    left: 33.33333333%

}



.col-xs-push-3 {

    left: 25%

}



.col-xs-push-2 {

    left: 16.66666667%

}



.col-xs-push-1 {

    left: 8.33333333%

}



.col-xs-push-0 {

    left: auto

}



.col-fifth-xs-push-5 {

    left: 100%

}



.col-fifth-xs-push-4 {

    left: 80%

}



.col-fifth-xs-push-3 {

    left: 60%

}



.col-fifth-xs-push-2 {

    left: 40%

}



.col-fifth-xs-push-1 {

    left: 20%

}



.col-fifth-xs-push-0 {

    left: auto

}



.col-xs-offset-12 {

    margin-left: 100%

}



.col-xs-offset-11 {

    margin-left: 91.66666667%

}



.col-xs-offset-10 {

    margin-left: 83.33333333%

}



.col-xs-offset-9 {

    margin-left: 75%

}



.col-xs-offset-8 {

    margin-left: 66.66666667%

}



.col-xs-offset-7 {

    margin-left: 58.33333333%

}



.col-xs-offset-6 {

    margin-left: 50%

}



.col-xs-offset-5 {

    margin-left: 41.66666667%

}



.col-xs-offset-4 {

    margin-left: 33.33333333%

}



.col-xs-offset-3 {

    margin-left: 25%

}



.col-xs-offset-2 {

    margin-left: 16.66666667%

}



.col-xs-offset-1 {

    margin-left: 8.33333333%

}



.col-xs-offset-0 {

    margin-left: 0

}



.col-fifth-xs-offset-5 {

    margin-left: 100%

}



.col-fifth-xs-offset-4 {

    margin-left: 80%

}



.col-fifth-xs-offset-3 {

    margin-left: 60%

}



.col-fifth-xs-offset-2 {

    margin-left: 40%

}



.col-fifth-xs-offset-1 {

    margin-left: 20%

}



.col-fifth-xs-offset-0 {

    margin-left: 0

}



@media (min-width: 767px) {

    .col-sm-1, .col-fifth-sm-1, .col-sm-2, .col-fifth-sm-2, .col-sm-3, .col-fifth-sm-3, .col-sm-4, .col-fifth-sm-4, .col-sm-5, .col-fifth-sm-5, .col-sm-6, .col-fifth-sm-6, .col-sm-7, .col-fifth-sm-7, .col-sm-8, .col-fifth-sm-8, .col-sm-9, .col-fifth-sm-9, .col-sm-10, .col-fifth-sm-10, .col-sm-11, .col-fifth-sm-11, .col-sm-12, .col-fifth-sm-12 {

        float: left

    }



    .col-sm-12 {

        width: 100%

    }



    .col-sm-11 {

        width: 91.66666667%

    }



    .col-sm-10 {

        width: 83.33333333%

    }



    .col-sm-9 {

        width: 75%

    }



    .col-sm-8 {

        width: 66.66666667%

    }



    .col-sm-7 {

        width: 58.33333333%

    }



    .col-sm-6 {

        width: 50%

    }



    .col-sm-5 {

        width: 41.66666667%

    }



    .col-sm-4 {

        width: 33.33333333%

    }



    .col-sm-3 {

        width: 25%

    }



    .col-sm-2 {

        width: 16.66666667%

    }



    .col-sm-1 {

        width: 8.33333333%

    }



    .col-fifth-sm-5 {

        width: 100%

    }



    .col-fifth-sm-4 {

        width: 80%

    }



    .col-fifth-sm-3 {

        width: 60%

    }



    .col-fifth-sm-2 {

        width: 40%

    }



    .col-fifth-sm-1 {

        width: 20%

    }



    .col-sm-pull-12 {

        right: 100%

    }



    .col-sm-pull-11 {

        right: 91.66666667%

    }



    .col-sm-pull-10 {

        right: 83.33333333%

    }



    .col-sm-pull-9 {

        right: 75%

    }



    .col-sm-pull-8 {

        right: 66.66666667%

    }



    .col-sm-pull-7 {

        right: 58.33333333%

    }



    .col-sm-pull-6 {

        right: 50%

    }



    .col-sm-pull-5 {

        right: 41.66666667%

    }



    .col-sm-pull-4 {

        right: 33.33333333%

    }



    .col-sm-pull-3 {

        right: 25%

    }



    .col-sm-pull-2 {

        right: 16.66666667%

    }



    .col-sm-pull-1 {

        right: 8.33333333%

    }



    .col-sm-pull-0 {

        right: auto

    }



    .col-fifth-sm-pull-5 {

        right: 100%

    }



    .col-fifth-sm-pull-4 {

        right: 80%

    }



    .col-fifth-sm-pull-3 {

        right: 60%

    }



    .col-fifth-sm-pull-2 {

        right: 40%

    }



    .col-fifth-sm-pull-1 {

        right: 20%

    }



    .col-fifth-sm-pull-0 {

        right: auto

    }



    .col-sm-push-12 {

        left: 100%

    }



    .col-sm-push-11 {

        left: 91.66666667%

    }



    .col-sm-push-10 {

        left: 83.33333333%

    }



    .col-sm-push-9 {

        left: 75%

    }



    .col-sm-push-8 {

        left: 66.66666667%

    }



    .col-sm-push-7 {

        left: 58.33333333%

    }



    .col-sm-push-6 {

        left: 50%

    }



    .col-sm-push-5 {

        left: 41.66666667%

    }



    .col-sm-push-4 {

        left: 33.33333333%

    }



    .col-sm-push-3 {

        left: 25%

    }



    .col-sm-push-2 {

        left: 16.66666667%

    }



    .col-sm-push-1 {

        left: 8.33333333%

    }



    .col-sm-push-0 {

        left: auto

    }



    .col-fifth-sm-push-5 {

        left: 100%

    }



    .col-fifth-sm-push-4 {

        left: 80%

    }



    .col-fifth-sm-push-3 {

        left: 60%

    }



    .col-fifth-sm-push-2 {

        left: 40%

    }



    .col-fifth-sm-push-1 {

        left: 20%

    }



    .col-fifth-sm-push-0 {

        left: auto

    }



    .col-sm-offset-12 {

        margin-left: 100%

    }



    .col-sm-offset-11 {

        margin-left: 91.66666667%

    }



    .col-sm-offset-10 {

        margin-left: 83.33333333%

    }



    .col-sm-offset-9 {

        margin-left: 75%

    }



    .col-sm-offset-8 {

        margin-left: 66.66666667%

    }



    .col-sm-offset-7 {

        margin-left: 58.33333333%

    }



    .col-sm-offset-6 {

        margin-left: 50%

    }



    .col-sm-offset-5 {

        margin-left: 41.66666667%

    }



    .col-sm-offset-4 {

        margin-left: 33.33333333%

    }



    .col-sm-offset-3 {

        margin-left: 25%

    }



    .col-sm-offset-2 {

        margin-left: 16.66666667%

    }



    .col-sm-offset-1 {

        margin-left: 8.33333333%

    }



    .col-sm-offset-0 {

        margin-left: 0

    }



    .col-fifth-sm-offset-5 {

        margin-left: 100%

    }



    .col-fifth-sm-offset-4 {

        margin-left: 80%

    }



    .col-fifth-sm-offset-3 {

        margin-left: 60%

    }



    .col-fifth-sm-offset-2 {

        margin-left: 40%

    }



    .col-fifth-sm-offset-1 {

        margin-left: 20%

    }



    .col-fifth-sm-offset-0 {

        margin-left: 0

    }

}



@media (min-width: 992px) {

    .col-md-1, .col-fifth-md-1, .col-md-2, .col-fifth-md-2, .col-md-3, .col-fifth-md-3, .col-md-4, .col-fifth-md-4, .col-md-5, .col-fifth-md-5, .col-md-6, .col-fifth-md-6, .col-md-7, .col-fifth-md-7, .col-md-8, .col-fifth-md-8, .col-md-9, .col-fifth-md-9, .col-md-10, .col-fifth-md-10, .col-md-11, .col-fifth-md-11, .col-md-12, .col-fifth-md-12 {

        float: left

    }



    .col-md-12 {

        width: 100%

    }



    .col-md-11 {

        width: 91.66666667%

    }



    .col-md-10 {

        width: 83.33333333%

    }



    .col-md-9 {

        width: 75%

    }



    .col-md-8 {

        width: 66.66666667%

    }



    .col-md-7 {

        width: 58.33333333%

    }



    .col-md-6 {

        width: 50%

    }



    .col-md-5 {

        width: 41.66666667%

    }



    .col-md-4 {

        width: 33.33333333%

    }



    .col-md-3 {

        width: 25%

    }



    .col-md-2 {

        width: 16.66666667%

    }



    .col-md-1 {

        width: 8.33333333%

    }



    .col-fifth-md-5 {

        width: 100%

    }



    .col-fifth-md-4 {

        width: 80%

    }



    .col-fifth-md-3 {

        width: 60%

    }



    .col-fifth-md-2 {

        width: 40%

    }



    .col-fifth-md-1 {

        width: 20%

    }



    .col-md-pull-12 {

        right: 100%

    }



    .col-md-pull-11 {

        right: 91.66666667%

    }



    .col-md-pull-10 {

        right: 83.33333333%

    }



    .col-md-pull-9 {

        right: 75%

    }



    .col-md-pull-8 {

        right: 66.66666667%

    }



    .col-md-pull-7 {

        right: 58.33333333%

    }



    .col-md-pull-6 {

        right: 50%

    }



    .col-md-pull-5 {

        right: 41.66666667%

    }



    .col-md-pull-4 {

        right: 33.33333333%

    }



    .col-md-pull-3 {

        right: 25%

    }



    .col-md-pull-2 {

        right: 16.66666667%

    }



    .col-md-pull-1 {

        right: 8.33333333%

    }



    .col-md-pull-0 {

        right: auto

    }



    .col-fifth-md-pull-5 {

        right: 100%

    }



    .col-fifth-md-pull-4 {

        right: 80%

    }



    .col-fifth-md-pull-3 {

        right: 60%

    }



    .col-fifth-md-pull-2 {

        right: 40%

    }



    .col-fifth-md-pull-1 {

        right: 20%

    }



    .col-fifth-md-pull-0 {

        right: auto

    }



    .col-md-push-12 {

        left: 100%

    }



    .col-md-push-11 {

        left: 91.66666667%

    }



    .col-md-push-10 {

        left: 83.33333333%

    }



    .col-md-push-9 {

        left: 75%

    }



    .col-md-push-8 {

        left: 66.66666667%

    }



    .col-md-push-7 {

        left: 58.33333333%

    }



    .col-md-push-6 {

        left: 50%

    }



    .col-md-push-5 {

        left: 41.66666667%

    }



    .col-md-push-4 {

        left: 33.33333333%

    }



    .col-md-push-3 {

        left: 25%

    }



    .col-md-push-2 {

        left: 16.66666667%

    }



    .col-md-push-1 {

        left: 8.33333333%

    }



    .col-md-push-0 {

        left: auto

    }



    .col-fifth-md-push-5 {

        left: 100%

    }



    .col-fifth-md-push-4 {

        left: 80%

    }



    .col-fifth-md-push-3 {

        left: 60%

    }



    .col-fifth-md-push-2 {

        left: 40%

    }



    .col-fifth-md-push-1 {

        left: 20%

    }



    .col-fifth-md-push-0 {

        left: auto

    }



    .col-md-offset-12 {

        margin-left: 100%

    }



    .col-md-offset-11 {

        margin-left: 91.66666667%

    }



    .col-md-offset-10 {

        margin-left: 83.33333333%

    }



    .col-md-offset-9 {

        margin-left: 75%

    }



    .col-md-offset-8 {

        margin-left: 66.66666667%

    }



    .col-md-offset-7 {

        margin-left: 58.33333333%

    }



    .col-md-offset-6 {

        margin-left: 50%

    }



    .col-md-offset-5 {

        margin-left: 41.66666667%

    }



    .col-md-offset-4 {

        margin-left: 33.33333333%

    }



    .col-md-offset-3 {

        margin-left: 25%

    }



    .col-md-offset-2 {

        margin-left: 16.66666667%

    }



    .col-md-offset-1 {

        margin-left: 8.33333333%

    }



    .col-md-offset-0 {

        margin-left: 0

    }



    .col-fifth-md-offset-5 {

        margin-left: 100%

    }



    .col-fifth-md-offset-4 {

        margin-left: 80%

    }



    .col-fifth-md-offset-3 {

        margin-left: 60%

    }



    .col-fifth-md-offset-2 {

        margin-left: 40%

    }



    .col-fifth-md-offset-1 {

        margin-left: 20%

    }



    .col-fifth-md-offset-0 {

        margin-left: 0

    }

}



@media (min-width: 1200px) {

    .col-lg-1, .col-fifth-lg-1, .col-lg-2, .col-fifth-lg-2, .col-lg-3, .col-fifth-lg-3, .col-lg-4, .col-fifth-lg-4, .col-lg-5, .col-fifth-lg-5, .col-lg-6, .col-fifth-lg-6, .col-lg-7, .col-fifth-lg-7, .col-lg-8, .col-fifth-lg-8, .col-lg-9, .col-fifth-lg-9, .col-lg-10, .col-fifth-lg-10, .col-lg-11, .col-fifth-lg-11, .col-lg-12, .col-fifth-lg-12 {

        float: left

    }



    .col-lg-12 {

        width: 100%

    }



    .col-lg-11 {

        width: 91.66666667%

    }



    .col-lg-10 {

        width: 83.33333333%

    }



    .col-lg-9 {

        width: 75%

    }



    .col-lg-8 {

        width: 66.66666667%

    }



    .col-lg-7 {

        width: 58.33333333%

    }



    .col-lg-6 {

        width: 50%

    }



    .col-lg-5 {

        width: 41.66666667%

    }



    .col-lg-4 {

        width: 33.33333333%

    }



    .col-lg-3 {

        width: 25%

    }



    .col-lg-2 {

        width: 16.66666667%

    }



    .col-lg-1 {

        width: 8.33333333%

    }



    .col-fifth-lg-5 {

        width: 100%

    }



    .col-fifth-lg-4 {

        width: 80%

    }



    .col-fifth-lg-3 {

        width: 60%

    }



    .col-fifth-lg-2 {

        width: 40%

    }



    .col-fifth-lg-1 {

        width: 20%

    }



    .col-lg-pull-12 {

        right: 100%

    }



    .col-lg-pull-11 {

        right: 91.66666667%

    }



    .col-lg-pull-10 {

        right: 83.33333333%

    }



    .col-lg-pull-9 {

        right: 75%

    }



    .col-lg-pull-8 {

        right: 66.66666667%

    }



    .col-lg-pull-7 {

        right: 58.33333333%

    }



    .col-lg-pull-6 {

        right: 50%

    }



    .col-lg-pull-5 {

        right: 41.66666667%

    }



    .col-lg-pull-4 {

        right: 33.33333333%

    }



    .col-lg-pull-3 {

        right: 25%

    }



    .col-lg-pull-2 {

        right: 16.66666667%

    }



    .col-lg-pull-1 {

        right: 8.33333333%

    }



    .col-lg-pull-0 {

        right: auto

    }



    .col-fifth-lg-pull-5 {

        right: 100%

    }



    .col-fifth-lg-pull-4 {

        right: 80%

    }



    .col-fifth-lg-pull-3 {

        right: 60%

    }



    .col-fifth-lg-pull-2 {

        right: 40%

    }



    .col-fifth-lg-pull-1 {

        right: 20%

    }



    .col-fifth-lg-pull-0 {

        right: auto

    }



    .col-lg-push-12 {

        left: 100%

    }



    .col-lg-push-11 {

        left: 91.66666667%

    }



    .col-lg-push-10 {

        left: 83.33333333%

    }



    .col-lg-push-9 {

        left: 75%

    }



    .col-lg-push-8 {

        left: 66.66666667%

    }



    .col-lg-push-7 {

        left: 58.33333333%

    }



    .col-lg-push-6 {

        left: 50%

    }



    .col-lg-push-5 {

        left: 41.66666667%

    }



    .col-lg-push-4 {

        left: 33.33333333%

    }



    .col-lg-push-3 {

        left: 25%

    }



    .col-lg-push-2 {

        left: 16.66666667%

    }



    .col-lg-push-1 {

        left: 8.33333333%

    }



    .col-lg-push-0 {

        left: auto

    }



    .col-fifth-lg-push-5 {

        left: 100%

    }



    .col-fifth-lg-push-4 {

        left: 80%

    }



    .col-fifth-lg-push-3 {

        left: 60%

    }



    .col-fifth-lg-push-2 {

        left: 40%

    }



    .col-fifth-lg-push-1 {

        left: 20%

    }



    .col-fifth-lg-push-0 {

        left: auto

    }



    .col-lg-offset-12 {

        margin-left: 100%

    }



    .col-lg-offset-11 {

        margin-left: 91.66666667%

    }



    .col-lg-offset-10 {

        margin-left: 83.33333333%

    }



    .col-lg-offset-9 {

        margin-left: 75%

    }



    .col-lg-offset-8 {

        margin-left: 66.66666667%

    }



    .col-lg-offset-7 {

        margin-left: 58.33333333%

    }



    .col-lg-offset-6 {

        margin-left: 50%

    }



    .col-lg-offset-5 {

        margin-left: 41.66666667%

    }



    .col-lg-offset-4 {

        margin-left: 33.33333333%

    }



    .col-lg-offset-3 {

        margin-left: 25%

    }



    .col-lg-offset-2 {

        margin-left: 16.66666667%

    }



    .col-lg-offset-1 {

        margin-left: 8.33333333%

    }



    .col-lg-offset-0 {

        margin-left: 0

    }



    .col-fifth-lg-offset-5 {

        margin-left: 100%

    }



    .col-fifth-lg-offset-4 {

        margin-left: 80%

    }



    .col-fifth-lg-offset-3 {

        margin-left: 60%

    }



    .col-fifth-lg-offset-2 {

        margin-left: 40%

    }



    .col-fifth-lg-offset-1 {

        margin-left: 20%

    }



    .col-fifth-lg-offset-0 {

        margin-left: 0

    }

}



.main-slider-wrapper {

    position: relative

}



.main-slider-wrapper .main-slider {

    overflow: hidden

}



.main-slider-wrapper .main-slider .slick-prev, .main-slider-wrapper .main-slider .slick-next {

    position: absolute;

    text-indent: -9999px;

    z-index: 5;

    width: 100px;

    top: 0;

    bottom: 0;

    margin-top: -7px;

    outline: none;

    border: none;

    opacity: .5;

    transition: all 200ms ease

}



.main-slider-wrapper .main-slider .slick-prev:hover, .main-slider-wrapper .main-slider .slick-next:hover {

    opacity: 1

}



.main-slider-wrapper .main-slider .slick-prev {

    background: url(../images/prev-h2.png) no-repeat center center;

    left: 0

}



.main-slider-wrapper .main-slider .slick-prev:hover .slick-active {

    left: 60px !important

}



.main-slider-wrapper .main-slider .slick-next {

    right: 0;

    background: url(../images/next-h2.png) no-repeat center center

}



.main-slider-wrapper .main-slider .slick-dots {

    position: absolute;


    right: 7%;

    bottom: 30px;

    padding: 0;

    margin: 0;

    list-style: none;

    text-align: center;

    font-size: 0;
    width: 20px;
    top: 0;
    height: 100px;
    margin: auto;

}


.main-slider-wrapper .main-slider .slick-dots button {

    transition: all 400ms ease

}



.main-slider-wrapper .main-slider .slick-dots li {

    display: inline-block;

    margin: 10px 5px;
    background: transparent;

}



.main-slider-wrapper .main-slider .slick-dots li.slick-active button {

    background: #700d10;

    transition: all 400ms ease

}



.main-slider-wrapper .main-slider .slick-dots button {

    box-sizing: border-box;

    border-radius: 50%;

    display: block;

    width: 10px;

    height: 10px;

    background: transparent;

    padding: 0;

    border: 1px solid #000;

    outline: none;

    text-indent: -9999px

}
.main-slider-wrapper .main-slider .slick-active button{
    background: #700d10;
}



@media (max-width: 992px) {

    .main-slider-wrapper .main-slider .slick-dots button {

        display: none

    }

}



.main-slider-wrapper .main-slider .slick-dots button:hover {


    background: #700d10;

}



.main-slider-wrapper .main-slider .slide {

    float: left;

    position: relative

}



.main-slider-wrapper .main-slider .slide .back-image {

    display: block;

    width: 2000px;

    height: auto;

    left: 50%;

    z-index: 1

}



.main-slider-wrapper .main-slider .slide .text-main-slider {

    position: absolute;

    display: block;

    left: 50%;

    width: 1170px;

    margin-left: -585px;

    top: 50%;

    margin-top: -120px

}



@media (max-width: 1200px) {

    .main-slider-wrapper .main-slider .slide .text-main-slider {

        left: 310px;

        top: 45px

    }

}



@media (max-width: 992px) {

    .main-slider-wrapper .main-slider .slide .text-main-slider {

        text-align: center;

        left: 160px

    }

}



@media (max-width: 820px) {

    .main-slider-wrapper .main-slider .slide .text-main-slider {

        left: 100px

    }

}



@media (max-width: 767px) {

    .main-slider-wrapper .main-slider .slide .text-main-slider {

        top: 10px

    }

}



@media (max-width: 675px) {

    .main-slider-wrapper .main-slider .slide .text-main-slider {

        left: 180px

    }

}



@media (max-width: 510px) {

    .main-slider-wrapper .main-slider .slide .text-main-slider {

        left: 100px

    }

}



.main-slider-wrapper .main-slider .slide .text-main-slider h3 {

    font-size: 95px;

    letter-spacing: .5px;

    line-height: 96px;

    color: #fff;

    font-family: 'Clementine';

    font-weight: 300

}



@media (max-width: 1200px) {

    .main-slider-wrapper .main-slider .slide .text-main-slider h3 {

        font-size: 80px

    }

}



@media (max-width: 992px) {

    .main-slider-wrapper .main-slider .slide .text-main-slider h3 {

        font-size: 60px;

        line-height: 65px

    }

}



@media (max-width: 767px) {

    .main-slider-wrapper .main-slider .slide .text-main-slider h3 {

        font-size: 40px;

        line-height: 46px

    }

}



.main-slider-wrapper .main-slider .slide .text-main-slider span {

    font-size: 24px;

    font-family: 'Open Sans', sans-serif;

    color: #cdcdcd;

    font-weight: 300;

    width: 510px;

    display: block;

    line-height: 34px

}



@media (max-width: 1200px) {

    .main-slider-wrapper .main-slider .slide .text-main-slider span {

        font-size: 20px

    }

}



@media (max-width: 992px) {

    .main-slider-wrapper .main-slider .slide .text-main-slider span {

        font-size: 16px;

        line-height: 20px

    }

}



@media (max-width: 767px) {

    .main-slider-wrapper .main-slider .slide .text-main-slider span {

        font-size: 14px;

        line-height: 16px

    }

}



@media (max-width: 675px) {

    .main-slider-wrapper .main-slider .slide .text-main-slider span {

        width: 200px

    }

}



.main-slider-wrapper .main-slider .slide .text-main-slider .link-slider {

    width: 50px;

    height: 50px;

    border-radius: 50%;

    border: 2px solid #9bd43f;

    display: block;

    transition: all 100ms ease;

    position: relative;

    top: 28px;

    -webkit-transition: all ease .4s;

    -moz-transition: all ease .4s;

    -ms-transition: all ease .4s;

    -o-transition: all ease .4s;

    transition: all ease .4s;

    left: -3px

}



.main-slider-wrapper .main-slider .slide .text-main-slider .link-slider span {

    opacity: 0;

    display: inline-block;

    -webkit-transition: all ease .4s;

    -moz-transition: all ease .4s;

    -ms-transition: all ease .4s;

    -o-transition: all ease .4s;

    transition: all ease .4s;

    font-size: 15px;

    padding: 6px 0 6px 20px;

    border: 2px solid #9bd43f;

    width: 160px;

    border-radius: 25px;

    position: relative;

    bottom: 2px;

    left: -2px;

    font-family: 'Open Sans', sans-serif;

    font-weight: 600

}



@media (max-width: 992px) {

    .main-slider-wrapper .main-slider .slide .text-main-slider .link-slider {

        margin: 0 auto

    }

}



@media (max-width: 580px) {

    .main-slider-wrapper .main-slider .slide .text-main-slider .link-slider {

        display: none

    }

}



.main-slider-wrapper .main-slider .slide .text-main-slider .link-slider:before {

    position: absolute;

    content: '';

    background: url(../images/link-slider.png) no-repeat center center;

    width: 9px;

    height: 15px;

    top: 16px;

    left: 20px

}



.main-slider-wrapper .main-slider .slide .text-main-slider .link-slider:hover {

    border: 0

}



.main-slider-wrapper .main-slider .slide .text-main-slider .link-slider:hover span {

    opacity: 1

}



.main-slider-wrapper .main-slider .slide .text-main-slider .link-slider:hover:before {

    left: 130px

}



.about-us-wrapper {

    padding: 50px 0 79px

}



.about-us-wrapper .about-text {

    font-size: 16px;

    font-weight: 300;

    font-family: 'Open Sans', sans-serif;

    color: #333;

    line-height: 26px;

    margin-top: 20px

}



.service-wrapper {

    background: #f4f4f4;

    padding: 140px 0 106px

}



@media (max-width: 568px) {

    .service-wrapper {

        padding: 145px 0 106px;

    }

}



.service-wrapper .service-wrap {

    position: relative;

    top: 30px;

    display: block;

    opacity: 1

}



.market-wrapper {

    padding: 80px 0 45px

}



.market-wrapper .market-title-section {

    position: relative;

    bottom: 20px;

    font-family: 'Clementine';

    font-weight: 300;

    font-size: 60px;

    color: #333;

    line-height: 70px

}



.market-wrapper .market-title-section span {

    display: block;

    font-family: 'Open Sans', sans-serif;

    font-weight: 300;

    font-size: 16px;

    line-height: 26px;

    margin-top: 25px

}



.market-wrapper .market-image {

    width: 570px;

    height: 310px;

    box-sizing: border-box

}



@media (max-width: 767px) {

    .market-wrapper .market-image {

        width: 100%;

        height: auto

    }

}



.market-wrapper .market-image img {

    border-radius: 5px;

    border: 1px solid #f4f4f4

}



.marker-production-wrapper {

    background: #f4f4f4;

    padding: 70px 0 80px

}



.marker-production-wrapper .col-xs-9, .marker-production-wrapper .col-xs-4 {

    padding-left: 0

}



.marker-production-wrapper .title-production-wrapper {

    font-size: 36px;

    color: #333;

    font-family: 'Clementine';

    font-weight: 300;

    margin-bottom: 10px

}



.marker-production-wrapper .product-wrap {

    border: none

}



.marker-product-wrapper, .type-production-wrapper, .product-wrapper {

    padding: 80px 0 70px;

    background: #fff

}



.type-production-wrapper .col-xs-4 {

    padding-left: 10px

}



.product-wrapper .col-xs-5 {

    width: 34%

}



.page-news-wrapper .container-news {

    width: 805px;

    padding: 30px 0 40px

}



@media (max-width: 992px) {

    .page-news-wrapper .container-news {

        width: auto;

        padding: 0 15px

    }

}



@media (max-width: 767px) {

    .page-news-wrapper .container-news {

        text-align: center

    }

}



.page-news-wrapper .news-wrap {

    border-bottom: 1px solid #eaeaea;

    padding-bottom: 60px;

    margin-top: 50px;

    font-family: 'Open Sans', sans-serif

}



.page-news-wrapper .news-wrap .title-news-wrap {

    margin-bottom: 25px;

    margin-top: 20px

}



.page-news-wrapper .news-wrap .title-news-wrap a:hover {

    color: #7eb920

}



.page-news-wrapper .news-wrap .news-link {

    text-align: left;

    margin-top: 33px;

    position: relative

}



.page-news-wrapper .news-wrap .news-link a {

    display: inline-block;

    color: #fff

}



.page-news-wrapper .news-wrap .news-link a span {

    opacity: 0;

    background: #7eb920;

    border-radius: 20px;

    padding: 9px 43px 10px 23px;

    text-transform: uppercase;

    font-size: 14px;

    transition: all .5s ease

}



.page-news-wrapper .news-wrap .news-link a .fa {

    position: absolute;

    transition: all .3s ease;

    font-size: 24px;

    background: #7eb920;

    width: 40px;

    height: 40px;

    border-radius: 50%;

    padding: 7px 17px;

    left: 0;

    top: -8px

}



.page-news-wrapper .news-wrap .news-link a:hover span {

    opacity: 1

}



.page-news-wrapper .news-wrap .news-link a:hover .fa {

    left: 100px;

    top: -8px;

    background: transparent

}



.pagination-wrapper {

    padding: 10px

}



.pagination-wrapper .container-news {

    width: 825px

}



@media (max-width: 992px) {

    .pagination-wrapper .container-news {

        width: auto

    }

}



.restaurant-wrapper {

    padding: 50px 0 80px;

    background: #fff

}



.restaurant-wrapper .restaurant-text {

    font-family: 'Open Sans', sans-serif;

    margin-top: 18px;

    font-weight: 300;

    color: #333;

    font-size: 16px;

    line-height: 26px

}



.restaurant-place-wrapper {

    padding: 80px 0 86px;

    background: #f4f4f4

}



.title-about-wrapper {

    background: #fff;

    padding: 38px 0 32px

}



.title-about-wrapper .title-restaurant {

    line-height: 90px

}



.title-about-wrapper .title-restaurant span {

    display: block;

    font-family: 'Open Sans', sans-serif;

    color: #888;

    font-size: 13px;

    line-height: 26px;

    font-weight: 300;

    margin-left: 20px;

    position: relative

}



.title-about-wrapper .title-restaurant span:before {

    position: absolute;

    content: '';

    width: 12px;

    height: 16px;

    left: -20px;

    top: 5px;

    background: url(../images/marker-restaurant.png) no-repeat

}



.restaurant-about-wrapper {

    background: #f4f4f4;

    border-top: 4px solid #9bd43f

}



.restaurant-about-wrapper .tabs {

    position: relative

}
.tabs .restaurant-tabs-container {
    height: auto;
}



.restaurant-about-wrapper .tabs .restaurant-tabs-container {

    margin-bottom: 20px;

    margin-top: 50px;

    border: none;

    background: #f4f4f4

}



.restaurant-about-wrapper .tabs .restaurant-tabs-container .image-about-restaurant {

    margin-bottom: 19px

}



.restaurant-about-wrapper .tabs .restaurant-tabs-container .image-about-restaurant img {

    border-radius: 5px

}



.restaurant-about-wrapper .tabs .restaurant-tabs-container .text-about-restaurant {

    font-size: 16px;

    font-family: 'Open Sans', sans-serif;

    color: #333;

    font-weight: 300;

    line-height: 26px;

    display: inline-block

}



.restaurant-about-wrapper .tabs .restaurant-tabs-container .delivery-wrap {

    text-align: center;

    background: #fff;

    padding: 35px 0;

    border-radius: 5px

}



@media (max-width: 1200px) {

    .restaurant-about-wrapper .tabs .restaurant-tabs-container .delivery-wrap {

        margin-top: 30px

    }

}



.restaurant-about-wrapper .tabs .restaurant-tabs-container .delivery-wrap .icon-about {

    display: inline-block;

    width: 80px;

    height: 80px;

    background: #710d10;

    border-radius: 50%;

    margin-bottom: 10px;

    position: relative

}



.restaurant-about-wrapper .tabs .restaurant-tabs-container .delivery-wrap .icon-about:before {

    position: absolute;

    border-radius: 50%;

    content: '';

    width: 65px;

    height: 65px;

    border: 1px dashed #f25950;

    left: 7px;

    top: 7px;

    background: url(../images/delivery-bg.png) no-repeat center center

}



.restaurant-about-wrapper .tabs .restaurant-tabs-container .delivery-wrap .delivery-text {

    color: #2a2a2a;

    font-family: 'Clementine';

    font-weight: 300;

    font-size: 24px;

    width: 200px;

    margin: 0 auto

}



.restaurant-about-wrapper .tabs .restaurant-tabs-container .delivery-wrap .delivery-text span {

    margin-top: 5px;

    margin-bottom: 20px;

    display: block;

    font-family: 'Open Sans', sans-serif;

    font-size: 14px;

    color: #979797;

    font-weight: 300

}



.restaurant-about-wrapper .tabs .restaurant-tabs-container .delivery-wrap .delivery-text a {

    background: #9bd43f;

    color: #fff;

    font-size: 14px;

    font-family: 'Open Sans', sans-serif;

    font-weight: 400;

    display: inline-block;

    padding: 8px 65px 10px;

    border-radius: 20px

}



.restaurant-about-wrapper .tabs #tabs-1 .line-product {

    border-top: 1px solid #e1e0e0

}



.restaurant-about-wrapper .tabs #tabs-1 .col-xs-4, .restaurant-about-wrapper .tabs #tabs-1 .col-xs-9 {

    padding: 0

}



.restaurant-about-wrapper .tabs #tabs-1 .title-product-wrapper {

    color: #333;

    font-family: 'Clementine';

    font-weight: 300;

    font-size: 36px;

    padding-top: 0;

    padding-bottom: 30px

}



.restaurant-about-wrapper .tabs .delivery-about-title {

    font-size: 36px;

    line-height: 42px;

    font-family: 'Clementine';

    font-weight: 300;

    color: #333

}



@media (max-width: 992px) {

    .restaurant-about-wrapper .tabs .delivery-about-title {

        text-align: center;

        width: 400px;

        margin: 0 auto

    }

}



.restaurant-about-wrapper .tabs .delivery-about-title span {

    font-family: 'Open Sans', sans-serif;

    font-size: 16px;

    font-weight: 300;

    display: block;

    line-height: 26px

}



@media (max-width: 992px) {

    .restaurant-about-wrapper .tabs .delivery-about-title span {

        width: 400px;

        margin: 20px auto

    }

}



.restaurant-about-wrapper .tabs .delivery-about-title .top-text-delivery {

    width: 690px;

    margin-top: 27px

}



.restaurant-about-wrapper .tabs .delivery-about-title .bottom-text-delivery {

    margin-top: 40px;

    width: 775px

}



.restaurant-about-wrapper .tabs .delivery-about-title .processes-delivery {

    margin-top: 53px

}



.restaurant-about-wrapper .tabs .delivery-about-title .processes-delivery ul {

    margin: 0;

    padding: 0

}



.restaurant-about-wrapper .tabs .delivery-about-title .processes-delivery li {

    display: inline-block;

    list-style: none;

    margin-right: 40px;

    position: relative

}



@media (max-width: 992px) {

    .restaurant-about-wrapper .tabs .delivery-about-title .processes-delivery li {

        display: block;

        margin-right: 0

    }



    .restaurant-about-wrapper .tabs .delivery-about-title .processes-delivery li:before {

        display: none

    }

}



.restaurant-about-wrapper .tabs .delivery-about-title .processes-delivery li:before {

    position: absolute;

    content: '';

    background: url(../images/image-processes-arrow.png) no-repeat;

    width: 19px;

    height: 12px;

    right: -30px;

    top: 31px

}



.restaurant-about-wrapper .tabs .delivery-about-title .processes-delivery li:first-child {

    margin-left: 10px

}



.restaurant-about-wrapper .tabs .delivery-about-title .processes-delivery li:last-child:before {

    background: none

}



.restaurant-about-wrapper .tabs .delivery-about-title .processes-delivery .image-processes-deliver {

    width: 70px;

    height: 70px;

    background: #710d10;

    position: relative;

    border-radius: 50%;

    display: block;

    margin: 0 auto

}



.restaurant-about-wrapper .tabs .delivery-about-title .processes-delivery .image-processes-deliver:before {

    position: absolute;

    content: '';

    width: 54px;

    height: 54px;

    left: 8px;

    top: 8px;

    border: 1px dashed #f25950;

    border-radius: 50%

}



.restaurant-about-wrapper .tabs .delivery-about-title .processes-delivery .choice-about:before {

    background: url(../images/image-processes-1.png) no-repeat center center

}



.restaurant-about-wrapper .tabs .delivery-about-title .processes-delivery .call-about:before {

    background: url(../images/image-processes-2.png) no-repeat center center

}



.restaurant-about-wrapper .tabs .delivery-about-title .processes-delivery .car-about:before {

    background: url(../images/image-processes-3.png) no-repeat center center

}



.restaurant-about-wrapper .tabs .delivery-about-title .processes-delivery .cake-about:before {

    background: url(../images/image-processes-4.png) no-repeat center center

}



.restaurant-about-wrapper .tabs .delivery-about-title .processes-delivery .text-processes-deliver {

    display: inline-block;

    vertical-align: top;

    text-align: center;

    font-weight: 700;

    font-size: 14px !important;

    width: 151px;

    margin-top: 12px

}



@media (max-width: 992px) {

    .restaurant-about-wrapper .tabs .delivery-about-title .processes-delivery .text-processes-deliver {

        display: block;

        margin: 10px auto

    }

}



.restaurant-about-wrapper .tabs .delivery-about-title .delivery-link {

    margin-top: 19px;

    margin-bottom: 69px

}



.restaurant-about-wrapper .tabs .delivery-about-title .delivery-link a {

    text-decoration: none;

    font-family: 'Open Sans', sans-serif;

    font-size: 14px;

    font-weight: 400;

    color: #fff;

    background: #9bd43f !important;

    padding: 0 70px;

    display: inline-block;

    border-radius: 20px

}



.restaurant-about-wrapper .tabs .popular-product {

    margin-top: 80px

}



.restaurant-about-wrapper .tabs .popular-product .title-product-wrapper {

    margin-bottom: 40px

}



.video-about-wrap {

    border-radius: 5px;

    -webkit-border-radius: 5px;

    -moz-border-radius: 5px;

    -o-border-radius: 5px;

    overflow: hidden;

    height: 340px

}



.restaurant-about-wrapper .tabs .video-about-wrap .play-video {

    position: absolute;

    left: 50%;

    top: 42%;

    z-index: 8

}



.restaurant-about-wrapper .tabs .video-about-wrap video {

    width: 100%;

    height: 353px;

    background: url(../images/video.png) no-repeat center center

}



.restaurant-about-wrapper .tabs .video-image img {

    border-radius: 5px;

    display: block;

    margin: 0 auto 30px

}



.restaurant-about-wrapper .tabs .contact-about {

    position: relative

}



.restaurant-about-wrapper .tabs .contact-about:before {

    position: absolute;

    content: ''

}



.restaurant-about-wrapper .tabs .contact-about iframe {

    width: 100%

}



.restaurant-about-wrapper .tabs .contact-about .contact-office {

    position: absolute;

    width: 570px;

    background: #fff;

    border-radius: 10px;

    z-index: 8;

    top: 20%;

    left: 10%;

    padding: 45px 40px

}



@media (max-width: 992px) {

    .restaurant-about-wrapper .tabs .contact-about .contact-office {

        width: 400px

    }

}



@media (max-width: 767px) {

    .restaurant-about-wrapper .tabs .contact-about .contact-office {

        width: 300px;

        padding: 20px 15px

    }

}



.restaurant-about-wrapper .tabs .contact-about .contact-office .title-contact-about {

    font-size: 36px;

    font-family: 'Clementine';

    font-weight: 300;

    color: #333

}



@media (max-width: 767px) {

    .restaurant-about-wrapper .tabs .contact-about .contact-office .title-contact-about {

        font-size: 20px

    }

}



.restaurant-about-wrapper .tabs .contact-about .contact-office ul {

    padding: 0;

    margin: 0

}



.restaurant-about-wrapper .tabs .contact-about .contact-office .contact-about-inf {

    list-style: none;

    color: #979797;

    font-size: 13px;

    margin-left: 20px;

    margin-top: 10px;

    margin-bottom: 10px;

    font-family: 'Open Sans', sans-serif;

    font-weight: 500;

    position: relative

}



.restaurant-about-wrapper .tabs .contact-about .contact-office .contact-about-inf:before {

    position: absolute;

    content: '';

    left: -20px;

    top: 1px;

    width: 20px;

    height: 20px

}



.restaurant-about-wrapper .tabs .contact-about .contact-office .place-office:before {

    background: url(../images/place-office.png) no-repeat top left

}



.restaurant-about-wrapper .tabs .contact-about .contact-office .phone-office:before {

    background: url(../images/our-phone-bg.png) no-repeat top left

}



.restaurant-about-wrapper .tabs .contact-about .contact-office .time-office:before {

    background: url(../images/work-time.png) no-repeat top left

}



.restaurant-about-wrapper .tabs .menu-price-wrap .col-xs-4 {

    padding-right: 25px !important

}



.restaurant-about-wrapper .tabs .menu-price-wrap .title-product-wrapper {

    padding-top: 60px

}



.restaurant-about-wrapper .tabs .menu-price-wrap .product-type-wrap {

    margin-top: 0;

    margin-bottom: 25px

}



.restaurant-about-wrapper .tabs .menu-price-wrap .product-image {

    text-align: center

}



.restaurant-about-wrapper .tabs .menu-price-wrap .product-image .link-product-image {

    font-family: 'Open Sans', sans-serif;

    font-size: 15px;

    color: #fff;

    display: inline-block;

    padding: 14px 35px 14px 55px;

    background: #9bd43f;

    border-radius: 25px;

    margin: 20px auto 0;

    position: relative

}



.restaurant-about-wrapper .tabs .menu-price-wrap .product-image .link-product-image:before {

    position: absolute;

    content: '';

    background: url(../images/link-product-icon.png) no-repeat;

    width: 23px;

    height: 26px;

    left: 25px;

    top: 11px

}



@media (max-width: 1200px) {

    .restaurant-about-wrapper .tabs .menu-price-wrap .product-information .price-product {

        margin-top: 20px

    }

}



.page-post-wrapper {

    padding: 90px 0

}



.page-post-wrapper .post-container {

    width: 840px

}



@media (max-width: 992px) {

    .page-post-wrapper .post-container {

        width: auto;

        padding: 0 15px

    }

}



.page-post-wrapper .post-wrap {

    padding-bottom: 80px

}



.page-post-wrapper .post-wrap .image-post {

    margin-top: 30px;

    margin-bottom: 40px

}



.page-post-wrapper .post-wrap .news-post-item p {

    margin-top: 30px

}



.page-post-wrapper .pagination-post-page {

    padding: 50px 0 10px;

    border-top: 1px solid #eaeaea;

    text-align: center

}



.page-post-wrapper .pagination-post-page ul {

    margin: 0;

    padding: 0

}



.page-post-wrapper .pagination-post-page li {

    display: inline-block;

    list-style: none;

    width: 33%;

    vertical-align: middle

}



.page-post-wrapper .pagination-post-page li:first-child, .page-post-wrapper .pagination-post-page li:last-child {

    width: 20%

}



.page-post-wrapper .pagination-post-page li a {

    font-family: 'Open Sans', sans-serif;

    font-weight: 400;

    color: #888;

    font-size: 14px;

    text-decoration: underline

}



.page-post-wrapper .pagination-post-page li a:hover {

    text-decoration: none

}



.page-post-wrapper .pagination-post-page .fa {

    border: 1px solid #9bd43f;

    border-radius: 50%;

    font-size: 24px;

    color: #9bd43f;

    padding: 12px 20px

}



.page-post-wrapper .pagination-post-page .fa:hover {

    background: #9bd43f;

    color: #fff

}



.page-post-wrapper .pagination-post-page .fa-angle-right {

    float: right

}



.page-post-wrapper .pagination-post-page .fa-angle-left {

    float: left

}



.page-about-wrapper {

    padding: 0 0 70px

}



.page-about-wrapper .about-wrapper {

    position: relative;

    top: 70px

}



.page-about-wrapper .image-about-page img {

    border-radius: 5px;

    vertical-align: top

}



.page-about-wrapper .title-about-page {

    font-size: 60px;

    color: #333;

    line-height: 60px;

    position: relative;

    bottom: 10px;

    font-family: 'Clementine';

    font-weight: 300

}



.page-about-wrapper .text-about-page {

    font-size: 16px;

    line-height: 26px;

    font-family: 'Open Sans', sans-serif;

    font-weight: 300;

    color: #333;

    margin-top: 17px

}



.page-about-wrapper .text-about-page p {

    margin-bottom: 24px

}



.page-about-wrapper .text-about-page p:last-child {

    margin-bottom: 77px

}



.page-contact-wrapper {
    padding: 30px 0 0px 0;

}



.contact-map-wrapper {

    background: url(../images/map-bg.jpg) no-repeat center center;

    background-attachment: fixed;

    background-size: cover;

    padding: 80px 0

}



.contact-map-wrapper .contact-wrap {

    background: #fff;

    margin-bottom: 30px;

    border-radius: 5px;

    width: 220px;

    margin: 0 auto;

}



@media (max-width: 494px) {

    .contact-map-wrapper .contact-wrap {

        width: 280px;

    }

}



.contact-map-wrapper .contact-wrap .contact-office {

    padding: 7px 25px;

    height: 245px;

}



.contact-map-wrapper .contact-wrap .place-office {

    width: 101px

}



.contact-map-wrapper .contact-wrap .image-contact {

    position: relative

}



.contact-map-wrapper .contact-wrap .image-contact:before {

    position: absolute;

    content: '';

    background: url(../images/marker-contact-page.png) no-repeat;

    width: 19px;

    height: 25px;

    left: 140px;

    top: 90px

}



.contact-map-wrapper .contact-wrap .image-contact img {

    border-bottom-left-radius: 5px;

    border-bottom-right-radius: 5px;

    width: 100%

}



.contact-office-wrapper {

    padding: 50px 0 80px

}



.contact-office-wrapper .contact-form {

    position: relative;

    top: 30px

}



.contact-office-wrapper .contact-form input, .contact-office-wrapper .contact-form textarea {

    padding: 10px;

    border-radius: 5px;

    border: 1px solid #e5e5e5;

    font-family: 'Open Sans', sans-serif

}



.contact-office-wrapper .contact-form input[type="email"] {

    height: 45px;

    margin-bottom: 19px;

    font-size: 13px;

    font-weight: 300;

    color: #000;

}



.contact-office-wrapper .contact-form textarea {

    height: 120px

}



.contact-office-wrapper .contact-form input[type="submit"] {

    padding: 11px 75px;

    background: #9bd43f;

    font-size: 14px;

    color: #fff;

    border-radius: 20px;

    display: inline-block;

margin-bottom: 10px;
}



@media (max-width: 1200px) {

    .contact-office-wrapper .contact-form input[type="submit"] {

        display: block;

        position: relative;

        top: 40px

    }

}



.contact-office-wrapper .contact-form img {

    display: inline-block;

    position: relative;

    top: 23px

}



.our-market-wrapper {

    background: #c70b00 url(../images/our-market-bg.jpg) no-repeat center center;

    padding: 50px 0 60px;

    color: #fff

}



@media (max-width: 992px) {

    .our-market-wrapper {

        margin: 0 auto;

        text-align: center

    }

}



.our-market-wrapper .title-contact-text {

    width: 500px;

    display: inline-block;

    position: relative;

    top: 30px

}



@media (max-width: 580px) {

    .our-market-wrapper .title-contact-text {

        width: 100%

    }

}



iframe {

    width: 100%

}



.page-jobs-wrapper .jobs-wrap {

    font-family: 'Open Sans', sans-serif;

    color: #333;

    border-bottom: 1px solid #eaeaea;

    padding: 20px 0;

}



.page-jobs-wrapper .jobs-wrap:last-child {

    border-bottom: none

}



.page-jobs-wrapper .jobs-wrap .title-jobs {

    font-size: 30px;

    font-weight: 700

}



.page-jobs-wrapper .jobs-wrap .pay {

    margin-top: 25px;

    font-weight: 400;

    font-size: 16px;

    background: #f4f4f4;

    display: inline-block;

    border-radius: 3px;

    padding: 5px

}



.page-jobs-wrapper .jobs-wrap .pay span {

    font-weight: 700

}



.page-jobs-wrapper .jobs-wrap .experience-wrap {

    margin-top: 30px;

    margin-bottom: 10px;

    font-size: 16px;

    font-weight: 300

}



.page-jobs-wrapper .jobs-wrap .experience-wrap .experience-item {

    display: block;

    font-weight: 700

}



.page-jobs-wrapper .jobs-wrap .link-block {

    margin-top: 50px;

    margin-bottom: 80px

}



.page-jobs-wrapper .jobs-wrap .link-block a {

    font-size: 14px;

    color: #fff;

    background: #9bd43f;

    border-radius: 20px;

    padding: 11px 75px;

    display: inline-block

}



.wifi-wrapper {

    background: #f4f4f4;

    height: 600px

}



.wifi-wrapper .wifi-wrap {

    position: relative;

    top: 40px;

    vertical-align: middle;

    padding: 40px 30px;

    width: 270px;

    display: block;

    margin: 0 auto;

    background: #fff;

    border-radius: 5px;

    box-shadow: 0 0 13px 6px rgba(183, 184, 185, 0.65)

}



.wifi-wrapper .wifi-wrap .title-wifi {

    text-align: center;

    font-family: 'Clementine';

    font-weight: 300;

    font-size: 30px;

    color: #333;

    line-height: 40px

}



.wifi-wrapper .wifi-wrap .title-wifi span {

    font-family: 'Open Sans', sans-serif;

    font-size: 14px;

    color: #d1cece;

    display: block;

    line-height: 18px;

    width: 180px;

    margin: 20px auto

}



.wifi-wrapper .wifi-wrap .title-wifi img {

    display: inline-block;

    margin-bottom: 20px

}



.wifi-wrapper .wifi-wrap .form-wifi {

    font-family: 'Open Sans', sans-serif;

    font-weight: 300

}



.wifi-wrapper .wifi-wrap .form-wifi input[type="tel"] {

    border: 1px solid #f4f4f4;

    width: 200px;

    height: 40px;

    padding-left: 15px;

    font-size: 13px;

    color: #d1cece;

    margin-bottom: 15px

}



.wifi-wrapper .wifi-wrap .form-wifi input[type="checkbox"] {

    display: none

}



.wifi-wrapper .wifi-wrap .form-wifi input[type="checkbox"] + label {

    position: relative;

    width: 14px;

    height: 40px;

    display: block

}



.wifi-wrapper .wifi-wrap .form-wifi input[type="checkbox"] + label::before {

    content: "";

    display: inline-block;

    height: 14px;

    width: 14px;

    position: absolute;

    left: 0;

    top: 0;

    background: url(../images/check1.png) no-repeat

}



.wifi-wrapper .wifi-wrap .form-wifi input[type="checkbox"]:checked + label::before {

    background: url(../images/check.png) no-repeat

}



.wifi-wrapper .wifi-wrap .form-wifi span {

    color: #888;

    font-size: 12px;

    display: inline-block;

    width: 150px;

    margin-left: 24px

}



.wifi-wrapper .wifi-wrap .form-wifi input[type="submit"] {

    display: inline-block;

    margin-top: 20px;

    color: #7ebd18;

    border: 1px solid #7ebd18;

    outline: none;

    background: transparent;

    padding: 11px 49px;

    border-radius: 20px;

    font-size: 14px;

    font-family: 'Open Sans', sans-serif

}



.header {

    border-top: 8px solid #710d10;

    background: #f4f4f4;

    position: relative

}



.header .open, .header .close {

    width: 36px;

    height: 20px;

    float: right;

    display: none;

    top: 20px;

    z-index: 9;

    position: relative

}



.header .open:before, .header .close:before, .header .open:after, .header .close:after {

    position: absolute;

    content: '';

    left: 0;

    right: 0;

    background: #710d10;

    margin-top: -1px;

    transition: all 400ms ease

}



.header .open:before, .header .close:before {

    top: 5px;

    height: 2px

}



.header .open:after, .header .close:after {

    top: -2px;

    height: 16px;

    border: 2px solid #710d10;

    border-left: 0;

    border-right: 0;

    background: transparent

}



@media (max-width: 650px) {

    .header .open, .header .close {

        display: block

    }

}



.header .close:before {

    -webkit-transform: rotate(45deg);

    -ms-transform: rotate(45deg);

    transform: rotate(45deg)

}



.header .close:after {

    -webkit-transform: rotate(-45deg);

    -ms-transform: rotate(-45deg);

    transform: rotate(-45deg);

    top: 5px;

    height: 2px;

    border: 1px solid #710d10

}



@media (max-width: 650px) {

    .header .col-xs-6 {

        width: 100%

    }

}



.header .button-language {

    position: absolute;

    left: -19px;

    top: 19px

}



@media (max-width: 1250px) {

    .header .button-language {

        left: 10px

    }

}



.header .button-language button {

    display: block;

    width: 40px;

    padding: 10px 13px 6px 8px;

    box-sizing: border-box;

    outline: none;

    border: none;

    background: #e5e5e5;

    color: #b6b5b5

}



.header .button-language button:hover, .header .button-language button.active {

    color: #1e1e1e;

    background: #d1d1d1

}



.header .button-language button:first-child {

    border-top-left-radius: 10px

}



.header .button-language button:last-child {

    border-bottom-left-radius: 10px

}



.header .logo-block {

    margin-top: -8px

}



@media (max-width: 1250px) {

    .header .logo-block {

        position: relative;

        margin-left: 25px;

        height: 185px

    }

}



.header .logo-block a {

    display: block;

    z-index: 1

}



.header .logo-block a img {

    position: absolute;

    z-index: 9

}



.header ul {

    padding: 0;

    margin: 0

}



.header li {

    list-style: none;

    display: inline-block

}



.header a {

    display: inline-block;

    outline: none

}



.header a.active, .header a:hover, .header a:focus {

    outline: 0

}



.header .header-top {

    margin-top: 8px;

    margin-left: 41px;

    padding-bottom: 6px;

    border-bottom: 1px solid #dbdbdb;

    position: relative

}



@media (max-width: 992px) {

    .header .header-top {

        margin-left: 0

    }



    .header .header-top:before {

        display: none

    }

}



.header .header-top:before {

    position: absolute;

    content: '';

    width: 11px;

    height: 11px;

    border-left: 1px solid #dbdbdb;

    border-top: 1px solid #dbdbdb;

    -webkit-transform: rotate(-135deg);

    -ms-transform: rotate(-135deg);

    transform: rotate(-135deg);

    right: 90px;

    top: 22px;

    background: #f4f4f4

}



.header .header-top li {

    margin-right: 40px

}



.header .header-top a {

    font-family: 'Open Sans', sans-serif;

    font-weight: 300;

    font-size: 14px;

    text-decoration: none

}



.header .header-top .header-top-left {

    display: inline-block

}



@media (max-width: 650px) {

    .header .header-top .header-top-left {

        display: none;

        position: absolute;

        top: 114px;

        z-index: 999;

        width: 100%;

        left: 0;

        background: rgba(0, 0, 0, 0.8)

    }



    .header .header-top .header-top-left li {

        display: block;

        margin: 0;

        padding-left: 15px

    }



    .header .header-top .header-top-left li a {

        font-family: 'Clementine';

        font-weight: 300;

        font-size: 24px;

        line-height: 47px

    }

}



.header .header-top .header-top-left a {

    color: #a2a1a1

}



@media (max-width: 650px) {

    .header .header-top .header-top-left a {

        color: #fff;

        line-height: 36px;

        width: 100%;

        border-bottom: 3px solid transparent

    }

}



.header .header-top .header-top-left a:hover, .header .header-top .header-top-left li.current-menu-item a {

    color: #710d10;

    border-color: #710d10

}



.header .header-top .header-top-right {

    float: right;

    display: inline-block

}



@media (max-width: 590px) {

    .header .header-top .header-top-right {

        display: block;

        text-align: center;

        float: none

    }

}



.header .header-top .header-top-right li:last-child {

    margin-right: 0;

    margin-left: 5px

}



.header .header-top .header-top-right a {

    color: #333;

    position: relative

}



.header .header-top .header-top-right a:before {

    position: absolute;

    content: '';

    top: 2px;

    height: 15px

}



.header .header-top .header-top-right .time-work:before {

    left: -21px;

    width: 15px;

    background: url(../images/work-time.png) no-repeat

}



.header .header-top .header-top-right .our-phone:before {

    left: -23px;

    background: url(../images/our-phone-bg.png) no-repeat;

    width: 16px

}



.header .header-bottom {

    margin-top: 39px;

    margin-bottom: 41px;

    margin-left: 41px

}



@media (max-width: 991px) {

    .header .header-bottom {

        margin-left: 0;

        text-align: center

    }

}



@media (max-width: 767px) {

    .header .header-bottom {

        max-width: 510px;

        margin: 25px auto

    }

}



@media (max-width: 650px) {

    .header .header-bottom {

        display: none;

        position: absolute;

        left: 0;

        top: -160px;

        z-index: 9;

        text-align: left;

        background: rgba(0, 0, 0, 0.8);

        max-width: 100%;

        width: 100%

    }



    .header .header-bottom a {

        color: #fff;

        line-height: 47px !important

    }



    .header .header-bottom a:hover {

        color: #710d10

    }

}



.header .header-bottom li {

    margin-right: 65px

}



@media (max-width: 1220px) {

    .header .header-bottom li {

        margin-right: 10px

    }



    .header .header-bottom {

        margin-left: 0;

    }

}



@media (max-width: 991px) {

    .header .header-bottom li {

        margin-right: 15px;

        margin-left: 15px

    }

}



@media (max-width: 650px) {

    .header .header-bottom li {

        display: block;

        margin-right: 0;

        margin-left: 0;

        padding-left: 15px

    }

}



.header .header-bottom li:last-child {

    margin-right: 0

}



@media (max-width: 991px) {

    .header .header-bottom .line-red {

        -webkit-transform: translate3d(130%, 0, 0);

        transform: translate3d(130%, 0, 0)

    }

}



@media (max-width: 767px) {

    .header .header-bottom .line-red {

        -webkit-transform: translate3d(120%, 0, 0);

        transform: translate3d(120%, 0, 0);

        top: 90px

    }

}



@media (max-width: 650px) {

    .header .header-bottom .line-red {

        display: none

    }

}



.header .header-bottom a {

    font-family: 'Clementine';

    text-decoration: none;

    color: #333;

    font-size: 19px;

    z-index: 9

}



@media (max-width: 650px) {

    .header .header-bottom a {

        line-height: 36px;

        color: #fff !important;

        border-bottom: 3px solid transparent;

        width: 100%

    }



    .header .header-bottom a:hover {

        color: #710d10 !important;

        border-color: #710d10

    }

}



.header .city-btn {

    right: 0;

    top: 60px;

    margin-top: 6px;

    position: absolute;

    background: #9bd43f;

    border-radius: 22px;

    outline: none;

    border: none;

    padding: 12px 46px 12px 6px

}



@media (max-width: 991px) {

    .header .city-btn {

        top: -80px

    }

}



.header .city-btn:before, .header .city-btn:after {

    position: absolute;

    content: ''

}



.header .city-btn:before {

    background: url(../images/marker-header.png) no-repeat;

    width: 12px;

    height: 16px;

    left: 19px;

    top: 13px

}



.header .city-btn:after {

    background: url(../images/after-marker.png) no-repeat;

    width: 15px;

    height: 14px;

    right: 19px;

    top: 15px

}



.header .city-btn span {

    border-right: 1px solid #b5e16d;

    color: #fff;

    font-size: 14px;

    font-weight: 500;

    letter-spacing: .5px;

    padding: 0 20px 0 32px

}



.header .city-list {

    display: none;

    padding: 0 0 60px;

    background: #fff;

    position: fixed;

    top: 0;

    left: 0;

    z-index: 99;

    width: 100%;

    height: 100% !important;

    color: #040404

}



.header .close-city {

    position: relative

}



.header .close-city-button {

    top: 40px;

    right: 40px;

    position: absolute

}



.header .close-city-button:before {

    position: absolute;

    content: '';

    background: url(../images/close-city.png) no-repeat;

    width: 28px;

    height: 28px;

    left: 0;

    right: 0

}



.header .city-list-title {

    position: relative;

    margin-top: 10%;

    font-family: 'Clementine';

    font-weight: 300;

    font-size: 120px;

    text-align: center

}



.header .city-list-wrap {

    margin-top: 0;

    margin-bottom: 20px;

    display: inline-block;

    border-top-left-radius: 6px;

    border-top-right-radius: 6px

}



.header .city-list-wrap .city-list-image {

    position: relative;

    height: 180px;

    overflow: hidden;

    margin-top: 50px

}



.header .city-list-wrap .city-list-image:before {

    position: absolute;

    content: '';

    background: rgba(0, 0, 0, 0.68) url(../images/city-check.png) no-repeat;

    background-position: 50%;

    width: 100%;

    height: 100%;

    left: 0;

    top: 100%;

    border-top-left-radius: 6px;

    border-top-right-radius: 6px;

    transition: all 200ms ease;

    opacity: 0;

    z-index: 9

}



.header .city-list-wrap .city-list-image img {

    position: relative;

    bottom: 40px

}



.header .city-list-wrap .city-list-image:hover:before {

    opacity: 1;

    top: 0

}



.header .city-list-wrap-text {

    text-align: center;

    background: #f6f6f6;

    font-weight: 700;

    border-bottom-left-radius: 6px;

    border-bottom-right-radius: 6px;

    padding: 20px 0;

    font-family: 'Open Sans', sans-serif;

    font-size: 24px

}



.header .city-list-wrap-text span {

    font-size: 14px;

    display: block;

    font-weight: 400

}



.header .form-about {

    position: absolute;

    z-index: 9;

    background: #fff;

    border: 1px solid #f4f4f4;

    left: 50%;

    top: 100%;

    margin-top: 142px;

    margin-left: -190px;

    width: 370px;

    padding: 45px;

    box-sizing: border-box

}



.header .form-about input[type="submit"] {

    right: -22px

}



.header .form-about-title {

    font-family: 'Clementine';

    font-weight: 300;

    font-size: 30px;

    color: #333

}



.header .form-about-text {

    font-family: 'Open Sans', sans-serif;

    font-size: 14px;

    color: #979797

}



.header .close-form {

    position: absolute;

    right: 30px;

    top: 10px

}



.header .close-form-about {

    position: relative

}



.header .close-form-about:before {

    position: absolute;

    content: '';

    background: url(../images/close-form-about.png) no-repeat;

    width: 11px;

    height: 11px;

    left: 0;

    top: 0

}



.footer {

    background: #1e1e1e;

}



.footer ul {

    padding: 0;

    margin: 0

}



.footer li {

    list-style: none

}



.footer .footer-wrap {

    margin-top: 0;

    padding: 0;

}

.footer-wrap ul {

    position: relative;
    column-count: 2;
    top: 50px;

}


.footer .footer-wrap .title-footer {

    color: #d1d1d1;

    font-size: 24px;

    margin-bottom: 3px;

    font-family: 'Clementine';

    font-weight: 300;

    /*position: absolute;*/

    top: 5px;

}

@media (max-width: 510px){

    .footer-wrap ul {

        top: 5px;

    }

}

.footer .footer-wrap .title-footer span {

    display: block;

    line-height: 21px;

    margin-top: 4px;

    color: #fff;

    font-size: 14px;

    font-weight: 300;

    font-family: 'Open Sans', sans-serif

}



.footer .footer-wrap a {

    font-weight: 300;

    font-family: 'Open Sans', sans-serif;

    color: #fff;

    text-decoration: none;

    display: inline-block;

    font-size:20px;

    line-height: 26px;

    transition: all 500ms ease;
    font-family: 'Clementine';


}



.footer .footer-wrap a:hover {

    text-decoration: underline;

    color: #fff

}



.footer .footer-about, .footer .footer-contact {

    position: relative

}

@media (max-width: 320px) {

    .footer .footer-wrap a {

        font-size: 13px;

    }

}

@media (max-width: 991px) {

    .footer .footer-about:before, .footer .footer-contact:before {

        display: none

    }

}



.footer .footer-about:before {

    display: none !important

}



.footer .footer-about:before, .footer .footer-contact:before {

    position: absolute;

    content: '';

    width: 1px;

    height: 130px;

    top: 0;

    background: #393939

}



.footer .footer-about:before {

    right: -10px

}



.footer .footer-contact {

    margin-left: 10px;

    position: relative;

    display: none;

}



.footer .footer-contact:before {

    left: -30px

}



.footer .footer-bot {

    margin-top: 20px;

    padding: 11px 0 10px;

    border-top: 1px solid #393939

}



.footer .footer-bot .inform-footer {

    color: #616161;

    font-size: 12px;

    line-height: 31px;

    margin-left: 5px;

    letter-spacing: .1px;

    font-family: 'Open Sans', sans-serif

}



.footer .footer-bot .inform-footer span {

    color: #527b0f

}



.footer .footer-bot .social-icon {

    float: right

}



.footer .footer-bot .social-icon li {

    display: inline-block;

    margin-right: 8px

}



.footer .footer-bot .social-icon li:last-child {

    margin-right: 0

}



.footer .footer-bot .social-icon li a {

    text-align: center

}



.footer .footer-bot .social-icon li .fa {

    line-height: 30px;

    vertical-align: middle;

    height: 30px;

    width: 30px;

    border-radius: 50%;

    font-size: 14px;

    color: #fff

}



.footer .footer-bot .social-icon li .fa-vk {

    background: #446a98;

    display: none;

}



.footer .footer-bot .social-icon li .fa-facebook {

    background: #3b4a8f

}



.footer .footer-bot .social-icon li .fa-odnoklassniki {

    background: #e87601

}



.footer .footer-bot .social-icon li .fa-instagram {

    background: #e22162

}



.accordion-default-skin {

    border: 1px solid #f4f4f4;

    background: #fff;

    border-radius: 10px;

    margin: 0 0 30px

}



.accordion-default-skin .accordion-item.open .fa {

    -webkit-transform: rotate(180deg);

    -ms-transform: rotate(180deg);

    transform: rotate(180deg)

}



.accordion-default-skin .accordion-item.open .text-wrap:before {

    background: #8ac32e

}



.accordion-default-skin .accordion-item-title {

    padding: 10px 35px;

    border-bottom: 1px solid #f4f4f4;

    position: relative

}



.accordion-default-skin .accordion-item-title .text-wrap {

    font-family: 'Open Sans', sans-serif;

    font-size: 16px;

    font-weight: 300;

    color: #333;

    position: relative;

    display: block

}



.accordion-default-skin .accordion-item-title .text-wrap:before {

    position: absolute;

    content: '';

    left: -10px;

    top: 10px;

    width: 4px;

    height: 4px;

    background: #e1e0e0;

    border-radius: 50%

}



.accordion-default-skin .accordion-item-title .icon-wrap {

    position: absolute;

    right: 0;

    top: 50%;

    margin-top: -9px;

    text-align: center;

    width: 35px

}



.accordion-default-skin .accordion-item-title .icon-wrap .fa {

    font-size: 18px;

    color: #888;

    transition: all 200ms ease

}



.accordion-default-skin .accordion-item-content {

    display: none;

    padding: 20px 35px;

    border-bottom: 1px solid #f4f4f4 !important;

    border-bottom: 0

}



.accordion-default-skin .accordion-content-list {

    color: #888;

    font-family: 'Open Sans', sans-serif;

    font-size: 14px;

    font-weight: 300

}



.accordion-default-skin .accordion-content-list ul {

    padding: 0;

    margin: 0;

    list-style: none

}



.accordion-default-skin .accordion-content-list a {

    color: #888

}



.accordion-default-skin .accordion-content-list a:hover {

    color: #8ac32e

}



.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);

    -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

}



@font-face {

    font-family: 'FontAwesome';

    src: url(fonts/fontawesome-webfont.eot?v=4.5.0);

    src: url(fonts/fontawesome-webfont.eot?#iefix&v=4.5.0) format("embedded-opentype"), url(fonts/fontawesome-webfont.woff?v=4.5.0) format("woff"), url(fonts/fontawesome-webfont.ttf?v=4.5.0) format("truetype"), url(fonts/fontawesome-webfont.svg?v=4.5.0#fontawesomeregular) format("svg");

    font-weight: 400;

    font-style: normal

}



.fa {

    display: inline-block;

    font: normal normal normal 14px/1 FontAwesome;

    font-size: inherit;

    text-rendering: auto;

    -webkit-font-smoothing: antialiased;

    -moz-osx-font-smoothing: grayscale

}



.fa-lg {

    font-size: 1.33333333em;

    line-height: .75em;

    vertical-align: -15%

}



.fa-2x {

    font-size: 2em

}



.fa-3x {

    font-size: 3em

}



.fa-4x {

    font-size: 4em

}



.fa-5x {

    font-size: 5em

}



.fa-fw {

    width: 1.28571429em;

    text-align: center

}



.fa-ul {

    padding-left: 0;

    margin-left: 2.14285714em;

    list-style-type: none

}



.fa-ul > li {

    position: relative

}



.fa-li {

    position: absolute;

    left: -2.14285714em;

    width: 2.14285714em;

    top: .14285714em;

    text-align: center

}



.fa-li.fa-lg {

    left: -1.85714286em

}



.fa-border {

    padding: .2em .25em .15em;

    border: solid .08em #eee;

    border-radius: .1em

}



.fa-pull-left {

    float: left

}



.fa-pull-right {

    float: right

}



.fa.fa-pull-left {

    margin-right: .3em

}



.fa.fa-pull-right {

    margin-left: .3em

}



.pull-right {

    float: right

}



.pull-left {

    float: left

}



.fa.pull-left {

    margin-right: .3em

}



.fa.pull-right {

    margin-left: .3em

}



.fa-spin {

    -webkit-animation: fa-spin 2s infinite linear;

    animation: fa-spin 2s infinite linear

}



.fa-pulse {

    -webkit-animation: fa-spin 1s infinite steps(8);

    animation: fa-spin 1s infinite steps(8)

}



@-webkit-keyframes fa-spin {

    0% {

        -webkit-transform: rotate(0deg);

        transform: rotate(0deg)

    }

    100% {

        -webkit-transform: rotate(359deg);

        transform: rotate(359deg)

    }

}



@keyframes fa-spin {

    0% {

        -webkit-transform: rotate(0deg);

        transform: rotate(0deg)

    }

    100% {

        -webkit-transform: rotate(359deg);

        transform: rotate(359deg)

    }

}



.fa-rotate-90 {

    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);

    -webkit-transform: rotate(90deg);

    -ms-transform: rotate(90deg);

    transform: rotate(90deg)

}



.fa-rotate-180 {

    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);

    -webkit-transform: rotate(180deg);

    -ms-transform: rotate(180deg);

    transform: rotate(180deg)

}



.fa-rotate-270 {

    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);

    -webkit-transform: rotate(270deg);

    -ms-transform: rotate(270deg);

    transform: rotate(270deg)

}



.fa-flip-horizontal {

    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);

    -webkit-transform: scale(-1, 1);

    -ms-transform: scale(-1, 1);

    transform: scale(-1, 1)

}



.fa-flip-vertical {

    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1);

    -webkit-transform: scale(1, -1);

    -ms-transform: scale(1, -1);

    transform: scale(1, -1)

}



:root .fa-rotate-90, :root .fa-rotate-180, :root .fa-rotate-270, :root .fa-flip-horizontal, :root .fa-flip-vertical {

    -webkit-filter: none;

    filter: none

}



.fa-stack {

    position: relative;

    display: inline-block;

    width: 2em;

    height: 2em;

    line-height: 2em;

    vertical-align: middle

}



.fa-stack-1x, .fa-stack-2x {

    position: absolute;

    left: 0;

    width: 100%;

    text-align: center

}



.fa-stack-1x {

    line-height: inherit

}



.fa-stack-2x {

    font-size: 2em

}



.fa-inverse {

    color: #fff

}



.fa-glass:before {

    content: "\f000"

}



.fa-music:before {

    content: "\f001"

}



.fa-search:before {

    content: "\f002"

}



.fa-envelope-o:before {

    content: "\f003"

}



.fa-heart:before {

    content: "\f004"

}



.fa-star:before {

    content: "\f005"

}



.fa-star-o:before {

    content: "\f006"

}



.fa-user:before {

    content: "\f007"

}



.fa-film:before {

    content: "\f008"

}



.fa-th-large:before {

    content: "\f009"

}



.fa-th:before {

    content: "\f00a"

}



.fa-th-list:before {

    content: "\f00b"

}



.fa-check:before {

    content: "\f00c"

}



.fa-remove:before, .fa-close:before, .fa-times:before {

    content: "\f00d"

}



.fa-search-plus:before {

    content: "\f00e"

}



.fa-search-minus:before {

    content: "\f010"

}



.fa-power-off:before {

    content: "\f011"

}



.fa-signal:before {

    content: "\f012"

}



.fa-gear:before, .fa-cog:before {

    content: "\f013"

}



.fa-trash-o:before {

    content: "\f014"

}



.fa-home:before {

    content: "\f015"

}



.fa-file-o:before {

    content: "\f016"

}



.fa-clock-o:before {

    content: "\f017"

}



.fa-road:before {

    content: "\f018"

}



.fa-download:before {

    content: "\f019"

}



.fa-arrow-circle-o-down:before {

    content: "\f01a"

}



.fa-arrow-circle-o-up:before {

    content: "\f01b"

}



.fa-inbox:before {

    content: "\f01c"

}



.fa-play-circle-o:before {

    content: "\f01d"

}



.fa-rotate-right:before, .fa-repeat:before {

    content: "\f01e"

}



.fa-refresh:before {

    content: "\f021"

}



.fa-list-alt:before {

    content: "\f022"

}



.fa-lock:before {

    content: "\f023"

}



.fa-flag:before {

    content: "\f024"

}



.fa-headphones:before {

    content: "\f025"

}



.fa-volume-off:before {

    content: "\f026"

}



.fa-volume-down:before {

    content: "\f027"

}



.fa-volume-up:before {

    content: "\f028"

}



.fa-qrcode:before {

    content: "\f029"

}



.fa-barcode:before {

    content: "\f02a"

}



.fa-tag:before {

    content: "\f02b"

}



.fa-tags:before {

    content: "\f02c"

}



.fa-book:before {

    content: "\f02d"

}



.fa-bookmark:before {

    content: "\f02e"

}



.fa-print:before {

    content: "\f02f"

}



.fa-camera:before {

    content: "\f030"

}



.fa-font:before {

    content: "\f031"

}



.fa-bold:before {

    content: "\f032"

}



.fa-italic:before {

    content: "\f033"

}



.fa-text-height:before {

    content: "\f034"

}



.fa-text-width:before {

    content: "\f035"

}



.fa-align-left:before {

    content: "\f036"

}



.fa-align-center:before {

    content: "\f037"

}



.fa-align-right:before {

    content: "\f038"

}



.fa-align-justify:before {

    content: "\f039"

}



.fa-list:before {

    content: "\f03a"

}



.fa-dedent:before, .fa-outdent:before {

    content: "\f03b"

}



.fa-indent:before {

    content: "\f03c"

}



.fa-video-camera:before {

    content: "\f03d"

}



.fa-photo:before, .fa-image:before, .fa-picture-o:before {

    content: "\f03e"

}



.fa-pencil:before {

    content: "\f040"

}



.fa-map-marker:before {

    content: "\f041"

}



.fa-adjust:before {

    content: "\f042"

}



.fa-tint:before {

    content: "\f043"

}



.fa-edit:before, .fa-pencil-square-o:before {

    content: "\f044"

}



.fa-share-square-o:before {

    content: "\f045"

}



.fa-check-square-o:before {

    content: "\f046"

}



.fa-arrows:before {

    content: "\f047"

}



.fa-step-backward:before {

    content: "\f048"

}



.fa-fast-backward:before {

    content: "\f049"

}



.fa-backward:before {

    content: "\f04a"

}



.fa-play:before {

    content: "\f04b"

}



.fa-pause:before {

    content: "\f04c"

}



.fa-stop:before {

    content: "\f04d"

}



.fa-forward:before {

    content: "\f04e"

}



.fa-fast-forward:before {

    content: "\f050"

}



.fa-step-forward:before {

    content: "\f051"

}



.fa-eject:before {

    content: "\f052"

}



.fa-chevron-left:before {

    content: "\f053"

}



.fa-chevron-right:before {

    content: "\f054"

}



.fa-plus-circle:before {

    content: "\f055"

}



.fa-minus-circle:before {

    content: "\f056"

}



.fa-times-circle:before {

    content: "\f057"

}



.fa-check-circle:before {

    content: "\f058"

}



.fa-question-circle:before {

    content: "\f059"

}



.fa-info-circle:before {

    content: "\f05a"

}



.fa-crosshairs:before {

    content: "\f05b"

}



.fa-times-circle-o:before {

    content: "\f05c"

}



.fa-check-circle-o:before {

    content: "\f05d"

}



.fa-ban:before {

    content: "\f05e"

}



.fa-arrow-left:before {

    content: "\f060"

}



.fa-arrow-right:before {

    content: "\f061"

}



.fa-arrow-up:before {

    content: "\f062"

}



.fa-arrow-down:before {

    content: "\f063"

}



.fa-mail-forward:before, .fa-share:before {

    content: "\f064"

}



.fa-expand:before {

    content: "\f065"

}



.fa-compress:before {

    content: "\f066"

}



.fa-plus:before {

    content: "\f067"

}



.fa-minus:before {

    content: "\f068"

}



.fa-asterisk:before {

    content: "\f069"

}



.fa-exclamation-circle:before {

    content: "\f06a"

}



.fa-gift:before {

    content: "\f06b"

}



.fa-leaf:before {

    content: "\f06c"

}



.fa-fire:before {

    content: "\f06d"

}



.fa-eye:before {

    content: "\f06e"

}



.fa-eye-slash:before {

    content: "\f070"

}



.fa-warning:before, .fa-exclamation-triangle:before {

    content: "\f071"

}



.fa-plane:before {

    content: "\f072"

}



.fa-calendar:before {

    content: "\f073"

}



.fa-random:before {

    content: "\f074"

}



.fa-comment:before {

    content: "\f075"

}



.fa-magnet:before {

    content: "\f076"

}



.fa-chevron-up:before {

    content: "\f077"

}



.fa-chevron-down:before {

    content: "\f078"

}



.fa-retweet:before {

    content: "\f079"

}



.fa-shopping-cart:before {

    content: "\f07a"

}



.fa-folder:before {

    content: "\f07b"

}



.fa-folder-open:before {

    content: "\f07c"

}



.fa-arrows-v:before {

    content: "\f07d"

}



.fa-arrows-h:before {

    content: "\f07e"

}



.fa-bar-chart-o:before, .fa-bar-chart:before {

    content: "\f080"

}



.fa-twitter-square:before {

    content: "\f081"

}



.fa-facebook-square:before {

    content: "\f082"

}



.fa-camera-retro:before {

    content: "\f083"

}



.fa-key:before {

    content: "\f084"

}



.fa-gears:before, .fa-cogs:before {

    content: "\f085"

}



.fa-comments:before {

    content: "\f086"

}



.fa-thumbs-o-up:before {

    content: "\f087"

}



.fa-thumbs-o-down:before {

    content: "\f088"

}



.fa-star-half:before {

    content: "\f089"

}



.fa-heart-o:before {

    content: "\f08a"

}



.fa-sign-out:before {

    content: "\f08b"

}



.fa-linkedin-square:before {

    content: "\f08c"

}



.fa-thumb-tack:before {

    content: "\f08d"

}



.fa-external-link:before {

    content: "\f08e"

}



.fa-sign-in:before {

    content: "\f090"

}



.fa-trophy:before {

    content: "\f091"

}



.fa-github-square:before {

    content: "\f092"

}



.fa-upload:before {

    content: "\f093"

}



.fa-lemon-o:before {

    content: "\f094"

}



.fa-phone:before {

    content: "\f095"

}



.fa-square-o:before {

    content: "\f096"

}



.fa-bookmark-o:before {

    content: "\f097"

}



.fa-phone-square:before {

    content: "\f098"

}



.fa-twitter:before {

    content: "\f099"

}



.fa-facebook-f:before, .fa-facebook:before {

    content: "\f09a"

}



.fa-github:before {

    content: "\f09b"

}



.fa-unlock:before {

    content: "\f09c"

}



.fa-credit-card:before {

    content: "\f09d"

}



.fa-feed:before, .fa-rss:before {

    content: "\f09e"

}



.fa-hdd-o:before {

    content: "\f0a0"

}



.fa-bullhorn:before {

    content: "\f0a1"

}



.fa-bell:before {

    content: "\f0f3"

}



.fa-certificate:before {

    content: "\f0a3"

}



.fa-hand-o-right:before {

    content: "\f0a4"

}



.fa-hand-o-left:before {

    content: "\f0a5"

}



.fa-hand-o-up:before {

    content: "\f0a6"

}



.fa-hand-o-down:before {

    content: "\f0a7"

}



.fa-arrow-circle-left:before {

    content: "\f0a8"

}



.fa-arrow-circle-right:before {

    content: "\f0a9"

}



.fa-arrow-circle-up:before {

    content: "\f0aa"

}



.fa-arrow-circle-down:before {

    content: "\f0ab"

}



.fa-globe:before {

    content: "\f0ac"

}



.fa-wrench:before {

    content: "\f0ad"

}



.fa-tasks:before {

    content: "\f0ae"

}



.fa-filter:before {

    content: "\f0b0"

}



.fa-briefcase:before {

    content: "\f0b1"

}



.fa-arrows-alt:before {

    content: "\f0b2"

}



.fa-group:before, .fa-users:before {

    content: "\f0c0"

}



.fa-chain:before, .fa-link:before {

    content: "\f0c1"

}



.fa-cloud:before {

    content: "\f0c2"

}



.fa-flask:before {

    content: "\f0c3"

}



.fa-cut:before, .fa-scissors:before {

    content: "\f0c4"

}



.fa-copy:before, .fa-files-o:before {

    content: "\f0c5"

}



.fa-paperclip:before {

    content: "\f0c6"

}



.fa-save:before, .fa-floppy-o:before {

    content: "\f0c7"

}



.fa-square:before {

    content: "\f0c8"

}



.fa-navicon:before, .fa-reorder:before, .fa-bars:before {

    content: "\f0c9"

}



.fa-list-ul:before {

    content: "\f0ca"

}



.fa-list-ol:before {

    content: "\f0cb"

}



.fa-strikethrough:before {

    content: "\f0cc"

}



.fa-underline:before {

    content: "\f0cd"

}



.fa-table:before {

    content: "\f0ce"

}



.fa-magic:before {

    content: "\f0d0"

}



.fa-truck:before {

    content: "\f0d1"

}



.fa-pinterest:before {

    content: "\f0d2"

}



.fa-pinterest-square:before {

    content: "\f0d3"

}



.fa-google-plus-square:before {

    content: "\f0d4"

}



.fa-google-plus:before {

    content: "\f0d5"

}



.fa-money:before {

    content: "\f0d6"

}



.fa-caret-down:before {

    content: "\f0d7"

}



.fa-caret-up:before {

    content: "\f0d8"

}



.fa-caret-left:before {

    content: "\f0d9"

}



.fa-caret-right:before {

    content: "\f0da"

}



.fa-columns:before {

    content: "\f0db"

}



.fa-unsorted:before, .fa-sort:before {

    content: "\f0dc"

}



.fa-sort-down:before, .fa-sort-desc:before {

    content: "\f0dd"

}



.fa-sort-up:before, .fa-sort-asc:before {

    content: "\f0de"

}



.fa-envelope:before {

    content: "\f0e0"

}



.fa-linkedin:before {

    content: "\f0e1"

}



.fa-rotate-left:before, .fa-undo:before {

    content: "\f0e2"

}



.fa-legal:before, .fa-gavel:before {

    content: "\f0e3"

}



.fa-dashboard:before, .fa-tachometer:before {

    content: "\f0e4"

}



.fa-comment-o:before {

    content: "\f0e5"

}



.fa-comments-o:before {

    content: "\f0e6"

}



.fa-flash:before, .fa-bolt:before {

    content: "\f0e7"

}



.fa-sitemap:before {

    content: "\f0e8"

}



.fa-umbrella:before {

    content: "\f0e9"

}



.fa-paste:before, .fa-clipboard:before {

    content: "\f0ea"

}



.fa-lightbulb-o:before {

    content: "\f0eb"

}



.fa-exchange:before {

    content: "\f0ec"

}



.fa-cloud-download:before {

    content: "\f0ed"

}



.fa-cloud-upload:before {

    content: "\f0ee"

}



.fa-user-md:before {

    content: "\f0f0"

}



.fa-stethoscope:before {

    content: "\f0f1"

}



.fa-suitcase:before {

    content: "\f0f2"

}



.fa-bell-o:before {

    content: "\f0a2"

}



.fa-coffee:before {

    content: "\f0f4"

}



.fa-cutlery:before {

    content: "\f0f5"

}



.fa-file-text-o:before {

    content: "\f0f6"

}



.fa-building-o:before {

    content: "\f0f7"

}



.fa-hospital-o:before {

    content: "\f0f8"

}



.fa-ambulance:before {

    content: "\f0f9"

}



.fa-medkit:before {

    content: "\f0fa"

}



.fa-fighter-jet:before {

    content: "\f0fb"

}



.fa-beer:before {

    content: "\f0fc"

}



.fa-h-square:before {

    content: "\f0fd"

}



.fa-plus-square:before {

    content: "\f0fe"

}



.fa-angle-double-left:before {

    content: "\f100"

}



.fa-angle-double-right:before {

    content: "\f101"

}



.fa-angle-double-up:before {

    content: "\f102"

}



.fa-angle-double-down:before {

    content: "\f103"

}



.fa-angle-left:before {

    content: "\f104"

}



.fa-angle-right:before {

    content: "\f105"

}



.fa-angle-up:before {

    content: "\f106"

}



.fa-angle-down:before {

    content: "\f107"

}



.fa-desktop:before {

    content: "\f108"

}



.fa-laptop:before {

    content: "\f109"

}



.fa-tablet:before {

    content: "\f10a"

}



.fa-mobile-phone:before, .fa-mobile:before {

    content: "\f10b"

}



.fa-circle-o:before {

    content: "\f10c"

}



.fa-quote-left:before {

    content: "\f10d"

}



.fa-quote-right:before {

    content: "\f10e"

}



.fa-spinner:before {

    content: "\f110"

}



.fa-circle:before {

    content: "\f111"

}



.fa-mail-reply:before, .fa-reply:before {

    content: "\f112"

}



.fa-github-alt:before {

    content: "\f113"

}



.fa-folder-o:before {

    content: "\f114"

}



.fa-folder-open-o:before {

    content: "\f115"

}



.fa-smile-o:before {

    content: "\f118"

}



.fa-frown-o:before {

    content: "\f119"

}



.fa-meh-o:before {

    content: "\f11a"

}



.fa-gamepad:before {

    content: "\f11b"

}



.fa-keyboard-o:before {

    content: "\f11c"

}



.fa-flag-o:before {

    content: "\f11d"

}



.fa-flag-checkered:before {

    content: "\f11e"

}



.fa-terminal:before {

    content: "\f120"

}



.fa-code:before {

    content: "\f121"

}



.fa-mail-reply-all:before, .fa-reply-all:before {

    content: "\f122"

}



.fa-star-half-empty:before, .fa-star-half-full:before, .fa-star-half-o:before {

    content: "\f123"

}



.fa-location-arrow:before {

    content: "\f124"

}



.fa-crop:before {

    content: "\f125"

}



.fa-code-fork:before {

    content: "\f126"

}



.fa-unlink:before, .fa-chain-broken:before {

    content: "\f127"

}



.fa-question:before {

    content: "\f128"

}



.fa-info:before {

    content: "\f129"

}



.fa-exclamation:before {

    content: "\f12a"

}



.fa-superscript:before {

    content: "\f12b"

}



.fa-subscript:before {

    content: "\f12c"

}



.fa-eraser:before {

    content: "\f12d"

}



.fa-puzzle-piece:before {

    content: "\f12e"

}



.fa-microphone:before {

    content: "\f130"

}



.fa-microphone-slash:before {

    content: "\f131"

}



.fa-shield:before {

    content: "\f132"

}



.fa-calendar-o:before {

    content: "\f133"

}



.fa-fire-extinguisher:before {

    content: "\f134"

}



.fa-rocket:before {

    content: "\f135"

}



.fa-maxcdn:before {

    content: "\f136"

}



.fa-chevron-circle-left:before {

    content: "\f137"

}



.fa-chevron-circle-right:before {

    content: "\f138"

}



.fa-chevron-circle-up:before {

    content: "\f139"

}



.fa-chevron-circle-down:before {

    content: "\f13a"

}



.fa-html5:before {

    content: "\f13b"

}



.fa-css3:before {

    content: "\f13c"

}



.fa-anchor:before {

    content: "\f13d"

}



.fa-unlock-alt:before {

    content: "\f13e"

}



.fa-bullseye:before {

    content: "\f140"

}



.fa-ellipsis-h:before {

    content: "\f141"

}



.fa-ellipsis-v:before {

    content: "\f142"

}



.fa-rss-square:before {

    content: "\f143"

}



.fa-play-circle:before {

    content: "\f144"

}



.fa-ticket:before {

    content: "\f145"

}



.fa-minus-square:before {

    content: "\f146"

}



.fa-minus-square-o:before {

    content: "\f147"

}



.fa-level-up:before {

    content: "\f148"

}



.fa-level-down:before {

    content: "\f149"

}



.fa-check-square:before {

    content: "\f14a"

}



.fa-pencil-square:before {

    content: "\f14b"

}



.fa-external-link-square:before {

    content: "\f14c"

}



.fa-share-square:before {

    content: "\f14d"

}



.fa-compass:before {

    content: "\f14e"

}



.fa-toggle-down:before, .fa-caret-square-o-down:before {

    content: "\f150"

}



.fa-toggle-up:before, .fa-caret-square-o-up:before {

    content: "\f151"

}



.fa-toggle-right:before, .fa-caret-square-o-right:before {

    content: "\f152"

}



.fa-euro:before, .fa-eur:before {

    content: "\f153"

}



.fa-gbp:before {

    content: "\f154"

}



.fa-dollar:before, .fa-usd:before {

    content: "\f155"

}



.fa-rupee:before, .fa-inr:before {

    content: "\f156"

}



.fa-cny:before, .fa-rmb:before, .fa-yen:before, .fa-jpy:before {

    content: "\f157"

}



.fa-ruble:before, .fa-rouble:before, .fa-rub:before {

    content: "\f158"

}



.fa-won:before, .fa-krw:before {

    content: "\f159"

}



.fa-bitcoin:before, .fa-btc:before {

    content: "\f15a"

}



.fa-file:before {

    content: "\f15b"

}



.fa-file-text:before {

    content: "\f15c"

}



.fa-sort-alpha-asc:before {

    content: "\f15d"

}



.fa-sort-alpha-desc:before {

    content: "\f15e"

}



.fa-sort-amount-asc:before {

    content: "\f160"

}



.fa-sort-amount-desc:before {

    content: "\f161"

}



.fa-sort-numeric-asc:before {

    content: "\f162"

}



.fa-sort-numeric-desc:before {

    content: "\f163"

}



.fa-thumbs-up:before {

    content: "\f164"

}



.fa-thumbs-down:before {

    content: "\f165"

}



.fa-youtube-square:before {

    content: "\f166"

}



.fa-youtube:before {

    content: "\f167"

}



.fa-xing:before {

    content: "\f168"

}



.fa-xing-square:before {

    content: "\f169"

}



.fa-youtube-play:before {

    content: "\f16a"

}



.fa-dropbox:before {

    content: "\f16b"

}



.fa-stack-overflow:before {

    content: "\f16c"

}



.fa-instagram:before {

    content: "\f16d"

}



.fa-flickr:before {

    content: "\f16e"

}



.fa-adn:before {

    content: "\f170"

}



.fa-bitbucket:before {

    content: "\f171"

}



.fa-bitbucket-square:before {

    content: "\f172"

}



.fa-tumblr:before {

    content: "\f173"

}



.fa-tumblr-square:before {

    content: "\f174"

}



.fa-long-arrow-down:before {

    content: "\f175"

}



.fa-long-arrow-up:before {

    content: "\f176"

}



.fa-long-arrow-left:before {

    content: "\f177"

}



.fa-long-arrow-right:before {

    content: "\f178"

}



.fa-apple:before {

    content: "\f179"

}



.fa-windows:before {

    content: "\f17a"

}



.fa-android:before {

    content: "\f17b"

}



.fa-linux:before {

    content: "\f17c"

}



.fa-dribbble:before {

    content: "\f17d"

}



.fa-skype:before {

    content: "\f17e"

}



.fa-foursquare:before {

    content: "\f180"

}



.fa-trello:before {

    content: "\f181"

}



.fa-female:before {

    content: "\f182"

}



.fa-male:before {

    content: "\f183"

}



.fa-gittip:before, .fa-gratipay:before {

    content: "\f184"

}



.fa-sun-o:before {

    content: "\f185"

}



.fa-moon-o:before {

    content: "\f186"

}



.fa-archive:before {

    content: "\f187"

}



.fa-bug:before {

    content: "\f188"

}



.fa-vk:before {

    content: "\f189"

}



.fa-weibo:before {

    content: "\f18a"

}



.fa-renren:before {

    content: "\f18b"

}



.fa-pagelines:before {

    content: "\f18c"

}



.fa-stack-exchange:before {

    content: "\f18d"

}



.fa-arrow-circle-o-right:before {

    content: "\f18e"

}



.fa-arrow-circle-o-left:before {

    content: "\f190"

}



.fa-toggle-left:before, .fa-caret-square-o-left:before {

    content: "\f191"

}



.fa-dot-circle-o:before {

    content: "\f192"

}



.fa-wheelchair:before {

    content: "\f193"

}



.fa-vimeo-square:before {

    content: "\f194"

}



.fa-turkish-lira:before, .fa-try:before {

    content: "\f195"

}



.fa-plus-square-o:before {

    content: "\f196"

}



.fa-space-shuttle:before {

    content: "\f197"

}



.fa-slack:before {

    content: "\f198"

}



.fa-envelope-square:before {

    content: "\f199"

}



.fa-wordpress:before {

    content: "\f19a"

}



.fa-openid:before {

    content: "\f19b"

}



.fa-institution:before, .fa-bank:before, .fa-university:before {

    content: "\f19c"

}



.fa-mortar-board:before, .fa-graduation-cap:before {

    content: "\f19d"

}



.fa-yahoo:before {

    content: "\f19e"

}



.fa-google:before {

    content: "\f1a0"

}



.fa-reddit:before {

    content: "\f1a1"

}



.fa-reddit-square:before {

    content: "\f1a2"

}



.fa-stumbleupon-circle:before {

    content: "\f1a3"

}



.fa-stumbleupon:before {

    content: "\f1a4"

}



.fa-delicious:before {

    content: "\f1a5"

}



.fa-digg:before {

    content: "\f1a6"

}



.fa-pied-piper:before {

    content: "\f1a7"

}



.fa-pied-piper-alt:before {

    content: "\f1a8"

}



.fa-drupal:before {

    content: "\f1a9"

}



.fa-joomla:before {

    content: "\f1aa"

}



.fa-language:before {

    content: "\f1ab"

}



.fa-fax:before {

    content: "\f1ac"

}



.fa-building:before {

    content: "\f1ad"

}



.fa-child:before {

    content: "\f1ae"

}



.fa-paw:before {

    content: "\f1b0"

}



.fa-spoon:before {

    content: "\f1b1"

}



.fa-cube:before {

    content: "\f1b2"

}



.fa-cubes:before {

    content: "\f1b3"

}



.fa-behance:before {

    content: "\f1b4"

}



.fa-behance-square:before {

    content: "\f1b5"

}



.fa-steam:before {

    content: "\f1b6"

}



.fa-steam-square:before {

    content: "\f1b7"

}



.fa-recycle:before {

    content: "\f1b8"

}



.fa-automobile:before, .fa-car:before {

    content: "\f1b9"

}



.fa-cab:before, .fa-taxi:before {

    content: "\f1ba"

}



.fa-tree:before {

    content: "\f1bb"

}



.fa-spotify:before {

    content: "\f1bc"

}



.fa-deviantart:before {

    content: "\f1bd"

}



.fa-soundcloud:before {

    content: "\f1be"

}



.fa-database:before {

    content: "\f1c0"

}



.fa-file-pdf-o:before {

    content: "\f1c1"

}



.fa-file-word-o:before {

    content: "\f1c2"

}



.fa-file-excel-o:before {

    content: "\f1c3"

}



.fa-file-powerpoint-o:before {

    content: "\f1c4"

}



.fa-file-photo-o:before, .fa-file-picture-o:before, .fa-file-image-o:before {

    content: "\f1c5"

}



.fa-file-zip-o:before, .fa-file-archive-o:before {

    content: "\f1c6"

}



.fa-file-sound-o:before, .fa-file-audio-o:before {

    content: "\f1c7"

}



.fa-file-movie-o:before, .fa-file-video-o:before {

    content: "\f1c8"

}



.fa-file-code-o:before {

    content: "\f1c9"

}



.fa-vine:before {

    content: "\f1ca"

}



.fa-codepen:before {

    content: "\f1cb"

}



.fa-jsfiddle:before {

    content: "\f1cc"

}



.fa-life-bouy:before, .fa-life-buoy:before, .fa-life-saver:before, .fa-support:before, .fa-life-ring:before {

    content: "\f1cd"

}



.fa-circle-o-notch:before {

    content: "\f1ce"

}



.fa-ra:before, .fa-rebel:before {

    content: "\f1d0"

}



.fa-ge:before, .fa-empire:before {

    content: "\f1d1"

}



.fa-git-square:before {

    content: "\f1d2"

}



.fa-git:before {

    content: "\f1d3"

}



.fa-y-combinator-square:before, .fa-yc-square:before, .fa-hacker-news:before {

    content: "\f1d4"

}



.fa-tencent-weibo:before {

    content: "\f1d5"

}



.fa-qq:before {

    content: "\f1d6"

}



.fa-wechat:before, .fa-weixin:before {

    content: "\f1d7"

}



.fa-send:before, .fa-paper-plane:before {

    content: "\f1d8"

}



.fa-send-o:before, .fa-paper-plane-o:before {

    content: "\f1d9"

}



.fa-history:before {

    content: "\f1da"

}



.fa-circle-thin:before {

    content: "\f1db"

}



.fa-header:before {

    content: "\f1dc"

}



.fa-paragraph:before {

    content: "\f1dd"

}



.fa-sliders:before {

    content: "\f1de"

}



.fa-share-alt:before {

    content: "\f1e0"

}



.fa-share-alt-square:before {

    content: "\f1e1"

}



.fa-bomb:before {

    content: "\f1e2"

}



.fa-soccer-ball-o:before, .fa-futbol-o:before {

    content: "\f1e3"

}



.fa-tty:before {

    content: "\f1e4"

}



.fa-binoculars:before {

    content: "\f1e5"

}



.fa-plug:before {

    content: "\f1e6"

}



.fa-slideshare:before {

    content: "\f1e7"

}



.fa-twitch:before {

    content: "\f1e8"

}



.fa-yelp:before {

    content: "\f1e9"

}



.fa-newspaper-o:before {

    content: "\f1ea"

}



.fa-wifi:before {

    content: "\f1eb"

}



.fa-calculator:before {

    content: "\f1ec"

}



.fa-paypal:before {

    content: "\f1ed"

}



.fa-google-wallet:before {

    content: "\f1ee"

}



.fa-cc-visa:before {

    content: "\f1f0"

}



.fa-cc-mastercard:before {

    content: "\f1f1"

}



.fa-cc-discover:before {

    content: "\f1f2"

}



.fa-cc-amex:before {

    content: "\f1f3"

}



.fa-cc-paypal:before {

    content: "\f1f4"

}



.fa-cc-stripe:before {

    content: "\f1f5"

}



.fa-bell-slash:before {

    content: "\f1f6"

}



.fa-bell-slash-o:before {

    content: "\f1f7"

}



.fa-trash:before {

    content: "\f1f8"

}



.fa-copyright:before {

    content: "\f1f9"

}



.fa-at:before {

    content: "\f1fa"

}



.fa-eyedropper:before {

    content: "\f1fb"

}



.fa-paint-brush:before {

    content: "\f1fc"

}



.fa-birthday-cake:before {

    content: "\f1fd"

}



.fa-area-chart:before {

    content: "\f1fe"

}



.fa-pie-chart:before {

    content: "\f200"

}



.fa-line-chart:before {

    content: "\f201"

}



.fa-lastfm:before {

    content: "\f202"

}



.fa-lastfm-square:before {

    content: "\f203"

}



.fa-toggle-off:before {

    content: "\f204"

}



.fa-toggle-on:before {

    content: "\f205"

}



.fa-bicycle:before {

    content: "\f206"

}



.fa-bus:before {

    content: "\f207"

}



.fa-ioxhost:before {

    content: "\f208"

}



.fa-angellist:before {

    content: "\f209"

}



.fa-cc:before {

    content: "\f20a"

}



.fa-shekel:before, .fa-sheqel:before, .fa-ils:before {

    content: "\f20b"

}



.fa-meanpath:before {

    content: "\f20c"

}



.fa-buysellads:before {

    content: "\f20d"

}



.fa-connectdevelop:before {

    content: "\f20e"

}



.fa-dashcube:before {

    content: "\f210"

}



.fa-forumbee:before {

    content: "\f211"

}



.fa-leanpub:before {

    content: "\f212"

}



.fa-sellsy:before {

    content: "\f213"

}



.fa-shirtsinbulk:before {

    content: "\f214"

}



.fa-simplybuilt:before {

    content: "\f215"

}



.fa-skyatlas:before {

    content: "\f216"

}



.fa-cart-plus:before {

    content: "\f217"

}



.fa-cart-arrow-down:before {

    content: "\f218"

}



.fa-diamond:before {

    content: "\f219"

}



.fa-ship:before {

    content: "\f21a"

}



.fa-user-secret:before {

    content: "\f21b"

}



.fa-motorcycle:before {

    content: "\f21c"

}



.fa-street-view:before {

    content: "\f21d"

}



.fa-heartbeat:before {

    content: "\f21e"

}



.fa-venus:before {

    content: "\f221"

}



.fa-mars:before {

    content: "\f222"

}



.fa-mercury:before {

    content: "\f223"

}



.fa-intersex:before, .fa-transgender:before {

    content: "\f224"

}



.fa-transgender-alt:before {

    content: "\f225"

}



.fa-venus-double:before {

    content: "\f226"

}



.fa-mars-double:before {

    content: "\f227"

}



.fa-venus-mars:before {

    content: "\f228"

}



.fa-mars-stroke:before {

    content: "\f229"

}



.fa-mars-stroke-v:before {

    content: "\f22a"

}



.fa-mars-stroke-h:before {

    content: "\f22b"

}



.fa-neuter:before {

    content: "\f22c"

}



.fa-genderless:before {

    content: "\f22d"

}



.fa-facebook-official:before {

    content: "\f230"

}



.fa-pinterest-p:before {

    content: "\f231"

}



.fa-whatsapp:before {

    content: "\f232"

}



.fa-server:before {

    content: "\f233"

}



.fa-user-plus:before {

    content: "\f234"

}



.fa-user-times:before {

    content: "\f235"

}



.fa-hotel:before, .fa-bed:before {

    content: "\f236"

}



.fa-viacoin:before {

    content: "\f237"

}



.fa-train:before {

    content: "\f238"

}



.fa-subway:before {

    content: "\f239"

}



.fa-medium:before {

    content: "\f23a"

}



.fa-yc:before, .fa-y-combinator:before {

    content: "\f23b"

}



.fa-optin-monster:before {

    content: "\f23c"

}



.fa-opencart:before {

    content: "\f23d"

}



.fa-expeditedssl:before {

    content: "\f23e"

}



.fa-battery-4:before, .fa-battery-full:before {

    content: "\f240"

}



.fa-battery-3:before, .fa-battery-three-quarters:before {

    content: "\f241"

}



.fa-battery-2:before, .fa-battery-half:before {

    content: "\f242"

}



.fa-battery-1:before, .fa-battery-quarter:before {

    content: "\f243"

}



.fa-battery-0:before, .fa-battery-empty:before {

    content: "\f244"

}



.fa-mouse-pointer:before {

    content: "\f245"

}



.fa-i-cursor:before {

    content: "\f246"

}



.fa-object-group:before {

    content: "\f247"

}



.fa-object-ungroup:before {

    content: "\f248"

}



.fa-sticky-note:before {

    content: "\f249"

}



.fa-sticky-note-o:before {

    content: "\f24a"

}



.fa-cc-jcb:before {

    content: "\f24b"

}



.fa-cc-diners-club:before {

    content: "\f24c"

}



.fa-clone:before {

    content: "\f24d"

}



.fa-balance-scale:before {

    content: "\f24e"

}



.fa-hourglass-o:before {

    content: "\f250"

}



.fa-hourglass-1:before, .fa-hourglass-start:before {

    content: "\f251"

}



.fa-hourglass-2:before, .fa-hourglass-half:before {

    content: "\f252"

}



.fa-hourglass-3:before, .fa-hourglass-end:before {

    content: "\f253"

}



.fa-hourglass:before {

    content: "\f254"

}



.fa-hand-grab-o:before, .fa-hand-rock-o:before {

    content: "\f255"

}



.fa-hand-stop-o:before, .fa-hand-paper-o:before {

    content: "\f256"

}



.fa-hand-scissors-o:before {

    content: "\f257"

}



.fa-hand-lizard-o:before {

    content: "\f258"

}



.fa-hand-spock-o:before {

    content: "\f259"

}



.fa-hand-pointer-o:before {

    content: "\f25a"

}



.fa-hand-peace-o:before {

    content: "\f25b"

}



.fa-trademark:before {

    content: "\f25c"

}



.fa-registered:before {

    content: "\f25d"

}



.fa-creative-commons:before {

    content: "\f25e"

}



.fa-gg:before {

    content: "\f260"

}



.fa-gg-circle:before {

    content: "\f261"

}



.fa-tripadvisor:before {

    content: "\f262"

}



.fa-odnoklassniki:before {

    content: "\f263"

}



.fa-odnoklassniki-square:before {

    content: "\f264"

}



.fa-get-pocket:before {

    content: "\f265"

}



.fa-wikipedia-w:before {

    content: "\f266"

}



.fa-safari:before {

    content: "\f267"

}



.fa-chrome:before {

    content: "\f268"

}



.fa-firefox:before {

    content: "\f269"

}



.fa-opera:before {

    content: "\f26a"

}



.fa-internet-explorer:before {

    content: "\f26b"

}



.fa-tv:before, .fa-television:before {

    content: "\f26c"

}



.fa-contao:before {

    content: "\f26d"

}



.fa-500px:before {

    content: "\f26e"

}



.fa-amazon:before {

    content: "\f270"

}



.fa-calendar-plus-o:before {

    content: "\f271"

}



.fa-calendar-minus-o:before {

    content: "\f272"

}



.fa-calendar-times-o:before {

    content: "\f273"

}



.fa-calendar-check-o:before {

    content: "\f274"

}



.fa-industry:before {

    content: "\f275"

}



.fa-map-pin:before {

    content: "\f276"

}



.fa-map-signs:before {

    content: "\f277"

}



.fa-map-o:before {

    content: "\f278"

}



.fa-map:before {

    content: "\f279"

}



.fa-commenting:before {

    content: "\f27a"

}



.fa-commenting-o:before {

    content: "\f27b"

}



.fa-houzz:before {

    content: "\f27c"

}



.fa-vimeo:before {

    content: "\f27d"

}



.fa-black-tie:before {

    content: "\f27e"

}



.fa-fonticons:before {

    content: "\f280"

}



.fa-reddit-alien:before {

    content: "\f281"

}



.fa-edge:before {

    content: "\f282"

}



.fa-credit-card-alt:before {

    content: "\f283"

}



.fa-codiepie:before {

    content: "\f284"

}



.fa-modx:before {

    content: "\f285"

}



.fa-fort-awesome:before {

    content: "\f286"

}



.fa-usb:before {

    content: "\f287"

}



.fa-product-hunt:before {

    content: "\f288"

}



.fa-mixcloud:before {

    content: "\f289"

}



.fa-scribd:before {

    content: "\f28a"

}



.fa-pause-circle:before {

    content: "\f28b"

}



.fa-pause-circle-o:before {

    content: "\f28c"

}



.fa-stop-circle:before {

    content: "\f28d"

}



.fa-stop-circle-o:before {

    content: "\f28e"

}



.fa-shopping-bag:before {

    content: "\f290"

}



.fa-shopping-basket:before {

    content: "\f291"

}



.fa-hashtag:before {

    content: "\f292"

}



.fa-bluetooth:before {

    content: "\f293"

}



.fa-bluetooth-b:before {

    content: "\f294"

}



.fa-percent:before {

    content: "\f295"

}



.menu {

    line-height: 1

}



.menu__list {

    position: relative;

    display: -ms-flexbox;

    display: flex;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

    margin: 0;

    padding: 0;

    list-style: none

}



.menu__item {

    display: block;

    margin: 1em 0

}



.menu__link {

    font-size: 1.05em;

    font-weight: 700;

    display: block;

    padding: 1em;

    cursor: pointer;

    -webkit-user-select: none;

    -moz-user-select: none;

    -ms-user-select: none;

    user-select: none;

    -webkit-touch-callout: none;

    -khtml-user-select: none;

    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)

}



.menu__link:hover, .menu__link:focus {

    outline: none

}



.menu--alonso .menu__item {

    margin: 0

}



.menu--alonso .menu__link {

    width: 120px;

    height: 3em;

    text-align: center;

    color: #b5b5b5;

    transition: color .3s

}



.menu--alonso .menu__link:hover, .menu--alonso .menu__link:focus {

    color: #929292

}



.menu--alonso .menu__item--current .menu__link {

    color: #d94f5c;

    transition: color .5s

}



.menu--alonso .menu__line {

    position: absolute;

    top: 100%;

    left: 0;

    width: 120px;

    height: 2px;

    pointer-events: none;

    border: 1px solid #fff;

    border-width: 0 45px;

    background: #d94f5c;

    transition: -webkit-transform .5s;

    transition: transform .5s;

    transition-timing-function: cubic-bezier(1, 0.01, 0, 1.22)

}



.menu--alonso .menu__item:nth-child(1).menu__item--current ~ .menu__line {

    -webkit-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0)

}



.menu--alonso .menu__item:nth-child(2).menu__item--current ~ .menu__line {

    -webkit-transform: translate3d(100%, 0, 0);

    transform: translate3d(100%, 0, 0)

}



.menu--alonso .menu__item:nth-child(3).menu__item--current ~ .menu__line {

    -webkit-transform: translate3d(200%, 0, 0);

    transform: translate3d(200%, 0, 0)

}



.menu--alonso .menu__item:nth-child(4).menu__item--current ~ .menu__line {

    -webkit-transform: translate3d(300%, 0, 0);

    transform: translate3d(300%, 0, 0)

}



.menu--alonso .menu__item:nth-child(5).menu__item--current ~ .menu__line {

    -webkit-transform: translate3d(400%, 0, 0);

    transform: translate3d(400%, 0, 0)

}



@media screen and (max-width: 55em) {

    .menu--alonso .menu__line {

        top: 3em

    }



    .menu--alonso .menu__item:nth-child(1).menu__item--current ~ .menu__line {

        -webkit-transform: translate3d(0, 0, 0);

        transform: translate3d(0, 0, 0)

    }



    .menu--alonso .menu__item:nth-child(2).menu__item--current ~ .menu__line {

        -webkit-transform: translate3d(0, 3em, 0);

        transform: translate3d(0, 3em, 0)

    }



    .menu--alonso .menu__item:nth-child(3).menu__item--current ~ .menu__line {

        -webkit-transform: translate3d(0, 6em, 0);

        transform: translate3d(0, 6em, 0)

    }



    .menu--alonso .menu__item:nth-child(4).menu__item--current ~ .menu__line {

        -webkit-transform: translate3d(0, 9em, 0);

        transform: translate3d(0, 9em, 0)

    }



    .menu--alonso .menu__item:nth-child(5).menu__item--current ~ .menu__line {

        -webkit-transform: translate3d(0, 12em, 0);

        transform: translate3d(0, 12em, 0)

    }

}



.menu--sebastian .menu__link {

    position: relative;

    display: block;

    margin: 0 1em;

    text-align: center;

    color: #929292;

    transition: color .4s

}



.menu--sebastian .menu__link:hover, .menu--sebastian .menu__link:focus {

    color: #fff

}



.menu--sebastian .menu__item--current .menu__link {

    color: #d94f5c

}



.menu--sebastian .menu__link::before, .menu--sebastian .menu__link::after {

    content: '';

    position: absolute;

    left: 0;

    width: 100%;

    height: 2px;

    background: #d94f5c;

    -webkit-transform: scale3d(0, 1, 1);

    transform: scale3d(0, 1, 1);

    transition: -webkit-transform .2s;

    transition: transform .2s

}



.menu--sebastian .menu__link::before {

    top: 0;

    -webkit-transform-origin: 0 50%;

    -ms-transform-origin: 0 50%;

    transform-origin: 0 50%

}



.menu--sebastian .menu__link::after {

    bottom: 0;

    -webkit-transform-origin: 100% 50%;

    -ms-transform-origin: 100% 50%;

    transform-origin: 100% 50%

}



.menu--sebastian .menu__item--current .menu__link::before, .menu--sebastian .menu__item--current .menu__link::after {

    -webkit-transform: scale3d(1, 1, 1);

    transform: scale3d(1, 1, 1);

    transition-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1);

    transition-duration: .4s

}



.menu--prospero .menu__link {

    position: relative;

    display: block;

    margin: 0 1.5em;

    padding: .75em 0;

    text-align: center;

    color: #b5b5b5;

    transition: color .3s

}



.menu--prospero .menu__link:hover, .menu--prospero .menu__link:focus {

    color: #929292

}



.menu--prospero .menu__item--current .menu__link {

    color: #d94f5c

}



.menu--prospero .menu__link::before {

    content: '';

    position: absolute;

    bottom: 0;

    left: 0;

    width: 100%;

    height: 4px;

    background: #d94f5c;

    -webkit-transform: scale3d(0, 1, 1);

    transform: scale3d(0, 1, 1);

    transition: -webkit-transform .1s;

    transition: transform .1s

}



.menu--prospero .menu__item--current .menu__link::before {

    -webkit-transform: scale3d(1, 1, 1);

    transform: scale3d(1, 1, 1);

    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);

    transition-duration: .3s

}



.menu--viola .menu__item {

    position: relative;

    margin: 0 1em

}



.menu--viola .menu__link {

    position: relative;

    display: block;

    text-align: center;

    color: #929292;

    transition: color .4s

}



.menu--viola .menu__link:hover, .menu--viola .menu__link:focus {

    color: #fff

}



.menu--viola .menu__item--current .menu__link {

    color: #d94f5c

}



.menu--viola .menu__item::before, .menu--viola .menu__item::after, .menu--viola .menu__link::before, .menu--viola .menu__link::after {

    content: '';

    position: absolute;

    background: #d94f5c;

    transition: -webkit-transform .2s;

    transition: transform .2s

}



.menu--viola .menu__item::before, .menu--viola .menu__item::after {

    top: 0;

    width: 2px;

    height: 100%;

    -webkit-transform: scale3d(1, 0, 1);

    transform: scale3d(1, 0, 1)

}



.menu--viola .menu__item::before {

    left: 0;

    -webkit-transform-origin: 50% 100%;

    -ms-transform-origin: 50% 100%;

    transform-origin: 50% 100%

}



.menu--viola .menu__item::after {

    right: 0;

    -webkit-transform-origin: 50% 0;

    -ms-transform-origin: 50% 0;

    transform-origin: 50% 0

}



.menu--viola .menu__link::before, .menu--viola .menu__link::after {

    left: 0;

    width: 100%;

    height: 2px;

    -webkit-transform: scale3d(0, 1, 1);

    transform: scale3d(0, 1, 1)

}



.menu--viola .menu__link::before {

    top: 0;

    -webkit-transform-origin: 0 50%;

    -ms-transform-origin: 0 50%;

    transform-origin: 0 50%

}



.menu--viola .menu__link::after {

    bottom: 0;

    -webkit-transform-origin: 100% 50%;

    -ms-transform-origin: 100% 50%;

    transform-origin: 100% 50%

}



.menu--viola .menu__item--current::before, .menu--viola .menu__item--current::after, .menu--viola .menu__item--current .menu__link::before, .menu--viola .menu__item--current .menu__link::after {

    -webkit-transform: scale3d(1, 1, 1);

    transform: scale3d(1, 1, 1);

    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);

    transition-duration: .4s

}



.menu--antonio .menu__item {

    position: relative;

    margin: 1em

}



.menu--antonio .menu__link {

    position: relative;

    display: block;

    min-width: 110px;

    text-align: center;

    color: #b5b5b5;

    transition: color .2s

}



.menu--antonio .menu__link:hover, .menu--antonio .menu__link:focus {

    color: #929292

}



.menu--antonio .menu__item--current .menu__link {

    color: #d94f5c;

    transition-duration: .4s

}



.menu--antonio .menu__item::before, .menu--antonio .menu__item::after, .menu--antonio .menu__link::before, .menu--antonio .menu__link::after {

    content: '';

    position: absolute;

    background: #d94f5c;

    transition: -webkit-transform .2s;

    transition: transform .2s

}



.menu--antonio .menu__item::before, .menu--antonio .menu__item::after {

    top: 0;

    width: 4px;

    height: 100%;

    -webkit-transform: scale3d(1, 0, 1);

    transform: scale3d(1, 0, 1)

}



.menu--antonio .menu__item::before {

    left: 0;

    -webkit-transform-origin: 50% 100%;

    -ms-transform-origin: 50% 100%;

    transform-origin: 50% 100%

}



.menu--antonio .menu__item::after {

    right: 0;

    -webkit-transform-origin: 50% 0;

    -ms-transform-origin: 50% 0;

    transform-origin: 50% 0

}



.menu--antonio .menu__link::before, .menu--antonio .menu__link::after {

    left: 0;

    width: 100%;

    height: 4px;

    -webkit-transform: scale3d(0, 1, 1);

    transform: scale3d(0, 1, 1)

}



.menu--antonio .menu__link::before {

    top: 0;

    -webkit-transform-origin: 0 50%;

    -ms-transform-origin: 0 50%;

    transform-origin: 0 50%

}



.menu--antonio .menu__link::after {

    bottom: 0;

    -webkit-transform-origin: 100% 50%;

    -ms-transform-origin: 100% 50%;

    transform-origin: 100% 50%

}



.menu--antonio .menu__item--current::before, .menu--antonio .menu__item--current::after, .menu--antonio .menu__item--current .menu__link::before, .menu--antonio .menu__item--current .menu__link::after {

    -webkit-transform: scale3d(1, 1, 1);

    transform: scale3d(1, 1, 1);

    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);

    transition-duration: .4s

}



.menu--antonio .menu__item--current::after {

    transition-delay: 0

}



.menu--antonio .menu__item--current .menu__link::before {

    transition-delay: .2s

}



.menu--antonio .menu__item--current .menu__link::after {

    transition-delay: .2s

}



.menu--miranda .menu__item {

    position: relative;

    margin: 1em

}



.menu--miranda .menu__link {

    position: relative;

    display: block;

    min-width: 120px;

    text-align: center;

    color: #b5b5b5;

    transition: color .3s

}



.menu--miranda .menu__link:hover, .menu--miranda .menu__link:focus {

    color: #929292

}



.menu--miranda .menu__item--current .menu__link {

    color: #d94f5c

}



.menu--miranda .menu__item::before, .menu--miranda .menu__item::after, .menu--miranda .menu__link::before, .menu--miranda .menu__link::after {

    content: '';

    position: absolute;

    background: #d94f5c;

    transition: -webkit-transform .1s;

    transition: transform .1s;

    transition-timing-function: cubic-bezier(1, 0.68, 0.16, 0.9)

}



.menu--miranda .menu__item::before, .menu--miranda .menu__item::after {

    top: 0;

    width: 2px;

    height: 100%;

    -webkit-transform: scale3d(1, 0, 1);

    transform: scale3d(1, 0, 1)

}



.menu--miranda .menu__item::before {

    left: 0;

    -webkit-transform-origin: 50% 100%;

    -ms-transform-origin: 50% 100%;

    transform-origin: 50% 100%

}



.menu--miranda .menu__item::after {

    right: 0;

    -webkit-transform-origin: 50% 0;

    -ms-transform-origin: 50% 0;

    transform-origin: 50% 0

}



.menu--miranda .menu__link::before, .menu--miranda .menu__link::after {

    left: 0;

    width: 100%;

    height: 2px;

    -webkit-transform: scale3d(0, 1, 1);

    transform: scale3d(0, 1, 1)

}



.menu--miranda .menu__link::before {

    top: 0;

    -webkit-transform-origin: 0 50%;

    -ms-transform-origin: 0 50%;

    transform-origin: 0 50%

}



.menu--miranda .menu__link::after {

    bottom: 0;

    -webkit-transform-origin: 100% 50%;

    -ms-transform-origin: 100% 50%;

    transform-origin: 100% 50%

}



.menu--miranda .menu__item .menu__link::after {

    transition-delay: .3s

}



.menu--miranda .menu__item--current .menu__link::after {

    transition-delay: 0

}



.menu--miranda .menu__item::before {

    transition-delay: .2s

}



.menu--miranda .menu__item--current::before {

    transition-delay: .1s

}



.menu--miranda .menu__item .menu__link::before {

    transition-delay: .1s

}



.menu--miranda .menu__item--current .menu__link::before {

    transition-delay: .2s

}



.menu--miranda .menu__item--current::after {

    transition-delay: .3s

}



.menu--miranda .menu__item--current::before, .menu--miranda .menu__item--current::after, .menu--miranda .menu__item--current .menu__link::before, .menu--miranda .menu__item--current .menu__link::after {

    -webkit-transform: scale3d(1, 1, 1);

    transform: scale3d(1, 1, 1)

}



.menu--ariel .menu__item {

    position: relative;

    margin: .5em 1em

}



.menu--ariel .menu__link {

    line-height: 1.15;

    position: relative;

    display: block;

    min-width: 110px;

    text-align: center;

    color: #b5b5b5;

    transition: color .3s

}



.menu--ariel .menu__link:hover, .menu--ariel .menu__link:focus {

    color: #929292

}



.menu--ariel .menu__item--current .menu__link {

    color: #d94f5c

}



.menu--ariel .menu__item::before, .menu--ariel .menu__item::after, .menu--ariel .menu__link::before, .menu--ariel .menu__link::after {

    content: '';

    position: absolute;

    background: #d94f5c;

    transition: -webkit-transform .3s;

    transition: transform .3s;

    transition-timing-function: cubic-bezier(0.44, 0.05, 0.55, 0.95)

}



.menu--ariel .menu__item::before, .menu--ariel .menu__item::after {

    top: 0;

    width: 4px;

    height: 100%;

    -webkit-transform: scale3d(0.1, 0, 1);

    transform: scale3d(0.1, 0, 1)

}



.menu--ariel .menu__item::before {

    left: 0

}



.menu--ariel .menu__item::after {

    right: 0

}



.menu--ariel .menu__link::before, .menu--ariel .menu__link::after {

    left: 0;

    width: 100%;

    height: 4px;

    -webkit-transform: scale3d(0, 0.1, 1);

    transform: scale3d(0, 0.1, 1)

}



.menu--ariel .menu__link::before {

    top: 0

}



.menu--ariel .menu__link::after {

    bottom: 0

}



.menu--ariel .menu__item--current::before, .menu--ariel .menu__item--current::after, .menu--ariel .menu__item--current .menu__link::before, .menu--ariel .menu__item--current .menu__link::after {

    -webkit-transform: scale3d(1, 1, 1);

    transform: scale3d(1, 1, 1)

}



.menu--caliban .menu__item {

    margin: .5em 0

}



.menu--caliban .menu__link {

    position: relative;

    display: block;

    width: 140px;

    margin: 0 1em;

    color: #b5b5b5;

    transition: color .2s

}



.menu--caliban .menu__link:hover, .menu--caliban .menu__link:focus {

    color: #929292

}



.menu--caliban .menu__item--current .menu__link {

    color: #d94f5c

}



.menu--caliban .menu__link::before, .menu--caliban .menu__link::after {

    content: '';

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    border: 2px solid #d94f5c;

    transition: -webkit-transform .2s;

    transition: transform .2s

}



.menu--caliban .menu__link::before {

    border-width: 0 2px;

    -webkit-transform: scale3d(1, 0, 1);

    transform: scale3d(1, 0, 1);

    -webkit-transform-origin: 0 50%;

    -ms-transform-origin: 0 50%;

    transform-origin: 0 50%

}



.menu--caliban .menu__link::after {

    border-width: 2px 0;

    -webkit-transform: scale3d(0, 1, 1);

    transform: scale3d(0, 1, 1);

    -webkit-transform-origin: 0 0;

    -ms-transform-origin: 0 0;

    transform-origin: 0 0;

    transition-delay: .2s

}



.menu--caliban .menu__item--current .menu__link::before, .menu--caliban .menu__item--current .menu__link::after {

    -webkit-transform: scale3d(1, 1, 1);

    transform: scale3d(1, 1, 1)

}



.menu--ferdinand .menu__link {

    position: relative;

    display: block;

    margin: 0 1.5em;

    padding: .65em 0;

    text-align: center;

    color: #b5b5b5;

    transition: background 0.3s, color .3s

}



.menu--ferdinand .menu__link:hover, .menu--ferdinand .menu__link:focus {

    color: #929292

}



.menu--ferdinand .menu__item--current .menu__link {

    color: #d94f5c

}



.menu--ferdinand .menu__link::before {

    content: '';

    position: absolute;

    bottom: 0;

    left: 0;

    width: 100%;

    height: 2px;

    background: #d94f5c;

    -webkit-transform: scale3d(0, 5, 1);

    transform: scale3d(0, 5, 1);

    -webkit-transform-origin: 0 50%;

    -ms-transform-origin: 0 50%;

    transform-origin: 0 50%;

    transition: -webkit-transform .3s;

    transition: transform .3s;

    transition-timing-function: cubic-bezier(1, 0.68, 0.16, 0.9)

}



.menu--ferdinand .menu__item--current .menu__link::before {

    -webkit-transform: scale3d(1, 1, 1);

    transform: scale3d(1, 1, 1)

}



.menu--adrian .menu__item {

    margin: 0 1em

}



.menu--adrian .menu__link {

    position: relative;

    overflow: hidden;

    width: 130px;

    padding: 1em 0;

    color: #b5b5b5

}



.menu--adrian .menu__link:hover, .menu--adrian .menu__link:focus {

    color: #929292

}



.menu--adrian .menu__item--current .menu__link {

    color: #d94f5c

}



.menu--adrian .menu__link::before {

    content: '';

    position: absolute;

    bottom: 0;

    left: 0;

    width: 300%;

    height: 50px;

    opacity: 0;

    background: url(../img/line.svg) no-repeat top left;

    -webkit-transform: translate3d(130px, 0, 0);

    transform: translate3d(130px, 0, 0);

    transition: -webkit-transform 0 0.3s, opacity .3s;

    transition: transform 0 0.3s, opacity .3s

}



.menu--adrian .menu__item--current .menu__link::before {

    opacity: 1;

    -webkit-transform: translate3d(-260px, 0, 0);

    transform: translate3d(-260px, 0, 0);

    transition: -webkit-transform .5s;

    transition: transform .5s

}



.menu--adrian .menu__helper {

    display: block;

    pointer-events: none

}



.menu--adrian .menu__item--current .menu__helper {

    -webkit-animation: anim-adrian .3s forwards;

    animation: anim-adrian .3s forwards

}



@-webkit-keyframes anim-adrian {

    50% {

        opacity: 0;

        -webkit-transform: translate3d(0, -100%, 0);

        transform: translate3d(0, -100%, 0)

    }

    51% {

        opacity: 0;

        -webkit-transform: translate3d(0, 100%, 0);

        transform: translate3d(0, 100%, 0)

    }

    100% {

        opacity: 1;

        -webkit-transform: translate3d(0, 0, 0);

        transform: translate3d(0, 0, 0)

    }

}



@keyframes anim-adrian {

    50% {

        opacity: 0;

        -webkit-transform: translate3d(0, -100%, 0);

        transform: translate3d(0, -100%, 0)

    }

    51% {

        opacity: 0;

        -webkit-transform: translate3d(0, 100%, 0);

        transform: translate3d(0, 100%, 0)

    }

    100% {

        opacity: 1;

        -webkit-transform: translate3d(0, 0, 0);

        transform: translate3d(0, 0, 0)

    }

}



.menu--francisco .menu__item {

    margin: 0 1.5em

}



.menu--francisco .menu__link {

    position: relative;

    overflow: hidden;

    height: 3em;

    padding: 1em 0;

    text-align: center;

    color: #b5b5b5;

    transition: color .3s

}



.menu--francisco .menu__link:hover, .menu--francisco .menu__link:focus {

    color: #929292

}



.menu--francisco .menu__item--current .menu__link {

    color: #d94f5c

}



.menu--francisco .menu__link::before {

    content: '';

    position: absolute;

    bottom: 0;

    left: 0;

    width: 100%;

    height: 2px;

    opacity: 0;

    background: #d94f5c;

    -webkit-transform: translate3d(0, -3em, 0);

    transform: translate3d(0, -3em, 0);

    transition: -webkit-transform 0 0.3s, opacity .2s;

    transition: transform 0 0.3s, opacity .2s

}



.menu--francisco .menu__item--current .menu__link::before {

    opacity: 1;

    -webkit-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0);

    transition: -webkit-transform 0.3s, opacity .1s;

    transition: transform 0.3s, opacity .1s;

    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1)

}



.menu--francisco .menu__helper {

    display: block;

    pointer-events: none

}



.menu--francisco .menu__item--current .menu__helper {

    -webkit-animation: anim-francisco .3s forwards;

    animation: anim-francisco .3s forwards

}



@-webkit-keyframes anim-francisco {

    50% {

        opacity: 0;

        -webkit-transform: translate3d(0, 100%, 0);

        transform: translate3d(0, 100%, 0)

    }

    51% {

        opacity: 0;

        -webkit-transform: translate3d(0, -100%, 0);

        transform: translate3d(0, -100%, 0)

    }

    100% {

        opacity: 1;

        -webkit-transform: translate3d(0, 0, 0);

        transform: translate3d(0, 0, 0)

    }

}



@keyframes anim-francisco {

    50% {

        opacity: 0;

        -webkit-transform: translate3d(0, 100%, 0);

        transform: translate3d(0, 100%, 0)

    }

    51% {

        opacity: 0;

        -webkit-transform: translate3d(0, -100%, 0);

        transform: translate3d(0, -100%, 0)

    }

    100% {

        opacity: 1;

        -webkit-transform: translate3d(0, 0, 0);

        transform: translate3d(0, 0, 0)

    }

}



.menu--trinculo .menu__item {

    margin: 0 1.75em

}



.menu--trinculo .menu__link {

    position: relative;

    padding: 1em .1em;

    text-align: center;

    color: #b5b5b5;

    transition: color .3s

}



.menu--trinculo .menu__link:hover, .menu--trinculo .menu__link:focus {

    color: #929292

}



.menu--trinculo .menu__link::before {

    content: '';

    position: absolute;

    bottom: 0;

    left: 0;

    width: 100%;

    height: 4px;

    opacity: 0;

    background: #d94f5c;

    -webkit-transform: scale3d(0, 1, 1);

    transform: scale3d(0, 1, 1);

    -webkit-transform-origin: 100% 50%;

    -ms-transform-origin: 100% 50%;

    transform-origin: 100% 50%;

    transition: -webkit-transform 0 0.2s, opacity .2s;

    transition: transform 0 0.2s, opacity .2s

}



.menu--trinculo .menu__item--current .menu__link::before {

    opacity: 1;

    -webkit-transform: scale3d(1, 1, 1);

    transform: scale3d(1, 1, 1);

    transition: -webkit-transform 0.2s, opacity .1s;

    transition: transform 0.2s, opacity .1s;

    transition-delay: .35s;

    transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1)

}



.menu--trinculo .menu__helper {

    display: block;

    pointer-events: none

}



.menu--trinculo .menu__item--current .menu__helper {

    -webkit-animation: anim-trinculo .6s forwards;

    animation: anim-trinculo .6s forwards

}



@-webkit-keyframes anim-trinculo {

    50% {

        opacity: 0;

        color: #929292;

        -webkit-transform: translate3d(100%, 0, 0);

        transform: translate3d(100%, 0, 0)

    }

    51% {

        opacity: 0;

        color: #d94f5c;

        -webkit-transform: translate3d(-100%, 0, 0);

        transform: translate3d(-100%, 0, 0)

    }

    75% {

        opacity: 1;

        -webkit-transform: translate3d(5px, 0, 0);

        transform: translate3d(5px, 0, 0)

    }

    100% {

        opacity: 1;

        color: #d94f5c;

        -webkit-transform: translate3d(0, 0, 0);

        transform: translate3d(0, 0, 0)

    }

}



@keyframes anim-trinculo {

    50% {

        opacity: 0;

        color: #929292;

        -webkit-transform: translate3d(100%, 0, 0);

        transform: translate3d(100%, 0, 0)

    }

    51% {

        opacity: 0;

        color: #d94f5c;

        -webkit-transform: translate3d(-100%, 0, 0);

        transform: translate3d(-100%, 0, 0)

    }

    75% {

        opacity: 1;

        -webkit-transform: translate3d(5px, 0, 0);

        transform: translate3d(5px, 0, 0)

    }

    100% {

        opacity: 1;

        color: #d94f5c;

        -webkit-transform: translate3d(0, 0, 0);

        transform: translate3d(0, 0, 0)

    }

}



.menu--stephano .menu__item {

    position: relative;

    margin: 0 1em

}



.menu--stephano .menu__link {

    position: relative;

    min-width: 105px;

    text-align: center;

    color: #b5b5b5;

    transition: color .3s

}



.menu--stephano .menu__link:hover, .menu--stephano .menu__link:focus {

    color: #929292

}



.menu--stephano .menu__item--current .menu__link {

    color: #d94f5c

}



.menu--stephano .menu__item::before, .menu--stephano .menu__link::before, .menu--stephano .menu__link::after {

    content: '';

    position: absolute;

    bottom: 0;

    width: 10px;

    height: 2px;

    opacity: 0;

    background: #d94f5c

}



.menu--stephano .menu__link::before, .menu--stephano .menu__link::after {

    -webkit-transform: translate3d(0, 10px, 0);

    transform: translate3d(0, 10px, 0);

    transition: -webkit-transform 0.3s, opacity .3s;

    transition: transform 0.3s, opacity .3s

}



.menu--stephano .menu__item--current .menu__link::before, .menu--stephano .menu__item--current .menu__link::after {

    opacity: 1

}



.menu--stephano .menu__link::before {

    left: 0;

    -webkit-transform-origin: 0 0;

    -ms-transform-origin: 0 0;

    transform-origin: 0 0

}



.menu--stephano .menu__item--current .menu__link::before {

    -webkit-transform: rotate3d(0, 0, 1, -90deg);

    transform: rotate3d(0, 0, 1, -90deg)

}



.menu--stephano .menu__link::after {

    right: 0;

    -webkit-transform-origin: 100% 0;

    -ms-transform-origin: 100% 0;

    transform-origin: 100% 0

}



.menu--stephano .menu__item--current .menu__link::after {

    -webkit-transform: rotate3d(0, 0, 1, 90deg);

    transform: rotate3d(0, 0, 1, 90deg)

}



.menu--stephano .menu__item::before {

    left: 0;

    width: 100%;

    -webkit-transform: translate3d(0, 10px, 0);

    transform: translate3d(0, 10px, 0);

    transition: -webkit-transform 0.3s, opacity .3s;

    transition: transform 0.3s, opacity .3s

}



.menu--stephano .menu__item--current::before {

    opacity: 1;

    -webkit-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0);

    transition: -webkit-transform 0.3s, opacity .1s;

    transition: transform 0.3s, opacity .1s

}



.menu--iris .menu__item {

    margin: 0 1em

}



.menu--iris .menu__link {

    position: relative;

    text-align: center;

    color: #b5b5b5;

    transition: color .3s

}



.menu--iris .menu__link:hover, .menu--iris .menu__link:focus {

    color: #929292

}



.menu--iris .menu__item--current .menu__link {

    color: #d94f5c

}



.menu--iris .menu__link::before, .menu--iris .menu__link::after {

    content: '';

    position: absolute;

    width: 10px;

    height: 10px;

    opacity: 0;

    border: 2px solid #d94f5c;

    transition: -webkit-transform 0.3s, opacity .3s;

    transition: transform 0.3s, opacity .3s;

    transition-timing-function: cubic-bezier(0.17, 0.67, 0.05, 1.29)

}



.menu--iris .menu__link::before {

    top: 0;

    left: 0;

    border-width: 2px 0 0 2px;

    -webkit-transform: translate3d(10px, 10px, 0);

    transform: translate3d(10px, 10px, 0)

}



.menu--iris .menu__link::after {

    right: 0;

    bottom: 0;

    border-width: 0 2px 2px 0;

    -webkit-transform: translate3d(-10px, -10px, 0);

    transform: translate3d(-10px, -10px, 0)

}



.menu--iris .menu__item--current .menu__link::before, .menu--iris .menu__item--current .menu__link::after {

    opacity: 1;

    -webkit-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0)

}



.menu--ceres .menu__item {

    position: relative

}



.menu--ceres .menu__link {

    position: relative;

    min-width: 115px;

    height: 50px;

    padding: 1em 1.5em;

    text-align: center;

    color: #b5b5b5;

    transition: color .3s

}



.menu--ceres .menu__link:hover, .menu--ceres .menu__link:focus {

    color: #929292

}



.menu--ceres .menu__item--current .menu__link {

    color: #d94f5c

}



.menu--ceres .menu__item::before, .menu--ceres .menu__item::after, .menu--ceres .menu__link::after {

    content: '';

    position: absolute;

    bottom: 0;

    background: #d94f5c

}



.menu--ceres .menu__item::before, .menu--ceres .menu__item::after {

    width: 2px;

    height: 100%;

    opacity: 0;

    -webkit-transform: scale3d(1, 0, 1);

    transform: scale3d(1, 0, 1);

    -webkit-transform-origin: 50% 0;

    -ms-transform-origin: 50% 0;

    transform-origin: 50% 0;

    transition: -webkit-transform 0 0.1s, opacity .1s;

    transition: transform 0 0.1s, opacity .1s

}



.menu--ceres .menu__item::before {

    left: 0

}



.menu--ceres .menu__item::after {

    right: 0

}



.menu--ceres .menu__item--current::before, .menu--ceres .menu__item--current::after {

    opacity: 1;

    -webkit-transform: scale3d(1, 1, 1);

    transform: scale3d(1, 1, 1);

    transition: -webkit-transform .3s;

    transition: transform .3s;

    transition-delay: .3s;

    transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1)

}



.menu--ceres .menu__link::after {

    left: 0;

    width: 100%;

    height: 2px;

    transition: -webkit-transform .3s;

    transition: transform .3s

}



.menu--ceres .menu__item--current .menu__link::after {

    -webkit-transform: translate3d(0, -48px, 0);

    transform: translate3d(0, -48px, 0);

    transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1)

}



.menu--juno .menu__item {

    position: relative;

    overflow: hidden;

    margin: .5em

}



.menu--juno .menu__link {

    position: relative;

    z-index: 10;

    text-align: center;

    color: #b5b5b5;

    transition: color .3s

}



.menu--juno .menu__link:hover, .menu--juno .menu__link:focus {

    color: #929292

}



.menu--juno .menu__item--current .menu__link {

    color: #d94f5c

}



.menu--juno .menu__item::before, .menu--juno .menu__item::after, .menu--juno .menu__link::before, .menu--juno .menu__link::after {

    content: '';

    position: absolute;

    pointer-events: none;

    opacity: 0;

    background: #d94f5c;

    transition: -webkit-transform 0.3s, opacity .3s;

    transition: transform 0.3s, opacity .3s;

    transition-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1)

}



.menu--juno .menu__item::before, .menu--juno .menu__item::after {

    left: 0;

    width: 100%;

    height: 2px

}



.menu--juno .menu__item::before {

    top: 0;

    -webkit-transform: translate3d(0, 15px, 0);

    transform: translate3d(0, 15px, 0)

}



.menu--juno .menu__item::after {

    bottom: 0;

    -webkit-transform: translate3d(0, -15px, 0);

    transform: translate3d(0, -15px, 0)

}



.menu--juno .menu__link::before, .menu--juno .menu__link::after {

    top: 0;

    width: 2px;

    height: 100%

}



.menu--juno .menu__link::before {

    left: 0;

    -webkit-transform: translate3d(15px, 0, 0);

    transform: translate3d(15px, 0, 0)

}



.menu--juno .menu__link::after {

    right: 0;

    -webkit-transform: translate3d(-15px, 0, 0);

    transform: translate3d(-15px, 0, 0)

}



.menu--juno .menu__item--current::before, .menu--juno .menu__item--current::after, .menu--juno .menu__item--current .menu__link::before, .menu--juno .menu__item--current .menu__link::after {

    opacity: 1;

    -webkit-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0)

}



.menu--maria .menu__item {

    position: relative;

    display: -ms-flexbox;

    display: flex;

    -ms-flex-direction: column;

    flex-direction: column;

    -ms-flex-pack: center;

    justify-content: center;

    -ms-flex-align: center;

    align-items: center;

    width: 60px;

    height: 60px;

    margin: 0 1.25em;

    text-align: center

}



.menu--maria .menu__item::before {

    content: '';

    position: absolute;

    top: 100%;

    left: 0;

    width: 140%;

    height: 4px;

    background: #d94f5c;

    -webkit-transform: rotate3d(0, 0, 1, -45deg) scale3d(0, 1, 1);

    transform: rotate3d(0, 0, 1, -45deg) scale3d(0, 1, 1);

    -webkit-transform-origin: 0 50%;

    -ms-transform-origin: 0 50%;

    transform-origin: 0 50%;

    transition: -webkit-transform .4s;

    transition: transform .4s

}



.menu--maria .menu__item.menu__item--current::before {

    -webkit-transform: rotate3d(0, 0, 1, -45deg) scale3d(1, 1, 1);

    transform: rotate3d(0, 0, 1, -45deg) scale3d(1, 1, 1)

}



.menu--maria .menu__link {

    position: relative;

    color: #929292;

    transition: color .4s

}



.menu--maria .menu__link:hover, .menu--maria .menu__link:focus {

    color: #d94f5c

}



.menu--maria .menu__item.menu__item--current .menu__link {

    color: #333

}



.menu--valentine .menu__item {

    position: relative;

    margin: 0 1em

}



.menu--valentine .menu__link {

    position: relative;

    display: block;

    min-width: 105px;

    text-align: center;

    color: #b5b5b5;

    transition: color .3s

}



.menu--valentine .menu__link:hover, .menu--valentine .menu__link:focus {

    color: #929292

}



.menu--valentine .menu__item--current .menu__link {

    color: #d94f5c

}



.menu--valentine .menu__item::before, .menu--valentine .menu__item::after, .menu--valentine .menu__link::before, .menu--valentine .menu__link::after {

    content: '';

    position: absolute;

    background: #d94f5c;

    -webkit-transform-origin: 350% 350%;

    -ms-transform-origin: 350% 350%;

    transform-origin: 350% 350%;

    transition: -webkit-transform .5s;

    transition: transform .5s;

    transition-timing-function: cubic-bezier(0, 0, 0.2, 1)

}



.menu--valentine .menu__item::before, .menu--valentine .menu__item::after {

    top: 0;

    width: 2px;

    height: 100%;

    -webkit-transform: scale3d(1, 0, 1);

    transform: scale3d(1, 0, 1)

}



.menu--valentine .menu__item::before {

    left: 0;

    transition-delay: .05s

}



.menu--valentine .menu__item::after {

    right: 0;

    transition-delay: .15s

}



.menu--valentine .menu__link::before, .menu--valentine .menu__link::after {

    left: 0;

    width: 100%;

    height: 2px;

    -webkit-transform: scale3d(0, 1, 1);

    transform: scale3d(0, 1, 1)

}



.menu--valentine .menu__link::before {

    top: 0;

    transition-delay: .1s

}



.menu--valentine .menu__link::after {

    bottom: 0

}



.menu--valentine .menu__item--current::before, .menu--valentine .menu__item--current::after, .menu--valentine .menu__item--current .menu__link::before, .menu--valentine .menu__item--current .menu__link::after {

    -webkit-transform: scale3d(1, 1, 1);

    transform: scale3d(1, 1, 1)

}



.menu--puck .menu__link {

    position: relative;

    display: block;

    margin: 0 1em;

    text-align: center;

    color: #929292;

    transition: color .4s

}



.menu--puck .menu__link:hover, .menu--puck .menu__link:focus {

    color: #828282

}



.menu--puck .menu__item--current .menu__link {

    color: #d94f5c

}



.menu--puck .menu__link::before, .menu--puck .menu__link::after {

    content: '';

    position: absolute;

    left: 0;

    width: 100%;

    height: 7px;

    background: #d94f5c;

    -webkit-transform: scale3d(0, 1, 1);

    transform: scale3d(0, 1, 1);

    transition: -webkit-transform .2s;

    transition: transform .2s

}



.menu--puck .menu__link::before {

    bottom: -5px;

    height: 2px;

    transition-delay: .1s

}



.menu--puck .menu__link::after {

    bottom: 0

}



.menu--puck .menu__item--current .menu__link::before, .menu--puck .menu__item--current .menu__link::after {

    -webkit-transform: scale3d(1, 1, 1);

    transform: scale3d(1, 1, 1);

    transition-timing-function: cubic-bezier(0, 1.54, 0.34, 1);

    transition-duration: .8s

}



.menu--titania .menu__item {

    margin: 0

}



.menu--titania .menu__link {

    width: 120px;

    height: 3em;

    text-align: center;

    color: #b5b5b5;

    transition: color .3s .2s

}



.menu--titania .menu__link:hover, .menu--titania .menu__link:focus {

    color: #929292

}



.menu--titania .menu__item--current .menu__link {

    color: #d94f5c;

    transition: color .7s .2s

}



.menu--titania .menu__lines {

    position: absolute;

    top: 0;

    left: 0;

    width: 120px;

    height: 100%;

    pointer-events: none;

    border: 2px solid #d94f5c;

    border-width: 2px 0;

    transition: -webkit-transform .5s .2s;

    transition: transform .5s .2s;

    transition-timing-function: cubic-bezier(1, 0.01, 0, 1.22)

}



.menu--titania .menu__lines::before, .menu--titania .menu__lines::after {

    content: '';

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    border: 2px solid #d94f5c;

    border-width: 0 2px;

    -webkit-transform-origin: 0 50%;

    -ms-transform-origin: 0 50%;

    transform-origin: 0 50%

}



.menu--titania .menu__lines::before {

    -webkit-transform: scale3d(1, 0, 1);

    transform: scale3d(1, 0, 1);

    transition: -webkit-transform .2s ease;

    transition: transform .2s ease

}



.menu--titania .menu__lines::after {

    -webkit-transform: scale3d(1, 1, 1);

    transform: scale3d(1, 1, 1);

    transition: -webkit-transform .2s ease .7s;

    transition: transform .2s ease .7s

}



.menu--titania .menu__item:active:not(.menu__item--current) ~ .menu__lines::before, .menu--titania .menu__item:active:not(.menu__item--current) ~ .menu__lines::after {

    transition: -webkit-transform 0;

    transition: transform 0

}



.menu--titania .menu__item:active:not(.menu__item--current) ~ .menu__lines::before {

    -webkit-transform: scale3d(1, 1, 1);

    transform: scale3d(1, 1, 1)

}



.menu--titania .menu__item:active:not(.menu__item--current) ~ .menu__lines::after {

    -webkit-transform: scale3d(1, 0, 1);

    transform: scale3d(1, 0, 1)

}



.menu--titania .menu__item:nth-child(1).menu__item--current ~ .menu__lines {

    -webkit-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0)

}



.menu--titania .menu__item:nth-child(2).menu__item--current ~ .menu__lines {

    -webkit-transform: translate3d(100%, 0, 0);

    transform: translate3d(100%, 0, 0)

}



.menu--titania .menu__item:nth-child(3).menu__item--current ~ .menu__lines {

    -webkit-transform: translate3d(200%, 0, 0);

    transform: translate3d(200%, 0, 0)

}



.menu--titania .menu__item:nth-child(4).menu__item--current ~ .menu__lines {

    -webkit-transform: translate3d(300%, 0, 0);

    transform: translate3d(300%, 0, 0)

}



.menu--titania .menu__item:nth-child(5).menu__item--current ~ .menu__lines {

    -webkit-transform: translate3d(400%, 0, 0);

    transform: translate3d(400%, 0, 0)

}



@media screen and (max-width: 55em) {

    .menu--titania .menu__lines {

        height: 20%;

        border-width: 0 2px

    }



    .menu--titania .menu__lines::before, .menu--titania .menu__lines::after {

        border-width: 2px 0;

        -webkit-transform-origin: 50% 0;

        -ms-transform-origin: 50% 0;

        transform-origin: 50% 0

    }



    .menu--titania .menu__lines::before {

        -webkit-transform: scale3d(0, 1, 1);

        transform: scale3d(0, 1, 1)

    }



    .menu--titania .menu__item:active:not(.menu__item--current) ~ .menu__lines::after {

        -webkit-transform: scale3d(0, 1, 1);

        transform: scale3d(0, 1, 1)

    }



    .menu--titania .menu__item:nth-child(1).menu__item--current ~ .menu__lines {

        -webkit-transform: translate3d(0, 0, 0);

        transform: translate3d(0, 0, 0)

    }



    .menu--titania .menu__item:nth-child(2).menu__item--current ~ .menu__lines {

        -webkit-transform: translate3d(0, 100%, 0);

        transform: translate3d(0, 100%, 0)

    }



    .menu--titania .menu__item:nth-child(3).menu__item--current ~ .menu__lines {

        -webkit-transform: translate3d(0, 200%, 0);

        transform: translate3d(0, 200%, 0)

    }



    .menu--titania .menu__item:nth-child(4).menu__item--current ~ .menu__lines {

        -webkit-transform: translate3d(0, 300%, 0);

        transform: translate3d(0, 300%, 0)

    }



    .menu--titania .menu__item:nth-child(5).menu__item--current ~ .menu__lines {

        -webkit-transform: translate3d(0, 400%, 0);

        transform: translate3d(0, 400%, 0)

    }

}



.menu--bagot .menu__item {

    position: relative

}



.menu--bagot .menu__link {

    position: relative;

    min-width: 7rem;

    height: 50px;

    padding: 1em 1.5em;

    text-align: center;

    opacity: .7;

    color: #929292;

    transition: opacity .3s

}



.menu--bagot .menu__item::before, .menu--bagot .menu__item::after {

    content: '';

    position: absolute;

    z-index: -1;

    top: 0;

    right: 0;

    bottom: 0;

    left: 0;

    color: #d94f5c;

    border-style: solid;

    transition: -webkit-transform .2s cubic-bezier(1, 0.6, 0, 1);

    transition: transform .2s cubic-bezier(1, 0.6, 0, 1)

}



.menu--bagot .menu__item::before {

    border-width: 2px 0 0;

    -webkit-transform: translateY(calc(98%));

    -ms-transform: translateY(calc(98%));

    transform: translateY(calc(98%))

}



.menu--bagot .menu__item::after {

    right: -1px;

    left: -1px;

    border-width: 0 2px;

    -webkit-transform: scale(1, 0);

    -ms-transform: scale(1, 0);

    transform: scale(1, 0);

    -webkit-transform-origin: 50% 100%;

    -ms-transform-origin: 50% 100%;

    transform-origin: 50% 100%

}



.menu--bagot .menu__item.menu__item--current::before {

    -webkit-transform: translate(0, 0);

    -ms-transform: translate(0, 0);

    transform: translate(0, 0);

    transition-timing-function: cubic-bezier(1, 0.6, 0, 1.22)

}



.menu--bagot .menu__item.menu__item--current::after {

    -webkit-transform: scale(1);

    -ms-transform: scale(1);

    transform: scale(1);

    transition-timing-function: cubic-bezier(1, 0.6, 0, 1.22)

}



.menu--bagot .menu__item--current .menu__link, .menu--bagot .menu__link:hover, .menu--bagot .menu__link:focus {

    opacity: 1

}



.menu--bagot .menu__item--current .menu__link {

    color: #d94f5c

}



@media screen and (max-width: 55em) {

    .menu--bagot .menu__item {

        margin: 0

    }



    .menu--bagot .menu__item::before {

        border-width: 0 2px 0 0;

        -webkit-transform: translateX(calc(-98px));

        -ms-transform: translateX(calc(-98px));

        transform: translateX(calc(-98px))

    }



    .menu--bagot .menu__item::after {

        top: -1px;

        right: 0;

        bottom: -1px;

        left: 0;

        border-width: 2px 0;

        -webkit-transform: scale(0, 1);

        -ms-transform: scale(0, 1);

        transform: scale(0, 1);

        -webkit-transform-origin: 0 50%;

        -ms-transform-origin: 0 50%;

        transform-origin: 0 50%

    }

}



.menu--shylock .menu__link {

    position: relative;

    margin: 0 1em;

    padding-right: 0;

    padding-left: 0;

    color: #b5b5b5;

    transition: color .4s

}



.menu--shylock .menu__item--current .menu__link, .menu--shylock .menu__item--current .menu__link:hover, .menu--shylock .menu__item--current .menu__link:focus {

    color: #d94f5c

}



.menu--shylock .menu__item--current .menu__link::after, .menu--shylock .menu__item--current .menu__link::before {

    -webkit-transform: scale3d(1, 1, 1);

    transform: scale3d(1, 1, 1)

}



.menu--shylock .menu__item--current .menu__link::before {

    transition-delay: 0

}



.menu--shylock .menu__link:hover, .menu--shylock .menu__link:focus {

    color: #b5b5b5

}



.menu--shylock .menu__link:hover::before, .menu--shylock .menu__link:focus::before {

    -webkit-transform: scale3d(1, 1, 1);

    transform: scale3d(1, 1, 1);

    transition-delay: 0

}



.menu--shylock .menu__link::before, .menu--shylock .menu__link::after {

    content: '';

    position: absolute;

    bottom: 0;

    left: 0;

    width: 100%;

    height: 3px;

    -webkit-transform: scale3d(0, 1, 1);

    transform: scale3d(0, 1, 1);

    -webkit-transform-origin: center left;

    -ms-transform-origin: center left;

    transform-origin: center left;

    transition: -webkit-transform .4s cubic-bezier(0.22, 0.61, 0.36, 1);

    transition: transform .4s cubic-bezier(0.22, 0.61, 0.36, 1)

}



.menu--shylock .menu__link::before {

    background: #b5b5b5;

    transition-delay: .4s

}



.menu--shylock .menu__link::after {

    background: #d94f5c

}



.menu--cordelia .menu__item {

    position: relative

}



.menu--cordelia .menu__link {

    transition: color .3s

}



.menu--cordelia .menu__item--current .menu__link {

    color: #d94f5c;

    transition: color .6s

}



.menu--cordelia .menu__item::before, .menu--cordelia .menu__item::after {

    content: '';

    position: absolute;

    z-index: 10;

    width: 100%;

    height: 2px;

    background: #d94f5c;

    -webkit-transform: scale3d(0, 1, 1);

    transform: scale3d(0, 1, 1);

    -webkit-animation-fill-mode: initial;

    animation-fill-mode: initial

}



.menu--cordelia .menu__item::before {

    top: 0;

    right: 0;

    -webkit-transform-origin: 100% 50%;

    -ms-transform-origin: 100% 50%;

    transform-origin: 100% 50%

}



.menu--cordelia .menu__item::after {

    bottom: 0;

    left: 0;

    -webkit-transform-origin: 0 50%;

    -ms-transform-origin: 0 50%;

    transform-origin: 0 50%

}



.menu--cordelia .menu__item--current::before {

    -webkit-animation: anim-cordelia-top .6s linear both;

    animation: anim-cordelia-top .6s linear both

}



.menu--cordelia .menu__item--current::after {

    -webkit-animation: anim-cordelia-bottom .6s linear both;

    animation: anim-cordelia-bottom .6s linear both

}



@-webkit-keyframes anim-cordelia-top {

    0% {

        -webkit-transform: scale3d(0, 1, 1);

        transform: scale3d(0, 1, 1)

    }

    10% {

        -webkit-transform: scale3d(0.05, 1, 1);

        transform: scale3d(0.05, 1, 1);

        -webkit-animation-timing-function: ease-in;

        animation-timing-function: ease-in

    }

    50% {

        -webkit-transform: translate3d(-95%, 0, 0) scale3d(0.05, 1, 1);

        transform: translate3d(-95%, 0, 0) scale3d(0.05, 1, 1);

        -webkit-animation-timing-function: ease-out;

        animation-timing-function: ease-out

    }

    100% {

        -webkit-transform: translate3d(0, 0, 0) scale3d(1, 1, 1);

        transform: translate3d(0, 0, 0) scale3d(1, 1, 1)

    }

}



@keyframes anim-cordelia-top {

    0% {

        -webkit-transform: scale3d(0, 1, 1);

        transform: scale3d(0, 1, 1)

    }

    10% {

        -webkit-transform: scale3d(0.05, 1, 1);

        transform: scale3d(0.05, 1, 1);

        -webkit-animation-timing-function: ease-in;

        animation-timing-function: ease-in

    }

    50% {

        -webkit-transform: translate3d(-95%, 0, 0) scale3d(0.05, 1, 1);

        transform: translate3d(-95%, 0, 0) scale3d(0.05, 1, 1);

        -webkit-animation-timing-function: ease-out;

        animation-timing-function: ease-out

    }

    100% {

        -webkit-transform: translate3d(0, 0, 0) scale3d(1, 1, 1);

        transform: translate3d(0, 0, 0) scale3d(1, 1, 1)

    }

}



@-webkit-keyframes anim-cordelia-bottom {

    0% {

        -webkit-transform: scale3d(0, 1, 1);

        transform: scale3d(0, 1, 1)

    }

    10% {

        -webkit-transform: scale3d(0.05, 1, 1);

        transform: scale3d(0.05, 1, 1);

        -webkit-animation-timing-function: ease-in;

        animation-timing-function: ease-in

    }

    50% {

        -webkit-transform: translate3d(95%, 0, 0) scale3d(0.05, 1, 1);

        transform: translate3d(95%, 0, 0) scale3d(0.05, 1, 1);

        -webkit-animation-timing-function: ease-out;

        animation-timing-function: ease-out

    }

    100% {

        -webkit-transform: translate3d(0, 0, 0) scale3d(1, 1, 1);

        transform: translate3d(0, 0, 0) scale3d(1, 1, 1)

    }

}



@keyframes anim-cordelia-bottom {

    0% {

        -webkit-transform: scale3d(0, 1, 1);

        transform: scale3d(0, 1, 1)

    }

    10% {

        -webkit-transform: scale3d(0.05, 1, 1);

        transform: scale3d(0.05, 1, 1);

        -webkit-animation-timing-function: ease-in;

        animation-timing-function: ease-in

    }

    50% {

        -webkit-transform: translate3d(95%, 0, 0) scale3d(0.05, 1, 1);

        transform: translate3d(95%, 0, 0) scale3d(0.05, 1, 1);

        -webkit-animation-timing-function: ease-out;

        animation-timing-function: ease-out

    }

    100% {

        -webkit-transform: translate3d(0, 0, 0) scale3d(1, 1, 1);

        transform: translate3d(0, 0, 0) scale3d(1, 1, 1)

    }

}



.menu--horatio .menu__item {

    margin-left: 3px;

    margin-right: 3px;

    color: #4e3c3e;

    position: relative;

    transition: color .25s

}



.menu--horatio .menu__item a {

    position: relative;

    color: inherit

}



.menu--horatio .menu__item--current {

    color: #b5b5b5

}



.menu--horatio .menu__item:hover {

    color: #d94f5c

}



.menu--horatio .menu__item::before, .menu--horatio .menu__item::after, .menu--horatio .menu__item a::before, .menu--horatio .menu__item a::after {

    position: absolute;

    display: block;

    top: 0;

    right: 0;

    bottom: 0;

    left: 0;

    border: 2px solid currentColor

}



.menu--horatio .menu__item::before {

    border-width: 0 0 0 2px;

    -webkit-transform-origin: left bottom;

    -ms-transform-origin: left bottom;

    transform-origin: left bottom

}



.menu--horatio .menu__item::after {

    border-width: 0 2px 0 0;

    -webkit-transform-origin: right top;

    -ms-transform-origin: right top;

    transform-origin: right top

}



.menu--horatio .menu__item a::before, .menu--horatio .menu__item a::after {

    z-index: 2

}



.menu--horatio .menu__item a::before {

    border-width: 2px 0 0;

    -webkit-transform-origin: left top;

    -ms-transform-origin: left top;

    transform-origin: left top

}



.menu--horatio .menu__item a::after {

    border-width: 0 0 2px;

    -webkit-transform-origin: right bottom;

    -ms-transform-origin: right bottom;

    transform-origin: right bottom

}



.menu--horatio .menu__item--current::before, .menu--horatio .menu__item--current::after, .menu--horatio .menu__item:hover::before, .menu--horatio .menu__item:hover::after, .menu--horatio .menu__item--current a::before, .menu--horatio .menu__item--current a::after, .menu--horatio .menu__item:hover a::before, .menu--horatio .menu__item:hover a::after {

    content: ''

}



.menu--horatio .menu__item:not(.menu__item--current):hover::before, .menu--horatio .menu__item:not(.menu__item--current):hover::after, .menu--horatio .menu__item:not(.menu__item--current):hover a::before, .menu--horatio .menu__item:not(.menu__item--current):hover a::after {

    -webkit-animation: horatio-anim .6s ease-in-out;

    animation: horatio-anim .6s ease-in-out

}



.menu--horatio .menu__item:not(.menu__item--current):hover::before {

    -webkit-animation-delay: -.45s;

    animation-delay: -.45s

}



.menu--horatio .menu__item:not(.menu__item--current):hover a::before {

    -webkit-animation-delay: -.3s;

    animation-delay: -.3s

}



.menu--horatio .menu__item:not(.menu__item--current):hover::after {

    -webkit-animation-delay: -.15s;

    animation-delay: -.15s

}



.menu--horatio .menu__item:not(.menu__item--current):hover a::after {

    -webkit-animation-delay: 0;

    animation-delay: 0

}



@-webkit-keyframes horatio-anim {

    0%, 33% {

        opacity: 0;

        -webkit-transform: rotate(45deg) scale(1.5);

        transform: rotate(45deg) scale(1.5)

    }

    100% {

        opacity: 1;

        -webkit-transform: none;

        transform: none

    }

}



@keyframes horatio-anim {

    0%, 33% {

        opacity: 0;

        -webkit-transform: rotate(45deg) scale(1.5);

        transform: rotate(45deg) scale(1.5)

    }

    100% {

        opacity: 1;

        -webkit-transform: none;

        transform: none

    }

}



.menu--luce .menu__item {

    position: relative;

    margin: 1em

}



.menu--luce .menu__link {

    position: relative;

    display: block;

    min-width: 120px;

    text-align: center;

    color: #b5b5b5;

    transition: color .6s

}



.menu--luce .menu__link:hover, .menu--luce .menu__link:focus {

    color: #929292

}



.menu--luce .menu__item--current .menu__link {

    color: #d94f5c

}



.menu--luce .menu__item::before, .menu--luce .menu__item::after, .menu--luce .menu__link::before, .menu--luce .menu__link::after {

    content: '';

    position: absolute;

    background: #b5b5b5;

    transition: -webkit-transform 0.25s, background .75s;

    transition: transform 0.25s, background .75s;

    transition-timing-function: cubic-bezier(1, 0.53, 0.79, 0.68)

}



.menu--luce .menu__item::before, .menu--luce .menu__item::after {

    top: 0;

    width: 2px;

    height: 100%;

    -webkit-transform: scale3d(1, 0, 1);

    transform: scale3d(1, 0, 1)

}



.menu--luce .menu__item::before {

    left: 0;

    -webkit-transform-origin: 0 0;

    -ms-transform-origin: 0 0;

    transform-origin: 0 0

}



.menu--luce .menu__item::after {

    right: 0;

    -webkit-transform-origin: 50% 0;

    -ms-transform-origin: 50% 0;

    transform-origin: 50% 0

}



.menu--luce .menu__link::before, .menu--luce .menu__link::after {

    left: 0;

    width: 100%;

    height: 2px;

    -webkit-transform: scale3d(0, 1, 1);

    transform: scale3d(0, 1, 1)

}



.menu--luce .menu__link::before {

    top: 0;

    -webkit-transform-origin: 0 50%;

    -ms-transform-origin: 0 50%;

    transform-origin: 0 50%

}



.menu--luce .menu__link::after {

    bottom: 0;

    -webkit-transform-origin: 0 50%;

    -ms-transform-origin: 0 50%;

    transform-origin: 0 50%

}



.menu--luce .menu__item .menu__link::after {

    transition-delay: 0

}



.menu--luce .menu__item--current .menu__link::after {

    transition-delay: .25s

}



.menu--luce .menu__item::before {

    transition-delay: .25s

}



.menu--luce .menu__item--current::before {

    transition-delay: 0

}



.menu--luce .menu__item .menu__link::before {

    transition-delay: .25s

}



.menu--luce .menu__item--current .menu__link::before {

    transition-delay: 0

}



.menu--luce .menu__item--current::after {

    transition-delay: .25s

}



.menu--luce .menu__item--current::before, .menu--luce .menu__item--current::after, .menu--luce .menu__item--current .menu__link::before, .menu--luce .menu__item--current .menu__link::after {

    -webkit-transform: scale3d(1, 1, 1);

    transform: scale3d(1, 1, 1);

    background: #d94f5c

}



.menu--juliet .menu__item {

    position: relative;

    transition: color .25s

}



.menu--juliet .menu__item::before, .menu--juliet .menu__item::after, .menu--juliet .menu__item--current::before, .menu--juliet .menu__item--current::after {

    position: absolute;

    left: 50%;

    width: 0;

    height: 0;

    border: solid transparent;

    content: '';

    pointer-events: none

}



.menu--juliet .menu__item::before, .menu--juliet .menu__item::after {

    -webkit-transform: scale3d(0, 1, 1);

    transform: scale3d(0, 1, 1);

    -webkit-transform-origin: left left;

    -ms-transform-origin: left left;

    transform-origin: left left;

    transition: -webkit-transform .7s cubic-bezier(0.22, 0.61, 0.36, 1);

    transition: transform .7s cubic-bezier(0.22, 0.61, 0.36, 1)

}



.menu--juliet .menu__item--current::before, .menu--juliet .menu__item--current::after {

    -webkit-transform: scale3d(1, 1, 1);

    transform: scale3d(1, 1, 1);

    transition: -webkit-transform .4s cubic-bezier(0.22, 0.61, 0.36, 1);

    transition: transform .4s cubic-bezier(0.22, 0.61, 0.36, 1)

}



.menu--juliet .menu__item:hover::before, .menu--juliet .menu__item:hover::after {

    -webkit-transform: scale3d(1, 1, 1);

    transform: scale3d(1, 1, 1);

    transition: -webkit-transform .4s cubic-bezier(0.22, 0.61, 0.36, 1);

    transition: transform .4s cubic-bezier(0.22, 0.61, 0.36, 1)

}



.menu--juliet .menu__item::before {

    top: 95%;

    margin-left: -9px;

    border-width: 10px;

    border-top-color: #b5b5b5

}



.menu--juliet .menu__item--current::before {

    margin-left: -9px;

    border-width: 10px;

    border-top-color: #d94f5c

}



.menu--juliet .menu__item::after, .menu--juliet .menu__item--current::after {

    top: 94%;

    margin-left: -5px;

    border-width: 6px;

    border-top-color: #2a282b

}



.menu--juliet .menu__link {

    position: relative;

    margin: 0 1em;

    padding-right: 0;

    padding-left: 0;

    color: #b5b5b5;

    transition: color .4s

}



.menu--juliet .menu__item--current .menu__link, .menu--juliet .menu__item--current .menu__link:hover, .menu--juliet .menu__item--current .menu__link:focus {

    color: #d94f5c

}



.menu--juliet .menu__item--current .menu__link::after, .menu--juliet .menu__item--current .menu__link::before {

    -webkit-transform: scale3d(1, 1, 1);

    transform: scale3d(1, 1, 1)

}



.menu--juliet .menu__item--current .menu__link::before {

    transition-delay: 0

}



.menu--juliet .menu__link:hover, .menu--juliet .menu__link:focus {

    color: #b5b5b5

}



.menu--juliet .menu__item:hover .menu__link::before, .menu--juliet .menu__item:focus .menu__link::before {

    -webkit-transform: scale3d(1, 1, 1);

    transform: scale3d(1, 1, 1);

    transition-delay: 0

}



.menu--juliet .menu__link::before, .menu--juliet .menu__link::after {

    content: '';

    position: absolute;

    bottom: 0;

    left: 0;

    width: 100%;

    height: 3px;

    -webkit-transform: scale3d(0, 1, 1);

    transform: scale3d(0, 1, 1);

    -webkit-transform-origin: center left;

    -ms-transform-origin: center left;

    transform-origin: center left;

    transition: -webkit-transform .4s cubic-bezier(0.22, 0.61, 0.36, 1);

    transition: transform .4s cubic-bezier(0.22, 0.61, 0.36, 1)

}



.menu--juliet .menu__link::before {

    background: #b5b5b5;

    transition-delay: .4s

}



.menu--juliet .menu__link::after {

    background: #d94f5c

}



.menu--invulner .menu__link {

    position: relative;

    transition: color .4s ease-in

}



.menu--invulner .menu__item--current .menu__link {

    color: #d94f5c

}



.menu--invulner .menu__link::before {

    content: '';

    position: absolute;

    left: 50%;

    top: 50%;

    width: 0;

    height: 0;

    border-radius: 100%;

    border: 2px solid #d94f5c;

    transition: all .5s cubic-bezier(0.52, 0.27, 0.4, 1.52);

    opacity: 0

}



.menu--invulner .menu__item--current .menu__link::before {

    left: 0;

    top: 0;

    margin-top: 0;

    margin-left: 0;

    width: 100%;

    height: 100%;

    border-radius: 0;

    opacity: 1

}



.menu--tantalid .menu__link {

    color: #929292;

    position: relative;

    overflow: hidden;

    transition: color .4s ease-in

}



.menu--tantalid .menu__link:hover {

    color: #fff

}



.menu--tantalid .menu__item--current .menu__link {

    color: #d94f5c;

    overflow: visible

}



.menu--tantalid .menu__link::before, .menu--tantalid .menu__link::after {

    content: '';

    position: absolute;

    width: 100px;

    height: 100px;

    opacity: 0;

    border: 2px solid #d94f5c;

    transition: -webkit-transform .4s, opacity 0.3s, width .4s;

    transition: transform .4s, opacity 0.3s, width .4s;

    transition-timing-function: linear

}



.menu--tantalid .menu__link::before {

    top: 0;

    left: 0;

    border-width: 2px 0 0 2px;

    -webkit-transform: translate3d(-150%, 70%, 0) rotate(-30deg);

    transform: translate3d(-150%, 70%, 0) rotate(-30deg)

}



.menu--tantalid .menu__link::after {

    right: 0;

    bottom: 0;

    border-width: 0 2px 2px 0;

    -webkit-transform: translate3d(150%, -70%, 0) rotate(-30deg);

    transform: translate3d(150%, -70%, 0) rotate(-30deg)

}



.menu--tantalid .menu__item--current .menu__link::before, .menu--tantalid .menu__item--current .menu__link::after {

    width: 80%;

    height: 80%;

    opacity: 1;

    -webkit-transform: translate3d(0, 0, 0) rotate(0deg);

    transform: translate3d(0, 0, 0) rotate(0deg)

}



@media screen and (max-width: 55em) {

    .menu__list {

        display: block;

        margin: 0 auto

    }

}



@font-face {

    font-family: 'codropsicons';

    font-weight: 400;

    font-style: normal;

    src: url(../fonts/codropsicons/codropsicons.eot);

    src: url(../fonts/codropsicons/codropsicons.eot?#iefix) format("embedded-opentype"), url(../fonts/codropsicons/codropsicons.woff) format("woff"), url(../fonts/codropsicons/codropsicons.ttf) format("truetype"), url(../fonts/codropsicons/codropsicons.svg#codropsicons) format("svg")

}



*, :after, :before {

    box-sizing: border-box

}



.clearfix:before, .clearfix:after {

    content: '';

    display: table

}



.clearfix:after {

    clear: both

}



body {

    font-family: 'Avenir Next', Avenir, 'Helvetica Neue', 'Lato', 'Segoe UI', Helvetica, Arial, sans-serif;

    color: #444;

    background: #fff;

    -webkit-font-smoothing: antialiased;

    -moz-osx-font-smoothing: grayscale

}



a {

    text-decoration: none;

    color: #4e3c3e;

    outline: none

}



.hidden {

    position: absolute;

    overflow: hidden;

    width: 0;

    height: 0;

    pointer-events: none

}



.info {

    font-size: .85em;

    font-weight: 700;

    line-height: 36px;

    margin: 5em 0 0;

    color: #9c9898

}



.link-copy {

    position: absolute;

    top: 2em;

    right: 2em;

    width: 20px;

    height: 20px;

    cursor: pointer;

    background: url(../img/link.svg) no-repeat center center;

    background-size: cover

}



.link-copy::after {

    content: 'Click to copy direct link';

    font-size: .85em;

    font-weight: 700;

    position: absolute;

    right: 100%;

    margin: 0 1em 0 0;

    white-space: nowrap;

    pointer-events: none;

    opacity: 0;

    color: #ddd;

    -webkit-transform: translate3d(10px, 0, 0);

    transform: translate3d(10px, 0, 0);

    transition: -webkit-transform 0.3s, opacity .3s;

    transition: transform 0.3s, opacity .3s

}



.link-copy:hover::after {

    opacity: 1;

    -webkit-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0)

}



.link-copy::before {

    content: '';

    position: absolute;

    top: 50%;

    left: 50%;

    width: 50px;

    height: 50px;

    margin: -25px 0 0 -25px;

    opacity: 0;

    border-radius: 50%;

    background: #d94f5c

}



.link-copy--animate::before {

    -webkit-animation: pulse .3s;

    animation: pulse .3s

}



@-webkit-keyframes pulse {

    from {

        opacity: 1;

        -webkit-transform: scale3d(0, 0, 1);

        transform: scale3d(0, 0, 1)

    }

    to {

        opacity: 0;

        -webkit-transform: scale3d(1, 1, 1);

        transform: scale3d(1, 1, 1)

    }

}



@keyframes pulse {

    from {

        opacity: 1;

        -webkit-transform: scale3d(0, 0, 1);

        transform: scale3d(0, 0, 1)

    }

    to {

        opacity: 0;

        -webkit-transform: scale3d(1, 1, 1);

        transform: scale3d(1, 1, 1);

        webkit-transform: scale3d(1, 1, 1)

    }

}



.github-corner:hover .octo-arm {

    -webkit-animation: octocat-wave 560ms ease-in-out;

    animation: octocat-wave 560ms ease-in-out

}



@-webkit-keyframes octocat-wave {

    0%, 100% {

        -webkit-transform: rotate(0);

        transform: rotate(0)

    }

    20%, 60% {

        -webkit-transform: rotate(-25deg);

        transform: rotate(-25deg)

    }

    40%, 80% {

        -webkit-transform: rotate(10deg);

        transform: rotate(10deg)

    }

}



@keyframes octocat-wave {

    0%, 100% {

        -webkit-transform: rotate(0);

        transform: rotate(0)

    }

    20%, 60% {

        -webkit-transform: rotate(-25deg);

        transform: rotate(-25deg)

    }

    40%, 80% {

        -webkit-transform: rotate(10deg);

        transform: rotate(10deg)

    }

}



@media (max-width: 500px) {

    .github-corner:hover .octo-arm {

        -webkit-animation: none;

        animation: none

    }



    .github-corner .octo-arm {

        -webkit-animation: octocat-wave 560ms ease-in-out;

        animation: octocat-wave 560ms ease-in-out

    }

}



.content {

    padding: 3em 0

}



.section {

    display: -ms-flexbox;

    display: flex;

    -ms-flex-direction: column;

    flex-direction: column;

    -ms-flex-pack: center;

    justify-content: center;

    -ms-flex-align: center;

    align-items: center

}



.section:nth-of-type(odd):not(:first-child) {

    color: #fff;

    background: #2a282b

}



.section--menu {

    position: relative;

    overflow: hidden;

    min-height: 80vh;

    padding: 2em 0 8em

}



.break {

    padding: 3em 0;

    text-align: center;

    background: #d94f5c

}



.section__title {

    font-size: .65em;

    font-weight: 700;

    -ms-flex: none;

    flex: none;

    margin: 3em 0 15em;

    text-indent: 3px;

    letter-spacing: 3px;

    text-transform: uppercase;

    color: #d1d1d1

}



.break__title {

    font-size: 1.85em;

    font-weight: 400;

    margin: 0;

    color: #fff

}



.section--intro {

    font-size: 2em;

    position: relative;

    min-height: 100vh;

    text-align: center;

    color: #fff

}



.section--intro p {

    max-width: 1000px;

    margin: 0 auto;

    padding: 1em

}



.codrops-header {

    position: relative;

    height: 100vh;

    min-height: 600px;

    padding: 0 1em 4em;

    text-align: center;

    color: #fff;

    background: #d94f5c url(../img/mouse.svg) no-repeat left 50% bottom 40px

}



.codrops-header h1 {

    font-size: 3.25em;

    font-weight: 700;

    line-height: 1;

    position: relative;

    z-index: 10;

    margin: .5em 0 0;

    letter-spacing: -1px

}



.codrops-header h1 span {

    font-size: 50%;

    font-weight: 400;

    display: block;

    margin: .5em 0;

    letter-spacing: 0;

    color: #f48b95

}



.codrops-links {

    position: relative;

    display: inline-block;

    text-align: center;

    white-space: nowrap

}



.codrops-links::after {

    content: '';

    position: absolute;

    top: 0;

    left: 50%;

    width: 1px;

    height: 100%;

    background: #c14954;

    -webkit-transform: rotate3d(0, 0, 1, 22.5deg);

    transform: rotate3d(0, 0, 1, 22.5deg)

}



.codrops-icon {

    display: inline-block;

    width: 1.5em;

    margin: .5em;

    padding: 0;

    text-decoration: none

}



.codrops-icon span {

    display: none

}



.codrops-icon:before {

    font-family: 'codropsicons';

    font-weight: 400;

    font-style: normal;

    font-variant: normal;

    line-height: 1;

    margin: 0 5px;

    text-transform: none;

    -webkit-font-smoothing: antialiased;

    speak: none

}



.codrops-icon--drop:before {

    content: '\e001'

}



.codrops-icon--prev:before {

    content: '\e004'

}



.codrops-demos {

    margin: 2em 0 0

}



.codrops-demos a {

    display: inline-block;

    margin: 0 .5em

}



.codrops-demos a.current-demo {

    color: #333

}



.content--related {

    font-weight: 700;

    padding: 10em 1em;

    text-align: center;

    background: #d94f5c

}



.content__wrap--related {

    max-width: 800px;

    margin: 0 auto

}



.media-item {

    display: inline-block;

    padding: 1em;

    vertical-align: top;

    transition: color .3s

}



.media-item__img {

    max-width: 100%;

    opacity: .6;

    transition: opacity .3s

}



.media-item:hover .media-item__img, .media-item:focus .media-item__img {

    opacity: 1

}



.media-item__title {

    font-size: 1em;

    margin: 0;

    padding: .5em

}



@media screen and (max-width: 50em) {

    .section--intro {

        font-size: 1em

    }

}



article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {

    display: block

}



audio, canvas, video {

    display: inline-block

}



audio:not([controls]) {

    display: none;

    height: 0

}



[hidden] {

    display: none

}



html {

    font-family: sans-serif;

    -ms-text-size-adjust: 100%;

    -webkit-text-size-adjust: 100%

}



body {

    margin: 0

}



a:focus {

    outline: thin dotted

}



a:active, a:hover {

    outline: 0

}



h1 {

    font-size: 2em;

    margin: .67em 0

}



abbr[title] {

    border-bottom: 1px dotted

}



b, strong {

    font-weight: 700

}



dfn {

    font-style: italic

}



hr {

    box-sizing: content-box;

    height: 0

}



mark {

    background: #ff0;

    color: #000

}



code, kbd, pre, samp {

    font-family: monospace, serif;

    font-size: 1em

}



pre {

    white-space: pre-wrap

}



q {

    quotes: "\201C" "\201D" "\2018" "\2019"

}



small {

    font-size: 80%

}



sub, sup {

    font-size: 75%;

    line-height: 0;

    position: relative;

    vertical-align: baseline

}



sup {

    top: -.5em

}



sub {

    bottom: -.25em

}



img {

    border: 0

}



svg:not(:root) {

    overflow: hidden

}



figure {

    margin: 0

}



fieldset {

    border: 1px solid silver;

    margin: 0 2px;

    padding: .35em .625em .75em

}



legend {

    border: 0;

    padding: 0

}



button, input, select, textarea {

    font-family: inherit;

    font-size: 100%;

    margin: 0

}



button, input {

    line-height: normal

}



button, select {

    text-transform: none

}



button, html input[type="button"], input[type="reset"], input[type="submit"] {

    -webkit-appearance: button;

    cursor: pointer

}



button[disabled], html input[disabled] {

    cursor: default

}



input[type="checkbox"], input[type="radio"] {

    box-sizing: border-box;

    padding: 0

}



input[type="search"] {

    -webkit-appearance: textfield;

    box-sizing: content-box

}



input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {

    -webkit-appearance: none

}



button::-moz-focus-inner, input::-moz-focus-inner {

    border: 0;

    padding: 0

}



textarea {

    overflow: auto;

    vertical-align: top

}



table {

    border-collapse: collapse;

    border-spacing: 0

}



.ui-widget {

    font-family: Arial, Helvetica, sans-serif;

    font-size: 1em

}



.ui-widget .ui-widget {

    font-size: 1em

}



.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {

    font-family: Arial, Helvetica, sans-serif;

    font-size: 1em

}



.ui-widget-content {

    border: 1px solid #ddd;

    background: #fff;

    color: #333

}



.ui-widget-content a {

    color: #333

}



.ui-widget-header {

    border: 1px solid #ddd;

    background: #e9e9e9;

    color: #333;

    font-weight: 700

}



.ui-widget-header a {

    color: #333

}



.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {

    border: 1px solid #c5c5c5;

    background: #f6f6f6;

    font-weight: 400;

    color: #454545

}



.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited {

    color: #454545;

    text-decoration: none

}



.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {

    border: 1px solid #ccc;

    background: #ededed;

    font-weight: 400;

    color: #2b2b2b

}



.ui-state-hover a, .ui-state-hover a:hover, .ui-state-hover a:link, .ui-state-hover a:visited, .ui-state-focus a, .ui-state-focus a:hover, .ui-state-focus a:link, .ui-state-focus a:visited {

    color: #2b2b2b;

    text-decoration: none

}



.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {

    border: 1px solid #003eff;

    background: #007fff;

    font-weight: 400;

    color: #fff

}



.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {

    color: #fff;

    text-decoration: none

}



.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {

    border: 1px solid #dad55e;

    background: #fffa90;

    color: #777620

}



.ui-state-highlight a, .ui-widget-content .ui-state-highlight a, .ui-widget-header .ui-state-highlight a {

    color: #777620

}



.ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {

    border: 1px solid #f1a899;

    background: #fddfdf;

    color: #5f3f3f

}



.ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a {

    color: #5f3f3f

}



.ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text {

    color: #5f3f3f

}



.ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary {

    font-weight: 700

}



.ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary {

    opacity: .7;

    filter: alpha(opacity=70);

    font-weight: 400

}



.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled {

    opacity: .35;

    filter: alpha(opacity=35);

    background-image: none

}



.ui-state-disabled .ui-icon {

    filter: alpha(opacity=35)

}



.ui-icon {

    width: 16px;

    height: 16px

}



.ui-icon, .ui-widget-content .ui-icon {

    background-image: url(images/ui-icons_444444_256x240.png)

}



.ui-widget-header .ui-icon {

    background-image: url(images/ui-icons_444444_256x240.png)

}



.ui-state-default .ui-icon {

    background-image: url(images/ui-icons_777777_256x240.png)

}



.ui-state-hover .ui-icon, .ui-state-focus .ui-icon {

    background-image: url(images/ui-icons_555555_256x240.png)

}



.ui-state-active .ui-icon {

    background-image: url(images/ui-icons_ffffff_256x240.png)

}



.ui-state-highlight .ui-icon {

    background-image: url(images/ui-icons_777620_256x240.png)

}



.ui-state-error .ui-icon, .ui-state-error-text .ui-icon {

    background-image: url(images/ui-icons_cc0000_256x240.png)

}



.ui-icon-blank {

    background-position: 16px 16px

}



.ui-icon-carat-1-n {

    background-position: 0 0

}



.ui-icon-carat-1-ne {

    background-position: -16px 0

}



.ui-icon-carat-1-e {

    background-position: -32px 0

}



.ui-icon-carat-1-se {

    background-position: -48px 0

}



.ui-icon-carat-1-s {

    background-position: -64px 0

}



.ui-icon-carat-1-sw {

    background-position: -80px 0

}



.ui-icon-carat-1-w {

    background-position: -96px 0

}



.ui-icon-carat-1-nw {

    background-position: -112px 0

}



.ui-icon-carat-2-n-s {

    background-position: -128px 0

}



.ui-icon-carat-2-e-w {

    background-position: -144px 0

}



.ui-icon-triangle-1-n {

    background-position: 0 -16px

}



.ui-icon-triangle-1-ne {

    background-position: -16px -16px

}



.ui-icon-triangle-1-e {

    background-position: -32px -16px

}



.ui-icon-triangle-1-se {

    background-position: -48px -16px

}



.ui-icon-triangle-1-s {

    background-position: -64px -16px

}



.ui-icon-triangle-1-sw {

    background-position: -80px -16px

}



.ui-icon-triangle-1-w {

    background-position: -96px -16px

}



.ui-icon-triangle-1-nw {

    background-position: -112px -16px

}



.ui-icon-triangle-2-n-s {

    background-position: -128px -16px

}



.ui-icon-triangle-2-e-w {

    background-position: -144px -16px

}



.ui-icon-arrow-1-n {

    background-position: 0 -32px

}



.ui-icon-arrow-1-ne {

    background-position: -16px -32px

}



.ui-icon-arrow-1-e {

    background-position: -32px -32px

}



.ui-icon-arrow-1-se {

    background-position: -48px -32px

}



.ui-icon-arrow-1-s {

    background-position: -64px -32px

}



.ui-icon-arrow-1-sw {

    background-position: -80px -32px

}



.ui-icon-arrow-1-w {

    background-position: -96px -32px

}



.ui-icon-arrow-1-nw {

    background-position: -112px -32px

}



.ui-icon-arrow-2-n-s {

    background-position: -128px -32px

}



.ui-icon-arrow-2-ne-sw {

    background-position: -144px -32px

}



.ui-icon-arrow-2-e-w {

    background-position: -160px -32px

}



.ui-icon-arrow-2-se-nw {

    background-position: -176px -32px

}



.ui-icon-arrowstop-1-n {

    background-position: -192px -32px

}



.ui-icon-arrowstop-1-e {

    background-position: -208px -32px

}



.ui-icon-arrowstop-1-s {

    background-position: -224px -32px

}



.ui-icon-arrowstop-1-w {

    background-position: -240px -32px

}



.ui-icon-arrowthick-1-n {

    background-position: 0 -48px

}



.ui-icon-arrowthick-1-ne {

    background-position: -16px -48px

}



.ui-icon-arrowthick-1-e {

    background-position: -32px -48px

}



.ui-icon-arrowthick-1-se {

    background-position: -48px -48px

}



.ui-icon-arrowthick-1-s {

    background-position: -64px -48px

}



.ui-icon-arrowthick-1-sw {

    background-position: -80px -48px

}



.ui-icon-arrowthick-1-w {

    background-position: -96px -48px

}



.ui-icon-arrowthick-1-nw {

    background-position: -112px -48px

}



.ui-icon-arrowthick-2-n-s {

    background-position: -128px -48px

}



.ui-icon-arrowthick-2-ne-sw {

    background-position: -144px -48px

}



.ui-icon-arrowthick-2-e-w {

    background-position: -160px -48px

}



.ui-icon-arrowthick-2-se-nw {

    background-position: -176px -48px

}



.ui-icon-arrowthickstop-1-n {

    background-position: -192px -48px

}



.ui-icon-arrowthickstop-1-e {

    background-position: -208px -48px

}



.ui-icon-arrowthickstop-1-s {

    background-position: -224px -48px

}



.ui-icon-arrowthickstop-1-w {

    background-position: -240px -48px

}



.ui-icon-arrowreturnthick-1-w {

    background-position: 0 -64px

}



.ui-icon-arrowreturnthick-1-n {

    background-position: -16px -64px

}



.ui-icon-arrowreturnthick-1-e {

    background-position: -32px -64px

}



.ui-icon-arrowreturnthick-1-s {

    background-position: -48px -64px

}



.ui-icon-arrowreturn-1-w {

    background-position: -64px -64px

}



.ui-icon-arrowreturn-1-n {

    background-position: -80px -64px

}



.ui-icon-arrowreturn-1-e {

    background-position: -96px -64px

}



.ui-icon-arrowreturn-1-s {

    background-position: -112px -64px

}



.ui-icon-arrowrefresh-1-w {

    background-position: -128px -64px

}



.ui-icon-arrowrefresh-1-n {

    background-position: -144px -64px

}



.ui-icon-arrowrefresh-1-e {

    background-position: -160px -64px

}



.ui-icon-arrowrefresh-1-s {

    background-position: -176px -64px

}



.ui-icon-arrow-4 {

    background-position: 0 -80px

}



.ui-icon-arrow-4-diag {

    background-position: -16px -80px

}



.ui-icon-extlink {

    background-position: -32px -80px

}



.ui-icon-newwin {

    background-position: -48px -80px

}



.ui-icon-refresh {

    background-position: -64px -80px

}



.ui-icon-shuffle {

    background-position: -80px -80px

}



.ui-icon-transfer-e-w {

    background-position: -96px -80px

}



.ui-icon-transferthick-e-w {

    background-position: -112px -80px

}



.ui-icon-folder-collapsed {

    background-position: 0 -96px

}



.ui-icon-folder-open {

    background-position: -16px -96px

}



.ui-icon-document {

    background-position: -32px -96px

}



.ui-icon-document-b {

    background-position: -48px -96px

}



.ui-icon-note {

    background-position: -64px -96px

}



.ui-icon-mail-closed {

    background-position: -80px -96px

}



.ui-icon-mail-open {

    background-position: -96px -96px

}



.ui-icon-suitcase {

    background-position: -112px -96px

}



.ui-icon-comment {

    background-position: -128px -96px

}



.ui-icon-person {

    background-position: -144px -96px

}



.ui-icon-print {

    background-position: -160px -96px

}



.ui-icon-trash {

    background-position: -176px -96px

}



.ui-icon-locked {

    background-position: -192px -96px

}



.ui-icon-unlocked {

    background-position: -208px -96px

}



.ui-icon-bookmark {

    background-position: -224px -96px

}



.ui-icon-tag {

    background-position: -240px -96px

}



.ui-icon-home {

    background-position: 0 -112px

}



.ui-icon-flag {

    background-position: -16px -112px

}



.ui-icon-calendar {

    background-position: -32px -112px

}



.ui-icon-cart {

    background-position: -48px -112px

}



.ui-icon-pencil {

    background-position: -64px -112px

}



.ui-icon-clock {

    background-position: -80px -112px

}



.ui-icon-disk {

    background-position: -96px -112px

}



.ui-icon-calculator {

    background-position: -112px -112px

}



.ui-icon-zoomin {

    background-position: -128px -112px

}



.ui-icon-zoomout {

    background-position: -144px -112px

}



.ui-icon-search {

    background-position: -160px -112px

}



.ui-icon-wrench {

    background-position: -176px -112px

}



.ui-icon-gear {

    background-position: -192px -112px

}



.ui-icon-heart {

    background-position: -208px -112px

}



.ui-icon-star {

    background-position: -224px -112px

}



.ui-icon-link {

    background-position: -240px -112px

}



.ui-icon-cancel {

    background-position: 0 -128px

}



.ui-icon-plus {

    background-position: -16px -128px

}



.ui-icon-plusthick {

    background-position: -32px -128px

}



.ui-icon-minus {

    background-position: -48px -128px

}



.ui-icon-minusthick {

    background-position: -64px -128px

}



.ui-icon-close {

    background-position: -80px -128px

}



.ui-icon-closethick {

    background-position: -96px -128px

}



.ui-icon-key {

    background-position: -112px -128px

}



.ui-icon-lightbulb {

    background-position: -128px -128px

}



.ui-icon-scissors {

    background-position: -144px -128px

}



.ui-icon-clipboard {

    background-position: -160px -128px

}



.ui-icon-copy {

    background-position: -176px -128px

}



.ui-icon-contact {

    background-position: -192px -128px

}



.ui-icon-image {

    background-position: -208px -128px

}



.ui-icon-video {

    background-position: -224px -128px

}



.ui-icon-script {

    background-position: -240px -128px

}



.ui-icon-alert {

    background-position: 0 -144px

}



.ui-icon-info {

    background-position: -16px -144px

}



.ui-icon-notice {

    background-position: -32px -144px

}



.ui-icon-help {

    background-position: -48px -144px

}



.ui-icon-check {

    background-position: -64px -144px

}



.ui-icon-bullet {

    background-position: -80px -144px

}



.ui-icon-radio-on {

    background-position: -96px -144px

}



.ui-icon-radio-off {

    background-position: -112px -144px

}



.ui-icon-pin-w {

    background-position: -128px -144px

}



.ui-icon-pin-s {

    background-position: -144px -144px

}



.ui-icon-play {

    background-position: 0 -160px

}



.ui-icon-pause {

    background-position: -16px -160px

}



.ui-icon-seek-next {

    background-position: -32px -160px

}



.ui-icon-seek-prev {

    background-position: -48px -160px

}



.ui-icon-seek-end {

    background-position: -64px -160px

}



.ui-icon-seek-start {

    background-position: -80px -160px

}



.ui-icon-seek-first {

    background-position: -80px -160px

}



.ui-icon-stop {

    background-position: -96px -160px

}



.ui-icon-eject {

    background-position: -112px -160px

}



.ui-icon-volume-off {

    background-position: -128px -160px

}



.ui-icon-volume-on {

    background-position: -144px -160px

}



.ui-icon-power {

    background-position: 0 -176px

}



.ui-icon-signal-diag {

    background-position: -16px -176px

}



.ui-icon-signal {

    background-position: -32px -176px

}



.ui-icon-battery-0 {

    background-position: -48px -176px

}



.ui-icon-battery-1 {

    background-position: -64px -176px

}



.ui-icon-battery-2 {

    background-position: -80px -176px

}



.ui-icon-battery-3 {

    background-position: -96px -176px

}



.ui-icon-circle-plus {

    background-position: 0 -192px

}



.ui-icon-circle-minus {

    background-position: -16px -192px

}



.ui-icon-circle-close {

    background-position: -32px -192px

}



.ui-icon-circle-triangle-e {

    background-position: -48px -192px

}



.ui-icon-circle-triangle-s {

    background-position: -64px -192px

}



.ui-icon-circle-triangle-w {

    background-position: -80px -192px

}



.ui-icon-circle-triangle-n {

    background-position: -96px -192px

}



.ui-icon-circle-arrow-e {

    background-position: -112px -192px

}



.ui-icon-circle-arrow-s {

    background-position: -128px -192px

}



.ui-icon-circle-arrow-w {

    background-position: -144px -192px

}



.ui-icon-circle-arrow-n {

    background-position: -160px -192px

}



.ui-icon-circle-zoomin {

    background-position: -176px -192px

}



.ui-icon-circle-zoomout {

    background-position: -192px -192px

}



.ui-icon-circle-check {

    background-position: -208px -192px

}



.ui-icon-circlesmall-plus {

    background-position: 0 -208px

}



.ui-icon-circlesmall-minus {

    background-position: -16px -208px

}



.ui-icon-circlesmall-close {

    background-position: -32px -208px

}



.ui-icon-squaresmall-plus {

    background-position: -48px -208px

}



.ui-icon-squaresmall-minus {

    background-position: -64px -208px

}



.ui-icon-squaresmall-close {

    background-position: -80px -208px

}



.ui-icon-grip-dotted-vertical {

    background-position: 0 -224px

}



.ui-icon-grip-dotted-horizontal {

    background-position: -16px -224px

}



.ui-icon-grip-solid-vertical {

    background-position: -32px -224px

}



.ui-icon-grip-solid-horizontal {

    background-position: -48px -224px

}



.ui-icon-gripsmall-diagonal-se {

    background-position: -64px -224px

}



.ui-icon-grip-diagonal-se {

    background-position: -80px -224px

}



.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl {

    border-top-left-radius: 3px

}



.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr {

    border-top-right-radius: 3px

}



.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl {

    border-bottom-left-radius: 3px

}



.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br {

    border-bottom-right-radius: 3px

}



.ui-widget-overlay {

    background: #aaa;

    opacity: .3;

    filter: alpha(opacity=30)

}



.ui-widget-shadow {

    margin: 0;

    padding: 5px;

    background: #666;

    opacity: .3;

    filter: alpha(opacity=30);

    border-radius: 8px

}



.ui-widget {

    font-family: Arial, Helvetica, sans-serif;

    font-size: 1em

}



.ui-widget .ui-widget {

    font-size: 1em

}



.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {

    font-family: Arial, Helvetica, sans-serif;

    font-size: 1em

}



.ui-widget-content {

    border: 1px solid #ddd;

    background: #fff;

    color: #333

}



.ui-widget-content a {

    color: #333

}



.ui-widget-header {

    border: 1px solid #ddd;

    background: #e9e9e9;

    color: #333;

    font-weight: 700

}



.ui-widget-header a {

    color: #333

}



.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {

    border: 1px solid #c5c5c5;

    background: #f6f6f6;

    font-weight: 400;

    color: #454545

}



.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited {

    color: #454545;

    text-decoration: none

}



.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {

    border: 1px solid #ccc;

    background: #ededed;

    font-weight: 400;

    color: #2b2b2b

}



.ui-state-hover a, .ui-state-hover a:hover, .ui-state-hover a:link, .ui-state-hover a:visited, .ui-state-focus a, .ui-state-focus a:hover, .ui-state-focus a:link, .ui-state-focus a:visited {

    color: #2b2b2b;

    text-decoration: none

}



.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {

    border: 1px solid #003eff;

    background: #007fff;

    font-weight: 400;

    color: #fff

}



.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {

    color: #fff;

    text-decoration: none

}



.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {

    border: 1px solid #dad55e;

    background: #fffa90;

    color: #777620

}



.ui-state-highlight a, .ui-widget-content .ui-state-highlight a, .ui-widget-header .ui-state-highlight a {

    color: #777620

}



.ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {

    border: 1px solid #f1a899;

    background: #fddfdf;

    color: #5f3f3f

}



.ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a {

    color: #5f3f3f

}



.ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text {

    color: #5f3f3f

}



.ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary {

    font-weight: 700

}



.ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary {

    opacity: .7;

    filter: alpha(opacity=70);

    font-weight: 400

}



.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled {

    opacity: .35;

    filter: alpha(opacity=35);

    background-image: none

}



.ui-state-disabled .ui-icon {

    filter: alpha(opacity=35)

}



.ui-icon {

    width: 16px;

    height: 16px

}



.ui-icon, .ui-widget-content .ui-icon {

    background-image: url(images/ui-icons_444444_256x240.png)

}



.ui-widget-header .ui-icon {

    background-image: url(images/ui-icons_444444_256x240.png)

}



.ui-state-default .ui-icon {

    background-image: url(images/ui-icons_777777_256x240.png)

}



.ui-state-hover .ui-icon, .ui-state-focus .ui-icon {

    background-image: url(images/ui-icons_555555_256x240.png)

}



.ui-state-active .ui-icon {

    background-image: url(images/ui-icons_ffffff_256x240.png)

}



.ui-state-highlight .ui-icon {

    background-image: url(images/ui-icons_777620_256x240.png)

}



.ui-state-error .ui-icon, .ui-state-error-text .ui-icon {

    background-image: url(images/ui-icons_cc0000_256x240.png)

}



.ui-icon-blank {

    background-position: 16px 16px

}



.ui-icon-carat-1-n {

    background-position: 0 0

}



.ui-icon-carat-1-ne {

    background-position: -16px 0

}



.ui-icon-carat-1-e {

    background-position: -32px 0

}



.ui-icon-carat-1-se {

    background-position: -48px 0

}



.ui-icon-carat-1-s {

    background-position: -64px 0

}



.ui-icon-carat-1-sw {

    background-position: -80px 0

}



.ui-icon-carat-1-w {

    background-position: -96px 0

}



.ui-icon-carat-1-nw {

    background-position: -112px 0

}



.ui-icon-carat-2-n-s {

    background-position: -128px 0

}



.ui-icon-carat-2-e-w {

    background-position: -144px 0

}



.ui-icon-triangle-1-n {

    background-position: 0 -16px

}



.ui-icon-triangle-1-ne {

    background-position: -16px -16px

}



.ui-icon-triangle-1-e {

    background-position: -32px -16px

}



.ui-icon-triangle-1-se {

    background-position: -48px -16px

}



.ui-icon-triangle-1-s {

    background-position: -64px -16px

}



.ui-icon-triangle-1-sw {

    background-position: -80px -16px

}



.ui-icon-triangle-1-w {

    background-position: -96px -16px

}



.ui-icon-triangle-1-nw {

    background-position: -112px -16px

}



.ui-icon-triangle-2-n-s {

    background-position: -128px -16px

}



.ui-icon-triangle-2-e-w {

    background-position: -144px -16px

}



.ui-icon-arrow-1-n {

    background-position: 0 -32px

}



.ui-icon-arrow-1-ne {

    background-position: -16px -32px

}



.ui-icon-arrow-1-e {

    background-position: -32px -32px

}



.ui-icon-arrow-1-se {

    background-position: -48px -32px

}



.ui-icon-arrow-1-s {

    background-position: -64px -32px

}



.ui-icon-arrow-1-sw {

    background-position: -80px -32px

}



.ui-icon-arrow-1-w {

    background-position: -96px -32px

}



.ui-icon-arrow-1-nw {

    background-position: -112px -32px

}



.ui-icon-arrow-2-n-s {

    background-position: -128px -32px

}



.ui-icon-arrow-2-ne-sw {

    background-position: -144px -32px

}



.ui-icon-arrow-2-e-w {

    background-position: -160px -32px

}



.ui-icon-arrow-2-se-nw {

    background-position: -176px -32px

}



.ui-icon-arrowstop-1-n {

    background-position: -192px -32px

}



.ui-icon-arrowstop-1-e {

    background-position: -208px -32px

}



.ui-icon-arrowstop-1-s {

    background-position: -224px -32px

}



.ui-icon-arrowstop-1-w {

    background-position: -240px -32px

}



.ui-icon-arrowthick-1-n {

    background-position: 0 -48px

}



.ui-icon-arrowthick-1-ne {

    background-position: -16px -48px

}



.ui-icon-arrowthick-1-e {

    background-position: -32px -48px

}



.ui-icon-arrowthick-1-se {

    background-position: -48px -48px

}



.ui-icon-arrowthick-1-s {

    background-position: -64px -48px

}



.ui-icon-arrowthick-1-sw {

    background-position: -80px -48px

}



.ui-icon-arrowthick-1-w {

    background-position: -96px -48px

}



.ui-icon-arrowthick-1-nw {

    background-position: -112px -48px

}



.ui-icon-arrowthick-2-n-s {

    background-position: -128px -48px

}



.ui-icon-arrowthick-2-ne-sw {

    background-position: -144px -48px

}



.ui-icon-arrowthick-2-e-w {

    background-position: -160px -48px

}



.ui-icon-arrowthick-2-se-nw {

    background-position: -176px -48px

}



.ui-icon-arrowthickstop-1-n {

    background-position: -192px -48px

}



.ui-icon-arrowthickstop-1-e {

    background-position: -208px -48px

}



.ui-icon-arrowthickstop-1-s {

    background-position: -224px -48px

}



.ui-icon-arrowthickstop-1-w {

    background-position: -240px -48px

}



.ui-icon-arrowreturnthick-1-w {

    background-position: 0 -64px

}



.ui-icon-arrowreturnthick-1-n {

    background-position: -16px -64px

}



.ui-icon-arrowreturnthick-1-e {

    background-position: -32px -64px

}



.ui-icon-arrowreturnthick-1-s {

    background-position: -48px -64px

}



.ui-icon-arrowreturn-1-w {

    background-position: -64px -64px

}



.ui-icon-arrowreturn-1-n {

    background-position: -80px -64px

}



.ui-icon-arrowreturn-1-e {

    background-position: -96px -64px

}



.ui-icon-arrowreturn-1-s {

    background-position: -112px -64px

}



.ui-icon-arrowrefresh-1-w {

    background-position: -128px -64px

}



.ui-icon-arrowrefresh-1-n {

    background-position: -144px -64px

}



.ui-icon-arrowrefresh-1-e {

    background-position: -160px -64px

}



.ui-icon-arrowrefresh-1-s {

    background-position: -176px -64px

}



.ui-icon-arrow-4 {

    background-position: 0 -80px

}



.ui-icon-arrow-4-diag {

    background-position: -16px -80px

}



.ui-icon-extlink {

    background-position: -32px -80px

}



.ui-icon-newwin {

    background-position: -48px -80px

}



.ui-icon-refresh {

    background-position: -64px -80px

}



.ui-icon-shuffle {

    background-position: -80px -80px

}



.ui-icon-transfer-e-w {

    background-position: -96px -80px

}



.ui-icon-transferthick-e-w {

    background-position: -112px -80px

}



.ui-icon-folder-collapsed {

    background-position: 0 -96px

}



.ui-icon-folder-open {

    background-position: -16px -96px

}



.ui-icon-document {

    background-position: -32px -96px

}



.ui-icon-document-b {

    background-position: -48px -96px

}



.ui-icon-note {

    background-position: -64px -96px

}



.ui-icon-mail-closed {

    background-position: -80px -96px

}



.ui-icon-mail-open {

    background-position: -96px -96px

}



.ui-icon-suitcase {

    background-position: -112px -96px

}



.ui-icon-comment {

    background-position: -128px -96px

}



.ui-icon-person {

    background-position: -144px -96px

}



.ui-icon-print {

    background-position: -160px -96px

}



.ui-icon-trash {

    background-position: -176px -96px

}



.ui-icon-locked {

    background-position: -192px -96px

}



.ui-icon-unlocked {

    background-position: -208px -96px

}



.ui-icon-bookmark {

    background-position: -224px -96px

}



.ui-icon-tag {

    background-position: -240px -96px

}



.ui-icon-home {

    background-position: 0 -112px

}



.ui-icon-flag {

    background-position: -16px -112px

}



.ui-icon-calendar {

    background-position: -32px -112px

}



.ui-icon-cart {

    background-position: -48px -112px

}



.ui-icon-pencil {

    background-position: -64px -112px

}



.ui-icon-clock {

    background-position: -80px -112px

}



.ui-icon-disk {

    background-position: -96px -112px

}



.ui-icon-calculator {

    background-position: -112px -112px

}



.ui-icon-zoomin {

    background-position: -128px -112px

}



.ui-icon-zoomout {

    background-position: -144px -112px

}



.ui-icon-search {

    background-position: -160px -112px

}



.ui-icon-wrench {

    background-position: -176px -112px

}



.ui-icon-gear {

    background-position: -192px -112px

}



.ui-icon-heart {

    background-position: -208px -112px

}



.ui-icon-star {

    background-position: -224px -112px

}



.ui-icon-link {

    background-position: -240px -112px

}



.ui-icon-cancel {

    background-position: 0 -128px

}



.ui-icon-plus {

    background-position: -16px -128px

}



.ui-icon-plusthick {

    background-position: -32px -128px

}



.ui-icon-minus {

    background-position: -48px -128px

}



.ui-icon-minusthick {

    background-position: -64px -128px

}



.ui-icon-close {

    background-position: -80px -128px

}



.ui-icon-closethick {

    background-position: -96px -128px

}



.ui-icon-key {

    background-position: -112px -128px

}



.ui-icon-lightbulb {

    background-position: -128px -128px

}



.ui-icon-scissors {

    background-position: -144px -128px

}



.ui-icon-clipboard {

    background-position: -160px -128px

}



.ui-icon-copy {

    background-position: -176px -128px

}



.ui-icon-contact {

    background-position: -192px -128px

}



.ui-icon-image {

    background-position: -208px -128px

}



.ui-icon-video {

    background-position: -224px -128px

}



.ui-icon-script {

    background-position: -240px -128px

}



.ui-icon-alert {

    background-position: 0 -144px

}



.ui-icon-info {

    background-position: -16px -144px

}



.ui-icon-notice {

    background-position: -32px -144px

}



.ui-icon-help {

    background-position: -48px -144px

}



.ui-icon-check {

    background-position: -64px -144px

}



.ui-icon-bullet {

    background-position: -80px -144px

}



.ui-icon-radio-on {

    background-position: -96px -144px

}



.ui-icon-radio-off {

    background-position: -112px -144px

}



.ui-icon-pin-w {

    background-position: -128px -144px

}



.ui-icon-pin-s {

    background-position: -144px -144px

}



.ui-icon-play {

    background-position: 0 -160px

}



.ui-icon-pause {

    background-position: -16px -160px

}



.ui-icon-seek-next {

    background-position: -32px -160px

}



.ui-icon-seek-prev {

    background-position: -48px -160px

}



.ui-icon-seek-end {

    background-position: -64px -160px

}



.ui-icon-seek-start {

    background-position: -80px -160px

}



.ui-icon-seek-first {

    background-position: -80px -160px

}



.ui-icon-stop {

    background-position: -96px -160px

}



.ui-icon-eject {

    background-position: -112px -160px

}



.ui-icon-volume-off {

    background-position: -128px -160px

}



.ui-icon-volume-on {

    background-position: -144px -160px

}



.ui-icon-power {

    background-position: 0 -176px

}



.ui-icon-signal-diag {

    background-position: -16px -176px

}



.ui-icon-signal {

    background-position: -32px -176px

}



.ui-icon-battery-0 {

    background-position: -48px -176px

}



.ui-icon-battery-1 {

    background-position: -64px -176px

}



.ui-icon-battery-2 {

    background-position: -80px -176px

}



.ui-icon-battery-3 {

    background-position: -96px -176px

}



.ui-icon-circle-plus {

    background-position: 0 -192px

}



.ui-icon-circle-minus {

    background-position: -16px -192px

}



.ui-icon-circle-close {

    background-position: -32px -192px

}



.ui-icon-circle-triangle-e {

    background-position: -48px -192px

}



.ui-icon-circle-triangle-s {

    background-position: -64px -192px

}



.ui-icon-circle-triangle-w {

    background-position: -80px -192px

}



.ui-icon-circle-triangle-n {

    background-position: -96px -192px

}



.ui-icon-circle-arrow-e {

    background-position: -112px -192px

}



.ui-icon-circle-arrow-s {

    background-position: -128px -192px

}



.ui-icon-circle-arrow-w {

    background-position: -144px -192px

}



.ui-icon-circle-arrow-n {

    background-position: -160px -192px

}



.ui-icon-circle-zoomin {

    background-position: -176px -192px

}



.ui-icon-circle-zoomout {

    background-position: -192px -192px

}



.ui-icon-circle-check {

    background-position: -208px -192px

}



.ui-icon-circlesmall-plus {

    background-position: 0 -208px

}



.ui-icon-circlesmall-minus {

    background-position: -16px -208px

}



.ui-icon-circlesmall-close {

    background-position: -32px -208px

}



.ui-icon-squaresmall-plus {

    background-position: -48px -208px

}



.ui-icon-squaresmall-minus {

    background-position: -64px -208px

}



.ui-icon-squaresmall-close {

    background-position: -80px -208px

}



.ui-icon-grip-dotted-vertical {

    background-position: 0 -224px

}



.ui-icon-grip-dotted-horizontal {

    background-position: -16px -224px

}



.ui-icon-grip-solid-vertical {

    background-position: -32px -224px

}



.ui-icon-grip-solid-horizontal {

    background-position: -48px -224px

}



.ui-icon-gripsmall-diagonal-se {

    background-position: -64px -224px

}



.ui-icon-grip-diagonal-se {

    background-position: -80px -224px

}



.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl {

    border-top-left-radius: 3px

}



.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr {

    border-top-right-radius: 3px

}



.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl {

    border-bottom-left-radius: 3px

}



.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br {

    border-bottom-right-radius: 3px

}



.ui-widget-overlay {

    background: #aaa;

    opacity: .3;

    filter: alpha(opacity=30)

}



.ui-widget-shadow {

    margin: 0;

    padding: 5px;

    background: #666;

    opacity: .3;

    filter: alpha(opacity=30);

    border-radius: 8px

}



.header .header-bottom li a {

    position: relative

}



.header .header-bottom li a:after {

    content: '';

    height: 2px;

    width: 100%;

    transform: scale(0);

    -webkit-transform: scale(0);

    -moz-transform: scale(0);

    -o-transform: scale(0);

    background: #710d10;

    position: absolute;

    left: 0;

    bottom: -2px;

    -webkit-transition: all ease .3s;

    -moz-transition: all ease .3s;

    -ms-transition: all ease .3s;

    -o-transition: all ease .3s;

    transition: all ease .3s

}



.header .header-bottom li:hover a:after, .header .header-bottom li.current-menu-item a:after {

    transform: scale(1);

    -webkit-transform: scale(1);

    -moz-transform: scale(1);

    -o-transform: scale(1)

}



.service-wrap .service-text .span-before {

    height: 15px !important;

    margin-bottom: 10px

}



.restaurant-about-wrapper .tabs #tabs-5.restaurant-tabs-container {

    margin: 0 !important

}



.restaurant-about-wrapper .tabs .contact-about {

    position: relative;

    height: 500px

}



.restaurant-about-wrapper .tabs .contact-about iframe {

    width: 100%;

    position: absolute;

    top: 0;

    left: 0;

    height: 500px;

    display: block

}



.restaurant-about-wrapper .tabs .contact-about .contact-office {

    position: relative;

    top: 135px;

    left: 0

}



.accordion-default-skin .accordion-content-list a.active {

    color: #8ac32e

}



.main-slider-wrapper {

    position: relative;

    max-height: 620px;

    overflow: hidden

}



.service-wrap .service-text .title-text-service h4 {

    line-height: 30px;

    min-height: 50px

}



.service-wrapper .col-xs-12:nth-child(3) .service-text .title-text-service h4, .restaurant-place-wrapper .col-xs-12:nth-child(3) .service-text .title-text-service h4 {

    line-height: 22px

}



.term-garyacha-vipichka .product-type-wrap .text-type-wrap h4 {

    min-height: 67px

}



.class-63, .class-64 {

    display: none !important

}



.type-production-wrapper .row .row .col-lg-4 {

    width: 292px

}



.programmItem {

    background: #da0a00;

    border-radius: 10px;

    -webkit-border-radius: 10px;

    -moz-border-radius: 10px;

    -o-border-radius: 10px;

    margin-top: 30px;

    overflow: hidden;

    color: #fff;

    -webkit-box-shadow: 0 6px 13px rgba(145, 145, 145, 0.65);

    -moz-box-shadow: 0 6px 13px rgba(145, 145, 145, 0.65);

    box-shadow: 0 6px 13px rgba(145, 145, 145, 0.65)

}



.programmItem h2 {

    font-family: 'Clementine';

    font-size: 48px;

    line-height: 40px;

    font-weight: 300;

    padding: 40px 20px 0

}



.programmItem p {

    font-family: Open Sans, Arial, "Helvetica Neue", Helvetica, sans-serif;

    font-size: 16px;

    padding: 0 20px 30px

}



.lasters .col-xs-12 .col-md-3:first-child {

    margin-left: -30px

}



.lasters .col-xs-12 .col-md-3:nth-child(2) {

    margin-left: 30px

}



.lasters .col-xs-12 .col-md-3:nth-child(3) {

    margin-left: 15px

}



.lasters .col-xs-12 .col-md-3:nth-child(4n) {

    margin-left: 0;

    margin-right: -15px

}



.lasters .col-xs-12 {

    margin-bottom: 30px

}



.fancy {

    border-radius: 5px;

    -webkit-border-radius: 5px;

    -moz-border-radius: 5px;

    -o-border-radius: 5px;

    overflow: hidden

}



@media (max-width: 990px) {

    .lasters .col-xs-12 .col-md-3 {

        margin-left: 0 !important;

        margin-right: 0 !important

    }

}



#tabs-5 {

    display: block !important;

    height: 0;

    overflow: hidden;

    padding-bottom: 0

}



#tabs-5[aria-hidden="false"] {

    height: 500px

}



.fancy img {

    border-radius: 5px;

    -webkit-border-radius: 5px;

    -moz-border-radius: 5px;

    -o-border-radius: 5px

}



.submiterok {

    margin-top: 20px

}



.submiterok input[type=submit] {

    font-size: 14px;

    color: #fff;

    background: #9bd43f;

    border-radius: 20px;

    padding: 11px 75px;

    display: inline-block;

    outline: none;

    box-shadow: none;

    border: none

}



.pagination-wrapper li.active a {

    font-weight: 700;

    color: #333

}



.term-42 .pagination-wrapper, .term-48 .pagination-wrapper, .term-41 .pagination-wrapper {

    display: none

}



.page-id-1220 .main-slider-wrapper .main-slider .slide:before {

    width: 100%;

    background: rgba(0, 0, 0, 0.5);

    background: -moz-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.3) 10%, rgba(255, 255, 255, 0) 100%);

    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(0, 0, 0, 0.5)), color-stop(10%, rgba(0, 0, 0, 0.3)), color-stop(100%, rgba(255, 255, 255, 0)));

    background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.3) 10%, rgba(255, 255, 255, 0) 100%);

    background: -o-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.3) 10%, rgba(255, 255, 255, 0) 100%);

    background: -ms-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.3) 10%, rgba(255, 255, 255, 0) 100%);

    background: linear-gradient(to right, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.3) 10%, rgba(255, 255, 255, 0) 100%);

    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#ffffff', GradientType=1)

}



.header .close-city-button {

    z-index: 99999

}



.ui-loader {

    display: none

}



.wrap_popUp {

    display: none;

    position: absolute;

    padding: 10px;

    width: 100%;

    height: 100%;

    background: #fff;

    top: 0;

    left: 0;

    text-align: center;

    border-radius: 10px

}



.wrap_popUp h2 {

    font-size: 14px;

    text-transform: uppercase

}



.wrap_popUp p {

    font-size: 15px;

    color: #666

}



.footer .wrap_popUp a {

    display: inline-block;

    padding: 0 25px;

    border: 2px solid #7c0;

    border-radius: 20px;

    color: #737373;

    line-height: 30px;

    font-weight: 600

}



.footer .wrap_popUp a:hover {

    background: #7c0;

    color: #fff;

    text-decoration: none

}



.main-slider-wrapper > .text-center {

    position: absolute;

    top: 0;

    z-index: 10

}



.main-slider-wrapper h1 {

    display: inline-block;

    color: #fff

}



.title-contact-text a {

    text-decoration: underline;

}



.title-contact-text a:hover {

    text-decoration: none;

    color: #710D10;

}



.news-item .img-left {

    width: 300px;

}



.news-item .img-right {

    width: 300px;

}



.img-left {

    width: 400px;

    float: left;

    margin-right: 10px;

}



.img-right {

    width: 400px;

    float: right;

    margin-left: 10px;

}



.product-item li {

    text-align: justify !important;

    margin-bottom: 0cm;

    text-indent: 20px;

    font-weight: normal;

    font-size: 80%;

    line-height: 1.6;

    text-rendering: optimizeLegibility;

    padding-bottom: 10px;

}



.product-item ul {

    list-style-position: inside;

}



.product-item p {

    padding-bottom: 10px;

    text-align: justify;

    margin-bottom: 0cm;

    text-indent: 20px;

}



.news-item li {

    text-align: justify !important;

    margin-bottom: 0cm;

    text-indent: 20px;

    font-weight: normal;

    font-size: 80%;

    line-height: 1.6;

    text-rendering: optimizeLegibility;

    padding-bottom: 10px;

}



.news-item ul {

    list-style-position: inside;

}



.news-item p {

    text-align: justify;

    margin-bottom: 0cm;

    text-indent: 20px;

}



.post-container .post-wrap li {

    text-align: justify !important;

    margin-bottom: 0cm;

    text-indent: 20px;

    font-weight: normal;

    font-size: 80%;

    line-height: 1.6;

    text-rendering: optimizeLegibility;

    padding-bottom: 10px;

}



.post-container .post-wrap ul {

    list-style-position: inside;

}



.post-container .post-wrap p {

    text-align: justify;

    margin-bottom: 0cm;

    text-indent: 20px;

    font-size: 16px;

    line-height: 26px;

    font-weight: 300;

    color: #333;

}



textarea {

    resize: none;

    width: 100%;

    font-size: 14px;

    border-radius: 3px;

    border: 1px solid #bfbfbf;

    padding: 10px 15px;

}



#comment_form .jq-file {

    background-color: #fff;

}



/*new css 17.07.2018*/

.row {

    display: -webkit-box;

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    -webkit-flex-wrap: wrap;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

    margin-right: -15px;

    margin-left: -15px;

}



.col-9 {

    -webkit-flex: 0 0 75%;

    -ms-flex: 0 0 75%;

    flex: 0 0 75%;

    max-width: 75%;

    box-sizing: border-box;

    padding: 0 15px;

}



.col-8 {

    -webkit-flex: 0 0 66.666667%;

    -ms-flex: 0 0 66.666667%;

    flex: 0 0 66.666667%;

    max-width: 66.666667%;

    box-sizing: border-box;

    padding: 0 15px;

}



.col-7 {

    -webkit-flex: 0 0 58.333333%;

    -ms-flex: 0 0 58.333333%;

    flex: 0 0 58.333333%;

    max-width: 58.333333%;

    box-sizing: border-box;

    padding: 0 15px;

}



.col-6 {

    -webkit-flex: 0 0 50%;

    -ms-flex: 0 0 50%;

    flex: 0 0 50%;

    max-width: 50%;

    box-sizing: border-box;

    padding: 0 15px;

}



.col-5 {

    -webkit-flex: 0 0 41.666667%;

    -ms-flex: 0 0 41.666667%;

    flex: 0 0 41.666667%;

    max-width: 41.666667%;

    box-sizing: border-box;

    padding: 0 15px;

}



.col-4 {

    -webkit-flex: 0 0 33.333333%;

    -ms-flex: 0 0 33.333333%;

    flex: 0 0 33.333333%;

    max-width: 33.333333%;

    box-sizing: border-box;

    padding: 0 15px;

}



.col-3 {

    -webkit-flex: 0 0 25%;

    -ms-flex: 0 0 25%;

    flex: 0 0 25%;

    max-width: 25%;

    box-sizing: border-box;

    padding: 0 15px;

}



.vacancy_title {

    position: relative;

    font-size: 20px;

    padding: 10px 20px;

    cursor: pointer;

    background: #e4e4e4;

}



.vacancy_title p {

    margin: 0;

}



.vacancy_item {

    margin-bottom: 10px;

}



.vacancy_arr {

    transition: all .3s ease-out 0s;

    position: absolute;

    right: 15px;

    top: calc(50% - 11px);

    width: 22px;

    height: 22px;

    color: #9bd43f;

    font-size: 16px;

    text-align: center;

    line-height: 20px;

    border-radius: 50%;

    border: 1px solid #9bd43f;

}



.open .vacancy_arr {

    transform: rotate(90deg);

}



.vacancy_content {

    display: none;

}



.vacancy_list {

    margin-top: 30px;

}



.vacancy_list .link-block {

    margin: 20px 0;

}



.basket-form.vacancy_form {

    border: none;

    padding: 0;

    margin-bottom: 20px;

}



.form_title {

    position: relative;

    color: #000;

    font-size: 22px;

    text-transform: uppercase;

    margin-bottom: 20px;

}



.check_input {

    display: inline-block;

}



.check_wrap .check_input input {

    width: 25px;

    height: 25px;



}



.check_wrap a {

    color: #68b300;

    text-decoration: none;

}



.check_wrap a:hover {

    text-decoration: underline;

}



.vacancy_form label {

    color: #cbcbcb;

    font-size: 16px;

    margin-bottom: 10px;

    display: inline-block;

    width: calc(100% - 45px);

    margin-left: 10px;

}



.check_input p {

    font-size: 12px;

    color: #000;

}



.check_input {

    display: block;

    margin-bottom: 15px;

}



.check_input input {

    padding: 0;

    height: initial;

    width: initial;

    margin-bottom: 0;

    display: none;

    cursor: pointer;

}



.check_input label {

    position: relative;

    cursor: pointer;

    padding-left: 35px;

}



.check_input label:before {

    position: absolute;

    left: 0;

    content: '';

    -webkit-appearance: none;

    background-color: transparent;

    border: 2px solid #68b300;

    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05);

    padding: 10px;

    display: inline-block;

    vertical-align: middle;

    cursor: pointer;

    margin-right: 5px;

}



.check_input input:checked + label:after {

    content: '';

    display: block;

    position: absolute;

    top: 2px;

    left: 9px;

    width: 6px;

    height: 14px;

    border: solid #68b300;

    border-width: 0 2px 2px 0;

    transform: rotate(45deg);

}



input[type=submit]:disabled,

button:disabled {

    cursor: no-drop;

}



input[type=submit] {

    cursor: pointer;

}



.form-group {

    position: relative;

}



.comment_form {

    position: relative;

}

.comment_form .basket-form {

    border: none;

}



.ajax_loader {

    width: 20px;

    height: 20px;

    background: url("../images/loader.png") no-repeat;

    background-size: cover;

    animation-name: spin;

    animation-duration: 2000ms;

    animation-iteration-count: infinite;

    animation-timing-function: linear;

    display: none;

    margin: auto;

    position: absolute;

    right: 0;

    top: 10px;

    bottom: 0;

    margin: auto;

}



.popup > span {

    display: block;

    font-size: 22px;

    margin-bottom: 10px;

}



.name_success {

    font-weight: 700;

}



.popup {

    position: relative;

    display: none;

    width: 440px;

    font-size: 16px;

    text-align: center;

    padding: 20px;

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box;

}



.comment_form .basket-form {

    border-none;

}





.city_select_wrap .city_select {



width: auto;

    padding-right: 45px;

    margin-bottom: 30px;

    border: 1px solid #bfbfbf;

}



.city_select_wrap .nice-select .current {

    font-family: inherit;

}





.nice-select.custom_select {

    width: auto;

    float: none;

    border-radius: 3px;

    border: 1px solid #bfbfbf;

}



.cafe_slider .slick-prev {

    left: 10px;

    background-position: left top;

}

.cafe_slider .slick-arrow {

    position: absolute;

    top: 40px;

    width: 22px;

    height: 62px;

    background: transparent;

    background-image: url("../images/reviews-arr.png");

    color: transparent;

    font-size: 0;

    border: 0;

    padding: 0;

    cursor: pointer;

    outline: none;

    z-index: 10;

    top: calc(50% - 31px);

}



.cafe_slider .slick-next {

    right: 10px;

    background-position: right top;

}



.cafe_slider .slick-next:hover {

    background-position: right bottom;

}



.cafe_slider .slick-prev:hover {

    background-position: left bottom;

}

.custom_select .list li:first-child {

    display: block;

}

.action-slider .slick-arrow {

    position: absolute;

    top: calc(50% - 31px);

    width: 22px;

    height: 62px;

    background: transparent;

    background-image: url(../images/reviews-arr.png);

    color: transparent;

    font-size: 0;

    border: 0;

    padding: 0;

    cursor: pointer;

    outline: none;

    z-index: 10

}



.action-slider .slick-prev {

    left: -40px;

    background-position: left bottom;

}





.action-slider .slick-next {

    right: -40px;

    background-position: right bottom;

}

.jobs-wrap .wpcf7-response-output {
    display: none !important;
}
.cafe_address_wrap {
    display: none;
}
.current {
    white-space: normal;
}
.nice-select.custom_select {
    overflow: hidden;
}
 .nice-select.open {
    overflow: visible;
}
.custom_select .list li:first-child {
    display: none;
}
.action-slider {
    position: relative;
    max-width: 90%;
    margin: auto;
}
@keyframes spin {

    from {

        transform: rotate(0deg);

    }

    to {

        transform: rotate(360deg);

    }

}


.open .vacancy_arr {
    transform: rotate(90deg);
}



.hide {
    display: none;
}




@media (max-width: 991px) {

    .vacancy_list_item {

        max-width: 100%;

        display: block;

        flex: 0 0 100%;

        -webkit-flex: 0 0 100%;

        -ms-flex: 0 0 100%;

    }

    .vacancy_list_item .form_title {

        margin-bottom: 10px;

        margin-top: 20px;

    }

    .check_input {

        margin-bottom: 0;

    }

}
.title2-footer{
    text-align: center;
    padding-top: 20px;
}
@media (max-width: 700px) {
    .footer .footer-wrap .title-footer {
        font-size: 20px;
    }
}
@media (max-width: 605px) {
    .footer .footer-wrap .title-footer {
        font-size: 18px;
    }
}
@media (max-width: 530px){
    .footer .footer-wrap .title-footer {
        top: 25px;
        font-size: 18px;
    }
    .footer-wrap ul {
        column-count: 1;
        top: 22px;
    }
    .title-section {
        font-size: 45px;
        text-align: center;
    }
    h1 {
        font-size: 24px;
        text-align: center;
    }
    .leaveAcomment {
        font-size: 50px;
    }
}
@media (max-width: 385px){
    .footer .footer-wrap .title-footer {
        top: 40px;
    }
    .footer .footer-wrap .title-footer {
        font-size: 16px;
    }
    .footer .footer-wrap a{
        font-size: 16px;
    }
    .title-section {
        font-size: 38px;
    }
}
@media (max-width: 355px){
    .footer .footer-wrap .title-footer {
        font-size: 17px;
    }
    .footer .footer-wrap .title-footer {
         font-size: 14px;
     }

}