@import url(//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css);
@import url('https://fonts.googleapis.com/css?family=Tajawal');
/* The above import directives are aggregated from content. */
.ui-datepicker {
    display: none;
    z-index: 999999 !important
}

.ui-datepicker .ui-datepicker-header {
    position: relative;
    padding: .2em 0
}

.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
    position: absolute;
    top: 2px;
    width: 1.8em;
    height: 1.8em;
    cursor: pointer
}

.ui-datepicker .ui-datepicker-next-hover span, .ui-datepicker .ui-datepicker-prev-hover span {
    border-color: transparent #ff8400 transparent transparent
}

.ui-datepicker .ui-datepicker-prev {
    left: 2px
}

.ui-datepicker .ui-datepicker-next {
    right: 2px
}

.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span {
    display: block;
    position: absolute;
    left: 50%;
    margin-left: -8px;
    top: 50%;
    margin-top: -5px;
    font-size: 0;
    width: 0;
    height: 0;
    border: solid;
    border-width: 5px 8px 5px 0;
    border-color: transparent #ff9635 transparent transparent
}

.ui-datepicker .ui-datepicker-next span {
    margin-left: 0;
    top: 50%;
    margin-top: -5px;
    border-width: 5px 0 5px 8px;
    border-color: transparent transparent transparent #ff9635
}

.ui-datepicker .ui-datepicker-title {
    margin: 0 2.3em;
    line-height: 1.8em;
    text-align: center
}

.ui-datepicker .ui-datepicker-title select {
    font-size: 1em;
    margin: 1px 0
}

.ui-datepicker select.ui-datepicker-month-year {
    width: 100%
}

.ui-datepicker table {
    width: 100%;
    font-size: .9em
}

.ui-datepicker td span, .ui-datepicker td a {
    display: block;
    padding: 4px;
    text-align: right;
    text-decoration: none;
    color: #000
}

.ui-datepicker .ui-datepicker-buttonpane button {
    float: right
}

.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
    float: left
}

.ui-datepicker-rtl {
    direction: rtl
}

.ui-datepicker-rtl .ui-datepicker-prev {
    right: 2px;
    left: auto
}

.ui-datepicker-rtl .ui-datepicker-next {
    left: 2px;
    right: auto
}

.ui-datepicker-rtl .ui-datepicker-prev:hover {
    right: 1px;
    left: auto
}

.ui-datepicker-rtl .ui-datepicker-next:hover {
    left: 1px;
    right: auto
}

.ui-datepicker-rtl .ui-datepicker-buttonpane {
    clear: right
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button {
    float: left
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current {
    float: right
}

.ui-datepicker-rtl .ui-datepicker-group {
    float: right
}

.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header {
    border-right-width: 0;
    border-left-width: 1px
}

.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
    border-right-width: 0;
    border-left-width: 1px
}

.ui-timepicker-div .ui-widget-header {
    margin-bottom: 8px
}

.ui-timepicker-div dl {
    text-align: left
}

.ui-timepicker-div dl dt {
    height: 25px;
    margin-bottom: -22px
}

.ui-timepicker-div dl .ui_tpicker_time_label {
    margin-bottom: -25px
}

.ui-timepicker-div dl dd {
    margin: 0 10px 10px 65px
}

.ui-timepicker-div td {
    font-size: 90%
}

.ui-tpicker-grid-label {
    background: none;
    border: 0;
    margin: 0;
    padding: 0
}

.ui-datepicker {
    background: #fff;
    padding: 15px;
    border: #fff 4px solid;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background: #efefef;
    -webkit-box-shadow: 5px 5px 10px 0 rgba(0, 0, 0, .35);
    box-shadow: 5px 5px 10px 0 rgba(0, 0, 0, .35)
}

.ui-datepicker .ui-datepicker-header {
    background: transparent;
    border: 0;
    padding-bottom: 10px
}

.ui-datepicker .ui-datepicker-title .ui-datepicker-month {
    width: 47%;
    margin-right: 6%
}

.ui-datepicker .ui-datepicker-title .ui-datepicker-year {
    width: 47%
}

.ui-datepicker .ui-datepicker-calendar td {
    border: #cfcfcf 1px solid
}

.ui-datepicker .ui-datepicker-calendar td a {
    padding: 4px;
    display: block
}

.ui-datepicker .ui-datepicker-calendar td .ui-state-hover {
    background: #f9eae7
}

.ui-datepicker .ui-datepicker-calendar {
    background: #fff;
    border: #cfcfcf 1px solid;
    border-collapse: collapse
}

.ui-datepicker .ui-datepicker-calendar th {
    background: #efefef;
    border: #cfcfcf 1px solid;
    padding: 4px;
    text-transform: uppercase
}

.ui-datepicker .ui-datepicker-calendar .ui-datepicker-week-col {
    text-align: center;
    border: #cfcfcf 1px solid
}

.ui-datepicker {
    width: auto
}

.ui-datepicker .ui-datepicker-calendar .ui-datepicker-today {
    background: #f3d7d2
}

.ui-datepicker .ui-datepicker-calendar .ui-state-active {
    background: #ffdf66
}

.ui-timepicker-div .ui-widget-header {
    margin-bottom: 8px
}

.ui-timepicker-div dl {
    text-align: left
}

.ui-timepicker-div dl dd {
    margin: 0 0 10px 65px
}

.ui-timepicker-div td {
    font-size: 90%
}

.ui-tpicker-grid-label {
    background: none;
    border: 0;
    margin: 0;
    padding: 0
}

.ui-slider {
    position: relative;
    text-align: left
}

.ui-slider-horizontal .ui-slider-handle {
    margin-left: -5px
}

.ui-slider .ui-slider-handle {
    position: absolute;
    z-index: 2;
    cursor: default
}

.ui-slider-horizontal {
    height: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    border: 0;
    background: #dadada
}

.ui-slider-handle {
    height: 10px;
    width: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: #f98b25;
    display: block;
    position: absolute
}

.ui-timepicker-div {
    padding: 10px 0 5px 0
}

.ui-datepicker .ui-datepicker-buttonpane {
    overflow: hidden;
    padding-top: 10px;
    border-top: #cfcfcf 1px solid
}

.ui-datepicker .ui-datepicker-calendar .ui-state-disabled {
    background: #f9f9f9
}

.ui-datepicker .ui-datepicker-calendar .ui-state-disabled span {
    color: #959595
}

.ui-datepicker-cover {
    position: absolute;
    z-index: -1;
    filter: mask();
    top: -4px;
    left: -4px;
    width: 200px;
    height: 200px
}

.swatch-option-tooltip {
    visibility: hidden
}

@media (min-width: 1024px) {
    .swatch-option-tooltip {
        visibility: visible
    }
}

.container {
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px;
    min-width: 300px;
    max-width: 768px
}

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

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

@media (min-width: 1200px) {
    .container {
        max-width: 1200px
    }
}

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

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

[class*='col-'] {
    padding-left: 15px;
    padding-right: 15px
}

html.lt-ie10 * + [class*='col-'], html.lt-ie10 * + .row, * + [class*='col-'], * + .row {
    margin-top: 0
}

html.lt-ie10 .row-no-gutter, .row-no-gutter {
    margin-left: 0;
    margin-right: 0
}

html.lt-ie10 .row-no-gutter > [class*='col'], .row-no-gutter > [class*='col'] {
    padding-left: 0;
    padding-right: 0
}

html.lt-ie10 .row-no-gutter > * + [class*='col'], .row-no-gutter > * + [class*='col'] {
    margin-top: 0
}

@media (min-width: 768px) {
    * + [class*='col-xs-'] {
        margin-top: 0
    }

    .row {
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -ms-flex: 0 1 auto;
        -webkit-flex: 0 1 auto;
        flex: 0 1 auto;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .row > [class*='col'] {
        -ms-flex: 0 0 auto;
        -webkit-flex: 0 0 auto;
        flex: 0 0 auto;
        -webkit-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%
    }

    .row-xs-center {
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .row-xs-left {
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }

    .row-xs-right {
        -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }

    .row-xs-justify {
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .row-xs-around {
        -webkit-justify-content: space-around;
        -ms-flex-pack: distribute;
        justify-content: space-around
    }

    .row-xs-top {
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start
    }

    .row-xs {
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row
    }

    .row-xs-reverse {
        -webkit-flex-direction: row-reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse
    }

    .row-xs-middle {
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }

    .row-xs-bottom {
        -webkit-align-items: flex-end;
        -ms-flex-align: end;
        align-items: flex-end
    }

    .col-xs-top {
        -webkit-align-self: flex-start;
        -ms-flex-item-align: start;
        align-self: flex-start
    }

    .col-xs-middle {
        -webkit-align-self: center;
        -ms-flex-item-align: center;
        align-self: center
    }

    .col-xs-bottom {
        -webkit-align-self: flex-end;
        -ms-flex-item-align: end;
        align-self: flex-end
    }

    .row > .col-xs-preffix-0 {
        margin-left: 0
    }

    .row > .col-xs-1 {
        -webkit-flex-basis: 8.33333%;
        -ms-flex-preferred-size: 8.33333%;
        flex-basis: 8.33333%;
        max-width: 8.33333%
    }

    .row > .col-xs-preffix-1 {
        margin-left: 8.33333%
    }

    .row > .col-xs-2 {
        -webkit-flex-basis: 16.66667%;
        -ms-flex-preferred-size: 16.66667%;
        flex-basis: 16.66667%;
        max-width: 16.66667%
    }

    .row > .col-xs-preffix-2 {
        margin-left: 16.66667%
    }

    .row > .col-xs-3 {
        -webkit-flex-basis: 25%;
        -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
        max-width: 25%
    }

    .row > .col-xs-preffix-3 {
        margin-left: 25%
    }

    .row > .col-xs-4 {
        -webkit-flex-basis: 33.33333%;
        -ms-flex-preferred-size: 33.33333%;
        flex-basis: 33.33333%;
        max-width: 33.33333%
    }

    .row > .col-xs-preffix-4 {
        margin-left: 33.33333%
    }

    .row > .col-xs-5 {
        -webkit-flex-basis: 41.66667%;
        -ms-flex-preferred-size: 41.66667%;
        flex-basis: 41.66667%;
        max-width: 41.66667%
    }

    .row > .col-xs-preffix-5 {
        margin-left: 41.66667%
    }

    .row > .col-xs-6 {
        -webkit-flex-basis: 50%;
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
        max-width: 50%
    }

    .row > .col-xs-preffix-6 {
        margin-left: 50%
    }

    .row > .col-xs-7 {
        -webkit-flex-basis: 58.33333%;
        -ms-flex-preferred-size: 58.33333%;
        flex-basis: 58.33333%;
        max-width: 58.33333%
    }

    .row > .col-xs-preffix-7 {
        margin-left: 58.33333%
    }

    .row > .col-xs-8 {
        -webkit-flex-basis: 66.66667%;
        -ms-flex-preferred-size: 66.66667%;
        flex-basis: 66.66667%;
        max-width: 66.66667%
    }

    .row > .col-xs-preffix-8 {
        margin-left: 66.66667%
    }

    .row > .col-xs-9 {
        -webkit-flex-basis: 75%;
        -ms-flex-preferred-size: 75%;
        flex-basis: 75%;
        max-width: 75%
    }

    .row > .col-xs-preffix-9 {
        margin-left: 75%
    }

    .row > .col-xs-10 {
        -webkit-flex-basis: 83.33333%;
        -ms-flex-preferred-size: 83.33333%;
        flex-basis: 83.33333%;
        max-width: 83.33333%
    }

    .row > .col-xs-preffix-10 {
        margin-left: 83.33333%
    }

    .row > .col-xs-11 {
        -webkit-flex-basis: 91.66667%;
        -ms-flex-preferred-size: 91.66667%;
        flex-basis: 91.66667%;
        max-width: 91.66667%
    }

    .row > .col-xs-preffix-11 {
        margin-left: 91.66667%
    }

    .row > .col-xs-12 {
        -webkit-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%
    }

    .row > .col-xs-preffix-12 {
        margin-left: 100%
    }
}

@media (min-width: 768px) {
    * + [class*='col-sm-'] {
        margin-top: 0
    }

    .row-sm-center {
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .row-sm-left {
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }

    .row-sm-right {
        -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }

    .row-sm-justify {
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .row-sm-around {
        -webkit-justify-content: space-around;
        -ms-flex-pack: distribute;
        justify-content: space-around
    }

    .row-sm-top {
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start
    }

    .row-sm {
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row
    }

    .row-sm-reverse {
        -webkit-flex-direction: row-reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse
    }

    .row-sm-middle {
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }

    .row-sm-bottom {
        -webkit-align-items: flex-end;
        -ms-flex-align: end;
        align-items: flex-end
    }

    .col-sm-top {
        -webkit-align-self: flex-start;
        -ms-flex-item-align: start;
        align-self: flex-start
    }

    .col-sm-middle {
        -webkit-align-self: center;
        -ms-flex-item-align: center;
        align-self: center
    }

    .col-sm-bottom {
        -webkit-align-self: flex-end;
        -ms-flex-item-align: end;
        align-self: flex-end
    }

    .row > .col-sm-preffix-0 {
        margin-left: 0
    }

    .row > .col-sm-1 {
        -webkit-flex-basis: 8.33333%;
        -ms-flex-preferred-size: 8.33333%;
        flex-basis: 8.33333%;
        max-width: 8.33333%
    }

    .row > .col-sm-preffix-1 {
        margin-left: 8.33333%
    }

    .row > .col-sm-2 {
        -webkit-flex-basis: 16.66667%;
        -ms-flex-preferred-size: 16.66667%;
        flex-basis: 16.66667%;
        max-width: 16.66667%
    }

    .row > .col-sm-preffix-2 {
        margin-left: 16.66667%
    }

    .row > .col-sm-3 {
        -webkit-flex-basis: 25%;
        -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
        max-width: 25%
    }

    .row > .col-sm-preffix-3 {
        margin-left: 25%
    }

    .row > .col-sm-4 {
        -webkit-flex-basis: 33.33333%;
        -ms-flex-preferred-size: 33.33333%;
        flex-basis: 33.33333%;
        max-width: 33.33333%
    }

    .row > .col-sm-preffix-4 {
        margin-left: 33.33333%
    }

    .row > .col-sm-5 {
        -webkit-flex-basis: 41.66667%;
        -ms-flex-preferred-size: 41.66667%;
        flex-basis: 41.66667%;
        max-width: 41.66667%
    }

    .row > .col-sm-preffix-5 {
        margin-left: 41.66667%
    }

    .row > .col-sm-6 {
        -webkit-flex-basis: 50%;
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
        max-width: 50%
    }

    .row > .col-sm-preffix-6 {
        margin-left: 50%
    }

    .row > .col-sm-7 {
        -webkit-flex-basis: 58.33333%;
        -ms-flex-preferred-size: 58.33333%;
        flex-basis: 58.33333%;
        max-width: 58.33333%
    }

    .row > .col-sm-preffix-7 {
        margin-left: 58.33333%
    }

    .row > .col-sm-8 {
        -webkit-flex-basis: 66.66667%;
        -ms-flex-preferred-size: 66.66667%;
        flex-basis: 66.66667%;
        max-width: 66.66667%
    }

    .row > .col-sm-preffix-8 {
        margin-left: 66.66667%
    }

    .row > .col-sm-9 {
        -webkit-flex-basis: 75%;
        -ms-flex-preferred-size: 75%;
        flex-basis: 75%;
        max-width: 75%
    }

    .row > .col-sm-preffix-9 {
        margin-left: 75%
    }

    .row > .col-sm-10 {
        -webkit-flex-basis: 83.33333%;
        -ms-flex-preferred-size: 83.33333%;
        flex-basis: 83.33333%;
        max-width: 83.33333%
    }

    .row > .col-sm-preffix-10 {
        margin-left: 83.33333%
    }

    .row > .col-sm-11 {
        -webkit-flex-basis: 91.66667%;
        -ms-flex-preferred-size: 91.66667%;
        flex-basis: 91.66667%;
        max-width: 91.66667%
    }

    .row > .col-sm-preffix-11 {
        margin-left: 91.66667%
    }

    .row > .col-sm-12 {
        -webkit-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%
    }

    .row > .col-sm-preffix-12 {
        margin-left: 100%
    }
}

@media (min-width: 992px) {
    * + [class*='col-md-'] {
        margin-top: 0
    }

    .row-md-center {
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .row-md-left {
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }

    .row-md-right {
        -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }

    .row-md-justify {
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .row-md-around {
        -webkit-justify-content: space-around;
        -ms-flex-pack: distribute;
        justify-content: space-around
    }

    .row-md-top {
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start
    }

    .row-md {
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row
    }

    .row-md-reverse {
        -webkit-flex-direction: row-reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse
    }

    .row-md-middle {
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }

    .row-md-bottom {
        -webkit-align-items: flex-end;
        -ms-flex-align: end;
        align-items: flex-end
    }

    .col-md-top {
        -webkit-align-self: flex-start;
        -ms-flex-item-align: start;
        align-self: flex-start
    }

    .col-md-middle {
        -webkit-align-self: center;
        -ms-flex-item-align: center;
        align-self: center
    }

    .col-md-bottom {
        -webkit-align-self: flex-end;
        -ms-flex-item-align: end;
        align-self: flex-end
    }

    .row > .col-md-preffix-0 {
        margin-left: 0
    }

    .row > .col-md-1 {
        -webkit-flex-basis: 8.33333%;
        -ms-flex-preferred-size: 8.33333%;
        flex-basis: 8.33333%;
        max-width: 8.33333%
    }

    .row > .col-md-preffix-1 {
        margin-left: 8.33333%
    }

    .row > .col-md-2 {
        -webkit-flex-basis: 16.66667%;
        -ms-flex-preferred-size: 16.66667%;
        flex-basis: 16.66667%;
        max-width: 16.66667%
    }

    .row > .col-md-preffix-2 {
        margin-left: 16.66667%
    }

    .row > .col-md-3 {
        -webkit-flex-basis: 25%;
        -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
        max-width: 25%
    }

    .row > .col-md-preffix-3 {
        margin-left: 25%
    }

    .row > .col-md-4 {
        -webkit-flex-basis: 33.33333%;
        -ms-flex-preferred-size: 33.33333%;
        flex-basis: 33.33333%;
        max-width: 33.33333%
    }

    .row > .col-md-preffix-4 {
        margin-left: 33.33333%
    }

    .row > .col-md-5 {
        -webkit-flex-basis: 41.66667%;
        -ms-flex-preferred-size: 41.66667%;
        flex-basis: 41.66667%;
        max-width: 41.66667%
    }

    .row > .col-md-preffix-5 {
        margin-left: 41.66667%
    }

    .row > .col-md-6 {
        -webkit-flex-basis: 50%;
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
        max-width: 50%
    }

    .row > .col-md-preffix-6 {
        margin-left: 50%
    }

    .row > .col-md-7 {
        -webkit-flex-basis: 58.33333%;
        -ms-flex-preferred-size: 58.33333%;
        flex-basis: 58.33333%;
        max-width: 58.33333%
    }

    .row > .col-md-preffix-7 {
        margin-left: 58.33333%
    }

    .row > .col-md-8 {
        -webkit-flex-basis: 66.66667%;
        -ms-flex-preferred-size: 66.66667%;
        flex-basis: 66.66667%;
        max-width: 66.66667%
    }

    .row > .col-md-preffix-8 {
        margin-left: 66.66667%
    }

    .row > .col-md-9 {
        -webkit-flex-basis: 75%;
        -ms-flex-preferred-size: 75%;
        flex-basis: 75%;
        max-width: 75%
    }

    .row > .col-md-preffix-9 {
        margin-left: 75%
    }

    .row > .col-md-10 {
        -webkit-flex-basis: 83.33333%;
        -ms-flex-preferred-size: 83.33333%;
        flex-basis: 83.33333%;
        max-width: 83.33333%
    }

    .row > .col-md-preffix-10 {
        margin-left: 83.33333%
    }

    .row > .col-md-11 {
        -webkit-flex-basis: 91.66667%;
        -ms-flex-preferred-size: 91.66667%;
        flex-basis: 91.66667%;
        max-width: 91.66667%
    }

    .row > .col-md-preffix-11 {
        margin-left: 91.66667%
    }

    .row > .col-md-12 {
        -webkit-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%
    }

    .row > .col-md-preffix-12 {
        margin-left: 100%
    }
}

@media (min-width: 1200px) {
    * + [class*='col-lg-'] {
        margin-top: 0
    }

    .row-lg-center {
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .row-lg-left {
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }

    .row-lg-right {
        -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }

    .row-lg-justify {
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .row-lg-around {
        -webkit-justify-content: space-around;
        -ms-flex-pack: distribute;
        justify-content: space-around
    }

    .row-lg-top {
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start
    }

    .row-lg {
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row
    }

    .row-lg-reverse {
        -webkit-flex-direction: row-reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse
    }

    .row-lg-middle {
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }

    .row-lg-bottom {
        -webkit-align-items: flex-end;
        -ms-flex-align: end;
        align-items: flex-end
    }

    .col-lg-top {
        -webkit-align-self: flex-start;
        -ms-flex-item-align: start;
        align-self: flex-start
    }

    .col-lg-middle {
        -webkit-align-self: center;
        -ms-flex-item-align: center;
        align-self: center
    }

    .col-lg-bottom {
        -webkit-align-self: flex-end;
        -ms-flex-item-align: end;
        align-self: flex-end
    }

    .row > .col-lg-preffix-0 {
        margin-left: 0
    }

    .row > .col-lg-1 {
        -webkit-flex-basis: 8.33333%;
        -ms-flex-preferred-size: 8.33333%;
        flex-basis: 8.33333%;
        max-width: 8.33333%
    }

    .row > .col-lg-preffix-1 {
        margin-left: 8.33333%
    }

    .row > .col-lg-2 {
        -webkit-flex-basis: 16.66667%;
        -ms-flex-preferred-size: 16.66667%;
        flex-basis: 16.66667%;
        max-width: 16.66667%
    }

    .row > .col-lg-preffix-2 {
        margin-left: 16.66667%
    }

    .row > .col-lg-3 {
        -webkit-flex-basis: 25%;
        -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
        max-width: 25%
    }

    .row > .col-lg-preffix-3 {
        margin-left: 25%
    }

    .row > .col-lg-4 {
        -webkit-flex-basis: 33.33333%;
        -ms-flex-preferred-size: 33.33333%;
        flex-basis: 33.33333%;
        max-width: 33.33333%
    }

    .row > .col-lg-preffix-4 {
        margin-left: 33.33333%
    }

    .row > .col-lg-5 {
        -webkit-flex-basis: 41.66667%;
        -ms-flex-preferred-size: 41.66667%;
        flex-basis: 41.66667%;
        max-width: 41.66667%
    }

    .row > .col-lg-preffix-5 {
        margin-left: 41.66667%
    }

    .row > .col-lg-6 {
        -webkit-flex-basis: 50%;
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
        max-width: 50%
    }

    .row > .col-lg-preffix-6 {
        margin-left: 50%
    }

    .row > .col-lg-7 {
        -webkit-flex-basis: 58.33333%;
        -ms-flex-preferred-size: 58.33333%;
        flex-basis: 58.33333%;
        max-width: 58.33333%
    }

    .row > .col-lg-preffix-7 {
        margin-left: 58.33333%
    }

    .row > .col-lg-8 {
        -webkit-flex-basis: 66.66667%;
        -ms-flex-preferred-size: 66.66667%;
        flex-basis: 66.66667%;
        max-width: 66.66667%
    }

    .row > .col-lg-preffix-8 {
        margin-left: 66.66667%
    }

    .row > .col-lg-9 {
        -webkit-flex-basis: 75%;
        -ms-flex-preferred-size: 75%;
        flex-basis: 75%;
        max-width: 75%
    }

    .row > .col-lg-preffix-9 {
        margin-left: 75%
    }

    .row > .col-lg-10 {
        -webkit-flex-basis: 83.33333%;
        -ms-flex-preferred-size: 83.33333%;
        flex-basis: 83.33333%;
        max-width: 83.33333%
    }

    .row > .col-lg-preffix-10 {
        margin-left: 83.33333%
    }

    .row > .col-lg-11 {
        -webkit-flex-basis: 91.66667%;
        -ms-flex-preferred-size: 91.66667%;
        flex-basis: 91.66667%;
        max-width: 91.66667%
    }

    .row > .col-lg-preffix-11 {
        margin-left: 91.66667%
    }

    .row > .col-lg-12 {
        -webkit-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%
    }

    .row > .col-lg-preffix-12 {
        margin-left: 100%
    }
}

html.lt-ie10 .row > .col-xs-1 {
    margin-left: auto;
    margin-right: auto;
    max-width: 8.33333%
}

html.lt-ie10 .row > .col-xs-2 {
    margin-left: auto;
    margin-right: auto;
    max-width: 16.66667%
}

html.lt-ie10 .row > .col-xs-3 {
    margin-left: auto;
    margin-right: auto;
    max-width: 25%
}

html.lt-ie10 .row > .col-xs-4 {
    margin-left: auto;
    margin-right: auto;
    max-width: 33.33333%
}

html.lt-ie10 .row > .col-xs-5 {
    margin-left: auto;
    margin-right: auto;
    max-width: 41.66667%
}

html.lt-ie10 .row > .col-xs-6 {
    margin-left: auto;
    margin-right: auto;
    max-width: 50%
}

html.lt-ie10 .row > .col-xs-7 {
    margin-left: auto;
    margin-right: auto;
    max-width: 58.33333%
}

html.lt-ie10 .row > .col-xs-8 {
    margin-left: auto;
    margin-right: auto;
    max-width: 66.66667%
}

html.lt-ie10 .row > .col-xs-9 {
    margin-left: auto;
    margin-right: auto;
    max-width: 75%
}

html.lt-ie10 .row > .col-xs-10 {
    margin-left: auto;
    margin-right: auto;
    max-width: 83.33333%
}

html.lt-ie10 .row > .col-xs-11 {
    margin-left: auto;
    margin-right: auto;
    max-width: 91.66667%
}

html.lt-ie10 .row > .col-xs-12 {
    margin-left: auto;
    margin-right: auto;
    max-width: 100%
}

html.lt-ie10 .row > .col-sm-1 {
    margin-left: auto;
    margin-right: auto;
    max-width: 8.33333%
}

html.lt-ie10 .row > .col-sm-2 {
    margin-left: auto;
    margin-right: auto;
    max-width: 16.66667%
}

html.lt-ie10 .row > .col-sm-3 {
    margin-left: auto;
    margin-right: auto;
    max-width: 25%
}

html.lt-ie10 .row > .col-sm-4 {
    margin-left: auto;
    margin-right: auto;
    max-width: 33.33333%
}

html.lt-ie10 .row > .col-sm-5 {
    margin-left: auto;
    margin-right: auto;
    max-width: 41.66667%
}

html.lt-ie10 .row > .col-sm-6 {
    margin-left: auto;
    margin-right: auto;
    max-width: 50%
}

html.lt-ie10 .row > .col-sm-7 {
    margin-left: auto;
    margin-right: auto;
    max-width: 58.33333%
}

html.lt-ie10 .row > .col-sm-8 {
    margin-left: auto;
    margin-right: auto;
    max-width: 66.66667%
}

html.lt-ie10 .row > .col-sm-9 {
    margin-left: auto;
    margin-right: auto;
    max-width: 75%
}

html.lt-ie10 .row > .col-sm-10 {
    margin-left: auto;
    margin-right: auto;
    max-width: 83.33333%
}

html.lt-ie10 .row > .col-sm-11 {
    margin-left: auto;
    margin-right: auto;
    max-width: 91.66667%
}

html.lt-ie10 .row > .col-sm-12 {
    margin-left: auto;
    margin-right: auto;
    max-width: 100%
}

html.lt-ie10 .row > .col-md-1 {
    margin-left: auto;
    margin-right: auto;
    max-width: 8.33333%
}

html.lt-ie10 .row > .col-md-2 {
    margin-left: auto;
    margin-right: auto;
    max-width: 16.66667%
}

html.lt-ie10 .row > .col-md-3 {
    margin-left: auto;
    margin-right: auto;
    max-width: 25%
}

html.lt-ie10 .row > .col-md-4 {
    margin-left: auto;
    margin-right: auto;
    max-width: 33.33333%
}

html.lt-ie10 .row > .col-md-5 {
    margin-left: auto;
    margin-right: auto;
    max-width: 41.66667%
}

html.lt-ie10 .row > .col-md-6 {
    margin-left: auto;
    margin-right: auto;
    max-width: 50%
}

html.lt-ie10 .row > .col-md-7 {
    margin-left: auto;
    margin-right: auto;
    max-width: 58.33333%
}

html.lt-ie10 .row > .col-md-8 {
    margin-left: auto;
    margin-right: auto;
    max-width: 66.66667%
}

html.lt-ie10 .row > .col-md-9 {
    margin-left: auto;
    margin-right: auto;
    max-width: 75%
}

html.lt-ie10 .row > .col-md-10 {
    margin-left: auto;
    margin-right: auto;
    max-width: 83.33333%
}

html.lt-ie10 .row > .col-md-11 {
    margin-left: auto;
    margin-right: auto;
    max-width: 91.66667%
}

html.lt-ie10 .row > .col-md-12 {
    margin-left: auto;
    margin-right: auto;
    max-width: 100%
}

html.lt-ie10 .row > .col-lg-1 {
    margin-left: auto;
    margin-right: auto;
    max-width: 8.33333%
}

html.lt-ie10 .row > .col-lg-2 {
    margin-left: auto;
    margin-right: auto;
    max-width: 16.66667%
}

html.lt-ie10 .row > .col-lg-3 {
    margin-left: auto;
    margin-right: auto;
    max-width: 25%
}

html.lt-ie10 .row > .col-lg-4 {
    margin-left: auto;
    margin-right: auto;
    max-width: 33.33333%
}

html.lt-ie10 .row > .col-lg-5 {
    margin-left: auto;
    margin-right: auto;
    max-width: 41.66667%
}

html.lt-ie10 .row > .col-lg-6 {
    margin-left: auto;
    margin-right: auto;
    max-width: 50%
}

html.lt-ie10 .row > .col-lg-7 {
    margin-left: auto;
    margin-right: auto;
    max-width: 58.33333%
}

html.lt-ie10 .row > .col-lg-8 {
    margin-left: auto;
    margin-right: auto;
    max-width: 66.66667%
}

html.lt-ie10 .row > .col-lg-9 {
    margin-left: auto;
    margin-right: auto;
    max-width: 75%
}

html.lt-ie10 .row > .col-lg-10 {
    margin-left: auto;
    margin-right: auto;
    max-width: 83.33333%
}

html.lt-ie10 .row > .col-lg-11 {
    margin-left: auto;
    margin-right: auto;
    max-width: 91.66667%
}

html.lt-ie10 .row > .col-lg-12 {
    margin-left: auto;
    margin-right: auto;
    max-width: 100%
}

html.lt-ie10 .row > [class*="col-xs-preffix-"], html.lt-ie10 .row > [class*="col-sm-preffix-"], html.lt-ie10 .row > [class*="col-md-preffix-"], html.lt-ie10 .row > [class*="col-lg-preffix-"] {
    margin-left: auto
}

.navigation li.level-top, .navigation a.level-top {
    position: static
}

.navigation li.level-top .submenu .submenu-reverse, .navigation a.level-top .submenu .submenu-reverse {
    right: auto
}

.navigation li.level-top .mm-label, .navigation a.level-top .mm-label {
    position: absolute;
    top: -10px;
    left: -5px;
    padding: 3px 7px;
    text-transform: uppercase;
    font-size: 11px;
    line-height: 13.2px;
    color: #fff;
    background-color: #c02a2a;
    display: none
}

@media (min-width: 768px) {
    .navigation li.level-top .mm-label, .navigation a.level-top .mm-label {
        display: block
    }
}

.navigation li.level-top li, .navigation a.level-top li {
    position: relative
}

.navigation li.level-top .mm-image, .navigation a.level-top .mm-image {
    display: none;
    margin-bottom: 10px
}

.navigation li.level-top .mm-image img, .navigation a.level-top .mm-image img {
    width: 100%;
    max-width: 100%
}

@media (min-width: 768px) {
    .navigation li.level-top .mm-image, .navigation a.level-top .mm-image {
        display: inline-block
    }
}

.navigation li.level-top .megamenu-wrapper, .navigation a.level-top .megamenu-wrapper {
    top: 100%;
    left: 0;
    width: 100%;
    padding: 20px 0;
    background: #fff;
    box-shadow: 0 3px 5px 0 rgba(0, 0, 0, .25)
}

.navigation li.level-top ul.mm-submenu, .navigation a.level-top ul.mm-submenu {
    display: block;
    padding: 0
}

@media (max-width: 767px) {
    .navigation li.level-top ul.mm-submenu.level1 li a, .navigation a.level-top ul.mm-submenu.level1 li a {
        padding-left: 15px;
        padding-right: 0
    }

    .navigation li.level-top ul.mm-submenu .mm-submenu, .navigation a.level-top ul.mm-submenu .mm-submenu {
        padding-left: 15px
    }
}

.navigation li.level-top .tm-megamenu ul.level1 > li > a, .navigation a.level-top .tm-megamenu ul.level1 > li > a {
    font-weight: 600;
    position: relative
}

@media (min-width: 768px) {
    .navigation li.level-top .tm-megamenu ul.level1 > li > a, .navigation a.level-top .tm-megamenu ul.level1 > li > a {
        text-transform: uppercase
    }
}

.navigation li.level-top .tm-megamenu .product, .navigation a.level-top .tm-megamenu .product {
    display: none
}

.navigation li.level-top .tm-megamenu .product .product-image, .navigation a.level-top .tm-megamenu .product .product-image {
    margin-bottom: 10px
}

.navigation li.level-top .tm-megamenu .product .product-image a, .navigation a.level-top .tm-megamenu .product .product-image a {
    display: block;
    border: solid 1px #c9c9c9;
    background: none
}

.navigation li.level-top .tm-megamenu .product .product-name, .navigation a.level-top .tm-megamenu .product .product-name {
    text-transform: uppercase;
    display: block;
    margin-bottom: 5px
}

.navigation li.level-top .tm-megamenu .product .product-name a, .navigation a.level-top .tm-megamenu .product .product-name a {
    padding: 0;
    color: #575757
}

.navigation li.level-top .tm-megamenu .product .product-name a:hover, .navigation a.level-top .tm-megamenu .product .product-name a:hover {
    background: none;
    color: #b9b9b9
}

.navigation li.level-top .tm-megamenu .product .price-box, .navigation a.level-top .tm-megamenu .product .price-box {
    font-weight: bold
}

.navigation li.level-top .tm-megamenu .product .price-box .price, .navigation a.level-top .tm-megamenu .product .price-box .price {
    font-size: 1.2em;
    line-height: 1.2em
}

.navigation li.level-top .tm-megamenu .product .price-box .old-price, .navigation a.level-top .tm-megamenu .product .price-box .old-price {
    font-size: 1em;
    text-decoration: line-through
}

.navigation li.level-top .tm-megamenu .product .price-box .special-price, .navigation a.level-top .tm-megamenu .product .price-box .special-price {
    font-size: 1.2em
}

@media (min-width: 768px) {
    .navigation li.level-top .tm-megamenu .product, .navigation a.level-top .tm-megamenu .product {
        display: block
    }
}

.navigation li.level-top .tm-megamenu .static-block, .navigation a.level-top .tm-megamenu .static-block {
    display: none
}

@media (min-width: 768px) {
    .navigation li.level-top .tm-megamenu .static-block, .navigation a.level-top .tm-megamenu .static-block {
        display: block
    }
}

.sidebar .navigation {
    background: none;
    margin-bottom: 20px;
    height: inherit;
    left: auto;
    overflow: inherit;
    padding: 0;
    position: relative;
    top: 0;
    width: 100%;
    z-index: 3
}

.sidebar .navigation:empty {
    display: none
}

.sidebar .navigation .rd-navbar-nav-wrap {
    display: block
}

.sidebar .navigation > ul {
    padding: 0;
    border-bottom: 0
}

.sidebar .navigation li.level0 {
    display: block;
    border-bottom: solid 1px #c9c9c9;
    margin: 0;
    position: relative
}

.sidebar .navigation li.level0 a.level-top {
    display: block
}

@media (max-width: 767px) {
    .sidebar .navigation > ul {
        border: 0
    }
}

.sidebar .navigation .level0 .megamenu-wrapper {
    width: 100% !important;
    position: absolute;
    padding: 20px 0;
    background: #fff;
    box-shadow: 0 3px 5px 0 rgba(0, 0, 0, .25)
}

.sidebar .navigation ul {
    margin-bottom: 0;
    margin-top: 0;
    padding: 0;
    position: relative
}

.sidebar .navigation li.level0 {
    border-top: medium none
}

.sidebar .navigation .level0 {
    display: inline-block;
    margin: 0 10px 0 0;
    position: relative
}

.sidebar .navigation .level0:last-child {
    margin-right: 0;
    padding-right: 0
}

.sidebar .navigation .level0 > .level-top {
    box-sizing: border-box;
    color: #575757;
    line-height: 47px;
    padding: 0 12px;
    position: relative;
    text-decoration: none
}

.sidebar .navigation .level0 > .level-top:hover, .sidebar .navigation .level0 > .level-top.ui-state-focus {
    color: #b9b9b9;
    text-decoration: none
}

.sidebar .navigation .level0.active > .level-top, .sidebar .navigation .level0.has-active > .level-top {
    border-color: #c9c9c9;
    border-style: solid;
    border-width: 0 0 3px;
    color: #575757;
    display: block;
    text-decoration: none
}

.sidebar .navigation .level0.active > a:not(.ui-state-active) span:not(.ui-menu-icon), .sidebar .navigation .level0.has-active > a:not(.ui-state-active) span:not(.ui-menu-icon) {
    margin: 0
}

.sidebar .navigation .level0.parent:hover > .submenu {
    overflow: visible !important
}

.sidebar .navigation .level0 .submenu {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #c9c9c9;
    box-shadow: 0 5px 5px rgba(0, 0, 0, .19);
    display: none;
    font-weight: 400;
    left: 0;
    margin: 0 !important;
    min-width: 230px;
    position: absolute;
    z-index: 1
}

@media (max-width: 767px) {
    .sidebar .navigation .level0 .submenu:not(:first-child) ul {
        padding-left: 15px
    }
}

.sidebar .navigation .level0 .submenu > ul {
    margin-top: 11px
}

.sidebar .navigation .level0 .submenu > ul::before, .sidebar .navigation .level0 .submenu > ul::after {
    content: "";
    display: block;
    overflow: hidden;
    position: absolute
}

.sidebar .navigation .level0 .submenu > ul::before {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: transparent transparent #fff;
    border-image: none;
    border-style: solid;
    border-width: 10px;
    color: #fff;
    height: 0;
    left: 20px;
    top: -20px;
    width: 0;
    z-index: 4
}

.sidebar .navigation .level0 .submenu > ul::after {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: transparent transparent #c9c9c9;
    border-image: none;
    border-style: solid;
    border-width: 11px;
    color: #575757;
    height: 0;
    left: 19px;
    top: -22px;
    width: 0;
    z-index: 3
}

.sidebar .navigation .level0 .submenu a {
    color: #575757;
    display: block;
    line-height: inherit;
    padding: 8px 20px
}

.sidebar .navigation .level0 .submenu a:hover, .sidebar .navigation .level0 .submenu a.ui-state-focus {
    background: #e8e8e8 none repeat scroll 0 0;
    color: #575757;
    text-decoration: none
}

.sidebar .navigation .level0 .submenu .active > a {
    border-color: #c9c9c9;
    border-style: solid;
    border-width: 0 0 0 3px;
    color: #575757
}

.sidebar .navigation .level0.more {
    display: inline-block;
    position: relative;
    text-decoration: none
}

.sidebar .navigation .level0.more::after {
    color: inherit;
    content: "\f107";
    display: inline-block;
    font-family: "FontAwesome";
    font-size: 26px;
    font-weight: normal;
    line-height: inherit;
    overflow: hidden;
    text-align: center;
    vertical-align: middle
}

.sidebar .navigation .level0.more::before {
    display: none
}

.sidebar .navigation .level0.more::after {
    cursor: pointer;
    padding: 8px 12px;
    position: relative;
    z-index: 1
}

.sidebar .navigation .level0.more:hover > .submenu {
    overflow: visible !important
}

.sidebar .navigation .level0.more li {
    display: block
}

@media (max-width: 767px) {
    .sidebar .navigation .level0 .submenu {
        box-shadow: none;
        border: 0
    }

    .sidebar .navigation .parent .level-top {
        display: block;
        position: relative;
        text-decoration: none
    }

    .sidebar .navigation .parent .level-top::after {
        color: inherit;
        content: "\f107";
        display: inline-block;
        font-family: "FontAwesome";
        font-size: 20px;
        font-weight: normal;
        line-height: 47px;
        overflow: hidden;
        text-align: center;
        vertical-align: middle
    }

    .sidebar .navigation .parent .level-top::after {
        position: absolute;
        right: 7px;
        top: 0
    }

    .sidebar .navigation .parent .level-top.ui-state-active::after {
        content: "\f105"
    }
}

@media (max-width: 767px) {
    .sidebar .navigation .submenu:not(:first-child) {
        font-weight: 400;
        line-height: 1.3;
        left: auto !important;
        overflow-x: hidden;
        padding: 0;
        position: relative !important;
        top: auto !important;
        transition: left .3s ease-out
    }

    .sidebar .navigation .rd-navbar-dropdown {
        width: 100%
    }
}

.navigation {
    position: relative
}

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

@media (min-width: 768px) {
    .navigation .row {
        margin-bottom: 20px
    }
}

@media (max-width: 767px) {
    .navigation li.level-top .megamenu-wrapper, .navigation a.level-top .megamenu-wrapper {
        padding: 0;
        background: none
    }

    .navigation [class*="col-"] {
        padding: 0
    }
}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: top
}

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

ol, ul {
    list-style: none
}

blockquote, q {
    quotes: none
}

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

table {
    border-collapse: collapse
}

button, input[type='button'] {
    transition: .3s all ease;
    background: none;
    border: 0;
    display: inline-block;
    color: inherit;
    margin: 0;
    padding: 0;
    outline: 0;
    outline-offset: 0;
    font-size: inherit;
    font-family: inherit;
    line-height: inherit;
    overflow: visible;
    cursor: pointer;
    -webkit-appearance: none
}

button::-moz-focus-inner, input[type='button']::-moz-focus-inner {
    border: 0;
    padding: 0
}

input[type='text'], input[type='time'], input[type='url'], input[type='month'], input[type='week'], input[type='email'], input[type='color'], input[type='datetime'], input[type='datetime-local'], input[type='range'], input[type='search'], input[type='tel'], input[type='date'], input[type='password'], input[type='number'], textarea {
    color: inherit;
    outline: 0;
    background-color: transparent;
    border: 0;
    -webkit-appearance: none;
    border-radius: 0;
    font-family: inherit;
    line-height: inherit;
    vertical-align: baseline;
    box-shadow: none
}

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

a {
    font: inherit;
    color: inherit;
    text-decoration: none;
    transition: .3s all ease
}

a:focus {
    outline: 0
}

a:active {
    background-color: transparent
}

a[href^="tel:"], a[href^="callto:"] {
    color: inherit;
    text-decoration: none
}

.logo {
        width: 25%;
    position: relative;
}

.rd-navbar-panel-canvas {
    width: 100%;
}

.logo img {
    max-width: 100%;
    /* height: auto; */
    height: 100px;
    width: 200px;
    float: right;
}
img {
    max-width: 100%;
    /* height: auto; */
    height: 181px;
}

.container {
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px;
    min-width: 300px;
    max-width: 480px
}

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

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

@media (min-width: 1200px) {
    .container {
        max-width: 1200px
    }
}

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

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

[class*='col-'] {
    padding-left: 15px;
    padding-right: 15px
}

html.lt-ie10 * + [class*='col-'], html.lt-ie10 * + .row, * + [class*='col-'], * + .row {
    margin-top: 0
}

html.lt-ie10 .row-no-gutter, .row-no-gutter {
    margin-left: 0;
    margin-right: 0
}

html.lt-ie10 .row-no-gutter > [class*='col'], .row-no-gutter > [class*='col'] {
    padding-left: 0;
    padding-right: 0
}

html.lt-ie10 .row-no-gutter > * + [class*='col'], .row-no-gutter > * + [class*='col'] {
    margin-top: 0
}

@media (min-width: 480px) {
    * + [class*='col-xs-'] {
        margin-top: 0
    }

    .row {
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -ms-flex: 0 1 auto;
        -webkit-flex: 0 1 auto;
        flex: 0 1 auto;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .row > [class*='col'] {
        -ms-flex: 0 0 auto;
        -webkit-flex: 0 0 auto;
        flex: 0 0 auto;
        -webkit-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%
    }

    .row-xs-center {
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .row-xs-left {
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }

    .row-xs-right {
        -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }

    .row-xs-justify {
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .row-xs-around {
        -webkit-justify-content: space-around;
        -ms-flex-pack: distribute;
        justify-content: space-around
    }

    .row-xs-top {
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start
    }

    .row-xs {
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row
    }

    .row-xs-reverse {
        -webkit-flex-direction: row-reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse
    }

    .row-xs-middle {
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }

    .row-xs-bottom {
        -webkit-align-items: flex-end;
        -ms-flex-align: end;
        align-items: flex-end
    }

    .col-xs-top {
        -webkit-align-self: flex-start;
        -ms-flex-item-align: start;
        align-self: flex-start
    }

    .col-xs-middle {
        -webkit-align-self: center;
        -ms-flex-item-align: center;
        align-self: center
    }

    .col-xs-bottom {
        -webkit-align-self: flex-end;
        -ms-flex-item-align: end;
        align-self: flex-end
    }

    .row > .col-xs-preffix-0 {
        margin-left: 0
    }

    .row > .col-xs-1 {
        -webkit-flex-basis: 8.33333%;
        -ms-flex-preferred-size: 8.33333%;
        flex-basis: 8.33333%;
        max-width: 8.33333%
    }

    .row > .col-xs-preffix-1 {
        margin-left: 8.33333%
    }

    .row > .col-xs-2 {
        -webkit-flex-basis: 16.66667%;
        -ms-flex-preferred-size: 16.66667%;
        flex-basis: 16.66667%;
        max-width: 16.66667%
    }

    .row > .col-xs-preffix-2 {
        margin-left: 16.66667%
    }

    .row > .col-xs-3 {
        -webkit-flex-basis: 25%;
        -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
        max-width: 25%
    }

    .row > .col-xs-preffix-3 {
        margin-left: 25%
    }

    .row > .col-xs-4 {
        -webkit-flex-basis: 33.33333%;
        -ms-flex-preferred-size: 33.33333%;
        flex-basis: 33.33333%;
        max-width: 33.33333%
    }

    .row > .col-xs-preffix-4 {
        margin-left: 33.33333%
    }

    .row > .col-xs-5 {
        -webkit-flex-basis: 41.66667%;
        -ms-flex-preferred-size: 41.66667%;
        flex-basis: 41.66667%;
        max-width: 41.66667%
    }

    .row > .col-xs-preffix-5 {
        margin-left: 41.66667%
    }

    .row > .col-xs-6 {
        -webkit-flex-basis: 50%;
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
        max-width: 50%
    }

    .row > .col-xs-preffix-6 {
        margin-left: 50%
    }

    .row > .col-xs-7 {
        -webkit-flex-basis: 58.33333%;
        -ms-flex-preferred-size: 58.33333%;
        flex-basis: 58.33333%;
        max-width: 58.33333%
    }

    .row > .col-xs-preffix-7 {
        margin-left: 58.33333%
    }

    .row > .col-xs-8 {
        -webkit-flex-basis: 66.66667%;
        -ms-flex-preferred-size: 66.66667%;
        flex-basis: 66.66667%;
        max-width: 66.66667%
    }

    .row > .col-xs-preffix-8 {
        margin-left: 66.66667%
    }

    .row > .col-xs-9 {
        -webkit-flex-basis: 75%;
        -ms-flex-preferred-size: 75%;
        flex-basis: 75%;
        max-width: 75%
    }

    .row > .col-xs-preffix-9 {
        margin-left: 75%
    }

    .row > .col-xs-10 {
        -webkit-flex-basis: 83.33333%;
        -ms-flex-preferred-size: 83.33333%;
        flex-basis: 83.33333%;
        max-width: 83.33333%
    }

    .row > .col-xs-preffix-10 {
        margin-left: 83.33333%
    }

    .row > .col-xs-11 {
        -webkit-flex-basis: 91.66667%;
        -ms-flex-preferred-size: 91.66667%;
        flex-basis: 91.66667%;
        max-width: 91.66667%
    }

    .row > .col-xs-preffix-11 {
        margin-left: 91.66667%
    }

    .row > .col-xs-12 {
        -webkit-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%
    }

    .row > .col-xs-preffix-12 {
        margin-left: 100%
    }
}

@media (min-width: 768px) {
    * + [class*='col-sm-'] {
        margin-top: 0
    }

    .row-sm-center {
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .row-sm-left {
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }

    .row-sm-right {
        -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }

    .row-sm-justify {
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .row-sm-around {
        -webkit-justify-content: space-around;
        -ms-flex-pack: distribute;
        justify-content: space-around
    }

    .row-sm-top {
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start
    }

    .row-sm {
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row
    }

    .row-sm-reverse {
        -webkit-flex-direction: row-reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse
    }

    .row-sm-middle {
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }

    .row-sm-bottom {
        -webkit-align-items: flex-end;
        -ms-flex-align: end;
        align-items: flex-end
    }

    .col-sm-top {
        -webkit-align-self: flex-start;
        -ms-flex-item-align: start;
        align-self: flex-start
    }

    .col-sm-middle {
        -webkit-align-self: center;
        -ms-flex-item-align: center;
        align-self: center
    }

    .col-sm-bottom {
        -webkit-align-self: flex-end;
        -ms-flex-item-align: end;
        align-self: flex-end
    }

    .row > .col-sm-preffix-0 {
        margin-left: 0
    }

    .row > .col-sm-1 {
        -webkit-flex-basis: 8.33333%;
        -ms-flex-preferred-size: 8.33333%;
        flex-basis: 8.33333%;
        max-width: 8.33333%
    }

    .row > .col-sm-preffix-1 {
        margin-left: 8.33333%
    }

    .row > .col-sm-2 {
        -webkit-flex-basis: 16.66667%;
        -ms-flex-preferred-size: 16.66667%;
        flex-basis: 16.66667%;
        max-width: 16.66667%
    }

    .row > .col-sm-preffix-2 {
        margin-left: 16.66667%
    }

    .row > .col-sm-3 {
        -webkit-flex-basis: 25%;
        -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
        max-width: 25%
    }

    .row > .col-sm-preffix-3 {
        margin-left: 25%
    }

    .row > .col-sm-4 {
        -webkit-flex-basis: 33.33333%;
        -ms-flex-preferred-size: 33.33333%;
        flex-basis: 33.33333%;
        max-width: 33.33333%
    }

    .row > .col-sm-preffix-4 {
        margin-left: 33.33333%
    }

    .row > .col-sm-5 {
        -webkit-flex-basis: 41.66667%;
        -ms-flex-preferred-size: 41.66667%;
        flex-basis: 41.66667%;
        max-width: 41.66667%
    }

    .row > .col-sm-preffix-5 {
        margin-left: 41.66667%
    }

    .row > .col-sm-6 {
        -webkit-flex-basis: 50%;
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
        max-width: 50%
    }

    .row > .col-sm-preffix-6 {
        margin-left: 50%
    }

    .row > .col-sm-7 {
        -webkit-flex-basis: 58.33333%;
        -ms-flex-preferred-size: 58.33333%;
        flex-basis: 58.33333%;
        max-width: 58.33333%
    }

    .row > .col-sm-preffix-7 {
        margin-left: 58.33333%
    }

    .row > .col-sm-8 {
        -webkit-flex-basis: 66.66667%;
        -ms-flex-preferred-size: 66.66667%;
        flex-basis: 66.66667%;
        max-width: 66.66667%
    }

    .row > .col-sm-preffix-8 {
        margin-left: 66.66667%
    }

    .row > .col-sm-9 {
        -webkit-flex-basis: 75%;
        -ms-flex-preferred-size: 75%;
        flex-basis: 75%;
        max-width: 75%
    }

    .row > .col-sm-preffix-9 {
        margin-left: 75%
    }

    .row > .col-sm-10 {
        -webkit-flex-basis: 83.33333%;
        -ms-flex-preferred-size: 83.33333%;
        flex-basis: 83.33333%;
        max-width: 83.33333%
    }

    .row > .col-sm-preffix-10 {
        margin-left: 83.33333%
    }

    .row > .col-sm-11 {
        -webkit-flex-basis: 91.66667%;
        -ms-flex-preferred-size: 91.66667%;
        flex-basis: 91.66667%;
        max-width: 91.66667%
    }

    .row > .col-sm-preffix-11 {
        margin-left: 91.66667%
    }

    .row > .col-sm-12 {
        -webkit-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%
    }

    .row > .col-sm-preffix-12 {
        margin-left: 100%
    }
}

@media (min-width: 992px) {
    * + [class*='col-md-'] {
        margin-top: 0
    }

    .row-md-center {
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .row-md-left {
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }

    .row-md-right {
        -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }

    .row-md-justify {
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .row-md-around {
        -webkit-justify-content: space-around;
        -ms-flex-pack: distribute;
        justify-content: space-around
    }

    .row-md-top {
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start
    }

    .row-md {
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row
    }

    .row-md-reverse {
        -webkit-flex-direction: row-reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse
    }

    .row-md-middle {
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }

    .row-md-bottom {
        -webkit-align-items: flex-end;
        -ms-flex-align: end;
        align-items: flex-end
    }

    .col-md-top {
        -webkit-align-self: flex-start;
        -ms-flex-item-align: start;
        align-self: flex-start
    }

    .col-md-middle {
        -webkit-align-self: center;
        -ms-flex-item-align: center;
        align-self: center
    }

    .col-md-bottom {
        -webkit-align-self: flex-end;
        -ms-flex-item-align: end;
        align-self: flex-end
    }

    .row > .col-md-preffix-0 {
        margin-left: 0
    }

    .row > .col-md-1 {
        -webkit-flex-basis: 8.33333%;
        -ms-flex-preferred-size: 8.33333%;
        flex-basis: 8.33333%;
        max-width: 8.33333%
    }

    .row > .col-md-preffix-1 {
        margin-left: 8.33333%
    }

    .row > .col-md-2 {
        -webkit-flex-basis: 16.66667%;
        -ms-flex-preferred-size: 16.66667%;
        flex-basis: 16.66667%;
        max-width: 16.66667%
    }

    .row > .col-md-preffix-2 {
        margin-left: 16.66667%
    }

    .row > .col-md-3 {
        -webkit-flex-basis: 25%;
        -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
        max-width: 25%
    }

    .row > .col-md-preffix-3 {
        margin-left: 25%
    }

    .row > .col-md-4 {
        -webkit-flex-basis: 33.33333%;
        -ms-flex-preferred-size: 33.33333%;
        flex-basis: 33.33333%;
        max-width: 33.33333%
    }

    .row > .col-md-preffix-4 {
        margin-left: 33.33333%
    }

    .row > .col-md-5 {
        -webkit-flex-basis: 41.66667%;
        -ms-flex-preferred-size: 41.66667%;
        flex-basis: 41.66667%;
        max-width: 41.66667%
    }

    .row > .col-md-preffix-5 {
        margin-left: 41.66667%
    }

    .row > .col-md-6 {
        -webkit-flex-basis: 50%;
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
        max-width: 50%
    }

    .row > .col-md-preffix-6 {
        margin-left: 50%
    }

    .row > .col-md-7 {
        -webkit-flex-basis: 58.33333%;
        -ms-flex-preferred-size: 58.33333%;
        flex-basis: 58.33333%;
        max-width: 58.33333%
    }

    .row > .col-md-preffix-7 {
        margin-left: 58.33333%
    }

    .row > .col-md-8 {
        -webkit-flex-basis: 66.66667%;
        -ms-flex-preferred-size: 66.66667%;
        flex-basis: 66.66667%;
        max-width: 66.66667%
    }

    .row > .col-md-preffix-8 {
        margin-left: 66.66667%
    }

    .row > .col-md-9 {
        -webkit-flex-basis: 75%;
        -ms-flex-preferred-size: 75%;
        flex-basis: 75%;
        max-width: 75%
    }

    .row > .col-md-preffix-9 {
        margin-left: 75%
    }

    .row > .col-md-10 {
        -webkit-flex-basis: 83.33333%;
        -ms-flex-preferred-size: 83.33333%;
        flex-basis: 83.33333%;
        max-width: 83.33333%
    }

    .row > .col-md-preffix-10 {
        margin-left: 83.33333%
    }

    .row > .col-md-11 {
        -webkit-flex-basis: 91.66667%;
        -ms-flex-preferred-size: 91.66667%;
        flex-basis: 91.66667%;
        max-width: 91.66667%
    }

    .row > .col-md-preffix-11 {
        margin-left: 91.66667%
    }

    .row > .col-md-12 {
        -webkit-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%
    }

    .row > .col-md-preffix-12 {
        margin-left: 100%
    }
}

@media (min-width: 1200px) {
    * + [class*='col-lg-'] {
        margin-top: 0
    }

    .row-lg-center {
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .row-lg-left {
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }

    .row-lg-right {
        -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }

    .row-lg-justify {
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .row-lg-around {
        -webkit-justify-content: space-around;
        -ms-flex-pack: distribute;
        justify-content: space-around
    }

    .row-lg-top {
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start
    }

    .row-lg {
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row
    }

    .row-lg-reverse {
        -webkit-flex-direction: row-reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse
    }

    .row-lg-middle {
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }

    .row-lg-bottom {
        -webkit-align-items: flex-end;
        -ms-flex-align: end;
        align-items: flex-end
    }

    .col-lg-top {
        -webkit-align-self: flex-start;
        -ms-flex-item-align: start;
        align-self: flex-start
    }

    .col-lg-middle {
        -webkit-align-self: center;
        -ms-flex-item-align: center;
        align-self: center
    }

    .col-lg-bottom {
        -webkit-align-self: flex-end;
        -ms-flex-item-align: end;
        align-self: flex-end
    }

    .row > .col-lg-preffix-0 {
        margin-left: 0
    }

    .row > .col-lg-1 {
        -webkit-flex-basis: 8.33333%;
        -ms-flex-preferred-size: 8.33333%;
        flex-basis: 8.33333%;
        max-width: 8.33333%
    }

    .row > .col-lg-preffix-1 {
        margin-left: 8.33333%
    }

    .row > .col-lg-2 {
        -webkit-flex-basis: 16.66667%;
        -ms-flex-preferred-size: 16.66667%;
        flex-basis: 16.66667%;
        max-width: 16.66667%
    }

    .row > .col-lg-preffix-2 {
        margin-left: 16.66667%
    }

    .row > .col-lg-3 {
        -webkit-flex-basis: 25%;
        -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
        max-width: 25%
    }

    .row > .col-lg-preffix-3 {
        margin-left: 25%
    }

    .row > .col-lg-4 {
        -webkit-flex-basis: 33.33333%;
        -ms-flex-preferred-size: 33.33333%;
        flex-basis: 33.33333%;
        max-width: 33.33333%
    }

    .row > .col-lg-preffix-4 {
        margin-left: 33.33333%
    }

    .row > .col-lg-5 {
        -webkit-flex-basis: 41.66667%;
        -ms-flex-preferred-size: 41.66667%;
        flex-basis: 41.66667%;
        max-width: 41.66667%
    }

    .row > .col-lg-preffix-5 {
        margin-left: 41.66667%
    }

    .row > .col-lg-6 {
        -webkit-flex-basis: 50%;
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
        max-width: 50%
    }

    .row > .col-lg-preffix-6 {
        margin-left: 50%
    }

    .row > .col-lg-7 {
        -webkit-flex-basis: 58.33333%;
        -ms-flex-preferred-size: 58.33333%;
        flex-basis: 58.33333%;
        max-width: 58.33333%
    }

    .row > .col-lg-preffix-7 {
        margin-left: 58.33333%
    }

    .row > .col-lg-8 {
        -webkit-flex-basis: 66.66667%;
        -ms-flex-preferred-size: 66.66667%;
        flex-basis: 66.66667%;
        max-width: 66.66667%
    }

    .row > .col-lg-preffix-8 {
        margin-left: 66.66667%
    }

    .row > .col-lg-9 {
        -webkit-flex-basis: 75%;
        -ms-flex-preferred-size: 75%;
        flex-basis: 75%;
        max-width: 75%
    }

    .row > .col-lg-preffix-9 {
        margin-left: 75%
    }

    .row > .col-lg-10 {
        -webkit-flex-basis: 83.33333%;
        -ms-flex-preferred-size: 83.33333%;
        flex-basis: 83.33333%;
        max-width: 83.33333%
    }

    .row > .col-lg-preffix-10 {
        margin-left: 83.33333%
    }

    .row > .col-lg-11 {
        -webkit-flex-basis: 91.66667%;
        -ms-flex-preferred-size: 91.66667%;
        flex-basis: 91.66667%;
        max-width: 91.66667%
    }

    .row > .col-lg-preffix-11 {
        margin-left: 91.66667%
    }

    .row > .col-lg-12 {
        -webkit-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%
    }

    .row > .col-lg-preffix-12 {
        margin-left: 100%
    }
}

html.lt-ie10 .row > .col-xs-1 {
    margin-left: auto;
    margin-right: auto;
    max-width: 8.33333%
}

html.lt-ie10 .row > .col-xs-2 {
    margin-left: auto;
    margin-right: auto;
    max-width: 16.66667%
}

html.lt-ie10 .row > .col-xs-3 {
    margin-left: auto;
    margin-right: auto;
    max-width: 25%
}

html.lt-ie10 .row > .col-xs-4 {
    margin-left: auto;
    margin-right: auto;
    max-width: 33.33333%
}

html.lt-ie10 .row > .col-xs-5 {
    margin-left: auto;
    margin-right: auto;
    max-width: 41.66667%
}

html.lt-ie10 .row > .col-xs-6 {
    margin-left: auto;
    margin-right: auto;
    max-width: 50%
}

html.lt-ie10 .row > .col-xs-7 {
    margin-left: auto;
    margin-right: auto;
    max-width: 58.33333%
}

html.lt-ie10 .row > .col-xs-8 {
    margin-left: auto;
    margin-right: auto;
    max-width: 66.66667%
}

html.lt-ie10 .row > .col-xs-9 {
    margin-left: auto;
    margin-right: auto;
    max-width: 75%
}

html.lt-ie10 .row > .col-xs-10 {
    margin-left: auto;
    margin-right: auto;
    max-width: 83.33333%
}

html.lt-ie10 .row > .col-xs-11 {
    margin-left: auto;
    margin-right: auto;
    max-width: 91.66667%
}

html.lt-ie10 .row > .col-xs-12 {
    margin-left: auto;
    margin-right: auto;
    max-width: 100%
}

html.lt-ie10 .row > .col-sm-1 {
    margin-left: auto;
    margin-right: auto;
    max-width: 8.33333%
}

html.lt-ie10 .row > .col-sm-2 {
    margin-left: auto;
    margin-right: auto;
    max-width: 16.66667%
}

html.lt-ie10 .row > .col-sm-3 {
    margin-left: auto;
    margin-right: auto;
    max-width: 25%
}

html.lt-ie10 .row > .col-sm-4 {
    margin-left: auto;
    margin-right: auto;
    max-width: 33.33333%
}

html.lt-ie10 .row > .col-sm-5 {
    margin-left: auto;
    margin-right: auto;
    max-width: 41.66667%
}

html.lt-ie10 .row > .col-sm-6 {
    margin-left: auto;
    margin-right: auto;
    max-width: 50%
}

html.lt-ie10 .row > .col-sm-7 {
    margin-left: auto;
    margin-right: auto;
    max-width: 58.33333%
}

html.lt-ie10 .row > .col-sm-8 {
    margin-left: auto;
    margin-right: auto;
    max-width: 66.66667%
}

html.lt-ie10 .row > .col-sm-9 {
    margin-left: auto;
    margin-right: auto;
    max-width: 75%
}

html.lt-ie10 .row > .col-sm-10 {
    margin-left: auto;
    margin-right: auto;
    max-width: 83.33333%
}

html.lt-ie10 .row > .col-sm-11 {
    margin-left: auto;
    margin-right: auto;
    max-width: 91.66667%
}

html.lt-ie10 .row > .col-sm-12 {
    margin-left: auto;
    margin-right: auto;
    max-width: 100%
}

html.lt-ie10 .row > .col-md-1 {
    margin-left: auto;
    margin-right: auto;
    max-width: 8.33333%
}

html.lt-ie10 .row > .col-md-2 {
    margin-left: auto;
    margin-right: auto;
    max-width: 16.66667%
}

html.lt-ie10 .row > .col-md-3 {
    margin-left: auto;
    margin-right: auto;
    max-width: 25%
}

html.lt-ie10 .row > .col-md-4 {
    margin-left: auto;
    margin-right: auto;
    max-width: 33.33333%
}

html.lt-ie10 .row > .col-md-5 {
    margin-left: auto;
    margin-right: auto;
    max-width: 41.66667%
}

html.lt-ie10 .row > .col-md-6 {
    margin-left: auto;
    margin-right: auto;
    max-width: 50%
}

html.lt-ie10 .row > .col-md-7 {
    margin-left: auto;
    margin-right: auto;
    max-width: 58.33333%
}

html.lt-ie10 .row > .col-md-8 {
    margin-left: auto;
    margin-right: auto;
    max-width: 66.66667%
}

html.lt-ie10 .row > .col-md-9 {
    margin-left: auto;
    margin-right: auto;
    max-width: 75%
}

html.lt-ie10 .row > .col-md-10 {
    margin-left: auto;
    margin-right: auto;
    max-width: 83.33333%
}

html.lt-ie10 .row > .col-md-11 {
    margin-left: auto;
    margin-right: auto;
    max-width: 91.66667%
}

html.lt-ie10 .row > .col-md-12 {
    margin-left: auto;
    margin-right: auto;
    max-width: 100%
}

html.lt-ie10 .row > .col-lg-1 {
    margin-left: auto;
    margin-right: auto;
    max-width: 8.33333%
}

html.lt-ie10 .row > .col-lg-2 {
    margin-left: auto;
    margin-right: auto;
    max-width: 16.66667%
}

html.lt-ie10 .row > .col-lg-3 {
    margin-left: auto;
    margin-right: auto;
    max-width: 25%
}

html.lt-ie10 .row > .col-lg-4 {
    margin-left: auto;
    margin-right: auto;
    max-width: 33.33333%
}

html.lt-ie10 .row > .col-lg-5 {
    margin-left: auto;
    margin-right: auto;
    max-width: 41.66667%
}

html.lt-ie10 .row > .col-lg-6 {
    margin-left: auto;
    margin-right: auto;
    max-width: 50%
}

html.lt-ie10 .row > .col-lg-7 {
    margin-left: auto;
    margin-right: auto;
    max-width: 58.33333%
}

html.lt-ie10 .row > .col-lg-8 {
    margin-left: auto;
    margin-right: auto;
    max-width: 66.66667%
}

html.lt-ie10 .row > .col-lg-9 {
    margin-left: auto;
    margin-right: auto;
    max-width: 75%
}

html.lt-ie10 .row > .col-lg-10 {
    margin-left: auto;
    margin-right: auto;
    max-width: 83.33333%
}

html.lt-ie10 .row > .col-lg-11 {
    margin-left: auto;
    margin-right: auto;
    max-width: 91.66667%
}

html.lt-ie10 .row > .col-lg-12 {
    margin-left: auto;
    margin-right: auto;
    max-width: 100%
}

html.lt-ie10 .row > [class*="col-xs-preffix-"], html.lt-ie10 .row > [class*="col-sm-preffix-"], html.lt-ie10 .row > [class*="col-md-preffix-"], html.lt-ie10 .row > [class*="col-lg-preffix-"] {
    margin-left: auto
}

@font-face {
    font-family: 'Material Icons';
    font-style: normal;
    font-weight: 400;
    src: url(../frontend/TemplateMonster/theme001/en_US/fonts/material-icons/MaterialIcons-Regular.eot);
    src: local('Material Icons'), local('MaterialIcons-Regular'), url(../frontend/TemplateMonster/theme001/en_US/fonts/material-icons/MaterialIcons-Regular.woff2) format('woff2'), url(../frontend/TemplateMonster/theme001/en_US/fonts/material-icons/MaterialIcons-Regular.woff) format('woff'), url(../frontend/TemplateMonster/theme001/en_US/fonts/material-icons/MaterialIcons-Regular.ttf) format('truetype')
}

.material-icons-ico, [class*="material-icons-"]:before {
    font-family: 'Material Icons';
    font-weight: 400;
    font-style: normal;
    font-size: inherit
}

.material-icons-3d_rotation:before {
    content: "\e84d"
}

.material-icons-access_alarm:before {
    content: "\e190"
}

.material-icons-access_alarms:before {
    content: "\e191"
}

.material-icons-access_time:before {
    content: "\e192"
}

.material-icons-accessibility:before {
    content: "\e84e"
}

.material-icons-account_balance:before {
    content: "\e84f"
}

.material-icons-account_balance_wallet:before {
    content: "\e850"
}

.material-icons-account_box:before {
    content: "\e851"
}

.material-icons-account_circle:before {
    content: "\e853"
}

.material-icons-adb:before {
    content: "\e60e"
}

.material-icons-add:before {
    content: "\e145"
}

.material-icons-add_alarm:before {
    content: "\e193"
}

.material-icons-add_alert:before {
    content: "\e003"
}

.material-icons-add_box:before {
    content: "\e146"
}

.material-icons-add_circle:before {
    content: "\e147"
}

.material-icons-add_circle_outline:before {
    content: "\e148"
}

.material-icons-add_shopping_cart:before {
    content: "\e854"
}

.material-icons-add_to_photos:before {
    content: "\e39d"
}

.material-icons-adjust:before {
    content: "\e39e"
}

.material-icons-airline_seat_flat:before {
    content: "\e630"
}

.material-icons-airline_seat_flat_angled:before {
    content: "\e631"
}

.material-icons-airline_seat_individual_suite:before {
    content: "\e632"
}

.material-icons-airline_seat_legroom_extra:before {
    content: "\e633"
}

.material-icons-airline_seat_legroom_normal:before {
    content: "\e634"
}

.material-icons-airline_seat_legroom_reduced:before {
    content: "\e635"
}

.material-icons-airline_seat_recline_extra:before {
    content: "\e636"
}

.material-icons-airline_seat_recline_normal:before {
    content: "\e637"
}

.material-icons-airplanemode_active:before {
    content: "\e195"
}

.material-icons-airplanemode_inactive:before {
    content: "\e194"
}

.material-icons-airplay:before {
    content: "\e055"
}

.material-icons-alarm:before {
    content: "\e855"
}

.material-icons-alarm_add:before {
    content: "\e856"
}

.material-icons-alarm_off:before {
    content: "\e857"
}

.material-icons-alarm_on:before {
    content: "\e858"
}

.material-icons-album:before {
    content: "\e019"
}

.material-icons-android:before {
    content: "\e859"
}

.material-icons-announcement:before {
    content: "\e85a"
}

.material-icons-apps:before {
    content: "\e5c3"
}

.material-icons-archive:before {
    content: "\e149"
}

.material-icons-arrow_back:before {
    content: "\e5c4"
}

.material-icons-arrow_drop_down:before {
    content: "\e5c5"
}

.material-icons-arrow_drop_down_circle:before {
    content: "\e5c6"
}

.material-icons-arrow_drop_up:before {
    content: "\e5c7"
}

.material-icons-arrow_forward:before {
    content: "\e5c8"
}

.material-icons-aspect_ratio:before {
    content: "\e85b"
}

.material-icons-assessment:before {
    content: "\e85c"
}

.material-icons-assignment:before {
    content: "\e85d"
}

.material-icons-assignment_ind:before {
    content: "\e85e"
}

.material-icons-assignment_late:before {
    content: "\e85f"
}

.material-icons-assignment_return:before {
    content: "\e860"
}

.material-icons-assignment_returned:before {
    content: "\e861"
}

.material-icons-assignment_turned_in:before {
    content: "\e862"
}

.material-icons-assistant:before {
    content: "\e39f"
}

.material-icons-assistant_photo:before {
    content: "\e3a0"
}

.material-icons-attach_file:before {
    content: "\e226"
}

.material-icons-attach_money:before {
    content: "\e227"
}

.material-icons-attachment:before {
    content: "\e2bc"
}

.material-icons-audiotrack:before {
    content: "\e3a1"
}

.material-icons-autorenew:before {
    content: "\e863"
}

.material-icons-av_timer:before {
    content: "\e01b"
}

.material-icons-backspace:before {
    content: "\e14a"
}

.material-icons-backup:before {
    content: "\e864"
}

.material-icons-battery_alert:before {
    content: "\e19c"
}

.material-icons-battery_charging_full:before {
    content: "\e1a3"
}

.material-icons-battery_full:before {
    content: "\e1a4"
}

.material-icons-battery_std:before {
    content: "\e1a5"
}

.material-icons-battery_unknown:before {
    content: "\e1a6"
}

.material-icons-beenhere:before {
    content: "\e52d"
}

.material-icons-block:before {
    content: "\e14b"
}

.material-icons-bluetooth:before {
    content: "\e1a7"
}

.material-icons-bluetooth_audio:before {
    content: "\e60f"
}

.material-icons-bluetooth_connected:before {
    content: "\e1a8"
}

.material-icons-bluetooth_disabled:before {
    content: "\e1a9"
}

.material-icons-bluetooth_searching:before {
    content: "\e1aa"
}

.material-icons-blur_circular:before {
    content: "\e3a2"
}

.material-icons-blur_linear:before {
    content: "\e3a3"
}

.material-icons-blur_off:before {
    content: "\e3a4"
}

.material-icons-blur_on:before {
    content: "\e3a5"
}

.material-icons-book:before {
    content: "\e865"
}

.material-icons-bookmark:before {
    content: "\e866"
}

.material-icons-bookmark_border:before {
    content: "\e867"
}

.material-icons-border_all:before {
    content: "\e228"
}

.material-icons-border_bottom:before {
    content: "\e229"
}

.material-icons-border_clear:before {
    content: "\e22a"
}

.material-icons-border_color:before {
    content: "\e22b"
}

.material-icons-border_horizontal:before {
    content: "\e22c"
}

.material-icons-border_inner:before {
    content: "\e22d"
}

.material-icons-border_left:before {
    content: "\e22e"
}

.material-icons-border_outer:before {
    content: "\e22f"
}

.material-icons-border_right:before {
    content: "\e230"
}

.material-icons-border_style:before {
    content: "\e231"
}

.material-icons-border_top:before {
    content: "\e232"
}

.material-icons-border_vertical:before {
    content: "\e233"
}

.material-icons-brightness_1:before {
    content: "\e3a6"
}

.material-icons-brightness_2:before {
    content: "\e3a7"
}

.material-icons-brightness_3:before {
    content: "\e3a8"
}

.material-icons-brightness_4:before {
    content: "\e3a9"
}

.material-icons-brightness_5:before {
    content: "\e3aa"
}

.material-icons-brightness_6:before {
    content: "\e3ab"
}

.material-icons-brightness_7:before {
    content: "\e3ac"
}

.material-icons-brightness_auto:before {
    content: "\e1ab"
}

.material-icons-brightness_high:before {
    content: "\e1ac"
}

.material-icons-brightness_low:before {
    content: "\e1ad"
}

.material-icons-brightness_medium:before {
    content: "\e1ae"
}

.material-icons-broken_image:before {
    content: "\e3ad"
}

.material-icons-brush:before {
    content: "\e3ae"
}

.material-icons-bug_report:before {
    content: "\e868"
}

.material-icons-build:before {
    content: "\e869"
}

.material-icons-business:before {
    content: "\e0af"
}

.material-icons-cached:before {
    content: "\e86a"
}

.material-icons-cake:before {
    content: "\e7e9"
}

.material-icons-call:before {
    content: "\e0b0"
}

.material-icons-call_end:before {
    content: "\e0b1"
}

.material-icons-call_made:before {
    content: "\e0b2"
}

.material-icons-call_merge:before {
    content: "\e0b3"
}

.material-icons-call_missed:before {
    content: "\e0b4"
}

.material-icons-call_received:before {
    content: "\e0b5"
}

.material-icons-call_split:before {
    content: "\e0b6"
}

.material-icons-camera:before {
    content: "\e3af"
}

.material-icons-camera_alt:before {
    content: "\e3b0"
}

.material-icons-camera_enhance:before {
    content: "\e8fc"
}

.material-icons-camera_front:before {
    content: "\e3b1"
}

.material-icons-camera_rear:before {
    content: "\e3b2"
}

.material-icons-camera_roll:before {
    content: "\e3b3"
}

.material-icons-cancel:before {
    content: "\e5c9"
}

.material-icons-card_giftcard:before {
    content: "\e8f6"
}

.material-icons-card_membership:before {
    content: "\e8f7"
}

.material-icons-card_travel:before {
    content: "\e8f8"
}

.material-icons-cast:before {
    content: "\e307"
}

.material-icons-cast_connected:before {
    content: "\e308"
}

.material-icons-center_focus_strong:before {
    content: "\e3b4"
}

.material-icons-center_focus_weak:before {
    content: "\e3b5"
}

.material-icons-change_history:before {
    content: "\e86b"
}

.material-icons-chat:before {
    content: "\e0b7"
}

.material-icons-chat_bubble:before {
    content: "\e0ca"
}

.material-icons-chat_bubble_outline:before {
    content: "\e0cb"
}

.material-icons-check:before {
    content: "\e5ca"
}

.material-icons-check_box:before {
    content: "\e834"
}

.material-icons-check_box_outline_blank:before {
    content: "\e835"
}

.material-icons-check_circle:before {
    content: "\e86c"
}

.material-icons-chevron_left:before {
    content: "\e5cb"
}

.material-icons-chevron_right:before {
    content: "\e5cc"
}

.material-icons-chrome_reader_mode:before {
    content: "\e86d"
}

.material-icons-class:before {
    content: "\e86e"
}

.material-icons-clear:before {
    content: "\e14c"
}

.material-icons-clear_all:before {
    content: "\e0b8"
}

.material-icons-close:before {
    content: "\e5cd"
}

.material-icons-closed_caption:before {
    content: "\e01c"
}

.material-icons-cloud:before {
    content: "\e2bd"
}

.material-icons-cloud_circle:before {
    content: "\e2be"
}

.material-icons-cloud_done:before {
    content: "\e2bf"
}

.material-icons-cloud_download:before {
    content: "\e2c0"
}

.material-icons-cloud_off:before {
    content: "\e2c1"
}

.material-icons-cloud_queue:before {
    content: "\e2c2"
}

.material-icons-cloud_upload:before {
    content: "\e2c3"
}

.material-icons-code:before {
    content: "\e86f"
}

.material-icons-collections:before {
    content: "\e3b6"
}

.material-icons-collections_bookmark:before {
    content: "\e431"
}

.material-icons-color_lens:before {
    content: "\e3b7"
}

.material-icons-colorize:before {
    content: "\e3b8"
}

.material-icons-comment:before {
    content: "\e0b9"
}

.material-icons-compare:before {
    content: "\e3b9"
}

.material-icons-computer:before {
    content: "\e30a"
}

.material-icons-confirmation_number:before {
    content: "\e638"
}

.material-icons-contact_phone:before {
    content: "\e0cf"
}

.material-icons-contacts:before {
    content: "\e0ba"
}

.material-icons-content_copy:before {
    content: "\e14d"
}

.material-icons-content_cut:before {
    content: "\e14e"
}

.material-icons-content_paste:before {
    content: "\e14f"
}

.material-icons-control_point:before {
    content: "\e3ba"
}

.material-icons-control_point_duplicate:before {
    content: "\e3bb"
}

.material-icons-create:before {
    content: "\e150"
}

.material-icons-credit_card:before {
    content: "\e870"
}

.material-icons-crop:before {
    content: "\e3be"
}

.material-icons-crop_16_9:before {
    content: "\e3bc"
}

.material-icons-crop_3_2:before {
    content: "\e3bd"
}

.material-icons-crop_5_4:before {
    content: "\e3bf"
}

.material-icons-crop_7_5:before {
    content: "\e3c0"
}

.material-icons-crop_din:before {
    content: "\e3c1"
}

.material-icons-crop_free:before {
    content: "\e3c2"
}

.material-icons-crop_landscape:before {
    content: "\e3c3"
}

.material-icons-crop_original:before {
    content: "\e3c4"
}

.material-icons-crop_portrait:before {
    content: "\e3c5"
}

.material-icons-crop_square:before {
    content: "\e3c6"
}

.material-icons-dashboard:before {
    content: "\e871"
}

.material-icons-data_usage:before {
    content: "\e1af"
}

.material-icons-dehaze:before {
    content: "\e3c7"
}

.material-icons-delete:before {
    content: "\e872"
}

.material-icons-description:before {
    content: "\e873"
}

.material-icons-desktop_mac:before {
    content: "\e30b"
}

.material-icons-desktop_windows:before {
    content: "\e30c"
}

.material-icons-details:before {
    content: "\e3c8"
}

.material-icons-developer_board:before {
    content: "\e30d"
}

.material-icons-developer_mode:before {
    content: "\e1b0"
}

.material-icons-device_hub:before {
    content: "\e335"
}

.material-icons-devices:before {
    content: "\e1b1"
}

.material-icons-dialer_sip:before {
    content: "\e0bb"
}

.material-icons-dialpad:before {
    content: "\e0bc"
}

.material-icons-directions:before {
    content: "\e52e"
}

.material-icons-directions_bike:before {
    content: "\e52f"
}

.material-icons-directions_boat:before {
    content: "\e532"
}

.material-icons-directions_bus:before {
    content: "\e530"
}

.material-icons-directions_car:before {
    content: "\e531"
}

.material-icons-directions_railway:before {
    content: "\e534"
}

.material-icons-directions_run:before {
    content: "\e566"
}

.material-icons-directions_subway:before {
    content: "\e533"
}

.material-icons-directions_transit:before {
    content: "\e535"
}

.material-icons-directions_walk:before {
    content: "\e536"
}

.material-icons-disc_full:before {
    content: "\e610"
}

.material-icons-dns:before {
    content: "\e875"
}

.material-icons-do_not_disturb:before {
    content: "\e612"
}

.material-icons-do_not_disturb_alt:before {
    content: "\e611"
}

.material-icons-dock:before {
    content: "\e30e"
}

.material-icons-domain:before {
    content: "\e7ee"
}

.material-icons-done:before {
    content: "\e876"
}

.material-icons-done_all:before {
    content: "\e877"
}

.material-icons-drafts:before {
    content: "\e151"
}

.material-icons-drive_eta:before {
    content: "\e613"
}

.material-icons-dvr:before {
    content: "\e1b2"
}

.material-icons-edit:before {
    content: "\e3c9"
}

.material-icons-eject:before {
    content: "\e8fb"
}

.material-icons-email:before {
    content: "\e0be"
}

.material-icons-equalizer:before {
    content: "\e01d"
}

.material-icons-error:before {
    content: "\e000"
}

.material-icons-error_outline:before {
    content: "\e001"
}

.material-icons-event:before {
    content: "\e878"
}

.material-icons-event_available:before {
    content: "\e614"
}

.material-icons-event_busy:before {
    content: "\e615"
}

.material-icons-event_note:before {
    content: "\e616"
}

.material-icons-event_seat:before {
    content: "\e903"
}

.material-icons-exit_to_app:before {
    content: "\e879"
}

.material-icons-expand_less:before {
    content: "\e5ce"
}

.material-icons-expand_more:before {
    content: "\e5cf"
}

.material-icons-explicit:before {
    content: "\e01e"
}

.material-icons-explore:before {
    content: "\e87a"
}

.material-icons-exposure:before {
    content: "\e3ca"
}

.material-icons-exposure_neg_1:before {
    content: "\e3cb"
}

.material-icons-exposure_neg_2:before {
    content: "\e3cc"
}

.material-icons-exposure_plus_1:before {
    content: "\e3cd"
}

.material-icons-exposure_plus_2:before {
    content: "\e3ce"
}

.material-icons-exposure_zero:before {
    content: "\e3cf"
}

.material-icons-extension:before {
    content: "\e87b"
}

.material-icons-face:before {
    content: "\e87c"
}

.material-icons-fast_forward:before {
    content: "\e01f"
}

.material-icons-fast_rewind:before {
    content: "\e020"
}

.material-icons-favorite:before {
    content: "\e87d"
}

.material-icons-favorite_border:before {
    content: "\e87e"
}

.material-icons-feedback:before {
    content: "\e87f"
}

.material-icons-file_download:before {
    content: "\e2c4"
}

.material-icons-file_upload:before {
    content: "\e2c6"
}

.material-icons-filter:before {
    content: "\e3d3"
}

.material-icons-filter_1:before {
    content: "\e3d0"
}

.material-icons-filter_2:before {
    content: "\e3d1"
}

.material-icons-filter_3:before {
    content: "\e3d2"
}

.material-icons-filter_4:before {
    content: "\e3d4"
}

.material-icons-filter_5:before {
    content: "\e3d5"
}

.material-icons-filter_6:before {
    content: "\e3d6"
}

.material-icons-filter_7:before {
    content: "\e3d7"
}

.material-icons-filter_8:before {
    content: "\e3d8"
}

.material-icons-filter_9:before {
    content: "\e3d9"
}

.material-icons-filter_9_plus:before {
    content: "\e3da"
}

.material-icons-filter_b_and_w:before {
    content: "\e3db"
}

.material-icons-filter_center_focus:before {
    content: "\e3dc"
}

.material-icons-filter_drama:before {
    content: "\e3dd"
}

.material-icons-filter_frames:before {
    content: "\e3de"
}

.material-icons-filter_hdr:before {
    content: "\e3df"
}

.material-icons-filter_list:before {
    content: "\e152"
}

.material-icons-filter_none:before {
    content: "\e3e0"
}

.material-icons-filter_tilt_shift:before {
    content: "\e3e2"
}

.material-icons-filter_vintage:before {
    content: "\e3e3"
}

.material-icons-find_in_page:before {
    content: "\e880"
}

.material-icons-find_replace:before {
    content: "\e881"
}

.material-icons-flag:before {
    content: "\e153"
}

.material-icons-flare:before {
    content: "\e3e4"
}

.material-icons-flash_auto:before {
    content: "\e3e5"
}

.material-icons-flash_off:before {
    content: "\e3e6"
}

.material-icons-flash_on:before {
    content: "\e3e7"
}

.material-icons-flight:before {
    content: "\e539"
}

.material-icons-flight_land:before {
    content: "\e904"
}

.material-icons-flight_takeoff:before {
    content: "\e905"
}

.material-icons-flip:before {
    content: "\e3e8"
}

.material-icons-flip_to_back:before {
    content: "\e882"
}

.material-icons-flip_to_front:before {
    content: "\e883"
}

.material-icons-folder:before {
    content: "\e2c7"
}

.material-icons-folder_open:before {
    content: "\e2c8"
}

.material-icons-folder_shared:before {
    content: "\e2c9"
}

.material-icons-folder_special:before {
    content: "\e617"
}

.material-icons-font_download:before {
    content: "\e167"
}

.material-icons-format_align_center:before {
    content: "\e234"
}

.material-icons-format_align_justify:before {
    content: "\e235"
}

.material-icons-format_align_left:before {
    content: "\e236"
}

.material-icons-format_align_right:before {
    content: "\e237"
}

.material-icons-format_bold:before {
    content: "\e238"
}

.material-icons-format_clear:before {
    content: "\e239"
}

.material-icons-format_color_fill:before {
    content: "\e23a"
}

.material-icons-format_color_reset:before {
    content: "\e23b"
}

.material-icons-format_color_text:before {
    content: "\e23c"
}

.material-icons-format_indent_decrease:before {
    content: "\e23d"
}

.material-icons-format_indent_increase:before {
    content: "\e23e"
}

.material-icons-format_italic:before {
    content: "\e23f"
}

.material-icons-format_line_spacing:before {
    content: "\e240"
}

.material-icons-format_list_bulleted:before {
    content: "\e241"
}

.material-icons-format_list_numbered:before {
    content: "\e242"
}

.material-icons-format_paint:before {
    content: "\e243"
}

.material-icons-format_quote:before {
    content: "\e244"
}

.material-icons-format_size:before {
    content: "\e245"
}

.material-icons-format_strikethrough:before {
    content: "\e246"
}

.material-icons-format_textdirection_l_to_r:before {
    content: "\e247"
}

.material-icons-format_textdirection_r_to_l:before {
    content: "\e248"
}

.material-icons-format_underlined:before {
    content: "\e249"
}

.material-icons-forum:before {
    content: "\e0bf"
}

.material-icons-forward:before {
    content: "\e154"
}

.material-icons-forward_10:before {
    content: "\e056"
}

.material-icons-forward_30:before {
    content: "\e057"
}

.material-icons-forward_5:before {
    content: "\e058"
}

.material-icons-fullscreen:before {
    content: "\e5d0"
}

.material-icons-fullscreen_exit:before {
    content: "\e5d1"
}

.material-icons-functions:before {
    content: "\e24a"
}

.material-icons-gamepad:before {
    content: "\e30f"
}

.material-icons-games:before {
    content: "\e021"
}

.material-icons-gesture:before {
    content: "\e155"
}

.material-icons-get_app:before {
    content: "\e884"
}

.material-icons-gif:before {
    content: "\e908"
}

.material-icons-gps_fixed:before {
    content: "\e1b3"
}

.material-icons-gps_not_fixed:before {
    content: "\e1b4"
}

.material-icons-gps_off:before {
    content: "\e1b5"
}

.material-icons-grade:before {
    content: "\e885"
}

.material-icons-gradient:before {
    content: "\e3e9"
}

.material-icons-grain:before {
    content: "\e3ea"
}

.material-icons-graphic_eq:before {
    content: "\e1b8"
}

.material-icons-grid_off:before {
    content: "\e3eb"
}

.material-icons-grid_on:before {
    content: "\e3ec"
}

.material-icons-group:before {
    content: "\e7ef"
}

.material-icons-group_add:before {
    content: "\e7f0"
}

.material-icons-group_work:before {
    content: "\e886"
}

.material-icons-hd:before {
    content: "\e052"
}

.material-icons-hdr_off:before {
    content: "\e3ed"
}

.material-icons-hdr_on:before {
    content: "\e3ee"
}

.material-icons-hdr_strong:before {
    content: "\e3f1"
}

.material-icons-hdr_weak:before {
    content: "\e3f2"
}

.material-icons-headset:before {
    content: "\e310"
}

.material-icons-headset_mic:before {
    content: "\e311"
}

.material-icons-healing:before {
    content: "\e3f3"
}

.material-icons-hearing:before {
    content: "\e023"
}

.material-icons-help:before {
    content: "\e887"
}

.material-icons-help_outline:before {
    content: "\e8fd"
}

.material-icons-high_quality:before {
    content: "\e024"
}

.material-icons-highlight_off:before {
    content: "\e888"
}

.material-icons-history:before {
    content: "\e889"
}

.material-icons-home:before {
    content: "\e88a"
}

.material-icons-hotel:before {
    content: "\e53a"
}

.material-icons-hourglass_empty:before {
    content: "\e88b"
}

.material-icons-hourglass_full:before {
    content: "\e88c"
}

.material-icons-http:before {
    content: "\e902"
}

.material-icons-https:before {
    content: "\e88d"
}

.material-icons-image:before {
    content: "\e3f4"
}

.material-icons-image_aspect_ratio:before {
    content: "\e3f5"
}

.material-icons-import_export:before {
    content: "\e0c3"
}

.material-icons-inbox:before {
    content: "\e156"
}

.material-icons-indeterminate_check_box:before {
    content: "\e909"
}

.material-icons-info:before {
    content: "\e88e"
}

.material-icons-info_outline:before {
    content: "\e88f"
}

.material-icons-input:before {
    content: "\e890"
}

.material-icons-insert_chart:before {
    content: "\e24b"
}

.material-icons-insert_comment:before {
    content: "\e24c"
}

.material-icons-insert_drive_file:before {
    content: "\e24d"
}

.material-icons-insert_emoticon:before {
    content: "\e24e"
}

.material-icons-insert_invitation:before {
    content: "\e24f"
}

.material-icons-insert_link:before {
    content: "\e250"
}

.material-icons-insert_photo:before {
    content: "\e251"
}

.material-icons-invert_colors:before {
    content: "\e891"
}

.material-icons-invert_colors_off:before {
    content: "\e0c4"
}

.material-icons-iso:before {
    content: "\e3f6"
}

.material-icons-keyboard:before {
    content: "\e312"
}

.material-icons-keyboard_arrow_down:before {
    content: "\e313"
}

.material-icons-keyboard_arrow_left:before {
    content: "\e314"
}

.material-icons-keyboard_arrow_right:before {
    content: "\e315"
}

.material-icons-keyboard_arrow_up:before {
    content: "\e316"
}

.material-icons-keyboard_backspace:before {
    content: "\e317"
}

.material-icons-keyboard_capslock:before {
    content: "\e318"
}

.material-icons-keyboard_hide:before {
    content: "\e31a"
}

.material-icons-keyboard_return:before {
    content: "\e31b"
}

.material-icons-keyboard_tab:before {
    content: "\e31c"
}

.material-icons-keyboard_voice:before {
    content: "\e31d"
}

.material-icons-label:before {
    content: "\e892"
}

.material-icons-label_outline:before {
    content: "\e893"
}

.material-icons-landscape:before {
    content: "\e3f7"
}

.material-icons-language:before {
    content: "\e894"
}

.material-icons-laptop:before {
    content: "\e31e"
}

.material-icons-laptop_chromebook:before {
    content: "\e31f"
}

.material-icons-laptop_mac:before {
    content: "\e320"
}

.material-icons-laptop_windows:before {
    content: "\e321"
}

.material-icons-launch:before {
    content: "\e895"
}

.material-icons-layers:before {
    content: "\e53b"
}

.material-icons-layers_clear:before {
    content: "\e53c"
}

.material-icons-leak_add:before {
    content: "\e3f8"
}

.material-icons-leak_remove:before {
    content: "\e3f9"
}

.material-icons-lens:before {
    content: "\e3fa"
}

.material-icons-library_add:before {
    content: "\e02e"
}

.material-icons-library_books:before {
    content: "\e02f"
}

.material-icons-library_music:before {
    content: "\e030"
}

.material-icons-link:before {
    content: "\e157"
}

.material-icons-list:before {
    content: "\e896"
}

.material-icons-live_help:before {
    content: "\e0c6"
}

.material-icons-live_tv:before {
    content: "\e639"
}

.material-icons-local_activity:before {
    content: "\e53f"
}

.material-icons-local_airport:before {
    content: "\e53d"
}

.material-icons-local_atm:before {
    content: "\e53e"
}

.material-icons-local_bar:before {
    content: "\e540"
}

.material-icons-local_cafe:before {
    content: "\e541"
}

.material-icons-local_car_wash:before {
    content: "\e542"
}

.material-icons-local_convenience_store:before {
    content: "\e543"
}

.material-icons-local_dining:before {
    content: "\e556"
}

.material-icons-local_drink:before {
    content: "\e544"
}

.material-icons-local_florist:before {
    content: "\e545"
}

.material-icons-local_gas_station:before {
    content: "\e546"
}

.material-icons-local_grocery_store:before {
    content: "\e547"
}

.material-icons-local_hospital:before {
    content: "\e548"
}

.material-icons-local_hotel:before {
    content: "\e549"
}

.material-icons-local_laundry_service:before {
    content: "\e54a"
}

.material-icons-local_library:before {
    content: "\e54b"
}

.material-icons-local_mall:before {
    content: "\e54c"
}

.material-icons-local_movies:before {
    content: "\e54d"
}

.material-icons-local_offer:before {
    content: "\e54e"
}

.material-icons-local_parking:before {
    content: "\e54f"
}

.material-icons-local_pharmacy:before {
    content: "\e550"
}

.material-icons-local_phone:before {
    content: "\e551"
}

.material-icons-local_pizza:before {
    content: "\e552"
}

.material-icons-local_play:before {
    content: "\e553"
}

.material-icons-local_post_office:before {
    content: "\e554"
}

.material-icons-local_printshop:before {
    content: "\e555"
}

.material-icons-local_see:before {
    content: "\e557"
}

.material-icons-local_shipping:before {
    content: "\e558"
}

.material-icons-local_taxi:before {
    content: "\e559"
}

.material-icons-location_city:before {
    content: "\e7f1"
}

.material-icons-location_disabled:before {
    content: "\e1b6"
}

.material-icons-location_off:before {
    content: "\e0c7"
}

.material-icons-location_on:before {
    content: "\e0c8"
}

.material-icons-location_searching:before {
    content: "\e1b7"
}

.material-icons-lock:before {
    content: "\e897"
}

.material-icons-lock_open:before {
    content: "\e898"
}

.material-icons-lock_outline:before {
    content: "\e899"
}

.material-icons-looks:before {
    content: "\e3fc"
}

.material-icons-looks_3:before {
    content: "\e3fb"
}

.material-icons-looks_4:before {
    content: "\e3fd"
}

.material-icons-looks_5:before {
    content: "\e3fe"
}

.material-icons-looks_6:before {
    content: "\e3ff"
}

.material-icons-looks_one:before {
    content: "\e400"
}

.material-icons-looks_two:before {
    content: "\e401"
}

.material-icons-loop:before {
    content: "\e028"
}

.material-icons-loupe:before {
    content: "\e402"
}

.material-icons-loyalty:before {
    content: "\e89a"
}

.material-icons-mail:before {
    content: "\e158"
}

.material-icons-map:before {
    content: "\e55b"
}

.material-icons-markunread:before {
    content: "\e159"
}

.material-icons-markunread_mailbox:before {
    content: "\e89b"
}

.material-icons-memory:before {
    content: "\e322"
}

.material-icons-menu:before {
    content: "\e5d2"
}

.material-icons-merge_type:before {
    content: "\e252"
}

.material-icons-message:before {
    content: "\e0c9"
}

.material-icons-mic:before {
    content: "\e029"
}

.material-icons-mic_none:before {
    content: "\e02a"
}

.material-icons-mic_off:before {
    content: "\e02b"
}

.material-icons-mms:before {
    content: "\e618"
}

.material-icons-mode_comment:before {
    content: "\e253"
}

.material-icons-mode_edit:before {
    content: "\e254"
}

.material-icons-money_off:before {
    content: "\e25c"
}

.material-icons-monochrome_photos:before {
    content: "\e403"
}

.material-icons-mood:before {
    content: "\e7f2"
}

.material-icons-mood_bad:before {
    content: "\e7f3"
}

.material-icons-more:before {
    content: "\e619"
}

.material-icons-more_horiz:before {
    content: "\e5d3"
}

.material-icons-more_vert:before {
    content: "\e5d4"
}

.material-icons-mouse:before {
    content: "\e323"
}

.material-icons-movie:before {
    content: "\e02c"
}

.material-icons-movie_creation:before {
    content: "\e404"
}

.material-icons-music_note:before {
    content: "\e405"
}

.material-icons-my_location:before {
    content: "\e55c"
}

.material-icons-nature:before {
    content: "\e406"
}

.material-icons-nature_people:before {
    content: "\e407"
}

.material-icons-navigate_before:before {
    content: "\e408"
}

.material-icons-navigate_next:before {
    content: "\e409"
}

.material-icons-navigation:before {
    content: "\e55d"
}

.material-icons-network_cell:before {
    content: "\e1b9"
}

.material-icons-network_locked:before {
    content: "\e61a"
}

.material-icons-network_wifi:before {
    content: "\e1ba"
}

.material-icons-new_releases:before {
    content: "\e031"
}

.material-icons-nfc:before {
    content: "\e1bb"
}

.material-icons-no_sim:before {
    content: "\e0cc"
}

.material-icons-not_interested:before {
    content: "\e033"
}

.material-icons-note_add:before {
    content: "\e89c"
}

.material-icons-notifications:before {
    content: "\e7f4"
}

.material-icons-notifications_active:before {
    content: "\e7f7"
}

.material-icons-notifications_none:before {
    content: "\e7f5"
}

.material-icons-notifications_off:before {
    content: "\e7f6"
}

.material-icons-notifications_paused:before {
    content: "\e7f8"
}

.material-icons-offline_pin:before {
    content: "\e90a"
}

.material-icons-ondemand_video:before {
    content: "\e63a"
}

.material-icons-open_in_browser:before {
    content: "\e89d"
}

.material-icons-open_in_new:before {
    content: "\e89e"
}

.material-icons-open_with:before {
    content: "\e89f"
}

.material-icons-pages:before {
    content: "\e7f9"
}

.material-icons-pageview:before {
    content: "\e8a0"
}

.material-icons-palette:before {
    content: "\e40a"
}

.material-icons-panorama:before {
    content: "\e40b"
}

.material-icons-panorama_fish_eye:before {
    content: "\e40c"
}

.material-icons-panorama_horizontal:before {
    content: "\e40d"
}

.material-icons-panorama_vertical:before {
    content: "\e40e"
}

.material-icons-panorama_wide_angle:before {
    content: "\e40f"
}

.material-icons-party_mode:before {
    content: "\e7fa"
}

.material-icons-pause:before {
    content: "\e034"
}

.material-icons-pause_circle_filled:before {
    content: "\e035"
}

.material-icons-pause_circle_outline:before {
    content: "\e036"
}

.material-icons-payment:before {
    content: "\e8a1"
}

.material-icons-people:before {
    content: "\e7fb"
}

.material-icons-people_outline:before {
    content: "\e7fc"
}

.material-icons-perm_camera_mic:before {
    content: "\e8a2"
}

.material-icons-perm_contact_calendar:before {
    content: "\e8a3"
}

.material-icons-perm_data_setting:before {
    content: "\e8a4"
}

.material-icons-perm_device_information:before {
    content: "\e8a5"
}

.material-icons-perm_identity:before {
    content: "\e8a6"
}

.material-icons-perm_media:before {
    content: "\e8a7"
}

.material-icons-perm_phone_msg:before {
    content: "\e8a8"
}

.material-icons-perm_scan_wifi:before {
    content: "\e8a9"
}

.material-icons-person:before {
    content: "\e7fd"
}

.material-icons-person_add:before {
    content: "\e7fe"
}

.material-icons-person_outline:before {
    content: "\e7ff"
}

.material-icons-person_pin:before {
    content: "\e55a"
}

.material-icons-personal_video:before {
    content: "\e63b"
}

.material-icons-phone:before {
    content: "\e0cd"
}

.material-icons-phone_android:before {
    content: "\e324"
}

.material-icons-phone_bluetooth_speaker:before {
    content: "\e61b"
}

.material-icons-phone_forwarded:before {
    content: "\e61c"
}

.material-icons-phone_in_talk:before {
    content: "\e61d"
}

.material-icons-phone_iphone:before {
    content: "\e325"
}

.material-icons-phone_locked:before {
    content: "\e61e"
}

.material-icons-phone_missed:before {
    content: "\e61f"
}

.material-icons-phone_paused:before {
    content: "\e620"
}

.material-icons-phonelink:before {
    content: "\e326"
}

.material-icons-phonelink_erase:before {
    content: "\e0db"
}

.material-icons-phonelink_lock:before {
    content: "\e0dc"
}

.material-icons-phonelink_off:before {
    content: "\e327"
}

.material-icons-phonelink_ring:before {
    content: "\e0dd"
}

.material-icons-phonelink_setup:before {
    content: "\e0de"
}

.material-icons-photo:before {
    content: "\e410"
}

.material-icons-photo_album:before {
    content: "\e411"
}

.material-icons-photo_camera:before {
    content: "\e412"
}

.material-icons-photo_library:before {
    content: "\e413"
}

.material-icons-photo_size_select_actual:before {
    content: "\e432"
}

.material-icons-photo_size_select_large:before {
    content: "\e433"
}

.material-icons-photo_size_select_small:before {
    content: "\e434"
}

.material-icons-picture_as_pdf:before {
    content: "\e415"
}

.material-icons-picture_in_picture:before {
    content: "\e8aa"
}

.material-icons-pin_drop:before {
    content: "\e55e"
}

.material-icons-place:before {
    content: "\e55f"
}

.material-icons-play_arrow:before {
    content: "\e037"
}

.material-icons-play_circle_filled:before {
    content: "\e038"
}

.material-icons-play_circle_outline:before {
    content: "\e039"
}

.material-icons-play_for_work:before {
    content: "\e906"
}

.material-icons-playlist_add:before {
    content: "\e03b"
}

.material-icons-plus_one:before {
    content: "\e800"
}

.material-icons-poll:before {
    content: "\e801"
}

.material-icons-polymer:before {
    content: "\e8ab"
}

.material-icons-portable_wifi_off:before {
    content: "\e0ce"
}

.material-icons-portrait:before {
    content: "\e416"
}

.material-icons-power:before {
    content: "\e63c"
}

.material-icons-power_input:before {
    content: "\e336"
}

.material-icons-power_settings_new:before {
    content: "\e8ac"
}

.material-icons-present_to_all:before {
    content: "\e0df"
}

.material-icons-print:before {
    content: "\e8ad"
}

.material-icons-public:before {
    content: "\e80b"
}

.material-icons-publish:before {
    content: "\e255"
}

.material-icons-query_builder:before {
    content: "\e8ae"
}

.material-icons-question_answer:before {
    content: "\e8af"
}

.material-icons-queue:before {
    content: "\e03c"
}

.material-icons-queue_music:before {
    content: "\e03d"
}

.material-icons-radio:before {
    content: "\e03e"
}

.material-icons-radio_button_checked:before {
    content: "\e837"
}

.material-icons-radio_button_unchecked:before {
    content: "\e836"
}

.material-icons-rate_review:before {
    content: "\e560"
}

.material-icons-receipt:before {
    content: "\e8b0"
}

.material-icons-recent_actors:before {
    content: "\e03f"
}

.material-icons-redeem:before {
    content: "\e8b1"
}

.material-icons-redo:before {
    content: "\e15a"
}

.material-icons-refresh:before {
    content: "\e5d5"
}

.material-icons-remove:before {
    content: "\e15b"
}

.material-icons-remove_circle:before {
    content: "\e15c"
}

.material-icons-remove_circle_outline:before {
    content: "\e15d"
}

.material-icons-remove_red_eye:before {
    content: "\e417"
}

.material-icons-reorder:before {
    content: "\e8fe"
}

.material-icons-repeat:before {
    content: "\e040"
}

.material-icons-repeat_one:before {
    content: "\e041"
}

.material-icons-replay:before {
    content: "\e042"
}

.material-icons-replay_10:before {
    content: "\e059"
}

.material-icons-replay_30:before {
    content: "\e05a"
}

.material-icons-replay_5:before {
    content: "\e05b"
}

.material-icons-reply:before {
    content: "\e15e"
}

.material-icons-reply_all:before {
    content: "\e15f"
}

.material-icons-report:before {
    content: "\e160"
}

.material-icons-report_problem:before {
    content: "\e8b2"
}

.material-icons-restaurant_menu:before {
    content: "\e561"
}

.material-icons-restore:before {
    content: "\e8b3"
}

.material-icons-ring_volume:before {
    content: "\e0d1"
}

.material-icons-room:before {
    content: "\e8b4"
}

.material-icons-rotate_90_degrees_ccw:before {
    content: "\e418"
}

.material-icons-rotate_left:before {
    content: "\e419"
}

.material-icons-rotate_right:before {
    content: "\e41a"
}

.material-icons-router:before {
    content: "\e328"
}

.material-icons-satellite:before {
    content: "\e562"
}

.material-icons-save:before {
    content: "\e161"
}

.material-icons-scanner:before {
    content: "\e329"
}

.material-icons-schedule:before {
    content: "\e8b5"
}

.material-icons-school:before {
    content: "\e80c"
}

.material-icons-screen_lock_landscape:before {
    content: "\e1be"
}

.material-icons-screen_lock_portrait:before {
    content: "\e1bf"
}

.material-icons-screen_lock_rotation:before {
    content: "\e1c0"
}

.material-icons-screen_rotation:before {
    content: "\e1c1"
}

.material-icons-sd_card:before {
    content: "\e623"
}

.material-icons-sd_storage:before {
    content: "\e1c2"
}

.material-icons-search:before {
    content: "\e8b6"
}

.material-icons-security:before {
    content: "\e32a"
}

.material-icons-select_all:before {
    content: "\e162"
}

.material-icons-send:before {
    content: "\e163"
}

.material-icons-settings:before {
    content: "\e8b8"
}

.material-icons-settings_applications:before {
    content: "\e8b9"
}

.material-icons-settings_backup_restore:before {
    content: "\e8ba"
}

.material-icons-settings_bluetooth:before {
    content: "\e8bb"
}

.material-icons-settings_brightness:before {
    content: "\e8bd"
}

.material-icons-settings_cell:before {
    content: "\e8bc"
}

.material-icons-settings_ethernet:before {
    content: "\e8be"
}

.material-icons-settings_input_antenna:before {
    content: "\e8bf"
}

.material-icons-settings_input_component:before {
    content: "\e8c0"
}

.material-icons-settings_input_composite:before {
    content: "\e8c1"
}

.material-icons-settings_input_hdmi:before {
    content: "\e8c2"
}

.material-icons-settings_input_svideo:before {
    content: "\e8c3"
}

.material-icons-settings_overscan:before {
    content: "\e8c4"
}

.material-icons-settings_phone:before {
    content: "\e8c5"
}

.material-icons-settings_power:before {
    content: "\e8c6"
}

.material-icons-settings_remote:before {
    content: "\e8c7"
}

.material-icons-settings_system_daydream:before {
    content: "\e1c3"
}

.material-icons-settings_voice:before {
    content: "\e8c8"
}

.material-icons-share:before {
    content: "\e80d"
}

.material-icons-shop:before {
    content: "\e8c9"
}

.material-icons-shop_two:before {
    content: "\e8ca"
}

.material-icons-shopping_basket:before {
    content: "\e8cb"
}

.material-icons-shopping_cart:before {
    content: "\e8cc"
}

.material-icons-shuffle:before {
    content: "\e043"
}

.material-icons-signal_cellular_4_bar:before {
    content: "\e1c8"
}

.material-icons-signal_cellular_connected_no_internet_4_bar:before {
    content: "\e1cd"
}

.material-icons-signal_cellular_no_sim:before {
    content: "\e1ce"
}

.material-icons-signal_cellular_null:before {
    content: "\e1cf"
}

.material-icons-signal_cellular_off:before {
    content: "\e1d0"
}

.material-icons-signal_wifi_4_bar:before {
    content: "\e1d8"
}

.material-icons-signal_wifi_4_bar_lock:before {
    content: "\e1d9"
}

.material-icons-signal_wifi_off:before {
    content: "\e1da"
}

.material-icons-sim_card:before {
    content: "\e32b"
}

.material-icons-sim_card_alert:before {
    content: "\e624"
}

.material-icons-skip_next:before {
    content: "\e044"
}

.material-icons-skip_previous:before {
    content: "\e045"
}

.material-icons-slideshow:before {
    content: "\e41b"
}

.material-icons-smartphone:before {
    content: "\e32c"
}

.material-icons-sms:before {
    content: "\e625"
}

.material-icons-sms_failed:before {
    content: "\e626"
}

.material-icons-snooze:before {
    content: "\e046"
}

.material-icons-sort:before {
    content: "\e164"
}

.material-icons-sort_by_alpha:before {
    content: "\e053"
}

.material-icons-space_bar:before {
    content: "\e256"
}

.material-icons-speaker:before {
    content: "\e32d"
}

.material-icons-speaker_group:before {
    content: "\e32e"
}

.material-icons-speaker_notes:before {
    content: "\e8cd"
}

.material-icons-speaker_phone:before {
    content: "\e0d2"
}

.material-icons-spellcheck:before {
    content: "\e8ce"
}

.material-icons-star:before {
    content: "\e838"
}

.material-icons-star_border:before {
    content: "\e83a"
}

.material-icons-star_half:before {
    content: "\e839"
}

.material-icons-stars:before {
    content: "\e8d0"
}

.material-icons-stay_current_landscape:before {
    content: "\e0d3"
}

.material-icons-stay_current_portrait:before {
    content: "\e0d4"
}

.material-icons-stay_primary_landscape:before {
    content: "\e0d5"
}

.material-icons-stay_primary_portrait:before {
    content: "\e0d6"
}

.material-icons-stop:before {
    content: "\e047"
}

.material-icons-storage:before {
    content: "\e1db"
}

.material-icons-store:before {
    content: "\e8d1"
}

.material-icons-store_mall_directory:before {
    content: "\e563"
}

.material-icons-straighten:before {
    content: "\e41c"
}

.material-icons-strikethrough_s:before {
    content: "\e257"
}

.material-icons-style:before {
    content: "\e41d"
}

.material-icons-subject:before {
    content: "\e8d2"
}

.material-icons-subtitles:before {
    content: "\e048"
}

.material-icons-supervisor_account:before {
    content: "\e8d3"
}

.material-icons-surround_sound:before {
    content: "\e049"
}

.material-icons-swap_calls:before {
    content: "\e0d7"
}

.material-icons-swap_horiz:before {
    content: "\e8d4"
}

.material-icons-swap_vert:before {
    content: "\e8d5"
}

.material-icons-swap_vertical_circle:before {
    content: "\e8d6"
}

.material-icons-switch_camera:before {
    content: "\e41e"
}

.material-icons-switch_video:before {
    content: "\e41f"
}

.material-icons-sync:before {
    content: "\e627"
}

.material-icons-sync_disabled:before {
    content: "\e628"
}

.material-icons-sync_problem:before {
    content: "\e629"
}

.material-icons-system_update:before {
    content: "\e62a"
}

.material-icons-system_update_alt:before {
    content: "\e8d7"
}

.material-icons-tab:before {
    content: "\e8d8"
}

.material-icons-tab_unselected:before {
    content: "\e8d9"
}

.material-icons-tablet:before {
    content: "\e32f"
}

.material-icons-tablet_android:before {
    content: "\e330"
}

.material-icons-tablet_mac:before {
    content: "\e331"
}

.material-icons-tag_faces:before {
    content: "\e420"
}

.material-icons-tap_and_play:before {
    content: "\e62b"
}

.material-icons-terrain:before {
    content: "\e564"
}

.material-icons-text_format:before {
    content: "\e165"
}

.material-icons-textsms:before {
    content: "\e0d8"
}

.material-icons-texture:before {
    content: "\e421"
}

.material-icons-theaters:before {
    content: "\e8da"
}

.material-icons-thumb_down:before {
    content: "\e8db"
}

.material-icons-thumb_up:before {
    content: "\e8dc"
}

.material-icons-thumbs_up_down:before {
    content: "\e8dd"
}

.material-icons-time_to_leave:before {
    content: "\e62c"
}

.material-icons-timelapse:before {
    content: "\e422"
}

.material-icons-timer:before {
    content: "\e425"
}

.material-icons-timer_10:before {
    content: "\e423"
}

.material-icons-timer_3:before {
    content: "\e424"
}

.material-icons-timer_off:before {
    content: "\e426"
}

.material-icons-toc:before {
    content: "\e8de"
}

.material-icons-today:before {
    content: "\e8df"
}

.material-icons-toll:before {
    content: "\e8e0"
}

.material-icons-tonality:before {
    content: "\e427"
}

.material-icons-toys:before {
    content: "\e332"
}

.material-icons-track_changes:before {
    content: "\e8e1"
}

.material-icons-traffic:before {
    content: "\e565"
}

.material-icons-transform:before {
    content: "\e428"
}

.material-icons-translate:before {
    content: "\e8e2"
}

.material-icons-trending_down:before {
    content: "\e8e3"
}

.material-icons-trending_flat:before {
    content: "\e8e4"
}

.material-icons-trending_up:before {
    content: "\e8e5"
}

.material-icons-tune:before {
    content: "\e429"
}

.material-icons-turned_in:before {
    content: "\e8e6"
}

.material-icons-turned_in_not:before {
    content: "\e8e7"
}

.material-icons-tv:before {
    content: "\e333"
}

.material-icons-undo:before {
    content: "\e166"
}

.material-icons-unfold_less:before {
    content: "\e5d6"
}

.material-icons-unfold_more:before {
    content: "\e5d7"
}

.material-icons-usb:before {
    content: "\e1e0"
}

.material-icons-verified_user:before {
    content: "\e8e8"
}

.material-icons-vertical_align_bottom:before {
    content: "\e258"
}

.material-icons-vertical_align_center:before {
    content: "\e259"
}

.material-icons-vertical_align_top:before {
    content: "\e25a"
}

.material-icons-vibration:before {
    content: "\e62d"
}

.material-icons-video_library:before {
    content: "\e04a"
}

.material-icons-videocam:before {
    content: "\e04b"
}

.material-icons-videocam_off:before {
    content: "\e04c"
}

.material-icons-view_agenda:before {
    content: "\e8e9"
}

.material-icons-view_array:before {
    content: "\e8ea"
}

.material-icons-view_carousel:before {
    content: "\e8eb"
}

.material-icons-view_column:before {
    content: "\e8ec"
}

.material-icons-view_comfy:before {
    content: "\e42a"
}

.material-icons-view_compact:before {
    content: "\e42b"
}

.material-icons-view_day:before {
    content: "\e8ed"
}

.material-icons-view_headline:before {
    content: "\e8ee"
}

.material-icons-view_list:before {
    content: "\e8ef"
}

.material-icons-view_module:before {
    content: "\e8f0"
}

.material-icons-view_quilt:before {
    content: "\e8f1"
}

.material-icons-view_stream:before {
    content: "\e8f2"
}

.material-icons-view_week:before {
    content: "\e8f3"
}

.material-icons-vignette:before {
    content: "\e435"
}

.material-icons-visibility:before {
    content: "\e8f4"
}

.material-icons-visibility_off:before {
    content: "\e8f5"
}

.material-icons-voice_chat:before {
    content: "\e62e"
}

.material-icons-voicemail:before {
    content: "\e0d9"
}

.material-icons-volume_down:before {
    content: "\e04d"
}

.material-icons-volume_mute:before {
    content: "\e04e"
}

.material-icons-volume_off:before {
    content: "\e04f"
}

.material-icons-volume_up:before {
    content: "\e050"
}

.material-icons-vpn_key:before {
    content: "\e0da"
}

.material-icons-vpn_lock:before {
    content: "\e62f"
}

.material-icons-wallpaper:before {
    content: "\e1bc"
}

.material-icons-warning:before {
    content: "\e002"
}

.material-icons-watch:before {
    content: "\e334"
}

.material-icons-wb_auto:before {
    content: "\e42c"
}

.material-icons-wb_cloudy:before {
    content: "\e42d"
}

.material-icons-wb_incandescent:before {
    content: "\e42e"
}

.material-icons-wb_iridescent:before {
    content: "\e436"
}

.material-icons-wb_sunny:before {
    content: "\e430"
}

.material-icons-wc:before {
    content: "\e63d"
}

.material-icons-web:before {
    content: "\e051"
}

.material-icons-whatshot:before {
    content: "\e80e"
}

.material-icons-widgets:before {
    content: "\e1bd"
}

.material-icons-wifi:before {
    content: "\e63e"
}

.material-icons-wifi_lock:before {
    content: "\e1e1"
}

.material-icons-wifi_tethering:before {
    content: "\e1e2"
}

.material-icons-work:before {
    content: "\e8f9"
}

.material-icons-wrap_text:before {
    content: "\e25b"
}

.material-icons-youtube_searched_for:before {
    content: "\e8fa"
}

.material-icons-zoom_in:before {
    content: "\e8ff"
}

.material-icons-zoom_out:before {
    content: "\e900"
}

/*!
 *  Font Awesome 4.5.0 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */
@font-face {
    font-family: 'FontAwesome';
    src: url('../../frontend/TemplateMonster/theme001/en_US/fonts/font-awesome/fontawesome-webfont.eot?v=4.5.0');
    src: url('../../frontend/TemplateMonster/theme001/en_US/fonts/font-awesome/fontawesome-webfont.eot?#iefix&v=4.5.0') format('embedded-opentype'), url('../../frontend/TemplateMonster/theme001/en_US/fonts/font-awesome/fontawesome-webfont.woff2?v=4.5.0') format('woff2'), url('../../frontend/TemplateMonster/theme001/en_US/fonts/font-awesome/fontawesome-webfont.woff?v=4.5.0') format('woff'), url('../../frontend/TemplateMonster/theme001/en_US/fonts/font-awesome/fontawesome-webfont.ttf?v=4.5.0') format('truetype'), url('../../frontend/TemplateMonster/theme001/en_US/fonts/font-awesome/fontawesome-webfont.svg?v=4.5.0#fontawesomeregular') format('svg');
    font-weight: normal;
    font-style: normal
}

.fa {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.fa-lg {
    font-size: 1.33333333em;
    line-height: .75em;
    vertical-align: -15%
}

.fa-2x {
    font-size: 2em
}

.fa-3x {
    font-size: 3em
}

.fa-4x {
    font-size: 4em
}

.fa-5x {
    font-size: 5em
}

.fa-fw {
    width: 1.28571429em;
    text-align: center
}

.fa-ul {
    padding-left: 0;
    margin-left: 2.14285714em;
    list-style-type: none
}

.fa-ul > li {
    position: relative
}

.fa-li {
    position: absolute;
    left: -2.14285714em;
    width: 2.14285714em;
    top: .14285714em;
    text-align: center
}

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

.fa-border {
    padding: .2em .25em .15em;
    border: solid .08em #eee;
    border-radius: .1em
}

.fa-pull-left {
    float: left
}

.fa-pull-right {
    float: right
}

.fa.fa-pull-left {
    margin-right: .3em
}

.fa.fa-pull-right {
    margin-left: .3em
}

.pull-right {
    float: right
}

.pull-left {
    float: left
}

.fa.pull-left {
    margin-right: .3em
}

.fa.pull-right {
    margin-left: .3em
}

.fa-spin {
    -webkit-animation: fa-spin 2s infinite linear;
    animation: fa-spin 2s infinite linear
}

.fa-pulse {
    -webkit-animation: fa-spin 1s infinite steps(8);
    animation: fa-spin 1s infinite steps(8)
}

@-webkit-keyframes fa-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

@keyframes fa-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

.fa-rotate-90 {
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg)
}

.fa-rotate-180 {
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.fa-rotate-270 {
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
    -webkit-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    transform: rotate(270deg)
}

.fa-flip-horizontal {
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);
    -webkit-transform: scale(-1, 1);
    -ms-transform: scale(-1, 1);
    transform: scale(-1, 1)
}

.fa-flip-vertical {
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1);
    -webkit-transform: scale(1, -1);
    -ms-transform: scale(1, -1);
    transform: scale(1, -1)
}

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

.fa-stack {
    position: relative;
    display: inline-block;
    width: 2em;
    height: 2em;
    line-height: 2em;
    vertical-align: middle
}

.fa-stack-1x, .fa-stack-2x {
    position: absolute;
    left: 0;
    width: 100%;
    text-align: center
}

.fa-stack-1x {
    line-height: inherit
}

.fa-stack-2x {
    font-size: 2em
}

.fa-inverse {
    color: #fff
}

.fa-glass:before {
    content: "\f000"
}

.fa-music:before {
    content: "\f001"
}

.fa-search:before {
    content: "\f002"
}

.fa-envelope-o:before {
    content: "\f003"
}

.fa-heart:before {
    content: "\f004"
}

.fa-star:before {
    content: "\f005"
}

.fa-star-o:before {
    content: "\f006"
}

.fa-user:before {
    content: "\f007"
}

.fa-film:before {
    content: "\f008"
}

.fa-th-large:before {
    content: "\f009"
}

.fa-th:before {
    content: "\f00a"
}

.fa-th-list:before {
    content: "\f00b"
}

.fa-check:before {
    content: "\f00c"
}

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

.fa-search-plus:before {
    content: "\f00e"
}

.fa-search-minus:before {
    content: "\f010"
}

.fa-power-off:before {
    content: "\f011"
}

.fa-signal:before {
    content: "\f012"
}

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

.fa-trash-o:before {
    content: "\f014"
}

.fa-home:before {
    content: "\f015"
}

.fa-file-o:before {
    content: "\f016"
}

.fa-clock-o:before {
    content: "\f017"
}

.fa-road:before {
    content: "\f018"
}

.fa-download:before {
    content: "\f019"
}

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

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

.fa-inbox:before {
    content: "\f01c"
}

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

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

.fa-refresh:before {
    content: "\f021"
}

.fa-list-alt:before {
    content: "\f022"
}

.fa-lock:before {
    content: "\f023"
}

.fa-flag:before {
    content: "\f024"
}

.fa-headphones:before {
    content: "\f025"
}

.fa-volume-off:before {
    content: "\f026"
}

.fa-volume-down:before {
    content: "\f027"
}

.fa-volume-up:before {
    content: "\f028"
}

.fa-qrcode:before {
    content: "\f029"
}

.fa-barcode:before {
    content: "\f02a"
}

.fa-tag:before {
    content: "\f02b"
}

.fa-tags:before {
    content: "\f02c"
}

.fa-book:before {
    content: "\f02d"
}

.fa-bookmark:before {
    content: "\f02e"
}

.fa-print:before {
    content: "\f02f"
}

.fa-camera:before {
    content: "\f030"
}

.fa-font:before {
    content: "\f031"
}

.fa-bold:before {
    content: "\f032"
}

.fa-italic:before {
    content: "\f033"
}

.fa-text-height:before {
    content: "\f034"
}

.fa-text-width:before {
    content: "\f035"
}

.fa-align-left:before {
    content: "\f036"
}

.fa-align-center:before {
    content: "\f037"
}

.fa-align-right:before {
    content: "\f038"
}

.fa-align-justify:before {
    content: "\f039"
}

.fa-list:before {
    content: "\f03a"
}

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

.fa-indent:before {
    content: "\f03c"
}

.fa-video-camera:before {
    content: "\f03d"
}

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

.fa-pencil:before {
    content: "\f040"
}

.fa-map-marker:before {
    content: "\f041"
}

.fa-adjust:before {
    content: "\f042"
}

.fa-tint:before {
    content: "\f043"
}

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

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

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

.fa-arrows:before {
    content: "\f047"
}

.fa-step-backward:before {
    content: "\f048"
}

.fa-fast-backward:before {
    content: "\f049"
}

.fa-backward:before {
    content: "\f04a"
}

.fa-play:before {
    content: "\f04b"
}

.fa-pause:before {
    content: "\f04c"
}

.fa-stop:before {
    content: "\f04d"
}

.fa-forward:before {
    content: "\f04e"
}

.fa-fast-forward:before {
    content: "\f050"
}

.fa-step-forward:before {
    content: "\f051"
}

.fa-eject:before {
    content: "\f052"
}

.fa-chevron-left:before {
    content: "\f053"
}

.fa-chevron-right:before {
    content: "\f054"
}

.fa-plus-circle:before {
    content: "\f055"
}

.fa-minus-circle:before {
    content: "\f056"
}

.fa-times-circle:before {
    content: "\f057"
}

.fa-check-circle:before {
    content: "\f058"
}

.fa-question-circle:before {
    content: "\f059"
}

.fa-info-circle:before {
    content: "\f05a"
}

.fa-crosshairs:before {
    content: "\f05b"
}

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

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

.fa-ban:before {
    content: "\f05e"
}

.fa-arrow-left:before {
    content: "\f060"
}

.fa-arrow-right:before {
    content: "\f061"
}

.fa-arrow-up:before {
    content: "\f062"
}

.fa-arrow-down:before {
    content: "\f063"
}

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

.fa-expand:before {
    content: "\f065"
}

.fa-compress:before {
    content: "\f066"
}

.fa-plus:before {
    content: "\f067"
}

.fa-minus:before {
    content: "\f068"
}

.fa-asterisk:before {
    content: "\f069"
}

.fa-exclamation-circle:before {
    content: "\f06a"
}

.fa-gift:before {
    content: "\f06b"
}

.fa-leaf:before {
    content: "\f06c"
}

.fa-fire:before {
    content: "\f06d"
}

.fa-eye:before {
    content: "\f06e"
}

.fa-eye-slash:before {
    content: "\f070"
}

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

.fa-plane:before {
    content: "\f072"
}

.fa-calendar:before {
    content: "\f073"
}

.fa-random:before {
    content: "\f074"
}

.fa-comment:before {
    content: "\f075"
}

.fa-magnet:before {
    content: "\f076"
}

.fa-chevron-up:before {
    content: "\f077"
}

.fa-chevron-down:before {
    content: "\f078"
}

.fa-retweet:before {
    content: "\f079"
}

.fa-shopping-cart:before {
    content: "\f07a"
}

.fa-folder:before {
    content: "\f07b"
}

.fa-folder-open:before {
    content: "\f07c"
}

.fa-arrows-v:before {
    content: "\f07d"
}

.fa-arrows-h:before {
    content: "\f07e"
}

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

.fa-twitter-square:before {
    content: "\f081"
}

.fa-facebook-square:before {
    content: "\f082"
}

.fa-camera-retro:before {
    content: "\f083"
}

.fa-key:before {
    content: "\f084"
}

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

.fa-comments:before {
    content: "\f086"
}

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

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

.fa-star-half:before {
    content: "\f089"
}

.fa-heart-o:before {
    content: "\f08a"
}

.fa-sign-out:before {
    content: "\f08b"
}

.fa-linkedin-square:before {
    content: "\f08c"
}

.fa-thumb-tack:before {
    content: "\f08d"
}

.fa-external-link:before {
    content: "\f08e"
}

.fa-sign-in:before {
    content: "\f090"
}

.fa-trophy:before {
    content: "\f091"
}

.fa-github-square:before {
    content: "\f092"
}

.fa-upload:before {
    content: "\f093"
}

.fa-lemon-o:before {
    content: "\f094"
}

.fa-phone:before {
    content: "\f095"
}

.fa-square-o:before {
    content: "\f096"
}

.fa-bookmark-o:before {
    content: "\f097"
}

.fa-phone-square:before {
    content: "\f098"
}

.fa-twitter:before {
    content: "\f099"
}

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

.fa-github:before {
    content: "\f09b"
}

.fa-unlock:before {
    content: "\f09c"
}

.fa-credit-card:before {
    content: "\f09d"
}

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

.fa-hdd-o:before {
    content: "\f0a0"
}

.fa-bullhorn:before {
    content: "\f0a1"
}

.fa-bell:before {
    content: "\f0f3"
}

.fa-certificate:before {
    content: "\f0a3"
}

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

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

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

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

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

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

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

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

.fa-globe:before {
    content: "\f0ac"
}

.fa-wrench:before {
    content: "\f0ad"
}

.fa-tasks:before {
    content: "\f0ae"
}

.fa-filter:before {
    content: "\f0b0"
}

.fa-briefcase:before {
    content: "\f0b1"
}

.fa-arrows-alt:before {
    content: "\f0b2"
}

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

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

.fa-cloud:before {
    content: "\f0c2"
}

.fa-flask:before {
    content: "\f0c3"
}

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

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

.fa-paperclip:before {
    content: "\f0c6"
}

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

.fa-square:before {
    content: "\f0c8"
}

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

.fa-list-ul:before {
    content: "\f0ca"
}

.fa-list-ol:before {
    content: "\f0cb"
}

.fa-strikethrough:before {
    content: "\f0cc"
}

.fa-underline:before {
    content: "\f0cd"
}

.fa-table:before {
    content: "\f0ce"
}

.fa-magic:before {
    content: "\f0d0"
}

.fa-truck:before {
    content: "\f0d1"
}

.fa-pinterest:before {
    content: "\f0d2"
}

.fa-pinterest-square:before {
    content: "\f0d3"
}

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

.fa-google-plus:before {
    content: "\f0d5"
}

.fa-money:before {
    content: "\f0d6"
}

.fa-caret-down:before {
    content: "\f0d7"
}

.fa-caret-up:before {
    content: "\f0d8"
}

.fa-caret-left:before {
    content: "\f0d9"
}

.fa-caret-right:before {
    content: "\f0da"
}

.fa-columns:before {
    content: "\f0db"
}

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

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

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

.fa-envelope:before {
    content: "\f0e0"
}

.fa-linkedin:before {
    content: "\f0e1"
}

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

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

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

.fa-comment-o:before {
    content: "\f0e5"
}

.fa-comments-o:before {
    content: "\f0e6"
}

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

.fa-sitemap:before {
    content: "\f0e8"
}

.fa-umbrella:before {
    content: "\f0e9"
}

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

.fa-lightbulb-o:before {
    content: "\f0eb"
}

.fa-exchange:before {
    content: "\f0ec"
}

.fa-cloud-download:before {
    content: "\f0ed"
}

.fa-cloud-upload:before {
    content: "\f0ee"
}

.fa-user-md:before {
    content: "\f0f0"
}

.fa-stethoscope:before {
    content: "\f0f1"
}

.fa-suitcase:before {
    content: "\f0f2"
}

.fa-bell-o:before {
    content: "\f0a2"
}

.fa-coffee:before {
    content: "\f0f4"
}

.fa-cutlery:before {
    content: "\f0f5"
}

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

.fa-building-o:before {
    content: "\f0f7"
}

.fa-hospital-o:before {
    content: "\f0f8"
}

.fa-ambulance:before {
    content: "\f0f9"
}

.fa-medkit:before {
    content: "\f0fa"
}

.fa-fighter-jet:before {
    content: "\f0fb"
}

.fa-beer:before {
    content: "\f0fc"
}

.fa-h-square:before {
    content: "\f0fd"
}

.fa-plus-square:before {
    content: "\f0fe"
}

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

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

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

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

.fa-angle-left:before {
    content: "\f104"
}

.fa-angle-right:before {
    content: "\f105"
}

.fa-angle-up:before {
    content: "\f106"
}

.fa-angle-down:before {
    content: "\f107"
}

.fa-desktop:before {
    content: "\f108"
}

.fa-laptop:before {
    content: "\f109"
}

.fa-tablet:before {
    content: "\f10a"
}

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

.fa-circle-o:before {
    content: "\f10c"
}

.fa-quote-left:before {
    content: "\f10d"
}

.fa-quote-right:before {
    content: "\f10e"
}

.fa-spinner:before {
    content: "\f110"
}

.fa-circle:before {
    content: "\f111"
}

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

.fa-github-alt:before {
    content: "\f113"
}

.fa-folder-o:before {
    content: "\f114"
}

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

.fa-smile-o:before {
    content: "\f118"
}

.fa-frown-o:before {
    content: "\f119"
}

.fa-meh-o:before {
    content: "\f11a"
}

.fa-gamepad:before {
    content: "\f11b"
}

.fa-keyboard-o:before {
    content: "\f11c"
}

.fa-flag-o:before {
    content: "\f11d"
}

.fa-flag-checkered:before {
    content: "\f11e"
}

.fa-terminal:before {
    content: "\f120"
}

.fa-code:before {
    content: "\f121"
}

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

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

.fa-location-arrow:before {
    content: "\f124"
}

.fa-crop:before {
    content: "\f125"
}

.fa-code-fork:before {
    content: "\f126"
}

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

.fa-question:before {
    content: "\f128"
}

.fa-info:before {
    content: "\f129"
}

.fa-exclamation:before {
    content: "\f12a"
}

.fa-superscript:before {
    content: "\f12b"
}

.fa-subscript:before {
    content: "\f12c"
}

.fa-eraser:before {
    content: "\f12d"
}

.fa-puzzle-piece:before {
    content: "\f12e"
}

.fa-microphone:before {
    content: "\f130"
}

.fa-microphone-slash:before {
    content: "\f131"
}

.fa-shield:before {
    content: "\f132"
}

.fa-calendar-o:before {
    content: "\f133"
}

.fa-fire-extinguisher:before {
    content: "\f134"
}

.fa-rocket:before {
    content: "\f135"
}

.fa-maxcdn:before {
    content: "\f136"
}

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

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

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

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

.fa-html5:before {
    content: "\f13b"
}

.fa-css3:before {
    content: "\f13c"
}

.fa-anchor:before {
    content: "\f13d"
}

.fa-unlock-alt:before {
    content: "\f13e"
}

.fa-bullseye:before {
    content: "\f140"
}

.fa-ellipsis-h:before {
    content: "\f141"
}

.fa-ellipsis-v:before {
    content: "\f142"
}

.fa-rss-square:before {
    content: "\f143"
}

.fa-play-circle:before {
    content: "\f144"
}

.fa-ticket:before {
    content: "\f145"
}

.fa-minus-square:before {
    content: "\f146"
}

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

.fa-level-up:before {
    content: "\f148"
}

.fa-level-down:before {
    content: "\f149"
}

.fa-check-square:before {
    content: "\f14a"
}

.fa-pencil-square:before {
    content: "\f14b"
}

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

.fa-share-square:before {
    content: "\f14d"
}

.fa-compass:before {
    content: "\f14e"
}

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

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

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

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

.fa-gbp:before {
    content: "\f154"
}

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

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

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

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

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

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

.fa-file:before {
    content: "\f15b"
}

.fa-file-text:before {
    content: "\f15c"
}

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

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

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

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

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

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

.fa-thumbs-up:before {
    content: "\f164"
}

.fa-thumbs-down:before {
    content: "\f165"
}

.fa-youtube-square:before {
    content: "\f166"
}

.fa-youtube:before {
    content: "\f167"
}

.fa-xing:before {
    content: "\f168"
}

.fa-xing-square:before {
    content: "\f169"
}

.fa-youtube-play:before {
    content: "\f16a"
}

.fa-dropbox:before {
    content: "\f16b"
}

.fa-stack-overflow:before {
    content: "\f16c"
}

.fa-instagram:before {
    content: "\f16d"
}

.fa-flickr:before {
    content: "\f16e"
}

.fa-adn:before {
    content: "\f170"
}

.fa-bitbucket:before {
    content: "\f171"
}

.fa-bitbucket-square:before {
    content: "\f172"
}

.fa-tumblr:before {
    content: "\f173"
}

.fa-tumblr-square:before {
    content: "\f174"
}

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

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

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

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

.fa-apple:before {
    content: "\f179"
}

.fa-windows:before {
    content: "\f17a"
}

.fa-android:before {
    content: "\f17b"
}

.fa-linux:before {
    content: "\f17c"
}

.fa-dribbble:before {
    content: "\f17d"
}

.fa-skype:before {
    content: "\f17e"
}

.fa-foursquare:before {
    content: "\f180"
}

.fa-trello:before {
    content: "\f181"
}

.fa-female:before {
    content: "\f182"
}

.fa-male:before {
    content: "\f183"
}

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

.fa-sun-o:before {
    content: "\f185"
}

.fa-moon-o:before {
    content: "\f186"
}

.fa-archive:before {
    content: "\f187"
}

.fa-bug:before {
    content: "\f188"
}

.fa-vk:before {
    content: "\f189"
}

.fa-weibo:before {
    content: "\f18a"
}

.fa-renren:before {
    content: "\f18b"
}

.fa-pagelines:before {
    content: "\f18c"
}

.fa-stack-exchange:before {
    content: "\f18d"
}

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

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

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

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

.fa-wheelchair:before {
    content: "\f193"
}

.fa-vimeo-square:before {
    content: "\f194"
}

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

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

.fa-space-shuttle:before {
    content: "\f197"
}

.fa-slack:before {
    content: "\f198"
}

.fa-envelope-square:before {
    content: "\f199"
}

.fa-wordpress:before {
    content: "\f19a"
}

.fa-openid:before {
    content: "\f19b"
}

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

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

.fa-yahoo:before {
    content: "\f19e"
}

.fa-google:before {
    content: "\f1a0"
}

.fa-reddit:before {
    content: "\f1a1"
}

.fa-reddit-square:before {
    content: "\f1a2"
}

.fa-stumbleupon-circle:before {
    content: "\f1a3"
}

.fa-stumbleupon:before {
    content: "\f1a4"
}

.fa-delicious:before {
    content: "\f1a5"
}

.fa-digg:before {
    content: "\f1a6"
}

.fa-pied-piper:before {
    content: "\f1a7"
}

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

.fa-drupal:before {
    content: "\f1a9"
}

.fa-joomla:before {
    content: "\f1aa"
}

.fa-language:before {
    content: "\f1ab"
}

.fa-fax:before {
    content: "\f1ac"
}

.fa-building:before {
    content: "\f1ad"
}

.fa-child:before {
    content: "\f1ae"
}

.fa-paw:before {
    content: "\f1b0"
}

.fa-spoon:before {
    content: "\f1b1"
}

.fa-cube:before {
    content: "\f1b2"
}

.fa-cubes:before {
    content: "\f1b3"
}

.fa-behance:before {
    content: "\f1b4"
}

.fa-behance-square:before {
    content: "\f1b5"
}

.fa-steam:before {
    content: "\f1b6"
}

.fa-steam-square:before {
    content: "\f1b7"
}

.fa-recycle:before {
    content: "\f1b8"
}

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

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

.fa-tree:before {
    content: "\f1bb"
}

.fa-spotify:before {
    content: "\f1bc"
}

.fa-deviantart:before {
    content: "\f1bd"
}

.fa-soundcloud:before {
    content: "\f1be"
}

.fa-database:before {
    content: "\f1c0"
}

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

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

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

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

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

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

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

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

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

.fa-vine:before {
    content: "\f1ca"
}

.fa-codepen:before {
    content: "\f1cb"
}

.fa-jsfiddle:before {
    content: "\f1cc"
}

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

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

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

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

.fa-git-square:before {
    content: "\f1d2"
}

.fa-git:before {
    content: "\f1d3"
}

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

.fa-tencent-weibo:before {
    content: "\f1d5"
}

.fa-qq:before {
    content: "\f1d6"
}

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

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

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

.fa-history:before {
    content: "\f1da"
}

.fa-circle-thin:before {
    content: "\f1db"
}

.fa-header:before {
    content: "\f1dc"
}

.fa-paragraph:before {
    content: "\f1dd"
}

.fa-sliders:before {
    content: "\f1de"
}

.fa-share-alt:before {
    content: "\f1e0"
}

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

.fa-bomb:before {
    content: "\f1e2"
}

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

.fa-tty:before {
    content: "\f1e4"
}

.fa-binoculars:before {
    content: "\f1e5"
}

.fa-plug:before {
    content: "\f1e6"
}

.fa-slideshare:before {
    content: "\f1e7"
}

.fa-twitch:before {
    content: "\f1e8"
}

.fa-yelp:before {
    content: "\f1e9"
}

.fa-newspaper-o:before {
    content: "\f1ea"
}

.fa-wifi:before {
    content: "\f1eb"
}

.fa-calculator:before {
    content: "\f1ec"
}

.fa-paypal:before {
    content: "\f1ed"
}

.fa-google-wallet:before {
    content: "\f1ee"
}

.fa-cc-visa:before {
    content: "\f1f0"
}

.fa-cc-mastercard:before {
    content: "\f1f1"
}

.fa-cc-discover:before {
    content: "\f1f2"
}

.fa-cc-amex:before {
    content: "\f1f3"
}

.fa-cc-paypal:before {
    content: "\f1f4"
}

.fa-cc-stripe:before {
    content: "\f1f5"
}

.fa-bell-slash:before {
    content: "\f1f6"
}

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

.fa-trash:before {
    content: "\f1f8"
}

.fa-copyright:before {
    content: "\f1f9"
}

.fa-at:before {
    content: "\f1fa"
}

.fa-eyedropper:before {
    content: "\f1fb"
}

.fa-paint-brush:before {
    content: "\f1fc"
}

.fa-birthday-cake:before {
    content: "\f1fd"
}

.fa-area-chart:before {
    content: "\f1fe"
}

.fa-pie-chart:before {
    content: "\f200"
}

.fa-line-chart:before {
    content: "\f201"
}

.fa-lastfm:before {
    content: "\f202"
}

.fa-lastfm-square:before {
    content: "\f203"
}

.fa-toggle-off:before {
    content: "\f204"
}

.fa-toggle-on:before {
    content: "\f205"
}

.fa-bicycle:before {
    content: "\f206"
}

.fa-bus:before {
    content: "\f207"
}

.fa-ioxhost:before {
    content: "\f208"
}

.fa-angellist:before {
    content: "\f209"
}

.fa-cc:before {
    content: "\f20a"
}

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

.fa-meanpath:before {
    content: "\f20c"
}

.fa-buysellads:before {
    content: "\f20d"
}

.fa-connectdevelop:before {
    content: "\f20e"
}

.fa-dashcube:before {
    content: "\f210"
}

.fa-forumbee:before {
    content: "\f211"
}

.fa-leanpub:before {
    content: "\f212"
}

.fa-sellsy:before {
    content: "\f213"
}

.fa-shirtsinbulk:before {
    content: "\f214"
}

.fa-simplybuilt:before {
    content: "\f215"
}

.fa-skyatlas:before {
    content: "\f216"
}

.fa-cart-plus:before {
    content: "\f217"
}

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

.fa-diamond:before {
    content: "\f219"
}

.fa-ship:before {
    content: "\f21a"
}

.fa-user-secret:before {
    content: "\f21b"
}

.fa-motorcycle:before {
    content: "\f21c"
}

.fa-street-view:before {
    content: "\f21d"
}

.fa-heartbeat:before {
    content: "\f21e"
}

.fa-venus:before {
    content: "\f221"
}

.fa-mars:before {
    content: "\f222"
}

.fa-mercury:before {
    content: "\f223"
}

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

.fa-transgender-alt:before {
    content: "\f225"
}

.fa-venus-double:before {
    content: "\f226"
}

.fa-mars-double:before {
    content: "\f227"
}

.fa-venus-mars:before {
    content: "\f228"
}

.fa-mars-stroke:before {
    content: "\f229"
}

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

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

.fa-neuter:before {
    content: "\f22c"
}

.fa-genderless:before {
    content: "\f22d"
}

.fa-facebook-official:before {
    content: "\f230"
}

.fa-pinterest-p:before {
    content: "\f231"
}

.fa-whatsapp:before {
    content: "\f232"
}

.fa-server:before {
    content: "\f233"
}

.fa-user-plus:before {
    content: "\f234"
}

.fa-user-times:before {
    content: "\f235"
}

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

.fa-viacoin:before {
    content: "\f237"
}

.fa-train:before {
    content: "\f238"
}

.fa-subway:before {
    content: "\f239"
}

.fa-medium:before {
    content: "\f23a"
}

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

.fa-optin-monster:before {
    content: "\f23c"
}

.fa-opencart:before {
    content: "\f23d"
}

.fa-expeditedssl:before {
    content: "\f23e"
}

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

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

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

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

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

.fa-mouse-pointer:before {
    content: "\f245"
}

.fa-i-cursor:before {
    content: "\f246"
}

.fa-object-group:before {
    content: "\f247"
}

.fa-object-ungroup:before {
    content: "\f248"
}

.fa-sticky-note:before {
    content: "\f249"
}

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

.fa-cc-jcb:before {
    content: "\f24b"
}

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

.fa-clone:before {
    content: "\f24d"
}

.fa-balance-scale:before {
    content: "\f24e"
}

.fa-hourglass-o:before {
    content: "\f250"
}

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

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

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

.fa-hourglass:before {
    content: "\f254"
}

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

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

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

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

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

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

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

.fa-trademark:before {
    content: "\f25c"
}

.fa-registered:before {
    content: "\f25d"
}

.fa-creative-commons:before {
    content: "\f25e"
}

.fa-gg:before {
    content: "\f260"
}

.fa-gg-circle:before {
    content: "\f261"
}

.fa-tripadvisor:before {
    content: "\f262"
}

.fa-odnoklassniki:before {
    content: "\f263"
}

.fa-odnoklassniki-square:before {
    content: "\f264"
}

.fa-get-pocket:before {
    content: "\f265"
}

.fa-wikipedia-w:before {
    content: "\f266"
}

.fa-safari:before {
    content: "\f267"
}

.fa-chrome:before {
    content: "\f268"
}

.fa-firefox:before {
    content: "\f269"
}

.fa-opera:before {
    content: "\f26a"
}

.fa-internet-explorer:before {
    content: "\f26b"
}

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

.fa-contao:before {
    content: "\f26d"
}

.fa-500px:before {
    content: "\f26e"
}

.fa-amazon:before {
    content: "\f270"
}

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

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

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

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

.fa-industry:before {
    content: "\f275"
}

.fa-map-pin:before {
    content: "\f276"
}

.fa-map-signs:before {
    content: "\f277"
}

.fa-map-o:before {
    content: "\f278"
}

.fa-map:before {
    content: "\f279"
}

.fa-commenting:before {
    content: "\f27a"
}

.fa-commenting-o:before {
    content: "\f27b"
}

.fa-houzz:before {
    content: "\f27c"
}

.fa-vimeo:before {
    content: "\f27d"
}

.fa-black-tie:before {
    content: "\f27e"
}

.fa-fonticons:before {
    content: "\f280"
}

.fa-reddit-alien:before {
    content: "\f281"
}

.fa-edge:before {
    content: "\f282"
}

.fa-credit-card-alt:before {
    content: "\f283"
}

.fa-codiepie:before {
    content: "\f284"
}

.fa-modx:before {
    content: "\f285"
}

.fa-fort-awesome:before {
    content: "\f286"
}

.fa-usb:before {
    content: "\f287"
}

.fa-product-hunt:before {
    content: "\f288"
}

.fa-mixcloud:before {
    content: "\f289"
}

.fa-scribd:before {
    content: "\f28a"
}

.fa-pause-circle:before {
    content: "\f28b"
}

.fa-pause-circle-o:before {
    content: "\f28c"
}

.fa-stop-circle:before {
    content: "\f28d"
}

.fa-stop-circle-o:before {
    content: "\f28e"
}

.fa-shopping-bag:before {
    content: "\f290"
}

.fa-shopping-basket:before {
    content: "\f291"
}

.fa-hashtag:before {
    content: "\f292"
}

.fa-bluetooth:before {
    content: "\f293"
}

.fa-bluetooth-b:before {
    content: "\f294"
}

.fa-percent:before {
    content: "\f295"
}

@charset "UTF-8";
.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    opacity: 1
}

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

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

.not-animated {
    opacity: 0
}

@-webkit-keyframes bounce {
    0%, 20%, 53%, 80%, 100% {
        -webkit-transition-timing-function: cubic-bezier(0.215, .61, .355, 1);
        transition-timing-function: cubic-bezier(0.215, .61, .355, 1);
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    40%, 43% {
        -webkit-transition-timing-function: cubic-bezier(0.755, .05, .855, .06);
        transition-timing-function: cubic-bezier(0.755, .05, .855, .06);
        -webkit-transform: translate3d(0, -30px, 0);
        transform: translate3d(0, -30px, 0)
    }
    70% {
        -webkit-transition-timing-function: cubic-bezier(0.755, .05, .855, .06);
        transition-timing-function: cubic-bezier(0.755, .05, .855, .06);
        -webkit-transform: translate3d(0, -15px, 0);
        transform: translate3d(0, -15px, 0)
    }
    90% {
        -webkit-transform: translate3d(0, -4px, 0);
        transform: translate3d(0, -4px, 0)
    }
}

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

@-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: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
    50% {
        -webkit-transform: scale3d(1.05, 1.05, 1.05);
        transform: scale3d(1.05, 1.05, 1.05)
    }
    100% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}

@keyframes pulse {
    0% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
    50% {
        -webkit-transform: scale3d(1.05, 1.05, 1.05);
        transform: scale3d(1.05, 1.05, 1.05)
    }
    100% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}

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

@-webkit-keyframes rubberBand {
    0% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
    30% {
        -webkit-transform: scale3d(1.25, .75, 1);
        transform: scale3d(1.25, .75, 1)
    }
    40% {
        -webkit-transform: scale3d(0.75, 1.25, 1);
        transform: scale3d(0.75, 1.25, 1)
    }
    50% {
        -webkit-transform: scale3d(1.15, .85, 1);
        transform: scale3d(1.15, .85, 1)
    }
    65% {
        -webkit-transform: scale3d(0.95, 1.05, 1);
        transform: scale3d(0.95, 1.05, 1)
    }
    75% {
        -webkit-transform: scale3d(1.05, .95, 1);
        transform: scale3d(1.05, .95, 1)
    }
    100% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}

@keyframes rubberBand {
    0% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
    30% {
        -webkit-transform: scale3d(1.25, .75, 1);
        transform: scale3d(1.25, .75, 1)
    }
    40% {
        -webkit-transform: scale3d(0.75, 1.25, 1);
        transform: scale3d(0.75, 1.25, 1)
    }
    50% {
        -webkit-transform: scale3d(1.15, .85, 1);
        transform: scale3d(1.15, .85, 1)
    }
    65% {
        -webkit-transform: scale3d(0.95, 1.05, 1);
        transform: scale3d(0.95, 1.05, 1)
    }
    75% {
        -webkit-transform: scale3d(1.05, .95, 1);
        transform: scale3d(1.05, .95, 1)
    }
    100% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}

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

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

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

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

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

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

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

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

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

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

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

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

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

@-webkit-keyframes bounceIn {
    0%, 20%, 40%, 60%, 80%, 100% {
        -webkit-transition-timing-function: cubic-bezier(0.215, .61, .355, 1);
        transition-timing-function: cubic-bezier(0.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, .3, .3);
        transform: scale3d(0.3, .3, .3)
    }
    20% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }
    40% {
        -webkit-transform: scale3d(0.9, .9, .9);
        transform: scale3d(0.9, .9, .9)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03, 1.03, 1.03);
        transform: scale3d(1.03, 1.03, 1.03)
    }
    80% {
        -webkit-transform: scale3d(0.97, .97, .97);
        transform: scale3d(0.97, .97, .97)
    }
    100% {
        opacity: 1;
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}

@keyframes bounceIn {
    0%, 20%, 40%, 60%, 80%, 100% {
        -webkit-transition-timing-function: cubic-bezier(0.215, .61, .355, 1);
        transition-timing-function: cubic-bezier(0.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, .3, .3);
        transform: scale3d(0.3, .3, .3)
    }
    20% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }
    40% {
        -webkit-transform: scale3d(0.9, .9, .9);
        transform: scale3d(0.9, .9, .9)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03, 1.03, 1.03);
        transform: scale3d(1.03, 1.03, 1.03)
    }
    80% {
        -webkit-transform: scale3d(0.97, .97, .97);
        transform: scale3d(0.97, .97, .97)
    }
    100% {
        opacity: 1;
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}

.bounceIn {
    -webkit-animation-name: bounceIn;
    animation-name: bounceIn;
    -webkit-animation-duration: .75s;
    animation-duration: .75s
}

@-webkit-keyframes bounceInDown {
    0%, 60%, 75%, 90%, 100% {
        -webkit-transition-timing-function: cubic-bezier(0.215, .61, .355, 1);
        transition-timing-function: cubic-bezier(0.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -3000px, 0);
        transform: translate3d(0, -3000px, 0)
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, 25px, 0);
        transform: translate3d(0, 25px, 0)
    }
    75% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0)
    }
    90% {
        -webkit-transform: translate3d(0, 5px, 0);
        transform: translate3d(0, 5px, 0)
    }
    100% {
        -webkit-transform: none;
        transform: none
    }
}

@keyframes bounceInDown {
    0%, 60%, 75%, 90%, 100% {
        -webkit-transition-timing-function: cubic-bezier(0.215, .61, .355, 1);
        transition-timing-function: cubic-bezier(0.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -3000px, 0);
        transform: translate3d(0, -3000px, 0)
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, 25px, 0);
        transform: translate3d(0, 25px, 0)
    }
    75% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0)
    }
    90% {
        -webkit-transform: translate3d(0, 5px, 0);
        transform: translate3d(0, 5px, 0)
    }
    100% {
        -webkit-transform: none;
        transform: none
    }
}

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

@-webkit-keyframes bounceInLeft {
    0%, 60%, 75%, 90%, 100% {
        -webkit-transition-timing-function: cubic-bezier(0.215, .61, .355, 1);
        transition-timing-function: cubic-bezier(0.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-3000px, 0, 0);
        transform: translate3d(-3000px, 0, 0)
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(25px, 0, 0);
        transform: translate3d(25px, 0, 0)
    }
    75% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0)
    }
    90% {
        -webkit-transform: translate3d(5px, 0, 0);
        transform: translate3d(5px, 0, 0)
    }
    100% {
        -webkit-transform: none;
        transform: none
    }
}

@keyframes bounceInLeft {
    0%, 60%, 75%, 90%, 100% {
        -webkit-transition-timing-function: cubic-bezier(0.215, .61, .355, 1);
        transition-timing-function: cubic-bezier(0.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-3000px, 0, 0);
        transform: translate3d(-3000px, 0, 0)
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(25px, 0, 0);
        transform: translate3d(25px, 0, 0)
    }
    75% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0)
    }
    90% {
        -webkit-transform: translate3d(5px, 0, 0);
        transform: translate3d(5px, 0, 0)
    }
    100% {
        -webkit-transform: none;
        transform: none
    }
}

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

@-webkit-keyframes bounceInRight {
    0%, 60%, 75%, 90%, 100% {
        -webkit-transition-timing-function: cubic-bezier(0.215, .61, .355, 1);
        transition-timing-function: cubic-bezier(0.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(3000px, 0, 0);
        transform: translate3d(3000px, 0, 0)
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(-25px, 0, 0);
        transform: translate3d(-25px, 0, 0)
    }
    75% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0)
    }
    90% {
        -webkit-transform: translate3d(-5px, 0, 0);
        transform: translate3d(-5px, 0, 0)
    }
    100% {
        -webkit-transform: none;
        transform: none
    }
}

@keyframes bounceInRight {
    0%, 60%, 75%, 90%, 100% {
        -webkit-transition-timing-function: cubic-bezier(0.215, .61, .355, 1);
        transition-timing-function: cubic-bezier(0.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(3000px, 0, 0);
        transform: translate3d(3000px, 0, 0)
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(-25px, 0, 0);
        transform: translate3d(-25px, 0, 0)
    }
    75% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0)
    }
    90% {
        -webkit-transform: translate3d(-5px, 0, 0);
        transform: translate3d(-5px, 0, 0)
    }
    100% {
        -webkit-transform: none;
        transform: none
    }
}

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

@-webkit-keyframes bounceInUp {
    0%, 60%, 75%, 90%, 100% {
        -webkit-transition-timing-function: cubic-bezier(0.215, .61, .355, 1);
        transition-timing-function: cubic-bezier(0.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 3000px, 0);
        transform: translate3d(0, 3000px, 0)
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0)
    }
    75% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0)
    }
    90% {
        -webkit-transform: translate3d(0, -5px, 0);
        transform: translate3d(0, -5px, 0)
    }
    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes bounceInUp {
    0%, 60%, 75%, 90%, 100% {
        -webkit-transition-timing-function: cubic-bezier(0.215, .61, .355, 1);
        transition-timing-function: cubic-bezier(0.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 3000px, 0);
        transform: translate3d(0, 3000px, 0)
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0)
    }
    75% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0)
    }
    90% {
        -webkit-transform: translate3d(0, -5px, 0);
        transform: translate3d(0, -5px, 0)
    }
    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

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

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

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

.bounceOut {
    -webkit-animation-name: bounceOut;
    animation-name: bounceOut;
    -webkit-animation-duration: .75s;
    animation-duration: .75s
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@-webkit-keyframes flip {
    0% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
    40% {
        -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
        transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
    50% {
        -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
        transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    80% {
        -webkit-transform: perspective(400px) scale3d(0.95, .95, .95);
        transform: perspective(400px) scale3d(0.95, .95, .95);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    100% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
}

@keyframes flip {
    0% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
    40% {
        -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
        transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
    50% {
        -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
        transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    80% {
        -webkit-transform: perspective(400px) scale3d(0.95, .95, .95);
        transform: perspective(400px) scale3d(0.95, .95, .95);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    100% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
}

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

@-webkit-keyframes flipInX {
    0% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        -webkit-transition-timing-function: ease-in;
        transition-timing-function: ease-in;
        opacity: 0
    }
    40% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        -webkit-transition-timing-function: ease-in;
        transition-timing-function: ease-in
    }
    60% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        opacity: 1
    }
    80% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -5deg)
    }
    100% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

@keyframes flipInX {
    0% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        -webkit-transition-timing-function: ease-in;
        transition-timing-function: ease-in;
        opacity: 0
    }
    40% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        -webkit-transition-timing-function: ease-in;
        transition-timing-function: ease-in
    }
    60% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        opacity: 1
    }
    80% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -5deg)
    }
    100% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

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

@-webkit-keyframes flipInY {
    0% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        -webkit-transition-timing-function: ease-in;
        transition-timing-function: ease-in;
        opacity: 0
    }
    40% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        -webkit-transition-timing-function: ease-in;
        transition-timing-function: ease-in
    }
    60% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        opacity: 1
    }
    80% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -5deg)
    }
    100% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

@keyframes flipInY {
    0% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        -webkit-transition-timing-function: ease-in;
        transition-timing-function: ease-in;
        opacity: 0
    }
    40% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        -webkit-transition-timing-function: ease-in;
        transition-timing-function: ease-in
    }
    60% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        opacity: 1
    }
    80% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -5deg)
    }
    100% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

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

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

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

.flipOutX {
    -webkit-animation-name: flipOutX;
    animation-name: flipOutX;
    -webkit-animation-duration: .75s;
    animation-duration: .75s;
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important
}

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

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

.flipOutY {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipOutY;
    animation-name: flipOutY;
    -webkit-animation-duration: .75s;
    animation-duration: .75s
}

@-webkit-keyframes lightSpeedIn {
    0% {
        -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
        transform: translate3d(100%, 0, 0) skewX(-30deg);
        opacity: 0
    }
    60% {
        -webkit-transform: skewX(20deg);
        transform: skewX(20deg);
        opacity: 1
    }
    80% {
        -webkit-transform: skewX(-5deg);
        transform: skewX(-5deg);
        opacity: 1
    }
    100% {
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

@keyframes lightSpeedIn {
    0% {
        -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
        transform: translate3d(100%, 0, 0) skewX(-30deg);
        opacity: 0
    }
    60% {
        -webkit-transform: skewX(20deg);
        transform: skewX(20deg);
        opacity: 1
    }
    80% {
        -webkit-transform: skewX(-5deg);
        transform: skewX(-5deg);
        opacity: 1
    }
    100% {
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@-webkit-keyframes hinge {
    0% {
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }
    20%, 60% {
        -webkit-transform: rotate3d(0, 0, 1, 80deg);
        transform: rotate3d(0, 0, 1, 80deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }
    40%, 80% {
        -webkit-transform: rotate3d(0, 0, 1, 60deg);
        transform: rotate3d(0, 0, 1, 60deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        opacity: 1
    }
    100% {
        -webkit-transform: translate3d(0, 700px, 0);
        transform: translate3d(0, 700px, 0);
        opacity: 0
    }
}

@keyframes hinge {
    0% {
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }
    20%, 60% {
        -webkit-transform: rotate3d(0, 0, 1, 80deg);
        transform: rotate3d(0, 0, 1, 80deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }
    40%, 80% {
        -webkit-transform: rotate3d(0, 0, 1, 60deg);
        transform: rotate3d(0, 0, 1, 60deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        opacity: 1
    }
    100% {
        -webkit-transform: translate3d(0, 700px, 0);
        transform: translate3d(0, 700px, 0);
        opacity: 0
    }
}

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

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

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

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

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

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

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

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

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

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

@-webkit-keyframes zoomInDown {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.1, .1, .1) translate3d(0, -1000px, 0);
        transform: scale3d(0.1, .1, .1) translate3d(0, -1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(0.55, .055, .675, .19)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, .475, .475) translate3d(0, 60px, 0);
        transform: scale3d(0.475, .475, .475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(0.175, .885, .32, 1)
    }
}

@keyframes zoomInDown {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.1, .1, .1) translate3d(0, -1000px, 0);
        transform: scale3d(0.1, .1, .1) translate3d(0, -1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(0.55, .055, .675, .19)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, .475, .475) translate3d(0, 60px, 0);
        transform: scale3d(0.475, .475, .475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(0.175, .885, .32, 1)
    }
}

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

@-webkit-keyframes zoomInLeft {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.1, .1, .1) translate3d(-1000px, 0, 0);
        transform: scale3d(0.1, .1, .1) translate3d(-1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(0.55, .055, .675, .19)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, .475, .475) translate3d(10px, 0, 0);
        transform: scale3d(0.475, .475, .475) translate3d(10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(0.175, .885, .32, 1)
    }
}

@keyframes zoomInLeft {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.1, .1, .1) translate3d(-1000px, 0, 0);
        transform: scale3d(0.1, .1, .1) translate3d(-1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(0.55, .055, .675, .19)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, .475, .475) translate3d(10px, 0, 0);
        transform: scale3d(0.475, .475, .475) translate3d(10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(0.175, .885, .32, 1)
    }
}

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

@-webkit-keyframes zoomInRight {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.1, .1, .1) translate3d(1000px, 0, 0);
        transform: scale3d(0.1, .1, .1) translate3d(1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(0.55, .055, .675, .19)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, .475, .475) translate3d(-10px, 0, 0);
        transform: scale3d(0.475, .475, .475) translate3d(-10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(0.175, .885, .32, 1)
    }
}

@keyframes zoomInRight {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.1, .1, .1) translate3d(1000px, 0, 0);
        transform: scale3d(0.1, .1, .1) translate3d(1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(0.55, .055, .675, .19)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, .475, .475) translate3d(-10px, 0, 0);
        transform: scale3d(0.475, .475, .475) translate3d(-10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(0.175, .885, .32, 1)
    }
}

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

@-webkit-keyframes zoomInUp {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.1, .1, .1) translate3d(0, 1000px, 0);
        transform: scale3d(0.1, .1, .1) translate3d(0, 1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(0.55, .055, .675, .19)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, .475, .475) translate3d(0, -60px, 0);
        transform: scale3d(0.475, .475, .475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(0.175, .885, .32, 1)
    }
}

@keyframes zoomInUp {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.1, .1, .1) translate3d(0, 1000px, 0);
        transform: scale3d(0.1, .1, .1) translate3d(0, 1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(0.55, .055, .675, .19)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, .475, .475) translate3d(0, -60px, 0);
        transform: scale3d(0.475, .475, .475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(0.175, .885, .32, 1)
    }
}

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

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

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

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

@-webkit-keyframes zoomOutDown {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, .475, .475) translate3d(0, -60px, 0);
        transform: scale3d(0.475, .475, .475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(0.55, .055, .675, .19)
    }
    100% {
        opacity: 0;
        -webkit-transform: scale3d(0.1, .1, .1) translate3d(0, 2000px, 0);
        transform: scale3d(0.1, .1, .1) translate3d(0, 2000px, 0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(0.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(0.175, .885, .32, 1)
    }
}

@keyframes zoomOutDown {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, .475, .475) translate3d(0, -60px, 0);
        transform: scale3d(0.475, .475, .475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(0.55, .055, .675, .19)
    }
    100% {
        opacity: 0;
        -webkit-transform: scale3d(0.1, .1, .1) translate3d(0, 2000px, 0);
        transform: scale3d(0.1, .1, .1) translate3d(0, 2000px, 0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(0.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(0.175, .885, .32, 1)
    }
}

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

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

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

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

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

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

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

@-webkit-keyframes zoomOutUp {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, .475, .475) translate3d(0, 60px, 0);
        transform: scale3d(0.475, .475, .475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(0.55, .055, .675, .19)
    }
    100% {
        opacity: 0;
        -webkit-transform: scale3d(0.1, .1, .1) translate3d(0, -2000px, 0);
        transform: scale3d(0.1, .1, .1) translate3d(0, -2000px, 0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(0.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(0.175, .885, .32, 1)
    }
}

@keyframes zoomOutUp {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, .475, .475) translate3d(0, 60px, 0);
        transform: scale3d(0.475, .475, .475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(0.55, .055, .675, .19)
    }
    100% {
        opacity: 0;
        -webkit-transform: scale3d(0.1, .1, .1) translate3d(0, -2000px, 0);
        transform: scale3d(0.1, .1, .1) translate3d(0, -2000px, 0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(0.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(0.175, .885, .32, 1)
    }
}

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

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

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

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

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

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

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

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

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

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

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

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

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

@-webkit-keyframes slideOutDown {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    100% {
        visibility: hidden;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
}

@keyframes slideOutDown {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    100% {
        visibility: hidden;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
}

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

@-webkit-keyframes slideOutLeft {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    100% {
        visibility: hidden;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }
}

@keyframes slideOutLeft {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    100% {
        visibility: hidden;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }
}

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

@-webkit-keyframes slideOutRight {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    100% {
        visibility: hidden;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
}

@keyframes slideOutRight {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    100% {
        visibility: hidden;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
}

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

@-webkit-keyframes slideOutUp {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    100% {
        visibility: hidden;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
}

@keyframes slideOutUp {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    100% {
        visibility: hidden;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
}

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

.pull-left {
    float: left
}

.pull-none {
    float: none
}

.pull-right, .cart.actions.main button {
    float: right
}

@media (min-width: 480px) {
    .pull-xs-left {
        float: left
    }

    .pull-xs-none {
        float: none
    }

    .pull-xs-right {
        float: right
    }
}

@media (min-width: 768px) {
    .pull-sm-left {
        float: left
    }

    .pull-sm-none {
        float: none
    }

    .pull-sm-right {
        float: right
    }
}

@media (min-width: 992px) {
    .pull-md-left {
        float: left
    }

    .pull-md-none {
        float: none
    }

    .pull-md-right {
        float: right
    }
}

@media (min-width: 1200px) {
    .pull-lg-left {
        float: left
    }

    .pull-lg-none {
        float: none
    }

    .pull-lg-right {
        float: right
    }
}

.text-left, .cart-container .cart-summary .cart-totals {
    text-align: left
}

.text-center, .page-title, .section-title {
    text-align: center
}

.text-right {
    text-align: right
}

@media (min-width: 480px) {
    .text-xs-left {
        text-align: left
    }

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

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

@media (min-width: 768px) {
    .text-sm-left {
        text-align: left
    }

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

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

@media (min-width: 992px) {
    .text-md-left {
        text-align: left
    }

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

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

@media (min-width: 1200px) {
    .text-lg-left {
        text-align: left
    }

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

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

.italic {
    font-style: italic
}

.underline {
    text-decoration: underline
}

.strike {
    text-decoration: line-through
}

.thin {
    font-weight: 100
}

.light {
    font-weight: 300
}

.regular {
    font-weight: 400
}

.medium, .collapsible-block .opener::before {
    font-weight: 500
}

.sbold {
    font-weight: 600
}

.bold, .opc-estimated-wrapper .estimated-block span, strong {
    font-weight: 700
}

.ubold {
    font-weight: 900
}

.primary-color {
    color: #3883ff
}

.big-circle-icon {
    display: block;
    width: 122px;
    height: 122px;
    margin: 0 auto 1rem;
    border-radius: 50%;
    border: 2px solid #3883ff
}

.big-circle-icon:before {
    color: #3883ff;
    font-size: 66px;
    line-height: 122px;
    text-align: center;
    width: 100%
}

.medium-icon {
    margin: 0 auto 1rem
}

.medium-icon:before {
    font-size: 60px;
    line-height: 1em;
    color: #3883ff
}

.small-icon:before {
    font-size: 40px;
    line-height: inherit;
    color: #3883ff
}

h1, .heading-1 {
    font-size: 2rem
}

h2, .heading-2 {
    font-size: 1.5rem
}

h3, .heading-3, .block-title strong, .block__title strong, .sidebar .block .block-title, .collapsible-block .opener, .checkout-index-index .opc-wrapper .step-title, .opc-sidebar .opc-block-summary span.title {
    font-size: 1.875rem;
    line-height: 2.2rem
}

h4, .heading-4, .box-title, .cart-container .cart-summary .summary, .opc-block-shipping-information .shipping-information-title, .review-list .review-title, .review-add .review-legend {
    font-size: 1rem;
    font-weight: 600
}

h5, .heading-5 {
    font-size: .83rem
}

h6, .heading-6 {
    font-size: .67rem
}

h1, .heading-1 {
    margin-top: 1em;
    margin-bottom: .5em
}

h2, .heading-2 {
    margin-top: 1em;
    margin-bottom: .5em
}

h3, .heading-3, .block-title strong, .block__title strong, .sidebar .block .block-title, .collapsible-block .opener, .checkout-index-index .opc-wrapper .step-title, .opc-sidebar .opc-block-summary span.title {
    margin-top: 1em;
    margin-bottom: .5em
}

h4, .heading-4, .box-title, .cart-container .cart-summary .summary, .opc-block-shipping-information .shipping-information-title, .review-list .review-title, .review-add .review-legend {
    margin-top: 1em;
    margin-bottom: .5em
}

h5, .heading-5 {
    margin-top: 1em;
    margin-bottom: .5em
}

h6, .heading-6 {
    margin-top: 1em;
    margin-bottom: .5em
}

* {
    margin: 0
}

html, body {
    height: 100%
}

body {
    font-family: 'Tajawal', sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 1.7;
    text-align: left;
    -webkit-text-size-adjust: none;
    color: #888;
    background: #262626;
    min-width: 320px
}

@media (min-width: 768px) and (max-width: 991px) {
    body {
        font-size: 14px
    }
}

@media (min-width: 992px) {
    body {
        font-size: 16px
    }
}

a {
    color: #3883ff
}

a:hover {
    color: #262626
}

.page-wrapper {
    background: white;
    overflow: hidden
}

.page-wrapper:before, .page-wrapper:after {
    display: table;
    content: "";
    line-height: 0
}

.page-wrapper:after {
    clear: both
}

h1 a, .heading-1 a {
    color: #3883ff
}

h1 a:hover, .heading-1 a:hover {
    color: #262626
}

h2 a, .heading-2 a {
    color: #3883ff
}

h2 a:hover, .heading-2 a:hover {
    color: #262626
}

h3 a, .heading-3 a, .block-title strong a, .block__title strong a, .sidebar .block .block-title a, .collapsible-block .opener a, .checkout-index-index .opc-wrapper .step-title a, .opc-sidebar .opc-block-summary span.title a {
    color: #3883ff
}

h3 a:hover, .heading-3 a:hover, .block-title strong a:hover, .block__title strong a:hover, .sidebar .block .block-title a:hover, .collapsible-block .opener a:hover, .checkout-index-index .opc-wrapper .step-title a:hover, .opc-sidebar .opc-block-summary span.title a:hover {
    color: #262626
}

h4 a, .heading-4 a, .box-title a, .cart-container .cart-summary .summary a, .opc-block-shipping-information .shipping-information-title a, .review-list .review-title a, .review-add .review-legend a {
    color: #3883ff
}

h4 a:hover, .heading-4 a:hover, .box-title a:hover, .cart-container .cart-summary .summary a:hover, .opc-block-shipping-information .shipping-information-title a:hover, .review-list .review-title a:hover, .review-add .review-legend a:hover {
    color: #262626
}

h5 a, .heading-5 a {
    color: #3883ff
}

h5 a:hover, .heading-5 a:hover {
    color: #262626
}

h6 a, .heading-6 a {
    color: #3883ff
}

h6 a:hover, .heading-6 a:hover {
    color: #262626
}

p {
    margin-bottom: 1.1rem
}

p a, .list a, .contact-info a {
    color: #3883ff
}

p a:hover, .list a:hover, .contact-info a:hover {
    color: #262626
}

mark {
    color: #FFF;
    background: #3883ff
}

em {
    color: #3883ff
}

small, .small {
    font-size: .8em
}

.big {
    font-size: 1.2em
}

pre {
    white-space: normal
}

.page-title, .section-title {
    font-size: 1.875rem;
    font-weight: 500;
    line-height: 2.2rem;
    font-size: 1.875rem;
    font-weight: 500;
    line-height: 2.2rem;
    font-size: 1.875rem;
    font-weight: 500;
    line-height: 2.2rem;
    font-size: 1.875rem;
    font-weight: 500;
    line-height: 2.2rem;
    font-size: 1.875rem;
    font-weight: 500;
    line-height: 2.2rem;
    font-size: 1.875rem;
    font-weight: 500;
    line-height: 2.2rem;
    margin: 0;
    color: #262626;
    border-bottom: 1px solid #e0e0e0;
    padding-bottom: 20px
}

.section-title {
    margin: 30px 0
}

.section-title h2 {
    margin: 0
}

.price {
    font-weight: bold;
    color: #262626
}

.old-price .price {
    font-weight: 400;
    text-decoration: line-through;
    color: #888
}

.price-final_price.price-box .price-label {
    display: none
}

.price-final_price.price-box > span {
    display: inline-block;
    margin-right: 15px
}

.page-header {
    margin-bottom: 1.25rem
}

.cms-index-index .page-header {
    margin-bottom: 1px;
    position: relative;
    z-index: 2
}

.page-header__panel {
    padding: 14px 30px;
    background: white
}

.page-header__panel:before, .page-header__panel:after {
    display: table;
    content: "";
    line-height: 0
}

.page-header__panel:after {
    clear: both
}

.page-header__panel .links {
    order: 2
}

.page-header__panel .header-info {
    float: right
}

.page-header__panel .header-info > span {
    display: inline-block;
    
    padding: 0px 5px;
}

.page-header__panel .header-info > span:last-child {
    /*padding-left: 25px; */
}

.page-header__panel .header-info > span span {
    font-size: 23px;
    color: #3883ff;
    display: inline-block;
    margin-right: 5px;
    line-height: 1;
    padding: 0px 5px;
}

.page-header__panel .header-info a {
    color: #262626
}

.page-header__panel .header-info a:hover {
    color: #3883ff
}

.page-header__panel .welcome {
    float: left;
    font-style: italic;
    color: #262626
}

@media (max-width: 1260px) {
    .page-header__panel {
        text-align: center
    }

    .page-header__panel .welcome {
        float: none;
        margin-bottom: 10px
    }

    .page-header__panel .header-info {
        float: none
    }

    .page-header__panel .header-info > span {
        display: inline-block
    }

    .page-header__panel .header-info > span:last-child {
        margin-left: 0;
        padding-left: 0;
        border: 0
    }
}

.page-header__content {
    padding: 10px 30px;
    line-height: normal;
    display: none;
}

.page-header__content:before, .page-header__content:after {
    display: none;
    content: "";
    line-height: 0
}

.page-header__content:after {
    clear: both;
    display: none
}

.page-header__content .container {
    display: flex;
    justify-content: space-between
}

.page-header__content .rd-navbar-search {
    order: 2
}

.page-header__content .rd-navbar-cart-wrap {
    order: 3
}

.row-menu__content {
    background: #262626;
    padding: 10px
}

.row-menu__content:before, .row-menu__content:after {
    display: table;
    content: "";
    line-height: 0
}

.row-menu__content:after {
    clear: both
}

.rd-navbar-static .page-header__content .rd-navbar-search {
    margin-left: auto
}

.header.links:before, .header.links:after {
    display: table;
    content: "";
    line-height: 0
}

.header.links:after {
    clear: both
}

.header.links li {
    margin-left: 1.1rem
}

@media (min-width: 992px) {
    .header.links li {
        float: left
    }
}

.header-switchers {
    float: right
}

.header-switchers:before, .header-switchers:after {
    display: table;
    content: "";
    line-height: 0
}

.header-switchers:after {
    clear: both
}

.header-switchers > div {
    float: left;
    margin-left: 30px;
    padding-left: 30px;
    border-left: 1px solid #3c3c3c
}

.header-switchers .actions .action {
    font-size: 14px;
    text-transform: uppercase;
    color: white;
    background-color: transparent;
    transition: .3s ease
}

.header-switchers .actions .action.active, .header-switchers .actions .action:hover {
    background-color: transparent;
    color: #3883ff
}

.switcher {
    position: relative;
    float: right
}

.switcher .toggle {
    cursor: pointer
}

.switcher .toggle::after {
    font-family: "FontAwesome";
    content: '\f107';
    padding: 4px
}

.switcher .toggle.active::after {
    font-family: "FontAwesome";
    content: '\f106'
}

.switcher .dropdown .mage-dropdown-dialog {
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
    transition: .3s all ease;
    opacity: 0;
    visibility: hidden;
    position: absolute;
    right: -30px;
    background: #FFF;
    box-shadow: 1px 2px 3px 0 rgba(0, 0, 0, .2);
    border: 0;
    width: 136px;
    z-index: 15;
    top: 30px
}

.switcher .dropdown .mage-dropdown-dialog a {
    display: block;
    padding: 5px 10px;
    color: #888
}

.switcher .dropdown .mage-dropdown-dialog a:hover {
    color: #888;
    background: #262626
}

.switcher .dropdown.active .mage-dropdown-dialog {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

@media (max-width: 767px) {
    .switcher {
        float: none
    }

    .switcher .dropdown .mage-dropdown-dialog {
        left: 0;
        background: #353535
    }

    .switcher .dropdown .mage-dropdown-dialog .switcher-dropdown {
        margin-bottom: 8px
    }

    .header-info {
        display: block;
    }
}

.switcher-currency .dropdown .mage-dropdown-dialog {
    width: 225px;
    right: -22px
}

.switcher-label {
    display: none
}

.switcher-options {
    display: inline-block
}

.switcher-options.active .switcher-dropdown {
    display: inline-block
}

.switcher-dropdown {
    display: none
}

.links li {
    display: inline-block
}

.page-top {
    margin-bottom: 2.2rem
}

.list-1 {
    padding-bottom: 20px
}

.list-1:before, .list-1:after {
    display: table;
    content: "";
    line-height: 0
}

.list-1:after {
    clear: both
}

.list-1 li {
    float: left;
    width: 33.3333%;
    position: relative;
    padding-left: 1px;
    overflow: hidden
}

.list-1 li:first-child {
    padding-left: 0
}



@media (min-width: 926px) {
    .list-1 li:hover .list-content {
        left: 25%;
        text-align: left
    }

    .list-1 li:hover .link-button {
        left: 70%;
        opacity: 1
    }
}

.list-1 .list-content {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    text-align: center;
    color: white;
    transition: .3s
}

.list-1 .title-1 {
    font-weight: 300;
    padding-bottom: 5px
}

.list-1 .title-2 {
    font-size: 22px;
    font-weight: 500;
    text-transform: uppercase;
    min-width: 200px;
    background: rgba(0,0,0, 0.5);
}

.list-content .title-2 a {
    color: #fff;
}

.list-1 .link-button {
    background: #3883ff;
    color: #FFF;
    font-weight: bold;
    text-transform: uppercase;
    padding: 13px 20px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transition: .3s;
    opacity: 0;
    display: inline-block;
    white-space: nowrap
}

.list-1 .link-button:hover {
    background: #0563ff;
    background: #262626
}

.list-1 img {
    width: 100%
}

@media (max-width: 1330px) and (min-width: 926px) {
    .list-1 .title-1 {
        padding-bottom: 10px
    }

    .list-1 .link-button {
        left: 80%
    }

    .list-1 li:hover .link-button {
        left: 50%
    }

    .list-1 li:hover .list-content {
        left: -40%
    }
}

@media (max-width: 925px) {
    .list-1 li {
        width: 100%;
        padding: 0 0 1px
    }

    .list-1 .list-content {
        top: 35%
    }

    .list-1 .title-1 {
        padding-bottom: 0;
        line-height: normal
    }

    .list-1 .title-2 {
        line-height: normal
    }

    .list-1 .link-button {
        opacity: 1;
        top: 70%
    }
}

@media (max-width: 480px) {
    .list-1 .link-button {
        font-size: 13px;
        padding: 4px 20px
    }
}

.list-2 {
    text-align: center;
    padding-bottom: 35px
}

.list-2 .list-content {
    border: 1px solid #3883ff;
    padding: 32px 40px
}

.list-2 .title-1 {
    font-size: 30px;
    font-weight: 500;
    color: #262626;
    margin-bottom: 2px
}

.list-2 .title-1 span {
    font-size: 44px;
    color: #3883ff;
    display: inline-block;
    margin-right: 15px;
    line-height: 1;
    vertical-align: middle
}

.list-2 .list-paypal {
    padding-top: 25px;
    text-align: center
}

.list-2 .list-paypal li {
    display: inline-block;
    margin-right: 15px
}

.list-2 .list-paypal a {
    font-size: 28px;
    color: #d2dae3
}

.list-2 .list-paypal a:hover {
    color: #262626
}

@media (min-width: 768px) {
    .list-2 {
        -webkit-align-items: stretch;
        -ms-flex-align: stretch;
        align-items: stretch
    }

    .list-2 .col-sm-6 {
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex
    }
}

@media screen and (min-width: 768px) and (-ms-high-contrast: active),(min-width: 768px) and (-ms-high-contrast: none) {
    .list-2 .col-sm-6 {
        display: block
    }
}

@media (min-width: 768px) {
    .list-2 .list-content {
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

@media (max-width: 992px) {
    .list-2 .list-content {
        padding: 25px
    }

    .list-2 .title-1 {
        font-size: 20px
    }

    .list-2 .title-1 span {
        font-size: 32px;
        line-height: 1
    }
}

@media (max-width: 768px) {
    .list-2 > li {
        margin-bottom: 15px
    }
}

.search {
    margin-bottom: 10px
}

.search strong {
    color: #262626
}

.breadcrumbs {
    margin-bottom: 3.43rem
}

.breadcrumbs .items .item {
    display: inline-block;
    font-size: 14px;
    position: relative;
    color: #262626
}

.breadcrumbs .items .item:before {
    content: "|";
    float: left;
    margin-right: 16px;
    padding-left: 18px
}

.breadcrumbs .items .item:first-child:before {
    content: "";
    display: inline-block;
    font-family: "Material Icons";
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    transform: translate(0, 0);
    padding-left: 0
}

.breadcrumbs .items .item a {
    color: #262626
}

.breadcrumbs .items .item a:hover {
    color: #3883ff
}

.page-main {
    margin-bottom: 2.2rem
}

.page-title-wrapper {
    margin-bottom: 2.2rem
}

.columns > .row {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex: 0 1 auto;
    -webkit-flex: 0 1 auto;
    flex: 0 1 auto;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.page-layout-3columns .grid-left {
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1
}

.page-layout-3columns .grid-main {
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2
}

.page-layout-3columns .grid-right {
    -webkit-order: 3;
    -ms-flex-order: 3;
    order: 3
}

.page-layout-2columns-right .grid-main {
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1
}

.page-layout-2columns-right .grid-right {
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2
}

.page-layout-2columns-left .grid-left {
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1
}

.page-layout-2columns-left .grid-main {
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2
}

@media (max-width: 767px) {
    .page-layout-3columns .grid-left, .page-layout-3columns .grid-main, .page-layout-2columns-right .grid-left, .page-layout-2columns-right .grid-main, .page-layout-2columns-left .grid-left, .page-layout-2columns-left .grid-main {
        -webkit-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%
    }

    .page-layout-3columns .grid-main, .page-layout-2columns-right .grid-main, .page-layout-2columns-left .grid-main {
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1
    }

    .page-layout-3columns .grid-left, .page-layout-2columns-right .grid-left, .page-layout-2columns-left .grid-left {
        -webkit-order: 2;
        -ms-flex-order: 2;
        order: 2
    }

    .page-layout-3columns .grid-right, .page-layout-2columns-right .grid-right, .page-layout-2columns-left .grid-right {
        -webkit-order: 3;
        -ms-flex-order: 3;
        order: 3
    }
}

.block {
    margin-bottom: 2.2rem
}

.block-title, .block__title {
    margin-bottom: 50px;
    position: relative;
    color: #262626;
    border-bottom: 1px solid #e0e0e0;
    padding-bottom: 20px
}

.block-title strong, .block__title strong {
    margin: 0;
    font-weight: 500
}

.block-title .action, .block__title .action {
    float: right;
    padding: 0;
    background: 0;
    line-height: inherit
}

.block-title .action.edit, .block__title .action.edit {
    padding: 0 1rem
}

.block-title .counter, .block__title .counter {
    float: right;
    font-size: .8rem
}

.block-subtitle {
    display: block;
    margin-bottom: 1.1rem;
    font-weight: normal
}

.product-image-container {
    overflow: hidden;
    margin: 0 auto
}

.label-product {
    position: relative;
    width: 100%;
    text-align: center
}

.label-product span {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%, -146%);
    -webkit-transform: translate(-50%, -146%);
    font-size: 14px;
    text-transform: uppercase;
    background: #28c961;
    padding: 3px 6px 4px;
    line-height: normal;
    color: white;
    display: inline-block
}

.label-product .sale {
    background: #fa3030
}

.label-product.indent-label .new {
    margin-left: -20px
}

.label-product.indent-label .sale {
    margin-left: 30px
}

.box {
    margin-bottom: 1.1rem;
    border: 1px solid #e0e0e0;
    padding: 15px
}

.box-title {
    margin-bottom: 1.1rem;
    display: block;
    margin-top: 0;
    color: #262626;
    border-bottom: 1px solid #e0e0e0;
    padding-bottom: 10px
}

.fieldset .legend {
    color: #262626;
    padding-bottom: 10px;
    font-size: 1.2rem
}

.sidebar .block {
    margin-bottom: 0
}

.sidebar .block .block-title {
    margin: 0 0 25px
}

.sidebar .block .block-title strong {
    font-weight: 500
}

.sidebar .block .block-content {
    margin-bottom: 0
}

.sidebar .collapsible-block {
    margin-bottom: 50px
}

.sidebar .collapsible-block .opener {
    font-size: 20px;
    font-weight: 500;
    color: #262626;
    margin: 0
}

@media (max-width: 768px) {
    .sidebar .collapsible-block {
        margin-bottom: 0
    }

    .sidebar .collapsible-block .opener {
        padding-bottom: 5px;
        margin-top: 5px;
        border-bottom: 1px solid #e0e0e0;
        display: block !important
    }

    .sidebar .collapsible-block .opener:before {
        top: 9px
    }

    .sidebar .collapsible-block .block {
        padding: 20px;
        background: #f7f7f7
    }
}

@media (min-width: 769px) {
    .sidebar.sidebar-main {
        margin-bottom: 50px
    }
}

@media (max-width: 768px) {
    .sidebar .account-navigation {
        margin: 30px 0
    }
}

.sidebar .account-nav .item {
    margin-bottom: 5px
}

.sidebar .account-nav .item.current {
    color: #262626
}

.sidebar .account-nav .item.current a {
    color: #262626
}

.block-reorder .subtitle {
    text-transform: uppercase;
    color: #262626;
    padding-bottom: 15px;
    display: block
}

.block-reorder .product-items-names .choice .control {
    display: inline-block
}

.block-reorder .product-items-names .choice .label {
    margin-right: 15px;
    font-size: 14px
}

.block-reorder .product-items-names .product-item {
    margin-bottom: 20px
}

.block-reorder .product-items-names .product-item-name {
    margin-top: -5px;
    display: block
}

.footer-top-container {
    background: #3883ff;
    padding: 63px 0;
    clear: both
}

.footer-top-container .block.newsletter {
    margin-bottom: 0
}

.footer-top-container .title {
    color: white
}

.footer-top-container .title strong {
    font-size: 30px;
    font-weight: 500
}

.footer-top-container .title .newsletter-slog {
    display: block;
    margin-top: 15px
}

@media (max-width: 768px) {
    .footer-top-container .title {
        padding-bottom: 20px
    }

    .footer-top-container .title .newsletter-slog {
        margin-top: 0
    }
}

.footer-top-container .form.subscribe {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    padding-top: 18px
}

.footer-top-container .form.subscribe .field {
    margin: 0;
    width: 80%
}

.footer-top-container .form.subscribe #newsletter {
    height: 50px;
    border: 1px solid #fff;
    background: transparent;
    color: #fff
}

.footer-top-container .form.subscribe #newsletter::-webkit-input-placeholder {
    color: #fff
}

.footer-top-container .form.subscribe .action {
    background: #262626;
    margin-left: 10px
}

.footer-top-container .form.subscribe .action:hover {
    opacity: .6
}

@media (max-width: 768px) {
    .footer-top-container .form.subscribe {
        display: block
    }

    .footer-top-container .form.subscribe .field {
        width: 100%
    }

    .footer-top-container .form.subscribe .action {
        margin: 10px 0 0
    }
}

.footer-top-container div.mage-error {
    position: absolute;
    top: 100%;
    background: rgba(0, 0, 0, .3);
    z-index: 4
}

.page-footer__content {
    padding: 50px 0 20px
}

.page-footer__content h4 {
    text-transform: uppercase;
    color: white;
    margin-top: 0
}

.page-footer__content .footer.links li, .page-footer__content ul li {
    display: block;
    padding-bottom: 2px
}

.page-footer__content .footer.links li a:hover, .page-footer__content ul li a:hover {
    color: #fff
}

@media (min-width: 768px) {
    .page-footer__content .footer-col-content {
        height: 100% !important;
        display: block !important;
        opacity: 1 !important
    }
}

.page-footer__content .footer-col-content a {
    text-transform: uppercase
}

.page-footer__content .list-info li {
    border-bottom: 1px solid #3c3c3c;
    padding-bottom: 22px;
    margin-bottom: 22px;
    overflow: hidden
}

.page-footer__content .list-info li:last-child {
    border-bottom: 0
}

.page-footer__content .list-info li a {
    color: #888
}

.page-footer__content .list-info li a:hover {
    color: #3883ff
}

.page-footer__content .list-info li span {
    font-size: 23px;
    color: #3883ff;
    line-height: 1;
    padding-right: 8px;
    float: left
}

.page-footer__content .footer-info-bootom {
    border-top: 1px solid #3c3c3c;
    padding: 30px 0 15px;
    margin-top: 50px
}

.page-footer__content .footer-info-bootom:before, .page-footer__content .footer-info-bootom:after {
    display: table;
    content: "";
    line-height: 0
}

.page-footer__content .footer-info-bootom:after {
    clear: both
}

.page-footer__content .list-icon {
    float: right
}

.page-footer__content .list-icon li {
    display: inline-block;
    margin-left: 20px
}

.page-footer__content .list-icon a {
    font-size: 17px;
    color: white
}

.page-footer__content .list-icon a:hover {
    color: #3883ff
}

@media (max-width: 480px) {
    .page-footer__content .list-icon {
        float: none;
        clear: left
    }

    .page-footer__content .list-icon li {
        margin: 0 20px 0 0
    }
}

.page-footer__content .copyright {
    font-size: 14px;
    display: block
}

@media (max-width: 767px) {
    .page-footer__content h4 {
        margin: 10px 0 0;
        padding-bottom: 10px;
        border-bottom: 1px solid #3c3c3c;
        cursor: pointer
    }

    .page-footer__content h4:before {
        content: "";
        display: inline-block;
        font-family: "Material Icons";
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        transform: translate(0, 0);
        font-size: 24px;
        margin-right: 5px;
        line-height: 1;
        float: left;
        padding-top: 2px
    }

    .page-footer__content h4.id-active:before {
        content: "î—Ž";
        display: inline-block;
        font-family: "Material Icons";
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        transform: translate(0, 0)
    }

    .page-footer__content .footer-col-content {
        display: none;
        padding: 20px;
        margin-bottom: 15px;
        border-bottom: 1px solid #3c3c3c;
        background: #2b2b2b
    }

    .page-footer__content .list-info {
        padding-top: 12px
    }

    .page-footer__content .list-info li {
        margin-bottom: 10px;
        padding-bottom: 10px
    }

    .page-footer__content .list-info li:last-child {
        margin-bottom: 0
    }

    .page-footer__content .footer-info-bootom {
        margin-top: 0
    }
}

.page-footer {
    clear: both
}

.copyright-container {
    margin: 1.1rem 0
}

.footer-col-content {
    padding: 0
}

.no-display {
    display: none
}

.cms-page-view h1 {
    text-transform: uppercase
}

.cms-page-view h2 {
    text-transform: uppercase
}

.cms-page-view h3 {
    text-transform: uppercase
}

.cms-page-view h4 {
    text-transform: uppercase
}

.cms-page-view h5 {
    text-transform: uppercase
}

.cms-page-view h6 {
    text-transform: uppercase
}

dl.custom-page dd {
    font-style: normal
}

.search-term-popular ul.search-terms:before, .search-term-popular ul.search-terms:after {
    display: table;
    content: "";
    line-height: 0
}

.search-term-popular ul.search-terms:after {
    clear: both
}

.search-term-popular ul.search-terms li {
    float: left;
    margin-right: 15px;
    font-size: 24px
}

.skills {
    color: #3883ff
}

.skills .value {
    font-size: 56px;
    line-height: 1.519em;
    font-weight: 700
}

.skills .term {
    font-size: 16px;
    text-transform: uppercase
}

@media (max-width: 767px) {
    .cms-about-us .big-circle-icon {
        margin-top: 2rem
    }
}

@media (max-width: 767px) {
    .team > div[class*='col-'] {
        margin-bottom: 2rem
    }
}

.cms-customer-service .terms-conditions h4.small-icon:before {
    padding-right: 15px;
    vertical-align: bottom
}

.testimonials {
    padding-bottom: 2em
}

.testimonials blockquote {
    padding: 10px 20px
}

.testimonials blockquote cite {
    display: block;
    text-align: center;
    margin: 0 auto .5em;
    font-weight: 500;
    text-transform: uppercase;
    color: #3883ff
}

.testimonials blockquote q {
    display: block;
    padding: 0 5%
}

.testimonials.owl-testimonials .owl-controls {
    top: auto;
    bottom: -10px;
    right: 50%;
    margin-right: -27px
}

.testimonials.owl-testimonials .owl-prev, .testimonials.owl-testimonials .owl-next {
    padding: 0 7px
}

.testimonials.owl-testimonials .owl-prev:before, .testimonials.owl-testimonials .owl-next:before {
    font-size: 2.5em;
    color: #262626;
    transition: .3s ease
}

.testimonials.owl-testimonials .owl-prev:hover:before, .testimonials.owl-testimonials .owl-next:hover:before {
    color: #3883ff
}

.testimonials.owl-testimonials .owl-prev {
    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
}

.testimonials.owl-testimonials .owl-next {
    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
}

.products .product-item .product-item-name {
    display: block
}

.products .product-item .rating-summary {
    display: inline-block
}

.products .product-item .reviews-actions {
    display: inline-block
}

.products .product-item .reviews-actions .view {
    margin-right: 1.1rem
}

.products .product-item .swatch-attribute-options {
    margin-top: 10px
}

.products .product-item .old-price .price {
    text-decoration: line-through;
    font-size: 1rem
}

.products .product-item .product-item-actions {
    margin-bottom: 1.1rem;
    margin-top: 0
}

.toolbar-products {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 2.2rem;
    background: #f7f7f7;
    padding: 15px 25px
}

.toolbar-products .field > .label, .toolbar-products .field > .control, .toolbar-products .field > .action {
    display: inline-block
}

.toolbar-products .field > .label {
    width: auto;
    margin-right: 5px
}

.toolbar-products .field > .control {
    min-width: 100px
}

.toolbar-products .field .control select {
    height: 30px;
    padding: 0 8px;
    border: 1px solid #e0e0e0;
    background: none
}

.toolbar-products .modes-label, .toolbar-products .label {
    font-weight: bold;
    text-transform: uppercase;
    color: #262626
}

.toolbar-products .field.limiter .label {
    padding-bottom: 0;
    padding-top: 3px
}

.toolbar-container .filter-toggle {
    background: #262626;
    padding: .8rem 1rem;
    line-height: 1.5em;
    display: inline-block;
    color: white;
    margin-bottom: 20px;
    display: none
}

.toolbar-container .filter-toggle:hover {
    background: #0d0d0d
}

.toolbar-container .field {
    margin: 0
}

.modes {
    -webkit-flex-basis: 30%;
    -ms-flex-preferred-size: 30%;
    flex-basis: 30%;
    max-width: 30%;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1
}

.modes .modes-mode span {
    display: none
}

.modes .modes-mode.active {
    color: #888
}

.modes .modes-mode.active:hover {
    color: inherit
}

.modes .modes-mode:hover {
    color: #262626
}

.modes .mode-grid {
    font-size: 1.875rem;
    line-height: 1
}

.modes .mode-grid:before {
    content: "";
    display: inline-block;
    font-family: "Material Icons";
    font-weight: 400;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: translate(0, 0);
    line-height: 1
}

.modes .mode-list {
    font-size: 1.875rem;
    line-height: 1
}

.modes .mode-list:before {
    content: "";
    display: inline-block;
    font-family: "Material Icons";
    font-weight: 400;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: translate(0, 0);
    line-height: 1
}

.toolbar-amount {
    text-align: right;
    -webkit-flex-basis: 25%;
    -ms-flex-preferred-size: 25%;
    flex-basis: 25%;
    max-width: 25%;
    -webkit-order: 6;
    -ms-flex-order: 6;
    order: 6;
    margin: 0
}

.toolbar-container-top .pages {
    display: none
}

.toolbar-container-bottom .toolbar > div, .toolbar-container-bottom .toolbar > p {
    display: none
}

.toolbar-container-bottom .toolbar .pages {
    display: block;
    width: 100%;
    margin: 0;
    border-top: 1px solid #e0e0e0;
    border-bottom: 1px solid #e0e0e0;
    padding: 10px 0 8px
}

.toolbar-container-bottom .toolbar-products {
    padding: 0;
    background: none
}

.pages .pages-label {
    display: none
}

.pages .pages-label:before {
    position: absolute;
    right: 0;
    font-size: 32px;
    color: #3883ff;
    content: "î—…";
    display: inline-block;
    font-family: "Material Icons";
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    transform: translate(0, 0)
}

.pages .pages-items:before, .pages .pages-items:after {
    display: table;
    content: "";
    line-height: 0
}

.pages .pages-items:after {
    clear: both
}

.pages .pages-items .label {
    display: none
}

.pages .item {
    float: left;
    font-weight: 600;
    margin-right: 18px
}

.pages .previous:before {
    content: "î—„";
    display: inline-block;
    font-family: "Material Icons";
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    transform: translate(0, 0)
}

.pages .next:before {
    content: "î—ˆ";
    display: inline-block;
    font-family: "Material Icons";
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    transform: translate(0, 0)
}

.pages .previous span, .pages .next span {
    display: none
}

.limiter {
    -webkit-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    max-width: 100%;
    -webkit-order: 4;
    -ms-flex-order: 4;
    order: 4
}

.limiter .limiter-text {
    display: none
}

@media (min-width: 768px) {
    .limiter {
        -webkit-flex-basis: 40%;
        -ms-flex-preferred-size: 40%;
        flex-basis: 40%;
        max-width: 40%;
        text-align: right
    }
}

.toolbar-sorter {
    -webkit-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    max-width: 100%;
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2
}

.toolbar-sorter .sorter-label.label {
    text-align: left;
    display: none
}

.toolbar-sorter .sorter-action {
    margin-left: 1.1rem;
    padding: .38rem 0;
    line-height: 2.63rem
}

.toolbar-sorter .sorter-action span {
    display: none
}

.toolbar-sorter .sorter-action.sort-asc, .toolbar-sorter .sorter-action.sort-desc {
    font-size: 30px;
    line-height: 1 !important;
    padding: 0;
    vertical-align: middle
}

.toolbar-sorter .sorter-action.sort-asc:before {
    content: "";
    display: inline-block;
    font-family: "Material Icons";
    font-weight: 400;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: translate(0, 0);
    line-height: 1
}

.toolbar-sorter .sorter-action.sort-desc:before {
    content: "";
    display: inline-block;
    font-family: "Material Icons";
    font-weight: 400;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: translate(0, 0);
    line-height: 1
}

@media (min-width: 768px) {
    .toolbar-sorter {
        -webkit-flex-basis: 50%;
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
        max-width: 50%
    }
}

@media (max-width: 1200px) {
    .toolbar-products {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .toolbar-products .limiter {
        text-align: left
    }

    .toolbar-products .toolbar-sorter {
        text-align: right
    }
}

@media (max-width: 768px) {
    .toolbar-products .modes, .toolbar-products .toolbar-amount {
        -webkit-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%;
        text-align: left;
        padding-bottom: 10px
    }

    .toolbar-products .toolbar-sorter {
        text-align: left;
        padding-bottom: 10px
    }

    .toolbar-products .pages {
        text-align: left;
        padding: 0;
        margin: 10px 0
    }

    .toolbar-products .pages .pages-items {
        right: auto;
        left: 0
    }
}

.catalog-product-view .main {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    margin-left: -15px;
    margin-right: -15px;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.catalog-product-view .product-info-main {
    padding-left: 15px;
    padding-right: 15px;
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2;
    -webkit-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    max-width: 100%
}

.catalog-product-view .product-info-price .available {
    display: inline-block;
    color: #3883ff;
    font-weight: bold;
    padding-right: 18px
}

.catalog-product-view .product-info-price .availability {
    display: inline-block;
    color: #262626;
    font-weight: bold
}

.catalog-product-view .product-info-price .attribute {
    color: #262626;
    font-weight: bold;
    padding: 12px 0 0;
    font-size: 13px
}

.catalog-product-view .product-info-price .attribute .value {
    color: #3883ff
}

.catalog-product-view .product-info-price .page-title-wrapper {
    margin: 0 0 12px
}

.catalog-product-view .product-info-price .page-title-wrapper .page-title {
    border: 0;
    padding: 0;
    font-size: 1rem;
    line-height: 1rem;
    font-weight: normal;
    color: #3883ff;
    text-align: left;
    margin: 0 -15px;
    text-transform: uppercase
}

.catalog-product-view .product-info-stock-sku {
    margin-bottom: 10px
}

.catalog-product-view .product-reviews-summary {
    margin-bottom: 9px
}

.catalog-product-view .product-reviews-summary .rating-summary {
    display: inline-block
}

.catalog-product-view .product-reviews-summary .rating-result {
    margin-right: 10px
}

.catalog-product-view .product-reviews-summary .material-icons-star, .catalog-product-view .product-reviews-summary .material-icons-star_half {
    vertical-align: middle
}

.catalog-product-view .product-reviews-summary .reviews-actions {
    font-size: 14px;
    text-transform: uppercase;
    font-weight: bold;
    display: inline-block;
    padding-top: 2px
}

.catalog-product-view .product-reviews-summary .label {
    display: none
}

.catalog-product-view .product-reviews-summary a {
    color: #d2dae3;
    display: inline-block;
    margin-right: 15px
}

.catalog-product-view .product-reviews-summary a:hover {
    color: #262626
}

.catalog-product-view .swatch-opt {
    margin: 15px 0 8px
}

.catalog-product-view .swatch-opt > div {
    margin-bottom: 20px;
    position: relative
}

.catalog-product-view .swatch-opt > div:last-child {
    margin-bottom: 0
}

.catalog-product-view .swatch-opt .swatch-attribute-selected-option {
    display: none
}

.catalog-product-view .swatch-attribute {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.catalog-product-view .swatch-attribute-label {
    font-weight: bold;
    color: #262626;
    margin-right: 15px
}

.catalog-product-view .swatch-option {
    margin: 5px 10px 5px 0;
    min-width: 15px
}

.catalog-product-view .swatch-option.color {
    min-height: 15px
}

.catalog-product-view .swatch-option.text {
    background: none;
    border-color: #3883ff;
    color: #3883ff;
    padding: .1rem .5rem
}

.catalog-product-view .product-options-wrapper .field .label {
    color: #262626;
    font-weight: bold
}

.catalog-product-view .product-options-wrapper .field select {
    background: none;
    border: 1px solid #e0e0e0
}

.catalog-product-view .price-box {
    margin-bottom: 5px
}

.catalog-product-view .product-add-form {
    margin-bottom: 1.1rem
}

.catalog-product-view .box-tocart .field {
    padding-right: 2.2rem
}

.catalog-product-view .box-tocart .control {
    display: inline-block
}

.catalog-product-view .box-tocart .control .qty {
    display: inline-block;
    width: 4rem;
    color: #3883ff;
    border: 1px solid #3883ff;
    text-align: center;
    background: none;
    padding: .8rem
}

.catalog-product-view .box-tocart .qty .label {
    display: none
}

.catalog-product-view .product-options-bottom {
    display: inline-block;
    margin-right: 18px
}

.catalog-product-view .product-social-links {
    display: inline-block;
    padding-top: 12px
}

.catalog-product-view .product-social-links .action {
    margin-right: 1.1rem;
    font-size: 24px;
    color: #d2dae3
}

.catalog-product-view .product-social-links .action:hover {
    color: #3883ff
}

.catalog-product-view .product-social-links .action span {
    display: none
}

.catalog-product-view .product-addto-links {
    display: inline-block
}

.catalog-product-view .product.attribute strong {
    font-weight: 600
}

.catalog-product-view .product.attribute .value {
    display: inline-block
}

.catalog-product-view .product.media {
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
    padding-left: 15px;
    padding-right: 15px;
    -webkit-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    max-width: 100%
}

.catalog-product-view .product.info {
    -webkit-order: 3;
    -ms-flex-order: 3;
    order: 3;
    margin: 2.2rem 0;
    padding-left: 15px;
    padding-right: 15px;
    -webkit-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    max-width: 100%
}

.catalog-product-view .product.info .tab-titles {
    text-align: center;
    margin-bottom: 28px;
    padding-bottom: 0;
    border-bottom: 1px solid #e0e0e0
}

.catalog-product-view .product.info .data.items .title {
    float: none;
    text-transform: uppercase;
    font-weight: bold
}

.catalog-product-view .product.info .data.items .title a {
    color: #262626
}

.catalog-product-view .product.info .data.items .title a:hover {
    color: #3883ff
}

.catalog-product-view .product.info .data.items .title .counter:before {
    content: "("
}

.catalog-product-view .product.info .data.items .title .counter:after {
    content: ")"
}

.catalog-product-view .product.info .data.items .title.active a {
    color: #3883ff
}

.catalog-product-view .product.info .content {
    margin-top: 0;
    padding-top: 0
}

.catalog-product-view .product .table-caption {
    text-align: left;
    color: #262626;
    font-weight: 600;
    font-size: 18px
}

.catalog-product-view .product .col {
    border-bottom: 1px solid #e0e0e0
}

.catalog-product-view .product .col.label {
    position: relative
}

.catalog-product-view .product .col.label:before {
    content: "";
    position: absolute;
    right: -2px;
    top: -2px;
    height: 104%;
    width: 1px;
    background: #e0e0e0
}

.related .block-title strong, .upsell .block-title strong {
    font-weight: 500
}

@media (min-width: 480px) {
    .catalog-product-view .box-tocart .fieldset {
        display: flex
    }
}

@media (min-width: 768px) {
    .catalog-product-view .product-info-main {
        -webkit-flex-basis: 40%;
        -ms-flex-preferred-size: 40%;
        flex-basis: 40%;
        max-width: 40%;
        max-width: 40%
    }

    .catalog-product-view .product.media {
        -webkit-flex-basis: 60%;
        -ms-flex-preferred-size: 60%;
        flex-basis: 60%;
        max-width: 60%;
        max-width: 60%
    }
}

@media (min-width: 992px) {
    .catalog-product-view .box-tocart .fieldset {
        display: block
    }
}

@media (min-width: 1200px) {
    .catalog-product-view .box-tocart .fieldset {
        display: flex
    }
}

body.catalog-product-compare-index .action.print {
    float: right;
    margin: 1.1rem 0
}

body.catalog-product-compare-index .table-caption {
    display: none
}

.table-wrapper.comparison {
    clear: both;
    max-width: 100%;
    overflow-x: auto
}

.table-wrapper.comparison .table-comparison > tbody > tr > th, .table-wrapper.comparison .table-comparison > tbody > tr > td {
    border-top: 0
}

.table-comparison {
    table-layout: fixed
}

.table-comparison .cell.label.remove, .table-comparison .cell.label.product {
    border-bottom: 0
}

.table-comparison .cell.label.remove span, .table-comparison .cell.label.product span {
    display: none
}

.table-comparison .cell.label, .table-comparison td:last-child {
    border-right: 1px solid #dadada
}

.table-comparison .cell {
    width: 180px;
    padding: 1.1rem;
    display: table-cell
}

.table-comparison .cell .attibute.value {
    width: 100%;
    overflow: hidden
}

.table-comparison .cell.product.info, .table-comparison .cell.product.label {
    border-bottom: 1px solid #dadada
}

.table-comparison .cell.label .attribute.label {
    display: block;
    width: 100%;
    word-wrap: break-word
}

.table-comparison .cell.attribute img {
    max-width: 100%;
    height: auto
}

.table-comparison .cell.remove {
    padding-top: 0;
    padding-bottom: 0;
    text-align: right
}

.table-comparison .product-item-photo {
    display: block;
    margin: 0 auto 1.1rem
}

.table-comparison .product-image-photo {
    margin-left: 0
}

.table-comparison .product-item-actions, .table-comparison .price-box, .table-comparison .product.rating, .table-comparison .product-item-name {
    display: block;
    margin: 1.1rem 0
}

.table-comparison .product-addto-links {
    margin-top: 1.1rem
}

.table-comparison .product-addto-links .action.toggle {
    padding: 0
}

.table-comparison .action.tocart {
    white-space: nowrap
}

.table-comparison .secondary-addto-links {
    padding-top: 15px
}

.table-comparison .product-reviews-summary .label {
    display: none
}

.table-comparison .product-reviews-summary .rating-result__stars {
    max-width: 150px;
    margin: 0 auto
}

.comparison.headings {
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    width: auto;
    display: none
}

.block-compare .counter {
    display: none
}

.block-compare .product-items {
    margin-bottom: 1.1rem
}

.block-compare .product-item-name {
    display: block;
    padding-right: 2rem
}

.block-compare .product-item {
    position: relative;
    margin-bottom: 1.1rem
}

.block-compare .action.delete {
    position: absolute;
    right: 0;
    top: 0;
    padding: 0 1rem
}

.block-compare .actions-toolbar {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.block-compare .actions-toolbar .primary {
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2;
    margin-bottom: 5px
}

@media (max-width: 992px) {
    .block-compare .actions-toolbar {
        display: block
    }
}

.category-image {
    margin-bottom: 28px
}

.products-grid .product-items {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    margin-left: -15px;
    margin-right: -15px;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.products-grid .product-items {
    text-align: center
}

.products-grid .product-item {
    padding-left: 15px;
    padding-right: 15px;
    -webkit-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    max-width: 100%;
    margin-bottom: 2.2rem;
    padding-top: 30px;
    position: relative
}

.products-grid .product-item-info:hover .price-box:after, .products-grid .product-item-info:hover .price-box:before {
    width: 100%
}

.products-grid .product-item-name {
    font-weight: 400;
    margin-bottom: 10px;
    display: block;
    overflow: hidden;
    line-height: 21px
}

.products-grid .price-box {
    border-bottom: 1px solid #e0e0e0;
    padding-bottom: 10px;
    margin-bottom: 20px;
    position: relative
}

.products-grid .price-box:before, .products-grid .price-box:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -1px;
    height: 2px;
    width: 0;
    background: #3883ff;
    transition: .5s
}

.products-grid .price-box:after {
    background: #3883ff;
    transition: .5s;
    left: auto;
    right: 0
}

.products-grid .product-item-photo {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    background: #f7f7f7;
    margin-bottom: 25px
}

.products-grid .reviews-actions {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.products-grid .reviews-actions .action.add {
    font-size: 0
}

.products-grid .reviews-actions .action.add:before {
    content: "";
    display: inline-block;
    font-family: "Material Icons";
    font-weight: 400;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: translate(0, 0);
    line-height: 1
}

.products-grid .reviews-actions .action.add:before {
    font-size: 16px
}

.products-grid .product-reviews-summary {
    width: 100px;
    position: absolute;
    bottom: -40px;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%)
}

.products-grid .product-reviews-summary .label {
    display: none
}

.products-grid .product-reviews-summary .reviews-actions {
    display: none
}

.products-grid .price-from {
    margin-bottom: 0
}

.products-grid .price-to {
    margin-bottom: 0
}

.products-grid .product-item-actions .actions-primary {
    margin-bottom: 1.25rem
}

.products-grid .swatch-option {
    margin: 5px
}

.widget .products-grid {
    position: relative
}

.widget .products-grid .owl-carousel {
    margin: 0
}

.widget .products-grid .owl-controls {
    width: 100%;
    top: 35%
}

.widget .products-grid .owl-buttons div {
    background: #262626;
    font-weight: 500;
    text-transform: uppercase;
    color: white;
    position: absolute;
    padding: 18px 20px;
    vertical-align: middle;
    font-size: 0;
    line-height: 1;
    transition: .2s;
    transform: translateY(-50%);
    width: 50px
}

.widget .products-grid .owl-buttons div::first-letter {
    font-size: 16px
}

.widget .products-grid .owl-buttons div:hover {
    font-size: 16px;
    width: 83px
}

.widget .products-grid .owl-buttons div:before {
    display: none
}

.widget .products-grid .owl-buttons div.owl-prev {
    left: 0
}

.widget .products-grid .owl-buttons div.owl-next {
    right: 0
}

@media screen and (-ms-high-contrast: active),(-ms-high-contrast: none) {
    .widget .products-grid .owl-buttons div {
        font-size: 16px;
        width: 84px
    }
}

.crosssell .owl-controls {
    width: 100%;
    top: 35%
}

.crosssell .owl-buttons div {
    background: #262626;
    font-weight: 500;
    text-transform: uppercase;
    color: white;
    position: absolute;
    padding: 18px 20px;
    vertical-align: middle;
    font-size: 0;
    line-height: 1;
    transition: .2s;
    transform: translateY(-50%);
    width: 54px
}

.crosssell .owl-buttons div::first-letter {
    font-size: 16px
}

.crosssell .owl-buttons div:hover {
    font-size: 16px;
    width: 83px
}

.crosssell .owl-buttons div:before {
    display: none
}

.crosssell .owl-buttons div.owl-prev {
    left: 15px
}

.crosssell .owl-buttons div.owl-prev:after {
    content: "Prev";
    transform: translateY(-50%)
}

.crosssell .owl-buttons div.owl-next {
    right: 15px
}

.crosssell .owl-buttons div.owl-next:after {
    content: "Next";
    transform: translateY(-50%)
}

@media screen and (-ms-high-contrast: active),(-ms-high-contrast: none) {
    .crosssell .owl-buttons div {
        font-size: 16px;
        width: 84px
    }
}

@media (min-width: 480px) {
    .products-grid .product-items:not(.owl-carousel) .product-item {
        -webkit-flex-basis: 50%;
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
        max-width: 50%;
        max-width: 50%
    }
}

@media (min-width: 992px) {
    .products-grid .product-items:not(.owl-carousel) .product-item {
        -webkit-flex-basis: 33.33%;
        -ms-flex-preferred-size: 33.33%;
        flex-basis: 33.33%;
        max-width: 33.33%
    }
}

.products-list .product-item-info {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    margin-left: -15px;
    margin-right: -15px;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-align-items: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    border-bottom: 1px solid #e0e0e0;
    padding-bottom: 30px;
    margin-bottom: 30px
}

.products-list .product-item:last-child .product-item-info {
    border: 0;
    padding-bottom: 0
}

.products-list .product-item-photo {
    background: #f7f7f7
}

@media (max-width: 480px) {
    .products-list .product-item-photo {
        margin-bottom: 20px
    }
}

.products-list .product-image-photo {
    padding-left: 15px;
    padding-right: 15px;
    -webkit-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    max-width: 100%;
    text-align: center;
    margin-bottom: 1.1rem
}

.products-list .product-item-details {
    padding-left: 15px;
    padding-right: 15px;
    -webkit-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    max-width: 100%
}

.products-list .product-item-name {
    font-weight: 400;
    margin-bottom: 10px;
    display: block;
    overflow: hidden
}

.products-list .product-item-inner {
    padding-top: 25px
}

.products-list .product-reviews-summary {
    margin-bottom: 10px
}

.products-list .rating-summary {
    line-height: 1;
    vertical-align: middle
}

.products-list .rating-summary .label {
    display: none
}

.products-list .product-item .reviews-actions {
    font-size: 13px;
    padding-top: 3px
}

.products-list .product-item .reviews-actions .add {
    display: none
}

.products-list .label-product span {
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%)
}

.products-list .price-box {
    margin-bottom: 10px
}

.products-list .product-item-actions {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.products-list .actions-primary {
    padding-right: 30px
}

@media (min-width: 480px) {
    .products-list .product-item-info {
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }

    .products-list .product-item-photo {
        -webkit-flex-basis: 42%;
        -ms-flex-preferred-size: 42%;
        flex-basis: 42%;
        max-width: 42%;
        margin-bottom: 0
    }

    .products-list .product-item-details {
        -webkit-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%
    }
}

.gallery-placeholder .loading-mask {
    padding: 0 0 50%;
    position: absolute;
    display: none
}

.gallery-placeholder .fotorama-hidden, .gallery-placeholder .fotorama--hidden, .gallery-placeholder .fotorama__load {
    left: -99999px;
    position: absolute;
    top: -99999px;
    z-index: -1000;
    display: none
}

.fotorama-item .fotorama__stage {
    background: #f7f7f7
}

.gallery-placeholder .fotorama__thumb-border, .fotorama-item .fotorama__thumb-border {
    border-color: #3883ff
}

.fotorama__nav-wrap--horizontal .fotorama__thumb__arr--right, .fotorama__nav-wrap--horizontal .fotorama__thumb__arr--left {
    font-size: 32px;
    color: #3883ff
}

.fotorama__nav-wrap--horizontal .fotorama__thumb__arr--right:before, .fotorama__nav-wrap--horizontal .fotorama__thumb__arr--left:before {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%)
}

.fotorama__nav-wrap--horizontal .fotorama__thumb__arr--right .fotorama__thumb__arr, .fotorama__nav-wrap--horizontal .fotorama__thumb__arr--left .fotorama__thumb__arr {
    display: none
}

.fotorama__nav-wrap--horizontal .fotorama__thumb__arr--right:before {
    content: "";
    display: inline-block;
    font-family: "Material Icons";
    font-weight: 400;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: translate(0, 0);
    line-height: 1
}

.fotorama__nav-wrap--horizontal .fotorama__thumb__arr--left:before {
    content: "î—‹";
    display: inline-block;
    font-family: "Material Icons";
    font-weight: 400;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: translate(0, 0);
    line-height: 1
}

@media (max-width: 768px) {
    .fotorama__nav.fotorama__nav--dots {
        height: auto !important
    }
}

.block.related {
    -webkit-order: 5;
    -ms-flex-order: 5;
    order: 5;
    padding-left: 15px;
    padding-right: 15px;
    -webkit-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    max-width: 100%
}

.block.related .block-actions button.action.select {
    color: #3883ff
}

.block.related .block-actions button.action.select:hover {
    text-decoration: underline
}

.block.related .block-actions {
    padding: 0 0 20px
}

.products-grid.products-related .owl-wrapper-outer {
    overflow: visible
}

.products-grid.products-related .product-items {
    margin: 0 -15px;
    padding: 0
}

@media (max-width: 768px) {
    .products-grid.products-related .product-items {
        margin: 0
    }
}

.products-grid.products-related .product-item {
    -webkit-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    max-width: 100%;
    padding: 0;
    margin-top: 0
}

.products-grid.products-related .product-reviews-summary {
    top: -20px
}

.products-grid.products-related .owl-item {
    padding: 30px 15px 0
}

.products-grid.products-related .owl-controls {
    width: 100%;
    top: 35%
}

.products-grid.products-related .owl-buttons div {
    background: #262626;
    font-weight: 500;
    text-transform: uppercase;
    color: white;
    position: absolute;
    padding: 18px 20px;
    vertical-align: middle;
    font-size: 0;
    line-height: 1;
    transition: .2s;
    transform: translateY(-50%)
}

.products-grid.products-related .owl-buttons div::first-letter {
    font-size: 16px
}

.products-grid.products-related .owl-buttons div:hover {
    font-size: 16px
}

.products-grid.products-related .owl-buttons div:before {
    display: none
}

.products-grid.products-related .owl-buttons div.owl-prev {
    left: 0
}

.products-grid.products-related .owl-buttons div.owl-prev:after {
    content: "Prev"
}

.products-grid.products-related .owl-buttons div.owl-next {
    right: 0
}

.products-grid.products-related .owl-buttons div.owl-next:after {
    content: "Next"
}

@media screen and (-ms-high-contrast: active),(-ms-high-contrast: none) {
    .products-grid.products-related .owl-buttons div {
        font-size: 16px;
        width: 84px;
        transform: translateY(0%)
    }
}

.block.upsell {
    -webkit-order: 4;
    -ms-flex-order: 4;
    order: 4;
    padding-left: 15px;
    padding-right: 15px;
    -webkit-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    max-width: 100%
}

.block.upsell .block-actions button.action.select {
    color: #3883ff
}

.block.upsell .block-actions button.action.select:hover {
    text-decoration: underline
}

.products-grid.products-upsell .owl-wrapper-outer {
    overflow: visible
}

.products-grid.products-upsell .product-items {
    margin: 0 -15px;
    padding: 0
}

@media (max-width: 768px) {
    .products-grid.products-upsell .product-items {
        margin: 0
    }
}

.products-grid.products-upsell .product-item {
    -webkit-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    max-width: 100%;
    padding: 0;
    margin-top: 0
}

.products-grid.products-upsell .product-reviews-summary {
    top: -20px
}

.products-grid.products-upsell .owl-item {
    padding: 30px 15px 0
}

.products-grid.products-upsell .owl-controls {
    width: 100%;
    top: 35%
}

.products-grid.products-upsell .owl-buttons div {
    background: #262626;
    font-weight: 500;
    text-transform: uppercase;
    color: white;
    position: absolute;
    padding: 18px 20px;
    vertical-align: middle;
    font-size: 0;
    line-height: 1;
    transition: .2s;
    transform: translateY(-50%)
}

.products-grid.products-upsell .owl-buttons div::first-letter {
    font-size: 16px
}

.products-grid.products-upsell .owl-buttons div:hover {
    font-size: 16px
}

.products-grid.products-upsell .owl-buttons div:before {
    display: none
}

.products-grid.products-upsell .owl-buttons div.owl-prev {
    left: 0
}

.products-grid.products-upsell .owl-buttons div.owl-prev:after {
    content: "Prev"
}

.products-grid.products-upsell .owl-buttons div.owl-next {
    right: 0
}

.products-grid.products-upsell .owl-buttons div.owl-next:after {
    content: "Next"
}

@media screen and (-ms-high-contrast: active),(-ms-high-contrast: none) {
    .products-grid.products-upsell .owl-buttons div {
        font-size: 16px;
        width: 84px;
        transform: translateY(0%)
    }
}

.product-options-wrapper .fieldset > br {
    display: none
}

.product-options-wrapper .downloads {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex
}

.collapsible-block {
    position: relative
}

.collapsible-block .opener {
    display: block;
    position: relative;
    padding-left: 20px;
    margin-bottom: 20px;
    cursor: pointer
}

.collapsible-block .opener::before {
    position: absolute;
    left: 0;
    top: 0
}

.towishlist, .tocompare {
    position: relative
}

.towishlist span, .tocompare span {
    display: none
}

.product-social-links .mailto {
    padding: 0 .55rem
}

.product-social-links .mailto:before {
    content: "";
    display: inline-block;
    font-family: "Material Icons";
    font-weight: 400;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: translate(0, 0);
    line-height: 1
}

.towishlist:before {
    content: "";
    display: inline-block;
    font-family: "Material Icons";
    font-weight: 400;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: translate(0, 0);
    line-height: 1
}

.tocompare:before {
    content: "î…¤";
    display: inline-block;
    font-family: "Material Icons";
    font-weight: 400;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: translate(0, 0);
    line-height: 1
}

.filter-current {
    margin-bottom: 1.1rem
}

.filter-current .remove:before {
    content: "";
    display: inline-block;
    font-family: "Material Icons";
    font-weight: 400;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: translate(0, 0);
    line-height: 1
}

.filter-current .remove span {
    display: none
}

.filter-actions {
    margin-bottom: 1.1rem
}

.filter-options-title {
    position: relative;
    font-weight: 600;
    margin-bottom: 20px;
    padding-right: 15px;
    cursor: pointer;
    text-transform: uppercase;
    color: #262626
}

.filter-options-title::before {
    position: absolute;
    right: 0;
    top: 4px !important
}

.filter-options-content {
    margin-bottom: .55rem
}

.filter-options-content .count {
    font-style: italic;
    margin-left: .55rem
}

.filter-options-content .items .item {
    font-size: 14px;
    margin-bottom: 3px
}

@media (max-width: 768px) {
    #layered-filter-block {
        margin: 0
    }

    #layered-filter-block .modal-inner-wrap {
        text-align: left
    }
}

.form-login .actions-toolbar {
    flex-direction: row-reverse
}

.form-create-account .fieldset, .form-edit-account .fieldset, .form-address-edit .fieldset {
    margin-bottom: 2.2rem
}

.form-create-account .actions-toolbar, .form-edit-account .actions-toolbar, .form-address-edit .actions-toolbar {
    flex-direction: row-reverse
}

body.account .block-title {
    position: relative
}

body.account .block-title .action {
    position: absolute;
    right: 0;
    top: 0
}

body.account .box address {
    margin-bottom: 1rem
}

.block-search .block-title {
    display: none
}

#search_mini_form {
    background: none
}

#search_mini_form .label {
    display: none
}

#search_mini_form .nested {
    display: none
}

.cart-container .cart-summary .block {
    margin: 0
}

.cart-container .cart-summary .cart-totals caption {
    display: none
}

.cart-container .cart-summary .cart-totals th, .cart-container .cart-summary .cart-totals td {
    padding-left: 0
}

.cart-container .cart-summary .legend {
    display: none
}

.cart-container .actions-toolbar .action {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

table.cart {
    width: 100%
}

table.cart > caption, table.cart .qty label {
    display: none
}

table.cart .product-item-details, table.cart .product-item-photo {
    display: table-cell
}

table.cart td.price .price, table.cart td.subtotal .price {
    display: inline-block;
    padding: .38rem 0
}

.cart-container > div {
    margin-bottom: 50px
}

.cart.actions {
    padding: 10px;
    background: #f7f7f7;
    border: 1px solid #e0e0e0
}

.cart.actions.main:before, .cart.actions.main:after {
    display: table;
    content: "";
    line-height: 0
}

.cart.actions.main:after {
    clear: both
}

.cart.actions.main .action {
    margin: 0 .275rem;
    background: #3883ff;
    color: #FFF;
    font-weight: bold;
    text-transform: uppercase;
    padding: 13px 20px
}

.cart.actions.main .action:hover {
    background: #0563ff;
    background: #262626
}

.cart.actions.main .action.continue {
    float: left
}

@media (max-width: 1200px) {
    .cart.actions.main .action {
        width: 100%;
        margin: 0 0 5px;
        text-align: center
    }
}

.cart.table-wrapper {
    border: 1px solid #e0e0e0;
    padding: 10px;
    border-bottom: 0
}

.cart .item .actions-toolbar {
    padding-bottom: 20px;
    border-bottom: 1px solid #e0e0e0
}

.cart .item:last-child .actions-toolbar {
    padding-bottom: 0;
    border-bottom: 0
}

.cart .product-item-details dt {
    color: #262626;
    font-weight: 400
}

.cart .product-item-details .product-item-name {
    display: block;
    margin-bottom: 15px
}

@media (max-width: 768px) {
    .cart .item-info .product-item-photo {
        display: block;
        text-align: center
    }
}

.payment-option-title::before {
    top: 7px !important
}

input.primary.action {
    font-size: 16px;
    font-family: 'Tajawal', sans-serif;
    border: 0
}

.cart-summary {
    border: 1px solid #e0e0e0;
    padding: 15px
}

.cart-summary [role="tablist"] [role="tab"] {
    color: #262626;
    margin-bottom: 8px
}

.cart-summary > .summary.title {
    display: block;
    text-align: center;
    border-bottom: 1px solid #e0e0e0;
    padding-bottom: 15px;
    margin-bottom: 15px;
    margin-top: 0;
    color: #262626
}

.cart-summary .checkout.methods .item {
    margin-bottom: .55rem
}

.table.totals {
    padding: 1.1rem 0
}

.table.totals .mark, .table.totals .amount {
    padding: 0
}

.items.methods, .item-options {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.items.methods dt, .items.methods dd, .item-options dt, .item-options dd {
    -webkit-flex-basis: 50%;
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    max-width: 50%
}

.block.shipping .items.methods {
    display: block
}

.block.shipping .items.methods .item-title, .block.shipping .items.methods .item-options {
    max-width: 100%;
    padding: 0
}

.minicart-wrapper .showcart span[class=""]:before {
    content: "";
    display: inline-block;
    font-family: "Material Icons";
    font-weight: 400;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: translate(0, 0);
    line-height: 1
}

.block-minicart .block-content {
    position: relative
}

.block-minicart .action.close {
    position: absolute;
    right: 1rem;
    top: 1rem;
    padding: 0;
    background: none
}

.block-minicart .subtotal {
    padding: 0 0 25px 0
}

.block-minicart .subtotal .label {
    margin-right: 1.1rem
}

.block-minicart .subtotal .amount {
    float: right;
    color: #262626
}

.block-minicart .product.actions .action {
    background: none;
    padding: 0
}

.block-minicart .product.actions .primary, .block-minicart .product.actions .secondary {
    display: inline-block
}

.block-minicart .product.actions .primary .action, .block-minicart .product.actions .secondary .action {
    color: #d2dae3;
    font-size: 24px
}

.block-minicart .product.actions .primary .action:hover, .block-minicart .product.actions .secondary .action:hover {
    color: #262626
}

.opc-block-summary .minicart-items .product-item {
    border-bottom: 1px solid #e0e0e0
}

.opc-block-summary .minicart-items .product-item:last-child {
    border: 0
}

.opc-block-summary .minicart-items .product.options {
    padding-top: 10px
}

.opc-block-summary .minicart-items .details-qty {
    margin-bottom: 10px
}

.opc-payment .actions-toolbar {
    padding-top: 10px
}

.minicart-items {
    overflow-x: auto;
    padding-right: 1.1rem
}

.minicart-items .item {
    overflow: hidden;
    position: relative;
    border-bottom: 1px solid #e0e0e0;
    padding-bottom: 30px;
    margin-bottom: 30px
}

.minicart-items .item > .product {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex
}

.minicart-items .product-item-photo {
    margin-right: 30px;
    display: block
}

.minicart-items .product-item-photo .product-image-container {
    background: #fff;
    display: block
}

.minicart-items .product-item-name {
    font-weight: 400;
    margin-bottom: 5px;
    padding-right: 70px;
    display: block
}

.minicart-items .details-qty .control {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    overflow: hidden
}

.minicart-items .details-qty .label {
    margin-right: 15px;
    float: left
}

.minicart-items .details-qty .cart-item-qty {
    width: 70px;
    background: white;
    height: 40px;
    margin-right: 13px
}

.minicart-items .details-qty .update-cart-item {
    background: #262626;
    padding: .8rem 1rem;
    line-height: 1.5em;
    display: inline-block;
    color: white;
    padding: 5px 13px;
    font-size: 13px
}

.minicart-items .details-qty .update-cart-item:hover {
    background: #0d0d0d
}

.minicart-items .product.options.active {
    position: relative
}

.minicart-items .product.options.active .toggle {
    background: #262626
}

.minicart-items .product.options .toggle {
    cursor: pointer;
    display: inline-block;
    text-transform: uppercase;
    color: white;
    padding: 8px 20px;
    background: #3883ff;
    transition: .3s
}

.minicart-items .product.options .toggle:before {
    display: none
}

.minicart-items .product.options .toggle:hover {
    background: #262626
}

.minicart-items .product.options .content {
    position: absolute;
    top: 52px;
    z-index: 2;
    border: 1px solid #e0e0e0;
    padding: 25px;
    margin: 0;
    background: #f7f7f7
}

.minicart-items .product.options .content .subtitle {
    display: none
}

.minicart-items .product.options .content:after {
    content: '';
    position: absolute;
    left: 20px;
    top: -20px;
    border: 10px solid transparent;
    border-bottom: 10px solid #f7f7f7
}

.minicart-items .product.options .content:before {
    content: '';
    position: absolute;
    left: 18px;
    top: -24px;
    border: 12px solid transparent;
    border-bottom: 12px solid #e0e0e0
}

.minicart-items .product.options .content .options .label {
    font-weight: 400;
    font-style: italic;
    color: #262626
}

.minicart-items .product.options .list {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.minicart-items .product.options .list > dt, .minicart-items .product.options .list > dd {
    -webkit-flex-basis: 50%;
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    max-width: 50%
}

.minicart-items .price-container {
    color: #262626;
    font-weight: bold;
    margin-bottom: 15px
}

.minicart-items .product.actions {
    position: absolute;
    top: 0;
    right: 0;
    line-height: 1rem
}

.print {
    display: inline-block;
    margin-top: 5px
}

@media (min-width: 768px) {
    .minicart-wrapper {
        padding: .38rem 0
    }
}

body > .loading-mask {
    background: rgba(255, 255, 255, .5) none repeat scroll 0 0;
    bottom: 0;
    left: 0;
    margin: auto;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 9999
}

body > .loading-mask .loader p {
    display: none
}

body > .loading-mask .loader > img {
    bottom: 0;
    left: 0;
    margin: auto;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 100;
    width: auto
}

body._has-modal {
    height: 100%;
    overflow: hidden;
    width: 100%
}

body._has-modal-custom .modal-custom-overlay {
    height: 100vh;
    left: 0;
    position: fixed;
    top: 0;
    width: 100vw;
    background: rgba(0, 0, 0, .7);
    z-index: 999
}

.modal-custom .action-close, .modal-popup .action-close, .modal-slide .action-close {
    position: absolute;
    right: 0;
    top: 0;
    overflow: hidden;
    font-size: 0;
    line-height: 1
}

.modal-custom .action-close:before, .modal-popup .action-close:before, .modal-slide .action-close:before {
    font-size: 30px;
    color: #262626;
    content: "";
    display: inline-block;
    font-family: "Material Icons";
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    transform: translate(0, 0)
}

.modal-custom .action-close:hover:before, .modal-popup .action-close:hover:before, .modal-slide .action-close:hover:before {
    color: #3883ff
}

.modal-popup._show {
    background: rgba(0, 0, 0, .18)
}

.modals-overlay {
    z-index: 800
}

.modal-slide, .modal-popup {
    bottom: 0;
    left: 0;
    pointer-events: none;
    position: fixed;
    right: 0;
    top: 0
}

.modal-slide._show, .modal-popup._show {
    visibility: visible;
    pointer-events: auto
}

.modal-slide._show .modal-inner-wrap, .modal-popup._show .modal-inner-wrap {
    position: relative;
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0)
}

.modal-slide .modal-inner-wrap, .modal-popup .modal-inner-wrap {
    padding: 15px;
    background-color: #fff;
    opacity: 1;
    pointer-events: auto;
    text-align: center
}

.modal-slide {
    left: auto;
    z-index: 1000
}

.modal-slide._show .modal-inner-wrap {
    -webkit-transform: translateX(0);
    transform: translateX(0)
}

.modal-slide .modal-inner-wrap {
    height: 100%;
    overflow-y: auto;
    position: static;
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    transition-duration: .3s;
    -webkit-transition-property: -webkit-transform, visibility;
    transition-property: transform, visibility;
    transition-timing-function: ease-in-out;
    width: 270px
}

.modal-slide._inner-scroll .modal-inner-wrap {
    overflow-y: visible;
    display: flex;
    flex-direction: column
}

.modal-slide._inner-scroll .modal-header, .modal-slide._inner-scroll .modal-footer {
    flex-grow: 0;
    flex-shrink: 1
}

.modal-slide._inner-scroll .modal-content {
    overflow-y: auto
}

.modal-slide._inner-scroll .modal-footer {
    margin-top: auto
}

.modal-slide .modal-header, .modal-slide .modal-content, .modal-slide .modal-footer {
    padding: 0 .5rem .5rem
}

.modal-slide .modal-header {
    padding-bottom: 10px;
    padding-top: 10px
}

.modal-popup {
    left: 0;
    display: block;
    overflow-y: auto;
    z-index: 1000
}

.modal-popup._show .modal-inner-wrap {
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.modal-popup .modal-inner-wrap {
    box-sizing: border-box;
    height: auto;
    left: 0;
    margin: 4rem auto;
    position: absolute;
    right: 0;
    -webkit-transform: translateY(-200%);
    transform: translateY(-200%);
    transition-duration: .2s;
    -webkit-transition-property: -webkit-transform, visibility;
    transition-property: transform, visibility;
    transition-timing-function: ease;
    display: flex;
    flex-direction: column;
    width: 75%
}

.modal-popup._inner-scroll {
    overflow-y: visible
}

.ie10 .modal-popup._inner-scroll, .ie9 .modal-popup._inner-scroll {
    overflow-y: auto
}

.modal-popup._inner-scroll .modal-inner-wrap {
    max-height: 90%
}

.ie10 .modal-popup._inner-scroll .modal-inner-wrap, .ie9 .modal-popup._inner-scroll .modal-inner-wrap {
    max-height: none
}

.modal-popup._inner-scroll .modal-content {
    overflow-y: auto
}

.modal-popup .modal-header, .modal-popup .modal-content, .modal-popup .modal-footer {
    padding-left: 1rem;
    padding-right: 1rem
}

.modal-popup .modal-header, .modal-popup .modal-footer {
    flex-grow: 0;
    flex-shrink: 1
}

.modal-popup .modal-header {
    padding-bottom: 1rem;
    padding-top: 1rem
}

.modal-popup .modal-footer {
    margin-top: auto;
    padding-bottom: 1rem;
    padding-top: 1rem
}

.modal-popup .modal-footer-actions {
    text-align: right
}

.modal-popup.confirm .modal-inner-wrap {
    left: 50%;
    margin-left: -25rem;
    width: 50rem
}

.modal-popup._image-box .modal-inner-wrap {
    margin: 5rem auto;
    max-width: 78rem;
    position: static
}

.modal-popup._image-box .thumbnail-preview {
    padding-bottom: 4.4rem;
    text-align: center
}

.modal-popup._image-box .thumbnail-preview .thumbnail-preview-image-block {
    border: 1px solid #ccc;
    margin: 0 auto 2.2rem;
    max-width: 58.4rem;
    padding: 2.2rem
}

.modal-popup._image-box .thumbnail-preview .thumbnail-preview-image {
    max-height: 54rem
}

.modal-popup .modal-title {
    font-size: 1.75rem;
    color: #262626;
    margin: 0;
    text-align: center;
    border-bottom: 1px solid #e0e0e0;
    padding-bottom: 20px
}

.modal-popup .action-primary, .modal-popup .modal-footer button {
    background: #3883ff;
    color: #FFF;
    font-weight: bold;
    text-transform: uppercase;
    padding: 13px 20px;
    line-height: normal
}

.modal-popup .action-primary:hover, .modal-popup .modal-footer button:hover {
    background: #0563ff;
    background: #262626
}

.modal-popup .action-secondary {
    background: #262626;
    padding: .8rem 1rem;
    line-height: 1.5em;
    display: inline-block;
    color: white
}

.modal-popup .action-secondary:hover {
    background: #0d0d0d
}

@media (max-width: 768px) {
    .custom-slide {
        bottom: 0;
        left: 0;
        pointer-events: none;
        position: fixed;
        right: 0;
        top: 0;
        left: auto;
        z-index: 1000
    }

    .custom-slide._show {
        visibility: visible;
        pointer-events: auto
    }

    .custom-slide._show .modal-inner-wrap {
        position: relative;
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0)
    }

    .custom-slide .modal-inner-wrap {
        padding: 15px;
        background-color: #fff;
        opacity: 1;
        pointer-events: auto;
        text-align: center
    }

    .custom-slide._show .modal-inner-wrap {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    .custom-slide .modal-inner-wrap {
        height: 100%;
        overflow-y: auto;
        position: static;
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
        transition-duration: .3s;
        -webkit-transition-property: -webkit-transform, visibility;
        transition-property: transform, visibility;
        transition-timing-function: ease-in-out;
        width: 270px
    }

    .custom-slide._inner-scroll .modal-inner-wrap {
        overflow-y: visible;
        display: flex;
        flex-direction: column
    }

    .custom-slide._inner-scroll .modal-header, .custom-slide._inner-scroll .modal-footer {
        flex-grow: 0;
        flex-shrink: 1
    }

    .custom-slide._inner-scroll .modal-content {
        overflow-y: auto
    }

    .custom-slide._inner-scroll .modal-footer {
        margin-top: auto
    }

    .custom-slide .modal-header, .custom-slide .modal-content, .custom-slide .modal-footer {
        padding: 0 .5rem .5rem
    }

    .custom-slide .modal-header {
        padding-bottom: 10px;
        padding-top: 10px
    }

    .custom-slide._show {
        -webkit-overflow-scrolling: touch;
        overflow-y: auto;
        overflow-x: hidden
    }

    .custom-slide .modal-inner-wrap {
        box-sizing: border-box;
        height: auto;
        min-height: 100%;
        text-align: left
    }

    body._has-modal-custom {
        height: 100vh;
        overflow: hidden;
        width: 100vw
    }

    .modal-custom .action-close, .modal-popup .action-close, .modal-slide .action-close {
        display: block
    }
}

.page-print .order-details-items .actions-toolbar {
    display: none
}

.checkout-container {
    position: relative
}

.checkout-container .authentication-wrapper {
    position: absolute;
    right: 0;
    top: -75px
}

@media (min-width: 769px) {
    .checkout-container .authentication-wrapper .modal-custom-overlay {
        background: none
    }

    .checkout-container .authentication-dropdown {
        bottom: 0;
        left: 0;
        pointer-events: none;
        position: fixed;
        right: 0;
        top: 0;
        left: 0;
        display: block;
        overflow-y: auto;
        z-index: 1000;
        width: 300px;
        right: 0;
        top: 50px;
        left: auto;
        position: absolute;
        overflow: visible
    }

    .checkout-container .authentication-dropdown._show {
        visibility: visible;
        pointer-events: auto
    }

    .checkout-container .authentication-dropdown._show .modal-inner-wrap {
        position: relative;
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0)
    }

    .checkout-container .authentication-dropdown .modal-inner-wrap {
        padding: 15px;
        background-color: #fff;
        opacity: 1;
        pointer-events: auto;
        text-align: center
    }

    .checkout-container .authentication-dropdown._show .modal-inner-wrap {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    .checkout-container .authentication-dropdown .modal-inner-wrap {
        box-sizing: border-box;
        height: auto;
        left: 0;
        margin: 4rem auto;
        position: absolute;
        right: 0;
        -webkit-transform: translateY(-200%);
        transform: translateY(-200%);
        transition-duration: .2s;
        -webkit-transition-property: -webkit-transform, visibility;
        transition-property: transform, visibility;
        transition-timing-function: ease;
        display: flex;
        flex-direction: column;
        width: 75%
    }

    .checkout-container .authentication-dropdown .modal-inner-wrap {
        margin: 0;
        width: 100%;
        box-shadow: 0 0 20px rgba(0, 0, 0, .18)
    }
}

body._has-modal {
    height: 100%;
    overflow: hidden;
    width: 100%
}

body._has-modal-custom .modal-custom-overlay {
    height: 100vh;
    left: 0;
    position: fixed;
    top: 0;
    width: 100vw;
    background: rgba(0, 0, 0, .7);
    z-index: 999
}

.modal-custom .action-close, .modal-popup .action-close, .modal-slide .action-close {
    position: absolute;
    right: 0;
    top: 0;
    overflow: hidden;
    font-size: 0;
    line-height: 1
}

.modal-custom .action-close:before, .modal-popup .action-close:before, .modal-slide .action-close:before {
    font-size: 30px;
    color: #262626;
    content: "";
    display: inline-block;
    font-family: "Material Icons";
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    transform: translate(0, 0)
}

.modal-custom .action-close:hover:before, .modal-popup .action-close:hover:before, .modal-slide .action-close:hover:before {
    color: #3883ff
}

.modal-popup._show {
    background: rgba(0, 0, 0, .18)
}

.modals-overlay {
    z-index: 800
}

.modal-slide, .modal-popup {
    bottom: 0;
    left: 0;
    pointer-events: none;
    position: fixed;
    right: 0;
    top: 0
}

.modal-slide._show, .modal-popup._show {
    visibility: visible;
    pointer-events: auto
}

.modal-slide._show .modal-inner-wrap, .modal-popup._show .modal-inner-wrap {
    position: relative;
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0)
}

.modal-slide .modal-inner-wrap, .modal-popup .modal-inner-wrap {
    padding: 15px;
    background-color: #fff;
    opacity: 1;
    pointer-events: auto;
    text-align: center
}

.modal-slide {
    left: auto;
    z-index: 1000
}

.modal-slide._show .modal-inner-wrap {
    -webkit-transform: translateX(0);
    transform: translateX(0)
}

.modal-slide .modal-inner-wrap {
    height: 100%;
    overflow-y: auto;
    position: static;
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    transition-duration: .3s;
    -webkit-transition-property: -webkit-transform, visibility;
    transition-property: transform, visibility;
    transition-timing-function: ease-in-out;
    width: 270px
}

.modal-slide._inner-scroll .modal-inner-wrap {
    overflow-y: visible;
    display: flex;
    flex-direction: column
}

.modal-slide._inner-scroll .modal-header, .modal-slide._inner-scroll .modal-footer {
    flex-grow: 0;
    flex-shrink: 1
}

.modal-slide._inner-scroll .modal-content {
    overflow-y: auto
}

.modal-slide._inner-scroll .modal-footer {
    margin-top: auto
}

.modal-slide .modal-header, .modal-slide .modal-content, .modal-slide .modal-footer {
    padding: 0 .5rem .5rem
}

.modal-slide .modal-header {
    padding-bottom: 10px;
    padding-top: 10px
}

.modal-popup {
    left: 0;
    display: block;
    overflow-y: auto;
    z-index: 1000
}

.modal-popup._show .modal-inner-wrap {
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.modal-popup .modal-inner-wrap {
    box-sizing: border-box;
    height: auto;
    left: 0;
    margin: 4rem auto;
    position: absolute;
    right: 0;
    -webkit-transform: translateY(-200%);
    transform: translateY(-200%);
    transition-duration: .2s;
    -webkit-transition-property: -webkit-transform, visibility;
    transition-property: transform, visibility;
    transition-timing-function: ease;
    display: flex;
    flex-direction: column;
    width: 75%
}

.modal-popup._inner-scroll {
    overflow-y: visible
}

.ie10 .modal-popup._inner-scroll, .ie9 .modal-popup._inner-scroll {
    overflow-y: auto
}

.modal-popup._inner-scroll .modal-inner-wrap {
    max-height: 90%
}

.ie10 .modal-popup._inner-scroll .modal-inner-wrap, .ie9 .modal-popup._inner-scroll .modal-inner-wrap {
    max-height: none
}

.modal-popup._inner-scroll .modal-content {
    overflow-y: auto
}

.modal-popup .modal-header, .modal-popup .modal-content, .modal-popup .modal-footer {
    padding-left: 1rem;
    padding-right: 1rem
}

.modal-popup .modal-header, .modal-popup .modal-footer {
    flex-grow: 0;
    flex-shrink: 1
}

.modal-popup .modal-header {
    padding-bottom: 1rem;
    padding-top: 1rem
}

.modal-popup .modal-footer {
    margin-top: auto;
    padding-bottom: 1rem;
    padding-top: 1rem
}

.modal-popup .modal-footer-actions {
    text-align: right
}

.modal-popup.confirm .modal-inner-wrap {
    left: 50%;
    margin-left: -25rem;
    width: 50rem
}

.modal-popup._image-box .modal-inner-wrap {
    margin: 5rem auto;
    max-width: 78rem;
    position: static
}

.modal-popup._image-box .thumbnail-preview {
    padding-bottom: 4.4rem;
    text-align: center
}

.modal-popup._image-box .thumbnail-preview .thumbnail-preview-image-block {
    border: 1px solid #ccc;
    margin: 0 auto 2.2rem;
    max-width: 58.4rem;
    padding: 2.2rem
}

.modal-popup._image-box .thumbnail-preview .thumbnail-preview-image {
    max-height: 54rem
}

.modal-popup .modal-title {
    font-size: 1.75rem;
    color: #262626;
    margin: 0;
    text-align: center;
    border-bottom: 1px solid #e0e0e0;
    padding-bottom: 20px
}

.modal-popup .action-primary, .modal-popup .modal-footer button {
    background: #3883ff;
    color: #FFF;
    font-weight: bold;
    text-transform: uppercase;
    padding: 13px 20px;
    line-height: normal
}

.modal-popup .action-primary:hover, .modal-popup .modal-footer button:hover {
    background: #0563ff;
    background: #262626
}

.modal-popup .action-secondary {
    background: #262626;
    padding: .8rem 1rem;
    line-height: 1.5em;
    display: inline-block;
    color: white
}

.modal-popup .action-secondary:hover {
    background: #0d0d0d
}

@media (max-width: 768px) {
    .custom-slide {
        bottom: 0;
        left: 0;
        pointer-events: none;
        position: fixed;
        right: 0;
        top: 0;
        left: auto;
        z-index: 1000
    }

    .custom-slide._show {
        visibility: visible;
        pointer-events: auto
    }

    .custom-slide._show .modal-inner-wrap {
        position: relative;
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0)
    }

    .custom-slide .modal-inner-wrap {
        padding: 15px;
        background-color: #fff;
        opacity: 1;
        pointer-events: auto;
        text-align: center
    }

    .custom-slide._show .modal-inner-wrap {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    .custom-slide .modal-inner-wrap {
        height: 100%;
        overflow-y: auto;
        position: static;
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
        transition-duration: .3s;
        -webkit-transition-property: -webkit-transform, visibility;
        transition-property: transform, visibility;
        transition-timing-function: ease-in-out;
        width: 270px
    }

    .custom-slide._inner-scroll .modal-inner-wrap {
        overflow-y: visible;
        display: flex;
        flex-direction: column
    }

    .custom-slide._inner-scroll .modal-header, .custom-slide._inner-scroll .modal-footer {
        flex-grow: 0;
        flex-shrink: 1
    }

    .custom-slide._inner-scroll .modal-content {
        overflow-y: auto
    }

    .custom-slide._inner-scroll .modal-footer {
        margin-top: auto
    }

    .custom-slide .modal-header, .custom-slide .modal-content, .custom-slide .modal-footer {
        padding: 0 .5rem .5rem
    }

    .custom-slide .modal-header {
        padding-bottom: 10px;
        padding-top: 10px
    }

    .custom-slide._show {
        -webkit-overflow-scrolling: touch;
        overflow-y: auto;
        overflow-x: hidden
    }

    .custom-slide .modal-inner-wrap {
        box-sizing: border-box;
        height: auto;
        min-height: 100%;
        text-align: left
    }

    body._has-modal-custom {
        height: 100vh;
        overflow: hidden;
        width: 100vw
    }

    .modal-custom .action-close, .modal-popup .action-close, .modal-slide .action-close {
        display: block
    }
}

.page-print .order-details-items .actions-toolbar {
    display: none
}

.opc-progress-bar {
    margin-bottom: 2.2rem
}

.opc-progress-bar .opc-progress-bar-item {
    font-size: 18px;
    line-height: 2rem;
    opacity: .5
}

.opc-progress-bar .opc-progress-bar-item::before {
    font-family: "FontAwesome";
    content: '\f1db';
    padding-right: 5px
}

.opc-progress-bar .opc-progress-bar-item._active {
    opacity: 1
}

.opc-progress-bar .opc-progress-bar-item._active::before {
    content: '\f192'
}

.opc-progress-bar .opc-progress-bar-item._complete {
    opacity: 1
}

.opc-progress-bar .opc-progress-bar-item._complete::before {
    content: '\f00c'
}

.opc-estimated-wrapper {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    margin-bottom: 2.2rem
}

.opc-estimated-wrapper > div {
    padding: 0 15px
}

.opc-estimated-wrapper .estimated-block span {
    display: block
}

.opc-estimated-wrapper .minicart-wrapper .action {
    background: #3883ff;
    color: #FFF;
    font-weight: bold;
    text-transform: uppercase;
    padding: 13px 20px
}

.opc-estimated-wrapper .minicart-wrapper .action:hover {
    background: #0563ff;
    background: #262626
}

.opc-estimated-wrapper .product-item-details {
    overflow: hidden
}

.opc-block-summary .items-in-cart .title::before {
    top: 7px
}

@media (min-width: 769px) {
    .opc-estimated-wrapper {
        display: none
    }
}

.checkout-index-index .opc-wrapper .step-title {
    border-bottom: 1px solid #e0e0e0;
    padding-bottom: 20px;
    margin-bottom: 20px;
    margin-top: 0;
    color: #262626
}

.checkout-index-index .opc-wrapper .step-content {
    margin: 0
}

.checkout-index-index .opc-wrapper .step-content .note {
    font-size: 14px
}

.checkout-index-index .opc-wrapper .step-content .note::before {
    font-family: "FontAwesome";
    content: '\f0d8';
    padding-right: 5px
}

@media (min-width: 769px) {
    .checkout-container::after {
        clear: both
    }

    .checkout-container .opc-wrapper {
        float: left;
        padding-right: 30px;
        width: 66.6667%
    }

    .checkout-container .opc-sidebar {
        float: right;
        margin: 0 0 20px;
        width: 33.3333%
    }
}

.opc-sidebar .opc-block-summary span.title {
    display: block;
    border-bottom: 1px solid #e0e0e0;
    padding-bottom: 20px;
    margin-bottom: 20px;
    margin-top: 0;
    color: #262626
}

.block.items-in-cart {
    margin-top: 2.2rem
}

.block.items-in-cart .product-item {
    margin-bottom: 1.1rem
}

.block.items-in-cart .product-item .product-image-container {
    float: left;
    margin: 0 1.1rem 1.1rem 0
}

.opc-block-shipping-information .ship-to {
    margin-top: 2.2rem
}

.field-tooltip {
    cursor: pointer;
    position: absolute;
    right: 0;
    top: 1px
}

.field-tooltip._active {
    z-index: 100
}

.field-tooltip._active .field-tooltip-content {
    display: block
}

.field-tooltip._active .field-tooltip-action:before {
    color: #3883ff
}

.field-tooltip .field-tooltip-action::before {
    font-size: 18px;
    font-family: "FontAwesome";
    content: ""
}

._keyfocus .field-tooltip .field-tooltip-action:focus {
    z-index: 100
}

._keyfocus .field-tooltip .field-tooltip-action:focus + .field-tooltip-content {
    display: block
}

._keyfocus .field-tooltip .field-tooltip-action:focus::before {
    color: #3883ff
}

.field-tooltip .field-tooltip-content {
    background: #f5f5f5;
    border: solid 1px #ddd;
    padding: 12px;
    width: 270px;
    display: none;
    right: 0;
    position: absolute;
    text-transform: none;
    top: 100%;
    word-wrap: break-word;
    z-index: 2
}

.opc-block-summary .table-totals caption {
    display: none
}

.opc-block-shipping-information {
    border-top: solid 1px white;
    padding-top: 20px
}

.opc-block-shipping-information .shipping-information-title {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.opc-block-shipping-information .shipping-information-content {
    padding: 10px
}

.opc-block-shipping-information .action-edit {
    background: none;
    padding: 0
}

.opc-block-shipping-information .action-edit span {
    display: none
}

.opc-block-shipping-information .action-edit:hover {
    background: none;
    opacity: .5
}

.opc-block-shipping-information .action-edit::before {
    font-family: "FontAwesome";
    content: '\f044';
    padding-right: 10px
}

.billing-address-details {
    margin-bottom: 1.1rem
}

.opc-payment-additional {
    margin-top: 2.2rem
}

@media (max-width: 768px) {
    .opc-block-summary .table-totals th {
        display: block;
        width: 100%;
        padding: 10px 0 0
    }

    .opc-block-summary .table-totals td {
        padding: 0
    }

    .opc-block-summary .table-totals td::before {
        display: none
    }
}

.opc-wrapper .shipping-address-item {
    padding: 20px;
    border: solid 1px transparent
}

.opc-wrapper .shipping-address-item.selected-item {
    border: solid 1px white
}

.form-shipping-address .field.street label {
    display: none
}

.table-checkout-shipping-method {
    width: 100%;
    margin-bottom: 1.1rem
}

.table-checkout-shipping-method th {
    font-weight: 600;
    padding: .38rem 0
}

.table-checkout-shipping-method td.ch-method .radio, .table-checkout-shipping-method td.ch-method input[type="radio"] {
    margin: 0
}

.table-checkout-shipping-method td > span {
    display: inline-block
}

.methods-shipping {
    margin-bottom: 2.2rem
}

.rating-summary {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex
}

.rating-summary .label {
    margin-right: 1.1rem
}

.rating-summary .rating-result__stars span[class^="material-icons-"] {
    color: #fe9f38;
    display: inline-block;
    font-size: 16px;
    line-height: 1;
    padding: 0 2px;
    vertical-align: middle
}

.rating-summary .rating-result__text {
    display: none
}

.items.review-items .rating-result__stars {
    padding-top: 3px
}

.review-list {
    margin-bottom: 70px
}

.review-list .review-toolbar {
    border-bottom: 1px solid #e0e0e0;
    border-top: 1px solid #e0e0e0;
    background: #f7f7f7;
    padding: 8px 20px
}

.review-list .review-toolbar .field {
    margin: 0
}

.review-list .review-items {
    margin-top: 2.2rem
}

.review-list .review-item {
    margin-bottom: 2.2rem
}

.review-list .review-title {
    margin-bottom: 1.1rem
}

.review-list .rating-summary {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex
}

.review-list .rating-label {
    -webkit-flex-basis: 30%;
    -ms-flex-preferred-size: 30%;
    flex-basis: 30%;
    max-width: 30%;
    padding: 8px 15px;
    border-bottom: 1px solid #e0e0e0;
    border-right: 1px solid #e0e0e0;
    margin-right: 0
}

.review-list .rating-result {
    display: inline-block;
    border-bottom: 1px solid #e0e0e0;
    padding: 8px 15px
}

.review-list .review-ratings {
    margin-bottom: 30px
}

.review-list .review-ratings .item:last-child .rating-result, .review-list .review-ratings .item:last-child .rating-label {
    border-bottom: 0
}

.review-list .review-details {
    border-top: 1px solid #e0e0e0;
    padding-top: 10px;
    margin-top: 25px;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex
}

.review-list .review-details p {
    width: 50%;
    margin: 0
}

.review-list .review-author {
    text-align: left
}

.review-list .review-date {
    text-align: right
}

.review-list .review-details-value {
    display: inline-block
}

@media (min-width: 768px) {
    .review-list .rating-label {
        -webkit-flex-basis: 10%;
        -ms-flex-preferred-size: 10%;
        flex-basis: 10%;
        max-width: 10%
    }
}

.review-add .block-title {
    border: 0;
    margin-bottom: 0
}

.review-add .review-legend span {
    display: inline-block;
    margin-right: 1.1rem
}

.review-fieldset .row {
    margin-top: 2.2rem
}

.review-fieldset .review-legend {
    border-bottom: solid 1px #dadada;
    border-top: solid 1px #dadada;
    margin: 0;
    padding: 20px 0;
    display: block;
    width: 100%
}

.review-fieldset .review-legend span {
    font-weight: normal;
    text-transform: uppercase
}

.review-fieldset .review-legend strong {
    font-weight: normal
}

.review-field-rating.field {
    margin-bottom: 0
}

.review-field-rating.field > .label {
    min-width: 100px;
    padding: 8px 15px;
    border-bottom: 1px solid #e0e0e0;
    border-right: 1px solid #e0e0e0;
    margin-right: 0
}

.nested .review-field-rating:last-child .label, .nested .review-field-rating:last-child .review-control-vote {
    border-bottom: 0
}

.control.review-control-vote {
    display: inline-block;
    padding: 8px 15px 4px;
    border-bottom: 1px solid #e0e0e0;
    margin-left: -3px
}

.control.review-control-vote label[class^='rating-'] {
    display: inline-block;
    cursor: pointer;
    margin-right: 0;
    padding: 0
}

.control.review-control-vote label[class^='rating-'] .rating-star {
    color: #3883ff;
    display: inline-block;
    font-size: 1.5rem;
    line-height: 1
}

.control.review-control-vote label[class^='rating-'] .rating-star:before {
    content: "î º";
    display: inline-block;
    font-family: "Material Icons";
    font-weight: 400;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: translate(0, 0);
    line-height: 1
}

.control.review-control-vote label[class^='rating-'].fill .rating-star:before {
    content: "î ¸";
    display: inline-block;
    font-family: "Material Icons";
    font-weight: 400;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: translate(0, 0);
    line-height: 1
}

.control.review-control-vote .radio {
    display: none
}

.swatch-attribute-label {
    font-weight: bold;
    position: relative
}

.swatch-attribute-label.required {
    padding-right: 10px
}

.swatch-attribute-label[data-required="1"]:after {
    content: '*';
    color: red;
    position: absolute;
    right: -11px;
    top: -2px;
    font-weight: bold;
    font-size: 1em
}

.swatch-attribute-selected-option {
    color: #646464;
    padding-left: 17px
}

.swatch-option {
    padding: 1px 2px;
    min-width: 30px;
    max-width: 90px;
    min-height: 20px;
    display: inline-block;
    margin: 0 10px 5px 0;
    text-align: center;
    cursor: pointer;
    position: relative;
    border: 1px solid #dadada;
    overflow: hidden;
    text-overflow: ellipsis
}

.swatch-option.text {
    font-size: 12px;
    font-weight: 700;
    line-height: 20px;
    padding: .4rem .8rem;
    min-width: 22px;
    margin-right: 7px;
    color: #3883ff;
    border-color: #3883ff
}

.swatch-option.color {
    min-height: 30px
}

.swatch-option.selected {
    outline: 2px solid #3883ff;
    border: 1px solid #FFF;
    color: #333
}

.swatch-option .disabled {
    cursor: default
}

.swatch-option .disabled::after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: -moz-linear-gradient(to left top, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0) 42%, white 43%, white 46%, #ff5216 47%, #ff5216 53%, white 54%, white 57%, rgba(255, 255, 255, 0) 58%, rgba(255, 255, 255, 0) 100%);
    background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(42%, rgba(255, 255, 255, 0)), color-stop(43%, white), color-stop(46%, white), color-stop(47%, #ff5216), color-stop(53%, #ff5216), color-stop(54%, white), color-stop(57%, white), color-stop(58%, rgba(255, 255, 255, 0)), color-stop(100%, rgba(255, 255, 255, 0)));
    background: -webkit-linear-gradient(to left top, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0) 42%, white 43%, white 46%, #ff5216 47%, #ff5216 53%, white 54%, white 57%, rgba(255, 255, 255, 0) 58%, rgba(255, 255, 255, 0) 100%);
    background: -o-linear-gradient(to left top, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0) 42%, white 43%, white 46%, #ff5216 47%, #ff5216 53%, white 54%, white 57%, rgba(255, 255, 255, 0) 58%, rgba(255, 255, 255, 0) 100%);
    background: -ms-linear-gradient(to left top, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0) 42%, white 43%, white 46%, #ff5216 47%, #ff5216 53%, white 54%, white 57%, rgba(255, 255, 255, 0) 58%, rgba(255, 255, 255, 0) 100%);
    background: linear-gradient(to left top, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0) 42%, white 43%, white 46%, #ff5216 47%, #ff5216 53%, white 54%, white 57%, rgba(255, 255, 255, 0) 58%, rgba(255, 255, 255, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#00ffffff', GradientType=1)
}

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

.swatch-attribute.size .swatch-option, .swatch-attribute.manufacturer .swatch-option {
    background: #f0f0f0;
    color: #949494
}

.swatch-attribute.size .swatch-option.selected, .swatch-attribute.manufacturer .swatch-option.selected {
    color: black;
    background: #fff;
    border: 1px solid #fff
}

.swatch-option:not(.disabled):hover {
    outline: 1px solid #999;
    border: 1px solid #fff;
    color: #333
}

.swatch-option.image:not(.disabled):hover, .swatch-option.color:not(.disabled):hover {
    border: 1px solid #fff
}

.swatch-option-tooltip {
    visibility: hidden
}

@media (min-width: 768px) {
    .swatch-option-tooltip {
        max-width: 140px;
        max-height: 100%;
        min-height: 20px;
        min-width: 40px;
        position: absolute;
        padding: 5px;
        background: #fff;
        color: #949494;
        border: 1px solid #adadad;
        display: none;
        visibility: visible;
        z-index: 999;
        text-align: center
    }
}

.swatch-option-tooltip .corner, .swatch-option-tooltip-layered .corner {
    position: absolute;
    bottom: 3px;
    height: 8px
}

.swatch-option-tooltip .corner::after, .swatch-option-tooltip-layered .corner::after {
    content: '';
    position: relative;
    top: 0;
    left: -15px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 7px 7.5px 0 7.5px;
    border-color: #fff transparent transparent transparent;
    font-size: 1px
}

.swatch-option-tooltip .corner::before, .swatch-option-tooltip-layered .corner::before {
    content: '';
    position: relative;
    top: 2px;
    left: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 8px 8.5px 0 8.5px;
    border-color: #adadad transparent transparent transparent;
    font-size: 1px
}

.swatch-option-tooltip .image, .swatch-option-tooltip-layered .image {
    display: block;
    height: 130px;
    width: 130px;
    margin: 0 auto
}

.swatch-option-tooltip .title {
    max-width: 140px;
    min-height: 20px;
    max-height: 200px;
    color: #282828;
    text-align: center;
    display: block;
    overflow: hidden
}

.swatch-opt {
    margin: 20px 0
}

.swatch-more {
    display: inline-block;
    margin: 2px 0;
    text-decoration: none !important;
    position: static;
    z-index: 1
}

.swatch-option-link-layered {
    position: relative;
    margin: 0 !important;
    padding: 0 !important
}

.swatch-option-tooltip-layered {
    width: 140px;
    position: absolute;
    background: #fff;
    color: #949494;
    border: 1px solid #adadad;
    display: none;
    z-index: 999;
    left: -47px
}

.swatch-visual-tooltip-layered {
    height: 160px;
    top: -170px
}

.swatch-textual-tooltip-layered {
    height: 30px;
    top: -40px
}

.swatch-option-link-layered:hover > .swatch-option-tooltip-layered {
    display: block
}

.swatch-attribute-options .swatch-option-tooltip-layered .title {
    width: 100%;
    height: 20px;
    position: absolute;
    bottom: -5px;
    left: 0;
    color: #282828;
    text-align: center;
    margin-bottom: 10px
}

.swatch-option-disabled:after {
    content: '';
    position: absolute;
    width: 42px;
    height: 2px;
    background: red;
    transform: rotate(-30deg);
    -o-transform: rotate(-30deg);
    -moz-transform: rotate(-30deg);
    -ms-transform: rotate(-30deg);
    -webkit-transform: rotate(-30deg);
    z-index: 995;
    left: -4px;
    top: 10px
}

.swatch-option-disabled {
    outline: 0 !important;
    cursor: default;
    border: 0
}

div[class^="swatch-opt-"] {
    margin-bottom: 10px
}

.swatch-option-loading {
    content: url("../../frontend/TemplateMonster/theme001/en_US/images/loader-2.gif");
    padding: 48% 0;
    height: 270px
}

.block-wishlist .subtitle {
    text-transform: uppercase;
    color: #262626;
    padding-bottom: 15px;
    display: block
}

.block-wishlist .product-item {
    display: block;
    margin-bottom: 2.2rem
}

.block-wishlist .product-item-photo {
    float: left;
    width: 75px
}

.block-wishlist .product-item-name {
    font-weight: normal;
    display: inline-block;
    margin-bottom: 15px
}

.block-wishlist .price-box {
    color: #888
}

.block-wishlist .product-item-details {
    overflow: hidden;
    margin-left: 85px;
    padding-right: 20px;
    position: relative;
    margin-top: 1.1rem
}

.block-wishlist .product-item-actions {
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.block-wishlist .product-item-actions .actions-primary {
    margin: 0
}

.block-wishlist .product-item-actions .actions-primary a {
    font-size: 14px
}

.block-wishlist .empty {
    margin-top: 1.1rem
}

.block-wishlist .actions-secondary {
    position: absolute;
    top: 0;
    right: 0
}

.block-wishlist .actions-secondary .action.btn-remove {
    padding: 0;
    margin-right: 0
}

.block-wishlist .actions-secondary .action.btn-remove:before {
    font-size: 16px
}

@media (min-width: 768px) and (max-width: 991px) {
    .block-wishlist .product-item-photo {
        float: none
    }

    .block-wishlist .product-item-details {
        margin: 0;
        padding-top: 10px
    }
}

.form-wishlist-items .actions-toolbar {
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border: 1px solid #e0e0e0;
    padding: 10px;
    background: #f7f7f7
}

.form-wishlist-items .actions-toolbar > .primary {
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2
}

.form-wishlist-items .actions-toolbar > .secondary {
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1
}

.form-wishlist-items .actions-toolbar .action {
    margin: 5px
}

@media (max-width: 768px) {
    .form-wishlist-items .actions-toolbar {
        display: block
    }

    .form-wishlist-items .actions-toolbar .action {
        width: 100%;
        margin: 0 0 5px
    }

    .form-wishlist-items .actions-toolbar .secondary .action {
        margin-bottom: 0;
        text-align: center
    }
}

.products-grid.wishlist .box-tocart {
    margin-bottom: 1.1rem
}

.products-grid.wishlist .box-tocart .field.qty {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex
}

.products-grid.wishlist .box-tocart .field.qty .label {
    -webkit-flex-basis: 50%;
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    max-width: 50%;
    text-align: left
}

.products-grid.wishlist .product-item-actions {
    display: block;
    margin: 0
}

.products-grid.wishlist .product-item-actions .actions-primary {
    margin: 0
}

.bundle-actions {
    margin-bottom: 1.1rem
}

.bundle-options-container {
    -webkit-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    max-width: 100%;
    -webkit-order: 3;
    -ms-flex-order: 3;
    order: 3;
    padding-left: 15px;
    padding-right: 15px
}

.bundle-options-wrapper .legend {
    margin-bottom: 1.1rem
}

.fieldset-bundle-options__wrapper {
    margin-top: 1.1rem
}

.fieldset-bundle-options__wrapper .field.option {
    margin-bottom: 2.2rem
}

.fieldset-bundle-options__wrapper .field.option > .label {
    font-weight: 600
}

.fieldset-bundle-options__wrapper .field.option .price {
    font-size: inherit
}

.fieldset-bundle-options__wrapper .qty-holder {
    margin-top: 1.1rem;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex
}

@media (min-width: 480px) {
    .fieldset-bundle-options__wrapper {
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-left: -15px;
        margin-right: -15px
    }

    .fieldset-bundle-options__wrapper .field.option {
        padding-left: 15px;
        padding-right: 15px;
        -webkit-flex-basis: 50%;
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
        max-width: 50%
    }
}

@media (min-width: 1200px) {
    .fieldset-bundle-options__wrapper .field.option {
        -webkit-flex-basis: 33.33%;
        -ms-flex-preferred-size: 33.33%;
        flex-basis: 33.33%;
        max-width: 33.33%
    }
}

.block-bundle-summary > .title {
    margin-bottom: 1.1rem
}

@media (min-width: 480px) {
    .block-bundle-summary > .content {
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        margin-left: -15px;
        margin-right: -15px
    }

    .block-bundle-summary > .content > div {
        padding-left: 15px;
        padding-right: 15px;
        -webkit-flex-basis: 50%;
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
        max-width: 50%
    }
}

.fotorama-video-container:after {
    background: url(../../frontend/TemplateMonster/theme001/en_US/Magento_ProductVideo/img/gallery-sprite.png) bottom right;
    bottom: 0;
    content: '';
    height: 100px;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 12px;
    width: 100px
}

.fotorama-video-container .magnify-lens {
    display: none !important
}

.fotorama-video-container.video-unplayed:hover img {
    opacity: .6
}

.fotorama-video-container.video-unplayed:hover:after {
    transform: scale(1.25)
}

.video-thumb-icon:after {
    background: url(../../frontend/TemplateMonster/theme001/en_US/Magento_ProductVideo/img/gallery-sprite.png) bottom left;
    bottom: 0;
    content: '';
    height: 40px;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 10px;
    width: 49px
}

.product-video {
    height: 75%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    right: 0;
    bottom: 0;
    margin: auto
}

.product-video iframe {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 9999
}

.fotorama__arr.hidden-video {
    z-index: -1 !important
}

.fotorama__video-close {
    bottom: 89%;
    top: auto
}

.fotorama__stage__shaft:focus .fotorama__stage__frame.fotorama__active:after {
    bottom: 0;
    content: '';
    height: 100px;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 12px;
    width: 100px
}

.page-title-wrapper .order-status {
    padding-bottom: 10px;
    font-size: 1.2em;
    display: inline-block
}

.page-title-wrapper .order-date {
    font-style: italic;
    padding-bottom: 10px
}

.table-order-items caption {
    display: none
}

.order-links {
    font-size: 18px
}

.order-links strong {
    font-weight: normal
}

.order-details-items .order-title {
    display: none
}

.block-order-details-view {
    padding: 40px 0 0;
    overflow: hidden
}

.block-order-details-view .block-content {
    margin: 0 -1%
}

.block-order-details-view .block-content .box {
    display: inline-block;
    min-width: 48%;
    float: left;
    margin: 1%;
    border-top: solid 1px #dadada
}

.block-order-details-view .block-content .box.box-order-billing-address {
    clear: both
}

@media (max-width: 767px) {
    .block-order-details-view .block-content .box {
        min-width: 100%
    }
}

.col.actions .action {
    background: #3883ff;
    color: #FFF;
    font-weight: bold;
    text-transform: uppercase;
    padding: 13px 20px;
    display: inline-block;
    padding: 5px 15px;
    font-size: 14px
}

.col.actions .action:hover {
    background: #0563ff;
    background: #262626
}

.table-wrapper .product-item-name {
    color: #262626;
    margin-bottom: 10px;
    display: inline-block
}

.slider-pro-wrapper {
    margin-bottom: 1px;
    z-index: 1
}

.slider-pro-wrapper .link-slider {
    background: #3883ff;
    color: #FFF;
    font-weight: bold;
    text-transform: uppercase;
    padding: 13px 20px;
    display: inline-block;
    padding: 22px 35px;
    transition: .3s ease 0s
}

.slider-pro-wrapper .link-slider:hover {
    background: #0563ff;
    background: #262626
}

.slider-pro-wrapper .link-slider:hover {
    background: #fa3030;
    color: #fff
}

.slider-pro-wrapper .title-slider {
    text-transform: uppercase
}

.slider-pro-wrapper .sp-horizontal .sp-arrows {
    margin-top: 0;
    top: 75%;
        display: none;
    
}

@media (max-width: 992px) {
    .slider-pro-wrapper .sp-horizontal .sp-arrows {
        top: 66%;
        display: none;
    }
}

.slider-pro-wrapper .sp-horizontal .sp-arrows .sp-arrow {
    font-weight: 500;
    font-size: 0;
    line-height: 1;
    padding: 18px 20px;
    text-transform: uppercase;
    transition: all .2s ease 0s;
    transform: translateY(-50%);
    vertical-align: middle;
    border: 1px solid white;
    color: white;
    height: auto;
    width: 54px;
    z-index: 991
}

.slider-pro-wrapper .sp-horizontal .sp-arrows .sp-arrow::first-letter {
    font-size: 16px
}

.slider-pro-wrapper .sp-horizontal .sp-arrows .sp-arrow:hover {
    font-size: 16px;
    width: 83px
}

.slider-pro-wrapper .sp-horizontal .sp-arrows .sp-arrow:before, .slider-pro-wrapper .sp-horizontal .sp-arrows .sp-arrow:after {
    background: none;
    transform: skew(0deg, 0deg);
    -webkit-transform: skew(0deg, 0deg);
    position: relative;
    left: 0;
    top: 0
}

@media screen and (-ms-high-contrast: active),(-ms-high-contrast: none) {
    .slider-pro-wrapper .sp-horizontal .sp-arrows .sp-arrow {
        font-size: 16px;
        width: 84px
    }

    .slider-pro-wrapper .sp-horizontal .sp-arrows .sp-arrow:before, .slider-pro-wrapper .sp-horizontal .sp-arrows .sp-arrow:after {
        color: #fff
    }

    .slider-pro-wrapper .sp-horizontal .sp-arrows .sp-arrow:hover:before, .slider-pro-wrapper .sp-horizontal .sp-arrows .sp-arrow:hover:after {
        color: #000
    }
}

.slider-pro-wrapper .sp-horizontal .sp-arrows .sp-previous-arrow {
    right: 120px;
    left: auto;
    margin-top: 70px
}

.slider-pro-wrapper .sp-horizontal .sp-arrows .sp-previous-arrow:before {
    content: 'Prev'
}

@media (max-width: 1025px) {
    .slider-pro-wrapper .sp-horizontal .sp-arrows .sp-previous-arrow {
        right: 80px
    }
}

.slider-pro-wrapper .sp-horizontal .sp-arrows .sp-next-arrow {
    right: 120px
}

.slider-pro-wrapper .sp-horizontal .sp-arrows .sp-next-arrow:before {
    content: 'Next'
}

@media (max-width: 1025px) {
    .slider-pro-wrapper .sp-horizontal .sp-arrows .sp-next-arrow {
        right: 80px
    }
}

.slider-pro-wrapper .sp-buttons {
    position: absolute;
    width: auto;
    right: 146px;
    bottom: 36%;
    display: none;
}

.slider-pro-wrapper .sp-buttons .sp-button {
    display: block;
    border-color: #fff;
    width: 16px;
    height: 16px;
    margin: 0 0 45px;
    transition: all .2s ease 0s;
    position: relative;
    z-index: 991
}

.slider-pro-wrapper .sp-buttons .sp-button:last-child {
    margin-bottom: 0
}

.slider-pro-wrapper .sp-buttons .sp-button.sp-selected-button, .slider-pro-wrapper .sp-buttons .sp-button:hover {
    border-color: #3883ff;
    background: #3883ff
}

@media (max-width: 1025px) {
    .slider-pro-wrapper .sp-buttons {
        right: 100px
    }
}

@media (max-width: 992px) {
    .slider-pro-wrapper .sp-buttons {
        bottom: 50%
    }

    .slider-pro-wrapper .sp-buttons .sp-button {
        margin-bottom: 15px
    }
}

@media (max-width: 768px) {
    .slider-pro-wrapper .sp-arrow {
        display: none
    }

    .slider-pro-wrapper .sp-buttons {
        width: 100%;
        left: 0;
        bottom: 0;
        padding: 0
    }

    .slider-pro-wrapper .sp-buttons .sp-button {
        display: inline-block;
        margin: 0 5px
    }

    .slider-pro-wrapper .desc-slider {
        display: none !important
    }

    .slider-pro-wrapper .button-slider {
        margin-top: -25px !important
    }
}

.newsletter-popup.modal-popup._show {
    color: #fff
}

.newsletter-popup.modal-popup._show .modal-inner-wrap {
    margin-top: 12%;
    background: #3883ff;
    padding-bottom: 50px
}

.newsletter-popup.modal-popup._show header.modal-header {
    padding: 38px 48px 0 48px;
    display: block !important
}

.newsletter-popup.modal-popup._show header.modal-header .action-close {
    position: absolute;
    top: 15px;
    right: 15px;
    display: block;
    font-size: 0;
    padding: 0;
    line-height: 1;
    background: none
}

.newsletter-popup.modal-popup._show header.modal-header .action-close::before {
    content: "X";
    display: inline-block;
    font-family: "Material Icons";
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    transform: translate(0, 0);
    font-size: 30px;
    line-height: 1;
    color: #fff
}

.newsletter-popup.modal-popup._show header.modal-header .action-close:hover {
    background: #262626
}

.newsletter-popup.modal-popup._show header.modal-header h1.modal-title {
    color: #fff;
    font-size: 20px;
    font-weight: 500;
    border-bottom: 0;
    padding: 0
}

.newsletter-popup.modal-popup._show .modal-content {
    padding: 20px 48px 0 48px
}

.newsletter-popup.modal-popup._show .modal-content .block.newsletter {
    margin: 0
}

.newsletter-popup.modal-popup._show .modal-content .block.newsletter .field .control #newsletter {
    height: auto;
    border-color: #fff;
    color: #fff;
    padding: 16px 18px;
    outline: 0;
    box-shadow: none;
    font-size: 14px;
    line-height: 18px;
    background: none
}

.newsletter-popup.modal-popup._show .modal-content .block.newsletter .field .control #newsletter::-webkit-input-placeholder {
    color: #fff
}

.newsletter-popup.modal-popup._show .modal-content .block.newsletter .field .control::before {
    display: none
}

.newsletter-popup.modal-popup._show .modal-content .block.newsletter div.mage-error {
    position: absolute;
    top: 100%;
    background: rgba(0, 0, 0, .3)
}

@media screen and (min-width: 768px) {
    .newsletter-popup.modal-popup._show .modal-content .block.newsletter .subscribe {
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex
    }

    .newsletter-popup.modal-popup._show .modal-content .block.newsletter .subscribe .newsletter {
        -webkit-flex-basis: 80%;
        -ms-flex-preferred-size: 80%;
        flex-basis: 80%;
        max-width: 80%;
        padding-right: 10px
    }
}

.newsletter-popup.modal-popup._show .modal-content .title {
    margin-bottom: 20px;
    text-align: center
}

.newsletter-popup.modal-popup._show .modal-social {
    font-size: 1.75em
}

.newsletter-popup.modal-popup._show .modal-social .fa {
    padding: 7px 5px
}

.newsletter-popup.modal-popup._show footer.modal-footer {
    padding: 0
}

.newsletter-popup.modal-popup._show footer.modal-footer .buttons-container {
    padding: 0;
    display: none
}

.newsletter-popup.modal-popup._show footer.modal-footer .modal-social {
    background: none;
    padding: 35px 48px 0
}

.newsletter-popup.modal-popup._show footer.modal-footer .modal-social a {
    display: inline-block;
    margin-bottom: 5px;
    -webkit-transition: .2s;
    -moz-transition: .2s;
    -o-transition: .2s;
    transition: .2s
}

@media screen and (max-width: 767px) {
    .newsletter-popup.modal-popup._show .modal-inner-wrap {
        margin-top: 7%
    }

    .newsletter-popup.modal-popup._show .modal-inner-wrap {
        width: auto !important;
        margin-right: 20px;
        margin-left: 20px
    }

    .newsletter-popup.modal-popup._show .modal-content, .newsletter-popup.modal-popup._show footer.modal-footer .buttons-container, .newsletter-popup.modal-popup._show footer.modal-footer .modal-social {
        padding: 10px 20px 10px
    }

    .newsletter-popup.modal-popup._show header.modal-header {
        padding: 38px 20px 0
    }
}

.modals-wrapper .modal-popup.compare-popup._show {
    -webkit-overflow-scrolling: touch;
    overflow-y: auto;
    overflow-x: hidden
}

.modals-wrapper .modal-popup.compare-popup .modal-inner-wrap {
    overflow: hidden;
    box-sizing: border-box;
    height: auto;
    min-height: 100%
}

.modals-wrapper .modal-popup.compare-popup._inner-scroll .modal-content {
    margin-right: -40px;
    padding-right: 40px
}

.modals-wrapper .modal-popup.compare-popup .modal-footer {
    display: block;
    min-height: 70px !important
}

@media (min-width: 768px) {
    .row-menu__content {
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        position: relative
    }

    .row-menu__content .navigation {
        width: 1170px;
        margin: 0 auto;
        background: none
    }

    .row-menu__content .navigation .container {
        padding: 0
    }

    .row-menu__content .navigation .row {
        margin-bottom: 0
    }

    .row-menu__content .navigation li.level-top .megamenu-wrapper {
        padding: 50px 40px;
        margin: 0;
        background: #f7f7f7 url("../../frontend/TemplateMonster/theme001/en_US/images/media/bg-menu.jpg") no-repeat right bottom;
        min-height: 380px;
        display: block
    }

    .row-menu__content .navigation li a {
        text-transform: uppercase;
        padding: 0
    }

    .row-menu__content .navigation li li li {
        margin-bottom: 6px
    }

    .row-menu__content .navigation .level1 > li > a {
        color: #262626;
        margin-bottom: 8px
    }

    .row-menu__content .navigation .mm-submenu {
        margin-bottom: 20px
    }

    .row-menu__content .navigation .mm-submenu:last-child {
        margin-bottom: 0
    }

    .rd-navbar-static.rd-navbar .rd-navbar-nav > li {
        margin-right: 45px
    }

    .rd-navbar-static.rd-navbar .rd-navbar-nav > li:before {
        display: none
    }

    .rd-navbar-static.rd-navbar .rd-navbar-nav > li.parent .rd-navbar-submenu-toggle {
        width: 100%;
        position: relative;
        display: block;
        z-index: 0
    }

    .rd-navbar-static.rd-navbar .rd-navbar-nav > li.parent .rd-navbar-submenu-toggle:after {
        content: "";
        display: inline-block;
        font-family: "Material Icons";
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        transform: translate(0, 0);
        color: white;
        position: absolute;
        bottom: 0;
        width: 100%;
        text-align: center;
        line-height: 0
    }

    .rd-navbar-static.rd-navbar .rd-navbar-nav > li a {
        padding: 0
    }

    .rd-navbar-static.rd-navbar .rd-navbar-nav > li > a {
        color: #fff;
        text-transform: uppercase;
        position: relative;
        z-index: 2
    }

    .rd-navbar-static.rd-navbar .rd-navbar-nav > li > a:before {
        font-size: 30px;
        margin-right: 10px;
        float: left
    }

    .rd-navbar-static.rd-navbar .rd-navbar-nav > li:hover > a, .rd-navbar-static.rd-navbar .rd-navbar-nav > li:hover .rd-navbar-submenu-toggle:after, .rd-navbar-static.rd-navbar .rd-navbar-nav > li.has-active > a, .rd-navbar-static.rd-navbar .rd-navbar-nav > li.has-active .rd-navbar-submenu-toggle:after, .rd-navbar-static.rd-navbar .rd-navbar-nav > li.active > a, .rd-navbar-static.rd-navbar .rd-navbar-nav > li.active .rd-navbar-submenu-toggle:after, .rd-navbar-static.rd-navbar .rd-navbar-nav > li.focus > a, .rd-navbar-static.rd-navbar .rd-navbar-nav > li.focus .rd-navbar-submenu-toggle:after {
        color: #262626
    }

    .rd-navbar-static.rd-navbar .rd-navbar-nav > li li a {
        padding: 0 10px 1px
    }

    .rd-navbar-static.rd-navbar .rd-navbar-nav > li .rd-navbar-dropdown {
        margin-top: 0
    }

    .rd-navbar-static.rd-navbar .rd-navbar-nav li.rd-navbar--has-dropdown::before {
        display: none
    }

    .rd-navbar-static.rd-navbar .rd-navbar-dropdown, .rd-navbar-static.rd-navbar .rd-navbar-megamenu {
        background: #f7f7f7
    }

    .rd-navbar-static.rd-navbar .rd-navbar-dropdown {
        padding: 20px
    }

    .rd-navbar-static.rd-navbar .rd-navbar-dropdown li.focus > a, .rd-navbar-static.rd-navbar .rd-navbar-dropdown li.opened > a, .rd-navbar-static.rd-navbar .rd-navbar-dropdown a:hover, .rd-navbar-static.rd-navbar .rd-navbar-megamenu li.focus > a, .rd-navbar-static.rd-navbar .rd-navbar-megamenu li.opened > a, .rd-navbar-static.rd-navbar .rd-navbar-megamenu a:hover {
        background: #eaeaea
    }

    .rd-navbar-static.rd-navbar .rd-navbar-nav > li > .rd-navbar-dropdown, .rd-navbar-static.rd-navbar .rd-navbar-nav > li > .rd-navbar-megamenu {
        top: 63px
    }

    .navigation .rd-navbar-dropdown li {
        margin-bottom: 4px
    }
}


@media (max-width: 1680px) and (min-width: 768px) {
    .row-menu__content .navigation {
        /*order: 3; */
        width: 75%;
        /* margin-top: 50px;*/
        padding-bottom: 10px
    }

    .row-menu__content .navigation:before {
        content: "";
        position: absolute;
        width: 200%;
        left: -100px;
        top: -25px
    }

    .row-menu__content .container {
        max-width: inherit
    }
}

@media (max-width: 1200px) {
    .rd-navbar-static.rd-navbar .rd-navbar-nav > li {
        margin-right: 15px;
        font-size: 14px
    }

    .rd-navbar-static.rd-navbar .rd-navbar-nav > li > a::before {
        font-size: 20px;
        margin-right: 5px
    }
}

@media (max-width: 767px) {
    .rd-navbar-fixed .rd-navbar-submenu .megamenu-wrapper.rd-navbar-megamenu ul li li > a {
        padding-left: 15px;
        padding-right: 0
    }

    .navigation li.level-top, .navigation a.level-top {
        position: relative
    }

    .rd-navbar-nav .level0:before {
        display: none
    }

    .rd-navbar-nav .level0 > a:before {
        margin-right: 5px;
        line-height: 1;
        vertical-align: middle
    }
}

@charset "UTF-8";
body._has-modal {
    height: 100%;
    overflow: hidden;
    width: 100%
}

body._has-modal-custom .modal-custom-overlay {
    height: 100vh;
    left: 0;
    position: fixed;
    top: 0;
    width: 100vw;
    background: rgba(0, 0, 0, .7);
    z-index: 999
}

.modal-custom .action-close, .modal-popup .action-close, .modal-slide .action-close {
    position: absolute;
    right: 0;
    top: 0;
    overflow: hidden;
    font-size: 0;
    line-height: 1
}

.modal-custom .action-close:before, .modal-popup .action-close:before, .modal-slide .action-close:before {
    font-size: 30px;
    color: #262626;
    content: "";
    display: inline-block;
    font-family: "Material Icons";
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    transform: translate(0, 0)
}

.modal-custom .action-close:hover:before, .modal-popup .action-close:hover:before, .modal-slide .action-close:hover:before {
    color: #3883ff
}

.modal-popup._show {
    background: rgba(0, 0, 0, .18)
}

.modals-overlay {
    z-index: 800
}

.modal-slide, .modal-popup {
    bottom: 0;
    left: 0;
    pointer-events: none;
    position: fixed;
    right: 0;
    top: 0
}

.modal-slide._show, .modal-popup._show {
    visibility: visible;
    pointer-events: auto
}

.modal-slide._show .modal-inner-wrap, .modal-popup._show .modal-inner-wrap {
    position: relative;
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0)
}

.modal-slide .modal-inner-wrap, .modal-popup .modal-inner-wrap {
    padding: 15px;
    background-color: #fff;
    opacity: 1;
    pointer-events: auto;
    text-align: center
}

.modal-slide {
    left: auto;
    z-index: 1000
}

.modal-slide._show .modal-inner-wrap {
    -webkit-transform: translateX(0);
    transform: translateX(0)
}

.modal-slide .modal-inner-wrap {
    height: 100%;
    overflow-y: auto;
    position: static;
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    transition-duration: .3s;
    -webkit-transition-property: -webkit-transform, visibility;
    transition-property: transform, visibility;
    transition-timing-function: ease-in-out;
    width: 270px
}

.modal-slide._inner-scroll .modal-inner-wrap {
    overflow-y: visible;
    display: flex;
    flex-direction: column
}

.modal-slide._inner-scroll .modal-header, .modal-slide._inner-scroll .modal-footer {
    flex-grow: 0;
    flex-shrink: 1
}

.modal-slide._inner-scroll .modal-content {
    overflow-y: auto
}

.modal-slide._inner-scroll .modal-footer {
    margin-top: auto
}

.modal-slide .modal-header, .modal-slide .modal-content, .modal-slide .modal-footer {
    padding: 0 .5rem .5rem
}

.modal-slide .modal-header {
    padding-bottom: 10px;
    padding-top: 10px
}

.modal-popup {
    left: 0;
    display: block;
    overflow-y: auto;
    z-index: 1000
}

.modal-popup._show .modal-inner-wrap {
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.modal-popup .modal-inner-wrap {
    box-sizing: border-box;
    height: auto;
    left: 0;
    margin: 4rem auto;
    position: absolute;
    right: 0;
    -webkit-transform: translateY(-200%);
    transform: translateY(-200%);
    transition-duration: .2s;
    -webkit-transition-property: -webkit-transform, visibility;
    transition-property: transform, visibility;
    transition-timing-function: ease;
    display: flex;
    flex-direction: column;
    width: 75%
}

.modal-popup._inner-scroll {
    overflow-y: visible
}

.ie10 .modal-popup._inner-scroll, .ie9 .modal-popup._inner-scroll {
    overflow-y: auto
}

.modal-popup._inner-scroll .modal-inner-wrap {
    max-height: 90%
}

.ie10 .modal-popup._inner-scroll .modal-inner-wrap, .ie9 .modal-popup._inner-scroll .modal-inner-wrap {
    max-height: none
}

.modal-popup._inner-scroll .modal-content {
    overflow-y: auto
}

.modal-popup .modal-header, .modal-popup .modal-content, .modal-popup .modal-footer {
    padding-left: 1rem;
    padding-right: 1rem
}

.modal-popup .modal-header, .modal-popup .modal-footer {
    flex-grow: 0;
    flex-shrink: 1
}

.modal-popup .modal-header {
    padding-bottom: 1rem;
    padding-top: 1rem
}

.modal-popup .modal-footer {
    margin-top: auto;
    padding-bottom: 1rem;
    padding-top: 1rem
}

.modal-popup .modal-footer-actions {
    text-align: right
}

.modal-popup.confirm .modal-inner-wrap {
    left: 50%;
    margin-left: -25rem;
    width: 50rem
}

.modal-popup._image-box .modal-inner-wrap {
    margin: 5rem auto;
    max-width: 78rem;
    position: static
}

.modal-popup._image-box .thumbnail-preview {
    padding-bottom: 4.4rem;
    text-align: center
}

.modal-popup._image-box .thumbnail-preview .thumbnail-preview-image-block {
    border: 1px solid #ccc;
    margin: 0 auto 2.2rem;
    max-width: 58.4rem;
    padding: 2.2rem
}

.modal-popup._image-box .thumbnail-preview .thumbnail-preview-image {
    max-height: 54rem
}

.modal-popup .modal-title {
    font-size: 1.75rem;
    color: #262626;
    margin: 0;
    text-align: center;
    border-bottom: 1px solid #e0e0e0;
    padding-bottom: 20px
}

.modal-popup .action-primary, .modal-popup .modal-footer button {
    background: #3883ff;
    color: #FFF;
    font-weight: bold;
    text-transform: uppercase;
    padding: 13px 20px;
    line-height: normal
}

.modal-popup .action-primary:hover, .modal-popup .modal-footer button:hover {
    background: #0563ff;
    background: #262626
}

.modal-popup .action-secondary {
    background: #262626;
    padding: .8rem 1rem;
    line-height: 1.5em;
    display: inline-block;
    color: white
}

.modal-popup .action-secondary:hover {
    background: #0d0d0d
}

@media (max-width: 768px) {
    .custom-slide {
        bottom: 0;
        left: 0;
        pointer-events: none;
        position: fixed;
        right: 0;
        top: 0;
        left: auto;
        z-index: 1000
    }

    .custom-slide._show {
        visibility: visible;
        pointer-events: auto
    }

    .custom-slide._show .modal-inner-wrap {
        position: relative;
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0)
    }

    .custom-slide .modal-inner-wrap {
        padding: 15px;
        background-color: #fff;
        opacity: 1;
        pointer-events: auto;
        text-align: center
    }

    .custom-slide._show .modal-inner-wrap {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    .custom-slide .modal-inner-wrap {
        height: 100%;
        overflow-y: auto;
        position: static;
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
        transition-duration: .3s;
        -webkit-transition-property: -webkit-transform, visibility;
        transition-property: transform, visibility;
        transition-timing-function: ease-in-out;
        width: 270px
    }

    .custom-slide._inner-scroll .modal-inner-wrap {
        overflow-y: visible;
        display: flex;
        flex-direction: column
    }

    .custom-slide._inner-scroll .modal-header, .custom-slide._inner-scroll .modal-footer {
        flex-grow: 0;
        flex-shrink: 1
    }

    .custom-slide._inner-scroll .modal-content {
        overflow-y: auto
    }

    .custom-slide._inner-scroll .modal-footer {
        margin-top: auto
    }

    .custom-slide .modal-header, .custom-slide .modal-content, .custom-slide .modal-footer {
        padding: 0 .5rem .5rem
    }

    .custom-slide .modal-header {
        padding-bottom: 10px;
        padding-top: 10px
    }

    .custom-slide._show {
        -webkit-overflow-scrolling: touch;
        overflow-y: auto;
        overflow-x: hidden
    }

    .custom-slide .modal-inner-wrap {
        box-sizing: border-box;
        height: auto;
        min-height: 100%;
        text-align: left
    }

    body._has-modal-custom {
        height: 100vh;
        overflow: hidden;
        width: 100vw
    }

    .modal-custom .action-close, .modal-popup .action-close, .modal-slide .action-close {
        display: block
    }
}

.page-print .order-details-items .actions-toolbar {
    display: none
}

fieldset, .fieldset {
    outline: 0
}

.field {
    margin-bottom: 1.1rem;
    position: relative
}

.field.additional, .field.choice {
    margin-bottom: 0
}

.field .label, .field label {
    margin-right: 30px;
    line-height: 1.5em;
    padding: .38rem 0;
    display: inline-block;
    color: #262626
}

.field .checkbox {
    margin: .55rem .5rem 0 0
}

.field input.qty {
    width: 6rem
}

.legend, legend {
    font-size: 1rem;
    font-weight: 600
}

.legend + br, legend + br {
    display: none
}

.control .nested {
    margin-top: 1.1rem
}

.control .nested .field {
    margin-bottom: 0
}

input[type="text"], .input-text, input[type="email"], input[type="password"], input[type="number"], select, textarea {
    display: block;
    width: 100%;
    padding: .38rem 1rem;
    font-size: 16px;
    line-height: 1.5em;
    background: #fff;
    border: 1px solid rgba(56, 131, 255, 0.68);
    outline: 0;
    margin-bottom: 8px;
}

input[type="text"].mage-error, .input-text.mage-error, input[type="email"].mage-error, input[type="password"].mage-error, input[type="number"].mage-error, select.mage-error, textarea.mage-error {
    border: solid 1px red;
    font-style: normal
}

input[type="text"]:focus, input[type="text"]:hover, .input-text:focus, .input-text:hover, input[type="email"]:focus, input[type="email"]:hover, input[type="password"]:focus, input[type="password"]:hover, input[type="number"]:focus, input[type="number"]:hover, select:focus, select:hover, textarea:focus, textarea:hover {
    outline: 0
}

select {
    height: 2.63rem
}

textarea {
    max-width: 100%
}

.radio, input[type="checkbox"], input[type="radio"] {
    display: inline-block;
    width: auto;
    height: 1.5em;
    margin: .38rem .38rem 0 0
}

p.required {
    color: #d73105
}

.form-inline {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex
}

.form-inline .control input, .form-inline .control select, .form-inline .control textarea {
    width: auto
}

.fieldset > .field.required > .label::after, .fieldset > .fields > .field.required > .label::after {
    color: #d73105;
    content: "*";
    font-size: 12px;
    margin: 0 0 0 5px
}

.actions-toolbar .action, .box-actions .action, .product-item-actions .action, .checkout.methods .action {
    background: #262626;
    padding: .8rem 1rem;
    line-height: 1.5em;
    display: inline-block;
    color: white
}

.actions-toolbar .action:hover, .box-actions .action:hover, .product-item-actions .action:hover, .checkout.methods .action:hover {
    background: #0d0d0d
}

.product-item-actions .actions-secondary .action {
    font-size: 24px;
    color: #d2dae3;
    margin-right: 13px;
    padding: 0;
    background: none;
    line-height: 1;
}

.product-item-actions .actions-secondary .action:hover {
    color: #3883ff
}

.actions-primary .action, .primary .action, .action.primary, .checkout.methods .primary {
    background: #3883ff;
    color: #FFF;
    font-weight: bold;
    text-transform: uppercase;
    padding: 13px 20px
}

.actions-primary .action:hover, .primary .action:hover, .action.primary:hover, .checkout.methods .primary:hover {
    background: #0563ff;
    background: #262626
}

a.action.delete, a.action.edit, a.action.change-password {
    display: inline-block;
    padding: .8rem 1rem
}

a.action.delete span, a.action.edit span, a.action.change-password span {
    display: none
}

a.action.delete:before {
    content: "";
    display: inline-block;
    font-family: "Material Icons";
    font-weight: 400;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: translate(0, 0);
    line-height: 1
}

a.action.edit:before {
    content: "";
    display: inline-block;
    font-family: "Material Icons";
    font-weight: 400;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: translate(0, 0);
    line-height: 1
}

.actions-toolbar {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    margin: 0 -.25rem
}

.actions-toolbar .action {
    margin: 0 .25rem;
    display: inline-block
}

div.mage-error {
    font-size: .8rem;
    line-height: 1.2rem;
    font-style: italic;
    color: #f11f17;
    padding: .38rem 1rem;
    position: absolute;
    background: #fff;
    top: 100%;
    box-shadow: 0 0 8px rgba(0, 0, 0, .28);
    z-index: 2
}

#product-sendtofriend-form .actions-toolbar {
    margin-bottom: 7px
}

table.table {
    width: 100%;
    border-collapse: inherit
}

table.table tr.row {
    display: table-row;
    margin: 0
}

table.table tr.row .col {
    padding-right: 0;
    padding-right: 0
}

table.table thead th {
    border-bottom: solid 1px #dadada
}

table.table th, table.table td {
    padding: 10px
}

table.table th:first-child, table.table td:first-child {
    padding-left: 0
}

@media (max-width: 768px) {
    table.table th {
        display: none
    }

    table.table td {
        width: 100%;
        padding: 10px 0;
        display: block
    }

    table.table td:before {
        font-weight: bold;
        display: block;
        border-bottom: solid 1px #dadada;
        content: attr(data-th);
        margin-bottom: 10px
    }
}

table.table-bordered {
    border-top: 2px solid #3883ff;
    border-left: 1px solid #dadada
}

table.table-bordered th, table.table-bordered td {
    border-right: 1px solid #dadada;
    border-bottom: 1px solid #dadada
}

table.data-table {
    width: 100%
}

table.data-table th, table.data-table td {
    padding: 20px;
    vertical-align: middle
}

table.data-table th {
    background: #f0f0f0;
    text-transform: uppercase;
    color: #000
}

table thead {
    color: #262626
}

dl dd {
    padding-left: 2.2rem
}

.rd-navbar-wrap, .rd-navbar-static.rd-navbar--is-clone, .rd-navbar-static .rd-navbar-dropdown, .rd-navbar-static .rd-navbar-megamenu, .rd-navbar-fixed .rd-navbar-nav-wrap, .rd-navbar-fixed .rd-navbar-submenu, .rd-navbar-fixed .rd-navbar-submenu-toggle, .rd-navbar-cart, .rd-navbar-static #top-cart-btn-checkout, .rd-navbar-fixed .rd-navbar-cart-floating, .rd-navbar-fixed .rd-navbar-cart-floating:before, .rd-navbar-fixed .rd-navbar-cart-floating #top-cart-btn-checkout, .rd-navbar-fixed .rd-navbar-cart-fixed, .rd-navbar-fixed .rd-navbar-search .form-group, .rd-navbar-fixed .rd-navbar-collapse, .rd-navbar-fixed .rd-navbar-collapse:before {
    transition: .3s all cubic-bezier(0.785, .135, .15, .86)
}

.rd-navbar, .rd-navbar.rd-navbar--is-clone {
    display: none
}

.rd-navbar-fixed, .rd-navbar-static, .rd-navbar-fullwidth, .rd-navbar-sidebar {
    display: block
}

.rd-navbar--no-transition, .rd-navbar--no-transition * {
    transition: none !important
}

.rd-navbar-fixed .block, .rd-navbar-static .block, .rd-navbar-fullwidth .block, .rd-navbar-sidebar .block {
    margin: 0
}

.rd-navbar-outer {
    color: #888;
    background: #FFF
}

.rd-navbar-static {
    background: #262626
}

.rd-navbar-static .rd-navbar-nav-wrap, .rd-navbar-static .rd-navbar-search-wrap {
    display: table-cell;
    vertical-align: middle
}

.rd-navbar-static .rd-navbar-nav-wrap {
    width: 100%
}

.rd-navbar-static.rd-navbar--is-clone {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    display: block;
    -webkit-transform: translateY(-105%);
    transform: translateY(-105%);
    z-index: 20
}

.rd-navbar-static.rd-navbar--is-clone .rd-navbar-panel {
    display: none
}

.rd-navbar-static.rd-navbar--is-clone.rd-navbar--is-stuck {
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.rd-navbar-static.rd-navbar--is-stuck {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    z-index: 20;
    box-shadow: 0 0 2px 0 rgba(0, 0, 0, .25), 0 3px 5px 0 rgba(0, 0, 0, .25)
}

.rd-navbar-static.rd-navbar--is-stuck .rd-navbar-panel {
    display: none
}

.rd-navbar-static.rd-navbar--is-stuck {
    box-shadow: 0 2px 4px rgba(56, 131, 255, .1)
}

.rd-navbar-static.rd-navbar--is-stuck .page-header__panel, .rd-navbar-static.rd-navbar--is-stuck .page-header__content {
    display: none;
}

.rd-navbar-static .rd-navbar-nav li.rd-navbar--has-dropdown:before {
    content: "";
    display: inline-block;
    font-family: "Material Icons";
    font-weight: 400;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: translate(0, 0);
    line-height: 1
}

.rd-navbar-static .rd-navbar-nav li.rd-navbar--has-dropdown:before {
    position: absolute;
    right: 7px;
    top: 50%;
    margin-top: -10px
}

.rd-navbar-static .rd-navbar-nav li.rd-navbar--has-dropdown.level-top:before {
    right: 1px;
    margin-top: -9px
}

.rd-navbar-nav, .rd-navbar-toggle {
    display: none
}

.navigation {
    background: #f0f0f0
}

.rd-navbar-nav .rd-navbar-dropdown > li {
    width: 100%
}

.rd-navbar-static .rd-navbar-subpanel {
    display: table
}

.rd-navbar-static .rd-navbar-outer .rd-navbar-inner {
    position: relative
}

.rd-navbar-static .rd-navbar-dropdown, .rd-navbar-static .rd-navbar-megamenu {
    position: absolute;
    padding: 8px 0;
    color: #888;
    background: #e6e6e6;
    text-align: left;
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translateY(30px);
    transform: translateY(30px)
}

.rd-navbar-static .rd-navbar-dropdown li > a, .rd-navbar-static .rd-navbar-megamenu li > a {
    display: block;
    font-size: 14px;
    line-height: 24px;
    padding: 6px 16px
}

.rd-navbar-static .rd-navbar-dropdown li.focus > a, .rd-navbar-static .rd-navbar-dropdown li.opened > a, .rd-navbar-static .rd-navbar-dropdown a:hover, .rd-navbar-static .rd-navbar-megamenu li.focus > a, .rd-navbar-static .rd-navbar-megamenu li.opened > a, .rd-navbar-static .rd-navbar-megamenu a:hover {
    color: #3883ff;
    background: #d9d9d9
}

.rd-navbar-static .rd-navbar-dropdown {
    width: 270px
}

.rd-navbar-static .rd-navbar-megamenu {
    margin-top: 10px;
    left: 0;
    right: 0;
    display: table;
    table-layout: fixed;
    width: 100%;
    padding: 16px 8px
}

.rd-navbar-static .rd-navbar-megamenu > li {
    display: table-cell
}

.rd-navbar-static .rd-navbar-nav {
    display: block;
    text-align: left
}

.rd-navbar-static .rd-navbar-nav li.rd-navbar--has-dropdown {
    position: relative
}

.rd-navbar-static .rd-navbar-nav li.focus > .rd-navbar-dropdown, .rd-navbar-static .rd-navbar-nav li.focus > .rd-navbar-megamenu, .rd-navbar-static .rd-navbar-nav li.opened > .rd-navbar-dropdown, .rd-navbar-static .rd-navbar-nav li.opened > .rd-navbar-megamenu {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.rd-navbar-static .rd-navbar-nav > li {
    display: inline-block;
    margin-right: 15px
}

.rd-navbar-static .rd-navbar-nav > li > .rd-navbar-dropdown, .rd-navbar-static .rd-navbar-nav > li > .rd-navbar-megamenu {
    top: 100%;
    z-index: 1
}

.rd-navbar-static .rd-navbar-nav > li > .rd-navbar-dropdown {
    left: 0;
    margin-top: 5px
}

.rd-navbar-static .rd-navbar-nav > li > .rd-navbar-dropdown .rd-navbar-dropdown {
    left: 100%;
    top: -8px;
    z-index: 2
}

.rd-navbar-static .rd-navbar-nav > li > a {
    display: block;
    font-weight: 500;
    line-height: 26px;
    padding: 10px 20px;
    color: #888
}

.rd-navbar-static .rd-navbar-nav > li.active > a, .rd-navbar-static .rd-navbar-nav > li.opened > a, .rd-navbar-static .rd-navbar-nav > li.focus > a, .rd-navbar-static .rd-navbar-nav > li > a:hover {
    color: #3883ff
}

.rd-navbar-fixed .rd-navbar-toggle {
    display: block;
    display: inline-block;
    position: relative;
    width: 48px;
    height: 48px;
    font-size: 24px;
    line-height: 48px;
    text-align: center;
    cursor: pointer;
    color: #FFF;
    background: #000;
}

.rd-navbar-fixed .rd-navbar-toggle span {
    position: relative;
    display: block;
    margin: auto;
    transition: .3s all ease;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.rd-navbar-fixed .rd-navbar-toggle span:before, .rd-navbar-fixed .rd-navbar-toggle span:after {
    -webkit-transform-origin: 1.71429px center;
    transform-origin: 1.71429px center;
    -webkit-transform-origin: 1.71429px center;
    transform-origin: 1.71429px center;
    content: "";
    position: absolute;
    left: 0;
    top: -8px;
    transition: .3s all ease
}

.rd-navbar-fixed .rd-navbar-toggle span:after {
    top: 8px
}

.rd-navbar-fixed .rd-navbar-toggle span:after, .rd-navbar-fixed .rd-navbar-toggle span:before, .rd-navbar-fixed .rd-navbar-toggle span {
    width: 24px;
    height: 4px;
    background-color: #FFF;
    backface-visibility: hidden;
    border-radius: 0
}

.rd-navbar-fixed .rd-navbar-toggle.active span {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg)
}

.rd-navbar-fixed .rd-navbar-toggle.active span:before, .rd-navbar-fixed .rd-navbar-toggle.active span:after {
    top: 0;
    width: 15px
}

.rd-navbar-fixed .rd-navbar-toggle.active span:before {
    -webkit-transform: rotate3d(0, 0, 1, -40deg);
    transform: rotate3d(0, 0, 1, -40deg)
}

.rd-navbar-fixed .rd-navbar-toggle.active span:after {
    -webkit-transform: rotate3d(0, 0, 1, 40deg);
    transform: rotate3d(0, 0, 1, 40deg)
}

.rd-navbar-fixed .rd-navbar-nav-wrap {
    position: fixed;
    top: -56px;
    left: 0;
    width: 232px;
    padding: 112px 0 56px;
    bottom: -56px;
    color: #888;
    background: #434343;
    box-shadow: 0 3px 5px 0 rgba(0, 0, 0, .25);
    z-index: 15;
    -webkit-transform: translateX(-105%);
    transform: translateX(-105%)
}

.rd-navbar-fixed .rd-navbar-nav-wrap.active {
    -webkit-transform: translateX(0);
    transform: translateX(0)
}

.rd-navbar-fixed .rd-navbar-nav {
    display: block;
    height: 100%;
    overflow: auto;
    font-size: 16px;
    line-height: 26px;
    text-align: left
}

.rd-navbar-fixed .rd-navbar-nav:before, .rd-navbar-fixed .rd-navbar-nav:after {
    content: '';
    display: block;
    height: 8px
}

.rd-navbar-fixed .rd-navbar-nav li > a {
    display: block;
    padding: 11px 56px 11px 16px;
    color: #FFF
}

.rd-navbar-fixed .rd-navbar-nav li.opened > a, .rd-navbar-fixed .rd-navbar-nav li a:hover {
    background: #3883ff;
    color: #FFF
}

.rd-navbar-fixed .rd-navbar-nav li.active > a {
    background: #0563ff
}

.rd-navbar-fixed .rd-navbar-dropdown, .rd-navbar-fixed .rd-navbar-megamenu {
    display: none
}

.rd-navbar-fixed .rd-navbar-submenu {
    position: relative
}

.rd-navbar-fixed .rd-navbar-submenu li > a {
    padding-left: 32px
}

.rd-navbar-fixed .rd-navbar-submenu .rd-navbar-dropdown li li > a, .rd-navbar-fixed .rd-navbar-submenu .rd-navbar-megamenu ul li li > a {
    padding-left: 48px
}

.rd-navbar-fixed .rd-navbar-submenu.opened > .rd-navbar-dropdown, .rd-navbar-fixed .rd-navbar-submenu.opened > .rd-navbar-megamenu {
    display: block
}

.rd-navbar-fixed .rd-navbar-submenu-toggle {
    position: absolute;
    right: 0;
    z-index: 999;
    top: 0;
    width: 40px;
    height: 47px;
    line-height: 47px;
    text-align: center;
    color: #FFF;
    cursor: pointer
}

.rd-navbar-fixed .rd-navbar-submenu-toggle:before {
    content: "";
    display: inline-block;
    font-family: "Material Icons";
    font-weight: 400;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: translate(0, 0);
    line-height: 1
}

.rd-navbar-fixed .rd-navbar-submenu-toggle:hover {
    color: #FFF
}

.rd-navbar-brand {
    display: none;
    color: #FFF
}

.rd-navbar-static .rd-navbar-brand {
    display: inline-block;
    float: left
}

.rd-navbar-static .rd-navbar-brand > * {
    display: inline-block;
    vertical-align: middle
}

.rd-navbar-static .rd-navbar-brand > img {
    margin-right: 10px
}

.rd-navbar-static .rd-navbar-brand > a {
    font-size: 36px;
    line-height: 48px
}

.rd-navbar-static .rd-navbar-brand > a span {
    display: none
}

.rd-navbar-fixed .rd-navbar-brand {
    display: block;
    text-align: left;
    position: fixed;
    top: 4px;
    left: 56px;
    right: 112px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 22px;
    line-height: 46px;
    height: 48px;
    z-index: 17
}

.rd-navbar-fixed .rd-navbar-brand img {
    display: none
}

.rd-navbar-fixed .rd-navbar-brand a {
    display: inline-block
}

.rd-navbar-cart-floating {
    display: none
}

.rd-navbar-cart-toggle {
    color: white
}

.rd-navbar-cart-toggle span {
    display: inline-block;
    position: relative;
    width: 30px;
    height: 30px;
    font-size: 30px;
    line-height: 30px;
    text-align: center;
    cursor: pointer;
    color: #fff
}

.rd-navbar-cart-toggle span, .rd-navbar-cart-toggle span:before, .rd-navbar-cart-toggle span:after {
    transition: .3s all ease
}

.rd-navbar-cart-toggle span:before, .rd-navbar-cart-toggle span:after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.rd-navbar-cart-toggle span:before {
    content: "";
    -webkit-transform: rotate(0deg) scale(1);
    transform: rotate(0deg) scale(1);
    opacity: 1;
    visibility: visible
}

.rd-navbar-cart-toggle span:after {
    content: "";
    -webkit-transform: rotate(-90deg) scale(0);
    transform: rotate(-90deg) scale(0);
    opacity: 0;
    visibility: hidden
}

.rd-navbar-cart-toggle.active span:before {
    opacity: 0;
    visibility: hidden;
    -webkit-transform: rotate(90deg) scale(0);
    transform: rotate(90deg) scale(0)
}

.rd-navbar-cart-toggle.active span:after {
    -webkit-transform: rotate(0deg) scale(1);
    transform: rotate(0deg) scale(1);
    opacity: 1;
    visibility: visible
}

.rd-navbar-cart-toggle:hover {
    opacity: .8;
    color: #fff
}

.rd-navbar-cart-toggle span {
    font-family: "Material Icons"
}

.rd-navbar-cart-toggle .counter-label {
    display: none
}

.rd-navbar-cart {
    display: none;
    text-align: left;
    color: #888;
    background: #f7f7f7
}

.rd-navbar-cart .block-minicart.empty {
    height: auto
}

.rd-navbar-cart .block-title, .rd-navbar-cart button.close {
    display: none
}

.rd-navbar-cart .subtitle {
    text-transform: uppercase;
    color: #262626;
    padding-bottom: 25px;
    display: block
}

.rd-navbar-cart .subtitle.empty {
    padding-bottom: 0
}

.rd-navbar-cart #minicart-content-wrapper {
    overflow: hidden;
    padding: 50px
}

.rd-navbar-cart .block-content {
    position: static
}

.rd-navbar-cart .block-content .items-total {
    font-size: 18px;
    color: #000
}

.rd-navbar-cart .block-content .product-item {
    overflow: unset
}

.rd-navbar-cart .block-content > .actions {
    position: relative;
    text-align: center
}

.rd-navbar-cart .block-content > .actions > div {
    display: inline-block;
    margin-bottom: 5px
}

.rd-navbar-cart .block-content > .actions > div:first-child {
    margin-right: 10px
}

.rd-navbar-cart .block-content > .actions .primary button, .rd-navbar-cart .block-content > .actions .primary a, .rd-navbar-cart .block-content > .actions .secondary button, .rd-navbar-cart .block-content > .actions .secondary a {
    display: block;
    width: 100%;
    text-align: center
}

.rd-navbar-cart .minicart-items-wrapper .product-item-details .toggle {
    margin: 0
}

.rd-navbar-cart:before {
    content: '';
    position: absolute;
    height: 32px;
    left: 0;
    right: 0;
    top: 0;
    z-index: 1
}

.rd-navbar-cart-items {
    overflow: auto;
    max-height: 100%;
    height: 100%;
    padding: 16px 0
}

.rd-navbar-cart-items::-webkit-scrollbar {
    width: 4px
}

.rd-navbar-cart-items::-webkit-scrollbar-thumb {
    background: #888
}

.rd-navbar-cart .rd-navbar-cart-item__preview {
    border-radius: 50%
}

.rd-navbar-cart .rd-navbar-cart-item {
    position: relative;
    padding: 8px 0
}

.rd-navbar-cart .rd-navbar-cart-item__left, .rd-navbar-cart .rd-navbar-cart-item__body, .rd-navbar-cart .rd-navbar-cart-item__remove {
    position: relative;
    display: table-cell
}

.rd-navbar-cart .rd-navbar-cart-item__left {
    padding: 0 16px
}

.rd-navbar-cart .rd-navbar-cart-item__left img {
    max-width: none
}

.rd-navbar-cart .rd-navbar-cart-item__body {
    vertical-align: middle;
    width: 100%
}

.rd-navbar-cart .rd-navbar-cart-item__title {
    font-size: 16px;
    line-height: 26px;
    color: #FFF
}

.rd-navbar-cart .rd-navbar-cart-item__counter {
    font-size: 14px;
    line-height: 1.3
}

.rd-navbar-cart .rd-navbar-cart-item__remove {
    vertical-align: middle;
    width: 56px;
    font-size: 24px;
    padding: 0 16px
}

.rd-navbar-cart .rd-navbar-cart-item:after {
    content: '';
    position: absolute;
    bottom: 0;
    right: 0;
    left: 88px;
    display: block;
    height: 1px;
    background: rgba(136, 136, 136, .2)
}

.rd-navbar-static .rd-navbar-cart-wrap {
    border-left: 1px solid #609cff;
    padding: 29px;
    margin: -27px -30px -27px 70px
}

@media (max-width: 1680px) {
    .rd-navbar-static .rd-navbar-cart-wrap {
        margin: 0;
        position: absolute;
        right: 0;
        top: 0;
        z-index: 3
    }
}

.rd-navbar-static .rd-navbar-cart-wrap .loading-mask {
    display: none
}

.rd-navbar-static .rd-navbar-cart-floating {
    display: block
}

.rd-navbar-static .rd-navbar-cart-toggle {
    position: relative
}

.rd-navbar-static .counter-number {
    position: absolute;
    top: -20px;
    right: -3px
}

@media screen and (-ms-high-contrast: active),(-ms-high-contrast: none) {
    .rd-navbar-static .counter-number {
        top: -30px;
        right: -10px
    }
}

.rd-navbar-static .rd-navbar-cart {
    display: block;
    position: absolute;
    width: 520px;
    top: 100%;
    right: 0;
    visibility: hidden;
    opacity: 0;
    -webkit-transform: translateY(30px);
    transform: translateY(30px);
    z-index: 2
}

.rd-navbar-static .rd-navbar-cart.active {
    visibility: visible;
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.rd-navbar-static #top-cart-btn-checkout {
    position: relative;
    display: block;
    text-align: center
}

.rd-navbar-static #top-cart-btn-checkout:before {
    font-weight: 400;
    font-size: 24px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 8px
}

.rd-navbar-fixed .rd-navbar-cart {
    position: fixed;
    top: -100%;
    right: 10px;
    z-index: 10;
    opacity: 0;
    display: none
}

.rd-navbar-fixed .rd-navbar-cart.active {
    opacity: 1;
    top: 56px;
    display: block
}

@media (max-width: 768px) {
    .rd-navbar-fixed .rd-navbar-cart {
        width: auto;
        left: 10px;
        bottom: 10px;
        overflow: auto
    }

    .rd-navbar-fixed .rd-navbar-cart #minicart-content-wrapper {
        padding: 15px
    }

    .rd-navbar-fixed .rd-navbar-cart .minicart-items {
        padding-right: 0
    }
}

@media (max-width: 360px) {
    .rd-navbar-fixed .rd-navbar-cart .minicart-items .item > .product {
        display: block
    }
}

.rd-navbar-fixed .rd-navbar-cart-floating {
    display: block;
    position: fixed;
    bottom: 15px;
    right: 15px;
    z-index: 20;
    color: #FFF;
    overflow: hidden;
    border-radius: 50%;
    box-shadow: 0 5px 8px 0 rgba(0, 0, 0, .25), 0 0 2px 0 rgba(0, 0, 0, .25);
    width: 56px;
    height: 56px;
    outline: 1px solid transparent;
    backface-visibility: hidden
}

.rd-navbar-fixed .rd-navbar-cart-floating:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 56px;
    height: 56px;
    border-radius: 50%;
    background: #434343;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.rd-navbar-fixed .rd-navbar-cart-floating #top-cart-btn-checkout {
    position: relative;
    display: block;
    font-size: 16px;
    font-weight: 500;
    line-height: 56px;
    opacity: 0;
    visibility: hidden
}

.rd-navbar-fixed .rd-navbar-cart-floating #top-cart-btn-checkout:before {
    font-weight: 400;
    font-size: 24px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 8px
}

.rd-navbar-fixed .rd-navbar-cart-floating .rd-navbar-cart-toggle {
    position: absolute;
    top: 50%;
    left: 50%;
    visibility: hidden;
    opacity: 0;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.rd-navbar-fixed .rd-navbar-cart-floating .rd-navbar-cart-toggle span {
    color: #FFF;
    height: 56px;
    line-height: 56px
}

.rd-navbar-fixed .rd-navbar-cart-floating.active {
    right: 0;
    bottom: 0;
    border-radius: 0;
    width: 100%
}

.rd-navbar-fixed .rd-navbar-cart-floating.active:before {
    -webkit-transform: translate(-50%, -50%) scale(20);
    transform: translate(-50%, -50%) scale(20);
    background: #2ecc71
}

.rd-navbar-fixed .rd-navbar-cart-floating.active #top-cart-btn-checkout {
    opacity: 1;
    visibility: visible
}

.rd-navbar-fixed .rd-navbar-cart-fixed {
    display: block;
    position: fixed;
    top: 6px;
    right: 30px;
    z-index: 17;
    overflow: visible;
    width: 90px;
    height: 51px;
    outline: 1px solid transparent;
    backface-visibility: hidden;
    text-align: center
}

.rd-navbar-fixed .rd-navbar-cart-fixed .rd-navbar-cart-toggle {
    font-size: 16px;
    line-height: 46px
}

.rd-navbar-fixed .rd-navbar-cart-fixed .rd-navbar-cart-toggle span:before, .rd-navbar-fixed .rd-navbar-cart-fixed .rd-navbar-cart-toggle span:after {
    top: 6px
}

.rd-navbar-fixed .rd-navbar-cart-fixed .rd-navbar-cart-toggle .loading-mask {
    visibility: hidden
}

.rd-navbar-fixed .rd-navbar-cart-fixed .rd-navbar-cart-toggle, .rd-navbar-fixed .rd-navbar-cart-fixed .rd-navbar-cart-toggle a {
    color: #FFF
}

.rd-navbar-fixed .rd-navbar-cart-fixed .rd-navbar-cart-toggle .counter-label {
    display: none
}

.rd-navbar-fixed .rd-navbar-cart-fixed .counter-number {
    font-size: 20px;
    font-weight: 400
}

.rd-navbar-static .rd-navbar-panel {
    padding: 0
}

.rd-navbar-static .rd-navbar-panel:before, .rd-navbar-static .rd-navbar-panel:after {
    display: table;
    content: "";
    line-height: 0
}

.rd-navbar-static .rd-navbar-panel:after {
    clear: both
}

.rd-navbar-fixed .rd-navbar-panel-canvas {
    position: fixed;
    height: 56px;
    left: 0;
    top: 0;
    width: 100%;
    background: #434343;
    box-shadow: 0 3px 5px 0 rgba(0, 0, 0, .25);
    z-index: 16
}

.rd-navbar-fixed .rd-navbar-toggle {
    position: fixed;
    z-index: 17;
    top: 4px;
    left: 4px;
    background: #000;
}

.rd-navbar-fixed-linked .page-wrapper {
    padding-top: 56px
}

.rd-navbar-search, .rd-navbar-search-toggle {
    display: none
}

.rd-navbar-search {
    float: right
}

.rd-navbar-static .rd-navbar-search {
    display: block;
    margin: -5px 0
}

.rd-navbar-static .rd-navbar-search .rd-navbar-search-form {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex
}

.rd-navbar-static .rd-navbar-search .search {
    margin: 0
}

.rd-navbar-static .rd-navbar-search .input-text {
    font-size: 14px;
    background: transparent;
    padding: 4px 15px;
    width: 194px;
    border: 0
}

.rd-navbar-static .rd-navbar-search .input-text:focus {
    box-shadow: 0 0 5px #000
}

.rd-navbar-static .rd-navbar-search form {
    position: relative
}

.rd-navbar-static .rd-navbar-search form .actions {
    height: 0
}

.rd-navbar-static .rd-navbar-search form button[type="submit"] {
    position: relative;
    margin-left: 5px;
    color: white
}

.rd-navbar-static .rd-navbar-search form button[type="submit"] span {
    display: none
}

.rd-navbar-static .rd-navbar-search form button[type="submit"]:before {
    content: "";
    display: inline-block;
    font-family: "Material Icons";
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    transform: translate(0, 0);
    font-size: 18px;
    vertical-align: text-top;
    line-height: 28px
}

.rd-navbar-static .rd-navbar-search form button[type="submit"]:hover {
    color: #3883ff
}

.rd-navbar-fixed .rd-navbar-search-toggle {
    display: block;
    position: fixed;
    top: 4px;
    right: 104px;
    font-family: "FontAwesome";
    width: 48px;
    height: 48px;
    z-index: 18
}

.rd-navbar-fixed .rd-navbar-search-toggle span {
    display: inline-block;
    position: relative;
    width: 44px;
    height: 44px;
    font-size: 22px;
    line-height: 44px;
    text-align: center;
    cursor: pointer;
    color: #FFF
}

.rd-navbar-fixed .rd-navbar-search-toggle span, .rd-navbar-fixed .rd-navbar-search-toggle span:before, .rd-navbar-fixed .rd-navbar-search-toggle span:after {
    transition: .3s all ease
}

.rd-navbar-fixed .rd-navbar-search-toggle span:before, .rd-navbar-fixed .rd-navbar-search-toggle span:after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.rd-navbar-fixed .rd-navbar-search-toggle span:before {
    content: "";
    -webkit-transform: rotate(0deg) scale(1);
    transform: rotate(0deg) scale(1);
    opacity: 1;
    visibility: visible
}

.rd-navbar-fixed .rd-navbar-search-toggle span:after {
    content: "";
    -webkit-transform: rotate(-90deg) scale(0);
    transform: rotate(-90deg) scale(0);
    opacity: 0;
    visibility: hidden
}

.rd-navbar-fixed .rd-navbar-search-toggle.active span:before {
    opacity: 0;
    visibility: hidden;
    -webkit-transform: rotate(90deg) scale(0);
    transform: rotate(90deg) scale(0)
}

.rd-navbar-fixed .rd-navbar-search-toggle.active span:after {
    -webkit-transform: rotate(0deg) scale(1);
    transform: rotate(0deg) scale(1);
    opacity: 1;
    visibility: visible
}

.rd-navbar-fixed .rd-navbar-search {
    display: block
}

.rd-navbar-fixed .rd-navbar-search .form-group {
    position: fixed;
    top: 0;
    padding-top: 4px;
    left: 56px;
    right: 155px;
    height: 56px;
    z-index: 17;
    visibility: hidden;
    opacity: 0
}

.rd-navbar-fixed .rd-navbar-search .form-group input {
    width: 100%;
    height: 46px;
    display: block;
    background: #FFF;
    line-height: normal
}

.rd-navbar-fixed .rd-navbar-search.active .form-group {
    opacity: 1;
    visibility: visible
}

.rd-navbar-fixed .rd-navbar-search form button[type="submit"] {
    background: #FFF;
    height: 43px;
    line-height: 45px;
    margin: -23px 0 0;
    padding: 0;
    position: absolute;
    right: 0;
    top: 50%;
    width: 46px
}

.rd-navbar-fixed .rd-navbar-search form button[type="submit"]:before {
    content: "";
    display: inline-block;
    font-family: "Material Icons";
    font-weight: 400;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: translate(0, 0);
    line-height: 1
}

.rd-navbar-fixed .rd-navbar-search form button[type="submit"] span {
    display: none
}

.rd-navbar-collapse, .rd-navbar-collapse-toggle {
    display: none
}

.rd-navbar-collapse .switcher.currency, .rd-navbar-collapse .switcher.language, .rd-navbar-collapse-toggle .switcher.currency, .rd-navbar-collapse-toggle .switcher.language {
    display: none
}

.rd-navbar-static .rd-navbar-inner {
    max-width: 1200px;
    padding-left: 15px;
    padding-right: 15px;
    margin-left: auto;
    margin-right: auto
}

.rd-navbar-static .rd-navbar-collapse {
    display: block
}

.rd-navbar-static .rd-navbar-collapse li {
    display: inline-block;
    margin: 0 30px 0 0
}

.rd-navbar-static .rd-navbar-collapse li a {
    font-size: 14px;
    text-transform: uppercase;
    color: white
}

.rd-navbar-static .rd-navbar-collapse li a:hover {
    color: #3883ff
}

@media (min-width: 768px) {
    .rd-navbar-collapse-container {
        float: left
    }
}

@media (min-width: 768px) and (max-width: 1260px) {
    .rd-navbar-collapse-container {
        float: left;
        clear: right;
        padding-top: 10px
    }

    .rd-navbar-collapse-container .rd-navbar-collapse li {
        margin-right: 25px
    }
}

.rd-navbar-fixed .rd-navbar-collapse {
    display: block;
    text-align: left;
    position: fixed;
    top: 4px;
    right: 4px;
    color: #FFF;
    padding: 48px 15px 15px;
    z-index: 19;
    width: 250px;
    box-shadow: 0 0 0 0 rgba(0, 0, 0, .25);
    visibility: hidden;
    overflow: hidden;
    transition: .3s box-shadow ease .2s
}

.rd-navbar-fixed .rd-navbar-collapse:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    background: #3b3b3b;
    width: 48px;
    height: 48px;
    -webkit-transform: scale(0);
    transform: scale(0)
}

.rd-navbar-fixed .rd-navbar-collapse li {
    position: relative;
    opacity: 0;
    transition: .3s all ease 0s
}

.rd-navbar-fixed .rd-navbar-collapse > li > a {
    display: block;
    padding: 11px 16px
}

.rd-navbar-fixed .rd-navbar-collapse > li > a:hover {
    background: white
}

.rd-navbar-fixed .rd-navbar-collapse.active {
    visibility: visible;
    box-shadow: 0 3px 5px 0 rgba(0, 0, 0, .25)
}

.rd-navbar-fixed .rd-navbar-collapse.active li {
    transition: .3s all ease .2s;
    opacity: 1
}

.rd-navbar-fixed .rd-navbar-collapse.active:before {
    background: #434343;
    -webkit-transform: scale(25);
    transform: scale(25)
}

.rd-navbar-fixed .rd-navbar-collapse .switcher.currency, .rd-navbar-fixed .rd-navbar-collapse .switcher.language {
    display: block;
    margin: 0 0 5px
}

.rd-navbar-fixed .rd-navbar-collapse .switcher.currency .actions .action, .rd-navbar-fixed .rd-navbar-collapse .switcher.language .actions .action {
    background: none;
    padding: 0
}

.rd-navbar-fixed .rd-navbar-collapse .switcher.currency strong, .rd-navbar-fixed .rd-navbar-collapse .switcher.language strong {
    font-weight: normal
}

.rd-navbar-fixed .rd-navbar-collapse .switcher.currency .dropdown .mage-dropdown-dialog, .rd-navbar-fixed .rd-navbar-collapse .switcher.language .dropdown .mage-dropdown-dialog {
    width: 217px;
    position: relative;
    top: 8px;
    margin-bottom: 20px
}

.rd-navbar-fixed .rd-navbar-collapse .links li {
    display: block;
    margin: 0 0 5px
}

.rd-navbar-fixed .rd-navbar-collapse .links li a {
    color: #FFF
}

.rd-navbar-fixed .rd-navbar-collapse .links li a:hover {
    color: #3883ff
}

.rd-navbar-fixed .switcher.currency, .rd-navbar-fixed .switcher.language {
    display: none
}

.rd-navbar-fixed .rd-navbar-collapse-toggle {
    display: block;
    position: fixed;
    top: 4px;
    right: 4px;
    font-family: "FontAwesome";
    width: 48px;
    height: 48px;
    z-index: 20
}

.rd-navbar-fixed .rd-navbar-collapse-toggle span {
    display: inline-block;
    position: relative;
    width: 48px;
    height: 48px;
    font-size: 28px;
    line-height: 48px;
    text-align: center;
    cursor: pointer;
    color: #FFF
}

.rd-navbar-fixed .rd-navbar-collapse-toggle span, .rd-navbar-fixed .rd-navbar-collapse-toggle span:before, .rd-navbar-fixed .rd-navbar-collapse-toggle span:after {
    transition: .3s all ease
}

.rd-navbar-fixed .rd-navbar-collapse-toggle span:before, .rd-navbar-fixed .rd-navbar-collapse-toggle span:after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.rd-navbar-fixed .rd-navbar-collapse-toggle span:before {
    content: "ï…‚";
    -webkit-transform: rotate(0deg) scale(1);
    transform: rotate(0deg) scale(1);
    opacity: 1;
    visibility: visible
}

.rd-navbar-fixed .rd-navbar-collapse-toggle span:after {
    content: "";
    -webkit-transform: rotate(-90deg) scale(0);
    transform: rotate(-90deg) scale(0);
    opacity: 0;
    visibility: hidden
}

.rd-navbar-fixed .rd-navbar-collapse-toggle.active span:before {
    opacity: 0;
    visibility: hidden;
    -webkit-transform: rotate(90deg) scale(0);
    transform: rotate(90deg) scale(0)
}

.rd-navbar-fixed .rd-navbar-collapse-toggle.active span:after {
    -webkit-transform: rotate(0deg) scale(1);
    transform: rotate(0deg) scale(1);
    opacity: 1;
    visibility: visible
}

.data.items {
    position: relative
}

.data.items .title {
    float: left;
    width: auto;
    height: 1.5em;
    margin-right: 1.1rem
}

.data.items .content {
    box-sizing: border-box;
    float: right;
    margin-left: -100%;
    width: 100%;
    margin-top: 1.5em;
    padding-top: 1.1rem;
    display: none
}

.data.items .content.active {
    display: block
}

.data.items .content[role="tabpanel"] {
    display: block
}

.page-messages {
    margin-bottom: 2.2rem
}

.message {
    padding: 1rem;
    margin-bottom: 1.1rem;
    border: 1px solid transparent;
    border-radius: 2px
}

.message-info, .message-notice, .message.notice, .message.info {
    color: #31708f;
    background-color: #d9edf7;
    border-color: #bce8f1
}

.message-warning {
    color: #8a6d3b;
    background-color: #fcf8e3;
    border-color: #faebcc
}

.message-error {
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1
}

.message-success {
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #d6e9c6
}

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

.owl-carousel {
    display: none;
    position: relative;
    width: 100%;
    -ms-touch-action: pan-y
}

.owl-carousel .owl-wrapper {
    display: none;
    position: relative;
    -webkit-transform: translate3d(0px, 0px, 0px)
}

.owl-carousel .owl-wrapper-outer {
    overflow: hidden;
    position: relative;
    width: 100%
}

.owl-carousel .owl-wrapper-outer.autoHeight {
    -webkit-transition: height 500ms ease-in-out;
    -moz-transition: height 500ms ease-in-out;
    -ms-transition: height 500ms ease-in-out;
    -o-transition: height 500ms ease-in-out;
    transition: height 500ms ease-in-out
}

.owl-carousel .owl-item {
    float: left
}

.owl-controls .owl-page, .owl-controls .owl-buttons div {
    cursor: pointer
}

.owl-controls {
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: transparent
}

.owl-carousel .owl-controls .owl-nav .owl-prev, .owl-carousel .owl-controls .owl-nav .owl-next, .owl-carousel .owl-controls .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-controls {
    position: absolute;
    top: -50px;
    right: 0
}

.owl-controls .owl-prev {
    display: inline-block
}

.owl-controls .owl-prev:before {
    content: "";
    display: inline-block;
    font-family: "Material Icons";
    font-weight: 400;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: translate(0, 0);
    line-height: 1
}

.owl-controls .owl-next {
    display: inline-block
}

.owl-controls .owl-next:before {
    content: "";
    display: inline-block;
    font-family: "Material Icons";
    font-weight: 400;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: translate(0, 0);
    line-height: 1
}

.owl-controls .owl-prev, .owl-controls .owl-next {
    padding: 0 7px;
    cursor: pointer
}

.owl-controls .owl-prev:before, .owl-controls .owl-next:before {
    font-size: 36px;
    color: #262626;
    transition: .3s ease
}

.owl-controls .owl-prev:hover:before, .owl-controls .owl-next:hover:before {
    color: #3883ff
}

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

[role="tablist"] [role="tab"] {
    position: relative;
    cursor: pointer;
    outline: 0;
    margin-bottom: 1.1rem;
    display: inline-block;
    padding-right: 1rem
}

[role="tablist"] [role="tab"]:before {
    content: "";
    display: inline-block;
    font-family: "Material Icons";
    font-weight: 400;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: translate(0, 0);
    line-height: 1
}

[role="tablist"] [role="tab"][aria-selected="true"]:before {
    content: "î—Ž";
    display: inline-block;
    font-family: "Material Icons";
    font-weight: 400;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: translate(0, 0);
    line-height: 1
}

[role="tablist"] [role="tab"]:before {
    position: absolute;
    right: 0;
    top: 0
}

[role="tablist"] [role="tabpanel"] {
    margin-bottom: 2.2rem
}

.block[role="tablist"] .title[role="tab"] {
    display: block
}

.data.items {
    position: relative
}

.data.items .tab-titles {
    margin-bottom: 1.1rem
}

.data.items .title {
    display: block;
    margin-right: 1.1rem
}

.data.items .title.active a {
    color: #333
}

.data.items .title:before {
    display: none
}

.data.items .content {
    box-sizing: border-box;
    float: right;
    margin-left: -100%;
    width: 100%;
    padding-top: 1.1rem;
    display: none
}

.data.items .content.active {
    display: block
}

.data.items .content[role="tabpanel"] {
    display: block
}

@media (min-width: 768px) {
    .data.items .title {
        display: inline-block
    }
}

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

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

.slick-list:focus {
    outline: 0
}

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

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

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

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

.slick-track:after {
    clear: both
}

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

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

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

.slick-slide img {
    display: block
}

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

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

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

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

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

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

.carousel-nav {
    text-align: right
}

.carousel-nav .carousel-nav-item {
    padding: .38rem 1rem
}

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

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

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

.not-animated {
    opacity: 0
}

@-webkit-keyframes bounce {
    0%, 20%, 53%, 80%, 100% {
        -webkit-transition-timing-function: cubic-bezier(0.215, .61, .355, 1);
        transition-timing-function: cubic-bezier(0.215, .61, .355, 1);
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    40%, 43% {
        -webkit-transition-timing-function: cubic-bezier(0.755, .05, .855, .06);
        transition-timing-function: cubic-bezier(0.755, .05, .855, .06);
        -webkit-transform: translate3d(0, -30px, 0);
        transform: translate3d(0, -30px, 0)
    }
    70% {
        -webkit-transition-timing-function: cubic-bezier(0.755, .05, .855, .06);
        transition-timing-function: cubic-bezier(0.755, .05, .855, .06);
        -webkit-transform: translate3d(0, -15px, 0);
        transform: translate3d(0, -15px, 0)
    }
    90% {
        -webkit-transform: translate3d(0, -4px, 0);
        transform: translate3d(0, -4px, 0)
    }
}

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

@-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: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
    50% {
        -webkit-transform: scale3d(1.05, 1.05, 1.05);
        transform: scale3d(1.05, 1.05, 1.05)
    }
    100% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}

@keyframes pulse {
    0% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
    50% {
        -webkit-transform: scale3d(1.05, 1.05, 1.05);
        transform: scale3d(1.05, 1.05, 1.05)
    }
    100% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}

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

@-webkit-keyframes rubberBand {
    0% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
    30% {
        -webkit-transform: scale3d(1.25, .75, 1);
        transform: scale3d(1.25, .75, 1)
    }
    40% {
        -webkit-transform: scale3d(0.75, 1.25, 1);
        transform: scale3d(0.75, 1.25, 1)
    }
    50% {
        -webkit-transform: scale3d(1.15, .85, 1);
        transform: scale3d(1.15, .85, 1)
    }
    65% {
        -webkit-transform: scale3d(0.95, 1.05, 1);
        transform: scale3d(0.95, 1.05, 1)
    }
    75% {
        -webkit-transform: scale3d(1.05, .95, 1);
        transform: scale3d(1.05, .95, 1)
    }
    100% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}

@keyframes rubberBand {
    0% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
    30% {
        -webkit-transform: scale3d(1.25, .75, 1);
        transform: scale3d(1.25, .75, 1)
    }
    40% {
        -webkit-transform: scale3d(0.75, 1.25, 1);
        transform: scale3d(0.75, 1.25, 1)
    }
    50% {
        -webkit-transform: scale3d(1.15, .85, 1);
        transform: scale3d(1.15, .85, 1)
    }
    65% {
        -webkit-transform: scale3d(0.95, 1.05, 1);
        transform: scale3d(0.95, 1.05, 1)
    }
    75% {
        -webkit-transform: scale3d(1.05, .95, 1);
        transform: scale3d(1.05, .95, 1)
    }
    100% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}

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

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

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

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

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

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

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

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

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

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

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

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

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

@-webkit-keyframes bounceIn {
    0%, 20%, 40%, 60%, 80%, 100% {
        -webkit-transition-timing-function: cubic-bezier(0.215, .61, .355, 1);
        transition-timing-function: cubic-bezier(0.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, .3, .3);
        transform: scale3d(0.3, .3, .3)
    }
    20% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }
    40% {
        -webkit-transform: scale3d(0.9, .9, .9);
        transform: scale3d(0.9, .9, .9)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03, 1.03, 1.03);
        transform: scale3d(1.03, 1.03, 1.03)
    }
    80% {
        -webkit-transform: scale3d(0.97, .97, .97);
        transform: scale3d(0.97, .97, .97)
    }
    100% {
        opacity: 1;
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}

@keyframes bounceIn {
    0%, 20%, 40%, 60%, 80%, 100% {
        -webkit-transition-timing-function: cubic-bezier(0.215, .61, .355, 1);
        transition-timing-function: cubic-bezier(0.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, .3, .3);
        transform: scale3d(0.3, .3, .3)
    }
    20% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }
    40% {
        -webkit-transform: scale3d(0.9, .9, .9);
        transform: scale3d(0.9, .9, .9)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03, 1.03, 1.03);
        transform: scale3d(1.03, 1.03, 1.03)
    }
    80% {
        -webkit-transform: scale3d(0.97, .97, .97);
        transform: scale3d(0.97, .97, .97)
    }
    100% {
        opacity: 1;
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}

.bounceIn {
    -webkit-animation-name: bounceIn;
    animation-name: bounceIn;
    -webkit-animation-duration: .75s;
    animation-duration: .75s
}

@-webkit-keyframes bounceInDown {
    0%, 60%, 75%, 90%, 100% {
        -webkit-transition-timing-function: cubic-bezier(0.215, .61, .355, 1);
        transition-timing-function: cubic-bezier(0.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -3000px, 0);
        transform: translate3d(0, -3000px, 0)
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, 25px, 0);
        transform: translate3d(0, 25px, 0)
    }
    75% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0)
    }
    90% {
        -webkit-transform: translate3d(0, 5px, 0);
        transform: translate3d(0, 5px, 0)
    }
    100% {
        -webkit-transform: none;
        transform: none
    }
}

@keyframes bounceInDown {
    0%, 60%, 75%, 90%, 100% {
        -webkit-transition-timing-function: cubic-bezier(0.215, .61, .355, 1);
        transition-timing-function: cubic-bezier(0.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -3000px, 0);
        transform: translate3d(0, -3000px, 0)
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, 25px, 0);
        transform: translate3d(0, 25px, 0)
    }
    75% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0)
    }
    90% {
        -webkit-transform: translate3d(0, 5px, 0);
        transform: translate3d(0, 5px, 0)
    }
    100% {
        -webkit-transform: none;
        transform: none
    }
}

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

@-webkit-keyframes bounceInLeft {
    0%, 60%, 75%, 90%, 100% {
        -webkit-transition-timing-function: cubic-bezier(0.215, .61, .355, 1);
        transition-timing-function: cubic-bezier(0.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-3000px, 0, 0);
        transform: translate3d(-3000px, 0, 0)
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(25px, 0, 0);
        transform: translate3d(25px, 0, 0)
    }
    75% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0)
    }
    90% {
        -webkit-transform: translate3d(5px, 0, 0);
        transform: translate3d(5px, 0, 0)
    }
    100% {
        -webkit-transform: none;
        transform: none
    }
}

@keyframes bounceInLeft {
    0%, 60%, 75%, 90%, 100% {
        -webkit-transition-timing-function: cubic-bezier(0.215, .61, .355, 1);
        transition-timing-function: cubic-bezier(0.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-3000px, 0, 0);
        transform: translate3d(-3000px, 0, 0)
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(25px, 0, 0);
        transform: translate3d(25px, 0, 0)
    }
    75% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0)
    }
    90% {
        -webkit-transform: translate3d(5px, 0, 0);
        transform: translate3d(5px, 0, 0)
    }
    100% {
        -webkit-transform: none;
        transform: none
    }
}

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

@-webkit-keyframes bounceInRight {
    0%, 60%, 75%, 90%, 100% {
        -webkit-transition-timing-function: cubic-bezier(0.215, .61, .355, 1);
        transition-timing-function: cubic-bezier(0.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(3000px, 0, 0);
        transform: translate3d(3000px, 0, 0)
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(-25px, 0, 0);
        transform: translate3d(-25px, 0, 0)
    }
    75% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0)
    }
    90% {
        -webkit-transform: translate3d(-5px, 0, 0);
        transform: translate3d(-5px, 0, 0)
    }
    100% {
        -webkit-transform: none;
        transform: none
    }
}

@keyframes bounceInRight {
    0%, 60%, 75%, 90%, 100% {
        -webkit-transition-timing-function: cubic-bezier(0.215, .61, .355, 1);
        transition-timing-function: cubic-bezier(0.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(3000px, 0, 0);
        transform: translate3d(3000px, 0, 0)
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(-25px, 0, 0);
        transform: translate3d(-25px, 0, 0)
    }
    75% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0)
    }
    90% {
        -webkit-transform: translate3d(-5px, 0, 0);
        transform: translate3d(-5px, 0, 0)
    }
    100% {
        -webkit-transform: none;
        transform: none
    }
}

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

@-webkit-keyframes bounceInUp {
    0%, 60%, 75%, 90%, 100% {
        -webkit-transition-timing-function: cubic-bezier(0.215, .61, .355, 1);
        transition-timing-function: cubic-bezier(0.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 3000px, 0);
        transform: translate3d(0, 3000px, 0)
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0)
    }
    75% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0)
    }
    90% {
        -webkit-transform: translate3d(0, -5px, 0);
        transform: translate3d(0, -5px, 0)
    }
    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes bounceInUp {
    0%, 60%, 75%, 90%, 100% {
        -webkit-transition-timing-function: cubic-bezier(0.215, .61, .355, 1);
        transition-timing-function: cubic-bezier(0.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 3000px, 0);
        transform: translate3d(0, 3000px, 0)
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0)
    }
    75% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0)
    }
    90% {
        -webkit-transform: translate3d(0, -5px, 0);
        transform: translate3d(0, -5px, 0)
    }
    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

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

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

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

.bounceOut {
    -webkit-animation-name: bounceOut;
    animation-name: bounceOut;
    -webkit-animation-duration: .75s;
    animation-duration: .75s
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@-webkit-keyframes flip {
    0% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
    40% {
        -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
        transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
    50% {
        -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
        transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    80% {
        -webkit-transform: perspective(400px) scale3d(0.95, .95, .95);
        transform: perspective(400px) scale3d(0.95, .95, .95);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    100% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
}

@keyframes flip {
    0% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
    40% {
        -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
        transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
    50% {
        -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
        transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    80% {
        -webkit-transform: perspective(400px) scale3d(0.95, .95, .95);
        transform: perspective(400px) scale3d(0.95, .95, .95);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    100% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
}

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

@-webkit-keyframes flipInX {
    0% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        -webkit-transition-timing-function: ease-in;
        transition-timing-function: ease-in;
        opacity: 0
    }
    40% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        -webkit-transition-timing-function: ease-in;
        transition-timing-function: ease-in
    }
    60% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        opacity: 1
    }
    80% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -5deg)
    }
    100% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

@keyframes flipInX {
    0% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        -webkit-transition-timing-function: ease-in;
        transition-timing-function: ease-in;
        opacity: 0
    }
    40% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        -webkit-transition-timing-function: ease-in;
        transition-timing-function: ease-in
    }
    60% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        opacity: 1
    }
    80% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -5deg)
    }
    100% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

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

@-webkit-keyframes flipInY {
    0% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        -webkit-transition-timing-function: ease-in;
        transition-timing-function: ease-in;
        opacity: 0
    }
    40% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        -webkit-transition-timing-function: ease-in;
        transition-timing-function: ease-in
    }
    60% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        opacity: 1
    }
    80% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -5deg)
    }
    100% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

@keyframes flipInY {
    0% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        -webkit-transition-timing-function: ease-in;
        transition-timing-function: ease-in;
        opacity: 0
    }
    40% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        -webkit-transition-timing-function: ease-in;
        transition-timing-function: ease-in
    }
    60% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        opacity: 1
    }
    80% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -5deg)
    }
    100% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

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

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

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

.flipOutX {
    -webkit-animation-name: flipOutX;
    animation-name: flipOutX;
    -webkit-animation-duration: .75s;
    animation-duration: .75s;
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important
}

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

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

.flipOutY {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipOutY;
    animation-name: flipOutY;
    -webkit-animation-duration: .75s;
    animation-duration: .75s
}

@-webkit-keyframes lightSpeedIn {
    0% {
        -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
        transform: translate3d(100%, 0, 0) skewX(-30deg);
        opacity: 0
    }
    60% {
        -webkit-transform: skewX(20deg);
        transform: skewX(20deg);
        opacity: 1
    }
    80% {
        -webkit-transform: skewX(-5deg);
        transform: skewX(-5deg);
        opacity: 1
    }
    100% {
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

@keyframes lightSpeedIn {
    0% {
        -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
        transform: translate3d(100%, 0, 0) skewX(-30deg);
        opacity: 0
    }
    60% {
        -webkit-transform: skewX(20deg);
        transform: skewX(20deg);
        opacity: 1
    }
    80% {
        -webkit-transform: skewX(-5deg);
        transform: skewX(-5deg);
        opacity: 1
    }
    100% {
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@-webkit-keyframes hinge {
    0% {
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }
    20%, 60% {
        -webkit-transform: rotate3d(0, 0, 1, 80deg);
        transform: rotate3d(0, 0, 1, 80deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }
    40%, 80% {
        -webkit-transform: rotate3d(0, 0, 1, 60deg);
        transform: rotate3d(0, 0, 1, 60deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        opacity: 1
    }
    100% {
        -webkit-transform: translate3d(0, 700px, 0);
        transform: translate3d(0, 700px, 0);
        opacity: 0
    }
}

@keyframes hinge {
    0% {
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }
    20%, 60% {
        -webkit-transform: rotate3d(0, 0, 1, 80deg);
        transform: rotate3d(0, 0, 1, 80deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }
    40%, 80% {
        -webkit-transform: rotate3d(0, 0, 1, 60deg);
        transform: rotate3d(0, 0, 1, 60deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        opacity: 1
    }
    100% {
        -webkit-transform: translate3d(0, 700px, 0);
        transform: translate3d(0, 700px, 0);
        opacity: 0
    }
}

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

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

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

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

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

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

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

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

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

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

@-webkit-keyframes zoomInDown {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.1, .1, .1) translate3d(0, -1000px, 0);
        transform: scale3d(0.1, .1, .1) translate3d(0, -1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(0.55, .055, .675, .19)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, .475, .475) translate3d(0, 60px, 0);
        transform: scale3d(0.475, .475, .475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(0.175, .885, .32, 1)
    }
}

@keyframes zoomInDown {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.1, .1, .1) translate3d(0, -1000px, 0);
        transform: scale3d(0.1, .1, .1) translate3d(0, -1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(0.55, .055, .675, .19)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, .475, .475) translate3d(0, 60px, 0);
        transform: scale3d(0.475, .475, .475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(0.175, .885, .32, 1)
    }
}

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

@-webkit-keyframes zoomInLeft {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.1, .1, .1) translate3d(-1000px, 0, 0);
        transform: scale3d(0.1, .1, .1) translate3d(-1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(0.55, .055, .675, .19)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, .475, .475) translate3d(10px, 0, 0);
        transform: scale3d(0.475, .475, .475) translate3d(10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(0.175, .885, .32, 1)
    }
}

@keyframes zoomInLeft {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.1, .1, .1) translate3d(-1000px, 0, 0);
        transform: scale3d(0.1, .1, .1) translate3d(-1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(0.55, .055, .675, .19)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, .475, .475) translate3d(10px, 0, 0);
        transform: scale3d(0.475, .475, .475) translate3d(10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(0.175, .885, .32, 1)
    }
}

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

@-webkit-keyframes zoomInRight {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.1, .1, .1) translate3d(1000px, 0, 0);
        transform: scale3d(0.1, .1, .1) translate3d(1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(0.55, .055, .675, .19)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, .475, .475) translate3d(-10px, 0, 0);
        transform: scale3d(0.475, .475, .475) translate3d(-10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(0.175, .885, .32, 1)
    }
}

@keyframes zoomInRight {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.1, .1, .1) translate3d(1000px, 0, 0);
        transform: scale3d(0.1, .1, .1) translate3d(1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(0.55, .055, .675, .19)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, .475, .475) translate3d(-10px, 0, 0);
        transform: scale3d(0.475, .475, .475) translate3d(-10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(0.175, .885, .32, 1)
    }
}

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

@-webkit-keyframes zoomInUp {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.1, .1, .1) translate3d(0, 1000px, 0);
        transform: scale3d(0.1, .1, .1) translate3d(0, 1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(0.55, .055, .675, .19)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, .475, .475) translate3d(0, -60px, 0);
        transform: scale3d(0.475, .475, .475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(0.175, .885, .32, 1)
    }
}

@keyframes zoomInUp {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.1, .1, .1) translate3d(0, 1000px, 0);
        transform: scale3d(0.1, .1, .1) translate3d(0, 1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(0.55, .055, .675, .19)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, .475, .475) translate3d(0, -60px, 0);
        transform: scale3d(0.475, .475, .475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(0.175, .885, .32, 1)
    }
}

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

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

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

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

@-webkit-keyframes zoomOutDown {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, .475, .475) translate3d(0, -60px, 0);
        transform: scale3d(0.475, .475, .475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(0.55, .055, .675, .19)
    }
    100% {
        opacity: 0;
        -webkit-transform: scale3d(0.1, .1, .1) translate3d(0, 2000px, 0);
        transform: scale3d(0.1, .1, .1) translate3d(0, 2000px, 0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(0.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(0.175, .885, .32, 1)
    }
}

@keyframes zoomOutDown {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, .475, .475) translate3d(0, -60px, 0);
        transform: scale3d(0.475, .475, .475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(0.55, .055, .675, .19)
    }
    100% {
        opacity: 0;
        -webkit-transform: scale3d(0.1, .1, .1) translate3d(0, 2000px, 0);
        transform: scale3d(0.1, .1, .1) translate3d(0, 2000px, 0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(0.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(0.175, .885, .32, 1)
    }
}

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

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

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

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

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

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

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

@-webkit-keyframes zoomOutUp {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, .475, .475) translate3d(0, 60px, 0);
        transform: scale3d(0.475, .475, .475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(0.55, .055, .675, .19)
    }
    100% {
        opacity: 0;
        -webkit-transform: scale3d(0.1, .1, .1) translate3d(0, -2000px, 0);
        transform: scale3d(0.1, .1, .1) translate3d(0, -2000px, 0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(0.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(0.175, .885, .32, 1)
    }
}

@keyframes zoomOutUp {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, .475, .475) translate3d(0, 60px, 0);
        transform: scale3d(0.475, .475, .475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(0.55, .055, .675, .19)
    }
    100% {
        opacity: 0;
        -webkit-transform: scale3d(0.1, .1, .1) translate3d(0, -2000px, 0);
        transform: scale3d(0.1, .1, .1) translate3d(0, -2000px, 0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(0.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(0.175, .885, .32, 1)
    }
}

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

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

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

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

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

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

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

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

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

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

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

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

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

@-webkit-keyframes slideOutDown {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    100% {
        visibility: hidden;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
}

@keyframes slideOutDown {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    100% {
        visibility: hidden;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
}

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

@-webkit-keyframes slideOutLeft {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    100% {
        visibility: hidden;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }
}

@keyframes slideOutLeft {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    100% {
        visibility: hidden;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }
}

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

@-webkit-keyframes slideOutRight {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    100% {
        visibility: hidden;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
}

@keyframes slideOutRight {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    100% {
        visibility: hidden;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
}

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

@-webkit-keyframes slideOutUp {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    100% {
        visibility: hidden;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
}

@keyframes slideOutUp {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    100% {
        visibility: hidden;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
}

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

.pull-left {
    float: left
}

.pull-none {
    float: none
}

.pull-right {
    float: right
}

@media (min-width: 480px) {
    .pull-xs-left {
        float: left
    }

    .pull-xs-none {
        float: none
    }

    .pull-xs-right {
        float: right
    }
}

@media (min-width: 768px) {
    .pull-sm-left {
        float: left
    }

    .pull-sm-none {
        float: none
    }

    .pull-sm-right {
        float: right
    }
}

@media (min-width: 992px) {
    .pull-md-left {
        float: left
    }

    .pull-md-none {
        float: none
    }

    .pull-md-right {
        float: right
    }
}

@media (min-width: 1200px) {
    .pull-lg-left {
        float: left
    }

    .pull-lg-none {
        float: none
    }

    .pull-lg-right {
        float: right
    }
}

.text-left, table.table thead th {
    text-align: left
}

.text-center {
    text-align: center
}

.text-right {
    text-align: right
}

@media (min-width: 480px) {
    .text-xs-left {
        text-align: left
    }

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

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

@media (min-width: 768px) {
    .text-sm-left {
        text-align: left
    }

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

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

@media (min-width: 992px) {
    .text-md-left {
        text-align: left
    }

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

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

@media (min-width: 1200px) {
    .text-lg-left {
        text-align: left
    }

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

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

.italic, dl dd {
    font-style: italic
}

.underline {
    text-decoration: underline
}

.strike {
    text-decoration: line-through
}

.thin {
    font-weight: 100
}

.light {
    font-weight: 300
}

.regular {
    font-weight: 400
}

.medium {
    font-weight: 500
}

.sbold {
    font-weight: 600
}

.bold, table.table thead th, dl dt, strong {
    font-weight: 700
}

.ubold {
    font-weight: 900
}

.primary-color {
    color: #3883ff
}

.big-circle-icon {
    display: block;
    width: 122px;
    height: 122px;
    margin: 0 auto 1rem;
    border-radius: 50%;
    border: 2px solid #3883ff
}

.big-circle-icon:before {
    color: #3883ff;
    font-size: 66px;
    line-height: 122px;
    text-align: center;
    width: 100%
}

.medium-icon {
    margin: 0 auto 1rem
}

.medium-icon:before {
    font-size: 60px;
    line-height: 1em;
    color: #3883ff
}

.small-icon:before {
    font-size: 40px;
    line-height: inherit;
    color: #3883ff
}

h1, .heading-1 {
    font-size: 2rem
}

h2, .heading-2 {
    font-size: 1.5rem
}

h3, .heading-3 {
    font-size: 1.875rem;
    line-height: 2.2rem
}

h4, .heading-4 {
    font-size: 1rem;
    font-weight: 600
}

h5, .heading-5 {
    font-size: .83rem
}

h6, .heading-6 {
    font-size: .67rem
}

h1, .heading-1 {
    margin-top: 1em;
    margin-bottom: .5em
}

h2, .heading-2 {
    margin-top: 1em;
    margin-bottom: .5em
}

h3, .heading-3 {
    margin-top: 1em;
    margin-bottom: .5em
}

h4, .heading-4 {
    margin-top: 1em;
    margin-bottom: .5em
}

h5, .heading-5 {
    margin-top: 1em;
    margin-bottom: .5em
}

h6, .heading-6 {
    margin-top: 1em;
    margin-bottom: .5em
}

/* edit with ahmed taher */

.more1 {
    margin: 10px;

}

.more1 a {
    padding: 10px;
    margin: 10px;
    background-color: #1570A6;
    color: #fff;
}

.thumbnail .thumb img {
    width: 100%;
    height: 200px;
}

.page-numbers li {
    float: left;
    padding: 10px;
    margin: 10px;
    background-color: #1570A6;
    position: relative;
    left: 40%;
}

.page-numbers li a {
    color: #fff; 
}

.btn {
    color: #fff;
    background-color: #337ab7;
    border-color: #2e6da4;
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
    margin-bottom: 10px;
}

.social-contact li {
    float: left;
    padding: 10px; 
    margin-left: 10px;
    text-align: center;
    position: relative;
    left: 35%;
}

.rd-navbar-static.rd-navbar .rd-navbar-nav > li > a:hover {
    color: #3883ff;
}