article, nav, header, footer, aside, hgroup, section {
    display: block
}

div.fieldWithErrors {
    display: inline
}

#errorExplanation {
    border-top: 3px solid #F27F7F;
    background: #FFBEBE;
    padding: 10px
}

    #errorExplanation, #errorExplanation *, .fieldWithErrors, .fieldWithErrors * {
        color: #9C2626
    }

a img {
    border: 0px none
}

a:focus {
    outline: none
}

.popup_mini {
    position: fixed;
    left: 50%;
    Margin-left: -400px;
    top: 20px;
    z-index: 1800;
    width: 800px;
    max-width: 800px;
    font-family: Calibri,Verdana, Geneva;
    font-size: 14px;
    border: 10px solid #FFFFFF;
    border-radius: 9px;
    box-shadow: 3px 3px 5px #000000;
    background-color: #FFFFFF;
}

.close_popup {
    DISPLAY: block;
    BACKGROUND: url(/Images/Common/Close.png) no-repeat 0px 0px;
    right: -23px;
    top: -23px;
    WIDTH: 26px;
    height: 26px;
    TEXT-INDENT: -1000em;
    POSITION: absolute;
    cursor: pointer;
    border: 0 !important;
}

.clearfix, section {
    display: inline-block
}

    .clearfix:after, section:after {
        content: ".";
        display: block;
        height: 0;
        clear: both;
        visibility: hidden
    }

.clearfix, section {
    display: block
}

.text-align-left {
    text-align: left
}

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

.text-align-right {
    text-align: right
}

.text-align-justify {
    text-align: justify
}

.image-align-left {
    float: left;
    margin-right: 6px;
    margin-bottom: 6px
}

.image-align-right {
    float: right;
    margin-left: 6px;
    margin-bottom: 6px
}

.font-size-small {
    font-size: 0.75em
}

.font-size-normal {
    font-size: 1em
}

.font-size-large {
    font-size: 1.25em
}
/*!
 * Bootstrap v3.3.5 (http://getbootstrap.com)
 * Copyright 2011-2016 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */ /*!
 * Generated using the Bootstrap Customizer (http://getbootstrap.com/customize/?id=3f6d11dd2ead8411e41f)
 * Config saved to config.json and https://gist.github.com/3f6d11dd2ead8411e41f
 */ /*!
* Bootstrap v3.3.6 (http://getbootstrap.com)
* Copyright 2011-2015 Twitter, Inc.
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
*/ /*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */

html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0
}

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
    display: block
}

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

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

[hidden], template {
    display: none
}

a {
    background-color: transparent
}

    a:active, a:hover {
        outline: 0
    }

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

b, strong {
    font-weight: bold
}

dfn {
    font-style: italic
}

h1 {
    font-size: 2em;
    margin: 0.67em 0
}

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

small {
    font-size: 80%
}

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

sup {
    top: -0.5em
}

sub {
    bottom: -0.25em
}

img {
    border: 0
}

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

figure {
    margin: 1em 40px
}

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

pre {
    overflow: auto
}

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

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

button {
    overflow: visible
}

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
    }

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

input {
    line-height: normal
}

    input[type="checkbox"], input[type="radio"] {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        padding: 0
    }

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

    input[type="search"] {
        -webkit-appearance: textfield;
        -webkit-box-sizing: content-box;
        -moz-box-sizing: content-box;
        box-sizing: content-box
    }

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

fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em
}

legend {
    border: 0;
    padding: 0
}

textarea {
    overflow: auto
}

optgroup {
    font-weight: bold
}

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

td, th {
    padding: 0
}

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

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

html {
    font-size: 10px;
    -webkit-tap-highlight-color: transparent
}

body {
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 14px;
    line-height: 1.42857143;
    color: #333;
    background-color: #fff
}

input, button, select, textarea {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit
}

a {
    color: #337ab7;
    text-decoration: none
}

    a:hover, a:focus {
        color: #23527c;
        text-decoration: underline
    }

    a:focus {
        outline: thin dotted;
        outline: 5px auto -webkit-focus-ring-color;
        outline-offset: -2px
    }

figure {
    margin: 0
}

img {
    vertical-align: middle
}

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

.img-rounded {
    border-radius: 6px
}

.img-thumbnail {
    padding: 4px;
    line-height: 1.42857143;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    display: inline-block;
    max-width: 100%;
    height: auto
}

.img-circle {
    border-radius: 50%
}

hr {
    margin-top: 20px;
    margin-bottom: 20px;
    border: 0;
    border-top: 1px solid #eee
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0
}

.sr-only-focusable:active, .sr-only-focusable:focus {
    position: static;
    width: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    clip: auto
}

[role="button"] {
    cursor: pointer
}

.container {
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px
}

@media (min-width: 768px) {
    .container {
        width: 750px
    }
}

@media (min-width: 960px) {
    .container {
        width: 970px
    }
}

@media (min-width: 1280px) {
    .container {
        width: 1170px
    }
}

.container-fluid {
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px
}

.row {
    margin-left: -15px;
    margin-right: -15px
}

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px
}

.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-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-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-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-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
}

@media (min-width: 768px) {
    .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
        float: left
    }
}

@media (min-width: 960px) {
    .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
        float: left
    }
}

@media (min-width: 1280px) {
    .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
        float: left
    }
}

.fade {
    opacity: 0;
    -webkit-transition: opacity .15s linear;
    -o-transition: opacity .15s linear;
    transition: opacity .15s linear
}

    .fade.in {
        opacity: 1
    }

.collapse {
    display: none
}

    .collapse.in {
        display: block
    }

tr.collapse.in {
    display: table-row
}

tbody.collapse.in {
    display: table-row-group
}

.collapsing {
    position: relative;
    height: 0;
    overflow: hidden;
    -webkit-transition-property: height, visibility;
    -o-transition-property: height, visibility;
    transition-property: height, visibility;
    -webkit-transition-duration: .35s;
    -o-transition-duration: .35s;
    transition-duration: .35s;
    -webkit-transition-timing-function: ease;
    -o-transition-timing-function: ease;
    transition-timing-function: ease
}

.close {
    float: right;
    font-size: 21px;
    font-weight: bold;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: .2;
    filter: alpha(opacity=20)
}

    .close:hover, .close:focus {
        color: #000;
        text-decoration: none;
        cursor: pointer;
        opacity: .5;
        filter: alpha(opacity=50)
    }

button.close {
    padding: 0;
    cursor: pointer;
    background: transparent;
    border: 0;
    -webkit-appearance: none
}

.modal-open {
    overflow: hidden
}

.modal {
    display: none;
    overflow: hidden;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1050;
    -webkit-overflow-scrolling: touch;
    outline: 0
}

    .modal.fade .modal-dialog {
        -webkit-transform: translate(0, -25%);
        -ms-transform: translate(0, -25%);
        -o-transform: translate(0, -25%);
        transform: translate(0, -25%);
        -webkit-transition: -webkit-transform 0.3s ease-out;
        -o-transition: -o-transform 0.3s ease-out;
        transition: transform 0.3s ease-out
    }

    .modal.in .modal-dialog {
        -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        -o-transform: translate(0, 0);
        transform: translate(0, 0)
    }

.modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto
}

.modal-dialog {
    position: relative;
    width: auto;
    margin: 10px
}

.modal-content {
    position: relative;
    background-color: #fff;
    border: 1px solid #999;
    border: 1px solid rgba(0,0,0,0.2);
    border-radius: 6px;
    -webkit-box-shadow: 0 3px 9px rgba(0,0,0,0.5);
    box-shadow: 0 3px 9px rgba(0,0,0,0.5);
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    outline: 0
}

.modal-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1040;
    background-color: #000
}

    .modal-backdrop.fade {
        opacity: 0;
        filter: alpha(opacity=0)
    }

    .modal-backdrop.in {
        opacity: .5;
        filter: alpha(opacity=50)
    }

.modal-header {
    padding: 15px;
    border-bottom: 1px solid #e5e5e5
}

    .modal-header .close {
        margin-top: -2px
    }

.modal-title {
    margin: 0;
    line-height: 1.42857143
}

.modal-body {
    position: relative;
    padding: 15px
}

.modal-footer {
    padding: 15px;
    text-align: right;
    border-top: 1px solid #e5e5e5
}

    .modal-footer .btn + .btn {
        margin-left: 5px;
        margin-bottom: 0
    }

    .modal-footer .btn-group .btn + .btn {
        margin-left: -1px
    }

    .modal-footer .btn-block + .btn-block {
        margin-left: 0
    }

.modal-scrollbar-measure {
    position: absolute;
    top: -9999px;
    width: 50px;
    height: 50px;
    overflow: scroll
}

@media (min-width: 768px) {
    .modal-dialog {
        width: 600px;
        margin: 30px auto
    }

    .modal-content {
        -webkit-box-shadow: 0 5px 15px rgba(0,0,0,0.5);
        box-shadow: 0 5px 15px rgba(0,0,0,0.5)
    }

    .modal-sm {
        width: 300px
    }
}

@media (min-width: 960px) {
    .modal-lg {
        width: 900px
    }
}

.clearfix:before, .featured-slider .featured-slider__item:before, .magnotta .sidebar__nav-wrapper:before, .magnotta .masonry:before, .magnotta .main-content:before, .magnotta .master-wrapper:before, .magnotta .my-modal__master:before, .clearfix:after, .featured-slider .featured-slider__item:after, .magnotta .sidebar__nav-wrapper:after, .magnotta .masonry:after, .magnotta .main-content:after, .magnotta .master-wrapper:after, .magnotta .my-modal__master:after, .container:before, .container:after, .container-fluid:before, .container-fluid:after, .row:before, .row:after, .modal-header:before, .modal-header:after, .modal-footer:before, .modal-footer:after {
    content: " ";
    display: table
}

.clearfix:after, .featured-slider .featured-slider__item:after, .magnotta .sidebar__nav-wrapper:after, .magnotta .masonry:after, .magnotta .main-content:after, .magnotta .master-wrapper:after, .magnotta .my-modal__master:after, .container:after, .container-fluid:after, .row:after, .modal-header:after, .modal-footer:after {
    clear: both
}

.center-block {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.pull-right {
    float: right !important
}

.pull-left {
    float: left !important
}

.hide {
    display: none !important
}

.show {
    display: block !important
}

.invisible {
    visibility: hidden
}

.text-hide {
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0
}

.hidden {
    display: none !important
}

.affix {
    position: fixed
}

@-ms-viewport {
    width: device-width
}

.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 !important
    }

    tr.visible-xs {
        display: table-row !important
    }

    th.visible-xs, td.visible-xs {
        display: table-cell !important
    }
}

@media (max-width: 767px) {
    .visible-xs-block {
        display: block !important
    }
}

@media (max-width: 767px) {
    .visible-xs-inline {
        display: inline !important
    }
}

@media (max-width: 767px) {
    .visible-xs-inline-block {
        display: inline-block !important
    }
}

@media (min-width: 768px) and (max-width: 959px) {
    .visible-sm {
        display: block !important
    }

    table.visible-sm {
        display: table !important
    }

    tr.visible-sm {
        display: table-row !important
    }

    th.visible-sm, td.visible-sm {
        display: table-cell !important
    }
}

@media (min-width: 768px) and (max-width: 959px) {
    .visible-sm-block {
        display: block !important
    }
}

@media (min-width: 768px) and (max-width: 959px) {
    .visible-sm-inline {
        display: inline !important
    }
}

@media (min-width: 768px) and (max-width: 959px) {
    .visible-sm-inline-block {
        display: inline-block !important
    }
}

@media (min-width: 960px) and (max-width: 1279px) {
    .visible-md {
        display: block !important
    }

    table.visible-md {
        display: table !important
    }

    tr.visible-md {
        display: table-row !important
    }

    th.visible-md, td.visible-md {
        display: table-cell !important
    }
}

@media (min-width: 960px) and (max-width: 1279px) {
    .visible-md-block {
        display: block !important
    }
}

@media (min-width: 960px) and (max-width: 1279px) {
    .visible-md-inline {
        display: inline !important
    }
}

@media (min-width: 960px) and (max-width: 1279px) {
    .visible-md-inline-block {
        display: inline-block !important
    }
}

@media (min-width: 1280px) {
    .visible-lg {
        display: block !important
    }

    table.visible-lg {
        display: table !important
    }

    tr.visible-lg {
        display: table-row !important
    }

    th.visible-lg, td.visible-lg {
        display: table-cell !important
    }
}

@media (min-width: 1280px) {
    .visible-lg-block {
        display: block !important
    }
}

@media (min-width: 1280px) {
    .visible-lg-inline {
        display: inline !important
    }
}

@media (min-width: 1280px) {
    .visible-lg-inline-block {
        display: inline-block !important
    }
}

@media (max-width: 767px) {
    .hidden-xs {
        display: none !important
    }
}

@media (min-width: 768px) and (max-width: 959px) {
    .hidden-sm {
        display: none !important
    }
}

@media (min-width: 960px) and (max-width: 1279px) {
    .hidden-md {
        display: none !important
    }
}

@media (min-width: 1280px) {
    .hidden-lg {
        display: none !important
    }
}

.visible-print {
    display: none !important
}

@media print {
    .visible-print {
        display: block !important
    }

    table.visible-print {
        display: table !important
    }

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

/*@font-face {
    font-family: 'Montserrat-Regular';
    src: url("/assets/montserrat-regular-webfont.eot");
    src: url("/assets/montserrat-regular-webfont.eot?#iefix") format("embedded-opentype"),url("/assets/montserrat-regular-webfont.woff2") format("woff2"),url("/assets/montserrat-regular-webfont.woff") format("woff"),url("/assets/montserrat-regular-webfont.ttf") format("truetype"),url("/assets/montserrat-regular-webfont.svg#montserratregular") format("svg");
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'Montserrat-Bold';
    src: url("/assets/montserrat-bold-webfont.eot");
    src: url("/assets/montserrat-bold-webfont.eot?#iefix") format("embedded-opentype"),url("/assets/montserrat-bold-webfont.woff2") format("woff2"),url("/assets/montserrat-bold-webfont.woff") format("woff"),url("/assets/montserrat-bold-webfont.ttf") format("truetype"),url("/assets/montserrat-bold-webfont.svg#montserratbold") format("svg");
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'GaramondPremrPro';
    src: url("/assets/GaramondPremrPro.eot");
    src: url("/assets/GaramondPremrPro.eot?#iefix") format("embedded-opentype"),url("/assets/GaramondPremrPro.woff2") format("woff2"),url("/assets/GaramondPremrPro.woff") format("woff"),url("/assets/GaramondPremrPro.ttf") format("truetype"),url("/assets/GaramondPremrPro.svg#GaramondPremrPro") format("svg");
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'GaramondPremrPro-Ita';
    src: url("/assets/GaramondPremrPro-It.eot");
    src: url("/assets/GaramondPremrPro-It.eot?#iefix") format("embedded-opentype"),url("/assets/GaramondPremrPro-It.woff2") format("woff2"),url("/assets/GaramondPremrPro-It.woff") format("woff"),url("/assets/GaramondPremrPro-It.ttf") format("truetype"),url("/assets/GaramondPremrPro-It.svg#GaramondPremrPro-It") format("svg");
    font-weight: normal;
    font-style: italic
}

@font-face {
    font-family: 'GaramondPremrPro-Smbd';
    src: url("/assets/GaramondPremrPro-Smbd.eot");
    src: url("/assets/GaramondPremrPro-Smbd.eot?#iefix") format("embedded-opentype"),url("/assets/GaramondPremrPro-Smbd.woff2") format("woff2"),url("/assets/GaramondPremrPro-Smbd.woff") format("woff"),url("/assets/GaramondPremrPro-Smbd.ttf") format("truetype"),url("/assets/GaramondPremrPro-Smbd.svg#GaramondPremrPro-Smbd") format("svg");
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'GaramondPremrPro-Med';
    src: url("/assets/GaramondPremrPro-Med.eot");
    src: url("/assets/GaramondPremrPro-Med.eot?#iefix") format("embedded-opentype"),url("/assets/GaramondPremrPro-Med.woff2") format("woff2"),url("/assets/GaramondPremrPro-Med.woff") format("woff"),url("/assets/GaramondPremrPro-Med.ttf") format("truetype"),url("/assets/GaramondPremrPro-Med.svg#GaramondPremrPro-Med") format("svg");
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'GaramondPremrPro-Bd';
    src: url("/assets/GaramondPremrPro-Bd.eot");
    src: url("/assets/GaramondPremrPro-Bd.eot?#iefix") format("embedded-opentype"),url("/assets/GaramondPremrPro-Bd.woff2") format("woff2"),url("/assets/GaramondPremrPro-Bd.woff") format("woff"),url("/assets/GaramondPremrPro-Bd.ttf") format("truetype"),url("/assets/GaramondPremrPro-Bd.svg#GaramondPremrPro-Bd") format("svg");
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'lora-regular';
    src: url("/assets/Lora-Regular.eot");
    src: url("/assets/Lora-Regular.woff2") format("woff2"),url("/assets/Lora-Regular.woff") format("woff"),url("/assets/Lora-Regular.ttf") format("truetype"),url("/assets/Lora-Regular.svg#Lora-Regular") format("svg"),url("/assets/Lora-Regular.eot?#iefix") format("embedded-opentype");
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'lora-italic';
    src: url("/assets/Lora-Italic.eot");
    src: url("/assets/Lora-Italic.woff2") format("woff2"),url("/assets/Lora-Italic.woff") format("woff"),url("/assets/Lora-Italic.ttf") format("truetype"),url("/assets/Lora-Italic.svg#Lora-Italic") format("svg"),url("/assets/Lora-Italic.eot?#iefix") format("embedded-opentype");
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'lora-bold';
    src: url("/assets/Lora-Bold.eot");
    src: url("/assets/Lora-Bold.woff2") format("woff2"),url("/assets/Lora-Bold.woff") format("woff"),url("/assets/Lora-Bold.ttf") format("truetype"),url("/assets/Lora-Bold.svg#Lora-Bold") format("svg"),url("/assets/Lora-Bold.eot?#iefix") format("embedded-opentype");
    font-weight: normal;
    font-style: normal
}*/
/*!
 *  Font Awesome 4.4.0 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */

/*@font-face {
    font-family: 'FontAwesome';
    src: url("/assets/fontawesome-webfont.eot?v=4.4.0");
    src: url("/assets/fontawesome-webfont.eot?#iefix&v=4.4.0") format("embedded-opentype"),url("/assets/fontawesome-webfont.woff2?v=4.4.0") format("woff2"),url("/assets/fontawesome-webfont.woff?v=4.4.0") format("woff"),url("/assets/fontawesome-webfont.ttf?v=4.4.0") format("truetype"),url("/assets/fontawesome-webfont.svg?v=4.4.0#fontawesomeregular") format("svg");
    font-weight: normal;
    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: 0.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: 0.14285714em;
    text-align: center
}

    .fa-li.fa-lg {
        left: -1.85714286em
    }

.fa-border {
    padding: .2em .25em .15em;
    border: solid 0.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);
    -webkit-transform: scale(-1, 1);
    -ms-transform: scale(-1, 1);
    transform: scale(-1, 1)
}

.fa-flip-vertical {
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
    -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 {
    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: ""
}

.fa-music:before {
    content: ""
}

.fa-search:before {
    content: ""
}

.fa-envelope-o:before {
    content: ""
}

.fa-heart:before {
    content: ""
}

.fa-star:before {
    content: ""
}

.fa-star-o:before {
    content: ""
}

.fa-user:before {
    content: ""
}

.fa-film:before {
    content: ""
}

.fa-th-large:before {
    content: ""
}

.fa-th:before {
    content: ""
}

.fa-th-list:before {
    content: ""
}

.fa-check:before {
    content: ""
}

.fa-remove:before, .fa-close:before, .fa-times:before {
    content: ""
}

.fa-search-plus:before {
    content: ""
}

.fa-search-minus:before {
    content: ""
}

.fa-power-off:before {
    content: ""
}

.fa-signal:before {
    content: ""
}

.fa-gear:before, .fa-cog:before {
    content: ""
}

.fa-trash-o:before {
    content: ""
}

.fa-home:before {
    content: ""
}

.fa-file-o:before {
    content: ""
}

.fa-clock-o:before {
    content: ""
}

.fa-road:before {
    content: ""
}

.fa-download:before {
    content: ""
}

.fa-arrow-circle-o-down:before {
    content: ""
}

.fa-arrow-circle-o-up:before {
    content: ""
}

.fa-inbox:before {
    content: ""
}

.fa-play-circle-o:before {
    content: ""
}

.fa-rotate-right:before, .fa-repeat:before {
    content: ""
}

.fa-refresh:before {
    content: ""
}

.fa-list-alt:before {
    content: ""
}

.fa-lock:before {
    content: ""
}

.fa-flag:before {
    content: ""
}

.fa-headphones:before {
    content: ""
}

.fa-volume-off:before {
    content: ""
}

.fa-volume-down:before {
    content: ""
}

.fa-volume-up:before {
    content: ""
}

.fa-qrcode:before {
    content: ""
}

.fa-barcode:before {
    content: ""
}

.fa-tag:before {
    content: ""
}

.fa-tags:before {
    content: ""
}

.fa-book:before {
    content: ""
}

.fa-bookmark:before {
    content: ""
}

.fa-print:before {
    content: ""
}

.fa-camera:before {
    content: ""
}

.fa-font:before {
    content: ""
}

.fa-bold:before {
    content: ""
}

.fa-italic:before {
    content: ""
}

.fa-text-height:before {
    content: ""
}

.fa-text-width:before {
    content: ""
}

.fa-align-left:before {
    content: ""
}

.fa-align-center:before {
    content: ""
}

.fa-align-right:before {
    content: ""
}

.fa-align-justify:before {
    content: ""
}

.fa-list:before {
    content: ""
}

.fa-dedent:before, .fa-outdent:before {
    content: ""
}

.fa-indent:before {
    content: ""
}

.fa-video-camera:before {
    content: ""
}

.fa-photo:before, .fa-image:before, .fa-picture-o:before {
    content: ""
}

.fa-pencil:before {
    content: ""
}

.fa-map-marker:before {
    content: ""
}

.fa-adjust:before {
    content: ""
}

.fa-tint:before {
    content: ""
}

.fa-edit:before, .fa-pencil-square-o:before {
    content: ""
}

.fa-share-square-o:before {
    content: ""
}

.fa-check-square-o:before {
    content: ""
}

.fa-arrows:before {
    content: ""
}

.fa-step-backward:before {
    content: ""
}

.fa-fast-backward:before {
    content: ""
}

.fa-backward:before {
    content: ""
}

.fa-play:before {
    content: ""
}

.fa-pause:before {
    content: ""
}

.fa-stop:before {
    content: ""
}

.fa-forward:before {
    content: ""
}

.fa-fast-forward:before {
    content: ""
}

.fa-step-forward:before {
    content: ""
}

.fa-eject:before {
    content: ""
}

.fa-chevron-left:before {
    content: ""
}

.fa-chevron-right:before {
    content: ""
}

.fa-plus-circle:before {
    content: ""
}

.fa-minus-circle:before {
    content: ""
}

.fa-times-circle:before {
    content: ""
}

.fa-check-circle:before {
    content: ""
}

.fa-question-circle:before {
    content: ""
}

.fa-info-circle:before {
    content: ""
}

.fa-crosshairs:before {
    content: ""
}

.fa-times-circle-o:before {
    content: ""
}

.fa-check-circle-o:before {
    content: ""
}

.fa-ban:before {
    content: ""
}

.fa-arrow-left:before {
    content: ""
}

.fa-arrow-right:before {
    content: ""
}

.fa-arrow-up:before {
    content: ""
}

.fa-arrow-down:before {
    content: ""
}

.fa-mail-forward:before, .fa-share:before {
    content: ""
}

.fa-expand:before {
    content: ""
}

.fa-compress:before {
    content: ""
}

.fa-plus:before {
    content: ""
}

.fa-minus:before {
    content: ""
}

.fa-asterisk:before {
    content: ""
}

.fa-exclamation-circle:before {
    content: ""
}

.fa-gift:before {
    content: ""
}

.fa-leaf:before {
    content: ""
}

.fa-fire:before {
    content: ""
}

.fa-eye:before {
    content: ""
}

.fa-eye-slash:before {
    content: ""
}

.fa-warning:before, .fa-exclamation-triangle:before {
    content: ""
}

.fa-plane:before {
    content: ""
}

.fa-calendar:before {
    content: ""
}

.fa-random:before {
    content: ""
}

.fa-comment:before {
    content: ""
}

.fa-magnet:before {
    content: ""
}

.fa-chevron-up:before {
    content: ""
}

.fa-chevron-down:before {
    content: ""
}

.fa-retweet:before {
    content: ""
}

.fa-shopping-cart:before {
    content: ""
}

.fa-folder:before {
    content: ""
}

.fa-folder-open:before {
    content: ""
}

.fa-arrows-v:before {
    content: ""
}

.fa-arrows-h:before {
    content: ""
}

.fa-bar-chart-o:before, .fa-bar-chart:before {
    content: ""
}

.fa-twitter-square:before {
    content: ""
}

.fa-facebook-square:before {
    content: ""
}

.fa-camera-retro:before {
    content: ""
}

.fa-key:before {
    content: ""
}

.fa-gears:before, .fa-cogs:before {
    content: ""
}

.fa-comments:before {
    content: ""
}

.fa-thumbs-o-up:before {
    content: ""
}

.fa-thumbs-o-down:before {
    content: ""
}

.fa-star-half:before {
    content: ""
}

.fa-heart-o:before {
    content: ""
}

.fa-sign-out:before {
    content: ""
}

.fa-linkedin-square:before {
    content: ""
}

.fa-thumb-tack:before {
    content: ""
}

.fa-external-link:before {
    content: ""
}

.fa-sign-in:before {
    content: ""
}

.fa-trophy:before {
    content: ""
}

.fa-github-square:before {
    content: ""
}

.fa-upload:before {
    content: ""
}

.fa-lemon-o:before {
    content: ""
}

.fa-phone:before {
    content: ""
}

.fa-square-o:before {
    content: ""
}

.fa-bookmark-o:before {
    content: ""
}

.fa-phone-square:before {
    content: ""
}

.fa-twitter:before {
    content: ""
}

.fa-facebook-f:before, .fa-facebook:before {
    content: ""
}

.fa-github:before {
    content: ""
}

.fa-unlock:before {
    content: ""
}

.fa-credit-card:before {
    content: ""
}

.fa-feed:before, .fa-rss:before {
    content: ""
}

.fa-hdd-o:before {
    content: ""
}

.fa-bullhorn:before {
    content: ""
}

.fa-bell:before {
    content: ""
}

.fa-certificate:before {
    content: ""
}

.fa-hand-o-right:before {
    content: ""
}

.fa-hand-o-left:before {
    content: ""
}

.fa-hand-o-up:before {
    content: ""
}

.fa-hand-o-down:before {
    content: ""
}

.fa-arrow-circle-left:before {
    content: ""
}

.fa-arrow-circle-right:before {
    content: ""
}

.fa-arrow-circle-up:before {
    content: ""
}

.fa-arrow-circle-down:before {
    content: ""
}

.fa-globe:before {
    content: ""
}

.fa-wrench:before {
    content: ""
}

.fa-tasks:before {
    content: ""
}

.fa-filter:before {
    content: ""
}

.fa-briefcase:before {
    content: ""
}

.fa-arrows-alt:before {
    content: ""
}

.fa-group:before, .fa-users:before {
    content: ""
}

.fa-chain:before, .fa-link:before {
    content: ""
}

.fa-cloud:before {
    content: ""
}

.fa-flask:before {
    content: ""
}

.fa-cut:before, .fa-scissors:before {
    content: ""
}

.fa-copy:before, .fa-files-o:before {
    content: ""
}

.fa-paperclip:before {
    content: ""
}

.fa-save:before, .fa-floppy-o:before {
    content: ""
}

.fa-square:before {
    content: ""
}

.fa-navicon:before, .fa-reorder:before, .fa-bars:before {
    content: ""
}

.fa-list-ul:before {
    content: ""
}

.fa-list-ol:before {
    content: ""
}

.fa-strikethrough:before {
    content: ""
}

.fa-underline:before {
    content: ""
}

.fa-table:before {
    content: ""
}

.fa-magic:before {
    content: ""
}

.fa-truck:before {
    content: ""
}

.fa-pinterest:before {
    content: ""
}

.fa-pinterest-square:before {
    content: ""
}

.fa-google-plus-square:before {
    content: ""
}

.fa-google-plus:before {
    content: ""
}

.fa-money:before {
    content: ""
}

.fa-caret-down:before {
    content: ""
}

.fa-caret-up:before {
    content: ""
}

.fa-caret-left:before {
    content: ""
}

.fa-caret-right:before {
    content: ""
}

.fa-columns:before {
    content: ""
}

.fa-unsorted:before, .fa-sort:before {
    content: ""
}

.fa-sort-down:before, .fa-sort-desc:before {
    content: ""
}

.fa-sort-up:before, .fa-sort-asc:before {
    content: ""
}

.fa-envelope:before {
    content: ""
}

.fa-linkedin:before {
    content: ""
}

.fa-rotate-left:before, .fa-undo:before {
    content: ""
}

.fa-legal:before, .fa-gavel:before {
    content: ""
}

.fa-dashboard:before, .fa-tachometer:before {
    content: ""
}

.fa-comment-o:before {
    content: ""
}

.fa-comments-o:before {
    content: ""
}

.fa-flash:before, .fa-bolt:before {
    content: ""
}

.fa-sitemap:before {
    content: ""
}

.fa-umbrella:before {
    content: ""
}

.fa-paste:before, .fa-clipboard:before {
    content: ""
}

.fa-lightbulb-o:before {
    content: ""
}

.fa-exchange:before {
    content: ""
}

.fa-cloud-download:before {
    content: ""
}

.fa-cloud-upload:before {
    content: ""
}

.fa-user-md:before {
    content: ""
}

.fa-stethoscope:before {
    content: ""
}

.fa-suitcase:before {
    content: ""
}

.fa-bell-o:before {
    content: ""
}

.fa-coffee:before {
    content: ""
}

.fa-cutlery:before {
    content: ""
}

.fa-file-text-o:before {
    content: ""
}

.fa-building-o:before {
    content: ""
}

.fa-hospital-o:before {
    content: ""
}

.fa-ambulance:before {
    content: ""
}

.fa-medkit:before {
    content: ""
}

.fa-fighter-jet:before {
    content: ""
}

.fa-beer:before {
    content: ""
}

.fa-h-square:before {
    content: ""
}

.fa-plus-square:before {
    content: ""
}

.fa-angle-double-left:before {
    content: ""
}

.fa-angle-double-right:before {
    content: ""
}

.fa-angle-double-up:before {
    content: ""
}

.fa-angle-double-down:before {
    content: ""
}

.fa-angle-left:before {
    content: ""
}

.fa-angle-right:before {
    content: ""
}

.fa-angle-up:before {
    content: ""
}

.fa-angle-down:before {
    content: ""
}

.fa-desktop:before {
    content: ""
}

.fa-laptop:before {
    content: ""
}

.fa-tablet:before {
    content: ""
}

.fa-mobile-phone:before, .fa-mobile:before {
    content: ""
}

.fa-circle-o:before {
    content: ""
}

.fa-quote-left:before {
    content: ""
}

.fa-quote-right:before {
    content: ""
}

.fa-spinner:before {
    content: ""
}

.fa-circle:before {
    content: ""
}

.fa-mail-reply:before, .fa-reply:before {
    content: ""
}

.fa-github-alt:before {
    content: ""
}

.fa-folder-o:before {
    content: ""
}

.fa-folder-open-o:before {
    content: ""
}

.fa-smile-o:before {
    content: ""
}

.fa-frown-o:before {
    content: ""
}

.fa-meh-o:before {
    content: ""
}

.fa-gamepad:before {
    content: ""
}

.fa-keyboard-o:before {
    content: ""
}

.fa-flag-o:before {
    content: ""
}

.fa-flag-checkered:before {
    content: ""
}

.fa-terminal:before {
    content: ""
}

.fa-code:before {
    content: ""
}

.fa-mail-reply-all:before, .fa-reply-all:before {
    content: ""
}

.fa-star-half-empty:before, .fa-star-half-full:before, .fa-star-half-o:before {
    content: ""
}

.fa-location-arrow:before {
    content: ""
}

.fa-crop:before {
    content: ""
}

.fa-code-fork:before {
    content: ""
}

.fa-unlink:before, .fa-chain-broken:before {
    content: ""
}

.fa-question:before {
    content: ""
}

.fa-info:before {
    content: ""
}

.fa-exclamation:before {
    content: ""
}

.fa-superscript:before {
    content: ""
}

.fa-subscript:before {
    content: ""
}

.fa-eraser:before {
    content: ""
}

.fa-puzzle-piece:before {
    content: ""
}

.fa-microphone:before {
    content: ""
}

.fa-microphone-slash:before {
    content: ""
}

.fa-shield:before {
    content: ""
}

.fa-calendar-o:before {
    content: ""
}

.fa-fire-extinguisher:before {
    content: ""
}

.fa-rocket:before {
    content: ""
}

.fa-maxcdn:before {
    content: ""
}

.fa-chevron-circle-left:before {
    content: ""
}

.fa-chevron-circle-right:before {
    content: ""
}

.fa-chevron-circle-up:before {
    content: ""
}

.fa-chevron-circle-down:before {
    content: ""
}

.fa-html5:before {
    content: ""
}

.fa-css3:before {
    content: ""
}

.fa-anchor:before {
    content: ""
}

.fa-unlock-alt:before {
    content: ""
}

.fa-bullseye:before {
    content: ""
}

.fa-ellipsis-h:before {
    content: ""
}

.fa-ellipsis-v:before {
    content: ""
}

.fa-rss-square:before {
    content: ""
}

.fa-play-circle:before {
    content: ""
}

.fa-ticket:before {
    content: ""
}

.fa-minus-square:before {
    content: ""
}

.fa-minus-square-o:before {
    content: ""
}

.fa-level-up:before {
    content: ""
}

.fa-level-down:before {
    content: ""
}

.fa-check-square:before {
    content: ""
}

.fa-pencil-square:before {
    content: ""
}

.fa-external-link-square:before {
    content: ""
}

.fa-share-square:before {
    content: ""
}

.fa-compass:before {
    content: ""
}

.fa-toggle-down:before, .fa-caret-square-o-down:before {
    content: ""
}

.fa-toggle-up:before, .fa-caret-square-o-up:before {
    content: ""
}

.fa-toggle-right:before, .fa-caret-square-o-right:before {
    content: ""
}

.fa-euro:before, .fa-eur:before {
    content: ""
}

.fa-gbp:before {
    content: ""
}

.fa-dollar:before, .fa-usd:before {
    content: ""
}

.fa-rupee:before, .fa-inr:before {
    content: ""
}

.fa-cny:before, .fa-rmb:before, .fa-yen:before, .fa-jpy:before {
    content: ""
}

.fa-ruble:before, .fa-rouble:before, .fa-rub:before {
    content: ""
}

.fa-won:before, .fa-krw:before {
    content: ""
}

.fa-bitcoin:before, .fa-btc:before {
    content: ""
}

.fa-file:before {
    content: ""
}

.fa-file-text:before {
    content: ""
}

.fa-sort-alpha-asc:before {
    content: ""
}

.fa-sort-alpha-desc:before {
    content: ""
}

.fa-sort-amount-asc:before {
    content: ""
}

.fa-sort-amount-desc:before {
    content: ""
}

.fa-sort-numeric-asc:before {
    content: ""
}

.fa-sort-numeric-desc:before {
    content: ""
}

.fa-thumbs-up:before {
    content: ""
}

.fa-thumbs-down:before {
    content: ""
}

.fa-youtube-square:before {
    content: ""
}

.fa-youtube:before {
    content: ""
}

.fa-xing:before {
    content: ""
}

.fa-xing-square:before {
    content: ""
}

.fa-youtube-play:before {
    content: ""
}

.fa-dropbox:before {
    content: ""
}

.fa-stack-overflow:before {
    content: ""
}

.fa-instagram:before {
    content: ""
}

.fa-flickr:before {
    content: ""
}

.fa-adn:before {
    content: ""
}

.fa-bitbucket:before {
    content: ""
}

.fa-bitbucket-square:before {
    content: ""
}

.fa-tumblr:before {
    content: ""
}

.fa-tumblr-square:before {
    content: ""
}

.fa-long-arrow-down:before {
    content: ""
}

.fa-long-arrow-up:before {
    content: ""
}

.fa-long-arrow-left:before {
    content: ""
}

.fa-long-arrow-right:before {
    content: ""
}

.fa-apple:before {
    content: ""
}

.fa-windows:before {
    content: ""
}

.fa-android:before {
    content: ""
}

.fa-linux:before {
    content: ""
}

.fa-dribbble:before {
    content: ""
}

.fa-skype:before {
    content: ""
}

.fa-foursquare:before {
    content: ""
}

.fa-trello:before {
    content: ""
}

.fa-female:before {
    content: ""
}

.fa-male:before {
    content: ""
}

.fa-gittip:before, .fa-gratipay:before {
    content: ""
}

.fa-sun-o:before {
    content: ""
}

.fa-moon-o:before {
    content: ""
}

.fa-archive:before {
    content: ""
}

.fa-bug:before {
    content: ""
}

.fa-vk:before {
    content: ""
}

.fa-weibo:before {
    content: ""
}

.fa-renren:before {
    content: ""
}

.fa-pagelines:before {
    content: ""
}

.fa-stack-exchange:before {
    content: ""
}

.fa-arrow-circle-o-right:before {
    content: ""
}

.fa-arrow-circle-o-left:before {
    content: ""
}

.fa-toggle-left:before, .fa-caret-square-o-left:before {
    content: ""
}

.fa-dot-circle-o:before {
    content: ""
}

.fa-wheelchair:before {
    content: ""
}

.fa-vimeo-square:before {
    content: ""
}

.fa-turkish-lira:before, .fa-try:before {
    content: ""
}

.fa-plus-square-o:before {
    content: ""
}

.fa-space-shuttle:before {
    content: ""
}

.fa-slack:before {
    content: ""
}

.fa-envelope-square:before {
    content: ""
}

.fa-wordpress:before {
    content: ""
}

.fa-openid:before {
    content: ""
}

.fa-institution:before, .fa-bank:before, .fa-university:before {
    content: ""
}

.fa-mortar-board:before, .fa-graduation-cap:before {
    content: ""
}

.fa-yahoo:before {
    content: ""
}

.fa-google:before {
    content: ""
}

.fa-reddit:before {
    content: ""
}

.fa-reddit-square:before {
    content: ""
}

.fa-stumbleupon-circle:before {
    content: ""
}

.fa-stumbleupon:before {
    content: ""
}

.fa-delicious:before {
    content: ""
}

.fa-digg:before {
    content: ""
}

.fa-pied-piper:before {
    content: ""
}

.fa-pied-piper-alt:before {
    content: ""
}

.fa-drupal:before {
    content: ""
}

.fa-joomla:before {
    content: ""
}

.fa-language:before {
    content: ""
}

.fa-fax:before {
    content: ""
}

.fa-building:before {
    content: ""
}

.fa-child:before {
    content: ""
}

.fa-paw:before {
    content: ""
}

.fa-spoon:before {
    content: ""
}

.fa-cube:before {
    content: ""
}

.fa-cubes:before {
    content: ""
}

.fa-behance:before {
    content: ""
}

.fa-behance-square:before {
    content: ""
}

.fa-steam:before {
    content: ""
}

.fa-steam-square:before {
    content: ""
}

.fa-recycle:before {
    content: ""
}

.fa-automobile:before, .fa-car:before {
    content: ""
}

.fa-cab:before, .fa-taxi:before {
    content: ""
}

.fa-tree:before {
    content: ""
}

.fa-spotify:before {
    content: ""
}

.fa-deviantart:before {
    content: ""
}

.fa-soundcloud:before {
    content: ""
}

.fa-database:before {
    content: ""
}

.fa-file-pdf-o:before {
    content: ""
}

.fa-file-word-o:before {
    content: ""
}

.fa-file-excel-o:before {
    content: ""
}

.fa-file-powerpoint-o:before {
    content: ""
}

.fa-file-photo-o:before, .fa-file-picture-o:before, .fa-file-image-o:before {
    content: ""
}

.fa-file-zip-o:before, .fa-file-archive-o:before {
    content: ""
}

.fa-file-sound-o:before, .fa-file-audio-o:before {
    content: ""
}

.fa-file-movie-o:before, .fa-file-video-o:before {
    content: ""
}

.fa-file-code-o:before {
    content: ""
}

.fa-vine:before {
    content: ""
}

.fa-codepen:before {
    content: ""
}

.fa-jsfiddle:before {
    content: ""
}

.fa-life-bouy:before, .fa-life-buoy:before, .fa-life-saver:before, .fa-support:before, .fa-life-ring:before {
    content: ""
}

.fa-circle-o-notch:before {
    content: ""
}

.fa-ra:before, .fa-rebel:before {
    content: ""
}

.fa-ge:before, .fa-empire:before {
    content: ""
}

.fa-git-square:before {
    content: ""
}

.fa-git:before {
    content: ""
}

.fa-y-combinator-square:before, .fa-yc-square:before, .fa-hacker-news:before {
    content: ""
}

.fa-tencent-weibo:before {
    content: ""
}

.fa-qq:before {
    content: ""
}

.fa-wechat:before, .fa-weixin:before {
    content: ""
}

.fa-send:before, .fa-paper-plane:before {
    content: ""
}

.fa-send-o:before, .fa-paper-plane-o:before {
    content: ""
}

.fa-history:before {
    content: ""
}

.fa-circle-thin:before {
    content: ""
}

.fa-header:before {
    content: ""
}

.fa-paragraph:before {
    content: ""
}

.fa-sliders:before {
    content: ""
}

.fa-share-alt:before {
    content: ""
}

.fa-share-alt-square:before {
    content: ""
}

.fa-bomb:before {
    content: ""
}

.fa-soccer-ball-o:before, .fa-futbol-o:before {
    content: ""
}

.fa-tty:before {
    content: ""
}

.fa-binoculars:before {
    content: ""
}

.fa-plug:before {
    content: ""
}

.fa-slideshare:before {
    content: ""
}

.fa-twitch:before {
    content: ""
}

.fa-yelp:before {
    content: ""
}

.fa-newspaper-o:before {
    content: ""
}

.fa-wifi:before {
    content: ""
}

.fa-calculator:before {
    content: ""
}

.fa-paypal:before {
    content: ""
}

.fa-google-wallet:before {
    content: ""
}

.fa-cc-visa:before {
    content: ""
}

.fa-cc-mastercard:before {
    content: ""
}

.fa-cc-discover:before {
    content: ""
}

.fa-cc-amex:before {
    content: ""
}

.fa-cc-paypal:before {
    content: ""
}

.fa-cc-stripe:before {
    content: ""
}

.fa-bell-slash:before {
    content: ""
}

.fa-bell-slash-o:before {
    content: ""
}

.fa-trash:before {
    content: ""
}

.fa-copyright:before {
    content: ""
}

.fa-at:before {
    content: ""
}

.fa-eyedropper:before {
    content: ""
}

.fa-paint-brush:before {
    content: ""
}

.fa-birthday-cake:before {
    content: ""
}

.fa-area-chart:before {
    content: ""
}

.fa-pie-chart:before {
    content: ""
}

.fa-line-chart:before {
    content: ""
}

.fa-lastfm:before {
    content: ""
}

.fa-lastfm-square:before {
    content: ""
}

.fa-toggle-off:before {
    content: ""
}

.fa-toggle-on:before {
    content: ""
}

.fa-bicycle:before {
    content: ""
}

.fa-bus:before {
    content: ""
}

.fa-ioxhost:before {
    content: ""
}

.fa-angellist:before {
    content: ""
}

.fa-cc:before {
    content: ""
}

.fa-shekel:before, .fa-sheqel:before, .fa-ils:before {
    content: ""
}

.fa-meanpath:before {
    content: ""
}

.fa-buysellads:before {
    content: ""
}

.fa-connectdevelop:before {
    content: ""
}

.fa-dashcube:before {
    content: ""
}

.fa-forumbee:before {
    content: ""
}

.fa-leanpub:before {
    content: ""
}

.fa-sellsy:before {
    content: ""
}

.fa-shirtsinbulk:before {
    content: ""
}

.fa-simplybuilt:before {
    content: ""
}

.fa-skyatlas:before {
    content: ""
}

.fa-cart-plus:before {
    content: ""
}

.fa-cart-arrow-down:before {
    content: ""
}

.fa-diamond:before {
    content: ""
}

.fa-ship:before {
    content: ""
}

.fa-user-secret:before {
    content: ""
}

.fa-motorcycle:before {
    content: ""
}

.fa-street-view:before {
    content: ""
}

.fa-heartbeat:before {
    content: ""
}

.fa-venus:before {
    content: ""
}

.fa-mars:before {
    content: ""
}

.fa-mercury:before {
    content: ""
}

.fa-intersex:before, .fa-transgender:before {
    content: ""
}

.fa-transgender-alt:before {
    content: ""
}

.fa-venus-double:before {
    content: ""
}

.fa-mars-double:before {
    content: ""
}

.fa-venus-mars:before {
    content: ""
}

.fa-mars-stroke:before {
    content: ""
}

.fa-mars-stroke-v:before {
    content: ""
}

.fa-mars-stroke-h:before {
    content: ""
}

.fa-neuter:before {
    content: ""
}

.fa-genderless:before {
    content: ""
}

.fa-facebook-official:before {
    content: ""
}

.fa-pinterest-p:before {
    content: ""
}

.fa-whatsapp:before {
    content: ""
}

.fa-server:before {
    content: ""
}

.fa-user-plus:before {
    content: ""
}

.fa-user-times:before {
    content: ""
}

.fa-hotel:before, .fa-bed:before {
    content: ""
}

.fa-viacoin:before {
    content: ""
}

.fa-train:before {
    content: ""
}

.fa-subway:before {
    content: ""
}

.fa-medium:before {
    content: ""
}

.fa-yc:before, .fa-y-combinator:before {
    content: ""
}

.fa-optin-monster:before {
    content: ""
}

.fa-opencart:before {
    content: ""
}

.fa-expeditedssl:before {
    content: ""
}

.fa-battery-4:before, .fa-battery-full:before {
    content: ""
}

.fa-battery-3:before, .fa-battery-three-quarters:before {
    content: ""
}

.fa-battery-2:before, .fa-battery-half:before {
    content: ""
}

.fa-battery-1:before, .fa-battery-quarter:before {
    content: ""
}

.fa-battery-0:before, .fa-battery-empty:before {
    content: ""
}

.fa-mouse-pointer:before {
    content: ""
}

.fa-i-cursor:before {
    content: ""
}

.fa-object-group:before {
    content: ""
}

.fa-object-ungroup:before {
    content: ""
}

.fa-sticky-note:before {
    content: ""
}

.fa-sticky-note-o:before {
    content: ""
}

.fa-cc-jcb:before {
    content: ""
}

.fa-cc-diners-club:before {
    content: ""
}

.fa-clone:before {
    content: ""
}

.fa-balance-scale:before {
    content: ""
}

.fa-hourglass-o:before {
    content: ""
}

.fa-hourglass-1:before, .fa-hourglass-start:before {
    content: ""
}

.fa-hourglass-2:before, .fa-hourglass-half:before {
    content: ""
}

.fa-hourglass-3:before, .fa-hourglass-end:before {
    content: ""
}

.fa-hourglass:before {
    content: ""
}

.fa-hand-grab-o:before, .fa-hand-rock-o:before {
    content: ""
}

.fa-hand-stop-o:before, .fa-hand-paper-o:before {
    content: ""
}

.fa-hand-scissors-o:before {
    content: ""
}

.fa-hand-lizard-o:before {
    content: ""
}

.fa-hand-spock-o:before {
    content: ""
}

.fa-hand-pointer-o:before {
    content: ""
}

.fa-hand-peace-o:before {
    content: ""
}

.fa-trademark:before {
    content: ""
}

.fa-registered:before {
    content: ""
}

.fa-creative-commons:before {
    content: ""
}

.fa-gg:before {
    content: ""
}

.fa-gg-circle:before {
    content: ""
}

.fa-tripadvisor:before {
    content: ""
}

.fa-odnoklassniki:before {
    content: ""
}

.fa-odnoklassniki-square:before {
    content: ""
}

.fa-get-pocket:before {
    content: ""
}

.fa-wikipedia-w:before {
    content: ""
}

.fa-safari:before {
    content: ""
}

.fa-chrome:before {
    content: ""
}

.fa-firefox:before {
    content: ""
}

.fa-opera:before {
    content: ""
}

.fa-internet-explorer:before {
    content: ""
}

.fa-tv:before, .fa-television:before {
    content: ""
}

.fa-contao:before {
    content: ""
}

.fa-500px:before {
    content: ""
}

.fa-amazon:before {
    content: ""
}

.fa-calendar-plus-o:before {
    content: ""
}

.fa-calendar-minus-o:before {
    content: ""
}

.fa-calendar-times-o:before {
    content: ""
}

.fa-calendar-check-o:before {
    content: ""
}

.fa-industry:before {
    content: ""
}

.fa-map-pin:before {
    content: ""
}

.fa-map-signs:before {
    content: ""
}

.fa-map-o:before {
    content: ""
}

.fa-map:before {
    content: ""
}

.fa-commenting:before {
    content: ""
}

.fa-commenting-o:before {
    content: ""
}

.fa-houzz:before {
    content: ""
}

.fa-vimeo:before {
    content: ""
}

.fa-black-tie:before {
    content: ""
}

.fa-fonticons:before {
    content: ""
}

#powerTip {
    cursor: default;
    background-color: #fff;
    border-radius: 6px;
    color: #ccc;
    display: none;
    padding: 20px;
    font-size: 10px;
    position: absolute;
    z-index: 2147483647;
    width: 320px;
    word-wrap: break-word;
    box-shadow: 1px 1px 5px 1px rgba(0,0,0,0.4)
}

@media (max-width: 480px) {
    #powerTip {
        left: 50% !important;
        top: 60% !important;
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        position: fixed
    }
}

#powerTip:before {
    content: "";
    position: absolute
}

#powerTip.n:before, #powerTip.s:before {
    border-right: 5px solid transparent;
    border-left: 5px solid transparent;
    left: 50%;
    margin-left: -5px
}

#powerTip.e:before, #powerTip.w:before {
    border-bottom: 5px solid transparent;
    border-top: 5px solid transparent;
    margin-top: -5px;
    top: 50%
}

#powerTip.n:before {
    border-top: 10px solid #333;
    border-top: 10px solid rgba(0,0,0,0.8);
    bottom: -10px
}

#powerTip.e:before {
    border-right: 10px solid #333;
    border-right: 10px solid rgba(0,0,0,0.8);
    left: -10px
}

#powerTip.s:before {
    border-bottom: 10px solid #333;
    border-bottom: 10px solid rgba(0,0,0,0.8);
    top: -10px
}

#powerTip.w:before {
    border-left: 10px solid #333;
    border-left: 10px solid rgba(0,0,0,0.8);
    right: -10px
}

#powerTip.ne:before, #powerTip.se:before {
    border-right: 10px solid transparent;
    border-left: 0;
    left: 10px
}

#powerTip.nw:before, #powerTip.sw:before {
    border-left: 10px solid transparent;
    border-right: 0;
    right: 10px
}

#powerTip.ne:before, #powerTip.nw:before {
    border-top: 10px solid #333;
    border-top: 10px solid rgba(0,0,0,0.8);
    bottom: -10px
}

#powerTip.se:before, #powerTip.sw:before {
    border-bottom: 10px solid #333;
    border-bottom: 10px solid rgba(0,0,0,0.8);
    top: -10px
}

#powerTip.nw-alt:before, #powerTip.ne-alt:before, #powerTip.sw-alt:before, #powerTip.se-alt:before {
    border-top: 10px solid #333;
    border-top: 10px solid rgba(0,0,0,0.8);
    bottom: -10px;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    left: 10px
}

#powerTip.ne-alt:before {
    left: auto;
    right: 10px
}

#powerTip.sw-alt:before, #powerTip.se-alt:before {
    border-top: none;
    border-bottom: 10px solid #333;
    border-bottom: 10px solid rgba(0,0,0,0.8);
    bottom: auto;
    top: -10px
}

#powerTip.se-alt:before {
    left: auto;
    right: 10px
}

.bxslider {
    opacity: 0
}

.bxslider--visible {
    opacity: 1
}

.bx-wrapper {
    position: relative;
    margin: 0 auto;
    padding: 0;
    *zoom: 1
}

    .bx-wrapper img {
        max-width: 100%;
        display: block;
        width: 100%
    }

    .bx-wrapper .bx-viewport {
        background: #fff;
        -webkit-transform: translatez(0);
        -moz-transform: translatez(0);
        -ms-transform: translatez(0);
        -o-transform: translatez(0);
        transform: translatez(0)
    }

    .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {
        position: absolute;
        bottom: 10px;
        width: 100%
    }

@media (max-width: 1280px) {
    .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {
        bottom: 20px
    }
}

@media (max-width: 960px) {
    .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {
        bottom: 15px
    }
}

.bx-wrapper .bx-loading {
    min-height: 50px;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2000
}

.bx-wrapper .bx-pager {
    text-align: center;
    font-size: .85em;
    font-family: Arial;
    font-weight: bold;
    color: #666;
    padding-top: 20px
}

    .bx-wrapper .bx-pager .bx-pager-item, .bx-wrapper .bx-controls-auto .bx-controls-auto-item {
        display: inline-block;
        *zoom: 1;
        *display: inline
    }

    .bx-wrapper .bx-pager.bx-default-pager a {
        background: #32240e;
        border: 1px solid #32240e;
        text-indent: -9999px;
        display: block;
        width: 10px;
        height: 10px;
        margin: 0 1.5px;
        outline: 0;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border-radius: 5px
    }

        .bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active {
            background: transparent
        }

.bx-wrapper .bx-prev {
    left: 30px;
    background: url(icons/slider-arrow.png) no-repeat center center
}

@media (max-width: 1280px) {
    .bx-wrapper .bx-prev {
        left: 20px
    }
}

@media (max-width: 960px) {
    .bx-wrapper .bx-prev {
        left: 15px
    }
}

.bx-wrapper .bx-next {
    right: 30px;
    background: url(icons/slider-arrow.png) no-repeat center center;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg)
}

@media (max-width: 1280px) {
    .bx-wrapper .bx-next {
        right: 20px
    }
}

@media (max-width: 960px) {
    .bx-wrapper .bx-next {
        right: 15px
    }
}

.bx-wrapper .bx-controls-direction a {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    position: absolute;
    border: 2px solid #322a1e;
    top: 50%;
    margin-top: -32px;
    outline: 0;
    width: 52px;
    height: 52px;
    text-indent: -9999px;
    z-index: 900
}

@media (max-width: 1280px) {
    .bx-wrapper .bx-controls-direction a {
        margin-top: -16px;
        width: 34px;
        height: 34px;
        background-size: 35%
    }
}

@media (max-width: 960px) {
    .bx-wrapper .bx-controls-direction a {
        width: 26px;
        height: 26px;
        background-size: 27%
    }
}

.bx-wrapper .bx-controls-direction a.disabled {
    display: none
}

.bx-wrapper .bx-controls-auto {
    text-align: center
}

    .bx-wrapper .bx-controls-auto .bx-start {
        display: block;
        text-indent: -9999px;
        width: 10px;
        height: 11px;
        outline: 0;
        background: url(images/controls.png) -86px -11px no-repeat;
        margin: 0 3px
    }

        .bx-wrapper .bx-controls-auto .bx-start:hover, .bx-wrapper .bx-controls-auto .bx-start.active {
            background-position: -86px 0
        }

    .bx-wrapper .bx-controls-auto .bx-stop {
        display: block;
        text-indent: -9999px;
        width: 9px;
        height: 11px;
        outline: 0;
        background: url(images/controls.png) -86px -44px no-repeat;
        margin: 0 3px
    }

        .bx-wrapper .bx-controls-auto .bx-stop:hover, .bx-wrapper .bx-controls-auto .bx-stop.active {
            background-position: -86px -33px
        }

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
    text-align: left;
    width: 80%
}

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
    right: 0;
    width: 35px
}

.bx-wrapper .bx-caption {
    position: absolute;
    bottom: 0;
    left: 0;
    background: #666 \9;
    background: rgba(80,80,80,0.75);
    width: 100%
}

    .bx-wrapper .bx-caption span {
        color: #fff;
        font-family: Arial;
        display: block;
        font-size: .85em;
        padding: 10px
    }

.bxslider__item {
    max-height: 500px
}

@media (max-width: 1280px) {
    .bxslider__item {
        max-height: 334px
    }
}

@media (max-width: 960px) {
    .bxslider__item {
        max-height: 270px
    }
}

@media (max-width: 768px) {
    .bxslider__item {
        max-height: 230px
    }
}

.bxslider__controls {
    position: relative
}

.featured-slider .featured-slider__item {
    max-width: 980px;
    padding: 0 15px
}

    .featured-slider .featured-slider__item .featured-slider__item__text {
        max-width: 450px;
        margin-bottom: 20px
    }

@media (max-width: 1280px) {
    .featured-slider .featured-slider__item .featured-slider__item__text {
        max-width: 350px;
        margin-bottom: 15px
    }
}

@media (max-width: 960px) {
    .featured-slider .featured-slider__item .featured-slider__item__text {
        padding-right: 15px
    }
}

@media (max-width: 768px) {
    .featured-slider .featured-slider__item .featured-slider__item__text {
        padding-right: 0
    }
}

.featured-slider .featured-slider__item__head {
    line-height: 1
}

.featured-slider .featured-slider__item__more-info {
    margin-bottom: 20px
}

@media (max-width: 1280px) {
    .featured-slider .featured-slider__item__more-info {
        margin-bottom: 10px
    }
}

.featured-slider .featured-slider__item__price {
    font-size: 26px;
    margin-right: 20px
}

@media (max-width: 1280px) {
    .featured-slider .featured-slider__item__price {
        margin-right: 10px;
        font-size: 18px
    }
}

.featured-slider .featured-slider__item__quantity {
    font-size: 16px;
    color: #8b8b8b
}

@media (max-width: 1280px) {
    .featured-slider .featured-slider__item__quantity {
        font-size: 11px
    }
}

.featured-slider__item__img {
    float: left;
    max-width: 220px
}

@media (max-width: 1280px) {
    .featured-slider__item__img {
        max-width: 155px
    }
}

.featured-slider__item__img img {
    max-height: 220px;
    max-width: 100%;
    width: auto;
    position: relative
}

@media (max-width: 1280px) {
    .featured-slider__item__img img {
        max-height: 155px
    }
}

@media (max-width: 960px) {
    .featured-slider__item__img img {
        left: -30px
    }
}

@media (max-width: 768px) {
    .featured-slider__item__img img {
        left: 0
    }
}

@media (max-width: 480px) {
    .featured-slider__item__img img {
        left: -35px
    }
}

.featured-slider__item__info {
    margin-left: 230px;
    padding-left: 10px;
    background: url("content/featured-product-bg.png") no-repeat center center;
    background-position-x: -20px
}

@media (max-width: 1280px) {
    .featured-slider__item__info {
        margin-left: 155px;
        background-size: 100%
    }
}

@media (max-width: 960px) {
    .featured-slider__item__info {
        position: relative;
        margin-left: 120px;
        left: -50px
    }
}

@media (max-width: 768px) {
    .featured-slider__item__info {
        margin-left: 155px;
        left: 0
    }
}

@media (max-width: 480px) {
    .featured-slider__item__info {
        margin-left: 120px;
        left: -50px
    }
}

.featured-slider__item__info form {
    padding: 0 15px
}

    .featured-slider__item__info form [class*="col-"]:first-of-type {
        padding-left: 0;
        padding-right: 5px
    }

    .featured-slider__item__info form [class*="col-"]:last-of-type {
        padding-left: 5px;
        padding-right: 0
    }

@media (max-width: 480px) {
    .featured-slider__item__info form [class*="col-"] {
        width: 40%
    }
}

.featured-slider-container {
    max-height: 340px
}

@media (max-width: 1280px) {
    .featured-slider-container {
        max-height: 300px
    }
}

@media (max-width: 1280px) {
    .featured-slider-container .bx-viewport {
        min-height: 160px
    }
}

.featured-slider-container .bx-wrapper {
    border-bottom: 1px solid #ccc;
    padding-bottom: 30px
}

    .featured-slider-container .bx-wrapper .bx-controls-direction a {
        position: absolute;
        top: 50%;
        outline: 0;
        text-indent: -9999px;
        z-index: 900;
        border: none
    }

    .featured-slider-container .bx-wrapper .bx-prev {
        left: 0;
        background: url(icons/featured-slider-arrow-left.png) no-repeat center center;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        -ms-transform: translateY(-50%)
    }

    .featured-slider-container .bx-wrapper .bx-next {
        right: 0;
        background: url(icons/featured-slider-arrow-left.png) no-repeat center center;
        -webkit-transform: translate(0, -50%) rotate(180deg);
        -moz-transform: translate(0, -50%) rotate(180deg);
        -ms-transform: translate(0, -50%) rotate(180deg);
        -o-transform: translate(0, -50%) rotate(180deg);
        transform: translate(0, -50%) rotate(180deg)
    }

.noUi-target, .noUi-target * {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -ms-touch-action: none;
    touch-action: none;
    -ms-user-select: none;
    -moz-user-select: none;
    user-select: none;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.noUi-target {
    position: relative;
    direction: ltr
}

.noUi-base {
    width: 98%;
    height: 100%;
    position: relative;
    z-index: 1
}

.noUi-origin {
    position: absolute;
    right: 0;
    top: 0;
    left: 0;
    bottom: 0
}

.noUi-handle {
    position: relative;
    z-index: 1
}

.noUi-stacking .noUi-handle {
    z-index: 10
}

.noUi-state-tap .noUi-origin {
    -webkit-transition: left 0.3s, top 0.3s;
    transition: left 0.3s, top 0.3s
}

.noUi-state-drag * {
    cursor: inherit !important
}

.noUi-base, .noUi-handle {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.noUi-horizontal {
    height: 5px
}

    .noUi-horizontal .noUi-handle {
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        -ms-border-radius: 50%;
        -o-border-radius: 50%;
        border-radius: 50%;
        width: 14px;
        height: 14px;
        left: -2px;
        top: -6px
    }

.noUi-vertical {
    width: 18px
}

    .noUi-vertical .noUi-handle {
        width: 28px;
        height: 34px;
        left: -6px;
        top: -17px
    }

.noUi-background {
    background: #FAFAFA;
    box-shadow: inset 0 1px 1px #f0f0f0
}

.noUi-connect {
    background: #5190cf;
    box-shadow: inset 0 0 3px rgba(51,51,51,0.45);
    -webkit-transition: background 450ms;
    transition: background 450ms
}

.noUi-origin {
    border-radius: 2px;
    padding-right: 5px
}

.noUi-target {
    border-radius: 4px;
    border: 1px solid #D3D3D3;
    box-shadow: inset 0 1px 1px #F0F0F0, 0 3px 6px -5px #BBB
}

    .noUi-target.noUi-connect {
        box-shadow: inset 0 0 3px rgba(51,51,51,0.45),0 3px 6px -5px #BBB
    }

.noUi-draggable {
    cursor: w-resize
}

.noUi-vertical .noUi-draggable {
    cursor: n-resize
}

.noUi-handle {
    border: 2px solid #5190cf;
    border-radius: 3px;
    background: #FFF;
    cursor: default;
    box-shadow: inset 0 0 1px #FFF, inset 0 1px 7px #EBEBEB, 0 3px 6px -3px #BBB
}

.noUi-active {
    box-shadow: inset 0 0 1px #FFF, inset 0 1px 7px #DDD, 0 3px 6px -3px #BBB
}

[disabled].noUi-connect, [disabled] .noUi-connect {
    background: #B8B8B8
}

[disabled].noUi-origin, [disabled] .noUi-handle {
    cursor: not-allowed
}

.select2-container {
    box-sizing: border-box;
    display: inline-block;
    margin: 0;
    position: relative;
    vertical-align: middle
}

    .select2-container .select2-selection--single {
        box-sizing: border-box;
        cursor: pointer;
        display: block;
        height: 28px;
        user-select: none;
        -webkit-user-select: none
    }

        .select2-container .select2-selection--single .select2-selection__rendered {
            display: block;
            padding-left: 8px;
            padding-right: 20px;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap
        }

        .select2-container .select2-selection--single .select2-selection__clear {
            position: relative
        }

    .select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered {
        padding-right: 8px;
        padding-left: 20px
    }

    .select2-container .select2-selection--multiple {
        box-sizing: border-box;
        cursor: pointer;
        display: block;
        min-height: 32px;
        user-select: none;
        -webkit-user-select: none
    }

        .select2-container .select2-selection--multiple .select2-selection__rendered {
            display: inline-block;
            overflow: hidden;
            padding-left: 8px;
            text-overflow: ellipsis;
            white-space: nowrap
        }

    .select2-container .select2-search--inline {
        float: left
    }

        .select2-container .select2-search--inline .select2-search__field {
            box-sizing: border-box;
            border: none;
            font-size: 100%;
            margin-top: 5px;
            padding: 0
        }

            .select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button {
                -webkit-appearance: none
            }

.select2-dropdown {
    background-color: white;
    border: 1px solid #aaa;
    border-radius: 4px;
    box-sizing: border-box;
    display: block;
    position: absolute;
    left: -100000px;
    width: 100%;
    z-index: 1051
}

.select2-results {
    display: block
}

.select2-results__options {
    list-style: none;
    margin: 0;
    padding: 0
}

.select2-results__option {
    padding: 6px;
    user-select: none;
    -webkit-user-select: none
}

    .select2-results__option[aria-selected] {
        cursor: pointer
    }

.select2-container--open .select2-dropdown {
    left: 0
}

.select2-container--open .select2-dropdown--above {
    border-bottom: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.select2-container--open .select2-dropdown--below {
    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.select2-search--dropdown {
    display: block;
    padding: 4px
}

    .select2-search--dropdown .select2-search__field {
        padding: 4px;
        width: 100%;
        box-sizing: border-box
    }

        .select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {
            -webkit-appearance: none
        }

    .select2-search--dropdown.select2-search--hide {
        display: none
    }

.select2-close-mask {
    border: 0;
    margin: 0;
    padding: 0;
    display: block;
    position: fixed;
    left: 0;
    top: 0;
    min-height: 100%;
    min-width: 100%;
    height: auto;
    width: auto;
    opacity: 0;
    z-index: 99;
    background-color: #fff;
    filter: alpha(opacity=0)
}

.select2-hidden-accessible {
    border: 0 !important;
    clip: rect(0 0 0 0) !important;
    height: 1px !important;
    margin: -1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    width: 1px !important
}

.select2-container--default .select2-selection--single {
    background-color: #fff;
    border: 1px solid #aaa;
    border-radius: 4px
}

    .select2-container--default .select2-selection--single .select2-selection__rendered {
        color: #444;
        line-height: 28px
    }

    .select2-container--default .select2-selection--single .select2-selection__clear {
        cursor: pointer;
        float: right;
        font-weight: bold
    }

    .select2-container--default .select2-selection--single .select2-selection__placeholder {
        color: #999
    }

    .select2-container--default .select2-selection--single .select2-selection__arrow {
        height: 26px;
        position: absolute;
        top: 1px;
        right: 1px;
        width: 20px
    }

        .select2-container--default .select2-selection--single .select2-selection__arrow b {
            border-color: #888 transparent transparent transparent;
            border-style: solid;
            border-width: 5px 4px 0 4px;
            height: 0;
            left: 50%;
            margin-left: -4px;
            margin-top: -2px;
            position: absolute;
            top: 50%;
            width: 0
        }

.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear {
    float: left
}

.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow {
    left: 1px;
    right: auto
}

.select2-container--default.select2-container--disabled .select2-selection--single {
    background-color: #eee;
    cursor: default
}

    .select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear {
        display: none
    }

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-color: transparent transparent #888 transparent;
    border-width: 0 4px 5px 4px
}

.select2-container--default .select2-selection--multiple {
    background-color: white;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: text
}

    .select2-container--default .select2-selection--multiple .select2-selection__rendered {
        box-sizing: border-box;
        list-style: none;
        margin: 0;
        padding: 0 5px;
        width: 100%
    }

    .select2-container--default .select2-selection--multiple .select2-selection__placeholder {
        color: #999;
        margin-top: 5px;
        float: left
    }

    .select2-container--default .select2-selection--multiple .select2-selection__clear {
        cursor: pointer;
        float: right;
        font-weight: bold;
        margin-top: 5px;
        margin-right: 10px
    }

    .select2-container--default .select2-selection--multiple .select2-selection__choice {
        background-color: #e4e4e4;
        border: 1px solid #aaa;
        border-radius: 4px;
        cursor: default;
        float: left;
        margin-right: 5px;
        margin-top: 5px;
        padding: 0 5px
    }

    .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
        color: #999;
        cursor: pointer;
        display: inline-block;
        font-weight: bold;
        margin-right: 2px
    }

        .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
            color: #333
        }

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice, .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__placeholder, .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-search--inline {
    float: right
}

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
    margin-left: 5px;
    margin-right: auto
}

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
    margin-left: 2px;
    margin-right: auto
}

.select2-container--default.select2-container--focus .select2-selection--multiple {
    border: solid black 1px;
    outline: 0
}

.select2-container--default.select2-container--disabled .select2-selection--multiple {
    background-color: #eee;
    cursor: default
}

.select2-container--default.select2-container--disabled .select2-selection__choice__remove {
    display: none
}

.select2-container--default.select2-container--open.select2-container--above .select2-selection--single, .select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.select2-container--default.select2-container--open.select2-container--below .select2-selection--single, .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.select2-container--default .select2-search--dropdown .select2-search__field {
    border: 1px solid #aaa
}

.select2-container--default .select2-search--inline .select2-search__field {
    background: transparent;
    border: none;
    outline: 0;
    box-shadow: none;
    -webkit-appearance: textfield
}

.select2-container--default .select2-results > .select2-results__options {
    max-height: 200px;
    overflow-y: auto
}

.select2-container--default .select2-results__option[role=group] {
    padding: 0
}

.select2-container--default .select2-results__option[aria-disabled=true] {
    color: #999
}

.select2-container--default .select2-results__option[aria-selected=true] {
    background-color: #ddd
}

.select2-container--default .select2-results__option .select2-results__option {
    padding-left: 1em
}

    .select2-container--default .select2-results__option .select2-results__option .select2-results__group {
        padding-left: 0
    }

    .select2-container--default .select2-results__option .select2-results__option .select2-results__option {
        margin-left: -1em;
        padding-left: 2em
    }

        .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
            margin-left: -2em;
            padding-left: 3em
        }

            .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
                margin-left: -3em;
                padding-left: 4em
            }

                .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
                    margin-left: -4em;
                    padding-left: 5em
                }

                    .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
                        margin-left: -5em;
                        padding-left: 6em
                    }

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #5897fb;
    color: white
}

.select2-container--default .select2-results__group {
    cursor: default;
    display: block;
    padding: 6px
}

.select2-container--classic .select2-selection--single {
    background-color: #f7f7f7;
    border: 1px solid #aaa;
    border-radius: 4px;
    outline: 0;
    background-image: -webkit-linear-gradient(top, #fff 50%, #eee 100%);
    background-image: -o-linear-gradient(top, #fff 50%, #eee 100%);
    background-image: linear-gradient(to bottom, #fff 50%, #eee 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)
}

    .select2-container--classic .select2-selection--single:focus {
        border: 1px solid #5897fb
    }

    .select2-container--classic .select2-selection--single .select2-selection__rendered {
        color: #444;
        line-height: 28px
    }

    .select2-container--classic .select2-selection--single .select2-selection__clear {
        cursor: pointer;
        float: right;
        font-weight: bold;
        margin-right: 10px
    }

    .select2-container--classic .select2-selection--single .select2-selection__placeholder {
        color: #999
    }

    .select2-container--classic .select2-selection--single .select2-selection__arrow {
        background-color: #ddd;
        border: none;
        border-left: 1px solid #aaa;
        border-top-right-radius: 4px;
        border-bottom-right-radius: 4px;
        height: 26px;
        position: absolute;
        top: 1px;
        right: 1px;
        width: 20px;
        background-image: -webkit-linear-gradient(top, #eee 50%, #ccc 100%);
        background-image: -o-linear-gradient(top, #eee 50%, #ccc 100%);
        background-image: linear-gradient(to bottom, #eee 50%, #ccc 100%);
        background-repeat: repeat-x;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0)
    }

        .select2-container--classic .select2-selection--single .select2-selection__arrow b {
            border-color: #888 transparent transparent transparent;
            border-style: solid;
            border-width: 5px 4px 0 4px;
            height: 0;
            left: 50%;
            margin-left: -4px;
            margin-top: -2px;
            position: absolute;
            top: 50%;
            width: 0
        }

.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear {
    float: left
}

.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow {
    border: none;
    border-right: 1px solid #aaa;
    border-radius: 0;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    left: 1px;
    right: auto
}

.select2-container--classic.select2-container--open .select2-selection--single {
    border: 1px solid #5897fb
}

    .select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow {
        background: transparent;
        border: none
    }

        .select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b {
            border-color: transparent transparent #888 transparent;
            border-width: 0 4px 5px 4px
        }

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single {
    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    background-image: -webkit-linear-gradient(top, #fff 0%, #eee 50%);
    background-image: -o-linear-gradient(top, #fff 0%, #eee 50%);
    background-image: linear-gradient(to bottom, #fff 0%, #eee 50%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)
}

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single {
    border-bottom: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    background-image: -webkit-linear-gradient(top, #eee 50%, #fff 100%);
    background-image: -o-linear-gradient(top, #eee 50%, #fff 100%);
    background-image: linear-gradient(to bottom, #eee 50%, #fff 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0)
}

.select2-container--classic .select2-selection--multiple {
    background-color: white;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: text;
    outline: 0
}

    .select2-container--classic .select2-selection--multiple:focus {
        border: 1px solid #5897fb
    }

    .select2-container--classic .select2-selection--multiple .select2-selection__rendered {
        list-style: none;
        margin: 0;
        padding: 0 5px
    }

    .select2-container--classic .select2-selection--multiple .select2-selection__clear {
        display: none
    }

    .select2-container--classic .select2-selection--multiple .select2-selection__choice {
        background-color: #e4e4e4;
        border: 1px solid #aaa;
        border-radius: 4px;
        cursor: default;
        float: left;
        margin-right: 5px;
        margin-top: 5px;
        padding: 0 5px
    }

    .select2-container--classic .select2-selection--multiple .select2-selection__choice__remove {
        color: #888;
        cursor: pointer;
        display: inline-block;
        font-weight: bold;
        margin-right: 2px
    }

        .select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover {
            color: #555
        }

.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
    float: right
}

.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
    margin-left: 5px;
    margin-right: auto
}

.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
    margin-left: 2px;
    margin-right: auto
}

.select2-container--classic.select2-container--open .select2-selection--multiple {
    border: 1px solid #5897fb
}

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple {
    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple {
    border-bottom: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.select2-container--classic .select2-search--dropdown .select2-search__field {
    border: 1px solid #aaa;
    outline: 0
}

.select2-container--classic .select2-search--inline .select2-search__field {
    outline: 0;
    box-shadow: none
}

.select2-container--classic .select2-dropdown {
    background-color: white;
    border: 1px solid transparent
}

.select2-container--classic .select2-dropdown--above {
    border-bottom: none
}

.select2-container--classic .select2-dropdown--below {
    border-top: none
}

.select2-container--classic .select2-results > .select2-results__options {
    max-height: 200px;
    overflow-y: auto
}

.select2-container--classic .select2-results__option[role=group] {
    padding: 0
}

.select2-container--classic .select2-results__option[aria-disabled=true] {
    color: grey
}

.select2-container--classic .select2-results__option--highlighted[aria-selected] {
    background-color: #3875d7;
    color: white
}

.select2-container--classic .select2-results__group {
    cursor: default;
    display: block;
    padding: 6px
}

.select2-container--classic.select2-container--open .select2-dropdown {
    border-color: #5897fb
}

@media (min-width: 769px) {
    #grid[data-columns]::before {
        content: '3 .column.size-1of3' !important
    }
}

@media (max-width: 768px) {
    #grid[data-columns]::before {
        content: '2 .column.size-1of2' !important
    }
}

.column {
    float: left
}

.size-1of3 {
    width: 33.333%
}

.size-1of2 {
    width: 50%
}

#grid.masonry .column.size-1of3, #grid.masonry .column.size-1of2 {
    padding: 0 15px
}

@media (max-width: 768px) {
    #grid.masonry {
        max-width: 442px;
        margin: 0 auto
    }
}

.magnotta body {
    font: 62.5% "Montserrat-Regular", Helvetica, sans-serif;
    color: #323232;
    font-weight: normal;
    background-color: #efefef;
    -webkit-column-break-inside: avoid
}

.magnotta *, .magnotta *:before, .magnotta *:after {
    box-sizing: border-box !important
}

.magnotta .container {
    max-width: 1580px;
    width: auto;
    position: relative
}

@media (max-width: 1280px) {
    .magnotta .container {
        max-width: 1045px
    }
}

@media (max-width: 960px) {
    .magnotta .container {
        max-width: 890px
    }
}

@media (max-width: 768px) {
    .magnotta .container {
        max-width: 698px
    }
}

@media (max-width: 480px) {
    .magnotta .container {
        max-width: 470px
    }
}

.magnotta .container--left-padding {
    padding-left: 15px
}

@media (max-width: 768px) {
    .magnotta .container--left-padding {
        padding-left: 9px
    }
}

@media (max-width: 480px) {
    .magnotta .container--left-padding {
        padding-left: 0
    }
}

.magnotta .container-fluid {
    padding: 0
}

.magnotta .wrapper {
    max-width: 1080px;
    width: auto;
    padding: 0 15px;
    margin: 0 auto
}

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

.magnotta img {
    max-width: 100%;
    vertical-align: middle
}

.magnotta a {
    font-family: "Montserrat-Regular", Helvetica, sans-serif;
    color: #327997;
    text-decoration: none
}

    .magnotta a:hover {
        color: #084812;
        text-decoration: none
    }

    .magnotta a:focus {
        text-decoration: none;
        outline: none
    }

.magnotta button {
    border: none
}

    .magnotta button:focus, .magnotta button:active {
        outline: none
    }

.magnotta input:focus, .magnotta input:active {
    outline: none
}

.magnotta input::-webkit-input-placeholder {
    color: #8b8b8b
}

.magnotta input:-moz-placeholder {
    color: #8b8b8b
}

.magnotta input::-moz-placeholder {
    color: #8b8b8b
}

.magnotta input:-ms-input-placeholder {
    color: #8b8b8b
}

.magnotta textarea {
    resize: none
}

.magnotta ul {
    list-style: none;
    margin: 0;
    padding: 0
}

    .magnotta ul li {
        padding-left: 0
    }

.magnotta h1, .magnotta h2, .magnotta h3, .magnotta h4, .magnotta h5, .magnotta h6 {
    /*font-family: "Montserrat-Regular", Helvetica, sans-serif;*/
    margin: 0
}

.magnotta h1 {
    font-size: 4em
}

.magnotta h2 {
    font-size: 3em
}

.magnotta h3, .magnotta h4, .magnotta h5, .magnotta h6 {
    font-size: 2em
}

.magnotta p {
    /*font-family: "Montserrat-Regular", Helvetica, sans-serif;*/
    font-size: 1.4em;
    margin: 0
}

.magnotta address {
    font-style: normal
}

.magnotta .header {
    font-size: 16px;
    padding: 10px 0;
    position: fixed;
    z-index: 1000;
    width: 100%;
    background-color: #fff
}

    .magnotta .header .container {
        position: relative
    }

@media (max-width: 1280px) {
    .magnotta .header {
        font-size: 11px
    }
}

@media (max-width: 768px) {
    .magnotta .header {
        font-size: 9.5px
    }
}

.magnotta .header .container.mobile-show {
    margin-bottom: 10px;
    min-height: 45px;
    position: relative
}

    .magnotta .header .container.mobile-show .helper-container__ruler {
        position: relative;
        top: 20px
    }

@media (max-width: 480px) {
    .magnotta .header .col-xs-2 {
        width: 28.7%
    }

    .magnotta .header .search_bar {
        position: absolute
    }
}

.magnotta .header__logo {
    float: left;
    width: 30%;
    max-width: 284px;
    position: relative;
    left: -10px
}

@media (max-width: 1280px) {
    .magnotta .header__logo {
        max-width: 175px;
        top: 3px
    }
}

@media (max-width: 768px) {
    .magnotta .header__logo {
        max-width: 115px;
        position: absolute;
        top: 50%;
        -webkit-transform: translate3d(0, -50%, 0);
        -moz-transform: translate3d(0, -50%, 0);
        -o-transform: translate3d(0, -50%, 0);
        -ms-transform: translate3d(0, -50%, 0);
        left: 9px
    }
}

@media (max-width: 480px) {
    .magnotta .header__logo {
        width: auto;
        left: 5px
    }
}

.magnotta .header__subtitle {
    position: absolute;
    top: 50%;
    -webkit-transform: translate3d(0, -50%, 0);
    -moz-transform: translate3d(0, -50%, 0);
    -o-transform: translate3d(0, -50%, 0);
    -ms-transform: translate3d(0, -50%, 0);
    color: #084812;
    font-size: 1em;
    letter-spacing: 1px;
    /*font-family: "Montserrat-Bold";*/
    margin-left: 20.26143791%
}

@media (max-width: 1280px) {
    .magnotta .header__subtitle {
        margin-left: 17.56097561%
    }
}

@media (max-width: 960px) {
    .magnotta .header__subtitle {
        margin-left: 19.76744186%;
        text-align: center
    }
}

@media (max-width: 768px) {
    .magnotta .header__subtitle {
        display: none
    }
}

.magnotta .header__options {
    position: relative;
    padding: 0 15px;
    width: 52%;
    float: right
}

@media (max-width: 1280px) {
    .magnotta .header__options {
        width: 54%
    }
}

@media (max-width: 960px) {
    .magnotta .header__options {
        width: 61%
    }
}

@media (max-width: 768px) {
    .magnotta .header__options {
        width: 77%
    }
}

@media (max-width: 480px) {
    .magnotta .header__options {
        width: 67%;
        margin-left: 33%
    }
}

.magnotta .header__user, .magnotta .header__facebook, .magnotta .header__instagram, .magnotta .header__shopping, .magnotta .header__search-form {
    min-height: 50px
}

@media (max-width: 1280px) {
    .magnotta .header__user, .magnotta .header__facebook, .magnotta .header__instagram, .magnotta .header__shopping, .magnotta .header__search-form {
        min-height: 41px
    }
}

@media (max-width: 768px) {
    .magnotta .header__user, .magnotta .header__facebook, .magnotta .header__instagram, .magnotta .header__shopping, .magnotta .header__search-form {
        min-height: 33px
    }
}

.magnotta .header__facebook, .magnotta .header_instagram, .magnotta .header__shopping {
    text-align: center
}

.magnotta .header__user {
    letter-spacing: 1px;
    font-size: 0.875em;
    white-space: nowrap;
    position: relative;
    padding-top: 18px
}

@media (max-width: 1280px) {
    .magnotta .header__user {
        font-size: 0.9em;
        padding-top: 15px
    }
}

@media (max-width: 768px) {
    .magnotta .header__user {
        padding-top: 13px
    }
}

.magnotta .header__user a {
    color: #a1a1a1
}

    .magnotta .header__user a.active, .magnotta .header__user a:hover {
        color: #000
    }

        .magnotta .header__user a.active::after {
            position: absolute;
            left: 50%;
            -webkit-transform: translate3d(-50%, 0, 0);
            -moz-transform: translate3d(-50%, 0, 0);
            -o-transform: translate3d(-50%, 0, 0);
            -ms-transform: translate3d(-50%, 0, 0);
            content: "";
            width: 0;
            height: 0;
            bottom: -30px;
            border-bottom: 15px solid #e9e9e9;
            border-left: 7.5px solid transparent;
            border-right: 7.5px solid transparent
        }

@media (max-width: 1280px) {
    .magnotta .header__user a.active::after {
        bottom: -26px
    }
}

.magnotta .header__user__link {
    position: relative
}

.magnotta .header__user--first {
    padding-right: 10px;
    text-align: right;
    width: 50%;
    float: left
}

@media (max-width: 768px) {
    .magnotta .header__user--first {
        margin-right: -20px
    }
}

.magnotta .header__user--second {
    padding-left: 10px;
    text-align: left;
    width: 50%;
    float: left
}

@media (max-width: 1280px) {
    .magnotta .header__user--second {
        margin-left: -5px
    }
}

@media (max-width: 768px) {
    .magnotta .header__user--second {
        margin-left: -10px;
        margin-right: -5px
    }
}

.magnotta .user_logged__in {
    min-height: 50px
}

@media (max-width: 1280px) {
    .magnotta .user_logged__in {
        min-height: 41px
    }
}

@media (max-width: 768px) {
    .magnotta .user_logged__in {
        min-height: 33px
    }
}

.magnotta .user_logged__in .logged__in {
    text-align: center;
    width: 100%;
    float: left
}

.magnotta .header__user.logged__in {
    padding-top: 5px;
    min-height: 25px
}

@media (max-width: 1280px) {
    .magnotta .header__user.logged__in {
        min-height: 20px
    }
}

@media (max-width: 768px) {
    .magnotta .header__user.logged__in {
        min-height: 16px
    }
}

.magnotta .header__facebook {
    display: block;
    text-align: center;
    font-size: 1.6em;
    border-left: 1px solid #ccc;
    padding-top: 10px;
    margin: 0 -25px
}

@media (max-width: 768px) {
    .magnotta .header__facebook {
        padding-top: 7px;
        margin: 0 -20px
    }
}

.magnotta .header__facebook a {
    vertical-align: middle;
    color: #333333
}

    .magnotta .header__facebook a:hover {
        color: #084812
    }

.magnotta .header__instagram {
    display: block;
    text-align: center;
    font-size: 1.6em;
    padding-top: 10px;
    margin: 0 -25px;
    border-right: 1px solid #ccc
}

@media (max-width: 768px) {
    .magnotta .header__instagram {
        padding-top: 7px;
        margin: 0 -20px
    }
}

.magnotta .header__instagram a {
    vertical-align: middle;
    color: #333333
}

    .magnotta .header__instagram a:hover {
        color: #084812
    }

.magnotta .header__search-form {
    border-left: 1px solid #ccc;
    padding-top: 14px
}

@media (max-width: 768px) {
    .magnotta .header__search-form {
        padding-top: 12px
    }
}

@media (max-width: 480px) {
    .magnotta .header__search-form {
        position: absolute;
        top: -55px;
        border-left: 0
    }
}

.magnotta .header__submit {
    color: #000;
    font-size: 1.6em;
    background-color: transparent;
    position: absolute;
    top: 8px;
    left: 50px;
    z-index: 9999
}

    .magnotta .header__submit:hover, .magnotta .header__submit:active {
        color: #084812
    }

@media (max-width: 1280px) {
    .magnotta .header__submit {
        left: 35px
    }
}

@media (max-width: 480px) {
    .magnotta .header__submit {
        left: -25px
    }
}

.magnotta .header__input {
    border: none;
    color: #000;
    font-size: 0.75em;
    position: relative;
    left: 80px;
    width: 75%;
    padding-right: 5px
}

    .magnotta .header__input::-webkit-input-placeholder {
        color: #a1a1a1
    }

    .magnotta .header__input:-moz-placeholder {
        color: #a1a1a1
    }

    .magnotta .header__input::-moz-placeholder {
        color: #a1a1a1
    }

    .magnotta .header__input:-ms-input-placeholder {
        color: #a1a1a1
    }

@media (max-width: 1280px) {
    .magnotta .header__input {
        font-size: 0.82em;
        left: 50px
    }
}

@media (max-width: 480px) {
    .magnotta .header__input {
        left: 0;
        width: 400%;
        font-size: 11px
    }
}

.magnotta .header__shopping {
    border-left: 1px solid #ccc;
    margin: 0 -15px 0 -5px;
    padding-top: 10px;
    position: relative
}

@media (max-width: 768px) {
    .magnotta .header__shopping {
        padding-top: 9px
    }
}

.magnotta .shopping__kart {
    color: #333333;
    font-size: 1.6em;
    cursor: pointer
}

    .magnotta .shopping__kart:hover {
        color: #084812
    }

@media (max-width: 480px) {
    .magnotta .shopping__kart {
        position: absolute;
        right: 35px
    }
}

.magnotta .shopping__kart--disabled, .magnotta .header__shopping--disabled .shopping__kart {
    color: #ccc;
    pointer-events: none
}

.magnotta .shopping__bubble--disabled, .magnotta .header__shopping--disabled .shopping__bubble {
    display: none
}

.magnotta .shopping__bubble {
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    -ms-border-radius: 15px;
    -o-border-radius: 15px;
    border-radius: 15px;
    width: 45px;
    height: 22px;
    display: inline-block;
    background-color: #084812;
    color: #fff;
    font-weight: 700;
    font-size: 0.8em;
    vertical-align: middle;
    padding-top: 2px;
    position: relative;
    top: -4px;
    left: 5px
}

@media (max-width: 1280px) {
    .magnotta .shopping__bubble {
        width: 30px;
        height: 15px
    }
}

@media (max-width: 768px) {
    .magnotta .shopping__bubble {
        left: 2px
    }
}

@media (max-width: 480px) {
    .magnotta .shopping__bubble {
        position: absolute;
        top: 50%;
        -webkit-transform: translate3d(0, -50%, 0);
        -moz-transform: translate3d(0, -50%, 0);
        -o-transform: translate3d(0, -50%, 0);
        -ms-transform: translate3d(0, -50%, 0);
        right: 0;
        left: auto;
        padding-top: 3px
    }
}

.magnotta .helper-container__ruler {
    margin-bottom: 0;
    border-color: #ccc
}

.magnotta .header__image {
    position: relative
}

@media (max-width: 480px) {
    .magnotta .header__image {
        padding-top: 60px
    }
}

.magnotta .header__image--home .image__container > .content {
    background-image: url("/assets/content/ventureheroimage.jpg");
    background-position: center center
}

.magnotta .header__image--online-store .image__container > .content {
    background-image: url("/assets/content/ventureheroimage.jpg");
    background-position: center center
}

.magnotta .header__image--vineyards .image__container > .content {
    background-image: url("/assets/content/bgpic.jpg");
    background-position: center center
}

.magnotta .header__image--rossana .image__container > .content {
    background-image: url("/assets/content/rossanabg.jpg");
    background-position-x: center;
    background-position-y: 70px
}

@media (max-width: 1280px) {
    .magnotta .header__image--rossana .image__container > .content {
        background-position-y: 50px
    }
}

@media (max-width: 480px) {
    .magnotta .header__image--rossana .image__container > .content {
        background-position-y: 40px
    }
}

.magnotta .header__image--story .image__container > .content {
    background-image: url("/assets/content/our-storybg.jpg");
    background-position: center center
}

@media (max-width: 768px) {
    .magnotta .header__image--story .image__container > .content {
        background-position-x: -200px
    }
}

@media (max-width: 480px) {
    .magnotta .header__image--story .image__container > .content {
        background-position-x: -350px
    }
}

.magnotta .header__image--contact .image__container > .content {
    background-image: url("/assets/content/contactbg.jpg");
    background-position: center center
}

@media (max-width: 960px) {
    .magnotta .header__image--contact .image__container > .content {
        background-position: top left
    }
}

.magnotta .header__image--brands .image__container > .content {
    background-image: url("/assets/content/brandsbg.jpg");
    background-position: center center
}

.magnotta .header__image--tours-events .image__container > .content {
    background-image: url("/assets/content/tours-eventsbg.jpg");
    background-position: center center
}

.magnotta .header__image--careers .image__container > .content {
    background-image: url("/assets/content/careersbg.jpg");
    background-position: center center
}

.magnotta .header__image--distributors .image__container > .content {
    background-image: url("/assets/content/distributorsbg.jpg");
    background-position: center center
}

.magnotta .header__image--accessibility .image__container > .content {
    background-image: url("/assets/content/accessibilitybg.jpg");
    background-position: center center
}

.magnotta .header__image--shipping-information .image__container > .content {
    background-image: url("/assets/content/shipping-informationbg.jpg");
    background-position: center center
}

.magnotta .header__image--returning-products .image__container > .content {
    background-image: url("/assets/content/returning-productsbg.jpg");
    background-position: center center
}

.magnotta .header__image--news-media .image__container > .content {
    background-image: url("/assets/content/news-mediabg.jpg");
    background-position: center center
}

.magnotta .header__image--custom-label .image__container > .content {
    background-image: url("/assets/content/custom-label-bg.jpg");
    background-position: center center
}

.magnotta .header__image--rewards .image__container > .content {
    background-image: url("/assets/content/rewardsbg.jpg");
    background-position: center center
}

.magnotta .header__image--beer-spirits .image__container > .content {
    background-image: url("/assets/content/Beer_Spirits_Large_Banner.jpg");
    background-position: center center
}

.magnotta .image__container {
    position: relative;
    min-height: 350px
}

    .magnotta .image__container:before {
        display: block;
        content: "";
        width: 100%;
        padding-top: 37.8%
    }

@media (max-width: 960px) {
    .magnotta .image__container:before {
        padding-top: 42%
    }
}

@media (max-width: 768px) {
    .magnotta .image__container:before {
        padding-top: 49%
    }
}

@media (max-width: 480px) {
    .magnotta .image__container:before {
        padding-top: 73%
    }
}

.magnotta .image__container > .content {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-position: left top;
    background-repeat: no-repeat;
    background-size: cover
}

.magnotta .header__extension {
    position: fixed;
    top: 75px;
    background-color: rgba(244,244,244,0.9);
    width: 100%;
    display: none
}

    .magnotta .header__extension .container {
        position: relative
    }

@media (max-width: 1280px) {
    .magnotta .header__extension {
        top: 54px
    }
}

@media (max-width: 768px) {
    .magnotta .header__extension {
        top: 52px
    }
}

@media (max-width: 480px) {
    .magnotta .header__extension {
        top: 82px
    }
}

.magnotta .header__extension__form, .magnotta .header__extension__slider {
    position: relative;
    display: none
}

.magnotta .header__extension__form {
    padding: 50px 0 40px
}

@media (max-width: 1280px) {
    .magnotta .header__extension__form {
        padding: 30px 0 25px
    }
}

@media (max-width: 768px) {
    .magnotta .header__extension__form {
        padding: 20px 0 25px
    }
}

@media (max-width: 480px) {
    .magnotta .header__extension__form {
        padding: 15px 0 25px
    }
}

.magnotta .header__extension__slider {
    padding: 40px 0 30px
}

@media (max-width: 1280px) {
    .magnotta .header__extension__slider {
        padding: 20px 0 10px
    }
}

@media (max-width: 768px) {
    .magnotta .header__extension__slider {
        padding: 15px 0 10px
    }
}

.magnotta .header__extension__form {
    width: 30%;
    max-width: 400px
}

@media (max-width: 1280px) {
    .magnotta .header__extension__form {
        max-width: 260px
    }
}

@media (max-width: 768px) {
    .magnotta .header__extension__form {
        width: 50%
    }
}

.magnotta .header__extension__form--login, .magnotta .header__extension__form--password, .magnotta .header__extension__form--reset {
    left: 58%
}

@media (max-width: 960px) {
    .magnotta .header__extension__form--login, .magnotta .header__extension__form--password, .magnotta .header__extension__form--reset {
        left: 47%
    }
}

@media (max-width: 768px) {
    .magnotta .header__extension__form--login, .magnotta .header__extension__form--password, .magnotta .header__extension__form--reset {
        left: 32%
    }
}

@media (max-width: 480px) {
    .magnotta .header__extension__form--login, .magnotta .header__extension__form--password, .magnotta .header__extension__form--reset {
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        left: 50%
    }
}

.magnotta .header__extension__form--login .error, .magnotta .header__extension__form--password .error, .magnotta .header__extension__form--reset .error {
    position: relative;
    top: -2.5px
}

.magnotta .header__extension__form--checkout {
    left: 58%;
    padding-top: 0px
}

@media (max-width: 960px) {
    .magnotta .header__extension__form--checkout {
        left: 47%
    }
}

@media (max-width: 768px) {
    .magnotta .header__extension__form--checkout {
        left: 32%
    }
}

@media (max-width: 480px) {
    .magnotta .header__extension__form--checkout {
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        left: 50%
    }
}

.magnotta .header__extension__form--checkout .error {
    position: relative;
    top: -2.5px
}

.magnotta .header__extension__form--register {
    left: 64%
}

@media (max-width: 960px) {
    .magnotta .header__extension__form--register {
        left: 53%
    }
}

@media (max-width: 768px) {
    .magnotta .header__extension__form--register {
        left: 40%
    }
}

@media (max-width: 480px) {
    .magnotta .header__extension__form--register {
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        left: 50%
    }
}

.magnotta .header__extension__input {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    border: 2px solid #333333;
    color: #000;
    padding: 0 20px;
    line-height: 40px;
    font-size: 14px;
    width: 100%;
    background-color: #fff;
    margin-bottom: 5px
}

    .magnotta .header__extension__input::-webkit-input-placeholder {
        color: #a1a1a1
    }

    .magnotta .header__extension__input:-moz-placeholder {
        color: #a1a1a1
    }

    .magnotta .header__extension__input::-moz-placeholder {
        color: #a1a1a1
    }

    .magnotta .header__extension__input:-ms-input-placeholder {
        color: #a1a1a1
    }

    .magnotta .header__extension__input:last-of-type {
        margin-bottom: 0
    }

@media (max-width: 1280px) {
    .magnotta .header__extension__input {
        font-size: 10px;
        line-height: 25px
    }
}

.magnotta .header__extension__link {
    color: #333333;
    text-decoration: underline;
    display: inline-block;
    margin-top: 15px;
    font-size: 12px
}

@media (max-width: 1280px) {
    .magnotta .header__extension__link {
        font-size: 9px
    }
}

@media (max-width: 960px) {
    .magnotta .header__extension__link {
        margin-top: 10px
    }
}

.magnotta .header__extension__btn {
    margin-top: 15px;
    display: block;
    width: 45%
}

@media (max-width: 960px) {
    .magnotta .header__extension__btn {
        margin-top: 10px
    }
}

.magnotta .header__extension__btn--register, .magnotta .header__extension__btn--password, .magnotta .header__extension__btn--reset {
    width: 65%
}

@media (max-width: 480px) {
    .magnotta .header__extension__btn--register, .magnotta .header__extension__btn--password, .magnotta .header__extension__btn--reset {
        width: 80%
    }
}

.magnotta .black-friday-img {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate3d(-50%, -50%, 0);
    -moz-transform: translate3d(-50%, -50%, 0);
    -o-transform: translate3d(-50%, -50%, 0);
    -ms-transform: translate3d(-50%, -50%, 0);
    width: 30%
}

@media (max-width: 1280px) {
    .magnotta .black-friday-img {
        width: 27%
    }
}

@media (max-width: 768px) {
    .magnotta .black-friday-img {
        width: 270px;
        top: 46%
    }
}

@media (max-width: 480px) {
    .magnotta .black-friday-img {
        width: 270px;
        top: 45%
    }
}

@media (max-width: 360px) {
    .magnotta .black-friday-img {
        width: 240px
    }
}

.magnotta .main-nav {
    position: absolute;
    z-index: 2;
    bottom: 0px;
    width: 100%;
    background-color: rgba(219,219,219,0.9);
    box-shadow: 0 2px 5px 1px rgba(150,150,150,0.6)
}

.magnotta .main-nav__item, .magnotta .store-subnav__item {
    font-size: 16px;
    color: #084812;
    padding: 20px 4px;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    /*font-family: "Montserrat-Regular", Helvetica, sans-serif;*/
    display: inline-block;
    width: 12.3%;
    position: relative;
    top: 1px;
    cursor: pointer
}

    .magnotta .main-nav__item:hover, .magnotta .store-subnav__item:hover {
        /*font-family: "Montserrat-Bold"*/
    }

    .magnotta .main-nav__item:focus, .magnotta .store-subnav__item:focus {
        color: #084812
    }

@media (max-width: 1280px) {
    .magnotta .main-nav__item, .magnotta .store-subnav__item {
        font-size: 10px;
        padding: 15px 4px
    }
}

@media (max-width: 960px) {
    .magnotta .main-nav__item, .magnotta .store-subnav__item {
        letter-spacing: -0.5px
    }
}

@media (max-width: 768px) {
    .magnotta .main-nav__item, .magnotta .store-subnav__item {
        width: 24%
    }

        .magnotta .main-nav__item:nth-of-type(n), .magnotta .store-subnav__item:nth-of-type(n) {
            padding: 13px 0 10px
        }

        .magnotta .main-nav__item:nth-of-type(n+5), .magnotta .store-subnav__item:nth-of-type(n+5) {
            padding: 10px 0 13px
        }
}

.magnotta .main-nav__item--active {
    font-weight: 700;
    /*font-family: "Montserrat-Bold"*/
}

@media (max-width: 768px) {
    .magnotta .main-nav__item--active::after {
        position: absolute;
        left: 50%;
        -webkit-transform: translate3d(-50%, 0, 0);
        -moz-transform: translate3d(-50%, 0, 0);
        -o-transform: translate3d(-50%, 0, 0);
        -ms-transform: translate3d(-50%, 0, 0);
        bottom: 0;
        content: "";
        display: block;
        width: 70%;
        height: 3px;
        background-color: #084812
    }
}

@media (max-width: 480px) {
    .magnotta .main-nav__item--active {
        border-bottom: 3px solid #084812
    }

        .magnotta .main-nav__item--active::after {
            display: none !important
        }
}

.magnotta .main-nav__item--tab {
    padding: 15px 4px
}

.magnotta .main-nav--fixed {
    position: fixed;
    top: 75px;
    bottom: auto;
    z-index: 999
}

@media (max-width: 1280px) {
    .magnotta .main-nav--fixed {
        top: 61px
    }
}

@media (max-width: 768px) {
    .magnotta .main-nav--fixed {
        top: 52px
    }
}

@media (max-width: 480px) {
    .magnotta .main-nav--fixed {
        top: 106px
    }
}

.magnotta .main-nav--retail-stores {
    position: absolute !important;
    bottom: 0px !important;
    top: auto !important
}

.magnotta .flex-wrapper {
    -moz-box-direction: row;
    -webkit-box-direction: row;
    -webkit-box-orient: horizontal;
    -webkit-flex-direction: row;
    -ms-flexbox-direction: row;
    -ms-flex-direction: row;
    flex-direction: row
}

.magnotta .flex-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-pack: distribute;
    -webkit-justify-content: space-around;
    -moz-justify-content: space-around;
    justify-content: space-around;
    font-size: 0
}

@media (max-width: 768px) {
    .magnotta .flex-wrapper {
        -moz-box-wrap: wrap;
        -webkit-box-wrap: wrap;
        -webkit-flex-wrap: wrap;
        -ms-flexbox-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

.magnotta .flex-wrapper__item {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}

@media (max-width: 768px) {
    .magnotta .flex-wrapper__item {
        -webkit-box-flex: 0 0 25%;
        -webkit-flex: 0 0 25%;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%
    }
}

.magnotta .using-magic-line {
    position: relative
}

.magnotta .magic-line {
    display: inline-block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100px;
    height: 4px;
    background: #084812
}

@media (max-width: 768px) {
    .magnotta .magic-line {
        display: none !important
    }
}

.magnotta .invisible-indicator {
    position: absolute;
    left: -250px
}

.magnotta .sidebar {
    width: 100%;
    max-width: 390px;
    font-size: 30px;
    margin: 50px 0
}

    .magnotta .sidebar .event {
        margin-bottom: 15px;
        width: 100%
    }

        .magnotta .sidebar .event:last-of-type {
            margin-bottom: 0
        }

    .magnotta .sidebar .award {
        width: 100%;
        margin-bottom: 25px
    }

        .magnotta .sidebar .award:last-of-type {
            margin-bottom: 0
        }

@inlcude breakpoint(alpha) {
    .magnotta .sidebar .award {
        margin-bottom: 20px
    }
}

@media (max-width: 1280px) {
    .magnotta .sidebar {
        max-width: 260px;
        margin: 30px 0
    }
}

@media (max-width: 960px) {
    .magnotta .sidebar {
        max-width: 260px
    }
}

@media (max-width: 768px) {
    .magnotta .sidebar {
        max-width: 205px
    }
}

@media (max-width: 480px) {
    .magnotta .sidebar {
        max-width: 260px;
        margin-right: auto;
        margin-left: auto
    }
}

@media (max-width: 480px) {
    .magnotta .sidebar--extended {
        max-width: 440px !important
    }
}

.magnotta .sidebar__section {
    margin-bottom: 50px
}

    .magnotta .sidebar__section:last-of-type {
        margin-bottom: 0
    }

.magnotta .sidebar__section--bordered {
    margin-bottom: 25px
}

.magnotta .sidebar__section--bordered__ruler {
    margin-top: 25px;
    height: 2px;
    background-color: #ccc
}

@media (max-width: 1280px) {
    .magnotta .sidebar__section--bordered__ruler {
        margin-top: 20px
    }
}

@media (max-width: 480px) {
    .magnotta .sidebar__section--mobile-padding {
        padding: 0 15px
    }
}

.magnotta .sidebar__title, .magnotta .slave-locations--right h2 {
    color: #333333;
    font-family: "GaramondPremrPro-Smbd";
    font-size: 32px;
    margin-bottom: 25px
}

@media (max-width: 1280px) {
    .magnotta .sidebar__title, .magnotta .slave-locations--right h2 {
        font-size: 21px;
        margin-bottom: 10px
    }
}

.magnotta .sidebar__subtitle {
    font-size: 18px;
    color: #878787;
    line-height: 1.6
}

@media (max-width: 1280px) {
    .magnotta .sidebar__subtitle {
        font-size: 12px
    }
}

@media (max-width: 768px) {
    .magnotta .sidebar__subtitle {
        letter-spacing: -0.5px;
        line-height: 1.5
    }
}

.magnotta .sidebar__info {
    font-size: 28px;
    font-family: "GaramondPremrPro-Smbd";
    margin-bottom: 10px
}

@media (max-width: 1280px) {
    .magnotta .sidebar__info {
        font-size: 18px
    }
}

.magnotta .sidebar__btn {
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    transition: all 0.5s ease;
    font-weight: 400;
    border: 1px solid #333333;
    color: #333333;
    width: 90%;
    margin-top: 30px
}

    .magnotta .sidebar__btn:hover {
        color: #fff;
        background-color: #333333
    }

@media (max-width: 1280px) {
    .magnotta .sidebar__btn {
        margin-top: 23px
    }
}

.magnotta .sidebar__btn--grey {
    border-color: #d1d1d1;
    border-width: 2px
}

    .magnotta .sidebar__btn--grey:hover {
        background-color: #333333;
        color: #d1d1d1
    }

        .magnotta .sidebar__btn--grey:hover:focus {
            color: #fff
        }

    .magnotta .sidebar__btn--grey:active, .magnotta .sidebar__btn--grey:focus {
        color: #333333
    }

.magnotta .sidebar__btn--facebook i {
    font-size: 24px;
    position: relative;
    left: -10px;
    top: 4px
}

.magnotta .sidebar__thumbnail {
    margin: 20px 0
}

.magnotta .sidebar__text, .magnotta .slave-locations--right p, .magnotta .sidebar__link, .magnotta .sidebar p {
    font-size: 16px
}

@media (max-width: 1280px) {
    .magnotta .sidebar__text, .magnotta .slave-locations--right p, .magnotta .sidebar__link, .magnotta .sidebar p {
        font-size: 12px
    }
}

@media (max-width: 768px) {
    .magnotta .sidebar__text, .magnotta .slave-locations--right p, .magnotta .sidebar__link, .magnotta .sidebar p {
        font-size: 11px
    }
}

.magnotta .sidebar__link {
    /*font-family: "Montserrat-Bold";*/
    color: #333333;
    letter-spacing: 2px;
    text-transform: uppercase
}

    .magnotta .sidebar__link:hover {
        color: #084812
    }

    .magnotta .sidebar__link:focus {
        color: #333333
    }

.magnotta .sidebar__text, .magnotta .slave-locations--right p, .magnotta .sidebar p {
    color: #585858;
    line-height: 1.95;
    letter-spacing: -0.5px;
    margin-bottom: 25px
}

@media (max-width: 1280px) {
    .magnotta .sidebar__text, .magnotta .slave-locations--right p, .magnotta .sidebar p {
        margin-bottom: 20px
    }
}

@media (max-width: 768px) {
    .magnotta .sidebar__text, .magnotta .slave-locations--right p, .magnotta .sidebar p {
        line-height: 1.4
    }
}

@media (max-width: 480px) {
    .magnotta .sidebar__text, .magnotta .slave-locations--right p, .magnotta .sidebar p {
        margin-bottom: 10px
    }
}

.magnotta .sidebar__text--lgmargin, .magnotta .sidebar p {
    margin-bottom: 70px
}

.magnotta .sidebar__bottom {
    margin-top: 35px
}

@media (max-width: 1280px) {
    .magnotta .sidebar__bottom {
        margin-top: 25px
    }
}

.magnotta .gallery-preview {
    -webkit-columns: 50px 2;
    -moz-columns: 50px 2;
    columns: 50px 2;
    -webkit-column-gap: 13px;
    -moz-column-gap: 13px;
    column-gap: 13px
}

.magnotta .gallery-preview__item {
    max-width: 190px;
    margin-bottom: 9px
}

.magnotta .sidebar__img {
    margin-bottom: 25px
}

.magnotta .sidebar__form {
    background-color: #fff;
    padding: 40px 10px
}

.magnotta .sidebar__form__content {
    max-width: 330px;
    margin: 0 auto
}

.magnotta .sidebar__form__text {
    font-size: 17.3px;
    letter-spacing: 0.5px;
    text-align: center;
    margin-bottom: 60px
}

@media (max-width: 1280px) {
    .magnotta .sidebar__form__text {
        font-size: 11px;
        max-width: 172px;
        margin: 0 auto 30px
    }
}

.magnotta .sidebar__form__btn {
    width: 85%;
    margin-top: 15px
}

.magnotta .sidebar__head--sm {
    font-family: "GaramondPremrPro-Smbd";
    margin-bottom: 25px
}

@media (max-width: 480px) {
    .magnotta .sidebar__nav-wrapper {
        padding: 0 15px
    }

        .magnotta .sidebar__nav-wrapper .sidebar__nav:nth-of-type(even) {
            float: right
        }

        .magnotta .sidebar__nav-wrapper .sidebar__nav:nth-of-type(odd) {
            float: left
        }
}

.magnotta .sidebar__nav {
    position: relative;
    margin-bottom: 15px
}

    .magnotta .sidebar__nav img {
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        position: absolute
    }

    .magnotta .sidebar__nav::before {
        display: block;
        content: "";
        width: 100%;
        padding-top: 65%
    }

@media (max-width: 480px) {
    .magnotta .sidebar__nav {
        width: 48%;
        max-width: 200px
    }
}

.magnotta .sidebar__nav__overlay {
    opacity: 0.7 !important
}

.magnotta .sidebar__nav__btn {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate3d(-50%, -50%, 0);
    -moz-transform: translate3d(-50%, -50%, 0);
    -o-transform: translate3d(-50%, -50%, 0);
    -ms-transform: translate3d(-50%, -50%, 0);
    width: 90%;
    z-index: 100
}

.magnotta .sidebar__address {
    padding-left: 10px !important
}

@media (max-width: 480px) {
    .magnotta .winemaker__img {
        float: left;
        max-width: 210px;
        display: none
    }
}

.magnotta .winemaker__img--mobile {
    display: none
}

@media (max-width: 480px) {
    .magnotta .winemaker__img--mobile {
        display: block
    }
}

@media (max-width: 480px) {
    .magnotta .winemaker__desc {
        margin-left: 220px
    }
}

.magnotta .no-x-overflow {
    overflow-x: hidden
}

.magnotta .clear-input {
    border: none
}

.magnotta .el--block {
    display: block
}

.magnotta .text-black {
    color: #000
}

.magnotta .my-select {
    background-color: #fff
}

.magnotta .success, .magnotta .error, .magnotta .subscribe-success, .magnotta .subscribe-error {
    font-size: 13px;
    margin: 2px 0
}

@media (max-width: 1280px) {
    .magnotta .success, .magnotta .error, .magnotta .subscribe-success, .magnotta .subscribe-error {
        font-size: 10px
    }
}

.magnotta .error, .magnotta .subscribe-error {
    color: #a8241e
}

.magnotta .success, .magnotta .subscribe-success {
    color: #084812
}

.magnotta #auth-error {
    left: 58%;
    padding-bottom: 15px
}

.magnotta .my-input, .magnotta .sidebar__form__input {
    width: 100%;
    padding: 0 8px 0 20px;
    color: #323232;
    font-size: 14px;
    line-height: 38px;
    height: 38px;
    border: 1px solid #ccc
}

    .magnotta .my-input:focus, .magnotta .sidebar__form__input:focus {
        outline: 1px solid #a67c52
    }

    .magnotta .my-input::-webkit-input-placeholder, .magnotta .sidebar__form__input::-webkit-input-placeholder {
        color: #323232
    }

    .magnotta .my-input:-moz-placeholder, .magnotta .sidebar__form__input:-moz-placeholder {
        color: #323232
    }

    .magnotta .my-input::-moz-placeholder, .magnotta .sidebar__form__input::-moz-placeholder {
        color: #323232
    }

    .magnotta .my-input:-ms-input-placeholder, .magnotta .sidebar__form__input:-ms-input-placeholder {
        color: #323232
    }

@media (max-width: 1280px) {
    .magnotta .my-input, .magnotta .sidebar__form__input {
        line-height: 27px;
        height: 27px;
        font-size: 10px;
        padding: 0 5px 0 15px
    }
}

.magnotta .my-input--textarea {
    height: auto;
    line-height: auto;
    padding: 0 20px
}

.magnotta .just-link {
    color: #333333;
    font-size: 13px
}

    .magnotta .just-link:hover {
        color: #084812
    }

@media (max-width: 1280px) {
    .magnotta .just-link {
        font-size: 10px
    }
}

.magnotta .just-btn, .magnotta .tile__btn, .magnotta .just-input, .magnotta .product_shape_btn, .product_shape_input {
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
    border-radius: 20px
}

.magnotta .just-input, .product_shape_input {
    line-height: 40px
}

@media (max-width: 1280px) {
    .magnotta .just-input, .product_shape_input {
        line-height: 29px
    }
}

.magnotta .just-input, .product_shape_input {
    background-color: #fff;
    padding: 0 10px 0 25px;
    color: #7d7d7d;
    font-size: 14px;
    border: none
}

@media (max-width: 1280px) {
    .magnotta .just-input, .product_shape_input {
        font-size: 10px
    }
}

.magnotta .just-btn, .magnotta .tile__btn, .magnotta .product_shape_btn {
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    transition: all 0.5s ease;
    line-height: 38px;
    font-size: 12px;
    /*font-family: "Montserrat-Bold";*/
    font-weight: 700;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    text-align: center
}

@media (max-width: 1280px) {
    .magnotta .just-btn, .magnotta .tile__btn, .magnotta .product_shape_btn {
        font-size: 10px;
        line-height: 27px
    }
}

@media (max-width: 480px) {
    .magnotta .just-btn, .magnotta .tile__btn, .magnotta .product_shape_btn {
        letter-spacing: 0
    }
}

.magnotta .just-btn--white, .magnotta .tile__btn {
    background-color: transparent;
    border: 2px solid #fff;
    color: #fff
}

    .magnotta .just-btn--white:focus, .magnotta .tile__btn:focus {
        color: #fff
    }

    .magnotta .just-btn--white:hover, .magnotta .tile__btn:hover {
        background-color: #fff;
        color: #000
    }

.magnotta .just-btn--green {
    background-color: transparent;
    border: 1px solid #084812;
    color: #084812
}

    .magnotta .just-btn--green:focus, .magnotta .just-btn--green:active {
        color: #084812
    }

    .magnotta .just-btn--green:hover {
        background-color: #084812;
        color: #fff
    }

.magnotta .just-btn--bggreen, .product_shape_btn {
    background-color: #084812;
    border: 1px solid #084812;
    color: #fff
}

    .magnotta .just-btn--bggreen:focus, .magnotta .just-btn--bggreen:active, .product_shape_btn:focus, .product_shape_btn:active {
        color: #fff
    }

    .magnotta .just-btn--bggreen:hover, .magnotta .product_shape_btn:hover {
        background-color: transparent;
        color: #084812;
        box-shadow: 0px 0px 0px 1px #084812 !important;
        border: none !important;
    }

.magnotta .just-btn--grey {
    background-color: transparent;
    color: #7d7d7d;
    border: 1px solid #7d7d7d
}

    .magnotta .just-btn--grey:focus, .magnotta .just-btn--grey:active {
        color: #7d7d7d
    }

    .magnotta .just-btn--grey:hover {
        background-color: #7d7d7d;
        color: #fff
    }

    .magnotta .just-btn--grey.clear-input {
        max-width: 150px;
        margin-bottom: 10px
    }

@media (max-width: 768px) {
    .magnotta .just-btn--long {
        letter-spacing: -0.5px
    }
}

@media (max-width: 550px) {
    .magnotta .just-btn--long {
        font-size: 9px
    }
}

.magnotta .just-btn--facebook, .magnotta .sidebar__btn--facebook {
    background-color: #225b99;
    border: 1px solid #225b99;
    color: #fff
}

    .magnotta .just-btn--facebook:focus, .magnotta .just-btn--facebook:active, .magnotta .sidebar__btn--facebook:focus, .magnotta .sidebar__btn--facebook:active {
        color: #fff
    }

    .magnotta .just-btn--facebook:hover, .magnotta .sidebar__btn--facebook:hover {
        background-color: transparent;
        color: #225b99
    }

@media (max-width: 960px) {
    .magnotta .just-btn--facebook, .magnotta .sidebar__btn--facebook {
        letter-spacing: -0.5px !important
    }
}

@media (max-width: 768px) {
    .magnotta .just-btn--facebook, .magnotta .sidebar__btn--facebook {
        font-size: 9px
    }
}

@media (max-width: 520px) {
    .magnotta .just-btn--facebook, .magnotta .sidebar__btn--facebook {
        font-size: 7px
    }
}

@media (max-width: 480px) {
    .magnotta .just-btn--facebook, .magnotta .sidebar__btn--facebook {
        font-size: 10px
    }
}

.magnotta .just-btn--center, .magnotta .just-input--center, .magnotta .product_shape_btn, .product_shape_input {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.magnotta .just-btn--third, .magnotta .just-input--third {
    width: 33%
}

.magnotta .just-btn--full, .magnotta .just-input--full, .magnotta .product_shape_btn, .product_shape_input {
    width: 100%
}

.magnotta .just-btn--autowidth {
    width: auto;
    padding: 0 55px;
    text-align: center;
    display: inline-block
}

@media (max-width: 1280px) {
    .magnotta .just-btn--autowidth {
        padding: 0 30px
    }
}

@media (max-width: 768px) {
    .magnotta .just-btn--autowidth {
        padding: 0 15px
    }
}

.magnotta .headline {
    font-family: "GaramondPremrPro-Smbd";
    font-size: 38px;
    color: #084812;
    margin-bottom: 35px;
    letter-spacing: 1px
}

@media (max-width: 1280px) {
    .magnotta .headline {
        font-size: 25px;
        margin-bottom: 27px
    }
}

@media (max-width: 960px) {
    .magnotta .headline {
        margin-bottom: 20px
    }
}

@media (max-width: 768px) {
    .magnotta .headline {
        letter-spacing: -0.5px
    }
}

.magnotta .tile {
    -webkit-transition: all 0.05s linear;
    -moz-transition: all 0.05s linear;
    transition: all 0.05s linear;
    display: inline-block;
    margin-bottom: 30px;
    max-width: 330px;
    width: 100%;
    position: relative;
    z-index: 1;
    background-color: #fff;
    margin-left: auto;
    margin-right: auto
}

    .magnotta .tile:hover .tile__overlay {
        opacity: 1
    }

    .magnotta .tile:hover .tile__btn {
        opacity: 1
    }

.magnotta .dropshadow, .magnotta .tile--dropshadow, .magnotta .filter__tile, .magnotta .filter__input {
    box-shadow: 0 5px 25px 0 #d3d3d3
}

.magnotta .rounded, .magnotta .sidebar__img, .magnotta .my-input, .magnotta .sidebar__form__input, .magnotta .filter__tile, .magnotta .tour__options, .magnotta .select2-container--default .select2-selection--single, .magnotta .my-modal__content, .magnotta .my-alert {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    overflow: hidden
}

.magnotta .hover-effect {
    -webkit-font-smoothing: antialiased;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-filter: blur(0px);
    -moz-filter: blur(0px);
    -ms-filter: blur(0px);
    filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius='0')
}

    .magnotta .hover-effect:hover {
        -webkit-backface-visibility: hidden;
        -webkit-font-smoothing: antialiased;
        z-index: 2
    }

.magnotta .hover-effect {
    -webkit-transform: translateZ(0) scale(1);
    -moz-transform: translateZ(0) scale(1);
    -o-transform: translateZ(0) scale(1);
    -ms-transform: translateZ(0) scale(1);
    box-shadow: 0 0px 15px 0 #d3d3d3;
}

    .magnotta .hover-effect:hover {
        box-shadow: 0px 5px 15px 0 #848282;
        /*-webkit-transform: translateZ(0) scale(1.001);
        -moz-transform: translateZ(0) scale(1.001);
        -o-transform: translateZ(0) scale(1.001);
        -ms-transform: translateZ(0) scale(1.001)*/
    }

.magnotta .tile--rounded {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    overflow: hidden
}

.magnotta .tile--fullwidth {
    width: 100%
}

.magnotta .tile--minheight {
    min-height: 370px
}

@media (max-width: 1280px) {
    .magnotta .tile--minheight {
        min-height: 230px
    }
}

.magnotta .tile--scale-up {
    -webkit-transform: translateZ(0) scale(1, 1);
    -moz-transform: translateZ(0) scale(1, 1);
    -o-transform: translateZ(0) scale(1, 1);
    -ms-transform: translateZ(0) scale(1, 1);
    -webkit-font-smoothing: antialiased;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-text-stroke: 0;
    -webkit-filter: blur(0px);
    -moz-filter: blur(0px);
    -ms-filter: blur(0px);
    filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius='0')
}

    .magnotta .tile--scale-up:hover {
        -webkit-transform: translateZ(0) scale(1.03, 1.03);
        -moz-transform: translateZ(0) scale(1.03, 1.03);
        -o-transform: translateZ(0) scale(1.03, 1.03);
        -ms-transform: translateZ(0) scale(1.03, 1.03);
        z-index: 2
    }

.magnotta .overlay, .magnotta .event__overlay, .magnotta .tile__overlay, .magnotta .masonry__item__overlay {
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 2;
    background-color: rgba(0,0,0,0.7);
    -webkit-backface-visibility: hidden
}

.magnotta .overlay--visible {
    opacity: 1
}

.magnotta .overlay--visible--half {
    opacity: 0.5
}

.magnotta .overlay--visible--seventh {
    opacity: 0.7
}

.magnotta .tile__overlay {
    -webkit-transition: opacity 0.5s ease;
    -moz-transition: opacity 0.5s ease;
    transition: opacity 0.5s ease;
    -webkit-border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
    -ms-border-radius: 5px 5px 0 0;
    -o-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
    background-color: rgba(0,0,0,0.4)
}

.magnotta .tile__btn {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate3d(-50%, -50%, 0);
    -moz-transform: translate3d(-50%, -50%, 0);
    -o-transform: translate3d(-50%, -50%, 0);
    -ms-transform: translate3d(-50%, -50%, 0);
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    transition: all 0.5s ease;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
    border-radius: 20px;
    opacity: 0;
    width: 70%
}

.magnotta .tile__img {
    width: 100%;
    position: relative
}

    .magnotta .tile__img img {
        z-index: 1
    }

.magnotta .tile--vineyard .tile__img img {
    -webkit-border-radius: 5px 0 0 5px;
    -moz-border-radius: 5px 0 0 5px;
    -ms-border-radius: 5px 0 0 5px;
    -o-border-radius: 5px 0 0 5px;
    border-radius: 5px 0 0 5px;
    width: 100%
}

.magnotta .tile--vineyard .tile__overlay {
    -webkit-border-radius: 5px 0 0 5px;
    -moz-border-radius: 5px 0 0 5px;
    -ms-border-radius: 5px 0 0 5px;
    -o-border-radius: 5px 0 0 5px;
    border-radius: 5px 0 0 5px;
    overflow: hidden
}

.magnotta .tile__head, .magnotta .tile__subhead {
    text-align: center
}

.magnotta .tile__head {
    font-size: 28px;
    color: #333333;
    margin: 20px 0 12px 0;
    font-family: "GaramondPremrPro-Smbd"
}

@media (max-width: 1280px) {
    .magnotta .tile__head {
        font-size: 18px
    }
}

.magnotta .tile__subhead {
    font-size: 14px;
    letter-spacing: 3px;
    color: #848484;
    margin-bottom: 25px
}

@media (max-width: 1280px) {
    .magnotta .tile__subhead {
        font-size: 9px;
        letter-spacing: 1.5px
    }
}

.magnotta .tile--product {
    padding: 17px;
    text-align: left
}

@media (max-width: 1280px) {
    .magnotta .tile--product {
        padding: 12px
    }
}

.magnotta .product_content img {
    position: absolute;
    z-index: 1;
    left: -110px;
    height: auto;
    max-width: 330px;
    width: 330px;
    top: 15px
}

@media (max-width: 1400px) and (min-width: 1281px) {
    .magnotta .product_content img {
        width: 280px;
        left: -100px
    }
}

@media (max-width: 1280px) {
    .magnotta .product_content img {
        width: 215px;
        left: -70px
    }
}

@media (max-width: 768px) {
    .magnotta .product_content img {
        top: 10px
    }
}

@media (max-width: 600px) and (min-width: 481px) {
    .magnotta .product_content img {
        width: 170px;
        left: -55px;
        top: 40px
    }
}

.magnotta .product_content--coupon {
    margin-left: -17px
}

.magnotta .tile_product_labels {
    position: absolute;
    z-index: -1;
    top: 0;
    width: 100%;
    margin-left: -17px;
    color: #fff;
}

@media (max-width: 1280px) {
    .magnotta .tile_product_labels {
        margin-left: -12px
    }
}

.magnotta .product_labels {
    line-height: 32px;
    font-size: 13px;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    font-weight: 700
}

@media (max-width: 1280px) {
    .magnotta .product_labels {
        line-height: 20px;
        font-size: 9px;
        letter-spacing: 1.2px
    }
}

.magnotta .product_labels_sale {
    background-color: #ab2927;
    font-size: 12px;
    padding: 5px 0;
    font-weight: bold;
}

.magnotta .product_labels_caseLotSpecial {
    background-color: #a67c52;
    font-size: 12px;
    padding: 5px 0;
    font-weight: bold;
}

.magnotta .product_info {
    position: relative;
    z-index: 2;
    margin: 20px 0 0 0
}

@media (max-width: 1280px) {
    .magnotta .product_info {
        margin: 20px 0 0 0
    }

    .magnotta .product_labels_caseLotSpecial {
        padding: 2px 0;
    }

    .magnotta .product_labels_sale {
        padding: 2px 0;
    }
}

@media (max-width: 600px) and (min-width: 481px) {
    .magnotta .product_info {
        margin-left: -5px;
        margin-right: -10px
    }
}

.magnotta .product_name {
    font-size: 22px;
    color: #333333;
    margin-bottom: 13px;
    font-weight: 600;
}

@media (max-width: 1280px) {
    .magnotta .product_name {
        font-size: 14px;
        margin-bottom: 9px
    }
}

.magnotta .product_quantity {
    font-size: 15px;
    color: #a4a4a4;
    margin-bottom: 7px
}

@media (max-width: 1280px) {
    .magnotta .product_quantity {
        font-size: 10px;
        margin-bottom: 7px
    }
}

.magnotta .product_price {
    font-size: 18px;
    color: #333333;
    margin-bottom: 4px;
    font-weight: 600;
}

    .magnotta .product_price:last-of-type {
        margin-bottom: 0
    }

@media (max-width: 1280px) {
    .magnotta .product_price {
        font-size: 11px
    }
}

.product_price_sale {
    color: #a8241e !important;
}

.product_price_caselot {
    color: #a67c52 !important;
}

.magnotta .product_action {
    position: static;
    width: 100%;
    padding: 0;
    margin: 0
}

.magnotta .product_separator {
    margin: 12px 0 15px 0;
    border-color: #919191;
    border-width: 2px
}

@media (max-width: 1280px) {
    .magnotta .product_separator {
        margin: 7px 0 10px 0;
        border-width: 1.5px
    }
}

.magnotta .product_shape_btn {
    margin-bottom: 5px
}

.product_shape_input {
    border: 1px solid #919191;
    text-align: left;
    padding-left: 24px
}

@media (max-width: 768px) {
    .product_shape_input {
        padding-left: 14px
    }
}

@media (max-width: 1280px) {
    .magnotta .tile--product .product_shape {
        font-size: 8px
    }
}

@media (max-width: 600px) and (min-width: 481px) {
    .magnotta .tile--product .product_shape {
        letter-spacing: -0.5px
    }
}

.magnotta input[type="number"]::-webkit-inner-spin-button {
    position: relative;
    right: 20px
}

@media (max-width: 1280px) {
    .magnotta input[type="number"]::-webkit-inner-spin-button {
        right: 0
    }
}

@media (max-width: 1280px) {
    .magnotta .tile--vineyard {
        margin: 10px -5px
    }
}

.magnotta .tile--milestone {
    -webkit-transition: all 0.7s ease-in-out;
    -moz-transition: all 0.7s ease-in-out;
    transition: all 0.7s ease-in-out;
    overflow: visible !important;
    -webkit-filter: grayscale(100%) brightness(50%);
    filter: grayscale(100%) brightness(50%)
}

    .magnotta .tile--milestone:hover {
        -webkit-filter: grayscale(0) brightness(100%);
        filter: grayscale(0) brightness(100%)
    }

        .magnotta .tile--milestone:hover .tile--milestone__info {
            opacity: 0
        }

    .magnotta .tile--milestone small {
        font-size: 0.8em
    }

@media (max-width: 1280px) {
    .magnotta .tile--milestone {
        margin: 10px -5px
    }
}

.magnotta .tile--milestone__img {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    transform: translateZ(0);
    z-index: 15;
    overflow: hidden
}

    .magnotta .tile--milestone__img img {
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        -ms-border-radius: 5px;
        -o-border-radius: 5px;
        border-radius: 5px;
        width: 100%
    }

.magnotta .tile--milestone__info {
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    transition: all 0.5s ease;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate3d(-50%, -50%, 0);
    -moz-transform: translate3d(-50%, -50%, 0);
    -o-transform: translate3d(-50%, -50%, 0);
    -ms-transform: translate3d(-50%, -50%, 0);
    text-align: center;
    width: 100%;
    max-width: 240px
}

.magnotta .tile--milestone__date {
    letter-spacing: 2px;
    color: #d7d7d7;
    margin-bottom: 15px;
    font-size: 18px
}

@media (max-width: 1280px) {
    .magnotta .tile--milestone__date {
        font-size: 12px;
        margin-bottom: 10px
    }
}

.magnotta .tile--milestone__title {
    font-size: 26px;
    line-height: 1.5;
    font-weight: 700;
    color: #fff;
    font-family: "GaramondPremrPro-Smbd"
}

@media (max-width: 1280px) {
    .magnotta .tile--milestone__title {
        font-size: 18px;
        line-height: 1.4
    }
}

.magnotta .tile--milestone__tooltip__title {
    color: #333333;
    font-size: 18px;
    margin-bottom: 13px;
    font-family: "GaramondPremrPro-Smbd"
}

@media (max-width: 1280px) {
    .magnotta .tile--milestone__tooltip__title {
        font-size: 14px;
        margin-bottom: 10px
    }
}

.magnotta .tile--milestone__tooltip__date, .magnotta .tile--milestone__tooltip__content {
    font-size: 12px;
    margin-bottom: 20px
}

@media (max-width: 1280px) {
    .magnotta .tile--milestone__tooltip__date, .magnotta .tile--milestone__tooltip__content {
        font-size: 10px
    }
}

.magnotta .tile--milestone__tooltip__date {
    color: #959595
}

.magnotta .tile--milestone__tooltip__content {
    color: #323232
}

    .magnotta .tile--milestone__tooltip__content p {
        font-size: 1em;
        color: #323232
    }

.magnotta .tile--locations {
    max-width: none;
    width: 100%;
    height: auto;
    padding-right: 10px;
    max-width: 550px
}

@media (max-width: 768px) {
    .magnotta .tile--locations {
        max-width: 327px
    }
}

.magnotta .tile--locations__img {
    position: absolute;
    top: 50%;
    -webkit-transform: translate3d(0, -50%, 0);
    -moz-transform: translate3d(0, -50%, 0);
    -o-transform: translate3d(0, -50%, 0);
    -ms-transform: translate3d(0, -50%, 0);
    float: left
}

    .magnotta .tile--locations__img img {
        width: 160px;
        height: 205px
    }

@media (max-width: 1280px) {
    .magnotta .tile--locations__img img {
        width: 100px;
        height: 135px
    }
}

.magnotta .tile--locations__info {
    margin: 25px 0 25px 190px;
    color: #4a4a4a
}

@media (max-width: 1280px) {
    .magnotta .tile--locations__info {
        margin: 15px 0 15px 115px
    }
}

.magnotta .tile--locations__name, .magnotta .tile--locations__desc {
    font-family: "GaramondPremrPro-Smbd"
}

.magnotta .tile--locations__name {
    font-size: 26px
}

@media (max-width: 1280px) {
    .magnotta .tile--locations__name {
        font-size: 17px
    }
}

.magnotta .tile--locations__desc {
    font-size: 22px;
    margin-bottom: 10px;
    letter-spacing: -1px
}

@media (max-width: 1280px) {
    .magnotta .tile--locations__desc {
        font-size: 13px;
        margin-bottom: 7px
    }
}

.magnotta .tile--locations__phone {
    font-size: 16px;
    margin-bottom: 8px;
    letter-spacing: -1px;
    font-weight: 300
}

@media (max-width: 1280px) {
    .magnotta .tile--locations__phone {
        font-size: 11px
    }
}

.magnotta .tile--locations__addr, .magnotta .tile--locations--other__addr {
    color: #959595
}

.magnotta .tile--locations__addr {
    font-size: 10px;
    letter-spacing: 1px
}

@media (max-width: 1280px) {
    .magnotta .tile--locations__addr {
        font-size: 9px;
        letter-spacing: 0.5px
    }
}

.magnotta .tile--locations--other {
    background: url(/assets/content/location-bg-2.png) no-repeat left bottom;
    min-height: 130px;
    padding-right: 10px
}

@media (max-width: 1280px) {
    .magnotta .tile--locations--other {
        min-height: 85px
    }
}

.magnotta .tile--locations--other__info {
    margin: 20px 0 0 80px;
    color: #333333
}

@media (max-width: 1280px) {
    .magnotta .tile--locations--other__info {
        margin: 20px 0 0 60px
    }
}

.magnotta .tile--locations--other__addr {
    margin-top: 5px;
    font-size: 14px;
    margin-bottom: 10px
}

@media (max-width: 1280px) {
    .magnotta .tile--locations--other__addr {
        font-size: 10px;
        margin-bottom: 0
    }
}

.magnotta .tile--locations--other__phone {
    font-size: 18px;
    color: #919191;
    margin-top: 10px;
    font-weight: 300
}

@media (max-width: 1280px) {
    .magnotta .tile--locations--other__phone {
        font-size: 12px;
        margin-top: 5px
    }
}

.magnotta .tile--locations--magnotta-other {
    background: url(content/location-bg-green.png) no-repeat left bottom;
    background-color: #084812
}

.magnotta .tile--locations__name--white {
    color: #fff;
    position: relative
}

.magnotta .tile--locations__marker {
    position: absolute;
    top: 30px;
    left: 30px
}

@media (max-width: 1280px) {
    .magnotta .tile--locations__marker {
        top: 15px;
        left: 15px
    }
}

.magnotta .masonry-section {
    margin: 0 -15px
}

@media (max-width: 768px) {
    .magnotta .masonry-section .art-gallery__info {
        height: 100%
    }

    .magnotta .masonry-section .art-gallery__name, .magnotta .masonry-section .art-gallery__painting {
        display: none
    }

    .magnotta .masonry-section .art-gallery__btn {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        color: transparent !important;
        background-color: transparent !important;
        border: none !important
    }
}

.magnotta .masonry {
    width: 100%
}

.magnotta .masonry__item {
    width: 100%;
    display: inline-block;
    padding: 15px 0;
    position: relative
}

    .magnotta .masonry__item img {
        width: 100%
    }

    .magnotta .masonry__item:hover .masonry__item__overlay {
        opacity: 1
    }

    .magnotta .masonry__item:hover .art-gallery__info {
        display: block
    }

.magnotta .masonry__item__overlay {
    top: 15px;
    bottom: 15px
}

.magnotta .art-gallery {
    color: #fff;
    text-align: center
}

.magnotta .art-gallery__name {
    font-size: 34px;
    margin-bottom: 15px
}

@media (max-width: 1280px) {
    .magnotta .art-gallery__name {
        font-size: 22px;
        margin-bottom: 10px
    }
}

.magnotta .art-gallery__painting {
    font-size: 13px;
    margin-bottom: 10%
}

@media (max-width: 1280px) {
    .magnotta .art-gallery__painting {
        font-size: 8.5px;
        margin-bottom: 40px
    }
}

.magnotta .art-gallery__btn {
    display: block;
    width: 70%;
    margin: 0 auto
}

.magnotta .art-gallery__info {
    position: absolute;
    top: 50%;
    -webkit-transform: translate3d(0, -50%, 0);
    -moz-transform: translate3d(0, -50%, 0);
    -o-transform: translate3d(0, -50%, 0);
    -ms-transform: translate3d(0, -50%, 0);
    width: 100%;
    z-index: 100;
    display: none
}

.magnotta .text-hint {
    margin: 20px 0;
    text-align: center;
    font-size: 18px;
    font-weight: normal;
    color: #727272;
    text-transform: uppercase
}

.magnotta .event {
    min-height: 290px;
    max-height: 350px;
    position: relative;
    font-size: 10px;
    color: #fff
}

@media (max-width: 1280px) {
    .magnotta .event {
        min-height: 185px;
        max-height: 225px;
        font-size: 6.6px
    }
}

.magnotta .event__overlay {
    z-index: 100;
    opacity: 1 !important
}

.magnotta .event__img {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 0
}

    .magnotta .event__img img {
        width: 100%;
        height: 100%
    }

.magnotta .event__info {
    text-align: center;
    position: absolute;
    left: 50%;
    -webkit-transform: translate3d(-50%, 0, 0);
    -moz-transform: translate3d(-50%, 0, 0);
    -o-transform: translate3d(-50%, 0, 0);
    -ms-transform: translate3d(-50%, 0, 0);
    width: 80%;
    height: 100%
}

@media (max-width: 768px) {
    .magnotta .event__info {
        width: 90%
    }
}

.magnotta .event__info__header, .magnotta .event__info__footer {
    width: 100%
}

.magnotta .event__info__header {
    position: absolute;
    top: 16px
}

.magnotta .event__info__footer {
    position: absolute;
    bottom: 20px
}

@media (max-width: 1280px) {
    .magnotta .event__info__footer {
        bottom: 12px
    }
}

.magnotta .event__separator {
    margin-top: 3px
}

.magnotta .event__separator, .magnotta .event__date, .magnotta .event__date__number {
    margin-bottom: 12px
}

@media (max-width: 1280px) {
    .magnotta .event__separator, .magnotta .event__date, .magnotta .event__date__number {
        margin-bottom: 7px
    }
}

.magnotta .event__title, .magnotta .event__date__number {
    font-family: "GaramondPremrPro-Smbd"
}

.magnotta .event__title {
    font-size: 2.6em;
    margin-bottom: 4px;
    line-height: 1
}

@media (max-width: 768px) {
    .magnotta .event__title {
        letter-spacing: -0.5px
    }
}

.magnotta .event__place {
    font-size: 1.3em
}

.magnotta .event__separator {
    border-color: #fff
}

.magnotta .event__date {
    text-transform: uppercase;
    font-size: 1.6em;
    letter-spacing: 1.5px
}

.magnotta .event__date__number {
    font-size: 3.6em
}

.magnotta .event__btn {
    width: 60%;
    border-width: 1px
}

.magnotta .award {
    -webkit-transition: all 0.05s linear;
    -moz-transition: all 0.05s linear;
    transition: all 0.05s linear;
    min-height: 175px;
    position: relative;
    display: block;
    background-color: #fff
}

@media (max-width: 1280px) {
    .magnotta .award {
        min-height: 125px
    }
}

.magnotta .award__info {
    position: relative;
    left: -15px;
    margin: 20px 15px 20px 0
}

@media (max-width: 1280px) {
    .magnotta .award__info {
        margin: 10px 15px 10px 0
    }
}

@media (max-width: 768px) {
    .magnotta .award__info {
        margin: 9px 10px 9px 0;
        left: -10px
    }
}

@media (max-width: 480px) {
    .magnotta .award__info {
        left: -15px
    }
}

.magnotta .award__content {
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    transition: all 0.5s ease;
    position: absolute;
    left: 35px;
    top: 15px;
    max-width: 60px;
    width: 100%
}

    .magnotta .award__content img {
        position: absolute;
        height: 170px
    }

@media (max-width: 1280px) {
    .magnotta .award__content img {
        height: 120px
    }
}

.award.hover-effect:hover .magnotta .award__content {
    max-width: 70px;
    left: 25px
}

@media (max-width: 1280px) {
    .magnotta .award__content {
        left: 35px;
        top: 15px;
        max-width: 35px
    }

    .award.hover-effect:hover .magnotta .award__content {
        max-width: 40px;
        left: 30px
    }
}

@media (max-width: 768px) {
    .magnotta .award__content {
        left: 25px;
        top: 10px
    }

    .award.hover-effect:hover .magnotta .award__content {
        left: 20px
    }
}

@media (max-width: 480px) {
    .magnotta .award__content {
        left: 35px
    }

    .award.hover-effect:hover .magnotta .award__content {
        left: 30px
    }
}

.magnotta .award__product {
    font-family: "GaramondPremrPro-Smbd";
    font-size: 20px;
    margin-bottom: 10px
}

@media (max-width: 1280px) {
    .magnotta .award__product {
        font-size: 13px;
        margin-bottom: 7px
    }
}

.magnotta .award__contest, .magnotta .award__product {
    line-height: 1.2;
    color: #333333
}

.magnotta .award__contest, .magnotta .award__hint {
    font-size: 14px
}

@media (max-width: 1280px) {
    .magnotta .award__contest, .magnotta .award__hint {
        font-size: 10px
    }
}

.magnotta .award__separator {
    border-color: #919191;
    margin: 15px 0
}

@media (max-width: 1280px) {
    .magnotta .award__separator {
        margin: 12px 0
    }
}

@media (max-width: 768px) {
    .magnotta .award__separator {
        margin: 9px 0
    }
}

.magnotta .award__hint {
    color: #959595
}

.magnotta .award__contest {
    /*font-family: "Montserrat-Bold";*/
    font-weight: 700;
    margin-bottom: 15px
}

@media (max-width: 1280px) {
    .magnotta .award__contest {
        margin-bottom: 10px
    }
}

@media (max-width: 768px) {
    .magnotta .award__contest {
        margin-bottom: 7px
    }
}

.magnotta .award__medal {
    font-size: 12px;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    color: #919191
}

@media (max-width: 1280px) {
    .magnotta .award__medal {
        font-size: 9px
    }
}

.magnotta .filter {
    font-size: 10px
}

@media (max-width: 1280px) {
    .magnotta .filter {
        font-size: 7.5px
    }
}

@media (max-width: 768px) {
    .magnotta .filter {
        display: block;
        width: 100%
    }

        .magnotta .filter .sidebar__info {
            color: #fff
        }
}

.magnotta .filter__search {
    position: relative;
    margin-bottom: 15px
}

.magnotta .filter__tile {
    margin-bottom: 15px;
    background-color: #fff
}

.magnotta .filter__search__submit {
    position: absolute;
    top: 50%;
    -webkit-transform: translate3d(0, -50%, 0);
    -moz-transform: translate3d(0, -50%, 0);
    -o-transform: translate3d(0, -50%, 0);
    -ms-transform: translate3d(0, -50%, 0);
    right: 15px;
    color: #000;
    font-size: 15px;
    z-index: 2;
    background-color: transparent
}

.magnotta .filter__input {
    width: 100%;
    z-index: 1
}

.magnotta .filter__list {
    display: none;
    max-height: 200px;
    overflow: auto !important
}

    .magnotta .filter__list li {
        width: 100%
    }

        .magnotta .filter__list li:last-of-type .filter__list__item {
            border-bottom: none
        }

@media (max-width: 1280px) {
    .magnotta .filter__list {
        max-height: 135px
    }
}

.magnotta .filter__list-opener, .magnotta .filter__list__item {
    display: block;
    padding-left: 25px;
    font-size: 1.4em;
    line-height: 50px;
    min-height: 50px
}

@media (max-width: 1280px) {
    .magnotta .filter__list-opener, .magnotta .filter__list__item {
        line-height: 34px;
        min-height: 34px
    }
}

.magnotta .filter__price-range {
    padding: 25px 0 35px;
    width: 85%;
    margin: 0 auto
}

@media (max-width: 1280px) {
    .magnotta .filter__price-range {
        width: 80%
    }
}

.magnotta .filter__list-opener {
    position: relative;
    color: #333333;
    text-transform: uppercase;
    /*font-family: "Montserrat-Bold"*/
}

    .magnotta .filter__list-opener i {
        -webkit-transform: translateY(-50%) rotate(-90deg);
        -moz-transform: translateY(-50%) rotate(-90deg);
        -o-transform: translateY(-50%) rotate(-90deg);
        -ms-transform: translateY(-50%) rotate(-90deg);
        position: absolute;
        top: 50%;
        right: 20px;
        color: #919191
    }

    .magnotta .filter__list-opener:focus, .magnotta .filter__list-opener:active {
        color: #333333
    }

.magnotta .filter__list-opener--bordered {
    border-bottom: 1px solid #ccc
}

.magnotta .filter__list-opener--open i {
    -webkit-transform: translateY(-50%) rotate(0);
    -moz-transform: translateY(-50%) rotate(0);
    -o-transform: translateY(-50%) rotate(0);
    -ms-transform: translateY(-50%) rotate(0)
}

.magnotta .filter__list__item {
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    transition: all 0.2s ease;
    border-bottom: 1px solid #ccc;
    background-color: #f8f8f8;
    color: #8c8c8c !important
}

    .magnotta .filter__list__item:hover {
        background-color: #084812;
        color: #fff !important
    }

.magnotta .filter__list__item--active {
    background-color: #084812;
    color: #fff !important;
    border-bottom: 1px solid #fff
}

.magnotta .filter__tile--transparent {
    background-color: transparent;
    box-shadow: none;
    padding: 10px 0
}

@media (max-width: 768px) {
    .magnotta .filter__tile--transparent--gamma-color {
        box-shadow: 0 5px 25px 0 #d3d3d3;
        padding: 10px 0;
        background-color: #fff
    }
}

.magnotta .filter__controls {
    margin-left: -5px;
    margin-right: -5px
}

    .magnotta .filter__controls [class*="col-xs"] {
        padding: 0 5px
    }

@media (max-width: 960px) {
    .magnotta .filter__controls .just-btn, .magnotta .filter__controls .tile__btn {
        letter-spacing: -0.5px
    }
}

@media (max-width: 768px) {
    .magnotta .filter__controls {
        padding: 0 20px
    }
}

.magnotta .filter #range {
    margin-top: 25px
}

.magnotta select.my-input {
    background-color: #fff
}

.magnotta .fieldWithErrors .my-input {
    border-color: #9C2626
}

.magnotta .no-top-offset, .magnotta .main-content__container--no-top-offset {
    margin-top: 0 !important
}

@media (max-width: 480px) {
    .magnotta .no-left-offset--mobile {
        padding-left: 0 !important
    }
}

.magnotta .container--vertical-padding {
    padding-top: 40px;
    padding-bottom: 40px
}

.magnotta .page-wrapper {
    margin: 0 -15px;
    z-index: 0
}

.magnotta .page-wrapper--full {
    background-color: #fff
}

.magnotta .main-wrapper, .magnotta .side-wrapper {
    float: left;
    padding: 0 15px
}

.magnotta .main-wrapper {
    width: 66.9%;
    z-index: 0
}

@media (max-width: 480px) {
    .magnotta .main-wrapper {
        float: none;
        width: 100%
    }
}

.magnotta .main-wrapper .main-content:last-of-type {
    padding-bottom: 50px
}

@media (max-width: 1280px) {
    .magnotta .main-wrapper .main-content:last-of-type {
        padding-bottom: 35px
    }
}

.magnotta .products-same-height {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

    .magnotta .products-same-height [class*=col-] {
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex
    }

@media (max-width: 768px) {
    .magnotta .products-same-height [class*=col-] {
        /*width: 33% !important*/
    }
}

@media (max-width: 480px) {
    .magnotta .products-same-height [class*=col-] {
        /*width: 49.5% !important*/
    }
}

.magnotta .products-same-height.products-row .tile--minheight {
    height: calc(100% - 30px)
}

.magnotta .display-none {
    display: none
}

.magnotta .full-width {
    width: 100%;
    max-width: 100%
}

    .magnotta .full-width .products-wrapper {
        max-width: 100%;
        width: 100%
    }

.magnotta .side-wrapper {
    width: 31.8%
}

@media (max-width: 480px) {
    .magnotta .side-wrapper {
        float: none;
        width: 100%
    }
}

.magnotta .main-content {
    background-color: white;
    position: relative;
    min-height: 1000px;
    margin-right: -30px
}

@media (max-width: 1280px) {
    .magnotta .main-content {
        margin-right: -20px
    }
}

@media (max-width: 480px) {
    .magnotta .main-content {
        margin-right: 0
    }
}

.magnotta .main-content__subsection--hidden {
    display: none
}

.magnotta .main-content__text {
    font-family: "GaramondPremrPro";
    font-size: 26px;
    color: #262626;
    letter-spacing: 0.3px;
    line-height: 1.6;
    margin-bottom: 20px
}

    .magnotta .main-content__text:last-of-type {
        margin-bottom: 0
    }

@media (max-width: 1280px) {
    .magnotta .main-content__text {
        font-size: 17.8px;
        letter-spacing: 0
    }
}

@media (max-width: 960px) {
    .magnotta .main-content__text {
        letter-spacing: -0.1px;
        line-height: 1.5
    }
}

@media (max-width: 768px) {
    .magnotta .main-content__text {
        margin-bottom: 15px
    }
}

.magnotta .main-content__text--sm {
    font-size: 18px;
    line-height: 1.4
}

@media (max-width: 1280px) {
    .magnotta .main-content__text--sm {
        font-size: 13px
    }
}

.magnotta .main-content__text--xs {
    font-size: 14px
}

@media (max-width: 1280px) {
    .magnotta .main-content__text--xs {
        font-size: 10px
    }
}

.magnotta .main-content__text--footer {
    font-size: 26px;
    font-family: "GaramondPremrPro-Smbd";
    color: #084812;
    letter-spacing: 1.5px;
    margin: 30px 0 40px 0
}

@media (max-width: 1280px) {
    .magnotta .main-content__text--footer {
        font-size: 18px;
        margin: 20px 0 30px 0
    }
}

@media (max-width: 768px) {
    .magnotta .main-content__text--footer {
        letter-spacing: 0.5px
    }
}

@media (max-width: 480px) {
    .magnotta .main-content__text--footer {
        letter-spacing: 0.3px
    }
}

.magnotta .main-content__head, .magnotta .main-content__head--sm {
    font-family: "GaramondPremrPro-Smbd"
}

.magnotta .main-content__head {
    font-size: 36px;
    line-height: 1.6;
    letter-spacing: 0.5px;
    margin-bottom: 10px
}

@media (max-width: 1280px) {
    .magnotta .main-content__head {
        font-size: 24px;
        line-height: 1.4
    }
}

@media (max-width: 768px) {
    .magnotta .main-content__head {
        letter-spacing: -0.5px
    }
}

.magnotta .main-content__head--margin {
    margin-bottom: 20px
}

.magnotta .main-content__head--sm, .magnotta .sidebar__head--sm {
    font-size: 32px;
    text-align: center;
    color: #084812;
    margin-bottom: 20px
}

@media (max-width: 1280px) {
    .magnotta .main-content__head--sm, .magnotta .sidebar__head--sm {
        font-size: 24px;
        margin-bottom: 15px;
        letter-spacing: -0.5px
    }
}

@media (max-width: 960px) {
    .magnotta .main-content__head--sm, .magnotta .sidebar__head--sm {
        font-size: 21px
    }
}

.magnotta .main-content__head--sm--left {
    text-align: left;
    color: #323232
}

.magnotta .main-content__head--white {
    color: #fff
}

.magnotta .main-content__head--black {
    color: #333333
}

.magnotta .main-content__head--green {
    color: #084812
}

.magnotta .main-content__head--abscenter {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate3d(-50%, -50%, 0);
    -moz-transform: translate3d(-50%, -50%, 0);
    -o-transform: translate3d(-50%, -50%, 0);
    -ms-transform: translate3d(-50%, -50%, 0)
}

.magnotta .main-content__subhead, .magnotta .main-content__subhead--sm {
    /*font-family: "Montserrat-Bold"*/
}

.magnotta .main-content__subhead--sm {
    font-size: 15px;
    margin-bottom: 15px
}

@media (max-width: 1280px) {
    .magnotta .main-content__subhead--sm {
        font-size: 10px;
        margin-bottom: 10px
    }
}

.magnotta .main-content__btn {
    display: block;
    width: 40%;
    max-width: 360px;
    margin-top: 40px;
    margin-bottom: 20px
}

@media (max-width: 1280px) {
    .magnotta .main-content__btn {
        margin-top: 30px;
        margin-bottom: 10px
    }
}

.magnotta .side-content {
    padding-left: 30px
}

@media (max-width: 1280px) {
    .magnotta .side-content {
        padding-left: 20px
    }
}

@media (max-width: 480px) {
    .magnotta .side-content {
        padding-left: 0
    }
}

.magnotta .cont-pad {
    padding-left: 50px
}

@media (max-width: 1280px) {
    .magnotta .cont-pad {
        padding-left: 34px
    }
}

@media (max-width: 960px) {
    .magnotta .cont-pad {
        padding-left: 17px
    }
}

@media (max-width: 768px) {
    .magnotta .cont-pad {
        padding-left: 12px
    }
}

@media (max-width: 480px) {
    .magnotta .cont-pad {
        padding: 0;
        width: 100%
    }
}

.magnotta .main-content__container {
    max-width: 1095px;
    width: 100%;
    position: relative;
    float: right;
    clear: right;
    padding-right: 50px;
    margin-top: 100px
}

    .magnotta .main-content__container.full-width {
        max-width: 100%;
        width: 100%
    }

.main-content > .magnotta .main-content__container:first-child {
    margin-top: 0
}

@media (max-width: 1280px) {
    .magnotta .main-content__container {
        max-width: 725px;
        padding-right: 34px;
        margin-top: 70px
    }
}

@media (max-width: 960px) {
    .magnotta .main-content__container {
        max-width: 582px;
        padding-right: 17px
    }
}

@media (max-width: 768px) {
    .magnotta .main-content__container {
        max-width: 453px;
        padding-right: 12px;
        margin-left: 12px;
        margin-top: 40px
    }
}

@media (max-width: 480px) {
    .magnotta .main-content__container {
        max-width: 440px;
        padding: 0 10px;
        margin: 30px auto 0;
        float: none
    }
}

.magnotta .main-content--sm-margin__container {
    margin-top: 50px
}

@media (max-width: 1280px) {
    .magnotta .main-content--sm-margin__container {
        margin-top: 30px
    }
}

.magnotta .main-content__container--fluid {
    padding: 0;
    margin-top: 0
}

@media (max-width: 768px) {
    .magnotta .main-content__container--fluid {
        width: 100%;
        max-width: 100%
    }
}

@media (max-width: 480px) {
    .magnotta .main-content__container--fluid {
        padding-left: 0
    }
}

@media (max-width: 768px) {
    .magnotta .main-content__container--fluid--max-width {
        max-width: 453px;
        margin-left: 0
    }
}

@media (max-width: 480px) {
    .magnotta .main-content__container--fluid--max-width {
        max-width: 440px;
        padding-left: 15px
    }
}

.magnotta .side-content__container {
    max-width: 635px;
    width: auto;
    padding-left: 20px;
    padding-right: 15px;
    position: relative
}

@media (max-width: 1280px) {
    .magnotta .side-content__container {
        padding-left: 4px
    }
}

@media (max-width: 960px) {
    .magnotta .side-content__container {
        padding-left: 0;
        margin-left: -13px
    }
}

@media (max-width: 768px) {
    .magnotta .side-content__container {
        margin-left: -18px;
        padding-right: 10px
    }
}

@media (max-width: 480px) {
    .magnotta .side-content__container {
        margin: 0 auto
    }
}

.magnotta .main-content__section--margin-top {
    margin-top: 50px
}

@media (max-width: 1280px) {
    .magnotta .main-content__section--margin-top {
        margin-top: 35px
    }
}

@media (max-width: 960px) {
    .magnotta .main-content__section--margin-top {
        margin-top: 10px
    }
}

.magnotta .main-content__section--bordered {
    border-top: 1px solid #ccc;
    padding-top: 30px
}

.magnotta .main-content__section--bordered--bottom {
    border-bottom: 1px solid #ccc;
    padding-bottom: 50px
}

@media (max-width: 1280px) {
    .magnotta .main-content__section--bordered--bottom {
        padding-bottom: 30px
    }
}

.magnotta .main-content__section__btn {
    display: block;
    width: 30%;
    position: relative;
    float: right
}

@media (max-width: 960px) {
    .magnotta .main-content__section__btn {
        float: none;
        width: 40%;
        margin-bottom: 20px
    }
}

@media (max-width: 768px) {
    .magnotta .main-content__section__btn {
        width: 50%
    }
}

@media (max-width: 480px) {
    .magnotta .main-content__section__btn {
        width: 60%
    }
}

.magnotta .main-content__section__headline {
    float: left
}

@media (max-width: 960px) {
    .magnotta .main-content__section__headline {
        float: none
    }
}

.magnotta .master-wrapper {
    position: relative
}

.magnotta .main-content__gallery {
    position: relative;
    font-size: 0;
    margin: 0;
    overflow: hidden;
    margin: 0 -0.5%
}

.magnotta .main-content__gallery__item {
    width: 19%;
    float: left;
    margin: 0 0.5%;
    background-position: top center;
    background-repeat: no-repeat;
    position: relative
}

    .magnotta .main-content__gallery__item:before {
        display: block;
        content: "";
        width: 100%;
        padding-top: 100%
    }

    .magnotta .main-content__gallery__item > .content {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0
    }

@media (max-width: 480px) {
    .magnotta .main-content__gallery__item:last-of-type {
        display: none
    }
}

.magnotta .main-content__info {
    margin-top: 30px
}

@media (max-width: 480px) {
    .magnotta .main-content__info {
        margin-top: 25px
    }
}

.magnotta .gallery__title, .magnotta .gallery__description {
    margin-bottom: 20px
}

@media (max-width: 1280px) {
    .magnotta .gallery__title, .magnotta .gallery__description {
        margin-bottom: 13px
    }
}

.magnotta .gallery__title {
    font-size: 18px;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    color: #5b5b5b
}

@media (max-width: 1280px) {
    .magnotta .gallery__title {
        font-size: 12px
    }
}

.magnotta .gallery__description {
    font-size: 23px;
    font-family: "GaramondPremrPro";
    color: #5b5b5b
}

@media (max-width: 1280px) {
    .magnotta .gallery__description {
        font-size: 17px
    }
}

.magnotta .location-imgwrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    position: relative;
    align-items: stretch;
    margin-bottom: 30px
}

.magnotta .location-imgwrapper__item--lg, .magnotta .location-imgwrapper__item--sm {
    display: block
}

.magnotta .location-imgwrapper__item--lg {
    width: 72.429%;
    margin-left: 5px
}

    .magnotta .location-imgwrapper__item--lg img {
        -webkit-border-radius: 0 5px 5px 0;
        -moz-border-radius: 0 5px 5px 0;
        -ms-border-radius: 0 5px 5px 0;
        -o-border-radius: 0 5px 5px 0;
        border-radius: 0 5px 5px 0
    }

.magnotta .location-imgwrapper__item--sm {
    width: 27.1%
}

    .magnotta .location-imgwrapper__item--sm img {
        -webkit-border-radius: 5px 0 0 5px;
        -moz-border-radius: 5px 0 0 5px;
        -ms-border-radius: 5px 0 0 5px;
        -o-border-radius: 5px 0 0 5px;
        border-radius: 5px 0 0 5px
    }

.magnotta .location-description__head {
    font-family: "GaramondPremrPro-Smbd";
    font-size: 32px;
    color: #333333;
    margin-bottom: 10px
}

@media (max-width: 1280px) {
    .magnotta .location-description__head {
        font-size: 21px
    }
}

.magnotta .location-description__address, .magnotta .location-description__phone, .magnotta .location-description__subhead {
    font-size: 14px
}

@media (max-width: 1280px) {
    .magnotta .location-description__address, .magnotta .location-description__phone, .magnotta .location-description__subhead {
        font-size: 10px
    }
}

.magnotta .location-description__address, .magnotta .location-description__phone {
    color: #084812;
    min-height: 70px;
    border-left: 2px solid #084812;
    line-height: 1.3;
    letter-spacing: 0.5px;
    padding-left: 15px;
    margin-left: -15px
}

@media (max-width: 1280px) {
    .magnotta .location-description__address, .magnotta .location-description__phone {
        padding-left: 9px;
        letter-spacing: 0.4px;
        min-height: 55px
    }
}

@media (max-width: 768px) {
    .magnotta .location-description__address, .magnotta .location-description__phone {
        margin-bottom: 60px
    }
}

@media (max-width: 480px) {
    .magnotta .location-description__address, .magnotta .location-description__phone {
        margin-bottom: 40px
    }
}

.magnotta .location-description__subhead {
    font-family: "Montserrat-Bold";
    color: #919191;
    line-height: 1.4
}

.magnotta .location-description__address {
    font-style: normal
}

.magnotta .address--margin-bottom {
    position: relative;
    padding-left: 35px;
    margin-bottom: 30px !important
}

.magnotta .subscribe {
    background-color: #c5c5c5;
    padding: 35px 0 40px;
    position: relative
}

@media (max-width: 1280px) {
    .magnotta .subscribe {
        padding: 25px 0
    }
}

@media (max-width: 480px) {
    .magnotta .subscribe {
        padding: 10px 15px 25px
    }
}

.magnotta .subscribe__headline {
    text-align: center;
    font-size: 38px
}

@media (max-width: 1280px) {
    .magnotta .subscribe__headline {
        font-size: 25px
    }
}

.magnotta .subscribe__text {
    color: #5e5e5e;
    font-size: 22px;
    line-height: 1.6;
    margin-bottom: 30px;
    text-align: center
}

@media (max-width: 1280px) {
    .magnotta .subscribe__text {
        font-size: 14px;
        margin-bottom: 20px
    }
}

.magnotta .subscribe__form {
    display: block;
    margin: 0 auto;
    width: 40%;
    font-size: 0
}

@media (max-width: 768px) {
    .magnotta .subscribe__form {
        width: 60%
    }
}

@media (max-width: 480px) {
    .magnotta .subscribe__form {
        width: 100%
    }
}

.magnotta .subscribe__btn, .magnotta .subscribe__input {
    display: inline-block
}

.magnotta .subscribe__btn {
    width: 38%
}

.magnotta .subscribe-error {
    position: absolute
}

.magnotta .subscribe-success {
    position: absolute
}

.magnotta .subscribe__input {
    width: 56%;
    line-height: 41px;
    margin-right: 2%;
    color: #7d7d7d;
    vertical-align: bottom
}

@media (max-width: 1280px) {
    .magnotta .subscribe__input {
        line-height: 30px
    }
}

.magnotta .intro__thumbnail {
    float: left;
    max-width: 390px;
    padding-right: 30px;
    margin-bottom: 5px
}

@media (max-width: 1280px) {
    .magnotta .intro__thumbnail {
        max-width: 258px;
        padding-right: 18px
    }
}

@media (max-width: 768px) {
    .magnotta .intro__thumbnail {
        max-width: 163px;
        padding-right: 16px
    }
}

.magnotta .intro__headtext {
    font-size: 36px;
    font-family: "GaramondPremrPro-Smbd";
    line-height: 1.48;
    letter-spacing: -0.2px;
    color: #373737
}

@media (max-width: 1280px) {
    .magnotta .intro__headtext {
        font-size: 24px
    }
}

@media (max-width: 960px) {
    .magnotta .intro__headtext {
        font-size: 20px;
        letter-spacing: 0.1px;
        line-height: 1.4
    }
}

@media (max-width: 768px) {
    .magnotta .intro__headtext {
        font-size: 19.4px;
        letter-spacing: -0.2px;
        line-height: 1.31
    }
}

@media (max-width: 768px) {
    .magnotta .intro__headtext {
        line-height: 1.2
    }
}

.magnotta .intro__bottom-img {
    margin-bottom: 50px
}

@media (max-width: 1280px) {
    .magnotta .intro__bottom-img {
        margin-bottom: 60px
    }
}

.magnotta .intro__btn {
    max-width: 390px;
    border-width: 2px;
    margin-top: 30px
}

@media (max-width: 1280px) {
    .magnotta .intro__btn {
        margin-top: 20px
    }
}

@media (max-width: 960px) {
    .magnotta .intro__btn {
        margin-top: 15px;
        width: 60%;
        min-width: 280px
    }
}

@media (max-width: 768px) {
    .magnotta .intro__btn {
        width: 80%
    }
}

.magnotta .quote__wrapper {
    margin-top: 30px;
    padding: 35px 0;
    border-top: 4px solid #084812;
    border-bottom: 4px solid #084812
}

@media (max-width: 1280px) {
    .magnotta .quote__wrapper {
        padding: 30px 0 25px 0;
        margin-top: 20px
    }
}

@media (max-width: 960px) {
    .magnotta .quote__wrapper {
        border-width: 3px
    }
}

@media (max-width: 768px) {
    .magnotta .quote__wrapper {
        border-width: 2px;
        padding: 25px
    }
}

.magnotta .quote__wrapper--careers {
    margin-top: 0;
    padding: 20px 0
}

    .magnotta .quote__wrapper--careers p {
        color: #084812 !important
    }

.magnotta .quote__wrapper--vineyards {
    margin-left: auto;
    margin-right: auto;
    max-width: 275px;
    border-width: 2px
}

@media (max-width: 1280px) {
    .magnotta .quote__wrapper--vineyards {
        padding: 15px 0 10px
    }
}

@media (max-width: 960px) {
    .magnotta .quote__wrapper--vineyards {
        padding: 20px 0 15px;
        margin-top: 40px
    }
}

@media (max-width: 768px) {
    .magnotta .quote__wrapper--vineyards {
        margin-top: 20px
    }
}

.magnotta .quote__wrapper--floated {
    float: left;
    clear: left;
    max-width: 250px;
    margin: 20px 75px 20px 0;
    padding: 15px 0
}

@media (max-width: 1280px) {
    .magnotta .quote__wrapper--floated {
        max-width: 165px;
        margin: 15px 30px 15px 0
    }
}

@media (max-width: 960px) {
    .magnotta .quote__wrapper--floated {
        margin: 35px 35px 35px 0
    }
}

@media (max-width: 768px) {
    .magnotta .quote__wrapper--floated {
        margin: 0 30px 25px 0
    }
}

.magnotta #spacer {
    clear: left;
    float: left;
    width: 0;
    height: 140px
}

@media (max-width: 1280px) {
    .magnotta #spacer {
        height: 70px
    }
}

@media (max-width: 960px) {
    .magnotta #spacer {
        height: 20px
    }
}

@media (max-width: 768px) {
    .magnotta #spacer {
        height: 0
    }
}

.magnotta .quote__text {
    max-width: 740px;
    font-size: 24px;
    margin: 0 auto;
    display: block;
    color: #084812;
    line-height: 1.6;
    /*font-family: "Montserrat-Regular", Helvetica, sans-serif*/
}

    .magnotta .quote__text::before {
        content: "“"
    }

    .magnotta .quote__text::after {
        content: "”"
    }

@media (max-width: 1280px) {
    .magnotta .quote__text {
        font-size: 16px;
        line-height: 2
    }
}

@media (max-width: 960px) {
    .magnotta .quote__text {
        font-size: 15px;
        line-height: 1.8
    }
}

.magnotta .quote__text--vineyards {
    line-height: 1.45
}

    .magnotta .quote__text--vineyards::before {
        content: ""
    }

    .magnotta .quote__text--vineyards::after {
        content: ""
    }

@media (max-width: 960px) {
    .magnotta .quote__text--vineyards {
        line-height: 1.6
    }
}

.magnotta .quote__text--careers::before {
    content: ""
}

.magnotta .quote__text--careers::after {
    content: ""
}

.magnotta .quote__text--floated {
    font-size: 31px
}

@media (max-width: 1280px) {
    .magnotta .quote__text--floated {
        font-size: 21px;
        line-height: 1.2
    }
}

.magnotta .quote__column--careers {
    padding-right: -10px
}

.magnotta .vineyards-wrapper, .magnotta .milestones-wrapper {
    position: relative
}

@media (max-width: 1280px) {
    .magnotta .vineyards-wrapper, .magnotta .milestones-wrapper {
        padding: 0 5px
    }
}

@media (max-width: 960px) {
    .magnotta .vineyards-wrapper, .magnotta .milestones-wrapper {
        max-width: 460px
    }
}

.magnotta .vineyards-wrapper .col-md-4.col-xs-6:nth-of-type(3n+1) {
    clear: left
}

@media (max-width: 960px) {
    .magnotta .vineyards-wrapper .col-md-4.col-xs-6:nth-of-type(3n+1) {
        clear: none
    }
}

@media (max-width: 960px) {
    .magnotta .vineyards-wrapper .col-md-4.col-xs-6:nth-of-type(2n+1) {
        clear: left
    }
}

.magnotta .milestones-wrapper {
    margin-top: 45px
}

    .magnotta .milestones-wrapper .col-xs-6.col-md-4:nth-of-type(3n+1) {
        clear: left
    }

@media (max-width: 1280px) {
    .magnotta .milestones-wrapper {
        margin-top: 35px
    }
}

@media (max-width: 960px) {
    .magnotta .milestones-wrapper .col-xs-6.col-md-4:nth-of-type(3n+1) {
        clear: none
    }

    .magnotta .milestones-wrapper .col-xs-6.col-md-4:nth-of-type(2n+1) {
        clear: left
    }
}

@media (max-width: 768px) {
    .magnotta .milestones-wrapper .col-xs-6.col-md-4:nth-of-type(2n) {
        padding-left: 4px
    }

    .magnotta .milestones-wrapper .col-xs-6.col-md-4:nth-of-type(2n+1) {
        padding-right: 4px
    }

    .magnotta .milestones-wrapper .tile--milestone {
        margin: 4px -5px
    }
}

.magnotta .milestones-controls {
    margin-bottom: 45px
}

@media (max-width: 1280px) {
    .magnotta .milestones-controls {
        margin-top: 20px
    }
}

.magnotta .milestones-wrapper__btn {
    margin-top: 0
}

.magnotta .milestones-wrapper__top {
    position: absolute;
    top: -250px
}

.magnotta .brand {
    margin-bottom: 30px
}

    .magnotta .brand:last-of-type .brand__description {
        border-bottom: none
    }

.magnotta .brand__img {
    float: left;
    min-width: 260px;
    text-align: center
}

@media (max-width: 1280px) {
    .magnotta .brand__img {
        min-width: 190px
    }
}

@media (max-width: 960px) {
    .magnotta .brand__img {
        float: none;
        text-align: left
    }
}

.magnotta .brand__img img {
    max-width: 260px
}

@media (max-width: 1280px) {
    .magnotta .brand__img img {
        max-width: 190px !important
    }
}

.magnotta .brand__description {
    border-bottom: 1px solid #ccc;
    padding-bottom: 30px;
    margin-left: 290px
}

@media (max-width: 1280px) {
    .magnotta .brand__description {
        margin-left: 210px
    }
}

@media (max-width: 960px) {
    .magnotta .brand__description {
        margin: 15px 0 0
    }
}

.magnotta .brand__name {
    margin-bottom: 10px;
    line-height: 1
}

.magnotta .brand__text {
    font-family: "GaramondPremrPro";
    font-size: 20px;
    line-height: 1.5;
    letter-spacing: -0.5px;
    margin: 10px 0 25px
}

@media (max-width: 1280px) {
    .magnotta .brand__text {
        font-size: 15px;
        line-height: 1.4;
        margin: 10px 0 15px
    }
}

@media (max-width: 960px) {
    .magnotta .brand__btn {
        margin-top: 0 !important
    }
}

.magnotta .contact {
    max-width: 520px;
    padding-left: 35px;
    border-left: 2px solid #084812;
    margin-bottom: 50px
}

@media (max-width: 768px) {
    .magnotta .contact {
        max-width: 380px;
        margin-bottom: 35px
    }
}

.magnotta .contact--centered {
    margin-left: auto;
    margin-right: auto;
    padding-left: 0;
    border-left: 0
}

.magnotta .contact--modal {
    margin-bottom: 1.5em
}

    .magnotta .contact--modal .just-btn, .magnotta .contact--modal .tile__btn {
        margin-top: 15px
    }

.magnotta .contact__input {
    margin-top: 10px
}

.magnotta .contact__textarea {
    height: 160px
}

@media (max-width: 1280px) {
    .magnotta .contact__textarea {
        height: 110px
    }
}

.magnotta .additional-info {
    margin-top: 20px
}

.magnotta .additional-info__head, .magnotta .additional-info__text {
    font-size: 15px;
    text-transform: uppercase;
    font-weight: 300;
    letter-spacing: 1px
}

@media (max-width: 1280px) {
    .magnotta .additional-info__head, .magnotta .additional-info__text {
        font-size: 10px
    }
}

.magnotta .additional-info__head {
    /*font-family: "Montserrat-Bold";*/
    margin-bottom: 15px
}

.magnotta .additional-info__head--light {
    /*font-family: "Montserrat-Regular", Helvetica, sans-serif*/
}

.magnotta .additional-info__text {
    margin-bottom: 10px
}

    .magnotta .additional-info__text:last-of-type {
        margin-bottom: 0
    }

.magnotta .additional-info__head--spaced {
    letter-spacing: 2px
}

@media (max-width: 768px) {
    .magnotta .additional-info__head--spaced {
        letter-spacing: 1.5px
    }
}

.magnotta .additional-info__search-num {
    color: #4c4c4c;
    margin: 15px -15px 20px 0
}

@media (max-width: 1280px) {
    .magnotta .additional-info__search-num {
        margin: 10px -15px 10px 0
    }
}

.magnotta .additional-info__search-filters {
    position: relative;
    top: -15px;
    width: 200%
}

@media (max-width: 1280px) {
    .magnotta .additional-info__search-filters {
        top: -5px
    }
}

@media (max-width: 768px) {
    .magnotta .additional-info__search-filters {
        width: 100%
    }
}

.magnotta .additional-info__search-filters span::after {
    content: ", "
}

.magnotta .additional-info__search-filters span:last-of-type::after {
    content: ""
}

.magnotta .retail-stores-controls {
    margin: 30px 0 0
}

@media (max-width: 768px) {
    .magnotta .retail-stores-controls .just-btn, .magnotta .retail-stores-controls .tile__btn {
        margin: 10px 0 0 0;
        max-width: 240px
    }
}

.magnotta .retail-wrapper {
    margin-top: 25px
}

@media (max-width: 960px) {
    .magnotta .retail-wrapper {
        margin-top: 0
    }
}

.magnotta .retail-wrapper .row > .col-sm-6:nth-of-type(2n+1) {
    clear: both
}

.magnotta .tour-wrapper {
    max-width: 545px;
    width: 50%;
    float: right
}

@media (max-width: 768px) {
    .magnotta .tour-wrapper {
        float: none;
        max-width: none;
        width: 100%
    }
}

.magnotta .tour {
    position: relative;
    z-index: 1
}

.magnotta .tour__bg-container {
    position: relative
}

@media (max-width: 768px) {
    .magnotta .tour__bg-container {
        min-height: 300px
    }
}

.magnotta .tour__bg-container:before {
    display: block;
    content: "";
    width: 100%;
    padding-top: 90%
}

@media (max-width: 960px) {
    .magnotta .tour__bg-container:before {
        padding-top: 125%
    }
}

@media (max-width: 768px) {
    .magnotta .tour__bg-container:before {
        padding-top: 70%
    }
}

.magnotta .tour__bg-container > .content {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-position: left top;
    background-repeat: no-repeat;
    background-size: 100%
}

@media (max-width: 960px) {
    .magnotta .tour__bg-container > .content {
        background-size: cover
    }
}

.magnotta .tour--vaughan .tour__bg-container > .content {
    background-image: url("/assets/content/tours1.png")
}

.magnotta .tour--beamsville .tour__bg-container > .content {
    background-image: url("/assets/content/tours2.png")
}

.magnotta .tour__options {
    background-color: #fff;
    padding: 20px 35px;
    text-align: center;
    width: 75%;
    max-width: 380px;
    min-height: 260px;
    max-height: 300px;
    height: auto;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto
}

@media (max-width: 1280px) {
    .magnotta .tour__options {
        padding: 10px 25px;
        min-height: 220px;
        max-height: 255px
    }
}

@media (max-width: 960px) {
    .magnotta .tour__options {
        padding: 10px 15px;
        width: 90%;
        max-height: 240px
    }
}

@media (max-width: 768px) {
    .magnotta .tour__options {
        width: 70%
    }
}

.magnotta .tour__head {
    margin-bottom: 10px
}

@media (max-width: 1280px) {
    .magnotta .tour__head {
        margin: 10px 0 5px 0
    }
}

.magnotta .tour__btn {
    margin-bottom: 10px
}

    .magnotta .tour__btn:last-of-type {
        margin-bottom: 0
    }

@media (max-width: 1000px) and (min-width: 961px) {
    .magnotta .tour__btn {
        letter-spacing: -0.5px
    }
}

.magnotta .tour__options__text {
    font-size: 12px;
    margin-bottom: 20px;
    letter-spacing: 0.5px;
    line-height: 1.5
}

    .magnotta .tour__options__text::first-letter {
        text-transform: uppercase
    }

@media (max-width: 1280px) {
    .magnotta .tour__options__text {
        font-size: 10px;
        line-height: 1.4;
        letter-spacing: 1px
    }
}

.magnotta .event-banner {
    background: url(/assets/content/eventsbg.png) no-repeat center center;
    min-height: 110px;
    margin-bottom: 40px;
    position: relative
}

@media (max-width: 1280px) {
    .magnotta .event-banner {
        margin-bottom: 25px;
        min-height: 80px
    }
}

.magnotta .current-events {
    display: block
}

.magnotta .archived-events, .magnotta .upcoming-events {
    display: none
}

.magnotta .event-wrapper {
    margin-bottom: 30px
}

@media (max-width: 1280px) {
    .magnotta .event-wrapper {
        margin-bottom: 20px
    }
}

.magnotta .event-text {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate3d(-50%, -50%, 0);
    -moz-transform: translate3d(-50%, -50%, 0);
    -o-transform: translate3d(-50%, -50%, 0);
    -ms-transform: translate3d(-50%, -50%, 0);
    text-align: center;
    z-index: 4;
    width: 80%
}

.magnotta .event-head {
    /*font-family: "GaramondPremrPro-Smbd";*/
    font-size: 26px;
    margin-bottom: 15px;
    color: #fff
}

@media (max-width: 1280px) {
    .magnotta .event-head {
        font-size: 17.5px;
        margin-bottom: 7.5px
    }
}

.magnotta .event-dest {
    font-size: 14px;
    color: #fff
}

@media (max-width: 1280px) {
    .magnotta .event-dest {
        font-size: 9.5px
    }
}

.magnotta .event-date, .magnotta .event-date--number {
    margin-bottom: 10px;
    color: #333333
}

@media (max-width: 1280px) {
    .magnotta .event-date, .magnotta .event-date--number {
        margin-bottom: 5px
    }
}

.magnotta .event-date {
    /*font-family: "Montserrat-Bold";*/
    font-size: 16px;
    letter-spacing: 1.5px;
    text-transform: uppercase
}

@media (max-width: 1280px) {
    .magnotta .event-date {
        font-size: 10px
    }
}

.magnotta .event-date--number {
    font-family: "GaramondPremrPro-Bd";
    font-size: 36px
}

@media (max-width: 1280px) {
    .magnotta .event-date--number {
        font-size: 24px
    }
}

.magnotta .event-desc-container p, .magnotta .event-desc-container p a, .magnotta .event-desc {
    font-size: 18px;
    line-height: 1.4;
    margin-bottom: 20px;
    font-family: "GaramondPremrPro"
}

@media (max-width: 1280px) {
    .magnotta .event-desc-container p, .magnotta .event-desc-container p a, .magnotta .event-desc {
        font-size: 13px
    }
}

.magnotta .event-wrapper--left {
    max-width: 260px;
    position: relative;
    float: left
}

@media (max-width: 1280px) {
    .magnotta .event-wrapper--left {
        max-width: 170px
    }
}

.magnotta .event-wrapper--right {
    margin-left: 290px
}

@media (max-width: 1280px) {
    .magnotta .event-wrapper--right {
        margin-left: 190px
    }
}

@media (max-width: 768px) {
    .magnotta .event-btn {
        font-size: 9px
    }
}

@media (max-width: 480px) {
    .magnotta .event-btn {
        font-size: 8px;
        position: absolute;
        top: 180px;
        left: 0;
        width: 170px
    }
}

.magnotta .event-tabs {
    max-width: 880px;
    margin: 0 auto 70px
}

@media (max-width: 1280px) {
    .magnotta .event-tabs {
        margin-bottom: 40px
    }
}

@media (max-width: 768px) {
    .magnotta .event-tabs {
        max-width: 180px
    }

        .magnotta .event-tabs .main-nav__item--tab {
            width: 100%
        }

        .magnotta .event-tabs.flex-wrapper {
            -moz-box-direction: column;
            -webkit-box-direction: column;
            -webkit-box-orient: vertical;
            -webkit-flex-direction: column;
            -ms-flexbox-direction: column;
            -ms-flex-direction: column;
            flex-direction: column
        }
}

.magnotta .products-wrapper {
    position: relative
}

@media (max-width: 960px) {
    .magnotta .products-wrapper {
        max-width: 470px
    }
}

@media (max-width: 768px) {
    .magnotta .products-wrapper {
        max-width: none;
        width: 100%
    }
}

@media (max-width: 480px) {
    .magnotta .products-wrapper .col-md-4.col-sm-6.col-xs-4 {
        width: 50%
    }
}

.magnotta .products-wrapper--similar {
    padding-top: 50px
}

@media (max-width: 1280px) {
    .magnotta .products-wrapper--similar {
        padding-top: 30px
    }
}

.magnotta .products-wrapper__top {
    position: absolute;
    top: -150px
}

@media (max-width: 1280px) {
    .magnotta .products-wrapper__top {
        top: -100px
    }
}

@media (max-width: 960px) {
    .magnotta .products-row .col-md-4.col-sm-6:nth-child(3n+1), .magnotta .products-row .col-md-3.col-sm-6:nth-child(3n+1) {
        clear: none
    }
}

@media (max-width: 768px) {
    .magnotta .products-row .col-md-4.col-sm-6:nth-child(3n+1), .magnotta .products-row .col-md-3.col-sm-6:nth-child(3n+1) {
        clear: left
    }
}

@media (max-width: 480px) {
    .magnotta .products-row .col-md-4.col-sm-6:nth-child(3n+1), .magnotta .products-row .col-md-3.col-sm-6:nth-child(3n+1) {
        clear: none
    }
}

@media (max-width: 960px) {
    .magnotta .products-row .col-md-4.col-sm-6:nth-child(even), .magnotta .products-row .col-md-3.col-sm-6:nth-child(even) {
        clear: right
    }
}

@media (max-width: 768px) {
    .magnotta .products-row .col-md-4.col-sm-6:nth-child(even), .magnotta .products-row .col-md-3.col-sm-6:nth-child(even) {
        clear: none
    }
}

@media (max-width: 480px) {
    .magnotta .products-row .col-md-4.col-sm-6:nth-child(even), .magnotta .products-row .col-md-3.col-sm-6:nth-child(even) {
        clear: right
    }
}

.magnotta .products-row .tile--minheight {
    min-height: 400px
}

@media (max-width: 1280px) {
    .magnotta .products-row .tile--minheight {
        min-height: 250px
    }
}

.magnotta .category-description {
    margin: 0 auto;
    max-width: 850px
}

@media (max-width: 1280px) {
    .magnotta .category-description {
        max-width: 570px
    }
}

.magnotta .product__img, .magnotta .product__info {
    position: relative
}

.magnotta .product {
    position: relative;
    top: -10px;
    min-height: 580px;
    margin-top: 50px
}

@media (max-width: 1280px) {
    .magnotta .product {
        min-height: 410px;
        margin-top: 25px
    }
}

@media (max-width: 480px) {
    .magnotta .product .just-btn, .magnotta .product .tile__btn {
        margin-right: -7.5px
    }

    .magnotta .product .product_shape {
        margin-left: -7.5px
    }
}

.magnotta .product__img {
    position: absolute;
    max-width: 580px;
    left: -215px;
    z-index: 1
}

@media (max-width: 1280px) {
    .magnotta .product__img {
        max-width: 400px;
        left: -145px
    }
}

.magnotta .product__info {
    margin-left: 25%;
    z-index: 2;
    max-width: 530px
}

@media (max-width: 1280px) {
    .magnotta .product__info {
        max-width: 360px
    }
}

@media (max-width: 480px) {
    .magnotta .product__info {
        margin-left: 30%
    }
}

.magnotta .product__name {
    margin: 30px 0 5px 0;
    letter-spacing: -0.3px
}

@media (max-width: 1280px) {
    .magnotta .product__name {
        margin-top: 25px
    }
}

.magnotta .product__quantity {
    font-family: "Montserrat-Regular", Helvetica, sans-serif;
    color: #7c7c7c;
    font-weight: normal;
    margin: 15px 0;
    font-size: 20px
}

@media (max-width: 1280px) {
    .magnotta .product__quantity {
        font-size: 13px;
        margin: 10px 0
    }
}

.magnotta .product__info__text {
    color: #252525;
    font-size: 18px;
    font-family: "GaramondPremrPro";
    font-weight: normal
}

@media (max-width: 1280px) {
    .magnotta .product__info__text {
        font-size: 12.5px
    }
}

.product_price_sale {
    color: #a8241e !important;
}

.product_price_caseLot {
    color: #a67c52 !important;
}

.magnotta .product__info__label {
    letter-spacing: 1.5px;
    font-size: 16px;
    font-family: "Montserrat-Regular", Helvetica, sans-serif;
    font-weight: normal;
    color: #888888;
    margin: 0 5px 5px 0
}

@media (max-width: 1280px) {
    .magnotta .product__info__label {
        font-size: 11px;
        margin: 0 3px 3px 0
    }
}

.product__info__label.product_price_sale {
    color: #a8241e
}

.product__info__label.product_price--case-lot {
    color: #a67c52
}

.magnotta .product__info__section {
    margin-bottom: 20px
}

@media (max-width: 1280px) {
    .magnotta .product__info__section {
        margin-bottom: 12px
    }
}

.magnotta .product__info__link .product__info__label {
    color: #084812 !important;
    text-decoration: underline !important
}

@media (max-width: 768px) {
    .magnotta .search-helper {
        margin: 20px 0
    }

        .magnotta .search-helper .col-xs-offset-2 {
            padding: 0
        }
}

.magnotta .products-controls {
    margin: 0 0 45px 0
}

@media (max-width: 1280px) {
    .magnotta .products-controls {
        margin: 0 0 25px 0
    }
}

.magnotta .main-content__subdesc, .magnotta .main-content__subdesc p {
    color: #3f3f3f;
    letter-spacing: 1px;
    font-size: 18px;
    font-weight: normal;
    line-height: 1.4
}

@media (max-width: 1280px) {
    .magnotta .main-content__subdesc, .magnotta .main-content__subdesc p {
        font-size: 12px;
        letter-spacing: 0.5px
    }
}

@media (max-width: 480px) {
    .magnotta .main-content__subdesc, .magnotta .main-content__subdesc p {
        font-size: 11px
    }
}

@media (max-width: 768px) {
    .magnotta .main-wrapper--gamma-full {
        float: none;
        width: 100%;
        margin: 0
    }

        .magnotta .main-wrapper--gamma-full .cont-pad {
            padding-left: 0
        }

        .magnotta .main-wrapper--gamma-full .main-content {
            margin-right: 0
        }

        .magnotta .main-wrapper--gamma-full .main-content__container {
            float: none;
            max-width: 690px;
            margin-left: auto;
            margin-right: auto;
            padding: 0 10px
        }
}

.magnotta .jump-offset {
    position: absolute;
    top: -150px
}

.magnotta .row.steps-data {
    font-size: 13px
}

    .magnotta .row.steps-data h4, .magnotta .order-details--desc {
        font-size: 13px
    }

        .magnotta .order-details--desc h4 {
            font-size: 16px
        }

    .magnotta .row.steps-data a {
        font-size: 10px
    }

.magnotta .search--result--container {
    font-size: 14px
}

.magnotta .spree-cont-pad {
    padding-left: 50px;
    padding-right: 50px
}

@media (max-width: 1280px) {
    .magnotta .spree-cont-pad {
        padding-left: 34px;
        padding-right: 34px
    }
}

@media (max-width: 960px) {
    .magnotta .spree-cont-pad {
        padding-left: 17px;
        padding-right: 17px
    }
}

@media (max-width: 768px) {
    .magnotta .spree-cont-pad {
        padding-left: 12px;
        padding-right: 12px
    }
}

@media (max-width: 480px) {
    .magnotta .spree-cont-pad {
        padding: 0;
        width: 100%
    }
}

.magnotta .spree-no-products {
    text-align: center;
    font-size: 17px
}

@media (max-width: 480px) {
    .magnotta .cart__buttons__options .just-btn, .magnotta .cart__buttons__options .tile__btn {
        margin: 0 -10px
    }
}

.magnotta .slave-locations--right {
    margin-left: 55%;
    overflow: hidden
}

@media (max-width: 400px) {
    .magnotta .slave-locations--right {
        margin-left: 195px
    }
}

.magnotta .slave-locations--left {
    float: left;
    min-width: 170px;
    max-width: 215px;
    width: 50%
}

.magnotta .search-results .main-content__section {
    margin-bottom: 20px
}

.magnotta .search-results .main-content__head--sm {
    font-size: 22px
}

@media (max-width: 1280px) {
    .magnotta .search-results .main-content__head--sm {
        font-size: 15px
    }
}

.magnotta .search-filter-head {
    font-size: 30px;
    margin-bottom: 20px;
    margin-top: 20px
}

@media (max-width: 1280px) {
    .magnotta .search-filter-head {
        font-size: 24px
    }
}

.magnotta .search-filter-list li {
    font-size: 25px
}

@media (max-width: 1280px) {
    .magnotta .search-filter-list li {
        font-size: 18px
    }
}

.magnotta .search-filter-list a {
    color: #084812
}

    .magnotta .search-filter-list a:hover {
        color: #333333
    }

.magnotta .select2 {
    width: 100% !important;
    margin-bottom: 10px
}

@media (max-width: 1280px) {
    .magnotta .select2 {
        font-size: 10px
    }
}

.magnotta .select2-container--default .select2-selection--single {
    color: #323232;
    font-size: 14px;
    border: 1px solid #ccc;
    padding: 0 8px 0 20px;
    line-height: 38px;
    height: 38px
}

@media (max-width: 1280px) {
    .magnotta .select2-container--default .select2-selection--single {
        padding: 0 5px 0 15px;
        line-height: 27px;
        height: 27px
    }
}

.magnotta .user-account-details {
    font-size: 16px
}

@media (max-width: 768px) {
    .magnotta .user-account-details {
        font-size: 10px
    }

        .magnotta .user-account-details .lead {
            font-size: 12px
        }
}

@media (max-width: 480px) {
    .magnotta .user-account-details {
        font-size: 9px;
        letter-spacing: -0.5px
    }
}

.magnotta .edit-account-page fieldset {
    border: none
}

.magnotta .edit-account-page .main-content__text--sm {
    margin-bottom: 0
}

.magnotta .edit-account-page input, .magnotta .edit-account-page select {
    margin-bottom: 15px
}

.magnotta .edit-account-page select {
    background-color: #fff
}

.magnotta .guest-checkout-container {
    display: none
}

    .magnotta .guest-checkout-container p {
        text-align: center;
        width: 45%
    }

.magnotta .checkout-unsigned-nav-bar {
    width: 60%;
    margin-top: 1%
}

.magnotta .search-filter-store {
    color: #084812;
    font-size: 16px
}

.magnotta .google-info-window {
    font-size: 9px
}

.magnotta .header__user__link--second {
    margin-left: 20px
}

.magnotta .header__user__link--first {
    margin-left: 8px
}

.magnotta tr.stock-item {
    font-size: 20px
}

@media (max-width: 1280px) {
    .magnotta tr.stock-item {
        font-size: 15px
    }
}

@media (max-width: 768px) {
    .magnotta tr.stock-item {
        font-size: 10px
    }
}

.magnotta .checkout-hint {
    font-size: 10px
}

@media (max-width: 768px) {
    .magnotta .checkout-hint {
        font-size: 8px
    }
}

.magnotta .table.table--careers > tbody > tr > td {
    border-top: 2px dotted #084812
}

.magnotta .careers--heading {
    line-height: 2em;
    background-color: lightgrey
}

.magnotta .category-description-padding {
    padding-top: 50px
}

.magnotta .product-add-to-cart-padding {
    padding-top: 25px;
    padding-bottom: 25px
}

.magnotta .subnav-bg {
    background-color: #084812
}

.magnotta .store-subnav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
    height: 50px
}

@media (max-width: 1280px) {
    .magnotta .store-subnav {
        height: 40px
    }
}

@media (max-width: 768px) {
    .magnotta .store-subnav {
        height: 70px
    }
}

.magnotta .store-subnav .store-subnav__item a {
    color: #fff
}

.magnotta .store-subnav .subnav-dropdown-opener {
    position: relative
}

    .magnotta .store-subnav .subnav-dropdown-opener.dropdown-opened {
        font-weight: 700
    }

        .magnotta .store-subnav .subnav-dropdown-opener.dropdown-opened .subnav-dropdown {
            display: block
        }

        .magnotta .store-subnav .subnav-dropdown-opener.dropdown-opened::after {
            content: '';
            display: block;
            border-bottom: 3px solid #fff;
            position: absolute;
            bottom: 0;
            width: 100%
        }

    .magnotta .store-subnav .subnav-dropdown-opener .subnav-dropdown {
        display: none;
        position: absolute;
        left: 0;
        right: 0;
        top: 100%;
        background-color: #fff;
        z-index: 32;
        text-align: left;
        border: 2px solid #084812;
        padding: 10px 0
    }

        .magnotta .store-subnav .subnav-dropdown-opener .subnav-dropdown li {
            width: 85%;
            margin: 0 auto
        }

            .magnotta .store-subnav .subnav-dropdown-opener .subnav-dropdown li a {
                position: relative;
                display: block;
                font-weight: 500;
                padding: 10px 0;
                color: #084812
            }

                .magnotta .store-subnav .subnav-dropdown-opener .subnav-dropdown li a:hover, .magnotta .store-subnav .subnav-dropdown-opener .subnav-dropdown li a.active-subnav {
                    font-weight: 700
                }

                    .magnotta .store-subnav .subnav-dropdown-opener .subnav-dropdown li a:hover::after, .magnotta .store-subnav .subnav-dropdown-opener .subnav-dropdown li a.active-subnav::after {
                        content: '';
                        display: block;
                        border-bottom: 2px solid #084812;
                        position: absolute;
                        bottom: 0;
                        width: 100%
                    }

            .magnotta .store-subnav .subnav-dropdown-opener .subnav-dropdown li.item-with-subsubnav:hover a {
                font-weight: 700
            }

.magnotta .store-subnav .subsubnav-opener {
    position: relative
}

    .magnotta .store-subnav .subsubnav-opener.subdropdown-opened .subnav-subnav {
        display: block
    }

    .magnotta .store-subnav .subsubnav-opener .subnav-subnav {
        display: none;
        position: absolute;
        left: 100%;
        top: 0;
        width: 200px;
        background: #fff;
        border: 2px solid #084812
    }

@media (max-width: 768px) {
    .magnotta .store-subnav .subsubnav-opener .subnav-subnav {
        position: static;
        width: initial;
        background: none;
        border: none
    }
}

.magnotta .store-subnav .subnav-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-pack: distribute;
    -webkit-justify-content: space-around;
    -moz-justify-content: space-around;
    justify-content: space-around;
    width: 100%;
    font-size: 20px
}

@media (max-width: 768px) {
    .magnotta .store-subnav .subnav-list {
        -webkit-flex-wrap: wrap;
        -moz-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

.magnotta .store-subnav .subnav-list .store-subnav__item {
    position: relative;
    width: 18%;
    padding: 10px 0
}

@media (max-width: 768px) {
    .magnotta .store-subnav .subnav-list .store-subnav__item {
        width: 33%
    }
}

.magnotta .store-subnav .subnav-list .store-subnav__item.active, .magnotta .store-subnav .subnav-list .store-subnav__item:hover {
    font-weight: 700
}

    .magnotta .store-subnav .subnav-list .store-subnav__item.active::after, .magnotta .store-subnav .subnav-list .store-subnav__item:hover::after {
        content: '';
        display: block;
        border-bottom: 3px solid #fff;
        position: absolute;
        bottom: 0;
        width: 100%
    }

.magnotta .product-subcategory {
    margin-bottom: 25px
}

.magnotta .filter__price-range__values {
    font-size: 16px
}

@media (max-width: 1280px) {
    .magnotta .filter__price-range__values {
        font-size: 13px
    }
}

.magnotta .free-checkout-products {
    margin-top: 135px
}

@media (max-width: 1280px) {
    .magnotta .free-checkout-products {
        margin-top: 100px
    }
}

@media (max-width: 768px) {
    .magnotta .free-checkout-products {
        margin-top: 150px
    }
}

.magnotta .error-quantity-reduce, .magnotta .error-quantity-null {
    color: #a8241e;
    display: none
}

.magnotta .modal-open .my-modal {
    overflow-y: scroll !important
}

.magnotta .my-modal {
    font-size: 13px
}

@media (max-width: 1280px) {
    .magnotta .my-modal {
        font-size: 9px
    }
}

.magnotta .my-modal__dialog {
    max-width: 1350px;
    width: auto !important;
    margin-left: auto;
    margin-right: auto
}

@media (max-width: 1280px) {
    .magnotta .my-modal__dialog {
        max-width: 880px
    }
}

@media (max-width: 960px) {
    .magnotta .my-modal__dialog {
        max-width: 750px
    }
}

@media (max-width: 768px) {
    .magnotta .my-modal__dialog {
        max-width: 670px
    }
}

@media (max-width: 480px) {
    .magnotta .my-modal__dialog {
        max-width: 440px
    }
}

.magnotta .my-modal__content {
    padding: 70px 0;
    position: relative;
    background-color: #fff;
    outline: none;
    background-clip: padding-box
}

@media (max-width: 960px) {
    .magnotta .my-modal__content {
        padding: 40px 0
    }
}

.magnotta .my-modal__header {
    position: relative;
    margin-bottom: 45px
}

@media (max-width: 1280px) {
    .magnotta .my-modal__header {
        margin-bottom: 20px
    }
}

.magnotta .my-modal__container {
    max-width: 1130px;
    padding: 0 30px;
    margin: 0 auto
}

@media (max-width: 1280px) {
    .magnotta .my-modal__container {
        max-width: 750px
    }
}

@media (max-width: 768px) {
    .magnotta .my-modal__container {
        max-width: 590px;
        padding: 0 15px
    }
}

@media (max-width: 480px) {
    .magnotta .my-modal__container {
        max-width: 390px
    }
}

.magnotta .my-modal__master {
    position: relative;
    margin-bottom: 25px
}

.magnotta .my-modal__slave--left {
    float: left
}

.magnotta .winemaker-bio p, .magnotta .my-modal__text, .magnotta .my-modal__awards p, .magnotta .my-modal__innovations p, .magnotta .my-modal__head {
    font-family: "GaramondPremrPro"
}

.magnotta .my-modal__head--winemaker, .magnotta .my-modal__head--vineyard {
    font-family: "GaramondPremrPro-Smbd"
}

.magnotta .my-modal__head--vineyard {
    font-size: 2.9em;
    margin-top: 25px
}

@media (max-width: 1280px) {
    .magnotta .my-modal__head--vineyard {
        margin-top: 20px
    }
}

.magnotta .my-modal__head--green {
    color: #084812
}

.magnotta .my-modal__text-wrapper--vineyard {
    padding-right: 50px;
    border-right: 1px solid #ccc
}

@media (max-width: 1280px) {
    .magnotta .my-modal__text-wrapper--vineyard {
        padding-right: 30px
    }
}

@media (max-width: 768px) {
    .magnotta .my-modal__text-wrapper--vineyard {
        padding-right: 10px
    }
}

@media (max-width: 480px) {
    .magnotta .my-modal__text-wrapper--vineyard {
        border-right: none
    }
}

.magnotta .winemaker-bio p, .magnotta .my-modal__text, .magnotta .my-modal__awards p, .magnotta .my-modal__innovations p {
    font-size: 2em;
    line-height: 1.6;
    letter-spacing: 0.6px;
    margin-bottom: 15px;
    color: #262626
}

    .magnotta .winemaker-bio p:last-of-type, .magnotta .my-modal__text:last-of-type, .magnotta .my-modal__awards p:last-of-type, .magnotta .my-modal__innovations p:last-of-type {
        margin-bottom: 0
    }

@media (max-width: 1280px) {
    .magnotta .winemaker-bio p, .magnotta .my-modal__text, .magnotta .my-modal__awards p, .magnotta .my-modal__innovations p {
        line-height: 1.4;
        letter-spacing: 0.2px;
        margin-bottom: 10px
    }
}

.magnotta .my-modal__text--vertical-margin {
    margin-top: 20px;
    margin-bottom: 20px
}

.magnotta .my-modal__text--vertical-margin--sm {
    margin-top: 10px;
    margin-bottom: 10px
}

.magnotta .my-modal__text--vertical-margin--big {
    margin-top: 40px !important;
    margin-bottom: 60px !important
}

@media (max-width: 1280px) {
    .magnotta .my-modal__text--vertical-margin--big {
        margin-top: 25px !important;
        margin-bottom: 40px !important
    }
}

.magnotta .my-modal__text--vertical-margin--big--invert {
    margin-top: 60px !important;
    margin-bottom: 40px !important
}

@media (max-width: 1280px) {
    .magnotta .my-modal__text--vertical-margin--big--invert {
        margin-top: 40px !important;
        margin-bottom: 25px !important
    }
}

.magnotta .my-modal__text--wrapped {
    max-width: 850px;
    width: 81%;
    margin-left: auto;
    margin-right: auto
}

.magnotta .winemaker-bio p, .magnotta .my-modal__text--winemaker {
    line-height: 1.4
}

.magnotta .my-modal__text--regular {
    font-size: 1.55em;
    margin-bottom: 5px;
    color: lighte(#323232, 10%)
}

.magnotta .my-modal__text--regular--sm {
    font-size: 1.35em;
    margin-bottom: 7px
}

.magnotta .my-modal__head {
    font-size: 3em;
    margin-bottom: 20px;
    letter-spacing: 1px
}

@media (max-width: 1280px) {
    .magnotta .my-modal__head {
        margin-bottom: 10px
    }
}

.magnotta .my-modal__head--halfmargin {
    margin-bottom: 10px
}

.magnotta .my-modal__subhead--regular {
    font-family: "Montserrat-Regular", Helvetica, sans-serif;
    letter-spacing: 2px
}

.magnotta .mymodal__subhead--regular--sm {
    letter-spacing: 1px
}

.magnotta .my-modal__subhead, .magnotta .my-modal__quote {
    font-family: "GaramondPremrPro-Smbd"
}

.magnotta .my-modal__subhead, .magnotta .my-modal__subhead--regular {
    font-size: 1.5em;
    margin-bottom: 1.7em
}

.magnotta .my-modal__subhead--regular--compact {
    letter-spacing: 0
}

.magnotta .my-modal__subhead--md {
    font-size: 2.3em;
    margin-bottom: 15px
}

.magnotta .my-modal__subhead--big {
    font-size: 2.45em;
    font-weight: 300;
    margin-bottom: 20px
}

.magnotta .my-modal__subhead--vineyard {
    margin-bottom: 10px;
    letter-spacing: 2px
}

@media (max-width: 1280px) {
    .magnotta .my-modal__subhead--vineyard {
        margin-bottom: 0
    }
}

.magnotta .my-modal__btn {
    background-color: transparent;
    color: #646464;
    border: none;
    position: absolute;
    width: 40px;
    height: 40px;
    top: 30px
}

    .magnotta .my-modal__btn:focus, .magnotta .my-modal__btn:active {
        outline: none
    }

@media (max-width: 1280px) {
    .magnotta .my-modal__btn {
        width: 27px;
        height: 27px
    }
}

@media (max-width: 960px) {
    .magnotta .my-modal__btn {
        top: 10px;
        width: 20px;
        height: 20px
    }
}

.magnotta .my-modal__btn--close {
    right: 30px;
    background: url(icons/close-icon.png) no-repeat center center
}

.magnotta .my-modal__btn--back {
    display: none;
    left: 30px;
    font-size: 60px
}

    .magnotta .my-modal__btn--back, .magnotta .my-modal__btn--back i {
        line-height: 0
    }

@media (max-width: 768px) {
    .magnotta .my-modal__btn--back {
        font-size: 40px
    }
}

.magnotta .my-modal--step1 .my-modal__btn--back {
    display: none
}

.magnotta .my-modal__text-section {
    padding-bottom: 30px;
    border-bottom: 1px solid #ccc
}

.magnotta .my-modal__content-section {
    margin-top: 20px
}

.magnotta .my-modal__quote {
    margin-bottom: 25px;
    font-size: 18px
}

.magnotta .my-modal__hint {
    font-size: 1.2em
}

.magnotta .art-wine {
    margin-bottom: 25px
}

@media (max-width: 480px) {
    .magnotta .art-wine [class*="col-xs"], .magnotta .art-controls [class*="col-xs"] {
        width: 100%;
        float: none
    }

    .magnotta .art-wine [class*="col-xs-offset"], .magnotta .art-controls [class*="col-xs-offset"] {
        margin-left: 0 !important
    }
}

.magnotta .art-wine__wine {
    min-height: 550px;
    display: block
}

@media (max-width: 1280px) {
    .magnotta .art-wine__wine {
        max-width: 215px;
        min-height: 300px
    }
}

@media (max-width: 768px) {
    .magnotta .art-wine__wine:hover {
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        -o-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0)
    }
}

@media (max-width: 480px) {
    .magnotta .art-wine__wine {
        margin: 0 auto
    }
}

.magnotta .art-wine__wine__wrapper {
    max-width: 400px;
    padding: 12px 5px;
    margin: 0 auto
}

.magnotta .art-wine__wine__img-wrapper {
    display: block;
    margin: 0 auto 20px
}

@media (max-width: 768px) {
    .magnotta .art-wine__wine__img-wrapper {
        max-width: 65px
    }
}

.magnotta .art-wine__wine__desc {
    font-size: 15px;
    margin-bottom: 15px;
    letter-spacing: -0.5px
}

@media (max-width: 1280px) {
    .magnotta .art-wine__wine__desc {
        font-size: 10px
    }
}

.magnotta .art-wine__wine__quantity, .magnotta .art-wine__wine__price {
    font-size: 18px
}

@media (max-width: 1280px) {
    .magnotta .art-wine__wine__quantity, .magnotta .art-wine__wine__price {
        font-size: 12px
    }
}

.magnotta .art-wine__wine__quantity {
    float: right
}

.magnotta .art-wine__wine__price {
    float: left
}

.magnotta .col-xs-6--right-bordered {
    border-right: 2px solid #ccc
}

.magnotta .art-wine__wine__btn {
    margin-top: 20px;
    width: 55%
}

@media (max-width: 1280px) {
    .magnotta .art-wine__wine__btn {
        max-width: 150px;
        margin: 15px auto 0
    }
}

.magnotta .art-wine > .row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -moz-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch
}

@media (max-width: 480px) {
    .magnotta .art-wine > .row {
        display: block
    }
}

.magnotta .art-wine__art__img-wrapper {
    width: 100%
}

    .magnotta .art-wine__art__img-wrapper img {
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate3d(-50%, -50%, 0);
        -moz-transform: translate3d(-50%, -50%, 0);
        -o-transform: translate3d(-50%, -50%, 0);
        -ms-transform: translate3d(-50%, -50%, 0);
        max-height: 99%
    }

@media (max-width: 480px) {
    .magnotta .art-wine__art__img-wrapper img {
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        -o-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
        max-height: none;
        position: static;
        display: block;
        margin: 0 auto;
        max-width: 100%
    }
}

@media (max-width: 480px) {
    .magnotta .art-wine__art__img-wrapper {
        margin-top: 32px
    }
}

.magnotta .art-wine__control {
    display: block;
    font-size: 16px;
    font-family: "Montserrat-Bold";
    text-transform: uppercase;
    letter-spacing: 2px
}

    .magnotta .art-wine__control i {
        top: 5px;
        position: relative;
        line-height: 0;
        font-size: 33px
    }

@media (max-width: 1280px) {
    .magnotta .art-wine__control i {
        font-size: 22px;
        top: 2px
    }
}

@media (max-width: 1280px) {
    .magnotta .art-wine__control {
        font-size: 11px;
        letter-spacing: 1px
    }
}

@media (max-width: 480px) {
    .magnotta .art-wine__control {
        position: relative
    }
}

.magnotta .art-wine__control--left i {
    left: -10px
}

@media (max-width: 480px) {
    .magnotta .art-wine__control--left i {
        position: absolute;
        top: 50%;
        -webkit-transform: translate3d(0, -50%, 0);
        -moz-transform: translate3d(0, -50%, 0);
        -o-transform: translate3d(0, -50%, 0);
        -ms-transform: translate3d(0, -50%, 0);
        left: 15%
    }
}

.magnotta .art-wine__control--right i {
    right: -10px
}

@media (max-width: 480px) {
    .magnotta .art-wine__control--right i {
        position: absolute;
        top: 50%;
        -webkit-transform: translate3d(0, -50%, 0);
        -moz-transform: translate3d(0, -50%, 0);
        -o-transform: translate3d(0, -50%, 0);
        -ms-transform: translate3d(0, -50%, 0);
        right: 15%
    }
}

.magnotta .winemaker--peter, .magnotta .winemaker--marco, .magnotta .my-modal__menu__tab {
    display: none
}

.magnotta .winemaker__thumbnail {
    float: left;
    margin: 0 30px 45px 0
}

@media (max-width: 480px) {
    .magnotta .winemaker__thumbnail {
        float: none;
        width: 100%
    }
}

.magnotta .winemaker__nav-item, .magnotta .my-modal__tab-menu__option {
    width: 100%;
    max-width: 270px
}

@media (max-width: 1280px) {
    .magnotta .winemaker__nav-item, .magnotta .my-modal__tab-menu__option {
        max-width: 200px
    }
}

@media (max-width: 768px) {
    .magnotta .winemaker__nav-item, .magnotta .my-modal__tab-menu__option {
        max-width: 170px
    }
}

@media (max-width: 480px) {
    .magnotta .winemaker__nav-item, .magnotta .my-modal__tab-menu__option {
        width: 48%
    }
}

.magnotta .my-modal__tab-menu__option--third {
    max-width: 270px
}

.magnotta .winemaker__menu, .magnotta .my-modal__tab-menu {
    max-width: 550px;
    margin: 0 auto;
    position: relative
}

@media (max-width: 1280px) {
    .magnotta .winemaker__menu, .magnotta .my-modal__tab-menu {
        max-width: 410px
    }
}

@media (max-width: 768px) {
    .magnotta .winemaker__menu, .magnotta .my-modal__tab-menu {
        max-width: 350px
    }
}

.magnotta .my-modal__tab-menu--three {
    max-width: 830px
}

.magnotta .my-modal__list-wrapper--vineyard {
    padding-left: 10px
}

    .magnotta .my-modal__list-wrapper--vineyard li {
        margin-bottom: 10px;
        font-size: 1.45em;
        letter-spacing: -0.1px;
        font-family: "GaramondPremrPro-Ita";
        font-style: italic;
        color: #333333
    }

        .magnotta .my-modal__list-wrapper--vineyard li:last-of-type {
            margin-bottom: 0
        }

@media (max-width: 480px) {
    .magnotta .my-modal__list-wrapper--vineyard li {
        margin-bottom: 0;
        display: inline-block;
        letter-spacing: -0.4px
    }

        .magnotta .my-modal__list-wrapper--vineyard li::after {
            content: ",\00a0\00a0"
        }

        .magnotta .my-modal__list-wrapper--vineyard li:last-of-type::after {
            content: " "
        }
}

@media (max-width: 1280px) {
    .magnotta .my-modal__list-wrapper--vineyard {
        padding-left: 0;
        margin-left: -7px
    }
}

@media (max-width: 768px) {
    .magnotta .my-modal__list-wrapper--vineyard {
        margin-left: 0;
        padding-left: 10px
    }
}

@media (max-width: 480px) {
    .magnotta .my-modal__list-wrapper--vineyard {
        padding-left: 0;
        text-align: center;
        margin-bottom: 30px
    }
}

.magnotta .list-title {
    font-size: 1.45em;
    font-weight: 300;
    margin-bottom: 20px;
    line-height: 1.5;
    letter-spacing: -1.4px;
    color: #333333;
    text-transform: uppercase
}

@media (max-width: 1280px) {
    .magnotta .list-title {
        margin-bottom: 15px
    }
}

@media (max-width: 480px) {
    .magnotta .col--vineyard__text, .magnotta .col--vineyard__list {
        position: static;
        width: 100%
    }
}

.magnotta .my-modal__innovation__img {
    max-width: 260px
}

@media (max-width: 1280px) {
    .magnotta .my-modal__innovation__img {
        max-width: 170px
    }
}

@media (max-width: 960px) {
    .magnotta .my-modal__innovation__img {
        max-width: 160px
    }
}

@media (max-width: 768px) {
    .magnotta .my-modal__innovation__img {
        margin-right: 20px;
        margin-bottom: 20px
    }
}

.magnotta .my-modal__innovation-text {
    font-size: 0.88em;
    margin-left: 290px
}

    .magnotta .my-modal__innovation-text .my-modal__text, .magnotta .my-modal__innovation-text .my-modal__awards p, .magnotta .my-modal__innovation-text .my-modal__innovations p {
        line-height: 1.4;
        letter-spacing: -0.1px
    }

@media (max-width: 1280px) {
    .magnotta .my-modal__innovation-text {
        margin-left: 190px
    }
}

@media (max-width: 1280px) {
    .magnotta .my-modal__innovation-text {
        margin-left: 180px
    }
}

@media (max-width: 768px) {
    .magnotta .my-modal__innovation-text {
        margin-left: 0
    }
}

.magnotta .my-modal__innovation__head, .magnotta .my-modal__head--md {
    font-size: 2.5em;
    margin-bottom: 10px
}

.magnotta .my-modal__innovation__subhead {
    font-size: 2em;
    margin-bottom: 10px
}

.magnotta .my-modal__innovations__intro {
    margin-bottom: 40px !important
}

.magnotta .my-modal_awards__wrapper {
    font-size: 0.8em;
    margin-top: 25px;
    padding-top: 25px;
    border-top: 1px solid #ccc
}

.magnotta .my-modal__awards__title, .magnotta .my-modal__awards__prize, .magnotta .my-modal__awards__state {
    font-size: 1.6em
}

.magnotta .my-modal__awards__product, .magnotta .my-modal__awards__hint {
    font-size: 2em
}

.magnotta .my-modal__awards__title {
    color: #333333;
    font-family: "Montserrat-Bold";
    display: inline
}

.magnotta .my-modal__awards__description {
    display: none
}

.magnotta .my-modal__awards__list {
    padding: 20px 15px 20px 0
}

    .magnotta .my-modal__awards__list li {
        position: relative
    }

        .magnotta .my-modal__awards__list li:before {
            content: "•";
            font-size: 170%;
            position: absolute;
            left: 0;
            text-indent: 0
        }

.magnotta .my-modal__awards__list__item {
    text-indent: 25px;
    margin-bottom: 10px
}

    .magnotta .my-modal__awards__list__item:last-of-type {
        margin-bottom: 0
    }

.magnotta .my-modal__awards__product {
    text-indent: 20px;
    color: #323232;
    font-family: "GaramondPremrPro-Bd"
}

    .magnotta .my-modal__awards__product:hover {
        color: #323232;
        text-decoration: underline
    }

.magnotta .my-modal__awards__hint {
    font-family: "GaramondPremrPro-Smbd"
}

.magnotta .my-modal__awards__state::before, .magnotta .my-modal__awards__prize::before {
    content: " - "
}

.magnotta .my-modal__awards__state:empty::before, .magnotta .my-modal__awards__prize:empty::before {
    content: ""
}

.magnotta .my-modal__awards__prize {
    text-transform: uppercase;
    letter-spacing: 0.5px;
    color: #333333
}

    .magnotta .my-modal__awards__prize::before {
        color: #333333
    }

.magnotta .my-modal__awards__state {
    color: #d22525;
    letter-spacing: 1.5px;
    text-transform: uppercase
}

    .magnotta .my-modal__awards__state::before {
        color: #323232
    }

.magnotta .package__img {
    float: left;
    max-width: 145px;
    max-height: 145px
}

    .magnotta .package__img img {
        max-width: 100%;
        max-height: 100%
    }

@media (max-width: 1280px) {
    .magnotta .package__img {
        max-width: 100px;
        max-height: 100px
    }
}

.magnotta .package__info {
    margin-left: 175px;
    overflow: hidden
}

@media (max-width: 1280px) {
    .magnotta .package__info {
        margin-left: 115px
    }
}

.magnotta .package__info__text {
    font-size: 1.5em;
    margin-bottom: 2.5px;
    color: #6f6f6f
}

.magnotta .package__master {
    margin-bottom: 30px
}

@media (max-width: 1280px) {
    .magnotta .package__master {
        margin-bottom: 20px
    }
}

.magnotta .tour-package {
    padding: 25px 0;
    border-bottom: 1px solid #ccc
}

    .magnotta .tour-package:first-of-type {
        padding-top: 0
    }

.magnotta .my-modal__link {
    font-size: 1.5em;
    font-family: "Montserrat-Bold"
}

.magnotta .my-modal__photo-prices-info {
    margin-bottom: 15px
}

.magnotta .my-modal__photo-tour-info {
    margin: 15px 0 40px;
    max-width: 820px;
    line-height: 1.4
}

.magnotta .my-bullet-list {
    max-width: 430px;
    margin-top: 20px;
    font-size: 1.59em
}

    .magnotta .my-bullet-list:last-of-type {
        margin-bottom: 0
    }

    .magnotta .my-bullet-list li {
        font-family: "GaramondPremrPro";
        margin-bottom: 12px
    }

        .magnotta .my-bullet-list li::before {
            content: '\2022';
            float: left;
            margin-right: 8px;
            position: relative;
            top: -1px
        }

        .magnotta .my-bullet-list li:last-of-type {
            margin-bottom: 0
        }

.magnotta .my-modal .contact {
    max-width: 350px
}

.magnotta .my-modal__book-photo .my-modal__subhead--regular--compact.text-black {
    margin-bottom: 1.5em;
    color: #262626
}

.magnotta .footer {
    box-shadow: 0 -2px 10px 0 #777;
    padding: 40px 0;
    background-color: #7d7d7d;
    font-size: 14px
}

@media (max-width: 1280px) {
    .magnotta .footer {
        padding: 25px 0
    }
}

.magnotta .copyright {
    background-color: #5e5e5e;
    padding: 20px 0;
    font-size: 14px
}

@media (max-width: 1280px) {
    .magnotta .copyright {
        padding: 15px 0
    }
}

.magnotta .footer, .magnotta .copyright {
    position: relative
}

@media (max-width: 1280px) {
    .magnotta .footer, .magnotta .copyright {
        font-size: 11px
    }
}

.magnotta .copyright__link, .magnotta .copyright__text {
    color: #7d7d7d;
    font-weight: 700;
    font-size: 0.88em
}

.magnotta .copyright__item {
    display: inline-block;
    border-left: 1px solid #7d7d7d;
    padding: 0 10px
}

    .magnotta .copyright__item:first-of-type {
        border-left: none
    }

.magnotta .copyright__links {
    margin-left: 15.5%
}

@media (max-width: 768px) {
    .magnotta .copyright__links {
        float: right;
        margin-left: 0
    }
}

@media (max-width: 480px) {
    .magnotta .copyright__links {
        float: none;
        width: 200%
    }
}

@media (max-width: 480px) {
    .magnotta .copyright__text {
        display: block;
        width: 200%;
        margin-bottom: 10px
    }
}

.magnotta .footer__section {
    margin: 0 -15px
}

@media (max-width: 768px) {
    .magnotta .footer__section {
        margin-bottom: 15px
    }
}

.magnotta .footer__section--last {
    margin-left: 16%
}

@media (max-width: 768px) {
    .magnotta .footer__section--last {
        float: right;
        margin-left: 0
    }
}

@media (max-width: 480px) {
    .magnotta .footer__section--last {
        float: none
    }
}

.magnotta .footer__title {
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 1em;
    margin-bottom: 25px;
    font-family: "Montserrat-Bold"
}

@media (max-width: 1280px) {
    .magnotta .footer__title {
        margin-bottom: 15px
    }
}

.magnotta .footer__links__item {
    margin-bottom: 20px
}

    .magnotta .footer__links__item:last-child {
        margin-bottom: 0
    }

@media (max-width: 1280px) {
    .magnotta .footer__links__item {
        margin-bottom: 13px
    }
}

@media (max-width: 480px) {
    .magnotta .footer__links__item {
        padding-right: 15px
    }
}

.magnotta .footer__link:hover, .magnotta .footer__contact__mailto:hover, .magnotta .copyright__link:hover {
    color: #084812
}

.magnotta .footer__contact__mailto {
    color: #fff
}

.magnotta .footer__link {
    font-size: 0.88em;
    color: #c5c5c5
}

.magnotta .footer__contact {
    color: #fff;
    margin-top: 50px
}

@media (max-width: 1280px) {
    .magnotta .footer__contact {
        margin-top: 35px
    }
}

@media (max-width: 440px) {
    .magnotta .footer__contact {
        font-size: 10.2px;
        letter-spacing: -0.2px
    }
}

.magnotta .footer__contact__label {
    color: #ccc;
    text-transform: uppercase;
    letter-spacing: 0.5px
}

@media (max-width: 440px) {
    .magnotta .footer__contact__label {
        letter-spacing: 0
    }
}

.magnotta .tablet-show {
    display: none
}

@media (max-width: 960px) {
    .magnotta .tablet-show {
        display: block
    }
}

.magnotta .mobile-show {
    display: none
}

@media (max-width: 480px) {
    .magnotta .mobile-show {
        display: block
    }
}

.magnotta .beta-visible {
    display: none
}

@media (max-width: 960px) {
    .magnotta .beta-visible {
        display: block
    }
}

@media (max-width: 960px) {
    .magnotta .beta-hide {
        display: none
    }
}

.magnotta .delta-visible, .magnotta .delta-show {
    display: none
}

@media (max-width: 480px) {
    .magnotta .delta-visible, .magnotta .delta-show {
        display: block
    }
}

.magnotta .gamma-show {
    display: none
}

@media (max-width: 768px) {
    .magnotta .gamma-show {
        display: block
    }
}

@media (max-width: 768px) {
    .magnotta .gamma-hide {
        display: none
    }
}

@media (max-width: 480px) {
    .magnotta .delta-hide {
        display: none
    }
}

@media (min-width: 1281px) and (max-width: 1340px) {
    .magnotta .header__subtitle {
        letter-spacing: -0.5px;
        margin-left: 21%
    }

    .magnotta .main-nav__item, .magnotta .store-subnav__item {
        letter-spacing: -0.5px
    }

    .magnotta .header__input {
        width: 90%;
        left: 45px
    }

    .magnotta .header__submit {
        left: 30px
    }
}

@media (max-width: 1500px) and (min-width: 1281px) {
    .magnotta .header__shopping, .magnotta .header__facebook {
        padding-top: 15px
    }

    .magnotta .header__search-form {
        padding-top: 20px
    }

    .magnotta .header__submit {
        top: 15px
    }

    .magnotta .header__user {
        padding-top: 22px
    }

    .magnotta .shopping__bubble {
        padding-top: 4px
    }

    .magnotta .subscribe__headline, .magnotta .event-date--number, .magnotta .headline {
        font-size: 30px
    }

    .magnotta .intro__headtext {
        font-size: 29px
    }

    .magnotta .main-content__head, .magnotta .art-gallery__name {
        font-size: 27px
    }

    .magnotta .location-description__head, .magnotta .quote__text--floated, .magnotta .search-filter-head, .magnotta .sidebar__title {
        font-size: 25px
    }

    .magnotta .main-content__head--sm, .magnotta .sidebar__head--sm, .magnotta .sidebar {
        font-size: 24px
    }

    .magnotta .event-head, .magnotta .tile__head, .magnotta .tile--locations__name, .magnotta .sidebar__info {
        font-size: 21px
    }

    .magnotta .gallery__description, .magnotta .quote__text, .magnotta .search-filter-list li {
        font-size: 20px
    }

    .magnotta .main-content__text, .magnotta .main-content__text--footer {
        font-size: 19.5px
    }

    .magnotta .subscribe__text, .magnotta .brand__text, .magnotta .search-results .main-content__head--sm, .magnotta .product_name, .magnotta .tile--locations__desc {
        font-size: 17px
    }

    .magnotta .gallery__title, .magnotta .event-desc, .magnotta .product__quantity, .magnotta .product__info__text, .magnotta .main-content__subdesc, .magnotta .text-hint, .magnotta .award__product {
        font-size: 15px
    }

    .magnotta .main-content__text--sm, .magnotta .product_price, .magnotta .tile--milestone__date, .magnotta .tile--milestone__tooltip__title, .magnotta .tile--locations__phone, .magnotta .tile--locations--other__phone, .magnotta .art-wine__wine__quantity, .magnotta .art-wine__wine__price, .magnotta .sidebar__subtitle, .magnotta .sidebar__text, .magnotta .sidebar__link, .magnotta .sidebar__form__text {
        font-size: 14px
    }

    .magnotta .main-content__text--xs, .magnotta .main-content__subhead--sm, .magnotta .location-description__address, .magnotta .location-description__phone, .magnotta .location-description__subhead, .magnotta .additional-info__head, .magnotta .additional-info__text, .magnotta .event-dest, .magnotta .event-date, .magnotta .user-account-details, .magnotta .select2-container--default .select2-selection--single, .magnotta .order-details--desc h4, .magnotta .my-input, .magnotta .sidebar__form__input, .magnotta .tile__subhead, .magnotta .product_quantity, .magnotta .tile--locations--other__addr, .magnotta .award__contest, .magnotta .award__hint, .magnotta .my-modal__quote, .magnotta .art-wine__wine__desc, .magnotta .art-wine__control, .magnotta .header, .magnotta .header__extension__input, .magnotta .main-nav__item, .magnotta .store-subnav__item, .magnotta .footer, .magnotta .copyright {
        font-size: 12px
    }

    .magnotta .tour__options__text, .magnotta .spree-no-products, .magnotta .search--result--container, .magnotta .row.steps-data h4, .magnotta .order-details--desc, .magnotta .row.steps-data, .magnotta .just-link, .magnotta .just-btn, .magnotta .tile__btn, .magnotta .product_shape_btn, .magnotta .product_labels, .magnotta .tile--milestone__tooltip__date, .magnotta .tile--milestone__tooltip__content, .magnotta .art-gallery__painting, .magnotta .award__medal, .magnotta .my-modal, .magnotta .header__extension__link {
        font-size: 11px
    }

    .magnotta .event {
        font-size: 8px
    }
}

@media (min-width: 1281px) and (max-width: 1520px) {
    .magnotta .location-description__address.address--margin-bottom {
        margin-right: -30px;
        padding-left: 20px;
        white-space: nowrap;
        left: -20px
    }

    .magnotta .contact-side-by-address {
        padding-left: 20px !important
    }
}

@media (min-width: 961px) and (max-width: 1100px) {
    .magnotta .retail-stores-controls .col-md-4.col-sm-5:first-of-type .just-btn, .magnotta .retail-stores-controls .col-md-4.col-sm-5:first-of-type .tile__btn {
        letter-spacing: -0.6px
    }
}

@media (min-width: 769px) and (max-width: 820px) {
    .magnotta .retail-stores-controls .col-md-4.col-sm-5:first-of-type .just-btn, .magnotta .retail-stores-controls .col-md-4.col-sm-5:first-of-type .tile__btn {
        letter-spacing: -0.6px
    }

    .magnotta .tile--locations--magnotta-other {
        letter-spacing: -1px
    }
}

@media (min-width: 961px) and (max-width: 1280px) {
    .magnotta .location-description__address.address--margin-bottom {
        margin-right: -30px;
        padding-left: 20px;
        white-space: nowrap;
        left: -20px
    }

    .magnotta .contact-side-by-address {
        padding-left: 20px !important
    }
}

@media (min-width: 961px) and (max-width: 1000px) {
    .magnotta .location-description__address.address--margin-bottom {
        margin-right: -35px
    }
}

@media (min-width: 961px) and (max-width: 1020px) {
    .magnotta .header__input {
        width: 90%;
        left: 45px
    }

    .magnotta .header__submit {
        left: 30px
    }
}

@media (max-width: 992px) {
    .magnotta .location-description__address, .magnotta .location-description__phone {
        margin: 15px 0 0
    }
}

@media (min-width: 769px) and (max-width: 992px) {
    .magnotta .location-description__phone {
        position: relative;
        left: -80px
    }

    .magnotta .featured-slider .featured-slider__item .row .just-btn, .magnotta .featured-slider .featured-slider__item .row .tile__btn, .magnotta .featured-slider .featured-slider__item input {
        font-size: 8px
    }
}

@media (min-width: 769px) and (max-width: 900px) {
    .magnotta .header__input {
        width: 90%;
        left: 45px
    }

    .magnotta .header__submit {
        left: 30px
    }
}

@media (min-width: 769px) and (max-width: 800px) {
    .magnotta .header__subtitle {
        letter-spacing: -0.5px;
        margin-left: 21%
    }
}

@media (min-width: 481px) and (max-width: 600px) {
    .magnotta .footer {
        padding-right: 15px
    }

    .magnotta .award__info {
        margin-right: -10px
    }

    .magnotta .award__content {
        top: 25px;
        left: 20px;
        max-width: 30px
    }

    .award.hover-effect:hover .magnotta .award__content {
        max-width: 33px
    }

    .magnotta .sidebar__btn {
        width: 100%;
        letter-spacing: -0.2px
    }

    .magnotta .header__input {
        left: 30px;
        width: 100%
    }

    .magnotta .header__submit {
        left: 20px
    }

    .magnotta .featured-slider .featured-slider__item .row .just-btn, .magnotta .featured-slider .featured-slider__item .row .tile__btn, .magnotta .featured-slider .featured-slider__item input {
        font-size: 8px
    }
}

@media (min-width: 481px) and (max-width: 520px) {
    .magnotta .header__logo {
        max-width: 85px
    }

    .magnotta .header__options {
        width: 83%
    }

    .magnotta .header__search-form {
        margin-right: -15px
    }

    .magnotta .header__input {
        left: 30px;
        width: 80%;
        font-size: 0.7em
    }

    .magnotta .header__submit {
        left: 20px
    }
}

@media (max-width: 480px) {
    .magnotta .footer__section--last .footer__links {
        float: left
    }

    .magnotta .footer__section--last .footer__contact {
        position: absolute;
        top: -10px;
        left: 50%
    }

    .magnotta .footer__col-select {
        float: none !important;
        margin-top: 245px;
        width: 100% !important;
        position: static;
        padding-bottom: 20px
    }

    .magnotta .footer__col-service {
        width: 100% !important;
        left: 0 !important;
        position: absolute;
        top: 0
    }

    .magnotta .copyright .row {
        text-align: center
    }
}

@media (max-width: 420px) {
    .magnotta .header__user--first {
        margin: 0;
        letter-spacing: unset;
        padding-left: 5px
    }

    .magnotta .header__user--second {
        text-align: left;
        margin: 0;
        letter-spacing: unset;
        padding-right: 5px
    }

    .magnotta .header__shopping {
        position: relative;
        margin: 0 -20px 0 0;
        width: 50px
    }

    .magnotta .shopping__kart {
        right: 30px
    }

    .magnotta .shopping__bubble {
        right: -4px
    }

    .magnotta .main-nav__item, .magnotta .store-subnav__item {
        letter-spacing: -1px
    }

    .magnotta .flex-wrapper .main-nav__item {
        padding-bottom: 15px
    }

    .magnotta .header__extension__form--login, .magnotta .header__extension__form--register, .magnotta .header__extension__form--password, .magnotta .header__extension__form--reset {
        width: 75%
    }

    .magnotta .tile--product .product_shape {
        letter-spacing: -0.5px;
        font-size: 7.5px
    }

    .magnotta .products-row .tile--minheight {
        min-height: 270px
    }
}

@media (max-width: 400px) {
    .magnotta .featured-slider .featured-slider__item .featured-slider__item__text {
        margin-bottom: 5px;
        line-height: 1.3
    }

    .magnotta .featured-slider .featured-slider__item .featured-slider__item__price {
        font-size: 15px
    }

    .magnotta .featured-slider .featured-slider__item .featured-slider__item__quantity {
        font-size: 10px
    }

    .magnotta .featured-slider .featured-slider__item .row .just-btn, .magnotta .featured-slider .featured-slider__item .row .tile__btn, .magnotta .featured-slider .featured-slider__item input {
        font-size: 7px
    }

    .magnotta .featured-slider__item__info {
        overflow: hidden;
        left: -85px
    }
}

@media (max-width: 400px) and (max-width: 480px) {
    .magnotta .featured-slider__item__info form [class*="col-"] {
        width: 50%
    }
}

@media (max-width: 400px) {
    .magnotta .featured-slider-container .bx-viewport {
        height: auto !important;
        overflow: visible !important;
        min-height: 170px
    }

    .magnotta .col-md-4.col-sm-6.col-xs-4 {
        padding: 0 5px
    }

        .magnotta .col-md-4.col-sm-6.col-xs-4 .tile {
            margin-bottom: 10px
        }

    .magnotta .product-row .tile--minheight {
        height: calc(100% - 10px)
    }
}

@media (max-width: 360px) {
    .magnotta .header .col-xs-5 {
        left: -30px
    }

    .magnotta .header__user--first, .magnotta .header__user--second {
        padding: 13px 0 0;
        text-align: center
    }

    .magnotta .header__logo {
        max-width: 100px
    }

    .magnotta .header__facebook {
        margin: 0 -12px
    }

    .magnotta .header .col-xs-2 {
        width: 24%
    }

    .magnotta .product_name {
        font-size: 11px
    }

    .magnotta .products-row .tile--minheight {
        min-height: 240px
    }
}

@media (max-width: 480px) {
    .magnotta .products-row .col-md-4.col-sm-6:nth-child(2n+1) {
        clear: left
    }
}

.magnotta .header__extension__slider .bx-viewport {
    height: auto !important;
    max-width: 630px !important;
    background-color: transparent
}

@media (max-width: 1280px) {
    .magnotta .header__extension__slider .bx-viewport {
        max-width: 480px !important
    }
}

@media (max-width: 600px) and (min-width: 481px) {
    .magnotta .header__extension__slider .bx-viewport {
        max-width: 320px !important
    }
}

@media (max-width: 480px) {
    .magnotta .header__extension__slider .bx-viewport {
        max-width: 320px !important
    }
}

.magnotta .header__extension__slider .bx-wrapper {
    margin: 0 !important;
    max-width: 100% !important
}

    .magnotta .header__extension__slider .bx-wrapper .bx-controls-direction a {
        border: none;
        margin-top: -25px;
        height: 52px !important;
        width: 52px !important
    }

        .magnotta .header__extension__slider .bx-wrapper .bx-controls-direction a.bx-next {
            right: 0
        }

        .magnotta .header__extension__slider .bx-wrapper .bx-controls-direction a.bx-prev {
            left: -40px
        }

@media (max-width: 1280px) {
    .magnotta .header__extension__slider .bx-wrapper .bx-controls-direction a.bx-prev {
        left: -35px
    }
}

@media (max-width: 960px) {
    .magnotta .header__extension__slider .bx-wrapper .bx-controls-direction a.bx-prev {
        left: -25px
    }
}

.magnotta .kart-slider li {
    width: 200px !important
}

@media (max-width: 1280px) {
    .magnotta .kart-slider li {
        width: 150px !important;
        height: 150px !important
    }
}

.magnotta h1#body_content_title {
    display: none
}

.magnotta .nav-pills > li.active > a, .magnotta .nav-pills > li.active > a:hover, .magnotta .nav-pills > li.active > a:focus {
    background-color: #084812
}

.magnotta .text-primary, .magnotta a {
    color: #084812
}

.magnotta .spree-label label {
    font-family: "Montserrat-Regular", Helvetica, sans-serif;
    font-size: 15px
}

.magnotta .spree__text--heading--xs h1 {
    font-size: 18px
}

@media (max-width: 768px) {
    .magnotta .header__image .magic-line {
        display: none !important
    }
}

.magnotta .vineyards-wrapper .tile__img {
    max-height: 220px;
    overflow: hidden
}

@media (min-width: 769px) {
    .magnotta .gamma-popup {
        display: block !important
    }
}

@media (max-width: 768px) {
    .magnotta .gamma-popup {
        float: none;
        display: none;
        margin: 0 auto;
        position: fixed;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        width: 100%;
        height: 100%;
        overflow: auto;
        background-color: rgba(0,0,0,0.5);
        z-index: 2131321312312
    }

        .magnotta .gamma-popup .side-content {
            padding-left: 0
        }

        .magnotta .gamma-popup .side-content__container {
            position: absolute;
            left: 50%;
            margin-left: -132.5px;
            width: 265px;
            padding: 0
        }

        .magnotta .gamma-popup .sidebar {
            max-width: none;
            width: 100%
        }

        .magnotta .gamma-popup .filter {
            position: absolute;
            top: 100px
        }

            .magnotta .gamma-popup .filter .filter__tile, .magnotta .gamma-popup .filter .filter__input {
                box-shadow: none
            }
}

.magnotta .table > thead > tr > td.warning, .magnotta .table > thead > tr > th.warning, .magnotta .table > thead > tr.warning > td, .magnotta .table > thead > tr.warning > th, .magnotta .table > tbody > tr > td.warning, .magnotta .table > tbody > tr > th.warning, .magnotta .table > tbody > tr.warning > td, .magnotta .table > tbody > tr.warning > th, .magnotta .table > tfoot > tr > td.warning, .magnotta .table > tfoot > tr > th.warning, .magnotta .table > tfoot > tr.warning > td, .magnotta .table > tfoot > tr.warning > th {
    background-color: #fff
}

.magnotta .table > thead > tr > td.active, .magnotta .table > thead > tr > th.active, .magnotta .table > thead > tr.active > td, .magnotta .table > thead > tr.active > th, .magnotta .table > tbody > tr > td.active, .magnotta .table > tbody > tr > th.active, .magnotta .table > tbody > tr.active > td, .magnotta .table > tbody > tr.active > th, .magnotta .table > tfoot > tr > td.active, .magnotta .table > tfoot > tr > th.active, .magnotta .table > tfoot > tr.active > td, .magnotta .table > tfoot > tr.active > th {
    background-color: #fff
}

.magnotta tr.cart-total h5 {
    position: relative;
    bottom: -7px;
    font-family: "GaramondPremrPro-Bd";
    font-weight: 700;
    font-size: 20px
}

@media (max-width: 768px) {
    .magnotta tr.cart-total h5 {
        bottom: -2px
    }
}

.magnotta .my-alert {
    font-size: 20px;
    margin: 20px 0
}

@media (max-width: 1280px) {
    .magnotta .my-alert {
        font-size: 13px
    }
}

.magnotta .my-alert-info {
    color: #084812
}

.magnotta .cart-quantity-input {
    width: 50px !important;
    padding: 0
}

.magnotta #save_user_address {
    margin: 0 5px 0 15px
}

.magnotta .pagination > .active > a, .magnotta .pagination > .active > a:hover, .magnotta .pagination > .active > a:focus, .magnotta .pagination > .active > span, .magnotta .pagination > .active > span:hover, .magnotta .pagination > .active > span:focus {
    background-color: #084812;
    border-color: #084812
}

.magnotta .pagination > li > a, .magnotta .pagination > li > span {
    color: #084812
}

.magnotta #checkout .main-content {
    margin-right: 0;
    padding: 50px 55px 20px
}

@media (max-width: 768px) {
    .magnotta #checkout .main-content {
        padding: 50px 45px 30px
    }

        .magnotta #checkout .main-content .spree-cont-pad {
            padding: 0 15px 0 25px
        }
}

.magnotta #checkout .panel-default > .panel-heading, .magnotta #checkout .well {
    background-color: #fff
}

.magnotta #checkout select {
    background-color: #fff
}

.magnotta #order_summary {
    padding: 50px 55px 20px;
    background-color: #fff
}

@media (max-width: 768px) {
    .magnotta #order_summary {
        padding: 50px 45px 30px
    }
}

.magnotta .sidebar form#subscribe__form .just-btn, .magnotta .sidebar form#subscribe__form .tile__btn {
    margin-top: 25px
}

.magnotta .sidebar form#subscribe__form .subscribe-error {
    margin-top: 5px
}

@media (max-width: 768px) {
    .magnotta .sidebar form#subscribe__form .subscribe-error {
        letter-spacing: -0.5px;
        font-size: 9px
    }
}

.magnotta .just-btn.continue-btn, .magnotta .continue-btn.tile__btn {
    display: inline-block;
    padding: 0 10px;
    margin-left: 5px;
    max-width: 210px
}

@media (max-width: 768px) {
    .magnotta .just-btn.continue-btn, .magnotta .continue-btn.tile__btn {
        letter-spacing: -0.5px;
        margin: 15px 0 0;
        max-width: none;
        width: 150px
    }
}

.magnotta .just-btn.promo-btn, .magnotta .promo-btn.tile__btn {
    display: inline-block;
    padding: 0 10px;
    margin-left: 5px;
    max-width: 100%
}

@media (max-width: 768px) {
    .magnotta .just-btn.promo-btn, .magnotta .promo-btn.tile__btn {
        letter-spacing: -0.5px;
        margin: 15px 0 0;
        max-width: none;
        width: 150px
    }
}

.magnotta .mt-5 {
    margin-top: 5px
}

.magnotta .ml-5 {
    margin-left: 5px
}

.magnotta .p0 {
    padding: 0px
}

.magnotta .pl0 {
    padding-left: 0px
}

.magnotta .pr0 {
    padding-right: 0px
}

.magnotta #modalLoginForPromo .modal-header, .magnotta #modalForCuttingBoardPromoPriceLess .modal-header {
    padding: 20px
}

.magnotta .invalid-promo-label {
    font-size: 14px;
    color: red;
    text-align: center
}

.magnotta .promo-code {
    border-radius: 20px;
    max-width: 100% !important;
    display: inline-block !important
}

.magnotta .dynamic-wrapper .main-content__section p, .magnotta .careers-text p, .magnotta .art-collection-text p {
    font-family: "GaramondPremrPro";
    font-size: 26px;
    letter-spacing: 0.3px;
    line-height: 1.6;
    margin-bottom: 20px
}

.magnotta .gmarquis body {
    display: block
}

    .magnotta .gmarquis body:after {
        visibility: hidden;
        display: block;
        font-size: 0;
        content: " ";
        clear: both;
        height: 0
    }

.magnotta .free-shipping-12-bottle-popup {
    font-size: 16px
}

.magnotta .discount-box {
    color: red !important
}

.magnotta .fieldWithErrors input, .magnotta .fieldWithErrors textarea, .magnotta .my-input.error {
    border: 1px solid #a8241e !important;
    outline: none !important
}

/*@font-face {
    font-family: 'montserrat-bold';
    src: url("/assets/montserrat-bold-webfont.woff") format("woff"),url("/assets/montserrat-bold-webfont.woff2") format("woff2");
    font-weight: normal;
    font-style: normal
}

@font-face {
   font-family: 'montserrat-light';
    src: url("/assets/montserrat-light-webfont.woff") format("woff"),url("/assets/montserrat-light-webfont.woff2") format("woff2");
    font-weight: normal;
    font-style: normal
}*/

.gmarquis .animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

    .gmarquis .animated.infinite {
        -webkit-animation-iteration-count: infinite;
        animation-iteration-count: infinite
    }

    .gmarquis .animated.hinge {
        -webkit-animation-duration: 2s;
        animation-duration: 2s
    }

    .gmarquis .animated.flipOutX, .gmarquis .animated.flipOutY, .gmarquis .animated.bounceIn, .gmarquis .animated.bounceOut {
        -webkit-animation-duration: .75s;
        animation-duration: .75s
    }

@-webkit-keyframes bounce {
    from, 20%, 53%, 80%, to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }

    40%, 43% {
        -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        -webkit-transform: translate3d(0, -30px, 0);
        transform: translate3d(0, -30px, 0)
    }

    70% {
        -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        -webkit-transform: translate3d(0, -15px, 0);
        transform: translate3d(0, -15px, 0)
    }

    90% {
        -webkit-transform: translate3d(0, -4px, 0);
        transform: translate3d(0, -4px, 0)
    }
}

@keyframes bounce {
    from, 20%, 53%, 80%, to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }

    40%, 43% {
        -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        -webkit-transform: translate3d(0, -30px, 0);
        transform: translate3d(0, -30px, 0)
    }

    70% {
        -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        -webkit-transform: translate3d(0, -15px, 0);
        transform: translate3d(0, -15px, 0)
    }

    90% {
        -webkit-transform: translate3d(0, -4px, 0);
        transform: translate3d(0, -4px, 0)
    }
}

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

@-webkit-keyframes flash {
    from, 50%, to {
        opacity: 1
    }

    25%, 75% {
        opacity: 0
    }
}

@keyframes flash {
    from, 50%, to {
        opacity: 1
    }

    25%, 75% {
        opacity: 0
    }
}

.gmarquis .flash {
    -webkit-animation-name: flash;
    animation-name: flash
}

@-webkit-keyframes pulse {
    from {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }

    50% {
        -webkit-transform: scale3d(1.05, 1.05, 1.05);
        transform: scale3d(1.05, 1.05, 1.05)
    }

    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}

@keyframes pulse {
    from {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }

    50% {
        -webkit-transform: scale3d(1.05, 1.05, 1.05);
        transform: scale3d(1.05, 1.05, 1.05)
    }

    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}

.gmarquis .pulse {
    -webkit-animation-name: pulse;
    animation-name: pulse
}

@-webkit-keyframes rubberBand {
    from {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }

    30% {
        -webkit-transform: scale3d(1.25, 0.75, 1);
        transform: scale3d(1.25, 0.75, 1)
    }

    40% {
        -webkit-transform: scale3d(0.75, 1.25, 1);
        transform: scale3d(0.75, 1.25, 1)
    }

    50% {
        -webkit-transform: scale3d(1.15, 0.85, 1);
        transform: scale3d(1.15, 0.85, 1)
    }

    65% {
        -webkit-transform: scale3d(0.95, 1.05, 1);
        transform: scale3d(0.95, 1.05, 1)
    }

    75% {
        -webkit-transform: scale3d(1.05, 0.95, 1);
        transform: scale3d(1.05, 0.95, 1)
    }

    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}

@keyframes rubberBand {
    from {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }

    30% {
        -webkit-transform: scale3d(1.25, 0.75, 1);
        transform: scale3d(1.25, 0.75, 1)
    }

    40% {
        -webkit-transform: scale3d(0.75, 1.25, 1);
        transform: scale3d(0.75, 1.25, 1)
    }

    50% {
        -webkit-transform: scale3d(1.15, 0.85, 1);
        transform: scale3d(1.15, 0.85, 1)
    }

    65% {
        -webkit-transform: scale3d(0.95, 1.05, 1);
        transform: scale3d(0.95, 1.05, 1)
    }

    75% {
        -webkit-transform: scale3d(1.05, 0.95, 1);
        transform: scale3d(1.05, 0.95, 1)
    }

    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}

.gmarquis .rubberBand {
    -webkit-animation-name: rubberBand;
    animation-name: rubberBand
}

@-webkit-keyframes shake {
    from, to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }

    10%, 30%, 50%, 70%, 90% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0)
    }

    20%, 40%, 60%, 80% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0)
    }
}

@keyframes shake {
    from, to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }

    10%, 30%, 50%, 70%, 90% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0)
    }

    20%, 40%, 60%, 80% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0)
    }
}

.gmarquis .shake {
    -webkit-animation-name: shake;
    animation-name: shake
}

@-webkit-keyframes headShake {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    6.5% {
        -webkit-transform: translateX(-6px) rotateY(-9deg);
        transform: translateX(-6px) rotateY(-9deg)
    }

    18.5% {
        -webkit-transform: translateX(5px) rotateY(7deg);
        transform: translateX(5px) rotateY(7deg)
    }

    31.5% {
        -webkit-transform: translateX(-3px) rotateY(-5deg);
        transform: translateX(-3px) rotateY(-5deg)
    }

    43.5% {
        -webkit-transform: translateX(2px) rotateY(3deg);
        transform: translateX(2px) rotateY(3deg)
    }

    50% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes headShake {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    6.5% {
        -webkit-transform: translateX(-6px) rotateY(-9deg);
        transform: translateX(-6px) rotateY(-9deg)
    }

    18.5% {
        -webkit-transform: translateX(5px) rotateY(7deg);
        transform: translateX(5px) rotateY(7deg)
    }

    31.5% {
        -webkit-transform: translateX(-3px) rotateY(-5deg);
        transform: translateX(-3px) rotateY(-5deg)
    }

    43.5% {
        -webkit-transform: translateX(2px) rotateY(3deg);
        transform: translateX(2px) rotateY(3deg)
    }

    50% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

.gmarquis .headShake {
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-name: headShake;
    animation-name: headShake
}

@-webkit-keyframes swing {
    20% {
        -webkit-transform: rotate3d(0, 0, 1, 15deg);
        transform: rotate3d(0, 0, 1, 15deg)
    }

    40% {
        -webkit-transform: rotate3d(0, 0, 1, -10deg);
        transform: rotate3d(0, 0, 1, -10deg)
    }

    60% {
        -webkit-transform: rotate3d(0, 0, 1, 5deg);
        transform: rotate3d(0, 0, 1, 5deg)
    }

    80% {
        -webkit-transform: rotate3d(0, 0, 1, -5deg);
        transform: rotate3d(0, 0, 1, -5deg)
    }

    to {
        -webkit-transform: rotate3d(0, 0, 1, 0deg);
        transform: rotate3d(0, 0, 1, 0deg)
    }
}

@keyframes swing {
    20% {
        -webkit-transform: rotate3d(0, 0, 1, 15deg);
        transform: rotate3d(0, 0, 1, 15deg)
    }

    40% {
        -webkit-transform: rotate3d(0, 0, 1, -10deg);
        transform: rotate3d(0, 0, 1, -10deg)
    }

    60% {
        -webkit-transform: rotate3d(0, 0, 1, 5deg);
        transform: rotate3d(0, 0, 1, 5deg)
    }

    80% {
        -webkit-transform: rotate3d(0, 0, 1, -5deg);
        transform: rotate3d(0, 0, 1, -5deg)
    }

    to {
        -webkit-transform: rotate3d(0, 0, 1, 0deg);
        transform: rotate3d(0, 0, 1, 0deg)
    }
}

.gmarquis .swing {
    -webkit-transform-origin: top center;
    transform-origin: top center;
    -webkit-animation-name: swing;
    animation-name: swing
}

@-webkit-keyframes tada {
    from {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }

    10%, 20% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg)
    }

    30%, 50%, 70%, 90% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg)
    }

    40%, 60%, 80% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg)
    }

    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}

@keyframes tada {
    from {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }

    10%, 20% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg)
    }

    30%, 50%, 70%, 90% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg)
    }

    40%, 60%, 80% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg)
    }

    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}

.gmarquis .tada {
    -webkit-animation-name: tada;
    animation-name: tada
}

@-webkit-keyframes wobble {
    from {
        -webkit-transform: none;
        transform: none
    }

    15% {
        -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
        transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg)
    }

    30% {
        -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
        transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg)
    }

    45% {
        -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
        transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg)
    }

    60% {
        -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
        transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg)
    }

    75% {
        -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
        transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg)
    }

    to {
        -webkit-transform: none;
        transform: none
    }
}

@keyframes wobble {
    from {
        -webkit-transform: none;
        transform: none
    }

    15% {
        -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
        transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg)
    }

    30% {
        -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
        transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg)
    }

    45% {
        -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
        transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg)
    }

    60% {
        -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
        transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg)
    }

    75% {
        -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
        transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg)
    }

    to {
        -webkit-transform: none;
        transform: none
    }
}

.gmarquis .wobble {
    -webkit-animation-name: wobble;
    animation-name: wobble
}

@-webkit-keyframes jello {
    from, 11.1%, to {
        -webkit-transform: none;
        transform: none
    }

    22.2% {
        -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
        transform: skewX(-12.5deg) skewY(-12.5deg)
    }

    33.3% {
        -webkit-transform: skewX(6.25deg) skewY(6.25deg);
        transform: skewX(6.25deg) skewY(6.25deg)
    }

    44.4% {
        -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
        transform: skewX(-3.125deg) skewY(-3.125deg)
    }

    55.5% {
        -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
        transform: skewX(1.5625deg) skewY(1.5625deg)
    }

    66.6% {
        -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
        transform: skewX(-0.78125deg) skewY(-0.78125deg)
    }

    77.7% {
        -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
        transform: skewX(0.390625deg) skewY(0.390625deg)
    }

    88.8% {
        -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
        transform: skewX(-0.1953125deg) skewY(-0.1953125deg)
    }
}

@keyframes jello {
    from, 11.1%, to {
        -webkit-transform: none;
        transform: none
    }

    22.2% {
        -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
        transform: skewX(-12.5deg) skewY(-12.5deg)
    }

    33.3% {
        -webkit-transform: skewX(6.25deg) skewY(6.25deg);
        transform: skewX(6.25deg) skewY(6.25deg)
    }

    44.4% {
        -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
        transform: skewX(-3.125deg) skewY(-3.125deg)
    }

    55.5% {
        -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
        transform: skewX(1.5625deg) skewY(1.5625deg)
    }

    66.6% {
        -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
        transform: skewX(-0.78125deg) skewY(-0.78125deg)
    }

    77.7% {
        -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
        transform: skewX(0.390625deg) skewY(0.390625deg)
    }

    88.8% {
        -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
        transform: skewX(-0.1953125deg) skewY(-0.1953125deg)
    }
}

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

@-webkit-keyframes bounceIn {
    from, 20%, 40%, 60%, 80%, to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
    }

    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3)
    }

    20% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }

    40% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9);
        transform: scale3d(0.9, 0.9, 0.9)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03, 1.03, 1.03);
        transform: scale3d(1.03, 1.03, 1.03)
    }

    80% {
        -webkit-transform: scale3d(0.97, 0.97, 0.97);
        transform: scale3d(0.97, 0.97, 0.97)
    }

    to {
        opacity: 1;
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}

@keyframes bounceIn {
    from, 20%, 40%, 60%, 80%, to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
    }

    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3)
    }

    20% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }

    40% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9);
        transform: scale3d(0.9, 0.9, 0.9)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03, 1.03, 1.03);
        transform: scale3d(1.03, 1.03, 1.03)
    }

    80% {
        -webkit-transform: scale3d(0.97, 0.97, 0.97);
        transform: scale3d(0.97, 0.97, 0.97)
    }

    to {
        opacity: 1;
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}

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

@-webkit-keyframes bounceInDown {
    from, 60%, 75%, 90%, to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -3000px, 0);
        transform: translate3d(0, -3000px, 0)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, 25px, 0);
        transform: translate3d(0, 25px, 0)
    }

    75% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0)
    }

    90% {
        -webkit-transform: translate3d(0, 5px, 0);
        transform: translate3d(0, 5px, 0)
    }

    to {
        -webkit-transform: none;
        transform: none
    }
}

@keyframes bounceInDown {
    from, 60%, 75%, 90%, to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -3000px, 0);
        transform: translate3d(0, -3000px, 0)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, 25px, 0);
        transform: translate3d(0, 25px, 0)
    }

    75% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0)
    }

    90% {
        -webkit-transform: translate3d(0, 5px, 0);
        transform: translate3d(0, 5px, 0)
    }

    to {
        -webkit-transform: none;
        transform: none
    }
}

.gmarquis .bounceInDown {
    -webkit-animation-name: bounceInDown;
    animation-name: bounceInDown
}

@-webkit-keyframes bounceInLeft {
    from, 60%, 75%, 90%, to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(-3000px, 0, 0);
        transform: translate3d(-3000px, 0, 0)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(25px, 0, 0);
        transform: translate3d(25px, 0, 0)
    }

    75% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0)
    }

    90% {
        -webkit-transform: translate3d(5px, 0, 0);
        transform: translate3d(5px, 0, 0)
    }

    to {
        -webkit-transform: none;
        transform: none
    }
}

@keyframes bounceInLeft {
    from, 60%, 75%, 90%, to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(-3000px, 0, 0);
        transform: translate3d(-3000px, 0, 0)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(25px, 0, 0);
        transform: translate3d(25px, 0, 0)
    }

    75% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0)
    }

    90% {
        -webkit-transform: translate3d(5px, 0, 0);
        transform: translate3d(5px, 0, 0)
    }

    to {
        -webkit-transform: none;
        transform: none
    }
}

.gmarquis .bounceInLeft {
    -webkit-animation-name: bounceInLeft;
    animation-name: bounceInLeft
}

@-webkit-keyframes bounceInRight {
    from, 60%, 75%, 90%, to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
    }

    from {
        opacity: 0;
        -webkit-transform: translate3d(3000px, 0, 0);
        transform: translate3d(3000px, 0, 0)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(-25px, 0, 0);
        transform: translate3d(-25px, 0, 0)
    }

    75% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0)
    }

    90% {
        -webkit-transform: translate3d(-5px, 0, 0);
        transform: translate3d(-5px, 0, 0)
    }

    to {
        -webkit-transform: none;
        transform: none
    }
}

@keyframes bounceInRight {
    from, 60%, 75%, 90%, to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
    }

    from {
        opacity: 0;
        -webkit-transform: translate3d(3000px, 0, 0);
        transform: translate3d(3000px, 0, 0)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(-25px, 0, 0);
        transform: translate3d(-25px, 0, 0)
    }

    75% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0)
    }

    90% {
        -webkit-transform: translate3d(-5px, 0, 0);
        transform: translate3d(-5px, 0, 0)
    }

    to {
        -webkit-transform: none;
        transform: none
    }
}

.gmarquis .bounceInRight {
    -webkit-animation-name: bounceInRight;
    animation-name: bounceInRight
}

@-webkit-keyframes bounceInUp {
    from, 60%, 75%, 90%, to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
    }

    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 3000px, 0);
        transform: translate3d(0, 3000px, 0)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0)
    }

    75% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0)
    }

    90% {
        -webkit-transform: translate3d(0, -5px, 0);
        transform: translate3d(0, -5px, 0)
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes bounceInUp {
    from, 60%, 75%, 90%, to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
    }

    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 3000px, 0);
        transform: translate3d(0, 3000px, 0)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0)
    }

    75% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0)
    }

    90% {
        -webkit-transform: translate3d(0, -5px, 0);
        transform: translate3d(0, -5px, 0)
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

.gmarquis .bounceInUp {
    -webkit-animation-name: bounceInUp;
    animation-name: bounceInUp
}

@-webkit-keyframes bounceOut {
    20% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9);
        transform: scale3d(0.9, 0.9, 0.9)
    }

    50%, 55% {
        opacity: 1;
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3)
    }
}

@keyframes bounceOut {
    20% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9);
        transform: scale3d(0.9, 0.9, 0.9)
    }

    50%, 55% {
        opacity: 1;
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3)
    }
}

.gmarquis .bounceOut {
    -webkit-animation-name: bounceOut;
    animation-name: bounceOut
}

@-webkit-keyframes bounceOutDown {
    20% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0)
    }

    40%, 45% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0)
    }
}

@keyframes bounceOutDown {
    20% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0)
    }

    40%, 45% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0)
    }
}

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

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

    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0)
    }
}

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

    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0)
    }
}

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

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

    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0)
    }
}

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

    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0)
    }
}

.gmarquis .bounceOutRight {
    -webkit-animation-name: bounceOutRight;
    animation-name: bounceOutRight
}

@-webkit-keyframes bounceOutUp {
    20% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0)
    }

    40%, 45% {
        opacity: 1;
        -webkit-transform: translate3d(0, 20px, 0);
        transform: translate3d(0, 20px, 0)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0)
    }
}

@keyframes bounceOutUp {
    20% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0)
    }

    40%, 45% {
        opacity: 1;
        -webkit-transform: translate3d(0, 20px, 0);
        transform: translate3d(0, 20px, 0)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0)
    }
}

.gmarquis .bounceOutUp {
    -webkit-animation-name: bounceOutUp;
    animation-name: bounceOutUp
}

@-webkit-keyframes fadeIn {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes fadeIn {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.gmarquis .fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn
}

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

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

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

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

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

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

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

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

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

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

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

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

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

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

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

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

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

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

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

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

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

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

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

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

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

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

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

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

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

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

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

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

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

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

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

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

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

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

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.gmarquis .fadeInUpBig {
    -webkit-animation-name: fadeInUpBig;
    animation-name: fadeInUpBig
}

@-webkit-keyframes fadeOut {
    from {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@keyframes fadeOut {
    from {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

.gmarquis .fadeOut {
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut
}

@-webkit-keyframes fadeOutDown {
    from {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
}

@keyframes fadeOutDown {
    from {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
}

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

@-webkit-keyframes fadeOutDownBig {
    from {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0)
    }
}

@keyframes fadeOutDownBig {
    from {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0)
    }
}

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

@-webkit-keyframes fadeOutLeft {
    from {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }
}

@keyframes fadeOutLeft {
    from {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }
}

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

@-webkit-keyframes fadeOutLeftBig {
    from {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0)
    }
}

@keyframes fadeOutLeftBig {
    from {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0)
    }
}

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

@-webkit-keyframes fadeOutRight {
    from {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
}

@keyframes fadeOutRight {
    from {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
}

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

@-webkit-keyframes fadeOutRightBig {
    from {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0)
    }
}

@keyframes fadeOutRightBig {
    from {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0)
    }
}

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

@-webkit-keyframes fadeOutUp {
    from {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
}

@keyframes fadeOutUp {
    from {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
}

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

@-webkit-keyframes fadeOutUpBig {
    from {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0)
    }
}

@keyframes fadeOutUpBig {
    from {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0)
    }
}

.gmarquis .fadeOutUpBig {
    -webkit-animation-name: fadeOutUpBig;
    animation-name: fadeOutUpBig
}

@-webkit-keyframes flip {
    from {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    40% {
        -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
        transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    50% {
        -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
        transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    80% {
        -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
        transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
}

@keyframes flip {
    from {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    40% {
        -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
        transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    50% {
        -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
        transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    80% {
        -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
        transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
}

.gmarquis .animated.flip {
    -webkit-backface-visibility: visible;
    backface-visibility: visible;
    -webkit-animation-name: flip;
    animation-name: flip
}

@-webkit-keyframes flipInX {
    from {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0
    }

    40% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    60% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        opacity: 1
    }

    80% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -5deg)
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

@keyframes flipInX {
    from {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0
    }

    40% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    60% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        opacity: 1
    }

    80% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -5deg)
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

.gmarquis .flipInX {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipInX;
    animation-name: flipInX
}

@-webkit-keyframes flipInY {
    from {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0
    }

    40% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    60% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        opacity: 1
    }

    80% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -5deg)
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

@keyframes flipInY {
    from {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0
    }

    40% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    60% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        opacity: 1
    }

    80% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -5deg)
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

.gmarquis .flipInY {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipInY;
    animation-name: flipInY
}

@-webkit-keyframes flipOutX {
    from {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }

    30% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        opacity: 1
    }

    to {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        opacity: 0
    }
}

@keyframes flipOutX {
    from {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }

    30% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        opacity: 1
    }

    to {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        opacity: 0
    }
}

.gmarquis .flipOutX {
    -webkit-animation-name: flipOutX;
    animation-name: flipOutX;
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important
}

@-webkit-keyframes flipOutY {
    from {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }

    30% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
        opacity: 1
    }

    to {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        opacity: 0
    }
}

@keyframes flipOutY {
    from {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }

    30% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
        opacity: 1
    }

    to {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        opacity: 0
    }
}

.gmarquis .flipOutY {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipOutY;
    animation-name: flipOutY
}

@-webkit-keyframes lightSpeedIn {
    from {
        -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
        transform: translate3d(100%, 0, 0) skewX(-30deg);
        opacity: 0
    }

    60% {
        -webkit-transform: skewX(20deg);
        transform: skewX(20deg);
        opacity: 1
    }

    80% {
        -webkit-transform: skewX(-5deg);
        transform: skewX(-5deg);
        opacity: 1
    }

    to {
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

@keyframes lightSpeedIn {
    from {
        -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
        transform: translate3d(100%, 0, 0) skewX(-30deg);
        opacity: 0
    }

    60% {
        -webkit-transform: skewX(20deg);
        transform: skewX(20deg);
        opacity: 1
    }

    80% {
        -webkit-transform: skewX(-5deg);
        transform: skewX(-5deg);
        opacity: 1
    }

    to {
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

.gmarquis .lightSpeedIn {
    -webkit-animation-name: lightSpeedIn;
    animation-name: lightSpeedIn;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out
}

@-webkit-keyframes lightSpeedOut {
    from {
        opacity: 1
    }

    to {
        -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
        transform: translate3d(100%, 0, 0) skewX(30deg);
        opacity: 0
    }
}

@keyframes lightSpeedOut {
    from {
        opacity: 1
    }

    to {
        -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
        transform: translate3d(100%, 0, 0) skewX(30deg);
        opacity: 0
    }
}

.gmarquis .lightSpeedOut {
    -webkit-animation-name: lightSpeedOut;
    animation-name: lightSpeedOut;
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in
}

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

    to {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

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

    to {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

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

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

    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

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

    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

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

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

    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

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

    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

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

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

    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

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

    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

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

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

    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

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

    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

.gmarquis .rotateInUpRight {
    -webkit-animation-name: rotateInUpRight;
    animation-name: rotateInUpRight
}

@-webkit-keyframes rotateOut {
    from {
        -webkit-transform-origin: center;
        transform-origin: center;
        opacity: 1
    }

    to {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate3d(0, 0, 1, 200deg);
        transform: rotate3d(0, 0, 1, 200deg);
        opacity: 0
    }
}

@keyframes rotateOut {
    from {
        -webkit-transform-origin: center;
        transform-origin: center;
        opacity: 1
    }

    to {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate3d(0, 0, 1, 200deg);
        transform: rotate3d(0, 0, 1, 200deg);
        opacity: 0
    }
}

.gmarquis .rotateOut {
    -webkit-animation-name: rotateOut;
    animation-name: rotateOut
}

@-webkit-keyframes rotateOutDownLeft {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1
    }

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

@keyframes rotateOutDownLeft {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1
    }

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

.gmarquis .rotateOutDownLeft {
    -webkit-animation-name: rotateOutDownLeft;
    animation-name: rotateOutDownLeft
}

@-webkit-keyframes rotateOutDownRight {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1
    }

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

@keyframes rotateOutDownRight {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1
    }

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

.gmarquis .rotateOutDownRight {
    -webkit-animation-name: rotateOutDownRight;
    animation-name: rotateOutDownRight
}

@-webkit-keyframes rotateOutUpLeft {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1
    }

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

@keyframes rotateOutUpLeft {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1
    }

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

.gmarquis .rotateOutUpLeft {
    -webkit-animation-name: rotateOutUpLeft;
    animation-name: rotateOutUpLeft
}

@-webkit-keyframes rotateOutUpRight {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1
    }

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

@keyframes rotateOutUpRight {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1
    }

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

.gmarquis .rotateOutUpRight {
    -webkit-animation-name: rotateOutUpRight;
    animation-name: rotateOutUpRight
}

@-webkit-keyframes hinge {
    0% {
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }

    20%, 60% {
        -webkit-transform: rotate3d(0, 0, 1, 80deg);
        transform: rotate3d(0, 0, 1, 80deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }

    40%, 80% {
        -webkit-transform: rotate3d(0, 0, 1, 60deg);
        transform: rotate3d(0, 0, 1, 60deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        opacity: 1
    }

    to {
        -webkit-transform: translate3d(0, 700px, 0);
        transform: translate3d(0, 700px, 0);
        opacity: 0
    }
}

@keyframes hinge {
    0% {
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }

    20%, 60% {
        -webkit-transform: rotate3d(0, 0, 1, 80deg);
        transform: rotate3d(0, 0, 1, 80deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }

    40%, 80% {
        -webkit-transform: rotate3d(0, 0, 1, 60deg);
        transform: rotate3d(0, 0, 1, 60deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        opacity: 1
    }

    to {
        -webkit-transform: translate3d(0, 700px, 0);
        transform: translate3d(0, 700px, 0);
        opacity: 0
    }
}

.gmarquis .hinge {
    -webkit-animation-name: hinge;
    animation-name: hinge
}

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

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

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

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

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

@-webkit-keyframes rollOut {
    from {
        opacity: 1
    }

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

@keyframes rollOut {
    from {
        opacity: 1
    }

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

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

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

    50% {
        opacity: 1
    }
}

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

    50% {
        opacity: 1
    }
}

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

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

    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
    }
}

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

    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
    }
}

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

@-webkit-keyframes zoomInLeft {
    from {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
    }
}

@keyframes zoomInLeft {
    from {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
    }
}

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

@-webkit-keyframes zoomInRight {
    from {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
    }
}

@keyframes zoomInRight {
    from {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
    }
}

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

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

    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
    }
}

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

    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
    }
}

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

@-webkit-keyframes zoomOut {
    from {
        opacity: 1
    }

    50% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3)
    }

    to {
        opacity: 0
    }
}

@keyframes zoomOut {
    from {
        opacity: 1
    }

    50% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3)
    }

    to {
        opacity: 0
    }
}

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

@-webkit-keyframes zoomOutDown {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
    }
}

@keyframes zoomOutDown {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
    }
}

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

@-webkit-keyframes zoomOutLeft {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0)
    }

    to {
        opacity: 0;
        -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
        transform: scale(0.1) translate3d(-2000px, 0, 0);
        -webkit-transform-origin: left center;
        transform-origin: left center
    }
}

@keyframes zoomOutLeft {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0)
    }

    to {
        opacity: 0;
        -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
        transform: scale(0.1) translate3d(-2000px, 0, 0);
        -webkit-transform-origin: left center;
        transform-origin: left center
    }
}

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

@-webkit-keyframes zoomOutRight {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0)
    }

    to {
        opacity: 0;
        -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
        transform: scale(0.1) translate3d(2000px, 0, 0);
        -webkit-transform-origin: right center;
        transform-origin: right center
    }
}

@keyframes zoomOutRight {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0)
    }

    to {
        opacity: 0;
        -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
        transform: scale(0.1) translate3d(2000px, 0, 0);
        -webkit-transform-origin: right center;
        transform-origin: right center
    }
}

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

@-webkit-keyframes zoomOutUp {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
    }
}

@keyframes zoomOutUp {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
    }
}

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

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

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

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

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

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

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

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

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

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

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

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

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

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

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

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

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

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

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

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

.gmarquis .slideInUp {
    -webkit-animation-name: slideInUp;
    animation-name: slideInUp
}

@-webkit-keyframes slideOutDown {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
}

@keyframes slideOutDown {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
}

.gmarquis .slideOutDown {
    -webkit-animation-name: slideOutDown;
    animation-name: slideOutDown
}

@-webkit-keyframes slideOutLeft {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }
}

@keyframes slideOutLeft {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }
}

.gmarquis .slideOutLeft {
    -webkit-animation-name: slideOutLeft;
    animation-name: slideOutLeft
}

@-webkit-keyframes slideOutRight {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
}

@keyframes slideOutRight {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
}

.gmarquis .slideOutRight {
    -webkit-animation-name: slideOutRight;
    animation-name: slideOutRight
}

@-webkit-keyframes slideOutUp {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
}

@keyframes slideOutUp {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
}

.gmarquis .slideOutUp {
    -webkit-animation-name: slideOutUp;
    animation-name: slideOutUp
}

.gmarquis body {
    font: 14px "Montserrat-Regular", sans-serif;
    color: #000;
    height: 100%;
    position: relative
}

.gmarquis html {
    position: relative
}

.gmarquis .wrap {
    position: relative;
    width: 960px;
    margin: 0 auto
}

.gmarquis .container {
    max-width: 960px
}

.gmarquis .clr {
    clear: both
}

.gmarquis img {
    max-width: 100%;
    vertical-align: middle
}

.gmarquis strong {
    font-weight: 700
}

.gmarquis a {
    color: #000;
    text-decoration: none
}

    .gmarquis a:hover {
        color: #000;
        text-decoration: underline
    }

    .gmarquis a:focus {
        text-decoration: none;
        outline: none
    }

    .gmarquis a[x-apple-data-detectors] {
        color: inherit !important;
        text-decoration: none !important;
        font-size: inherit !important;
        font-family: inherit !important;
        font-weight: inherit !important;
        line-height: inherit !important
    }

.gmarquis ul {
    list-style: none;
    padding-left: 0
}

.gmarquis h1, .gmarquis h2, .gmarquis h3, .gmarquis h4, .gmarquis h5, .gmarquis h6 {
    margin-top: 0
}

.gmarquis .page {
    width: 82.1%;
    max-width: 82.1%;
    display: inline-block;
    float: right
}

    .gmarquis .page h1 {
        font-size: 41.6px
    }

    .gmarquis .page p {
        font-size: 20.8px
    }

    .gmarquis .page .scroll-down {
        display: none;
        width: 90.4%;
        max-width: 90.4%;
        text-align: center
    }

        .gmarquis .page .scroll-down p {
            color: #fff;
            font-size: 50px
        }

.gmarquis .carousel {
    width: 100%
}

    .gmarquis .carousel .carousel-inner {
        width: 100%;
        max-height: 900px
    }

        .gmarquis .carousel .carousel-inner .item {
            width: 100%
        }

            .gmarquis .carousel .carousel-inner .item .carousel-caption {
                z-index: 10;
                padding: 0;
                max-width: 45.9%;
                width: 45.9%;
                top: 300px;
                right: 0;
                left: initial;
                text-shadow: none
            }

                .gmarquis .carousel .carousel-inner .item .carousel-caption .headline-important {
                    width: 100%;
                    max-width: 100%
                }

            .gmarquis .carousel .carousel-inner .item img {
                width: 100%;
                height: auto
            }

            .gmarquis .carousel .carousel-inner .item .img2 {
                display: none
            }

        .gmarquis .carousel .carousel-inner .carousel-indicators {
            left: 84%
        }

        .gmarquis .carousel .carousel-inner .headline-important {
            background-color: #fff;
            padding: 50px 65px 60px 102px
        }

.gmarquis .who-is-g {
    background-color: #790000
}

    .gmarquis .who-is-g .text-side {
        color: #fff;
        float: left
    }

        .gmarquis .who-is-g .text-side p {
            margin-bottom: 40px
        }

            .gmarquis .who-is-g .text-side p:last-of-type {
                margin-bottom: 0
            }

    .gmarquis .who-is-g .img-side {
        background: url("/assets/gmarquis/content/who-is-g.jpg") no-repeat center center;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        right: 0;
        float: right
    }

    .gmarquis .who-is-g .who-g2 {
        display: none
    }

.gmarquis .vineyard .text-side {
    color: #000;
    float: right
}

.gmarquis .vineyard .img-side {
    background: url("/assets/gmarquis/content/vineyard.jpg") no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    float: left
}

.gmarquis .vineyard .vineyard2 {
    display: none
}

.gmarquis .awards {
    height: 240px;
    max-height: 240px;
    background-color: #790000;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center
}

    .gmarquis .awards .awards-text {
        text-align: center;
        width: 78.48%;
        max-width: 78.48%;
        margin: 0 auto;
        display: block
    }

        .gmarquis .awards .awards-text h2 {
            font-size: 33.3px;
            margin-top: 0;
            color: #fff;
            margin-bottom: 42px
        }

        .gmarquis .awards .awards-text p {
            letter-spacing: 5px
        }

        .gmarquis .awards .awards-text a {
            color: #fff
        }

.gmarquis .explore-wines {
    background: url(/assets/gmarquis/content/footer-img.jpg) no-repeat center top;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position: 50% 0
}

    .gmarquis .explore-wines .headline-important {
        padding: 160px 0 220px 158px
    }

.gmarquis .headline-important {
    max-width: 45.9%;
    width: 45.9%;
    text-align: left;
    display: inline-block
}

    .gmarquis .headline-important h1 {
        color: #790000;
        margin-bottom: 45px
    }

    .gmarquis .headline-important .learn-more {
        color: #000
    }

.gmarquis .learn-more {
    letter-spacing: 10px;
    text-transform: uppercase;
    font-family: "GaramondPremrPro", sans-serif
}

.gmarquis a.learn-more {
    text-decoration: none
}

.gmarquis .text-side {
    padding: 65px 100px 85px 116px;
    max-width: 61%;
    width: 61%;
    line-height: 26px
}

    .gmarquis .text-side h1 {
        margin-bottom: 50px
    }

.gmarquis .img-side {
    max-width: 39%;
    width: 39%;
    position: absolute;
    height: 100%
}

    .gmarquis .img-side img {
        width: 100%
    }

.gmarquis .icewine-header {
    background: #DAA520;
    background: -moz-linear-gradient(left, peru 0%, #DAA520 100%);
    background: -webkit-gradient(linear, top left, top right, color-stop(0%, peru), color-stop(100%, #DAA520));
    background: -webkit-linear-gradient(left, peru 0%, #DAA520 100%);
    background: -o-linear-gradient(left, peru 0%, #DAA520 100%);
    background: -ms-linear-gradient(left, peru 0%, #DAA520 100%);
    background: linear-gradient(left right, peru 0%, #DAA520 100%)
}

.gmarquis .pos {
    position: relative;
    padding: 85px 0 90px 100px
}

.gmarquis .header-text {
    max-width: 740px;
    width: 740px;
    color: #fff;
    display: inline-block;
    margin-right: 40px
}

    .gmarquis .header-text h1 {
        margin-bottom: 20px
    }

    .gmarquis .header-text p {
        margin-bottom: 45px
    }

        .gmarquis .header-text p:last-child {
            margin-bottom: 0
        }

.gmarquis .header-img {
    position: absolute;
    max-width: 619px;
    width: 619px;
    top: 50%;
    right: 0;
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    transform: translate(0, -50%)
}

    .gmarquis .header-img img {
        height: auto
    }

.gmarquis .product {
    border-bottom: 1px solid #000;
    padding: 60px 0 80px 0;
    display: block;
    margin: 0 auto;
    width: 84%;
    max-width: 84%
}

    .gmarquis .product:last-child {
        border-bottom: none
    }

    .gmarquis .product .learn-more {
        color: #000;
        font-size: 12.5px;
        font-weight: bold
    }

    .gmarquis .product .learn-more-border {
        padding: 15px 0 15px 2px;
        border-top: 1px solid #000;
        border-bottom: 1px solid #000;
        position: relative
    }

        .gmarquis .product .learn-more-border .fa {
            position: absolute;
            right: 0;
            top: 50%;
            -webkit-transform: translateY(-50%);
            -moz-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            -o-transform: translateY(-50%);
            transform: translateY(-50%)
        }

        .gmarquis .product .learn-more-border .fa-caret-up {
            display: none
        }

        .gmarquis .product .learn-more-border a {
            display: block
        }

.gmarquis .product-img, .gmarquis .product-text {
    display: inline-block
}

.gmarquis .icewine-header .header-text, .gmarquis .silver-header .header-text, .gmarquis .red-header .header-text {
    max-width: 50.1%;
    width: 50.1%
}

.gmarquis .icewine-header .header-img, .gmarquis .silver-header .header-img, .gmarquis .red-header .header-img {
    max-width: 39.3%;
    width: 39.3%
}

.gmarquis .product-text {
    width: 57%;
    max-width: 57%
}

    .gmarquis .product-text h1 {
        color: #070a79;
        font-size: 29.1px
    }

    .gmarquis .product-text p {
        margin: 30px 0 40px 0
    }

.gmarquis .product-img {
    width: 39.6%;
    max-width: 39.6%;
    float: left;
    padding-top: 40px
}

    .gmarquis .product-img img {
        display: block;
        margin: 0 auto;
        height: auto
    }

.gmarquis .about-product {
    margin-top: 15px;
    display: none
}

    .gmarquis .about-product li {
        margin-bottom: 14px;
        font-size: 12.5px;
        line-height: 18px
    }

        .gmarquis .about-product li span {
            font-weight: bold
        }

.gmarquis .icewine-products .product-text h1 {
    color: #B88F17
}

.gmarquis .silver-header {
    background: #787878;
    background: -moz-linear-gradient(left, #686868 0%, #787878 100%);
    background: -webkit-gradient(linear, top left, top right, color-stop(0%, #686868), color-stop(100%, #787878));
    background: -webkit-linear-gradient(left, #686868 0%, #787878 100%);
    background: -o-linear-gradient(left, #686868 0%, #787878 100%);
    background: -ms-linear-gradient(left, #686868 0%, #787878 100%);
    background: linear-gradient(left right, #686868 0%, #787878 100%)
}

.gmarquis .silver-line-products .product-text h1 {
    color: #7d7d7d
}

.gmarquis .red-header {
    background: #730000;
    background: -moz-linear-gradient(left, #580000 0%, #730000 100%);
    background: -webkit-gradient(linear, top left, top right, color-stop(0%, #580000), color-stop(100%, #730000));
    background: -webkit-linear-gradient(left, #580000 0%, #730000 100%);
    background: -o-linear-gradient(left, #580000 0%, #730000 100%);
    background: -ms-linear-gradient(left, #580000 0%, #730000 100%);
    background: linear-gradient(left right, #580000 0%, #730000 100%)
}

.gmarquis .red-line-products .product-text h1 {
    color: #790000
}

.gmarquis .buy-page {
    position: relative
}

.gmarquis .buy-header h1 {
    color: #790000;
    margin-bottom: 48px;
    font-weight: 700
}

.gmarquis .buy-header .header-text {
    width: 60%;
    max-width: 60%;
    margin-right: 0;
    padding-right: 10px;
    padding-bottom: 24.7%
}

.gmarquis .buy-header .places {
    margin-bottom: 40px;
    color: #000
}

    .gmarquis .buy-header .places h3 {
        font-size: 20.8px;
        font-weight: bold
    }

    .gmarquis .buy-header .places a {
        color: #790000
    }

.gmarquis .buy-header .header-img {
    background: url("/assets/gmarquis/content/buy.jpg") no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    width: 40%;
    max-width: 40%;
    position: absolute;
    -webkit-transform: initial;
    -moz-transform: initial;
    -ms-transform: initial;
    -o-transform: initial;
    transform: initial;
    float: right;
    top: 0;
    bottom: 0;
    right: 0
}

    .gmarquis .buy-header .header-img.awards {
        background: url("/assets/gmarquis/content/awards.jpg") no-repeat;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        height: 100%;
        max-height: 100%
    }

    .gmarquis .buy-header .header-img.export {
        background: url("/assets/gmarquis/content/export.jpg") no-repeat;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover
    }

    .gmarquis .buy-header .header-img .buy2 {
        display: none
    }

    .gmarquis .buy-header .header-img .buy3 {
        display: none
    }

    .gmarquis .buy-header .header-img .buy4 {
        display: none
    }

    .gmarquis .buy-header .header-img .buy5 {
        display: none
    }

    .gmarquis .buy-header .header-img img {
        height: 100%;
        width: 100%
    }

.gmarquis .page-padding {
    padding: 200px 0 0 100px
}

.gmarquis .contact-page {
    position: relative
}

.gmarquis .contact-header h1 {
    color: #790000;
    margin-bottom: 40px;
    font-weight: 700
}

.gmarquis .contact-header .massage {
    width: 60%;
    max-width: 60%;
    display: inline-block;
    padding-right: 100px;
    margin-bottom: 90px
}

    .gmarquis .contact-header .massage .address span {
        display: block;
        font-size: 20.8px;
        margin-bottom: 7pt
    }

        .gmarquis .contact-header .massage .address span:last-child {
            margin-bottom: 0
        }

        .gmarquis .contact-header .massage .address span.phone span {
            display: inline-block;
            padding-right: 20px;
            margin-right: 15px;
            border-right: 1px solid #000
        }

            .gmarquis .contact-header .massage .address span.phone span:last-child {
                border: none;
                padding-right: 0;
                margin-right: 0
            }

.gmarquis .contact-header .header-img {
    background: url("/assets/gmarquis/content/contact.jpg") no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    width: 40%;
    max-width: 40%;
    position: absolute;
    -webkit-transform: initial;
    -moz-transform: initial;
    -ms-transform: initial;
    -o-transform: initial;
    transform: initial;
    float: right;
    top: 0;
    bottom: 0;
    right: 0
}

    .gmarquis .contact-header .header-img img {
        height: 100%
    }

    .gmarquis .contact-header .header-img .contact-img2 {
        display: none
    }

    .gmarquis .contact-header .header-img .contact-img3 {
        display: none
    }

    .gmarquis .contact-header .header-img .contact-img4 {
        display: none
    }

.gmarquis .contact-header .form {
    margin-top: 40px
}

    .gmarquis .contact-header .form .form-control {
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        -ms-border-radius: 0;
        -o-border-radius: 0;
        border-radius: 0;
        height: 47px;
        font-size: 20.8px;
        color: #535d60;
        border: 1px solid #000;
        box-shadow: none;
        margin-bottom: 23px
    }

    .gmarquis .contact-header .form .textarea {
        height: 205px;
        max-height: 205px;
        resize: none
    }

    .gmarquis .contact-header .form .btn {
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        -ms-border-radius: 0;
        -o-border-radius: 0;
        border-radius: 0;
        background-color: #790000;
        padding: 17px 82px;
        color: #fff;
        font-size: 20.8px;
        border: none
    }

    .gmarquis .contact-header .form input::-webkit-input-placeholder, .gmarquis .contact-header .form textarea::-webkit-input-placeholder {
        color: #535d60
    }

    .gmarquis .contact-header .form input::-moz-placeholder, .gmarquis .contact-header .form textarea::-moz-placeholder {
        color: #535d60
    }

    .gmarquis .contact-header .form input:-ms-input-placeholder, .gmarquis .contact-header .form textarea:-ms-input-placeholder {
        color: #535d60
    }

    .gmarquis .contact-header .form input:-moz-placeholder, .gmarquis .contact-header .form textarea:-moz-placeholder {
        color: #535d60
    }

.gmarquis .terms-page {
    padding: 208px 9.6% 175px 6.1%;
    line-height: 1.5
}

    .gmarquis .terms-page h1 {
        color: #790000;
        margin-bottom: 35px
    }

    .gmarquis .terms-page p {
        margin-bottom: 30px
    }

    .gmarquis .terms-page a {
        color: #000
    }

.gmarquis .rel {
    position: relative
}

.gmarquis .open-list {
    cursor: pointer
}

    .gmarquis .open-list.show .fa-caret-down {
        -webkit-transform: translateY(-50%) rotate(180deg);
        -moz-transform: translateY(-50%) rotate(180deg);
        -ms-transform: translateY(-50%) rotate(180deg);
        -o-transform: translateY(-50%) rotate(180deg);
        transform: translateY(-50%) rotate(180deg)
    }

.gmarquis .hide {
    display: none
}

.gmarquis .show {
    display: block
}

.gmarquis .page.listing p {
    margin-bottom: 10px
}

.gmarquis .header a {
    color: #fff
}

.gmarquis .nav {
    height: 100%;
    background: #363636;
    background: -moz-linear-gradient(left, #2a2a2a 0%, #363636 100%);
    background: -webkit-gradient(linear, top left, top right, color-stop(0%, #2a2a2a), color-stop(100%, #363636));
    background: -webkit-linear-gradient(left, #2a2a2a 0%, #363636 100%);
    background: -o-linear-gradient(left, #2a2a2a 0%, #363636 100%);
    background: -ms-linear-gradient(left, #2a2a2a 0%, #363636 100%);
    background: linear-gradient(left right, #2a2a2a 0%, #363636 100%);
    width: 17.9%;
    max-width: 17.9%;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    z-index: 9876;
    box-shadow: 3px 0 40px #000
}

    .gmarquis .nav .nav-container {
        padding-top: 20px;
        padding-left: 3.5%;
        position: fixed
    }

    .gmarquis .nav ul li {
        font-size: 20.8px;
        margin-bottom: 35px
    }

        .gmarquis .nav ul li .fa-caret-up {
            display: none
        }

        .gmarquis .nav ul li .fa-caret-up, .gmarquis .nav ul li .fa-caret-down {
            margin-left: 5px
        }

        .gmarquis .nav ul li.socials a {
            margin-left: 7%;
            font-size: 30px
        }

            .gmarquis .nav ul li.socials a:first-of-type {
                margin-left: 0
            }

        .gmarquis .nav ul li a:focus {
            color: #fff
        }

    .gmarquis .nav ul .bottom-margin {
        margin-bottom: 5px
    }

        .gmarquis .nav ul .bottom-margin .fa-caret-down {
            -webkit-transform: rotateX(180deg);
            -moz-transform: rotateX(180deg);
            -ms-transform: rotateX(180deg);
            -o-transform: rotateX(180deg);
            transform: rotateX(180deg)
        }

    .gmarquis .nav .logo {
        margin-bottom: 80px;
        height: auto
    }

    .gmarquis .nav .logo-open {
        display: none
    }

    .gmarquis .nav .socials {
        margin-top: 30px
    }

        .gmarquis .nav .socials li {
            display: inline-block;
            margin-right: 10px;
            width: 20px;
            height: 20px
        }

    .gmarquis .nav .close {
        position: absolute;
        right: 10px;
        top: 5px;
        font-size: 20px;
        color: #7d7d7d;
        display: none
    }

    .gmarquis .nav .our-wines {
        display: none;
        margin-bottom: 35px
    }

        .gmarquis .nav .our-wines li {
            margin-bottom: 5px
        }

            .gmarquis .nav .our-wines li a {
                color: #828282
            }

            .gmarquis .nav .our-wines li.active a {
                color: #fff
            }

    .gmarquis .nav .active {
        text-decoration: underline
    }

.gmarquis .nav-container-closed {
    background: #363636;
    background: -moz-linear-gradient(left, #2a2a2a 0%, #363636 100%);
    background: -webkit-gradient(linear, top left, top right, color-stop(0%, #2a2a2a), color-stop(100%, #363636));
    background: -webkit-linear-gradient(left, #2a2a2a 0%, #363636 100%);
    background: -o-linear-gradient(left, #2a2a2a 0%, #363636 100%);
    background: -ms-linear-gradient(left, #2a2a2a 0%, #363636 100%);
    background: linear-gradient(left right, #2a2a2a 0%, #363636 100%);
    height: 100%;
    display: none;
    padding-top: 22px;
    max-width: 7.3%;
    width: 7.3%;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    box-shadow: 3px 0 30px #000;
    z-index: 994
}

    .gmarquis .nav-container-closed .logo-closed {
        display: block;
        margin: 0 auto;
        height: auto;
        margin-bottom: 20px
    }

    .gmarquis .nav-container-closed .toggle {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex;
        width: 30px;
        max-width: 30px;
        margin: 0 auto;
        display: block
    }

        .gmarquis .nav-container-closed .toggle i {
            font-size: 35px
        }

        .gmarquis .nav-container-closed .toggle:active {
            text-decoration: none
        }

        .gmarquis .nav-container-closed .toggle:focus {
            text-decoration: none
        }

.gmarquis .footer {
    width: 82.1%;
    max-width: 82.1%;
    height: 80px;
    min-height: 80px;
    border-top: 7px solid #363636;
    float: right;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center
}

    .gmarquis .footer a {
        color: #000
    }

.gmarquis .footer-container {
    max-width: 100%;
    width: 100%;
    font-size: 12.45px;
    padding: 0 11.7% 0 10%
}

    .gmarquis .footer-container ul {
        display: inline-block;
        margin-bottom: 0
    }

        .gmarquis .footer-container ul li {
            display: inline-block;
            padding: 0 15px;
            border-right: 1px solid #000
        }

            .gmarquis .footer-container ul li:first-of-type {
                padding-left: 0
            }

            .gmarquis .footer-container ul li:last-of-type {
                border: none;
                padding-right: 0
            }

            .gmarquis .footer-container ul li a {
                color: #000
            }

    .gmarquis .footer-container p {
        display: inline-block;
        float: right;
        margin-bottom: 0
    }

        .gmarquis .footer-container p span {
            display: inline-block
        }

@media (max-width: 1676px) {
    .gmarquis .nav .nav-container {
        max-width: 230px;
        padding-left: 2.5%
    }
}

@media (max-width: 1610px) {
    .gmarquis .text-side {
        padding: 65px 40px 85px 50px
    }

    .gmarquis .carousel .carousel-inner .item .carousel-caption {
        top: 150px
    }

    .gmarquis .carousel .carousel-inner .headline-important {
        padding: 40px 55px 50px 50px
    }
}

@media (max-width: 1440px) {
    .gmarquis .nav .nav-container {
        max-width: 200px
    }

    .gmarquis .nav ul li {
        font-size: 18px
    }

    .gmarquis .contact-header .massage .address span.phone span {
        display: block;
        border: none;
        padding: 0
    }
}

@media (max-width: 1375px) {
    .gmarquis .footer-container {
        letter-spacing: -1px
    }
}

@media (max-width: 1281px) {
    .gmarquis .nav .nav-container {
        max-width: 175px;
        padding-left: 2%
    }

    .gmarquis .nav ul li {
        font-size: 16px;
        margin-bottom: 25px
    }

    .gmarquis .nav .logo {
        margin-bottom: 55px
    }

    .gmarquis .nav .our-wines {
        margin-bottom: 25px
    }

    .gmarquis .footer {
        height: 60px;
        min-height: 60px
    }

    .gmarquis .footer-container {
        font-size: 9.4px;
        letter-spacing: 0
    }

        .gmarquis .footer-container ul li {
            padding: 0 10px
        }

    .gmarquis .page h1 {
        font-size: 27.8px
    }

    .gmarquis .page p {
        font-size: 16.7px
    }

    .gmarquis .carousel .carousel-inner .item .carousel-caption {
        top: 30%
    }

    .gmarquis .carousel .carousel-inner .headline-important {
        padding: 35px 45px 40px 70px
    }

    .gmarquis .who-is-g .text-side p {
        margin-bottom: 32px
    }

    .gmarquis .awards {
        height: 160px;
        max-height: 160px
    }

        .gmarquis .awards .awards-text h2 {
            font-size: 22.2px;
            margin-bottom: 20px
        }

        .gmarquis .awards .awards-text p {
            letter-spacing: 4px
        }

    .gmarquis .explore-wines .headline-important {
        padding: 108px 0 145px 106px
    }

    .gmarquis .headline-important h1 {
        margin-bottom: 30px
    }

    .gmarquis .learn-more {
        font-size: 13.9px
    }

    .gmarquis .text-side {
        padding: 65px 10.18% 85px 10.18%;
        line-height: 23px;
        max-width: 58%;
        width: 58%
    }

        .gmarquis .text-side h1 {
            margin-bottom: 25px
        }

    .gmarquis .img-side {
        max-width: 42%;
        width: 42%
    }

    .gmarquis .pos {
        padding: 48px 0 59px 78px
    }

    .gmarquis .header-text {
        max-width: 740px;
        width: 740px;
        margin-right: 40px
    }

        .gmarquis .header-text h1 {
            margin-bottom: 10px
        }

        .gmarquis .header-text p {
            margin-bottom: 30px
        }

    .gmarquis .header-img {
        max-width: 619px;
        width: 619px
    }

    .gmarquis .product {
        padding: 35px 0 65px 0
    }

    .gmarquis .icewine-header .header-text, .gmarquis .silver-header .header-text, .gmarquis .red-header .header-text {
        max-width: 53.4%;
        width: 53.4%
    }

        .gmarquis .icewine-header .header-text h1, .gmarquis .silver-header .header-text h1, .gmarquis .red-header .header-text h1 {
            font-size: 37.5px
        }

    .gmarquis .product-text h1 {
        font-size: 25px
    }

    .gmarquis .product-text p {
        margin: 25px 0 20px 0
    }

    .gmarquis .product-img {
        padding-top: 0
    }

        .gmarquis .product-img .img-wrapper {
            width: 78px;
            margin: 0 auto
        }

        .gmarquis .product-img img {
            height: auto
        }

    .gmarquis .about-product li {
        margin-bottom: 16px
    }

    .gmarquis .buy-header h1 {
        margin-bottom: 32px
    }

    .gmarquis .buy-header .header-text {
        width: 48%;
        max-width: 48%;
        margin-right: 0;
        padding-bottom: 14.7%
    }

    .gmarquis .buy-header .places {
        margin-bottom: 37px
    }

        .gmarquis .buy-header .places h3 {
            font-size: 16.7px
        }

    .gmarquis .page-padding {
        padding: 140px 0 0 78px
    }

    .gmarquis .contact-header h1 {
        margin-bottom: 27px
    }

    .gmarquis .contact-header .massage {
        width: 60%;
        max-width: 60%;
        display: inline-block;
        padding-right: 100px;
        margin-bottom: 60px
    }

        .gmarquis .contact-header .massage .address span {
            display: block;
            font-size: 16.7px;
            margin-bottom: 6pt
        }

            .gmarquis .contact-header .massage .address span:last-child {
                margin-bottom: 0
            }

    .gmarquis .contact-header .header-img {
        width: 39.3%;
        max-width: 39.3%
    }

        .gmarquis .contact-header .header-img .contact-img4 {
            display: block
        }

    .gmarquis .contact-header .form {
        margin-top: 23px
    }

        .gmarquis .contact-header .form .form-control {
            height: 31px;
            font-size: 16.7px;
            margin-bottom: 10px
        }

        .gmarquis .contact-header .form .textarea {
            height: 137px;
            max-height: 137px
        }

        .gmarquis .contact-header .form .btn {
            padding: 14px 52px;
            font-size: 16.7px
        }

    .gmarquis .terms-page {
        padding: 150px 9.6% 135px 6.1%
    }

        .gmarquis .terms-page h1 {
            margin-bottom: 25px
        }

        .gmarquis .terms-page p {
            margin-bottom: 35px
        }
}

@media (max-width: 1225px) {
    .gmarquis .nav ul li {
        font-size: 15px;
        margin-bottom: 25px
    }
}

@media (max-width: 1060px) {
    .gmarquis .nav .nav-container {
        max-width: 155px
    }

    .gmarquis .footer-container {
        letter-spacing: -1px
    }

    .gmarquis .text-side {
        padding: 20px 40px 20px 50px
    }
}

@media (min-width: 962px) {
    .gmarquis .nav {
        display: block !important;
        left: 0 !important
    }

        .gmarquis .nav .close {
            display: none !important
        }

    .gmarquis .nav-container-closed {
        display: none !important
    }
}

@media (max-width: 961px) {
    .gmarquis .nav {
        left: -1000px;
        width: 29.7%;
        max-width: 29.7%;
        z-index: 999
    }

        .gmarquis .nav .nav-container {
            padding-left: 3%;
            width: 29.7%;
            max-width: none
        }

        .gmarquis .nav ul li {
            font-size: 20.8px;
            margin-bottom: 35px
        }

            .gmarquis .nav ul li .fa-caret-up {
                display: none
            }

        .gmarquis .nav .logo {
            display: none
        }

        .gmarquis .nav .logo-open {
            display: block;
            margin-bottom: 15px;
            height: auto
        }

        .gmarquis .nav .close {
            display: block
        }

    .gmarquis .closed-icons {
        position: fixed;
        width: 7.3%
    }

    .gmarquis .nav-container-closed {
        display: block
    }

    .gmarquis .footer {
        width: 92.7%;
        max-width: 92.7%;
        height: 125px
    }

    .gmarquis .footer-container {
        height: auto;
        max-width: 100%;
        width: 100%;
        font-size: 12.45px;
        display: block;
        margin: 0 auto;
        text-align: center;
        padding: 0
    }

        .gmarquis .footer-container ul {
            display: block
        }

            .gmarquis .footer-container ul li {
                padding: 0 10px
            }

        .gmarquis .footer-container p {
            display: block;
            float: none;
            margin-top: 25px
        }

    .gmarquis .page {
        width: 92.7%;
        max-width: 92.7%
    }

        .gmarquis .page h1 {
            font-size: 25px
        }

    .gmarquis .carousel .carousel-inner .item .carousel-caption {
        max-width: 47.2%;
        width: 47.2%;
        top: 27%
    }

    .gmarquis .carousel .carousel-inner .item img {
        width: 100%
    }

    .gmarquis .carousel .carousel-inner .carousel-indicators {
        left: 50%;
        bottom: 5px
    }

    .gmarquis .carousel .carousel-inner .headline-important {
        padding: 30px 60px 30px 60px
    }

    .gmarquis .who-is-g .text-side p {
        margin-bottom: 35px
    }

    .gmarquis .who-is-g .img-side {
        background: url("/assets/gmarquis/content/who-is-g3.jpg") no-repeat center center;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover
    }

    .gmarquis .vineyard .vineyard2 {
        display: none
    }

    .gmarquis .awards {
        height: 120px;
        max-height: 120px
    }

        .gmarquis .awards .awards-text {
            width: 84.62%;
            max-width: 84.62%
        }

            .gmarquis .awards .awards-text h2 {
                font-size: 20.8px;
                margin-bottom: 10px
            }

    .gmarquis .explore-wines {
        background: url(/assets/gmarquis/content/footer-img3.jpg) no-repeat;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        background-position: 50% 0
    }

        .gmarquis .explore-wines .headline-important {
            padding: 90px 0 130px 104px
        }

            .gmarquis .explore-wines .headline-important p {
                font-size: 12.5px
            }

    .gmarquis .headline-important {
        max-width: 41.9%;
        width: 41.9%
    }

        .gmarquis .headline-important h1 {
            margin-bottom: 20px
        }

    .gmarquis .text-side {
        padding: 45px 45px 50px 50px;
        max-width: 50%;
        width: 50%
    }

        .gmarquis .text-side h1 {
            margin-bottom: 25px
        }

    .gmarquis .img-side {
        max-width: 50%;
        width: 50%
    }

    .gmarquis .pos {
        padding: 90px 0 75px 81px
    }

    .gmarquis .header-text {
        max-width: 740px;
        width: 740px;
        margin-right: 40px
    }

        .gmarquis .header-text h1 {
            margin-bottom: 7px
        }

        .gmarquis .header-text p {
            margin-bottom: 30px
        }

    .gmarquis .header-img {
        max-width: 619px;
        width: 619px
    }

    .gmarquis .product {
        width: 77.6%;
        max-width: 77.6%;
        padding: 35px 0 70px 0
    }

        .gmarquis .product .learn-more {
            color: #000;
            font-size: 12.5px;
            letter-spacing: 0
        }

    .gmarquis .icewine-header .header-text, .gmarquis .silver-header .header-text, .gmarquis .red-header .header-text {
        max-width: 62.4%;
        width: 62.4%
    }

    .gmarquis .icewine-header .header-img, .gmarquis .silver-header .header-img, .gmarquis .red-header .header-img {
        max-width: 28.5%;
        width: 28.5%
    }

    .gmarquis .product-text {
        width: 73%;
        max-width: 73%
    }

    .gmarquis .product-img {
        width: 24.5%;
        max-width: 24.5%
    }

    .gmarquis .buy-header h1 {
        margin-bottom: 34px
    }

    .gmarquis .buy-header .header-text {
        width: 100%;
        max-width: 100%;
        margin-bottom: 35px;
        padding-bottom: 0
    }

    .gmarquis .buy-header .places {
        margin-bottom: 35px
    }

        .gmarquis .buy-header .places h3 {
            font-size: 16.7px
        }

    .gmarquis .buy-header .header-img {
        width: 100%;
        max-width: 100%;
        float: none;
        position: static;
        background: none
    }

        .gmarquis .buy-header .header-img .buy2 {
            display: block
        }

        .gmarquis .buy-header .header-img img {
            height: auto
        }

    .gmarquis .page-padding {
        padding: 52px 0 0 81px
    }

    .gmarquis .contact-header h1 {
        margin-bottom: 26px
    }

    .gmarquis .contact-header .massage {
        width: 100%;
        max-width: 100%
    }

        .gmarquis .contact-header .massage .address span {
            display: block;
            font-size: 16.7px
        }

    .gmarquis .contact-header .header-img {
        width: 100%;
        max-width: 100%;
        float: none;
        position: static;
        background: url("/assets/gmarquis/content/contact2.jpg") no-repeat center center;
        position: relative
    }

        .gmarquis .contact-header .header-img:before {
            display: block;
            content: "";
            width: 100%;
            padding-top: 33.37078652%
        }

        .gmarquis .contact-header .header-img > .content {
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0
        }

        .gmarquis .contact-header .header-img .contact-img2 {
            display: block
        }

        .gmarquis .contact-header .header-img img {
            height: auto
        }

    .gmarquis .contact-header .form {
        margin-top: 25px;
        margin-bottom: 45px
    }

        .gmarquis .contact-header .form .form-control {
            height: 53px;
            font-size: 16.7px;
            margin-bottom: 12px
        }

        .gmarquis .contact-header .form .textarea {
            height: 235px;
            max-height: 235px;
            margin-bottom: 28px
        }

        .gmarquis .contact-header .form .btn {
            padding: 8px 31px;
            font-size: 16.7px
        }

    .gmarquis .terms-page {
        padding: 45px 9.7% 135px 8.4%
    }

        .gmarquis .terms-page h1 {
            margin-bottom: 32px
        }
}

@media (max-width: 920px) {
    .gmarquis .nav .nav-container {
        padding-right: 30px
    }

    .gmarquis .nav ul li {
        font-size: 19px
    }
}

@media (max-width: 769px) {
    .gmarquis .nav {
        width: 67.8%;
        max-width: 67.8%
    }

        .gmarquis .nav .nav-container {
            padding: 20px 60px 0 30px;
            width: 67.8%
        }

        .gmarquis .nav ul li {
            font-size: 20.8px;
            margin-bottom: 35px
        }

            .gmarquis .nav ul li .fa-caret-up {
                display: none
            }

        .gmarquis .nav ul.left-side-part {
            width: 50%;
            display: inline-block;
            border-right: 1px solid #fff
        }

        .gmarquis .nav ul.right-side-part {
            width: 41%;
            float: right;
            display: inline-block
        }

        .gmarquis .nav .logo {
            display: none
        }

        .gmarquis .nav .logo-open {
            display: block;
            margin-bottom: 15px;
            height: auto
        }

        .gmarquis .nav .socials {
            margin-top: 0
        }

    .gmarquis .closed-icons {
        width: 9.6%
    }

    .gmarquis .nav-container-closed {
        padding-top: 18px;
        max-width: 9.6%;
        width: 9.6%
    }

    .gmarquis .footer {
        height: 105px;
        width: 90.4%;
        max-width: 90.4%;
        border-top: 4px solid #363636
    }

        .gmarquis .footer p {
            margin-top: 25px
        }

    .gmarquis .page {
        width: 90.4%;
        max-width: 90.4%
    }

        .gmarquis .page h1 {
            font-size: 19.4px
        }

        .gmarquis .page .scroll-down {
            display: block
        }

            .gmarquis .page .scroll-down p {
                margin-bottom: -40px
            }

    .gmarquis .carousel .carousel-inner .item .carousel-caption {
        max-width: 47.2%;
        width: 47.2%;
        top: 21%
    }

    .gmarquis .carousel .carousel-inner .item img {
        width: 100%
    }

    .gmarquis .carousel .carousel-inner .carousel-indicators {
        left: 50%
    }

    .gmarquis .carousel .carousel-inner .headline-important {
        padding: 30px 60px 30px 60px
    }

    .gmarquis .vineyard .text-side {
        float: none
    }

    .gmarquis .vineyard .img-side {
        background: none;
        float: none
    }

    .gmarquis .vineyard .vineyard2 {
        display: block
    }

    .gmarquis .who-is-g .text-side {
        float: none
    }

    .gmarquis .who-is-g .img-side {
        background: none;
        float: none
    }

    .gmarquis .who-is-g .who-g2 {
        display: block
    }

    .gmarquis .awards {
        height: 96px;
        max-height: 96px
    }

        .gmarquis .awards .awards-text h2 {
            font-size: 16.7px
        }

    .gmarquis .headline-important {
        width: 47.9%;
        max-width: 47.9%
    }

    .gmarquis .explore-wines .headline-important {
        padding: 75px 0 80px 65px
    }

    .gmarquis .text-side {
        padding: 60px 56px 70px 47px;
        max-width: 100%;
        width: 100%;
        position: relative
    }

        .gmarquis .text-side h1 {
            margin-bottom: 30px
        }

    .gmarquis .learn-more {
        font-size: 12.5px
    }

    .gmarquis .img-side {
        max-width: 100%;
        width: 100%;
        position: relative
    }

    .gmarquis .text-side, .gmarquis .img-side {
        display: block
    }

    .gmarquis .pos {
        padding: 35px 0 75px 65px
    }

    .gmarquis .header-text {
        max-width: 740px;
        width: 740px;
        margin-right: 40px
    }

        .gmarquis .header-text h1 {
            margin-bottom: 10px
        }

        .gmarquis .header-text p {
            margin-bottom: 30px
        }

    .gmarquis .header-img {
        max-width: 619px;
        width: 619px
    }

    .gmarquis .product {
        width: 86%;
        max-width: 86%;
        padding: 48px 0 72px 0
    }

        .gmarquis .product .learn-more-border {
            padding: 10px 0
        }

    .gmarquis .icewine-header .header-text, .gmarquis .silver-header .header-text, .gmarquis .red-header .header-text {
        max-width: 72%;
        width: 72%;
        margin-bottom: 62px;
        display: block
    }

        .gmarquis .icewine-header .header-text h1, .gmarquis .silver-header .header-text h1, .gmarquis .red-header .header-text h1 {
            font-size: 30px
        }

    .gmarquis .icewine-header .header-img, .gmarquis .silver-header .header-img, .gmarquis .red-header .header-img {
        max-width: 80%;
        width: 80%;
        float: right;
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
        transform: none;
        position: relative
    }

    .gmarquis .product-text {
        width: 66%;
        max-width: 66%
    }

    .gmarquis .product-img {
        width: 24.5%;
        max-width: 24.5%;
        margin-right: 9.5%
    }

    .gmarquis .buy-header h1 {
        margin-bottom: 30px
    }

    .gmarquis .buy-header .header-text {
        margin-bottom: 58px
    }

    .gmarquis .buy-header .header-img {
        width: 100%;
        max-width: 100%
    }

        .gmarquis .buy-header .header-img .buy2 {
            display: none
        }

        .gmarquis .buy-header .header-img .buy3 {
            display: block
        }

    .gmarquis .page-padding {
        padding: 47px 0 0 50px
    }

    .gmarquis .contact-header .massage {
        padding-right: 56px
    }

    .gmarquis .terms-page {
        padding: 45px 9.7% 68px 6.1%
    }

        .gmarquis .terms-page h1 {
            margin-bottom: 26px
        }
}

@media (max-width: 690px) {
    .gmarquis .footer-container {
        line-height: 25px
    }

        .gmarquis .footer-container ul .copy {
            display: block;
            padding-right: 0
        }

        .gmarquis .footer-container ul li.copy {
            border: none
        }

        .gmarquis .footer-container ul li:nth-of-type(2) {
            padding-left: 0
        }
}

@media (max-width: 675px) {
    .gmarquis .nav .nav-container {
        padding-right: 30px
    }

    .gmarquis .nav ul li {
        font-size: 18px
    }
}

@media (max-width: 670px) {
    .gmarquis .carousel .carousel-inner .carousel-caption .headline-important {
        padding: 20px
    }

    .gmarquis .explore-wines .headline-important {
        padding: 35px 0 35px 20px
    }
}

@media (max-width: 562px) {
    .gmarquis .nav .nav-container {
        padding-right: 20px
    }

    .gmarquis .nav ul li {
        font-size: 15.5px
    }
}

@media (max-width: 535px) {
    .gmarquis .carousel .carousel-inner .item .carousel-caption {
        top: 10%
    }

        .gmarquis .carousel .carousel-inner .item .carousel-caption .headline-important h1 {
            font-size: 15px
        }
}

@media (max-width: 515px) {
    .gmarquis .nav ul.right-side-part {
        width: 48%
    }
}

@media (max-width: 481px) {
    .gmarquis .icewine-header .header-text h1, .gmarquis .silver-header .header-text h1, .gmarquis .red-header .header-text h1 {
        font-size: 24px
    }

    .gmarquis .awards .awards-text h2 {
        line-height: 1.3 !important
    }

    .gmarquis .awards .awards-text a {
        letter-spacing: 2.5px
    }

    .gmarquis .nav {
        width: 59.4%;
        max-width: 59.4%
    }

        .gmarquis .nav .nav-container {
            padding: 20px 60px 0 30px;
            width: 59.4%
        }

        .gmarquis .nav .logo-open {
            margin-bottom: 20px
        }

        .gmarquis .nav ul.left-side-part {
            width: 100%;
            display: block;
            border: none
        }

        .gmarquis .nav ul.right-side-part {
            width: 100%;
            float: none
        }

        .gmarquis .nav ul li {
            font-size: 16.7px
        }

    .gmarquis .closed-icons {
        width: 14.6%
    }

    .gmarquis .nav-container-closed {
        max-width: 14.6%;
        width: 14.6%
    }

    .gmarquis .footer {
        width: 85.4%;
        max-width: 85.4%;
        height: 165px
    }

    .gmarquis .footer-container {
        line-height: normal
    }

        .gmarquis .footer-container ul {
            margin-bottom: 35px
        }

        .gmarquis .footer-container .digital {
            display: block
        }

    .gmarquis .page {
        width: 85.4%;
        max-width: 85.4%
    }

        .gmarquis .page h1 {
            font-size: 21.9px
        }

        .gmarquis .page p {
            font-size: 12.5px
        }

        .gmarquis .page .scroll-down {
            position: relative;
            display: block
        }

            .gmarquis .page .scroll-down p {
                margin-bottom: 0
            }

    .gmarquis .carousel .carousel-inner .item .carousel-caption {
        max-width: 83.2%;
        width: 83.2%
    }

    .gmarquis .carousel .carousel-inner .item .img1 {
        display: none
    }

    .gmarquis .carousel .carousel-inner .item .img2 {
        display: block
    }

    .gmarquis .carousel .carousel-inner .carousel-indicators {
        bottom: 25px
    }

    .gmarquis .carousel .carousel-inner .headline-important {
        padding: 33px 35px;
        text-align: left
    }

    .gmarquis .awards {
        height: 170px;
        max-height: 170px
    }

        .gmarquis .awards .awards-text h2 {
            margin-bottom: 30px;
            padding: 0 5%;
            line-height: 15px
        }

        .gmarquis .awards .awards-text p {
            font-size: 12.5px
        }

    .gmarquis .explore-wines {
        background: url(/assets/gmarquis/content/footer-img2.jpg) no-repeat;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        background-position: 50% 0
    }

        .gmarquis .explore-wines .headline-important {
            padding: 50px 15px 25px 15px
        }

            .gmarquis .explore-wines .headline-important h1 {
                font-size: 16.7px
            }

    .gmarquis .headline-important {
        width: 100%;
        max-width: 100%;
        text-align: center
    }

        .gmarquis .headline-important h1 {
            margin-bottom: 25px
        }

        .gmarquis .headline-important p {
            font-size: 12.5px
        }

    .gmarquis .learn-more {
        letter-spacing: 5px
    }

    .gmarquis .text-side {
        padding: 67px 42px 86px 52px
    }

    .gmarquis .pos {
        padding: 15px 0 42px 57px
    }

    .gmarquis .header-text {
        max-width: 740px;
        width: 740px;
        margin-right: 40px
    }

        .gmarquis .header-text p {
            margin-bottom: 35px
        }

    .gmarquis .header-img {
        max-width: 619px;
        width: 619px
    }

    .gmarquis .product {
        width: 78%;
        max-width: 78%;
        padding: 0;
        margin-bottom: 90px;
        border-bottom: 0
    }

    .gmarquis .icewine-header .header-text, .gmarquis .silver-header .header-text, .gmarquis .red-header .header-text {
        max-width: 100%;
        width: 100%;
        margin-bottom: 52px;
        padding-right: 42px
    }

    .gmarquis .icewine-header .header-img, .gmarquis .silver-header .header-img, .gmarquis .red-header .header-img {
        max-width: 100%;
        width: 100%
    }

    .gmarquis .red-line-products, .gmarquis .silver-line-products, .gmarquis .icewine-products {
        margin-top: 50px
    }

        .gmarquis .red-line-products .product-text h1, .gmarquis .silver-line-products .product-text h1, .gmarquis .icewine-products .product-text h1 {
            padding-right: 40px;
            font-size: 25px
        }

        .gmarquis .red-line-products .product-text p, .gmarquis .silver-line-products .product-text p, .gmarquis .icewine-products .product-text p {
            font-size: 12.5px;
            padding-right: 20px
        }

    .gmarquis .product-text {
        width: 100%;
        max-width: 100%
    }

    .gmarquis .product-img {
        width: 100%;
        max-width: 100%;
        margin-right: 0;
        margin-bottom: 40px
    }

        .gmarquis .product-img .img-wrapper {
            width: 100%
        }

        .gmarquis .product-img img {
            width: 23.3%
        }

    .gmarquis .buy-header h1 {
        margin-bottom: 25px
    }

    .gmarquis .buy-header .places h3 {
        margin-bottom: 2px
    }

    .gmarquis .buy-header .header-img .buy4 {
        display: block
    }

    .gmarquis .buy-header .header-img .buy3 {
        display: none
    }

    .gmarquis .page-padding {
        padding: 43px 23px 0 23px
    }

    .gmarquis .contact-header .massage {
        padding-right: 23px
    }

        .gmarquis .contact-header .massage .address span.phone {
            display: block
        }

            .gmarquis .contact-header .massage .address span.phone span {
                display: block;
                border: none;
                padding-right: 0
            }

    .gmarquis .contact-header .header-img {
        background: url("/assets/gmarquis/content/contact3.jpg") no-repeat center center;
        position: relative
    }

        .gmarquis .contact-header .header-img:before {
            display: block;
            content: "";
            width: 100%;
            padding-top: 41.95121951%
        }

        .gmarquis .contact-header .header-img > .content {
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0
        }

    .gmarquis .terms-page {
        padding: 45px 6.3% 114px 4.2%
    }
}

@media (max-width: 405px) {
    .gmarquis .nav .nav-container {
        padding-right: 35px
    }
}

@media (max-width: 361px) {
    .gmarquis .nav .nav-container {
        padding: 13px 45px 0 23px
    }

    .gmarquis .nav ul li {
        font-size: 12.5px;
        margin-bottom: 28px
    }

    .gmarquis .nav-container-closed {
        max-width: 14.6%;
        width: 14.6%
    }

    .gmarquis .footer {
        width: 85.4%;
        max-width: 85.4%;
        height: 120px
    }

    .gmarquis .footer-container {
        font-size: 9.4px
    }

        .gmarquis .footer-container ul {
            margin-bottom: 0
        }

            .gmarquis .footer-container ul .copy {
                display: block;
                padding-right: 0
            }

            .gmarquis .footer-container ul li {
                padding: 0 10px
            }

        .gmarquis .footer-container p {
            margin-top: 15px
        }

    .gmarquis .page {
        width: 85.4%;
        max-width: 85.4%
    }

        .gmarquis .page h1 {
            font-size: 18.8px
        }

        .gmarquis .page p {
            font-size: 12.5px
        }

    .gmarquis .carousel .carousel-inner .item .carousel-caption {
        max-width: 83.2%;
        width: 83.2%
    }

    .gmarquis .carousel .carousel-inner .headline-important {
        padding: 33px 35px
    }

    .gmarquis .awards {
        height: 130px;
        max-height: 130px
    }

        .gmarquis .awards .awards-text h2 {
            margin-bottom: 30px;
            font-size: 12.5px
        }

        .gmarquis .awards .awards-text p {
            font-size: 9.4px
        }

        .gmarquis .awards .awards-text .learn-more {
            letter-spacing: 4px
        }

    .gmarquis .learn-more {
        font-size: 9.4px
    }

    .gmarquis .explore-wines .headline-important {
        padding: 50px 15px 25px 15px
    }

    .gmarquis .headline-important {
        width: 100%;
        max-width: 100%;
        text-align: center
    }

        .gmarquis .headline-important h1 {
            margin-bottom: 25px;
            font-size: 12.5px
        }

        .gmarquis .headline-important p {
            font-size: 12.5px
        }

    .gmarquis .text-side {
        padding: 50px 31px 60px 37px
    }

    .gmarquis .pos {
        padding: 15px 0 42px 40px
    }

    .gmarquis .header-text {
        max-width: 740px;
        width: 740px;
        margin-right: 40px
    }

        .gmarquis .header-text p {
            margin-bottom: 35px
        }

    .gmarquis .header-img {
        max-width: 619px;
        width: 619px
    }

    .gmarquis .product {
        width: 78%;
        max-width: 78%;
        padding: 30px 0 0 0;
        margin-bottom: 60px;
        border-bottom: 0
    }

    .gmarquis .icewine-header .header-text, .gmarquis .silver-header .header-text, .gmarquis .red-header .header-text {
        margin-bottom: 15px;
        padding-right: 30px
    }

        .gmarquis .icewine-header .header-text h1, .gmarquis .silver-header .header-text h1, .gmarquis .red-header .header-text h1 {
            font-size: 28.1px
        }

    .gmarquis .red-line-products .product-text h1, .gmarquis .silver-line-products .product-text h1, .gmarquis .icewine-products .product-text h1 {
        padding-right: 40px;
        font-size: 18.8px
    }

    .gmarquis .red-line-products .product-text p, .gmarquis .silver-line-products .product-text p, .gmarquis .icewine-products .product-text p {
        padding-right: 20px
    }

    .gmarquis .product-img {
        margin-bottom: 40px
    }

    .gmarquis .buy-header h1 {
        margin-bottom: 20px
    }

    .gmarquis .buy-header .places {
        margin-bottom: 25px
    }

    .gmarquis .buy-header .header-text {
        margin-bottom: 15px
    }

    .gmarquis .page-padding {
        padding: 32px 18px 0 18px
    }

    .gmarquis .contact-header .massage {
        padding-right: 18px
    }

        .gmarquis .contact-header .massage .address span {
            font-size: 12.5px
        }

            .gmarquis .contact-header .massage .address span.phone {
                display: block
            }

                .gmarquis .contact-header .massage .address span.phone span {
                    display: block
                }

    .gmarquis .contact-header .form {
        margin-top: 30px
    }

        .gmarquis .contact-header .form .form-control {
            height: 40px;
            font-size: 12.5px;
            margin-bottom: 11px
        }

        .gmarquis .contact-header .form .textarea {
            height: 175px;
            max-height: 175px
        }

        .gmarquis .contact-header .form .btn {
            padding: 5px 27px;
            font-size: 12.5px;
            border: none
        }

    .gmarquis .terms-page {
        padding: 30px 5.6% 85px 3.9%
    }

        .gmarquis .terms-page h1 {
            margin-bottom: 20px
        }
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) {
    .gmarquis .icewine-header .header-text h1, .gmarquis .silver-header .header-text h1, .gmarquis .red-header .header-text h1 {
        font-size: 30px
    }

    .gmarquis .explore-wines .headline-important {
        padding-left: 40px
    }

    .gmarquis .headline-important {
        width: 49.9%;
        max-width: 49.9%
    }
}

@media (min-device-width: 800px) and (max-device-width: 1280px) {
    .gmarquis .icewine-header .header-text h1, .gmarquis .silver-header .header-text h1, .gmarquis .red-header .header-text h1 {
        font-size: 30px
    }

    .gmarquis .carousel .carousel-inner .item {
        max-height: none
    }
}

@media screen and (device-width: 601px) and (device-height: 906px) and (-webkit-min-device-pixel-ratio: 1.331) and (-webkit-max-device-pixel-ratio: 1.332) {
    .gmarquis .icewine-header .header-text h1, .gmarquis .silver-header .header-text h1, .gmarquis .red-header .header-text h1 {
        font-size: 30px
    }
}

@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
    .gmarquis .carousel .carousel-inner .item {
        max-height: 500px
    }
}

.gmarquis input.gm-error, .gmarquis textarea.gm-error, .gmarquis select.gm-error {
    margin-bottom: 3px !important;
    border: 2px solid #c0392b !important
}

.gmarquis .success, .gmarquis .error-msg, .gmarquis .p.gm-error {
    font-size: 2.2rem
}

@media (max-width: 1199px) {
    .gmarquis .success, .gmarquis .error-msg, .gmarquis .p.gm-error {
        font-size: 15px
    }
}

@media (max-width: 767px) {
    .gmarquis .success, .gmarquis .error-msg, .gmarquis .p.gm-error {
        font-size: 12px
    }
}

.gmarquis p.gm-error {
    color: #c0392b;
    margin-bottom: 10px
}

.gmarquis .success {
    color: #000
}

.gmarquis .error-msg {
    color: #c0392b
}

.gmarquis body:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0
}

.gmarquis body {
    display: inline-block
}

.gmarquis body {
    display: block
}

html.festa-juice {
    font-size: 10px
}

@media (max-width: 1280px) {
    html.festa-juice {
        font-size: 6.5px
    }
}

@media (max-width: 960px) {
    html.festa-juice {
        font-size: 5px
    }
}

.festa-juice { /*!
 * animate.css -http://daneden.me/animate
 * Version - 3.5.1
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2016 Daniel Eden
 */
    ; /*!
 *  Font Awesome 4.4.0 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */
}

    .festa-juice .animated {
        -webkit-animation-duration: 1s;
        animation-duration: 1s;
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both
    }

        .festa-juice .animated.infinite {
            -webkit-animation-iteration-count: infinite;
            animation-iteration-count: infinite
        }

        .festa-juice .animated.hinge {
            -webkit-animation-duration: 2s;
            animation-duration: 2s
        }

        .festa-juice .animated.flipOutX, .festa-juice .animated.flipOutY, .festa-juice .animated.bounceIn, .festa-juice .animated.bounceOut {
            -webkit-animation-duration: .75s;
            animation-duration: .75s
        }

@-webkit-keyframes bounce {
    from, 20%, 53%, 80%, to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }

    40%, 43% {
        -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        -webkit-transform: translate3d(0, -30px, 0);
        transform: translate3d(0, -30px, 0)
    }

    70% {
        -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        -webkit-transform: translate3d(0, -15px, 0);
        transform: translate3d(0, -15px, 0)
    }

    90% {
        -webkit-transform: translate3d(0, -4px, 0);
        transform: translate3d(0, -4px, 0)
    }
}

@keyframes bounce {
    from, 20%, 53%, 80%, to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }

    40%, 43% {
        -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        -webkit-transform: translate3d(0, -30px, 0);
        transform: translate3d(0, -30px, 0)
    }

    70% {
        -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        -webkit-transform: translate3d(0, -15px, 0);
        transform: translate3d(0, -15px, 0)
    }

    90% {
        -webkit-transform: translate3d(0, -4px, 0);
        transform: translate3d(0, -4px, 0)
    }
}

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

@-webkit-keyframes flash {
    from, 50%, to {
        opacity: 1
    }

    25%, 75% {
        opacity: 0
    }
}

@keyframes flash {
    from, 50%, to {
        opacity: 1
    }

    25%, 75% {
        opacity: 0
    }
}

.festa-juice .flash {
    -webkit-animation-name: flash;
    animation-name: flash
}

@-webkit-keyframes pulse {
    from {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }

    50% {
        -webkit-transform: scale3d(1.05, 1.05, 1.05);
        transform: scale3d(1.05, 1.05, 1.05)
    }

    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}

@keyframes pulse {
    from {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }

    50% {
        -webkit-transform: scale3d(1.05, 1.05, 1.05);
        transform: scale3d(1.05, 1.05, 1.05)
    }

    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}

.festa-juice .pulse {
    -webkit-animation-name: pulse;
    animation-name: pulse
}

@-webkit-keyframes rubberBand {
    from {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }

    30% {
        -webkit-transform: scale3d(1.25, 0.75, 1);
        transform: scale3d(1.25, 0.75, 1)
    }

    40% {
        -webkit-transform: scale3d(0.75, 1.25, 1);
        transform: scale3d(0.75, 1.25, 1)
    }

    50% {
        -webkit-transform: scale3d(1.15, 0.85, 1);
        transform: scale3d(1.15, 0.85, 1)
    }

    65% {
        -webkit-transform: scale3d(0.95, 1.05, 1);
        transform: scale3d(0.95, 1.05, 1)
    }

    75% {
        -webkit-transform: scale3d(1.05, 0.95, 1);
        transform: scale3d(1.05, 0.95, 1)
    }

    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}

@keyframes rubberBand {
    from {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }

    30% {
        -webkit-transform: scale3d(1.25, 0.75, 1);
        transform: scale3d(1.25, 0.75, 1)
    }

    40% {
        -webkit-transform: scale3d(0.75, 1.25, 1);
        transform: scale3d(0.75, 1.25, 1)
    }

    50% {
        -webkit-transform: scale3d(1.15, 0.85, 1);
        transform: scale3d(1.15, 0.85, 1)
    }

    65% {
        -webkit-transform: scale3d(0.95, 1.05, 1);
        transform: scale3d(0.95, 1.05, 1)
    }

    75% {
        -webkit-transform: scale3d(1.05, 0.95, 1);
        transform: scale3d(1.05, 0.95, 1)
    }

    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}

.festa-juice .rubberBand {
    -webkit-animation-name: rubberBand;
    animation-name: rubberBand
}

@-webkit-keyframes shake {
    from, to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }

    10%, 30%, 50%, 70%, 90% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0)
    }

    20%, 40%, 60%, 80% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0)
    }
}

@keyframes shake {
    from, to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }

    10%, 30%, 50%, 70%, 90% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0)
    }

    20%, 40%, 60%, 80% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0)
    }
}

.festa-juice .shake {
    -webkit-animation-name: shake;
    animation-name: shake
}

@-webkit-keyframes headShake {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    6.5% {
        -webkit-transform: translateX(-6px) rotateY(-9deg);
        transform: translateX(-6px) rotateY(-9deg)
    }

    18.5% {
        -webkit-transform: translateX(5px) rotateY(7deg);
        transform: translateX(5px) rotateY(7deg)
    }

    31.5% {
        -webkit-transform: translateX(-3px) rotateY(-5deg);
        transform: translateX(-3px) rotateY(-5deg)
    }

    43.5% {
        -webkit-transform: translateX(2px) rotateY(3deg);
        transform: translateX(2px) rotateY(3deg)
    }

    50% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes headShake {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    6.5% {
        -webkit-transform: translateX(-6px) rotateY(-9deg);
        transform: translateX(-6px) rotateY(-9deg)
    }

    18.5% {
        -webkit-transform: translateX(5px) rotateY(7deg);
        transform: translateX(5px) rotateY(7deg)
    }

    31.5% {
        -webkit-transform: translateX(-3px) rotateY(-5deg);
        transform: translateX(-3px) rotateY(-5deg)
    }

    43.5% {
        -webkit-transform: translateX(2px) rotateY(3deg);
        transform: translateX(2px) rotateY(3deg)
    }

    50% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

.festa-juice .headShake {
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-name: headShake;
    animation-name: headShake
}

@-webkit-keyframes swing {
    20% {
        -webkit-transform: rotate3d(0, 0, 1, 15deg);
        transform: rotate3d(0, 0, 1, 15deg)
    }

    40% {
        -webkit-transform: rotate3d(0, 0, 1, -10deg);
        transform: rotate3d(0, 0, 1, -10deg)
    }

    60% {
        -webkit-transform: rotate3d(0, 0, 1, 5deg);
        transform: rotate3d(0, 0, 1, 5deg)
    }

    80% {
        -webkit-transform: rotate3d(0, 0, 1, -5deg);
        transform: rotate3d(0, 0, 1, -5deg)
    }

    to {
        -webkit-transform: rotate3d(0, 0, 1, 0deg);
        transform: rotate3d(0, 0, 1, 0deg)
    }
}

@keyframes swing {
    20% {
        -webkit-transform: rotate3d(0, 0, 1, 15deg);
        transform: rotate3d(0, 0, 1, 15deg)
    }

    40% {
        -webkit-transform: rotate3d(0, 0, 1, -10deg);
        transform: rotate3d(0, 0, 1, -10deg)
    }

    60% {
        -webkit-transform: rotate3d(0, 0, 1, 5deg);
        transform: rotate3d(0, 0, 1, 5deg)
    }

    80% {
        -webkit-transform: rotate3d(0, 0, 1, -5deg);
        transform: rotate3d(0, 0, 1, -5deg)
    }

    to {
        -webkit-transform: rotate3d(0, 0, 1, 0deg);
        transform: rotate3d(0, 0, 1, 0deg)
    }
}

.festa-juice .swing {
    -webkit-transform-origin: top center;
    transform-origin: top center;
    -webkit-animation-name: swing;
    animation-name: swing
}

@-webkit-keyframes tada {
    from {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }

    10%, 20% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg)
    }

    30%, 50%, 70%, 90% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg)
    }

    40%, 60%, 80% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg)
    }

    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}

@keyframes tada {
    from {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }

    10%, 20% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg)
    }

    30%, 50%, 70%, 90% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg)
    }

    40%, 60%, 80% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg)
    }

    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}

.festa-juice .tada {
    -webkit-animation-name: tada;
    animation-name: tada
}

@-webkit-keyframes wobble {
    from {
        -webkit-transform: none;
        transform: none
    }

    15% {
        -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
        transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg)
    }

    30% {
        -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
        transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg)
    }

    45% {
        -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
        transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg)
    }

    60% {
        -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
        transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg)
    }

    75% {
        -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
        transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg)
    }

    to {
        -webkit-transform: none;
        transform: none
    }
}

@keyframes wobble {
    from {
        -webkit-transform: none;
        transform: none
    }

    15% {
        -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
        transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg)
    }

    30% {
        -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
        transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg)
    }

    45% {
        -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
        transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg)
    }

    60% {
        -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
        transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg)
    }

    75% {
        -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
        transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg)
    }

    to {
        -webkit-transform: none;
        transform: none
    }
}

.festa-juice .wobble {
    -webkit-animation-name: wobble;
    animation-name: wobble
}

@-webkit-keyframes jello {
    from, 11.1%, to {
        -webkit-transform: none;
        transform: none
    }

    22.2% {
        -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
        transform: skewX(-12.5deg) skewY(-12.5deg)
    }

    33.3% {
        -webkit-transform: skewX(6.25deg) skewY(6.25deg);
        transform: skewX(6.25deg) skewY(6.25deg)
    }

    44.4% {
        -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
        transform: skewX(-3.125deg) skewY(-3.125deg)
    }

    55.5% {
        -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
        transform: skewX(1.5625deg) skewY(1.5625deg)
    }

    66.6% {
        -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
        transform: skewX(-0.78125deg) skewY(-0.78125deg)
    }

    77.7% {
        -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
        transform: skewX(0.390625deg) skewY(0.390625deg)
    }

    88.8% {
        -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
        transform: skewX(-0.1953125deg) skewY(-0.1953125deg)
    }
}

@keyframes jello {
    from, 11.1%, to {
        -webkit-transform: none;
        transform: none
    }

    22.2% {
        -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
        transform: skewX(-12.5deg) skewY(-12.5deg)
    }

    33.3% {
        -webkit-transform: skewX(6.25deg) skewY(6.25deg);
        transform: skewX(6.25deg) skewY(6.25deg)
    }

    44.4% {
        -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
        transform: skewX(-3.125deg) skewY(-3.125deg)
    }

    55.5% {
        -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
        transform: skewX(1.5625deg) skewY(1.5625deg)
    }

    66.6% {
        -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
        transform: skewX(-0.78125deg) skewY(-0.78125deg)
    }

    77.7% {
        -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
        transform: skewX(0.390625deg) skewY(0.390625deg)
    }

    88.8% {
        -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
        transform: skewX(-0.1953125deg) skewY(-0.1953125deg)
    }
}

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

@-webkit-keyframes bounceIn {
    from, 20%, 40%, 60%, 80%, to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
    }

    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3)
    }

    20% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }

    40% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9);
        transform: scale3d(0.9, 0.9, 0.9)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03, 1.03, 1.03);
        transform: scale3d(1.03, 1.03, 1.03)
    }

    80% {
        -webkit-transform: scale3d(0.97, 0.97, 0.97);
        transform: scale3d(0.97, 0.97, 0.97)
    }

    to {
        opacity: 1;
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}

@keyframes bounceIn {
    from, 20%, 40%, 60%, 80%, to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
    }

    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3)
    }

    20% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }

    40% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9);
        transform: scale3d(0.9, 0.9, 0.9)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03, 1.03, 1.03);
        transform: scale3d(1.03, 1.03, 1.03)
    }

    80% {
        -webkit-transform: scale3d(0.97, 0.97, 0.97);
        transform: scale3d(0.97, 0.97, 0.97)
    }

    to {
        opacity: 1;
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}

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

@-webkit-keyframes bounceInDown {
    from, 60%, 75%, 90%, to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -3000px, 0);
        transform: translate3d(0, -3000px, 0)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, 25px, 0);
        transform: translate3d(0, 25px, 0)
    }

    75% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0)
    }

    90% {
        -webkit-transform: translate3d(0, 5px, 0);
        transform: translate3d(0, 5px, 0)
    }

    to {
        -webkit-transform: none;
        transform: none
    }
}

@keyframes bounceInDown {
    from, 60%, 75%, 90%, to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -3000px, 0);
        transform: translate3d(0, -3000px, 0)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, 25px, 0);
        transform: translate3d(0, 25px, 0)
    }

    75% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0)
    }

    90% {
        -webkit-transform: translate3d(0, 5px, 0);
        transform: translate3d(0, 5px, 0)
    }

    to {
        -webkit-transform: none;
        transform: none
    }
}

.festa-juice .bounceInDown {
    -webkit-animation-name: bounceInDown;
    animation-name: bounceInDown
}

@-webkit-keyframes bounceInLeft {
    from, 60%, 75%, 90%, to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(-3000px, 0, 0);
        transform: translate3d(-3000px, 0, 0)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(25px, 0, 0);
        transform: translate3d(25px, 0, 0)
    }

    75% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0)
    }

    90% {
        -webkit-transform: translate3d(5px, 0, 0);
        transform: translate3d(5px, 0, 0)
    }

    to {
        -webkit-transform: none;
        transform: none
    }
}

@keyframes bounceInLeft {
    from, 60%, 75%, 90%, to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(-3000px, 0, 0);
        transform: translate3d(-3000px, 0, 0)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(25px, 0, 0);
        transform: translate3d(25px, 0, 0)
    }

    75% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0)
    }

    90% {
        -webkit-transform: translate3d(5px, 0, 0);
        transform: translate3d(5px, 0, 0)
    }

    to {
        -webkit-transform: none;
        transform: none
    }
}

.festa-juice .bounceInLeft {
    -webkit-animation-name: bounceInLeft;
    animation-name: bounceInLeft
}

@-webkit-keyframes bounceInRight {
    from, 60%, 75%, 90%, to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
    }

    from {
        opacity: 0;
        -webkit-transform: translate3d(3000px, 0, 0);
        transform: translate3d(3000px, 0, 0)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(-25px, 0, 0);
        transform: translate3d(-25px, 0, 0)
    }

    75% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0)
    }

    90% {
        -webkit-transform: translate3d(-5px, 0, 0);
        transform: translate3d(-5px, 0, 0)
    }

    to {
        -webkit-transform: none;
        transform: none
    }
}

@keyframes bounceInRight {
    from, 60%, 75%, 90%, to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
    }

    from {
        opacity: 0;
        -webkit-transform: translate3d(3000px, 0, 0);
        transform: translate3d(3000px, 0, 0)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(-25px, 0, 0);
        transform: translate3d(-25px, 0, 0)
    }

    75% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0)
    }

    90% {
        -webkit-transform: translate3d(-5px, 0, 0);
        transform: translate3d(-5px, 0, 0)
    }

    to {
        -webkit-transform: none;
        transform: none
    }
}

.festa-juice .bounceInRight {
    -webkit-animation-name: bounceInRight;
    animation-name: bounceInRight
}

@-webkit-keyframes bounceInUp {
    from, 60%, 75%, 90%, to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
    }

    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 3000px, 0);
        transform: translate3d(0, 3000px, 0)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0)
    }

    75% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0)
    }

    90% {
        -webkit-transform: translate3d(0, -5px, 0);
        transform: translate3d(0, -5px, 0)
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes bounceInUp {
    from, 60%, 75%, 90%, to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
    }

    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 3000px, 0);
        transform: translate3d(0, 3000px, 0)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0)
    }

    75% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0)
    }

    90% {
        -webkit-transform: translate3d(0, -5px, 0);
        transform: translate3d(0, -5px, 0)
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

.festa-juice .bounceInUp {
    -webkit-animation-name: bounceInUp;
    animation-name: bounceInUp
}

@-webkit-keyframes bounceOut {
    20% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9);
        transform: scale3d(0.9, 0.9, 0.9)
    }

    50%, 55% {
        opacity: 1;
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3)
    }
}

@keyframes bounceOut {
    20% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9);
        transform: scale3d(0.9, 0.9, 0.9)
    }

    50%, 55% {
        opacity: 1;
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3)
    }
}

.festa-juice .bounceOut {
    -webkit-animation-name: bounceOut;
    animation-name: bounceOut
}

@-webkit-keyframes bounceOutDown {
    20% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0)
    }

    40%, 45% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0)
    }
}

@keyframes bounceOutDown {
    20% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0)
    }

    40%, 45% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0)
    }
}

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

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

    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0)
    }
}

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

    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0)
    }
}

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

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

    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0)
    }
}

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

    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0)
    }
}

.festa-juice .bounceOutRight {
    -webkit-animation-name: bounceOutRight;
    animation-name: bounceOutRight
}

@-webkit-keyframes bounceOutUp {
    20% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0)
    }

    40%, 45% {
        opacity: 1;
        -webkit-transform: translate3d(0, 20px, 0);
        transform: translate3d(0, 20px, 0)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0)
    }
}

@keyframes bounceOutUp {
    20% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0)
    }

    40%, 45% {
        opacity: 1;
        -webkit-transform: translate3d(0, 20px, 0);
        transform: translate3d(0, 20px, 0)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0)
    }
}

.festa-juice .bounceOutUp {
    -webkit-animation-name: bounceOutUp;
    animation-name: bounceOutUp
}

@-webkit-keyframes fadeIn {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes fadeIn {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.festa-juice .fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn
}

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

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

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

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

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

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

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

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

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

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

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

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

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

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

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

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

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

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

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

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

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

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

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

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

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

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

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

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

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

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

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

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

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

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

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

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

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

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

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.festa-juice .fadeInUpBig {
    -webkit-animation-name: fadeInUpBig;
    animation-name: fadeInUpBig
}

@-webkit-keyframes fadeOut {
    from {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@keyframes fadeOut {
    from {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

.festa-juice .fadeOut {
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut
}

@-webkit-keyframes fadeOutDown {
    from {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
}

@keyframes fadeOutDown {
    from {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
}

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

@-webkit-keyframes fadeOutDownBig {
    from {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0)
    }
}

@keyframes fadeOutDownBig {
    from {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0)
    }
}

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

@-webkit-keyframes fadeOutLeft {
    from {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }
}

@keyframes fadeOutLeft {
    from {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }
}

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

@-webkit-keyframes fadeOutLeftBig {
    from {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0)
    }
}

@keyframes fadeOutLeftBig {
    from {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0)
    }
}

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

@-webkit-keyframes fadeOutRight {
    from {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
}

@keyframes fadeOutRight {
    from {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
}

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

@-webkit-keyframes fadeOutRightBig {
    from {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0)
    }
}

@keyframes fadeOutRightBig {
    from {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0)
    }
}

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

@-webkit-keyframes fadeOutUp {
    from {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
}

@keyframes fadeOutUp {
    from {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
}

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

@-webkit-keyframes fadeOutUpBig {
    from {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0)
    }
}

@keyframes fadeOutUpBig {
    from {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0)
    }
}

.festa-juice .fadeOutUpBig {
    -webkit-animation-name: fadeOutUpBig;
    animation-name: fadeOutUpBig
}

@-webkit-keyframes flip {
    from {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    40% {
        -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
        transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    50% {
        -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
        transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    80% {
        -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
        transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
}

@keyframes flip {
    from {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    40% {
        -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
        transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    50% {
        -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
        transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    80% {
        -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
        transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
}

.festa-juice .animated.flip {
    -webkit-backface-visibility: visible;
    backface-visibility: visible;
    -webkit-animation-name: flip;
    animation-name: flip
}

@-webkit-keyframes flipInX {
    from {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0
    }

    40% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    60% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        opacity: 1
    }

    80% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -5deg)
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

@keyframes flipInX {
    from {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0
    }

    40% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    60% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        opacity: 1
    }

    80% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -5deg)
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

.festa-juice .flipInX {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipInX;
    animation-name: flipInX
}

@-webkit-keyframes flipInY {
    from {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0
    }

    40% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    60% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        opacity: 1
    }

    80% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -5deg)
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

@keyframes flipInY {
    from {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0
    }

    40% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    60% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        opacity: 1
    }

    80% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -5deg)
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

.festa-juice .flipInY {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipInY;
    animation-name: flipInY
}

@-webkit-keyframes flipOutX {
    from {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }

    30% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        opacity: 1
    }

    to {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        opacity: 0
    }
}

@keyframes flipOutX {
    from {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }

    30% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        opacity: 1
    }

    to {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        opacity: 0
    }
}

.festa-juice .flipOutX {
    -webkit-animation-name: flipOutX;
    animation-name: flipOutX;
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important
}

@-webkit-keyframes flipOutY {
    from {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }

    30% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
        opacity: 1
    }

    to {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        opacity: 0
    }
}

@keyframes flipOutY {
    from {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }

    30% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
        opacity: 1
    }

    to {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        opacity: 0
    }
}

.festa-juice .flipOutY {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipOutY;
    animation-name: flipOutY
}

@-webkit-keyframes lightSpeedIn {
    from {
        -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
        transform: translate3d(100%, 0, 0) skewX(-30deg);
        opacity: 0
    }

    60% {
        -webkit-transform: skewX(20deg);
        transform: skewX(20deg);
        opacity: 1
    }

    80% {
        -webkit-transform: skewX(-5deg);
        transform: skewX(-5deg);
        opacity: 1
    }

    to {
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

@keyframes lightSpeedIn {
    from {
        -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
        transform: translate3d(100%, 0, 0) skewX(-30deg);
        opacity: 0
    }

    60% {
        -webkit-transform: skewX(20deg);
        transform: skewX(20deg);
        opacity: 1
    }

    80% {
        -webkit-transform: skewX(-5deg);
        transform: skewX(-5deg);
        opacity: 1
    }

    to {
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

.festa-juice .lightSpeedIn {
    -webkit-animation-name: lightSpeedIn;
    animation-name: lightSpeedIn;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out
}

@-webkit-keyframes lightSpeedOut {
    from {
        opacity: 1
    }

    to {
        -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
        transform: translate3d(100%, 0, 0) skewX(30deg);
        opacity: 0
    }
}

@keyframes lightSpeedOut {
    from {
        opacity: 1
    }

    to {
        -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
        transform: translate3d(100%, 0, 0) skewX(30deg);
        opacity: 0
    }
}

.festa-juice .lightSpeedOut {
    -webkit-animation-name: lightSpeedOut;
    animation-name: lightSpeedOut;
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in
}

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

    to {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

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

    to {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

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

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

    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

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

    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

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

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

    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

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

    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

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

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

    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

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

    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

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

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

    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

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

    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

.festa-juice .rotateInUpRight {
    -webkit-animation-name: rotateInUpRight;
    animation-name: rotateInUpRight
}

@-webkit-keyframes rotateOut {
    from {
        -webkit-transform-origin: center;
        transform-origin: center;
        opacity: 1
    }

    to {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate3d(0, 0, 1, 200deg);
        transform: rotate3d(0, 0, 1, 200deg);
        opacity: 0
    }
}

@keyframes rotateOut {
    from {
        -webkit-transform-origin: center;
        transform-origin: center;
        opacity: 1
    }

    to {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate3d(0, 0, 1, 200deg);
        transform: rotate3d(0, 0, 1, 200deg);
        opacity: 0
    }
}

.festa-juice .rotateOut {
    -webkit-animation-name: rotateOut;
    animation-name: rotateOut
}

@-webkit-keyframes rotateOutDownLeft {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1
    }

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

@keyframes rotateOutDownLeft {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1
    }

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

.festa-juice .rotateOutDownLeft {
    -webkit-animation-name: rotateOutDownLeft;
    animation-name: rotateOutDownLeft
}

@-webkit-keyframes rotateOutDownRight {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1
    }

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

@keyframes rotateOutDownRight {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1
    }

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

.festa-juice .rotateOutDownRight {
    -webkit-animation-name: rotateOutDownRight;
    animation-name: rotateOutDownRight
}

@-webkit-keyframes rotateOutUpLeft {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1
    }

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

@keyframes rotateOutUpLeft {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1
    }

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

.festa-juice .rotateOutUpLeft {
    -webkit-animation-name: rotateOutUpLeft;
    animation-name: rotateOutUpLeft
}

@-webkit-keyframes rotateOutUpRight {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1
    }

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

@keyframes rotateOutUpRight {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1
    }

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

.festa-juice .rotateOutUpRight {
    -webkit-animation-name: rotateOutUpRight;
    animation-name: rotateOutUpRight
}

@-webkit-keyframes hinge {
    0% {
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }

    20%, 60% {
        -webkit-transform: rotate3d(0, 0, 1, 80deg);
        transform: rotate3d(0, 0, 1, 80deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }

    40%, 80% {
        -webkit-transform: rotate3d(0, 0, 1, 60deg);
        transform: rotate3d(0, 0, 1, 60deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        opacity: 1
    }

    to {
        -webkit-transform: translate3d(0, 700px, 0);
        transform: translate3d(0, 700px, 0);
        opacity: 0
    }
}

@keyframes hinge {
    0% {
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }

    20%, 60% {
        -webkit-transform: rotate3d(0, 0, 1, 80deg);
        transform: rotate3d(0, 0, 1, 80deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }

    40%, 80% {
        -webkit-transform: rotate3d(0, 0, 1, 60deg);
        transform: rotate3d(0, 0, 1, 60deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        opacity: 1
    }

    to {
        -webkit-transform: translate3d(0, 700px, 0);
        transform: translate3d(0, 700px, 0);
        opacity: 0
    }
}

.festa-juice .hinge {
    -webkit-animation-name: hinge;
    animation-name: hinge
}

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

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

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

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

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

@-webkit-keyframes rollOut {
    from {
        opacity: 1
    }

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

@keyframes rollOut {
    from {
        opacity: 1
    }

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

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

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

    50% {
        opacity: 1
    }
}

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

    50% {
        opacity: 1
    }
}

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

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

    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
    }
}

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

    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
    }
}

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

@-webkit-keyframes zoomInLeft {
    from {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
    }
}

@keyframes zoomInLeft {
    from {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
    }
}

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

@-webkit-keyframes zoomInRight {
    from {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
    }
}

@keyframes zoomInRight {
    from {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
    }
}

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

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

    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
    }
}

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

    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
    }
}

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

@-webkit-keyframes zoomOut {
    from {
        opacity: 1
    }

    50% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3)
    }

    to {
        opacity: 0
    }
}

@keyframes zoomOut {
    from {
        opacity: 1
    }

    50% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3)
    }

    to {
        opacity: 0
    }
}

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

@-webkit-keyframes zoomOutDown {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
    }
}

@keyframes zoomOutDown {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
    }
}

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

@-webkit-keyframes zoomOutLeft {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0)
    }

    to {
        opacity: 0;
        -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
        transform: scale(0.1) translate3d(-2000px, 0, 0);
        -webkit-transform-origin: left center;
        transform-origin: left center
    }
}

@keyframes zoomOutLeft {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0)
    }

    to {
        opacity: 0;
        -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
        transform: scale(0.1) translate3d(-2000px, 0, 0);
        -webkit-transform-origin: left center;
        transform-origin: left center
    }
}

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

@-webkit-keyframes zoomOutRight {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0)
    }

    to {
        opacity: 0;
        -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
        transform: scale(0.1) translate3d(2000px, 0, 0);
        -webkit-transform-origin: right center;
        transform-origin: right center
    }
}

@keyframes zoomOutRight {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0)
    }

    to {
        opacity: 0;
        -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
        transform: scale(0.1) translate3d(2000px, 0, 0);
        -webkit-transform-origin: right center;
        transform-origin: right center
    }
}

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

@-webkit-keyframes zoomOutUp {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
    }
}

@keyframes zoomOutUp {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
    }
}

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

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

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

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

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

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

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

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

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

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

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

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

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

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

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

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

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

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

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

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

.festa-juice .slideInUp {
    -webkit-animation-name: slideInUp;
    animation-name: slideInUp
}

@-webkit-keyframes slideOutDown {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
}

@keyframes slideOutDown {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
}

.festa-juice .slideOutDown {
    -webkit-animation-name: slideOutDown;
    animation-name: slideOutDown
}

@-webkit-keyframes slideOutLeft {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }
}

@keyframes slideOutLeft {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }
}

.festa-juice .slideOutLeft {
    -webkit-animation-name: slideOutLeft;
    animation-name: slideOutLeft
}

@-webkit-keyframes slideOutRight {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
}

@keyframes slideOutRight {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
}

.festa-juice .slideOutRight {
    -webkit-animation-name: slideOutRight;
    animation-name: slideOutRight
}

@-webkit-keyframes slideOutUp {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
}

@keyframes slideOutUp {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
}

.festa-juice .slideOutUp {
    -webkit-animation-name: slideOutUp;
    animation-name: slideOutUp
}

.festa-juice .bx-wrapper {
    position: relative;
    margin: 0 auto 60px;
    padding: 0;
    *zoom: 1
}

    .festa-juice .bx-wrapper img {
        max-width: 100%;
        display: block
    }

    .festa-juice .bx-wrapper .bx-viewport {
        -moz-box-shadow: 0 0 5px #ccc;
        -webkit-box-shadow: 0 0 5px #ccc;
        box-shadow: 0 0 5px #ccc;
        border: 5px solid #fff;
        left: -5px;
        background: #fff;
        -webkit-transform: translatez(0);
        -moz-transform: translatez(0);
        -ms-transform: translatez(0);
        -o-transform: translatez(0);
        transform: translatez(0)
    }

    .festa-juice .bx-wrapper .bx-pager, .festa-juice .bx-wrapper .bx-controls-auto {
        position: absolute;
        bottom: -30px;
        width: 100%
    }

    .festa-juice .bx-wrapper .bx-loading {
        min-height: 50px;
        background: url(images/bx_loader.gif) center center no-repeat #fff;
        height: 100%;
        width: 100%;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 2000
    }

    .festa-juice .bx-wrapper .bx-pager {
        text-align: center;
        font-size: .85em;
        font-family: Arial;
        font-weight: bold;
        color: #666;
        padding-top: 20px
    }

        .festa-juice .bx-wrapper .bx-pager .bx-pager-item, .festa-juice .bx-wrapper .bx-controls-auto .bx-controls-auto-item {
            display: inline-block;
            *zoom: 1;
            *display: inline
        }

        .festa-juice .bx-wrapper .bx-pager.bx-default-pager a {
            background: #666;
            text-indent: -9999px;
            display: block;
            width: 10px;
            height: 10px;
            margin: 0 5px;
            outline: 0;
            -moz-border-radius: 5px;
            -webkit-border-radius: 5px;
            border-radius: 5px
        }

            .festa-juice .bx-wrapper .bx-pager.bx-default-pager a:hover, .festa-juice .bx-wrapper .bx-pager.bx-default-pager a.active {
                background: #000
            }

    .festa-juice .bx-wrapper .bx-prev {
        left: 10px;
        background: url(images/controls.png) no-repeat 0 -32px
    }

    .festa-juice .bx-wrapper .bx-next {
        right: 10px;
        background: url(images/controls.png) no-repeat -43px -32px
    }

    .festa-juice .bx-wrapper .bx-prev:hover {
        background-position: 0 0
    }

    .festa-juice .bx-wrapper .bx-next:hover {
        background-position: -43px 0
    }

    .festa-juice .bx-wrapper .bx-controls-direction a {
        position: absolute;
        top: 50%;
        margin-top: -16px;
        outline: 0;
        width: 32px;
        height: 32px;
        text-indent: -9999px;
        z-index: 9999
    }

        .festa-juice .bx-wrapper .bx-controls-direction a.disabled {
            display: none
        }

    .festa-juice .bx-wrapper .bx-controls-auto {
        text-align: center
    }

        .festa-juice .bx-wrapper .bx-controls-auto .bx-start {
            display: block;
            text-indent: -9999px;
            width: 10px;
            height: 11px;
            outline: 0;
            background: url(images/controls.png) -86px -11px no-repeat;
            margin: 0 3px
        }

            .festa-juice .bx-wrapper .bx-controls-auto .bx-start:hover, .festa-juice .bx-wrapper .bx-controls-auto .bx-start.active {
                background-position: -86px 0
            }

        .festa-juice .bx-wrapper .bx-controls-auto .bx-stop {
            display: block;
            text-indent: -9999px;
            width: 9px;
            height: 11px;
            outline: 0;
            background: url(images/controls.png) -86px -44px no-repeat;
            margin: 0 3px
        }

            .festa-juice .bx-wrapper .bx-controls-auto .bx-stop:hover, .festa-juice .bx-wrapper .bx-controls-auto .bx-stop.active {
                background-position: -86px -33px
            }

    .festa-juice .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
        text-align: left;
        width: 80%
    }

    .festa-juice .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
        right: 0;
        width: 35px
    }

    .festa-juice .bx-wrapper .bx-caption {
        position: absolute;
        bottom: 0;
        left: 0;
        background: #666 \9;
        background: rgba(80,80,80,0.75);
        width: 100%
    }

        .festa-juice .bx-wrapper .bx-caption span {
            color: #fff;
            font-family: Arial;
            display: block;
            font-size: .85em;
            padding: 10px
        }

@font-face {
    .festa-juice

{
    font-family: 'FontAwesome';
    src: url("../fonts/fontawesome-webfont.eot?v=4.4.0");
    src: url("../fonts/fontawesome-webfont.eot?#iefix&v=4.4.0") format("embedded-opentype"),url("../fonts/fontawesome-webfont.woff2?v=4.4.0") format("woff2"),url("../fonts/fontawesome-webfont.woff?v=4.4.0") format("woff"),url("../fonts/fontawesome-webfont.ttf?v=4.4.0") format("truetype"),url("../fonts/fontawesome-webfont.svg?v=4.4.0#fontawesomeregular") format("svg");
    font-weight: normal;
    font-style: normal
}

}

.festa-juice .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
}

.festa-juice .fa-lg {
    font-size: 1.33333333em;
    line-height: 0.75em;
    vertical-align: -15%
}

.festa-juice .fa-2x {
    font-size: 2em
}

.festa-juice .fa-3x {
    font-size: 3em
}

.festa-juice .fa-4x {
    font-size: 4em
}

.festa-juice .fa-5x {
    font-size: 5em
}

.festa-juice .fa-fw {
    width: 1.28571429em;
    text-align: center
}

.festa-juice .fa-ul {
    padding-left: 0;
    margin-left: 2.14285714em;
    list-style-type: none
}

    .festa-juice .fa-ul > li {
        position: relative
    }

.festa-juice .fa-li {
    position: absolute;
    left: -2.14285714em;
    width: 2.14285714em;
    top: 0.14285714em;
    text-align: center
}

    .festa-juice .fa-li.fa-lg {
        left: -1.85714286em
    }

.festa-juice .fa-border {
    padding: .2em .25em .15em;
    border: solid 0.08em #eee;
    border-radius: .1em
}

.festa-juice .fa-pull-left {
    float: left
}

.festa-juice .fa-pull-right {
    float: right
}

.festa-juice .fa.fa-pull-left {
    margin-right: .3em
}

.festa-juice .fa.fa-pull-right {
    margin-left: .3em
}

.festa-juice .pull-right {
    float: right
}

.festa-juice .pull-left {
    float: left
}

.festa-juice .fa.pull-left {
    margin-right: .3em
}

.festa-juice .fa.pull-right {
    margin-left: .3em
}

.festa-juice .fa-spin {
    -webkit-animation: fa-spin 2s infinite linear;
    animation: fa-spin 2s infinite linear
}

.festa-juice .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)
    }
}

.festa-juice .fa-rotate-90 {
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg)
}

.festa-juice .fa-rotate-180 {
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.festa-juice .fa-rotate-270 {
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
    -webkit-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    transform: rotate(270deg)
}

.festa-juice .fa-flip-horizontal {
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0);
    -webkit-transform: scale(-1, 1);
    -ms-transform: scale(-1, 1);
    transform: scale(-1, 1)
}

.festa-juice .fa-flip-vertical {
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
    -webkit-transform: scale(1, -1);
    -ms-transform: scale(1, -1);
    transform: scale(1, -1)
}

.festa-juice :root .fa-rotate-90, .festa-juice :root .fa-rotate-180, .festa-juice :root .fa-rotate-270, .festa-juice :root .fa-flip-horizontal, .festa-juice :root .fa-flip-vertical {
    filter: none
}

.festa-juice .fa-stack {
    position: relative;
    display: inline-block;
    width: 2em;
    height: 2em;
    line-height: 2em;
    vertical-align: middle
}

.festa-juice .fa-stack-1x, .festa-juice .fa-stack-2x {
    position: absolute;
    left: 0;
    width: 100%;
    text-align: center
}

.festa-juice .fa-stack-1x {
    line-height: inherit
}

.festa-juice .fa-stack-2x {
    font-size: 2em
}

.festa-juice .fa-inverse {
    color: #fff
}

.festa-juice .fa-close:before, .festa-juice .fa-times:before {
    content: ""
}

.festa-juice .fa-bars:before {
    content: ""
}

.festa-juice .fa-caret-right:before {
    content: ""
}

.festa-juice .fa-angle-left:before {
    content: ""
}

.festa-juice .fa-angle-right:before {
    content: ""
}

.festa-juice a[x-apple-data-detectors] {
    color: inherit !important;
    text-decoration: none !important;
    font-size: inherit !important;
    font-family: inherit !important;
    font-weight: inherit !important;
    line-height: inherit !important
}

.festa-juice body {
    font: 16px "Oswald", sans-serif;
    -webkit-font-smoothing: antialiased;
    color: #808789;
    font-weight: normal;
    background-color: #f2ede3;
    overflow-x: hidden;
    padding-top: 240px
}

@media (max-width: 1280px) {
    .festa-juice body {
        padding-top: 155px;
        font-size: 6.5px
    }
}

@media (max-width: 960px) {
    .festa-juice body {
        padding-top: 115px
    }
}

@media (max-width: 768px) {
    .festa-juice body {
        padding-top: 85px
    }
}

@media (max-width: 360px) {
    .festa-juice body {
        padding-top: 60px
    }
}

.festa-juice textarea {
    resize: none
}

.festa-juice .container {
    max-width: 1585px;
    width: auto;
    margin: 0 auto;
    padding: 0 15px
}

@media (max-width: 1280px) {
    .festa-juice .container {
        max-width: 1060px
    }
}

@media (max-width: 960px) {
    .festa-juice .container {
        max-width: 810px
    }
}

@media (max-width: 768px) {
    .festa-juice .container {
        max-width: 525px
    }
}

@media (max-width: 480px) {
    .festa-juice .container {
        max-width: 340px
    }
}

@media (max-width: 360px) {
    .festa-juice .container {
        max-width: 260px
    }
}

.festa-juice .container--sm {
    max-width: 1300px;
    margin: 0 auto
}

@media (max-width: 1280px) {
    .festa-juice .container--sm {
        max-width: 880px
    }
}

@media (max-width: 960px) {
    .festa-juice .container--sm {
        max-width: 670px
    }
}

@media (max-width: 480px) {
    .festa-juice .container--sm {
        max-width: 430px
    }
}

@media (max-width: 360px) {
    .festa-juice .container--sm {
        max-width: 320px
    }
}

.festa-juice .container--main {
    z-index: 10;
    position: relative
}

@media (max-width: 768px) {
    .festa-juice .container\@gamma {
        max-width: 690px
    }
}

@media (max-width: 480px) {
    .festa-juice .container\@gamma {
        max-width: 440px
    }
}

@media (max-width: 360px) {
    .festa-juice .container\@gamma {
        max-width: 320px
    }
}

@media (max-width: 768px) {
    .festa-juice .container--full\@gamma {
        max-width: none;
        padding: 0
    }

        .festa-juice .container--full\@gamma .container--sm {
            max-width: 515px;
            margin: 0 auto;
            padding: 0 15px
        }

            .festa-juice .container--full\@gamma .container--sm .head {
                margin-bottom: 10px
            }

                .festa-juice .container--full\@gamma .container--sm .head span {
                    display: block;
                    margin-bottom: 10px
                }

                .festa-juice .container--full\@gamma .container--sm .head br {
                    display: none
                }
}

@media (max-width: 480px) {
    .festa-juice .container--full\@gamma .container--sm {
        max-width: 340px
    }
}

@media (max-width: 360px) {
    .festa-juice .container--full\@gamma .container--sm {
        max-width: 290px
    }
}

@media (max-width: 480px) {
    .festa-juice .container--full\@delta {
        max-width: none
    }
}

.festa-juice .clr {
    clear: both
}

.festa-juice img {
    max-width: 100%;
    vertical-align: middle
}

.festa-juice a {
    color: #2873b5;
    text-decoration: none
}

    .festa-juice a:hover {
        color: #2873b5;
        text-decoration: none
    }

    .festa-juice a:focus {
        text-decoration: none;
        outline: none
    }

.festa-juice button {
    border: none
}

    .festa-juice button:focus, .festa-juice button:active {
        outline: none
    }

.festa-juice input:focus, .festa-juice input:active {
    outline: none
}

.festa-juice ul {
    list-style: none;
    margin: 0;
    padding: 0
}

    .festa-juice ul li {
        padding-left: 0
    }

.festa-juice h1, .festa-juice h2, .festa-juice h3, .festa-juice h4, .festa-juice h5, .festa-juice h6 {
    margin: 0
}

.festa-juice p {
    margin: 0
}

.festa-juice input, .festa-juice textarea, .festa-juice select {
    -webkit-appearance: none;
    -webkit-border-radius: 0;
    border-radius: 0
}

.festa-juice * {
    -webkit-tap-highlight-color: transparent
}

.festa-juice .just-btn {
    height: 64px;
    line-height: 64px;
    font-size: 2.1rem;
    font-weight: 700;
    text-align: center;
    cursor: pointer
}

@media (max-width: 1280px) {
    .festa-juice .just-btn {
        height: 40px;
        line-height: 40px;
        font-size: 14px
    }
}

@media (max-width: 768px) {
    .festa-juice .just-btn {
        height: 50px;
        line-height: 50px;
        font-size: 24px
    }
}

@media (max-width: 480px) {
    .festa-juice .just-btn {
        height: 30px;
        line-height: 30px;
        font-size: 16px
    }
}

@media (max-width: 360px) {
    .festa-juice .just-btn {
        height: 24px;
        line-height: 24px;
        font-size: 12px
    }
}

.festa-juice .just-btn[disabled] {
    background-color: #ccc
}

.festa-juice .just-btn--purple {
    color: #fff;
    background-color: #622d50
}

.festa-juice .just-btn--center {
    display: block;
    margin: 0 auto;
    width: 250px
}

@media (max-width: 1280px) {
    .festa-juice .just-btn--center {
        width: 165px
    }
}

@media (max-width: 768px) {
    .festa-juice .just-btn--center {
        width: 400px
    }
}

@media (max-width: 480px) {
    .festa-juice .just-btn--center {
        width: 250px
    }
}

@media (max-width: 360px) {
    .festa-juice .just-btn--center {
        width: 190px
    }
}

.festa-juice .just-input, .festa-juice .just-textarea {
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
    font-size: 2.1rem;
    background-color: #fff;
    border: 2px solid #666;
    text-indent: 10px;
    display: block;
    width: 100%;
    margin-bottom: 20px;
    color: #666
}

    .festa-juice .just-input::-webkit-input-placeholder, .festa-juice .just-textarea::-webkit-input-placeholder {
        color: #666;
        text-indent: 10px
    }

    .festa-juice .just-input:-moz-placeholder, .festa-juice .just-textarea:-moz-placeholder {
        color: #666;
        text-indent: 10px
    }

    .festa-juice .just-input::-moz-placeholder, .festa-juice .just-textarea::-moz-placeholder {
        color: #666;
        text-indent: 10px
    }

    .festa-juice .just-input:-ms-input-placeholder, .festa-juice .just-textarea:-ms-input-placeholder {
        color: #666;
        text-indent: 10px
    }

    .festa-juice .just-input:focus, .festa-juice .just-textarea:focus {
        outline: 1px solid #c9a978
    }

@media (max-width: 1280px) {
    .festa-juice .just-input, .festa-juice .just-textarea {
        margin-bottom: 15px;
        padding-left: 8px;
        border-width: 1px;
        font-size: 14px
    }
}

@media (max-width: 768px) {
    .festa-juice .just-input, .festa-juice .just-textarea {
        font-size: 21px;
        margin-bottom: 10px
    }
}

@media (max-width: 480px) {
    .festa-juice .just-input, .festa-juice .just-textarea {
        font-size: 13px
    }
}

@media (max-width: 360px) {
    .festa-juice .just-input, .festa-juice .just-textarea {
        font-size: 10px
    }
}

.festa-juice .just-input {
    height: 45px;
    line-height: 45px
}

@media (max-width: 1280px) {
    .festa-juice .just-input {
        height: 30px;
        line-height: 30px
    }
}

@media (max-width: 768px) {
    .festa-juice .just-input {
        height: 45px;
        line-height: 45px
    }
}

@media (max-width: 480px) {
    .festa-juice .just-input {
        height: 30px;
        line-height: 30px
    }
}

@media (max-width: 360px) {
    .festa-juice .just-input {
        height: 27px;
        line-height: 27px
    }
}

.festa-juice select.just-input {
    line-height: 1 !important
}

.festa-juice .just-textarea {
    height: 201px;
    padding-top: 8px
}

@media (max-width: 1280px) {
    .festa-juice .just-textarea {
        height: 135px;
        padding-top: 2.5px
    }
}

@media (max-width: 768px) {
    .festa-juice .just-textarea {
        height: 145px;
        padding-top: 8px
    }
}

@media (max-width: 480px) {
    .festa-juice .just-textarea {
        height: 100px;
        padding-top: 4px
    }
}

@media (max-width: 360px) {
    .festa-juice .just-textarea {
        height: 70px
    }
}

.festa-juice .u-show\@alpha {
    display: none
}

@media (max-width: 1280px) {
    .festa-juice .u-show\@alpha {
        display: block
    }
}

@media (max-width: 1280px) {
    .festa-juice .u-hide\@alpha {
        display: none
    }
}

.festa-juice .u-show\@beta {
    display: none
}

@media (max-width: 960px) {
    .festa-juice .u-show\@beta {
        display: block
    }
}

@media (max-width: 960px) {
    .festa-juice .u-hide\@beta {
        display: none
    }
}

.festa-juice .u-show\@gamma {
    display: none !important
}

@media (max-width: 768px) {
    .festa-juice .u-show\@gamma {
        display: block !important
    }
}

@media (max-width: 768px) {
    .festa-juice .u-hide\@gamma {
        display: none !important
    }
}

.festa-juice .u-show\@delta {
    display: none
}

@media (max-width: 480px) {
    .festa-juice .u-show\@delta {
        display: block
    }
}

@media (max-width: 480px) {
    .festa-juice .u-hide\@delta {
        display: none
    }
}

.festa-juice .u-text-center {
    text-align: center
}

.festa-juice .u-text-right {
    text-align: right
}

.festa-juice .u-text-white {
    color: #fff
}

.festa-juice .text-purple {
    color: #622d50
}

.festa-juice .u-block {
    display: block
}

.festa-juice .u-inline-block {
    display: inline-block
}

.festa-juice .u-inline {
    display: inline
}

.festa-juice .u-hide {
    display: none !important
}

.festa-juice .u-show {
    display: block !important
}

.festa-juice .u-fl-right {
    float: right
}

.festa-juice .u-fl-left {
    float: left
}

.festa-juice .bg-purple-grad, .festa-juice .nav {
    background: #622d50;
    background: -moz-linear-gradient(top, #622d50 0%, #532442 100%);
    background: -webkit-linear-gradient(top, #622d50 0%, #532442 100%);
    background: linear-gradient(to bottom, #622d50 0%, #532442 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#622d50', endColorstr='#532442',GradientType=0 )
}

@media (max-width: 960px) {
    .festa-juice .full\@beta {
        width: 100%;
        max-width: 100%
    }
}

@media (max-width: 768px) {
    .festa-juice .full\@gamma {
        width: 100%;
        max-width: 100%;
        padding-bottom: 40px
    }

        .festa-juice .full\@gamma h1 {
            margin-bottom: 10px
        }
}

.festa-juice .nav-jump {
    position: relative;
    top: -240px;
    margin: 0;
    padding: 0
}

@media (max-width: 1280px) {
    .festa-juice .nav-jump {
        top: -155px
    }
}

@media (max-width: 960px) {
    .festa-juice .nav-jump {
        top: -115px
    }
}

@media (max-width: 768px) {
    .festa-juice .nav-jump {
        top: -85px
    }
}

@media (max-width: 360px) {
    .festa-juice .nav-jump {
        top: -60px
    }
}

.festa-juice .head {
    font-size: 7.5rem;
    color: #000;
    margin-bottom: 25px;
    font-weight: 700;
    display: block
}

.festa-juice .head--spaced {
    margin-bottom: 60px
}

.festa-juice .head--sm {
    font-size: 5rem
}

@media (max-width: 1280px) {
    .festa-juice .head {
        margin-bottom: 15px;
        font-size: 6.5rem
    }

    .festa-juice .head--spaced {
        margin-bottom: 30px
    }
}

@media (max-width: 960px) {
    .festa-juice .head {
        font-size: 6rem
    }
}

@media (max-width: 768px) {
    .festa-juice .head {
        font-size: 33px;
        margin-bottom: 25px;
        text-align: center
    }

    .festa-juice .head--sm {
        font-size: 26px
    }
}

@media (max-width: 480px) {
    .festa-juice .head {
        font-size: 25px;
        margin-bottom: 15px
    }

    .festa-juice .head--sm {
        font-size: 20px
    }
}

@media (max-width: 360px) {
    .festa-juice .head {
        font-size: 19px;
        margin-bottom: 11px
    }

    .festa-juice .head--sm {
        font-size: 15px
    }
}

.festa-juice .subhead {
    font-size: 2.9rem;
    font-weight: 300;
    letter-spacing: -0.2px;
    line-height: 1.5
}

@media (max-width: 480px) {
    .festa-juice .subhead {
        font-size: 16px
    }
}

.festa-juice .subhead--spaced {
    margin-bottom: 45px
}

@media (max-width: 1280px) {
    .festa-juice .subhead--spaced {
        margin-bottom: 30px
    }
}

.festa-juice .subhead--where {
    margin-bottom: 20px
}

@media (max-width: 960px) {
    .festa-juice .subhead--where {
        font-size: 15px
    }
}

@media (max-width: 768px) {
    .festa-juice .subhead--where {
        font-size: 18px
    }
}

@media (max-width: 480px) {
    .festa-juice .subhead--where {
        text-align: center;
        font-size: 16px;
        margin-bottom: 10px
    }
}

@media (max-width: 360px) {
    .festa-juice .subhead--where {
        font-size: 12px
    }
}

@media (max-width: 960px) {
    .festa-juice .subhead--beta {
        margin-bottom: 20px;
        font-size: 15px
    }
}

@media (max-width: 768px) {
    .festa-juice .subhead--beta {
        font-size: 18px
    }
}

@media (max-width: 480px) {
    .festa-juice .subhead--beta {
        font-size: 16px;
        margin-bottom: 10px
    }
}

@media (max-width: 360px) {
    .festa-juice .subhead--beta {
        font-size: 12px
    }
}

.festa-juice h1, .festa-juice h2, .festa-juice p, .festa-juice li {
    color: #000
}

.festa-juice p, .festa-juice li {
    font-size: 2rem;
    margin-bottom: 25px
}

@media (max-width: 1280px) {
    .festa-juice p, .festa-juice li {
        margin-bottom: 15px
    }
}

@media (max-width: 960px) {
    .festa-juice p, .festa-juice li {
        font-size: 15px
    }
}

@media (max-width: 768px) {
    .festa-juice p, .festa-juice li {
        font-size: 19px;
        margin-bottom: 25px
    }
}

@media (max-width: 480px) {
    .festa-juice p, .festa-juice li {
        font-size: 16px;
        margin-bottom: 20px
    }
}

@media (max-width: 360px) {
    .festa-juice p, .festa-juice li {
        font-size: 12px;
        margin-bottom: 15px
    }
}

.festa-juice li {
    margin-bottom: 0
}

.festa-juice h2 {
    font-size: 2.9rem;
    font-weight: 700
}

@media (max-width: 960px) {
    .festa-juice h2 {
        font-size: 18px
    }
}

@media (max-width: 768px) {
    .festa-juice h2 {
        font-size: 21px
    }
}

@media (max-width: 480px) {
    .festa-juice h2 {
        font-size: 16px
    }
}

@media (max-width: 360px) {
    .festa-juice h2 {
        font-size: 12px
    }
}

.festa-juice h3 {
    font-size: 2.1rem
}

.festa-juice input.fj-error, .festa-juice textarea.fj-error, .festa-juice select.fj-error {
    margin-bottom: 3px !important;
    border: 2px solid #c0392b !important
}

.festa-juice .success, .festa-juice .error-msg, .festa-juice .p.fj-error {
    font-size: 2.2rem
}

@media (max-width: 1280px) {
    .festa-juice .success, .festa-juice .error-msg, .festa-juice .p.fj-error {
        font-size: 15px
    }
}

@media (max-width: 768px) {
    .festa-juice .success, .festa-juice .error-msg, .festa-juice .p.fj-error {
        font-size: 12px
    }
}

.festa-juice p.fj-error {
    color: #c0392b;
    margin-bottom: 10px
}

.festa-juice .success {
    color: #622d50
}

.festa-juice .error-msg {
    color: #c0392b
}

.festa-juice .header, .festa-juice .subheader {
    position: relative
}

.festa-juice .header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1000000000;
    background: url("/assets/festajuice/content/header-bg-top.jpg") repeat;
    padding-top: 60px;
    margin-bottom: 90px
}

@media (max-width: 1280px) {
    .festa-juice .header {
        padding-top: 44px;
        margin-bottom: 70px
    }
}

@media (max-width: 960px) {
    .festa-juice .header {
        padding-top: 30px;
        margin-bottom: 40px
    }
}

@media (max-width: 768px) {
    .festa-juice .header {
        background: none;
        padding-top: 0;
        margin-bottom: 30px
    }
}

@media (max-width: 360px) {
    .festa-juice .header {
        margin-bottom: 15px
    }
}

.festa-juice .header__logo {
    position: absolute;
    z-index: 2;
    left: 0;
    top: 20px;
    max-width: 430px
}

@media (max-width: 1280px) {
    .festa-juice .header__logo {
        max-width: 285px;
        top: 15px
    }
}

@media (max-width: 960px) {
    .festa-juice .header__logo {
        max-width: 210px;
        top: 10px
    }
}

@media (max-width: 768px) {
    .festa-juice .header__logo {
        max-width: 170px;
        top: 5px
    }
}

@media (max-width: 480px) {
    .festa-juice .header__logo {
        max-width: 140px;
        top: 8px
    }
}

@media (max-width: 360px) {
    .festa-juice .header__logo {
        max-width: 100px
    }
}

.festa-juice .subheader {
    z-index: -1;
    margin: -90px 0 115px;
    padding: 90px 15px 115px;
    background: url("/assets/festajuice/content/wood-purple-bg.jpg") repeat
}

@media (max-width: 1280px) {
    .festa-juice .subheader {
        padding: 60px 15px 70px;
        margin-bottom: 70px
    }
}

@media (max-width: 960px) {
    .festa-juice .subheader {
        padding: 90px 15px 50px;
        margin-bottom: 55px
    }
}

@media (max-width: 768px) {
    .festa-juice .subheader {
        padding: 100px 15px 45px;
        margin-bottom: 50px
    }
}

@media (max-width: 480px) {
    .festa-juice .subheader {
        padding: 80px 15px 30px;
        margin-bottom: 40px
    }
}

@media (max-width: 360px) {
    .festa-juice .subheader {
        padding: 85px 15px 25px;
        margin-bottom: 30px
    }
}

.festa-juice .subheader__logo {
    -webkit-transform: translate3d(-50%, 50%, 0);
    -moz-transform: translate3d(-50%, 50%, 0);
    -o-transform: translate3d(-50%, 50%, 0);
    -ms-transform: translate3d(-50%, 50%, 0);
    transform: translate3d(-50%, 50%, 0);
    position: absolute;
    left: 50%;
    bottom: 0
}

@media (max-width: 1280px) {
    .festa-juice .subheader__logo {
        max-width: 120px
    }
}

@media (max-width: 960px) {
    .festa-juice .subheader__logo {
        max-width: 80px
    }
}

@media (max-width: 480px) {
    .festa-juice .subheader__logo {
        max-width: 50px
    }
}

@media (max-width: 360px) {
    .festa-juice .subheader__logo {
        max-width: 37px
    }
}

.festa-juice .subheader__head, .festa-juice .subheader__subhead {
    text-align: center;
    color: #fff
}

.festa-juice .subheader__head {
    font-size: 7.5rem;
    margin-bottom: 15px;
    font-weight: 700
}

@media (max-width: 1280px) {
    .festa-juice .subheader__head {
        margin-bottom: 10px
    }
}

@media (max-width: 960px) {
    .festa-juice .subheader__head {
        margin-bottom: 7px
    }
}

@media (max-width: 480px) {
    .festa-juice .subheader__head {
        font-size: 25px
    }
}

@media (max-width: 360px) {
    .festa-juice .subheader__head {
        font-size: 18px;
        margin-bottom: 0
    }
}

.festa-juice .subheader__subhead {
    font-size: 4.1rem;
    font-weight: 300
}

@media (max-width: 480px) {
    .festa-juice .subheader__subhead {
        font-size: 16px
    }
}

@media (max-width: 360px) {
    .festa-juice .subheader__subhead {
        font-size: 12px
    }
}

.festa-juice .nav {
    box-shadow: 0 5px 15px 0 #222
}

@media (max-width: 768px) {
    .festa-juice .nav {
        height: 54px;
        box-shadow: 2px 2px 10px 0 #000
    }
}

@media (max-width: 360px) {
    .festa-juice .nav {
        height: 45px
    }
}

.festa-juice .nav__container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    justify-content: space-between;
    max-width: 1120px;
    min-width: 800px;
    min-height: 90px;
    margin-left: 490px;
    padding: 0 15px
}

@media (max-width: 1280px) {
    .festa-juice .nav__container {
        min-width: 600px;
        max-width: 745px;
        min-height: 60px;
        margin-left: 300px
    }
}

@media (max-width: 960px) {
    .festa-juice .nav__container {
        min-width: 400px;
        max-width: 560px;
        min-height: 45px;
        margin-left: 230px
    }
}

@media (min-width: 769px) {
    .festa-juice .nav__container {
        display: -webkit-box !important;
        display: -webkit-flex !important;
        display: -moz-flex !important;
        display: -ms-flexbox !important;
        display: flex !important;
        position: static !important
    }
}

@media (max-width: 768px) {
    .festa-juice .nav__container {
        min-width: inherit !important;
        max-width: none;
        width: auto;
        padding: 60px 0 20px;
        top: -999px;
        position: absolute;
        display: block;
        left: 0;
        right: 0;
        background-color: #622d50;
        z-index: 21312312;
        margin: 0;
        box-shadow: 0 3px 15px 0 #222
    }
}

@media (max-width: 480px) {
    .festa-juice .nav__container {
        padding: 30px 0 0
    }
}

@media (max-width: 360px) {
    .festa-juice .nav__container {
        padding: 25px 0 0
    }
}

.festa-juice .nav__link {
    display: inline-block;
    color: #fff;
    font-size: 2.5rem;
    font-weight: 300
}

@media (max-width: 768px) {
    .festa-juice .nav__link {
        font-size: 26px;
        float: left;
        width: 50%;
        text-align: center;
        margin-bottom: 40px
    }
}

@media (max-width: 480px) {
    .festa-juice .nav__link {
        font-size: 20px;
        width: 100%;
        float: none;
        display: block;
        margin-bottom: 30px
    }
}

@media (max-width: 360px) {
    .festa-juice .nav__link {
        margin-bottom: 25px
    }
}

.festa-juice .nav__link:active, .festa-juice .nav__link:hover, .festa-juice .nav__link--active, .festa-juice .nav__link.active {
    color: #c9a978
}

.festa-juice .nav__link--active, .festa-juice .nav__link.active {
    font-weight: 700
}

.festa-juice .toggle-nav {
    display: none
}

@media (max-width: 768px) {
    .festa-juice .toggle-nav {
        display: block;
        float: right;
        padding-right: 30px;
        font-size: 30px;
        color: #fff;
        height: 54px;
        line-height: 54px
    }

        .festa-juice .toggle-nav:hover, .festa-juice .toggle-nav:focus, .festa-juice .toggle-nav:active {
            color: #c9a978
        }
}

@media (max-width: 480px) {
    .festa-juice .toggle-nav {
        height: 45px;
        line-height: 45px;
        font-size: 20px
    }
}

.festa-juice .hide-nav {
    display: none
}

@media (max-width: 768px) {
    .festa-juice .hide-nav {
        display: block;
        position: absolute;
        font-weight: 700;
        top: 30px;
        right: 20px;
        font-size: 20px;
        color: #fff;
        z-index: 100000
    }
}

@media (max-width: 480px) {
    .festa-juice .hide-nav {
        top: 15px;
        right: 15px
    }
}

@media (max-width: 360px) {
    .festa-juice .hide-nav {
        top: 5px;
        right: 15px
    }
}

.festa-juice .no-x-overflow .container.container\@gamma {
    position: relative;
    z-index: 15
}

.festa-juice .wodden {
    background: url("/assets/festajuice/content/body.jpg") repeat;
    background-size: contain
}

    .festa-juice .wodden .header {
        margin-bottom: 0
    }

@media (max-width: 480px) {
    .festa-juice .wodden {
        background-size: cover;
        background-position: center center;
        background-repeat: no-repeat
    }
}

.festa-juice .banner--home {
    position: relative;
    top: -150px;
    z-index: -1
}

.festa-juice .banner__head {
    position: relative;
    top: -100px;
    margin: 0 auto;
    text-align: center;
    font-size: 4.1rem;
    color: #622d50;
    max-width: 950px
}

@media (max-width: 1280px) {
    .festa-juice .banner--home, .festa-juice .banner__head {
        top: -90px
    }
}

@media (max-width: 960px) {
    .festa-juice .banner--home, .festa-juice .banner__head {
        top: -70px
    }
}

@media (max-width: 768px) {
    .festa-juice .banner--home {
        top: -15px
    }
}

@media (max-width: 480px) {
    .festa-juice .banner--home {
        top: -35px
    }
}

@media (max-width: 360px) {
    .festa-juice .banner--home {
        top: -25px
    }
}

@media (max-width: 768px) {
    .festa-juice .banner__head {
        top: -10px;
        font-size: 30px
    }
}

@media (max-width: 480px) {
    .festa-juice .banner__head {
        top: 0;
        padding: 0 10px;
        font-size: 41px;
        max-width: 330px
    }
}

@media (max-width: 360px) {
    .festa-juice .banner__head {
        font-size: 31px;
        max-width: 250px
    }
}

.festa-juice .home-slider-wrapper .bx-wrapper, .festa-juice .story-slider-wrapper .bx-wrapper, .festa-juice .supplies-slider-wrapper .bx-wrapper {
    margin: 0;
    background-color: #fff;
    box-shadow: 2px 4px 25px 0 #333
}

@media (max-width: 960px) {
    .festa-juice .home-slider-wrapper .bx-wrapper, .festa-juice .story-slider-wrapper .bx-wrapper, .festa-juice .supplies-slider-wrapper .bx-wrapper {
        box-shadow: 2px 4px 15px 0 #444
    }
}

.festa-juice .home-slider-wrapper .bx-viewport, .festa-juice .story-slider-wrapper .bx-viewport, .festa-juice .supplies-slider-wrapper .bx-viewport {
    border: none;
    left: 0;
    background-color: transparent;
    box-shadow: none
}

.festa-juice .story-slider__item p, .festa-juice .home-slider__item p, .festa-juice .supplies-slider__item p {
    margin: 3px 0 7px 2px;
    font-size: 29px
}

@media (max-width: 1280px) {
    .festa-juice .story-slider__item p, .festa-juice .home-slider__item p, .festa-juice .supplies-slider__item p {
        font-size: 22px;
        margin: 2px 0 5px 1px
    }
}

@media (max-width: 960px) {
    .festa-juice .story-slider__item p, .festa-juice .home-slider__item p, .festa-juice .supplies-slider__item p {
        font-size: 17px
    }
}

@media (max-width: 768px) {
    .festa-juice .story-slider__item p, .festa-juice .home-slider__item p, .festa-juice .supplies-slider__item p {
        font-size: 19px;
        margin: 1px 0 4px 1px
    }
}

@media (max-width: 480px) {
    .festa-juice .story-slider__item p, .festa-juice .home-slider__item p, .festa-juice .supplies-slider__item p {
        font-size: 17px;
        margin: 1px 0 0
    }
}

.festa-juice .story-slider__item img, .festa-juice .home-slider__item img, .festa-juice .supplies-slider__item img {
    margin: 0 auto
}

.festa-juice .story-slider-wrapper, .festa-juice .home-slider-wrapper, .festa-juice .supplies-slider-wrapper {
    position: relative
}

    .festa-juice .story-slider-wrapper .next-slide, .festa-juice .story-slider-wrapper .prev-slide, .festa-juice .home-slider-wrapper .next-slide, .festa-juice .home-slider-wrapper .prev-slide, .festa-juice .supplies-slider-wrapper .next-slide, .festa-juice .supplies-slider-wrapper .prev-slide {
        position: absolute;
        top: 50%;
        -webkit-transform: translate(0, -50%);
        -moz-transform: translate(0, -50%);
        -o-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
        transform: translate(0, -50%);
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        -ms-border-radius: 50%;
        -o-border-radius: 50%;
        border-radius: 50%;
        height: 80px;
        width: 80px;
        line-height: 80px;
        border: 2px solid #fff;
        text-align: center;
        z-index: 300
    }

        .festa-juice .story-slider-wrapper .next-slide i, .festa-juice .story-slider-wrapper .prev-slide i, .festa-juice .home-slider-wrapper .next-slide i, .festa-juice .home-slider-wrapper .prev-slide i, .festa-juice .supplies-slider-wrapper .next-slide i, .festa-juice .supplies-slider-wrapper .prev-slide i {
            position: relative;
            line-height: 80px;
            color: #fff;
            font-size: 70px;
            line-height: 1
        }

@media (max-width: 1280px) {
    .festa-juice .story-slider-wrapper .next-slide i, .festa-juice .story-slider-wrapper .prev-slide i, .festa-juice .home-slider-wrapper .next-slide i, .festa-juice .home-slider-wrapper .prev-slide i, .festa-juice .supplies-slider-wrapper .next-slide i, .festa-juice .supplies-slider-wrapper .prev-slide i {
        top: -2px
    }
}

@media (max-width: 960px) {
    .festa-juice .story-slider-wrapper .next-slide i, .festa-juice .story-slider-wrapper .prev-slide i, .festa-juice .home-slider-wrapper .next-slide i, .festa-juice .home-slider-wrapper .prev-slide i, .festa-juice .supplies-slider-wrapper .next-slide i, .festa-juice .supplies-slider-wrapper .prev-slide i {
        top: -3px
    }
}

@media (max-width: 768px) {
    .festa-juice .story-slider-wrapper .next-slide i, .festa-juice .story-slider-wrapper .prev-slide i, .festa-juice .home-slider-wrapper .next-slide i, .festa-juice .home-slider-wrapper .prev-slide i, .festa-juice .supplies-slider-wrapper .next-slide i, .festa-juice .supplies-slider-wrapper .prev-slide i {
        top: 0
    }
}

@media (max-width: 480px) {
    .festa-juice .story-slider-wrapper .next-slide i, .festa-juice .story-slider-wrapper .prev-slide i, .festa-juice .home-slider-wrapper .next-slide i, .festa-juice .home-slider-wrapper .prev-slide i, .festa-juice .supplies-slider-wrapper .next-slide i, .festa-juice .supplies-slider-wrapper .prev-slide i {
        top: -2px
    }
}

@media (max-width: 1280px) {
    .festa-juice .story-slider-wrapper .next-slide, .festa-juice .story-slider-wrapper .prev-slide, .festa-juice .home-slider-wrapper .next-slide, .festa-juice .home-slider-wrapper .prev-slide, .festa-juice .supplies-slider-wrapper .next-slide, .festa-juice .supplies-slider-wrapper .prev-slide {
        width: 60px;
        height: 60px;
        line-height: 60px
    }

        .festa-juice .story-slider-wrapper .next-slide i, .festa-juice .story-slider-wrapper .prev-slide i, .festa-juice .home-slider-wrapper .next-slide i, .festa-juice .home-slider-wrapper .prev-slide i, .festa-juice .supplies-slider-wrapper .next-slide i, .festa-juice .supplies-slider-wrapper .prev-slide i {
            font-size: 60px
        }
}

@media (max-width: 960px) {
    .festa-juice .story-slider-wrapper .next-slide, .festa-juice .story-slider-wrapper .prev-slide, .festa-juice .home-slider-wrapper .next-slide, .festa-juice .home-slider-wrapper .prev-slide, .festa-juice .supplies-slider-wrapper .next-slide, .festa-juice .supplies-slider-wrapper .prev-slide {
        width: 45px;
        height: 45px;
        line-height: 45px
    }

        .festa-juice .story-slider-wrapper .next-slide i, .festa-juice .story-slider-wrapper .prev-slide i, .festa-juice .home-slider-wrapper .next-slide i, .festa-juice .home-slider-wrapper .prev-slide i, .festa-juice .supplies-slider-wrapper .next-slide i, .festa-juice .supplies-slider-wrapper .prev-slide i {
            font-size: 45px
        }
}

@media (max-width: 768px) {
    .festa-juice .story-slider-wrapper .next-slide, .festa-juice .story-slider-wrapper .prev-slide, .festa-juice .home-slider-wrapper .next-slide, .festa-juice .home-slider-wrapper .prev-slide, .festa-juice .supplies-slider-wrapper .next-slide, .festa-juice .supplies-slider-wrapper .prev-slide {
        width: 35px;
        height: 35px;
        line-height: 35px
    }

        .festa-juice .story-slider-wrapper .next-slide i, .festa-juice .story-slider-wrapper .prev-slide i, .festa-juice .home-slider-wrapper .next-slide i, .festa-juice .home-slider-wrapper .prev-slide i, .festa-juice .supplies-slider-wrapper .next-slide i, .festa-juice .supplies-slider-wrapper .prev-slide i {
            font-size: 30px
        }
}

@media (max-width: 480px) {
    .festa-juice .story-slider-wrapper .next-slide, .festa-juice .story-slider-wrapper .prev-slide, .festa-juice .home-slider-wrapper .next-slide, .festa-juice .home-slider-wrapper .prev-slide, .festa-juice .supplies-slider-wrapper .next-slide, .festa-juice .supplies-slider-wrapper .prev-slide {
        width: 25px;
        height: 25px;
        line-height: 25px
    }

        .festa-juice .story-slider-wrapper .next-slide i, .festa-juice .story-slider-wrapper .prev-slide i, .festa-juice .home-slider-wrapper .next-slide i, .festa-juice .home-slider-wrapper .prev-slide i, .festa-juice .supplies-slider-wrapper .next-slide i, .festa-juice .supplies-slider-wrapper .prev-slide i {
            font-size: 20px
        }
}

.festa-juice .story-slider-wrapper .next-slide, .festa-juice .home-slider-wrapper .next-slide, .festa-juice .supplies-slider-wrapper .next-slide {
    right: 10%
}

.festa-juice .story-slider-wrapper .prev-slide, .festa-juice .home-slider-wrapper .prev-slide, .festa-juice .supplies-slider-wrapper .prev-slide {
    left: 10%
}

.festa-juice .story-slider-wrapper .bx-viewport, .festa-juice .home-slider-wrapper .bx-viewport, .festa-juice .supplies-slider-wrapper .bx-viewport {
    overflow: visible
}

.festa-juice .story-slider-wrapper .bx-wrapper, .festa-juice .home-slider-wrapper .bx-wrapper, .festa-juice .supplies-slider-wrapper .bx-wrapper {
    padding-bottom: 20px
}

.festa-juice .story-slider-wrapper .bx-pager, .festa-juice .home-slider-wrapper .bx-pager, .festa-juice .supplies-slider-wrapper .bx-pager {
    position: absolute;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    bottom: 50px
}

@media (max-width: 1280px) {
    .festa-juice .story-slider-wrapper .bx-pager, .festa-juice .home-slider-wrapper .bx-pager, .festa-juice .supplies-slider-wrapper .bx-pager {
        bottom: 35px
    }
}

@media (max-width: 960px) {
    .festa-juice .story-slider-wrapper .bx-pager, .festa-juice .home-slider-wrapper .bx-pager, .festa-juice .supplies-slider-wrapper .bx-pager {
        bottom: 30px
    }
}

@media (max-width: 768px) {
    .festa-juice .story-slider-wrapper .bx-pager, .festa-juice .home-slider-wrapper .bx-pager, .festa-juice .supplies-slider-wrapper .bx-pager {
        bottom: 25px
    }
}

@media (max-width: 480px) {
    .festa-juice .story-slider-wrapper .bx-pager, .festa-juice .home-slider-wrapper .bx-pager, .festa-juice .supplies-slider-wrapper .bx-pager {
        bottom: 20px
    }
}

.festa-juice .story-slider-wrapper .bx-pager .bx-pager-item a, .festa-juice .home-slider-wrapper .bx-pager .bx-pager-item a, .festa-juice .supplies-slider-wrapper .bx-pager .bx-pager-item a {
    border: 1px solid #fff;
    background-color: transparent
}

    .festa-juice .story-slider-wrapper .bx-pager .bx-pager-item a.active, .festa-juice .story-slider-wrapper .bx-pager .bx-pager-item a:hover, .festa-juice .home-slider-wrapper .bx-pager .bx-pager-item a.active, .festa-juice .home-slider-wrapper .bx-pager .bx-pager-item a:hover, .festa-juice .supplies-slider-wrapper .bx-pager .bx-pager-item a.active, .festa-juice .supplies-slider-wrapper .bx-pager .bx-pager-item a:hover {
        background-color: #fff
    }

@media (max-width: 1280px) {
    .festa-juice .story-slider-wrapper .bx-pager .bx-pager-item a, .festa-juice .home-slider-wrapper .bx-pager .bx-pager-item a, .festa-juice .supplies-slider-wrapper .bx-pager .bx-pager-item a {
        margin: 0 3.5px
    }
}

@media (max-width: 768px) {
    .festa-juice .story-slider-wrapper .bx-pager .bx-pager-item a, .festa-juice .home-slider-wrapper .bx-pager .bx-pager-item a, .festa-juice .supplies-slider-wrapper .bx-pager .bx-pager-item a {
        width: 6px;
        height: 6px;
        margin: 0 2.5px
    }
}

.festa-juice .home-slider-wrapper {
    max-width: 1725px;
    margin: -150px auto 0;
    padding: 0 15px 170px;
    position: relative
}

    .festa-juice .home-slider-wrapper .bx-wrapper {
        padding: 40px
    }

    .festa-juice .home-slider-wrapper .bx-pager {
        bottom: 50px
    }

        .festa-juice .home-slider-wrapper .bx-pager .bx-pager-item a {
            box-shadow: 0 0 40px 0 #222
        }

@media (max-width: 1280px) {
    .festa-juice .home-slider-wrapper .bx-pager {
        bottom: 35px
    }
}

@media (max-width: 960px) {
    .festa-juice .home-slider-wrapper .bx-pager {
        bottom: 30px
    }
}

@media (max-width: 768px) {
    .festa-juice .home-slider-wrapper .bx-pager {
        bottom: 25px
    }
}

@media (max-width: 480px) {
    .festa-juice .home-slider-wrapper .bx-pager {
        bottom: 20px
    }
}

.festa-juice .home-slider-wrapper .next-slide, .festa-juice .home-slider-wrapper .prev-slide {
    top: 38%
}

@media (max-width: 480px) {
    .festa-juice .home-slider-wrapper .next-slide, .festa-juice .home-slider-wrapper .prev-slide {
        top: 30%
    }
}

@media (max-width: 360px) {
    .festa-juice .home-slider-wrapper .next-slide, .festa-juice .home-slider-wrapper .prev-slide {
        top: 35%
    }
}

.festa-juice .home-slider-wrapper .next-slide {
    right: 5%
}

.festa-juice .home-slider-wrapper .prev-slide {
    left: 5%
}

@media (max-width: 1280px) {
    .festa-juice .home-slider-wrapper {
        max-width: 1150px;
        margin-top: -135px;
        padding-bottom: 110px
    }

        .festa-juice .home-slider-wrapper .bx-wrapper {
            padding: 23px
        }
}

@media (max-width: 960px) {
    .festa-juice .home-slider-wrapper {
        max-width: 865px;
        margin-top: -100px;
        padding-bottom: 90px
    }

        .festa-juice .home-slider-wrapper .bx-wrapper {
            padding: 20px
        }
}

@media (max-width: 768px) {
    .festa-juice .home-slider-wrapper {
        max-width: 100%;
        padding: 0 0 100px;
        margin-top: 0
    }
}

@media (max-width: 480px) {
    .festa-juice .home-slider-wrapper {
        padding: 10px 0 130px
    }

        .festa-juice .home-slider-wrapper .bx-wrapper {
            padding: 13px
        }
}

@media (max-width: 360px) {
    .festa-juice .home-slider-wrapper {
        padding: 20px 0 100px
    }

        .festa-juice .home-slider-wrapper .bx-wrapper {
            padding: 10px
        }
}

.festa-juice .home-slider__item {
    background-color: #fff
}

.festa-juice .story-slider-wrapper {
    max-width: 755px
}

@media (max-width: 768px) {
    .festa-juice .story-slider-wrapper {
        max-width: 400px;
        margin: 0 auto 40px
    }
}

@media (max-width: 480px) {
    .festa-juice .story-slider-wrapper {
        max-width: 250px;
        margin: 0 auto 20px
    }
}

@media (max-width: 360px) {
    .festa-juice .story-slider-wrapper {
        max-width: 190px;
        margin: 0 auto 15px
    }
}

.festa-juice .story-slider-wrapper .bx-wrapper {
    padding: 30px
}

@media (max-width: 1280px) {
    .festa-juice .story-slider-wrapper .bx-wrapper {
        padding: 23px
    }
}

@media (max-width: 960px) {
    .festa-juice .story-slider-wrapper .bx-wrapper {
        padding: 20px
    }
}

@media (max-width: 480px) {
    .festa-juice .story-slider-wrapper .bx-wrapper {
        padding: 13px
    }
}

@media (max-width: 360px) {
    .festa-juice .story-slider-wrapper .bx-wrapper {
        padding: 10px
    }
}

.festa-juice .story-slider-wrapper .bx-pager {
    bottom: 90px
}

@media (max-width: 1280px) {
    .festa-juice .story-slider-wrapper .bx-pager {
        bottom: 80px
    }
}

@media (max-width: 960px) {
    .festa-juice .story-slider-wrapper .bx-pager {
        bottom: 75px
    }
}

@media (max-width: 768px) {
    .festa-juice .story-slider-wrapper .bx-pager {
        bottom: 60px
    }
}

@media (max-width: 480px) {
    .festa-juice .story-slider-wrapper .bx-pager {
        bottom: 50px
    }
}

@media (max-width: 360px) {
    .festa-juice .story-slider-wrapper .bx-pager {
        bottom: 45px
    }
}

.festa-juice .story-text {
    padding-top: 1px
}

.festa-juice .page-nav {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    justify-content: space-between;
    max-width: 1235px;
    margin: 0 auto 35px
}

@media (max-width: 1280px) {
    .festa-juice .page-nav {
        max-width: 820px;
        margin-bottom: 25px
    }
}

@media (max-width: 960px) {
    .festa-juice .page-nav {
        max-width: 620px;
        margin-bottom: 15px
    }
}

@media (max-width: 768px) {
    .festa-juice .page-nav {
        max-width: 700px;
        padding: 0 10px;
        margin-bottom: 20px
    }
}

@media (max-width: 480px) {
    .festa-juice .page-nav {
        display: block !important;
        margin-bottom: 30px
    }
}

@media (max-width: 360px) {
    .festa-juice .page-nav {
        max-width: 320px;
        margin-bottom: 15px
    }
}

.festa-juice .page-nav__item {
    position: relative;
    font-size: 2.9rem;
    font-weight: 700;
    color: #622d50
}

@media (max-width: 768px) {
    .festa-juice .page-nav__item {
        font-size: 16px
    }
}

@media (max-width: 480px) {
    .festa-juice .page-nav__item {
        width: 33%;
        float: left;
        text-align: center
    }

        .festa-juice .page-nav__item:last-of-type {
            width: 100%;
            float: none;
            margin: 0 auto;
            padding-top: 10px;
            display: block;
            clear: both
        }
}

@media (max-width: 360px) {
    .festa-juice .page-nav__item {
        font-size: 12px
    }
}

.festa-juice .page-nav__item i {
    display: inline-block
}

.festa-juice .page-nav__item:hover, .festa-juice .page-nav__item:active {
    text-decoration: underline
}

.festa-juice .page-nav__item:hover {
    color: #622d50
}

.festa-juice .page-nav__item:active, .festa-juice .page-nav__item:focus {
    color: #c9a978
}

    .festa-juice .page-nav__item:active i, .festa-juice .page-nav__item:focus i {
        color: #c9a978
    }

.festa-juice .bghead {
    min-height: 96px;
    line-height: 96px;
    font-size: 4.1rem;
    font-weight: 700;
    margin-bottom: 50px;
    color: #fff;
    text-align: center
}

@media (max-width: 1280px) {
    .festa-juice .bghead {
        min-height: 60px;
        line-height: 60px;
        margin-bottom: 30px
    }
}

@media (max-width: 960px) {
    .festa-juice .bghead {
        min-height: 50px;
        line-height: 50px
    }
}

@media (max-width: 768px) {
    .festa-juice .bghead {
        margin-bottom: 45px
    }
}

@media (max-width: 480px) {
    .festa-juice .bghead {
        min-height: 34px;
        line-height: 34px;
        margin-bottom: 20px;
        font-size: 21px
    }
}

@media (max-width: 360px) {
    .festa-juice .bghead {
        font-size: 15px;
        min-height: 30px;
        line-height: 30px
    }
}

.festa-juice .bghead--purple {
    background-color: #622d50
}

.festa-juice .bghead--green {
    background-color: #718473
}

.festa-juice .bghead--ribbon {
    min-height: 65px;
    line-height: 65px;
    margin-bottom: 35px;
    font-size: 2.9rem;
    position: relative;
    z-index: 2
}

    .festa-juice .bghead--ribbon:after, .festa-juice .bghead--ribbon:before {
        top: 0;
        content: '';
        display: block;
        position: absolute;
        z-index: 3;
        border-top: 30px solid transparent;
        border-bottom: 35px solid transparent
    }

    .festa-juice .bghead--ribbon:before {
        left: 0;
        border-left: 30px solid #f2ede3
    }

    .festa-juice .bghead--ribbon:after {
        right: 0;
        border-right: 30px solid #f2ede3
    }

@media (max-width: 1280px) {
    .festa-juice .bghead--ribbon {
        margin-bottom: 25px;
        min-height: 48px;
        line-height: 48px
    }

        .festa-juice .bghead--ribbon:before, .festa-juice .bghead--ribbon:after {
            border-top-width: 22px;
            border-bottom-width: 27px
        }

        .festa-juice .bghead--ribbon:before {
            border-left-width: 22px
        }

        .festa-juice .bghead--ribbon:after {
            border-right-width: 22px
        }
}

@media (max-width: 960px) {
    .festa-juice .bghead--ribbon {
        margin-bottom: 20px;
        min-height: 34px;
        line-height: 34px;
        font-size: 11px
    }

        .festa-juice .bghead--ribbon:before, .festa-juice .bghead--ribbon:after {
            border-top-width: 15px;
            border-bottom-width: 20px
        }

        .festa-juice .bghead--ribbon:before {
            border-left-width: 15px
        }

        .festa-juice .bghead--ribbon:after {
            border-right-width: 15px
        }
}

@media (max-width: 768px) {
    .festa-juice .bghead--ribbon {
        margin-bottom: 15px;
        min-height: 27px;
        line-height: 27px
    }

        .festa-juice .bghead--ribbon:before, .festa-juice .bghead--ribbon:after {
            border-top-width: 12.5px;
            border-bottom-width: 17.5px
        }

        .festa-juice .bghead--ribbon:before {
            border-left-width: 12.5px
        }

        .festa-juice .bghead--ribbon:after {
            border-right-width: 12.5px
        }
}

@media (max-width: 480px) {
    .festa-juice .bghead--ribbon {
        margin-bottom: 10px;
        margin-top: 25px;
        min-height: 34px;
        line-height: 34px;
        font-size: 20px
    }

        .festa-juice .bghead--ribbon:before, .festa-juice .bghead--ribbon:after {
            border-top-width: 15px;
            border-bottom-width: 20px
        }

        .festa-juice .bghead--ribbon:before {
            border-left-width: 15px
        }

        .festa-juice .bghead--ribbon:after {
            border-right-width: 15px
        }
}

@media (max-width: 360px) {
    .festa-juice .bghead--ribbon {
        font-size: 15px
    }
}

.festa-juice .products {
    margin-bottom: 150px
}

@media (max-width: 1280px) {
    .festa-juice .products {
        margin-bottom: 75px
    }
}

@media (max-width: 960px) {
    .festa-juice .products {
        margin-bottom: 50px
    }
}

@media (max-width: 768px) {
    .festa-juice .products {
        max-width: 560px;
        padding: 15px;
        margin: 0 auto 10px
    }
}

@media (max-width: 480px) {
    .festa-juice .products {
        max-width: 370px
    }
}

@media (max-width: 360px) {
    .festa-juice .products {
        max-width: 300px
    }
}

.festa-juice .products__img {
    float: left;
    padding-left: 55px;
    max-width: 375px
}

@media (max-width: 1280px) {
    .festa-juice .products__img {
        max-width: 255px;
        padding-left: 30px
    }
}

@media (max-width: 960px) {
    .festa-juice .products__img {
        max-width: 205px;
        padding-left: 25px
    }
}

@media (max-width: 768px) {
    .festa-juice .products__img {
        padding-left: 0;
        max-width: 135px
    }
}

@media (max-width: 480px) {
    .festa-juice .products__img {
        max-width: 80px
    }
}

.festa-juice .products__list {
    margin-left: 530px
}

@media (max-width: 1280px) {
    .festa-juice .products__list {
        margin-left: 350px
    }
}

@media (max-width: 960px) {
    .festa-juice .products__list {
        margin-left: 260px
    }
}

@media (max-width: 768px) {
    .festa-juice .products__list {
        margin-left: 175px
    }

        .festa-juice .products__list .col-sm-6 {
            max-width: 100%;
            width: 100%;
            float: none
        }
}

@media (max-width: 480px) {
    .festa-juice .products__list {
        margin-left: 100px
    }
}

.festa-juice .products__list__item {
    margin-bottom: 35px
}

    .festa-juice .products__list__item h3 {
        color: #000;
        font-weight: 700
    }

@media (max-width: 960px) {
    .festa-juice .products__list__item h3 {
        font-size: 15px
    }
}

.festa-juice .products__list__item p {
    color: #000;
    line-height: 1.3
}

@media (max-width: 960px) {
    .festa-juice .products__list__item p {
        margin-bottom: 20px
    }
}

.festa-juice .supplies-slider-wrapper {
    max-width: 915px;
    width: 100%;
    z-index: 100
}

    .festa-juice .supplies-slider-wrapper.slave {
        float: left
    }

    .festa-juice .supplies-slider-wrapper .bx-wrapper {
        padding: 40px
    }

        .festa-juice .supplies-slider-wrapper .bx-wrapper .bx-pager {
            z-index: 100
        }

@media (max-width: 1280px) {
    .festa-juice .supplies-slider-wrapper {
        max-width: 610px
    }

        .festa-juice .supplies-slider-wrapper .bx-wrapper {
            padding: 23px
        }
}

@media (max-width: 960px) {
    .festa-juice .supplies-slider-wrapper {
        max-width: 460px
    }

        .festa-juice .supplies-slider-wrapper .bx-wrapper {
            padding: 20px
        }
}

@media (max-width: 768px) {
    .festa-juice .supplies-slider-wrapper {
        max-width: 620px;
        margin: 0 auto 40px
    }

        .festa-juice .supplies-slider-wrapper.slave {
            float: none
        }
}

@media (max-width: 480px) {
    .festa-juice .supplies-slider-wrapper {
        max-width: 390px;
        margin: 0 auto 20px
    }

        .festa-juice .supplies-slider-wrapper .bx-wrapper {
            padding: 13px
        }
}

@media (max-width: 360px) {
    .festa-juice .supplies-slider-wrapper {
        max-width: 290px;
        margin-bottom: 15px
    }

        .festa-juice .supplies-slider-wrapper .bx-wrapper {
            padding: 10px
        }
}

.festa-juice .supplies__desc {
    margin-left: 960px
}

    .festa-juice .supplies__desc > p, .festa-juice .supplies__desc ul {
        margin-bottom: 45px
    }

    .festa-juice .supplies__desc ul {
        list-style: inherit;
        padding-left: 10px
    }

@media (max-width: 768px) {
    .festa-juice .supplies__desc ul {
        padding-left: 20px
    }
}

@media (max-width: 480px) {
    .festa-juice .supplies__desc ul {
        padding-left: 10px
    }
}

.festa-juice .supplies__desc ul li {
    font-size: 2.9rem;
    color: #000
}

@media (max-width: 1280px) {
    .festa-juice .supplies__desc {
        margin-left: 640px
    }

        .festa-juice .supplies__desc > p, .festa-juice .supplies__desc ul {
            margin-bottom: 30px
        }
}

@media (max-width: 960px) {
    .festa-juice .supplies__desc {
        margin-left: 480px
    }

        .festa-juice .supplies__desc > p, .festa-juice .supplies__desc ul {
            margin-bottom: 20px
        }

        .festa-juice .supplies__desc > p {
            font-size: 15px
        }

        .festa-juice .supplies__desc ul li {
            font-size: 18px
        }
}

@media (max-width: 768px) {
    .festa-juice .supplies__desc {
        max-width: 490px;
        margin: 0 auto
    }

        .festa-juice .supplies__desc > p, .festa-juice .supplies__desc ul {
            margin-bottom: 45px
        }

        .festa-juice .supplies__desc > p {
            font-size: 25px
        }

        .festa-juice .supplies__desc ul li {
            font-size: 31px
        }
}

@media (max-width: 480px) {
    .festa-juice .supplies__desc {
        max-width: 310px
    }

        .festa-juice .supplies__desc > p, .festa-juice .supplies__desc ul {
            margin-bottom: 20px
        }

        .festa-juice .supplies__desc > p {
            font-size: 16px
        }

        .festa-juice .supplies__desc ul li {
            font-size: 20px
        }
}

@media (max-width: 360px) {
    .festa-juice .supplies__desc {
        max-width: 240px
    }

        .festa-juice .supplies__desc > p, .festa-juice .supplies__desc ul {
            margin-bottom: 13px
        }

        .festa-juice .supplies__desc > p {
            font-size: 12px
        }

        .festa-juice .supplies__desc ul li {
            font-size: 15px
        }
}

.festa-juice .video-wrapper {
    padding: 40px;
    background-color: #fff;
    box-shadow: 2px 4px 25px 0 #333;
    margin-bottom: 100px
}

    .festa-juice .video-wrapper iframe {
        max-width: 100%;
        width: 100%
    }

@media (max-width: 1280px) {
    .festa-juice .video-wrapper {
        padding: 23px;
        max-width: 85%;
        margin: 0 auto 70px;
        max-height: 500px
    }

        .festa-juice .video-wrapper iframe {
            max-height: 450px
        }
}

@media (max-width: 960px) {
    .festa-juice .video-wrapper {
        padding: 20px;
        max-height: 400px;
        margin-bottom: 45px
    }

        .festa-juice .video-wrapper iframe {
            max-height: 340px
        }
}

@media (max-width: 480px) {
    .festa-juice .video-wrapper {
        margin-bottom: 20px;
        padding: 13px;
        max-height: 250px
    }

        .festa-juice .video-wrapper iframe {
            max-height: 200px
        }
}

@media (max-width: 360px) {
    .festa-juice .video-wrapper {
        margin-bottom: 15px;
        padding: 10px;
        max-height: 200px
    }

        .festa-juice .video-wrapper iframe {
            max-height: 170px
        }
}

.festa-juice .wrap {
    max-width: 920px;
    margin: 0 auto;
    display: block
}

@media (max-width: 1280px) {
    .festa-juice .wrap {
        max-width: 610px
    }
}

@media (max-width: 960px) {
    .festa-juice .wrap {
        max-width: 460px
    }
}

@media (max-width: 960px) {
    .festa-juice .wrap--beta {
        max-width: 620px
    }
}

@media (max-width: 768px) {
    .festa-juice .wrap\@gamma {
        max-width: 370px
    }
}

@media (max-width: 480px) {
    .festa-juice .wrap\@delta {
        max-width: none
    }

        .festa-juice .wrap\@delta > * {
            margin-left: auto;
            margin-right: auto;
            max-width: 310px
        }

        .festa-juice .wrap\@delta > .bghead--ribbon {
            max-width: none
        }
}

@media (max-width: 768px) {
    .festa-juice .video-text.wrap {
        max-width: 495px
    }
}

@media (max-width: 480px) {
    .festa-juice .video-text.wrap {
        max-width: 320px
    }
}

@media (max-width: 360px) {
    .festa-juice .video-text.wrap {
        max-width: 250px
    }
}

.festa-juice .video-text ul:not(.link-list) {
    padding: 5px 0 25px 20px;
    position: relative;
    list-style: inherit
}

    .festa-juice .video-text ul:not(.link-list) li {
        line-height: 1.2;
        margin-bottom: 15px
    }

@media (max-width: 1280px) {
    .festa-juice .video-text ul:not(.link-list) {
        padding: 5px 0 15px 20px
    }
}

@media (max-width: 480px) {
    .festa-juice .video-text ul:not(.link-list) {
        padding-top: 0
    }
}

.festa-juice .video-text ul.link-list {
    padding-top: 25px;
    padding-bottom: 10px
}

@media (max-width: 480px) {
    .festa-juice .video-text ul.link-list {
        padding-top: 10px
    }
}

.festa-juice .video-text ul.link-list li {
    margin-bottom: 15px;
    text-align: center
}

@media (max-width: 768px) {
    .festa-juice .video-text ul.link-list li {
        margin-bottom: 20px
    }
}

@media (max-width: 480px) {
    .festa-juice .video-text ul.link-list li {
        margin-bottom: 10px
    }
}

@media (max-width: 360px) {
    .festa-juice .video-text ul.link-list li {
        margin-bottom: 0
    }
}

.festa-juice .video-text ul.link-list i {
    position: absolute;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    right: -15px
}

.festa-juice .video-text ul.link-list a {
    font-size: 2.9rem;
    color: #622d50;
    font-weight: 700;
    position: relative;
    z-index: 2
}

    .festa-juice .video-text ul.link-list a:hover, .festa-juice .video-text ul.link-list a:active {
        text-decoration: underline;
        color: #622d50
    }

@media (max-width: 960px) {
    .festa-juice .video-text ul.link-list a {
        font-size: 21px
    }
}

@media (max-width: 768px) {
    .festa-juice .video-text ul.link-list a {
        font-size: 25px
    }
}

@media (max-width: 480px) {
    .festa-juice .video-text ul.link-list a {
        font-size: 16px
    }
}

@media (max-width: 360px) {
    .festa-juice .video-text ul.link-list a {
        font-size: 11px
    }
}

.festa-juice .location {
    position: relative;
    z-index: 2;
    padding-bottom: 50px
}

    .festa-juice .location li {
        width: 50%;
        text-align: center;
        float: left;
        margin-bottom: 25px
    }

@media (max-width: 1280px) {
    .festa-juice .location li {
        margin-bottom: 20px
    }
}

@media (max-width: 960px) {
    .festa-juice .location li {
        margin-bottom: 15px
    }
}

@media (max-width: 768px) {
    .festa-juice .location li {
        margin-bottom: 10px
    }
}

@media (max-width: 480px) {
    .festa-juice .location li {
        width: 100%;
        float: none;
        margin-bottom: 20px
    }
}

.festa-juice .location a {
    color: #622d50;
    font-weight: 700;
    font-size: 2.9rem
}

    .festa-juice .location a:hover, .festa-juice .location a:active {
        text-decoration: underline;
        color: #622d50
    }

@media (max-width: 768px) {
    .festa-juice .location a {
        font-size: 14px
    }
}

@media (max-width: 480px) {
    .festa-juice .location a {
        font-size: 25px
    }
}

@media (max-width: 360px) {
    .festa-juice .location a {
        font-size: 18px
    }
}

.festa-juice .cup {
    position: relative
}

@media (max-width: 1280px) {
    .festa-juice .cup {
        margin-top: 20px
    }
}

@media (max-width: 960px) {
    .festa-juice .cup {
        margin-top: 85px
    }
}

.festa-juice .cup__img {
    position: relative;
    z-index: -1;
    margin-top: -150px;
    text-align: center
}

    .festa-juice .cup__img img {
        max-width: 80%
    }

@media (max-width: 960px) {
    .festa-juice .cup__img img {
        max-width: 70%
    }
}

@media (max-width: 768px) {
    .festa-juice .cup__img img {
        max-width: 100%;
        margin: 25px auto;
        display: block
    }
}

@media (max-width: 768px) {
    .festa-juice .cup__img {
        margin-top: -90px
    }
}

.festa-juice .cup__tip {
    max-width: 400px;
    position: absolute
}

@media (max-width: 768px) {
    .festa-juice .cup__tip {
        position: static;
        max-width: none
    }
}

.festa-juice .cup__tip__text {
    text-align: left;
    margin-left: 100px;
    max-width: 360px;
    padding-top: 15px
}

    .festa-juice .cup__tip__text h3 {
        font-weight: 700;
        color: #622d50
    }

    .festa-juice .cup__tip__text h3, .festa-juice .cup__tip__text p {
        letter-spacing: -1px;
        font-size: 2rem
    }

@media (max-width: 1280px) {
    .festa-juice .cup__tip__text h3, .festa-juice .cup__tip__text p {
        letter-spacing: 0.2px
    }
}

@media (max-width: 960px) {
    .festa-juice .cup__tip__text h3, .festa-juice .cup__tip__text p {
        font-size: 13px
    }
}

@media (max-width: 768px) {
    .festa-juice .cup__tip__text h3, .festa-juice .cup__tip__text p {
        font-size: 25px
    }
}

@media (max-width: 480px) {
    .festa-juice .cup__tip__text h3, .festa-juice .cup__tip__text p {
        font-size: 16px
    }
}

@media (max-width: 360px) {
    .festa-juice .cup__tip__text h3, .festa-juice .cup__tip__text p {
        font-size: 12px
    }
}

@media (max-width: 1280px) {
    .festa-juice .cup__tip__text {
        margin-left: 70px;
        max-width: 200px;
        padding-top: 5px
    }
}

@media (max-width: 960px) {
    .festa-juice .cup__tip__text {
        margin-left: 50px;
        padding-top: 10px
    }
}

@media (max-width: 768px) {
    .festa-juice .cup__tip__text {
        padding-top: 0;
        margin-left: 60px;
        margin-bottom: 30px;
        max-width: none
    }
}

@media (max-width: 480px) {
    .festa-juice .cup__tip__text {
        margin-left: 40px;
        margin-bottom: 20px
    }
}

.festa-juice .cup__tip__order {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    float: left;
    display: block;
    width: 82px;
    height: 82px;
    background-color: #718473;
    color: #fff;
    font-size: 5.4rem;
    font-weight: 700;
    text-align: center
}

@media (max-width: 1280px) {
    .festa-juice .cup__tip__order {
        height: 63px;
        width: 63px;
        line-height: 60px
    }
}

@media (max-width: 960px) {
    .festa-juice .cup__tip__order {
        height: 45px;
        width: 45px;
        line-height: 45px
    }
}

@media (max-width: 768px) {
    .festa-juice .cup__tip__order {
        height: 34px;
        width: 34px;
        line-height: 34px;
        font-size: 22px
    }
}

@media (max-width: 480px) {
    .festa-juice .cup__tip__order {
        height: 27px;
        width: 27px;
        line-height: 27px;
        font-size: 15px
    }
}

.festa-juice .cup__tip--1 {
    left: 0;
    top: 32%
}

.festa-juice .cup__tip--2 {
    left: 0;
    top: 57%
}

@media (max-width: 1280px) {
    .festa-juice .cup__tip--2 {
        left: -2%
    }
}

@media (max-width: 960px) {
    .festa-juice .cup__tip--2 {
        left: 2%
    }
}

.festa-juice .cup__tip--3 {
    left: 67%;
    top: 37%
}

@media (max-width: 1280px) {
    .festa-juice .cup__tip--3 {
        top: 40%
    }
}

.festa-juice .cup__tip--4 {
    left: 63%;
    top: 72%
}

@media (max-width: 1280px) {
    .festa-juice .cup__tip--4 {
        top: 74%
    }
}

.festa-juice .juice-nav .row {
    margin: 0 -25px
}

@media (max-width: 1280px) {
    .festa-juice .juice-nav .row {
        margin: 0 -20px
    }
}

@media (max-width: 960px) {
    .festa-juice .juice-nav .row {
        margin: 0 -12px
    }
}

.festa-juice .juice-nav [class*='col-'] {
    padding: 0 25px
}

@media (max-width: 1280px) {
    .festa-juice .juice-nav [class*='col-'] {
        padding: 0 20px
    }
}

@media (max-width: 960px) {
    .festa-juice .juice-nav [class*='col-'] {
        padding: 0 12px
    }
}

@media (max-width: 768px) {
    .festa-juice .juice-nav [class*='col-'] {
        float: none;
        width: 100%
    }
}

.festa-juice .juice-nav__title {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    justify-content: center;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    text-align: center;
    min-height: 115px;
    margin-bottom: 40px
}

@media (max-width: 1280px) {
    .festa-juice .juice-nav__title {
        min-height: 75px;
        margin-bottom: 25px
    }
}

@media (max-width: 960px) {
    .festa-juice .juice-nav__title {
        min-height: 50px;
        margin-bottom: 15px
    }
}

@media (max-width: 768px) {
    .festa-juice .juice-nav__title {
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        -ms-border-radius: 0;
        -o-border-radius: 0;
        border-radius: 0;
        min-height: 110px;
        margin-bottom: 30px
    }
}

@media (max-width: 480px) {
    .festa-juice .juice-nav__title {
        min-height: 70px;
        margin-bottom: 20px
    }
}

@media (max-width: 360px) {
    .festa-juice .juice-nav__title {
        min-height: 50px;
        margin-bottom: 15px
    }
}

.festa-juice .juice-nav__title a {
    font-size: 2.9rem;
    color: #fff;
    font-weight: 700
}

    .festa-juice .juice-nav__title a:hover, .festa-juice .juice-nav__title a:active {
        color: #c9a978
    }

@media (max-width: 768px) {
    .festa-juice .juice-nav__title a {
        font-size: 38px
    }
}

@media (max-width: 480px) {
    .festa-juice .juice-nav__title a {
        font-size: 22px
    }
}

@media (max-width: 360px) {
    .festa-juice .juice-nav__title a {
        font-size: 16px
    }
}

.festa-juice .juice-nav__title img {
    margin-right: 25px
}

@media (max-width: 1280px) {
    .festa-juice .juice-nav__title img {
        margin-right: 10px;
        max-width: 50px
    }
}

@media (max-width: 960px) {
    .festa-juice .juice-nav__title img {
        max-width: 30px
    }
}

@media (max-width: 768px) {
    .festa-juice .juice-nav__title img {
        max-width: 80px;
        margin-right: 25px
    }
}

@media (max-width: 480px) {
    .festa-juice .juice-nav__title img {
        max-width: 50px;
        margin-right: 15px
    }
}

@media (max-width: 360px) {
    .festa-juice .juice-nav__title img {
        max-width: 30px;
        margin-right: 10px
    }
}

.festa-juice .juice-nav p {
    max-width: 440px;
    margin-left: auto;
    margin-right: auto
}

@media (max-width: 1280px) {
    .festa-juice .juice-nav p {
        max-width: 290px
    }
}

@media (max-width: 960px) {
    .festa-juice .juice-nav p {
        max-width: 220px
    }
}

@media (max-width: 768px) {
    .festa-juice .juice-nav p {
        max-width: 495px;
        padding: 0 15px
    }
}

@media (max-width: 480px) {
    .festa-juice .juice-nav p {
        max-width: 340px
    }
}

@media (max-width: 360px) {
    .festa-juice .juice-nav p {
        max-width: 230px;
        font-size: 14px
    }
}

.festa-juice .just-link {
    font-size: 2.9rem;
    color: #622d50;
    font-weight: 700;
    position: relative;
    z-index: 2
}

    .festa-juice .just-link:hover, .festa-juice .just-link:active {
        text-decoration: underline;
        color: #622d50
    }

@media (max-width: 960px) {
    .festa-juice .just-link {
        font-size: 21px
    }
}

@media (max-width: 768px) {
    .festa-juice .just-link {
        font-size: 25px
    }
}

@media (max-width: 480px) {
    .festa-juice .just-link {
        font-size: 16px
    }
}

@media (max-width: 360px) {
    .festa-juice .just-link {
        font-size: 11px
    }
}

.festa-juice .footer {
    position: relative
}

.festa-juice .footer__banner {
    position: relative;
    margin-top: -150px
}

@media (max-width: 1280px) {
    .festa-juice .footer__banner {
        margin-top: -100px
    }
}

@media (max-width: 768px) {
    .festa-juice .footer__banner {
        margin-top: -80px
    }
}

@media (max-width: 480px) {
    .festa-juice .footer__banner {
        margin-top: -20px
    }
}

.festa-juice .footer__banner:before {
    content: '';
    display: block;
    padding-top: 51%
}

.festa-juice .footer__banner img {
    top: 0;
    z-index: 1;
    position: absolute;
    background: url("/assets/festajuice/content/footer-bg.jpg") no-repeat;
    background-size: contain;
    background-position: 0 104%
}

.festa-juice .footer--up .footer__banner {
    margin-top: -265px;
    margin-top: -14.5vw
}

@media (max-width: 1280px) {
    .festa-juice .footer--up .footer__banner {
        margin-top: -160px;
        margin-top: -12.6vw
    }
}

@media (max-width: 768px) {
    .festa-juice .footer--up .footer__banner {
        margin-top: -80px
    }
}

@media (max-width: 480px) {
    .festa-juice .footer--up .footer__banner {
        margin-top: -50px
    }
}

@media (max-width: 360px) {
    .festa-juice .footer--up .footer__banner {
        margin-top: -25px
    }
}

.festa-juice .footer__below {
    background: url("/assets/festajuice/content/footer-bg.jpg") no-repeat;
    background-size: cover;
    background-position: 0;
    max-height: 0;
    overflow: hidden
}

    .festa-juice .footer__below:before {
        content: '';
        display: block;
        padding-top: 15%
    }

@media (max-width: 960px) {
    .festa-juice .footer__below {
        max-height: 55px
    }
}

@media (max-width: 768px) {
    .festa-juice .footer__below {
        max-height: 90px
    }
}

@media (max-width: 480px) {
    .festa-juice .footer__below {
        max-height: 50px
    }
}

@media (max-width: 360px) {
    .festa-juice .footer__below {
        max-height: 35px
    }
}

.festa-juice .footer__copy {
    position: absolute;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    z-index: 2;
    width: 90%;
    max-width: 400px;
    bottom: 6%
}

@media (max-width: 1280px) {
    .festa-juice .footer__copy {
        max-width: 240px;
        bottom: 3%
    }
}

@media (max-width: 960px) {
    .festa-juice .footer__copy {
        bottom: 6%;
        max-width: 320px
    }
}

@media (max-width: 768px) {
    .festa-juice .footer__copy {
        max-width: 500px;
        bottom: 5%
    }
}

@media (max-width: 480px) {
    .festa-juice .footer__copy {
        max-width: 280px
    }
}

@media (max-width: 360px) {
    .festa-juice .footer__copy {
        max-width: 250px
    }
}

.festa-juice .footer__copy * {
    margin-bottom: 0;
    color: #000;
    font-size: 16px
}

@media (max-width: 1280px) {
    .festa-juice .footer__copy * {
        font-size: 11px
    }
}

@media (max-width: 960px) {
    .festa-juice .footer__copy * {
        font-size: 12.5px
    }
}

@media (max-width: 768px) {
    .festa-juice .footer__copy * {
        font-size: 20px
    }
}

@media (max-width: 480px) {
    .festa-juice .footer__copy * {
        font-size: 12.5px
    }
}

@media (max-width: 360px) {
    .festa-juice .footer__copy * {
        font-size: 9px
    }
}

.festa-juice .footer__copy li {
    display: inline-block
}

    .festa-juice .footer__copy li a {
        padding: 0 5px
    }

    .festa-juice .footer__copy li:after {
        content: '|'
    }

    .festa-juice .footer__copy li:first-of-type:after, .festa-juice .footer__copy li:last-of-type:after {
        content: ''
    }

.festa-juice .footer--home__copy {
    bottom: 60px
}

@media (max-width: 1280px) {
    .festa-juice .footer--home__copy {
        bottom: 45px
    }
}

@media (max-width: 960px) {
    .festa-juice .footer--home__copy {
        bottom: 22px
    }
}

@media (max-width: 768px) {
    .festa-juice .footer--home__copy {
        bottom: 15px
    }
}

@media (max-width: 480px) {
    .festa-juice .footer--home__copy {
        bottom: 40px
    }
}

@media (max-width: 360px) {
    .festa-juice .footer--home__copy {
        bottom: 25px
    }
}

@media (max-width: 1500px) and (min-width: 1281px) {
    .festa-juice .banner--home {
        top: -100px
    }

    .festa-juice .banner__head {
        top: -50px
    }

    .festa-juice .home-slider-wrapper {
        margin-top: -75px
    }

    .festa-juice :not(.footer--up) .footer__banner {
        margin-top: 0
    }

    .festa-juice .nav__link {
        font-size: 2.2rem
    }
}

@media (max-width: 600px) and (min-width: 481px) {
    .festa-juice .page-nav__item {
        font-size: 12px
    }

    .festa-juice .juice-nav__title a {
        font-size: 25px
    }

    .festa-juice .juice-nav__title img {
        max-width: 60px
    }
}

@media (max-width: 420px) and (min-width: 361px) {
    .festa-juice .page-nav__item {
        font-size: 14px;
        letter-spacing: -0.2px
    }

    .festa-juice .juice-nav__title a {
        font-size: 20px
    }
}

.festa-juice .bx-wrapper .bx-controls-direction a {
    display: none
}

.festa-juice .just-modal {
    -webkit-transform: translate3d(-50%, 0, 0);
    -moz-transform: translate3d(-50%, 0, 0);
    -o-transform: translate3d(-50%, 0, 0);
    -ms-transform: translate3d(-50%, 0, 0);
    transform: translate3d(-50%, 0, 0);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    position: fixed;
    top: 20%;
    left: 50%;
    max-width: 1235px;
    min-height: 370px;
    min-height: 25vw;
    width: 80%;
    opacity: 0;
    z-index: -1;
    pointer-events: none;
    background-color: #fff;
    box-shadow: 0 0 20px 0 #333;
    overflow: hidden
}

@media (max-width: 1280px) {
    .festa-juice .just-modal {
        max-width: 823px
    }
}

@media (max-width: 960px) {
    .festa-juice .just-modal {
        max-width: 620px
    }
}

@media (max-width: 768px) {
    .festa-juice .just-modal {
        max-width: 660px;
        width: 90%;
        min-height: 300px;
        min-height: 33vw
    }
}

@media (max-width: 480px) {
    .festa-juice .just-modal {
        overflow-y: auto;
        max-width: 410px;
        width: 90%;
        min-height: 300px;
        height: 570px;
        max-height: 80vh;
        top: 15%
    }
}

@media (max-width: 360px) {
    .festa-juice .just-modal {
        max-width: 310px;
        width: 90%;
        min-height: 300px;
        height: 430px;
        max-height: 80vh;
        top: 10%
    }
}

.festa-juice .just-modal h2, .festa-juice .just-modal p, .festa-juice .just-modal a {
    margin-bottom: 30px
}

@media (max-width: 1280px) {
    .festa-juice .just-modal h2, .festa-juice .just-modal p, .festa-juice .just-modal a {
        margin-bottom: 20px
    }
}

@media (max-width: 960px) {
    .festa-juice .just-modal h2, .festa-juice .just-modal p, .festa-juice .just-modal a {
        margin-bottom: 15px
    }
}

@media (max-width: 480px) {
    .festa-juice .just-modal h2, .festa-juice .just-modal p, .festa-juice .just-modal a {
        margin-bottom: 10px
    }
}

.festa-juice .just-modal h2 {
    color: #000;
    font-weight: 700;
    font-size: 41px
}

@media (max-width: 1280px) {
    .festa-juice .just-modal h2 {
        font-size: 27px
    }
}

@media (max-width: 960px) {
    .festa-juice .just-modal h2 {
        font-size: 25px
    }
}

@media (max-width: 768px) {
    .festa-juice .just-modal h2 {
        font-size: 23px
    }
}

.festa-juice .just-modal p, .festa-juice .just-modal a {
    font-size: 29px;
    line-height: 1
}

@media (max-width: 1280px) {
    .festa-juice .just-modal p, .festa-juice .just-modal a {
        font-size: 19px
    }
}

@media (max-width: 960px) {
    .festa-juice .just-modal p, .festa-juice .just-modal a {
        font-size: 18px
    }
}

@media (max-width: 768px) {
    .festa-juice .just-modal p, .festa-juice .just-modal a {
        font-size: 15px;
        line-height: 1.5
    }
}

.festa-juice .just-modal.open {
    -webkit-transition: opacity 0.35s ease;
    -moz-transition: opacity 0.35s ease;
    transition: opacity 0.35s ease;
    z-index: 1000000000000;
    opacity: 1;
    pointer-events: all
}

.festa-juice .just-modal .google-map-placeholder {
    position: absolute;
    left: 0;
    right: 52%;
    bottom: 0;
    top: 0;
    background-color: #f2ede3
}

@media (max-width: 480px) {
    .festa-juice .just-modal .google-map-placeholder {
        position: relative;
        left: 2px;
        min-height: 300px;
        max-height: 360px;
        height: 100%;
        width: 100%
    }
}

@media (max-width: 360px) {
    .festa-juice .just-modal .google-map-placeholder {
        min-height: 300px
    }
}

.festa-juice .just-modal__content {
    position: absolute;
    right: 0;
    left: 52%;
    bottom: 0;
    top: 0
}

@media (max-width: 480px) {
    .festa-juice .just-modal__content {
        position: static;
        max-width: 330px;
        margin: 0 auto;
        padding: 30px 5px
    }
}

@media (max-width: 360px) {
    .festa-juice .just-modal__content {
        max-width: 250px;
        padding: 15px 10px
    }
}

.festa-juice .just-modal__content__text {
    position: absolute;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    width: 100%
}

@media (max-width: 480px) {
    .festa-juice .just-modal__content__text {
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        -o-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        position: static
    }
}

.festa-juice .just-modal__close {
    position: absolute;
    top: 30px;
    right: 30px;
    font-size: 20px;
    color: #000;
    z-index: 3
}

@media (max-width: 1280px) {
    .festa-juice .just-modal__close {
        top: 20px;
        right: 20px;
        font-size: 16px
    }
}

@media (max-width: 960px) {
    .festa-juice .just-modal__close {
        top: 15px;
        right: 15px
    }
}

@media (max-width: 480px) {
    .festa-juice .just-modal__close {
        top: 5px;
        right: 5px
    }
}

@media (max-width: 480px) {
    .festa-juice .just-modal-opened .backdrop {
        position: fixed;
        z-index: 1000000000;
        opacity: 0.3;
        background-color: #000;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0
    }
}

.festa-juice .google-map-wrap #map {
    height: 100%;
    width: 100%
}

.kittling-ridge body {
    font: 14px "lora-regular", sans-serif;
    color: #000;
    padding-top: 110px
}

.kittling-ridge .wrap {
    position: relative;
    width: 960px;
    margin: 0 auto
}

.kittling-ridge .container {
    max-width: 960px
}

.kittling-ridge .clr {
    clear: both
}

.kittling-ridge img {
    max-width: 100%;
    vertical-align: middle
}

.kittling-ridge strong {
    font-weight: 700
}

.kittling-ridge a {
    color: #fff;
    text-decoration: none
}

    .kittling-ridge a:hover {
        color: #fff;
        text-decoration: underline
    }

    .kittling-ridge a:focus {
        text-decoration: none;
        outline: none
    }

.kittling-ridge ul {
    padding-left: 0;
    list-style: none
}

    .kittling-ridge ul li {
        display: inline-block
    }

.kittling-ridge h1, .kittling-ridge h2, .kittling-ridge h3, .kittling-ridge h4, .kittling-ridge h5, .kittling-ridge h6, .kittling-ridge p, .kittling-ridge ul {
    font-family: 'lora-regular';
    margin: 0
}

.kittling-ridge .rel {
    position: relative
}

.kittling-ridge .bold {
    font-weight: bold;
    font-family: 'lora-bold'
}

.kittling-ridge .row {
    margin: 0
}

.kittling-ridge [class*=col-] {
    padding: 0
}

.kittling-ridge .carousel {
    width: 100%;
    box-shadow: 0 1px 30px #000;
    z-index: 60
}

    .kittling-ridge .carousel .item {
        width: 100%
    }

        .kittling-ridge .carousel .item img {
            height: auto;
            width: 100%
        }

            .kittling-ridge .carousel .item img.slide-img2 {
                display: none
            }

    .kittling-ridge .carousel .carousel-inner {
        width: 100%;
        max-height: 900px
    }

        .kittling-ridge .carousel .carousel-inner .carousel-indicators {
            bottom: 50px
        }

    .kittling-ridge .carousel .carousel-caption {
        width: 39.35%;
        max-width: 39.35%;
        text-align: left;
        left: initial;
        right: 140px;
        top: 190px;
        padding-top: 0;
        text-shadow: none
    }

        .kittling-ridge .carousel .carousel-caption h1 {
            color: #000;
            font-size: 50px;
            margin-bottom: 35px
        }

    .kittling-ridge .carousel .carousel-control {
        text-shadow: none;
        opacity: 1
    }

        .kittling-ridge .carousel .carousel-control.left, .kittling-ridge .carousel .carousel-control.right {
            background: none
        }

        .kittling-ridge .carousel .carousel-control.left {
            left: 40px
        }

        .kittling-ridge .carousel .carousel-control.right {
            right: 40px
        }

        .kittling-ridge .carousel .carousel-control:hover {
            opacity: 1
        }

        .kittling-ridge .carousel .carousel-control .rounded {
            position: absolute;
            top: 50%;
            -webkit-border-radius: 50%;
            -moz-border-radius: 50%;
            -ms-border-radius: 50%;
            -o-border-radius: 50%;
            border-radius: 50%;
            width: 100px;
            height: 100px;
            border: 4px solid #fff
        }

            .kittling-ridge .carousel .carousel-control .rounded.rounded-left {
                left: 0
            }

            .kittling-ridge .carousel .carousel-control .rounded.rounded-right {
                right: 0
            }

            .kittling-ridge .carousel .carousel-control .rounded .arrow-left {
                -webkit-transform: translate(-15%, -5%);
                -moz-transform: translate(-15%, -5%);
                -ms-transform: translate(-15%, -5%);
                -o-transform: translate(-15%, -5%);
                transform: translate(-15%, -5%)
            }

            .kittling-ridge .carousel .carousel-control .rounded .arrow-right {
                -webkit-transform: translate(15%, -5%);
                -moz-transform: translate(15%, -5%);
                -ms-transform: translate(15%, -5%);
                -o-transform: translate(15%, -5%);
                transform: translate(15%, -5%)
            }

            .kittling-ridge .carousel .carousel-control .rounded .fa {
                font-size: 91px
            }

.kittling-ridge .learn-more {
    padding: 24px 58px;
    background-color: #5a487b;
    font-family: 'lora-italic';
    font-size: 29.8px;
    display: inline-block;
    font-style: italic
}

.kittling-ridge .about-text {
    z-index: 50
}

    .kittling-ridge .about-text .img-side {
        width: 40.56%;
        max-width: 40.56%;
        display: inline-block;
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        background: url("/assets/kittlingridge/content/KR_homeimg.jpg") no-repeat center center;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover
    }

        .kittling-ridge .about-text .img-side img {
            width: 100%
        }

    .kittling-ridge .about-text .text-side {
        width: 59.44%;
        max-width: 59.44%;
        float: right;
        display: inline-block;
        padding: 75px 9.63% 145px 8.23%;
        font-size: 29.2px
    }

        .kittling-ridge .about-text .text-side h1 {
            color: #5a487b;
            font-size: 50px;
            margin-bottom: 50px
        }

        .kittling-ridge .about-text .text-side p {
            margin-bottom: 50px
        }

            .kittling-ridge .about-text .text-side p:first-of-type {
                margin-bottom: 70px
            }

            .kittling-ridge .about-text .text-side p:last-of-type {
                margin-bottom: 0
            }

        .kittling-ridge .about-text .text-side .spacer {
            width: 0;
            float: left;
            height: 216px
        }

        .kittling-ridge .about-text .text-side .text-wrapper {
            width: 52%;
            max-width: 52%;
            padding: 25px 25px 25px 5px;
            border-top: 10px solid #000;
            border-bottom: 10px solid #000;
            float: left;
            clear: left;
            margin: 20px 20px 0 0;
            font-size: 37.5px;
            color: #5a487b;
            font-family: 'lora-italic'
        }

.kittling-ridge .contact {
    background: url("/assets/kittlingridge/content/contact-bg.jpg") no-repeat;
    background-size: 100% 100%;
    padding: 60px 0 50px 0;
    color: #fff;
    box-shadow: 0 -9px 33px #000
}

    .kittling-ridge .contact .contact-container {
        max-width: 80.95%;
        width: 80.95%;
        margin: 0 auto
    }

    .kittling-ridge .contact .info-side, .kittling-ridge .contact .message-side {
        display: inline-block
    }

    .kittling-ridge .contact .info-side {
        width: 28%;
        max-width: 28%;
        margin-right: 2%
    }

        .kittling-ridge .contact .info-side .address span, .kittling-ridge .contact .info-side .phone span {
            display: block;
            font-size: 25px
        }

            .kittling-ridge .contact .info-side .address span .bold, .kittling-ridge .contact .info-side .phone span .bold {
                display: inline-block
            }

        .kittling-ridge .contact .info-side .address {
            margin-top: 60px;
            margin-bottom: 30px
        }

        .kittling-ridge .contact .info-side .img-wrapper {
            margin-left: -6%
        }

    .kittling-ridge .contact .message-side {
        width: 69.07%;
        max-width: 69.07%;
        float: right
    }

        .kittling-ridge .contact .message-side h2 {
            margin-bottom: 25px;
            margin-top: 0;
            font-size: 29.2px
        }

    .kittling-ridge .contact .right-padding {
        padding-right: 10px
    }

    .kittling-ridge .contact .left-padding {
        padding-left: 10px
    }

    .kittling-ridge .contact .contact-form {
        font-size: 20.8px;
        color: #535d60
    }

        .kittling-ridge .contact .contact-form input {
            width: 100%;
            height: 44px;
            line-height: 44px;
            border: none;
            margin-bottom: 20px;
            padding: 0 16px
        }

        .kittling-ridge .contact .contact-form .textarea {
            height: 200px;
            resize: none;
            width: 100%;
            padding: 10px 16px 0;
            margin-bottom: 25px
        }

        .kittling-ridge .contact .contact-form input::-webkit-input-placeholder, .kittling-ridge .contact .contact-form textarea::-webkit-input-placeholder {
            color: #535d60
        }

        .kittling-ridge .contact .contact-form input::-moz-placeholder, .kittling-ridge .contact .contact-form textarea::-moz-placeholder {
            color: #535d60
        }

        .kittling-ridge .contact .contact-form input:-ms-input-placeholder, .kittling-ridge .contact .contact-form textarea:-ms-input-placeholder {
            color: #535d60
        }

        .kittling-ridge .contact .contact-form input:-moz-placeholder, .kittling-ridge .contact .contact-form textarea:-moz-placeholder {
            color: #535d60
        }

        .kittling-ridge .contact .contact-form .submit-button {
            height: 64px;
            padding: 0 80px;
            line-height: 64px;
            background-color: #636363;
            color: #fff;
            width: auto;
            font-family: 'lora-italic';
            font-size: 25px
        }

.kittling-ridge .portfolio .portfolio-header h1 {
    font-size: 75px;
    text-transform: uppercase;
    letter-spacing: 10px;
    margin-bottom: 30px;
    margin-top: 60px
}

.kittling-ridge .portfolio .portfolio-header ul {
    display: inline-block
}

    .kittling-ridge .portfolio .portfolio-header ul.nav-second-part li:last-of-type {
        border-right: none;
        padding-right: 0
    }

    .kittling-ridge .portfolio .portfolio-header ul.nav-second-part li:first-of-type {
        padding-left: 25px
    }

.kittling-ridge .portfolio .portfolio-header li {
    padding: 0 25px;
    border-right: 1px solid #000;
    font-family: 'lora-italic';
    font-size: 29.2px
}

    .kittling-ridge .portfolio .portfolio-header li a {
        color: #000
    }

    .kittling-ridge .portfolio .portfolio-header li:first-of-type {
        padding-left: 0
    }

    .kittling-ridge .portfolio .portfolio-header li.active-portfolio {
        text-decoration: underline
    }

    .kittling-ridge .portfolio .portfolio-header li:hover {
        text-decoration: underline
    }

.kittling-ridge .portfolio .portfolio-header .portfolio-nav {
    margin-bottom: 50px
}

.kittling-ridge .portfolio .portfolio-header img {
    height: auto
}

.kittling-ridge .portfolio .portfolio-section-name {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
    height: 95px;
    background: #281b44;
    background: -moz-linear-gradient(left, #524072 0%, #281b44 100%);
    background: -webkit-gradient(linear, top left, top right, color-stop(0%, #524072), color-stop(100%, #281b44));
    background: -webkit-linear-gradient(left, #524072 0%, #281b44 100%);
    background: -o-linear-gradient(left, #524072 0%, #281b44 100%);
    background: -ms-linear-gradient(left, #524072 0%, #281b44 100%);
    background: linear-gradient(left right, #524072 0%, #281b44 100%);
    box-shadow: 0 3px 40px
}

    .kittling-ridge .portfolio .portfolio-section-name h1 {
        font-size: 41.7px;
        margin-top: 0;
        color: #fff;
        margin: 0 auto;
        letter-spacing: 5px;
        text-transform: uppercase
    }

.kittling-ridge .portfolio .about-products {
    background: url("/assets/kittlingridge/content/portfolio-bird.png"),url("/assets/kittlingridge/content/portfolio-birds.png");
    background-position: left 28%, right 60%;
    background-repeat: no-repeat;
    background-size: 37%
}

    .kittling-ridge .portfolio .about-products .products-container {
        max-width: 1170px;
        display: block;
        margin: 0 auto;
        padding: 120px 0 220px 0
    }

    .kittling-ridge .portfolio .about-products .product-box {
        margin-bottom: 160px
    }

        .kittling-ridge .portfolio .about-products .product-box:last-of-type {
            margin-bottom: 0
        }

        .kittling-ridge .portfolio .about-products .product-box .product-img {
            float: left;
            padding-right: 10px
        }

            .kittling-ridge .portfolio .about-products .product-box .product-img .img-wrapper {
                max-width: 350px
            }

        .kittling-ridge .portfolio .about-products .product-box .product-text {
            margin-left: 27%;
            padding-top: 130px;
            overflow: hidden
        }

            .kittling-ridge .portfolio .about-products .product-box .product-text h2 {
                font-size: 41.7px;
                color: #5a487b
            }

            .kittling-ridge .portfolio .about-products .product-box .product-text p {
                font-size: 25px
            }

            .kittling-ridge .portfolio .about-products .product-box .product-text .ml {
                display: block;
                color: #5a487b;
                font-size: 33.3px;
                margin: 30px 0 50px 0
            }

.kittling-ridge .where-buy .text-side {
    width: 67%;
    max-width: 67%;
    padding: 65px 0 135px 9.37%;
    font-size: 29.2px;
    display: inline-block
}

    .kittling-ridge .where-buy .text-side h1 {
        color: #5a487b;
        font-size: 50px;
        margin-bottom: 35px
    }

    .kittling-ridge .where-buy .text-side h3 {
        font-size: 29.2px;
        text-transform: uppercase;
        margin: 0
    }

    .kittling-ridge .where-buy .text-side .places {
        margin-bottom: 40px
    }

        .kittling-ridge .where-buy .text-side .places a {
            color: #5a487b;
            text-decoration: underline
        }

.kittling-ridge .where-buy .note {
    font-size: 20.8px
}

.kittling-ridge .where-buy .img-side {
    display: inline-block;
    width: 32.22%;
    max-width: 32.22%;
    float: right;
    z-index: -1;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    background: url("/assets/kittlingridge/content/buy.jpg") no-repeat top center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover
}

    .kittling-ridge .where-buy .img-side img.buy-img2 {
        display: none
    }

.kittling-ridge .terms {
    width: 80.95%;
    max-width: 80.95%;
    margin: 0 auto;
    padding: 60px 0 130px 0
}

    .kittling-ridge .terms h1 {
        color: #5a487b;
        font-size: 50px;
        margin-bottom: 35px
    }

    .kittling-ridge .terms p {
        font-size: 21.2px;
        margin-bottom: 30px
    }

.kittling-ridge .jump-nav {
    position: relative;
    top: -110px
}

.kittling-ridge .nav {
    background-color: #000;
    height: 110px;
    line-height: 110px;
    letter-spacing: 2px;
    color: #fff;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 100
}

    .kittling-ridge .nav .nav-container {
        width: 64.29%;
        max-width: 64.29%;
        display: block;
        margin: 0 auto
    }

    .kittling-ridge .nav .logo {
        display: inline-block;
        width: 24.5%;
        max-width: 24.5%
    }

        .kittling-ridge .nav .logo .logo-wrapper {
            width: 73%;
            max-width: 73%;
            display: inline-block
        }

        .kittling-ridge .nav .logo .logo-img {
            height: initial
        }

    .kittling-ridge .nav .button-nav {
        float: right;
        display: none
    }

    .kittling-ridge .nav .nav-list {
        display: inline-block;
        width: 75.47%;
        max-width: 75.47%;
        float: right;
        z-index: 9562
    }

        .kittling-ridge .nav .nav-list ul {
            padding-left: 0;
            margin-bottom: 0;
            display: -webkit-box;
            display: -webkit-flex;
            display: -moz-flex;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: justify;
            -ms-flex-pack: justify;
            -webkit-justify-content: space-between;
            -moz-justify-content: space-between;
            justify-content: space-between;
            -webkit-flex-flow: row nowrap;
            -moz-flex-flow: row nowrap;
            -ms-flex-flow: row nowrap;
            flex-flow: row nowrap
        }

        .kittling-ridge .nav .nav-list li {
            display: inline-block;
            font-size: 20.8px;
            text-transform: uppercase;
            position: relative
        }

            .kittling-ridge .nav .nav-list li a {
                text-decoration: none;
                display: block;
                min-width: 157px;
                text-align: center
            }

                .kittling-ridge .nav .nav-list li a:hover:before {
                    content: '';
                    -webkit-transform: translateX(-50%);
                    -moz-transform: translateX(-50%);
                    -ms-transform: translateX(-50%);
                    -o-transform: translateX(-50%);
                    transform: translateX(-50%);
                    position: absolute;
                    top: 0;
                    left: 50%;
                    width: 157px;
                    height: 8px;
                    background-color: #fff;
                    display: block
                }

                .kittling-ridge .nav .nav-list li a:focus:before, .kittling-ridge .nav .nav-list li a:active:before {
                    display: none
                }

            .kittling-ridge .nav .nav-list li.active a:before {
                content: '';
                -webkit-transform: translateX(-50%);
                -moz-transform: translateX(-50%);
                -ms-transform: translateX(-50%);
                -o-transform: translateX(-50%);
                transform: translateX(-50%);
                position: absolute;
                top: 0;
                left: 50%;
                width: 157px;
                height: 8px;
                background-color: #fff;
                display: block
            }

.kittling-ridge .footer {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
    width: 100%;
    max-width: 100%;
    height: 100px;
    min-height: 100px;
    background-color: #000;
    color: #fff;
    letter-spacing: 2px
}

    .kittling-ridge .footer .footer-container {
        width: 86.68%;
        max-width: 86.68%;
        display: block;
        margin: 0 auto;
        text-transform: uppercase;
        font-size: 16.7px;
        padding: 0 20px
    }

        .kittling-ridge .footer .footer-container ul, .kittling-ridge .footer .footer-container p {
            display: inline-block
        }

        .kittling-ridge .footer .footer-container li {
            padding: 0 12px 0 15px;
            border-right: 1px solid #fff
        }

            .kittling-ridge .footer .footer-container li:last-of-type {
                padding-right: 0;
                border: none
            }

        .kittling-ridge .footer .footer-container p {
            float: right
        }

@media (max-width: 1700px) {
    .kittling-ridge .about-text .text-side {
        padding: 30px 9.63% 70px 8.23%
    }

        .kittling-ridge .about-text .text-side .text-wrapper {
            margin: 10px 10px 0 0
        }
}

@media (max-width: 1450px) {
    .kittling-ridge .footer .footer-container {
        font-size: 14px
    }

        .kittling-ridge .footer .footer-container li {
            padding: 0 9px 0 12px
        }

    .kittling-ridge .contact .info-side .address {
        margin-top: 20px
    }
}

@media (max-width: 1280px) {
    .kittling-ridge body {
        padding-top: 75px
    }

    .kittling-ridge .jump-nav {
        top: -75px
    }

    .kittling-ridge .nav {
        height: 75px;
        line-height: 75px
    }

        .kittling-ridge .nav .nav-container {
            width: 64.29%;
            max-width: 64.29%
        }

        .kittling-ridge .nav .logo {
            width: 24.5%;
            max-width: 24.5%
        }

        .kittling-ridge .nav .nav-list {
            width: 75.47%;
            max-width: 75.47%
        }

            .kittling-ridge .nav .nav-list li {
                font-size: 13.9px
            }

                .kittling-ridge .nav .nav-list li a {
                    min-width: 103px
                }

                    .kittling-ridge .nav .nav-list li a:hover:before {
                        width: 103px;
                        height: 6px
                    }

                .kittling-ridge .nav .nav-list li.active a:before {
                    width: 103px;
                    height: 6px
                }

    .kittling-ridge .carousel .carousel-inner .carousel-indicators {
        bottom: 20px
    }

    .kittling-ridge .carousel .carousel-caption {
        right: 95px;
        top: 130px
    }

        .kittling-ridge .carousel .carousel-caption h1 {
            font-size: 33.33px;
            margin-bottom: 25px
        }

    .kittling-ridge .carousel .carousel-control.left {
        left: 25px
    }

    .kittling-ridge .carousel .carousel-control.right {
        right: 25px
    }

    .kittling-ridge .carousel .carousel-control .rounded {
        width: 65px;
        height: 65px;
        border: 3px solid #fff
    }

        .kittling-ridge .carousel .carousel-control .rounded .fa {
            font-size: 60.6px
        }

    .kittling-ridge .learn-more {
        padding: 15px 20px;
        font-size: 19.4px
    }

    .kittling-ridge .about-text .text-side {
        padding: 50px 9.63% 95px 8.23%;
        font-size: 19.4px
    }

        .kittling-ridge .about-text .text-side h1 {
            font-size: 33.33px;
            margin-bottom: 30px
        }

        .kittling-ridge .about-text .text-side p {
            margin-bottom: 35px
        }

            .kittling-ridge .about-text .text-side p:first-of-type {
                margin-bottom: 35px
            }

        .kittling-ridge .about-text .text-side .text-wrapper {
            padding: 20px 15px 15px 2px;
            border-top: 8px solid #000;
            border-bottom: 8px solid #000;
            margin: 15px 15px 0 0;
            font-size: 25px;
            width: 51%;
            max-width: 51%
        }

        .kittling-ridge .about-text .text-side .spacer {
            height: 128px
        }

    .kittling-ridge .contact {
        padding: 40px 0 30px 0
    }

        .kittling-ridge .contact .info-side {
            width: 28%;
            max-width: 28%;
            margin-right: 2%
        }

            .kittling-ridge .contact .info-side .address span, .kittling-ridge .contact .info-side .phone span {
                font-size: 16.7px
            }

            .kittling-ridge .contact .info-side .address {
                margin-top: 45px;
                margin-bottom: 20px
            }

            .kittling-ridge .contact .info-side .img-wrapper {
                margin-left: -18px;
                width: 65%;
                max-width: 65%
            }

                .kittling-ridge .contact .info-side .img-wrapper img {
                    height: auto
                }

        .kittling-ridge .contact .message-side h2 {
            margin-bottom: 25px;
            font-size: 19.4px
        }

        .kittling-ridge .contact .right-padding {
            padding-right: 5px
        }

        .kittling-ridge .contact .left-padding {
            padding-left: 5px
        }

        .kittling-ridge .contact .contact-form {
            font-size: 13.9px
        }

            .kittling-ridge .contact .contact-form input {
                height: 30px;
                line-height: 30px;
                margin-bottom: 15px;
                padding: 0 10px
            }

            .kittling-ridge .contact .contact-form .textarea {
                height: 140px;
                padding: 7px 11px 0;
                margin-bottom: 18px
            }

            .kittling-ridge .contact .contact-form .submit-button {
                height: 42px;
                padding: 0 60px;
                line-height: 42px;
                font-size: 16.7px
            }

    .kittling-ridge .where-buy .text-side {
        width: 56.1%;
        max-width: 56.1%;
        padding: 40px 0 90px 9.37%;
        font-size: 19.4px
    }

        .kittling-ridge .where-buy .text-side h1 {
            font-size: 33.33px;
            margin-bottom: 25px
        }

        .kittling-ridge .where-buy .text-side h3 {
            font-size: 19.4px
        }

        .kittling-ridge .where-buy .text-side .places {
            margin-bottom: 25px
        }

    .kittling-ridge .where-buy .note {
        font-size: 13.9px
    }

    .kittling-ridge .where-buy .img-side {
        display: inline-block;
        width: 32.22%;
        max-width: 32.22%;
        float: right;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0
    }

    .kittling-ridge .portfolio .portfolio-header h1 {
        font-size: 50px;
        letter-spacing: 7px;
        margin-bottom: 20px;
        margin-top: 40px
    }

    .kittling-ridge .portfolio .portfolio-header li {
        padding: 0 15px;
        font-size: 19.4px
    }

    .kittling-ridge .portfolio .portfolio-header .portfolio-nav {
        margin-bottom: 25px
    }

    .kittling-ridge .portfolio .portfolio-section-name {
        height: 65px
    }

        .kittling-ridge .portfolio .portfolio-section-name h1 {
            font-size: 27.8px
        }

    .kittling-ridge .portfolio .about-products .products-container {
        max-width: 782px;
        padding: 80px 0 150px 0
    }

    .kittling-ridge .portfolio .about-products .product-box {
        margin-bottom: 110px
    }

        .kittling-ridge .portfolio .about-products .product-box .product-img .img-wrapper {
            max-width: 230px
        }

        .kittling-ridge .portfolio .about-products .product-box .product-text {
            padding-top: 90px
        }

            .kittling-ridge .portfolio .about-products .product-box .product-text h2 {
                font-size: 27.8px
            }

            .kittling-ridge .portfolio .about-products .product-box .product-text p {
                font-size: 16.7px
            }

            .kittling-ridge .portfolio .about-products .product-box .product-text .ml {
                font-size: 22.2px;
                margin: 15px 0 20px 0
            }

    .kittling-ridge .terms {
        padding: 40px 0 90px 0
    }

        .kittling-ridge .terms h1 {
            font-size: 33.33px;
            margin-bottom: 30px
        }

        .kittling-ridge .terms p {
            font-size: 19.4px
        }

    .kittling-ridge .footer {
        height: 65px;
        min-height: 65px;
        letter-spacing: 1px
    }

        .kittling-ridge .footer .footer-container {
            width: 86.68%;
            max-width: 86.68%;
            font-size: 11.11px
        }

            .kittling-ridge .footer .footer-container li {
                padding: 0 9px 0 12px
            }
}

@media (max-width: 960px) {
    .kittling-ridge body {
        padding-top: 55px
    }

    .kittling-ridge .jump-nav {
        top: -55px
    }

    .kittling-ridge .nav {
        height: 55px;
        line-height: 55px;
        letter-spacing: 1px
    }

        .kittling-ridge .nav .nav-container {
            width: 85.73%;
            max-width: 85.73%;
            display: block;
            margin: 0 auto;
            padding-right: 25px
        }

        .kittling-ridge .nav .logo {
            width: 24.5%;
            max-width: 24.5%
        }

            .kittling-ridge .nav .logo .logo-img {
                height: initial
            }

        .kittling-ridge .nav .nav-list {
            width: 75.47%;
            max-width: 75.47%
        }

            .kittling-ridge .nav .nav-list li {
                font-size: 14.6px
            }

                .kittling-ridge .nav .nav-list li a {
                    min-width: 78px
                }

                    .kittling-ridge .nav .nav-list li a:hover:before {
                        width: 78px;
                        height: 4px
                    }

                .kittling-ridge .nav .nav-list li.active a:before {
                    width: 78px;
                    height: 4px
                }

    .kittling-ridge .carousel .carousel-caption {
        right: 70px;
        top: 95px
    }

        .kittling-ridge .carousel .carousel-caption h1 {
            font-size: 25px;
            margin-bottom: 20px
        }

    .kittling-ridge .carousel .carousel-control.left {
        left: 20px
    }

    .kittling-ridge .carousel .carousel-control.right {
        right: 20px
    }

    .kittling-ridge .carousel .carousel-control .rounded {
        width: 45px;
        height: 45px;
        border: 2px solid #fff
    }

        .kittling-ridge .carousel .carousel-control .rounded .fa {
            font-size: 45.45px
        }

    .kittling-ridge .learn-more {
        padding: 15px 32px;
        font-size: 20.26px
    }

    .kittling-ridge .contact {
        padding: 30px 0 45px 0;
        color: #fff;
        box-shadow: 0 -5px 13px #808080
    }

        .kittling-ridge .contact .info-side {
            width: 28.31%;
            max-width: 28.31%
        }

            .kittling-ridge .contact .info-side .address span, .kittling-ridge .contact .info-side .phone span {
                display: block;
                font-size: 12.5px
            }

            .kittling-ridge .contact .info-side .address {
                margin-top: 30px;
                margin-bottom: 30px
            }

            .kittling-ridge .contact .info-side .img-wrapper {
                margin-left: -6%
            }

        .kittling-ridge .contact .message-side {
            width: 69.07%;
            max-width: 69.07%;
            float: right
        }

            .kittling-ridge .contact .message-side h2 {
                margin-bottom: 10px;
                font-size: 16.7px
            }

        .kittling-ridge .contact .contact-form {
            font-size: 10.4px
        }

            .kittling-ridge .contact .contact-form input {
                height: 28px;
                line-height: 28px;
                margin-bottom: 12px;
                padding: 0 8px
            }

            .kittling-ridge .contact .contact-form .textarea {
                height: 100px;
                padding: 10px 8px 0;
                margin-bottom: 20px
            }

            .kittling-ridge .contact .contact-form .submit-button {
                height: 34px;
                line-height: 34px;
                font-size: 16.7px
            }

    .kittling-ridge .about-text .text-side {
        padding: 42px 7.3% 45px 25px;
        font-size: 16.7px
    }

        .kittling-ridge .about-text .text-side h1 {
            font-size: 25px;
            margin-bottom: 25px
        }

        .kittling-ridge .about-text .text-side p {
            margin-bottom: 30px
        }

            .kittling-ridge .about-text .text-side p:first-of-type {
                margin-bottom: 30px
            }

        .kittling-ridge .about-text .text-side .text-wrapper {
            padding: 15px 15px 11px 2px;
            border-top: 5px solid #000;
            border-bottom: 5px solid #000;
            margin: 20px 15px 0 0;
            font-size: 18.75px;
            width: 42.7%;
            max-width: 42.7%
        }

        .kittling-ridge .about-text .text-side .spacer {
            height: 98px
        }

    .kittling-ridge .portfolio .portfolio-header h1 {
        font-size: 37.5px;
        letter-spacing: 7px;
        margin-bottom: 10px;
        margin-top: 30px
    }

    .kittling-ridge .portfolio .portfolio-header li {
        padding: 0 25px;
        font-size: 20.8px
    }

    .kittling-ridge .portfolio .portfolio-header .portfolio-nav {
        margin-bottom: 20px
    }

    .kittling-ridge .portfolio .portfolio-section-name {
        height: 50px
    }

        .kittling-ridge .portfolio .portfolio-section-name h1 {
            font-size: 20.8px
        }

    .kittling-ridge .portfolio .about-products {
        background-position: left 37%, right 60%
    }

        .kittling-ridge .portfolio .about-products .products-container {
            padding: 70px 0 80px 0
        }

        .kittling-ridge .portfolio .about-products .product-box {
            margin-bottom: 65px
        }

            .kittling-ridge .portfolio .about-products .product-box .product-img .img-wrapper {
                max-width: 170px;
                margin: 0 auto
            }

            .kittling-ridge .portfolio .about-products .product-box .product-text {
                padding-top: 55px;
                width: 69.17%;
                max-width: 69.17%
            }

                .kittling-ridge .portfolio .about-products .product-box .product-text h2 {
                    font-size: 25px
                }

                .kittling-ridge .portfolio .about-products .product-box .product-text .ml {
                    font-size: 20.8px;
                    margin: 12px 0 15px 0
                }

    .kittling-ridge .where-buy .text-side {
        width: 59.49%;
        max-width: 59.49%;
        padding: 55px 0 75px 9.37%;
        font-size: 16.7px
    }

        .kittling-ridge .where-buy .text-side h1 {
            font-size: 25px;
            margin-bottom: 20px
        }

        .kittling-ridge .where-buy .text-side h3 {
            font-size: 16.7px
        }

    .kittling-ridge .where-buy .note {
        font-size: 16.7px
    }

    .kittling-ridge .where-buy .img-side {
        width: 40.63%;
        max-width: 40.63%
    }

        .kittling-ridge .where-buy .img-side img {
            width: 100%
        }

    .kittling-ridge .terms {
        padding: 40px 0 50px 0
    }

        .kittling-ridge .terms h1 {
            font-size: 25px
        }

        .kittling-ridge .terms p {
            font-size: 16.7px;
            margin-bottom: 25px
        }

    .kittling-ridge .footer {
        height: 50px;
        min-height: 50px
    }

        .kittling-ridge .footer .footer-container {
            width: 91.88%;
            max-width: 91.88%;
            font-size: 10.4px
        }
}

@media (min-width: 769px) {
    .kittling-ridge .nav-list {
        display: block !important
    }
}

@media (max-width: 768px) {
    .kittling-ridge body {
        padding-top: 70px
    }

    .kittling-ridge .jump-nav {
        top: -70px
    }

    .kittling-ridge .nav {
        height: 70px;
        line-height: 70px
    }

        .kittling-ridge .nav .nav-container {
            width: 100%;
            max-width: 100%;
            padding-right: 0
        }

        .kittling-ridge .nav .logo {
            width: 24.5%;
            max-width: 24.5%;
            margin-left: 55px
        }

            .kittling-ridge .nav .logo .logo-img {
                height: auto
            }

        .kittling-ridge .nav .button-nav {
            margin-right: 25px;
            font-size: 30px;
            display: block
        }

        .kittling-ridge .nav .nav-list {
            width: 100%;
            max-width: 100%;
            background-color: #5a487b;
            display: none;
            position: absolute
        }

            .kittling-ridge .nav .nav-list ul {
                display: block
            }

            .kittling-ridge .nav .nav-list li {
                font-size: 20.8px;
                display: block;
                padding-left: 55px
            }

                .kittling-ridge .nav .nav-list li:hover {
                    background-color: #000;
                    cursor: pointer
                }

                .kittling-ridge .nav .nav-list li.active a:before {
                    display: none !important
                }

                .kittling-ridge .nav .nav-list li a {
                    text-align: left
                }

                    .kittling-ridge .nav .nav-list li a:hover:before {
                        width: 0;
                        height: 0;
                        background-color: none;
                        display: none !important
                    }

                .kittling-ridge .nav .nav-list li.active a:before {
                    display: none !important
                }

    .kittling-ridge .carousel .carousel-caption {
        right: 74px;
        top: 65px
    }

        .kittling-ridge .carousel .carousel-caption h1 {
            font-size: 23px;
            margin-bottom: 50px
        }

    .kittling-ridge .carousel .carousel-inner .carousel-indicators {
        bottom: 10px
    }

    .kittling-ridge .carousel .carousel-control.left {
        left: 15px
    }

    .kittling-ridge .carousel .carousel-control.right {
        right: 15px
    }

    .kittling-ridge .carousel .carousel-control .rounded {
        width: 35px;
        height: 35px;
        border: 2px solid #fff
    }

        .kittling-ridge .carousel .carousel-control .rounded .fa {
            font-size: 31.37px
        }

    .kittling-ridge .carousel .item img.slide-img {
        display: none
    }

    .kittling-ridge .carousel .item img.slide-img2 {
        display: block
    }

    .kittling-ridge .learn-more {
        padding: 13px 30px;
        font-size: 18.6px
    }

    .kittling-ridge .contact {
        padding: 15px 0
    }

        .kittling-ridge .contact .info-side {
            display: -webkit-box;
            display: -webkit-flex;
            display: -moz-flex;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            -webkit-align-items: center;
            -moz-align-items: center;
            align-items: center;
            width: 66%;
            max-width: 66%;
            text-align: center;
            margin: 0 auto 20px auto
        }

            .kittling-ridge .contact .info-side .contact-info {
                width: 69%;
                max-width: 69%;
                padding-top: 10px;
                text-align: left;
                display: inline-block
            }

            .kittling-ridge .contact .info-side .address, .kittling-ridge .contact .info-side .phone {
                display: inline-block
            }

                .kittling-ridge .contact .info-side .address span, .kittling-ridge .contact .info-side .phone span {
                    display: block;
                    font-size: 13.34px
                }

                .kittling-ridge .contact .info-side .phone span {
                    display: inline-block;
                    margin-right: 10px
                }

                    .kittling-ridge .contact .info-side .phone span.bold {
                        margin-right: 0
                    }

            .kittling-ridge .contact .info-side .address {
                margin-top: 0;
                margin-bottom: 0
            }

                .kittling-ridge .contact .info-side .address span:nth-of-type(2), .kittling-ridge .contact .info-side .address span:nth-of-type(3) {
                    display: inline-block
                }

                    .kittling-ridge .contact .info-side .address span:nth-of-type(2):after {
                        content: ','
                    }

            .kittling-ridge .contact .info-side .img-wrapper {
                margin-left: 0;
                width: 90px;
                max-width: 90px;
                height: auto;
                display: inline-block;
                margin-right: 15px
            }

        .kittling-ridge .contact .right-padding {
            padding-right: 0
        }

        .kittling-ridge .contact .left-padding {
            padding-left: 0
        }

        .kittling-ridge .contact .message-side {
            width: 100%;
            max-width: 100%;
            float: none
        }

            .kittling-ridge .contact .message-side h2 {
                font-size: 14.3px
            }

        .kittling-ridge .contact .contact-form {
            font-size: 12.1px
        }

            .kittling-ridge .contact .contact-form input {
                height: 33px;
                line-height: 33px;
                margin-bottom: 10px;
                padding: 0 10px
            }

            .kittling-ridge .contact .contact-form .textarea {
                height: 75px;
                padding: 10px 10px 0
            }

            .kittling-ridge .contact .contact-form .submit-row {
                text-align: center
            }

            .kittling-ridge .contact .contact-form .submit-button {
                height: 33px;
                line-height: 33px;
                font-size: 15.24px
            }

            .kittling-ridge .contact .contact-form .col-sm-6 {
                width: 100%
            }

    .kittling-ridge .about-text {
        width: 82.74%;
        max-width: 82.74%;
        margin: 0 auto
    }

        .kittling-ridge .about-text .img-side {
            display: none
        }

        .kittling-ridge .about-text .text-side {
            width: 100%;
            max-width: 100%;
            padding: 35px 0 30px 0;
            display: block
        }

            .kittling-ridge .about-text .text-side h1 {
                font-size: 26.7px;
                margin-bottom: 25px
            }

            .kittling-ridge .about-text .text-side p {
                margin-bottom: 35px
            }

                .kittling-ridge .about-text .text-side p:first-of-type {
                    margin-bottom: 35px
                }

            .kittling-ridge .about-text .text-side .text-wrapper {
                width: 38%;
                max-width: 38%;
                margin: 25px 22px 20px 0;
                font-size: 20.25px
            }

            .kittling-ridge .about-text .text-side .spacer {
                height: 107px
            }

    .kittling-ridge .portfolio .portfolio-header h1 {
        font-size: 40px;
        margin-bottom: 20px
    }

    .kittling-ridge .portfolio .portfolio-header li {
        padding: 0 30px;
        font-size: 23.8px
    }

    .kittling-ridge .portfolio .portfolio-header .portfolio-nav {
        margin-bottom: 25px
    }

    .kittling-ridge .portfolio .portfolio-section-name h1 {
        font-size: 23.35px
    }

    .kittling-ridge .portfolio .about-products {
        background: url(../kittlingridge/content/portfolio-bird-768.png),url(../kittlingridge/content/portfolio-birds.png);
        background-position: left 37%, right 62%;
        background-repeat: no-repeat;
        background-size: 37%
    }

        .kittling-ridge .portfolio .about-products .products-container {
            max-width: 550px;
            padding: 70px 0 80px 0
        }

        .kittling-ridge .portfolio .about-products .product-box {
            margin-bottom: 40px
        }

            .kittling-ridge .portfolio .about-products .product-box .product-img {
                width: 38.36%;
                max-width: 38.36%
            }

                .kittling-ridge .portfolio .about-products .product-box .product-img .img-wrapper {
                    max-width: 150px;
                    margin: 0 0 0 0
                }

            .kittling-ridge .portfolio .about-products .product-box .product-text {
                padding-top: 2px;
                width: 50%;
                max-width: 50%;
                margin-left: 36%
            }

                .kittling-ridge .portfolio .about-products .product-box .product-text h2 {
                    font-size: 26.7px
                }

                .kittling-ridge .portfolio .about-products .product-box .product-text .ml {
                    margin: 0 0 28px 0
                }

    .kittling-ridge .where-buy .text-side {
        width: 100%;
        max-width: 100%;
        padding: 55px 74px 45px 73px
    }

        .kittling-ridge .where-buy .text-side h1 {
            font-size: 26.7px;
            margin-bottom: 30px
        }

    .kittling-ridge .where-buy .img-side {
        display: block;
        width: 100%;
        max-width: 100%;
        float: none;
        position: relative;
        background: url("/assets/kittlingridge/content/home-slider1.jpg") no-repeat;
        -webkit-background-size: contain;
        -moz-background-size: contain;
        -o-background-size: contain;
        background-size: contain
    }

        .kittling-ridge .where-buy .img-side:before {
            content: '';
            display: block;
            padding-top: 50%
        }

        .kittling-ridge .where-buy .img-side img.buy-img2 {
            display: block
        }

    .kittling-ridge .terms {
        padding: 50px 0 55px 0
    }

        .kittling-ridge .terms h1 {
            font-size: 26.7px;
            margin-bottom: 35px
        }

        .kittling-ridge .terms p {
            margin-bottom: 30px
        }

    .kittling-ridge .footer {
        height: auto;
        min-height: auto;
        padding: 15px 0
    }

        .kittling-ridge .footer .footer-container {
            width: 100%;
            max-width: 100%;
            font-size: 10.6px;
            text-align: center
        }

            .kittling-ridge .footer .footer-container ul, .kittling-ridge .footer .footer-container p {
                display: block
            }

            .kittling-ridge .footer .footer-container ul {
                margin-bottom: 15px
            }

            .kittling-ridge .footer .footer-container li {
                padding: 0 8px 0 15px
            }

            .kittling-ridge .footer .footer-container p {
                float: none
            }
}

@media (max-width: 735px) {
    .kittling-ridge .carousel .carousel-caption {
        top: 60px
    }

        .kittling-ridge .carousel .carousel-caption h1 {
            font-size: 20px;
            margin-bottom: 30px
        }

    .kittling-ridge .learn-more {
        padding: 10px 20px;
        font-size: 11.65px
    }

    .kittling-ridge .portfolio .portfolio-header li {
        padding: 0 15px
    }
}

@media (max-width: 672px) {
    .kittling-ridge .portfolio .portfolio-header li {
        padding: 0 15px;
        font-size: 23px
    }

        .kittling-ridge .portfolio .portfolio-header li:last-child {
            border-right: none;
            padding-right: none
        }

    .kittling-ridge .portfolio .portfolio-header .portfolio-nav {
        margin-bottom: 10px
    }

    .kittling-ridge .portfolio .portfolio-header .nav-second-part {
        display: block;
        margin-top: 12px
    }
}

@media (max-width: 557px) {
    .kittling-ridge .carousel .carousel-caption {
        top: 50px
    }

        .kittling-ridge .carousel .carousel-caption h1 {
            font-size: 19px;
            margin-bottom: 20px
        }
}

@media (max-width: 480px) {
    .kittling-ridge body {
        padding-top: 45px
    }

    .kittling-ridge .jump-nav {
        top: -45px
    }

    .kittling-ridge .nav {
        height: 45px;
        line-height: 45px
    }

        .kittling-ridge .nav .nav-list {
            width: 100%;
            max-width: 100%;
            background-color: #5a487b;
            display: none
        }

            .kittling-ridge .nav .nav-list ul {
                display: block
            }

            .kittling-ridge .nav .nav-list li {
                font-size: 16.7px;
                display: block;
                padding-left: 35px
            }

                .kittling-ridge .nav .nav-list li:hover {
                    background-color: #000;
                    cursor: pointer
                }

                .kittling-ridge .nav .nav-list li a:hover:before {
                    position: relative;
                    width: 0;
                    background-color: none
                }

        .kittling-ridge .nav .logo {
            margin-left: 35px;
            width: 37.2%;
            max-width: 37.2%
        }

            .kittling-ridge .nav .logo .logo-wrapper {
                width: 91px;
                max-width: 91px
            }

        .kittling-ridge .nav .button-nav {
            margin-right: 15px;
            font-size: 25px
        }

    .kittling-ridge .carousel .carousel-inner .carousel-indicators {
        bottom: 0
    }

    .kittling-ridge .carousel .carousel-caption {
        width: 39.5%;
        max-width: 39.5%;
        right: 47px;
        top: 40px
    }

        .kittling-ridge .carousel .carousel-caption h1 {
            font-size: 14.4px;
            margin-bottom: 30px
        }

    .kittling-ridge .carousel .carousel-control.left {
        left: 8px
    }

    .kittling-ridge .carousel .carousel-control.right {
        right: 8px
    }

    .kittling-ridge .carousel .carousel-control .rounded {
        width: 23px;
        height: 23px
    }

        .kittling-ridge .carousel .carousel-control .rounded .fa {
            -webkit-transform: translate(50%, -50%);
            -moz-transform: translate(50%, -50%);
            -ms-transform: translate(50%, -50%);
            -o-transform: translate(50%, -50%);
            transform: translate(50%, -50%);
            font-size: 22.74px;
            position: absolute;
            top: 50%;
            right: 50%
        }

    .kittling-ridge .learn-more {
        padding: 8px 15px;
        font-size: 11.65px
    }

    .kittling-ridge .contact {
        padding: 10px 0
    }

        .kittling-ridge .contact .info-side {
            margin-bottom: 15px
        }

            .kittling-ridge .contact .info-side .contact-info {
                padding-top: 10px;
                width: 95%;
                max-width: 95%;
                line-height: 10px
            }

            .kittling-ridge .contact .info-side .address span, .kittling-ridge .contact .info-side .phone span {
                font-size: 8.34px
            }

            .kittling-ridge .contact .info-side .img-wrapper {
                margin-left: 0;
                width: 72px;
                max-width: 72px
            }

        .kittling-ridge .contact .message-side h2 {
            font-size: 12.5px
        }

        .kittling-ridge .contact .contact-form {
            font-size: 7.56px
        }

            .kittling-ridge .contact .contact-form input {
                height: 25px;
                line-height: 25px;
                margin-bottom: 7px;
                padding: 0 8px
            }

            .kittling-ridge .contact .contact-form .textarea {
                height: 47px;
                padding: 7px 7px 0;
                margin-bottom: 10px
            }

            .kittling-ridge .contact .contact-form .submit-button {
                height: 20px;
                line-height: 20px;
                font-size: 9.53px;
                padding: 0 40px
            }

    .kittling-ridge .about-text {
        width: 82.74%;
        max-width: 82.74%;
        margin: 0 auto
    }

        .kittling-ridge .about-text .text-side {
            padding: 30px 0 25px 0;
            font-size: 13.5px
        }

            .kittling-ridge .about-text .text-side h1 {
                font-size: 18.75px
            }

            .kittling-ridge .about-text .text-side p {
                margin-bottom: 30px
            }

                .kittling-ridge .about-text .text-side p:first-of-type {
                    margin-bottom: 30px
                }

            .kittling-ridge .about-text .text-side .text-wrapper {
                width: auto;
                max-width: 130px;
                margin: 10px 13px 15px 0;
                font-size: 18.75px
            }

            .kittling-ridge .about-text .text-side .spacer {
                height: 140px
            }

    .kittling-ridge .portfolio .portfolio-header h1 {
        font-size: 25px;
        margin-bottom: 18px
    }

    .kittling-ridge .portfolio .portfolio-header li {
        font-size: 14.9px
    }

    .kittling-ridge .portfolio .portfolio-section-name {
        height: 32px
    }

        .kittling-ridge .portfolio .portfolio-section-name h1 {
            font-size: 14.6px;
            letter-spacing: 3px
        }

    .kittling-ridge .portfolio .about-products {
        background: none
    }

        .kittling-ridge .portfolio .about-products .products-container {
            width: 90.04%;
            max-width: 90.04%;
            padding: 34px 0 40px 0
        }

        .kittling-ridge .portfolio .about-products .product-box {
            margin-bottom: 20px
        }

            .kittling-ridge .portfolio .about-products .product-box .product-img {
                width: auto;
                max-width: none;
                padding-top: 25px;
                margin-bottom: 88px
            }

                .kittling-ridge .portfolio .about-products .product-box .product-img .img-wrapper {
                    width: 100px;
                    max-width: 100px
                }

            .kittling-ridge .portfolio .about-products .product-box .product-text {
                padding-top: 2px;
                width: 60%;
                max-width: 60%;
                margin-left: 30%
            }

                .kittling-ridge .portfolio .about-products .product-box .product-text h2 {
                    font-size: 26.7px
                }

                .kittling-ridge .portfolio .about-products .product-box .product-text p {
                    font-size: 16px
                }

                .kittling-ridge .portfolio .about-products .product-box .product-text .ml {
                    margin: 0 0 35px 0
                }

    .kittling-ridge .where-buy .text-side {
        width: 100%;
        max-width: 100%;
        padding: 25px 47px 25px 45px;
        font-size: 14.6px
    }

        .kittling-ridge .where-buy .text-side h1 {
            font-size: 18.75px;
            margin-bottom: 20px
        }

        .kittling-ridge .where-buy .text-side h3 {
            font-size: 14.6px
        }

        .kittling-ridge .where-buy .text-side .places {
            margin-bottom: 25px
        }

        .kittling-ridge .where-buy .text-side .note {
            font-size: 14.6px
        }

    .kittling-ridge .where-buy .img-side {
        display: block;
        width: 100%;
        max-width: 100%;
        float: none;
        position: relative
    }

        .kittling-ridge .where-buy .img-side img.buy-img {
            display: none
        }

        .kittling-ridge .where-buy .img-side img.buy-img2 {
            display: block
        }

    .kittling-ridge .terms {
        padding: 50px 0 55px 0
    }

        .kittling-ridge .terms h1 {
            font-size: 18.75px;
            margin-bottom: 30px
        }

        .kittling-ridge .terms p {
            margin-bottom: 25px;
            font-size: 10.4px
        }

    .kittling-ridge .footer {
        padding: 10px 0
    }

        .kittling-ridge .footer .footer-container {
            font-size: 6.6px
        }

            .kittling-ridge .footer .footer-container ul {
                margin-bottom: 10px
            }

            .kittling-ridge .footer .footer-container li {
                padding: 0 10px
            }

                .kittling-ridge .footer .footer-container li.copy {
                    display: block;
                    border-right: none;
                    margin-bottom: 5px
                }
}

@media (max-width: 473px) {
    .kittling-ridge .contact .info-side .phone span {
        margin-right: 2px
    }
}

@media (max-width: 458px) {
    .kittling-ridge .contact .info-side {
        width: 80%;
        max-width: 80%
    }
}

@media (max-width: 422px) {
    .kittling-ridge .carousel .carousel-caption {
        top: 20px
    }

        .kittling-ridge .carousel .carousel-caption h1 {
            margin-bottom: 20px
        }

    .kittling-ridge .learn-more {
        padding: 7px 15px;
        font-size: 9.8px
    }
}

@media (max-width: 378px) {
    .kittling-ridge .contact .info-side {
        width: 85%;
        max-width: 85%
    }
}

@media (max-width: 360px) {
    .kittling-ridge body {
        padding-top: 33px
    }

    .kittling-ridge .jump-nav {
        top: -33px
    }

    .kittling-ridge .nav {
        height: 33px;
        line-height: 33px
    }

        .kittling-ridge .nav .nav-list li {
            padding-left: 25px
        }

        .kittling-ridge .nav .logo {
            margin-left: 25px
        }

            .kittling-ridge .nav .logo .logo-wrapper {
                width: 69px;
                max-width: 69px
            }

        .kittling-ridge .nav .button-nav {
            margin-right: 10px;
            font-size: 20px
        }

    .kittling-ridge .carousel .carousel-caption {
        right: 35px;
        top: 31px
    }

        .kittling-ridge .carousel .carousel-caption h1 {
            font-size: 10.77px;
            margin-bottom: 23px
        }

    .kittling-ridge .carousel .carousel-inner .carousel-indicators {
        bottom: -7px
    }

    .kittling-ridge .carousel .carousel-control .rounded {
        width: 18px;
        height: 18px;
        border: 1px solid #fff
    }

        .kittling-ridge .carousel .carousel-control .rounded .fa {
            font-size: 17px
        }

    .kittling-ridge .learn-more {
        padding: 6px 15px;
        font-size: 8.73px
    }

    .kittling-ridge .contact {
        padding: 13px 0 7px 0
    }

        .kittling-ridge .contact .info-side {
            margin-bottom: 12px;
            width: 85.7%;
            max-width: 85.7%
        }

            .kittling-ridge .contact .info-side .contact-info {
                padding-top: 10px
            }

            .kittling-ridge .contact .info-side .img-wrapper {
                width: 72px;
                max-width: 72px;
                margin-right: 10px
            }

        .kittling-ridge .contact .message-side h2 {
            font-size: 8.2px
        }

        .kittling-ridge .contact .contact-form {
            font-size: 5.67px
        }

            .kittling-ridge .contact .contact-form input {
                height: 16px;
                line-height: 16px;
                margin-bottom: 5px;
                padding: 0 5px
            }

            .kittling-ridge .contact .contact-form .textarea {
                height: 35px;
                padding: 5px 5px 0
            }

            .kittling-ridge .contact .contact-form .submit-button {
                height: 15px;
                line-height: 15px;
                font-size: 7.15px;
                padding: 0 31px
            }

    .kittling-ridge .about-text {
        width: 82.74%;
        max-width: 82.74%
    }

        .kittling-ridge .about-text .text-side {
            padding: 35px 0 30px 0;
            font-size: 12.5px
        }

            .kittling-ridge .about-text .text-side p {
                margin-bottom: 25px
            }

                .kittling-ridge .about-text .text-side p:first-of-type {
                    margin-bottom: 25px
                }

            .kittling-ridge .about-text .text-side .text-wrapper {
                margin: 15px 10px 15px 0;
                font-size: 16.67px;
                padding: 14px 0 25px 0
            }

            .kittling-ridge .about-text .text-side .spacer {
                height: 130px
            }

    .kittling-ridge .portfolio .portfolio-header h1 {
        font-size: 23.5px;
        margin-bottom: 15px
    }

    .kittling-ridge .portfolio .portfolio-header li {
        font-size: 16.7px
    }

    .kittling-ridge .portfolio .portfolio-header .portfolio-nav {
        margin-bottom: 13px
    }

    .kittling-ridge .portfolio .portfolio-header .nav-second-part {
        margin-top: 7px
    }

    .kittling-ridge .portfolio .portfolio-section-name {
        height: 29px
    }

        .kittling-ridge .portfolio .portfolio-section-name h1 {
            font-size: 12.5px;
            letter-spacing: 3px
        }

    .kittling-ridge .portfolio .about-products .products-container {
        width: auto;
        max-width: 270px;
        padding: 17px 15px 40px
    }

    .kittling-ridge .portfolio .about-products .product-box {
        margin-bottom: 25px
    }

        .kittling-ridge .portfolio .about-products .product-box .product-img {
            width: 100%;
            max-width: 100%;
            padding-top: 0;
            margin-bottom: 11px;
            display: block
        }

            .kittling-ridge .portfolio .about-products .product-box .product-img .img-wrapper {
                width: 100px;
                max-width: 100px;
                margin: 0 auto
            }

        .kittling-ridge .portfolio .about-products .product-box .product-text {
            padding-top: 0;
            width: 100%;
            max-width: 100%;
            margin-left: 0
        }

            .kittling-ridge .portfolio .about-products .product-box .product-text h2 {
                font-size: 18.9px
            }

            .kittling-ridge .portfolio .about-products .product-box .product-text p {
                font-size: 11px
            }

            .kittling-ridge .portfolio .about-products .product-box .product-text .ml {
                margin: 0 0 5px 0;
                font-size: 14.75px
            }

    .kittling-ridge .where-buy .text-side {
        padding: 25px 34px 35px 34px;
        font-size: 12.5px
    }

        .kittling-ridge .where-buy .text-side h1 {
            margin-bottom: 13px
        }

        .kittling-ridge .where-buy .text-side h3 {
            font-size: 12.5px
        }

        .kittling-ridge .where-buy .text-side .places {
            margin-bottom: 20px
        }

        .kittling-ridge .where-buy .text-side .note {
            font-size: 12.5px
        }

    .kittling-ridge .terms {
        padding: 21px 0 21px 0
    }

        .kittling-ridge .terms h1 {
            font-size: 18.75px;
            margin-bottom: 20px
        }

        .kittling-ridge .terms p {
            margin-bottom: 15px;
            font-size: 12.5px
        }

    .kittling-ridge .footer {
        padding: 7px 0
    }

        .kittling-ridge .footer .footer-container {
            font-size: 5px
        }

            .kittling-ridge .footer .footer-container ul {
                margin-bottom: 8px
            }

            .kittling-ridge .footer .footer-container li {
                padding: 0 9px
            }
}

@media (max-width: 320px) {
    .kittling-ridge .carousel .carousel-caption {
        top: 10px
    }
}

@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) {
    .kittling-ridge .contact .info-side {
        width: 80%;
        max-width: 80%
    }
}

@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) {
    .kittling-ridge .portfolio .about-products {
        background: url(../kittlingridge/content/portfolio-bird.png),url(../kittlingridge/content/portfolio-birds.png);
        background-position: left 28%, right 67%;
        background-repeat: no-repeat;
        background-size: 37%
    }
}

@media (min-width: 1281px) and (max-width: 1400px) {
    .kittling-ridge .nav .nav-list li a {
        letter-spacing: -0.5px
    }
}

.kittling-ridge input.kr-error, .kittling-ridge textarea.kr-error, .kittling-ridge select.kr-error {
    margin-bottom: 3px !important;
    border: 2px solid #c0392b !important
}

.kittling-ridge .success, .kittling-ridge .error-msg, .kittling-ridge .p.kr-error {
    font-size: 2.2rem
}

@media (max-width: 1199px) {
    .kittling-ridge .success, .kittling-ridge .error-msg, .kittling-ridge .p.kr-error {
        font-size: 15px
    }
}

@media (max-width: 767px) {
    .kittling-ridge .success, .kittling-ridge .error-msg, .kittling-ridge .p.kr-error {
        font-size: 12px
    }
}

.kittling-ridge p.kr-error {
    color: #c0392b;
    margin-bottom: 10px
}

.kittling-ridge .success {
    color: #fff
}

.kittling-ridge .error-msg {
    color: #c0392b
}

.ValidationError, .ShippingMethodValidationError, .Error {
    color: red;
}

.RequiredStar {
    color: #5e87b0;
}