html {
    font-size: 1rem !important
}

body {
    width: 100%;
    margin: 0;
    padding: 0
}

body .savegnago {
    font-size: 0
}

#ajaxBusy {
    display: none !important
}

.savegnago a,
.savegnago p,
.savegnago span,
.savegnago ul,
.savegnago li,
.savegnago h1,
.savegnago h2,
.savegnago h3,
.savegnago h4,
.savegnago h5,
.savegnago h6,
.savegnago label,
.savegnago table {
    width: auto;
    height: auto;
    list-style: none;
    margin: 0;
    padding: 0;
    text-decoration: none;
    line-height: inherit;
    font-size: 1em
}

.savegnago img,
.savegnago fieldset,
.savegnago figure {
    width: auto;
    height: auto;
    margin: 0;
    padding: 0;
    border: 0;
    display: block;
    word-spacing: 0
}

.savegnago i {
    text-indent: 0
}

.savegnago::-webkit-input-placeholder {
    font-size: 1em
}

.savegnago:-moz-placeholder {
    font-size: 1em
}

.savegnago::-moz-placeholder {
    font-size: 1em
}

.savegnago::-webkit-input-placeholder {
    font-size: 1em !important
}

.savegnago:-moz-placeholder {
    font-size: 1em !important
}

.savegnago::-moz-placeholder {
    font-size: 1em !important
}

.savegnago .field-12 {
    width: 100%;
    padding: 0 1rem;
    display: inline-block;
    padding: 0 0 0 1rem;
    margin-bottom: 1rem;
    vertical-align: middle
}

.savegnago .field-12 input[type=text],
.savegnago .field-12 input[type=password],
.savegnago .field-12 input[type=tel],
.savegnago .field-12 select {
    width: 100%;
    display: table-cell;
    padding: 8px;
    border: 0;
    background: transparent;
    outline: none
}

.savegnago .field-12 input[type=submit],
.savegnago .field-12 input[type=button],
.savegnago .field-12 button,
.savegnago .field-12 textarea {
    width: 100%;
    display: table-cell;
    padding: 7px 8px;
    border: 0;
    margin: 0;
    background: transparent
}

.savegnago .field-11 {
    width: 91.6666%;
    display: inline-block;
    padding: 0 0 0 1rem;
    margin-bottom: 1rem;
    vertical-align: middle
}

.savegnago .field-11 input[type=text],
.savegnago .field-11 input[type=password],
.savegnago .field-11 input[type=tel],
.savegnago .field-11 select {
    width: 100%;
    display: table-cell;
    padding: 8px;
    border: 0;
    background: transparent;
    outline: none
}

.savegnago .field-11 input[type=submit],
.savegnago .field-11 input[type=button],
.savegnago .field-11 button,
.savegnago .field-11 textarea {
    width: 100%;
    display: table-cell;
    padding: 7px 8px;
    border: 0;
    margin: 0;
    background: transparent
}

.savegnago .field-10 {
    width: 83.3333%;
    display: inline-block;
    padding: 0 0 0 1rem;
    margin-bottom: 1rem;
    vertical-align: middle
}

.savegnago .field-10 input[type=text],
.savegnago .field-10 input[type=password],
.savegnago .field-10 input[type=tel],
.savegnago .field-10 select {
    width: 100%;
    display: table-cell;
    padding: 8px;
    border: 0;
    background: transparent;
    outline: none
}

.savegnago .field-10 input[type=submit],
.savegnago .field-10 input[type=button],
.savegnago .field-10 button,
.savegnago .field-10 textarea {
    width: 100%;
    display: table-cell;
    padding: 7px 8px;
    border: 0;
    margin: 0;
    background: transparent
}

.savegnago .field-9 {
    width: 75%;
    display: inline-block;
    padding: 0 0 0 1rem;
    margin-bottom: 1rem;
    vertical-align: middle
}

.savegnago .field-9 input[type=text],
.savegnago .field-9 input[type=password],
.savegnago .field-9 input[type=tel],
.savegnago .field-9 select {
    width: 100%;
    display: table-cell;
    padding: 8px;
    border: 0;
    background: transparent;
    outline: none
}

.savegnago .field-9 input[type=submit],
.savegnago .field-9 input[type=button],
.savegnago .field-9 button,
.savegnago .field-9 textarea {
    width: 100%;
    display: table-cell;
    padding: 7px 8px;
    border: 0;
    margin: 0;
    background: transparent
}

.savegnago .field-8 {
    width: 66.6666%;
    display: inline-block;
    padding: 0 0 0 1rem;
    margin-bottom: 1rem;
    vertical-align: middle
}

.savegnago .field-8 input[type=text],
.savegnago .field-8 input[type=password],
.savegnago .field-8 input[type=tel],
.savegnago .field-8 select {
    width: 100%;
    display: table-cell;
    padding: 8px;
    border: 0;
    background: transparent;
    outline: none
}

.savegnago .field-8 input[type=submit],
.savegnago .field-8 input[type=button],
.savegnago .field-8 button,
.savegnago .field-8 textarea {
    width: 100%;
    display: table-cell;
    padding: 7px 8px;
    border: 0;
    margin: 0;
    background: transparent
}

.savegnago .field-7 {
    width: 58.3333%;
    display: inline-block;
    padding: 0 0 0 1rem;
    margin-bottom: 1rem;
    vertical-align: middle
}

.savegnago .field-7 input[type=text],
.savegnago .field-7 input[type=password],
.savegnago .field-7 input[type=tel],
.savegnago .field-7 select {
    width: 100%;
    display: table-cell;
    padding: 8px;
    border: 0;
    background: transparent;
    outline: none
}

.savegnago .field-7 input[type=submit],
.savegnago .field-7 input[type=button],
.savegnago .field-7 button,
.savegnago .field-7 textarea {
    width: 100%;
    display: table-cell;
    padding: 7px 8px;
    border: 0;
    margin: 0;
    background: transparent
}

.savegnago .field-6 {
    width: 50%;
    display: inline-block;
    padding: 0 0 0 1rem;
    margin-bottom: 1rem;
    vertical-align: middle
}

.savegnago .field-6 input[type=text],
.savegnago .field-6 input[type=password],
.savegnago .field-6 input[type=tel],
.savegnago .field-6 select {
    width: 100%;
    display: table-cell;
    padding: 8px;
    border: 0;
    background: transparent;
    outline: none
}

.savegnago .field-6 input[type=submit],
.savegnago .field-6 input[type=button],
.savegnago .field-6 button,
.savegnago .field-6 textarea {
    width: 100%;
    display: table-cell;
    padding: 7px 8px;
    border: 0;
    margin: 0;
    background: transparent
}

.savegnago .field-5 {
    width: 41.6666%;
    display: inline-block;
    padding: 0 0 0 1rem;
    margin-bottom: 1rem;
    vertical-align: middle
}

.savegnago .field-5 input[type=text],
.savegnago .field-5 input[type=password],
.savegnago .field-5 input[type=tel],
.savegnago .field-5 select {
    width: 100%;
    display: table-cell;
    padding: 8px;
    border: 0;
    background: transparent;
    outline: none
}

.savegnago .field-5 input[type=submit],
.savegnago .field-5 input[type=button],
.savegnago .field-5 button,
.savegnago .field-5 textarea {
    width: 100%;
    display: table-cell;
    padding: 7px 8px;
    border: 0;
    margin: 0;
    background: transparent
}

.savegnago .field-4 {
    width: 33.3333%;
    display: inline-block;
    padding: 0 0 0 1rem;
    margin-bottom: 1rem;
    vertical-align: middle
}

.savegnago .field-4 input[type=text],
.savegnago .field-4 input[type=password],
.savegnago .field-4 input[type=tel],
.savegnago .field-4 select {
    width: 100%;
    display: table-cell;
    padding: 8px;
    border: 0;
    background: transparent;
    outline: none
}

.savegnago .field-4 input[type=submit],
.savegnago .field-4 input[type=button],
.savegnago .field-4 button,
.savegnago .field-4 textarea {
    width: 100%;
    display: table-cell;
    padding: 7px 8px;
    border: 0;
    margin: 0;
    background: transparent
}

.savegnago .field-3 {
    width: 25%;
    display: inline-block;
    padding: 0 0 0 1rem;
    margin-bottom: 1rem;
    vertical-align: middle
}

.savegnago .field-3 input[type=text],
.savegnago .field-3 input[type=password],
.savegnago .field-3 input[type=tel],
.savegnago .field-3 select {
    width: 100%;
    display: table-cell;
    padding: 8px;
    border: 0;
    background: transparent;
    outline: none
}

.savegnago .field-3 input[type=submit],
.savegnago .field-3 input[type=button],
.savegnago .field-3 button,
.savegnago .field-3 textarea {
    width: 100%;
    display: table-cell;
    padding: 7px 8px;
    border: 0;
    margin: 0;
    background: transparent
}

.savegnago .field-2 {
    width: 16.6666%;
    display: inline-block;
    padding: 0 0 0 1rem;
    margin-bottom: 1rem;
    vertical-align: middle
}

.savegnago .field-2 input[type=text],
.savegnago .field-2 input[type=password],
.savegnago .field-2 input[type=tel],
.savegnago .field-2 select {
    width: 100%;
    display: table-cell;
    padding: 8px;
    border: 0;
    background: transparent;
    outline: none
}

.savegnago .field-2 input[type=submit],
.savegnago .field-2 input[type=button],
.savegnago .field-2 button,
.savegnago .field-2 textarea {
    width: 100%;
    display: table-cell;
    padding: 7px 8px;
    border: 0;
    margin: 0;
    background: transparent
}

.savegnago .field-1 {
    width: 8.3333%;
    display: inline-block;
    padding: 0 0 0 1rem;
    margin-bottom: 1rem;
    vertical-align: middle
}

.savegnago .field-1 input[type=text],
.savegnago .field-1 input[type=password],
.savegnago .field-1 input[type=tel],
.savegnago .field-1 select {
    width: 100%;
    display: table-cell;
    padding: 8px;
    border: 0;
    background: transparent;
    outline: none
}

.savegnago .field-1 input[type=submit],
.savegnago .field-1 input[type=button],
.savegnago .field-1 button,
.savegnago .field-1 textarea {
    width: 100%;
    display: table-cell;
    padding: 7px 8px;
    border: 0;
    margin: 0;
    background: transparent
}

.savegnago .form {
    width: 100%;
    display: block
}

.savegnago .form .group {
    width: 100%;
    display: inline-table
}

.savegnago .form .group .addon {
    width: 1%;
    white-space: nowrap;
    display: table-cell;
    vertical-align: middle
}

.savegnago .form .field-row {
    margin-left: -1rem
}

body .savegnago * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.savegnago .col-mn-12 {
    width: 100%;
    padding: 0 1rem
}

.savegnago .col-mn-11 {
    width: 91.6666%
}

.savegnago .col-mn-10 {
    width: 83.3333%
}

.savegnago .col-mn-9 {
    width: 75%
}

.savegnago .col-mn-8 {
    width: 66.6666%
}

.savegnago .col-mn-7 {
    width: 58.3333%
}

.savegnago .col-mn-6 {
    width: 50%
}

.savegnago .col-mn-5 {
    width: 41.6666%
}

.savegnago .col-mn-4 {
    width: 33.3333%
}

.savegnago .col-mn-3 {
    width: 25%
}

.savegnago .col-mn-2 {
    width: 16.6666%
}

.savegnago .col-mn-1 {
    width: 8.3333%
}

.savegnago .col-mn-12,
.savegnago .col-mn-11,
.savegnago .col-mn-10,
.savegnago .col-mn-9,
.savegnago .col-mn-8,
.savegnago .col-mn-7,
.savegnago .col-mn-6,
.savegnago .col-mn-5,
.savegnago .col-mn-4,
.savegnago .col-mn-3,
.savegnago .col-mn-2,
.savegnago .col-mn-1 {
    display: inline-block;
    padding-left: 1rem;
    vertical-align: middle
}

.savegnago .col-ch-10 {
    width: 100%
}

.savegnago .col-ch-9 {
    width: 90%
}

.savegnago .col-ch-8 {
    width: 80%
}

.savegnago .col-ch-7 {
    width: 70%
}

.savegnago .col-ch-6 {
    width: 60%
}

.savegnago .col-ch-5 {
    width: 50%
}

.savegnago .col-ch-4 {
    width: 40%
}

.savegnago .col-ch-3 {
    width: 30%
}

.savegnago .col-ch-2 {
    width: 20%
}

.savegnago .col-ch-1 {
    width: 10%
}

.savegnago .col-ch-10,
.savegnago .col-ch-9,
.savegnago .col-ch-8,
.savegnago .col-ch-7,
.savegnago .col-ch-6,
.savegnago .col-ch-5,
.savegnago .col-ch-4,
.savegnago .col-ch-3,
.savegnago .col-ch-2,
.savegnago .col-ch-1 {
    display: inline-block;
    padding-left: 1rem;
    vertical-align: middle
}

.savegnago .row {
    margin-left: -1rem;
    margin-right: 0
}

.savegnago .row .col-mn-12,
.savegnago .row .col-ch-10 {
    padding-right: 0
}

.savegnago .col-mn-left {
    float: left
}

.savegnago .col-mn-right {
    float: right
}

.debug .savegnago .col-mn-12 {
    background-color: khaki;
    position: relative
}

.debug .savegnago .col-mn-12:before {
    content: "column-main-12"
}

.debug .savegnago .col-mn-11 {
    background-color: #9370DB;
    position: relative
}

.debug .savegnago .col-mn-11:before {
    content: "column-main-11"
}

.debug .savegnago .col-mn-10 {
    background-color: #6495ED;
    position: relative
}

.debug .savegnago .col-mn-10:before {
    content: "column-main-10"
}

.debug .savegnago .col-mn-9 {
    background-color: #DB7093;
    position: relative
}

.debug .savegnago .col-mn-9:before {
    content: "column-main-9"
}

.debug .savegnago .col-mn-8 {
    background-color: #4682B4;
    position: relative
}

.debug .savegnago .col-mn-8:before {
    content: "column-main-8"
}

.debug .savegnago .col-mn-7 {
    background-color: salmon;
    position: relative
}

.debug .savegnago .col-mn-7:before {
    content: "column-main-7"
}

.debug .savegnago .col-mn-6 {
    background-color: #20B2AA;
    position: relative
}

.debug .savegnago .col-mn-6:before {
    content: "column-main-6"
}

.debug .savegnago .col-mn-5 {
    background-color: #FF8C00;
    position: relative
}

.debug .savegnago .col-mn-5:before {
    content: "column-main-5"
}

.debug .savegnago .col-mn-4 {
    background-color: #3CB371;
    position: relative
}

.debug .savegnago .col-mn-4:before {
    content: "column-main-4"
}

.debug .savegnago .col-mn-3 {
    background-color: #DAA520;
    position: relative
}

.debug .savegnago .col-mn-3:before {
    content: "column-main-3"
}

.debug .savegnago .col-mn-2 {
    background-color: gold;
    position: relative
}

.debug .savegnago .col-mn-2:before {
    content: "column-main-2"
}

.debug .savegnago .col-mn-1 {
    background-color: #DC143C;
    position: relative
}

.debug .savegnago .col-mn-1:before {
    content: "column-main-1"
}

.debug .savegnago .col-mn-12:before,
.debug .savegnago .col-mn-11:before,
.debug .savegnago .col-mn-10:before,
.debug .savegnago .col-mn-9:before,
.debug .savegnago .col-mn-8:before,
.debug .savegnago .col-mn-7:before,
.debug .savegnago .col-mn-6:before,
.debug .savegnago .col-mn-5:before,
.debug .savegnago .col-mn-4:before,
.debug .savegnago .col-mn-3:before,
.debug .savegnago .col-mn-2:before,
.debug .savegnago .col-mn-1:before {
    color: #FFFFFF;
    background: #111111;
    text-transform: uppercase;
    font-family: Arial;
    font-size: 0.625rem;
    vertical-align: top;
    display: inline-block;
    padding: 0.625rem;
    margin-bottom: 1rem;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0.3
}

.debug .savegnago .col-ch-10 {
    background-color: #6495ED;
    position: relative
}

.debug .savegnago .col-ch-10:before {
    content: "column-child-10"
}

.debug .savegnago .col-ch-9 {
    background-color: #DB7093;
    position: relative
}

.debug .savegnago .col-ch-9:before {
    content: "column-child-9"
}

.debug .savegnago .col-ch-8 {
    background-color: #4682B4;
    position: relative
}

.debug .savegnago .col-ch-8:before {
    content: "column-child-8"
}

.debug .savegnago .col-ch-7 {
    background-color: salmon;
    position: relative
}

.debug .savegnago .col-ch-7:before {
    content: "column-child-7"
}

.debug .savegnago .col-ch-6 {
    background-color: #20B2AA;
    position: relative
}

.debug .savegnago .col-ch-6:before {
    content: "column-child-6"
}

.debug .savegnago .col-ch-5 {
    background-color: #FF8C00;
    position: relative
}

.debug .savegnago .col-ch-5:before {
    content: "column-child-5"
}

.debug .savegnago .col-ch-4 {
    background-color: #3CB371;
    position: relative
}

.debug .savegnago .col-ch-4:before {
    content: "column-child-4"
}

.debug .savegnago .col-ch-3 {
    background-color: #DAA520;
    position: relative
}

.debug .savegnago .col-ch-3:before {
    content: "column-child-3"
}

.debug .savegnago .col-ch-2 {
    background-color: gold;
    position: relative
}

.debug .savegnago .col-ch-2:before {
    content: "column-child-2"
}

.debug .savegnago .col-ch-1 {
    background-color: #DC143C;
    position: relative
}

.debug .savegnago .col-ch-1:before {
    content: "column-child-1"
}

.debug .savegnago .col-ch-10:before,
.debug .savegnago .col-ch-9:before,
.debug .savegnago .col-ch-8:before,
.debug .savegnago .col-ch-7:before,
.debug .savegnago .col-ch-6:before,
.debug .savegnago .col-ch-5:before,
.debug .savegnago .col-ch-4:before,
.debug .savegnago .col-ch-3:before,
.debug .savegnago .col-ch-2:before,
.debug .savegnago .col-ch-1:before {
    color: #FFFFFF;
    background: #111111;
    text-transform: uppercase;
    font-family: Arial;
    font-size: 0.625rem;
    vertical-align: top;
    display: inline-block;
    padding: 0.625rem;
    margin-bottom: 1rem;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0.3
}

.loadingBox {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    background-color: rgba(204, 204, 204, 0.7);
    color: #FFF;
    font: normal normal normal 1.4375rem/1 FontAwesome !important;
    -webkit-font-smoothing: antialiased;
    display: none;
    text-align: center;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
    padding: .3125rem 0;
    font-weight: 900;
    z-index: 3
}

.loadingBox::before {
    content: "\f110";
    -webkit-animation: fa-spin 2s infinite linear;
    animation: fa-spin 2s infinite linear;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    position: relative;
    transform: translateY(-50%);
    text-align: center;
    top: 45%
}

.loading-icon {
    font-size: 40px;
    color: #000;
    text-align: center;
    margin-top: 2%
}

.loadIcon {
    font-size: 0 !important;
    cursor: not-allowed !important
}

.loadIcon::before {
    display: inline-block;
    font: normal normal normal 1.4375rem/1 FontAwesome !important;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f110";
    -webkit-animation: fa-spin 2s infinite linear;
    animation: fa-spin 2s infinite linear
}

body {
    font-family: "Titillium Web", sans-serif
}

.videoResponsivo {
    width: 100%;
    min-width: 17.5em;
    margin: 0 auto
}

.videoResponsivo .boxVideo {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 25px;
    height: 0;
    margin: 0 auto
}

.videoResponsivo .boxVideo iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.savegnago .content {
    width: 1200px;
    max-width: 100%;
    margin: 0 auto;
    display: block
}

.savegnago #formMessage ul {
    background: #FF0000;
    opacity: 0.8;
    color: #FFF;
    border-radius: 7px;
    margin-top: 10px;
    padding: 12px;
    display: inline-block
}

.savegnago .field-error {
    border: 1px solid #FF0000 !important;
    background: #fbb9b9 !important
}

.owl-carousel {
    display: none;
    width: 100%;
    -webkit-tap-highlight-color: transparent;
    position: relative;
    z-index: 1
}

.owl-carousel .owl-stage {
    position: relative;
    -ms-touch-action: pan-Y;
    -moz-backface-visibility: hidden
}

.owl-carousel .owl-stage:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0
}

.owl-carousel .owl-stage-outer {
    position: relative;
    overflow: hidden;
    -webkit-transform: translate3d(0px, 0px, 0px)
}

.owl-carousel .owl-wrapper,
.owl-carousel .owl-item {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0)
}

.owl-carousel .owl-item {
    position: relative;
    min-height: 1px;
    float: left;
    -webkit-backface-visibility: hidden;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none
}

.owl-carousel .owl-item img {
    display: block;
    width: 100%
}

.owl-carousel .owl-nav.disabled,
.owl-carousel .owl-dots.disabled {
    display: none
}
@media screen and (min-width: 769px) {
    body#Home.home .owl-carousel .owl-nav.disabled {
        display: unset;
    }
}

.owl-carousel .owl-nav .owl-prev,
.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-dot {
    cursor: pointer;
    cursor: hand;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.owl-carousel.owl-loaded {
    display: block
}

.owl-carousel.owl-loading {
    opacity: 0;
    display: block
}

.owl-carousel.owl-hidden {
    opacity: 0
}

.owl-carousel.owl-refresh .owl-item {
    visibility: hidden
}

.owl-carousel.owl-drag .owl-item {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.owl-carousel.owl-grab {
    cursor: move;
    cursor: grab
}

.owl-carousel.owl-rtl {
    direction: rtl
}

.owl-carousel.owl-rtl .owl-item {
    float: right
}

.no-js .owl-carousel {
    display: block
}

.owl-carousel .animated {
    animation-duration: 1000ms;
    animation-fill-mode: both
}

.owl-carousel .owl-animated-in {
    z-index: 0
}

.owl-carousel .owl-animated-out {
    z-index: 1
}

.owl-carousel .fadeOut {
    animation-name: fadeOut
}

@keyframes fadeOut {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0
    }
}

.owl-height {
    transition: height 500ms ease-in-out
}

.owl-carousel .owl-item .owl-lazy {
    opacity: 0;
    transition: opacity 400ms ease
}

.owl-carousel .owl-item img.owl-lazy {
    transform-style: preserve-3d
}

.owl-carousel .owl-video-wrapper {
    position: relative;
    height: 100%;
    background: #000
}

.owl-carousel .owl-video-play-icon {
    position: absolute;
    height: 80px;
    width: 80px;
    left: 50%;
    top: 50%;
    margin-left: -40px;
    margin-top: -40px;
    background: url("owl.video.play.png") no-repeat;
    cursor: pointer;
    z-index: 1;
    -webkit-backface-visibility: hidden;
    transition: transform 100ms ease
}

.owl-carousel .owl-video-play-icon:hover {
    -ms-transform: scale(1.3, 1.3);
    transform: scale(1.3, 1.3)
}

.owl-carousel .owl-video-playing .owl-video-tn,
.owl-carousel .owl-video-playing .owl-video-play-icon {
    display: none
}

.owl-carousel .owl-video-tn {
    opacity: 0;
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    transition: opacity 400ms ease
}

.owl-carousel .owl-video-frame {
    position: relative;
    z-index: 1;
    height: 100%;
    width: 100%
}

.owl-theme .owl-nav {
    margin-top: 10px;
    text-align: center;
    -webkit-tap-highlight-color: transparent
}

.owl-theme .owl-nav [class*='owl-'] {
    color: #FFF;
    font-size: 14px;
    margin: 5px;
    padding: 4px 7px;
    background: #D6D6D6;
    display: inline-block;
    cursor: pointer;
    border-radius: 3px
}

.owl-theme .owl-nav [class*='owl-']:hover {
    background: #869791;
    color: #FFF;
    text-decoration: none
}

.owl-theme .owl-nav .disabled {
    opacity: 0.5;
    cursor: default
}

.owl-theme .owl-nav.disabled+.owl-dots {
    margin-top: 10px
}

.owl-theme .owl-dots {
    text-align: center;
    -webkit-tap-highlight-color: transparent
}

.owl-theme .owl-dots .owl-dot {
    display: inline-block;
    zoom: 1;
    *display: inline
}

.owl-theme .owl-dots .owl-dot span {
    width: 10px;
    height: 10px;
    margin: 5px 7px;
    background: #D6D6D6;
    display: block;
    -webkit-backface-visibility: visible;
    transition: opacity 200ms ease;
    border-radius: 30px
}

.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
    background: #869791
}


/*!
Animate.css - http://daneden.me/animate
Licensed under the MIT license

Copyright (c) 2013 Daniel Eden

Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
*/

.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.animated.infinite {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

.animated.hinge {
    -webkit-animation-duration: 2s;
    animation-duration: 2s
}

@-webkit-keyframes bounce {
    0%,
    20%,
    50%,
    80%,
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    40% {
        -webkit-transform: translateY(-30px);
        transform: translateY(-30px)
    }
    60% {
        -webkit-transform: translateY(-15px);
        transform: translateY(-15px)
    }
}

@keyframes bounce {
    0%,
    20%,
    50%,
    80%,
    100% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
    40% {
        -webkit-transform: translateY(-30px);
        -ms-transform: translateY(-30px);
        transform: translateY(-30px)
    }
    60% {
        -webkit-transform: translateY(-15px);
        -ms-transform: translateY(-15px);
        transform: translateY(-15px)
    }
}

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

@-webkit-keyframes flash {
    0%,
    50%,
    100% {
        opacity: 1
    }
    25%,
    75% {
        opacity: 0
    }
}

@keyframes flash {
    0%,
    50%,
    100% {
        opacity: 1
    }
    25%,
    75% {
        opacity: 0
    }
}

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

@-webkit-keyframes pulse {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    50% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes pulse {
    0% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1)
    }
    50% {
        -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1)
    }
    100% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1)
    }
}

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

@-webkit-keyframes rubberBand {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    30% {
        -webkit-transform: scaleX(1.25) scaleY(0.75);
        transform: scaleX(1.25) scaleY(0.75)
    }
    40% {
        -webkit-transform: scaleX(0.75) scaleY(1.25);
        transform: scaleX(0.75) scaleY(1.25)
    }
    60% {
        -webkit-transform: scaleX(1.15) scaleY(0.85);
        transform: scaleX(1.15) scaleY(0.85)
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes rubberBand {
    0% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1)
    }
    30% {
        -webkit-transform: scaleX(1.25) scaleY(0.75);
        -ms-transform: scaleX(1.25) scaleY(0.75);
        transform: scaleX(1.25) scaleY(0.75)
    }
    40% {
        -webkit-transform: scaleX(0.75) scaleY(1.25);
        -ms-transform: scaleX(0.75) scaleY(1.25);
        transform: scaleX(0.75) scaleY(1.25)
    }
    60% {
        -webkit-transform: scaleX(1.15) scaleY(0.85);
        -ms-transform: scaleX(1.15) scaleY(0.85);
        transform: scaleX(1.15) scaleY(0.85)
    }
    100% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1)
    }
}

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

@-webkit-keyframes shake {
    0%,
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    10%,
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: translateX(-10px);
        transform: translateX(-10px)
    }
    20%,
    40%,
    60%,
    80% {
        -webkit-transform: translateX(10px);
        transform: translateX(10px)
    }
}

@keyframes shake {
    0%,
    100% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }
    10%,
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: translateX(-10px);
        -ms-transform: translateX(-10px);
        transform: translateX(-10px)
    }
    20%,
    40%,
    60%,
    80% {
        -webkit-transform: translateX(10px);
        -ms-transform: translateX(10px);
        transform: translateX(10px)
    }
}

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

@-webkit-keyframes swing {
    20% {
        -webkit-transform: rotate(15deg);
        transform: rotate(15deg)
    }
    40% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }
    60% {
        -webkit-transform: rotate(5deg);
        transform: rotate(5deg)
    }
    80% {
        -webkit-transform: rotate(-5deg);
        transform: rotate(-5deg)
    }
    100% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
}

@keyframes swing {
    20% {
        -webkit-transform: rotate(15deg);
        -ms-transform: rotate(15deg);
        transform: rotate(15deg)
    }
    40% {
        -webkit-transform: rotate(-10deg);
        -ms-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }
    60% {
        -webkit-transform: rotate(5deg);
        -ms-transform: rotate(5deg);
        transform: rotate(5deg)
    }
    80% {
        -webkit-transform: rotate(-5deg);
        -ms-transform: rotate(-5deg);
        transform: rotate(-5deg)
    }
    100% {
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg)
    }
}

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

@-webkit-keyframes tada {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    10%,
    20% {
        -webkit-transform: scale(0.9) rotate(-3deg);
        transform: scale(0.9) rotate(-3deg)
    }
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: scale(1.1) rotate(3deg);
        transform: scale(1.1) rotate(3deg)
    }
    40%,
    60%,
    80% {
        -webkit-transform: scale(1.1) rotate(-3deg);
        transform: scale(1.1) rotate(-3deg)
    }
    100% {
        -webkit-transform: scale(1) rotate(0);
        transform: scale(1) rotate(0)
    }
}

@keyframes tada {
    0% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1)
    }
    10%,
    20% {
        -webkit-transform: scale(0.9) rotate(-3deg);
        -ms-transform: scale(0.9) rotate(-3deg);
        transform: scale(0.9) rotate(-3deg)
    }
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: scale(1.1) rotate(3deg);
        -ms-transform: scale(1.1) rotate(3deg);
        transform: scale(1.1) rotate(3deg)
    }
    40%,
    60%,
    80% {
        -webkit-transform: scale(1.1) rotate(-3deg);
        -ms-transform: scale(1.1) rotate(-3deg);
        transform: scale(1.1) rotate(-3deg)
    }
    100% {
        -webkit-transform: scale(1) rotate(0);
        -ms-transform: scale(1) rotate(0);
        transform: scale(1) rotate(0)
    }
}

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

@-webkit-keyframes wobble {
    0% {
        -webkit-transform: translateX(0%);
        transform: translateX(0%)
    }
    15% {
        -webkit-transform: translateX(-25%) rotate(-5deg);
        transform: translateX(-25%) rotate(-5deg)
    }
    30% {
        -webkit-transform: translateX(20%) rotate(3deg);
        transform: translateX(20%) rotate(3deg)
    }
    45% {
        -webkit-transform: translateX(-15%) rotate(-3deg);
        transform: translateX(-15%) rotate(-3deg)
    }
    60% {
        -webkit-transform: translateX(10%) rotate(2deg);
        transform: translateX(10%) rotate(2deg)
    }
    75% {
        -webkit-transform: translateX(-5%) rotate(-1deg);
        transform: translateX(-5%) rotate(-1deg)
    }
    100% {
        -webkit-transform: translateX(0%);
        transform: translateX(0%)
    }
}

@keyframes wobble {
    0% {
        -webkit-transform: translateX(0%);
        -ms-transform: translateX(0%);
        transform: translateX(0%)
    }
    15% {
        -webkit-transform: translateX(-25%) rotate(-5deg);
        -ms-transform: translateX(-25%) rotate(-5deg);
        transform: translateX(-25%) rotate(-5deg)
    }
    30% {
        -webkit-transform: translateX(20%) rotate(3deg);
        -ms-transform: translateX(20%) rotate(3deg);
        transform: translateX(20%) rotate(3deg)
    }
    45% {
        -webkit-transform: translateX(-15%) rotate(-3deg);
        -ms-transform: translateX(-15%) rotate(-3deg);
        transform: translateX(-15%) rotate(-3deg)
    }
    60% {
        -webkit-transform: translateX(10%) rotate(2deg);
        -ms-transform: translateX(10%) rotate(2deg);
        transform: translateX(10%) rotate(2deg)
    }
    75% {
        -webkit-transform: translateX(-5%) rotate(-1deg);
        -ms-transform: translateX(-5%) rotate(-1deg);
        transform: translateX(-5%) rotate(-1deg)
    }
    100% {
        -webkit-transform: translateX(0%);
        -ms-transform: translateX(0%);
        transform: translateX(0%)
    }
}

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

@-webkit-keyframes bounceIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(0.3);
        transform: scale(0.3)
    }
    50% {
        opacity: 1;
        -webkit-transform: scale(1.05);
        transform: scale(1.05)
    }
    70% {
        -webkit-transform: scale(0.9);
        transform: scale(0.9)
    }
    100% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes bounceIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(0.3);
        -ms-transform: scale(0.3);
        transform: scale(0.3)
    }
    50% {
        opacity: 1;
        -webkit-transform: scale(1.05);
        -ms-transform: scale(1.05);
        transform: scale(1.05)
    }
    70% {
        -webkit-transform: scale(0.9);
        -ms-transform: scale(0.9);
        transform: scale(0.9)
    }
    100% {
        opacity: 1;
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1)
    }
}

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

@-webkit-keyframes bounceInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        transform: translateY(-2000px)
    }
    60% {
        opacity: 1;
        -webkit-transform: translateY(30px);
        transform: translateY(30px)
    }
    80% {
        -webkit-transform: translateY(-10px);
        transform: translateY(-10px)
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes bounceInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        -ms-transform: translateY(-2000px);
        transform: translateY(-2000px)
    }
    60% {
        opacity: 1;
        -webkit-transform: translateY(30px);
        -ms-transform: translateY(30px);
        transform: translateY(30px)
    }
    80% {
        -webkit-transform: translateY(-10px);
        -ms-transform: translateY(-10px);
        transform: translateY(-10px)
    }
    100% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
}

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

@-webkit-keyframes bounceInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        transform: translateX(-2000px)
    }
    60% {
        opacity: 1;
        -webkit-transform: translateX(30px);
        transform: translateX(30px)
    }
    80% {
        -webkit-transform: translateX(-10px);
        transform: translateX(-10px)
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes bounceInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        -ms-transform: translateX(-2000px);
        transform: translateX(-2000px)
    }
    60% {
        opacity: 1;
        -webkit-transform: translateX(30px);
        -ms-transform: translateX(30px);
        transform: translateX(30px)
    }
    80% {
        -webkit-transform: translateX(-10px);
        -ms-transform: translateX(-10px);
        transform: translateX(-10px)
    }
    100% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }
}

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

@-webkit-keyframes bounceInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        transform: translateX(2000px)
    }
    60% {
        opacity: 1;
        -webkit-transform: translateX(-30px);
        transform: translateX(-30px)
    }
    80% {
        -webkit-transform: translateX(10px);
        transform: translateX(10px)
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes bounceInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        -ms-transform: translateX(2000px);
        transform: translateX(2000px)
    }
    60% {
        opacity: 1;
        -webkit-transform: translateX(-30px);
        -ms-transform: translateX(-30px);
        transform: translateX(-30px)
    }
    80% {
        -webkit-transform: translateX(10px);
        -ms-transform: translateX(10px);
        transform: translateX(10px)
    }
    100% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }
}

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

@-webkit-keyframes bounceInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        transform: translateY(2000px)
    }
    60% {
        opacity: 1;
        -webkit-transform: translateY(-30px);
        transform: translateY(-30px)
    }
    80% {
        -webkit-transform: translateY(10px);
        transform: translateY(10px)
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes bounceInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        -ms-transform: translateY(2000px);
        transform: translateY(2000px)
    }
    60% {
        opacity: 1;
        -webkit-transform: translateY(-30px);
        -ms-transform: translateY(-30px);
        transform: translateY(-30px)
    }
    80% {
        -webkit-transform: translateY(10px);
        -ms-transform: translateY(10px);
        transform: translateY(10px)
    }
    100% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
}

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

@-webkit-keyframes bounceOut {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    25% {
        -webkit-transform: scale(0.95);
        transform: scale(0.95)
    }
    50% {
        opacity: 1;
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }
    100% {
        opacity: 0;
        -webkit-transform: scale(0.3);
        transform: scale(0.3)
    }
}

@keyframes bounceOut {
    0% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1)
    }
    25% {
        -webkit-transform: scale(0.95);
        -ms-transform: scale(0.95);
        transform: scale(0.95)
    }
    50% {
        opacity: 1;
        -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1)
    }
    100% {
        opacity: 0;
        -webkit-transform: scale(0.3);
        -ms-transform: scale(0.3);
        transform: scale(0.3)
    }
}

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

@-webkit-keyframes bounceOutDown {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    20% {
        opacity: 1;
        -webkit-transform: translateY(-20px);
        transform: translateY(-20px)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        transform: translateY(2000px)
    }
}

@keyframes bounceOutDown {
    0% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
    20% {
        opacity: 1;
        -webkit-transform: translateY(-20px);
        -ms-transform: translateY(-20px);
        transform: translateY(-20px)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        -ms-transform: translateY(2000px);
        transform: translateY(2000px)
    }
}

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

@-webkit-keyframes bounceOutLeft {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    20% {
        opacity: 1;
        -webkit-transform: translateX(20px);
        transform: translateX(20px)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        transform: translateX(-2000px)
    }
}

@keyframes bounceOutLeft {
    0% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }
    20% {
        opacity: 1;
        -webkit-transform: translateX(20px);
        -ms-transform: translateX(20px);
        transform: translateX(20px)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        -ms-transform: translateX(-2000px);
        transform: translateX(-2000px)
    }
}

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

@-webkit-keyframes bounceOutRight {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    20% {
        opacity: 1;
        -webkit-transform: translateX(-20px);
        transform: translateX(-20px)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        transform: translateX(2000px)
    }
}

@keyframes bounceOutRight {
    0% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }
    20% {
        opacity: 1;
        -webkit-transform: translateX(-20px);
        -ms-transform: translateX(-20px);
        transform: translateX(-20px)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        -ms-transform: translateX(2000px);
        transform: translateX(2000px)
    }
}

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

@-webkit-keyframes bounceOutUp {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    20% {
        opacity: 1;
        -webkit-transform: translateY(20px);
        transform: translateY(20px)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        transform: translateY(-2000px)
    }
}

@keyframes bounceOutUp {
    0% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
    20% {
        opacity: 1;
        -webkit-transform: translateY(20px);
        -ms-transform: translateY(20px);
        transform: translateY(20px)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        -ms-transform: translateY(-2000px);
        transform: translateY(-2000px)
    }
}

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

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

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

@-webkit-keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-20px);
        transform: translateY(-20px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-20px);
        -ms-transform: translateY(-20px);
        transform: translateY(-20px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
}

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

@-webkit-keyframes fadeInDownBig {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        transform: translateY(-2000px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes fadeInDownBig {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        -ms-transform: translateY(-2000px);
        transform: translateY(-2000px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
}

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

@-webkit-keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-20px);
        transform: translateX(-20px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-20px);
        -ms-transform: translateX(-20px);
        transform: translateX(-20px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }
}

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

@-webkit-keyframes fadeInLeftBig {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        transform: translateX(-2000px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes fadeInLeftBig {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        -ms-transform: translateX(-2000px);
        transform: translateX(-2000px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }
}

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

@-webkit-keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(20px);
        transform: translateX(20px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(20px);
        -ms-transform: translateX(20px);
        transform: translateX(20px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }
}

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

@-webkit-keyframes fadeInRightBig {
    0% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        transform: translateX(2000px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes fadeInRightBig {
    0% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        -ms-transform: translateX(2000px);
        transform: translateX(2000px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }
}

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

@-webkit-keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(20px);
        transform: translateY(20px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(20px);
        -ms-transform: translateY(20px);
        transform: translateY(20px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
}

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

@-webkit-keyframes fadeInUpBig {
    0% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        transform: translateY(2000px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes fadeInUpBig {
    0% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        -ms-transform: translateY(2000px);
        transform: translateY(2000px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
}

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

@-webkit-keyframes fadeOut {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0
    }
}

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

@-webkit-keyframes fadeOutDown {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(20px);
        transform: translateY(20px)
    }
}

@keyframes fadeOutDown {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(20px);
        -ms-transform: translateY(20px);
        transform: translateY(20px)
    }
}

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

@-webkit-keyframes fadeOutDownBig {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        transform: translateY(2000px)
    }
}

@keyframes fadeOutDownBig {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        -ms-transform: translateY(2000px);
        transform: translateY(2000px)
    }
}

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

@-webkit-keyframes fadeOutLeft {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(-20px);
        transform: translateX(-20px)
    }
}

@keyframes fadeOutLeft {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(-20px);
        -ms-transform: translateX(-20px);
        transform: translateX(-20px)
    }
}

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

@-webkit-keyframes fadeOutLeftBig {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        transform: translateX(-2000px)
    }
}

@keyframes fadeOutLeftBig {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        -ms-transform: translateX(-2000px);
        transform: translateX(-2000px)
    }
}

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

@-webkit-keyframes fadeOutRight {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(20px);
        transform: translateX(20px)
    }
}

@keyframes fadeOutRight {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(20px);
        -ms-transform: translateX(20px);
        transform: translateX(20px)
    }
}

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

@-webkit-keyframes fadeOutRightBig {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        transform: translateX(2000px)
    }
}

@keyframes fadeOutRightBig {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        -ms-transform: translateX(2000px);
        transform: translateX(2000px)
    }
}

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

@-webkit-keyframes fadeOutUp {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(-20px);
        transform: translateY(-20px)
    }
}

@keyframes fadeOutUp {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(-20px);
        -ms-transform: translateY(-20px);
        transform: translateY(-20px)
    }
}

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

@-webkit-keyframes fadeOutUpBig {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        transform: translateY(-2000px)
    }
}

@keyframes fadeOutUpBig {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        -ms-transform: translateY(-2000px);
        transform: translateY(-2000px)
    }
}

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

@-webkit-keyframes flip {
    0% {
        -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
        transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
    40% {
        -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
        transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
    50% {
        -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
        transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    80% {
        -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(0.95);
        transform: perspective(400px) translateZ(0) rotateY(360deg) scale(0.95);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    100% {
        -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
        transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
}

@keyframes flip {
    0% {
        -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
        -ms-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
        transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
    40% {
        -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
        -ms-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
        transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
    50% {
        -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
        -ms-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
        transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    80% {
        -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(0.95);
        -ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(0.95);
        transform: perspective(400px) translateZ(0) rotateY(360deg) scale(0.95);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    100% {
        -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
        -ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
        transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
}

.animated.flip {
    -webkit-backface-visibility: visible;
    -ms-backface-visibility: visible;
    backface-visibility: visible;
    -webkit-animation-name: flip;
    animation-name: flip
}

@-webkit-keyframes flipInX {
    0% {
        -webkit-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
        opacity: 0
    }
    40% {
        -webkit-transform: perspective(400px) rotateX(-10deg);
        transform: perspective(400px) rotateX(-10deg)
    }
    70% {
        -webkit-transform: perspective(400px) rotateX(10deg);
        transform: perspective(400px) rotateX(10deg)
    }
    100% {
        -webkit-transform: perspective(400px) rotateX(0deg);
        transform: perspective(400px) rotateX(0deg);
        opacity: 1
    }
}

@keyframes flipInX {
    0% {
        -webkit-transform: perspective(400px) rotateX(90deg);
        -ms-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
        opacity: 0
    }
    40% {
        -webkit-transform: perspective(400px) rotateX(-10deg);
        -ms-transform: perspective(400px) rotateX(-10deg);
        transform: perspective(400px) rotateX(-10deg)
    }
    70% {
        -webkit-transform: perspective(400px) rotateX(10deg);
        -ms-transform: perspective(400px) rotateX(10deg);
        transform: perspective(400px) rotateX(10deg)
    }
    100% {
        -webkit-transform: perspective(400px) rotateX(0deg);
        -ms-transform: perspective(400px) rotateX(0deg);
        transform: perspective(400px) rotateX(0deg);
        opacity: 1
    }
}

.flipInX {
    -webkit-backface-visibility: visible !important;
    -ms-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipInX;
    animation-name: flipInX
}

@-webkit-keyframes flipInY {
    0% {
        -webkit-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg);
        opacity: 0
    }
    40% {
        -webkit-transform: perspective(400px) rotateY(-10deg);
        transform: perspective(400px) rotateY(-10deg)
    }
    70% {
        -webkit-transform: perspective(400px) rotateY(10deg);
        transform: perspective(400px) rotateY(10deg)
    }
    100% {
        -webkit-transform: perspective(400px) rotateY(0deg);
        transform: perspective(400px) rotateY(0deg);
        opacity: 1
    }
}

@keyframes flipInY {
    0% {
        -webkit-transform: perspective(400px) rotateY(90deg);
        -ms-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg);
        opacity: 0
    }
    40% {
        -webkit-transform: perspective(400px) rotateY(-10deg);
        -ms-transform: perspective(400px) rotateY(-10deg);
        transform: perspective(400px) rotateY(-10deg)
    }
    70% {
        -webkit-transform: perspective(400px) rotateY(10deg);
        -ms-transform: perspective(400px) rotateY(10deg);
        transform: perspective(400px) rotateY(10deg)
    }
    100% {
        -webkit-transform: perspective(400px) rotateY(0deg);
        -ms-transform: perspective(400px) rotateY(0deg);
        transform: perspective(400px) rotateY(0deg);
        opacity: 1
    }
}

.flipInY {
    -webkit-backface-visibility: visible !important;
    -ms-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipInY;
    animation-name: flipInY
}

@-webkit-keyframes flipOutX {
    0% {
        -webkit-transform: perspective(400px) rotateX(0deg);
        transform: perspective(400px) rotateX(0deg);
        opacity: 1
    }
    100% {
        -webkit-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
        opacity: 0
    }
}

@keyframes flipOutX {
    0% {
        -webkit-transform: perspective(400px) rotateX(0deg);
        -ms-transform: perspective(400px) rotateX(0deg);
        transform: perspective(400px) rotateX(0deg);
        opacity: 1
    }
    100% {
        -webkit-transform: perspective(400px) rotateX(90deg);
        -ms-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
        opacity: 0
    }
}

.flipOutX {
    -webkit-animation-name: flipOutX;
    animation-name: flipOutX;
    -webkit-backface-visibility: visible !important;
    -ms-backface-visibility: visible !important;
    backface-visibility: visible !important
}

@-webkit-keyframes flipOutY {
    0% {
        -webkit-transform: perspective(400px) rotateY(0deg);
        transform: perspective(400px) rotateY(0deg);
        opacity: 1
    }
    100% {
        -webkit-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg);
        opacity: 0
    }
}

@keyframes flipOutY {
    0% {
        -webkit-transform: perspective(400px) rotateY(0deg);
        -ms-transform: perspective(400px) rotateY(0deg);
        transform: perspective(400px) rotateY(0deg);
        opacity: 1
    }
    100% {
        -webkit-transform: perspective(400px) rotateY(90deg);
        -ms-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg);
        opacity: 0
    }
}

.flipOutY {
    -webkit-backface-visibility: visible !important;
    -ms-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipOutY;
    animation-name: flipOutY
}

@-webkit-keyframes lightSpeedIn {
    0% {
        -webkit-transform: translateX(100%) skewX(-30deg);
        transform: translateX(100%) skewX(-30deg);
        opacity: 0
    }
    60% {
        -webkit-transform: translateX(-20%) skewX(30deg);
        transform: translateX(-20%) skewX(30deg);
        opacity: 1
    }
    80% {
        -webkit-transform: translateX(0%) skewX(-15deg);
        transform: translateX(0%) skewX(-15deg);
        opacity: 1
    }
    100% {
        -webkit-transform: translateX(0%) skewX(0deg);
        transform: translateX(0%) skewX(0deg);
        opacity: 1
    }
}

@keyframes lightSpeedIn {
    0% {
        -webkit-transform: translateX(100%) skewX(-30deg);
        -ms-transform: translateX(100%) skewX(-30deg);
        transform: translateX(100%) skewX(-30deg);
        opacity: 0
    }
    60% {
        -webkit-transform: translateX(-20%) skewX(30deg);
        -ms-transform: translateX(-20%) skewX(30deg);
        transform: translateX(-20%) skewX(30deg);
        opacity: 1
    }
    80% {
        -webkit-transform: translateX(0%) skewX(-15deg);
        -ms-transform: translateX(0%) skewX(-15deg);
        transform: translateX(0%) skewX(-15deg);
        opacity: 1
    }
    100% {
        -webkit-transform: translateX(0%) skewX(0deg);
        -ms-transform: translateX(0%) skewX(0deg);
        transform: translateX(0%) skewX(0deg);
        opacity: 1
    }
}

.lightSpeedIn {
    -webkit-animation-name: lightSpeedIn;
    animation-name: lightSpeedIn;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out
}

@-webkit-keyframes lightSpeedOut {
    0% {
        -webkit-transform: translateX(0%) skewX(0deg);
        transform: translateX(0%) skewX(0deg);
        opacity: 1
    }
    100% {
        -webkit-transform: translateX(100%) skewX(-30deg);
        transform: translateX(100%) skewX(-30deg);
        opacity: 0
    }
}

@keyframes lightSpeedOut {
    0% {
        -webkit-transform: translateX(0%) skewX(0deg);
        -ms-transform: translateX(0%) skewX(0deg);
        transform: translateX(0%) skewX(0deg);
        opacity: 1
    }
    100% {
        -webkit-transform: translateX(100%) skewX(-30deg);
        -ms-transform: translateX(100%) skewX(-30deg);
        transform: translateX(100%) skewX(-30deg);
        opacity: 0
    }
}

.lightSpeedOut {
    -webkit-animation-name: lightSpeedOut;
    animation-name: lightSpeedOut;
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in
}

@-webkit-keyframes rotateIn {
    0% {
        -webkit-transform-origin: center center;
        transform-origin: center center;
        -webkit-transform: rotate(-200deg);
        transform: rotate(-200deg);
        opacity: 0
    }
    100% {
        -webkit-transform-origin: center center;
        transform-origin: center center;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }
}

@keyframes rotateIn {
    0% {
        -webkit-transform-origin: center center;
        -ms-transform-origin: center center;
        transform-origin: center center;
        -webkit-transform: rotate(-200deg);
        -ms-transform: rotate(-200deg);
        transform: rotate(-200deg);
        opacity: 0
    }
    100% {
        -webkit-transform-origin: center center;
        -ms-transform-origin: center center;
        transform-origin: center center;
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }
}

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

@-webkit-keyframes rotateInDownLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0
    }
    100% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }
}

@keyframes rotateInDownLeft {
    0% {
        -webkit-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0
    }
    100% {
        -webkit-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }
}

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

@-webkit-keyframes rotateInDownRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0
    }
    100% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }
}

@keyframes rotateInDownRight {
    0% {
        -webkit-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0
    }
    100% {
        -webkit-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }
}

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

@-webkit-keyframes rotateInUpLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0
    }
    100% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }
}

@keyframes rotateInUpLeft {
    0% {
        -webkit-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0
    }
    100% {
        -webkit-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }
}

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

@-webkit-keyframes rotateInUpRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0
    }
    100% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }
}

@keyframes rotateInUpRight {
    0% {
        -webkit-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0
    }
    100% {
        -webkit-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }
}

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

@-webkit-keyframes rotateOut {
    0% {
        -webkit-transform-origin: center center;
        transform-origin: center center;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }
    100% {
        -webkit-transform-origin: center center;
        transform-origin: center center;
        -webkit-transform: rotate(200deg);
        transform: rotate(200deg);
        opacity: 0
    }
}

@keyframes rotateOut {
    0% {
        -webkit-transform-origin: center center;
        -ms-transform-origin: center center;
        transform-origin: center center;
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }
    100% {
        -webkit-transform-origin: center center;
        -ms-transform-origin: center center;
        transform-origin: center center;
        -webkit-transform: rotate(200deg);
        -ms-transform: rotate(200deg);
        transform: rotate(200deg);
        opacity: 0
    }
}

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

@-webkit-keyframes rotateOutDownLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }
    100% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0
    }
}

@keyframes rotateOutDownLeft {
    0% {
        -webkit-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }
    100% {
        -webkit-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0
    }
}

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

@-webkit-keyframes rotateOutDownRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }
    100% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0
    }
}

@keyframes rotateOutDownRight {
    0% {
        -webkit-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }
    100% {
        -webkit-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0
    }
}

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

@-webkit-keyframes rotateOutUpLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }
    100% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0
    }
}

@keyframes rotateOutUpLeft {
    0% {
        -webkit-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }
    100% {
        -webkit-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0
    }
}

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

@-webkit-keyframes rotateOutUpRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }
    100% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0
    }
}

@keyframes rotateOutUpRight {
    0% {
        -webkit-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }
    100% {
        -webkit-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0
    }
}

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

@-webkit-keyframes slideInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        transform: translateY(-2000px)
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes slideInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        -ms-transform: translateY(-2000px);
        transform: translateY(-2000px)
    }
    100% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
}

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

@-webkit-keyframes slideInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        transform: translateX(-2000px)
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes slideInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        -ms-transform: translateX(-2000px);
        transform: translateX(-2000px)
    }
    100% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }
}

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

@-webkit-keyframes slideInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        transform: translateX(2000px)
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes slideInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        -ms-transform: translateX(2000px);
        transform: translateX(2000px)
    }
    100% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }
}

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

@-webkit-keyframes slideOutLeft {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        transform: translateX(-2000px)
    }
}

@keyframes slideOutLeft {
    0% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        -ms-transform: translateX(-2000px);
        transform: translateX(-2000px)
    }
}

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

@-webkit-keyframes slideOutRight {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        transform: translateX(2000px)
    }
}

@keyframes slideOutRight {
    0% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        -ms-transform: translateX(2000px);
        transform: translateX(2000px)
    }
}

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

@-webkit-keyframes slideOutUp {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        transform: translateY(-2000px)
    }
}

@keyframes slideOutUp {
    0% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        -ms-transform: translateY(-2000px);
        transform: translateY(-2000px)
    }
}

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

@-webkit-keyframes slideInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        transform: translateY(2000px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes slideInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        -ms-transform: translateY(2000px);
        transform: translateY(2000px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
}

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

@-webkit-keyframes slideOutDown {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        transform: translateY(2000px)
    }
}

@keyframes slideOutDown {
    0% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        -ms-transform: translateY(2000px);
        transform: translateY(2000px)
    }
}

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

@-webkit-keyframes hinge {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(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: rotate(80deg);
        transform: rotate(80deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }
    40% {
        -webkit-transform: rotate(60deg);
        transform: rotate(60deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }
    80% {
        -webkit-transform: rotate(60deg) translateY(0);
        transform: rotate(60deg) translateY(0);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        opacity: 1
    }
    100% {
        -webkit-transform: translateY(700px);
        transform: translateY(700px);
        opacity: 0
    }
}

@keyframes hinge {
    0% {
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        -webkit-transform-origin: top left;
        -ms-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: rotate(80deg);
        -ms-transform: rotate(80deg);
        transform: rotate(80deg);
        -webkit-transform-origin: top left;
        -ms-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }
    40% {
        -webkit-transform: rotate(60deg);
        -ms-transform: rotate(60deg);
        transform: rotate(60deg);
        -webkit-transform-origin: top left;
        -ms-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }
    80% {
        -webkit-transform: rotate(60deg) translateY(0);
        -ms-transform: rotate(60deg) translateY(0);
        transform: rotate(60deg) translateY(0);
        -webkit-transform-origin: top left;
        -ms-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        opacity: 1
    }
    100% {
        -webkit-transform: translateY(700px);
        -ms-transform: translateY(700px);
        transform: translateY(700px);
        opacity: 0
    }
}

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

@-webkit-keyframes rollIn {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-100%) rotate(-120deg);
        transform: translateX(-100%) rotate(-120deg)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0px) rotate(0deg);
        transform: translateX(0px) rotate(0deg)
    }
}

@keyframes rollIn {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-100%) rotate(-120deg);
        -ms-transform: translateX(-100%) rotate(-120deg);
        transform: translateX(-100%) rotate(-120deg)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0px) rotate(0deg);
        -ms-transform: translateX(0px) rotate(0deg);
        transform: translateX(0px) rotate(0deg)
    }
}

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

@-webkit-keyframes rollOut {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0px) rotate(0deg);
        transform: translateX(0px) rotate(0deg)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(100%) rotate(120deg);
        transform: translateX(100%) rotate(120deg)
    }
}

@keyframes rollOut {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0px) rotate(0deg);
        -ms-transform: translateX(0px) rotate(0deg);
        transform: translateX(0px) rotate(0deg)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(100%) rotate(120deg);
        -ms-transform: translateX(100%) rotate(120deg);
        transform: translateX(100%) rotate(120deg)
    }
}

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

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

@keyframes zoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(0.3);
        -ms-transform: scale(0.3);
        transform: scale(0.3)
    }
    50% {
        opacity: 1
    }
}

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

@-webkit-keyframes zoomInDown {
    0% {
        opacity: 0;
        -webkit-transform: scale(0.1) translateY(-2000px);
        transform: scale(0.1) translateY(-2000px);
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }
    60% {
        opacity: 1;
        -webkit-transform: scale(0.475) translateY(60px);
        transform: scale(0.475) translateY(60px);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
}

@keyframes zoomInDown {
    0% {
        opacity: 0;
        -webkit-transform: scale(0.1) translateY(-2000px);
        -ms-transform: scale(0.1) translateY(-2000px);
        transform: scale(0.1) translateY(-2000px);
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }
    60% {
        opacity: 1;
        -webkit-transform: scale(0.475) translateY(60px);
        -ms-transform: scale(0.475) translateY(60px);
        transform: scale(0.475) translateY(60px);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
}

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

@-webkit-keyframes zoomInLeft {
    0% {
        opacity: 0;
        -webkit-transform: scale(0.1) translateX(-2000px);
        transform: scale(0.1) translateX(-2000px);
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }
    60% {
        opacity: 1;
        -webkit-transform: scale(0.475) translateX(48px);
        transform: scale(0.475) translateX(48px);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
}

@keyframes zoomInLeft {
    0% {
        opacity: 0;
        -webkit-transform: scale(0.1) translateX(-2000px);
        -ms-transform: scale(0.1) translateX(-2000px);
        transform: scale(0.1) translateX(-2000px);
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }
    60% {
        opacity: 1;
        -webkit-transform: scale(0.475) translateX(48px);
        -ms-transform: scale(0.475) translateX(48px);
        transform: scale(0.475) translateX(48px);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
}

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

@-webkit-keyframes zoomInRight {
    0% {
        opacity: 0;
        -webkit-transform: scale(0.1) translateX(2000px);
        transform: scale(0.1) translateX(2000px);
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }
    60% {
        opacity: 1;
        -webkit-transform: scale(0.475) translateX(-48px);
        transform: scale(0.475) translateX(-48px);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
}

@keyframes zoomInRight {
    0% {
        opacity: 0;
        -webkit-transform: scale(0.1) translateX(2000px);
        -ms-transform: scale(0.1) translateX(2000px);
        transform: scale(0.1) translateX(2000px);
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }
    60% {
        opacity: 1;
        -webkit-transform: scale(0.475) translateX(-48px);
        -ms-transform: scale(0.475) translateX(-48px);
        transform: scale(0.475) translateX(-48px);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
}

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

@-webkit-keyframes zoomInUp {
    0% {
        opacity: 0;
        -webkit-transform: scale(0.1) translateY(2000px);
        transform: scale(0.1) translateY(2000px);
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }
    60% {
        opacity: 1;
        -webkit-transform: scale(0.475) translateY(-60px);
        transform: scale(0.475) translateY(-60px);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
}

@keyframes zoomInUp {
    0% {
        opacity: 0;
        -webkit-transform: scale(0.1) translateY(2000px);
        -ms-transform: scale(0.1) translateY(2000px);
        transform: scale(0.1) translateY(2000px);
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }
    60% {
        opacity: 1;
        -webkit-transform: scale(0.475) translateY(-60px);
        -ms-transform: scale(0.475) translateY(-60px);
        transform: scale(0.475) translateY(-60px);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
}

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

@-webkit-keyframes zoomOut {
    0% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    50% {
        opacity: 0;
        -webkit-transform: scale(0.3);
        transform: scale(0.3)
    }
    100% {
        opacity: 0
    }
}

@keyframes zoomOut {
    0% {
        opacity: 1;
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1)
    }
    50% {
        opacity: 0;
        -webkit-transform: scale(0.3);
        -ms-transform: scale(0.3);
        transform: scale(0.3)
    }
    100% {
        opacity: 0
    }
}

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

@-webkit-keyframes zoomOutDown {
    40% {
        opacity: 1;
        -webkit-transform: scale(0.475) translateY(-60px);
        transform: scale(0.475) translateY(-60px);
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear
    }
    100% {
        opacity: 0;
        -webkit-transform: scale(0.1) translateY(2000px);
        transform: scale(0.1) translateY(2000px);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom
    }
}

@keyframes zoomOutDown {
    40% {
        opacity: 1;
        -webkit-transform: scale(0.475) translateY(-60px);
        -ms-transform: scale(0.475) translateY(-60px);
        transform: scale(0.475) translateY(-60px);
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear
    }
    100% {
        opacity: 0;
        -webkit-transform: scale(0.1) translateY(2000px);
        -ms-transform: scale(0.1) translateY(2000px);
        transform: scale(0.1) translateY(2000px);
        -webkit-transform-origin: center bottom;
        -ms-transform-origin: center bottom;
        transform-origin: center bottom
    }
}

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

@-webkit-keyframes zoomOutLeft {
    40% {
        opacity: 1;
        -webkit-transform: scale(0.475) translateX(42px);
        transform: scale(0.475) translateX(42px);
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear
    }
    100% {
        opacity: 0;
        -webkit-transform: scale(0.1) translateX(-2000px);
        transform: scale(0.1) translateX(-2000px);
        -webkit-transform-origin: left center;
        transform-origin: left center
    }
}

@keyframes zoomOutLeft {
    40% {
        opacity: 1;
        -webkit-transform: scale(0.475) translateX(42px);
        -ms-transform: scale(0.475) translateX(42px);
        transform: scale(0.475) translateX(42px);
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear
    }
    100% {
        opacity: 0;
        -webkit-transform: scale(0.1) translateX(-2000px);
        -ms-transform: scale(0.1) translateX(-2000px);
        transform: scale(0.1) translateX(-2000px);
        -webkit-transform-origin: left center;
        -ms-transform-origin: left center;
        transform-origin: left center
    }
}

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

@-webkit-keyframes zoomOutRight {
    40% {
        opacity: 1;
        -webkit-transform: scale(0.475) translateX(-42px);
        transform: scale(0.475) translateX(-42px);
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear
    }
    100% {
        opacity: 0;
        -webkit-transform: scale(0.1) translateX(2000px);
        transform: scale(0.1) translateX(2000px);
        -webkit-transform-origin: right center;
        transform-origin: right center
    }
}

@keyframes zoomOutRight {
    40% {
        opacity: 1;
        -webkit-transform: scale(0.475) translateX(-42px);
        -ms-transform: scale(0.475) translateX(-42px);
        transform: scale(0.475) translateX(-42px);
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear
    }
    100% {
        opacity: 0;
        -webkit-transform: scale(0.1) translateX(2000px);
        -ms-transform: scale(0.1) translateX(2000px);
        transform: scale(0.1) translateX(2000px);
        -webkit-transform-origin: right center;
        -ms-transform-origin: right center;
        transform-origin: right center
    }
}

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

@-webkit-keyframes zoomOutUp {
    40% {
        opacity: 1;
        -webkit-transform: scale(0.475) translateY(60px);
        transform: scale(0.475) translateY(60px);
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear
    }
    100% {
        opacity: 0;
        -webkit-transform: scale(0.1) translateY(-2000px);
        transform: scale(0.1) translateY(-2000px);
        -webkit-transform-origin: center top;
        transform-origin: center top
    }
}

@keyframes zoomOutUp {
    40% {
        opacity: 1;
        -webkit-transform: scale(0.475) translateY(60px);
        -ms-transform: scale(0.475) translateY(60px);
        transform: scale(0.475) translateY(60px);
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear
    }
    100% {
        opacity: 0;
        -webkit-transform: scale(0.1) translateY(-2000px);
        -ms-transform: scale(0.1) translateY(-2000px);
        transform: scale(0.1) translateY(-2000px);
        -webkit-transform-origin: center top;
        -ms-transform-origin: center top;
        transform-origin: center top
    }
}

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

#Account {
    font-size: 15px
}

#Account .bodyGeneral {
    dispaly: inline-block;
    width: 100%;
    margin: 15px 0
}

#Account .col-mn-6 {
    vertical-align: top;
    text-align: center
}

#Account #accountAjaxBusy {
    display: none
}

#Account #address-remove {
    position: fixed;
    top: 5%;
    left: 0;
    right: 0;
    max-width: 600px;
    z-index: 14;
    opacity: 0;
    margin: auto;
    transition: 0.3s;
    display: none;
    background: white;
    border-radius: 15px;
    padding: 20px;
    width: calc(90% - 40px);
    max-height: 250px;
    overflow: visible
}

#Account #address-remove.in {
    opacity: 1;
    display: block !important;
    overflow: visible;
    max-height: 250px
}

#Account #address-remove .modal-body {
    height: auto
}

#Account #address-remove .btn-link {
    margin: 10px 0 0 5px
}

#Account #editar-perfil {
    position: fixed;
    top: 5%;
    left: 0;
    right: 0;
    max-width: 600px;
    width: 90%;
    z-index: 14;
    opacity: 0;
    margin: auto;
    transition: 0.3s;
    display: none
}

#Account #editar-perfil.in {
    opacity: 1;
    display: block !important;
    overflow: visible;
    max-height: 470px
}

#Account #editar-perfil form {
    background: white;
    width: 100%;
    padding: 20px;
    height: 470px;
    margin: auto;
    border-radius: 5px;
    position: relative
}

#Account #account-extra-top,
#Account #account-extra-bottom {
    clear: both
}

#Account .form-personal-data-gender .controls label {
    width: inherit;
    margin: auto 15px 5px auto;
    padding: 0;
    line-height: 15px
}

#Account .address-form .row>div {
    margin: auto;
    width: 100%
}

#Account .address-form .row .span1 {
    margin: auto;
    width: 100%
}

#Account .address-display>div {
    padding: 15px 0;
    float: left;
    width: 100%
}

#Account .span1,
#Account .span2,
#Account .span3,
#Account .span4,
#Account .span5,
#Account .span6,
#Account .span7,
#Account .span8,
#Account .span9,
#Account .span10,
#Account .span11,
#Account .span12 {
    margin: auto
}

#Account #response-message {
    background: white;
    border-radius: 5px;
    text-align: center;
    padding: 20px;
    height: auto;
    opacity: 1 !important
}

#Account #response-message h4 {
    font-size: 18px;
    font-weight: bold
}

#Account #address-edit {
    position: fixed;
    top: 5%;
    left: 0;
    right: 0;
    max-width: 600px;
    width: 90%;
    z-index: 14;
    opacity: 0;
    margin: auto;
    transition: 0.3s;
    display: none
}

#Account #address-edit.in {
    display: block !important;
    overflow: visible;
    max-height: 470px;
    opacity: 1 !important
}

#Account #address-edit.in h4 {
    background: white;
    border-radius: 5px;
    text-align: center;
    padding: 20px;
    height: auto
}

#Account #address-edit.in form {
    background: white;
    width: 100%;
    padding: 20px;
    height: 470px;
    margin: auto;
    border-radius: 5px;
    position: relative
}

#Account .modal-header {
    padding: 5px 0
}

#Account .modal-header h3 {
    width: 100%;
    display: inline-block;
    font-size: 1.375rem;
    margin: 0;
    text-transform: uppercase;
    font-weight: bold;
    color: #ed133f
}

#Account .modal-header h3:before {
    content: "\f2bd";
    font-weight: 900;
    font-family: Font Awesome\ 5 Free;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
    padding-right: 8px
}

#Account .modal-header button.close {
    position: absolute;
    right: -15px;
    left: initial;
    line-height: normal;
    text-align: center;
    top: -15px;
    background: #ed133f;
    color: #FFF;
    font-size: 0;
    font-weight: bold;
    height: 30px;
    width: 30px;
    border-radius: 50%;
    cursor: pointer;
    opacity: 1;
    padding: 0;
    margin: auto
}

#Account .modal-header button.close:after {
    content: 'X';
    display: block;
    font-size: 16px;
    top: -1px;
    position: relative
}

#Account .modal-body {
    height: 315px;
    overflow: auto;
    padding: 0 5px 0 0;
    margin-top: 5px
}

#Account .modal-body h5 {
    font-size: 18px
}

#Account .modal-body .profile-detail-form {
    padding: 10px 0;
    font-size: .875rem
}

#Account .modal-body .control-group select {
    border: 1px solid lightgrey;
    line-height: 30px;
    height: 30px;
    text-indent: 5px;
    width: 100%;
    box-sizing: border-box
}

#Account .modal-body .control-group input {
    border: 1px solid lightgrey;
    line-height: 30px;
    height: 30px;
    text-indent: 5px;
    width: 100%;
    box-sizing: border-box
}

#Account .modal-body .control-group input[type=radio] {
    display: inline;
    width: 15px;
    height: 15px;
    line-height: 15px;
    vertical-align: middle;
    margin: 0 10px 0 0;
    position: relative;
    top: -1px
}

#Account .modal-body .control-group label {
    margin: 10px auto 5px auto;
    float: left;
    width: 100%
}

#Account .modal-body #business-toggle {
    font-size: 0;
    display: inline-block;
    margin: 10px auto 20px auto;
    color: #FFF;
    text-decoration: none;
    background: #6f6f6f;
    border-radius: 5px;
    text-transform: uppercase;
    padding: 5px 10px
}

#Account .modal-body #business-toggle:link,
#Account .modal-body #business-toggle:active,
#Account .modal-body #business-toggle:visited {
    color: white;
    text-decoration: none
}

#Account .modal-body #business-toggle:hover {
    background: #BEBEBE
}

#Account .modal-body #business-toggle[data=off]:before {
    content: 'Incluir dados de pessoa jurídica';
    display: inline;
    font-size: 10px
}

#Account .modal-body #business-toggle[data=on]:before {
    content: 'Não usar dados de pessoa jurídica';
    display: inline;
    font-size: 10px
}

#Account .modal-body .row {
    margin: 0
}

#Account .modal-footer {
    background: none;
    border-top: 1px solid #e5e5e5;
    padding: 0;
    margin-top: 10px
}

#Account .modal-footer .btn-link,
#Account .modal-footer #address-delete {
    font-size: 11px;
    color: white;
    background: #ed133f;
    padding: 0 20px;
    line-height: 40px;
    text-transform: uppercase;
    border: 0;
    font-weight: bold;
    float: left;
    margin: 10px auto;
    cursor: pointer;
    border-radius: 5px;
    text-decoration: none;
    transition: 0.3s
}

#Account .modal-footer .btn-link:hover,
#Account .modal-footer #address-delete:hover {
    background: rgba(238, 19, 63, 0.7)
}

#Account .modal-footer #form-submit,
#Account .modal-footer #profile-submit {
    margin: 10px 5px 10px auto;
    font-size: 11px;
    color: white;
    border: 0;
    background: #3a3a92;
    padding: 0 20px;
    line-height: 40px;
    text-transform: uppercase;
    font-weight: bold;
    float: left;
    cursor: pointer;
    border-radius: 5px;
    text-decoration: none;
    transition: 0.3s
}

#Account .modal-footer #form-submit:hover,
#Account .modal-footer #profile-submit:hover {
    background: rgba(58, 58, 146, 0.7)
}

#Account .userProfile,
#Account .userAddress {
    width: 100%;
    display: inline-block;
    padding: 1rem;
    border: 1px solid #e5e5e5;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    margin-bottom: 10px;
    text-align: left
}

#Account .userProfile .profile-detail-display,
#Account .userAddress .profile-detail-display {
    font-size: .9375rem
}

#Account .userProfile .profile-detail-display h4,
#Account .userAddress .profile-detail-display h4 {
    width: 100%;
    display: inline-block;
    font-size: 1.5625rem;
    margin: 0 0 10px 0;
    text-transform: uppercase;
    font-weight: bold;
    color: #ed133f
}

#Account .userProfile .profile-detail-display h4:before,
#Account .userAddress .profile-detail-display h4:before {
    content: "\f2bd";
    font-weight: 900;
    font-family: Font Awesome\ 5 Free;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
    padding-right: 8px
}

#Account .userProfile .profile-detail-display .edit.edit-profile-link,
#Account .userAddress .profile-detail-display .edit.edit-profile-link {
    position: relative;
    float: left;
    width: 100%;
    font-size: 14px
}

#Account .userProfile .profile-detail-display .edit.edit-profile-link #edit-data-link,
#Account .userAddress .profile-detail-display .edit.edit-profile-link #edit-data-link {
    font-size: .75rem;
    color: #FFF;
    background: #3a3a92;
    padding: 0 20px;
    line-height: 40px;
    text-transform: uppercase;
    font-weight: bold;
    float: left;
    margin: 10px auto;
    cursor: pointer;
    border-radius: 30px;
    text-decoration: none
}

#Account .userProfile .profile-detail-display .profile-detail-display-info,
#Account .userAddress .profile-detail-display .profile-detail-display-info {
    float: left;
    width: 100%;
    font-size: 14px
}

#Account .userProfile .profile-detail-display .profile-detail-display-info span,
#Account .userAddress .profile-detail-display .profile-detail-display-info span {
    display: inline-block;
    width: 100%;
    vertical-align: middle;
    margin-bottom: 10px;
    line-height: .75rem
}

#Account .userProfile .profile-detail-display .profile-detail-display-info span span,
#Account .userAddress .profile-detail-display .profile-detail-display-info span span {
    width: 50%;
    margin-bottom: 0px
}

#Account .userProfile .profile-detail-display .profile-detail-display-info span span:first-child,
#Account .userAddress .profile-detail-display .profile-detail-display-info span span:first-child {
    font-weight: bold;
    max-width: 150px
}

#Account .userProfile .address-display-block,
#Account .userAddress .address-display-block {
    font-size: .9375rem
}

#Account .userProfile .address-display-block h4,
#Account .userAddress .address-display-block h4 {
    width: 100%;
    display: inline-block;
    font-size: 1.5625rem;
    margin: 0 0 10px 0;
    text-transform: uppercase;
    font-weight: bold;
    color: #ed133f
}

#Account .userProfile .address-display-block h4:before,
#Account .userAddress .address-display-block h4:before {
    content: "\f2bb";
    font-weight: 900;
    font-family: Font Awesome\ 5 Free;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
    padding-right: 8px
}

#Account .userProfile .address-display-block .new.new-address-link,
#Account .userAddress .address-display-block .new.new-address-link {
    position: relative;
    float: left;
    width: 100%;
    font-size: 14px
}

#Account .userProfile .address-display-block .new.new-address-link .address-update,
#Account .userAddress .address-display-block .new.new-address-link .address-update {
    font-size: .75rem;
    color: #FFF;
    background: #3a3a92;
    padding: 0 20px;
    line-height: 40px;
    text-transform: uppercase;
    font-weight: bold;
    float: left;
    margin: 10px auto;
    cursor: pointer;
    border-radius: 30px;
    text-decoration: none
}

#Account .userProfile .address-display-block .address-display,
#Account .userAddress .address-display-block .address-display {
    float: left;
    width: 100%;
    font-size: 14px
}

#Account .userProfile .address-display-block .address-display.row,
#Account .userAddress .address-display-block .address-display.row {
    margin: 0
}

#Account .userProfile .address-display-block .address-display .address-display-unit,
#Account .userAddress .address-display-block .address-display .address-display-unit {
    display: inline-block;
    width: 100%;
    margin-bottom: 10px;
    background: #f1f1f1;
    padding: 5px 15px;
    border-radius: 10px
}

#Account .userProfile .address-display-block .address-display .address-display-unit h5,
#Account .userAddress .address-display-block .address-display .address-display-unit h5 {
    display: inline-block;
    width: 100%;
    font-size: 1rem;
    padding-bottom: 5px
}

#Account .userProfile .address-display-block .address-display .address-display-unit .edit.edit-address-link,
#Account .userAddress .address-display-block .address-display .address-display-unit .edit.edit-address-link {
    display: inline-block;
    width: 30%;
    text-align: center;
    font-size: 0;
    float: right
}

#Account .userProfile .address-display-block .address-display .address-display-unit .edit.edit-address-link a,
#Account .userAddress .address-display-block .address-display .address-display-unit .edit.edit-address-link a {
    display: inline-block;
    width: 100%;
    font-size: 1rem;
    text-align: left;
    border-radius: 20px;
    padding: 6px;
    border-radius: 20px;
    margin: 3px 0;
    line-height: 15px;
    color: #3a3a92;
    vertical-align: middle;
    cursor: pointer
}

#Account .userProfile .address-display-block .address-display .address-display-unit .edit.edit-address-link a.address-update:before,
#Account .userProfile .address-display-block .address-display .address-display-unit .edit.edit-address-link a.delete:before,
#Account .userAddress .address-display-block .address-display .address-display-unit .edit.edit-address-link a.address-update:before,
#Account .userAddress .address-display-block .address-display .address-display-unit .edit.edit-address-link a.delete:before {
    content: "\f044";
    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;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-right: 5px;
    float: left
}

#Account .userProfile .address-display-block .address-display .address-display-unit .edit.edit-address-link a.delete:before,
#Account .userAddress .address-display-block .address-display .address-display-unit .edit.edit-address-link a.delete:before {
    content: "\f1f8"
}

#Account .userProfile .address-display-block .address-display .address-display-unit .edit.edit-address-link a:hover,
#Account .userAddress .address-display-block .address-display .address-display-unit .edit.edit-address-link a:hover {
    text-decoration: underline
}

#Account .userProfile .address-display-block .address-display .address-display-unit .address-display-unit-info,
#Account .userAddress .address-display-block .address-display .address-display-unit .address-display-unit-info {
    display: inline-block;
    width: 70%;
    float: left
}

body:not('.body-order-form') .modal-backdrop {
    position: fixed;
    display: none;
    width: 100%;
    height: 100vh;
    background: black;
    opacity: 0;
    transition: 0.3s;
    z-index: 13;
    top: 0
}

body:not('.body-order-form') .modal-backdrop.in {
    opacity: 0.75;
    display: block !important
}

.banner_fornecedores,
.bannerSuppliers {
    width: 100%;
    text-align: center;
    padding: 30px 0;
    position: relative;
    float: left
}

.banner_fornecedores.loading,
.bannerSuppliers.loading {
    height: 163px
}

.banner_fornecedores.loading .loadingBox,
.bannerSuppliers.loading .loadingBox {
    display: block;
    text-align: center;
    font-size: 41px;
    height: 100%
}

.banner_fornecedores .box-banner,
.bannerSuppliers .box-banner {
    display: inline-block;
    width: 32%;
    padding: 4px
}

.banner_fornecedores .box-banner:last-child,
.bannerSuppliers .box-banner:last-child {
    margin-right: 0
}

.banner_fornecedores .box-banner a,
.bannerSuppliers .box-banner a {
    display: inline-block
}

.banner_fornecedores .box-banner img,
.bannerSuppliers .box-banner img {
    width: 100%;
    max-width: 418px
}

#bubblesOverlay {
    display: none;
    overflow-x: hidden;
    overflow-y: auto;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 10;
    -webkit-overflow-scrolling: touch;
    background-color: rgba(0, 0, 0, 0.6);
    outline: 0
}

.dialog {
    position: relative
}

.dialog.stp1.active,
.dialog.stp2.active {
    z-index: 10;
    background: #ec0e18;
    padding: 0 5px
}

.dialog.stp1 .bubbles,
.dialog.stp2 .bubbles {
    display: none
}

.dialog .bubbles {
    position: absolute;
    left: 0;
    z-index: 10;
    width: calc(100% + 40px)
}

.dialog .bubbles p {
    font-weight: normal
}

.dialog .bubbles .triangle-border .fa {
    position: absolute;
    text-indent: 0;
    color: #FF0000;
    top: 0px;
    font-weight: 100;
    right: 3px;
    font-size: 23px;
    cursor: pointer
}

.dialog .bubbles .triangle-border {
    position: relative;
    padding: 15px;
    margin: 1em 0 3em;
    border: 5px solid #FF0000;
    color: #333;
    background: #fff;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px
}

.dialog .bubbles .triangle-border:before {
    content: "";
    position: absolute;
    bottom: -20px;
    left: 40px;
    border-width: 20px 20px 0;
    border-style: solid;
    border-color: #FF0000 transparent;
    display: block;
    width: 0
}

.dialog .bubbles .triangle-border:after {
    content: "";
    position: absolute;
    bottom: -13px;
    left: 47px;
    border-width: 13px 13px 0;
    border-style: solid;
    border-color: #fff transparent;
    display: block;
    width: 0
}

.dialog .bubbles .triangle-border.top:before {
    top: -20px;
    bottom: auto;
    border-width: 0 20px 20px
}

.dialog .bubbles .triangle-border.top:after {
    top: -13px;
    bottom: auto;
    border-width: 0 13px 13px
}

#Category .departament__bar-top {
    background: #eee
}

#Category .departament__bar-top .container {
    background: none transparent
}

#Category .departament__bar-top .bread-crumb {
    margin-top: 10px;
    margin-bottom: 0
}

#Category .departament__bar-top .departament__row-order {
    margin: 4px 0px 4px
}

#Category.category .menu-departamento {
    margin-top: -70px
}

#Category.category .menu-departamento .search-multiple-navigator h4 {
    background: #EEE;
    height: 45px
}

#Category.category .menu-departamento .search-multiple-navigator h4 a {
    font-size: 18px
}

#Category .search-result {
    padding-top: 15px
}

.search-result .main,
.search-result .avantiSearch-target,
.search-result .avantiSearch-target {
    display: none
}

.search-result .n4columns ul li {
    width: 25%
}

.avantiSearch-more-actions {
    width: 100%;
    float: left;
    margin-top: 72px
}

.avantiSearch-more-actions .avantiSearch-load-more {
    line-height: 19px;
    padding-top: 6px
}

.shelf__container {
    width: 100%;
    float: left
}

.shelf__container .shelf__product-item {
    height: 541px;
    margin-bottom: 0px;
    position: relative
}

.shelf__container .shelf__product-item .boxImage {
    position: relative;
    display: inline-block;
    width: 100%
}

.shelf__container .shelf__product-item .boxImage .product-item__img {
    width: 100%;
    text-align: center
}

.shelf__container .shelf__product-item .boxImage .product-item__img img {
    width: 100%;
    display: inline-block
}

.shelf__container .shelf__product-item .discountPercent {
    display: none;
    position: absolute;
    width: 62px;
    height: 39px;
    background: url(/arquivos/blackweek_bg_selo_percent.png);
    color: #FFF;
    font-weight: bold;
    padding: 0px;
    line-height: .6875rem;
    left: 7%;
    top: 20%;
    text-transform: uppercase;
    text-align: center;
    letter-spacing: -1px
}

.shelf__container .shelf__product-item .discountPercent strong {
    display: inline-block;
    width: 100%;
    font-size: 1.25rem;
    margin-top: 7px;
    letter-spacing: -2px
}

.shelf__container .shelf__product-item .discountPercent strong small {
    font-size: 1rem;
    padding-left: 3px
}

.shelf__container .shelf__product-item .discountPercent span {
    display: inline-block;
    width: 100%;
    font-size: .75rem
}

.shelf__container .shelf__product-item .bxTrustvox {
    height: 25px;
    display: inline-block;
    text-align: center;
    width: 100%
}

.shelf__container .shelf__product-item .product-item__title {
    width: 100%;
    padding-top: 5px;
    float: left
}

.shelf__container .shelf__product-item .product-item__title a {
    display: block;
    display: -webkit-box;
    font-size: 17px;
    text-align: center;
    color: #111111;
    height: 46px;
    line-height: 26px;
    margin-bottom: 10px;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

.shelf__container .shelf__product-item .product-item__info {
    width: 100%;
    height: 64px;
    margin-bottom: 10px;
    float: left
}

.shelf__container .shelf__product-item .product-item__info.product-item__outstock {
    height: 86px;
    padding-top: 24px
}

.shelf__container .shelf__product-item .product-item__info .product-item__price {
    width: 100%;
    text-align: center;
    font-size: 15px;
    display: block
}

.shelf__container .shelf__product-item .product-item__info .product-item__price .product-item__old-price {
    color: #999999;
    margin-bottom: -2px
}

.shelf__container .shelf__product-item .product-item__info .product-item__price .product-item__best-price {
    color: #ff1031;
    font-size: 17px;
    font-weight: 600
}

.shelf__container .shelf__product-item .product-item__info .product-item__price .installment {
    display: none
}

.shelf__container .shelf__product-item .product-item__buttons {
    width: 100%;
    float: left;
    font-size: 15px;
    overflow: inherit
}

.shelf__container .shelf__product-item .product-item__buttons a.product-item__buy {
    width: 53% !important
}

.shelf__container .shelf__product-item .product-item__buttons a.product-item__buy::before {
    width: 100%;
    height: 39px;
    background-color: #5bb12f;
    border-radius: 20px;
    left: 0;
    top: 0;
    background-size: 30px;
    background-image: url(/arquivos/loader__blue.gif)
}

.shelf__container .shelf__product-item .product-item__buttons a.product-item__buy.complete::before {
    display: none
}

.shelf__container .shelf__product-item .product-item__buttons .product-item__qtd {
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
    top: 0%;
    display: inline-block;
    width: 38%;
    position: relative;
    float: initial
}

.shelf__container .shelf__product-item .product-item__buttons .product-item__qtd .product-item__qtd-field {
    display: inline-block;
    width: 100%;
    height: 36px;
    font-size: 13px;
    border-radius: 29px;
    border: 1px solid #ddd;
    text-align: center
}

.shelf__container .shelf__product-item .product-item__buttons .product-item__qtd a {
    position: absolute;
    top: 3px;
    left: 3px;
    height: 30px;
    width: 30px;
    background-color: #eeeeee;
    border-radius: 50%;
    text-align: center;
    padding-top: 1px;
    font-size: 18px;
    color: #ff0938;
    -webkit-transition: all, 0.3s;
    -o-transition: all, 0.3s;
    transition: all, 0.3s
}

.shelf__container .shelf__product-item .product-item__buttons .product-item__qtd a.product-item__qtd-plus {
    left: auto !important;
    right: 3px
}

.shelf__container .shelf__product-item .product-item__buttons .product-item__qtd a.product-item__qtd-plus {
    left: auto !important;
    right: 3px
}

.shelf__container .shelf__product-item .product-item__buttons .product-item__qtd .limitBuy.dialog {
    top: -38px
}

.shelf__container .shelf__product-item .product-item__buttons .product-item__qtd .limitBuy.dialog .bubbles {
    width: 100%;
    height: 38px
}

.shelf__container .shelf__product-item .product-item__buttons .product-item__qtd .limitBuy.dialog .bubbles .triangle-border {
    border: 0;
    padding: 3px 8px;
    color: #FFF;
    background: #000;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    coor: #FFF;
    text-align: center;
    font-size: 11px
}

.shelf__container .shelf__product-item .product-item__buttons .product-item__qtd .limitBuy.dialog .bubbles .triangle-border::before {
    border-width: 5px 5px 0;
    border-color: #000 transparent;
    bottom: -26%;
    left: 43px
}

.shelf__container .shelf__product-item .product-item__buttons .product-item__qtd .limitBuy.dialog .bubbles .triangle-border::after {
    display: none
}

.shelf__container .shelf__product-item .product-item__buttons .product-item__more-details,
.shelf__container .shelf__product-item .product-item__buttons .product-item__add-to-list {
    width: 85px;
    height: 35px;
    display: block;
    bottom: 0;
    border: 1px solid #dddddd;
    font-size: 11px;
    text-align: center;
    border-radius: 20px;
    padding: 4px 20px 0 20px;
    line-height: 12px;
    color: #777777;
    float: left;
    background-color: #fff;
    margin-top: 15px;
    position: relative;
    z-index: 2
}

.shelf__container .shelf__product-item .product-item__buttons {
    width: 100%;
    float: left;
    text-align: center;
    height: 84px
}

.shelf__container .shelf__product-item .product-item__buttons::before {
    display: none
}

.shelf__container .shelf__product-item .product-item__buttons a.product-item__buy {
    position: relative;
    display: inline-block;
    width: 182px;
    height: 39px;
    left: 0;
    border-radius: 20px;
    border: 0;
    background: #5bb12f;
    color: #FFF;
    text-transform: uppercase;
    font-size: 1.1em;
    cursor: pointer;
    font-weight: 700;
    line-height: 39px;
    margin-bottom: 5px;
    -moz-transform: translateX(0%);
    -ms-transform: translateX(0%);
    -webkit-transform: translateX(0%);
    transform: translateX(0%)
}

.shelf__container .shelf__product-item .product-item__buttons a.product-item__more-details,
.shelf__container .shelf__product-item .product-item__buttons a.product-item__add-to-list {
    float: initial;
    display: inline-block;
    margin-top: 0
}

.shelf__container .shelf__product-item .product-item__notifyme {
    width: 100%;
    float: left
}

.product-item__flags {
    width: 100%
}

.product-item__flags .flag__hight-light {
    width: 100%
}

.icoExclusive {
    display: none;
    width: 98px;
    height: 21px;
    position: absolute;
    top: 283px;
    left: 135px
}

#Product .icoExclusive {
    top: -27px;
    left: 0px;
    z-index: 1
}

.institucional-form .field-error {
    border-color: #f00;
    background: #ffb2b2
}

.fullFormContact {
    max-width: 600px;
    margin: 0 auto
}

.error {
    color: #FFFFFF !important;
    background-color: #FFABAB !important;
    border-color: #FFCBD6 !important
}

form #formContactV1 {
    margin: 0 0 80px
}

.formContactVtex label.error {
    background-color: #FFFFFF !important;
    color: #D72A27 !important
}

.formContactVtex #contentAlert {
    width: 100%;
    padding: 20px 0;
    margin: 0 auto 20px;
    border-radius: 3px;
    color: #848484;
    font-size: 12px;
    margin: 18px 0;
    text-align: center;
    display: none;
    color: #0C75AC;
    background-color: #CCEEFF;
    border: 1px solid #A2EEFF
}

.formContactVtex #contentAlert strong {
    font-weight: 700;
    font-size: 15px;
    text-align: center;
    text-transform: uppercase;
    margin: 0 auto 10px;
    display: block
}

.formContactVtex #contentAlert p {
    font-weight: 400 !important;
    font-size: 14px !important
}

.formContactVtex #contentAlert img {
    max-width: 40px;
    margin: 10px auto 0;
    display: block
}

.formContactVtex div {
    margin: 0 0 15px;
    font-family: arial
}

.formContactVtex div i {
    color: #ed1c25
}

.formContactVtex h2 {
    font-family: arial;
    text-transform: uppercase;
    font-size: 27px;
    color: #ed1c25;
    border-bottom: 1px solid #ed1c25;
    margin: 60px 0 30px;
    text-align: center;
    display: block;
    font-weight: 900
}

.formContactVtex label {
    width: calc(100% - 2px);
    font-size: 11px;
    color: #000;
    font-weight: 700;
    margin: 0 0 5px;
    padding: 5px 0;
    background: #f8f8f8;
    display: block;
    margin: 0 0 1px 0;
    border-radius: 3px 3px 0 0;
    border-left: 1px solid #DCDCDC;
    border-top: 1px solid #DCDCDC;
    border-right: 1px solid #DCDCDC;
    font-size: 11px;
    text-transform: uppercase;
    text-indent: 10px;
    position: relative
}

.formContactVtex input,
.formContactVtex select,
.formContactVtex textarea {
    width: calc(100% - 2px);
    padding: 10px 0;
    border: 1px solid #DCDCDC;
    text-indent: 10px;
    margin: -2px 0 0 0;
    border-radius: 0 0 3px 3px;
    transition: 0.3s;
    outline: none;
    display: block;
    color: #000;
    font-size: 12px
}

.formContactVtex select:focus,
.formContactVtex input:focus {
    background: #E0E0E0
}

.formContactVtex textarea:focus {
    background: #E0E0E0
}

.formContactVtex textarea {
    height: 100px;
    text-indent: 0;
    padding: 10px;
    resize: vertical
}

.formContactVtex input[type="submit"] {
    width: 50%;
    background: red;
    text-transform: uppercase;
    margin: 0 auto;
    color: white;
    font-weight: 700;
    font-size: 15px;
    border-radius: 5px;
    border: none;
    cursor: pointer;
    display: block
}

.formContactVtex input[type="submit"]:hover {
    background: #c10707
}

.formContactVtex input[type="submit"]:disabled {
    background: #A7A7A7 !important;
    border: 1px solid #9A9A9A !important;
    border-bottom: 4px solid #797979 !important
}

.formContactVtex .checkbox {
    padding-bottom: 28px
}

.formContactVtex .checkbox input {
    display: block;
    width: auto;
    margin: 0;
    float: left
}

.formContactVtex .checkbox label {
    display: block;
    background: none;
    border: 0;
    border-radius: 0;
    padding: 0;
    width: auto;
    float: left
}

.left {
    float: left
}

.right {
    float: right
}

.box50 {
    width: 49.5%
}

.box100 {
    width: 100%
}

.clear {
    clear: both
}

#efeitoDomino .listPrice {
    display: block;
    width: 100%;
    padding-bottom: 3px;
    text-decoration: line-through
}

#efeitoDomino .listPrice small {
    text-transform: lowercase
}

#efeitoDomino ul li {
    display: block;
    width: 100%;
    height: 27px;
    max-width: 152px;
    background: #fc153f;
    margin-bottom: 2px;
    border-radius: 12px;
    color: #FFF
}

#efeitoDomino ul li div {
    float: left
}

#efeitoDomino ul li div.bx-txt {
    width: 39%;
    max-width: 55px;
    border-radius: 12px;
    background: #373b98;
    height: 27px
}

#efeitoDomino ul li div.bx-txt span.qtd,
#efeitoDomino ul li div.bx-txt span.txt {
    display: block;
    float: left
}

#efeitoDomino ul li div.bx-txt span.qtd {
    padding-left: 11%;
    font-weight: bold;
    font-size: 18px;
    line-height: 23px
}

#efeitoDomino ul li div.bx-txt span.txt {
    vertical-align: top;
    padding-left: 5%;
    padding-top: 2px
}

#efeitoDomino ul li div.bx-txt span.txt small {
    display: block;
    width: 100%;
    font-size: 10px;
    line-height: 9px
}

#efeitoDomino ul li div.bx-price {
    width: 57%;
    max-width: 95px;
    height: 27px;
    padding-left: 3%
}

#efeitoDomino ul li div.bx-price small.txt-cur {
    display: block;
    float: left;
    font-size: 12px;
    height: 100%
}

#efeitoDomino ul li div.bx-price span.txt-price {
    width: 80%;
    height: 100%;
    float: left;
    position: relative
}

#efeitoDomino ul li div.bx-price span.txt-price small {
    float: left
}

#efeitoDomino ul li div.bx-price span.txt-price small.txt-price-val {
    height: 100%;
    font-weight: bold;
    font-size: 1.22em;
    line-height: 22px
}

#efeitoDomino ul li div.bx-price span.txt-price small.txt-price-dec {
    font-size: 12px;
    line-height: 16px;
    font-weight: bold;
    height: 100%;
    position: relative
}

#efeitoDomino ul li div.bx-price span.txt-price small.txt-price-dec .txt-3 {
    line-height: 4px;
    padding-left: 3px;
    font-size: 12px;
    position: absolute;
    font-weight: normal;
    left: 0
}

#footer {
    width: 100%;
    float: left;
    color: #666666
}

#footer .contentFooter {
    width: 100%;
    border-top: 3px solid #2e348f;
    background: #e9e8e8;
    padding-top: 2rem;
    padding-bottom: 2rem;
    float: left
}

#footer .contentFooter section h3,
#footer .contentFooter section h3 a {
    font-size: 1.0625rem;
    text-transform: uppercase;
    margin-bottom: 1.25rem;
    color: #666;
    font-weight: 600
}

#footer .contentFooter .footer-contact {
    vertical-align: top
}

#footer .contentFooter .footer-contact .call-center p {
    font-size: .8125rem;
    line-height: 1.375rem
}

#footer .contentFooter .footer-contact .call-center p a.insTel,
#footer .contentFooter .footer-contact .call-center p a.insCel {
    font-size: 1.6875rem;
    color: #0069f8;
    letter-spacing: .03125rem
}

#footer .contentFooter .footer-contact .call-center p a i.fa {
    display: inline-block;
    width: 21px;
    text-align: center
}

#footer .contentFooter .footer-contact .ask-cart-savegnago h4 {
    font-size: 1rem;
    margin-top: 2.125rem;
    font-weight: 600;
    margin-bottom: .5rem
}

#footer .contentFooter .footer-contact .ask-cart-savegnago p a {
    font-size: 1.0625rem;
    color: #2274f7
}

#footer .contentFooter .footer-contact .ask-cart-savegnago p img {
    margin-top: .875rem
}

#footer .contentFooter .footer-links {
    vertical-align: top
}

#footer .contentFooter .footer-links .col-mn-6 {
    vertical-align: top
}

#footer .contentFooter .footer-links ul li {
    line-height: 1.375rem
}

#footer .contentFooter .footer-links ul li a {
    display: inline-block;
    width: 100%;
    color: #666;
    font-size: .875rem
}

#footer .contentFooter .footer-links ul li a:hover {
    text-decoration: underline
}

#footer .contentFooter .footer-how-to-buy {
    vertical-align: top;
    margin-top: .875rem;
    text-align: center;
    padding-right: 1rem
}

#footer .contentFooter .footer-how-to-buy h3 {
    font-size: 1.5625rem;
    color: #005edd
}

#footer .contentFooter .footer-how-to-buy a {
    display: inline-block
}

#footer .contentFooter .footer-how-to-buy a img {
    width: 100%;
    max-width: 306px
}

#footer .contentFooter .footer-limit-buy {
    margin-top: 30px
}

#footer .contentFooter .footer-limit-buy p {
    font-size: 12px;
    text-align: center;
    color: #000
}

#footer .contentFooterPayments {
    width: 100%;
    background: #FFF;
    padding-top: 1.625rem;
    padding-bottom: 1.125rem;
    float: left
}

#footer .contentFooterPayments .footerPaymentMethod {
    width: 824px;
    max-width: 100%
}

#footer .contentFooterPayments .footerPaymentMethod h3 {
    font-size: 1.1875rem;
    text-transform: uppercase;
    font-weight: 600;
    margin-bottom: 1.125rem
}

#footer .contentFooterPayments .footerPaymentMethod .col-ch-10,
#footer .contentFooterPayments .footerPaymentMethod .col-ch-7 {
    padding-left: 0
}

#footer .contentFooterPayments .footerPaymentMethod ul {
    vertical-align: middle
}

#footer .contentFooterPayments .footerPaymentMethod ul li {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    text-align: center;
    padding: 1rem .40625rem
}

#footer .contentFooterPayments .footerPaymentMethod ul li img {
    display: inline-block
}

#footer .contentFooterPayments .footerPaymentMethod .payment-house {
    border-left: 2px solid #7b7b7b
}

#footer .contentFooterPayments .footerPaymentMethod .payment-house label {
    font-size: .625rem;
    display: inline-block;
    margin-top: -.625rem
}

#footer .contentFooterPayments .footerPaymentMethod .payment-house ul li small {
    display: inline-block;
    font-size: .5625rem;
    position: absolute;
    left: 20%;
    bottom: 0
}

#footer .contentFooterPayments .footerInfos {
    margin-top: -1.5625rem
}

#footer .contentFooterPayments .footerInfos .footer-info-shop {
    padding-left: 0;
    vertical-align: bottom
}

#footer .contentFooterPayments .footerInfos .footer-info-shop p {
    font-size: .6875rem
}

#footer .contentFooterPayments .footerInfos .footer-logos ul {
    text-align: center
}

#footer .contentFooterPayments .footerInfos .footer-logos ul li {
    display: inline-block;
    padding-right: .3125rem;
    vertical-align: bottom
}

#footer .contentFooterPayments .footerInfos .footer-logos ul li img {
    width: 100%
}

#footer .contentFooterPayments .footerInfos .footer-logos ul li .logoClearSale {
    max-width: 89px;
    margin-bottom: .875rem
}

#footer .contentFooterPayments .footerInfos .footer-logos ul li .logoVtex {
    max-width: 90px;
    margin-bottom: .875rem
}

#footer .contentFooterWarning {
    background: #9a9a9a;
    width: 100%;
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
    float: left
}

#footer .contentFooterWarning p {
    text-align: center;
    color: #FFF;
    font-size: .7625rem;
    padding: 0 3.875rem
}

#footer .footer__middle .footer__contact .footer__contact__l1 i {
    text-indent: 0;
    font-size: 20px;
    width: 21px;
    text-align: center;
    color: #000
}

#footer.footer-cart {
    border-top: 3px solid #ed1d28;
    background: #e9e8e8
}

#footer.footer-cart .contentFooterPayments {
    background: #e9e8e8
}

#footer.footer-cart .contentFooterPayments .footerPaymentMethod {
    width: 100%;
    text-align: center
}

#footer.footer-cart .contentFooterPayments .footerPaymentMethod .ast {
    color: #ed1d28;
    font-size: 15px;
    padding: 15px 0
}

#footer.footer-cart .contentFooterPayments .footerPaymentMethod .ast p {
    font-size: 12px;
    font-weight: bold
}

#footer.footer-cart .contentFooterPayments .footerPaymentMethod .payment-full ul li .ast {
    padding: 0
}

#footer.footer-cart .contentFooterPayments .footerPaymentMethod .payment-house {
    text-align: left
}

#footer.footer-cart .contentFooterPayments .footerInfos {
    margin-top: 0
}

#footer.footer-cart .contentFooterWarning p {
    font-size: .75rem
}

#headerNew {
    position: relative;
    width: 100%;
    font-size: .875rem;
    float: left
}

#headerNew .headerBar {
    width: 100%;
    background-color: #337ab7;
    padding: 3px 0;
    color: #FFF;
    font-size: .875rem;
    float: left
}

#headerNew .headerBar a {
    display: inline-block;
    color: #FFF;
    font-size: .875rem
}

#headerNew .headerBar a:hover {
    text-decoration: underline
}

#headerNew .headerBar .headerBarTabs {
    float: left
}

#headerNew .headerBar .headerBarTabs ul {
    display: inline-block;
    width: 100%
}

#headerNew .headerBar .headerBarTabs ul li {
    display: inline-block;
    padding: 0 1%;
    border-right: 1px solid #FFF;
    line-height: .9375rem
}

#headerNew .headerBar .headerBarTabs ul li:last-child {
    border-right: 0
}

#headerNew .headerBar .headerBarLocation {
    text-align: right;
    float: left
}

#headerNew .headerBar .headerBarLocation #btnSelectCity {
    display: inline-block;
    padding: 0 2px;
    background: none;
    border: 0;
    text-align: center;
    cursor: pointer
}

#headerNew .headerBar .headerBarLocation #btnSelectCity .cityName {
    font-weight: bold
}

#headerNew .headerMiddle {
    width: 100%;
    padding: 12px 0;
    float: left
}

#headerNew .headerMiddle .headerLogo {
    float: left
}

#headerNew .headerMiddle .headerLogo img {
    width: 100%;
    max-width: 281px
}

#headerNew .headerMiddle .headerSearch {
    position: relative;
    float: left
}

#headerNew .headerMiddle .headerSearch .search_input {
    height: 51px;
    background-color: #f8f8f8;
    border: 1px solid #eeeeee;
    display: block;
    width: 100%;
    border-radius: 10px;
    padding-left: 23px;
    color: #999999;
    -webkit-appearance: none;
    font-size: 15px
}

#headerNew .headerMiddle .headerSearch .btnSearch {
    width: 30px;
    height: 30px;
    position: absolute;
    color: #ed0a11;
    top: 10px;
    right: 14px;
    border: 0;
    font-size: 1.0625rem;
    background: none
}

#headerNew .headerMiddle .headerSearch .btnSearch:before {
    font-family: FontAwesome;
    display: inline-block;
    content: "\f002"
}

#headerNew .headerMiddle .headerAccount {
    float: left
}

#headerNew .headerMiddle .headerAccount .col-ch-1 {
    padding-left: 0;
    margin-right: 10px
}

#headerNew .headerMiddle .headerAccount .dialog .bubbles {
    left: -40px
}

#headerNew .headerMiddle .headerAccount .dialog .bubbles .triangle-border {
    border: 2px solid #3c2a8b;
    padding: 0px 0px 5px 0px
}

#headerNew .headerMiddle .headerAccount .dialog .bubbles .triangle-border:before {
    left: 50px;
    border-color: #3c2a8b transparent
}

#headerNew .headerMiddle .headerAccount .dialog .bubbles .triangle-border:after {
    border-color: #3c2a8b transparent;
    left: 51px
}

#headerNew .headerMiddle .headerAccount .dialog .bubbles .triangle-border.top:before {
    top: -8px;
    border-width: 0 7px 7px
}

#headerNew .headerMiddle .headerAccount .dialog .bubbles .triangle-border.top:after {
    top: -5px;
    bottom: auto;
    border-width: 0 6px 6px
}

#headerNew .headerMiddle .headerAccount .dialog .bubbles .triangle-border .fa {
    font-size: .875rem;
    color: #FF0000;
    position: relative
}

#headerNew .headerMiddle .header-account-icon {
    margin-top: 6px;
    display: inline-block
}

#headerNew .headerMiddle .header-account-icon li {
    position: relative
}

#headerNew .headerMiddle .header-account-icon li a {
    display: inline-block;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    background: #3c2a8b;
    color: #FFF;
    border-radius: 10px;
    font-size: 1.4375rem
}

#headerNew .headerMiddle .header-account-icon li .subMenuIcon {
    display: none;
    position: absolute;
    width: 99px;
    margin-top: -9px;
    z-index: 10
}

#headerNew .headerMiddle .header-account-icon li .subMenuIcon li {
    padding: 0 10px
}

#headerNew .headerMiddle .header-account-icon li .subMenuIcon li.subTitle {
    background: #3c2a8b;
    color: #FFF;
    text-align: center;
    padding: 4px;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px
}

#headerNew .headerMiddle .header-account-icon li .subMenuIcon li a {
    width: 100%;
    height: auto;
    line-height: initial;
    text-align: left;
    background: none;
    color: #3c2a8b;
    border-radius: 0px;
    font-size: .9375rem
}

#headerNew .headerMiddle .header-account-icon li .subMenuIcon li a:hover {
    text-decoration: underline
}

#headerNew .headerMiddle .header-account-icon li .subMenuIcon li a .fa {
    width: 12px
}

#headerNew .headerMiddle .header-account-icon li:hover .subMenuIcon {
    display: block
}

#headerNew .headerMiddle .myAccounts .header-account-icon li .subMenuIcon li.headerBtnLogin {
    border-bottom: 1px dotted #3c2a8b
}

#headerNew .headerMiddle .myAccounts .header-account-icon li .subMenuIcon li.headerBtnLogin a,
#headerNew .headerMiddle .myAccounts .header-account-icon li .subMenuIcon li.headerBtnLogin .fa {
    color: #007500;
    font-weight: bold
}

#headerNew .headerMiddle .myAccounts .header-account-icon li .subMenuIcon li.headerBtnLogout {
    display: none;
    border-top: 1px dotted #3c2a8b
}

#headerNew .headerMiddle .myAccounts .header-account-icon li .subMenuIcon li.headerBtnLogout a,
#headerNew .headerMiddle .myAccounts .header-account-icon li .subMenuIcon li.headerBtnLogout .fa {
    color: #FF0000;
    font-weight: bold
}

#header .header__top .header__top__align ul.header__top__links li.header__top__links__item {
    padding: 5px 10px
}

#header .header__top .header__top__align ul.header__top__links li.header__top__links__item i.fa {
    margin-left: 12px;
    color: #000
}

#header .header__middle .header__logo {
    background: url(/arquivos/logo-savegnago-300-42.png) no-repeat center center;
    background-size: 100%
}

#Home #sliderPrincipalHome {
    position: relative;
    width: 100%;
    float: left
}

#Home #sliderPrincipalHome.loading {
    height: 200px
}

#Home #sliderPrincipalHome.loading .loadingBox {
    display: block;
    text-align: center;
    font-size: 41px;
    height: 100%
}

#Home #sliderPrincipalHome .owl-carousel .owl-item {
    width: 100%
}

#Home #sliderPrincipalHome .owl-carousel .owl-item .box-banner {
    position: relative;
    width: 100%;
    height: 340px;
    overflow: hidden
}

#Home #sliderPrincipalHome .owl-carousel .owl-item .box-banner .bannerDesk {
    display: block
}

#Home #sliderPrincipalHome .owl-carousel .owl-item .box-banner .bannerMob {
    display: none
}

#Home #sliderPrincipalHome .owl-carousel .owl-item .box-banner img {
    position: absolute;
    left: 50%;
    height: 100%;
    width: auto;
    -webkit-transform: translate(-50%);
    -ms-transform: translate(-50%);
    transform: translate(-50%)
}

#Home #sliderPrincipalHome .owl-carousel .owl-nav .owl-prev,
#Home #sliderPrincipalHome .owl-carousel .owl-nav .owl-next {
    height: 30px;
    width: 30px;
    line-height: 22px;
    border-radius: 0;
    background: #f1f1f1;
    margin: 0;
    color: #ec0e18;
    font-size: 19px;
    position: absolute;
    z-index: 10;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    opacity: 0.9
}

#Home #sliderPrincipalHome .owl-carousel .owl-nav .owl-prev:hover,
#Home #sliderPrincipalHome .owl-carousel .owl-nav .owl-next:hover {
    background: #d6d6d6
}

#Home #sliderPrincipalHome .owl-carousel .owl-nav .owl-prev i,
#Home #sliderPrincipalHome .owl-carousel .owl-nav .owl-next i {
    text-indent: 0
}

#Home #sliderPrincipalHome .owl-carousel .owl-nav .owl-prev {
    left: 0%;
    border-top-right-radius: 20%;
    border-bottom-right-radius: 20%
}

#Home #sliderPrincipalHome .owl-carousel .owl-nav .owl-prev i {
    text-indent: -3px
}

#Home #sliderPrincipalHome .owl-carousel .owl-nav .owl-next {
    right: 0%;
    border-top-left-radius: 20%;
    border-bottom-left-radius: 20%
}

#Home #sliderPrincipalHome .owl-carousel .owl-dots {
    margin-top: -40px;
    z-index: 10;
    position: relative
}

#Home #sliderPrincipalHome .owl-carousel .owl-dots .owl-dot span {
    width: 15px;
    height: 15px;
    padding: 6px;
    background-color: #000;
    border: 3px solid #dddddd;
    opacity: 0.5
}

#Home #sliderPrincipalHome .owl-carousel .owl-dots .owl-dot.active span {
    opacity: 1
}

#Home .barRules {
    text-align: center
}

#Home .barRules .box-banner {
    display: inline-block;
    margin-right: 1%;
    margin-bottom: 1%
}

#Home .barRules .box-banner img {
    width: 100%;
    max-width: 270px
}

.bannerMiddle {
    display: inline-block;
    width: 100%;
    text-align: center;
    position: relative;
    float: left
}

.bannerMiddle.loading {
    height: 163px
}

.bannerMiddle.loading .loadingBox {
    display: block;
    text-align: center;
    background: none;
    color: #ed133f;
    font-size: 41px;
    height: 100%
}

.bannerMiddle .box-banner {
    display: inline-block;
    margin-right: 1%;
    margin-bottom: 1%
}

.bannerMiddle .box-banner:last-child {
    margin-right: 0
}

.bannerMiddle .box-banner a {
    display: inline-block
}

.bannerMiddle .box-banner img {
    width: 100%;
    max-width: 100%;
    height: auto
}

.bannerMiddle.n4columns .box-banner {
    width: 24%
}

.bannerMiddle.n3columns .box-banner {
    width: 32%
}

.bannerMiddle.n2columns .box-banner {
    width: 49%
}

.bannerMiddle.n1columns .box-banner {
    width: 100%;
    margin-right: 0;
    padding: 10px 0
}

.banner_cartao_shalon {
    background-color: #FFF
}

#Institucional .main.institucional__main {
    padding-top: 97px
}

#Institucional .main .container .content {
    max-width: 900px
}

body.lists .list-view__buy {
    background-color: #5bb12f
}

body.lists .list-catalog__buy-all {
    background-color: #5bb12f
}

.modal .modal-header-custom {
    display: none
}

.modal.modal-window-out .modal-dialog,
.modal.modal-how-to-buy .modal-dialog {
    max-width: 800px;
    max-height: 600px
}

.modal.modal-window-out .modal-dialog .modal-content,
.modal.modal-how-to-buy .modal-dialog .modal-content {
    background-color: transparent;
    background: none
}

.modal.modal-window-out .modal-dialog .modal-content .modal-header button.close,
.modal.modal-how-to-buy .modal-dialog .modal-content .modal-header button.close {
    background: #FFF
}

.modal.modal-window-out .modal-dialog .modal-content .modal-body,
.modal.modal-how-to-buy .modal-dialog .modal-content .modal-body {
    padding: 0
}

.modal.modal-window-out .modal-dialog .modal-content .modal-body button,
.modal.modal-how-to-buy .modal-dialog .modal-content .modal-body button {
    position: absolute;
    right: -8px;
    width: 22px;
    height: 22px;
    padding: 0;
    border: 2px solid #FFF;
    background: #a43127;
    border-radius: 18px;
    line-height: 18px;
    font-weight: normal;
    top: -6px
}

.modal.modal-window-out .modal-dialog .modal-content .modal-body button i,
.modal.modal-how-to-buy .modal-dialog .modal-content .modal-body button i {
    text-indent: 0;
    font-size: 15px;
    color: #FFF;
    font-weight: normal
}

.modal.modal-window-out .modal-dialog .modal-content .modal-body .modal-img,
.modal.modal-how-to-buy .modal-dialog .modal-content .modal-body .modal-img {
    width: 100%
}

.modal.modal-window-out .modal-dialog .modal-content .modal-body .modal-img img,
.modal.modal-how-to-buy .modal-dialog .modal-content .modal-body .modal-img img {
    width: 100%;
    max-height: 600px;
    border-radius: 28px
}

.modal.modal-how-to-buy .modal-dialog .modal-content {
    border-radius: 0
}

.modal.modal-how-to-buy .modal-dialog .modal-content .modal-body button {
    z-index: 10;
    width: 30px;
    height: 30px
}

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

.bannerHsNatal .box-banner {
    padding: 10px 0
}

.bannerHsNatal .box-banner img {
    display: inline-block;
    width: 100%;
    max-width: 1024px
}

#newslletter {
    width: 100%;
    float: left;
    background: #e9e8e8;
    margin-top: 1rem
}

#newslletter .contentNewsletter {
    width: 100%;
    float: left;
    border-top: 2px solid #ce1b20;
    padding: 1.5rem 0
}

#newslletter .contentNewsletter h3 {
    font-size: 19px;
    line-height: 22px
}

#newslletter .contentNewsletter .bxNewsEmail .col-mn-2,
#newslletter .contentNewsletter .bxNewsEmail .col-mn-10,
#newslletter .contentNewsletter .bxNewsEmail .col-mn-3 {
    vertical-align: top
}

#newslletter .contentNewsletter .bxNewsEmail form {
    position: relative
}

#newslletter .contentNewsletter .bxNewsEmail form .field-4,
#newslletter .contentNewsletter .bxNewsEmail form .field-3,
#newslletter .contentNewsletter .bxNewsEmail form .field-2,
#newslletter .contentNewsletter .bxNewsEmail form .field-1 {
    margin-bottom: 0
}

#newslletter .contentNewsletter .bxNewsEmail form select,
#newslletter .contentNewsletter .bxNewsEmail form input[type=text] {
    background-color: #FFFFFF;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    font-size: .875rem;
    font-family: "Titillium Web";
    outline: none;
    height: 50px
}

#newslletter .contentNewsletter .bxNewsEmail form input[type=text] {
    padding: 0.6rem
}

#newslletter .contentNewsletter .bxNewsEmail form button {
    width: 39px;
    height: 39px;
    font-size: .875rem;
    color: #FFFFFF;
    background-color: #ed0a11;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    cursor: pointer;
    outline: none
}

#newslletter .contentNewsletter .bxNewsEmail .responseNews {
    position: absolute;
    background: #FFF;
    width: 100%;
    height: 50px;
    line-height: 50px;
    text-align: center;
    border-radius: 10px
}

#newslletter .contentNewsletter .bxNewsEmail .responseNews span {
    font-size: 1.25rem;
    font-weight: bold
}

#newslletter .contentNewsletter .bxNewsSocial {
    vertical-align: top
}

#newslletter .contentNewsletter .bxNewsSocial .col-mn-6 {
    padding: 0
}

#newslletter .contentNewsletter .bxNewsSocial .lnkRedes {
    padding: 0
}

#newslletter .contentNewsletter .bxNewsSocial .lnkRedes a {
    color: #909090;
    padding-left: 1px
}

#newslletter .contentNewsletter .bxNewsSocial .lnkRedes a:hover.lnkFacebook {
    color: #4267b2
}

#newslletter .contentNewsletter .bxNewsSocial .lnkRedes a:hover.lnkTwitter {
    color: #1da1f2
}

#newslletter .contentNewsletter .bxNewsSocial .lnkRedes a:hover.lnkYouTube {
    color: #FF0000
}

#newslletter .contentNewsletter .bxNewsSocial .lnkRedes a:hover.lnkInstagram {
    color: #000
}

#newslletter .contentNewsletter .bxNewsSocial .lnkRedes a i.fa {
    font-size: 36px
}

#Product #main .ilustrativeImage {
    width: 100%;
    font-size: 12px;
    padding: 3px 0;
    text-align: center
}

#Product #main .product-body .product__image .seloChaordic {
    left: 0;
    top: 0;
    width: 100%;
    max-width: 492px
}

#Product #main .product-body .product__image .seloChaordic div {
    z-index: 1
}

#Product #main .product-body .product__image .seloChaordic .left-top {
    position: absolute;
    width: 100%;
    max-width: 100px;
    height: 100px;
    right: 0;
    top: 0
}

#Product #main .product-body .product__image .seloChaordic .right-top {
    position: absolute;
    width: 100%;
    height: 100px;
    max-width: 100px;
    left: 0;
    top: 0
}

#Product #main .product-body .product__image .seloChaordic .left-bottom {
    position: absolute;
    width: 100%;
    height: 100px;
    max-width: 100px;
    left: 0;
    bottom: 0
}

#Product #main .product-body .product__image .seloChaordic .right-bottom {
    position: absolute;
    width: 100%;
    height: 100px;
    max-width: 100px;
    right: 0;
    bottom: 0
}

#Product #main .product-body .product__image .seloChaordic .icoExclusive {
    display: block;
    width: 98px;
    height: 21px;
    position: absolute;
    top: -24px;
    left: 0px;
    z-index: 1;
    -webkit-transform: translate(0);
    -ms-transform: translate(0);
    transform: translate(0)
}

#Product #main .product-body .product__actions {
    padding-top: 20px
}

#Product #main .product-body .product__actions .product__price,
#Product #main .product-body .product__actions .product__qty,
#Product #main .product-body .product__actions .product__add-to-list,
#Product #main .product-body .product__actions .product__buy {
    -moz-transform: translateY(0%);
    -ms-transform: translateY(0%);
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
    top: 0;
    vertical-align: middle
}

#Product #main .product-body .product__actions .product__qty {
    position: relative;
    margin-left: 10px
}

#Product #main .product-body .product__actions .product__qty p {
    position: absolute;
    color: #FF0000;
    font-size: 11px;
    padding-top: 5px
}

#Product #main .product-body .product__actions .product__qty .limitBuy.dialog {
    top: -38px;
    left: 4px
}

#Product #main .product-body .product__actions .product__qty .limitBuy.dialog .bubbles {
    width: 100%;
    height: 38px
}

#Product #main .product-body .product__actions .product__qty .limitBuy.dialog .bubbles .triangle-border {
    border: 0;
    padding: 3px 8px;
    color: #FFF;
    background: #000;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    coor: #FFF;
    text-align: center;
    font-size: 11px
}

#Product #main .product-body .product__actions .product__qty .limitBuy.dialog .bubbles .triangle-border::before {
    border-width: 5px 5px 0;
    border-color: #000 transparent;
    bottom: -26%;
    left: 43px
}

#Product #main .product-body .product__actions .product__qty .limitBuy.dialog .bubbles .triangle-border::after {
    display: none
}

#Product #main .product-body .product__actions .product__price__installment {
    display: none;
    font-size: 13px
}

#Product #main .product-body .product__actions .product__price__installment strong {
    font-weight: normal
}

#Product #main .product-body .product__actions .product__buy {
    float: right
}

#Product #main .product-body .product__actions .product__add-to-list {
    margin-left: 12px
}

#Product #main .product-body .product__actions .product__buy {
    width: 43%
}

#Product #main .product-body .product__actions .product__buy a.product__buy__link {
    width: 100%;
    background-color: #5bb12f;
    background-image: none;
    padding: 0;
    font-size: 20px;
    text-transform: uppercase;
    text-align: center;
    line-height: 48px;
    font-weight: 600;
    height: 48px
}

#Product #main .product-body .product__actions .product__buy a.product__buy__link::before {
    content: '';
    position: absolute
}

#Product #main .product-body .product__actions .product__buy a.product__buy__link.loading::before {
    background-image: url(/arquivos/loader__blue.gif);
    width: 100%;
    background-color: #5bb12f;
    line-height: 37px;
    height: 48px;
    background-repeat: no-repeat;
    border-radius: 30px;
    background-position: center center
}

#Product #main .product-body .product__actions .product__buy a.product__buy__link.complete::before {
    display: none
}

#Product #main .product-body .product__actions .product__add-to-list {
    margin-left: 0;
    background: none;
    width: auto;
    height: auto;
    line-height: normal;
    webkit-box-shadow: none;
    box-shadow: none;
    color: #000;
    float: initial;
    padding: 0;
    text-decoration: underline;
    bottom: -21px;
    top: auto;
    right: 17px;
    position: absolute
}

#Product #main .product-body .product__actions .product__add-to-list span {
    font-weight: bold
}

#Product #main .product-body .productInstallmentsSavegnago {
    display: none;
    width: 100%;
    margin: 13px 0
}

#Product #main .product-body .productInstallmentsSavegnago .cartSavegnago {
    width: 76px
}

#Product #main .product-body .productInstallmentsSavegnago .savegnago_price__installment {
    display: inline-block;
    font-size: 16px
}

#Product #main .product-body .productInstallmentsSavegnago .savegnago_price__installment strong {
    font-weight: normal
}

#Product #main .product-body .productInstallmentsSavegnago .savegnago_price__installment strong.productTotal {
    display: none;
    font-weight: bold;
    font-size: 17px
}

#Product #main .product-body .productInstallmentsSavegnago .savegnago_price__installment .installmentsValue {
    display: none
}

#Product #main .product-body .product__infos {
    display: none
}

#Product #main .product-body .product__method-payment {
    padding: 20px 0px;
    text-align: left
}

#Product #main .product-body .product__method-payment button.btnPaymentMethod {
    border: 0;
    background: none;
    cursor: pointer;
    font-size: 18px
}

#Product #main .product-body .product__method-payment button.btnPaymentMethod i {
    text-indent: 0;
    font-size: 12px;
    color: #ff0938
}

#Product #main .product-body .paymentMethod {
    border: 1px solid #ccc;
    border-radius: 10px;
    padding: 14px 0
}

#Product #main .product-body .paymentMethod h4 {
    font-weight: 900;
    font-size: 19px;
    border-bottom: 1px solid #ccc;
    padding-bottom: 5px;
    margin-bottom: 15px
}

#Product #main .product-body .paymentMethod .methods-options .options {
    vertical-align: top
}

#Product #main .product-body .paymentMethod .methods-options .options ul.method {
    text-align: left;
    margin-bottom: 20px
}

#Product #main .product-body .paymentMethod .methods-options .options ul.method li h5 {
    font-weight: bold;
    display: block;
    width: 100%;
    float: left
}

#Product #main .product-body .paymentMethod .methods-options .options ul.method li h5 img {
    float: left;
    width: 30px;
    margin-right: 7px
}

#Product #main .product-body .paymentMethod .methods-options .options ul.method li ul {
    margin-bottom: 0px
}

#Product #main .product-body .paymentMethod .methods-options .options#method-3 ul.method li h5 {
    width: auto;
    margin-right: 5px
}

#Product #main .product-body .paymentMethod .methods-options .options#method-3 ul.method li h5 img {
    display: none
}

#Product #main .product-view {
    margin-top: 89px
}

body.projetoFitness #menuProjetoFitness {
    display: inline-block !important;
    width: 100%;
    padding: 10px 0;
    float: left
}

body.projetoFitness #menuProjetoFitness ul {
    display: inline-block;
    width: 100%;
    text-align: center;
    float: left
}

body.projetoFitness #menuProjetoFitness ul li {
    display: inline-block
}

body.projetoFitness #menuProjetoFitness ul li a {
    cursor: pointer;
    font-size: 15px;
    color: #FFF;
    display: inline-block;
    padding: 10px 20px;
    margin: 0 2px;
    background: #03e3dc;
    font-weight: bold;
    border-radius: 6px
}

body.projetoFitness.detox #menuProjetoFitness ul li a {
    background: #85b12e
}

body.projetoFitness.frutas #menuProjetoFitness ul li a {
    background: #eddc01
}

body.projetoFitness.iogurtes #menuProjetoFitness ul li a {
    background: #292950
}

body.projetoFitness.farinhas-e-graos #menuProjetoFitness ul li a {
    background: #e78401
}

@media screen and (max-width: 999px) {
    #account-content .span1,
    #account-content .span2,
    #account-content .span3,
    #account-content .span4,
    #account-content .span5,
    #account-content .span6,
    #account-content .span7,
    #account-content .span8,
    #account-content .span9,
    #account-content .span10,
    #account-content .span11,
    #account-content .span12 {
        width: 100%
    }
    #account-content>.row>div {
        margin: auto auto 15px auto;
        float: left;
        width: 100%
    }
}

@media screen and (max-width: 630px) {
    #Account .col-mn-6 {
        width: 100%;
        vertical-align: top
    }
}

@media screen and (max-width: 480px) {
    #Account .userAddress .address-display-block .address-display .address-display-unit .edit.edit-address-link {
        width: 100%
    }
    #Account .userAddress .address-display-block .address-display .address-display-unit .edit.edit-address-link a.address-update {
        width: 60%
    }
    #Account .userAddress .address-display-block .address-display .address-display-unit .edit.edit-address-link a.delete {
        width: 40%
    }
    #Account .userAddress .address-display-block .address-display .address-display-unit .address-display-unit-info {
        width: 100%
    }
}

@media screen and (max-width: 340px) {
    #Account .userProfile .profile-detail-display .profile-detail-display-info span span {
        width: 100%
    }
}

@media screen and (max-width: 768px) {
    .banner_fornecedores .box-banner,
    .bannerSuppliers .box-banner {
        display: inline-block;
        width: 45%;
        margin-right: 7px;
        margin-bottom: 7px
    }
}

@media screen and (max-width: 550px) {
    .banner_fornecedores .box-banner,
    .bannerSuppliers .box-banner {
        display: inline-block;
        width: 95%;
        margin-right: 0px;
        margin-bottom: 7px
    }
}

@media screen and (max-width: 800px) {
    .shelf__container .col-xs-6 {
        padding-left: 5px;
        padding-right: 5px;
        border: 1px solid #f1f1f1;
        border-radius: 10px;
        margin: 2px;
        width: 48.5%;
        background: #FFF
    }
    .shelf__container ul {
        display: inline-block;
        margin-left: 1%;
        width: 100%
    }
    .shelf__container .shelf__product-item {
        height: 460px
    }
    .shelf__container .shelf__product-item a.product-item__img img {
        border-top-left-radius: 11px;
        border-top-right-radius: 11px
    }
    .shelf__container .shelf__product-item .product-item__content {
        height: 214px
    }
    .shelf__container .shelf__product-item .product-item__content .product-item__info {
        height: 50px
    }
    .shelf__container .shelf__product-item .product-item__content .product-item__buttons {
        height: 86px
    }
    .shelf__container .shelf__product-item .product-item__content .product-item__buttons::before {
        display: none
    }
    .shelf__container .shelf__product-item .product-item__content .product-item__buttons a.product-item__buy--buy-old {
        display: none
    }
    .shelf__container .shelf__product-item .product-item__content .product-item__buttons a.product-item__buy--open {
        display: inline-block !important;
        position: relative;
        border-radius: 20px;
        background-color: #5bb12f;
        width: 92% !important;
        height: 41px;
        line-height: 41px;
        background-image: none;
        color: #FFF;
        text-transform: uppercase;
        font-weight: 600;
        font-size: 17px
    }
    .shelf__container .shelf__product-item .product-item__content .product-item__buttons a.product-item__add-to-list {
        width: 100%;
        height: auto;
        display: inline-block;
        border: 0;
        border-radius: 0;
        padding: 0;
        color: #000;
        float: initial;
        background-color: transparent;
        margin-top: 0;
        position: relative
    }
    .shelf__container .shelf__product-item .product-item__content .product-item__buy-container {
        display: inline-block;
        vertical-align: bottom
    }
    .shelf__container .shelf__product-item .product-item__content .product-item__info .product-item__price {
        width: 100% !important
    }
    .shelf__container .shelf__product-item .product-item__content .product-item__qtd {
        margin-top: 0;
        padding: 0
    }
    .shelf__container .shelf__product-item .product-item__content .product-item__title {
        float: initial
    }
    .shelf__container .shelf__product-item .product-item__content .product-item__buy--buy {
        background-color: #5bb12f
    }
    .categoryMob .search__main {
        font-size: 20px !important
    }
    .categoryMob .search__main .search-result .main .col-xs-6,
    .categoryMob .search__main .search-result .avantiSearch-target .col-xs-6 {
        padding-left: 5px;
        padding-right: 5px
    }
    .categoryMob .search__main .search-result .main .shelf__product-item,
    .categoryMob .search__main .search-result .avantiSearch-target .shelf__product-item {
        border: 1px solid #f1f1f1;
        border-radius: 10px;
        height: 380px;
        background: #FFF
    }
    .categoryMob .search__main .search-result .main .shelf__product-item a.product-item__img img,
    .categoryMob .search__main .search-result .avantiSearch-target .shelf__product-item a.product-item__img img {
        border-top-left-radius: 11px;
        border-top-right-radius: 11px
    }
    .categoryMob .search__main .search-result .main .shelf__product-item .product-item__content,
    .categoryMob .search__main .search-result .avantiSearch-target .shelf__product-item .product-item__content {
        height: 214px
    }
    .categoryMob .search__main .search-result .main .shelf__product-item .product-item__content .product-item__info,
    .categoryMob .search__main .search-result .avantiSearch-target .shelf__product-item .product-item__content .product-item__info {
        height: 50px
    }
    .categoryMob .search__main .search-result .main .shelf__product-item .product-item__content .product-item__buttons,
    .categoryMob .search__main .search-result .avantiSearch-target .shelf__product-item .product-item__content .product-item__buttons {
        height: 86px
    }
    .categoryMob .search__main .search-result .main .shelf__product-item .product-item__content .product-item__buttons::before,
    .categoryMob .search__main .search-result .avantiSearch-target .shelf__product-item .product-item__content .product-item__buttons::before {
        display: none
    }
    .categoryMob .search__main .search-result .main .shelf__product-item .product-item__content .product-item__buttons a.product-item__buy--buy-old,
    .categoryMob .search__main .search-result .avantiSearch-target .shelf__product-item .product-item__content .product-item__buttons a.product-item__buy--buy-old {
        display: none
    }
    .categoryMob .search__main .search-result .main .shelf__product-item .product-item__content .product-item__buttons a.product-item__buy--open,
    .categoryMob .search__main .search-result .avantiSearch-target .shelf__product-item .product-item__content .product-item__buttons a.product-item__buy--open {
        display: inline-block !important;
        position: relative;
        border-radius: 20px;
        background-color: #5bb12f;
        width: 92% !important;
        height: 41px;
        line-height: 41px;
        background-image: none;
        color: #FFF;
        text-transform: uppercase;
        font-weight: 600;
        font-size: 17px
    }
    .categoryMob .search__main .search-result .main .shelf__product-item .product-item__content .product-item__buttons a.product-item__add-to-list,
    .categoryMob .search__main .search-result .avantiSearch-target .shelf__product-item .product-item__content .product-item__buttons a.product-item__add-to-list {
        width: 100%;
        height: auto;
        display: inline-block;
        border: 0;
        border-radius: 0;
        padding: 0;
        color: #000;
        float: initial;
        background-color: transparent;
        margin-top: 0;
        position: relative
    }
    .categoryMob .search__main .search-result .main .shelf__product-item .product-item__content .product-item__buy-container,
    .categoryMob .search__main .search-result .avantiSearch-target .shelf__product-item .product-item__content .product-item__buy-container {
        display: inline-block;
        vertical-align: bottom
    }
    .categoryMob .search__main .search-result .main .shelf__product-item .product-item__content .product-item__info .product-item__price,
    .categoryMob .search__main .search-result .avantiSearch-target .shelf__product-item .product-item__content .product-item__info .product-item__price {
        width: 100% !important
    }
    .categoryMob .search__main .search-result .main .shelf__product-item .product-item__content .product-item__qtd,
    .categoryMob .search__main .search-result .avantiSearch-target .shelf__product-item .product-item__content .product-item__qtd {
        margin-top: 0;
        padding: 0
    }
    .categoryMob .search__main .search-result .main .shelf__product-item .product-item__content .product-item__title,
    .categoryMob .search__main .search-result .avantiSearch-target .shelf__product-item .product-item__content .product-item__title {
        float: initial;
        font-size: 13px
    }
    .categoryMob .search__main .search-result .main .shelf__product-item .product-item__content .product-item__buy--buy,
    .categoryMob .search__main .search-result .avantiSearch-target .shelf__product-item .product-item__content .product-item__buy--buy {
        background-color: #5bb12f
    }
}

@media screen and (max-width: 1200px) {
    .shelf__container.n4colunas .shelf__product-item .boxImage {
        text-align: center
    }
    .shelf__container.n4colunas .shelf__product-item .boxImage .product-item__img img {
        width: 100%;
        max-width: 290px;
        display: inline-block
    }
}

@media screen and (max-width: 800px) {
    .shelf__container.n4colunas ul {
        display: inline-block;
        width: 100%;
        text-align: center
    }
    .shelf__container.n4colunas ul li {
        width: 50%
    }
}

@media screen and (max-width: 560px) {
    .shelf__container.n4colunas ul {
        display: inline-block;
        width: 100%;
        text-align: center
    }
    .shelf__container.n4colunas ul li {
        width: 50%
    }
}

@media screen and (max-width: 1024px) {
    #footer .contentFooterPayments .footerInfos .footer-info-shop {
        width: 65%
    }
    #footer .contentFooterPayments .footerInfos .footer-logos {
        width: 35%
    }
}

@media screen and (max-width: 910px) {
    #footer .contentFooterPayments .footerPaymentMethod h3 {
        text-align: center
    }
    #footer .contentFooterPayments .footerInfos {
        margin-top: 5%;
        text-align: center
    }
    #footer .contentFooterPayments .footerInfos .footer-info-shop {
        width: 100%
    }
    #footer .contentFooterPayments .footerInfos .footer-info-shop p {
        font-size: .75rem
    }
    #footer .contentFooterPayments .footerInfos .footer-logos {
        width: 100%;
        margin-top: 3%
    }
    #footer .contentFooterPayments .footerInfos .footer-logos ul li {
        vertical-align: middle;
        padding-right: 1rem
    }
    #footer .contentFooterPayments .footerInfos .footer-logos ul li .logoClearSale {
        margin-bottom: 0px
    }
    #footer .contentFooterPayments .footerInfos .footer-logos ul li .logoVtex {
        margin-bottom: 0px
    }
}

@media screen and (max-width: 875px) {
    #footer .contentFooter .footer-contact {
        width: 30%
    }
    #footer .contentFooter .footer-contact .call-center p a.insTel,
    #footer .contentFooter .footer-contact .call-center p a.insCel {
        font-size: 1.4375rem
    }
    #footer .contentFooter .footer-links {
        text-align: center;
        width: 36%
    }
    #footer .contentFooter .footer-links .col-mn-6 {
        width: 100%
    }
    #footer .contentFooter .footer-links .col-mn-6 h3 {
        margin-bottom: .3125rem !important
    }
    #footer .contentFooter .footer-links .col-mn-6:last-child {
        margin-top: .9375rem
    }
}

@media screen and (max-width: 835px) {
    #footer .contentFooterPayments .footerPaymentMethod .payment-full,
    #footer .contentFooterPayments .footerPaymentMethod .payment-house {
        width: 100%;
        text-align: center !important
    }
    #footer .contentFooterPayments .footerPaymentMethod .payment-full ul,
    #footer .contentFooterPayments .footerPaymentMethod .payment-house ul {
        text-align: center
    }
    #footer .contentFooterPayments .footerPaymentMethod .payment-house {
        border-left: 0;
        text-align: center;
        margin-top: 2%
    }
    #footer .contentFooterPayments .footerPaymentMethod .payment-house label {
        font-size: 1.0625rem
    }
}

@media screen and (max-width: 723px) {
    #footer .contentFooter .footer-contact {
        width: 100%;
        margin-bottom: 40px
    }
    #footer .contentFooter .footer-contact .call-center,
    #footer .contentFooter .footer-contact .ask-cart-savegnago {
        width: 50%;
        text-align: center;
        vertical-align: top
    }
    #footer .contentFooter .footer-contact .ask-cart-savegnago h4 {
        margin-top: 0;
        font-size: 1.0625rem
    }
    #footer .contentFooter .footer-contact .ask-cart-savegnago p a {
        display: inline-block;
        width: 100%;
        text-align: center
    }
    #footer .contentFooter .footer-contact .ask-cart-savegnago p a img {
        display: inline-block
    }
    #footer .contentFooter .footer-links {
        width: 100%;
        margin-bottom: 40px
    }
    #footer .contentFooter .footer-links .col-mn-6 {
        width: 50%
    }
    #footer .contentFooter .footer-links .col-mn-6:last-child {
        margin-top: 0
    }
    #footer .contentFooter .footer-how-to-buy {
        width: 100%
    }
}

@media screen and (max-width: 460px) {
    #footer .contentFooter .footer-contact {
        padding-left: 0
    }
    #footer .contentFooter .footer-contact .call-center,
    #footer .contentFooter .footer-contact .ask-cart-savegnago {
        width: 100%
    }
    #footer .contentFooter .footer-contact .ask-cart-savegnago {
        margin-top: 5%
    }
    #footer .contentFooter .footer-links {
        padding-left: 0
    }
    #footer .contentFooter .footer-links .col-mn-6 {
        width: 100%;
        padding-left: 0
    }
    #footer .contentFooter .footer-links .col-mn-6:last-child {
        margin-top: 5%
    }
    #footer .contentFooter .footer-how-to-buy {
        padding: 0
    }
    #footer .contentFooterPayments .footerInfos .footer-logos ul li {
        padding-top: 20px
    }
}

@media screen and (max-width: 780px) {
    #Home .main {
        margin-top: 127px
    }
    #Home .main #sliderPrincipalHome {
        width: 100%;
        margin-bottom: 60px
    }
    #Home .main #sliderPrincipalHome .owl-carousel .owl-item {
        width: 100%
    }
    #Home .main #sliderPrincipalHome .owl-carousel .owl-item .box-banner {
        position: relative;
        width: 100%;
        height: auto;
        overflow: hidden
    }
    #Home .main #sliderPrincipalHome .owl-carousel .owl-item .box-banner .bannerDesk {
        display: none
    }
    #Home .main #sliderPrincipalHome .owl-carousel .owl-item .box-banner .bannerMob {
        display: block
    }
    #Home .main #sliderPrincipalHome .owl-carousel .owl-item .box-banner img {
        position: relative;
        left: 0;
        top: 0;
        height: auto;
        width: 100%;
        -webkit-transform: translate(0);
        -ms-transform: translate(0);
        transform: translate(0)
    }
    #Home .main .bannerMiddle.n4columns .box-banner {
        width: 50%
    }
    #Home .main .bannerMiddle.n3columns .box-banner {
        width: 40%
    }
    #Home .main .bannerMiddle.n2columns .box-banner {
        width: 100%;
        margin-right: 0
    }
}

@media screen and (max-width: 580px) {
    #Home .main .bannerMiddle.n4columns .box-banner {
        width: 100%
    }
    #Home .main .bannerMiddle.n3columns .box-banner {
        width: 100%
    }
}

@media screen and (max-width: 1176px) {
    #newslletter .contentNewsletter .bxNewsSocial .lnkRedes {
        text-align: center
    }
    #newslletter .contentNewsletter .bxNewsSocial .lnkRedes a {
        display: inline-block;
        padding-left: 15px
    }
}

@media screen and (max-width: 890px) {
    #newslletter .contentNewsletter h3 {
        padding-bottom: 10px
    }
    #newslletter .contentNewsletter .bxNewsEmail {
        width: 60%;
        vertical-align: top
    }
    #newslletter .contentNewsletter .bxNewsEmail .col-mn-2:first-child,
    #newslletter .contentNewsletter .bxNewsEmail .col-mn-10 {
        width: 100%
    }
    #newslletter .contentNewsletter .bxNewsEmail form .field-4,
    #newslletter .contentNewsletter .bxNewsEmail form .field-3 {
        width: 29%
    }
    #newslletter .contentNewsletter .bxNewsSocial {
        width: 40%;
        vertical-align: top;
        text-align: center
    }
    #newslletter .contentNewsletter .bxNewsSocial .col-mn-6 {
        width: 100%
    }
    #newslletter .contentNewsletter .bxNewsSocial .lnkRedes {
        display: inline-block;
        text-align: center
    }
    #newslletter .contentNewsletter .bxNewsSocial .lnkRedes a {
        padding-left: 9px
    }
    #newslletter .contentNewsletter .bxNewsSocial .lnkRedes a:first-child {
        padding-left: 0px
    }
    #newslletter .contentNewsletter .bxNewsSocial .lnkRedes a i.fa {
        font-size: 3.125rem
    }
}

@media screen and (max-width: 720px) {
    #newslletter .contentNewsletter h3 {
        padding-bottom: 20px;
        font-weight: bold
    }
    #newslletter .contentNewsletter .bxNewsEmail {
        width: 100%;
        vertical-align: top;
        text-align: center;
        margin-bottom: 25px
    }
    #newslletter .contentNewsletter .bxNewsSocial {
        width: 100%
    }
    #newslletter .contentNewsletter .bxNewsSocial .col-mn-6 {
        width: 100%
    }
}

@media screen and (max-width: 500px) {
    #newslletter .contentNewsletter .bxNewsEmail .col-mn-10 {
        padding-left: 0
    }
    #newslletter .contentNewsletter .bxNewsEmail form .field-4,
    #newslletter .contentNewsletter .bxNewsEmail form .field-3 {
        width: 100%;
        margin-bottom: 13px
    }
    #newslletter .contentNewsletter .bxNewsEmail form .field-1 {
        width: 50%
    }
    #newslletter .contentNewsletter .bxNewsEmail form button {
        width: 100%;
        border-radius: 8px
    }
}

#Product.product-mob .limitBuy.dialog {
    top: -113px;
    left: 4px
}

#Product.product-mob .limitBuy.dialog .bubbles {
    width: 100%;
    height: 38px
}

#Product.product-mob .limitBuy.dialog .bubbles .triangle-border {
    border: 0;
    padding: 3px 8px;
    color: #FFF;
    background: #000;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    coor: #FFF;
    text-align: center;
    font-size: 11px
}

#Product.product-mob .limitBuy.dialog .bubbles .triangle-border::before {
    border-width: 5px 5px 0;
    border-color: #000 transparent;
    bottom: -26%;
    left: 43px
}

#Product.product-mob .limitBuy.dialog .bubbles .triangle-border::after {
    display: none
}

#Product.product-mob .product-buy .col-xs-6 {
    text-align: center
}

#Product.product-mob .product-buy .col-xs-5 {
    text-align: center
}

#Product.product-mob .product-buy .product-buy__price {
    display: inline-block;
    position: relative;
    left: 0;
    margin-left: 0;
    height: 100%;
    text-align: left
}

#Product.product-mob .product-buy .product-buy__price .product-buy__price__installments {
    display: none;
    line-height: 12px;
    font-size: 12px
}

#Product.product-mob .product-buy .product-buy__qty {
    display: inline-block;
    position: relative;
    margin-left: 0;
    width: 80%;
    max-width: 130px;
    top: 10px;
    left: 0
}

#Product.product-mob .product-buy .product-buy__btns {
    display: inline-block;
    position: relative;
    width: 100%;
    right: 0;
    top: 20px;
    max-width: 130px;
    margin-right: 0
}

#Product.product-mob .product-buy .product-buy__btns .product-buy__btn--buy {
    background: #5bb12f;
    font-weight: bold
}

@media screen and (max-width: 400px) {
    #menuProjetoFitness ul li {
        display: inline-block
    }
    #menuProjetoFitness ul li a {
        font-size: 13px;
        padding: 10px 6px;
        margin: 2px 2px
    }
}