@font-face {
  font-family: 'Welldone';
  src: url("../../../../assets/media/images/Welldone.eot");
  src: url("../../../../assets/media/images/Welldone.eot") format("embedded-opentype"), url("../../../../assets/media/images/Welldone.ttf") format("truetype"), url("../../../../assets/media/images/Welldone.woff") format("woff"), url("../../../../assets/media/images/Welldone.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}

[class^="icon-"],[class*=" icon-"] {
    font-family: 'Welldone';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

[class^="icon-"]:hover,[class*=" icon-"]:hover {
    text-decoration: none
}

.icon-add:before {
    content: "\e600"
}

.icon-arrow-down:before {
    content: "\e601"
}

.icon-arrow-right:before {
    content: "\e602"
}

.icon-arrow-left:before {
    content: "\e603"
}

.icon-award:before {
    content: "\e604"
}

.icon-bag:before {
    content: "\e605"
}

.icon-bag-alt:before {
    content: "\e606"
}

.icon-bars:before {
    content: "\e607"
}

.icon-behance:before {
    content: "\e608"
}

.icon-mail-fill:before {
    content: "\e609"
}

.icon-delete-fill:before {
    content: "\e60a"
}

.icon-blogger:before {
    content: "\e60b"
}

.icon-box:before {
    content: "\e60c"
}

.icon-buttons:before {
    content: "\e60d"
}

.icon-chat:before {
    content: "\e60e"
}

.icon-clear:before {
    content: "\e60f"
}

.icon-clock:before {
    content: "\e610"
}

.icon-clock-arrow:before {
    content: "\e611"
}

.icon-delete:before {
    content: "\e612"
}

.icon-digg:before {
    content: "\e613"
}

.icon-dribbble:before {
    content: "\e614"
}

.icon-ecommerce:before {
    content: "\e615"
}

.icon-eye:before {
    content: "\e616"
}

.icon-facebook:before {
    content: "\e617"
}

.icon-favorite:before {
    content: "\e618"
}

.icon-star-fill:before {
    content: "\e619"
}

.icon-flickr:before {
    content: "\e61a"
}

.icon-forward:before {
    content: "\e61b"
}

.icon-gear:before {
    content: "\e61c"
}

.icon-google:before {
    content: "\e61d"
}

.icon-help:before {
    content: "\e61e"
}

.icon-home-alt:before {
    content: "\e61f"
}

.icon-home:before {
    content: "\e620"
}

.icon-hourglass:before {
    content: "\e621"
}

.icon-identification-alt:before {
    content: "\e622"
}

.icon-identification:before {
    content: "\e623"
}

.icon-info:before {
    content: "\e624"
}

.icon-instagram:before {
    content: "\e625"
}

.icon-keyboard:before {
    content: "\e626"
}

.icon-last:before {
    content: "\e627"
}

.icon-lightbulb:before {
    content: "\e628"
}

.icon-linkedin:before {
    content: "\e629"
}

.icon-list:before {
    content: "\e62a"
}

.icon-search:before {
    content: "\e62b"
}

.icon-mail:before {
    content: "\e62c"
}

.icon-man:before {
    content: "\e62d"
}

.icon-message:before {
    content: "\e62e"
}

.icon-money:before {
    content: "\e62f"
}

.icon-users:before {
    content: "\e630"
}

.icon-arrow-up:before {
    content: "\e631"
}

.icon-newspaper:before {
    content: "\e632"
}

.icon-operator:before {
    content: "\e633"
}

.icon-pencil:before {
    content: "\e634"
}

.icon-person:before {
    content: "\e635"
}

.icon-pinterest-circle:before {
    content: "\e636"
}

.icon-pinterest:before {
    content: "\e637"
}

.icon-play:before {
    content: "\e638"
}

.icon-quotes:before {
    content: "\e639"
}

.icon-rectangular:before {
    content: "\e63a"
}

.icon-quotes-alt:before {
    content: "\e63b"
}

.icon-user-circle:before {
    content: "\e63c"
}

.icon-delete-fill-alt:before {
    content: "\e63d"
}

.icon-sales:before {
    content: "\e63e"
}

.icon-sales-alt:before {
    content: "\e63f"
}

.icon-shop-label:before {
    content: "\e640"
}

.icon-dots-horizontal:before {
    content: "\e657"
}

.icon-dots:before {
    content: "\e641"
}

.icon-skype:before {
    content: "\e642"
}

.icon-smartphone:before {
    content: "\e643"
}

.icon-responsive:before {
    content: "\e644"
}

.icon-speech:before {
    content: "\e645"
}

.icon-star:before {
    content: "\e646"
}

.icon-stumbleupon:before {
    content: "\e647"
}

.icon-telephone:before {
    content: "\e648"
}

.icon-textlines:before {
    content: "\e649"
}

.icon-truck:before {
    content: "\e64a"
}

.icon-tumblr:before {
    content: "\e64b"
}

.icon-twitter:before {
    content: "\e64c"
}

.icon-twitter-alt:before {
    content: "\e64d"
}

.icon-verification:before {
    content: "\e64e"
}

.icon-vimeo:before {
    content: "\e64f"
}

.icon-vk:before {
    content: "\e650"
}

.icon-wordpress:before {
    content: "\e651"
}

.icon-write:before {
    content: "\e652"
}

.icon-xing:before {
    content: "\e653"
}

.icon-youtube:before {
    content: "\e654"
}

.icon-youtube-alt:before {
    content: "\e655"
}

.icon-filter:before {
    content: "\e656"
}

.icon-televisions:before {
    content: "\e658"
}

.icon-ipad:before {
    content: "\e659"
}

.icon-mobile-phone:before {
    content: "\e65a"
}

.icon-headphone:before {
    content: "\e65c"
}

.icon-computer:before {
    content: "\e65d"
}

.icon-watch:before {
    content: "\e65b"
}

.icon-iwatch:before {
    content: "\e65f"
}

.icon-spa:before {
    content: "\e65e"
}

.icon-tablets:before {
    content: "\e660"
}

.icon-medicine:before {
    content: "\e661"
}

.icon-feeding:before {
    content: "\e662"
}

.icon-baby:before {
    content: "\e663"
}

.icon-pet:before {
    content: "\e664"
}

.icon-leaf:before {
    content: "\e665"
}

.icon-weight:before {
    content: "\e666"
}

.icon-fruit:before {
    content: "\e667"
}

.icon-cocktail:before {
    content: "\e668"
}

.icon-wiping:before {
    content: "\e669"
}

.icon-basket:before {
    content: "\e66a"
}

.icon-couple:before {
    content: "\e66b"
}

.icon-music:before {
    content: "\e66c"
}

.icon-flowers:before {
    content: "\e66d"
}

.icon-sweet:before {
    content: "\e66e"
}

.icon-utensil:before {
    content: "\e66f"
}

.icon-wedding:before {
    content: "\e670"
}

.icon-speaker:before {
    content: "\e671"
}

.icon-folder:before {
    content: "\e930"
}

/*!
 * Waves v0.7.2
 * http://fian.my.id/Waves 
 * 
 * Copyright 2014 Alfiana E. Sibuea and other contributors 
 * Released under the MIT license 
 * https://github.com/fians/Waves/blob/master/LICENSE 
 */
.waves-effect {
    position: relative;
    cursor: pointer;
    display: inline-block;
    overflow: hidden;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: transparent
}

.waves-effect .waves-ripple {
    position: absolute;
    border-radius: 50%;
    width: 100px;
    height: 100px;
    margin-top: -50px;
    margin-left: -50px;
    opacity: 0;
    background: rgba(0,0,0,0.2);
    background: -webkit-radial-gradient(rgba(0,0,0,0.2) 0, rgba(0,0,0,0.3) 40%, rgba(0,0,0,0.4) 50%, rgba(0,0,0,0.5) 60%, rgba(255,255,255,0) 70%);
    background: -o-radial-gradient(rgba(0,0,0,0.2) 0, rgba(0,0,0,0.3) 40%, rgba(0,0,0,0.4) 50%, rgba(0,0,0,0.5) 60%, rgba(255,255,255,0) 70%);
    background: -moz-radial-gradient(rgba(0,0,0,0.2) 0, rgba(0,0,0,0.3) 40%, rgba(0,0,0,0.4) 50%, rgba(0,0,0,0.5) 60%, rgba(255,255,255,0) 70%);
    background: radial-gradient(rgba(0,0,0,0.2) 0, rgba(0,0,0,0.3) 40%, rgba(0,0,0,0.4) 50%, rgba(0,0,0,0.5) 60%, rgba(255,255,255,0) 70%);
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
    -webkit-transition-property: -webkit-transform, opacity;
    -moz-transition-property: -moz-transform, opacity;
    -o-transition-property: -o-transform, opacity;
    transition-property: transform, opacity;
    -webkit-transform: scale(0) translate(0, 0);
    -moz-transform: scale(0) translate(0, 0);
    -ms-transform: scale(0) translate(0, 0);
    -o-transform: scale(0) translate(0, 0);
    transform: scale(0) translate(0, 0);
    pointer-events: none
}

.waves-effect.waves-light .waves-ripple {
    background: rgba(255,255,255,0.4);
    background: -webkit-radial-gradient(rgba(255,255,255,0.2) 0, rgba(255,255,255,0.3) 40%, rgba(255,255,255,0.4) 50%, rgba(255,255,255,0.5) 60%, rgba(255,255,255,0) 70%);
    background: -o-radial-gradient(rgba(255,255,255,0.2) 0, rgba(255,255,255,0.3) 40%, rgba(255,255,255,0.4) 50%, rgba(255,255,255,0.5) 60%, rgba(255,255,255,0) 70%);
    background: -moz-radial-gradient(rgba(255,255,255,0.2) 0, rgba(255,255,255,0.3) 40%, rgba(255,255,255,0.4) 50%, rgba(255,255,255,0.5) 60%, rgba(255,255,255,0) 70%);
    background: radial-gradient(rgba(255,255,255,0.2) 0, rgba(255,255,255,0.3) 40%, rgba(255,255,255,0.4) 50%, rgba(255,255,255,0.5) 60%, rgba(255,255,255,0) 70%)
}

.waves-effect.waves-classic .waves-ripple {
    background: rgba(0,0,0,0.2)
}

.waves-effect.waves-classic.waves-light .waves-ripple {
    background: rgba(255,255,255,0.4)
}

.waves-notransition {
    -webkit-transition: none !important;
    -moz-transition: none !important;
    -o-transition: none !important;
    transition: none !important
}

.waves-button,.waves-circle {
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-mask-image: -webkit-radial-gradient(circle, #fff 100%, #000 100%)
}

.waves-button-input {
    margin: 0;
    padding: 0.85em 1.1em
}

.waves-input-wrapper {
    border-radius: 0.2em;
    vertical-align: bottom
}

.waves-input-wrapper.waves-button {
    padding: 0
}

.waves-input-wrapper .waves-button-input {
    position: relative;
    top: 0;
    left: 0;
    z-index: 1
}

.waves-circle {
    text-align: center;
    width: 2.5em;
    height: 2.5em;
    line-height: 2.5em;
    border-radius: 50%
}

.waves-float {
    -webkit-mask-image: none;
    -webkit-box-shadow: 0px 1px 1.5px 1px rgba(0,0,0,0.12);
    box-shadow: 0px 1px 1.5px 1px rgba(0,0,0,0.12);
    -webkit-transition: all 300ms;
    -moz-transition: all 300ms;
    -o-transition: all 300ms;
    transition: all 300ms
}

.waves-float:active {
    -webkit-box-shadow: 0px 8px 20px 1px rgba(0,0,0,0.3);
    box-shadow: 0px 8px 20px 1px rgba(0,0,0,0.3)
}

.waves-block {
    display: block
}

a.waves-effect .waves-ripple {
    z-index: -1
}

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

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

.slick-list:focus {
    outline: none
}

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

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

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

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

.slick-track:after {
    clear: both
}

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

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

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

.slick-slide img {
    display: block;
    width: 100%
}

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

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

.slick-prev,.slick-next {
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 50%;
    display: block;
    width: 22px;
    height: 22px;
    margin-top: -11px;
    padding: 0;
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none;
    background: transparent;
    z-index: 200
}

.slick-prev:hover,.slick-prev:focus,.slick-next:hover,.slick-next:focus {
    color: transparent;
    outline: none;
    background: transparent
}

.slick-prev:hover:before,.slick-prev:focus:before,.slick-next:hover:before,.slick-next:focus:before {
    opacity: 1
}

.slick-prev.slick-disabled:before,.slick-next.slick-disabled:before,.slick-prev.slick-disabled:after,.slick-next.slick-disabled:after {
    opacity: .25
}

.slick-prev:before,.slick-next:before {
    font-family: 'Welldone';
    font-size: 22px;
    line-height: 22px;
    color: #ccc;
    cursor: pointer;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.slick-prev {
    left: -45px
}

[dir='rtl'] .slick-prev {
    right: -45px;
    left: auto
}

.slick-prev:before {
    content: "\e603"
}

[dir='rtl'] .slick-prev:before {
    content: "\e602"
}

.slick-next {
    right: -45px
}

[dir='rtl'] .slick-next {
    right: auto;
    left: -45px
}

.slick-next:before {
    content: "\e602"
}

[dir='rtl'] .slick-next:before {
    content: "\e603"
}

@media (max-width: 767px) {
    .mobile-special-arrows .slick-prev,.mobile-special-arrows .slick-next,.mobile-special-arrows .slick-prev:hover,.mobile-special-arrows .slick-prev:focus,.mobile-special-arrows .slick-next:hover,.mobile-special-arrows .slick-next:focus {
        width:50px;
        height: 124px;
        margin-top: -62px;
        padding: 0;
        background: inherit
    }

    .mobile-special-arrows .slick-prev {
        left: 0
    }

    .mobile-special-arrows .slick-next {
        right: 0
    }

    .mobile-special-arrows .slick-prev,.mobile-special-arrows .slick-prev:hover,.mobile-special-arrows .slick-prev:focus {
        background: url("/assets/arrow-xs-prev-fd2ea6d539214b1c4d03f1e2733a4bf778ab3a0ff7535334f381e3fcb51bc05b.png") center center no-repeat rgba(0,0,0,0.1);
        border-radius: 10px
    }

    .mobile-special-arrows .slick-next,.mobile-special-arrows .slick-next:hover,.mobile-special-arrows .slick-next:focus {
        background: url("/assets/arrow-xs-next-409afbdcbd4c97bba2615aca16e9ba7f99f5552404b2122aef2e66d049acecc6.png") center center no-repeat rgba(0,0,0,0.1);
        border-radius: 10px
    }

    .mobile-special-arrows .slick-prev:before,.mobile-special-arrows .slick-next:before {
        display: none
    }
}

.slick-slider {
    margin: 0;
    padding: 0;
    list-style: none
}

.slick-slider.nav-dot {
    margin-bottom: 75px
}

@media (max-width: 767px) {
    .slick-slider {
        margin-bottom:30px
    }
}

.slick-dots {
    position: absolute;
    bottom: -45px;
    display: block;
    width: 100%;
    padding: 0;
    list-style: none;
    text-align: center
}

.slick-dots li {
    position: relative;
    display: inline-block;
    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer
}

.slick-dots li button {
    font-size: 0;
    line-height: 0;
    display: block;
    width: 20px;
    height: 20px;
    padding: 5px;
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: none;
    background: transparent
}

.slick-dots li button:hover,.slick-dots li button:focus {
    outline: none
}

.slick-dots li button:hover:before,.slick-dots li button:focus:before {
    opacity: 1
}

.slick-dots li button:before {
    font-family: 'slick';
    font-size: 6px;
    line-height: 20px;
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    content: '•';
    text-align: center;
    opacity: .25;
    color: black;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.slick-dots li.slick-active button:before {
    opacity: .75;
    color: black;
    font-size: 12px
}

.slick-slider.slick-vertical .slick-track {
    top: 1px
}

.slick-slider.slick-vertical {
    margin-bottom: -1px
}

.nav-top .slick-prev,.nav-top .slick-next {
    position: absolute;
    top: 0;
    margin-top: -52px;
    text-align: center;
    -webkit-tap-highlight-color: transparent
}

.nav-top .slick-prev:before,.nav-top .slick-next:before {
    font-size: 16px
}

.nav-top .slick-next {
    right: 0
}

.nav-top .slick-prev {
    left: auto;
    right: 25px
}

.nav-mobile .slick-prev,.nav-mobile .slick-next {
    top: 50% !important;
    width: 22px !important;
    height: 50px !important;
    margin-top: -25px !important;
    background: rgba(0,0,0,0.1)
}

.nav-mobile .slick-next {
    right: 0 !important
}

.nav-mobile .slick-prev {
    left: 0 !important
}

@media (min-width: 768px) {
    .nav-inside,body.fullwidth .slick-slider:not(.nav-top) {
        margin-left:20px !important;
        margin-right: 20px !important
    }

    .nav-inside .slick-prev,body.fullwidth .slick-slider:not(.nav-top) .slick-prev {
        left: -35px
    }

    .nav-inside .slick-next,body.fullwidth .slick-slider:not(.nav-top) .slick-next {
        right: -35px
    }
}

@media (min-width: 768px) {
    .single-slider .nav-inside,body.fullwidth .aside-column .slick-slider:not(.nav-top) {
        margin-left:0 !important;
        margin-right: 0 !important
    }

    body.fullwidth .aside-column .slick-slider:not(.nav-top) .slick-prev {
        left: 15px
    }

    body.fullwidth .aside-column .slick-slider:not(.nav-top) .slick-next {
        right: 15px
    }
}

@media (max-width: 767px) {
    .nav-inside .slick-prev,.nav-inside .slick-next,.nav-inside .slick-prev:hover,.nav-inside .slick-prev:focus,.nav-inside .slick-next:hover,.nav-inside .slick-next:focus {
        width:50px;
        height: 124px;
        margin-top: -62px !important;
        padding: 0;
        background: inherit
    }

    .nav-inside .slick-prev {
        left: 0px
    }

    .nav-inside .slick-next {
        right: 0px
    }

    .nav-inside .slick-prev,.nav-inside .slick-prev:hover,.nav-inside .slick-prev:focus {
        background: url("/assets/arrow-xs-prev-fd2ea6d539214b1c4d03f1e2733a4bf778ab3a0ff7535334f381e3fcb51bc05b.png") center center no-repeat rgba(0,0,0,0.1);
        border-radius: 5px
    }

    .nav-inside .slick-next,.nav-inside .slick-next:hover,.nav-inside .slick-next:focus {
        background: url("/assets/arrow-xs-next-409afbdcbd4c97bba2615aca16e9ba7f99f5552404b2122aef2e66d049acecc6.png") center center no-repeat rgba(0,0,0,0.1);
        border-radius: 5px
    }

    .nav-inside .slick-prev:before,.nav-inside .slick-next:before {
        display: none
    }
}

/*!
 * Bootstrap-select v1.7.2 (http://silviomoreto.github.io/bootstrap-select)
 *
 * Copyright 2013-2015 bootstrap-select
 * Licensed under MIT (https://github.com/silviomoreto/bootstrap-select/blob/master/LICENSE)
 */
.bootstrap-select {
    width: 220px \0
}

.bootstrap-select>.dropdown-toggle {
    width: 100%;
    padding-right: 25px
}

.has-error .bootstrap-select .dropdown-toggle,.error .bootstrap-select .dropdown-toggle {
    border-color: #b94a48
}

.bootstrap-select.fit-width {
    width: auto !important
}

.bootstrap-select.fullwidth {
    width: 100% !important
}

.bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
    width: 220px
}

.bootstrap-select.form-control {
    margin-bottom: 0;
    padding: 0;
    border: none
}

.bootstrap-select.form-control:not([class*="col-"]) {
    width: 100%
}

.bootstrap-select.form-control.input-group-btn {
    z-index: auto
}

.bootstrap-select.btn-group:not(.input-group-btn),.bootstrap-select.btn-group[class*="col-"] {
    float: none;
    display: inline-block;
    margin-left: 0
}

.bootstrap-select.btn-group.dropdown-menu-right,.bootstrap-select.btn-group[class*="col-"].dropdown-menu-right,.row .bootstrap-select.btn-group[class*="col-"].dropdown-menu-right {
    float: right
}

.form-inline .bootstrap-select.btn-group,.form-horizontal .bootstrap-select.btn-group,.form-group .bootstrap-select.btn-group {
    margin-bottom: 0
}

.form-group-lg .bootstrap-select.btn-group.form-control,.form-group-sm .bootstrap-select.btn-group.form-control {
    padding: 0
}

.form-inline .bootstrap-select.btn-group .form-control {
    width: 100%
}

.bootstrap-select.btn-group.disabled,.bootstrap-select.btn-group>.disabled {
    cursor: not-allowed
}

.bootstrap-select.btn-group.disabled:focus,.bootstrap-select.btn-group>.disabled:focus {
    outline: none !important
}

.bootstrap-select.btn-group .dropdown-toggle .filter-option {
    display: inline-block;
    overflow: hidden;
    width: 100%;
    text-align: left
}

.bootstrap-select.btn-group .dropdown-toggle .caret {
    position: absolute;
    top: 50%;
    right: 12px;
    margin-top: -2px;
    vertical-align: middle
}

.bootstrap-select.btn-group[class*="col-"] .dropdown-toggle {
    width: 100%
}

.bootstrap-select.btn-group .dropdown-menu {
    min-width: 100%;
    z-index: 1035;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.bootstrap-select.btn-group .dropdown-menu.inner {
    position: static;
    float: none;
    border: 0;
    padding: 0;
    margin: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none
}

.bootstrap-select.btn-group .dropdown-menu li {
    position: relative
}

.bootstrap-select.btn-group .dropdown-menu li.active small {
    color: #fff
}

.bootstrap-select.btn-group .dropdown-menu li.disabled a {
    cursor: not-allowed
}

.bootstrap-select.btn-group .dropdown-menu li a {
    cursor: pointer;
    padding-left: 12px;
    padding-right: 12px;
    font-size: 12px
}

.bootstrap-select.btn-group .dropdown-menu li a.opt {
    position: relative;
    padding-left: 2.25em
}

.bootstrap-select.btn-group .dropdown-menu li a span.check-mark {
    display: none
}

.bootstrap-select.btn-group .dropdown-menu li a span.text {
    display: inline-block
}

.bootstrap-select.btn-group .dropdown-menu li small {
    padding-left: 0.5em
}

.bootstrap-select.btn-group .dropdown-menu .notify {
    position: absolute;
    bottom: 5px;
    width: 96%;
    margin: 0 2%;
    min-height: 26px;
    padding: 3px 5px;
    background: #f5f5f5;
    border: 1px solid #e3e3e3;
    pointer-events: none;
    opacity: 0.9;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.bootstrap-select.btn-group .no-results {
    padding: 3px;
    background: #f5f5f5;
    margin: 0 5px;
    white-space: nowrap
}

.bootstrap-select.btn-group.fit-width .dropdown-toggle .filter-option {
    position: static
}

.bootstrap-select.btn-group.fit-width .dropdown-toggle .caret {
    position: static;
    top: auto;
    margin-top: -1px
}

.bootstrap-select.btn-group.show-tick .dropdown-menu li.selected a span.check-mark {
    position: absolute;
    display: inline-block;
    right: 15px;
    margin-top: 5px
}

.bootstrap-select.btn-group.show-tick .dropdown-menu li a span.text {
    margin-right: 34px
}

.bootstrap-select.show-menu-arrow.open>.dropdown-toggle {
    z-index: 1036
}

.bootstrap-select.show-menu-arrow .dropdown-toggle:before {
    content: '';
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid rgba(204,204,204,0.2);
    position: absolute;
    bottom: -4px;
    left: 9px;
    display: none
}

.bootstrap-select.show-menu-arrow .dropdown-toggle:after {
    content: '';
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid white;
    position: absolute;
    bottom: -4px;
    left: 10px;
    display: none
}

.bootstrap-select.show-menu-arrow.dropup .dropdown-toggle:before {
    bottom: auto;
    top: -3px;
    border-top: 7px solid rgba(204,204,204,0.2);
    border-bottom: 0
}

.bootstrap-select.show-menu-arrow.dropup .dropdown-toggle:after {
    bottom: auto;
    top: -3px;
    border-top: 6px solid white;
    border-bottom: 0
}

.bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle:before {
    right: 12px;
    left: auto
}

.bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle:after {
    right: 13px;
    left: auto
}

.bootstrap-select.show-menu-arrow.open>.dropdown-toggle:before,.bootstrap-select.show-menu-arrow.open>.dropdown-toggle:after {
    display: block
}

.bs-searchbox,.bs-actionsbox,.bs-donebutton {
    padding: 4px 8px
}

.bs-actionsbox {
    float: left;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.bs-actionsbox .btn-group button {
    width: 50%
}

.bs-donebutton {
    float: left;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.bs-donebutton .btn-group button {
    width: 100%
}

.bs-searchbox+.bs-actionsbox {
    padding: 0 8px 4px
}

.bs-searchbox .form-control {
    margin-bottom: 0;
    width: 100%
}

select.bs-select-hidden,select.selectpicker {
    display: none !important
}

select.mobile-device {
    position: absolute !important;
    top: 0;
    left: 0;
    display: block !important;
    width: 100%;
    height: 100% !important;
    opacity: 0
}

.bootstrap-select .icon,.bootstrap-select .flag {
    display: inline-block;
    margin-right: 5px;
    text-align: center
}

.mfp-bg {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10042;
    overflow: hidden;
    position: fixed;
    background: #0b0b0b;
    opacity: 0.8;
    filter: alpha(opacity=80)
}

.mfp-wrap {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10043;
    position: fixed;
    outline: none !important;
    -webkit-backface-visibility: hidden
}

.mfp-container {
    text-align: center;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    padding: 0 8px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.mfp-container:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle
}

.mfp-align-top .mfp-container:before {
    display: none
}

.mfp-content {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin: 0 auto;
    text-align: left;
    z-index: 10045
}

.mfp-inline-holder .mfp-content,.mfp-ajax-holder .mfp-content {
    width: 100%;
    cursor: auto
}

.mfp-ajax-cur {
    cursor: progress
}

.mfp-zoom {
    cursor: pointer
}

.mfp-auto-cursor .mfp-content {
    cursor: auto
}

.mfp-close,.mfp-arrow,.mfp-preloader,.mfp-counter {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.mfp-loading.mfp-figure {
    display: none
}

.mfp-hide {
    display: none !important
}

.mfp-preloader {
    color: #CCC;
    position: absolute;
    top: 50%;
    width: auto;
    text-align: center;
    margin-top: -0.8em;
    left: 8px;
    right: 8px;
    z-index: 10044
}

.mfp-preloader a {
    color: #CCC
}

.mfp-preloader a:hover {
    color: #FFF
}

.mfp-s-ready .mfp-preloader {
    display: none
}

.mfp-s-error .mfp-content {
    display: none
}

button.mfp-close,button.mfp-arrow {
    overflow: visible;
    cursor: pointer;
    background: transparent;
    border: 0;
    -webkit-appearance: none;
    display: block;
    outline: none;
    padding: 0;
    z-index: 10046;
    -webkit-box-shadow: none;
    box-shadow: none
}

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

.mfp-close {
    width: 44px;
    height: 44px;
    line-height: 44px;
    position: absolute;
    right: 0;
    top: 0;
    text-decoration: none;
    text-align: center;
    opacity: 0.65;
    filter: alpha(opacity=65);
    padding: 0 0 18px 10px;
    color: #FFF;
    font-style: normal;
    font-size: 28px;
    font-family: Arial, Baskerville, monospace
}

.mfp-close:hover,.mfp-close:focus {
    opacity: 1;
    filter: alpha(opacity=100)
}

.mfp-close:active {
    top: 1px
}

.mfp-close-btn-in .mfp-close {
    color: #333
}

.mfp-image-holder .mfp-close,.mfp-iframe-holder .mfp-close {
    color: #FFF;
    right: -6px;
    text-align: right;
    padding-right: 6px;
    width: 100%
}

.mfp-counter {
    position: absolute;
    top: 0;
    right: 0;
    color: #CCC;
    font-size: 12px;
    line-height: 18px;
    white-space: nowrap
}

.mfp-arrow {
    position: absolute;
    opacity: 0.65;
    filter: alpha(opacity=65);
    margin: 0;
    top: 50%;
    margin-top: -55px;
    padding: 0;
    width: 90px;
    height: 110px;
    -webkit-tap-highlight-color: transparent
}

.mfp-arrow:active {
    margin-top: -54px
}

.mfp-arrow:hover,.mfp-arrow:focus {
    opacity: 1;
    filter: alpha(opacity=100)
}

.mfp-arrow:before,.mfp-arrow:after,.mfp-arrow .mfp-b,.mfp-arrow .mfp-a {
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    left: 0;
    top: 0;
    margin-top: 35px;
    margin-left: 35px;
    border: medium inset transparent
}

.mfp-arrow:after,.mfp-arrow .mfp-a {
    border-top-width: 13px;
    border-bottom-width: 13px;
    top: 8px
}

.mfp-arrow:before,.mfp-arrow .mfp-b {
    border-top-width: 21px;
    border-bottom-width: 21px;
    opacity: 0.7
}

.mfp-arrow-left {
    left: 0
}

.mfp-arrow-left:after,.mfp-arrow-left .mfp-a {
    border-right: 17px solid #FFF;
    margin-left: 31px
}

.mfp-arrow-left:before,.mfp-arrow-left .mfp-b {
    margin-left: 25px;
    border-right: 27px solid #3F3F3F
}

.mfp-arrow-right {
    right: 0
}

.mfp-arrow-right:after,.mfp-arrow-right .mfp-a {
    border-left: 17px solid #FFF;
    margin-left: 39px
}

.mfp-arrow-right:before,.mfp-arrow-right .mfp-b {
    border-left: 27px solid #3F3F3F
}

.mfp-iframe-holder {
    padding-top: 40px;
    padding-bottom: 40px
}

.mfp-iframe-holder .mfp-content {
    line-height: 0;
    width: 100%;
    max-width: 900px
}

.mfp-iframe-holder .mfp-close {
    top: -40px
}

.mfp-iframe-scaler {
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-top: 56.25%
}

.mfp-iframe-scaler iframe {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: 0 0 8px rgba(0,0,0,0.6);
    background: #000
}

img.mfp-img {
    width: auto;
    max-width: 100%;
    height: auto;
    display: block;
    line-height: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 40px 0 40px;
    margin: 0 auto
}

.mfp-figure {
    line-height: 0
}

.mfp-figure:after {
    content: '';
    position: absolute;
    left: 0;
    top: 40px;
    bottom: 40px;
    display: block;
    right: 0;
    width: auto;
    height: auto;
    z-index: -1;
    box-shadow: 0 0 8px rgba(0,0,0,0.6);
    background: #444
}

.mfp-figure small {
    color: #BDBDBD;
    display: block;
    font-size: 12px;
    line-height: 14px
}

.mfp-figure figure {
    margin: 0
}

.mfp-bottom-bar {
    margin-top: -36px;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    cursor: auto
}

.mfp-title {
    text-align: left;
    line-height: 18px;
    color: #F3F3F3;
    word-wrap: break-word;
    padding-right: 36px
}

.mfp-image-holder .mfp-content {
    max-width: 100%
}

.mfp-gallery .mfp-image-holder .mfp-figure {
    cursor: pointer
}

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
    .mfp-img-mobile .mfp-image-holder {
        padding-left:0;
        padding-right: 0
    }

    .mfp-img-mobile img.mfp-img {
        padding: 0
    }

    .mfp-img-mobile .mfp-figure:after {
        top: 0;
        bottom: 0
    }

    .mfp-img-mobile .mfp-figure small {
        display: inline;
        margin-left: 5px
    }

    .mfp-img-mobile .mfp-bottom-bar {
        background: rgba(0,0,0,0.6);
        bottom: 0;
        margin: 0;
        top: auto;
        padding: 3px 5px;
        position: fixed;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box
    }

    .mfp-img-mobile .mfp-bottom-bar:empty {
        padding: 0
    }

    .mfp-img-mobile .mfp-counter {
        right: 5px;
        top: 3px
    }

    .mfp-img-mobile .mfp-close {
        top: 0;
        right: 0;
        width: 35px;
        height: 35px;
        line-height: 35px;
        background: rgba(0,0,0,0.6);
        position: fixed;
        text-align: center;
        padding: 0
    }
}

@media all and (max-width: 900px) {
    .mfp-arrow {
        -webkit-transform:scale(0.75);
        transform: scale(0.75)
    }

    .mfp-arrow-left {
        -webkit-transform-origin: 0;
        transform-origin: 0
    }

    .mfp-arrow-right {
        -webkit-transform-origin: 100%;
        transform-origin: 100%
    }

    .mfp-container {
        padding-left: 6px;
        padding-right: 6px
    }
}

.mfp-ie7 .mfp-img {
    padding: 0
}

.mfp-ie7 .mfp-bottom-bar {
    width: 600px;
    left: 50%;
    margin-left: -300px;
    margin-top: 5px;
    padding-bottom: 5px
}

.mfp-ie7 .mfp-container {
    padding: 0
}

.mfp-ie7 .mfp-content {
    padding-top: 44px
}

.mfp-ie7 .mfp-close {
    top: 0;
    right: 0;
    padding-top: 0
}

/*! normalize.css v3.0.2 | MIT License | git.io/normalize */
html {
    font-family: "SF Pro TC","SF Pro Text","SF Pro Icons","PingFang TC","Helvetica Neue","Helvetica","Arial",sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0;
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    font-smoothing: antialiased
}

h1,h2,h3,h4,h5,h6 {
    font-weight: bold;
    -webkit-font-smoothing: initial;
    -moz-font-smoothing: initial;
    font-smoothing: initial
}

.heading-inline {
    display: inline-block !important;
    margin: 10px 0 !important;
    vertical-align: middle !important;
    padding: 0
}

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

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

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

[hidden],template {
    display: none
}

a {
    background-color: transparent;
    -webkit-transition: all 0.3s ease-in-out !important;
    -moz-transition: all 0.3s ease-in-out !important;
    -o-transition: all 0.3s ease-in-out !important;
    transition: all 0.3s ease-in-out !important
}

a:active,a:hover {
    outline: 0;
    color: #ff703a
}

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

b,strong {
    font-weight: bold
}

dfn {
    font-style: italic
}

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

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

small {
    font-size: 80%
}

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

sup {
    top: -0.5em
}

sub {
    bottom: -0.25em
}

img {
    border: 0
}

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

figure {
    margin: 1em 40px
}

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

pre {
    overflow: auto
}

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

button,input,optgroup,select,textarea {
    color: inherit;
    font: inherit;
    margin: 0;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

button {
    overflow: visible
}

button,select {
    text-transform: none
}

button,html input[type="button"],input[type="reset"],input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer
}

button[disabled],html input[disabled] {
    cursor: default
}

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

input {
    line-height: normal;
    background: #ffffff;
    border-color: #e3e3e3;
    color: #2b2b2b;
    border-width: 1px;
    border-style: solid;
    padding: 5px;
    margin: 2px
}

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

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

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

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

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

legend {
    border: 0;
    padding: 0
}

textarea {
    overflow: auto;
    border-radius: 3px;
    background: #ffffff;
    border-color: #e3e3e3;
    color: #2b2b2b;
    border-width: 1px;
    border-style: solid;
    padding: 5px;
    outline: 0;
    resize: none;
    min-height: 120px
}

optgroup {
    font-weight: bold
}

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

td,th {
    padding: 0
}

/*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */
@media print {
    *,*:before,*:after {
        background: transparent !important;
        color: #000 !important;
        box-shadow: none !important;
        text-shadow: none !important
    }

    a,a:visited {
        text-decoration: underline
    }

    a[href]:after {
        content: " (" attr(href) ")"
    }

    abbr[title]:after {
        content: " (" attr(title) ")"
    }

    a[href^="#"]:after,a[href^="javascript:"]:after {
        content: ""
    }

    pre,blockquote {
        border: 1px solid #999;
        page-break-inside: avoid
    }

    thead {
        display: table-header-group
    }

    tr,img {
        page-break-inside: avoid
    }

    img {
        max-width: 100% !important
    }

    p,h2,h3 {
        orphans: 3;
        widows: 3
    }

    h2,h3 {
        page-break-after: avoid
    }

    select {
        background: #fff !important
    }

    .navbar {
        display: none
    }

    .btn>.caret,.dropup>.btn>.caret {
        border-top-color: #000 !important
    }

    .label {
        border: 1px solid #000
    }

    .table {
        border-collapse: collapse !important
    }

    .table td,.table th {
        background-color: #fff !important
    }

    .table-bordered th,.table-bordered td {
        border: 1px solid #ddd !important
    }
}

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

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

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

body {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif, 'Microsoft JhengHei';
    font-size: 14px;
    line-height: 1.42857143;
    color: #333333;
    background-color: #ffffff
}

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

a {
    color: #212121;
    text-decoration: none
}

a:hover,a:focus {
    color: #000000
}

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

figure {
    margin: 0
}

img {
    vertical-align: middle
}

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

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

.img-thumbnail {
    padding: 4px;
    line-height: 1.42857143;
    background-color: #ffffff;
    border: 1px solid #dddddd;
    border-radius: 4px;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    -webkit-transition: all 1s 0s ease, 0.2s 1s 0s ease, ease-in-out 1s 0s ease;
    -moz-transition: all 1s 0s ease, 0.2s 1s 0s ease, ease-in-out 1s 0s ease;
    -ms-transition: all 1s 0s ease, 0.2s 1s 0s ease, ease-in-out 1s 0s ease;
    -o-transition: all 1s 0s ease, 0.2s 1s 0s ease, ease-in-out 1s 0s ease;
    transition: all 1s 0s ease, 0.2s 1s 0s ease, ease-in-out 1s 0s ease;
    display: inline-block;
    max-width: 100%;
    height: auto
}

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

hr {
    border: 0;
    border-top: 1px solid #eeeeee
}

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

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

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

h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6 {
    font-family: inherit;
    font-weight: 900;
    line-height: 1.1;
    color: inherit
}

h1 small,h2 small,h3 small,h4 small,h5 small,h6 small,.h1 small,.h2 small,.h3 small,.h4 small,.h5 small,.h6 small,h1 .small,h2 .small,h3 .small,h4 .small,h5 .small,h6 .small,.h1 .small,.h2 .small,.h3 .small,.h4 .small,.h5 .small,.h6 .small {
    font-weight: normal;
    line-height: 1;
    color: #777777
}

h1,.h1,h2,.h2,h3,.h3 {
    margin-top: 20px;
    margin-bottom: 10px
}

h1 small,.h1 small,h2 small,.h2 small,h3 small,.h3 small,h1 .small,.h1 .small,h2 .small,.h2 .small,h3 .small,.h3 .small {
    font-size: 65%
}

h4,.h4,h5,.h5,h6,.h6 {
    margin-top: 10px;
    margin-bottom: 10px
}

h4 small,.h4 small,h5 small,.h5 small,h6 small,.h6 small,h4 .small,.h4 .small,h5 .small,.h5 .small,h6 .small,.h6 .small {
    font-size: 75%
}

h1,.h1 {
    font-size: 36px
}

h2,.h2 {
    font-size: 30px
}

h3,.h3 {
    font-size: 24px
}

h4,.h4 {
    font-size: 18px
}

h5,.h5 {
    font-size: 14px
}

h6,.h6 {
    font-size: 12px
}

p {
    margin: 0 0 10px
}

.lead {
    margin-bottom: 20px;
    font-size: 16px;
    font-weight: 300;
    line-height: 1.4
}

@media (min-width: 768px) {
    .lead {
        font-size:21px
    }
}

small,.small {
    font-size: 85%
}

mark,.mark {
    background-color: #fcf8e3;
    padding: .2em
}

.text-left {
    text-align: left
}

.text-right {
    text-align: right
}

.text-center {
    text-align: center
}

.text-justify {
    text-align: justify
}

.text-nowrap {
    white-space: nowrap
}

.text-lowercase {
    text-transform: lowercase
}

.text-uppercase {
    text-transform: uppercase
}

.text-capitalize {
    text-transform: capitalize
}

.text-muted {
    color: #777777
}

.text-primary {
    color: #337ab7
}

a.text-primary:hover {
    color: #286090
}

.text-success {
    color: #3c763d
}

a.text-success:hover {
    color: #2b542c
}

.text-info {
    color: #31708f
}

a.text-info:hover {
    color: #245269
}

.text-warning {
    color: #8a6d3b
}

a.text-warning:hover {
    color: #66512c
}

.text-danger {
    color: #FF0000
}

a.text-danger:hover {
    color: #FF0000
}

.text-xxl {
    font-size: 60px;
    line-height: 48px;
    font-weight: bold
}

.text-sm {
    font-size: 14px
}

.text-xs {
    font-size: 12px
}

.bg-primary {
    color: #fff;
    background-color: #337ab7
}

a.bg-primary:hover {
    background-color: #286090
}

.bg-success {
    background-color: #dff0d8
}

a.bg-success:hover {
    background-color: #c1e2b3
}

.bg-info {
    background-color: #d9edf7
}

a.bg-info:hover {
    background-color: #afd9ee
}

.bg-warning {
    background-color: #fcf8e3
}

a.bg-warning:hover {
    background-color: #f7ecb5
}

.bg-danger {
    background-color: #f2dede
}

a.bg-danger:hover {
    background-color: #e4b9b9
}

.page-header {
    padding-bottom: 9px;
    margin: 40px 0 20px;
    border-bottom: 1px solid #eeeeee
}

ul {
    -webkit-padding-start: 0px
}

ul,ol {
    margin-top: 0;
    margin-bottom: 10px;
    list-style: none
}

ul ul,ol ul,ul ol,ol ol {
    margin-bottom: 0
}

.list-unstyled {
    padding-left: 0;
    list-style: none
}

.list-inline {
    padding-left: 0;
    list-style: none;
    margin-left: -5px;
    display: inline-block
}

.list-inline>li {
    display: inline-block;
    padding-left: 5px;
    padding-right: 5px
}

dl {
    margin-top: 0;
    margin-bottom: 20px
}

dt,dd {
    line-height: 1.42857143
}

dt {
    font-weight: bold
}

dd {
    margin-left: 0
}

@media (min-width: 768px) {
    .dl-horizontal dt {
        float:left;
        width: 160px;
        clear: left;
        text-align: right;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap
    }

    .dl-horizontal dd {
        margin-left: 180px
    }
}

abbr[title],abbr[data-original-title] {
    cursor: help;
    border-bottom: 1px dotted #777777
}

.initialism {
    font-size: 90%;
    text-transform: uppercase
}

blockquote {
    padding: 10px 20px;
    margin: 0 0 20px;
    font-size: 17.5px;
    border-left: 5px solid #eeeeee
}

blockquote p:last-child,blockquote ul:last-child,blockquote ol:last-child {
    margin-bottom: 0
}

blockquote footer,blockquote small,blockquote .small {
    display: block;
    font-size: 80%;
    line-height: 1.42857143;
    color: #777777
}

blockquote footer:before,blockquote small:before,blockquote .small:before {
    content: '\2014 \00A0'
}

.blockquote-reverse,blockquote.pull-right {
    padding-right: 15px;
    padding-left: 0;
    border-right: 5px solid #eeeeee;
    border-left: 0;
    text-align: right
}

.blockquote-reverse footer:before,blockquote.pull-right footer:before,.blockquote-reverse small:before,blockquote.pull-right small:before,.blockquote-reverse .small:before,blockquote.pull-right .small:before {
    content: ''
}

.blockquote-reverse footer:after,blockquote.pull-right footer:after,.blockquote-reverse small:after,blockquote.pull-right small:after,.blockquote-reverse .small:after,blockquote.pull-right .small:after {
    content: '\00A0 \2014'
}

address {
    margin-bottom: 20px;
    font-style: normal;
    line-height: 1.42857143
}

code,kbd,pre,samp {
    font-family: Menlo, Monaco, Consolas, "Courier New", monospace, 'Microsoft JhengHei'
}

code {
    padding: 2px 4px;
    font-size: 90%;
    color: #c7254e;
    background-color: #f9f2f4;
    border-radius: 4px
}

kbd {
    padding: 2px 4px;
    font-size: 90%;
    color: #ffffff;
    background-color: #333333;
    border-radius: 3px;
    box-shadow: inset 0 -1px 0 rgba(0,0,0,0.25)
}

kbd kbd {
    padding: 0;
    font-size: 100%;
    font-weight: bold;
    box-shadow: none
}

pre {
    display: block;
    padding: 9.5px;
    margin: 0 0 10px;
    font-size: 13px;
    line-height: 1.42857143;
    word-break: break-all;
    word-wrap: break-word;
    color: #333333;
    background-color: #f5f5f5;
    border: 1px solid #cccccc;
    border-radius: 4px
}

pre code {
    padding: 0;
    font-size: inherit;
    color: inherit;
    white-space: pre-wrap;
    background-color: transparent;
    border-radius: 0
}

.pre-scrollable {
    max-height: 340px;
    overflow-y: scroll
}

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

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

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

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

.float-left {
    float: left
}

.float-right {
    float: right
}

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

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

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

.col-xs-1,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9,.col-xs-10,.col-xs-11,.col-xs-12 {
    float: left
}

.col-xs-12 {
    width: 100%
}

.col-xs-11 {
    width: 91.66666667%
}

.col-xs-10 {
    width: 83.33333333%
}

.col-xs-9 {
    width: 75%
}

.col-xs-8 {
    width: 66.66666667%
}

.col-xs-7 {
    width: 58.33333333%
}

.col-xs-6 {
    width: 50%
}

.col-xs-5 {
    width: 41.66666667%
}

.col-xs-4 {
    width: 33.33333333%
}

.col-xs-3 {
    width: 25%
}

.col-xs-2 {
    width: 16.66666667%
}

.col-xs-1 {
    width: 8.33333333%
}

.col-xs-pull-12 {
    right: 100%
}

.col-xs-pull-11 {
    right: 91.66666667%
}

.col-xs-pull-10 {
    right: 83.33333333%
}

.col-xs-pull-9 {
    right: 75%
}

.col-xs-pull-8 {
    right: 66.66666667%
}

.col-xs-pull-7 {
    right: 58.33333333%
}

.col-xs-pull-6 {
    right: 50%
}

.col-xs-pull-5 {
    right: 41.66666667%
}

.col-xs-pull-4 {
    right: 33.33333333%
}

.col-xs-pull-3 {
    right: 25%
}

.col-xs-pull-2 {
    right: 16.66666667%
}

.col-xs-pull-1 {
    right: 8.33333333%
}

.col-xs-pull-0 {
    right: auto
}

.col-xs-push-12 {
    left: 100%
}

.col-xs-push-11 {
    left: 91.66666667%
}

.col-xs-push-10 {
    left: 83.33333333%
}

.col-xs-push-9 {
    left: 75%
}

.col-xs-push-8 {
    left: 66.66666667%
}

.col-xs-push-7 {
    left: 58.33333333%
}

.col-xs-push-6 {
    left: 50%
}

.col-xs-push-5 {
    left: 41.66666667%
}

.col-xs-push-4 {
    left: 33.33333333%
}

.col-xs-push-3 {
    left: 25%
}

.col-xs-push-2 {
    left: 16.66666667%
}

.col-xs-push-1 {
    left: 8.33333333%
}

.col-xs-push-0 {
    left: auto
}

.col-xs-offset-12 {
    margin-left: 100%
}

.col-xs-offset-11 {
    margin-left: 91.66666667%
}

.col-xs-offset-10 {
    margin-left: 83.33333333%
}

.col-xs-offset-9 {
    margin-left: 75%
}

.col-xs-offset-8 {
    margin-left: 66.66666667%
}

.col-xs-offset-7 {
    margin-left: 58.33333333%
}

.col-xs-offset-6 {
    margin-left: 50%
}

.col-xs-offset-5 {
    margin-left: 41.66666667%
}

.col-xs-offset-4 {
    margin-left: 33.33333333%
}

.col-xs-offset-3 {
    margin-left: 25%
}

.col-xs-offset-2 {
    margin-left: 16.66666667%
}

.col-xs-offset-1 {
    margin-left: 8.33333333%
}

.col-xs-offset-0 {
    margin-left: 0%
}

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

    .col-sm-12 {
        width: 100%
    }

    .col-sm-11 {
        width: 91.66666667%
    }

    .col-sm-10 {
        width: 83.33333333%
    }

    .col-sm-9 {
        width: 75%
    }

    .col-sm-8 {
        width: 66.66666667%
    }

    .col-sm-7 {
        width: 58.33333333%
    }

    .col-sm-6 {
        width: 50%
    }

    .col-sm-5 {
        width: 41.66666667%
    }

    .col-sm-4 {
        width: 33.33333333%
    }

    .col-sm-3 {
        width: 25%
    }

    .col-sm-2 {
        width: 16.66666667%
    }

    .col-sm-1 {
        width: 8.33333333%
    }

    .col-sm-pull-12 {
        right: 100%
    }

    .col-sm-pull-11 {
        right: 91.66666667%
    }

    .col-sm-pull-10 {
        right: 83.33333333%
    }

    .col-sm-pull-9 {
        right: 75%
    }

    .col-sm-pull-8 {
        right: 66.66666667%
    }

    .col-sm-pull-7 {
        right: 58.33333333%
    }

    .col-sm-pull-6 {
        right: 50%
    }

    .col-sm-pull-5 {
        right: 41.66666667%
    }

    .col-sm-pull-4 {
        right: 33.33333333%
    }

    .col-sm-pull-3 {
        right: 25%
    }

    .col-sm-pull-2 {
        right: 16.66666667%
    }

    .col-sm-pull-1 {
        right: 8.33333333%
    }

    .col-sm-pull-0 {
        right: auto
    }

    .col-sm-push-12 {
        left: 100%
    }

    .col-sm-push-11 {
        left: 91.66666667%
    }

    .col-sm-push-10 {
        left: 83.33333333%
    }

    .col-sm-push-9 {
        left: 75%
    }

    .col-sm-push-8 {
        left: 66.66666667%
    }

    .col-sm-push-7 {
        left: 58.33333333%
    }

    .col-sm-push-6 {
        left: 50%
    }

    .col-sm-push-5 {
        left: 41.66666667%
    }

    .col-sm-push-4 {
        left: 33.33333333%
    }

    .col-sm-push-3 {
        left: 25%
    }

    .col-sm-push-2 {
        left: 16.66666667%
    }

    .col-sm-push-1 {
        left: 8.33333333%
    }

    .col-sm-push-0 {
        left: auto
    }

    .col-sm-offset-12 {
        margin-left: 100%
    }

    .col-sm-offset-11 {
        margin-left: 91.66666667%
    }

    .col-sm-offset-10 {
        margin-left: 83.33333333%
    }

    .col-sm-offset-9 {
        margin-left: 75%
    }

    .col-sm-offset-8 {
        margin-left: 66.66666667%
    }

    .col-sm-offset-7 {
        margin-left: 58.33333333%
    }

    .col-sm-offset-6 {
        margin-left: 50%
    }

    .col-sm-offset-5 {
        margin-left: 41.66666667%
    }

    .col-sm-offset-4 {
        margin-left: 33.33333333%
    }

    .col-sm-offset-3 {
        margin-left: 25%
    }

    .col-sm-offset-2 {
        margin-left: 16.66666667%
    }

    .col-sm-offset-1 {
        margin-left: 8.33333333%
    }

    .col-sm-offset-0 {
        margin-left: 0%
    }
}

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

    .col-md-12 {
        width: 100%
    }

    .col-md-11 {
        width: 91.66666667%
    }

    .col-md-10 {
        width: 83.33333333%
    }

    .col-md-9 {
        width: 75%
    }

    .col-md-8 {
        width: 66.66666667%
    }

    .col-md-7 {
        width: 58.33333333%
    }

    .col-md-6 {
        width: 50%
    }

    .col-md-5 {
        width: 41.66666667%
    }

    .col-md-4 {
        width: 33.33333333%
    }

    .col-md-3 {
        width: 25%
    }

    .col-md-2 {
        width: 16.66666667%
    }

    .col-md-1 {
        width: 8.33333333%
    }

    .col-md-pull-12 {
        right: 100%
    }

    .col-md-pull-11 {
        right: 91.66666667%
    }

    .col-md-pull-10 {
        right: 83.33333333%
    }

    .col-md-pull-9 {
        right: 75%
    }

    .col-md-pull-8 {
        right: 66.66666667%
    }

    .col-md-pull-7 {
        right: 58.33333333%
    }

    .col-md-pull-6 {
        right: 50%
    }

    .col-md-pull-5 {
        right: 41.66666667%
    }

    .col-md-pull-4 {
        right: 33.33333333%
    }

    .col-md-pull-3 {
        right: 25%
    }

    .col-md-pull-2 {
        right: 16.66666667%
    }

    .col-md-pull-1 {
        right: 8.33333333%
    }

    .col-md-pull-0 {
        right: auto
    }

    .col-md-push-12 {
        left: 100%
    }

    .col-md-push-11 {
        left: 91.66666667%
    }

    .col-md-push-10 {
        left: 83.33333333%
    }

    .col-md-push-9 {
        left: 75%
    }

    .col-md-push-8 {
        left: 66.66666667%
    }

    .col-md-push-7 {
        left: 58.33333333%
    }

    .col-md-push-6 {
        left: 50%
    }

    .col-md-push-5 {
        left: 41.66666667%
    }

    .col-md-push-4 {
        left: 33.33333333%
    }

    .col-md-push-3 {
        left: 25%
    }

    .col-md-push-2 {
        left: 16.66666667%
    }

    .col-md-push-1 {
        left: 8.33333333%
    }

    .col-md-push-0 {
        left: auto
    }

    .col-md-offset-12 {
        margin-left: 100%
    }

    .col-md-offset-11 {
        margin-left: 91.66666667%
    }

    .col-md-offset-10 {
        margin-left: 83.33333333%
    }

    .col-md-offset-9 {
        margin-left: 75%
    }

    .col-md-offset-8 {
        margin-left: 66.66666667%
    }

    .col-md-offset-7 {
        margin-left: 58.33333333%
    }

    .col-md-offset-6 {
        margin-left: 50%
    }

    .col-md-offset-5 {
        margin-left: 41.66666667%
    }

    .col-md-offset-4 {
        margin-left: 33.33333333%
    }

    .col-md-offset-3 {
        margin-left: 25%
    }

    .col-md-offset-2 {
        margin-left: 16.66666667%
    }

    .col-md-offset-1 {
        margin-left: 8.33333333%
    }

    .col-md-offset-0 {
        margin-left: 0%
    }
}

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

    .col-lg-12 {
        width: 100%
    }

    .col-lg-11 {
        width: 91.66666667%
    }

    .col-lg-10 {
        width: 83.33333333%
    }

    .col-lg-9 {
        width: 75%
    }

    .col-lg-8 {
        width: 66.66666667%
    }

    .col-lg-7 {
        width: 58.33333333%
    }

    .col-lg-6 {
        width: 50%
    }

    .col-lg-5 {
        width: 41.66666667%
    }

    .col-lg-4 {
        width: 33.33333333%
    }

    .col-lg-3 {
        width: 25%
    }

    .col-lg-2 {
        width: 16.66666667%
    }

    .col-lg-1 {
        width: 8.33333333%
    }

    .col-lg-pull-12 {
        right: 100%
    }

    .col-lg-pull-11 {
        right: 91.66666667%
    }

    .col-lg-pull-10 {
        right: 83.33333333%
    }

    .col-lg-pull-9 {
        right: 75%
    }

    .col-lg-pull-8 {
        right: 66.66666667%
    }

    .col-lg-pull-7 {
        right: 58.33333333%
    }

    .col-lg-pull-6 {
        right: 50%
    }

    .col-lg-pull-5 {
        right: 41.66666667%
    }

    .col-lg-pull-4 {
        right: 33.33333333%
    }

    .col-lg-pull-3 {
        right: 25%
    }

    .col-lg-pull-2 {
        right: 16.66666667%
    }

    .col-lg-pull-1 {
        right: 8.33333333%
    }

    .col-lg-pull-0 {
        right: auto
    }

    .col-lg-push-12 {
        left: 100%
    }

    .col-lg-push-11 {
        left: 91.66666667%
    }

    .col-lg-push-10 {
        left: 83.33333333%
    }

    .col-lg-push-9 {
        left: 75%
    }

    .col-lg-push-8 {
        left: 66.66666667%
    }

    .col-lg-push-7 {
        left: 58.33333333%
    }

    .col-lg-push-6 {
        left: 50%
    }

    .col-lg-push-5 {
        left: 41.66666667%
    }

    .col-lg-push-4 {
        left: 33.33333333%
    }

    .col-lg-push-3 {
        left: 25%
    }

    .col-lg-push-2 {
        left: 16.66666667%
    }

    .col-lg-push-1 {
        left: 8.33333333%
    }

    .col-lg-push-0 {
        left: auto
    }

    .col-lg-offset-12 {
        margin-left: 100%
    }

    .col-lg-offset-11 {
        margin-left: 91.66666667%
    }

    .col-lg-offset-10 {
        margin-left: 83.33333333%
    }

    .col-lg-offset-9 {
        margin-left: 75%
    }

    .col-lg-offset-8 {
        margin-left: 66.66666667%
    }

    .col-lg-offset-7 {
        margin-left: 58.33333333%
    }

    .col-lg-offset-6 {
        margin-left: 50%
    }

    .col-lg-offset-5 {
        margin-left: 41.66666667%
    }

    .col-lg-offset-4 {
        margin-left: 33.33333333%
    }

    .col-lg-offset-3 {
        margin-left: 25%
    }

    .col-lg-offset-2 {
        margin-left: 16.66666667%
    }

    .col-lg-offset-1 {
        margin-left: 8.33333333%
    }

    .col-lg-offset-0 {
        margin-left: 0%
    }
}

table {
    background-color: transparent
}

caption {
    padding-top: 12px;
    padding-bottom: 12px;
    color: #777777;
    text-align: left
}

th {
    text-align: left
}

.table {
    width: 100%;
    max-width: 100%;
    margin-bottom: 20px
}

.table>thead>tr>th,.table>tbody>tr>th,.table>tfoot>tr>th,.table>thead>tr>td,.table>tbody>tr>td,.table>tfoot>tr>td {
    padding: 12px;
    line-height: 1.42857143;
    vertical-align: top;
    border-top: 1px solid #f0f0f0
}

.table>thead>tr>th {
    vertical-align: bottom;
    border-bottom: 2px solid #f0f0f0
}

.table>caption+thead>tr:first-child>th,.table>colgroup+thead>tr:first-child>th,.table>thead:first-child>tr:first-child>th,.table>caption+thead>tr:first-child>td,.table>colgroup+thead>tr:first-child>td,.table>thead:first-child>tr:first-child>td {
    border-top: 0
}

.table>tbody+tbody {
    border-top: 2px solid #f0f0f0
}

.table .table {
    background-color: #ffffff
}

.table-condensed>thead>tr>th,.table-condensed>tbody>tr>th,.table-condensed>tfoot>tr>th,.table-condensed>thead>tr>td,.table-condensed>tbody>tr>td,.table-condensed>tfoot>tr>td {
    padding: 10px
}

.table-bordered {
    border: 1px solid #f0f0f0
}

.table-bordered>thead>tr>th,.table-bordered>tbody>tr>th,.table-bordered>tfoot>tr>th,.table-bordered>thead>tr>td,.table-bordered>tbody>tr>td,.table-bordered>tfoot>tr>td {
    border: 1px solid #f0f0f0
}

.table-bordered>thead>tr>th,.table-bordered>thead>tr>td {
    border-bottom-width: 2px
}

.table-striped>tbody>tr:nth-of-type(odd) {
    background-color: #fdfdfd
}

.table-hover>tbody>tr:hover {
    background-color: #fdfdfd
}

table col[class*="col-"] {
    position: static;
    float: none;
    display: table-column
}

table td[class*="col-"],table th[class*="col-"] {
    position: static;
    float: none;
    display: table-cell
}

.table>thead>tr>td.active,.table>tbody>tr>td.active,.table>tfoot>tr>td.active,.table>thead>tr>th.active,.table>tbody>tr>th.active,.table>tfoot>tr>th.active,.table>thead>tr.active>td,.table>tbody>tr.active>td,.table>tfoot>tr.active>td,.table>thead>tr.active>th,.table>tbody>tr.active>th,.table>tfoot>tr.active>th {
    background-color: #fdfdfd
}

.table-hover>tbody>tr>td.active:hover,.table-hover>tbody>tr>th.active:hover,.table-hover>tbody>tr.active:hover>td,.table-hover>tbody>tr:hover>.active,.table-hover>tbody>tr.active:hover>th {
    background-color: #f0f0f0
}

.table>thead>tr>td.success,.table>tbody>tr>td.success,.table>tfoot>tr>td.success,.table>thead>tr>th.success,.table>tbody>tr>th.success,.table>tfoot>tr>th.success,.table>thead>tr.success>td,.table>tbody>tr.success>td,.table>tfoot>tr.success>td,.table>thead>tr.success>th,.table>tbody>tr.success>th,.table>tfoot>tr.success>th {
    background-color: #dff0d8
}

.table-hover>tbody>tr>td.success:hover,.table-hover>tbody>tr>th.success:hover,.table-hover>tbody>tr.success:hover>td,.table-hover>tbody>tr:hover>.success,.table-hover>tbody>tr.success:hover>th {
    background-color: #d0e9c6
}

.table>thead>tr>td.info,.table>tbody>tr>td.info,.table>tfoot>tr>td.info,.table>thead>tr>th.info,.table>tbody>tr>th.info,.table>tfoot>tr>th.info,.table>thead>tr.info>td,.table>tbody>tr.info>td,.table>tfoot>tr.info>td,.table>thead>tr.info>th,.table>tbody>tr.info>th,.table>tfoot>tr.info>th {
    background-color: #d9edf7
}

.table-hover>tbody>tr>td.info:hover,.table-hover>tbody>tr>th.info:hover,.table-hover>tbody>tr.info:hover>td,.table-hover>tbody>tr:hover>.info,.table-hover>tbody>tr.info:hover>th {
    background-color: #c4e3f3
}

.table>thead>tr>td.warning,.table>tbody>tr>td.warning,.table>tfoot>tr>td.warning,.table>thead>tr>th.warning,.table>tbody>tr>th.warning,.table>tfoot>tr>th.warning,.table>thead>tr.warning>td,.table>tbody>tr.warning>td,.table>tfoot>tr.warning>td,.table>thead>tr.warning>th,.table>tbody>tr.warning>th,.table>tfoot>tr.warning>th {
    background-color: #fcf8e3
}

.table-hover>tbody>tr>td.warning:hover,.table-hover>tbody>tr>th.warning:hover,.table-hover>tbody>tr.warning:hover>td,.table-hover>tbody>tr:hover>.warning,.table-hover>tbody>tr.warning:hover>th {
    background-color: #faf2cc
}

.table>thead>tr>td.danger,.table>tbody>tr>td.danger,.table>tfoot>tr>td.danger,.table>thead>tr>th.danger,.table>tbody>tr>th.danger,.table>tfoot>tr>th.danger,.table>thead>tr.danger>td,.table>tbody>tr.danger>td,.table>tfoot>tr.danger>td,.table>thead>tr.danger>th,.table>tbody>tr.danger>th,.table>tfoot>tr.danger>th {
    background-color: #f2dede
}

.table-hover>tbody>tr>td.danger:hover,.table-hover>tbody>tr>th.danger:hover,.table-hover>tbody>tr.danger:hover>td,.table-hover>tbody>tr:hover>.danger,.table-hover>tbody>tr.danger:hover>th {
    background-color: #ebcccc
}

.table-responsive {
    overflow-x: auto;
    min-height: 0.01%
}

@media screen and (max-width: 767px) {
    .table-responsive {
        width:100%;
        margin-bottom: 15px;
        overflow-y: hidden;
        -ms-overflow-style: -ms-autohiding-scrollbar;
        border: 1px solid #f0f0f0
    }

    .table-responsive>.table {
        margin-bottom: 0
    }

    .table-responsive>.table>thead>tr>th,.table-responsive>.table>tbody>tr>th,.table-responsive>.table>tfoot>tr>th,.table-responsive>.table>thead>tr>td,.table-responsive>.table>tbody>tr>td,.table-responsive>.table>tfoot>tr>td {
        white-space: nowrap
    }

    .table-responsive>.table-bordered {
        border: 0
    }

    .table-responsive>.table-bordered>thead>tr>th:first-child,.table-responsive>.table-bordered>tbody>tr>th:first-child,.table-responsive>.table-bordered>tfoot>tr>th:first-child,.table-responsive>.table-bordered>thead>tr>td:first-child,.table-responsive>.table-bordered>tbody>tr>td:first-child,.table-responsive>.table-bordered>tfoot>tr>td:first-child {
        border-left: 0
    }

    .table-responsive>.table-bordered>thead>tr>th:last-child,.table-responsive>.table-bordered>tbody>tr>th:last-child,.table-responsive>.table-bordered>tfoot>tr>th:last-child,.table-responsive>.table-bordered>thead>tr>td:last-child,.table-responsive>.table-bordered>tbody>tr>td:last-child,.table-responsive>.table-bordered>tfoot>tr>td:last-child {
        border-right: 0
    }

    .table-responsive>.table-bordered>tbody>tr:last-child>th,.table-responsive>.table-bordered>tfoot>tr:last-child>th,.table-responsive>.table-bordered>tbody>tr:last-child>td,.table-responsive>.table-bordered>tfoot>tr:last-child>td {
        border-bottom: 0
    }
}

fieldset {
    padding: 0;
    margin: 0;
    border: 0;
    min-width: 0
}

legend {
    display: block;
    width: 100%;
    padding: 0;
    margin-bottom: 20px;
    font-size: 21px;
    line-height: inherit;
    color: #333333;
    border: 0;
    border-bottom: 1px solid #e5e5e5
}

label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: bold
}

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

input[type="radio"],input[type="checkbox"] {
    margin: 4px 0 0;
    margin-top: 1px \9;
    line-height: normal
}

input[type="file"] {
    display: block
}

input[type="range"] {
    display: block;
    width: 100%
}

select[multiple],select[size] {
    height: auto
}

input[type="file"]:focus,input[type="radio"]:focus,input[type="checkbox"]:focus {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px
}

output {
    display: block;
    padding-top: 7px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #2b2b2b
}

.form-control {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #2b2b2b;
    background-color: #ffffff;
    background-image: none;
    border: 1px solid #cccccc;
    border-radius: 3px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s 1s 0s ease;
    -moz-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s 1s 0s ease;
    -ms-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s 1s 0s ease;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s 1s 0s ease;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s 1s 0s ease;
    font-size: 1em;
    line-height: 1.214em
}

.form-control:focus {
    border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(102,175,233,0.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(102,175,233,0.6)
}

.form-control::-moz-placeholder {
    color: #999999;
    opacity: 1;
    font-size: 14px
}

.form-control:-ms-input-placeholder {
    color: #999999;
    font-size: 14px
}

.form-control::-webkit-input-placeholder {
    color: #999999;
    font-size: 14px
}

.form-control[disabled],.form-control[readonly],fieldset[disabled] .form-control {
    background-color: #eeeeee;
    opacity: 1
}

.form-control[disabled],fieldset[disabled] .form-control {
    cursor: not-allowed
}

textarea.form-control {
    height: auto
}

input[type="search"] {
    -webkit-appearance: none
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
    input[type="date"],input[type="time"],input[type="datetime-local"],input[type="month"] {
        line-height:34px
    }

    input[type="date"].input-sm,input[type="time"].input-sm,input[type="datetime-local"].input-sm,input[type="month"].input-sm,.input-group-sm input[type="date"],.input-group-sm input[type="time"],.input-group-sm input[type="datetime-local"],.input-group-sm input[type="month"] {
        line-height: 30px
    }

    input[type="date"].input-lg,input[type="time"].input-lg,input[type="datetime-local"].input-lg,input[type="month"].input-lg,.input-group-lg input[type="date"],.input-group-lg input[type="time"],.input-group-lg input[type="datetime-local"],.input-group-lg input[type="month"] {
        line-height: 46px
    }
}

.form-group {
    margin-bottom: 15px
}

.radio,.checkbox {
    position: relative;
    display: block;
    margin-top: 10px;
    margin-bottom: 10px
}

.radio label,.checkbox label {
    min-height: 20px;
    padding-left: 20px;
    margin-bottom: 0;
    font-weight: normal;
    cursor: pointer
}

.radio input[type="radio"],.radio-inline input[type="radio"],.checkbox input[type="checkbox"],.checkbox-inline input[type="checkbox"] {
    position: absolute;
    margin-left: -20px;
    margin-top: 4px \9
}

.radio+.radio,.checkbox+.checkbox {
    margin-top: -5px
}

.radio-inline,.checkbox-inline {
    position: relative;
    display: inline-block;
    padding-left: 20px;
    margin-bottom: 0;
    vertical-align: middle;
    font-weight: normal;
    cursor: pointer
}

.radio-inline+.radio-inline,.checkbox-inline+.checkbox-inline {
    margin-top: 0;
    margin-left: 10px
}

input[type="radio"][disabled],input[type="checkbox"][disabled],input[type="radio"].disabled,input[type="checkbox"].disabled,fieldset[disabled] input[type="radio"],fieldset[disabled] input[type="checkbox"] {
    cursor: not-allowed
}

.radio-inline.disabled,.checkbox-inline.disabled,fieldset[disabled] .radio-inline,fieldset[disabled] .checkbox-inline {
    cursor: not-allowed
}

.radio.disabled label,.checkbox.disabled label,fieldset[disabled] .radio label,fieldset[disabled] .checkbox label {
    cursor: not-allowed
}

.form-control-static {
    padding-top: 7px;
    padding-bottom: 7px;
    margin-bottom: 0;
    min-height: 34px
}

.form-control-static.input-lg,.form-control-static.input-sm {
    padding-left: 0;
    padding-right: 0
}

.input-sm {
    height: 30px;
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px
}

select.input-sm {
    height: 30px;
    line-height: 30px
}

textarea.input-sm,select[multiple].input-sm {
    height: auto
}

.form-group-sm .form-control {
    height: 30px;
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px
}

select.form-group-sm .form-control {
    height: 30px;
    line-height: 30px
}

textarea.form-group-sm .form-control,select[multiple].form-group-sm .form-control {
    height: auto
}

.form-group-sm .form-control-static {
    height: 30px;
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    min-height: 32px
}

.input-lg {
    height: 46px;
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.3333333;
    border-radius: 6px
}

select.input-lg {
    height: 46px;
    line-height: 46px
}

textarea.input-lg,select[multiple].input-lg {
    height: auto
}

.form-group-lg .form-control {
    height: 46px;
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.3333333;
    border-radius: 6px
}

select.form-group-lg .form-control {
    height: 46px;
    line-height: 46px
}

textarea.form-group-lg .form-control,select[multiple].form-group-lg .form-control {
    height: auto
}

.form-group-lg .form-control-static {
    height: 46px;
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.3333333;
    min-height: 38px
}

.has-feedback {
    position: relative
}

.has-feedback .form-control {
    padding-right: 42.5px
}

.form-control-feedback {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
    display: block;
    width: 34px;
    height: 34px;
    line-height: 34px;
    text-align: center;
    pointer-events: none
}

.input-lg+.form-control-feedback {
    width: 46px;
    height: 46px;
    line-height: 46px
}

.input-sm+.form-control-feedback {
    width: 30px;
    height: 30px;
    line-height: 30px
}

.has-success .help-block,.has-success .control-label,.has-success .radio,.has-success .checkbox,.has-success .radio-inline,.has-success .checkbox-inline,.has-success.radio label,.has-success.checkbox label,.has-success.radio-inline label,.has-success.checkbox-inline label {
    color: #3c763d
}

.has-success .form-control {
    border-color: #3c763d;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.075)
}

.has-success .form-control:focus {
    border-color: #2b542c;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #67b168;
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #67b168
}

.has-success .input-group-addon {
    color: #3c763d;
    border-color: #3c763d;
    background-color: #dff0d8
}

.has-success .form-control-feedback {
    color: #3c763d
}

.has-warning .help-block,.has-warning .control-label,.has-warning .radio,.has-warning .checkbox,.has-warning .radio-inline,.has-warning .checkbox-inline,.has-warning.radio label,.has-warning.checkbox label,.has-warning.radio-inline label,.has-warning.checkbox-inline label {
    color: #8a6d3b
}

.has-warning .form-control {
    border-color: #8a6d3b;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.075)
}

.has-warning .form-control:focus {
    border-color: #66512c;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #c0a16b;
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #c0a16b
}

.has-warning .input-group-addon {
    color: #8a6d3b;
    border-color: #8a6d3b;
    background-color: #fcf8e3
}

.has-warning .form-control-feedback {
    color: #8a6d3b
}

.has-error .help-block,.has-error .control-label,.has-error .radio,.has-error .checkbox,.has-error .radio-inline,.has-error .checkbox-inline,.has-error.radio label,.has-error.checkbox label,.has-error.radio-inline label,.has-error.checkbox-inline label {
    color: #a94442
}

.has-error .form-control {
    border-color: #a94442;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.075)
}

.has-error .form-control:focus {
    border-color: #843534;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #ce8483;
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #ce8483
}

.has-error .input-group-addon {
    color: #a94442;
    border-color: #a94442;
    background-color: #f2dede
}

.has-error .form-control-feedback {
    color: #a94442
}

.has-feedback label ~ .form-control-feedback {
    top: 25px
}

.has-feedback label.sr-only ~ .form-control-feedback {
    top: 0
}

.help-block {
    display: block;
    margin-top: 5px;
    margin-bottom: 10px;
    color: #afa79c
}

@media (min-width: 768px) {
    .form-inline .form-group {
        display:inline-block;
        margin-bottom: 0;
        vertical-align: middle
    }

    .form-inline .form-control {
        display: inline-block;
        width: auto;
        vertical-align: middle
    }

    .form-inline .form-control-static {
        display: inline-block
    }

    .form-inline .input-group {
        display: inline-table;
        vertical-align: middle
    }

    .form-inline .input-group .input-group-addon,.form-inline .input-group .input-group-btn,.form-inline .input-group .form-control {
        width: auto
    }

    .form-inline .input-group>.form-control {
        width: 100%
    }

    .form-inline .control-label {
        margin-bottom: 0;
        vertical-align: middle
    }

    .form-inline .radio,.form-inline .checkbox {
        display: inline-block;
        margin-top: 0;
        margin-bottom: 0;
        vertical-align: middle
    }

    .form-inline .radio label,.form-inline .checkbox label {
        padding-left: 0
    }

    .form-inline .radio input[type="radio"],.form-inline .checkbox input[type="checkbox"] {
        position: relative;
        margin-left: 0
    }

    .form-inline .has-feedback .form-control-feedback {
        top: 0
    }
}

.form-horizontal .radio,.form-horizontal .checkbox,.form-horizontal .radio-inline,.form-horizontal .checkbox-inline {
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 7px
}

.form-horizontal .radio,.form-horizontal .checkbox {
    min-height: 27px
}

.form-horizontal .form-group {
    margin-left: -15px;
    margin-right: -15px
}

@media (min-width: 768px) {
    .form-horizontal .control-label {
        text-align:right;
        margin-bottom: 0;
        padding-top: 7px
    }
}

.form-horizontal .has-feedback .form-control-feedback {
    right: 15px
}

@media (min-width: 768px) {
    .form-horizontal .form-group-lg .control-label {
        padding-top:14.333333px
    }
}

@media (min-width: 768px) {
    .form-horizontal .form-group-sm .control-label {
        padding-top:6px
    }
}

.setting-btn {
    font-size: 14px;
    color: #ccc;
    padding: 0;
    line-height: 0;
    vertical-align: middle;
    background-color: transparent;
    border: 0;
    outline: 0;
    resize: none
}

.setting-btn:hover {
    font-size: 14px;
    color: #635c52
}

.btn {
    display: inline-block;
    margin-bottom: 0;
    font-weight: normal;
    text-align: center;
    vertical-align: middle;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 5px;
    line-height: 1.42857143;
    border-radius: 0px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border-radius: 2px
}

.btn:focus,.btn:active:focus,.btn.active:focus,.btn.focus,.btn:active.focus,.btn.active.focus {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px
}

.btn:hover,.btn:focus,.btn.focus {
    color: #afa79c;
    text-decoration: none
}

.btn:active,.btn.active {
    outline: 0;
    background-image: none;
    -webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,0.125);
    box-shadow: inset 0 3px 5px rgba(0,0,0,0.125)
}

.btn.disabled,.btn[disabled],fieldset[disabled] .btn {
    cursor: not-allowed;
    pointer-events: none;
    opacity: 0.65;
    filter: alpha(opacity=65);
    -webkit-box-shadow: none;
    box-shadow: none
}

.btn-default {
    color: #333333;
    background-color: #ffffff;
    border-color: #cccccc
}

.btn-default:hover,.btn-default:focus,.btn-default.focus,.btn-default:active,.btn-default.active,.open>.dropdown-toggle.btn-default {
    color: #333333;
    background-color: #e6e6e6;
    border-color: #adadad
}

.btn-default:active,.btn-default.active,.open>.dropdown-toggle.btn-default {
    background-image: none
}

.btn.dropdown-toggle:hover .btn.dropdown-toggle:focus {
    background-color: #fff
}

.btn-default.disabled,.btn-default[disabled],fieldset[disabled] .btn-default,.btn-default.disabled:hover,.btn-default[disabled]:hover,fieldset[disabled] .btn-default:hover,.btn-default.disabled:focus,.btn-default[disabled]:focus,fieldset[disabled] .btn-default:focus,.btn-default.disabled.focus,.btn-default[disabled].focus,fieldset[disabled] .btn-default.focus,.btn-default.disabled:active,.btn-default[disabled]:active,fieldset[disabled] .btn-default:active,.btn-default.disabled.active,.btn-default[disabled].active,fieldset[disabled] .btn-default.active {
    background-color: #ffffff;
    border-color: #cccccc
}

.btn-default .badge {
    color: #ffffff;
    background-color: #333333
}

.btn-primary {
    color: #ffffff;
    background-color: #337ab7;
    border-color: #2e6da4
}

.btn-primary:hover,.btn-primary:focus,.btn-primary.focus,.btn-primary:active,.btn-primary.active,.open>.dropdown-toggle.btn-primary {
    color: #ffffff;
    background-color: #286090;
    border-color: #204d74
}

.btn-primary:active,.btn-primary.active,.open>.dropdown-toggle.btn-primary {
    background-image: none
}

.btn-primary.disabled,.btn-primary[disabled],fieldset[disabled] .btn-primary,.btn-primary.disabled:hover,.btn-primary[disabled]:hover,fieldset[disabled] .btn-primary:hover,.btn-primary.disabled:focus,.btn-primary[disabled]:focus,fieldset[disabled] .btn-primary:focus,.btn-primary.disabled.focus,.btn-primary[disabled].focus,fieldset[disabled] .btn-primary.focus,.btn-primary.disabled:active,.btn-primary[disabled]:active,fieldset[disabled] .btn-primary:active,.btn-primary.disabled.active,.btn-primary[disabled].active,fieldset[disabled] .btn-primary.active {
    background-color: #337ab7;
    border-color: #2e6da4
}

.btn-primary .badge {
    color: #337ab7;
    background-color: #ffffff
}

.btn-success {
    color: #ffffff;
    background-color: #84cd81;
    border-color: #72c66f
}

.btn-success:hover,.btn-success:focus,.btn-success.focus,.btn-success:active,.btn-success.active,.open>.dropdown-toggle.btn-success {
    color: #ffffff;
    background-color: #60bf5c;
    border-color: #4ab146
}

.btn-success:active,.btn-success.active,.open>.dropdown-toggle.btn-success {
    background-image: none
}

.btn-success.disabled,.btn-success[disabled],fieldset[disabled] .btn-success,.btn-success.disabled:hover,.btn-success[disabled]:hover,fieldset[disabled] .btn-success:hover,.btn-success.disabled:focus,.btn-success[disabled]:focus,fieldset[disabled] .btn-success:focus,.btn-success.disabled.focus,.btn-success[disabled].focus,fieldset[disabled] .btn-success.focus,.btn-success.disabled:active,.btn-success[disabled]:active,fieldset[disabled] .btn-success:active,.btn-success.disabled.active,.btn-success[disabled].active,fieldset[disabled] .btn-success.active {
    background-color: #84cd81;
    border-color: #72c66f
}

.btn-success .badge {
    color: #84cd81;
    background-color: #ffffff
}

.btn-info {
    color: #ffffff;
    background-color: #5bc0de;
    border-color: #46b8da
}

.btn-info:hover,.btn-info:focus,.btn-info.focus,.btn-info:active,.btn-info.active,.open>.dropdown-toggle.btn-info {
    color: #ffffff;
    background-color: #31b0d5;
    border-color: #269abc
}

.btn-info:active,.btn-info.active,.open>.dropdown-toggle.btn-info {
    background-image: none
}

.btn-info.disabled,.btn-info[disabled],fieldset[disabled] .btn-info,.btn-info.disabled:hover,.btn-info[disabled]:hover,fieldset[disabled] .btn-info:hover,.btn-info.disabled:focus,.btn-info[disabled]:focus,fieldset[disabled] .btn-info:focus,.btn-info.disabled.focus,.btn-info[disabled].focus,fieldset[disabled] .btn-info.focus,.btn-info.disabled:active,.btn-info[disabled]:active,fieldset[disabled] .btn-info:active,.btn-info.disabled.active,.btn-info[disabled].active,fieldset[disabled] .btn-info.active {
    background-color: #5bc0de;
    border-color: #46b8da
}

.btn-info .badge {
    color: #5bc0de;
    background-color: #ffffff
}

.btn-warning {
    color: #ffffff;
    background-color: #f0ad4e;
    border-color: #eea236
}

.btn-warning:hover,.btn-warning:focus,.btn-warning.focus,.btn-warning:active,.btn-warning.active,.open>.dropdown-toggle.btn-warning {
    color: #ffffff;
    background-color: #ec971f;
    border-color: #d58512
}

.btn-warning:active,.btn-warning.active,.open>.dropdown-toggle.btn-warning {
    background-image: none
}

.btn-warning.disabled,.btn-warning[disabled],fieldset[disabled] .btn-warning,.btn-warning.disabled:hover,.btn-warning[disabled]:hover,fieldset[disabled] .btn-warning:hover,.btn-warning.disabled:focus,.btn-warning[disabled]:focus,fieldset[disabled] .btn-warning:focus,.btn-warning.disabled.focus,.btn-warning[disabled].focus,fieldset[disabled] .btn-warning.focus,.btn-warning.disabled:active,.btn-warning[disabled]:active,fieldset[disabled] .btn-warning:active,.btn-warning.disabled.active,.btn-warning[disabled].active,fieldset[disabled] .btn-warning.active {
    background-color: #f0ad4e;
    border-color: #eea236
}

.btn-warning .badge {
    color: #f0ad4e;
    background-color: #ffffff
}

.btn-danger {
    color: #ffffff;
    background-color: #d9534f;
    border-color: #d43f3a
}

.btn-danger:hover,.btn-danger:focus,.btn-danger.focus,.btn-danger:active,.btn-danger.active,.open>.dropdown-toggle.btn-danger {
    color: #ffffff;
    background-color: #c9302c;
    border-color: #ac2925
}

.btn-danger:active,.btn-danger.active,.open>.dropdown-toggle.btn-danger {
    background-image: none
}

.btn-danger.disabled,.btn-danger[disabled],fieldset[disabled] .btn-danger,.btn-danger.disabled:hover,.btn-danger[disabled]:hover,fieldset[disabled] .btn-danger:hover,.btn-danger.disabled:focus,.btn-danger[disabled]:focus,fieldset[disabled] .btn-danger:focus,.btn-danger.disabled.focus,.btn-danger[disabled].focus,fieldset[disabled] .btn-danger.focus,.btn-danger.disabled:active,.btn-danger[disabled]:active,fieldset[disabled] .btn-danger:active,.btn-danger.disabled.active,.btn-danger[disabled].active,fieldset[disabled] .btn-danger.active {
    background-color: #d9534f;
    border-color: #d43f3a
}

.btn-danger .badge {
    color: #d9534f;
    background-color: #ffffff
}

.btn-link {
    color: #212121;
    font-weight: normal;
    border-radius: 0
}

.btn-link,.btn-link:active,.btn-link.active,.btn-link[disabled],fieldset[disabled] .btn-link {
    background-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none
}

.btn-link,.btn-link:hover,.btn-link:focus,.btn-link:active {
    border-color: transparent
}

.btn-link:hover,.btn-link:focus {
    color: #000000;
    text-decoration: underline;
    background-color: transparent
}

.btn-link[disabled]:hover,fieldset[disabled] .btn-link:hover,.btn-link[disabled]:focus,fieldset[disabled] .btn-link:focus {
    color: #777777;
    text-decoration: none
}

.btn-lg,.btn-group-lg>.btn {
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.3333333;
    border-radius: 6px
}

.btn-sm,.btn-group-sm>.btn {
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px
}

.btn-xs,.btn-group-xs>.btn {
    padding: 1px 5px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px
}

.btn-block {
    display: block;
    width: 100%
}

.btn-block+.btn-block {
    margin-top: 5px
}

input[type="submit"].btn-block,input[type="reset"].btn-block,input[type="button"].btn-block {
    width: 100%
}

.fade {
    opacity: 0;
    -webkit-transition: opacity 0.15s linear;
    -o-transition: opacity 0.15s linear;
    transition: opacity 0.15s linear;
    -webkit-transition: opacity 1s 0s ease, 0.15s 1s 0s ease, linear 1s 0s ease;
    -moz-transition: opacity 1s 0s ease, 0.15s 1s 0s ease, linear 1s 0s ease;
    -ms-transition: opacity 1s 0s ease, 0.15s 1s 0s ease, linear 1s 0s ease;
    -o-transition: opacity 1s 0s ease, 0.15s 1s 0s ease, linear 1s 0s ease;
    transition: opacity 1s 0s ease, 0.15s 1s 0s ease, linear 1s 0s ease
}

.fade.in {
    opacity: 1
}

.collapse {
    display: none
}

.collapse.in {
    display: block
}

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

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

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

.caret {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 2px;
    vertical-align: middle;
    border-top: 4px dashed;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent
}

.dropup,.dropdown {
    position: relative
}

.dropdown-toggle:focus {
    outline: 0
}

.dropdown-menu {
    position: absolute;
    top: 100%;
    right: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 150px;
    padding: 5px 0;
    margin: 2px 0 0;
    list-style: none;
    font-size: 14px;
    text-align: left;
    background-color: #ffffff;
    border: 1px solid #cccccc;
    border: 1px solid rgba(0,0,0,0.15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,0.175);
    box-shadow: 0 6px 12px rgba(0,0,0,0.175);
    background-clip: padding-box
}

.dropdown-menu.pull-right {
    right: 0;
    left: auto
}

.dropdown-menu .divider {
    height: 1px;
    margin: 9px 0;
    overflow: hidden;
    background-color: #e5e5e5
}

.dropdown-menu>li>a {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: normal;
    line-height: 1.42857143;
    color: #333333;
    white-space: nowrap
}

.dropdown-menu>li>a:hover,.dropdown-menu>li>a:focus {
    text-decoration: none;
    color: #262626;
    background-color: #f5f5f5
}

.dropdown-menu>.active>a,.dropdown-menu>.active>a:hover,.dropdown-menu>.active>a:focus {
    color: #ffffff;
    text-decoration: none;
    outline: 0;
    background-color: #337ab7
}

.dropdown-menu>.disabled>a,.dropdown-menu>.disabled>a:hover,.dropdown-menu>.disabled>a:focus {
    color: #777777
}

.dropdown-menu>.disabled>a:hover,.dropdown-menu>.disabled>a:focus {
    text-decoration: none;
    background-color: transparent;
    background-image: none;
    filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
    cursor: not-allowed
}

.open>.dropdown-menu {
    display: block
}

.open>a {
    outline: 0
}

.dropdown-menu-right {
    left: auto;
    right: 0
}

.dropdown-menu-left {
    left: 0;
    right: auto
}

.dropdown-header {
    display: block;
    padding: 3px 20px;
    font-size: 12px;
    line-height: 1.42857143;
    color: #777777;
    white-space: nowrap
}

.dropdown-backdrop {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    z-index: 990
}

.pull-right>.dropdown-menu {
    right: 0;
    left: auto
}

.dropup .caret,.navbar-fixed-bottom .dropdown .caret {
    border-top: 0;
    border-bottom: 4px solid;
    content: ""
}

.dropup .dropdown-menu,.navbar-fixed-bottom .dropdown .dropdown-menu {
    top: auto;
    bottom: 100%;
    margin-bottom: 2px
}

@media (min-width: 768px) {
    .navbar-right .dropdown-menu {
        left:auto;
        right: 0
    }

    .navbar-right .dropdown-menu-left {
        left: 0;
        right: auto
    }
}

.btn-group,.btn-group-vertical {
    position: relative;
    display: inline-block;
    vertical-align: middle
}

.btn-group>.btn,.btn-group-vertical>.btn {
    position: relative;
    float: left
}

.btn-group>.btn:hover,.btn-group-vertical>.btn:hover,.btn-group>.btn:focus,.btn-group-vertical>.btn:focus,.btn-group>.btn:active,.btn-group-vertical>.btn:active,.btn-group>.btn.active,.btn-group-vertical>.btn.active {
    z-index: 2
}

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

.btn-toolbar {
    margin-left: -5px
}

.btn-toolbar .btn-group,.btn-toolbar .input-group {
    float: left
}

.btn-toolbar>.btn,.btn-toolbar>.btn-group,.btn-toolbar>.input-group {
    margin-left: 5px
}

.btn-group>.btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
    border-radius: 0
}

.btn-group>.btn:first-child {
    margin-left: 0
}

.btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle) {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0
}

.btn-group>.btn:last-child:not(:first-child),.btn-group>.dropdown-toggle:not(:first-child) {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0
}

.btn-group>.btn-group {
    float: left
}

.btn-group>.btn-group:not(:first-child):not(:last-child)>.btn {
    border-radius: 0
}

.btn-group>.btn-group:first-child:not(:last-child)>.btn:last-child,.btn-group>.btn-group:first-child:not(:last-child)>.dropdown-toggle {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0
}

.btn-group>.btn-group:last-child:not(:first-child)>.btn:first-child {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0
}

.btn-group .dropdown-toggle:active,.btn-group.open .dropdown-toggle {
    outline: 0
}

.btn-group>.btn+.dropdown-toggle {
    padding-left: 8px;
    padding-right: 8px
}

.btn-group>.btn-lg+.dropdown-toggle {
    padding-left: 12px;
    padding-right: 12px
}

.btn-group.open .dropdown-toggle {
    -webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,0.125);
    box-shadow: inset 0 3px 5px rgba(0,0,0,0.125)
}

.btn-group.open .dropdown-toggle.btn-link {
    -webkit-box-shadow: none;
    box-shadow: none
}

.btn .caret {
    margin-left: 0
}

.btn-lg .caret {
    border-width: 5px 5px 0;
    border-bottom-width: 0
}

.dropup .btn-lg .caret {
    border-width: 0 5px 5px
}

.btn-group-vertical>.btn,.btn-group-vertical>.btn-group,.btn-group-vertical>.btn-group>.btn {
    display: block;
    float: none;
    width: 100%;
    max-width: 100%
}

.btn-group-vertical>.btn-group>.btn {
    float: none
}

.btn-group-vertical>.btn+.btn,.btn-group-vertical>.btn+.btn-group,.btn-group-vertical>.btn-group+.btn,.btn-group-vertical>.btn-group+.btn-group {
    margin-top: -1px;
    margin-left: 0
}

.btn-group-vertical>.btn:not(:first-child):not(:last-child) {
    border-radius: 0
}

.btn-group-vertical>.btn:first-child:not(:last-child) {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

.btn-group-vertical>.btn:last-child:not(:first-child) {
    border-bottom-left-radius: 4px;
    border-top-right-radius: 0;
    border-top-left-radius: 0
}

.btn-group-vertical>.btn-group:not(:first-child):not(:last-child)>.btn {
    border-radius: 0
}

.btn-group-vertical>.btn-group:first-child:not(:last-child)>.btn:last-child,.btn-group-vertical>.btn-group:first-child:not(:last-child)>.dropdown-toggle {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

.btn-group-vertical>.btn-group:last-child:not(:first-child)>.btn:first-child {
    border-top-right-radius: 0;
    border-top-left-radius: 0
}

.btn-group-justified {
    display: table;
    width: 100%;
    table-layout: fixed;
    border-collapse: separate
}

.btn-group-justified>.btn,.btn-group-justified>.btn-group {
    float: none;
    display: table-cell;
    width: 1%
}

.btn-group-justified>.btn-group .btn {
    width: 100%
}

.btn-group-justified>.btn-group .dropdown-menu {
    left: auto
}

[data-toggle="buttons"]>.btn input[type="radio"],[data-toggle="buttons"]>.btn-group>.btn input[type="radio"],[data-toggle="buttons"]>.btn input[type="checkbox"],[data-toggle="buttons"]>.btn-group>.btn input[type="checkbox"] {
    position: absolute;
    clip: rect(0, 0, 0, 0);
    pointer-events: none
}

.input-group {
    position: relative;
    display: table;
    border-collapse: separate
}

.input-group[class*="col-"] {
    float: none;
    padding-left: 0;
    padding-right: 0
}

.input-group .form-control {
    position: relative;
    z-index: 2;
    float: left;
    width: 100%;
    margin-bottom: 0
}

.input-group-lg>.form-control,.input-group-lg>.input-group-addon,.input-group-lg>.input-group-btn>.btn {
    height: 46px;
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.3333333;
    border-radius: 6px
}

select.input-group-lg>.form-control,select.input-group-lg>.input-group-addon,select.input-group-lg>.input-group-btn>.btn {
    height: 46px;
    line-height: 46px
}

textarea.input-group-lg>.form-control,textarea.input-group-lg>.input-group-addon,textarea.input-group-lg>.input-group-btn>.btn,select[multiple].input-group-lg>.form-control,select[multiple].input-group-lg>.input-group-addon,select[multiple].input-group-lg>.input-group-btn>.btn {
    height: auto
}

.input-group-sm>.form-control,.input-group-sm>.input-group-addon,.input-group-sm>.input-group-btn>.btn {
    height: 30px;
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px
}

select.input-group-sm>.form-control,select.input-group-sm>.input-group-addon,select.input-group-sm>.input-group-btn>.btn {
    height: 30px;
    line-height: 30px
}

textarea.input-group-sm>.form-control,textarea.input-group-sm>.input-group-addon,textarea.input-group-sm>.input-group-btn>.btn,select[multiple].input-group-sm>.form-control,select[multiple].input-group-sm>.input-group-addon,select[multiple].input-group-sm>.input-group-btn>.btn {
    height: auto
}

.input-group-addon,.input-group-btn,.input-group .form-control {
    display: table-cell
}

.input-group-addon:not(:first-child):not(:last-child),.input-group-btn:not(:first-child):not(:last-child),.input-group .form-control:not(:first-child):not(:last-child) {
    border-radius: 0
}

.input-group-addon,.input-group-btn {
    width: 1%;
    white-space: nowrap;
    vertical-align: middle
}

.input-group-addon {
    padding: 6px 12px;
    font-size: 14px;
    font-weight: normal;
    line-height: 1;
    color: #2b2b2b;
    text-align: center;
    background-color: #eeeeee;
    border: 1px solid #cccccc;
    border-radius: 4px
}

.input-group-addon.input-sm {
    padding: 5px 10px;
    font-size: 12px;
    border-radius: 3px
}

.input-group-addon.input-lg {
    padding: 10px 16px;
    font-size: 18px;
    border-radius: 6px
}

.input-group-addon input[type="radio"],.input-group-addon input[type="checkbox"] {
    margin-top: 0
}

.input-group .form-control:first-child,.input-group-addon:first-child,.input-group-btn:first-child>.btn,.input-group-btn:first-child>.btn-group>.btn,.input-group-btn:first-child>.dropdown-toggle,.input-group-btn:last-child>.btn:not(:last-child):not(.dropdown-toggle),.input-group-btn:last-child>.btn-group:not(:last-child)>.btn {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0
}

.input-group-addon:first-child {
    border-right: 0
}

.input-group .form-control:last-child,.input-group-addon:last-child,.input-group-btn:last-child>.btn,.input-group-btn:last-child>.btn-group>.btn,.input-group-btn:last-child>.dropdown-toggle,.input-group-btn:first-child>.btn:not(:first-child),.input-group-btn:first-child>.btn-group:not(:first-child)>.btn {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0
}

.input-group-addon:last-child {
    border-left: 0
}

.input-group-btn {
    position: relative;
    font-size: 0;
    white-space: nowrap
}

.input-group-btn>.btn {
    position: relative
}

.input-group-btn>.btn+.btn {
    margin-left: -1px
}

.input-group-btn>.btn:hover,.input-group-btn>.btn:focus,.input-group-btn>.btn:active {
    z-index: 2
}

.input-group-btn:first-child>.btn,.input-group-btn:first-child>.btn-group {
    margin-right: -1px
}

.input-group-btn:last-child>.btn,.input-group-btn:last-child>.btn-group {
    margin-left: -1px
}

.nav {
    margin-bottom: 0;
    padding-left: 0;
    list-style: none
}

.nav>li {
    position: relative;
    display: block
}

.nav>li>a {
    position: relative;
    display: block;
    padding: 10px 15px
}

.nav>li>a:hover,.nav>li>a:focus {
    text-decoration: none;
    background-color: #eeeeee
}

.nav>li.disabled>a {
    color: #777777
}

.nav>li.disabled>a:hover,.nav>li.disabled>a:focus {
    color: #777777;
    text-decoration: none;
    background-color: transparent;
    cursor: not-allowed
}

.nav .open>a,.nav .open>a:hover,.nav .open>a:focus {
    background-color: #eeeeee;
    border-color: #212121
}

.nav .nav-divider {
    height: 1px;
    margin: 9px 0;
    overflow: hidden
}

.nav>li>a>img {
    max-width: none
}

.nav-tabs {
    border-bottom: none
}

.nav-tabs>li {
    float: left;
    margin-bottom: -1px
}

.nav-tabs>li>a {
    margin-right: 2px;
    line-height: 1.42857143;
    border: none
}

.nav-tabs>li>a:hover {
    border-color: #e8e8e8 #e8e8e8 #dddddd
}

.nav-tabs>li.active>a,.nav-tabs>li.active>a:hover,.nav-tabs>li.active>a:focus {
    color: #555555;
    background-color: #ffffff;
    border-bottom: 4px solid #ff8a60;
    cursor: default
}

.nav-tabs.nav-justified {
    width: 100%
}

.nav-tabs.nav-justified>li {
    float: none
}

.nav-tabs.nav-justified>li>a {
    text-align: center;
    margin-bottom: 0
}

.nav-tabs.nav-justified>.dropdown .dropdown-menu {
    top: auto;
    left: auto
}

@media (min-width: 768px) {
    .nav-tabs.nav-justified>li {
        display:table-cell;
        width: 1%
    }

    .nav-tabs.nav-justified>li>a {
        margin-bottom: 0
    }
}

.nav-tabs.nav-justified>li>a {
    margin-right: 0;
    border-radius: 4px
}

.nav-tabs.nav-justified>.active>a,.nav-tabs.nav-justified>.active>a:hover,.nav-tabs.nav-justified>.active>a:focus {
    border: 1px solid #dddddd
}

@media (min-width: 768px) {
    .nav-tabs.nav-justified>li>a {
        border-radius:0
    }

    .nav-tabs.nav-justified>.active>a,.nav-tabs.nav-justified>.active>a:hover,.nav-tabs.nav-justified>.active>a:focus {
        border-bottom-color: #ffffff
    }
}

.nav-pills>li {
    float: left
}

.nav-pills>li>a {
    border-radius: 4px
}

.nav-pills>li+li {
    margin-left: 2px
}

.nav-pills>li.active>a,.nav-pills>li.active>a:hover,.nav-pills>li.active>a:focus {
    color: #ffffff;
    background-color: #337ab7
}

.nav-stacked>li {
    float: none
}

.nav-stacked>li+li {
    margin-top: 2px;
    margin-left: 0
}

.nav-justified {
    width: 100%
}

.nav-justified>li {
    float: none
}

.nav-justified>li>a {
    text-align: center;
    margin-bottom: 5px
}

.nav-justified>.dropdown .dropdown-menu {
    top: auto;
    left: auto
}

@media (min-width: 768px) {
    .nav-justified>li {
        display:table-cell;
        width: 1%
    }

    .nav-justified>li>a {
        margin-bottom: 0
    }
}

.nav-tabs-justified {
    border-bottom: 0
}

.nav-tabs-justified>li>a {
    margin-right: 0;
    border-radius: 4px
}

.nav-tabs-justified>.active>a,.nav-tabs-justified>.active>a:hover,.nav-tabs-justified>.active>a:focus {
    border: 1px solid #dddddd
}

@media (min-width: 768px) {
    .nav-tabs-justified>li>a {
        border-bottom:1px solid #dddddd;
        border-radius: 4px 4px 0 0
    }

    .nav-tabs-justified>.active>a,.nav-tabs-justified>.active>a:hover,.nav-tabs-justified>.active>a:focus {
        border-bottom-color: #ffffff
    }
}

.tab-content>.tab-pane {
    display: none
}

.tab-content>.active {
    display: block
}

.nav-tabs .dropdown-menu {
    margin-top: -1px;
    border-top-right-radius: 0;
    border-top-left-radius: 0
}

.navbar {
    position: relative;
    min-height: 50px;
    margin-bottom: 20px;
    border: 1px solid transparent
}

@media (min-width: 768px) {
    .navbar {
        border-radius:4px
    }
}

@media (min-width: 992px) {
    .navbar-header {
        float:left
    }
}

.navbar-collapse {
    overflow-x: visible;
    padding-right: 15px;
    padding-left: 15px;
    border-top: 1px solid transparent;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    -webkit-overflow-scrolling: touch
}

.navbar-collapse.in {
    overflow-y: auto
}

@media (min-width: 768px) {
    .navbar-collapse {
        width:auto;
        border-top: 0;
        box-shadow: none
    }

    .navbar-collapse.collapse {
        display: block !important;
        height: auto !important;
        padding-bottom: 0;
        overflow: visible !important
    }

    .navbar-collapse.in {
        overflow-y: visible
    }

    .navbar-fixed-top .navbar-collapse,.navbar-static-top .navbar-collapse,.navbar-fixed-bottom .navbar-collapse {
        padding-left: 0;
        padding-right: 0
    }
}

.navbar-fixed-top .navbar-collapse,.navbar-fixed-bottom .navbar-collapse {
    max-height: 340px
}

@media (max-device-width: 480px) and (orientation: landscape) {
    .navbar-fixed-top .navbar-collapse,.navbar-fixed-bottom .navbar-collapse {
        max-height:200px
    }
}

.container>.navbar-header,.container-fluid>.navbar-header,.container>.navbar-collapse,.container-fluid>.navbar-collapse {
    margin-right: -15px;
    margin-left: -15px
}

@media (min-width: 768px) {
    .container>.navbar-header,.container-fluid>.navbar-header,.container>.navbar-collapse,.container-fluid>.navbar-collapse {
        margin-right:0;
        margin-left: 0
    }
}

.navbar-static-top {
    z-index: 1000;
    border-width: 0 0 1px
}

@media (min-width: 768px) {
    .navbar-static-top {
        border-radius:0
    }
}

.navbar-fixed-top,.navbar-fixed-bottom {
    position: fixed;
    right: 0;
    left: 0;
    z-index: 1030
}

@media (min-width: 768px) {
    .navbar-fixed-top,.navbar-fixed-bottom {
        border-radius:0
    }
}

.navbar-fixed-top {
    top: 0;
    border-width: 0 0 1px
}

.navbar-fixed-bottom {
    bottom: 0;
    margin-bottom: 0;
    border-width: 1px 0 0
}

.navbar-brand {
    float: left;
    padding: 15px 15px;
    font-size: 18px;
    line-height: 20px;
    height: 50px
}

.navbar-brand:hover,.navbar-brand:focus {
    text-decoration: none
}

.navbar-brand>img {
    display: block
}

@media (min-width: 768px) {
    .navbar>.container .navbar-brand,.navbar>.container-fluid .navbar-brand {
        margin-left:-15px
    }
}

.navbar-toggle {
    position: relative;
    float: right;
    margin-right: 15px;
    padding: 9px 10px;
    margin-top: 8px;
    margin-bottom: 8px;
    background-color: transparent;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px
}

.navbar-toggle:focus {
    outline: 0
}

.navbar-toggle .icon-bar {
    display: block;
    width: 18px;
    height: 2px;
    border-radius: 1px
}

.navbar-toggle .icon-bar+.icon-bar {
    margin-top: 4px
}

@media (min-width: 992px) {
    .navbar-toggle {
        display:none
    }
}

.navbar-nav {
    margin: 7.5px -15px
}

.navbar-nav>li>a {
    padding-top: 10px;
    padding-bottom: 10px;
    line-height: 20px
}

@media (max-width: 767px) {
    .navbar-nav .open .dropdown-menu {
        position:static;
        float: none;
        width: auto;
        margin-top: 0;
        background-color: transparent;
        border: 0;
        box-shadow: none
    }

    .navbar-nav .open .dropdown-menu>li>a,.navbar-nav .open .dropdown-menu .dropdown-header {
        padding: 5px 15px 5px 25px
    }

    .navbar-nav .open .dropdown-menu>li>a {
        line-height: 20px
    }

    .navbar-nav .open .dropdown-menu>li>a:hover,.navbar-nav .open .dropdown-menu>li>a:focus {
        background-image: none
    }
}

@media (min-width: 768px) {
    .navbar-nav {
        float:left;
        margin: 0
    }

    .navbar-nav>li {
        float: left
    }

    .navbar-nav>li>a {
        padding-top: 15px;
        padding-bottom: 15px
    }
}

.navbar-form {
    margin-left: -15px;
    margin-right: -15px;
    padding: 10px 15px;
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent;
    -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.1),0 1px 0 rgba(255,255,255,0.1);
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.1),0 1px 0 rgba(255,255,255,0.1);
    margin-top: 8px;
    margin-bottom: 8px
}

@media (min-width: 768px) {
    .navbar-form .form-group {
        display:inline-block;
        margin-bottom: 0;
        vertical-align: middle
    }

    .navbar-form .form-control {
        display: inline-block;
        width: auto;
        vertical-align: middle
    }

    .navbar-form .form-control-static {
        display: inline-block
    }

    .navbar-form .input-group {
        display: inline-table;
        vertical-align: middle
    }

    .navbar-form .input-group .input-group-addon,.navbar-form .input-group .input-group-btn,.navbar-form .input-group .form-control {
        width: auto
    }

    .navbar-form .input-group>.form-control {
        width: 100%
    }

    .navbar-form .control-label {
        margin-bottom: 0;
        vertical-align: middle
    }

    .navbar-form .radio,.navbar-form .checkbox {
        display: inline-block;
        margin-top: 0;
        margin-bottom: 0;
        vertical-align: middle
    }

    .navbar-form .radio label,.navbar-form .checkbox label {
        padding-left: 0
    }

    .navbar-form .radio input[type="radio"],.navbar-form .checkbox input[type="checkbox"] {
        position: relative;
        margin-left: 0
    }

    .navbar-form .has-feedback .form-control-feedback {
        top: 0
    }
}

@media (max-width: 767px) {
    .navbar-form .form-group {
        margin-bottom:5px
    }

    .navbar-form .form-group:last-child {
        margin-bottom: 0
    }
}

@media (min-width: 768px) {
    .navbar-form {
        width:auto;
        border: 0;
        margin-left: 0;
        margin-right: 0;
        padding-top: 0;
        padding-bottom: 0;
        -webkit-box-shadow: none;
        box-shadow: none
    }
}

.navbar-nav>li>.dropdown-menu {
    margin-top: 0;
    border-top-right-radius: 0;
    border-top-left-radius: 0
}

.navbar-fixed-bottom .navbar-nav>li>.dropdown-menu {
    margin-bottom: 0;
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

.navbar-btn {
    margin-top: 8px;
    margin-bottom: 8px
}

.navbar-btn.btn-sm {
    margin-top: 10px;
    margin-bottom: 10px
}

.navbar-btn.btn-xs {
    margin-top: 14px;
    margin-bottom: 14px
}

.navbar-text {
    margin-top: 15px;
    margin-bottom: 15px
}

@media (min-width: 768px) {
    .navbar-text {
        float:left;
        margin-left: 15px;
        margin-right: 15px
    }
}

@media (min-width: 768px) {
    .navbar-left {
        float:left !important
    }

    .navbar-right {
        float: right !important;
        margin-right: -15px
    }

    .navbar-right ~ .navbar-right {
        margin-right: 0
    }
}

.navbar-default {
    background-color: #f8f8f8;
    border-color: #e7e7e7
}

.navbar-default .navbar-brand {
    color: #777777
}

.navbar-default .navbar-brand:hover,.navbar-default .navbar-brand:focus {
    color: #5e5e5e;
    background-color: transparent
}

.navbar-default .navbar-text {
    color: #777777
}

.navbar-default .navbar-nav>li>a {
    color: #777777
}

.navbar-default .navbar-nav>li>a:hover,.navbar-default .navbar-nav>li>a:focus {
    color: #333333;
    background-color: transparent
}

.navbar-default .navbar-nav>.active>a,.navbar-default .navbar-nav>.active>a:hover,.navbar-default .navbar-nav>.active>a:focus {
    color: #555555;
    background-color: #e7e7e7
}

.navbar-default .navbar-nav>.disabled>a,.navbar-default .navbar-nav>.disabled>a:hover,.navbar-default .navbar-nav>.disabled>a:focus {
    color: #cccccc;
    background-color: transparent
}

.navbar-default .navbar-toggle {
    border-color: #dddddd
}

.navbar-default .navbar-toggle:hover,.navbar-default .navbar-toggle:focus {
    background-color: #dddddd
}

.navbar-default .navbar-toggle .icon-bar {
    background-color: #888888
}

.navbar-default .navbar-collapse,.navbar-default .navbar-form {
    border-color: #e7e7e7
}

.navbar-default .navbar-nav>.open>a,.navbar-default .navbar-nav>.open>a:hover,.navbar-default .navbar-nav>.open>a:focus {
    background-color: #e7e7e7;
    color: #555555
}

@media (max-width: 767px) {
    .navbar-default .navbar-nav .open .dropdown-menu>li>a {
        color:#777777
    }

    .navbar-default .navbar-nav .open .dropdown-menu>li>a:hover,.navbar-default .navbar-nav .open .dropdown-menu>li>a:focus {
        color: #333333;
        background-color: transparent
    }

    .navbar-default .navbar-nav .open .dropdown-menu>.active>a,.navbar-default .navbar-nav .open .dropdown-menu>.active>a:hover,.navbar-default .navbar-nav .open .dropdown-menu>.active>a:focus {
        color: #555555;
        background-color: #e7e7e7
    }

    .navbar-default .navbar-nav .open .dropdown-menu>.disabled>a,.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:hover,.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:focus {
        color: #cccccc;
        background-color: transparent
    }
}

.navbar-default .navbar-link {
    color: #777777
}

.navbar-default .navbar-link:hover {
    color: #333333
}

.navbar-default .btn-link {
    color: #777777
}

.navbar-default .btn-link:hover,.navbar-default .btn-link:focus {
    color: #333333
}

.navbar-default .btn-link[disabled]:hover,fieldset[disabled] .navbar-default .btn-link:hover,.navbar-default .btn-link[disabled]:focus,fieldset[disabled] .navbar-default .btn-link:focus {
    color: #cccccc
}

.navbar-inverse {
    background-color: #222222;
    border-color: #080808
}

.navbar-inverse .navbar-brand {
    color: #9d9d9d
}

.navbar-inverse .navbar-brand:hover,.navbar-inverse .navbar-brand:focus {
    color: #ffffff;
    background-color: transparent
}

.navbar-inverse .navbar-text {
    color: #9d9d9d
}

.navbar-inverse .navbar-nav>li>a {
    color: #9d9d9d
}

.navbar-inverse .navbar-nav>li>a:hover,.navbar-inverse .navbar-nav>li>a:focus {
    color: #ffffff;
    background-color: transparent
}

.navbar-inverse .navbar-nav>.active>a,.navbar-inverse .navbar-nav>.active>a:hover,.navbar-inverse .navbar-nav>.active>a:focus {
    color: #ffffff;
    background-color: #080808
}

.navbar-inverse .navbar-nav>.disabled>a,.navbar-inverse .navbar-nav>.disabled>a:hover,.navbar-inverse .navbar-nav>.disabled>a:focus {
    color: #444444;
    background-color: transparent
}

.navbar-inverse .navbar-toggle {
    border-color: #333333
}

.navbar-inverse .navbar-toggle:hover,.navbar-inverse .navbar-toggle:focus {
    background-color: #333333
}

.navbar-inverse .navbar-toggle .icon-bar {
    background-color: #ffffff
}

.navbar-inverse .navbar-collapse,.navbar-inverse .navbar-form {
    border-color: #101010
}

.navbar-inverse .navbar-nav>.open>a,.navbar-inverse .navbar-nav>.open>a:hover,.navbar-inverse .navbar-nav>.open>a:focus {
    background-color: #080808;
    color: #ffffff
}

@media (max-width: 767px) {
    .navbar-inverse .navbar-nav .open .dropdown-menu>.dropdown-header {
        border-color:#080808
    }

    .navbar-inverse .navbar-nav .open .dropdown-menu .divider {
        background-color: #080808
    }

    .navbar-inverse .navbar-nav .open .dropdown-menu>li>a {
        color: #9d9d9d
    }

    .navbar-inverse .navbar-nav .open .dropdown-menu>li>a:hover,.navbar-inverse .navbar-nav .open .dropdown-menu>li>a:focus {
        color: #ffffff;
        background-color: transparent
    }

    .navbar-inverse .navbar-nav .open .dropdown-menu>.active>a,.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:hover,.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:focus {
        color: #ffffff;
        background-color: #080808
    }

    .navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a,.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:hover,.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:focus {
        color: #444444;
        background-color: transparent
    }
}

.navbar-inverse .navbar-link {
    color: #9d9d9d
}

.navbar-inverse .navbar-link:hover {
    color: #ffffff
}

.navbar-inverse .btn-link {
    color: #9d9d9d
}

.navbar-inverse .btn-link:hover,.navbar-inverse .btn-link:focus {
    color: #ffffff
}

.navbar-inverse .btn-link[disabled]:hover,fieldset[disabled] .navbar-inverse .btn-link:hover,.navbar-inverse .btn-link[disabled]:focus,fieldset[disabled] .navbar-inverse .btn-link:focus {
    color: #444444
}

.breadcrumb {
    padding: 8px 15px;
    margin-bottom: 20px;
    list-style: none;
    background-color: #f4f4f4;
    border-radius: 4px
}

.breadcrumb>li {
    display: inline-block
}

.breadcrumb>li+li:before {
    content: "/\00a0";
    padding: 0 5px;
    color: #2b2b2b
}

.breadcrumb>.active {
    color: #2b2b2b
}

.pagination {
    display: none;
    padding-left: 0;
    margin: 20px 0;
    border-radius: 4px
}

.pagination>li {
    display: inline
}

.pagination>li>a,.pagination>li>span {
    position: relative;
    float: left;
    padding: 6px 12px;
    line-height: 1.42857143;
    text-decoration: none;
    color: #635c52;
    background-color: #ffffff;
    border: 1px solid #e3e3e3;
    margin-left: -1px
}

.pagination>li:first-child>a,.pagination>li:first-child>span {
    margin-left: 0;
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px
}

.pagination>li:last-child>a,.pagination>li:last-child>span {
    border-bottom-right-radius: 4px;
    border-top-right-radius: 4px
}

.pagination>li>a:hover,.pagination>li>span:hover,.pagination>li>a:focus,.pagination>li>span:focus {
    color: #2b383e;
    background-color: #ededed;
    border-color: #e3e3e3
}

.pagination>.active>a,.pagination>.active>span,.pagination>.active>a:hover,.pagination>.active>span:hover,.pagination>.active>a:focus,.pagination>.active>span:focus {
    z-index: 2;
    color: #ffffff;
    background-color: #afa79c;
    border-color: #e3e3e3;
    cursor: default
}

.pagination>.disabled>span,.pagination>.disabled>span:hover,.pagination>.disabled>span:focus,.pagination>.disabled>a,.pagination>.disabled>a:hover,.pagination>.disabled>a:focus {
    color: #777777;
    background-color: #ffffff;
    border-color: #dddddd;
    cursor: not-allowed
}

.pagination-lg>li>a,.pagination-lg>li>span {
    padding: 10px 16px;
    font-size: 18px
}

.pagination-lg>li:first-child>a,.pagination-lg>li:first-child>span {
    border-bottom-left-radius: 6px;
    border-top-left-radius: 6px
}

.pagination-lg>li:last-child>a,.pagination-lg>li:last-child>span {
    border-bottom-right-radius: 6px;
    border-top-right-radius: 6px
}

.pagination-sm>li>a,.pagination-sm>li>span {
    padding: 5px 10px;
    font-size: 12px
}

.pagination-sm>li:first-child>a,.pagination-sm>li:first-child>span {
    border-bottom-left-radius: 3px;
    border-top-left-radius: 3px
}

.pagination-sm>li:last-child>a,.pagination-sm>li:last-child>span {
    border-bottom-right-radius: 3px;
    border-top-right-radius: 3px
}

#search-load-more {
    display: block !important;
    position: relative;
    top: 100px
}

@media (max-width: 768px) {
    #search-load-more {
        display:block !important;
        position: relative;
        top: 80px;
        width: 100%;
        transform: translateX(-50%);
        left: 50%
    }

    #search-load-more .in {
        height: 25vh
    }
}

#loader-more-end,#loader-more-end.collapse {
    display: none
}

#loader-more-end.collapse.in {
    display: block;
    color: #9d9d9d;
    margin-bottom: 20px
}

.label {
    display: inline;
    padding: .2em .6em .3em;
    font-size: 75%;
    font-weight: bold;
    line-height: 1;
    color: #ffffff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25em
}

a.label:hover,a.label:focus {
    color: #ffffff;
    text-decoration: none;
    cursor: pointer
}

.label:empty {
    display: none
}

.btn .label {
    position: relative;
    top: -1px
}

.label-default {
    background-color: #777777
}

.label-default[href]:hover,.label-default[href]:focus {
    background-color: #5e5e5e
}

.label-primary {
    background-color: #337ab7
}

.label-primary[href]:hover,.label-primary[href]:focus {
    background-color: #286090
}

.label-success {
    background-color: #84cd81
}

.label-success[href]:hover,.label-success[href]:focus {
    background-color: #60bf5c
}

.label-info {
    background-color: #5bc0de
}

.label-info[href]:hover,.label-info[href]:focus {
    background-color: #31b0d5
}

.label-warning {
    background-color: #f0ad4e
}

.label-warning[href]:hover,.label-warning[href]:focus {
    background-color: #ec971f
}

.label-danger {
    background-color: #d9534f
}

.label-danger[href]:hover,.label-danger[href]:focus {
    background-color: #c9302c
}

.badge {
    display: inline-block;
    min-width: 10px;
    padding: 3px 7px;
    font-size: 12px;
    font-weight: bold;
    color: #ffffff;
    line-height: 1;
    vertical-align: baseline;
    white-space: nowrap;
    text-align: center;
    background-color: #777777;
    border-radius: 10px
}

.badge:empty {
    display: none
}

.btn .badge {
    position: relative;
    top: -1px
}

.btn-xs .badge,.btn-group-xs>.btn .badge {
    top: 0;
    padding: 1px 5px
}

a.badge:hover,a.badge:focus {
    color: #ffffff;
    text-decoration: none;
    cursor: pointer
}

.list-group-item.active>.badge,.nav-pills>.active>a>.badge {
    color: #212121;
    background-color: #ffffff
}

.list-group-item>.badge {
    float: right
}

.list-group-item>.badge+.badge {
    margin-right: 5px
}

.nav-pills>li>a>.badge {
    margin-left: 3px
}

.alert {
    padding: 15px;
    margin-bottom: 20px;
    border-radius: 2px;
    width: 100%;
    max-width: 500px;
    margin: 0 auto;
    position: fixed;
    z-index: 999999999;
    left: 50%;
    box-shadow: 0 0 10px rgba(0,0,0,0.3);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.alert h4 {
    margin-top: 0;
    color: inherit
}

.alert .alert-link {
    font-weight: bold
}

.alert>p,.alert>ul {
    margin-bottom: 0
}

.alert>p+p {
    margin-top: 5px
}

.alert-dismissable .close,.alert-dismissible .close {
    position: relative;
    top: 0px;
    right: 0px;
    color: #fff
}

.alert-success {
    background-color: rgba(0,0,0,0.7);
    color: #fff
}

.alert-success hr {
    border-top-color: #c9e2b3
}

.alert-success .alert-link {
    color: #fff
}

.alert-info {
    background-color: rgba(0,0,0,0.7);
    color: #fff
}

.alert-info hr {
    border-top-color: #a6e1ec
}

.alert-info .alert-link {
    color: #fff
}

.alert-warning {
    background-color: rgba(0,180,200,0.7);
    color: #fff
}

.alert-warning hr {
    border-top-color: #f7e1b5
}

.alert-warning .alert-link {
    color: #fff
}

.alert-warning .alert-link {
    color: #fff
}

.alert-warning .alert-link button {
    color: #fff
}

.alert-danger {
    background-color: rgba(255,50,20,0.7);
    color: #fff
}

.alert-danger hr {
    border-top-color: #e4b9c0
}

.alert-danger .alert-link {
    color: #fff
}

@-webkit-keyframes progress-bar-stripes {
    from {
        background-position: 40px 0
    }

    to {
        background-position: 0 0
    }
}

@keyframes progress-bar-stripes {
    from {
        background-position: 40px 0
    }

    to {
        background-position: 0 0
    }
}

.progress {
    overflow: hidden;
    height: 20px;
    margin-bottom: 20px;
    background-color: #f5f5f5;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
    box-shadow: inset 0 1px 2px rgba(0,0,0,0.1)
}

.progress-bar {
    float: left;
    width: 0%;
    height: 100%;
    font-size: 12px;
    line-height: 20px;
    color: #ffffff;
    text-align: center;
    background-color: #337ab7;
    -webkit-box-shadow: inset 0 -1px 0 rgba(0,0,0,0.15);
    box-shadow: inset 0 -1px 0 rgba(0,0,0,0.15);
    -webkit-transition: width 0.6s ease;
    -o-transition: width 0.6s ease;
    transition: width 0.6s ease;
    -webkit-transition: width 1s 0s ease, 0.6s 1s 0s ease, ease 1s 0s ease;
    -moz-transition: width 1s 0s ease, 0.6s 1s 0s ease, ease 1s 0s ease;
    -ms-transition: width 1s 0s ease, 0.6s 1s 0s ease, ease 1s 0s ease;
    -o-transition: width 1s 0s ease, 0.6s 1s 0s ease, ease 1s 0s ease;
    transition: width 1s 0s ease, 0.6s 1s 0s ease, ease 1s 0s ease
}

.progress-striped .progress-bar,.progress-bar-striped {
    background-image: -webkit-linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent);
    background-size: 40px 40px
}

.progress.active .progress-bar,.progress-bar.active {
    -webkit-animation: progress-bar-stripes 2s linear infinite;
    -o-animation: progress-bar-stripes 2s linear infinite;
    animation: progress-bar-stripes 2s linear infinite
}

.progress-bar-success {
    background-color: #84cd81
}

.progress-striped .progress-bar-success {
    background-image: -webkit-linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent)
}

.progress-bar-info {
    background-color: #5bc0de
}

.progress-striped .progress-bar-info {
    background-image: -webkit-linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent)
}

.progress-bar-warning {
    background-color: #f0ad4e
}

.progress-striped .progress-bar-warning {
    background-image: -webkit-linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent)
}

.progress-bar-danger {
    background-color: #d9534f
}

.progress-striped .progress-bar-danger {
    background-image: -webkit-linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent)
}

.panel {
    margin-bottom: 20px;
    background-color: #ffffff;
    border: 1px solid transparent;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.05);
    box-shadow: 0 1px 1px rgba(0,0,0,0.05)
}

.panel-body {
    padding: 15px
}

.panel-heading {
    padding: 10px 15px;
    border-bottom: 1px solid transparent;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px
}

.panel-heading>.dropdown .dropdown-toggle {
    color: inherit
}

.panel-title {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 16px;
    color: inherit
}

.panel-title>a,.panel-title>small,.panel-title>.small,.panel-title>small>a,.panel-title>.small>a {
    color: inherit
}

.panel-footer {
    padding: 10px 15px;
    background-color: #f5f5f5;
    border-top: 1px solid #dddddd;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px
}

.panel>.list-group,.panel>.panel-collapse>.list-group {
    margin-bottom: 0
}

.panel>.list-group .list-group-item,.panel>.panel-collapse>.list-group .list-group-item {
    border-width: 1px 0;
    border-radius: 0
}

.panel>.list-group:first-child .list-group-item:first-child,.panel>.panel-collapse>.list-group:first-child .list-group-item:first-child {
    border-top: 0;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px
}

.panel>.list-group:last-child .list-group-item:last-child,.panel>.panel-collapse>.list-group:last-child .list-group-item:last-child {
    border-bottom: 0;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px
}

.panel-heading+.list-group .list-group-item:first-child {
    border-top-width: 0
}

.list-group+.panel-footer {
    border-top-width: 0
}

.panel>.table,.panel>.table-responsive>.table,.panel>.panel-collapse>.table {
    margin-bottom: 0
}

.panel>.table caption,.panel>.table-responsive>.table caption,.panel>.panel-collapse>.table caption {
    padding-left: 15px;
    padding-right: 15px
}

.panel>.table:first-child,.panel>.table-responsive:first-child>.table:first-child {
    border-top-right-radius: 3px;
    border-top-left-radius: 3px
}

.panel>.table:first-child>thead:first-child>tr:first-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child,.panel>.table:first-child>tbody:first-child>tr:first-child,.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child {
    border-top-left-radius: 3px;
    border-top-right-radius: 3px
}

.panel>.table:first-child>thead:first-child>tr:first-child td:first-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child td:first-child,.panel>.table:first-child>tbody:first-child>tr:first-child td:first-child,.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child td:first-child,.panel>.table:first-child>thead:first-child>tr:first-child th:first-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child th:first-child,.panel>.table:first-child>tbody:first-child>tr:first-child th:first-child,.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:first-child {
    border-top-left-radius: 3px
}

.panel>.table:first-child>thead:first-child>tr:first-child td:last-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child td:last-child,.panel>.table:first-child>tbody:first-child>tr:first-child td:last-child,.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child td:last-child,.panel>.table:first-child>thead:first-child>tr:first-child th:last-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child th:last-child,.panel>.table:first-child>tbody:first-child>tr:first-child th:last-child,.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:last-child {
    border-top-right-radius: 3px
}

.panel>.table:last-child,.panel>.table-responsive:last-child>.table:last-child {
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px
}

.panel>.table:last-child>tbody:last-child>tr:last-child,.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child,.panel>.table:last-child>tfoot:last-child>tr:last-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child {
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px
}

.panel>.table:last-child>tbody:last-child>tr:last-child td:first-child,.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:first-child,.panel>.table:last-child>tfoot:last-child>tr:last-child td:first-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:first-child,.panel>.table:last-child>tbody:last-child>tr:last-child th:first-child,.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:first-child,.panel>.table:last-child>tfoot:last-child>tr:last-child th:first-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:first-child {
    border-bottom-left-radius: 3px
}

.panel>.table:last-child>tbody:last-child>tr:last-child td:last-child,.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:last-child,.panel>.table:last-child>tfoot:last-child>tr:last-child td:last-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:last-child,.panel>.table:last-child>tbody:last-child>tr:last-child th:last-child,.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:last-child,.panel>.table:last-child>tfoot:last-child>tr:last-child th:last-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:last-child {
    border-bottom-right-radius: 3px
}

.panel>.panel-body+.table,.panel>.panel-body+.table-responsive,.panel>.table+.panel-body,.panel>.table-responsive+.panel-body {
    border-top: 1px solid #f0f0f0
}

.panel>.table>tbody:first-child>tr:first-child th,.panel>.table>tbody:first-child>tr:first-child td {
    border-top: 0
}

.panel>.table-bordered,.panel>.table-responsive>.table-bordered {
    border: 0
}

.panel>.table-bordered>thead>tr>th:first-child,.panel>.table-responsive>.table-bordered>thead>tr>th:first-child,.panel>.table-bordered>tbody>tr>th:first-child,.panel>.table-responsive>.table-bordered>tbody>tr>th:first-child,.panel>.table-bordered>tfoot>tr>th:first-child,.panel>.table-responsive>.table-bordered>tfoot>tr>th:first-child,.panel>.table-bordered>thead>tr>td:first-child,.panel>.table-responsive>.table-bordered>thead>tr>td:first-child,.panel>.table-bordered>tbody>tr>td:first-child,.panel>.table-responsive>.table-bordered>tbody>tr>td:first-child,.panel>.table-bordered>tfoot>tr>td:first-child,.panel>.table-responsive>.table-bordered>tfoot>tr>td:first-child {
    border-left: 0
}

.panel>.table-bordered>thead>tr>th:last-child,.panel>.table-responsive>.table-bordered>thead>tr>th:last-child,.panel>.table-bordered>tbody>tr>th:last-child,.panel>.table-responsive>.table-bordered>tbody>tr>th:last-child,.panel>.table-bordered>tfoot>tr>th:last-child,.panel>.table-responsive>.table-bordered>tfoot>tr>th:last-child,.panel>.table-bordered>thead>tr>td:last-child,.panel>.table-responsive>.table-bordered>thead>tr>td:last-child,.panel>.table-bordered>tbody>tr>td:last-child,.panel>.table-responsive>.table-bordered>tbody>tr>td:last-child,.panel>.table-bordered>tfoot>tr>td:last-child,.panel>.table-responsive>.table-bordered>tfoot>tr>td:last-child {
    border-right: 0
}

.panel>.table-bordered>thead>tr:first-child>td,.panel>.table-responsive>.table-bordered>thead>tr:first-child>td,.panel>.table-bordered>tbody>tr:first-child>td,.panel>.table-responsive>.table-bordered>tbody>tr:first-child>td,.panel>.table-bordered>thead>tr:first-child>th,.panel>.table-responsive>.table-bordered>thead>tr:first-child>th,.panel>.table-bordered>tbody>tr:first-child>th,.panel>.table-responsive>.table-bordered>tbody>tr:first-child>th {
    border-bottom: 0
}

.panel>.table-bordered>tbody>tr:last-child>td,.panel>.table-responsive>.table-bordered>tbody>tr:last-child>td,.panel>.table-bordered>tfoot>tr:last-child>td,.panel>.table-responsive>.table-bordered>tfoot>tr:last-child>td,.panel>.table-bordered>tbody>tr:last-child>th,.panel>.table-responsive>.table-bordered>tbody>tr:last-child>th,.panel>.table-bordered>tfoot>tr:last-child>th,.panel>.table-responsive>.table-bordered>tfoot>tr:last-child>th {
    border-bottom: 0
}

.panel>.table-responsive {
    border: 0;
    margin-bottom: 0
}

.panel-group {
    margin-bottom: 20px
}

.panel-group .panel {
    margin-bottom: 0;
    border-radius: 4px
}

.panel-group .panel+.panel {
    margin-top: 5px
}

.panel-group .panel-heading {
    border-bottom: 0
}

.panel-group .panel-heading+.panel-collapse>.panel-body,.panel-group .panel-heading+.panel-collapse>.list-group {
    border-top: 1px solid #dddddd
}

.panel-group .panel-footer {
    border-top: 0
}

.panel-group .panel-footer+.panel-collapse .panel-body {
    border-bottom: 1px solid #dddddd
}

.panel-default {
    border-color: #dddddd
}

.panel-default>.panel-heading {
    color: #333333;
    background-color: #f5f5f5;
    border-color: #dddddd
}

.panel-default>.panel-heading+.panel-collapse>.panel-body {
    border-top-color: #dddddd
}

.panel-default>.panel-heading .badge {
    color: #f5f5f5;
    background-color: #333333
}

.panel-default>.panel-footer+.panel-collapse>.panel-body {
    border-bottom-color: #dddddd
}

.panel-primary {
    border-color: #337ab7
}

.panel-primary>.panel-heading {
    color: #ffffff;
    background-color: #337ab7;
    border-color: #337ab7
}

.panel-primary>.panel-heading+.panel-collapse>.panel-body {
    border-top-color: #337ab7
}

.panel-primary>.panel-heading .badge {
    color: #337ab7;
    background-color: #ffffff
}

.panel-primary>.panel-footer+.panel-collapse>.panel-body {
    border-bottom-color: #337ab7
}

.panel-success {
    border-color: #d6e9c6
}

.panel-success>.panel-heading {
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #d6e9c6
}

.panel-success>.panel-heading+.panel-collapse>.panel-body {
    border-top-color: #d6e9c6
}

.panel-success>.panel-heading .badge {
    color: #dff0d8;
    background-color: #3c763d
}

.panel-success>.panel-footer+.panel-collapse>.panel-body {
    border-bottom-color: #d6e9c6
}

.panel-info {
    border-color: #bce8f1
}

.panel-info>.panel-heading {
    color: #31708f;
    background-color: #d9edf7;
    border-color: #bce8f1
}

.panel-info>.panel-heading+.panel-collapse>.panel-body {
    border-top-color: #bce8f1
}

.panel-info>.panel-heading .badge {
    color: #d9edf7;
    background-color: #31708f
}

.panel-info>.panel-footer+.panel-collapse>.panel-body {
    border-bottom-color: #bce8f1
}

.panel-warning {
    border-color: #faebcc
}

.panel-warning>.panel-heading {
    color: #8a6d3b;
    background-color: #fcf8e3;
    border-color: #faebcc
}

.panel-warning>.panel-heading+.panel-collapse>.panel-body {
    border-top-color: #faebcc
}

.panel-warning>.panel-heading .badge {
    color: #fcf8e3;
    background-color: #8a6d3b
}

.panel-warning>.panel-footer+.panel-collapse>.panel-body {
    border-bottom-color: #faebcc
}

.panel-danger {
    border-color: #ebccd1
}

.panel-danger>.panel-heading {
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1
}

.panel-danger>.panel-heading+.panel-collapse>.panel-body {
    border-top-color: #ebccd1
}

.panel-danger>.panel-heading .badge {
    color: #f2dede;
    background-color: #a94442
}

.panel-danger>.panel-footer+.panel-collapse>.panel-body {
    border-bottom-color: #ebccd1
}

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

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

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

.modal-open {
    overflow: hidden
}

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

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

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

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

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

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

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

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

.modal-backdrop.in {
    opacity: 0.8;
    filter: alpha(opacity=80)
}

.modal-header {
    padding: 0 15px;
    min-height: 16.42857143px
}

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

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

.modal-body {
    position: relative;
    padding: 10px 15px;
    font-size: 16px
}

.modal-scroll {
    border: 1px solid #ccc;
    height: 300px;
    overflow: scroll;
    padding: 10px;
    font-size: 12px
}

.modal-body .review {
    font-size: 14px
}

.modal-sm .modal-body {
    text-align: center;
    padding-bottom: 30px
}

.modal-footer {
    padding: 0 15px;
    text-align: right
}

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

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

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

.modal-sm .modal-footer {
    text-align: center
}

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

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

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

    .modal-sm {
        width: 300px
    }
}

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

.modal--title {
    font-size: 20px;
    color: #5b5b5b;
    margin-bottom: 5px;
    line-height: 1.2;
    font-weight: bold
}

.modal--title span {
    font-weight: 900;
    color: #232323;
    word-break: break-all
}

.modal-body {
    line-height: 1.6
}

.modal--rating .rating {
    margin: 5px 0px 10px 0px;
    position: relative;
    display: inline-block
}

.modal--rating .rating .icon {
    font-size: 21px;
    margin: 0px 3px;
    cursor: pointer;
    color: #afa79c
}

.modal--rating .rating .icon:hover,.modal--rating .rating .icon:focus,.modal--rating .rating .icon.toggleon {
    color: #ffc200 !important
}

.modal--review {
    margin-bottom: 10px
}

.modal--review textarea {
    width: 100%;
    border-radius: 3px;
    border: 1px solid #ccc
}

#asktologin .modal-dialog {
    width: 95%;
    max-width: 400px
}

.img-icon img {
    width: 18px;
    height: 18px;
    object-fit: cover
}

.tooltip {
    position: absolute;
    z-index: 1070;
    display: inline-block;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif, 'Microsoft JhengHei';
    font-size: 12px;
    font-weight: normal;
    line-height: 1.4;
    opacity: 0;
    filter: alpha(opacity=0);
    max-width: 200px;
    min-width: 50px
}

.tooltip.in {
    opacity: 0.9;
    filter: alpha(opacity=90)
}

.tooltip.top {
    margin-top: -3px;
    padding: 5px 0
}

.tooltip.right {
    margin-left: 3px;
    padding: 0 5px
}

.tooltip.bottom {
    margin-top: 3px;
    padding: 5px 0
}

.tooltip.left {
    margin-left: -3px;
    padding: 0 5px
}

.tooltip-inner {
    max-width: 200px;
    padding: 3px 8px;
    color: #ffffff;
    text-align: center;
    text-decoration: none;
    background-color: #000000;
    border-radius: 4px
}

.tooltip-arrow {
    position: absolute;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid
}

.tooltip.top .tooltip-arrow {
    bottom: 0;
    left: 50%;
    margin-left: -5px;
    border-width: 5px 5px 0;
    border-top-color: #000000
}

.tooltip.top-left .tooltip-arrow {
    bottom: 0;
    right: 5px;
    margin-bottom: -5px;
    border-width: 5px 5px 0;
    border-top-color: #000000
}

.tooltip.top-right .tooltip-arrow {
    bottom: 0;
    left: 5px;
    margin-bottom: -5px;
    border-width: 5px 5px 0;
    border-top-color: #000000
}

.tooltip.right .tooltip-arrow {
    top: 50%;
    left: 0;
    margin-top: -5px;
    border-width: 5px 5px 5px 0;
    border-right-color: #000000
}

.tooltip.left .tooltip-arrow {
    top: 50%;
    right: 0;
    margin-top: -5px;
    border-width: 5px 0 5px 5px;
    border-left-color: #000000
}

.tooltip.bottom .tooltip-arrow {
    top: 0;
    left: 50%;
    margin-left: -5px;
    border-width: 0 5px 5px;
    border-bottom-color: #000000
}

.tooltip.bottom-left .tooltip-arrow {
    top: 0;
    right: 5px;
    margin-top: -5px;
    border-width: 0 5px 5px;
    border-bottom-color: #000000
}

.tooltip.bottom-right .tooltip-arrow {
    top: 0;
    left: 5px;
    margin-top: -5px;
    border-width: 0 5px 5px;
    border-bottom-color: #000000
}

.clearfix:before,.clearfix:after,.dl-horizontal dd:before,.dl-horizontal dd:after,.container:before,.container:after,.container-fluid:before,.container-fluid:after,.row:before,.row:after,.form-horizontal .form-group:before,.form-horizontal .form-group:after,.btn-toolbar:before,.btn-toolbar:after,.btn-group-vertical>.btn-group:before,.btn-group-vertical>.btn-group:after,.nav:before,.nav:after,.navbar:before,.navbar:after,.navbar-header:before,.navbar-header:after,.navbar-collapse:before,.navbar-collapse:after,.panel-body:before,.panel-body:after,.modal-footer:before,.modal-footer:after,.header.boxed:before,.header.boxed:after,body.boxed .header:before,body.boxed .header:after,.header.fullwidth:before,.header.fullwidth:after,body.fullwidth .header:before,body.fullwidth .header:after,.header__dropdowns-container:before,.header__dropdowns-container:after,.footer.boxed:before,.footer.boxed:after,body.boxed .footer:before,body.boxed .footer:after,.footer.fullwidth:before,.footer.fullwidth:after,body.fullwidth .footer:before,body.fullwidth .footer:after,.footer.fullwidth .container:before,.footer.fullwidth .container:after,body.fullwidth .footer .container:before,body.fullwidth .footer .container:after,.content.boxed:before,.content.boxed:after,body.boxed *:not(.aside-column)>.content:before,body.boxed *:not(.aside-column)>.content:after,.content.fullwidth:before,.content.fullwidth:after,body.fullwidth *:not(.aside-column)>.content:before,body.fullwidth *:not(.aside-column)>.content:after,.content.fullwidth .container:before,.content.fullwidth .container:after,body.fullwidth *:not(.aside-column)>.content .container:before,body.fullwidth *:not(.aside-column)>.content .container:after,.breadcrumbs--full:before,.breadcrumbs--full:after,body.fullwidth .breadcrumbs:before,body.fullwidth .breadcrumbs:after,.breadcrumbs--full .container:before,.breadcrumbs--full .container:after,body.fullwidth .breadcrumbs .container:before,body.fullwidth .breadcrumbs .container:after {
    content: " ";
    display: table
}

.clearfix:after,.dl-horizontal dd:after,.container:after,.container-fluid:after,.row:after,.form-horizontal .form-group:after,.btn-toolbar:after,.btn-group-vertical>.btn-group:after,.nav:after,.navbar:after,.navbar-header:after,.navbar-collapse:after,.panel-body:after,.modal-footer:after,.header.boxed:after,body.boxed .header:after,.header.fullwidth:after,body.fullwidth .header:after,.header__dropdowns-container:after,.footer.boxed:after,body.boxed .footer:after,.footer.fullwidth:after,body.fullwidth .footer:after,.footer.fullwidth .container:after,body.fullwidth .footer .container:after,.content.boxed:after,body.boxed *:not(.aside-column)>.content:after,.content.fullwidth:after,body.fullwidth *:not(.aside-column)>.content:after,.content.fullwidth .container:after,body.fullwidth *:not(.aside-column)>.content .container:after,.breadcrumbs--full:after,body.fullwidth .breadcrumbs:after,.breadcrumbs--full .container:after,body.fullwidth .breadcrumbs .container:after {
    clear: both
}

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

.pull-right {
    float: right !important
}

.pull-left {
    float: left !important
}

.hide {
    display: none !important
}

.show {
    display: block !important
}

.invisible {
    visibility: hidden
}

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

.hidden {
    display: none !important
}

.affix {
    position: fixed
}

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

.visible-xs,.visible-sm,.visible-md,.visible-lg {
    display: none !important
}

.visible-xs-block,.visible-xs-inline,.visible-xs-inline-block,.visible-sm-block,.visible-sm-inline,.visible-sm-inline-block,.visible-md-block,.visible-md-inline,.visible-md-inline-block,.visible-lg-block,.visible-lg-inline,.visible-lg-inline-block {
    display: none !important
}

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

    table.visible-xs {
        display: table
    }

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

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

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

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

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

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

    table.visible-sm {
        display: table
    }

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

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

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

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

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

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

    table.visible-md {
        display: table
    }

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

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

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

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

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

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

    table.visible-lg {
        display: table
    }

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

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

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

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

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

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

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

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

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

.visible-print {
    display: none !important
}

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

    table.visible-print {
        display: table
    }

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

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

.visible-print-block {
    display: none !important
}

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

.visible-print-inline {
    display: none !important
}

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

.visible-print-inline-block {
    display: none !important
}

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

@media print {
    .hidden-print {
        display: none !important
    }
}

.vertical-align {
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.horizontal-align {
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
}

.noselect {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.dropdown-wd {
    margin-top: 7px;
    padding: 10px 18px;
    border-bottom-width: 2px;
    border-bottom-style: solid;
    border-radius: 0;
    -webkit-box-shadow: 0 0 15px 0 rgba(0,0,0,0.15);
    -moz-box-shadow: 0 0 15px 0 rgba(0,0,0,0.15);
    box-shadow: 0 0 15px 0 rgba(0,0,0,0.15)
}

.dropdown-wd>li>a {
    position: relative;
    margin: 0 -18px;
    padding: 3px 18px
}

@media (max-width: 767px) {
    .dropdown-wd {
        margin-top:0
    }
}

.dropdown-menu>li>a:after,.submenu>li>a:after {
    position: absolute;
    right: 7px;
    top: 50%;
    margin-top: -3px;
    content: "\e602";
    font-family: 'Welldone', 'Microsoft JhengHei';
    font-size: 8px;
    line-height: 8px;
    cursor: pointer;
    opacity: 0.3;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.dropdown-menu>li>a:only-child:after,.submenu>li>a:only-child:after {
    content: ''
}

.line-after {
    position: absolute;
    display: block;
    content: " ";
    right: 0;
    top: 0;
    height: 43px;
    width: 1px
}

.line-before {
    position: absolute;
    display: block;
    content: " ";
    right: 0;
    top: 0;
    height: 43px;
    width: 1px;
    right: auto;
    left: 0
}

.header {
    min-height: 70px;
    position: relative;
    z-index: 10001;
    -webkit-box-shadow: 0 2px 1px 0 rgba(0,0,0,0.15);
    -moz-box-shadow: 0 2px 1px 0 rgba(0,0,0,0.15);
    box-shadow: 0 2px 1px 0 rgba(0,0,0,0.15)
}

@media (max-width: 767px) {
    .header {
        min-height:43px
    }
}

.header.boxed,body.boxed .header {
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px;
    padding-left: 0;
    padding-right: 0
}

@media (min-width: 768px) {
    .header.boxed,body.boxed .header {
        width:750px
    }
}

@media (min-width: 992px) {
    .header.boxed,body.boxed .header {
        width:970px
    }
}

@media (min-width: 1200px) {
    .header.boxed,body.boxed .header {
        width:1170px
    }
}

.header.boxed>.navbar-header,body.boxed .header>.navbar-header,.header.boxed>.navbar-collapse,body.boxed .header>.navbar-collapse {
    margin-right: -15px;
    margin-left: -15px
}

@media (min-width: 768px) {
    .header.boxed>.navbar-header,body.boxed .header>.navbar-header,.header.boxed>.navbar-collapse,body.boxed .header>.navbar-collapse {
        margin-right:0;
        margin-left: 0
    }
}

.header.fullwidth,body.fullwidth .header {
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px;
    padding-left: 0;
    padding-right: 0
}

.header.fullwidth>.navbar-header,body.fullwidth .header>.navbar-header,.header.fullwidth>.navbar-collapse,body.fullwidth .header>.navbar-collapse {
    margin-right: -15px;
    margin-left: -15px
}

@media (min-width: 768px) {
    .header.fullwidth>.navbar-header,body.fullwidth .header>.navbar-header,.header.fullwidth>.navbar-collapse,body.fullwidth .header>.navbar-collapse {
        margin-right:0;
        margin-left: 0
    }
}

.header.fullwidth .container,body.fullwidth .header .container {
    width: auto
}

.header--only-logo {
    -webkit-box-shadow: 0 0 0 0 transparent;
    -moz-box-shadow: 0 0 0 0 transparent;
    box-shadow: 0 0 0 0 transparent;
    text-align: center;
    min-height: 0;
    width: 100%
}

.header--transparent {
    position: absolute;
    width: 100%;
    -webkit-box-shadow: 0 0 0 0 transparent;
    -moz-box-shadow: 0 0 0 0 transparent;
    box-shadow: 0 0 0 0 transparent
}

.header--transparent .dropdown .icon {
    color: #ffffff
}

.header--transparent .navbar.stuck .dropdown .icon {
    color: #000
}

.boxed .header--transparent {
    margin: 0 auto;
    position: absolute;
    left: 0;
    right: 0
}

.header--semi-transparent {
    position: absolute;
    width: 100%;
    -webkit-box-shadow: 0 0 0 0 transparent;
    -moz-box-shadow: 0 0 0 0 transparent;
    box-shadow: 0 0 0 0 transparent
}

.header--semi-transparent .dropdown .icon {
    color: #ffffff
}

.header__dropdowns-container {
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px;
    position: relative !important;
    height: 50px;
    margin-bottom: -82px;
    margin-top: 32px
}

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

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

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

.header__dropdowns-container>.navbar-header,.header__dropdowns-container>.navbar-collapse {
    margin-right: -15px;
    margin-left: -15px
}

@media (min-width: 768px) {
    .header__dropdowns-container>.navbar-header,.header__dropdowns-container>.navbar-collapse {
        margin-right:0;
        margin-left: 0
    }
}

.header.fullwidth .header__dropdowns-container,body.fullwidth .header__dropdowns-container {
    width: 100%
}

.header__dropdowns-container .dropdown--wd {
    margin-top: 7px;
    padding: 10px 18px;
    border-bottom-width: 2px;
    border-bottom-style: solid;
    border-radius: 0;
    -webkit-box-shadow: 0 0 15px 0 rgba(0,0,0,0.15);
    -moz-box-shadow: 0 0 15px 0 rgba(0,0,0,0.15);
    box-shadow: 0 0 15px 0 rgba(0,0,0,0.15)
}

.header__dropdowns-container .dropdown--wd>li>a {
    position: relative;
    margin: 0 -18px;
    padding: 3px 18px
}

@media (max-width: 767px) {
    .header__dropdowns-container .dropdown--wd {
        margin-top:0
    }
}

@media (max-width: 767px) {
    .header__dropdowns-container {
        height:auto !important;
        margin: 0
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .header__dropdowns-container {
        margin-bottom:-60px;
        margin-top: 10px
    }
}

.header__dropdowns {
    position: absolute;
    z-index: 1000;
    right: 0;
    top: -5px
}

.navbar .header__dropdowns {
    margin: -26px 15px 0 0
}

@media (max-width: 991px) {
    .navbar .header__dropdowns {
        margin:-13px 15px 0 0
    }
}

@media (max-width: 767px) {
    .navbar .header__dropdowns {
        margin:-43px 0 0 0 !important
    }
}

@media (max-width: 767px) {
    .header__dropdowns {
        top:0
    }
}

@media (max-width: 767px) {
    .header__dropdowns .dropdown {
        position:static
    }
}

.header__dropdowns .dropdown .dropdown-toggle {
    position: relative
}

.header__dropdowns .dropdown-menu {
    border: 0;
    margin-top: 7px;
    padding: 10px 18px;
    border-bottom-width: 2px;
    border-bottom-style: solid;
    border-radius: 0;
    -webkit-box-shadow: 0 0 15px 0 rgba(0,0,0,0.15);
    -moz-box-shadow: 0 0 15px 0 rgba(0,0,0,0.15);
    box-shadow: 0 0 15px 0 rgba(0,0,0,0.15)
}

.header__dropdowns .dropdown-menu>li>a {
    position: relative;
    margin: 0 -18px;
    padding: 3px 18px
}

@media (max-width: 767px) {
    .header__dropdowns .dropdown-menu {
        margin-top:0
    }
}

.header__dropdowns .pull-right>.dropdown-menu {
    right: 3px
}

.header__dropdowns__button {
    margin: 0 6px;
    padding: 10px 5px
}

.header-line .header__dropdowns__button {
    padding-top: 0;
    padding-bottom: 0;
    border: 0;
    line-height: 40px;
    height: 40px
}

@media (max-width: 767px) {
    .header__dropdowns__button {
        margin:-1px 0 0 0;
        padding: 0;
        text-align: center;
        width: 43px
    }

    .header__dropdowns__button:before {
        position: absolute;
        display: block;
        content: " ";
        right: 0;
        top: 0;
        height: 43px;
        width: 1px;
        right: auto;
        left: 0
    }
}

.header__dropdowns__button__symbol {
    font-size: 17px
}

.header__dropdowns__button .icon {
    display: block;
    font-size: 16px;
    line-height: 1.42857143;
    text-align: center
}

@media (max-width: 767px) {
    .header__dropdowns__button .icon {
        font-size:16px !important
    }
}

.header__cart {
    display: inline-block
}

.header__cart__indicator {
    float: left;
    line-height: 45px;
    margin: 0 5px;
    font-size: 1.077em;
    padding-top: 3px
}

.header__cart .badge.badge--menu {
    right: -2px;
    top: 5px
}

.header__cart__button {
    padding: 0
}

.header__cart__button .icon {
    font-size: 36px;
    margin-top: -5px
}

@media (max-width: 767px) {
    .header__cart__button .icon {
        margin-top:0
    }
}

.header .navbar-header {
    position: relative
}

@media (max-width: 991px) {
    .header .navbar-header {
        margin-left:0;
        margin-right: 0;
        text-align: center
    }
}

.header .caret {
    border-top: 3px dashed;
    border-right: 3px solid transparent;
    border-left: 3px solid transparent
}

.logo {
    float: left;
    display: block;
    font-family: 'Ubuntu', sans-serif, 'Microsoft JhengHei';
    text-decoration: none;
    margin-right: 15px;
    position: relative
}

.logo img.logo-transparent {
    display: none
}

.logo img.logo-mobile {
    display: none
}

@media (max-width: 991px) {
    .logo img {
        width:100%
    }

    .logo img.logo-default {
        display: none !important
    }

    .logo img.logo-transparent {
        display: none !important
    }

    .logo img.logo-mobile {
        display: inline-block !important;
        margin-top: 7px
    }
}

@media (max-width: 375px) {
    .logo img {
        height:35px
    }
}

.header--transparent .logo img.logo-default {
    display: none
}

.header--transparent .logo img.logo-transparent {
    display: block
}

.header--transparent .stuck .logo img.logo-default {
    display: block
}

.header--transparent .stuck .logo img.logo-transparent {
    display: none
}

@media (max-width: 991px) {
    .logo {
        position:relative;
        float: left;
        text-align: center;
        margin-right: 0px;
        display: inline-block;
        padding: 2px 10px;
        width: 130px
    }
}

.header--only-logo .logo {
    margin: 60px 0 0;
    text-align: center;
    display: inline-block;
    float: none
}

@media (max-width: 991px) {
    .header--only-logo .logo {
        padding:0 5px;
        text-align: center;
        position: relative
    }
}

.logo:hover {
    text-decoration: none
}

.logo div {
    margin: 0;
    padding: 0;
    font-size: 36px;
    line-height: 1.35em;
    font-weight: 900
}

@media (max-width: 991px) {
    .logo div {
        font-size:25.2px;
        line-height: 1.5em
    }

    .header--only-logo .logo div {
        font-size: 36px;
        line-height: 1.35em;
        font-weight: 900
    }
}

.header-line {
    position: relative;
    z-index: 1;
    min-height: 40px;
    padding: 11px 0 10px;
    background-color: #2b383e;
    -webkit-box-shadow: 0 2px 1px 0 rgba(0,0,0,0.15);
    -moz-box-shadow: 0 2px 1px 0 rgba(0,0,0,0.15);
    box-shadow: 0 2px 1px 0 rgba(0,0,0,0.15)
}

.header-line .header__dropdowns {
    position: relative;
    padding: 0;
    margin: -6px 0 -15px;
    border: 0
}

.header-line .header__dropdowns .header__cart__indicator {
    line-height: 38px;
    padding-top: 2px
}

.header-line .header__dropdowns .header__dropdowns__button .icon {
    line-height: 40px
}

.header-line .header__dropdowns .header__cart__button .icon {
    font-size: 24px;
    margin-top: -2px
}

.user-links ul {
    margin: 0;
    padding: 0
}

.user-links ul .user-links__item {
    display: inline-block;
    margin-left: 1em;
    list-style: none;
    text-transform: uppercase;
    font-size: 0.846em
}

.pull-right .user-links ul .user-links__item.user-links__item--separate {
    margin-left: 3em
}

.pull-left .user-links ul .user-links__item.user-links__item--separate {
    margin-right: 3em
}

.navbar {
    min-height: 43px
}

.no-touch .navbar {
    -webkit-transition: padding 200ms 0s ease;
    -moz-transition: padding 200ms 0s ease;
    -ms-transition: padding 200ms 0s ease;
    -o-transition: padding 200ms 0s ease;
    transition: padding 200ms 0s ease
}

.header--sticky .navbar.stuck {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1000;
    -webkit-backface-visibility: hidden;
    -webkit-transform: translateZ(0)
}

.header--sticky .navbar.stuck .header__dropdowns {
    margin: -77px 15px 0 0
}

.header--sticky .navbar.stuck .header__search,.header--sticky .navbar.stuck #openSlidemenu {
    display: none
}

@media (min-width: 768px) {
    .boxed .header--sticky .navbar.stuck,body.boxed .header--sticky .navbar.stuck {
        width:auto
    }
}

.header--small .navbar.stuck .header__dropdowns {
    margin: -57px 0 0 0
}

.navbar #slidemenu {
    padding-right: 15px;
    padding-left: 15px;
    z-index: 9999999;
    float: right
}

@media (min-width: 768px) and (max-width: 991px) {
    .navbar #slidemenu {
        float:right
    }
}

.navbar #slidemenu.stuck {
    right: 0 !important
}

.navbar .navbar-toggle {
    border: 0;
    padding: 0;
    margin: 0;
    position: absolute;
    top: 5px;
    left: 5px;
    z-index: 999999
}

.navbar .navbar-toggle:after {
    position: absolute;
    display: block;
    content: " ";
    right: 0;
    top: 0;
    height: 43px;
    width: 1px
}

.navbar .navbar-nav {
    margin-left: -10px;
    margin-right: -10px
}

.navbar.navbar-wd {
    background-color: #ffffff;
    padding: 10px 0;
    margin-bottom: 0;
    border: 0;
    border-radius: 0
}

@media (min-width: 768px) and (max-width: 991px) {
    .navbar.navbar-wd {
        padding:10px 0
    }
}

@media (max-width: 991px) {
    .navbar.navbar-wd {
        background-color:#454545 !important;
        padding: 4px 0;
        margin: 0
    }

    .navbar.navbar-wd .container {
        padding: 0
    }

    .navbar .navbar-toggle {
        position: absolute;
        top: -3px;
        left: 5px
    }

    #slide-nav {
        position: absolute;
        top: 10px;
        left: initial;
        right: 12px
    }
}

.header--transparent .navbar.navbar-wd {
    background-color: transparent;
    -webkit-transition: all 200ms 0s ease-out;
    -moz-transition: all 200ms 0s ease-out;
    -ms-transition: all 200ms 0s ease-out;
    -o-transition: all 200ms 0s ease-out;
    transition: all 200ms 0s ease-out
}

.header--semi-transparent .navbar.navbar-wd {
    background-color: transparent;
    -webkit-transition: all 200ms 0s ease-out;
    -moz-transition: all 200ms 0s ease-out;
    -ms-transition: all 200ms 0s ease-out;
    -o-transition: all 200ms 0s ease-out;
    transition: all 200ms 0s ease-out
}

.navbar.navbar-wd.stuck {
    box-shadow: 0 1px 3px rgba(0,0,0,0.12),0 1px 2px rgba(0,0,0,0.24)
}

@media (min-width: 992px) {
    .navbar.navbar-wd.stuck.stuck--smaller {
        padding:8.66666667px 0 13.66666667px
    }
}

@media (max-width: 991px) {
    .navbar.navbar-wd.stuck {
        margin:0
    }

    .navbar.navbar-wd.stuck .container {
        padding: 0
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .navbar.navbar-wd.stuck {
        padding:8.66666667px 0 13.66666667px
    }
}

@media (max-width: 991px) {
    .navbar.navbar-wd .navbar-collapse {
        float:none !important
    }
}

@media (min-width: 768px) {
    .navbar.navbar-wd .navbar-collapse {
        display:inline-block !important;
        float: none !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .navbar.navbar-wd .navbar-collapse {
        display:block !important;
        margin: 15px -15px 0;
        padding: 10px 0 0;
        clear: both
    }
}

@media (min-width: 768px) {
    .navbar.navbar-wd .dropdown-menu {
        margin-top:7px;
        padding: 10px 18px;
        border-bottom-width: 2px;
        border-bottom-style: solid;
        border-radius: 0;
        -webkit-box-shadow: 0 0 15px 0 rgba(0,0,0,0.15);
        -moz-box-shadow: 0 0 15px 0 rgba(0,0,0,0.15);
        box-shadow: 0 0 15px 0 rgba(0,0,0,0.15)
    }

    .navbar.navbar-wd .dropdown-menu>li>a {
        position: relative;
        margin: 0 -18px;
        padding: 3px 18px
    }

    .navbar.navbar-wd .dropdown-menu li {
        position: relative;
        z-index: 1
    }

    .navbar.navbar-wd .dropdown-menu li:hover {
        z-index: 2
    }

    .navbar.navbar-wd .dropdown-menu li:hover>ul.submenu {
        display: block
    }

    .navbar.navbar-wd .dropdown-menu ul.submenu {
        display: none;
        position: absolute;
        left: 90%;
        list-style: none;
        margin: -36px 0 0 0;
        padding: 10px 0;
        min-width: 180px;
        -webkit-box-shadow: 0 0 15px 0 rgba(0,0,0,0.15);
        -moz-box-shadow: 0 0 15px 0 rgba(0,0,0,0.15);
        box-shadow: 0 0 15px 0 rgba(0,0,0,0.15)
    }

    .navbar.navbar-wd .dropdown-menu ul.submenu li>a {
        display: block;
        padding: 3px 18px;
        line-height: 1.42857143;
        text-decoration: none
    }
}

@media (min-width: 768px) and (max-width: 767px) {
    .navbar.navbar-wd .dropdown-menu {
        margin-top:0
    }
}

@media (max-width: 991px) {
    .navbar.navbar-wd .dropdown-menu ul.submenu {
        margin:0;
        padding: 10px 25px 0 45px;
        list-style: none
    }

    .navbar.navbar-wd .dropdown-menu ul.submenu ul {
        padding: 10px 25px 0 25px
    }

    .navbar.navbar-wd .dropdown-menu ul.submenu ul li {
        opacity: 0.7
    }

    .navbar.navbar-wd .dropdown-menu ul.submenu li {
        margin-bottom: 10px;
        font-size: 12px
    }
}

.navbar.navbar-wd .nav {
    text-align: center
}

@media (min-width: 1200px) {
    .navbar.navbar-wd .nav {
        padding:3px 0 0 0
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .navbar.navbar-wd .nav {
        width:330px;
        text-align: left
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .navbar.navbar-wd .nav {
        width:100%;
        margin-top: 10px;
        margin-left: -25px !important;
        margin-right: -25px !important;
        padding: 0 15px;
        text-align: left
    }
}

.navbar.navbar-wd .nav>li {
    position: relative;
    float: none;
    display: inline-block;
    vertical-align: top;
    height: 25px
}

.navbar.navbar-wd .nav>li>a {
    padding: 0;
    min-height: 2.308em;
    font-size: 1.154em;
    display: block;
    margin-bottom: -8px;
    font-size: 13px
}

.navbar.navbar-wd .nav>li>a .link-name {
    padding: 7px 2px 7px 21px;
    display: inline-block
}

@media (min-width: 768px) {
    .navbar.navbar-wd .nav>li {
        margin-right:10px
    }
}

@media (max-width: 991px) {
    .navbar.navbar-wd .nav>li>a {
        padding:8px 12px
    }

    .search-nav {
        position: absolute;
        right: 48px;
        top: 2px
    }
}

.navbar.navbar-wd .nav>li>a .link-name {
    padding: 12px 2px
}

.link-name .search-open {
    color: #635c52;
    font-size: 18px;
    padding: 4px
}

.navbar.navbar-wd .nav>li>a span.link-name.user-img,.navbar span>a span.link-name.user-img {
    padding: 0px
}

.user-img {
    display: inline-block;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    overflow: hidden;
    background-size: cover !important;
    background-position: center;
    border: 3px solid #ff8a60;
    box-shadow: 1px 1px 3px rgba(0,0,0,0.4);
    cursor: pointer
}

.user-img img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.user-img-lg {
    display: inline-block;
    width: 120px;
    height: 120px;
    border-radius: 50%;
    overflow: hidden;
    background-size: cover;
    background-position: center;
    background-image: url(http://pic.pimg.tw/admmone/4b87d90aba3d8.jpg);
    border: 8px solid #ff8a60;
    box-shadow: 1px 1px 3px rgba(0,0,0,0.4);
    cursor: pointer;
    vertical-align: middle
}

.user-img-md {
    display: inline-block;
    width: 80px;
    height: 80px;
    border-radius: 50%;
    overflow: hidden;
    background-size: cover;
    background-position: center;
    background-image: url(http://pic.pimg.tw/admmone/4b87d90aba3d8.jpg);
    border: 4px solid #ff8a60;
    box-shadow: 1px 1px 3px rgba(0,0,0,0.4);
    cursor: pointer;
    vertical-align: middle
}

.user-img-sm {
    display: inline-block;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    overflow: hidden;
    background-size: cover;
    background-position: center;
    background-image: url(http://pic.pimg.tw/admmone/4b87d90aba3d8.jpg);
    border: 3px solid #ff8a60;
    box-shadow: 1px 1px 3px rgba(0,0,0,0.4);
    cursor: pointer;
    vertical-align: middle
}

.user-img-xs {
    display: inline-block;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    overflow: hidden;
    background-size: cover;
    background-position: center;
    background-image: url(http://pic.pimg.tw/admmone/4b87d90aba3d8.jpg);
    border: 3px solid #ff8a60;
    box-shadow: 1px 1px 3px rgba(0,0,0,0.4);
    cursor: pointer;
    vertical-align: middle
}

@media (max-width: 991px) {
    .link-name .search-open {
        color:#fff;
        font-size: 16px;
        position: absolute;
        top: 7px;
        right: 5px;
        padding: 0
    }

    .navbar span>a span.link-name.user-img {
        margin-right: 10px
    }

    .mall-col .user-img-lg {
        width: 80px;
        height: 80px
    }
}

@media (min-width: 768px) {
    header a.dropdown-toggle:before,header a.dropdown-toggle:after {
        bottom:-8px;
        left: 50%;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        z-index: 10000;
        pointer-events: none;
        opacity: 0;
        -webkit-transition: opacity 100ms 0 ease-out;
        -moz-transition: opacity 100ms 0 ease-out;
        -ms-transition: opacity 100ms 0 ease-out;
        -o-transition: opacity 100ms 0 ease-out;
        transition: opacity 100ms 0 ease-out
    }

    header a.dropdown-toggle:after {
        border-width: 8px;
        margin-left: -8px
    }

    header a.dropdown-toggle:before {
        border-width: 9px;
        margin-left: -9px
    }

    header .open>a.dropdown-toggle:before,header .open>a.dropdown-toggle:after,header li.hovernav:hover>a.dropdown-toggle:before,header li.hovernav:hover>a.dropdown-toggle:after {
        opacity: 1
    }
}

.ul-row {
    overflow: hidden;
    min-width: 200px;
    padding: 20px !important;
    margin: 0
}

.open .ul-row {
    display: table
}

.ul-row .li-col {
    display: table-cell;
    min-width: 190px;
    padding: 0 30px 0 0
}

@media (max-width: 991px) {
    .ul-row .li-col {
        display:block;
        margin-bottom: 10px;
        padding: 0
    }
}

.ul-row .li-col ul {
    padding: 0;
    margin: 0;
    list-style: none
}

.ul-row .li-col ul li a {
    display: block;
    padding: 8px 10px;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    text-decoration: none;
    font-size: 0.857em
}

.ul-row .li-col ul li a:hover {
    text-decoration: none !important
}

.ul-row .li-col ul li:last-child a {
    border: 0
}

.ul-row .li-col h4 {
    font-size: 1.077em;
    line-height: 1.643em;
    text-transform: uppercase;
    padding: 0 0 8px;
    border-bottom-style: solid;
    border-bottom-width: 2px;
    text-align: left !important
}

.list-user-menu {
    padding: 0 !important;
    min-width: 160px !important
}

.list-user-menu a {
    white-space: nowrap
}

.currency__item a span {
    padding-right: 10px;
    font-weight: bold
}

.languages__item {
    min-height: 1.286em
}

.languages__item a {
    white-space: nowrap
}

.languages__item__flag {
    display: none;
    border-radius: 1px
}

.languages__item--active .languages__item__flag {
    -webkit-box-shadow: 0 0 0 2px rgba(0,0,0,0.2);
    -moz-box-shadow: 0 0 0 2px rgba(0,0,0,0.2);
    box-shadow: 0 0 0 2px rgba(0,0,0,0.2)
}

.languages--flag .languages__item__flag {
    display: inline-block;
    margin: 3px 0
}

.languages__item__label {
    display: block;
    height: 18px;
    line-height: 18px
}

.languages--flag .languages__item__label {
    display: inline-block;
    padding-left: 10px
}

.menu-large {
    position: static !important
}

.megamenu {
    padding: 0 !important;
    width: 100%;
    top: auto
}

.megamenu>.container {
    padding-left: 15px !important;
    padding-right: 15px !important
}

.megamenu ul {
    padding: 0;
    margin: 0;
    list-style: none;
    position: relative
}

.megamenu__content {
    padding-top: 20px;
    padding-bottom: 20px
}

.megamenu__columns {
    padding-top: 25px !important;
    padding-bottom: 20px !important;
    padding-right: 400px !important
}

.megamenu__columns.megamenu__columns-image-off {
    padding-right: 0 !important
}

.megamenu__columns.megamenu__columns-image-off .level-menu {
    width: 24%
}

.navbar-nav--vertical .megamenu__columns {
    padding-right: 300px !important
}

.navbar-nav--vertical .megamenu__columns.megamenu__columns-image-off {
    padding-right: 0 !important
}

.navbar-nav--vertical .megamenu__columns.megamenu__columns-image-off .level-menu {
    width: 24%
}

@media (max-width: 991px) {
    .megamenu__columns {
        padding-right:0 !important
    }

    .navbar-nav--vertical .megamenu__columns {
        padding-right: 0 !important
    }
}

.megamenu__columns .level-menu {
    width: 32.9%;
    display: inline-block;
    vertical-align: top;
    margin-bottom: 15px;
    z-index: 100
}

@media (max-width: 991px) {
    .megamenu__columns .level-menu {
        width:49% !important
    }
}

@media (max-width: 767px) {
    .megamenu__columns .level-menu {
        width:100% !important
    }
}

.megamenu__columns .level-menu li {
    position: relative;
    float: left;
    clear: both;
    margin-bottom: 5px;
    font-size: 12px;
    background-color: transparent !important
}

.megamenu__columns .level-menu li:hover {
    background-color: transparent !important
}

.megamenu__columns .level-menu li:hover>a {
    background-color: transparent !important
}

.megamenu__columns .level-menu li a:hover {
    background-color: transparent !important
}

.megamenu__columns .level-menu li.title {
    font-size: 1em;
    font-weight: bold;
    margin-bottom: 10px;
    text-transform: uppercase;
    word-break: break-all
}

.megamenu__columns .level-menu li ul.level-menu__dropdown {
    display: none
}

@media (max-width: 767px) {
    .megamenu__columns .level-menu li ul.level-menu__dropdown {
        display:block;
        position: relative;
        margin-left: 15px;
        margin-top: 10px
    }
}

@media (min-width: 768px) {
    .megamenu__columns .level-menu li ul.level-menu__dropdown {
        position:absolute;
        top: -10px;
        left: 100%;
        z-index: 100;
        padding: 10px;
        background-color: #ffffff;
        -webkit-box-shadow: 0 0 5px 0 rgba(0,0,0,0.15);
        -moz-box-shadow: 0 0 5px 0 rgba(0,0,0,0.15);
        box-shadow: 0 0 5px 0 rgba(0,0,0,0.15);
        min-width: 160px
    }

    .megamenu__columns .level-menu li ul.level-menu__dropdown li {
        display: block;
        float: none;
        clear: none
    }
}

.megamenu__columns__top-block,.megamenu__columns__bottom-block {
    width: 100% !important;
    padding: 15px 0 10px;
    margin-bottom: 20px !important;
    font-size: 1.077em;
    line-height: 1.8em;
    border-bottom-width: 1px;
    border-bottom-style: solid
}

.megamenu__columns__top-block .icon,.megamenu__columns__bottom-block .icon {
    vertical-align: top;
    padding-right: 7px
}

.megamenu__columns__top-block li,.megamenu__columns__bottom-block li {
    display: inline-block;
    vertical-align: top;
    margin-right: 20px
}

@media (max-width: 480px) {
    .megamenu__columns__top-block li,.megamenu__columns__bottom-block li {
        margin-right:0;
        display: block
    }
}

.megamenu__columns__top-block li a,.megamenu__columns__bottom-block li a {
    padding: 0 10px;
    display: inline-block;
    vertical-align: top
}

@media (max-width: 991px) {
    .megamenu__columns__top-block li a,.megamenu__columns__bottom-block li a {
        padding:0
    }
}

.megamenu__columns__top-block {
    margin-top: -25px !important
}

.megamenu__columns__bottom-block {
    z-index: -2;
    margin-bottom: -20px !important;
    border-bottom: 0;
    border-top-width: 1px;
    border-top-style: solid
}

.megamenu__columns__side-image {
    width: 400px !important;
    height: 100%;
    position: absolute !important;
    right: 5px;
    bottom: 0;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden;
    z-index: -1
}

@media (max-width: 991px) {
    .megamenu__columns__side-image {
        display:none
    }
}

.megamenu__columns__side-image img {
    max-width: 100%;
    float: right
}

.row-menu {
    padding: 0 !important;
    width: 100%;
    top: auto
}

.row-menu>.container {
    padding-left: 15px !important;
    padding-right: 15px !important
}

.row-menu ul {
    padding: 0;
    margin: 0;
    list-style: none;
    position: relative
}

.row-menu__content {
    padding-top: 20px;
    padding-bottom: 20px
}

.row-menu__columns {
    padding-top: 25px !important;
    padding-bottom: 20px !important;
    padding-right: 400px !important
}

.row-menu__columns.megamenu__columns-image-off {
    padding-right: 0 !important
}

.row-menu__columns.megamenu__columns-image-off .level-menu {
    width: 24%
}

.navbar-nav--vertical .row-menu__columns {
    padding-right: 300px !important
}

.navbar-nav--vertical .row-menu__columns.megamenu__columns-image-off {
    padding-right: 0 !important
}

.navbar-nav--vertical .row-menu__columns.megamenu__columns-image-off .level-menu {
    width: 24%
}

@media (max-width: 991px) {
    .row-menu__columns {
        padding-right:0 !important
    }

    .navbar-nav--vertical .row-menu__columns {
        padding-right: 0 !important
    }
}

.row-menu__columns .level-menu {
    width: 32.9%;
    display: inline-block;
    vertical-align: top;
    margin-bottom: 15px;
    z-index: 100
}

@media (max-width: 991px) {
    .row-menu__columns .level-menu {
        width:49% !important
    }
}

@media (max-width: 767px) {
    .row-menu__columns .level-menu {
        width:100% !important
    }
}

.row-menu__columns .level-menu li {
    position: relative;
    float: left;
    clear: both;
    margin-bottom: 5px;
    font-size: 12px;
    background-color: transparent !important
}

.row-menu__columns .level-menu li:hover {
    background-color: transparent !important
}

.row-menu__columns .level-menu li:hover>a {
    background-color: transparent !important
}

.row-menu__columns .level-menu li a:hover {
    background-color: transparent !important
}

.row-menu__columns .level-menu li.title {
    font-size: 1em;
    font-weight: bold;
    margin-bottom: 10px;
    text-transform: uppercase;
    word-break: break-all
}

.row-menu__columns .level-menu li ul.level-menu__dropdown {
    display: none
}

@media (max-width: 767px) {
    .row-menu__columns .level-menu li ul.level-menu__dropdown {
        display:block;
        position: relative;
        margin-left: 15px;
        margin-top: 10px
    }
}

@media (min-width: 768px) {
    .row-menu__columns .level-menu li ul.level-menu__dropdown {
        position:absolute;
        top: -10px;
        left: 100%;
        z-index: 100;
        padding: 10px;
        background-color: #ffffff;
        -webkit-box-shadow: 0 0 5px 0 rgba(0,0,0,0.15);
        -moz-box-shadow: 0 0 5px 0 rgba(0,0,0,0.15);
        box-shadow: 0 0 5px 0 rgba(0,0,0,0.15);
        min-width: 160px
    }

    .row-menu__columns .level-menu li ul.level-menu__dropdown li {
        display: block;
        float: none;
        clear: none
    }
}

.row-menu__columns__top-block,.row-menu__columns__bottom-block {
    width: 100% !important;
    padding: 15px 0 10px;
    margin-bottom: 20px !important;
    font-size: 1.077em;
    line-height: 1.8em;
    border-bottom-width: 1px;
    border-bottom-style: solid
}

.row-menu__columns__top-block .icon,.row-menu__columns__bottom-block .icon {
    vertical-align: top;
    padding-right: 7px
}

.row-menu__columns__top-block li,.row-menu__columns__bottom-block li {
    display: inline-block;
    vertical-align: top;
    margin-right: 20px
}

@media (max-width: 480px) {
    .row-menu__columns__top-block li,.row-menu__columns__bottom-block li {
        margin-right:0;
        display: block
    }
}

.row-menu__columns__top-block li a,.row-menu__columns__bottom-block li a {
    padding: 0 10px;
    display: inline-block;
    vertical-align: top
}

@media (max-width: 991px) {
    .row-menu__columns__top-block li a,.row-menu__columns__bottom-block li a {
        padding:0
    }
}

.row-menu__columns__top-block {
    margin-top: -25px !important
}

.row-menu__columns__bottom-block {
    z-index: -2;
    margin-bottom: -20px !important;
    border-bottom: 0;
    border-top-width: 1px;
    border-top-style: solid
}

.row-menu__columns__side-image {
    width: 400px !important;
    height: 100%;
    position: absolute !important;
    right: 5px;
    bottom: 0;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden;
    z-index: -1
}

@media (max-width: 991px) {
    .row-menu__columns__side-image {
        display:none
    }
}

.row-menu__columns__side-image img {
    max-width: 100%;
    float: right
}

.row-menu ul {
    padding: 25px 0 15px;
    text-align: center
}

@media (max-width: 767px) {
    .row-menu ul {
        text-align:left;
        padding: 10px 10px
    }
}

.row-menu ul li {
    display: inline-block;
    vertical-align: top;
    margin: 0 10px 10px;
    font-size: 1em;
    text-transform: uppercase
}

@media (min-width: 768px) {
    .row-menu ul li {
        background-color:transparent !important;
        text-decoration: none !important
    }

    .row-menu ul li>a:hover,.row-menu ul li:hover a {
        color: #536dfe;
        text-decoration: none !important;
        background-color: transparent !important
    }
}

@media (max-width: 767px) {
    .row-menu ul li {
        display:block;
        margin: 0 0 5px
    }
}

.shopping-cart {
    width: 320px;
    padding-bottom: 15px !important
}

.shopping-cart ul {
    margin: 0;
    padding: 0
}

.shopping-cart__top {
    padding: 5px 18px 12px;
    margin: 0 -18px;
    border-bottom-width: 1px;
    border-bottom-style: solid
}

.shopping-cart__bottom {
    padding: 12px 18px 0;
    margin: 0 -18px;
    border-top-width: 1px;
    border-top-style: solid;
    font-size: 0.923em;
    line-height: 39px
}

.shopping-cart__total {
    font-size: 1.692em;
    line-height: 1em;
    vertical-align: sub;
    padding: 0 5px
}

.shopping-cart__settings {
    position: absolute;
    right: 5px;
    top: 15px
}

.shopping-cart__settings>a {
    padding: 10px
}

.shopping-cart__item {
    display: inline-block;
    width: 100%;
    position: relative;
    padding: 11px 0 14px;
    font-size: 0.923em
}

.shopping-cart__item:after {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    content: '';
    height: 1px
}

.shopping-cart__item:last-child:after {
    display: none
}

.shopping-cart__item__image {
    width: 58px
}

.shopping-cart__item__image img {
    width: 100%;
    border-radius: 2px;
    -webkit-box-shadow: 0 0 1px 1px rgba(0,0,0,0.1);
    -moz-box-shadow: 0 0 1px 1px rgba(0,0,0,0.1);
    box-shadow: 0 0 1px 1px rgba(0,0,0,0.1);
    -webkit-transition: box-shadow 300ms 0s ease;
    -moz-transition: box-shadow 300ms 0s ease;
    -ms-transition: box-shadow 300ms 0s ease;
    -o-transition: box-shadow 300ms 0s ease;
    transition: box-shadow 300ms 0s ease
}

.shopping-cart__item__image img:hover {
    box-shadow: 0 3px 6px rgba(0,0,0,0.16),0 3px 6px rgba(0,0,0,0.23)
}

.shopping-cart__item__info {
    overflow: hidden;
    padding: 0 55px 0 15px
}

.shopping-cart__item__info__title h2 {
    font-size: 1em;
    padding: 0 0 10px;
    margin: 0;
    word-break: break-all
}

.shopping-cart__item__info__price {
    position: absolute;
    top: 9px;
    right: 0
}

.shopping-cart__item__info__qty {
    position: absolute;
    top: 30px;
    right: 0
}

.shopping-cart__item__info__delete {
    position: absolute;
    top: 55px;
    right: 0
}

.navbar-nav--vertical {
    width: 100%;
    position: relative;
    z-index: 1000;
    float: none;
    margin: 0;
    border-radius: 3px;
    border-width: 1px;
    border-style: solid
}

@media (max-width: 991px) {
    .navbar-nav--vertical {
        display:none
    }
}

@media (min-width: 992px) {
    .navbar-nav--vertical {
        display:block !important
    }
}

.navbar-nav--vertical>li {
    float: none;
    position: relative !important;
    border-bottom-width: 1px;
    border-bottom-style: solid
}

.navbar-nav--vertical>li.menu-large {
    position: static !important
}

.navbar-nav--vertical>li>a {
    padding: 16px 18px;
    text-transform: uppercase
}

.navbar-nav--vertical>li>a .badge {
    border-radius: 3px;
    margin: 0 10px;
    font-size: 10px;
    line-height: 16px;
    vertical-align: top
}

.navbar-nav--vertical>li>a .caret {
    position: absolute;
    z-index: 1;
    right: 0;
    top: 0;
    margin: 0;
    height: 100%;
    padding: 18px 15px 25px 25px
}

.navbar-nav--vertical>li .dropdown-menu {
    margin-top: 7px;
    padding: 10px 18px;
    border-bottom-width: 2px;
    border-bottom-style: solid;
    border-radius: 0;
    -webkit-box-shadow: 0 0 15px 0 rgba(0,0,0,0.15);
    -moz-box-shadow: 0 0 15px 0 rgba(0,0,0,0.15);
    box-shadow: 0 0 15px 0 rgba(0,0,0,0.15);
    border: 0;
    top: -1px;
    margin-top: 0;
    background-color: #ffffff !important
}

.navbar-nav--vertical>li .dropdown-menu>li>a {
    position: relative;
    margin: 0 -18px;
    padding: 3px 18px
}

@media (max-width: 767px) {
    .navbar-nav--vertical>li .dropdown-menu {
        margin-top:0
    }
}

.navbar-nav--vertical>li .dropdown-menu li {
    position: relative
}

@media (max-width: 991px) {
    .navbar-nav--vertical>li .dropdown-menu {
        top:auto;
        position: static;
        float: none;
        width: auto;
        margin-top: 0;
        border: 0;
        -webkit-box-shadow: 0 0 0 0 transparent;
        -moz-box-shadow: 0 0 0 0 transparent;
        box-shadow: 0 0 0 0 transparent
    }
}

.navbar-nav--vertical>li .megamenu .container {
    width: auto
}

@media (min-width: 992px) {
    .navbar-nav--vertical>li .megamenu__columns {
        position:static;
        padding-bottom: 55px !important
    }

    .navbar-nav--vertical>li .megamenu__columns__bottom-block {
        position: absolute !important;
        bottom: 25px;
        margin: 0
    }
}

@media (min-width: 992px) {
    .categories-title .icon {
        display:none;
        word-break: break-all
    }
}

@media (max-width: 991px) {
    .categories-title {
        cursor:pointer;
        margin-bottom: 0;
        padding-bottom: 15px;
        word-break: break-all
    }

    .categories-title .icon {
        vertical-align: middle;
        font-weight: 700;
        font-size: 12px;
        padding: 0 5px 0 10px;
        margin-top: -2px;
        cursor: pointer
    }

    .categories-title .icon-arrow-up {
        display: none
    }

    .categories-title.open .icon-arrow-down {
        display: none
    }

    .categories-title.open .icon-arrow-up {
        display: inline-block
    }
}

@media (max-width: 991px) {
    #slidemenu {
        right:-100%;
        width: 80%;
        height: 100%;
        min-width: 0;
        position: fixed;
        padding-left: 0;
        z-index: 2000;
        top: 0;
        margin: 0;
        padding-top: 40px;
        overflow-x: hidden;
        overflow-y: auto
    }

    #slidemenu .slidemenu-close {
        position: absolute;
        z-index: 2001;
        left: 0;
        top: 3px;
        width: 40px;
        height: 40px;
        vertical-align: text-top;
        font-size: 26px;
        line-height: 40px;
        text-align: center;
        cursor: pointer
    }

    #slidemenu .navbar-nav {
        width: 100%;
        position: relative;
        float: none;
        margin: 0
    }

    #slidemenu .navbar-nav>li {
        float: none;
        display: block;
        width: 100%;
        position: relative !important;
        border-bottom-color: #767676;
        text-align: left
    }

    #slidemenu .navbar-nav>li.slidemenu-userinfo {
        padding: 20px;
        text-align: center;
        background-size: cover
    }

    #slidemenu .navbar-nav>li.slidemenu-userinfo .slidemenu-userinfo__name {
        font-size: 20px;
        font-weight: bold;
        font-style: italic;
        margin-top: 8px
    }

    #slidemenu .navbar-nav>li a {
        position: relative;
        text-align: center
    }

    #slidemenu .navbar-nav>li a .badge {
        border-radius: 3px;
        margin: 0 10px;
        font-size: 10px;
        line-height: 16px;
        vertical-align: top
    }

    #slidemenu .navbar-nav>li a .caret {
        position: absolute;
        right: 0;
        top: 50%;
        padding: 15px 15px 25px;
        margin: -23px 0 0 0
    }

    #slidemenu .navbar-nav>li>a {
        padding: 20px 0px 0px 0px;
        margin-bottom: 0;
        text-transform: uppercase;
        width: 100%
    }

    #slidemenu .navbar-nav>li .dropdown-menu {
        width: auto;
        top: auto;
        border-top-style: 1px;
        border-top-width: solid
    }

    #slidemenu .navbar-nav>li .megamenu .container {
        width: auto;
        padding: 0 15px
    }

    #slidemenu .navbar-nav>li>a span.link-name {
        padding: 0px
    }
}

@media (min-width: 768px) {
    .header--small {
        min-height:70px
    }
}

@media (min-width: 768px) {
    .header--small .navbar-header {
        float:none;
        text-align: center
    }
}

@media (min-width: 768px) {
    .header--small #slidemenu {
        display:none;
        opacity: 0;
        text-align: center;
        -webkit-transition: opacity 100ms 0 ease-out;
        -moz-transition: opacity 100ms 0 ease-out;
        -ms-transition: opacity 100ms 0 ease-out;
        -o-transition: opacity 100ms 0 ease-out;
        transition: opacity 100ms 0 ease-out
    }

    .header--small #slidemenu.open {
        opacity: 1
    }

    .header--small #slidemenu .navbar-nav>li {
        float: none;
        display: inline-block;
        vertical-align: top
    }
}

.boxed .header--small {
    background-color: #ffffff
}

@media (min-width: 768px) {
    .header--small .header__dropdowns-container {
        margin-top:0;
        height: 70px;
        padding-top: 10px;
        margin-bottom: -60px
    }
}

@media (min-width: 768px) {
    .header--small .header__dropdowns {
        position:relative;
        top: 0
    }
}

@media (min-width: 768px) {
    .header--small .navbar:not(.stuck) #slidemenu {
        width:100% !important
    }

    .header--small .navbar:not(.stuck) #slidemenu .navbar-nav {
        width: 100% !important
    }
}

@media (min-width: 768px) {
    .header--small.header--sticky .stuck #slidemenu {
        display:block !important;
        opacity: 1 !important
    }
}

@media (min-width: 768px) {
    .header--small.header--sticky .stuck .navbar-header {
        float:left;
        text-align: left
    }
}

@media (min-width: 768px) {
    .header--small .logo {
        float:none
    }
}

@media (min-width: 768px) {
    .header--small.header--sticky .stuck .logo {
        float:left
    }
}

.header--small .navbar.navbar-wd {
    padding: 0
}

@media (min-width: 768px) {
    .header--max {
        min-height:190px
    }
}

@media (min-width: 768px) {
    .header--max .navbar-header {
        float:none;
        text-align: center;
        padding: 30px 0;
        -webkit-transition: padding 200ms 0s ease;
        -moz-transition: padding 200ms 0s ease;
        -ms-transition: padding 200ms 0s ease;
        -o-transition: padding 200ms 0s ease;
        transition: padding 200ms 0s ease
    }
}

.header--max #slidemenu.stuck {
    position: fixed;
    top: 0;
    width: 100%
}

.header--max .header__dropdowns__button {
    padding-top: 0;
    padding-bottom: 0;
    line-height: 40px
}

@media (min-width: 768px) {
    .header--max .header__dropdowns {
        top:-57px
    }

    .header--max .header__dropdowns .header__cart__button .icon {
        font-size: 24px;
        margin-top: 5px
    }

    .header--max .header__search .header__dropdowns__button {
        padding: 5px 5px
    }

    .header--max .header__cart__indicator {
        line-height: 43px;
        padding-top: 0
    }

    .header--max a.btn.dropdown-toggle.btn--links--dropdown.header__cart__button.header__dropdowns__button {
        border-width: 0;
        margin-left: 8px
    }
}

@media (min-width: 992px) {
    .header--max .header__dropdowns {
        top:-73px
    }
}

@media (max-width: 767px) and (min-width: 768px) {
    .header--max .header__dropdowns {
        top:-57px
    }
}

@media (max-width: 767px) {
    .header--max .dropdown .header__dropdowns__button {
        width:auto;
        padding: 0 12px
    }

    .header--max .header__cart .badge.badge--menu {
        right: 2px
    }

    .header--max .header__dropdowns .dropdown {
        position: relative
    }

    .header--max .dropdown-menu {
        right: 0;
        left: auto !important
    }
}

@media (max-width: 767px) {
    .header--max .dropdown .header__dropdowns__button {
        padding:0 6px
    }
}

@media (min-width: 768px) {
    .header--max .logo {
        float:none;
        display: inline-block
    }
}

.header--max .navbar.navbar-wd {
    padding: 0
}

.header--max .navbar.navbar-wd .nav {
    margin: 0 auto !important;
    float: none;
    display: table;
    width: auto
}

@media (min-width: 992px) {
    .navbar.navbar-wd.stuck.stuck--smaller {
        padding:10px 0
    }
}

@media (min-width: 768px) {
    .header--no-line .header__dropdowns-container {
        margin-top:0
    }

    .header--no-line .navbar.navbar-wd {
        margin-top: 15px
    }
}

@media (min-width: 768px) {
    .navbar-nav .hovernav.open:hover {
        z-index:100
    }

    .navbar-nav .hovernav.open:hover>.dropdown-menu {
        display: block
    }
}

.footer {
    position: relative
}

.footer .fb-link {
    width: 30px;
    height: 30px;
    background-color: #ff8a60;
    border-radius: 50%;
    display: inline-block
}

.footer .fb-link:hover {
    background-color: #ff703a;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.footer .fb-link img {
    width: 30px
}

.footer.boxed,body.boxed .footer {
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px;
    padding-left: 0;
    padding-right: 0
}

@media (min-width: 768px) {
    .footer.boxed,body.boxed .footer {
        width:750px
    }
}

@media (min-width: 992px) {
    .footer.boxed,body.boxed .footer {
        width:970px
    }
}

@media (min-width: 1200px) {
    .footer.boxed,body.boxed .footer {
        width:1170px
    }
}

.footer.boxed>.navbar-header,body.boxed .footer>.navbar-header,.footer.boxed>.navbar-collapse,body.boxed .footer>.navbar-collapse {
    margin-right: -15px;
    margin-left: -15px
}

@media (min-width: 768px) {
    .footer.boxed>.navbar-header,body.boxed .footer>.navbar-header,.footer.boxed>.navbar-collapse,body.boxed .footer>.navbar-collapse {
        margin-right:0;
        margin-left: 0
    }
}

.footer.fullwidth,body.fullwidth .footer {
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px;
    padding-left: 0;
    padding-right: 0
}

.footer.fullwidth>.navbar-header,body.fullwidth .footer>.navbar-header,.footer.fullwidth>.navbar-collapse,body.fullwidth .footer>.navbar-collapse {
    margin-right: -15px;
    margin-left: -15px
}

@media (min-width: 768px) {
    .footer.fullwidth>.navbar-header,body.fullwidth .footer>.navbar-header,.footer.fullwidth>.navbar-collapse,body.fullwidth .footer>.navbar-collapse {
        margin-right:0;
        margin-left: 0
    }
}

.footer.fullwidth .container,body.fullwidth .footer .container {
    width: auto;
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px
}

.footer.fullwidth .container>.navbar-header,body.fullwidth .footer .container>.navbar-header,.footer.fullwidth .container>.navbar-collapse,body.fullwidth .footer .container>.navbar-collapse {
    margin-right: -15px;
    margin-left: -15px
}

@media (min-width: 768px) {
    .footer.fullwidth .container>.navbar-header,body.fullwidth .footer .container>.navbar-header,.footer.fullwidth .container>.navbar-collapse,body.fullwidth .footer .container>.navbar-collapse {
        margin-right:0;
        margin-left: 0
    }
}

.footer__quote {
    margin: 20px;
    font-style: italic
}

@media (max-width: 991px) {
    .footer__quote {
        margin:0px
    }
}

.footer__quote h1 {
    padding: 0px;
    margin-bottom: 10px
}

.footer__links {
    position: relative;
    padding: 18px 0
}

.footer .logo--footer {
    float: none;
    margin-bottom: 15px;
    display: block
}

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

.footer__column-links {
    position: relative;
    padding: 45px 0;
    background-size: cover;
}

@media (max-width: 767px) {
    .footer__column-links {
        padding:35px 0
    }
}

.footer__column-links .title {
    margin-top: 10px;
    word-break: break-all
}

.footer__settings {
    padding: 10px 0
}

.footer__settings .dropdown {
    display: inline-block;
    float: none !important;
    padding: 0 10px
}

.footer__settings .dropdown .dropdown-menu {
    margin-top: 7px;
    padding: 10px 18px;
    border-bottom-width: 2px;
    border-bottom-style: solid;
    border-radius: 0;
    -webkit-box-shadow: 0 0 15px 0 rgba(0,0,0,0.15);
    -moz-box-shadow: 0 0 15px 0 rgba(0,0,0,0.15);
    box-shadow: 0 0 15px 0 rgba(0,0,0,0.15);
    top: auto;
    bottom: 110%;
    border: 0
}

.footer__settings .dropdown .dropdown-menu>li>a {
    position: relative;
    margin: 0 -18px;
    padding: 3px 18px
}

@media (max-width: 767px) {
    .footer__settings .dropdown .dropdown-menu {
        margin-top:0
    }
}

@media (max-width: 767px) {
    .footer__settings .header__dropdowns__button {
        width:auto
    }
}

.footer__subscribe {
    position: relative;
    background-color: #374850;
    padding: 18px 0
}

.footer__bottom,.footer__bottom--dark {
    position: relative;
    padding: 10px;
    font-size: 0.846em;
    line-height: 1.5em
}

.footer__bottom .container>div {
    width: 100%;
    line-height: 25px
}

@media (max-width: 767px) {
    .footer__bottom .container>div {
        width:100%;
        float: none !important;
        text-align: center;
        margin-bottom: 6px
    }
}

.footer .social-links {
    text-align: right
}

@media (max-width: 767px) {
    .footer .social-links {
        text-align:center;
        margin-top: 20px
    }
}

.back-to-top {
    position: absolute;
    top: -5px;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    text-align: center;
    -webkit-transition: all 200ms ease-out 0s;
    -moz-transition: all 200ms ease-out 0s;
    -ms-transition: all 200ms ease-out 0s;
    -o-transition: all 200ms ease-out 0s;
    transition: all 200ms ease-out 0s
}

.back-to-top:hover {
    margin-top: -10px
}

.back-to-top>a {
    -webkit-transition: all 300ms ease-out 0s;
    -moz-transition: all 300ms ease-out 0s;
    -ms-transition: all 300ms ease-out 0s;
    -o-transition: all 300ms ease-out 0s;
    transition: all 300ms ease-out 0s;
	color:#ff8a60;
    position: relative
}

.back-to-top>a:hover span {
    position: absolute;
    bottom: 26px;
    left: 24px;
    -webkit-animation: scroll-ani-to-top 800ms linear infinite;
    -moz-animation: scroll-ani-to-top 800ms linear infinite;
    animation: scroll-ani-to-top 800ms linear infinite
}

@media (max-width: 991px) {
    .back-to-top .btn--round--lg {
        width:70px;
        height: 70px;
        margin-bottom: 10px;
        margin-top: 10px;
        line-height: 70px
    }
}

@media (max-width: 767px) {
    .mobile-collapse {
        width:100%;
        border-bottom-width: 1px;
        border-bottom-style: solid
    }

    .mobile-collapse__content {
        display: none;
        padding-bottom: 15px
    }

    .open>.mobile-collapse__content {
        display: block
    }

    .mobile-collapse__title {
        cursor: pointer;
        padding: 16px 0;
        margin-top: 0 !important;
        position: relative
    }

    .mobile-collapse__title:after {
        position: absolute;
        display: block;
        top: 20px;
        right: 15px;
        font-family: 'Welldone', 'Microsoft JhengHei';
        font-size: 10px;
        content: "\e601";
        line-height: 1em
    }

    .open>.mobile-collapse__title:after {
        content: "\e631"
    }

    .mobile-collapse--last {
        border-bottom: 0
    }
}

.outer {
    width: 100%;
    display: inline-block;
    margin-top: 10px
}

.page-content {
    position: relative;
    overflow: hidden
}

@media (max-width: 991px) {
    .product-info-outer {
        margin-top:50px
    }
}

@media (max-width: 767px) {
    .product-info-outer {
        margin-top:0px
    }
}

.page-content--half .banner-container {
    height: 200px
}

.row-no-padding [class*="col-"] {
    padding-left: 0 !important;
    padding-right: 0 !important
}

.parallax,.image-bg {
    background: url(/parallax-bg.jpg) 50% 50% no-repeat fixed
}

.touch .parallax,.touch .image-bg {
    background-attachment: scroll;
    background-repeat: repeat;
    background-size: cover;
    background-position: center 0 !important
}

.title-outer {
    padding-top: 75px
}

.title-outer.top-null {
    margin-top: 0 !important;
    padding-top: 0
}

.title-outer.bottom-null {
    margin-bottom: 0 !important;
    padding-bottom: 0
}

.section-title {
    text-align: center;
    position: relative;
    color: #635c52;
    font-style: italic;
    word-break: break-all;
    letter-spacing: 0.05em;
    padding-bottom: 25px;
    margin-bottom: -8px
}

.section-title:after {
    display: inline-block;
    width: 100px;
    height: 5px;
    background-color: #ff703a;
    content: " ";
    position: absolute;
    bottom: 15px;
    left: 50%;
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.product .section-title {
    margin-bottom: 20px
}

.section-title-s {
    margin-bottom: 35px;
    padding: 0px;
    position: relative;
    color: #635c52;
    word-break: break-all;
    font-size: 21px;
    letter-spacing: 0.05em;
    font-weight: 500;
    position: relative;
    font-style: italic;
    text-transform: initial
}

#pageContent>#slider.content {
    padding-top: 0;
    padding-bottom: 0 !important
}

.content {
    padding: 100px 0px
}

#pageContent>.content:last-child,#pageContent>.content:last-of-type {
    padding-bottom: 70px
}

.content .aside-column {
    padding-top: 100px
}

@media (max-width: 991px) {
    .content {
        padding:50px 0px
    }

    #pageContent>.content:last-child,#pageContent>.content:last-of-type {
        padding-bottom: 50px
    }
}

@media (max-width: 767px) {
    .content .aside-column {
        float:none !important
    }
}

.aside-column .content {
    padding-top: 100px
}

.aside-column .content:first-child {
    padding-top: 0
}

.aside-column .content:last-child {
    padding-bottom: 48.75px
}

.landing-content .content {
    padding-top: 0
}

.content.top-padding {
    padding-top: 48.75px !important
}

.content.top-null {
    padding-top: 150px
}

.content.top-pad-null {
    padding-top: 0 !important
}

.content.bottom-null {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important
}

.content--fill {
    padding-top: 100px !important;
    padding-bottom: 100px !important
}

.content.top-overlap {
    margin-top: -100px
}

@media (max-width: 480px) {
    .content.top-null {
        padding-top:50px
    }
}

@media (max-width: 767px) {
    .content--fill {
        padding-top:50px !important;
        padding-bottom: 50px !important
    }
}

.content--fill.top-pad-null {
    padding-top: 0 !important
}

.content--parallax {
    background: url(/assets/parallax-01-938ccc7d1622d05e05232aec65523e479166c6687d3ac9b06d9b60f2e453d575.png) 50% 50% repeat fixed;
    padding: 100px 0
}

.content--parallax1 {
    background: url(/assets/parallax-01-938ccc7d1622d05e05232aec65523e479166c6687d3ac9b06d9b60f2e453d575.png) 50% 50% repeat fixed;
    padding: 100px 0
}

.content--parallax2 {
    background: url(/assets/parallax-02-2472dcc4a061fc29f948741c75cd8df0d3699be93576c9ffc449ddbc6ddfad52.png) 50% 50% repeat fixed #fff;
    padding: 100px 0
}

.content--parallax3 {
    background-color: #abddd7;
    padding: 100px 0
}

.content--parallax4 {
    background: url(/parallax-03.png) 50% 50% repeat fixed;
    padding: 100px 0
}

.content--parallax.top-null {
    padding: 60px 0 70px 0
}

.touch .content--parallax {
    background-attachment: scroll;
    background-repeat: repeat;
    background-size: cover;
    background-position: center 0 !important
}

.content--parallax--short {
    padding: 60px 0 50px !important
}

.content--parallax--high {
    padding: 75px 0 !important
}

@media (min-width: 768px) {
    .content--parallax--high {
        padding:112.5px 0 !important
    }
}

@media (min-width: 992px) {
    .content--parallax--high {
        padding:150px 0 !important
    }
}

@media (min-width: 1200px) {
    .content--parallax--high {
        padding:172.5px 0 !important
    }
}

.content.boxed,body.boxed *:not(.aside-column)>.content {
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px;
    padding-left: 0;
    padding-right: 0
}

@media (min-width: 768px) {
    .content.boxed,body.boxed *:not(.aside-column)>.content {
        width:750px
    }
}

@media (min-width: 992px) {
    .content.boxed,body.boxed *:not(.aside-column)>.content {
        width:970px
    }
}

@media (min-width: 1200px) {
    .content.boxed,body.boxed *:not(.aside-column)>.content {
        width:1170px
    }
}

.content.boxed>.navbar-header,body.boxed *:not(.aside-column)>.content>.navbar-header,.content.boxed>.navbar-collapse,body.boxed *:not(.aside-column)>.content>.navbar-collapse {
    margin-right: -15px;
    margin-left: -15px
}

@media (min-width: 768px) {
    .content.boxed>.navbar-header,body.boxed *:not(.aside-column)>.content>.navbar-header,.content.boxed>.navbar-collapse,body.boxed *:not(.aside-column)>.content>.navbar-collapse {
        margin-right:0;
        margin-left: 0
    }
}

.content.boxed .hide-outer-animation,body.boxed *:not(.aside-column)>.content .hide-outer-animation {
    overflow: hidden;
    padding-bottom: 25px;
    margin-bottom: -25px
}

.content.fullwidth,body.fullwidth *:not(.aside-column)>.content {
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px;
    padding-left: 0;
    padding-right: 0
}

.content.fullwidth>.navbar-header,body.fullwidth *:not(.aside-column)>.content>.navbar-header,.content.fullwidth>.navbar-collapse,body.fullwidth *:not(.aside-column)>.content>.navbar-collapse {
    margin-right: -15px;
    margin-left: -15px
}

@media (min-width: 768px) {
    .content.fullwidth>.navbar-header,body.fullwidth *:not(.aside-column)>.content>.navbar-header,.content.fullwidth>.navbar-collapse,body.fullwidth *:not(.aside-column)>.content>.navbar-collapse {
        margin-right:0;
        margin-left: 0
    }
}

.content.fullwidth .container,body.fullwidth *:not(.aside-column)>.content .container {
    width: auto;
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px;
    padding-left: 0;
    padding-right: 0
}

.content.fullwidth .container>.navbar-header,body.fullwidth *:not(.aside-column)>.content .container>.navbar-header,.content.fullwidth .container>.navbar-collapse,body.fullwidth *:not(.aside-column)>.content .container>.navbar-collapse {
    margin-right: -15px;
    margin-left: -15px
}

@media (min-width: 768px) {
    .content.fullwidth .container>.navbar-header,body.fullwidth *:not(.aside-column)>.content .container>.navbar-header,.content.fullwidth .container>.navbar-collapse,body.fullwidth *:not(.aside-column)>.content .container>.navbar-collapse {
        margin-right:0;
        margin-left: 0
    }
}

body.fullwidth .content .container {
    padding-left: 15px !important;
    padding-right: 15px !important
}

.slider {
    padding-bottom: 75px
}

@media (max-width: 1199px) {
    .aside-column {
        margin-bottom:35px
    }
}

.aside-column .container {
    width: 100% !important
}

.social-item {
    text-align: center;
    margin-bottom: 75px
}

@media (min-width: 992px) {
    .social-item {
        max-width:340px
    }
}

.social-item .img-responsive {
    display: inline-block
}

@media (min-width: 1770px) {
    body.wide {
        width:100%
    }

    body.wide .container,body.wide .header__dropdowns-container {
        width: 1770px
    }
}

#pluginIdTFPU_2 {
    display: none
}

body.boxed {
    background: url(.../../../../assets/media/images/images/bg-boxed.jpg) no-repeat center top fixed
}

.touch body.boxed {
    background-attachment: inherit;
    background-repeat: repeat
}

body.boxed .content--fill {
    margin-top: 0
}

body.boxed .content--parallax {
    position: relative
}

body.boxed .content--parallax:before {
    content: ' ';
    position: absolute;
    z-index: -1;
    width: 100%;
    height: 75px;
    top: -75px;
    display: block
}

#loader-wrapper,#modalLoader-wrapper {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10000
}

#loader-wrapper.loader-off {
    display: none !important
}

#loader,#modalLoader {
    border: 3px solid transparent;
    border-top-color: #536dfe;
    border-radius: 50%;
    display: block;
    margin: -75px 0 0 -75px;
    width: 150px;
    height: 150px;
    position: relative;
    top: 50%;
    left: 50%;
    -webkit-animation: spin 2s linear infinite;
    -moz-animation: spin 2s linear infinite;
    -o-animation: spin 2s linear infinite;
    -ms-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite
}

#loader:before,#modalLoader:before {
    border: 3px solid transparent;
    border-radius: 50%;
    content: "";
    position: absolute;
    top: 5px;
    right: 5px;
    bottom: 5px;
    left: 5px;
    -webkit-animation: spin 2s linear infinite;
    -moz-animation: spin 2s linear infinite;
    -o-animation: spin 2s linear infinite;
    -ms-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite
}

#loader:after,#modalLoader:after {
    border: 3px solid transparent;
    border-radius: 50%;
    content: "";
    position: absolute;
    top: 15px;
    left: 15px;
    bottom: 15px;
    right: 15px;
    -webkit-animation: spin 1.5s linear infinite;
    -moz-animation: spin 1.5s linear infinite;
    -o-animation: spin 1.5s linear infinite;
    -ms-animation: spin 1.5s linear infinite;
    animation: spin 1.5s linear infinite
}

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    100% {
        -webkit-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@-moz-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    100% {
        -webkit-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@-o-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    100% {
        -webkit-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@-ms-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    100% {
        -webkit-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    100% {
        -webkit-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

.loaded #loader,.touch #loader {
    opacity: 0;
    transition: all 0.3s ease-out
}

.loaded #loader-wrapper,.touch #loader-wrapper {
    visibility: hidden;
    transform: translateY(-100%);
    transition: all 0.3s 1s ease-out
}

body {
    font-family: 'Roboto', sans-serif, 'Microsoft JhengHei';
    font-size: 1.3em;
    line-height: 1.4em
}

a:hover,a:focus,a:active {
    outline: none
}

a:focus,a:active {
    text-decoration: none
}

a.underline {
    text-decoration: underline
}

a.underline:hover,a.underline:focus,a.underline:active {
    text-decoration: none
}

a.border {
    border: 1px solid #afa79c;
    background-color: transparent;
    color: #afa79c;
    padding: 2px 7px
}

a.border:hover {
    background-color: #ff703a;
    color: #fff;
    border: 1px solid #ff703a
}

.text-uppercase {
    text-transform: uppercase
}

.icon--lg {
    font-size: 24px
}

.icon-enable {
    display: inline-block;
    margin-top: -3px;
    font-size: 19px;
    line-heigth: 1em
}

.icon-disable {
    display: inline-block;
    margin-top: -3px;
    font-size: 19px;
    line-heigth: 1em
}

label {
    font-weight: normal
}

label.label--top {
    display: block
}

.label {
    padding: .3em .8em .3em
}

h1 {
    font-family: 'Roboto', sans-serif, 'Microsoft JhengHei';
    font-weight: 600;
    font-size: 2.615em;
    padding: 0 0 50px;
    margin: 0
}

h2 {
    font-family: 'Roboto', sans-serif, 'Microsoft JhengHei';
    font-weight: 600;
    font-size: 2.308em;
    padding: 0 0 30px 0;
    margin: 0
}

h3 {
    font-family: 'Roboto', sans-serif, 'Microsoft JhengHei';
    font-weight: 600;
    font-size: 2em;
    padding: 0 0 1.5em;
    margin: 0
}

h4 {
    font-family: 'Roboto', sans-serif, 'Microsoft JhengHei';
    font-weight: 600;
    font-size: 1.692em;
    padding: 0 0 1.5em;
    margin: 0
}

@media (max-width: 991px) {
    h4 {
        text-align:center
    }
}

h5 {
    font-family: 'Roboto', sans-serif, 'Microsoft JhengHei';
    font-weight: normal;
    font-size: 1.231em;
    padding: 0 0 1.2em;
    margin: 0
}

h6 {
    font-family: 'Roboto', sans-serif, 'Microsoft JhengHei';
    font-weight: normal;
    font-size: 1.077em;
    padding: 0 0 1em;
    margin: 0
}

h1 .icon,h2 .icon,h3 .icon,h4 .icon,h5 .icon,h6 .icon {
    vertical-align: bottom;
    display: inline-block;
    padding-right: 5px
}

.h-pad-sm {
    padding-bottom: 20px
}

.h-pad-xs {
    padding-bottom: 5px
}

.divider {
    height: 75px;
    clear: both
}

.divider--lg {
    height: 112.5px
}

.divider--md {
    height: 50.025px
}

.divider--sm {
    height: 35.025px
}

.divider--xs {
    height: 20.025px
}

.divider--xxs {
    height: 7.5px
}

.divider--line {
    border-bottom-width: 1px;
    border-bottom-style: solid;
    margin-bottom: 50px
}

.hr {
    clear: both;
    height: 1px;
    border-bottom-width: 1px;
    border-bottom-style: solid
}

address {
    font-style: normal;
}

.img-center {
    display: inline-block
}

.img-left {
    float: left;
    margin: 0 30px 15px 0
}

.img-right {
    float: right;
    margin: 0 0 15px 30px
}

.mark {
    padding: 2px 2px 0
}

.mark--color {
    padding: 2px 2px 0
}

.h-links-list ul {
    position: relative;
    list-style: none;
    margin: 0;
    padding: 0
}

.h-links-list li {
    display: inline-block;
    padding: 0 16px 0 0
}

.v-links-list ul {
    position: relative;
    list-style: none;
    margin: 0;
    padding: 0
}

.v-links-list li {
    padding: 0 0 4px;
    font-weight: lighter
}

.v-links-list li.icon {
    padding: 0 0 4px 22px;
    vertical-align: middle;
    font-family: 'Roboto', sans-serif, 'Microsoft JhengHei';
    font-weight: lighter;
    font-size: 1em;
    line-height: 1.4em
}

.v-links-list li.icon:before {
    font-family: 'Welldone', 'Microsoft JhengHei';
    position: absolute;
    font-size: 1em;
    left: 0
}

.category-list {
    margin: 0 0 15px;
    padding: 0;
    list-style: none
}

.category-list li {
    position: relative;
    padding: 10px 0 10px 15px;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    text-transform: uppercase
}

.category-list li:last-child {
    border: 0
}

.category-list li a {
    text-decoration: none
}

.category-list li:after {
    position: absolute;
    top: 10px;
    left: 0;
    display: block;
    content: "»"
}

.circle-list {
    margin: 15px 0;
    padding: 0;
    list-style: none
}

.circle-list li {
    position: relative;
    padding-left: 15px;
    margin-bottom: 10px
}

.circle-list li:after {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    content: "•";
    font-size: 1.5em
}

.simple-list {
    margin: 15px 0;
    padding: 0;
    list-style: none
}

.simple-list li {
    position: relative;
    padding-left: 15px;
    margin-bottom: 5px
}

.simple-list li:after {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    content: "»"
}

.simple-list ul {
    margin: 10px 0 10px 0;
    padding: 0;
    list-style: none
}

.simple-list ul li:after {
    content: "•";
    font-size: 1em
}

.decimal-list {
    margin: 15px 0 15px 25px;
    padding: 0;
    list-style: decimal outside
}

.decimal-list li {
    padding-left: 0;
    margin-bottom: 5px;
    text-indent: 0
}

.decimal-list ul {
    margin: 5px 0 5px 17px;
    padding: 0;
    list-style: decimal outside
}

.sizes-row {
    margin: 0;
    padding: 0;
    list-style: none
}

.sizes-row li {
    min-width: 50px;
    display: inline-block;
    text-align: center
}

.table.text-center td,.table.text-center th {
    text-align: center
}

.table-address {
    min-width: 250px;
    margin: 20px 0 35px
}

.table-address td {
    padding: 3px 25px 3px 0;
    vertical-align: top
}

.table-params td {
    border-left-width: 1px;
    border-left-style: solid
}

.table-params tr>td:first-child {
    border-left: 0;
    width: 30%
}

.table-params tr:last-child td {
    border-bottom-width: 1px;
    border-bottom-style: solid
}

.dropcap {
    display: block;
    float: left;
    font-size: 2.833em;
    line-height: 1em;
    margin: 0 5px 0 0
}

.pagination {
    margin: 0;
    border-radius: 1px
}

.pagination>li:first-child>a,.pagination>li:first-child>span {
    border-bottom-left-radius: 1px;
    border-top-left-radius: 1px
}

.pagination>li:last-child>a,.pagination>li:last-child>span {
    border-bottom-right-radius: 1px;
    border-top-right-radius: 1px
}

.pagination-label {
    line-height: 30px;
    padding-right: 15px
}

.card {
    border-radius: 3px;
    border-width: 1px;
    border-style: solid
}

.card-title {
    cursor: pointer;
    padding: 20px 0;
    margin-top: 0 !important;
    position: relative;
    font-size: 1.385em;
    background-color: #f8f8f8;
    padding: 18px 45px 18px 25px;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    word-break: break-all
}

.card--collapse.open .card-title {
    display: block;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    word-break: break-all
}

.card-title:after {
    position: absolute;
    display: block;
    top: 24px;
    right: 12px;
    font-family: 'Welldone', 'Microsoft JhengHei';
    font-size: 10px;
    content: "\e601";
    line-height: 1em
}

.open>.card-title:after {
    content: "\e631"
}

.card-content {
    display: none;
    padding: 18px 25px
}

.card--collapse.open .card-content {
    display: block
}

.card--padding {
    padding: 20px 25px
}

.card--form {
    padding: 20px;
    text-align: center
}

.card--form a.login-link {
    font-size: 12px;
    text-decoration: underline;
    color: #adadad
}

.card--form a.login-link:hover {
    color: #ff8a60
}

.card--form__icon {
    display: inline-block;
    margin-bottom: 15px;
    font-size: 100px;
    line-height: 100px
}

.card--form .checkbox-group {
    display: inline-block
}

.card--form__footer {
    border-top-width: 1px;
    border-top-style: solid;
    margin: 25px -45px 0;
    padding: 15px 45px
}

.card--icon__cell {
    padding: 12px;
    text-align: center
}

.card--icon__cell__icon {
    display: inline-block;
    width: 96px;
    height: 96px;
    margin-bottom: 10px;
    font-size: 40px;
    line-height: 98px;
    text-align: center;
    border-radius: 50%;
    box-shadow: 0 1px 3px rgba(0,0,0,0.12),0 1px 2px rgba(0,0,0,0.24);
    -webkit-transition: box-shadow 300ms 0s ease;
    -moz-transition: box-shadow 300ms 0s ease;
    -ms-transition: box-shadow 300ms 0s ease;
    -o-transition: box-shadow 300ms 0s ease;
    transition: box-shadow 300ms 0s ease
}

.card--icon__cell__icon:hover {
    box-shadow: 0 10px 20px rgba(0,0,0,0.19),0 6px 6px rgba(0,0,0,0.23)
}

.card--icon__cell__title {
    padding-bottom: 0;
    word-break: break-all
}

.card--icon__text {
    padding: 20px
}

.card__row-line {
    padding: 10px 0 30px;
    margin: 10px 10px 25px;
    border-bottom-width: 1px;
    border-bottom-style: solid
}

.card__row-line:last-child {
    margin-bottom: 0;
    border: 0
}

.card__row-line table.order-history {
    margin-bottom: -30px
}

.card__row {
    position: relative;
    padding: 15px;
    border-bottom-width: 1px;
    border-bottom-style: solid
}

a.card__row {
    display: table;
    width: 100%;
    cursor: pointer;
    text-decoration: none
}

.card__row--big {
    padding: 45px 15px
}

@media (min-width: 992px) and (max-width: 1199px) {
    .card__row--big {
        padding:22px 15px
    }
}

.card__row:last-child {
    border: none
}

.card__row__title {
    font-size: 1.077em;
    text-transform: uppercase;
    word-break: break-all
}

.card__row--big .card__row__title {
    font-size: 1.692em;
    line-height: 1em;
    word-break: break-all
}

.card__row--icon {
    padding-left: 80px;
    min-height: 70px
}

.card__row--icon.card__row--big {
    min-height: 151px
}

@media (min-width: 992px) and (max-width: 1199px) {
    .card__row--icon.card__row--big {
        min-height:100px
    }
}

.card__row--icon__icon {
    position: absolute;
    left: 0;
    width: 80px;
    text-align: center;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.card__row--icon__icon .icon {
    font-size: 38px;
    line-height: 1em;
    -webkit-transition: color 300ms 0s ease;
    -moz-transition: color 300ms 0s ease;
    -ms-transition: color 300ms 0s ease;
    -o-transition: color 300ms 0s ease;
    transition: color 300ms 0s ease
}

.card__row--big .card__row--icon__icon .icon {
    font-size: 50px !important
}

.card__row--icon__text {
    display: table-cell;
    vertical-align: middle
}

.grey-box {
    padding: 30px;
    margin-bottom: 30px
}

blockquote.blockquote--wd {
    padding: 0;
    margin: 0 0 20px;
    border: none;
    font-size: 1em
}

blockquote.blockquote--wd p {
    border-left-width: 4px;
    border-left-style: solid;
    border-left-color: #536dfe;
    padding: 5px 0 5px 30px;
    margin-bottom: 0
}

blockquote.blockquote--wd footer {
    padding: 5px 0 0 30px;
    font-style: italic;
    font-size: 100%
}

.testimonial {
    display: table;
    width: 100%;
    overflow: hidden;
    border-radius: 3px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.12),0 1px 2px rgba(0,0,0,0.24);
    -webkit-transition: box-shadow 300ms 0s ease;
    -moz-transition: box-shadow 300ms 0s ease;
    -ms-transition: box-shadow 300ms 0s ease;
    -o-transition: box-shadow 300ms 0s ease;
    transition: box-shadow 300ms 0s ease
}

.testimonial:hover {
    box-shadow: 0 10px 20px rgba(0,0,0,0.19),0 6px 6px rgba(0,0,0,0.23)
}

.testimonial__author {
    display: table-cell;
    vertical-align: middle;
    padding: 14px 28px
}

.testimonial__author__image {
    margin-bottom: 4px;
    text-align: center
}

@media (min-width: 768px) and (max-width: 991px) {
    .testimonial__author__image {
        margin:15px 0 4px
    }
}

.testimonial__author__image img {
    min-width: 100px;
    border-radius: 50%;
    box-shadow: 0 1px 3px rgba(0,0,0,0.12),0 1px 2px rgba(0,0,0,0.24)
}

.testimonial__author__name {
    text-align: center;
    font-size: 0.923em
}

@media (min-width: 768px) and (max-width: 991px) {
    .testimonial__author__name {
        margin:0 0 15px
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .testimonial__author {
        display:table-row;
        text-align: center
    }
}

.testimonial__text {
    display: table-cell;
    vertical-align: middle;
    position: relative;
    padding: 20px 20px 15px 65px;
    overflow: hidden
}

.testimonial__text:after {
    position: absolute;
    display: block;
    top: 24px;
    left: 20px;
    font-family: 'Welldone', 'Microsoft JhengHei';
    font-size: 26px;
    line-height: 1em;
    content: "\e63b"
}

.infobox {
    display: table;
    width: 100%;
    overflow: hidden;
    border-radius: 3px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.12),0 1px 2px rgba(0,0,0,0.24);
    -webkit-transition: box-shadow 300ms 0s ease;
    -moz-transition: box-shadow 300ms 0s ease;
    -ms-transition: box-shadow 300ms 0s ease;
    -o-transition: box-shadow 300ms 0s ease;
    transition: box-shadow 300ms 0s ease
}

.infobox:hover {
    box-shadow: 0 10px 20px rgba(0,0,0,0.19),0 6px 6px rgba(0,0,0,0.23)
}

.infobox__icon {
    display: table-cell;
    vertical-align: middle;
    padding: 25px 20px;
    width: auto;
    font-size: 64px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.12),0 1px 2px rgba(0,0,0,0.24);
    -webkit-transition: box-shadow 300ms 0s ease;
    -moz-transition: box-shadow 300ms 0s ease;
    -ms-transition: box-shadow 300ms 0s ease;
    -o-transition: box-shadow 300ms 0s ease;
    transition: box-shadow 300ms 0s ease
}

.infobox__icon:hover {
    box-shadow: 0 10px 20px rgba(0,0,0,0.19),0 6px 6px rgba(0,0,0,0.23)
}

.infobox__text {
    display: table-cell;
    vertical-align: middle;
    position: relative;
    padding: 20px 25px 15px;
    overflow: hidden
}

#map {
    width: 100%;
    height: 390px;
    margin: 0 0 -5px;
    border: 0;
    overflow: hidden
}

.calendar__header {
    font-size: 16px;
    padding: 0 0 10px;
    text-transform: uppercase
}

.calendar__footer {
    font-size: 16px;
    padding: 15px 0 0;
    text-transform: uppercase
}

.calendar table {
    border-collapse: collapse;
    font-family: 'PT Sans', sans-serif, 'Microsoft JhengHei';
    font-size: 13px;
    width: 100%;
    max-width: 350px
}

.calendar th,.calendar td {
    border: 0;
    cursor: pointer;
    line-height: 22px
}

.calendar tr:first-child td {
    font-weight: 700;
    padding-bottom: 10px
}

.calendar .selected {
    font-weight: bold
}

button:focus,.btn:focus,button:active:focus,.btn:active:focus,button.active:focus,.btn.active:focus,button.focus,.btn.focus,button:active.focus,.btn:active.focus,button.active.focus,.btn.active.focus {
    outline: 0;
    outline: none;
    -webkit-box-shadow: none;
    box-shadow: none
}

button:hover,.btn:hover,button:focus,.btn:focus,button.focus,.btn.focus {
    outline: 0;
    outline: none;
    -webkit-box-shadow: none;
    box-shadow: none
}

button:active,.btn:active,button.active,.btn.active {
    outline: 0;
    outline: none;
    -webkit-box-shadow: none;
    box-shadow: none
}

button.pull-right,.btn.pull-right {
    margin-right: 10px
}

.btn--null {
    -moz-transform: translateY(100%);
    -ms-transform: translateY(100%);
    -o-transform: translateY(100%);
    -webkit-transform: translateY(100%);
    transform: translateY(100%)
}

.btn--wd,.btn--gr,.btn--border {
    padding: 12px 14px;
    vertical-align: top;
    border: 0;
    box-shadow: 0 1px 3px rgba(0,0,0,0.12),0 1px 2px rgba(0,0,0,0.24);
    -webkit-transition: box-shadow 300ms 0s ease;
    -moz-transition: box-shadow 300ms 0s ease;
    -ms-transition: box-shadow 300ms 0s ease;
    -o-transition: box-shadow 300ms 0s ease;
    transition: box-shadow 300ms 0s ease
}

.btn--border {
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.btn--wd:hover,.btn--gr:hover {
    box-shadow: 0 10px 20px rgba(0,0,0,0.19),0 6px 6px rgba(0,0,0,0.23)
}

.btn--wd .icon,.btn--gr .icon {
    display: inline-block
}

.btn--wd span,.btn--gr span {
    position: relative;
    top: 0;
    left: 0
}

.btn--wd.btn--links--dropdown,.btn--gr.btn--links--dropdown {
    border: none;
    background: none;
    -webkit-box-shadow: 0 0 0 0 rgba(0,0,0,0.25);
    -moz-box-shadow: 0 0 0 0 rgba(0,0,0,0.25);
    box-shadow: 0 0 0 0 rgba(0,0,0,0.25)
}

.btn--wd.btn--links--dropdown:hover,.btn--gr.btn--links--dropdown:hover {
    -webkit-box-shadow: 0 0 0 0 rgba(0,0,0,0.25);
    -moz-box-shadow: 0 0 0 0 rgba(0,0,0,0.25);
    box-shadow: 0 0 0 0 rgba(0,0,0,0.25)
}

.btn--wd.btn--with-icon .icon,.btn--gr.btn--with-icon .icon {
    padding-right: 5px
}

.btn--wd.btn--xs,.btn--gr.btn--xs {
    padding: 5px 10px;
    font-size: 0.923em;
    height: auto
}

.btn--wd.btn--xs:hover,.btn--gr.btn--xs:hover {
    box-shadow: 0 1px 3px rgba(0,0,0,0.12),0 1px 2px rgba(0,0,0,0.24)
}

.btn--wd.btn--sm,.btn--light.btn--sm,.btn--gr.btn--sm,.btn--border.btn--sm {
    padding: 5px 10px;
    height: auto;
    font-size: 13px
}

.btn--wd.btn--sm .icon,.btn--wd.btn--sm .icon {
    font-size: 12px
}

.btn--wd.btn--lg,.btn--wd.btn--lg {
    padding: 15px 20px;
    height: auto
}

.btn--wd.btn--xl,.btn--wd.btn--xl {
    padding: 19px 30px;
    font-size: 1.385em;
    height: auto
}

.btn--wd.btn--xxl,.btn--wd.btn--xxl {
    padding: 25px 35px;
    font-size: 1.923em;
    height: auto
}

.btn--clear {
    border: 0;
    padding-left: 0;
    background-color: transparent
}

.btn--clear:hover,.btn--clear:active,.btn--clear.focus,.btn--clear:focus {
    background-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none
}

.open>.btn--clear.dropdown-toggle {
    -webkit-box-shadow: none;
    box-shadow: none
}

.btn--wait,.btn--round.btn--wait {
    background-image: linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent);
    background-size: 40px 40px;
    animation: 2s linear 0s normal none infinite progress-bar-stripes;
    -webkit-animation: progress-bar-stripes 2s linear infinite
}

.btn--round {
    border-radius: 999em;
    width: 60px;
    height: 60px;
    padding: 0;
    line-height: 65px;
    font-size: 32px;
    position: relative;
    cursor: pointer;
    display: inline-block;
    text-decoration: none;
    box-shadow: 0 1px 3px rgba(0,0,0,0.12),0 1px 2px rgba(0,0,0,0.24);
    -webkit-transition: box-shadow 300ms 0s ease;
    -moz-transition: box-shadow 300ms 0s ease;
    -ms-transition: box-shadow 300ms 0s ease;
    -o-transition: box-shadow 300ms 0s ease;
    transition: box-shadow 300ms 0s ease
}

.btn--round:hover {
    text-decoration: none;
    box-shadow: 0 3px 6px rgba(0,0,0,0.16),0 3px 6px rgba(0,0,0,0.23)
}

.btn--round--lg {
    width: 76px;
    height: 76px;
    line-height: 78px;
    font-size: 27px
}

.btn--round--sm {
    width: 46px;
    height: 46px;
    line-height: 78px;
    font-size: 22px
}

.btn--round--xs {
    width: 37px;
    height: 37px;
    line-height: 37px;
    font-size: 16px
}

.btn--full {
    width: 100% !important
}

.input--wd {
    appearance: none;
    padding: 9px 12px;
    font-size: 14px;
    line-height: 1em;
    height: 40px;
    border-width: 1px;
    border-style: solid;
    border-radius: 3px;
    -webkit-box-shadow: 0 0 0 0 transparent;
    -moz-box-shadow: 0 0 0 0 transparent;
    box-shadow: 0 0 0 0 transparent
}

.input--wd:hover,.input--wd:focus,.input--wd.focus {
    box-shadow: none;
    outline: none
}

.input--wd--full {
    width: 100%
}

.textarea--wd {
    appearance: none;
    padding: 9px 12px;
    font-size: 1.214em;
    line-height: 1em;
    height: 40px;
    border-width: 1px;
    border-style: solid;
    border-radius: 3px;
    -webkit-box-shadow: 0 0 0 0 transparent;
    -moz-box-shadow: 0 0 0 0 transparent;
    box-shadow: 0 0 0 0 transparent;
    min-height: 140px;
    height: auto
}

.textarea--wd:hover,.textarea--wd:focus,.textarea--wd.focus {
    box-shadow: none;
    outline: none
}

.textarea--wd--full {
    width: 100%
}

.input--line {
    display: block;
    border: none;
    padding-left: 0;
    -webkit-transition: all 300ms cubic-bezier(0.64, 0.09, 0.08, 1) 0s;
    -moz-transition: all 300ms cubic-bezier(0.64, 0.09, 0.08, 1) 0s;
    -ms-transition: all 300ms cubic-bezier(0.64, 0.09, 0.08, 1) 0s;
    -o-transition: all 300ms cubic-bezier(0.64, 0.09, 0.08, 1) 0s;
    transition: all 300ms cubic-bezier(0.64, 0.09, 0.08, 1) 0s;
    background-position: -1000px 0;
    background-size: 1000px 100%;
    background-repeat: no-repeat;
    border-radius: 0;
    transition: all 0.3s ease-in-out
}

.input--line:focus {
    box-shadow: none;
    outline: none;
    background-position: 0 0
}

.input--line:focus::-webkit-input-placeholder {
    transition: all 0.3s ease-in-out;
    font-size: 0.9em;
    transform: translateY(-20px);
    visibility: visible !important
}

.input-group--wd {
    display: block;
    position: relative;
    margin-bottom: 45px
}

.input-group--wd input,.input-group--wd textarea {
    font-size: 16px;
    line-height: 18px;
    padding: 10px 0 10px 0;
    -webkit-appearance: none;
    display: block;
    background: transparent;
    width: 100%;
    border: none;
    border-radius: 0;
    border-bottom-width: 1px;
    border-bottom-style: solid
}

.input-group--wd input:focus,.input-group--wd textarea:focus {
    outline: none
}

.input-group--wd input.input--full,.input-group--wd textarea.input--full {
    width: 100%
}

.input-group--wd textarea {
    min-height: 140px;
    height: auto
}

.input-group--wd label {
    font-size: 18px;
    font-weight: normal;
    position: absolute;
    pointer-events: none;
    left: 0;
    top: 10px;
    transition: all 0.2s ease
}

.input-group input:focus ~ label,.input-group input.used ~ label,.input-group textarea:focus ~ label,.input-group textarea.used ~ label {
    top: -20px;
    font-size: 13px;
    opacity: 0.5;
    -webkit-transition: top 0.3s cubic-bezier(0.8, 0.15, 0.15, 0.85),font-size 0.3s cubic-bezier(0.8, 0.15, 0.15, 0.85);
    transition: top 0.3s cubic-bezier(0.8, 0.15, 0.15, 0.85),font-size 0.3s cubic-bezier(0.8, 0.15, 0.15, 0.85)
}

.input-group__bar {
    position: relative;
    display: block;
    width: 100%
}

.input-group__bar:before,.input-group__bar:after {
    display: block;
    content: ' ';
    height: 2px;
    width: 0;
    bottom: 0;
    position: absolute;
    transition: all 0.2s ease
}

.input-group__bar:before {
    left: 50%
}

.input-group__bar:after {
    right: 50%
}

.input-group input:focus ~ .input-group__bar:before,.input-group input:focus ~ .input-group__bar:after,.input-group textarea:focus ~ .input-group__bar:before,.input-group textarea:focus ~ .input-group__bar:after {
    width: 50%
}

.contact-form {
    margin-bottom: 15px
}

.contact-form .btn {
    margin: 5px 0px;
    font-size: 14px;
    padding: 10px
}

.contact-form .input--wd,.contact-form .textarea--wd {
    margin-bottom: 10px
}

label.label--inline {
    font-size: 1.231em;
    line-height: 2.6em;
    font-weight: normal;
    padding-right: 10px;
    margin-bottom: 0
}

@media (max-width: 767px) {
    label.label--inline {
        display:block;
        margin-bottom: 5px;
        float: none !important
    }
}

.subscribe-form {
    position: relative
}

.subscribe-form__label {
    font-size: 1.231em;
    line-height: 2.6em;
    font-weight: normal;
    padding-right: 10px;
    margin-bottom: 0
}

@media (max-width: 767px) {
    .subscribe-form__label {
        display:block;
        margin-bottom: 5px;
        float: none !important
    }
}

.subscribe-form__input {
    margin-right: 10px
}

@media (max-width: 767px) {
    .subscribe-form__input {
        margin-right:0;
        width: 97%;
        padding-right: 50px
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .subscribe-form__input {
        width:160px
    }
}

@media (max-width: 767px) {
    .subscribe-form button {
        position:absolute;
        right: 0
    }
}

.subscribe-form button .icon {
    font-size: 18px
}

.placeholder {
    font-size: 1em;
    line-height: 1.214em
}

input::-webkit-input-placeholder {
    font-size: 1em;
    line-height: 1.214em
}

input::-webkit-input-placeholder::-moz-placeholder {
    color: #999999;
    opacity: 1
}

input::-webkit-input-placeholder:-ms-input-placeholder {
    color: #999999
}

input::-webkit-input-placeholder::-webkit-input-placeholder {
    color: #999999
}

input::-moz-placeholder {
    font-size: 1em;
    line-height: 1.214em
}

input::-moz-placeholder::-moz-placeholder {
    color: #999999;
    opacity: 1
}

input::-moz-placeholder:-ms-input-placeholder {
    color: #999999
}

input::-moz-placeholder::-webkit-input-placeholder {
    color: #999999
}

input:-ms-input-placeholder {
    font-size: 1em;
    line-height: 1.214em
}

input:-ms-input-placeholder::-moz-placeholder {
    color: #999999;
    opacity: 1
}

input:-ms-input-placeholder:-ms-input-placeholder {
    color: #999999
}

input:-ms-input-placeholder::-webkit-input-placeholder {
    color: #999999
}

input:-moz-placeholder {
    font-size: 1em;
    line-height: 1.214em
}

input:-moz-placeholder::-moz-placeholder {
    color: #999999;
    opacity: 1
}

input:-moz-placeholder:-ms-input-placeholder {
    color: #999999
}

input:-moz-placeholder::-webkit-input-placeholder {
    color: #999999
}

.select-wrapper {
    position: relative;
    display: inline-block
}

.select-wrapper:after {
    content: " ";
    height: 0;
    width: 0;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 4px solid #000;
    position: absolute;
    right: 12px;
    transition: all 0.3s linear;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    -moz-transform: scale(0.9999)
}

@-moz-document url-prefix() {
    .select-wrapper:after {
        margin-top: -2px
    }
}

.select--wd::-ms-expand {
    display: none
}

.select--wd {
    appearance: none;
    padding: 9px 12px;
    font-size: 1.214em;
    line-height: 1em;
    height: 40px;
    border-width: 1px;
    border-style: solid;
    -webkit-box-shadow: 0 0 0 0 transparent;
    -moz-box-shadow: 0 0 0 0 transparent;
    box-shadow: 0 0 0 0 transparent;
    padding: 12px 12px;
    font-size: inherit;
    line-height: 1.1em;
    -webkit-box-shadow: none !important;
    box-shadow: none !important
}

.select--wd:hover,.select--wd:focus,.select--wd.focus {
    box-shadow: none;
    outline: none
}

.select--wd--full {
    width: 100%
}

.select--wd--sm {
    padding: 6px 20px 6px 10px;
    height: 34px;
    line-height: 1.385em
}

.select--wd--xs {
    padding: 2px 20px 2px 5px;
    height: 24px
}

.select--wd--lg {
    padding: 5px 20px 5px 12px;
    height: 40px;
    font-size: 16px;
    line-height: 28px;
    margin-bottom: 5px;
    width: 100%
}

.checkbox-group {
    position: relative;
    display: block;
    font-size: 12px
}

.checkbox-group input[type=checkbox] {
    display: none
}

.checkbox-group label {
    padding-left: 20px;
    cursor: pointer
}

.checkbox-group label span {
    display: block;
    position: absolute;
    left: 0;
    -webkit-transition-duration: .3s;
    -moz-transition-duration: .3s;
    transition-duration: 0.3s
}

.checkbox-group label .box {
    border-width: 1px;
    border-style: solid;
    height: 16px;
    width: 16px;
    z-index: 9;
    -webkit-transition-delay: .2s;
    -moz-transition-delay: .2s;
    transition-delay: 0.2s
}

.checkbox-group label .check {
    top: 0;
    left: 4px;
    width: 8px;
    height: 11px;
    border-width: 2px;
    border-style: solid;
    border-top: none;
    border-left: none;
    opacity: 0;
    z-index: 10;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    transform: rotate(180deg);
    -webkit-transition-delay: .3s;
    -moz-transition-delay: .3s;
    transition-delay: 0.3s
}

input[type=checkbox]:checked ~ label .check {
    opacity: 1;
    -webkit-transform: scale(1) rotate(45deg);
    -moz-transform: scale(1) rotate(45deg);
    transform: scale(1) rotate(45deg)
}

.radio {
    display: block;
    cursor: pointer;
    margin: 0 0 8px
}

.radio:hover .inner {
    -webkit-transform: scale(0.8);
    -ms-transform: scale(0.8);
    transform: scale(0.8);
    opacity: .5
}

.radio input {
    width: 1px;
    height: 1px;
    opacity: 0
}

.radio input:checked+.outer .inner {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 1
}

.radio input:checked+.outer {
    border-width: 1px;
    border-style: solid
}

.radio input:focus+.outer .inner {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 1
}

.radio .outer {
    width: 16px;
    height: 16px;
    display: block;
    float: left;
    margin: 0 9px 0 0;
    border-width: 1px;
    border-style: solid;
    border-radius: 50%
}

.radio .inner {
    -webkit-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
    width: 10px;
    height: 10px;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    display: block;
    margin: 2px;
    border-radius: 50%;
    opacity: 0
}

input.input--wd,textarea.textarea--wd,.select-wrapper select.input--wd,.select-wrapper select.select--wd {
    -webkit-appearance: none;
    -moz-appearance: none
}

form label.error {
    color: #ff0000;
    font-size: 12px !important;
    position: absolute;
    bottom: -25px;
    top: auto !important;
    opacity: 1 !important
}

#success,#error,#subscribeSuccess,#subscribeError {
    display: none;
    height: 70px
}

#subscribeSuccess,#subscribeError {
    height: 30px
}

#success span,#error span,#subscribeSuccess span,#subscribeError span {
    display: block
}

#success span p,#error span p,#subscribeSuccess span p,#subscribeError span p {
    margin-top: 15px
}

#success span p,#subscribeSuccess span p {
    color: #2990d6
}

#error span p,#subscribeError span p {
    color: #c0392b
}

#subscribe-form label.error {
    position: absolute;
    bottom: -5px;
    left: 95px
}

@media (max-width: 767px) {
    #subscribe-form label.error {
        left:0
    }
}

#subscribe-form input.error {
    margin-bottom: 25px
}

.header--title {
    color: #635c52;
    word-break: break-all
}

.header__search {
    display: inline-block;
    margin: 0 12px;
    position: relative;
    width: 40px
}

.header__search form {
    display: inline-block
}

.header__search .icon {
    font-size: 16px
}

.header--transparent .header__search .icon {
    color: #ffffff
}

.card-wrapper {
    max-width: 500px;
    width: 95%;
    background-color: #fff;
    box-shadow: 0px 0px 8px rgba(0,0,0,0.2);
    border-radius: 1px;
    padding: 20px;
    margin: 0 auto
}

.search-form {
    position: relative;
    display: inline-block;
    width: 90%;
    max-width: 500px;
    height: 60px;
    margin: 10px 0px
}

.header--sticky.search-form {
    height: 32px;
    margin: 2px 0px;
    width: 300px;
    font-size: 12px
}

@media (max-width: 991px) {
    .header--sticky.search-form {
        width:160px;
        height: 26px;
        margin: 4px 0px
    }
}

.search-delete {
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    background-color: transparent !important
}

.header--sticky.search-form .search-delete {
    width: 15px;
    height: 15px;
    right: 32px;
    top: 8px;
    line-height: 1.4
}

.list-search {
    -moz-transform: translateX(0px);
    -ms-transform: translateX(20px);
    -o-transform: translateX(20px);
    -webkit-transform: translateX(20px);
    transform: translateX(20px);
    height: 40px
}

.list-search .header--sticky.search-form input {
    font-size: 12px
}

.list-search__result {
    display: inline-block;
    margin-top: 9px
}

.dark_mask {
    position: fixed;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.3);
    display: inline-block;
    z-index: -1;
    left: 0;
    top: 0
}

.search-form input {
    border: 0px;
    padding: 10px 15px;
    width: 100%;
    height: 100%;
    margin: 0;
    font-size: initial;
    box-shadow: 0px 0px 0px rgba(0,0,0,0.3);
    border-radius: 3px;
    border: 1px solid #e3e3e3
}

.search-form input:focus {
    box-shadow: 0px 0px 20px rgba(0,0,0,0.3);
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.header--sticky.search-form input {
    padding: 4px 8px;
    font-size: 14px
}

@media (max-width: 991px) {
    .header--sticky.search-form input {
        font-size:12px;
        color: #333;
        background-color: #222;
        border: 0px;
        padding: 4px 8px
    }

    .list-search {
        -moz-transform: translateX(0px);
        -ms-transform: translateX(0px);
        -o-transform: translateX(0px);
        -webkit-transform: translateX(0px);
        transform: translateX(0px);
        margin-top: 14px
    }

    .list-search .header--sticky.search-form input {
        background-color: #fff;
        color: #ccc
    }

    .mall-product__item {
        padding: 10px
    }
}

.search-form .search-open {
    position: absolute;
    right: 0;
    height: 100%;
    top: 0;
    border-radius: 1px;
    padding: 0px 18px;
    color: #635c52;
    font-size: 18px;
    background-color: transparent
}

.search-form .search-open:hover {
    color: #635c52;
    background-color: transparent
}

.header--sticky.search-form .search-open {
    font-size: 14px;
    padding: 3px 12px
}

.search-form-dropdown {
    position: absolute;
    top: 59px;
    width: 100%;
    padding: 10px 15px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    border: 1px solid #ccc;
    background-color: #fff;
    text-align: left;
    color: #635c52;
    line-height: 1.4;
    z-index: 99;
    font-size: 14px
}

.search-form-dropdown ul {
    -webkit-padding-start: 0px
}

.search-form-dropdown li {
    list-style: none;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.search-form-dropdown li:hover {
    background-color: #abddd7
}

@media (max-width: 991px) {
    .header__search {
        width:auto;
        height: 30px;
        margin: 0;
        position: absolute
    }

    .header--sticky.search-form .search-open {
        padding: 3px 8px
    }

    .header--sticky.search-form .search-delete {
        right: 30px;
        top: 5px
    }
}

.header__search__input {
    position: absolute;
    top: 4px;
    right: -10px;
    height: 30px;
    width: 30px;
    z-index: 2;
    opacity: 0;
    padding: 5px;
    transition: width 0.6s ease-out;
    cursor: pointer;
    border: 0;
    border-radius: 0;
    background-color: transparent;
    font-size: 14px;
    text-transform: uppercase;
    -webkit-box-shadow: 0 0 0 0 transparent;
    -moz-box-shadow: 0 0 0 0 transparent;
    box-shadow: 0 0 0 0 transparent;
    color: #635c52
}

.header-line .header__search__input {
    top: 2px
}

.header--transparent .header__search__input {
    color: #e3e3e3
}

.header__search__input:hover,.header__search__input:focus,.header__search__input.focus {
    box-shadow: none;
    outline: none;
    color: #635c52
}

.header__search__input:focus,.filter-row .header__search__input {
    opacity: 1;
    z-index: 1;
    transition: width 0.6s ease-out, opacity 0.6s ease-out;
    padding-right: 40px;
    cursor: text;
    width: 200px;
    border: 1px solid #e3e3e3;
    border-bottom: 1px solid #e3e3e3 !important;
    border-radius: 2px;
    color: #e3e3e3
}

.header__search__button {
    position: absolute;
    top: 8px;
    font-size: 16px;
    right: 18px;
    z-index: 2;
    cursor: pointer;
    background-color: transparent;
    box-shadow: none;
    padding: 0
}

.header-line .header__search__button {
    top: 3px
}

.header__search__button:hover,.header__search__button:focus {
    background-color: transparent !important
}

.filters-row .header__search {
    margin: 0
}

.filters-row .header__search__input {
    padding-right: 20px;
    opacity: 1 !important;
    right: 0;
    width: 200px;
    border: 1px solid #e3e3e3;
    border-radius: 2px;
    background-color: #f9f9f9
}

.filters-row .header__search__button {
    top: 11px;
    right: 8px
}

.header__search--to-right .header__search__input {
    right: auto;
    left: 0;
    color: #333;
    padding-right: 20px;
    padding-left: 10px
}

.header__search--to-right .header__search__button {
    left: auto !important;
    right: 8px !important
}

.header__search--to-right form {
    width: 200px;
    position: relative;
    display: inline-block
}

@media (max-width: 991px) {
    .header__search__input {
        height:24px;
        width: 24px;
        font-size: 12px;
        right: 12px
    }

    .header__search__input:focus {
        width: 120px
    }

    .filters-row .header__search__button {
        color: #fff !important
    }
}

.modal--search input {
    margin-bottom: 15px;
    background-color: transparent
}

.dots {
    position: relative;
    display: block
}

.dots:before {
    font-family: 'Welldone', 'Microsoft JhengHei';
    content: "\e657"
}

.dots--vertical:before {
    content: "\e641"
}

.caret.caret--dots {
    margin: -20px auto 0;
    width: auto;
    border-width: 0 0 0 0;
    text-align: center;
    font-size: 9px;
    position: relative;
    display: block
}

.caret.caret--dots:before {
    font-family: 'Welldone', 'Microsoft JhengHei';
    content: "\e601"
}

.caret.caret--dots.caret--dots--vertical {
    height: 22px;
    font-size: 17px;
    margin: 0
}

.caret.caret--dots.caret--dots--vertical:before {
    content: "\e641"
}

.social-links ul {
    margin: 0;
    padding: 0
}

.social-links ul .social-links__item {
    display: inline-block;
    margin-right: 1.538em;
    list-style: none;
    text-align: center
}

.social-links ul .social-links__item a {
    font-size: 1.154em;
    text-decoration: none;
    -webkit-transition: color 300ms 0s ease;
    -moz-transition: color 300ms 0s ease;
    -ms-transition: color 300ms 0s ease;
    -o-transition: color 300ms 0s ease;
    transition: color 300ms 0s ease
}

.social-links--large ul .social-links__item {
    margin-right: 2.3em
}

.social-links--large ul .social-links__item a {
    font-size: 1.385em;
    line-height: 2em
}

.social-links--padding {
    padding: 10px 0
}

.badge.badge--menu {
    position: absolute;
    padding: 0;
    right: -5px;
    top: -5px;
    width: 17px;
    height: 17px;
    line-height: 18px;
    text-align: center
}

.badge.badge--squared {
    border-radius: 3px;
    padding: 4px 7px;
    margin-left: 12px;
    vertical-align: bottom
}

.product-preview-wrapper {
    float: none;
    display: inline-block;
    margin-right: -4px;
    vertical-align: top;
    padding-bottom: 20px
}

.slick-slider .product-preview-wrapper {
    float: left;
    margin-right: 0
}

.products-isotope {
    margin-right: -20px
}

.one-in-row .product-preview-wrapper {
    display: block;
    margin-right: 0;
    padding-bottom: 50px
}

@media (max-width: 991px) {
    .products-isotope {
        margin-right:initial
    }
}

@media (min-width: 768px) {
    .one-in-row .product-preview-wrapper {
        max-width:360px;
        margin: 0 auto
    }
}

.two-in-row .product-preview-wrapper {
    max-width: none;
    width: 100%;
    padding-left: 15px;
    padding-right: 15px
}

@media (max-width: 559px) {
    .two-in-row .product-preview-wrapper {
        width:100%
    }
}

@media (min-width: 560px) {
    .two-in-row .product-preview-wrapper {
        width:50%
    }
}

@media (min-width: 768px) {
    .two-in-row .product-preview-wrapper {
        width:50%
    }
}

@media (min-width: 992px) {
    .two-in-row .product-preview-wrapper {
        width:50%
    }
}

@media (min-width: 1200px) {
    .two-in-row .product-preview-wrapper {
        width:50%
    }
}

.three-in-row .product-preview-wrapper {
    max-width: none;
    width: 100%;
    padding-left: 15px;
    padding-right: 15px
}

@media (max-width: 559px) {
    .three-in-row .product-preview-wrapper {
        width:100%
    }
}

@media (min-width: 560px) {
    .three-in-row .product-preview-wrapper {
        width:50%
    }
}

@media (min-width: 768px) {
    .three-in-row .product-preview-wrapper {
        width:33.333%
    }
}

@media (min-width: 992px) {
    .three-in-row .product-preview-wrapper {
        width:33.333%
    }
}

@media (min-width: 1200px) {
    .three-in-row .product-preview-wrapper {
        width:33.333%
    }
}

@media (min-width: 560px) {
    .aside-column .three-in-row .product-preview-wrapper {
        width:50%
    }
}

@media (min-width: 768px) {
    .aside-column .three-in-row .product-preview-wrapper {
        width:50%
    }
}

@media (min-width: 992px) {
    .aside-column .three-in-row .product-preview-wrapper {
        width:50%
    }
}

@media (min-width: 1200px) {
    .aside-column .three-in-row .product-preview-wrapper {
        width:33.333%
    }
}

.four-in-row .product-preview-wrapper {
    max-width: none;
    width: 100%;
    padding-left: 15px;
    padding-right: 15px
}

@media (max-width: 559px) {
    .four-in-row .product-preview-wrapper {
        width:100%
    }
}

@media (min-width: 560px) {
    .four-in-row .product-preview-wrapper {
        width:50%
    }
}

@media (min-width: 768px) {
    .four-in-row .product-preview-wrapper {
        width:33.333%
    }
}

@media (min-width: 992px) {
    .four-in-row .product-preview-wrapper {
        width:25%
    }
}

@media (min-width: 1200px) {
    .four-in-row .product-preview-wrapper {
        width:25%
    }
}

.five-in-row .product-preview-wrapper {
    max-width: none;
    width: 100%;
    padding-left: 15px;
    padding-right: 15px
}

@media (max-width: 559px) {
    .five-in-row .product-preview-wrapper {
        width:100%
    }
}

@media (min-width: 560px) {
    .five-in-row .product-preview-wrapper {
        width:50%
    }
}

@media (min-width: 768px) {
    .five-in-row .product-preview-wrapper {
        width:25%
    }
}

@media (min-width: 992px) {
    .five-in-row .product-preview-wrapper {
        width:20%
    }
}

@media (min-width: 1200px) {
    .five-in-row .product-preview-wrapper {
        width:20%
    }
}

.six-in-row .product-preview-wrapper {
    max-width: none;
    width: 100%;
    padding-left: 15px;
    padding-right: 15px
}

@media (max-width: 559px) {
    .six-in-row .product-preview-wrapper {
        width:100%
    }
}

@media (min-width: 560px) {
    .six-in-row .product-preview-wrapper {
        width:50%
    }
}

@media (min-width: 768px) {
    .six-in-row .product-preview-wrapper {
        width:25%
    }
}

@media (min-width: 992px) {
    .six-in-row .product-preview-wrapper {
        width:20%
    }
}

@media (min-width: 1200px) {
    .six-in-row .product-preview-wrapper {
        width:16.667%
    }
}

.seven-in-row .product-preview-wrapper {
    max-width: none;
    width: 100%;
    padding-left: 15px;
    padding-right: 15px
}

@media (max-width: 559px) {
    .seven-in-row .product-preview-wrapper {
        width:100%
    }
}

@media (min-width: 560px) {
    .seven-in-row .product-preview-wrapper {
        width:50%
    }
}

@media (min-width: 768px) {
    .seven-in-row .product-preview-wrapper {
        width:25%
    }
}

@media (min-width: 992px) {
    .seven-in-row .product-preview-wrapper {
        width:20%
    }
}

@media (min-width: 1200px) {
    .seven-in-row .product-preview-wrapper {
        width:16.667%
    }
}

@media (min-width: 1600px) {
    .seven-in-row .product-preview-wrapper {
        width:14.2%
    }
}

.eight-in-row .product-preview-wrapper {
    max-width: none;
    width: 100%;
    padding-left: 15px;
    padding-right: 15px
}

@media (max-width: 559px) {
    .eight-in-row .product-preview-wrapper {
        width:100%
    }
}

@media (min-width: 560px) {
    .eight-in-row .product-preview-wrapper {
        width:50%
    }
}

@media (min-width: 768px) {
    .eight-in-row .product-preview-wrapper {
        width:25%
    }
}

@media (min-width: 992px) {
    .eight-in-row .product-preview-wrapper {
        width:20%
    }
}

@media (min-width: 1200px) {
    .eight-in-row .product-preview-wrapper {
        width:16.667%
    }
}

@media (min-width: 1600px) {
    .eight-in-row .product-preview-wrapper {
        width:12.5%
    }
}

@media (max-width: 559px) {
    .products-listing.two-in-row .product-preview-wrapper {
        width:50%;
        padding-left: 5px;
        padding-right: 5px
    }
}

@media (max-width: 559px) {
    .products-listing.three-in-row .product-preview-wrapper {
        width:50%;
        padding-left: 5px;
        padding-right: 5px
    }
}

@media (max-width: 559px) {
    .products-listing.four-in-row .product-preview-wrapper {
        width:50% !important;
        padding-left: 10px;
        padding-right: 10px
    }
}

@media (max-width: 559px) {
    .products-listing.five-in-row .product-preview-wrapper {
        width:50%;
        padding-left: 5px;
        padding-right: 5px
    }
}

@media (max-width: 559px) {
    .products-listing.six-in-row .product-preview-wrapper {
        width:50%;
        padding-left: 5px;
        padding-right: 5px
    }
}

@media (max-width: 559px) {
    .products-listing.seven-in-row .product-preview-wrapper {
        width:50%;
        padding-left: 5px;
        padding-right: 5px
    }
}

@media (max-width: 559px) {
    .products-listing.eight-in-row .product-preview-wrapper {
        width:50%;
        padding-left: 5px;
        padding-right: 5px
    }
}

.product-links {
    margin: 0;
    padding: 0;
    list-style: none;
    font-size: 0.846em;
    text-transform: uppercase
}

.product-links .icon {
    padding: 0 5px;
    vertical-align: baseline
}

.product-links li {
    padding-bottom: 1em
}

.product-links a {
    text-decoration: none
}

.product-links--inline li {
    display: inline-block;
    padding-right: 3px
}

.product-preview {
    -webkit-transition: all 300ms ease-out 0s;
    -moz-transition: all 300ms ease-out 0s;
    -ms-transition: all 300ms ease-out 0s;
    -o-transition: all 300ms ease-out 0s;
    transition: all 300ms ease-out 0s;
    position: relative;
    overflow: hidden;
    background-color: #fff;
    box-shadow: 0 1px 3px rgba(0,0,0,0.12),0 1px 2px rgba(0,0,0,0.24)
}

.no-touch .product-preview {
    -webkit-transition: all 300ms ease-out 0s;
    -moz-transition: all 300ms ease-out 0s;
    -ms-transition: all 300ms ease-out 0s;
    -o-transition: all 300ms ease-out 0s;
    transition: all 300ms ease-out 0s
}

.no-transition .product-preview {
    -webkit-transition: all 0s ease-out 0s;
    -moz-transition: all 0s ease-out 0s;
    -ms-transition: all 0s ease-out 0s;
    -o-transition: all 0s ease-out 0s;
    transition: all 0s ease-out 0s
}

@media (max-width: 767px) {
    .product-preview {
        max-width:270px;
        margin: 0 auto
    }
}

@media (max-width: 321px) {
    .product-preview {
        width:auto;
        margin: 0 auto
    }
}

.product-preview__image {
    position: relative;
    overflow: hidden;
    height: 170px;
    object-fit: cover;
    object-position: 50% 50%
}

.list .product-preview__image {
    margin-bottom: 0 !important
}

@media (max-width: 991px) {
    .list .product-preview__image {
        margin-bottom:0 !important
    }
}

@media (max-width: 767px) {
    .product-preview__image {
        height:300px
    }
}

@media (max-width: 580px) {
    .product-preview__image {
        height:280px
    }
}

@media (max-width: 450px) {
    .product-preview__image {
        height:220px
    }

    .products-listing.row-view .product-preview-wrapper .product-preview__image {
        padding-right: 10px !important
    }
}

.product-preview__image img {
    object-fit: contain;
    object-position: 50% 50%;
    width: 100%;
    height: 100%
}

.product-preview__edit-mode {
    position: absolute;
    height: 100%;
    width: 100%;
    background-color: rgba(0,0,0,0.6);
    z-index: 9;
    padding-top: 30%
}

.product-preview__edit-btn {
    position: absolute;
    top: 20%;
    width: 100%;
    margin: 0 auto
}

.product-preview__edit-mode button {
    color: #fff;
    position: relative;
    background-color: transparent
}

.product-preview__edit-mode button span {
    font-size: 32px;
    margin: 10px;
    -webkit-transition: all .1s ease-in-out;
    -moz-transition: all .1s ease-in-out;
    -o-transition: all .1s ease-in-out;
    transition: all .1s ease-in-out
}

.product-preview__edit-mode .btn:focus,#editMode .btn.focus {
    color: #fff !important
}

.product-preview__edit-mode .btn:hover {
    color: #abddd7;
    text-shadow: 0 0 5px black
}

.cross-line {
    display: inline-block;
    background-color: #fff;
    height: 2px;
    width: 50px;
    transform: rotate(135deg);
    position: absolute;
    top: 12px;
    right: 5px
}

.product-preview__info {
    position: absolute;
    bottom: 0;
    border-top-width: 0px;
    border-top-style: solid;
    width: 100%;
    padding: 20px;
    border-radius: 0
}

.product-preview__info__favicon {
    width: 16px;
    height: 16px;
    position: absolute;
    left: 0px;
    top: 0px
}

.product-preview__info__favicon img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    vertical-align: text-bottom
}

.no-touch .product-preview__info {
    -webkit-transition: all 200ms ease-out 0s;
    -moz-transition: all 200ms ease-out 0s;
    -ms-transition: all 200ms ease-out 0s;
    -o-transition: all 200ms ease-out 0s;
    transition: all 200ms ease-out 0s
}

.no-transition .product-preview__info {
    -webkit-transition: all 0s ease-out 0s;
    -moz-transition: all 0s ease-out 0s;
    -ms-transition: all 0s ease-out 0s;
    -o-transition: all 0s ease-out 0s;
    transition: all 0s ease-out 0s
}

.product-preview__info__title {
    text-align: left;
    height: 40px;
    overflow: hidden;
    font-weight: bold
}

.product-preview__info__title a {
    text-decoration: none;
    font-size: 18px;
    font-weight: 500;
    word-break: break-all
}

@media (max-width: 991px) {
    .product-preview__info {
        position:relative;
        padding: 10px
    }

    .product-preview__info__title {
        height: 36px
    }

    .product-preview__info__title a {
        font-size: 16px
    }
}

.product-preview__info__content {
    font-size: 16px;
    margin-top: 10px
}

.product-preview__info__btns {
    height: 0;
    overflow: hidden;
    text-align: center;
    margin: 0 -30px;
    -webkit-transition: all 200ms ease-out 0s;
    -moz-transition: all 200ms ease-out 0s;
    -ms-transition: all 200ms ease-out 0s;
    -o-transition: all 200ms ease-out 0s;
    transition: all 200ms ease-out 0s
}

.product-preview__info__btns .btn {
    display: inline-block;
    opacity: 0;
    -webkit-transition: all 250ms ease-out 250ms;
    -moz-transition: all 250ms ease-out 250ms;
    -ms-transition: all 250ms ease-out 250ms;
    -o-transition: all 250ms ease-out 250ms;
    transition: all 250ms ease-out 250ms
}

.product-preview__info__btns .btn:first-child {
    left: -50%
}

.product-preview__info__btns .btn:last-child {
    right: -50%
}

.product-preview__info__description {
    display: none
}

.product-preview__info__link {
    margin: 0;
    padding: 0;
    list-style: none;
    font-size: 0.846em;
    text-transform: uppercase;
    overflow: hidden;
    position: relative;
    height: 0;
    opacity: 0;
    margin: 0 -30px;
    -webkit-transition: all 200ms ease-out 0s;
    -moz-transition: all 200ms ease-out 0s;
    -ms-transition: all 200ms ease-out 0s;
    -o-transition: all 200ms ease-out 0s;
    transition: all 200ms ease-out 0s
}

.product-preview__info__link .icon {
    padding: 0 5px;
    vertical-align: baseline
}

.product-preview__info__link li {
    padding-bottom: 1em
}

.product-preview__info__link a {
    text-decoration: none
}

.product-preview__info__link--inline li {
    display: inline-block;
    padding-right: 3px
}

.no-transition .product-preview__info__link {
    -webkit-transition: all 0s ease-out 0s;
    -moz-transition: all 0s ease-out 0s;
    -ms-transition: all 0s ease-out 0s;
    -o-transition: all 0s ease-out 0s;
    transition: all 0s ease-out 0s
}

.product-preview__info__link .icon {
    padding: 0 5px;
    vertical-align: baseline
}

.product-preview__info__link a {
    text-decoration: none;
    white-space: nowrap
}

.product-preview__info__link:after {
    pointer-events: none;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    content: '';
    opacity: 0;
    -webkit-transition: opacity 350ms ease-out 350ms, -webkit-transform 350ms ease-out 350ms;
    transition: opacity 350ms ease-out 350ms, transform 350ms ease-out 350ms;
    border-top-width: 1px;
    border-top-style: solid;
    -webkit-transform: scale(0);
    transform: scale(0)
}

.product-preview__info__link .buy-link {
    display: none
}

.product-preview__action_btn {
    margin: 0px;
    text-align: center
}

.product-preview__action_btn button {
    width: 45%
}

.single-product .product-preview__action_btn {
    margin: 0
}

.no-touch .product-preview__info .rating {
    -webkit-transition: all 200ms ease-out 0s;
    -moz-transition: all 200ms ease-out 0s;
    -ms-transition: all 200ms ease-out 0s;
    -o-transition: all 200ms ease-out 0s;
    transition: all 200ms ease-out 0s
}

.no-transition .product-preview__info .rating {
    -webkit-transition: all 0s ease-out 0s;
    -moz-transition: all 0s ease-out 0s;
    -ms-transition: all 0s ease-out 0s;
    -o-transition: all 0s ease-out 0s;
    transition: all 0s ease-out 0s
}

.product-preview__outstock {
    font-size: 16px;
    line-height: 18px;
    position: absolute;
    text-align: center;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 60%;
    padding: 15px 15px 15px;
    margin: 0 20%;
    z-index: 999
}

.product-preview__label {
    position: absolute;
    top: 0;
    width: 52px;
    height: 52px;
    font-size: 12pt;
    text-transform: uppercase;
    text-align: center;
    box-shadow: 0 1px 3px rgba(0,0,0,0.12),0 1px 2px rgba(0,0,0,0.24)
}

.row-view .product-preview {
    -webkit-transition: all 200ms ease-out 0s;
    -moz-transition: all 200ms ease-out 0s;
    -ms-transition: all 200ms ease-out 0s;
    -o-transition: all 200ms ease-out 0s;
    transition: all 200ms ease-out 0s
}

@media (max-width: 767px) {
    .row-view .product-preview__label--right {
        left:0
    }
}

.row-view .product-preview__label {
    width: 35px;
    height: 35px;
    font-size: 0.7em
}

.product-preview__label span {
    display: block;
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.product-preview__label--left {
    left: 15px
}

.row-view .product-preview__label--left {
    left: 8px
}

.product-preview__label--right {
    right: 15px
}

.row-view .product-preview__label--right {
    left: 8px
}

.product-preview__label--mall {
    background-color: rgba(0,0,0,0.5);
    color: #fff;
    width: initial;
    padding: 0 10px;
    font-size: 80%;
    height: 42px;
    right: 8px
}

@media (min-width: 768px) {
    .product-preview:hover {
        box-shadow:0 10px 20px rgba(0,0,0,0.19),0 6px 6px rgba(0,0,0,0.23)
    }

    .product-preview:hover .product-preview__info__btns {
        height: 70px;
        margin-top: -65px
    }

    .product-preview:hover .product-preview__info__btns .btn {
        opacity: 1
    }

    .product-preview:hover .product-preview__info__btns .btn:first-child {
        left: 0
    }

    .product-preview:hover .product-preview__info__btns .btn:last-child {
        right: 0
    }

    .product-preview:hover .product-preview__info__link {
        height: auto;
        padding-top: 12px;
        opacity: 1
    }

    .product-preview:hover .product-preview__info__link:after {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

.products-listing .product-preview .product-preview__info {
    position: static
}

@media (max-width: 767px) {
    .product-info__title {
        word-break:break-all
    }

    .product-preview .product-preview__info__btns {
        height: 70px;
        margin-top: -65px
    }

    .product-preview .product-preview__info__btns .btn {
        opacity: 1
    }

    .product-preview .product-preview__info__btns .btn:first-child {
        left: 0
    }

    .product-preview .product-preview__info__btns .btn:last-child {
        right: 0
    }

    .product-preview .product-preview__info__btns .btn.btn-quickview {
        display: none
    }

    .products-listing .product-preview .product-preview__info__btns {
        display: none
    }

    .product-preview .product-preview__info__link {
        position: absolute;
        right: 30px;
        bottom: 18px;
        height: auto;
        padding-top: 0;
        opacity: 1;
        font-size: 14px
    }

    .product-preview .product-preview__info__link:after {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1);
        border: 0
    }

    .product-preview .product-preview__info__link__text {
        display: none
    }

    .products-listing .product-preview .product-preview__info__link {
        position: relative;
        right: auto;
        bottom: auto;
        padding: 15px 30px 5px;
        text-align: left
    }

    .products-listing .product-preview .product-preview__info__link .buy-link {
        display: block;
        position: absolute;
        right: 20px;
        height: auto;
        bottom: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
        background: transparent;
        padding: 0
    }

    .products-listing .product-preview .product-preview__info__link .buy-link .icon {
        font-size: 26px
    }

    .product-preview .product-preview__info__link a:hover>.icon {
        color: #212121
    }

    .product-preview__label {
        height: 46px;
        width: 46px
    }

    .product-preview__label--left {
        left: 6px
    }

    .product-preview__label--right {
        right: 6px
    }
}

.products-listing.row-view .product-preview-wrapper {
    width: 100% !important;
    display: block
}

.products-listing.row-view .product-preview-wrapper .product-preview {
    position: relative;
    overflow: hidden;
    background: #ffffff;
    width: 100%;
    max-width: none;
    padding: 0;
    height: 170px
}

.products-listing.row-view .product-preview-wrapper .product-preview__image {
    position: relative;
    width: 20%;
    float: left;
    margin-right: 0px !important;
    padding-right: 0;
    overflow: hidden;
    object-fit: cover;
    object-position: 50% 50%
}

.products-listing.row-view .product-preview-wrapper .product-preview__action_btn {
    position: absolute;
    right: 20px;
    bottom: 10px
}

.products-listing.row-view .product-preview-wrapper .product-preview__action_btn button {
    width: initial
}

@media (max-width: 991px) {
    .products-listing.row-view .product-preview-wrapper .product-preview {
        height:162px
    }
}

@media (max-width: 767px) {
    .products-listing.row-view .product-preview-wrapper .product-preview__action_btn {
        margin-bottom:8px;
        right: 10px
    }

    .products-listing.row-view .product-preview-wrapper .product-preview__action_btn button {
        width: 48%
    }

    .products-listing.row-view .product-preview-wrapper .product-preview {
        padding-bottom: 38px
    }

    #Price .products-listing.row-view .product-preview-wrapper .product-preview {
        padding-bottom: 0px
    }

    #Price .products-listing.row-view .product-preview-wrapper .product-preview__image {
        height: 100%
    }

    #Price .products-listing.row-view .product-preview-wrapper .product-preview__action_btn {
        text-align: right;
        padding-right: 10px
    }

    #Price .products-listing.row-view .product-preview-wrapper .product-preview__action_btn button {
        width: initial
    }
}

@media (max-width: 650px) {
    .products-listing.row-view .product-preview-wrapper .product-preview__action_btn {
        width:100%;
        right: 0;
        bottom: 0
    }

    .products-listing.row-view .product-preview-wrapper .product-preview__image {
        width: 30%;
        height: 120px
    }
}

@media (max-width: 500px) {
    .products-listing.row-view .product-preview-wrapper .product-preview__image {
        height:120px
    }
}

@media (max-width: 420px) {
    .products-listing.row-view .product-preview-wrapper .product-preview__image {
        height:120px
    }
}

.open .products-listing.row-view .product-preview-wrapper .product-preview__info {
    position: static;
    padding: 15px 0px !important
}

.products-listing.row-view .product-preview-wrapper .product-preview__info {
    padding: 15px 0px !important
}

.products-listing.row-view .product-preview-wrapper .product-preview__info__btns {
    display: none
}

.products-listing.row-view .product-preview-wrapper .product-preview__info__description {
    display: block
}

.products-listing.row-view .product-preview-wrapper .product-preview-count .rating {
    margin-top: 0
}

@media (max-width: 991px) {
    .products-listing.row-view .product-preview-wrapper .product-preview__info__description {
        display:none
    }

    .products-listing.row-view .product-preview-wrapper .product-preview__info {
        padding: 10px 0px !important
    }
}

@media (max-width: 500px) {
    .open .products-listing.row-view .product-preview-wrapper .product-preview__info {
        padding:8px 0px !important
    }
}

@media (max-width: 374px) {
    .products-listing.row-view .product-preview-wrapper .product-preview-count .rating {
        margin-top:4px
    }
}

.products-listing.row-view .product-preview-wrapper .product-preview__info .product-preview__info__link {
    display: inline-block;
    margin-left: -15px;
    height: auto;
    min-height: 42px;
    line-height: 42px;
    padding: 15px 0 20px 15px;
    opacity: 1
}

@media (max-width: 1200px) {
    .open .products-listing.row-view .product-preview-wrapper .product-preview__info .product-preview__info__link {
        clear:both
    }
}

.products-listing.row-view .product-preview-wrapper .product-preview__info .product-preview__info__link .buy-link {
    display: inline-block;
    float: left;
    margin-right: 15px
}

.products-listing.row-view .product-preview-wrapper .product-preview__info .product-preview__info__link .buy-link .icon {
    font-size: 18px;
    vertical-align: sub !important
}

.products-listing.row-view .product-preview-wrapper .product-preview__info .product-preview__info__link:after {
    display: none
}

@media (max-width: 991px) {
    .products-listing.row-view .product-preview-wrapper .product-preview__info .product-preview__info__link {
        min-height:32px;
        line-height: 32px;
        position: absolute;
        width: 62%;
        left: 0;
        bottom: 15px;
        margin-left: 38%;
        padding: 0 0 0 45px;
        font-size: 14px
    }

    .products-listing.row-view .product-preview-wrapper .product-preview__info .product-preview__info__link__text {
        display: none
    }

    .products-listing.row-view .product-preview-wrapper .product-preview__info .product-preview__info__link .buy-link {
        position: absolute;
        right: 0;
        height: auto;
        top: -3px;
        -webkit-box-shadow: none;
        box-shadow: none;
        background: transparent;
        padding: 0;
        margin: 0 5px 0 0
    }

    .products-listing.row-view .product-preview-wrapper .product-preview__info .product-preview__info__link .buy-link .icon {
        font-size: 26px
    }

    .products-listing.row-view .product-preview-wrapper .product-preview__info .product-preview__info__link {
        bottom: 0;
        padding: 0 0 0 24px
    }
}

.blog-widget .rating {
    margin-bottom: 10px
}

.rating {
    font-size: 12px;
    line-height: 1em;
    margin-top: 7px
}

.rating span {
    padding-right: 1px
}

.rating .empty-star {
    opacity: 0.5
}

.rating--big {
    font-size: 13px;
    line-height: 1.4em !important
}

.rating--big span {
    padding-right: 2px
}

.rating .icon-star-fill {
    color: #f5ce34
}

.rating .icon-star-fill.half-star {
    -webkit-clip-path: polygon(0% 0%, 50% 0%, 50% 100%, 0% 100%);
    clip-path: polygon(0% 0%, 50% 0%, 50% 100%, 0% 100%)
}

.price-box {
    font-size: 18px;
    padding-top: 10px
}

.price-box__new {
    font-weight: bold
}

.price-box__old {
    font-size: 16px;
    font-weight: light;
    text-decoration: line-through
}

.tag-box {
    text-align: left;
    height: 36px;
    overflow: hidden
}

.tag-box .tags-list {
    margin: 0px
}

.tag-box .tags-list li a {
    padding: 5px;
    border-radius: 2px;
    padding: 2px 7px
}

.modal--addTag .form-control {
    min-height: 38px;
    height: initial;
    padding: 18px 10px;
    margin-bottom: 15px
}

.edit-tags {
    font-size: 0.923em;
    text-decoration: none;
    -webkit-transition: all 200ms 0s ease;
    -moz-transition: all 200ms 0s ease;
    -ms-transition: all 200ms 0s ease;
    -o-transition: all 200ms 0s ease;
    transition: all 200ms 0s ease;
    text-transform: uppercase;
    line-height: 0.9em;
    padding: 7px 10px;
    border: 1px solid #1db79d;
    color: #1db79d
}

.store-count,.store-link {
    color: #afa79c;
    font-size: 12px;
    margin-top: 4px;
    width: 120px;
    display: inline-block
}

.filters-col__collapse .products-widget .slick-slider.slick-vertical {
    margin-bottom: 40px
}

@media (max-width: 767px) {
    .products-widget {
        margin-bottom:30px
    }

    .price-box {
        padding-top: 8px
    }

    .product-preview .rating {
        margin-top: 10px;
        font-size: 12px
    }

    .store-count {
        margin-top: 0px;
        font-size: 12px;
        float: none;
        display: block
    }
}

.products-widget__item {
    position: relative;
    padding: 11px 20px 13px
}

@media (max-width: 1199px) and (min-width: 992px) {
    .products-widget__item {
        padding:11px 10px 13px
    }
}

.products-listing.row-view .product-preview-wrapper .product-preview__info .product-preview__info__title {
    float: left;
    width: 40%;
    height: initial;
    padding-right: 10px;
    word-break: break-all;
    position: relative;
    padding-left: 20px
}

.products-listing.row-view .product-preview-wrapper .product-preview__info .product-preview-count {
    float: left;
    text-align: left;
    padding-left: 10px;
    width: 0%;
    display: none
}

.products-listing.row-view .product-preview-wrapper .product-preview__info .price-box {
    float: left;
    width: 40%;
    padding-top: 0px;
    font-size: 20px;
    word-break: break-all;
    text-align: left
}

.products-listing.row-view .product-preview-wrapper .product-preview__info .price-box div {
    padding-bottom: 5px
}

.products-listing.row-view .product-preview-wrapper .product-preview__info .product-preview-count .store-count {
    margin-top: 5px;
    position: relative
}

.products-listing.row-view .product-preview-wrapper .product-preview__info .product-preview__info__title a {
    font-size: 18px;
    text-decoration: none;
    font-weight: 500;
    word-break: break-all
}

@media (max-width: 991px) {
    .products-listing.row-view .product-preview-wrapper .product-preview__info .product-preview__info__title a {
        font-size:15px
    }

    .products-listing.row-view .product-preview-wrapper .product-preview__info .product-preview-count {
        width: 20%;
        padding-left: 5px;
        padding-top: 0
    }

    .products-listing.row-view .product-preview-wrapper .product-preview__info .price-box {
        width: 20%
    }
}

@media (max-width: 650px) {
    .products-listing.row-view .product-preview-wrapper .product-preview__info .product-preview__info__title {
        height:82px;
        overflow: hidden;
        padding-left: 0px
    }

    .products-listing.row-view .product-preview-wrapper .product-preview__info .product-preview__info__title a {
        line-height: 1.4
    }

    .products-listing.row-view .product-preview-wrapper .product-preview__info .product-preview-count {
        width: 29%
    }

    .products-listing.row-view .product-preview-wrapper .product-preview__info .price-box {
        width: 29%;
        text-align: left;
        margin-top: 0px;
        padding-left: 5px;
        font-size: 18px
    }
}

@media (max-width: 450px) {
    .products-listing.row-view .product-preview-wrapper .product-preview__info .product-preview__info__title {
        height:104px
    }

    .products-listing.row-view .product-preview-wrapper .product-preview__info .product-preview__info__title a {
        line-height: initial
    }

    #Price .products-listing.row-view .product-preview-wrapper .product-preview__info .product-preview__info__title {
        height: 106px
    }
}

@media (max-width: 374px) {
    .products-listing.row-view .product-preview-wrapper .product-preview__info .product-preview-count {
        display:none
    }

    .products-listing.row-view .product-preview-wrapper .product-preview__info .price-box {
        margin-top: 2px;
        font-size: 16px
    }
}

.filters-col__collapse .products-widget__item {
    padding-left: 0;
    padding-right: 0
}

.products-widget__item:after {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    content: '';
    height: 1px
}

.filters-col .products-widget__item:after {
    display: none
}

.products-widget__item__image {
    width: 74px
}

.products-widget__item__image img {
    width: 100%;
    border-radius: 2px;
    -webkit-box-shadow: 0 0 1px 1px rgba(0,0,0,0.1);
    -moz-box-shadow: 0 0 1px 1px rgba(0,0,0,0.1);
    box-shadow: 0 0 1px 1px rgba(0,0,0,0.1);
    -webkit-transition: box-shadow 300ms 0s ease;
    -moz-transition: box-shadow 300ms 0s ease;
    -ms-transition: box-shadow 300ms 0s ease;
    -o-transition: box-shadow 300ms 0s ease;
    transition: box-shadow 300ms 0s ease
}

.products-widget__item__image img:hover {
    box-shadow: 0 3px 6px rgba(0,0,0,0.16),0 3px 6px rgba(0,0,0,0.23)
}

.products-widget__item__info {
    overflow: hidden;
    padding: 0 20px
}

@media (max-width: 1199px) and (min-width: 992px) {
    .products-widget__item__info {
        padding:0 0 0 10px
    }
}

.products-widget__item__info__title h2 {
    font-size: 1em;
    padding: 0 0 10px;
    margin: 0;
    word-break: break-all
}

.products-widget__item__info .rating {
    padding-bottom: 10px
}

.product-carousel {
    margin-bottom: -20px
}

.product-carousel .slick-prev,.product-carousel .slick-next {
    margin-top: -21px
}

@media (max-width: 991px) {
    .nav-inside .slick-next,.nav-inside .slick-next:hover,.nav-inside .slick-next:focus,.nav-inside .slick-prev,.nav-inside .slick-prev:hover,.nav-inside .slick-prev:focus,.product-carousel .slick-prev,.product-carousel .slick-next,.product-category-carousel.nav-inside .slick-prev,.product-category-carousel-aside.nav-inside .slick-prev,.product-category-carousel.nav-inside .slick-next,.product-category-carousel-aside.nav-inside .slick-next {
        background-color:transparent !important
    }
}

@media (max-width: 767px) {
    .product-carousel .slick-prev,.product-carousel .slick-next {
        margin-top:-72px
    }
}

.product-main-image {
    margin: 0;
    padding: 0;
    list-style: none;
    position: relative
}

@media (max-width: 991px) {
    .product-main-image {
        max-height:450px
    }
}

.product-main-image__zoom {
    position: absolute;
    z-index: 999;
    bottom: 0;
    right: 0;
    display: block;
    width: 46px;
    height: 46px;
    text-align: center;
    cursor: pointer
}

.product-main-image__zoom:after {
    font-family: 'Welldone', 'Microsoft JhengHei';
    font-size: 15px;
    line-height: 46px;
    content: "\e62b"
}

.product-main-image.no-zoom {
    position: relative
}

.product-main-image.no-zoom .product-main-image__item {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    width: 100%
}

.product-main-image.no-zoom .product-main-image__item.active {
    z-index: 1
}

.product-main-image img {
    width: 100%
}

.product-images-carousel {
    padding: 0 25px;
    margin-top: 30px;
    width: 100%;
    position: relative
}

.product-images-carousel .loader {
    opacity: 1
}

.product-images-carousel ul {
    margin: 0;
    padding: 0;
    list-style: none;
    -webkit-transition: all 300ms 0s ease;
    -moz-transition: all 300ms 0s ease;
    -ms-transition: all 300ms 0s ease;
    -o-transition: all 300ms 0s ease;
    transition: all 300ms 0s ease
}

.modal .product-images-carousel ul {
    opacity: 0;
    height: 90px;
    overflow: hidden
}

.product-images-carousel ul li {
    display: inline
}

.product-images-carousel ul li a {
    display: block;
    margin: 0 4px
}

.product-images-carousel .slick-prev {
    left: -28px
}

.product-images-carousel .slick-next {
    right: -28px
}

.product-images-carousel.loaded ul {
    opacity: 1;
    overflow: visible;
    height: auto
}

.product-images-carousel.loaded .loader {
    display: none
}

.product-images-carousel .video-link {
    display: block;
    position: relative;
    text-decoration: none
}

.product-images-carousel .video-link:after {
    position: absolute;
    display: block;
    width: 100%;
    text-align: center;
    font-family: 'Welldone', 'Microsoft JhengHei';
    font-size: 42px;
    line-height: 42px;
    content: "\e638";
    line-height: 1em;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.product-info__title {
    position: relative
}

.product-info__title .favorite-btn {
    display: inline-block;
    width: 42px;
    height: 42px;
    border-radius: 50%;
    border: 1px solid #ccc;
    color: #ccc;
    font-size: 27px;
    text-align: center;
    margin-bottom: 10px;
    margin-right: -16px;
    cursor: pointer;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.product-info__title .favorite-btn:hover {
    background-color: #ff703a
}

.product-info__title a {
    position: absolute;
    top: 24px;
    right: 12px;
    font-size: 12px;
    color: #c5c5c5
}

.product-info__title a:hover {
    color: #ff703a
}

.product-info__title h3 {
    padding-bottom: 20px;
    word-break: break-all;
    line-height: 1.2
}

@media (max-width: 991px) {
    .product-info__title h3 {
        font-size:21px
    }
}

@media (max-width: 767px) {
    .product-info__title h3 {
        text-align:left !important;
        padding-bottom: 8px
    }
}

.product-info__price {
    font-size: 1.846em
}

.product-info__description {
    line-height: 1.231em
}

.product-info__rating,.product-info__comment {
    padding-bottom: 10px
}

@media (max-width: 767px) {
    .product-info__rating {
        padding-bottom:10px
    }
}

.product-info__sku {
    margin-top: 4px
}

@media (max-width: 991px) {
    .product-info__sku {
        float:none !important;
        margin-bottom: 15px
    }
}

.product-info__share {
    margin-top: 10px
}

.product-info__share ul,.product-info__share li {
    list-style: none;
    -webkit-padding-start: 0px
}

.product-info__share li {
    display: inline-block;
    border-radius: 50%;
    height: 30px !important;
    width: 30px !important;
    text-align: center;
    padding: 5px 0px;
    margin: 0px 5px
}

.product-info__share li img {
    width: 20px
}

.campaign-modal .product-info__share li {
    height: 50px !important;
    width: 50px !important;
    padding: 9px
}

.campaign-modal .product-info__share li img {
    width: 32px
}

.product-info__action .btn--wd.btn--sm,.btn--light.btn--sm,.btn--gr.btn--sm {
    font-weight: 400;
    margin-right: 0 5px
}

.product-info__divider {
    border-top-width: 1px;
    border-top-style: solid
}

@media (min-width: 992px) and (max-width: 1199px) {
    .product-info .social-links {
        float:none !important;
        padding-top: 25px;
        clear: both
    }
}

@media (max-width: 767px) {
    .product-info .grey-box {
        padding:0
    }

    .product-preview__action_btn .btn--wd.btn--sm,.product-preview__action_btn .btn--light.btn--sm,.product-preview__action_btn .btn--gr.btn--sm {
        padding: 5px;
        width: initial
    }
}

@media (max-width: 650px) {
    .product-preview__action_btn .btn--wd.btn--sm,.product-preview__action_btn .btn--light.btn--sm,.product-preview__action_btn .btn--gr.btn--sm {
        width:45%
    }
}

.product-info__time {
    margin-top: 5px
}

.product-info__btn {
    margin-top: 5px
}

.input-qty {
    width: 62px;
    text-align: center;
    padding-right: 22px;
    padding-left: 5px
}

.input-group-qty {
    padding-right: 10px
}

.input-group-qty .btn-number-container {
    position: relative
}

.input-group-qty .btn-number-container .btn-number {
    position: absolute;
    left: -18px;
    width: 18px;
    height: 21px;
    padding: 0;
    line-height: 18px;
    border-left-width: 1px;
    border-left-style: solid;
    border-top-width: 1px;
    border-top-style: solid;
    background: none;
    border-radius: 0
}

.input-group-qty .btn-number-container .btn-number--minus {
    top: 19px
}

.input-group-qty .btn-number-container .btn-number--plus {
    top: 0
}

.product-other {
    margin: 0;
    padding: 11px 0 9px;
    list-style: none
}

.product-other__link {
    display: inline-block;
    position: relative;
    text-transform: uppercase;
    cursor: pointer
}

.product-other__link a {
    text-decoration: none
}

.product-other__link__image {
    position: absolute;
    display: none;
    top: 23px;
    width: 55px;
    z-index: 100
}

.product-other__link__image img {
    width: 100%;
    -webkit-box-shadow: 0 0 1px 1px rgba(0,0,0,0.1);
    -moz-box-shadow: 0 0 1px 1px rgba(0,0,0,0.1);
    box-shadow: 0 0 1px 1px rgba(0,0,0,0.1)
}

.product-other__link.show-image .product-other__link__image {
    display: block
}

.product-other__link.product-prev {
    padding-left: 25px;
    padding-right: 50px
}

.product-other__link.product-prev:after {
    position: absolute;
    display: block;
    top: 3px;
    left: 0;
    font-family: 'Welldone', 'Microsoft JhengHei';
    font-size: 12px;
    content: "\e603";
    line-height: 1em
}

.product-other__link.product-prev .product-other__link__image {
    left: 0
}

.product-other__link.product-prev:last-child {
    padding-right: 0 !important
}

.product-other__link.product-next {
    padding-right: 25px
}

.product-other__link.product-next:after {
    position: absolute;
    display: block;
    top: 3px;
    right: 0;
    font-family: 'Welldone', 'Microsoft JhengHei';
    font-size: 12px;
    content: "\e602";
    line-height: 1em
}

.product-other__link.product-next .product-other__link__image {
    right: 0
}

#singleGallery {
    margin: 0 0 35px;
    padding: 0;
    list-style: none
}

#singleGallery .slick-slide {
    margin-bottom: 30px
}

@media (max-width: 767px) {
    #singleGallery .slick-slide {
        max-height:700px
    }

    #singleGallery .slick-slide {
        margin-bottom: 10px
    }
}

@media (max-width: 575px) {
    #singleGallery .slick-slide {
        max-height:480px
    }
}

#singleGallery .slick-dots {
    bottom: -15px
}

#singleGalleryVertical {
    margin: 0 0 35px;
    padding: 0;
    list-style: none
}

#singleGalleryVertical .slick-dots {
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 0;
    bottom: auto;
    width: 20px
}

#singleGalleryVertical .slick-track {
    top: 0 !important
}

#singleGalleryVertical .slick-slide {
    border: 0 !important
}

.product-images-carousel .slick-slide img {
    width: 100%;
    height: 93px;
    object-fit: cover
}

.products-widget.card {
    margin-bottom: 25px
}

.products-isotope {
    margin-bottom: 10px
}

.product-category {
    position: relative;
    cursor: pointer;
    border-radius: 0;
    box-shadow: 0 1px 3px rgba(0,0,0,0.12),0 1px 2px rgba(0,0,0,0.24);
    -webkit-transition: box-shadow 300ms 0s ease;
    -moz-transition: box-shadow 300ms 0s ease;
    -ms-transition: box-shadow 300ms 0s ease;
    -o-transition: box-shadow 300ms 0s ease;
    transition: box-shadow 300ms 0s ease
}

.product-category img {
    border-radius: 0;
    object-fit: cover;
    object-position: 50% 50%;
    width: 100%
}

.product-category img.icon-play {
    width: 80px;
    position: absolute;
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    left: 50%;
    top: -50px;
    object-fit: initial
}

.product-category__info {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0
}

.product-category__info__ribbon {
    padding: 10px;
    background: #f9f9f9
}

.product-category__info__ribbon__title {
    padding: 0;
    margin: 0;
    font-size: 1.077em;
    text-transform: uppercase;
    height: 58px;
    overflow: hidden;
    margin-bottom: 10px;
    line-height: 1.4
}

.product-category__info__ribbon__count {
    font-size: 0.923em
}

.product-category__info__ribbon__content {
    font-size: 0.923em;
    margin-bottom: 10px;
    line-height: 1.2;
    color: #777;
    height: 14px;
    overflow: hidden
}

.product-category:hover {
    box-shadow: 0 10px 20px rgba(0,0,0,0.19),0 6px 6px rgba(0,0,0,0.23)
}

.product-category-carousel.slick-slider,.product-category-carousel-aside.slick-slider {
    margin: 0 -15px -20px
}

.product-category-carousel .slick-slide,.product-category-carousel-aside .slick-slide {
    margin: 0 15px 20px;
    height: 250px
}

.product-category-carousel .slick-prev,.product-category-carousel-aside .slick-prev,.product-category-carousel .slick-next,.product-category-carousel-aside .slick-next {
    margin-top: -21px
}

@media (max-width: 767px) {
    .product-category-carousel .slick-prev,.product-category-carousel-aside .slick-prev,.product-category-carousel .slick-next,.product-category-carousel-aside .slick-next {
        margin-top:-72px
    }
}

@media (max-width: 767px) {
    .product-category-carousel.nav-inside .slick-prev,.product-category-carousel-aside.nav-inside .slick-prev,.product-category-carousel.nav-inside .slick-next,.product-category-carousel-aside.nav-inside .slick-next {
        margin-top:-72px !important
    }
}

.product-category-carousel .mall-logo.slick-slide,.product-category-carousel-aside .mall-logo.slick-slide {
    border-radius: 10px;
    margin: 10px;
    height: 100px;
    background-color: #fff;
    box-shadow: 0 1px 3px rgba(0,0,0,0.12),0 1px 2px rgba(0,0,0,0.24);
    overflow: hidden
}

.mall-logo img {
    object-fit: cover;
    object-position: 50% 50%
}

.favorite-btn {
    position: absolute;
    bottom: 8px;
    right: 8px;
    border: 1px solid #ccc;
    border-radius: 50%;
    padding: 8px 7px;
    color: #ccc;
    height: 30px;
    width: 30px;
    cursor: pointer;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.favorite-btn.active,.favorite-btn:hover {
    background-color: #ff703a;
    color: #fff;
    border-color: #ff703a
}

.category-big-banner {
    position: relative;
    overflow: hidden
}

.category-big-banner__image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    background-size: cover;
    background-position: center center
}

.no-touch .category-big-banner__image {
    -webkit-transition: 15s -webkit-transform linear;
    transition: 15s transform linear
}

.no-touch .category-big-banner__image:hover {
    -webkit-transform: scale(1.3);
    -ms-transform: scale(1.3);
    transform: scale(1.3)
}

.category-big-banner__text {
    text-align: center;
    position: absolute;
    left: 0;
    width: 100%;
    z-index: 100;
    color: #fff;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.category-big-banner__text .category-title {
    font-size: 2.2em;
    padding-bottom: 15px
}

.category-big-banner__text p {
    font-size: 1.6em;
    margin-bottom: 20px
}

.category-big-banner__text .btn {
    visibility: hidden;
    opacity: 0;
    margin-top: 50px;
    -webkit-transition: all 300ms 0s ease;
    -moz-transition: all 300ms 0s ease;
    -ms-transition: all 300ms 0s ease;
    -o-transition: all 300ms 0s ease;
    transition: all 300ms 0s ease
}

.category-big-banner:hover .category-big-banner__text .btn {
    visibility: visible;
    opacity: 1;
    margin-top: 0;
    -webkit-transition: all 300ms 0s ease;
    -moz-transition: all 300ms 0s ease;
    -ms-transition: all 300ms 0s ease;
    -o-transition: all 300ms 0s ease;
    transition: all 300ms 0s ease
}

body.modal-open {
    overflow-y: scroll;
    padding-right: 0 !important
}

.modal {
    z-index: 10003;
    text-align: center;
    padding: 0 !important
}

.modal.quick-view .modal-dialog {
    width: 940px;
    max-width: 90%;
    -webkit-transition: all 300ms 0s ease;
    -moz-transition: all 300ms 0s ease;
    -ms-transition: all 300ms 0s ease;
    -o-transition: all 300ms 0s ease;
    transition: all 300ms 0s ease
}

.modal:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    margin-right: -4px
}

.modal .modal-dialog {
    display: inline-block;
    text-align: left;
    vertical-align: middle;
    overflow: hidden
}

.modal .modal-content {
    padding: 35px 20px 20px 20px;
    box-shadow: 0 10px 20px rgba(0,0,0,0.19),0 6px 6px rgba(0,0,0,0.23);
    border-radius: 0
}

.modal button.close {
    margin: -28px -15px 0 0;
    font-size: 28px;
    opacity: 1
}

.modal--bg .modal-dialog {
    width: auto !important;
    max-width: 678px;
    position: relative;
    padding: 0
}

.modal--bg .modal-header {
    position: absolute;
    z-index: 1;
    right: 0;
    top: 0;
    border: 0;
    padding: 14px
}

.modal--bg .modal-header button.close {
    margin: 0;
    font-size: 20px;
    opacity: 1
}

.modal--bg .modal-content {
    text-align: center;
    background: transparent;
    border: 0;
    width: 100%;
    -webkit-box-shadow: 0 0 0 0 transparent;
    -moz-box-shadow: 0 0 0 0 transparent;
    box-shadow: 0 0 0 0 transparent
}

@media (min-width: 768px) {
    .modal--bg .modal-content {
        position:absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        padding: 0 75px
    }
}

@media (max-width: 991px) {
    .modal--bg .modal-content {
        padding:0 25px
    }
}

@media (max-width: 767px) {
    .modal .modal-content {
        padding:35px 5px 5px 5px
    }

    .modal button.close {
        margin: -28px 0px 0 0
    }
}

.modal--bg .modal-content h1,.modal--bg .modal-content h2,.modal--bg .modal-content h3 {
    padding-bottom: 15px
}

.modal--bg .modal-content input {
    max-width: 400px;
    margin: 25px 0 20px 0;
    padding: 11px 15px;
    height: 44px
}

.modal--bg .modal-body {
    padding: 0
}

.modal--bg .modal-footer {
    border: 0
}

.modal--bg .popup-dont-show {
    position: absolute;
    bottom: 40px;
    left: 20px;
    text-align: left;
    color: #3b3434;
    font-size: 10px;
    font-weight: 300
}

@media (max-width: 767px) {
    .modal--bg .modal-bg-image {
        display:none
    }
}

.modal-backdrop {
    z-index: 10002
}

.overlay {
    z-index: 10002;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0
}

.overlay .overlay-close {
    width: 80px;
    height: 80px;
    position: absolute;
    right: 20px;
    top: 20px;
    overflow: hidden;
    border: none;
    font-size: 40px;
    background: transparent;
    outline: none;
    z-index: 100
}

.overlay__content {
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 60%;
    margin: 0 auto;
    text-align: center
}

@media (max-width: 991px) {
    .overlay__content {
        width:100%
    }
}

.overlay-scale {
    visibility: hidden;
    opacity: 0;
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
    -webkit-transition: -webkit-transform 0.2s, opacity 0.2s, visibility 0s 0.2s;
    transition: transform 0.2s, opacity 0.2s, visibility 0s 0.2s
}

.overlay-scale.open {
    visibility: visible;
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: -webkit-transform 0.4s, opacity 0.4s;
    transition: transform 0.4s, opacity 0.4s
}

.overlay .input-group--wd input {
    text-align: center;
    font-size: 36px;
    line-height: 42px;
    font-weight: 300
}

@media (max-width: 991px) {
    .overlay .input-group--wd input {
        font-size:25px;
        line-height: 36px
    }
}

@media screen and (max-height: 30.5em) {
    .overlay nav {
        height:70%;
        font-size: 34px
    }

    .overlay ul li {
        min-height: 34px
    }
}

body.modal-open {
    overflow: hidden !important
}

.loader .bar {
    font-size: 0;
    height: 6px;
    opacity: 0;
    border-radius: 50%;
    width: 6px;
    -webkit-animation: subtleIn 3s ease-in-out infinite;
    -moz-animation: subtleIn 3s ease-in-out infinite;
    -ms-animation: subtleIn 3s ease-in-out infinite;
    animation: subtleIn 3s ease-in-out infinite;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom:1;*display: inline
}

.loader .bar:nth-child(2) {
    -webkit-animation-delay: .3s;
    animation-delay: .3s
}

.loader .bar:nth-child(3) {
    -webkit-animation-delay: .6s;
    animation-delay: .6s
}

.loader .bar:nth-child(4) {
    -webkit-animation-delay: .9s;
    animation-delay: .9s
}

.loader .bar:nth-child(5) {
    -webkit-animation-delay: 1.2s;
    animation-delay: 1.2s
}

@-moz-keyframes subtleIn {
    0% {
        opacity: 0;
        -moz-transform: translateY(300%);
        -ms-transform: translateY(300%);
        -webkit-transform: translateY(300%);
        transform: translateY(300%)
    }

    30% {
        opacity: 1;
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@-webkit-keyframes subtleIn {
    0% {
        opacity: 0;
        -moz-transform: translateY(300%);
        -ms-transform: translateY(300%);
        -webkit-transform: translateY(300%);
        transform: translateY(300%)
    }

    30% {
        opacity: 1;
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes subtleIn {
    0% {
        opacity: 0;
        -moz-transform: translateY(300%);
        -ms-transform: translateY(300%);
        -webkit-transform: translateY(300%);
        transform: translateY(300%)
    }

    30% {
        opacity: 1;
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

.mall-centerCol {
    padding: 0 20px
}

#centerCol .load-more {
    display: inline-block
}

#centerCol .loader {
    position: initial;
    margin: 20px;
    left: 0
}

.options-swatch {
    margin: 0 0 10px 0;
    padding: 0;
    list-style: none
}

.options-swatch li {
    display: inline-block;
    width: 24px;
    height: 23px;
    border-width: 2px;
    border-style: solid;
    cursor: pointer;
    font-size: 11px;
    line-height: 15px;
    text-align: center;
    -webkit-box-shadow: 0 0 1px 0 rgba(0,0,0,0.25);
    -moz-box-shadow: 0 0 1px 0 rgba(0,0,0,0.25);
    box-shadow: 0 0 1px 0 rgba(0,0,0,0.25)
}

.options-swatch li:hover {
    box-shadow: 0 1px 3px rgba(0,0,0,0.12),0 1px 2px rgba(0,0,0,0.24)
}

.options-swatch img {
    width: 100%;
    height: 100%
}

.options-swatch--lg li {
    width: 34px;
    height: 32px;
    border-width: 3px;
    font-size: 11px;
    line-height: 22px
}

.options-swatch--size li {
    padding: 0 !important;
    line-height: 19px
}

.options-swatch--size.options-swatch--lg li {
    line-height: 26px
}

.color-icon {
    display: inline-block;
    width: 17px;
    height: 17px;
    margin-right: 8px;
    cursor: pointer;
    font-size: 11px;
    line-height: 15px;
    text-align: center;
    vertical-align: text-top
}

.color-icon img {
    width: 100%;
    height: 100%
}

@media (max-width: 991px) {
    .compare-box {
        display:none
    }
}

body.compare-minimize {
    padding-bottom: 48px
}

.compare-box {
    position: fixed;
    z-index: 10001;
    left: 0;
    right: 0;
    height: 220px;
    bottom: -220px;
    padding: 20px 0;
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: #f0f0f0;
    background: rgba(255,255,255,0.95);
    overflow: hidden;
    -webkit-transition: all 300ms 0s ease;
    -moz-transition: all 300ms 0s ease;
    -ms-transition: all 300ms 0s ease;
    -o-transition: all 300ms 0s ease;
    transition: all 300ms 0s ease
}

.compare-box .container {
    position: relative
}

.compare-box.open {
    bottom: 0
}

.compare-box.open__header__toggle__hide {
    display: block
}

.compare-box.open__header__toggle__show {
    display: none
}

.compare-box.minimize {
    bottom: 0;
    height: 48px;
    padding: 10px 0
}

.compare-box__header {
    position: relative
}

.compare-box__header__title {
    padding-bottom: 20px
}

.minimize .compare-box__header__title {
    padding-bottom: 10px
}

.compare-box__header__toggle {
    position: absolute;
    top: 0;
    right: 0;
    font-size: 1.231em;
    line-height: 1em;
    text-transform: uppercase;
    cursor: pointer
}

.minimize .compare-box__header__toggle {
    top: 5px
}

.compare-box__header__toggle .icon {
    vertical-align: top;
    font-weight: bold;
    font-size: 12px;
    padding: 0 5px 0 10px;
    cursor: pointer
}

.compare-box__header__toggle__hide {
    display: inline-block
}

.minimize .compare-box__header__toggle__hide {
    display: none
}

.compare-box__header__toggle__show {
    display: none
}

.minimize .compare-box__header__toggle__show {
    display: inline-block
}

.compare-box__header__toggle__close {
    font-size: 14px;
    padding-left: 15px
}

.compare-box__actions {
    position: absolute;
    right: 0;
    top: 50px;
    width: 150px
}

.compare-box__actions__btns {
    width: 135px
}

.compare-box__actions .btn {
    width: 100%;
    margin: 7px 0
}

.compare-box__items {
    margin-right: 200px
}

@media (min-width: 992px) and (max-width: 1199px) {
    .compare-box__items {
        width:655px
    }
}

.compare-box__items .owl-welldone.nav-top .owl-nav {
    margin-top: -40px
}

.minimize .compare-box__items .owl-welldone.nav-top .owl-nav {
    display: none
}

.compare-box__items__list {
    margin: 0;
    padding: 0;
    list-style: none
}

.compare-box__items__list__item {
    display: block;
    float: left;
    position: relative;
    width: 115px;
    margin-left: 20px;
    margin-bottom: 100px;
    vertical-align: top;
    border-width: 4px;
    border-style: solid;
    -webkit-transition: border-color 200ms 0s ease;
    -moz-transition: border-color 200ms 0s ease;
    -ms-transition: border-color 200ms 0s ease;
    -o-transition: border-color 200ms 0s ease;
    transition: border-color 200ms 0s ease
}

.compare-box__items__list__item:first-child {
    margin-left: 0
}

.compare-box__items__list__item.empty {
    border-width: 4px;
    border-style: dashed
}

.compare-box__items__list__item img {
    width: 100%
}

.compare-box__items__list__item__delete {
    position: absolute;
    top: 5px;
    right: 5px;
    font-size: 10px
}

.compare-box__items__list__item__num {
    position: absolute;
    top: 50%;
    right: 0;
    left: 0;
    margin-top: -19px;
    text-align: center;
    font-size: 38px;
    line-height: 1em;
    font-weight: bold
}

.compare-carousel.slick-slider {
    margin: 0 -10px !important
}

.compare-carousel .slick-slide {
    width: 115px !important;
    margin: 0 10px !important
}

.compare-carousel .slick-prev {
    right: 45px !important
}

.minimize .compare-carousel .slick-prev {
    opacity: 0 !important
}

.compare-carousel .slick-next {
    right: 10px !important
}

.minimize .compare-carousel .slick-next {
    opacity: 0 !important
}

@media (min-width: 0) and (max-width: 479px) {
    .compare-carousel .slick-next {
        top:50%;
        margin-top: -11px;
        right: 22px !important
    }

    .compare-carousel .slick-prev {
        top: 50%;
        margin-top: -11px;
        left: 22px !important
    }
}

.flag {
    width: 16px;
    height: 11px;
    display: inline-block;
    vertical-align: middle
}

.flag img {
    vertical-align: top
}

.tp-banner-container {
    width: 100%;
    position: relative;
    padding: 0;
    opacity: 0;
    height: 100vh
}

.tp-banner {
    width: 100%;
    position: relative
}

.tp-banner-fullscreen-container {
    width: 100%;
    position: relative;
    padding: 0
}

.tp-caption a {
    color: #757575
}

.tp-caption a:hover {
    color: #635c52
}

.tp-caption--wd-1 {
    line-height: 1em;
    font-family: 'Roboto', sans-serif, 'Microsoft JhengHei';
    font-weight: bold;
    font-size: 50px;
    margin-bottom: 20px;
    font-style: italic
}

.tp-caption--wd-2 {
    line-height: 1em;
    font-weight: lighter;
    font-family: 'Roboto', sans-serif, 'Microsoft JhengHei';
    font-size: 28px;
    margin-bottom: 20px;
    font-style: italic
}

.tp-caption--wd-3 {
    line-height: 1em;
    font-family: 'Roboto', sans-serif, 'Microsoft JhengHei';
    font-size: 24px
}

.tp-caption--wd-4 {
    font-size: 13px;
    line-height: 1.4;
    font-family: 'Roboto', sans-serif, 'Microsoft JhengHei';
    letter-spacing: 0.8px
}

.tp-caption--wd-4 a {
    color: #afa79c
}

.tp-caption--wd-4 a:hover {
    color: #635c52
}

.tp-caption--wd-5 {
    font-size: 44px;
    line-height: 1em;
    font-family: 'Ubuntu', sans-serif, 'Microsoft JhengHei'
}

.tp-caption--wd-6 {
    font-size: 16px;
    line-height: 1em;
    font-family: 'Roboto', sans-serif, 'Microsoft JhengHei'
}

.tp-caption--wd-7 {
    font-size: 64px;
    line-height: 1em;
    font-family: 'Roboto', sans-serif, 'Microsoft JhengHei'
}

.tp-caption--wd-8 {
    font-size: 36px;
    line-height: 1em;
    font-family: 'Ubuntu', sans-serif, 'Microsoft JhengHei'
}

.tp-caption .btn--wd {
    font-size: 18px
}

@media (max-width: 991px) {
    .tp-caption--wd-1 {
        font-size:34px;
        margin-bottom: 5px
    }

    .tp-caption--wd-2 {
        font-size: 20px;
        margin-bottom: 15px
    }

    .tp-caption--wd-3 input {
        width: 100%
    }

    .tp-caption--wd-4 {
        font-size: 12px
    }
}

@media (max-width: 767px) {
    .tp-caption .btn--wd.btn--xl {
        font-size:16px;
        padding: 12px 20px
    }
}

.scroll-to-content {
    position: absolute;
    z-index: 100;
    bottom: 15px;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    text-align: center;
    -webkit-transition: all 300ms ease-out 0s;
    -moz-transition: all 300ms ease-out 0s;
    -ms-transition: all 300ms ease-out 0s;
    -o-transition: all 300ms ease-out 0s;
    transition: all 300ms ease-out 0s
}

.scroll-to-content .icon {
    position: absolute;
    top: 26px;
    left: 24px
}

.scroll-to-content:hover {
    bottom: 5px
}

.scroll-to-content:hover .icon {
    -webkit-animation: scroll-ani 800ms linear infinite;
    -moz-animation: scroll-ani 800ms linear infinite;
    animation: scroll-ani 800ms linear infinite
}

.single-slider {
    opacity: 0;
    -webkit-transition: opacity 300ms ease-out 0s;
    -moz-transition: opacity 300ms ease-out 0s;
    -ms-transition: opacity 300ms ease-out 0s;
    -o-transition: opacity 300ms ease-out 0s;
    transition: opacity 300ms ease-out 0s
}

.single-slider li {
    position: relative
}

.single-slider__text {
    position: absolute;
    width: 100%;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    text-align: center
}

.single-slider__text h2 {
    font-size: 68px;
    line-height: 1em;
    padding: 0
}

@media (max-width: 479px) {
    .single-slider__text h2 {
        font-size:42px
    }
}

.single-slider__text h3 {
    font-size: 40px;
    line-height: 1em;
    padding: 0 0 10px
}

@media (max-width: 479px) {
    .single-slider__text h3 {
        font-size:24px;
        padding: 0 0 5px
    }
}

.single-slider__text h4 {
    font-size: 17px;
    padding: 0 0 25px
}

@media (max-width: 479px) {
    .single-slider__text h4 {
        font-size:14px;
        padding: 0 0 10px
    }
}

.banner-container {
    background-size: cover;
    height: 70vh;
    position: relative;
    overflow: visible;
    background-position: center
}

.banner {
    position: relative;
    line-height: 1em;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transition: box-shadow 300ms 0s ease;
    -moz-transition: box-shadow 300ms 0s ease;
    -ms-transition: box-shadow 300ms 0s ease;
    -o-transition: box-shadow 300ms 0s ease;
    transition: box-shadow 300ms 0s ease;
    height: 100%
}

.banner--image {
    display: inline-block
}

@media (max-width: 991px) {
    .banner--image {
        margin-bottom:34px
    }
}

.banner--image img {
    width: 100%;
    max-width: 100%
}

.banner--image__text {
    position: absolute;
    padding: 2%;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.banner--image__text--bottom {
    top: 70%
}

.banner--image__text--left {
    width: 45%;
    left: 6%
}

.banner--image__text--right {
    width: 45%;
    right: 6%
}

.banner--image__text--center {
    width: 100%;
    top: 28%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    position: absolute;
    text-align: center
}

@media (max-width: 1199px) and (min-width: 992px) {
    .banner--image__text--left {
        width:55%;
        left: 6%
    }

    .banner--image__text--right {
        width: 55%;
        right: 6%
    }
}

.banner--image__text .btn {
    margin-top: 1.2em
}

@media (max-width: 767px) {
    .banner--image__text .btn {
        margin-top:0.8em
    }
}

.banner--image__text h2 {
    font-size: 5.538em;
    line-height: 1em;
    padding-bottom: 0.2em;
    font-family: 'Ubuntu', sans-serif, 'Microsoft JhengHei'
}

@media (max-width: 1199px) {
    .banner--image__text h2 {
        font-size:4.8em;
        line-height: 0.9em
    }
}

@media (max-width: 991px) {
    .banner--image__text h2 {
        font-size:3.8em;
        line-height: 0.8em
    }

    .banner--image__text--center {
        top: 30%
    }
}

@media (max-width: 767px) {
    .banner--image__text h2 {
        font-size:2.8em;
        line-height: 0.8em
    }
}

.banner--image__text h3 {
    font-size: 5.538em;
    line-height: 1em;
    padding-bottom: 0;
    font-family: 'Ubuntu', sans-serif, 'Microsoft JhengHei'
}

@media (max-width: 1199px) {
    .banner--image__text h3 {
        font-size:4.2em;
        line-height: 0.9em
    }
}

@media (max-width: 991px) {
    .banner--image__text h3 {
        font-size:3.2em;
        line-height: 0.8em
    }
}

@media (max-width: 767px) {
    .banner--image__text h3 {
        font-size:2.2em;
        line-height: 0.8em
    }
}

.banner--image__text h5 {
    font-size: 1.654em;
    line-height: 1.2em;
    padding-bottom: 0;
    font-family: 'Ubuntu', sans-serif, 'Microsoft JhengHei';
    font-weight: 300
}

@media (max-width: 767px) {
    .banner--image__text h5 {
        font-size:1.3em
    }
}

.banner--image__text h6 {
    font-size: 1.308em;
    line-height: 1.3em;
    padding-bottom: 0;
    font-family: 'Ubuntu', sans-serif, 'Microsoft JhengHei';
    font-weight: 300
}

@media (max-width: 767px) {
    .banner--image__text h6 {
        font-size:1.1em
    }
}

.banner--icon {
    margin-bottom: 34px
}

@media (max-width: 1199px) and (min-width: 992px) {
    .banner--icon {
        margin-bottom:10px
    }
}

.banner--icon.banner--last {
    margin-bottom: 0
}

.banner--icon__icon {
    padding: 0.75em 0 0.6em 0;
    width: 1.643em;
    font-size: 4.615em;
    line-height: 1em;
    text-align: center
}

@media (max-width: 1199px) and (min-width: 992px) {
    .banner--icon__icon {
        padding:0.38em 0 0.4em 0
    }
}

.banner--icon__text {
    position: absolute;
    width: 100%;
    padding: 0 5% 0 8.582445em;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.banner--icon__text h4 {
    font-size: 1.846em;
    padding: 0;
    margin: 0
}

.banner--icon__text__divider {
    height: 10px;
    border-bottom: 1px solid #ffffff;
    margin-bottom: 10px
}

@media (max-width: 480px) {
    .banner {
        font-size:8.5px
    }
}

.banner-collection,#bannerCollection [class*="col-"] {
    float: none;
    display: inline-block;
    vertical-align: top;
    margin-right: -4px;
    margin-bottom: 45px
}

@media (max-width: 767px) {
    .banner-collection,#bannerCollection [class*="col-"] {
        display:block;
        margin-right: 0
    }
}

.banner-collection img,#bannerCollection [class*="col-"] img {
    max-width: 100%
}

.banner-collection .banner-collection__title,#bannerCollection [class*="col-"] .banner-collection__title {
    margin: 15px 0 15px;
    padding: 0
}

.blog-widget {
    position: relative
}

.boxed .blog-widget {
    padding-left: 60px;
    padding-right: 60px
}

.boxed .blog-widget .row {
    margin-left: 0;
    margin-right: 0
}

.blog-widget__title {
    padding-left: 15px;
    margin-left: 37%;
    color: #635c52
}

.show-2 .blog-widget__title,.show-3 .blog-widget__title,.show-5 .blog-widget__title,.blog-widget--one-center .blog-widget__title {
    padding-left: 0;
    margin-left: 0
}

@media (max-width: 767px) {
    .blog-widget__title {
        text-align:center;
        padding-left: 0;
        margin-left: 0
    }
}

.blog-widget .slick-list {
    padding-bottom: 30px;
    z-index: 100
}

.blog-widget__item {
    position: relative;
    padding: 20px 0px;
    overflow: visible
}

@media (max-width: 991px) {
    .blog-widget__item {
        margin:0 auto
    }

    .show-2 .blog-widget__item {
        padding: 20px
    }

    .blog-widget__item:after {
        display: none
    }
}

@media (max-width: 767px) {
    .blog-widget__item {
        padding-top:20px
    }

    .blog-widget__item:after {
        display: none
    }

    .blog-widget--one-center .blog-widget__item {
        display: block;
        overflow: hidden;
        padding-top: 20px;
        max-width: 490px;
        text-align: center;
        margin: 0 auto;
        margin-bottom: 75px
    }

    .blog-widget__item:after {
        position: absolute;
        display: block;
        top: 0;
        right: 15px;
        font-family: 'Welldone', 'Microsoft JhengHei';
        font-size: 60px;
        content: "\e63b";
        line-height: 1em
    }

    .blog-widget--one-center .blog-widget__item:after {
        top: 0;
        right: 2px
    }
}

@media (max-width: 767px) and (min-width: 768px) {
    .show-3 .blog-widget__item:after {
        top:50px
    }

    .show-4 .blog-widget__item:after {
        top: 50px
    }
}

@media (max-width: 991px) {
    .show-2 .blog-widget__item:after {
        top:0;
        right: 2px
    }
}

@media (max-width: 767px) {
    .blog-widget__item:after {
        top:0;
        right: 2px
    }
}

.blog-widget__item__image-cell {
    width: 20%;
    margin-top: 10px;
    height: 200px;
    border-radius: 5px;
    position: relative;
    overflow: hidden;
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.12),0 1px 2px rgba(0,0,0,0.24);
    -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.12),0 1px 2px rgba(0,0,0,0.24);
    box-shadow: 0 1px 3px rgba(0,0,0,0.12),0 1px 2px rgba(0,0,0,0.24)
}

@media (min-width: 1200px) {
    .blog-widget__item__image-cell {
        width:20%;
        margin-left: 17%
    }

    .show-2 .blog-widget__item__image-cell,.show-3 .blog-widget__item__image-cell,.show-5 .blog-widget__item__image-cell,.blog-widget--one-center .blog-widget__item__image-cell {
        margin-left: 0
    }
}

.show-2 .blog-widget__item__image-cell {
    width: 50%
}

.show-3 .blog-widget__item__image-cell {
    width: 100%
}

@media (min-width: 768px) {
    .show-3 .blog-widget__item__image-cell {
        padding-right:95px
    }
}

.show-4 .blog-widget__item__image-cell {
    width: 100%
}

@media (min-width: 768px) {
    .show-4 .blog-widget__item__image-cell {
        padding-right:95px
    }
}

@media (max-width: 991px) {
    .blog-widget__item__image-cell {
        width:30%
    }

    .show-2 .blog-widget__item__image-cell {
        width: 100%
    }

    .show-3 .blog-widget__item__image-cell {
        width: 100%
    }

    .show-4 .blog-widget__item__image-cell {
        width: 100%
    }
}

@media (max-width: 767px) {
    .blog-widget__item__image-cell {
        width:100% !important
    }
}

.blog-widget--one-center .blog-widget__item__image-cell {
    width: 100% !important
}

.blog-widget__item__image-cell img {
    width: 100%;
    max-width: 100%;
    height: 100%;
    object-fit: cover
}

.show-3 .blog-widget__item__image-cell img {
    margin: 0 auto 10px
}

.show-4 .blog-widget__item__image-cell img {
    margin: 0 auto 10px
}

@media (max-width: 991px) {
    .show-2 .blog-widget__item__image-cell img {
        max-width:100% !important;
        margin: 0 auto 10px
    }
}

@media (max-width: 767px) {
    .blog-widget__item__image-cell img {
        max-width:100% !important;
        margin: 0 auto 25px
    }
}

.blog-widget--one-center .blog-widget__item__image-cell img {
    max-width: 80% !important;
    margin: 0 auto 25px
}

.blog-widget__item__offset-text {
    width: 78%;
    padding-left: 15px;
    padding-right: 15px;
    height: 200px
}

@media (min-width: 1200px) {
    .blog-widget__item__offset-text {
        width:46.5%;
        margin-right: 16.5%
    }

    .show-2 .blog-widget__item__offset-text,.show-3 .blog-widget__item__offset-text,.show-5 .blog-widget__item__offset-text,.blog-widget--one-center .blog-widget__item__offset-text {
        margin-right: 0
    }
}

.show-2 .blog-widget__item__offset-text {
    width: 50%
}

.show-3 .blog-widget__item__offset-text {
    width: 100%;
    text-align: center
}

@media (min-width: 768px) {
    .show-3 .blog-widget__item__offset-text {
        padding-right:95px
    }
}

.show-4 .blog-widget__item__offset-text {
    width: 100%;
    text-align: center
}

@media (min-width: 768px) {
    .show-4 .blog-widget__item__offset-text {
        padding-right:95px
    }
}

@media (max-width: 991px) {
    .blog-widget__item__offset-text {
        width:70%;
        padding: 0px
    }

    .show-2 .blog-widget__item__offset-text {
        width: 100%
    }

    .show-3 .blog-widget__item__offset-text {
        width: 100%
    }

    .show-4 .blog-widget__item__offset-text {
        width: 100%
    }
}

@media (max-width: 767px) {
    .blog-widget__item__offset-text {
        width:100% !important
    }
}

@media (max-width: 767px) {
    .blog-widget__item__offset-text {
        text-align:center
    }
}

.blog-widget--one-center .blog-widget__item__offset-text {
    width: 100% !important
}

.blog-widget__item__offset-text__title {
    padding-bottom: 3px;
    color: #635c52;
    text-align: left
}

@media (max-width: 991px) {
    .blog-widget__item__offset-text__title {
        text-align:left
    }
}

.show-3 .blog-widget__item__offset-text__title {
    font-size: 1.538em;
    padding-bottom: 5px
}

.show-4 .blog-widget__item__offset-text__title {
    font-size: 1.538em;
    padding-bottom: 5px
}

.blog-widget__item__offset-text__date {
    overflow: hidden;
    font-size: 0.923em;
    color: #635c52
}

.blog-widget__item__offset-text__date span {
    display: inline-block;
    vertical-align: baseline;
    zoom:1;position: relative;
    padding: 0 10px 0 0
}

.blog-widget--one-center .blog-widget__item__offset-text__date span {
    padding: 0 10px
}

.blog-widget__item__offset-text__date span:after {
    content: '';
    left: 100%;
    display: block;
    width: 1000px;
    position: absolute;
    top: 0.73em;
    border-top-width: 1px;
    border-top-style: solid
}

@media (max-width: 767px) {
    .blog-widget__item__offset-text__date span:after {
        display:none
    }
}

.show-3 .blog-widget__item__offset-text__date span:after {
    display: none
}

.show-4 .blog-widget__item__offset-text__date span:after {
    display: none
}

.blog-widget--one-center .blog-widget__item__offset-text__date span:before {
    content: '';
    right: 100%;
    display: block;
    width: 1000px;
    position: absolute;
    top: 0.73em;
    border-top-width: 1px;
    border-top-style: solid
}

@media (max-width: 767px) {
    .blog-widget--one-center .blog-widget__item__offset-text__date span:before {
        display:none
    }
}

.blog-widget__item__offset-text__teaser {
    margin-top: 24px
}

.blog-widget__item__offset-text p {
    font-size: 1.077em;
    line-height: 1.429em;
    margin-bottom: 10px;
    padding: 0px;
    color: #757575
}

.blog-widget .blog-carousel {
    margin-top: -25px
}

@media (max-width: 991px) {
    .blog-widget__item__offset-text p {
        text-align:left
    }

    .blog-widget__item__offset-text__teaser {
        text-align: left
    }
}

@media (max-width: 767px) {
    .blog-widget .blog-carousel {
        margin:0 20px
    }

    .blog-widget .blog-carousel .slick-prev {
        left: -35px
    }

    .blog-widget .blog-carousel .slick-next {
        right: -35px
    }
}

@media (max-width: 767px) {
    .blog-widget .blog-carousel {
        margin:0 20px
    }

    .blog-widget .blog-carousel .slick-prev {
        left: -35px
    }

    .blog-widget .blog-carousel .slick-next {
        right: -35px
    }
}

@media (min-width: 1200px) {
    .blog-widget .blog-carousel:not(.show-2):not(.show-3):not(.show-4):not(.blog-widget--one-center) .slick-prev {
        left:10%
    }

    .blog-widget .blog-carousel:not(.show-2):not(.show-3):not(.show-4):not(.blog-widget--one-center) .slick-next {
        right: 10%
    }
}

.comments-carousel {
    background-color: rgba(255,255,255,0.8)
}

.content--parallax .blog-post-title {
    text-align: center
}

.blog-post-title__title {
    padding-bottom: 20px
}

.blog-post-title__meta {
    width: 250px;
    margin: 0 auto
}

.blog-post-title__meta__text {
    text-align: left;
    padding: 12px 0 0
}

.blog-post-title__meta__text__name {
    padding-bottom: 4px;
    font-style: italic
}

.blog-post-title__meta__text__date {
    font-size: 0.923em
}

.blog-post-title__meta__image {
    width: 70px;
    float: left;
    margin: 0 15px
}

.blog-post-title__meta__image img {
    width: 100%;
    border-radius: 50%;
    box-shadow: 0 1px 3px rgba(0,0,0,0.12),0 1px 2px rgba(0,0,0,0.24);
    -webkit-transition: box-shadow 300ms 0s ease;
    -moz-transition: box-shadow 300ms 0s ease;
    -ms-transition: box-shadow 300ms 0s ease;
    -o-transition: box-shadow 300ms 0s ease;
    transition: box-shadow 300ms 0s ease
}

.blog-post-title__meta__image img:hover {
    box-shadow: 0 3px 6px rgba(0,0,0,0.16),0 3px 6px rgba(0,0,0,0.23)
}

.blog-post-content .tags-list {
    margin: 50px 0
}

.post {
    margin-bottom: 60px
}

.post p a {
    text-decoration: underline
}

.post p a:hover {
    text-decoration: none
}

.post--fill {
    padding: 50px 50px;
    margin-left: -50px;
    margin-right: -50px
}

.post__title {
    padding-bottom: 12px
}

.post__title a {
    text-decoration: none
}

.post--column {
    float: left;
    width: 24.9%;
    margin-bottom: 0;
    padding: 20px 20px 6.66666667px;
    border-radius: 0;
    box-shadow: 0 1px 3px rgba(0,0,0,0.12),0 1px 2px rgba(0,0,0,0.24);
    -webkit-transition: box-shadow 300ms 0s ease;
    -moz-transition: box-shadow 300ms 0s ease;
    -ms-transition: box-shadow 300ms 0s ease;
    -o-transition: box-shadow 300ms 0s ease;
    transition: box-shadow 300ms 0s ease
}

.post--column:hover {
    box-shadow: 0 3px 6px rgba(0,0,0,0.16),0 3px 6px rgba(0,0,0,0.23);
    z-index: 100
}

.post__image {
    display: block;
    margin: -20px -20px 0 -20px
}

.post__image img {
    width: 100%;
    border-radius: 0 0 0 0
}

.post__view-btn {
    position: relative;
    width: 100%;
    margin: -30px 0 15px
}

.post__meta {
    margin: 0;
    padding: 0;
    list-style: none;
    font-size: 0.846em;
    text-transform: uppercase;
    text-transform: none;
    padding-bottom: 35px
}

.post__meta .icon {
    padding: 0 5px;
    vertical-align: baseline
}

.post__meta li {
    padding-bottom: 1em
}

.post__meta a {
    text-decoration: none
}

.post__meta--inline li {
    display: inline-block;
    padding-right: 3px
}

.post--column .post__meta {
    position: relative;
    padding-top: 6.66666667px;
    padding-bottom: 0
}

.post__meta__item {
    margin-right: 7px
}

.post__meta__date {
    display: block
}

.post__meta__author {
    display: block
}

.post__meta .icon {
    padding: 0 5px 0 0;
    vertical-align: baseline
}

.post__meta a {
    text-decoration: none
}

.post--column .post__meta:after {
    pointer-events: none;
    position: absolute;
    margin: 0 -20px;
    top: 0;
    right: 0;
    left: 0;
    content: '';
    border-top-width: 1px;
    border-top-style: solid
}

.btn-plus {
    position: relative
}

.btn-plus__links {
    position: absolute;
    top: 10px;
    right: 0;
    opacity: 0;
    width: 150px;
    transition: all 0.3s ease;
    text-align: right
}

.btn-plus__links__icon {
    border-radius: 999em;
    width: 60px;
    height: 60px;
    padding: 0;
    line-height: 65px;
    font-size: 32px;
    position: relative;
    cursor: pointer;
    display: inline-block;
    text-decoration: none;
    box-shadow: 0 1px 3px rgba(0,0,0,0.12),0 1px 2px rgba(0,0,0,0.24);
    -webkit-transition: box-shadow 300ms 0s ease;
    -moz-transition: box-shadow 300ms 0s ease;
    -ms-transition: box-shadow 300ms 0s ease;
    -o-transition: box-shadow 300ms 0s ease;
    transition: box-shadow 300ms 0s ease;
    text-align: center;
    vertical-align: top;
    width: 42px;
    height: 42px;
    line-height: 50px;
    font-size: 22px
}

.btn-plus__links__icon:hover {
    text-decoration: none;
    box-shadow: 0 3px 6px rgba(0,0,0,0.16),0 3px 6px rgba(0,0,0,0.23)
}

.btn-plus__links__icon--lg {
    width: 76px;
    height: 76px;
    line-height: 78px;
    font-size: 27px
}

.btn-plus__links__icon--sm {
    width: 46px;
    height: 46px;
    line-height: 78px;
    font-size: 22px
}

.btn-plus__links__icon--xs {
    width: 37px;
    height: 37px;
    line-height: 37px;
    font-size: 16px
}

.btn-plus__links--active {
    opacity: 1;
    right: 64px
}

.btn-plus__toggle {
    display: block;
    margin: 0 0 0 50%;
    left: -30px;
    z-index: 2;
    transition: all 0.3s ease
}

.btn-plus__toggle.expanded {
    margin: 0 0 0 100%;
    left: -60px;
    line-height: 58px
}

.btn-plus__toggle.expanded span.icon:before {
    font-family: Garamond, "Apple Garamond", 'Microsoft JhengHei';
    content: "\00D7"
}

.blog-content {
    padding: 35px 50px;
    -webkit-box-shadow: 0 0 2px 0 rgba(0,0,0,0.25);
    -moz-box-shadow: 0 0 2px 0 rgba(0,0,0,0.25);
    box-shadow: 0 0 2px 0 rgba(0,0,0,0.25)
}

.blog-content .img-left {
    margin-left: -50px
}

.blog-content .img-right {
    margin-right: -50px
}

.blog-content ul ul,.blog-content ol ul,.blog-content ul ol {
    list-style-type: inherit
}

.audio-content {
    position: relative;
    margin-left: 70px;
    margin-bottom: 35px;
    width: auto;
    padding-left: 15px;
    border-left-width: 1px;
    border-left-style: solid
}

.audio-content:before {
    display: block;
    position: absolute;
    left: -70px;
    top: 10px;
    font-family: "Welldone", 'Microsoft JhengHei';
    content: "\e671";
    font-size: 36px
}

.post .embed-vimeo iframe,.post .embed-youtube iframe {
    width: 100%
}

.post--status {
    padding: 50px 50px;
    margin-left: -50px;
    margin-right: -50px;
    border-left-width: 4px;
    border-left-style: solid
}

.post--status .post__meta {
    padding-bottom: 0
}

.post--status p {
    font-size: 26px;
    line-height: 1.2em;
    font-style: italic;
    font-weight: 300;
    margin-bottom: 25px
}

.post--quotes {
    padding: 50px 50px;
    margin-left: -50px;
    margin-right: -50px
}

.post--quotes .post__meta {
    padding-bottom: 0
}

.post--quotes .post__quote {
    font-size: 26px;
    line-height: 1.2em;
    font-style: italic;
    font-weight: 300;
    margin-bottom: 25px;
    position: relative;
    padding-left: 50px
}

.post--quotes .post__quote:after {
    position: absolute;
    display: block;
    top: 4px;
    left: 0;
    font-family: 'Welldone', 'Microsoft JhengHei';
    font-size: 32px;
    line-height: 1em;
    content: "\e63b"
}

.post--quotes .post__quote cite {
    font-size: 13px
}

.post--format-link .post__title {
    display: inline-block;
    font-size: 2em;
    line-height: 1.2em;
    font-style: italic;
    padding-right: 20px
}

.post--format-link .post__meta {
    display: inline
}

.brands__item img {
    border-radius: 4px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.12),0 1px 2px rgba(0,0,0,0.24);
    -webkit-transition: box-shadow 300ms 0s ease;
    -moz-transition: box-shadow 300ms 0s ease;
    -ms-transition: box-shadow 300ms 0s ease;
    -o-transition: box-shadow 300ms 0s ease;
    transition: box-shadow 300ms 0s ease
}

.brands__item:hover img {
    box-shadow: 0 3px 6px rgba(0,0,0,0.16),0 3px 6px rgba(0,0,0,0.23)
}

.brands .product-category-carousel .slick-slide {
    margin: 0 15px
}

.brands-carousel .slick-slide {
    margin: 2px 15px 10px
}

.brands-carousel.slick-slider {
    margin: 0 -15px
}

.brands-carousel .slick-prev,.brands-carousel .slick-next {
    margin-top: -16px
}

@media (max-width: 767px) {
    .brands-carousel .slick-prev,.brands-carousel .slick-next {
        margin-top:-67px
    }
}

@media (max-width: 767px) {
    .brands-carousel.nav-inside .slick-prev,.brands-carousel.nav-inside .slick-next {
        margin-top:-67px !important
    }
}

.testimonials__item {
    border-radius: 3px;
    border-width: 1px;
    border-style: solid
}

.testimonials__item-title {
    cursor: pointer;
    padding: 20px 0;
    margin-top: 0 !important;
    position: relative;
    font-size: 1.385em;
    background-color: #f8f8f8;
    padding: 18px 45px 18px 25px;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.card--collapse.open .testimonials__item-title {
    display: block;
    border-bottom-width: 1px;
    border-bottom-style: solid
}

.testimonials__item-title:after {
    position: absolute;
    display: block;
    top: 24px;
    right: 12px;
    font-family: 'Welldone', 'Microsoft JhengHei';
    font-size: 10px;
    content: "\e601";
    line-height: 1em
}

.open>.testimonials__item-title:after {
    content: "\e631"
}

.testimonials__item-content {
    display: none;
    padding: 18px 25px
}

.card--collapse.open .testimonials__item-content {
    display: block
}

.testimonials__item--padding {
    padding: 20px 25px
}

.testimonials__item--form {
    padding: 20px 45px 0;
    text-align: center;
    box-shadow: 0 10px 20px rgba(0,0,0,0.19),0 6px 6px rgba(0,0,0,0.23)
}

.testimonials__item--form__icon {
    display: inline-block;
    margin-bottom: 15px;
    font-size: 100px;
    line-height: 100px
}

.testimonials__item--form .checkbox-group {
    display: inline-block
}

.testimonials__item--form__footer {
    border-top-width: 1px;
    border-top-style: solid;
    margin: 25px -45px 0;
    padding: 15px 45px
}

.testimonials__item--icon__cell {
    padding: 12px;
    text-align: center
}

.testimonials__item--icon__cell__icon {
    display: inline-block;
    width: 96px;
    height: 96px;
    margin-bottom: 10px;
    font-size: 40px;
    line-height: 98px;
    text-align: center;
    border-radius: 50%;
    box-shadow: 0 1px 3px rgba(0,0,0,0.12),0 1px 2px rgba(0,0,0,0.24);
    -webkit-transition: box-shadow 300ms 0s ease;
    -moz-transition: box-shadow 300ms 0s ease;
    -ms-transition: box-shadow 300ms 0s ease;
    -o-transition: box-shadow 300ms 0s ease;
    transition: box-shadow 300ms 0s ease
}

.testimonials__item--icon__cell__icon:hover {
    box-shadow: 0 10px 20px rgba(0,0,0,0.19),0 6px 6px rgba(0,0,0,0.23)
}

.testimonials__item--icon__cell__title {
    padding-bottom: 0
}

.testimonials__item--icon__text {
    padding: 20px
}

.testimonials__item__row-line {
    padding: 10px 0 30px;
    margin: 10px 10px 25px;
    border-bottom-width: 1px;
    border-bottom-style: solid
}

.testimonials__item__row-line:last-child {
    margin-bottom: 0;
    border: 0
}

.testimonials__item__row-line table.order-history {
    margin-bottom: -30px
}

.testimonials__item__row {
    position: relative;
    padding: 15px;
    border-bottom-width: 1px;
    border-bottom-style: solid
}

a.testimonials__item__row {
    display: table;
    width: 100%;
    cursor: pointer;
    text-decoration: none
}

.testimonials__item__row--big {
    padding: 45px 15px
}

@media (min-width: 992px) and (max-width: 1199px) {
    .testimonials__item__row--big {
        padding:22px 15px
    }
}

.testimonials__item__row:last-child {
    border: none
}

.testimonials__item__row__title {
    font-size: 1.077em;
    text-transform: uppercase
}

.card__row--big .testimonials__item__row__title {
    font-size: 1.692em;
    line-height: 1em
}

.testimonials__item__row--icon {
    padding-left: 80px;
    min-height: 70px
}

.testimonials__item__row--icon.card__row--big {
    min-height: 151px
}

@media (min-width: 992px) and (max-width: 1199px) {
    .testimonials__item__row--icon.card__row--big {
        min-height:100px
    }
}

.testimonials__item__row--icon__icon {
    position: absolute;
    left: 0;
    width: 80px;
    text-align: center;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.testimonials__item__row--icon__icon .icon {
    font-size: 38px;
    line-height: 1em;
    -webkit-transition: color 300ms 0s ease;
    -moz-transition: color 300ms 0s ease;
    -ms-transition: color 300ms 0s ease;
    -o-transition: color 300ms 0s ease;
    transition: color 300ms 0s ease
}

.card__row--big .testimonials__item__row--icon__icon .icon {
    font-size: 50px !important
}

.testimonials__item__row--icon__text {
    display: table-cell;
    vertical-align: middle
}

.testimonials__item__image-sell {
    padding: 12px 0 12px;
    text-align: center
}

.testimonials__item__image-sell__author {
    font-size: 0.923em;
    padding: 10px 0 0
}

.testimonials__item__image-sell img {
    width: inherit !important;
    max-width: 100% !important;
    margin: 0 auto;
    border-radius: 50%;
    box-shadow: 0 1px 3px rgba(0,0,0,0.12),0 1px 2px rgba(0,0,0,0.24);
    -webkit-transition: box-shadow 300ms 0s ease;
    -moz-transition: box-shadow 300ms 0s ease;
    -ms-transition: box-shadow 300ms 0s ease;
    -o-transition: box-shadow 300ms 0s ease;
    transition: box-shadow 300ms 0s ease
}

.testimonials__item__image-sell img:hover {
    box-shadow: 0 3px 6px rgba(0,0,0,0.16),0 3px 6px rgba(0,0,0,0.23)
}

.testimonials__item__text {
    position: relative;
    margin: 17px 15px;
    padding-left: 45px;
    font-size: 1em;
    line-height: 1.35em;
    font-weight: lighter
}

.testimonials__item__text:before {
    position: absolute;
    left: 0;
    top: 0;
    font-family: 'Welldone', 'Microsoft JhengHei';
    content: "\e639";
    font-size: 26px
}

.breadcrumbs {
    margin-bottom: 0
}

.breadcrumbs--boxed,body.boxed .breadcrumbs {
    padding-left: 0;
    padding-right: 0
}

.breadcrumbs--full,body.fullwidth .breadcrumbs {
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px;
    padding-left: 0;
    padding-right: 0
}

.breadcrumbs--full>.navbar-header,body.fullwidth .breadcrumbs>.navbar-header,.breadcrumbs--full>.navbar-collapse,body.fullwidth .breadcrumbs>.navbar-collapse {
    margin-right: -15px;
    margin-left: -15px
}

@media (min-width: 768px) {
    .breadcrumbs--full>.navbar-header,body.fullwidth .breadcrumbs>.navbar-header,.breadcrumbs--full>.navbar-collapse,body.fullwidth .breadcrumbs>.navbar-collapse {
        margin-right:0;
        margin-left: 0
    }
}

.breadcrumbs--full .container,body.fullwidth .breadcrumbs .container {
    width: auto;
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px
}

.breadcrumbs--full .container>.navbar-header,body.fullwidth .breadcrumbs .container>.navbar-header,.breadcrumbs--full .container>.navbar-collapse,body.fullwidth .breadcrumbs .container>.navbar-collapse {
    margin-right: -15px;
    margin-left: -15px
}

@media (min-width: 768px) {
    .breadcrumbs--full .container>.navbar-header,body.fullwidth .breadcrumbs .container>.navbar-header,.breadcrumbs--full .container>.navbar-collapse,body.fullwidth .breadcrumbs .container>.navbar-collapse {
        margin-right:0;
        margin-left: 0
    }
}

.breadcrumbs .breadcrumb.breadcrumb--wd {
    display: inline-block;
    padding: 11px 0;
    border-radius: 0;
    margin: 0
}

.breadcrumbs .breadcrumb.breadcrumb--wd>li {
    display: inline-block
}

.breadcrumbs .breadcrumb.breadcrumb--wd>li+li:before {
    content: "/\00a0";
    padding: 0 5px
}

.nav-tabs--wd {
    border-bottom-width: 1px;
    border-bottom-style: solid
}

@media (max-width: 767px) {
    .nav-tabs--wd>li {
        float:none;
        display: block
    }
}

.nav-tabs--wd>li>a {
    border: 0;
    margin-right: 3px;
    border-radius: 0;
    padding: 14px 16px 13px
}

@media (max-width: 767px) {
    .nav-tabs--wd>li>a {
        border-width:1px;
        border-style: solid;
        margin-right: 0
    }
}

.nav-tabs--wd>li.active>a {
    -webkit-box-shadow: 0 0 1px 0 rgba(0,0,0,0.15);
    -moz-box-shadow: 0 0 1px 0 rgba(0,0,0,0.15);
    box-shadow: 0 0 1px 0 rgba(0,0,0,0.15)
}

@media (max-width: 767px) {
    .nav-tabs--wd>li.active>a {
        -webkit-box-shadow:0 0 0 0 transparent;
        -moz-box-shadow: 0 0 0 0 transparent;
        box-shadow: 0 0 0 0 transparent
    }
}

.nav-tabs--wd>li.active>a,.nav-tabs--wd>li.active>a:hover,.nav-tabs--wd>li.active>a:focus {
    border-width: 1px;
    border-style: solid;
    border-bottom: 0;
    padding: 13px 15px 14px
}

@media (max-width: 767px) {
    .nav-tabs--wd>li.active>a,.nav-tabs--wd>li.active>a:hover,.nav-tabs--wd>li.active>a:focus {
        border-bottom-width:1px;
        border-bottom-style: solid
    }
}

.nav-tabs--wd>li.active>a:after {
    height: 2px;
    content: "";
    position: absolute;
    bottom: -2px;
    left: 0;
    right: 0
}

@media (max-width: 767px) {
    .nav-tabs--wd>li.active>a:after {
        display:none
    }
}

.tab-content--wd>.tab-pane {
    display: none;
    padding: 30px;
    border-width: 1px;
    border-style: solid;
    border-top: 0;
    -webkit-box-shadow: 0 0 1px 0 rgba(0,0,0,0.15);
    -moz-box-shadow: 0 0 1px 0 rgba(0,0,0,0.15);
    box-shadow: 0 0 1px 0 rgba(0,0,0,0.15)
}

@media (max-width: 767px) {
    .tab-content--wd>.tab-pane {
        -webkit-box-shadow:0 0 0 0 transparent;
        -moz-box-shadow: 0 0 0 0 transparent;
        box-shadow: 0 0 0 0 transparent
    }
}

.tab-content--wd>.active {
    display: block
}

.nav-product {
    border-top-width: 0px;
    border-top-style: solid;
    box-shadow: 0 1px 3px rgba(0,0,0,0.12),0 1px 2px rgba(0,0,0,0.24)
}

@media (max-width: 767px) {
    .nav-product {
        display:none
    }
}

.nav-product.stuck {
    position: fixed;
    z-index: 1000;
    top: 0;
    width: 100%;
    background-color: #fefefe;
    box-shadow: 0 1px 3px rgba(0,0,0,0.12),0 1px 2px rgba(0,0,0,0.24)
}

body.boxed .nav-product.stuck {
    width: auto
}

.nav-product ul {
    width: 100%;
    top: 0;
    z-index: 10000;
    list-style: none;
    margin-bottom: 0
}

.nav-product ul li {
    display: inline-block
}

.nav-product ul li a {
    display: block;
    font-size: 1.077em;
    line-height: 1.429em;
    padding: 10px 0px;
    margin: 0px 15px;
    border-bottom: 4px solid transparent;
    border-top: 4px solid transparent;
    text-decoration: none;
    -webkit-transition: all 100ms 0s ease;
    -moz-transition: all 100ms 0s ease;
    -ms-transition: all 100ms 0s ease;
    -o-transition: all 100ms 0s ease;
    transition: all 100ms 0s ease
}

.product-additional section {
    padding: 50px 0 0 0;
    display: inline-block;
    width: 100%
}

#landingBanners {
    overflow-y: hidden;
    margin-top: 50px
}

article:last-of-type {
    margin-bottom: 0
}

article {
    position: relative;
    height: auto
}

@media (min-width: 480px) {
    article {
        margin-bottom:100px
    }
}

@media (min-width: 480px) {
    article .entry-content:before {
        padding-top:55%;
        content: '';
        display: block
    }
}

@media (min-width: 480px) {
    article .entry-content .banner {
        overflow:hidden;
        position: absolute
    }

    article .entry-content .banner img {
        width: 100%
    }
}

@media (min-width: 480px) and (max-width: 479px) {
    article .entry-content .banner {
        position:relative
    }
}

article .entry-content .banner:hover {
    z-index: 100
}

article .entry-content .banner::before {
    content: '';
    background: inherit;
    position: absolute;
    top: -20px;
    right: -1px;
    bottom: -20px;
    left: -1px
}

@media (min-width: 480px) {
    article .banner--1 {
        top:-20%;
        left: 0%;
        right: 48%;
        z-index: 1
    }

    .touch article .banner--1 {
        top: 0
    }

    article .banner--2 {
        top: 30%;
        left: 50%;
        right: 0%;
        z-index: 2
    }

    .touch article .banner--2 {
        top: 5%
    }

    article .banner--3 {
        bottom: -15%;
        margin: 0 auto;
        left: 30%;
        right: 30%;
        z-index: 3
    }

    article .banner--4 {
        top: 5%;
        left: 0%;
        right: 55%;
        z-index: 1
    }

    article .banner--5 {
        top: 10%;
        left: 40%;
        right: 0%;
        z-index: 2
    }

    article .banner--6 {
        bottom: -25%;
        margin: 0 auto;
        left: 35%;
        right: 35%;
        z-index: 3
    }

    article .banner--7 {
        top: 10%;
        left: 0%;
        right: 40%;
        z-index: 1
    }

    article .banner--8 {
        top: 5%;
        left: 55%;
        right: 0%;
        z-index: 2
    }
}

@media (min-width: 480px) and (max-width: 1199px) {
    article .banner--3 {
        left:20%;
        right: 20%
    }
}

@media (min-width: 480px) and (max-width: 767px) {
    article .banner--3 {
        left:10%;
        right: 10%
    }
}

@media (min-width: 480px) and (max-width: 991px) {
    article .banner--6 {
        left:25%;
        right: 25%
    }
}

@media (min-width: 480px) and (max-width: 767px) {
    article .banner--6 {
        left:20%;
        right: 20%
    }
}

.article-nav {
    position: fixed;
    right: 25px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

@media (max-width: 479px) {
    .article-nav {
        display:none
    }
}

.article-nav ul {
    margin: 0;
    padding: 0;
    list-style: none
}

.article-nav ul li a {
    display: block;
    font-size: 0;
    height: 40px;
    line-height: 1;
    overflow: hidden;
    position: relative;
    text-align: center;
    cursor: pointer;
    text-decoration: none
}

.article-nav ul li a:before {
    content: '\2022';
    display: block;
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif, 'Microsoft JhengHei';
    font-size: 25px
}

.category-block {
    margin-bottom: 55px
}

@media (max-width: 767px) {
    .category-block {
        width:100%
    }
}

.category-block__title {
    position: absolute;
    z-index: 0;
    width: 100%;
    left: 0;
    top: 0;
    font-size: 120px;
    line-height: 120px;
    font-weight: bold;
    text-transform: uppercase;
    text-align: center
}

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

.category-block__list {
    position: absolute;
    right: 0;
    z-index: 1;
    float: right;
    margin: 0;
    padding: 0;
    list-style: none;
    width: 190px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

@media (max-width: 767px) {
    .category-block__list {
        text-align:right;
        padding-right: 15px
    }
}

.category-block__list li {
    padding: 0 0 10px
}

.category-block__list li>a {
    font-size: 1.231em;
    line-height: 1.25em;
    text-transform: uppercase;
    text-decoration: none
}

@media (max-width: 767px) {
    .category-block__list li>a {
        font-size:1em
    }
}

.category-block__list li>a:hover,.category-block__list li>a.active {
    font-weight: bold
}

.category-block__image {
    position: relative;
    z-index: 1;
    float: left;
    text-align: center;
    margin: 25px 0 0 125px
}

@media (max-width: 1199px) and (min-width: 992px) {
    .category-block__image {
        margin-left:50px
    }
}

@media (max-width: 991px) and (min-width: 768px) {
    .category-block__image {
        margin-left:100px
    }
}

@media (max-width: 767px) {
    .category-block__image {
        margin-left:0;
        max-width: 70%
    }
}

.category-block__image__loader {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 0;
    right: 0
}

.category-block__image img {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    opacity: 0;
    width: 100%
}

.category-block__image img.active {
    opacity: 1;
    position: relative
}

.category-block--right .category-block__list {
    right: auto;
    left: 0;
    text-align: right
}

@media (max-width: 767px) {
    .category-block--right .category-block__list {
        text-align:left;
        padding-left: 15px
    }
}

.category-block--right .category-block__image {
    float: right;
    margin: 25px 125px 0 0
}

@media (max-width: 1199px) and (min-width: 992px) {
    .category-block--right .category-block__image {
        margin-right:50px
    }
}

@media (max-width: 991px) and (min-width: 768px) {
    .category-block--right .category-block__image {
        margin-right:100px
    }
}

@media (max-width: 767px) {
    .category-block--right .category-block__image {
        margin-right:0
    }
}

.chapter {
    position: relative;
    padding-bottom: 0 !important
}

.chapter .chapter__title {
    position: relative
}

@media (min-width: 992px) {
    .chapter .chapter__title {
        position:absolute;
        width: 50%;
        top: 0;
        left: 0;
        -webkit-transition: 1s width cubic-bezier(0.77, 0, 0.175, 1);
        transition: 1s width cubic-bezier(0.77, 0, 0.175, 1);
        z-index: 200
    }
}

@media (max-width: 991px) {
    .chapter .chapter__title {
        min-height:300px !important
    }
}

.chapter .chapter__title.title--fixed {
    position: fixed
}

.chapter .chapter__title.title--bottom {
    position: absolute;
    bottom: 0;
    top: auto
}

.chapter .chapter__title__text {
    position: absolute;
    width: 100%;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.chapter .chapter__end {
    height: 0;
    line-height: 0;
    font-size: 0;
    overflow: hidden
}

.chapter .chapter__content {
    padding: 45px 0
}

.chapter .chapter__content--full {
    padding: 0
}

@media (min-width: 992px) {
    .chapter .chapter__content {
        padding:75px 112.5px;
        position: relative;
        width: 50%;
        left: 50%;
        z-index: 100;
        -webkit-transition: 1s width cubic-bezier(0.77, 0, 0.175, 1) 0,1s left cubic-bezier(0.77, 0, 0.175, 1) 0;
        transition: 1s width cubic-bezier(0.77, 0, 0.175, 1) 0,1s left cubic-bezier(0.77, 0, 0.175, 1) 0
    }

    .chapter .chapter__content--full {
        padding: 0
    }
}

.chapter .chapter__content .art-catalogue__item {
    box-shadow: 0 1px 3px rgba(0,0,0,0.12),0 1px 2px rgba(0,0,0,0.24)
}

.chapter .chapter__content .art-catalogue__item:hover {
    box-shadow: 0 10px 20px rgba(0,0,0,0.19),0 6px 6px rgba(0,0,0,0.23)
}

@media (max-width: 991px) {
    .chapter .chapter__content .art-catalogue__item {
        width:50%;
        margin-left: auto;
        margin-right: auto
    }
}

@media (max-width: 767px) {
    .chapter .chapter__content .art-catalogue__item {
        width:80%
    }
}

#intro {
    padding-bottom: 0
}

.art-catalogue {
    width: 100%
}

.art-catalogue__item {
    width: 25%;
    -webkit-transition: box-shadow 300ms 0s ease;
    -moz-transition: box-shadow 300ms 0s ease;
    -ms-transition: box-shadow 300ms 0s ease;
    -o-transition: box-shadow 300ms 0s ease;
    transition: box-shadow 300ms 0s ease
}

.art-catalogue__item--double {
    width: 50%
}

.art-catalogue__item--full {
    width: 100%;
    margin-bottom: 50px
}

.art-catalogue__item:hover {
    box-shadow: 0 10px 20px rgba(0,0,0,0.19),0 6px 6px rgba(0,0,0,0.23);
    z-index: 100
}

@media (max-width: 991px) {
    .art-catalogue__item {
        width:50%
    }
}

.art-catalogue__item .product-preview-wrapper {
    display: block;
    margin: 0;
    padding: 0
}

.art-catalogue__item .product-preview-wrapper .product-preview {
    overflow: hidden;
    border: 0;
    border-radius: 0;
    -webkit-box-shadow: 0 0 0 0 transparent;
    -moz-box-shadow: 0 0 0 0 transparent;
    box-shadow: 0 0 0 0 transparent
}

@media (max-width: 767px) {
    .art-catalogue__item .product-preview-wrapper .product-preview {
        max-width:none
    }
}

.art-catalogue__item .product-preview-wrapper .product-preview .product-preview__image {
    margin-bottom: 0 !important
}

.art-catalogue__item .product-preview-wrapper .product-preview .product-preview__info {
    bottom: -200px;
    padding: 60px 30px 15px
}

@media (max-width: 991px) {
    .art-catalogue__item .product-preview-wrapper .product-preview .product-preview__info {
        bottom:0;
        position: absolute
    }
}

.art-catalogue__item .product-preview-wrapper img {
    width: 100%;
    border-radius: 0
}

.art-catalogue__item .product-preview-wrapper :hover .product-preview__info {
    bottom: 0
}

.art-catalogue__item .product-preview-wrapper .product-preview__info__title h2 {
    margin-top: 15px
}

.art-catalogue__item .product-preview-wrapper .product-preview__info__more {
    height: 110px;
    margin-top: -115px
}

.art-catalogue__item .product-preview-wrapper .product-preview__info__more .btn--round {
    position: relative;
    width: 110px;
    height: 110px;
    line-height: 1em;
    font-size: 14px
}

.art-catalogue__item .product-preview-wrapper .product-preview__info__more .btn--round span {
    position: absolute;
    width: 100%;
    text-align: center;
    display: block;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.category-outer {
    -webkit-box-shadow: 0 0 1px 0 rgba(0,0,0,0.15);
    -moz-box-shadow: 0 0 1px 0 rgba(0,0,0,0.15);
    box-shadow: 0 0 1px 0 rgba(0,0,0,0.15)
}

@media (max-width: 767px) {
    .category-outer {
        margin:0 -15px;
        margin-top: 0
    }
}

.category-outer__text {
    padding: 35px
}

@media (max-width: 767px) {
    .category-outer__text {
        padding:15px
    }
}

.category-outer__text__title {
    padding-bottom: 10px
}

.filters-row {
    padding: 30px 0px 5px
}

.filters-row__view {
    margin: 0 0 0 12px;
    font-size: 26px;
    line-height: 32px;
    cursor: pointer;
    vertical-align: middle
}

.filters-row__items {
    display: inline
}

@media (max-width: 1199px) {
    .filters-row__items {
        padding:0 10px
    }
}

.aside-column .filters-row__items {
    padding: 0 10px
}

@media (max-width: 1199px) {
    .aside-column .filters-row__items {
        padding:0 5px
    }
}

.filters-row__select {
    display: inline;
    padding: 0 12px
}

@media (max-width: 1199px) {
    .filters-row__select {
        padding:0 5px
    }
}

.filters-row__select label {
    padding: 0 5px
}

.filters-row__select .icon {
    display: inline-block;
    vertical-align: middle
}

@media (min-width: 992px) and (max-width: 1199px) {
    .filters-row .col-2 {
        text-align:right
    }

    .filters-row .col-2 .filters-row__select:last-child {
        padding-right: 0
    }
}

.products-col {
    width: auto;
    position: relative
}

body.boxed .products-col {
    overflow: hidden
}

@media (max-width: 991px) {
    .products-col {
        margin:0 -15px !important
    }
}

.filters-col,.mall-col {
    width: 280px;
    float: left;
    opacity: 0;
    -webkit-transition: opacity 300ms ease-out 0s;
    -moz-transition: opacity 300ms ease-out 0s;
    -ms-transition: opacity 300ms ease-out 0s;
    -o-transition: opacity 300ms ease-out 0s;
    transition: opacity 300ms ease-out 0s;
    box-shadow: 0 1px 3px rgba(0,0,0,0.12),0 1px 2px rgba(0,0,0,0.24);
    padding: 4px 20px 20px;
    position: absolute
}

.mall-col .mall-img {
    margin-top: -60px
}

@media (min-width: 991px) {
    .filters-col,.mall-col {
        right:auto !important
    }

    .mall-col .user-img-lg {
        width: 80px;
        height: 80px
    }

    #leftCol .mall-col h4 {
        padding: 0 0 14px
    }

    .mall-col .rating-extended__num {
        font-size: 24px
    }
}

.open .filters-col,.open .mall-col {
    opacity: 1;
    background-color: #fff
}

.aside-column .filters-col,.aside-column .mall-col {
    height: auto !important;
    opacity: 1;
    width: 100%;
    float: none;
    position: relative !important
}

.open .filters-col,.open .mall-col {
    position: relative
}

.filters-col__close,.mall-col__close {
    display: none;
    position: absolute;
    top: 10px;
    left: 20px
}

.filters-col__select {
    margin-bottom: 8px
}

.filters-col__select label {
    width: 80px
}

.filters-col__collapse {
    width: 100%
}

.filters-col__collapse__content {
    display: none;
    padding-bottom: 15px
}

.open>.filters-col__collapse__content {
    display: block
}

.filters-col__collapse__title {
    cursor: pointer;
    padding: 20px 0px 5px 0;
    margin-top: 0 !important;
    position: relative;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.filters-col__collapse__title:after {
    position: absolute;
    display: block;
    top: 24px;
    right: 2px;
    font-family: 'Welldone', 'Microsoft JhengHei';
    font-size: 10px;
    content: "\e601";
    line-height: 1em
}

.open>.filters-col__collapse__title:after {
    content: "\e631"
}

.campaign-filter--toggle {
    position: relative
}

.campaign-filter--toggle .filters-col__collapse {
    width: initial;
    position: absolute;
    right: 0;
    top: 5px
}

.campaign-filter--toggle .filters-col__collapse__title {
    padding-right: 24px
}

.campaign-filter--toggle .filters-col__collapse__title:after {
    top: 8px;
    right: 6px
}

.filters-col__collapse:last-child {
    border-bottom: 0
}

.price-slider {
    margin: 25px 0 15px
}

.filter-list {
    list-style: none;
    margin: 0;
    padding: 0
}

.filter-list li {
    margin: 0 0 5px
}

.filter-list li a.icon {
    display: inline-block;
    vertical-align: middle;
    font-size: 0.8em;
    margin: 0 8px 0 0 !important;
    text-decoration: none
}

#collapseMall {
    margin-bottom: 10px
}

#showFilterMobile {
    display: none
}

@media (min-width: 991px) {
    .filter-apply.container {
        width:100%
    }
}

@media (max-width: 991px) {
    .col-1 {
        float:right;
        margin-right: -15px
    }

    .col-2 {
        float: left;
        margin-left: -15px
    }

    #showFilterMobile {
        display: inline-block;
        position: fixed;
        width: 100%;
        bottom: 0;
        z-index: 999;
        left: 0
    }

    .filter-apply {
        position: absolute;
        bottom: 0;
        left: 0;
        z-index: 99999;
        background-color: #5c5c5c;
        padding-bottom: 10px;
        width: 100%
    }

    #showFilter {
        display: none
    }

    .outer #filtersCol {
        padding: 35px 20px;
        right: -100%;
        width: 100%;
        top: 0;
        margin: 0;
        min-width: 0;
        height: 100%;
        position: fixed;
        z-index: 10001;
        overflow-x: hidden;
        overflow-y: auto;
        opacity: 1
    }

    .outer #filtersCol .filters-col__collapse__title {
        text-align: left
    }

    .outer #filtersCol .btn {
        width: 100%
    }

    .aside-column .filters-row__select {
        display: inline
    }

    .filters-row__items {
        padding: 0;
        line-height: 32px
    }
}

.filters-by-category ul {
    margin: 0 0 50px;
    padding: 0;
    list-style: none;
    text-align: center
}

.filters-by-category ul li {
    display: inline-block;
    line-height: 1em;
    margin-bottom: 2px
}

.filters-by-category ul li a {
    display: block;
    font-size: 1.5385em;
    font-weight: 300;
    line-height: 1em;
    padding: 10px;
    background-color: #fafafa;
    text-decoration: none;
    text-transform: uppercase;
    border-radius: 4px
}

.filters-by-category ul li a:hover,.filters-by-category ul li a .selected {
    background-color: #536dfe;
    color: #ffffff
}

.tag {
    display: block;
    border-width: 1px;
    border-style: solid;
    font-size: 0.923em;
    line-height: 1.8em;
    padding: 2px 10px 0;
    text-decoration: none;
    -webkit-transition: all 200ms 0s ease;
    -moz-transition: all 200ms 0s ease;
    -ms-transition: all 200ms 0s ease;
    -o-transition: all 200ms 0s ease;
    transition: all 200ms 0s ease;
    text-transform: uppercase
}

.tags-list {
    position: relative;
    list-style: none;
    margin: 0 0 10px;
    padding: 0
}

.tags-list li {
    display: inline-block;
    padding: 0;
    margin-bottom: 2px
}

.tags-list li a {
    display: block;
    border-width: 1px;
    border-style: solid;
    font-size: 0.923em;
    line-height: 1.8em;
    padding: 2px 10px 0;
    text-decoration: none;
    -webkit-transition: all 200ms 0s ease;
    -moz-transition: all 200ms 0s ease;
    -ms-transition: all 200ms 0s ease;
    -o-transition: all 200ms 0s ease;
    transition: all 200ms 0s ease;
    text-transform: uppercase;
    line-height: 0.9em;
    padding: 3px 8px;
    border-radius: 2px
}

.rating-extended {
    margin-bottom: 15px
}

.rating-extended .rating {
    margin-top: 4px
}

.rating-extended__num {
    margin: 0 15px 10px 0;
    padding: 0;
    font-size: 2.615em;
    font-weight: 600
}

@media (max-width: 991px) {
    .rating-extended {
        margin-bottom:0
    }
}

.progress-wrapper {
    position: relative
}

.rating-extended__label {
    line-height: 1em;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 999
}

.rating-extended__reviews-count {
    line-height: 1em;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 999;
    text-align: right
}

.rating-extended .progress {
    overflow: hidden;
    height: 14px;
    margin-bottom: 5px;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    margin-left: 40px;
    margin-right: 40px
}

.rating-extended .progress-bar {
    text-align: left;
    -webkit-box-shadow: none;
    box-shadow: none
}

.review {
    padding: 20px 20px 40px 20px;
    border-radius: 3px;
    height: 100%;
    position: relative
}

#Comments .review {
    margin: 10px 0
}

.review__title {
    font-size: 18px;
    height: 24px;
    overflow: hidden;
    font-weight: bold;
    line-height: 1.4;
    padding-right: 40px;
    margin-bottom: 5px
}

.review__content {
    height: 38px;
    overflow: hidden;
    text-align: left
}

.review__meta {
    padding-bottom: 5px;
    padding-top: 5px
}

.review__comments {
    padding-bottom: 7px
}

.review .favorite-btn {
    position: absolute !important;
    width: 36px;
    height: 36px;
    font-size: 20px;
    border: 1px solid #ccc;
    top: 15px;
    right: 15px
}

.review .favorite-btn:hover {
    border: 1px solid #ff703a
}

.review__helpful {
    position: absolute;
    width: 92%;
    bottom: 20px
}

.review__helpful a {
    display: inline-block;
    padding: 0 7px;
    line-height: 20px;
    border-radius: 3px;
    text-decoration: none;
    margin: 0px 3px;
    display: inline-block;
    height: 28px;
    border-radius: 50%;
    padding: 8px 0px;
    text-align: center;
    position: relative;
    cursor: pointer
}

.review__helpful a img {
    width: 22px;
    display: inline
}

.review__helpful a.review-report {
    background-color: transparent;
    box-shadow: none;
    text-decoration: underline
}

@media (max-width: 500px) {
    .review__helpful {
        width:87%
    }
}

.review .rating {
    margin-left: 5px;
    margin-top: 10px
}

.panel-table {
    display: table;
    width: 100%;
    padding: 0;
    -webkit-box-shadow: none;
    box-shadow: none
}

.panel-table>.panel-body {
    display: table-row-group;
    padding: 0
}

.panel-table>.panel-body:before,.panel-table>.panel-body:after {
    content: none
}

.panel-table>div>.tr {
    display: table-row
}

.panel-table>div:last-child>.tr:last-child>.td {
    border-bottom: none
}

.panel-table .td {
    float: none;
    display: table-cell;
    padding: 20px 15px;
    border-width: 1px;
    border-style: solid;
    border-top: none;
    border-left: none;
    vertical-align: middle
}

@media (max-width: 991px) {
    .review__meta {
        text-align:left
    }
}

@media (max-width: 767px) {
    .panel-table .td {
        display:block;
        border-right: none;
        border-bottom-width: 1px !important;
        border-bottom-style: solid !important
    }
}

.panel-table .td:last-child {
    border-right: none;
    border-bottom: none !important
}

.panel-table h2,.panel-table h3,.panel-table h4,.panel-table h5,.panel-table h6 {
    padding: 0
}

.panel-default,.panel-checkout {
    border-color: #f0f0f0
}

.panel-default>.panel-heading,.panel-checkout>.panel-heading {
    color: #333333;
    background-color: #f4f4f4;
    border-color: #f0f0f0
}

.panel-default>.panel-heading+.panel-collapse>.panel-body,.panel-checkout>.panel-heading+.panel-collapse>.panel-body {
    border-top-color: #f0f0f0
}

.panel-default>.panel-heading .badge,.panel-checkout>.panel-heading .badge {
    color: #f4f4f4;
    background-color: #333333
}

.panel-default>.panel-footer+.panel-collapse>.panel-body,.panel-checkout>.panel-footer+.panel-collapse>.panel-body {
    border-bottom-color: #f0f0f0
}

.panel-checkout .panel-heading {
    position: relative;
    border-left-width: 55px;
    border-left-style: solid
}

.panel-checkout .panel-heading__number {
    content: " ";
    position: absolute;
    top: 0;
    bottom: 0;
    left: -55px;
    width: 55px;
    height: 100%;
    padding: 15px 0;
    font-size: 16px;
    text-align: center;
    border-right-style: solid;
    border-right-width: 1px
}

.panel-heading {
    padding: 0
}

.panel-number {
    position: absolute
}

.panel-title {
    text-transform: uppercase;
    padding: 0
}

.panel-title a {
    padding: 15px 15px;
    display: block;
    text-decoration: none
}

.panel-body {
    padding: 20px 50px
}

@media (max-width: 991px) {
    .panel-body {
        padding:20px 25px
    }
}

@media (max-width: 767px) {
    .panel-body {
        padding:15px 20px
    }
}

.comments__comment__userpic {
    width: 65px;
    height: 65px;
    float: left;
    border-radius: 50%;
    margin: 0 15px 0 0;
    font-size: 40px;
    line-height: 73px;
    text-align: center;
    box-shadow: 0 1px 3px rgba(0,0,0,0.12),0 1px 2px rgba(0,0,0,0.24);
    -webkit-transition: box-shadow 300ms 0s ease;
    -moz-transition: box-shadow 300ms 0s ease;
    -ms-transition: box-shadow 300ms 0s ease;
    -o-transition: box-shadow 300ms 0s ease;
    transition: box-shadow 300ms 0s ease
}

.comments__comment__userpic:hover {
    box-shadow: 0 3px 6px rgba(0,0,0,0.16),0 3px 6px rgba(0,0,0,0.23)
}

.comments__comment__text {
    overflow: hidden;
    padding: 10px 0 35px
}

.comments__comment__text__username {
    padding-bottom: 3px;
    font-weight: 400
}

.comments__comment__text__date {
    font-size: 0.923em;
    padding-bottom: 10px
}

.comments__comment--replay {
    margin-left: 80px
}

.comment-form .form-group {
    margin-bottom: 8px
}

.comment-form input[type=text],.comment-form textarea {
    border-left: 0;
    border-top: 0;
    border-right: 0;
    padding: 5px 0;
    margin-bottom: 0;
    height: 38px
}

.comment-form textarea {
    padding: 12px 0;
    overflow: hidden
}

.gallery__item {
    position: relative;
    float: left;
    width: 19.9%;
    overflow: hidden
}

.gallery__item img {
    width: 100%
}

.gallery__item--double {
    width: 39.9%
}

.gallery__item .btn {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 50%;
    margin-left: -30px;
    margin-top: -30px;
    opacity: 0;
    -webkit-transition: all 300ms 0s ease;
    -moz-transition: all 300ms 0s ease;
    -ms-transition: all 300ms 0s ease;
    -o-transition: all 300ms 0s ease;
    transition: all 300ms 0s ease
}

.gallery__item__image {
    overflow: hidden
}

.gallery__item__image img {
    -webkit-transition: all 300ms 0s ease;
    -moz-transition: all 300ms 0s ease;
    -ms-transition: all 300ms 0s ease;
    -o-transition: all 300ms 0s ease;
    transition: all 300ms 0s ease;
    opacity: 0.5
}

.gallery__item__image__caption {
    position: absolute;
    padding: 15px;
    width: 100%;
    bottom: 0;
    opacity: 0;
    text-align: center;
    text-transform: uppercase;
    -webkit-transform: translateY(100%);
    -moz-transform: translateY(100%);
    -ms-transform: translateY(100%);
    -o-transform: translateY(100%);
    transform: translateY(100%);
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: -webkit-transform 0.4s, opacity 0.1s 0.3s;
    -moz-transition: -moz-transform 0.4s, opacity 0.1s 0.3s;
    transition: transform 0.4s, opacity 0.1s 0.3s
}

.gallery__item__image__caption h6 {
    padding: 0
}

.gallery__item:hover .btn {
    opacity: 1
}

.gallery__item:hover img {
    transform: translateY(-50px);
    opacity: 1
}

.gallery__item:hover .gallery__item__image__caption {
    opacity: 1;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px);
    -webkit-transition: -webkit-transform 0.4s, opacity 0.1s;
    -moz-transition: -moz-transform 0.4s, opacity 0.1s;
    transition: transform 0.4s, opacity 0.1s
}

.post .gallery-row {
    overflow: hidden;
    margin: 0 -2px
}

.post .gallery-row .gallery-col {
    float: left
}

.post .gallery-row .gallery-col img {
    padding: 2px;
    width: 100%
}

.lookbook {
    text-align: center
}

.lookbook__image {
    display: inline-block;
    position: relative;
    margin-bottom: -4px
}

.lookbook__image img {
    position: relative;
    z-index: 0;
    max-width: 100%;
    width: 100%
}

.hint {
    width: 28px;
    height: 28px;
    border-radius: 50%;
    position: absolute;
    z-index: 1;
    font-size: 12px;
    line-height: 28px;
    text-align: center;
    cursor: pointer
}

.hint:hover {
    z-index: 2
}

.hint__dot {
    border-width: 10px;
    border-style: solid;
    background: transparent;
    border-radius: 50%;
    height: 28px;
    width: 28px;
    -webkit-animation: pulse 1s ease-out;
    -moz-animation: pulse 1s ease-out;
    animation: pulse 1s ease-out;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    opacity: 0
}

.tool {
    height: auto;
    width: auto;
    position: absolute;
    right: 38px;
    padding: 10px 12px;
    color: #000;
    border-bottom: 0;
    opacity: 1;
    z-index: 0;
    border-radius: 3px;
    box-shadow: 0 0 5px rgba(0,0,0,0.2);
    font-size: 12px;
    line-height: 1em;
    text-transform: uppercase;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    cursor: pointer;
    white-space: nowrap;
    -webkit-transition: background 300ms ease-out 0s;
    -moz-transition: background 300ms ease-out 0s;
    -ms-transition: background 300ms ease-out 0s;
    -o-transition: background 300ms ease-out 0s;
    transition: background 300ms ease-out 0s
}

@media (max-width: 991px) {
    .tool {
        padding:6px 8px
    }
}

.tool:before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    right: -10px;
    height: 32px;
    width: 10px;
    background: transparent
}

.tool .tip {
    content: '';
    height: 8px;
    width: 8px;
    -webkit-transform: rotate(-135deg);
    -moz-transform: rotate(-135deg);
    -o-transform: rotate(-135deg);
    position: absolute;
    top: 50%;
    right: -4px;
    margin-top: -4px;
    z-index: 1;
    box-shadow: -2px 2px 2px rgba(0,0,0,0.1);
    -webkit-transition: background 300ms ease-out 0s;
    -moz-transition: background 300ms ease-out 0s;
    -ms-transition: background 300ms ease-out 0s;
    -o-transition: background 300ms ease-out 0s;
    transition: background 300ms ease-out 0s
}

.hint:hover .tool .tip {
    background: #536dfe
}

.tool--right {
    left: 38px;
    right: auto
}

.tool--right:before {
    left: -10px;
    right: auto
}

.tool--right .tip {
    left: -4px;
    right: auto;
    box-shadow: 2px -2px 2px rgba(0,0,0,0.1)
}

.hover-tool {
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 300ms ease-out 0s;
    -moz-transition: all 300ms ease-out 0s;
    -ms-transition: all 300ms ease-out 0s;
    -o-transition: all 300ms ease-out 0s;
    transition: all 300ms ease-out 0s;
    cursor: auto;
    height: auto;
    width: 425px;
    position: absolute;
    left: 50px;
    top: 48px;
    padding: 16px 20px;
    border-bottom: 0;
    z-index: 0;
    box-shadow: 0 0 5px rgba(0,0,0,0.2);
    font-size: 13px;
    line-height: 1.4em;
    text-transform: none;
    text-align: left;
    white-space: normal
}

.hint:hover .hover-tool {
    left: 0;
    visibility: visible;
    opacity: 1
}

@media (max-width: 991px) {
    .hover-tool {
        font-size:12px;
        line-height: 1.2em;
        width: 250px;
        top: 38px;
        padding-bottom: 70px
    }
}

.tool--right .hover-tool {
    left: auto;
    right: 50px
}

.hint:hover .tool--right .hover-tool {
    left: auto;
    right: 0
}

.hover-tool:before {
    content: '';
    display: block;
    position: absolute;
    top: -18px;
    left: 0;
    height: 18px;
    width: 100%;
    background: transparent
}

.hover-tool .btn {
    float: right;
    margin-left: 35px
}

@media (max-width: 991px) {
    .hover-tool .btn {
        float:none;
        margin-left: 0;
        margin-bottom: 15px;
        position: absolute;
        left: 20px;
        bottom: 0
    }
}

.hover-tool__tip {
    content: '';
    height: 8px;
    width: 8px;
    -webkit-transform: rotate(-135deg);
    -moz-transform: rotate(-135deg);
    -o-transform: rotate(-135deg);
    position: absolute;
    top: -4px;
    left: 35px;
    z-index: 1;
    box-shadow: 2px 2px 2px rgba(0,0,0,0.1)
}

.tool--right .hover-tool__tip {
    left: auto;
    right: 35px
}

.eight-in-row .countdown_box,.seven-in-row .countdown_box {
    display: none
}

@media (max-width: 991px) {
    .countdown_box {
        display:none
    }
}

.countdown-row {
    clear: both;
    width: 100%;
    padding: 0 2px;
    text-align: center
}

.countdown-show1 .countdown-section {
    width: 98%
}

.countdown-show2 .countdown-section {
    width: 48%
}

.countdown-show3 .countdown-section {
    width: 31.5%
}

.countdown-show4 .countdown-section {
    width: 22.5%
}

.countdown-show5 .countdown-section {
    width: 19.5%
}

.countdown-show6 .countdown-section {
    width: 16.25%
}

.countdown-show7 .countdown-section {
    width: 14%
}

.countdown-period {
    display: block
}

.countdown-descr {
    display: block;
    width: 100%
}

.countdown_box {
    line-height: 18px;
    position: absolute;
    text-align: center;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 100%;
    z-index: 999
}

.countdown_inner {
    overflow: hidden;
    -webkit-box-shadow: 0 0 2px 0 rgba(0,0,0,0.25);
    -moz-box-shadow: 0 0 2px 0 rgba(0,0,0,0.25);
    box-shadow: 0 0 2px 0 rgba(0,0,0,0.25);
    margin: 0 auto;
    width: 80%;
    padding: 15px 15px 15px;
    text-align: center
}

.countdown_inner .title {
    margin: 0 0 5px;
    font-size: 14px;
    text-transform: uppercase
}

.countdown-section {
    display: inline-block;
    text-align: center;
    padding: 5px 0;
    margin: 0 1px 0 0;
    font-size: 9px;
    line-height: 10px;
    text-transform: uppercase
}

.countdown-amount {
    line-height: 1em
}

@media (min-width: 768px) {
    .countdown-amount {
        font-size:16px
    }
}

@media (min-width: 992px) {
    .countdown-amount {
        font-size:20px
    }
}

@media (min-width: 1200px) {
    .countdown-amount {
        font-size:28px
    }
}

@media (min-width: 768px) {
    .two-in-row .countdown-amount {
        font-size:28px
    }
}

@media (min-width: 992px) {
    .two-in-row .countdown-amount {
        font-size:28px
    }
}

@media (min-width: 1200px) {
    .two-in-row .countdown-amount {
        font-size:28px
    }
}

@media (min-width: 768px) {
    .three-in-row .countdown-amount {
        font-size:22px
    }
}

@media (min-width: 992px) {
    .three-in-row .countdown-amount {
        font-size:26px
    }
}

@media (min-width: 1200px) {
    .three-in-row .countdown-amount {
        font-size:28px
    }
}

@media (min-width: 768px) {
    .five-in-row .countdown-amount {
        font-size:14px
    }
}

@media (min-width: 992px) {
    .five-in-row .countdown-amount {
        font-size:16px
    }
}

@media (min-width: 1200px) {
    .five-in-row .countdown-amount {
        font-size:20px
    }
}

@media (min-width: 768px) {
    .six-in-row .countdown-amount {
        font-size:14px
    }
}

@media (min-width: 992px) {
    .six-in-row .countdown-amount {
        font-size:16px
    }
}

@media (min-width: 1200px) {
    .six-in-row .countdown-amount {
        font-size:20px
    }
}

@media (min-width: 768px) {
    .seven-in-row .countdown-amount {
        font-size:13px
    }
}

@media (min-width: 992px) {
    .seven-in-row .countdown-amount {
        font-size:14px
    }
}

@media (min-width: 1200px) {
    .seven-in-row .countdown-amount {
        font-size:18px
    }
}

@media (min-width: 768px) {
    .eight-in-row .countdown-amount {
        font-size:13px
    }
}

@media (min-width: 992px) {
    .eight-in-row .countdown-amount {
        font-size:14px
    }
}

@media (min-width: 1200px) {
    .eight-in-row .countdown-amount {
        font-size:18px
    }
}

.product-preview__image:hover .countdown_box {
    display: none
}

.shopping-cart-table>tbody>tr>td {
    vertical-align: middle !important
}

.shopping-cart-table__product-image img {
    max-width: 80px
}

.shopping-cart-table__product-price {
    font-size: 14px
}

.shopping-cart-table [class^="icon-"],.shopping-cart-table [class*=" icon-"] {
    font-size: 18px;
    line-height: 38px;
    display: inline-block;
    vertical-align: top
}

.shopping-cart-table td.image-col {
    width: 105px;
    padding-left: 0;
    padding-right: 0
}

.shopping-cart-table h6 {
    padding: 2px 0 5px
}

@media (max-width: 767px) {
    .shopping-cart-table>thead {
        display:none
    }

    .shopping-cart-table__product-image img {
        max-width: 160px
    }

    .shopping-cart-table td.image-col {
        width: 100%;
        text-align: center !important
    }

    .shopping-cart-table,.shopping-cart-table tbody,.shopping-cart-table td,.shopping-cart-table tr {
        display: block;
        border: 0;
        width: 100%
    }

    .shopping-cart-table td:first-child {
        border-top: 0
    }

    .shopping-cart-table td {
        position: relative;
        padding-left: 50% !important;
        text-align: left !important
    }

    .shopping-cart-table td div.th-title {
        position: absolute;
        left: 10px;
        width: 45%;
        padding-right: 10px;
        text-align: right;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        font-weight: bold;
        text-transform: uppercase
    }

    .shopping-cart-table td.no-title {
        padding-left: 20px !important;
        text-align: center !important
    }

    .shopping-cart-table .input-group-qty {
        display: inline-block;
        padding-right: 10px
    }

    .shopping-cart-btns {
        text-align: center
    }

    .shopping-cart-btns .btn.pull-left,.shopping-cart-btns .btn.pull-right {
        float: none !important;
        margin: 0 !important
    }
}

table.table-total {
    font-size: 18px;
    margin-bottom: 20px
}

.aside-column table.table-total {
    margin-bottom: 0
}

table.table-total tr>th {
    border-top: 0;
    font-weight: normal
}

table.table-total tr>th,table.table-total tr>td {
    padding: 4px 0 4px;
    width: 50%
}

table.table-total h2 {
    font-size: 24px;
    padding-bottom: 0
}

.twitter-widget {
    min-height: 450px
}

.facebook-widget {
    min-height: 450px
}

.pinterest-widget {
    min-height: 450px
}

.not-found-box {
    text-align: center
}

.not-found-box__image {
    position: relative;
    display: inline-block
}

.not-found-box__image img {
    width: 100%;
    max-width: 100%
}

.not-found-box__text {
    position: absolute;
    right: 0;
    bottom: 0;
    padding: 0 10% 8% 0;
    width: 55%
}

@media (max-width: 767px) {
    .not-found-box__text {
        padding:0
    }
}

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

.animation {
    opacity: 0;
    opacity: 1\9
}

@-webkit-keyframes slideDown {
    0% {
        max-height: 0
    }

    100% {
        max-height: 500px
    }
}

@keyframes slideDown {
    0% {
        max-height: 0
    }

    100% {
        max-height: 500px
    }
}

.slideDown {
    overflow: hidden;
    -webkit-animation-name: slideDown;
    animation-name: slideDown
}

@-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 fadeIn {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

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

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

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

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

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
}

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

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

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

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

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
}

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

@-webkit-keyframes 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 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
}

.hover-squared {
    position: relative
}

.hover-squared .caption::before,.hover-squared .caption::after {
    pointer-events: none;
    position: absolute;
    top: 10px;
    right: 10px;
    bottom: 10px;
    left: 10px;
    content: '';
    opacity: 0;
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s
}

.hover-squared .caption::before {
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    -webkit-transform: scale(0, 1);
    transform: scale(0, 1)
}

.hover-squared .caption::after {
    border-right: 1px solid #fff;
    border-left: 1px solid #fff;
    -webkit-transform: scale(1, 0);
    transform: scale(1, 0)
}

.hover-squared:hover .caption::before,.hover-squared:hover .caption::after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1)
}

.modal label {
    margin-top: 20px;
    font-size: 14px
}

.modal-backdrop {
    -webkit-backface-visibility: hidden
}

.modal-backdrop.zoom,.modal-backdrop.newspaper,.modal-backdrop.move-horizontal,.modal-backdrop.move-from-top,.modal-backdrop.unfold-3d,.modal-backdrop.zoom-out {
    opacity: 0;
    transition: opacity 0.4s ease
}

.modal-backdrop.in {
    opacity: 0.8
}

.modal-backdrop.unfold-3d {
    perspective: 500
}

.modal.zoom .modal-dialog {
    opacity: 0;
    -webkit-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 1s 0s ease, 0.5s 1s 0s ease, ease-in-out 1s 0s ease;
    -moz-transition: all 1s 0s ease, 0.5s 1s 0s ease, ease-in-out 1s 0s ease;
    -ms-transition: all 1s 0s ease, 0.5s 1s 0s ease, ease-in-out 1s 0s ease;
    -o-transition: all 1s 0s ease, 0.5s 1s 0s ease, ease-in-out 1s 0s ease;
    transition: all 1s 0s ease, 0.5s 1s 0s ease, ease-in-out 1s 0s ease;
    transform: scale(0.6)
}

.modal.in .modal-dialog {
    opacity: 1;
    -webkit-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    -webkit-transition: all 1s 0s ease, 0.4s 1s 0s ease, ease-in-out 1s 0s ease;
    -moz-transition: all 1s 0s ease, 0.4s 1s 0s ease, ease-in-out 1s 0s ease;
    -ms-transition: all 1s 0s ease, 0.4s 1s 0s ease, ease-in-out 1s 0s ease;
    -o-transition: all 1s 0s ease, 0.4s 1s 0s ease, ease-in-out 1s 0s ease;
    transition: all 1s 0s ease, 0.4s 1s 0s ease, ease-in-out 1s 0s ease;
    transform: scale(1)
}

.modal.fade.newspaper .modal-dialog,.modal.newspaper .modal-dialog {
    opacity: 0;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s;
    transform: scale(0) rotate(500deg)
}

.modal.fade.newspaper.in .modal-dialog,.modal.in .modal-dialog {
    opacity: 1;
    transform: scale(1) rotate(0deg)
}

.modal.move-horizontal .modal-dialog {
    opacity: 0;
    transition: all 0.5s;
    transform: translateX(-50px)
}

.modal.in .modal-dialog {
    opacity: 1;
    transform: translateX(0)
}

.modal.move-from-top .modal-dialog {
    opacity: 0;
    transition: all 0.5s;
    transform: translateY(-100px)
}

.modal.in .modal-dialog {
    opacity: 1;
    transform: translateY(0)
}

.modal.unfold-3d .modal-dialog {
    opacity: 0;
    transition: all 0.5s ease-in-out;
    transform-style: preserve-3d;
    transform: rotateY(-60deg)
}

.modal.in .modal-dialog {
    opacity: 1;
    transform: rotateY(0deg)
}

.modal.fade.zoom-out .modal-dialog,.modal.zoom-out .modal-dialog {
    opacity: 0;
    transition: all 0.5s;
    transform: scale(1.3)
}

.modal.fade.zoom-out.in .modal-dialog,.modal.in .modal-dialog {
    opacity: 1;
    transform: scale(1)
}

.csstransforms3d .modal.unfold-3d .modal-dialog {
    transform: none;
    transform-origin: 50% 100%;
    transform: scale(0.7) rotate3d(-1, 1, 0, -60deg)
}

.csstransforms3d .modal.in .modal-dialog {
    transform: scale(1) rotate3d(-1, 1, 0, 0deg)
}

@-webkit-keyframes scroll-ani {
    0% {
        opacity: 0;
        top: 0
    }

    50% {
        opacity: 1;
        top: 50%
    }

    100% {
        opacity: 0;
        top: 75%
    }
}

@-moz-keyframes scroll-ani {
    0% {
        opacity: 0;
        top: 0
    }

    50% {
        opacity: 1;
        top: 50%
    }

    100% {
        opacity: 0;
        top: 75%
    }
}

@keyframes scroll-ani {
    0% {
        opacity: 0;
        top: 0
    }

    50% {
        opacity: 1;
        top: 50%
    }

    100% {
        opacity: 0;
        top: 75%
    }
}

@-webkit-keyframes scroll-ani-to-top {
    0% {
        opacity: 0;
        bottom: 0
    }

    50% {
        opacity: 1;
        bottom: 50%
    }

    100% {
        opacity: 0;
        bottom: 75%
    }
}

@-moz-keyframes scroll-ani-to-top {
    0% {
        opacity: 0;
        bottom: 0
    }

    50% {
        opacity: 1;
        bottom: 50%
    }

    100% {
        opacity: 0;
        bottom: 75%
    }
}

@keyframes scroll-ani-to-top {
    0% {
        opacity: 0;
        bottom: 0
    }

    50% {
        opacity: 1;
        bottom: 50%
    }

    100% {
        opacity: 0;
        bottom: 75%
    }
}

@-webkit-keyframes rotating {
    from {
        -ms-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -ms-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes rotating {
    from {
        -ms-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -ms-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

.rotating {
    -webkit-animation: rotating 2s linear infinite;
    -moz-animation: rotating 2s linear infinite;
    -ms-animation: rotating 2s linear infinite;
    -o-animation: rotating 2s linear infinite;
    animation: rotating 2s linear infinite
}

@-moz-keyframes pulse {
    0% {
        -moz-transform: scale(1);
        opacity: 0.0
    }

    25% {
        -moz-transform: scale(1);
        opacity: 0.1
    }

    50% {
        -moz-transform: scale(1.1);
        opacity: 0.3
    }

    75% {
        -moz-transform: scale(1.5);
        opacity: 0.5
    }

    100% {
        -moz-transform: scale(1.8);
        opacity: 0.0
    }
}

@-webkit-keyframes pulse {
    0% {
        -webkit-transform: scale(1);
        opacity: 0.0
    }

    25% {
        -webkit-transform: scale(1);
        opacity: 0.1
    }

    50% {
        -webkit-transform: scale(1.1);
        opacity: 0.3
    }

    75% {
        -webkit-transform: scale(1.5);
        opacity: 0.5
    }

    100% {
        -webkit-transform: scale(1.8);
        opacity: 0.0
    }
}

@keyframes pulse {
    0% {
        transform: scale(1);
        opacity: 0.0
    }

    25% {
        transform: scale(1);
        opacity: 0.1
    }

    50% {
        transform: scale(1.1);
        opacity: 0.3
    }

    75% {
        transform: scale(1.5);
        opacity: 0.5
    }

    100% {
        transform: scale(1.8);
        opacity: 0.0
    }
}

.slick-dots li button:before {
    opacity: 1
}

.slick-dots li.slick-active button:before {
    opacity: 1;
    font-size: 12px;
    margin-top: 1px
}

@media (min-width: 768px) {
    .animated-arrows .slick-prev,.animated-arrows .slick-next {
        width:40px;
        height: 40px;
        -webkit-transform: translateY(-7px);
        transform: translateY(-7px)
    }

    .animated-arrows .slick-prev .icon-wrap,.animated-arrows .slick-next .icon-wrap {
        position: relative;
        display: block;
        width: 100%;
        height: 100%
    }

    .animated-arrows .slick-prev::before,.animated-arrows .slick-prev::after,.animated-arrows .slick-prev .icon-wrap::before,.animated-arrows .slick-prev .icon-wrap::after,.animated-arrows .slick-next::before,.animated-arrows .slick-next::after,.animated-arrows .slick-next .icon-wrap::before,.animated-arrows .slick-next .icon-wrap::after {
        position: absolute;
        left: 50%;
        width: 3px;
        height: 50%;
        content: '';
        -webkit-transition: -webkit-transform 0.3s;
        transition: transform 0.3s;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden
    }

    .animated-arrows .slick-prev .icon-wrap::before,.animated-arrows .slick-prev .icon-wrap::after,.animated-arrows .slick-next .icon-wrap::before,.animated-arrows .slick-next .icon-wrap::after {
        z-index: 100;
        height: 0;
        -webkit-transition: height 0.3s, -webkit-transform 0.3s;
        transition: height 0.3s, transform 0.3s
    }

    .animated-arrows .slick-prev::before,.animated-arrows .slick-prev .icon-wrap::before {
        top: 50%;
        -webkit-transform: translateX(-50%) rotate(-135deg);
        transform: translateX(-50%) rotate(-135deg);
        -webkit-transform-origin: 50% 0%;
        transform-origin: 50% 0%
    }

    .animated-arrows .slick-next::before,.animated-arrows .slick-next .icon-wrap::before {
        top: 50%;
        -webkit-transform: translateX(-50%) rotate(135deg);
        transform: translateX(-50%) rotate(135deg);
        -webkit-transform-origin: 50% 0%;
        transform-origin: 50% 0%
    }

    .animated-arrows .slick-prev::after,.animated-arrows .slick-prev .icon-wrap::after {
        top: 50%;
        -webkit-transform: translateX(-50%) rotate(-45deg);
        transform: translateX(-50%) rotate(-45deg);
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0
    }

    .animated-arrows .slick-next::after,.animated-arrows .slick-next .icon-wrap::after {
        top: 50%;
        -webkit-transform: translateX(-50%) rotate(45deg);
        transform: translateX(-50%) rotate(45deg);
        -webkit-transform-origin: 100% 0%;
        transform-origin: 100% 0%
    }

    .animated-arrows .slick-prev:hover .icon-wrap::before,.animated-arrows .slick-prev:hover .icon-wrap::after,.animated-arrows .slick-next:hover .icon-wrap::before,.animated-arrows .slick-next:hover .icon-wrap::after {
        height: 50%
    }

    .animated-arrows .slick-prev:hover::before,.animated-arrows .slick-prev:hover .icon-wrap::before {
        -webkit-transform: translateX(-50%) rotate(-125deg);
        transform: translateX(-50%) rotate(-125deg)
    }

    .animated-arrows .slick-next:hover::before,.animated-arrows .slick-next:hover .icon-wrap::before {
        -webkit-transform: translateX(-50%) rotate(125deg);
        transform: translateX(-50%) rotate(125deg)
    }

    .animated-arrows .slick-prev:hover::after,.animated-arrows .slick-prev:hover .icon-wrap::after {
        -webkit-transform: translateX(-50%) rotate(-55deg);
        transform: translateX(-50%) rotate(-55deg)
    }

    .animated-arrows .slick-next:hover::after,.animated-arrows .slick-next:hover .icon-wrap::after {
        -webkit-transform: translateX(-50%) rotate(55deg);
        transform: translateX(-50%) rotate(55deg)
    }
}

@media (min-width: 768px) {
    .content.boxed .slick-slider:not(.nav-inside) .slick-prev,body.boxed .slick-slider:not(.nav-inside) .slick-prev,.content.boxed .slick-slider:not(.nav-inside) .slick-next,body.boxed .slick-slider:not(.nav-inside) .slick-next {
        opacity:0
    }

    .content.boxed .slick-slider:not(.nav-inside):hover .slick-next,body.boxed .slick-slider:not(.nav-inside):hover .slick-next,.content.boxed .slick-slider:not(.nav-inside):hover .slick-prev,body.boxed .slick-slider:not(.nav-inside):hover .slick-prev {
        opacity: 1
    }
}

.nav-mobile .slick-prev,.nav-mobile .slick-next {
    top: 50% !important;
    width: 22px !important;
    height: 50px !important;
    margin-top: -25px !important
}

.nav-mobile .slick-next {
    right: 0 !important
}

.nav-mobile .slick-prev {
    left: 0 !important
}

.single-slider .slick-prev {
    left: 15px
}

.single-slider .slick-next {
    right: 15px
}

.single-slider .slick-dots {
    bottom: -35px
}

.tp-rightarrow.default,.tp-leftarrow.default {
    background-image: none !important;
    width: 80px !important;
    height: 80px !important
}

.tparrows.default.tp-leftarrow .tp-arr-allwrapper,.tparrows.default.tp-rightarrow .tp-arr-allwrapper {
    position: relative;
    display: block;
    width: 100%;
    height: 100%
}

.tparrows.default.tp-leftarrow::before,.tparrows.default.tp-leftarrow::after,.tparrows.default.tp-leftarrow .tp-arr-allwrapper::before,.tparrows.default.tp-leftarrow .tp-arr-allwrapper::after,.tparrows.default.tp-rightarrow::before,.tparrows.default.tp-rightarrow::after,.tparrows.default.tp-rightarrow .tp-arr-allwrapper::before,.tparrows.default.tp-rightarrow .tp-arr-allwrapper::after {
    position: absolute;
    left: 50%;
    width: 3px;
    height: 50%;
    content: '';
    -webkit-transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.tparrows.default.tp-leftarrow .tp-arr-allwrapper::before,.tparrows.default.tp-leftarrow .tp-arr-allwrapper::after,.tparrows.default.tp-rightarrow .tp-arr-allwrapper::before,.tparrows.default.tp-rightarrow .tp-arr-allwrapper::after {
    z-index: 100;
    height: 0;
    -webkit-transition: height 0.3s, -webkit-transform 0.3s;
    transition: height 0.3s, transform 0.3s
}

.tparrows.default.tp-leftarrow::before,.tparrows.default.tp-leftarrow .tp-arr-allwrapper::before {
    top: 50%;
    -webkit-transform: translateX(-50%) rotate(-135deg);
    transform: translateX(-50%) rotate(-135deg);
    -webkit-transform-origin: 50% 0%;
    transform-origin: 50% 0%
}

.tparrows.default.tp-rightarrow::before,.tparrows.default.tp-rightarrow .tp-arr-allwrapper::before {
    top: 50%;
    -webkit-transform: translateX(-50%) rotate(135deg);
    transform: translateX(-50%) rotate(135deg);
    -webkit-transform-origin: 50% 0%;
    transform-origin: 50% 0%
}

.tparrows.default.tp-leftarrow::after,.tparrows.default.tp-leftarrow .tp-arr-allwrapper::after {
    top: 50%;
    -webkit-transform: translateX(-50%) rotate(-45deg);
    transform: translateX(-50%) rotate(-45deg);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0
}

.tparrows.default.tp-rightarrow::after,.tparrows.default.tp-rightarrow .tp-arr-allwrapper::after {
    top: 50%;
    -webkit-transform: translateX(-50%) rotate(45deg);
    transform: translateX(-50%) rotate(45deg);
    -webkit-transform-origin: 100% 0%;
    transform-origin: 100% 0%
}

.tparrows.default.tp-leftarrow:hover .tp-arr-allwrapper::before,.tparrows.default.tp-leftarrow:hover .tp-arr-allwrapper::after,.tparrows.default.tp-rightarrow:hover .tp-arr-allwrapper::before,.tparrows.default.tp-rightarrow:hover .tp-arr-allwrapper::after {
    height: 50%
}

.tparrows.default.tp-leftarrow:hover::before,.tparrows.default.tp-leftarrow:hover .tp-arr-allwrapper::before {
    -webkit-transform: translateX(-50%) rotate(-125deg);
    transform: translateX(-50%) rotate(-125deg)
}

.tparrows.default.tp-rightarrow:hover::before,.tparrows.default.tp-rightarrow:hover .tp-arr-allwrapper::before {
    -webkit-transform: translateX(-50%) rotate(125deg);
    transform: translateX(-50%) rotate(125deg)
}

.tparrows.default.tp-leftarrow:hover::after,.tparrows.default.tp-leftarrow:hover .tp-arr-allwrapper::after {
    -webkit-transform: translateX(-50%) rotate(-55deg);
    transform: translateX(-50%) rotate(-55deg)
}

.tparrows.default.tp-rightarrow:hover::after,.tparrows.default.tp-rightarrow:hover .tp-arr-allwrapper::after {
    -webkit-transform: translateX(-50%) rotate(55deg);
    transform: translateX(-50%) rotate(55deg)
}

.zoomContainer {
    height: 0 !important
}

.zoomContainer:hover {
    z-index: 10000;
    height: inherit !important
}

.parallax-gallery .carousel-navigation-wrapper {
    height: 650px
}

@media (max-width: 991px) {
    .parallax-gallery .carousel-navigation-wrapper {
        height:auto !important
    }

    .parallax-gallery .parallax-gal-carousel.ready .parallax-gal-slide {
        margin: 15px
    }
}

.parallax-gallery .parallax-gal-carousel.ready .parallax-gal-slide {
    box-shadow: 0 1px 3px rgba(0,0,0,0.12),0 1px 2px rgba(0,0,0,0.24);
    background-color: #ffffff
}

.parallax-gallery .parallax-gal-carousel.ready .parallax-gal-slide .parallax-gal-caption {
    padding: 15px
}

.parallax-gallery .parallax-gal-carousel.ready .parallax-gal-slide .parallax-gal-image {
    position: relative
}

.parallax-gallery .nav-arrow.right.slick-next {
    right: -15px
}

.parallax-gallery .nav-arrow.left.slick-prev {
    left: -15px
}

@media (max-width: 991px) {
    .mobile-nav-product {
        position:fixed;
        bottom: 0px;
        left: 0px;
        z-index: 99999;
        width: 100%;
        background-color: #fff;
        text-align: center;
        box-shadow: 0px -1px 2px rgba(0,0,0,0.2)
    }

    .mobile-nav-product ul {
        -webkit-margin-before: 0em;
        -webkit-margin-after: 0em;
        -webkit-margin-start: 0px;
        -webkit-margin-end: 0px;
        -webkit-padding-start: 0px
    }

    .mobile-nav-product li {
        text-align: center;
        width: 19%;
        display: inline-block;
        list-style: none;
        padding: 10px 0px
    }

    .mobile-nav-product li.active {
        border-top: 4px solid #ff703a
    }

    .mobile-nav-product li a {
        font-size: 12px
    }

    .mobile-nav-product li a .icon {
        font-size: 15px
    }
}

.profile .banner--image__text--center {
    top: 20%
}

.profile .banner-container {
    height: 400px
}

.profile_simple .banner-container {
    height: 200px;
    padding-top: 100px
}

.profile-info .user-name {
    font-style: italic;
    font-weight: 600;
    -moz-transform: translateY(50%);
    -ms-transform: translateY(50%);
    -o-transform: translateY(50%);
    -webkit-transform: translateY(50%);
    transform: translateY(50%);
    padding: 10px
}

@media (max-width: 991px) {
    .profile-info .user-name {
        font-size:24px
    }
}

.profile-info li {
    margin-bottom: 10px;
    font-size: 12px;
    display: inline-block;
    margin: 0 20px
}

.profile-info li>a {
    font-weight: bold;
    font-size: 21px;
    display: inline-block;
    margin-bottom: 10px;
    color: #635c52;
    font-weight: 400
}

.profile h4 {
    padding-bottom: 20px
}

.profile h5 {
    padding-bottom: 3px
}

.profile_edit__item {
    margin: 20px 0px
}

.profile_edit__item a {
    color: #ff8a60;
    text-decoration: none;
    display: inline-block
}

.profile_edit__item a:hover,.mall-product__item a:hover {
    color: #ff703a
}

.product-info__btn a:hover {
    color: #ffffff
}

.profile .slick-initialized .slick-slide {
    padding-top: 0px;
    position: relative !important
}

.badge-box {
    display: inline-block;
    margin: 0 auto;
    padding: 10px
}

.badge-box .icon {
    font-size: 20px;
    display: inline-block;
    margin: 10px 20px;
    height: 40px;
    width: 40px;
    border-radius: 50%;
    background-color: #ccc;
    color: #fff;
    padding: 10px
}

.badge-box .icon.active {
    background-color: #ff8a60
}

@media (max-width: 991px) {
    .badge-box .icon {
        margin:10px
    }
}

@media (max-width: 400px) {
    .badge-box .icon {
        margin:10px 5px
    }
}

.mall-product__item {
    padding: 20px 50px;
    background-color: #fff;
    border-radius: 2px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.12),0 1px 2px rgba(0,0,0,0.24)
}

.mall-product__item #listTabContent {
    padding-right: 30px
}

#listTab {
    display: flex
}

#listTabContent .listTab-item {
    margin: 50px 0px;
    padding: 0
}

#listTabContent .listTab-item .product-preview__info {
    padding: 15px 10px 10px 10px
}

#listTabContent .listTab-item .product-preview__image {
    height: 110px;
    width: 110px
}

#listTabContent .listTab-item .product-info__share li {
    height: 25px !important;
    width: 25px !important;
    text-align: center;
    padding: 3px;
    margin: 1px
}

#listTabContent .listTab-item .product-info__share li img {
    width: 18px
}

.recommend-section {
    padding-top: 40px
}

@media (max-width: 991px) {
    .open .mall-col {
        width:100%;
        float: initial
    }

    .mall-centerCol {
        padding: 5px
    }

    .mall-product__item {
        padding: 10px
    }

    .open .mall-col .filter-apply {
        position: initial;
        bottom: initial;
        left: initial;
        background-color: transparent;
        padding-bottom: 0px
    }

    #listTabContent .listTab-item .product-preview__image {
        width: 80px;
        height: 80px
    }

    #listTabContent .listTab-item .product-preview__info__title a {
        font-size: 14px
    }

    #listTabContent .listTab-item .product-preview__info__content {
        font-size: 13px;
        margin-top: 5px;
        line-height: 1
    }

    #listTabContent .listTab-item .product-info__share {
        margin-top: 5px
    }

    #listTabContent .listTab-item .product-info__share li {
        height: 21px !important;
        width: 21px !important;
        text-align: center;
        padding: 1px;
        margin: 0 3px
    }

    #listTabContent .listTab-item .product-info__btn button {
        padding: 3px
    }

    .mall-product__item #listTabContent {
        padding-right: 10px
    }
}

.about .banner-container {
    background-position: top;
    height: 350px
}

.features-item {
    margin-bottom: 50px
}

.features-item__t1 {
    font-size: 28px;
    font-weight: bold;
    margin: 15px 0px
}

.features-item__t2 {
    font-size: 16px
}

@media (max-width: 991px) {
    .about .banner-container {
        height:280px
    }

    .about .footer__bottom--dark {
        margin-bottom: 0px
    }
}

.profile .blog-widget__item__offset-text {
    padding-top: 0px
}

.profile .review {
    margin-top: 0px
}

.profile_edit__item .btn-primary {
    font-size: 12px;
    padding: 2px 4px;
    color: #424242;
    background-color: #f2f2f2;
    border-color: #ccc
}

.profile_edit__item .btn-primary:hover,.profile_edit__item .btn-primary:focus,.profile_edit__item .btn-primary.focus,.profile_edit__item .btn-primary:active,.profile_edit__item .btn-primary.active,.open>.dropdown-toggle.btn-primary {
    background-color: #ff703a;
    color: #fff
}

.privacy-item-name {
    padding-top: 3px;
    padding-bottom: 3px
}

.profile_edit__item .row.bg-gray {
    background-color: #f9f4f2
}

.red_dot {
    width: 8px;
    height: 8px;
    display: inline-block;
    position: absolute;
    background-color: red;
    border-radius: 100%;
    right: -10px;
    top: 42%;
    z-index: 999;
    -webkit-animation: ripple 1000ms linear infinite;
    -moz-animation: ripple 1000ms linear infinite;
    animation: ripple 1000ms linear infinite
}

@keyframes ripple {
    0% {
        box-shadow: 0 0 0 0 rgba(255,143,143,0.6),0 0 0 4px rgba(255,143,143,0.3)
    }

    50% {
        box-shadow: 0 0 0 4px rgba(255,143,143,0.6),0 0 0 8px rgba(255,143,143,0.3)
    }

    100% {
        box-shadow: 0 0 0 4px rgba(255,143,143,0),0 0 0 8px rgba(255,143,143,0)
    }
}

.red_dot .red_dot-btn {
    border: 0px;
    line-height: 0;
    width: 20px;
    height: 20px;
    display: inline-block;
    margin-top: -12px;
    margin-left: -6px
}

.red_dot .red_dot-btn:hover {
    background-color: transparent
}

.red_dot .dropdown-menu {
    color: #635c52;
    padding: 10px 15px;
    background: #fff
}

.red_dot.nav-left .dropdown-menu {
    left: 0
}

@media (max-width: 991px) {
    .red_dot.nav-right {
        right:45px;
        top: 15px
    }

    .red_dot .dropdown-menu {
        min-width: 150px
    }
}

.dark-mask input:focus,.dark-mask.favorite-btn {
    box-shadow: 0 0 0 5000px rgba(0,0,0,0.8);
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.guide-box {
    position: absolute;
    width: 100%;
    padding: 15px;
    background-color: transparent;
    color: #fff;
    font-size: 14px;
    top: -130%
}

.guide-box .card {
    background-color: transparent;
    border: none
}

#trackingBtn.active,#collectBtn.active {
    background: #abddd7;
    border: 1px solid transparent;
    color: #fff
}

.input-qty {
    width: 180px !important;
    padding-right: 10px;
    padding-left: 10px
}

.btn-number {
    width: 35px
}

.modal input[type="radio"] {
    margin-left: 15px
}

.modal--content .icon-verification {
    width: 100px;
    height: 100px;
    border-radius: 100%;
    background-color: #ff8a60;
    padding: 25px;
    margin-bottom: 20px;
    display: inline-block;
    font-size: 50px
}

.card-wrapper {
    width: initial;
    max-width: initial;
    margin: 0 20px
}

.listTab-item {
    margin: 15px 10px 0px 10px;
    padding: 10px
}

.listTab-item:nth-child(1) {
    margin: 30px 10px 0px 10px
}

.listTab-item li {
    display: inline-block;
    width: 32%
}

.tab-pane#tracking li:nth-child(1),.tab-pane#tracking li:nth-child(2) {
    width: 20%
}

.tab-pane#tracking li:nth-child(3),.tab-pane#tracking li:nth-child(4) {
    width: 27%
}

.listTab-item form {
    font-size: 12px
}

.profile_edit__item a {
    color: #635c52
}

.nav-tabs>li.active>a,.nav-tabs>li.active>a:hover,.nav-tabs>li.active>a:focus {
    color: #ff8a60
}

.nav-tabs.nav-justified>.active>a,.nav-tabs.nav-justified>.active>a:hover,.nav-tabs.nav-justified>.active>a:focus {
    border: none;
    border-bottom: 3px solid #ff8a60;
    border-radius: 0
}

.nav-tabs.nav-justified>li {
    display: table-cell;
    width: 1%
}

.item-img {
    width: 120px;
    height: 120px;
    position: relative;
    display: inline-block;
    background-position: center;
    background-size: cover
}

.item-info h5 {
    overflow: hidden
}

.item-info a {
    color: #635c52;
    letter-spacing: 0.5px;
    line-height: 1.2
}

.tracking-tip {
    margin-top: 10px;
    color: #afa79c
}

.card-wrapper {
    padding: 30px
}

.listTab-select {
    width: initial
}

#selectBox-group {
    width: 100%;
    height: 100%;
    position: relative;
    font-size: 12px;
    margin-bottom: 10px
}

#selectBox-group label {
    position: absolute;
    width: 100%;
    height: 100%;
    padding-left: 20px;
    cursor: pointer;
    top: 0;
    left: 0
}

#selectBox-group label span {
    display: block;
    position: absolute;
    left: 0;
    -webkit-transition-duration: .3s;
    -moz-transition-duration: .3s;
    transition-duration: 0.3s
}

#selectBox-group label .box {
    width: 100%;
    height: 100%;
    top: 0;
    background-color: rgba(0,0,0,0.6);
    border-width: 1px;
    border-style: solid;
    -webkit-transition-delay: 0s;
    -moz-transition-delay: 0s;
    transition-delay: 0s
}

#selectBox-group label .check {
    top: 30px;
    left: 50px;
    width: 25px;
    height: 45px;
    border-width: 3px;
    border-color: #fff;
    opacity: 0.5;
    z-index: 10;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    transform: rotate(45deg);
    border-style: solid;
    border-top: none;
    border-left: none;
    -webkit-transition-delay: .3s;
    -moz-transition-delay: .3s;
    transition-delay: 0.3s
}

#selectBox-group input[type=checkbox] {
    display: none
}

#selectBox1[type=checkbox]:checked ~ label .check {
    opacity: 1;
    -webkit-transform: scale(1) rotate(45deg);
    -moz-transform: scale(1) rotate(45deg);
    transform: scale(1) rotate(45deg)
}

#selectBox1[type=checkbox]:checked ~ label .box {
    background: #ff8a60;
    border-color: #ff8a60
}

@media (max-width: 991px) {
    .nav-tabs>li>a {
        padding:5px
    }

    .item-img {
        width: 80px;
        height: 80px
    }

    .item-info h5 {
        font-size: 14px;
        height: 33px
    }

    .item-info .price-box {
        font-size: 16px;
        padding-top: 6px
    }

    .item-info .tracking-tip {
        margin-top: 2px;
        font-size: 12px
    }

    .listTab-item {
        margin: 0px
    }

    .listTab-item:nth-child(1) {
        margin: 15px 0 0
    }

    .card-wrapper {
        margin: 0px;
        padding: 10px
    }

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

    .listTab-item form {
        height: initial;
        padding: 0px
    }

    .listTab-item li {
        display: inline-block;
        width: 32%
    }
}

.listEdit {
    display: inline-block;
    vertical-align: bottom
}

#taobao .content {
    padding: 40px 0 60px 0
}

.campaign-header li {
    display: inline-block;
    vertical-align: middle;
    margin: 10px 5px
}

.campaign-header .dropdown-menu {
    padding: 0px 20px
}

.campaign-header .dropdown-menu div {
    margin: 10px 0px
}

.campaign-header .dropdown-menu div a:hover {
    color: #ff703a
}

.campaign-title {
    font-size: 42px;
    line-height: 1;
    letter-spacing: 1.5px;
    margin-bottom: 10px;
	color:#FF4400;
}

.campaign-title .logo-default {
    width: 120px;
    margin-bottom: 0px
}

.campaign-title .campaign-title--slogan {
    font-size: 16px
}

.campaign-title #shareBtn {
    position: absolute;
    top: 10px;
    right: 10px
}

.navbar.navbar-wd .nav-action .nav>li {
    vertical-align: middle;
    height: initial
}

.navbar.navbar-wd .nav-action .nav>li a {
    min-height: initial
}

.campaign-search .search-form {
    width: initial;
    min-width: 280px;
    height: 40px;
    vertical-align: middle;
    margin: 12px 0
}

.campaign-search .search-form .search-delete {
    right: 36px;
    top: 12px
}

.campaign-filter {
    opacity: 1;
    background-color: #fff;
    -webkit-transition: opacity 300ms ease-out 0s;
    -moz-transition: opacity 300ms ease-out 0s;
    -ms-transition: opacity 300ms ease-out 0s;
    -o-transition: opacity 300ms ease-out 0s;
    transition: opacity 300ms ease-out 0s;
    box-shadow: 0 1px 3px rgba(0,0,0,0.12),0 1px 2px rgba(0,0,0,0.24);
    padding: 20px 30px 10px;
    margin-bottom: 20px
}

.campaign-filter .filters-col__collapse__title:after {
    display: none
}

.campaign-filter .filters-col__collapse__title span {
    position: relative
}

.campaign-filter .filters-col__collapse__title span:after {
    position: absolute;
    display: block;
    top: 8px;
    right: -20px;
    font-family: 'Welldone', 'Microsoft JhengHei';
    font-size: 10px;
    content: "\e601";
    line-height: 1em
}

.campaign-filter .filter-list li.checkbox-group {
    display: inline-block;
    margin: 10px
}

.campaign-list--order {
    text-align: right
}

.divider--line {
    position: relative
}

.divider--text {
    position: absolute;
    top: -9px;
    left: 50%;
    background-color: #fff;
    display: inline-block;
    z-index: 99999;
    padding: 0 10px;
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.campaign-item--row {
    position: relative;
    width: 100%
}

.campaign-item--wrapper {
    width: 25%;
    float: left
}

.gps-campaign-item--row .campaign-item--wrapper {
    width: 33%
}

.campaign-item {
    -webkit-transition: all 300ms ease-out 0s;
    -moz-transition: all 300ms ease-out 0s;
    -ms-transition: all 300ms ease-out 0s;
    -o-transition: all 300ms ease-out 0s;
    transition: all 300ms ease-out 0s;
    position: relative;
    overflow: hidden;
    background-color: #fff;
    box-shadow: 0 1px 3px rgba(0,0,0,0.12),0 1px 2px rgba(0,0,0,0.24);
    margin: 10px
}

.campaign-item--image {
    width: 100%;
    height: 0px;
    padding-bottom: 100%;
    position: relative
}

.campaign-item--image a {
    width: 100%;
    height: 100%;
    position: absolute
}

.campaign-item--image img {
    width: 100%;
    height: 100%
}

.campaign-item--count {
    padding: 0px 5px
}

.campaign-item--info {
    padding: 15px
}

.campaign-item--price {
    font-size: 21px;
    padding-top: 5px;
    color: #ff703a !important;
    font-weight: bold
}

.campaign-item--title {
    font-weight: bold;
    font-size: 16px;
    padding-top: 5px;
    line-height: 1.4;
    max-height: 48px;
    overflow: hidden;
	height:50px;
}

.campaign-item--btn {
    padding-top: 15px;
    padding-bottom: 0px
}

.campaign-item--btn button {
    width: 88px;
    height: 48px;
    letter-spacing: 0;
    font-weight: bold
}

.campaign-item--time {
    padding-top: 5px
}

.campaign-item--time strong,.campaign-item--count strong {
    color: #ff703a
}

.campaign-menu--dropdown {
    background-color: #635c52;
    color: #fff;
    padding: 6px
}

.campaign-menu--dropdown .dropdown-toggle {
    padding: 10px;
    background-color: transparent
}

.campaign-menu--dropdown .dropdown-toggle:hover,.campaign-menu--dropdown .dropdown-toggle:focus {
    background-color: transparent
}

.campaign-menu--dropdown .nav-product.dropdown-menu {
    width: 100%;
    left: 0
}

.campaign-menu--dropdown .nav-product.dropdown-menu ul li {
    display: block
}

.campaign-menu--dropdown .nav-product.dropdown-menu ul li.active a {
    border: 0
}

.campaign-menu--dropdown .nav-product.dropdown-menu ul li .search-form {
    width: 100%
}

.campaign-menu--dropdown .navbar-toggle .icon-bar {
    background-color: #fff
}

.campaign-filter--dropdown {
    display: inline-block;
    margin: 10px 0 20px 0
}

.campaign-filter--dropdown .dropdown-menu {
    right: initial;
    left: 0;
    padding: 15px 15px 5px
}

.campaign-filter--dropdown .filters-col__collapse__title {
    width: 90px;
    padding-right: 30px;
    text-align: center
}

.campaign-filter--dropdown .filters-col__collapse__title:after {
    top: 9px;
    right: 10px
}

.campaign-filter--dropdown .campaign-item--btn button {
    width: initial;
    text-align: center;
    padding: 5px 10px;
    height: initial
}

.campaign-filter--dropdown #dropdownFilter2 {
    width: 110px
}

.campaign-filter--dropdown #dropdownFilter2.active {
    color: #ff703a;
    font-weight: bold
}

@media (max-width: 991px) {
    .campaign-item--wrapper {
        width:33%
    }

    #taobao .content {
        padding: 10px 0 60px 0
    }

    .campaign-menu--dropdown .navbar-toggle {
        top: 14px;
        left: 14px
    }

    .campaign-title--slogan {
        display: block;
        margin-top: 10px
    }
}

@media (max-width: 767px) {
    .campaign-item--wrapper {
        width:50%
    }

    .campaign-item .product-preview__label {
        width: initial
    }
}

@media (max-width: 575px) {
    .campaign-item {
        margin:4px
    }

    .campaign-item--info {
        padding: 10px 5px
    }

    .campaign-item--btn {
        padding-top: 10px;
        padding-bottom: 5px
    }

    .campaign-item--image {
        height: 200px
    }
}

@media (max-width: 430px) {
    .campaign-item--wrapper {
        width:100%
    }
}

body {
    background-color: #f9f4f2
}

.dropdown-wd {
    border-color: #e7e7e7;
    border-bottom-color: #ff8a60
}

.dropdown-menu>li>a:hover,.dropdown-menu>li>a:focus {
    background-color: #f4f4f4;
    color: #635c52
}

.dropdown-menu>.active>a,.dropdown-menu>.active>a:hover,.dropdown-menu>.active>a:focus {
    background-color: #f4f4f4;
    color: #635c52
}

.line-after {
    background: rgba(255,255,255,0.15)
}

.header {
    background-color: transparent;
    color: #635c52
}

.header--fill {
    background-color: #f4f4f4 !important
}

.header--transparent {
    background-color: transparent
}

.header--semi-transparent {
    background-color: rgba(35,35,35,0.9)
}

@media (min-width: 991px) {
    .header--grey .navbar.navbar-wd {
        background-color:#eff0f1
    }
}

.header--dark .dropdown .icon {
    color: #ffffff
}

.header__dropdowns-container .dropdown--wd {
    border-color: #e7e7e7;
    border-bottom-color: #ff8a60
}

.header__dropdowns .dropdown-menu {
    border-color: #e7e7e7;
    border-bottom-color: #ff8a60
}

.header__dropdowns__button {
    color: #635c52
}

.header--transparent .header__dropdowns__button {
    color: #ffffff
}

.header--semi-transparent .header__dropdowns__button {
    color: #ffffff
}

@media (max-width: 991px) {
    .header__dropdowns__button .icon {
        color:#ffffff
    }
}

.header--semi-transparent .header__cart__indicator {
    color: #ffffff
}

.header--transparent .header__cart__indicator {
    color: #ffffff
}

.header .navbar-header--dark {
    background-color: #788489
}

@media (max-width: 991px) {
    .header .navbar-header--dark {
        background-color:#454545 !important
    }
}

.logo {
    color: #635c52
}

.header--transparent .logo {
    color: #ffffff
}

.header--transparent .stuck .logo {
    color: #635c52
}

.header--semi-transparent .logo {
    color: #ffffff
}

.header--semi-transparent .stuck .logo {
    color: #635c52
}

.navbar-header--dark .logo {
    color: #ffffff
}

@media (max-width: 991px) {
    .logo {
        color:#ffffff !important
    }
}

@media (max-width: 991px) {
    .header--only-logo .logo {
        color:#635c52 !important
    }

    .header--only-logo .logo span {
        color: #ff8a60
    }
}

.logo div span {
    color: #ff8a60
}

.header--transparent .logo div span {
    color: #ffffff
}

.header--transparent .stuck .logo div span {
    color: #ff8a60
}

.header--semi-transparent .logo div span {
    color: #ffffff
}

.header--semi-transparent .stuck .logo div span {
    color: #ff8a60
}

.navbar-header--dark .logo div span {
    color: #ffffff
}

.header-line {
    background-color: #2b383e;
    color: #ffffff
}

.header--transparent .header-line {
    background-color: rgba(43,56,62,0.5)
}

.header--semi-transparent .header-line {
    background-color: rgba(43,56,62,0.5)
}

.header-line a {
    color: #ffffff
}

.header-line a:hover,.header-line a:focus {
    color: #ffffff
}

.header-line--light {
    background-color: #f4f4f4;
    color: #635c52
}

.header-line--light a {
    color: #635c52
}

.header-line--light a:hover,.header-line--light a:focus {
    color: #635c52
}

@media (min-width: 768px) {
    .navbar #slidemenu.slidemenu--dark {
        background-color:#635c52
    }

    .navbar #slidemenu.slidemenu--dark .nav>li>a {
        color: #ffffff
    }
}

.navbar.navbar-wd {
    background-color: #ffffff
}

@media (max-width: 767px) {
    .navbar.navbar-wd {
        background-color:#454545 !important
    }
}

.header--transparent .navbar.navbar-wd {
    background-color: transparent
}

.header--dark .navbar.navbar-wd {
    background-color: #232323
}

.header--semi-transparent .navbar.navbar-wd {
    background-color: transparent
}

@media (max-width: 767px) {
    .navbar.navbar-wd.stuck {
        background-color:#454545
    }
}

.header--transparent .navbar.navbar-wd.stuck {
    background-color: #ffffff
}

.header--transparent .navbar.navbar-wd.stuck .nav>li>a {
    color: #635c52
}

.header--semi-transparent .navbar.navbar-wd.stuck {
    background-color: #ffffff
}

.header--semi-transparent .navbar.navbar-wd.stuck .nav>li>a {
    color: #635c52
}

.navbar.navbar-wd .icon-bar {
    background-color: #ffffff
}

@media (min-width: 768px) {
    .navbar.navbar-wd .dropdown-menu {
        border-color:#e7e7e7;
        border-bottom-color: #ff8a60
    }

    .navbar.navbar-wd .dropdown-menu>li:hover>a {
        background-color: #f5f5f5
    }

    .navbar.navbar-wd .dropdown-menu ul.submenu {
        background: #ffffff
    }

    .navbar.navbar-wd .dropdown-menu ul.submenu>li:hover>a {
        background-color: #f5f5f5
    }

    .navbar.navbar-wd .dropdown-menu ul.submenu li>a {
        color: #262626
    }
}

.header--transparent .navbar.navbar-wd .nav>li>a {
    color: #635c52
}

.header--dark .navbar.navbar-wd .nav>li>a {
    color: #ffffff
}

.header--semi-transparent .navbar.navbar-wd .nav>li>a {
    color: #ffffff
}

.navbar.navbar-wd .nav>li>a:focus,.navbar.navbar-wd .nav>li>a:hover {
    background-color: transparent
}

.navbar.navbar-wd .nav>li>a:hover {
    color: #ff8a60
}

.navbar.navbar-wd .nav .open>a,.navbar.navbar-wd .nav .open>a:focus,.navbar.navbar-wd .nav .open>a:hover {
    background-color: transparent;
    color: #ff8a60
}

@media (min-width: 768px) {
    header a.dropdown-toggle:after {
        border-color:rgba(255,255,255,0);
        border-bottom-color: #fff
    }

    header a.dropdown-toggle:before {
        border-color: rgba(204,204,204,0);
        border-bottom-color: #e7e7e7
    }
}

.ul-row .li-col ul li a {
    border-bottom-color: #eeeeee
}

.ul-row .li-col ul li a:hover {
    background-color: #f3f3f3
}

.ul-row .li-col ul li.active a {
    background-color: #f3f3f3
}

.ul-row .li-col h4 {
    border-bottom-color: #ff8a60
}

.megamenu__columns__top-block,.megamenu__columns__bottom-block {
    border-bottom-color: #f0f0f0
}

.megamenu__columns__bottom-block {
    border-top-color: #f0f0f0
}

.shopping-cart {
    color: #635c52
}

.shopping-cart a:not(.btn) {
    color: #635c52
}

.shopping-cart a:not(.btn):hover {
    color: #ff8a60
}

.shopping-cart__top {
    border-bottom-color: #f0f0f0
}

.shopping-cart__bottom {
    border-top-color: #f0f0f0;
    color: #bab3ab
}

.shopping-cart__total {
    color: #635c52
}

.shopping-cart__item:after {
    background-color: #f0f0f0
}

.shopping-cart__item__info__option {
    color: #bab3ab
}

.shopping-cart__item__info__qty {
    color: #bab3ab
}

.navbar-nav--vertical {
    background-color: #ffffff;
    border-color: #f0f0f0
}

.navbar-nav--vertical>li {
    border-bottom-color: #f0f0f0
}

.navbar-nav--vertical>li:hover {
    background-color: #ededed !important
}

.navbar-nav--vertical>li>a .badge {
    background-color: #ff8a60
}

.navbar-nav--vertical>li>a:focus {
    background-color: transparent !important
}

.navbar-nav--vertical>li>a:hover {
    background-color: transparent !important
}

.navbar-nav--vertical>li.open>a {
    background-color: #000000 !important;
    color: #ffffff
}

.navbar-nav--vertical>li .dropdown-menu {
    border-color: #e7e7e7;
    border-bottom-color: #ff8a60
}

@media (max-width: 991px) {
    .categories-title .icon {
        color:#adadad
    }
}

@media (max-width: 991px) {
    #slidemenu {
        background:#5c5c5c
    }

    #slidemenu .slidemenu-close {
        background-color: transparent;
        color: #fff
    }

    #slidemenu .navbar-nav>li {
        border-bottom-color: transparent
    }

    #slidemenu .navbar-nav>li a {
        color: #ffffff
    }

    #slidemenu .navbar-nav>li a .badge {
        background-color: #ff8a60
    }

    #slidemenu .navbar-nav>li a:focus {
        background-color: transparent !important
    }

    #slidemenu .navbar-nav>li a:hover {
        background-color: transparent !important
    }

    #slidemenu .navbar-nav>li>a>span.link-name {
        color: #ffffff
    }

    #slidemenu .navbar-nav>li.open>a {
        color: #ffffff
    }

    #slidemenu .navbar-nav>li .dropdown-menu {
        border-top-color: #767676
    }

    #slidemenu .navbar-nav>li .dropdown-menu .divider {
        background-color: #767676
    }

    #slidemenu .navbar-nav>li .megamenu__columns__bottom-block .icon,#slidemenu .navbar-nav>li .megamenu__columns__top-block .icon {
        color: #767676
    }
}

@media (max-width: 991px) {
    .header--max a {
        color:#ffffff
    }

    .header--max a:hover,.header--max a:focus {
        color: #ffffff
    }

    .header .link-name {
        color: #fff
    }
}

.footer {
    background-color: #ffffff;
    color: #2b2b2b
}

.footer__quote {
    color: #635c52
}

.footer__links {
    background-color: #eaeeef;
    color: #000000
}

.footer__links a:not(.btn) {
    color: #000000
}

.footer__links--variant2 {
    background-color: #f8f8f9;
    color: #000000
}

.footer__links--variant2 a:not(.btn) {
    color: #000000
}

.footer .logo--footer {
    color: #ffffff !important
}

.footer .logo--footer span {
    color: #ffffff
}

.footer__column-links {
    background-color: #343a40;
    color: #ffffff
}

.footer__column-links a:not(.btn) {
    color: #bbc2c6
}

.footer__column-links .v-links-list li {
    color: #bbc2c6
}

.footer__column-links .v-links-list li.icon:before {
    color: #ffffff
}

.footer__column-links .title {
    color: #ffffff
}

.footer__column-links .light-color {
    color: #ffffff
}

.footer__column-links--variant2 {
    background-color: #eff0f1;
    color: #635c52
}

.footer__column-links--variant2 a:not(.btn) {
    color: #635c52
}

.footer__column-links--variant2 .v-links-list li {
    color: #635c52
}

.footer__column-links--variant2 .v-links-list li.icon:before {
    color: #635c52
}

.footer__column-links--variant2 .title {
    color: #635c52
}

.footer__column-links--variant2 .light-color {
    color: #635c52
}

.footer__column-links--variant2 .logo--footer {
    color: #635c52 !important
}

.footer__column-links--variant2 .logo--footer span {
    color: #ff8a60
}

.footer__settings {
    background-color: #eaeeef;
    color: #635c52
}

.footer__subscribe {
    background-color: #635c52;
    color: #ffffff
}

.footer__subscribe a {
    color: #ffffff
}

.footer__subscribe--variant2 {
    background-color: #000000;
    color: #ffffff
}

.footer__subscribe--variant2 a {
    color: #ffffff
}

.footer__bottom {
    background-color: #ffffff;
    color: #2b2b2b
}

.footer__bottom a {
    color: #2b2b2b
}

.footer__bottom--dark {
    color: #ffffff;
    background-color: #343a40
}

.footer__bottom--dark a {
    color:#ff8a60
}

  .footer__bottom--dark a:hover, .footer__column-links a:hover{
    color: #ff6602;
  }

@media (max-width: 767px) {
    .mobile-collapse {
        border-bottom-color:rgba(187,194,198,0.2)
    }

    .mobile-collapse__title:after {
        color: rgba(187,194,198,0.2)
    }
}

body:not(.boxed) .page-content--fill {
    background: #f4f4f4
}

.parallax {
    background-image: url(/assets/parallax-01-938ccc7d1622d05e05232aec65523e479166c6687d3ac9b06d9b60f2e453d575.png)
}

.content--fill {
    background-color: #f9f4f2 !important
}

.content--fill--light {
    background-color: #f8f8f8 !important
}

.content--parallax {
    background-image: url(/assets/parallax-01-938ccc7d1622d05e05232aec65523e479166c6687d3ac9b06d9b60f2e453d575.png)
}

body.boxed .content {
    background-color: #ffffff
}

body.boxed .content--parallax:before {
    background: #ffffff
}

body {
    color: #635c52
}

a {
    color: #635c52
}

a:hover,a:focus,a:active {
    color: #635c52
}

a.custom-color {
    color: #ff8a60
}

.custom-color {
    color: #ff8a60
}

.color-light {
    color: #6e6e6e
}

.color-facebook {
    color: #526ac4 !important
}

.color-facebook:hover {
    color: #526ac4 !important
}

.color-twitter {
    color: #00e4ff !important
}

.color-twitter:hover {
    color: #00e4ff !important
}

.color-linkedin {
    color: #0077b5 !important
}

.color-linkedin:hover {
    color: #0077b5 !important
}

.color-heart {
    color: #f55582 !important
}

.color-heart:hover {
    color: #f55582 !important
}

.icon-enable {
    color: #ff8a60
}

.icon-disable {
    color: #d3d3d3
}

.divider--line {
    border-bottom-color: #f0f0f0
}

.divider--line--dark {
    border-color: #d7d7d7
}

.hr {
    border-bottom-color: #f0f0f0
}

.mark {
    background-color: #ededed
}

.mark--color {
    background-color: #ff8a60;
    color: #ffffff
}

.category-list li {
    border-bottom-color: #f0f0f0
}

.category-list li a:hover {
    color: #ff8a60
}

.sizes-row li {
    color: #adadad
}

.table-params td {
    border-left-color: #f0f0f0
}

.table-params tr:last-child td {
    border-bottom-color: #f0f0f0
}

.card {
    background-color: #ffffff;
    border-color: #f0f0f0;
    padding: 20px
}

.card--collapse.open .card-title {
    border-bottom-color: #f0f0f0
}

.card--form {
    background: #ffffff
}

.card--form__icon {
    color: #d3d3d3 !important
}

.card--form__footer {
    border-top-color: #f0f0f0;
    background: #f7f7f7
}

.card--icon__cell {
    background-color: #f4f4f4
}

.card--icon__cell__icon {
    background-color: #ffffff;
    color: #635c52
}

.card__row-line {
    border-bottom-color: #f0f0f0
}

.card__row {
    border-bottom-color: #f0f0f0
}

.card__row--icon__icon .icon {
    color: #d3d3d3
}

.card__row:hover .card__row--icon__icon .icon {
    color: #bab3ab
}

.card__row--big .card__row--icon__icon .icon {
    color: #000000
}

.grey-box {
    background: #f4f4f4
}

.testimonial__author {
    background-color: #f4f4f4
}

.testimonial__text:after {
    color: #d3d3d3
}

.infobox__icon {
    background-color: #f4f4f4;
    color: #d3d3d3
}

.calendar table {
    background: #fff;
    color: #222
}

.calendar th,.calendar td {
    color: #000
}

.calendar tr:first-child td {
    color: #222
}

.text--orange {
    color: #ff8a60
}

.text--green {
    color: #7dcbc4
}

.text--gray {
    color: #635c52
}

.btn {
    color: #fff
}

.btn:hover {
    background-color: #ddd
}

.search-open.btn:hover {
    background-color: initial;
    color: #ff703a
}

.btn.text--orange {
    border: 1px solid #ff8a60
}

.btn.text--orange:hover {
    border: 1px solid #ff703a
}

.btn.text--green {
    border: 1px solid #7dcbc4
}

.btn.text--green:hover {
    border: 1px solid #1db79d
}

.btn.text--gray {
    border: 1px solid #afa79c
}

.btn.text--gray:hover {
    border: 1px solid #635c52
}

.text--orange:hover {
    color: #ff703a
}

.text--green:hover {
    color: #1db79d
}

.text--gray:hover {
    color: #635c52
}

@media (max-width: 991px) {
    .art-catalogue__item .product-preview-wrapper .product-preview .product-preview__info {
        background-color:rgba(255,255,255,0.96)
    }
}

.badge.badge--menu {
    background-color: #ff8a60;
    color: #ffffff
}

.badge.badge--squared {
    background-color: #ff8a60;
    color: #ffffff
}

.badge.badge--color-alt {
    background-color: #ef498b !important;
    color: #ffffff !important
}

.banner--image__text--light {
    color: #ffffff
}

.banner--image__text--white {
    color: #ffffff
}

.banner--image__text--dark {
    color: #635c52
}

.banner--icon {
    background-color: #ff8a60;
    color: #ffffff
}

.banner--icon.banner--light {
    background-color: #dce3e7;
    color: #000000
}

.banner--light .banner--icon__text__divider {
    border-color: #000000
}

blockquote.blockquote--wd p {
    border-left-color: #ff8a60
}

.blog-widget {
    color: #ffffff
}

.blog-widget--dark-color {
    color: #635c52
}

.blog-widget__item:after {
    display: none
}

.blog-widget__item__offset-text__date span:after {
    border-top-color: #635c52
}

.blog-widget--dark-color .blog-widget__item__offset-text__date span:after {
    border-color: #635c52
}

.blog-widget--dark-color .blog-widget__item__offset-text__date span:before {
    border-color: #635c52 !important
}

.blog-widget--one-center .blog-widget__item__offset-text__date span:before {
    border-top-color: #ffffff
}

.blog-post-title--light {
    color: #ffffff
}

.blog-post-title--light .blog-post-title__title a {
    color: #ffffff
}

.blog-post-title__meta__text__name {
    color: #ffffff
}

.blog-post-title--light .blog-post-title__meta__text__name a {
    color: #ffffff
}

.post p a {
    color: #ff8a60
}

.post--fill {
    background-color: #ff8a60;
    color: #ffffff
}

.post--fill .post__title,.post--fill .post__title a,.post--fill .post__title a:hover {
    color: #ffffff
}

.post__title a:hover {
    color: #ff8a60
}

.post--column {
    background-color: #ffffff
}

.post__meta {
    color: #adadad
}

.post__meta .icon {
    color: #d3d3d3
}

.post__meta a {
    color: #adadad
}

.post__meta a:hover {
    color: #635c52
}

.post__meta a .icon {
    color: #d3d3d3
}

.post--column .post__meta:after {
    border-top-color: #dfdfdf
}

.btn-plus__links__icon {
    background: #ef498b !important;
    color: #ffffff !important
}

.btn-plus__links__icon:hover,.btn-plus__links__icon:active,.btn-plus__links__icon.focus,.btn-plus__links__icon:focus {
    background: #ef498b !important;
    color: #ffffff !important
}

.blog-content {
    background: #ffffff
}

.audio-content {
    border-left-color: #f0f0f0
}

.post--status {
    border-left-color: #ff8a60;
    background-color: #e1e8ed
}

.post--quotes {
    background-color: #2b383e;
    color: #ffffff
}

.post--quotes .post__meta {
    color: #ffffff
}

.post--quotes .post__meta a {
    color: #ffffff
}

.post--quotes .post__quote:after {
    color: #ffffff
}

.breadcrumbs {
    background-color: #f4f4f4
}

.breadcrumbs--boxed,body.boxed .breadcrumbs {
    background-color: transparent
}

.breadcrumbs--boxed .container,body.boxed .breadcrumbs .container {
    background-color: #f4f4f4
}

.breadcrumbs .breadcrumb.breadcrumb--wd>li+li:before {
    color: #2b2b2b
}

.breadcrumbs .breadcrumb.breadcrumb--wd>.active {
    color: #2b2b2b
}

.btn--light {
    background-color: #bab3ab !important;
    color: #ffffff !important;
    border: 1px solid transparent
}

.btn--light:hover,.btn--light:active,.btn--light.focus,.btn--light:focus {
    background: #635c52 !important;
    color: #ffffff !important
}

.btn--alt {
    background: #ff8a60 !important;
    color: #ffffff !important;
    border: 1px solid transparent
}

.btn--alt:hover,.btn--alt:active,.btn--alt.focus,.btn--alt:focus {
    background: #ff703a !important;
    color: #ffffff !important
}

.btn--dark {
    background: #635c52 !important;
    color: #ffffff !important;
    border: 1px solid transparent
}

.btn--dark:hover,.btn--dark:active,.btn--dark.focus,.btn--dark:focus {
    background: #49443e !important;
    color: #ffffff !important
}

.btn--wd {
    background-color: #ff8a60;
    color: #ffffff;
    border: 1px solid transparent
}

.btn--wd:hover,.btn--wd:active,.btn--wd.focus,.btn--wd:focus {
    background: #ff703a;
    color: #ffffff
}

.btn--clear {
    background-color: transparent
}

.btn--clear:hover,.btn--clear:active,.btn--clear.focus,.btn--clear:focus {
    background-color: transparent
}

.btn--round {
    background-color: #efefef;
    color: #bab3ab;
    border: 1px solid transparent
}

.btn--round:hover,.btn--round:active,.btn--round.active,.btn--round.focus,.btn--round:focus {
    background-color: #ff8a60;
    color: #ffffff
}

.btn--gr {
    background-color: #1db79d;
    color: #ffffff;
    border: 1px solid transparent
}

.btn--gr:hover,.btn--gr:active,.btn--gr.focus,.btn--gr:focus {
    background: #149179;
    color: #ffffff
}

.btn--border {
    background-color: transparent;
    color: #bab3ab;
    border: 1px solid #bab3ab;
    box-shadow: 0 0 0 transparent
}

.btn--border:hover,.btn--border:active,.btn--border.focus,.btn--border:focus {
    background: #635c52;
    border: 1px solid #bab3ab;
    color: #fff
}

.dots {
    position: relative;
    display: block
}

.dots:before {
    font-family: 'Welldone';
    content: "\e657"
}

.dots--vertical:before {
    content: "\e641"
}

.caret.caret--dots {
    color: #d3d3d3
}

.caret.caret--dots.caret--dots--vertical {
    color: #635c52
}

.header--transparent .caret.caret--dots {
    color: #ffffff
}

.comments__comment__userpic {
    background-color: #ffffff;
    color: #bab3ab
}

.compare-box {
    border-top-color: #f0f0f0;
    background: rgba(255,255,255,0.95)
}

.compare-box__header__toggle .icon {
    color: #adadad
}

.compare-box__header__toggle .icon:hover {
    color: #ff8a60
}

.compare-box__items__list__item {
    border-color: #f0f0f0
}

.compare-box__items__list__item.empty {
    border-color: #f0f0f0
}

.compare-box__items__list__item__delete {
    color: #bab3ab
}

.compare-box__items__list__item__delete a:hover {
    color: #ff8a60
}

.compare-box__items__list__item__num {
    color: #adadad
}

.compare-box__items__list__item:hover {
    border-color: #ff8a60
}

.countdown-holding span {
    color: #888888
}

.countdown_box {
    color: #272727
}

.countdown_inner {
    background: rgba(255,255,255,0.9)
}

.countdown_inner .title {
    color: #000
}

.countdown-section {
    background: #f5f5f5
}

.countdown-amount {
    color: #000
}

.input--wd {
    background: #ffffff;
    border-color: #e3e3e3;
    color: #2b2b2b
}

.input--line {
    background: linear-gradient(to bottom, rgba(255,255,255,0) 96%, #ff8a60 4%)
}

.input-group--wd input,.input-group--wd textarea {
    color: #636363;
    border-bottom-color: #e3e3e3
}

.input-group--wd label {
    color: #999
}

.input-group__bar:before,.input-group__bar:after {
    background: #ff8a60
}

.subscribe-form .input--wd {
    border-color: #ffffff
}

.placeholder {
    color: #848484
}

.header--transparent .placeholder {
    color: #ffffff
}

input::-webkit-input-placeholder {
    color: #848484
}

.header--transparent input::-webkit-input-placeholder {
    color: #ffffff
}

input::-moz-placeholder {
    color: #848484
}

.header--transparent input::-moz-placeholder {
    color: #ffffff
}

input:-ms-input-placeholder {
    color: #848484
}

.header--transparent input:-ms-input-placeholder {
    color: #ffffff
}

input:-moz-placeholder {
    color: #848484
}

.header--transparent input:-moz-placeholder {
    color: #ffffff
}

.select--wd {
    background: #ffffff;
    border-color: #e3e3e3;
    color: #2b2b2b
}

.checkbox-group label .box {
    border-color: #adadad
}

.checkbox-group label .check {
    border-color: #fff
}

input[type=checkbox]:checked ~ label .box {
    background: #ff8a60;
    border-color: #ff8a60
}

.radio input:checked+.outer {
    border-color: #ff8a60
}

.radio input:focus+.outer .inner {
    background-color: #ff8a60
}

.radio .outer {
    border-color: #adadad;
    background-color: #fff
}

.radio .inner {
    background-color: #ff8a60
}

.required {
    color: red
}

.gallery__item {
    background: #000000
}

.gallery__item__image__caption {
    background: #262626;
    color: #ffffff
}

.article-nav ul li a {
    background-color: transparent
}

.article-nav ul li a:before {
    color: #bab3ab
}

.article-nav ul li.active a:before {
    color: #635c52
}

.category-block {
    background: url(".../../../../assets/media/images/images/category-bg.png") no-repeat center bottom
}

.category-block__title {
    color: #ffffff
}

.chapter .chapter__title {
    background-color: #635c52;
    color: #ffffff
}

.chapter .chapter__title.title--white {
    background-color: #ffffff;
    color: #000000
}

.chapter .chapter__title.title--light {
    background-color: #afa79c
}

.tag {
    border-color: #d3d3d3
}

.tag:hover {
    background-color: #ff8a60;
    border-color: #ff8a60;
    color: #ffffff
}

.tag--light {
    border-color: #ffffff;
    color: #ffffff
}

.tags-list li a {
    border-color: #d3d3d3
}

.tags-list li a:hover {
    background-color: #ff8a60;
    border-color: #ff8a60;
    color: #ffffff
}

.tags-list li a.active {
    color: #ff703a;
    border-color: #ff703a
}

.tags-list li a.active:hover {
    color: #fff
}

.category-outer {
    background: #ffffff
}

.filters-row__view {
    color: #afa79c
}

.filters-row__view.active {
    color: #635c52
}

.filters-row__select .icon {
    color: #adadad
}

.filters-row__select .icon.active {
    color: #635c52
}

.filters-col {
    background-color: #ffffff
}

@media (max-width: 991px) {
    .filters-col__close {
        display:block
    }

    .filters-col__close a {
        color: #ffffff
    }
}

.filters-col__collapse {
    border-bottom-color: rgba(187,194,198,0.2)
}

.filter-list li a.icon:hover {
    color: #ff8a60
}

@media (max-width: 991px) {
    .outer #filtersCol {
        background:#5c5c5c;
        color: #ffffff
    }

    .outer #filtersCol .tags-list a {
        border-color: #ffffff;
        color: #ffffff
    }
}

#loader-wrapper,#modalLoader-wrapper {
    background-color: #abddd7
}

#loader,#modalLoader,.circle-loader {
    border-top-color: #ff8a60
}

#loader:before,#modalLoader:before,.circle-loader:before {
    border-top-color: #ffccbb
}

#loader:after,#modalLoader:after,.circle-loader:after {
    border-top-color: #ff703a
}

.lookbook {
    background: url(.../../../../assets/media/images/images/lookbook-bg.jpg) repeat-x 0 0 #fff
}

.hint {
    background: #ff8a60;
    color: #fff
}

.hint__dot {
    border-color: #ff8a60
}

.tool {
    background: #fff;
    color: #000
}

.hint:hover .tool {
    background: #ff8a60;
    color: #fff
}

.tool .tip {
    background: #fff
}

.hint:hover .tool .tip {
    background: #ff8a60
}

.tool--right {
    left: 38px;
    right: auto
}

.tool--right:before {
    left: -10px;
    right: auto
}

.tool--right .tip {
    left: -4px;
    right: auto;
    box-shadow: 2px -2px 2px rgba(0,0,0,0.1)
}

.hover-tool {
    background: #fff;
    color: #000
}

.hover-tool__tip {
    background: #fff
}

.modal button.close {
    color: #000
}

.modal--bg .modal-header button.close {
    color: #000
}

@media (max-width: 767px) {
    .modal--bg .modal-content {
        background:url(".../../../../assets/media/images/images/newsletter-bg.jpg") no-repeat right 0
    }
}

.overlay {
    background: #abddd7
}

.overlay .overlay-close {
    color: #ffffff
}

.overlay .input-group--wd input {
    color: #ffffff
}

.options-swatch li {
    border-color: #fff
}

.color-black {
    background: #000000
}

.color-red {
    background: #ea6250
}

.color-blue {
    background: #517ab9
}

.color-yellow {
    background: #ebc253
}

.color-green {
    background: #73cd6c
}

.color-dark-grey {
    background: #505050
}

.color-grey {
    background: #d3d3d3
}

.color-white {
    background: #ffffff
}

.panel-table .td {
    border-color: #f0f0f0
}

@media (max-width: 767px) {
    .panel-table .td {
        border-bottom-color:#f0f0f0 !important
    }
}

.panel-checkout .panel-heading {
    background-color: #fff;
    border-left-color: #fafafa
}

.panel-checkout .panel-heading__number {
    border-right-color: #f0f0f0
}

.panel-checkout .panel-heading.active,.panel-checkout .panel-heading:hover {
    background-color: #879196;
    border-color: #635c52
}

.panel-checkout .panel-heading.active a,.panel-checkout .panel-heading:hover a {
    color: #fff
}

.panel-checkout .panel-heading.active .panel-heading__number,.panel-checkout .panel-heading:hover .panel-heading__number {
    color: #fff;
    border-right-color: #879196
}

.product-links {
    color: #adadad
}

.product-links .icon {
    color: #d3d3d3
}

.product-links a {
    color: #adadad
}

.product-links a:hover {
    color: #635c52
}

.product-links a .icon {
    color: #d3d3d3
}

.product-preview__info {
    border-top-color: #dfdfdf;
    background: #ffffff
}

.product-preview__info__link {
    color: #adadad
}

.product-preview__info__link .icon {
    color: #d3d3d3
}

.product-preview__info__link a {
    color: #adadad
}

.product-preview__info__link a:hover {
    color: #635c52
}

.product-preview__info__link a .icon {
    color: #d3d3d3
}

.product-preview__info__link:after {
    border-top-color: #dfdfdf
}

.product-preview__outstock {
    color: #fff;
    background: rgba(0,0,0,0.7)
}

.product-preview__label {
    color: #ffffff;
    font-weight: bold
}

.product-preview__label--sale {
    background: #ff703a
}

.product-preview__label--new {
    background: #1db79d
}

.products-listing .product-preview .product-preview__info {
    background-color: transparent;
    border: 0px
}

@media (max-width: 767px) {
    .products-listing .product-preview .product-preview__info__link .buy-link .icon {
        color:#adadad !important
    }

    .products-listing .product-preview .product-preview__info__link .buy-link .icon:hover {
        color: #635c52 !important
    }

    .product-preview .product-preview__info__link a:hover>.icon {
        color: #635c52
    }
}

.products-listing.row-view .product-preview-wrapper .product-preview {
    background: #ffffff
}

.products-listing.row-view .product-preview-wrapper .product-preview__info .product-preview__info__link .buy-link {
    color: #ffffff
}

.products-listing.row-view .product-preview-wrapper .product-preview__info .product-preview__info__link .buy-link .icon {
    color: #ffffff
}

@media (max-width: 991px) {
    .products-listing.row-view .product-preview-wrapper .product-preview__info .product-preview__info__link .buy-link .icon {
        color:#adadad !important
    }

    .products-listing.row-view .product-preview-wrapper .product-preview__info .product-preview__info__link .buy-link .icon:hover {
        color: #635c52 !important
    }

    .products-listing.row-view .product-preview-wrapper .product-preview__info .product-preview__info__link a:hover>.icon {
        color: #635c52
    }
}

.rating {
    color: #afa79c
}

.rating .icon-star-fill {
    color: #ffc200
}

.price-box__new {
    color: #635c52
}

.price-box__old {
    color: #adadad
}

.products-widget__item:after {
    background-color: #f0f0f0
}

.product-main-image__zoom {
    background-color: rgba(211,211,211,0.2);
    color: #adadad
}

.product-images-carousel .video-link {
    background-color: rgba(211,211,211,0.2);
    color: rgba(211,211,211,0.8)
}

.product-info__share li {
    background-color: #ccc;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.product-info__share li:hover {
    background-color: #7dcbc4
}

.mobile-nav-product li:focus {
    background-color: #ccc
}

.mobile-nav-product li.active {
    border-top: 4px solid #ff703a
}

.product-info__divider {
    border-top-color: transparent
}

@media (max-width: 991px) {
    .product-info .grey-box {
        background-color:transparent
    }
}

.input-group-qty .btn-number-container {
    position: relative
}

.input-group-qty .btn-number-container .btn-number {
    border-left-color: #e3e3e3;
    border-top-color: #e3e3e3
}

.nav-product {
    background: #ffffff;
    border-top-color: #f0f0f0
}

.nav-product ul li a {
    background: transparent;
    color: #635c52
}

.nav-product ul li a:hover {
    color: #ff8a60
}

.nav-product ul li.active a {
    border-bottom: 4px solid #ff703a
}

.rating-extended .progress {
    background-color: #ddd;
    position: relative
}

.rating-extended .progress-bar-five {
    display: inline-block;
    height: 100%;
    z-index: 999;
    background-color: #f45700
}

.rating-extended .progress-bar-four {
    display: inline-block;
    height: 100%;
    z-index: 999;
    background-color: #ff8a60
}

.rating-extended .progress-bar-three {
    display: inline-block;
    height: 100%;
    z-index: 999;
    background-color: #f9c491
}

.rating-extended .progress-bar-two {
    display: inline-block;
    height: 100%;
    z-index: 999;
    background-color: #f9e4a5
}

.rating-extended .progress-bar-one {
    display: inline-block;
    height: 100%;
    z-index: 999;
    background-color: #fff4d7
}

.review {
    background-color: #fff;
    box-shadow: 0 1px 3px rgba(0,0,0,0.12),0 1px 2px rgba(0,0,0,0.24)
}

.review__meta {
    color: #adadad
}

.review__meta a {
    color: #adadad
}

.review__helpful {
    color: #adadad
}

.review__helpful a {
    color: #ff8a60;
    -webkit-filter: grayscale(1);
    -moz-filter: grayscale(1);
    -o-filter: grayscale(1);
    -ms-filter: grayscale(1)
}

.review__helpful a:hover,.review__helpful a:focus,.review__helpful a:active,.review__helpful a.active {
    color: #ff703a;
    -webkit-filter: grayscale(0);
    -moz-filter: grayscale(0);
    -o-filter: grayscale(0);
    -ms-filter: grayscale(0)
}

.header--transparent .header__search .icon {
    color: #ffffff
}

.header--dark .header__search .icon {
    color: #ffffff
}

.header__search__input {
    background-color: transparent
}

.header--transparent .header__search__input {
    color: #ffffff
}

.header__search__input:focus {
    border: 1px solid #e3e3e3;
    border-radius: 2px
}

.header__search__button {
    background-color: transparent;
    color: #635c52
}

.header-line .header__search__button {
    color: #ffffff
}

.header-line--light .header__search__button {
    color: #635c52
}

.modal--search input {
    background-color: transparent;
    position: relative
}

.search-delete {
    width: 18px;
    height: 18px;
    background-color: #eee;
    color: #aaa;
    position: absolute;
    right: 60px;
    top: 21px;
    z-index: 99999;
    border-radius: 50%;
    font-weight: bold;
    padding: 0px;
    font-size: 12px;
    line-height: 1.6
}

.tp-caption--wd-1 {
    color: #635c52
}

.tp-caption--wd-2 {
    color: #635c52
}

.tp-caption--wd-3 {
    color: #635c52
}

.tp-caption--wd-4 {
    color: #000
}

.tp-caption--wd-5 {
    color: #2b383e
}

.tp-caption--wd-6 {
    color: #000
}

.tp-caption--wd-7 {
    color: #fff
}

.tp-caption--wd-8 {
    color: #fff
}

.tp-caption .btn--wd {
    color: #ffffff !important
}

.single-slider__text {
    color: #ffffff
}

.social-links ul .social-links__item a {
    color: #ffffff
}

.social-links--invert ul li.social-links__item a {
    color: #d3d3d3
}

.header-line--light .social-links ul li.social-links__item a {
    color: #635c52
}

.social-links--dark ul li.social-links__item a {
    color: #635c52
}

.social-links--colorize .icon-facebook:hover {
    color: #526ac4
}

.social-links--colorize .icon-twitter:hover {
    color: #00e4ff
}

.social-links--colorize .icon-pinterest:hover {
    color: #cb2026
}

.social-links--colorize .icon-linkedin:hover {
    color: #0077b5
}

.social-links--colorize .icon-google:hover {
    color: #d50f25
}

.social-links--colorize .icon-mail:hover {
    color: #ff8a60
}

.loader .bar {
    background-color: #ff703a
}

.loader .bar:nth-child(2) {
    background-color: #ff8a60
}

.loader .bar:nth-child(3) {
    background-color: #ffccbb
}

.loader .bar:nth-child(4) {
    background-color: #ff8a60
}

.loader .bar:nth-child(5) {
    background-color: #ff703a
}

.nav-tabs--wd {
    border-bottom-color: #e8e8e8
}

.nav-tabs--wd>li>a {
    background-color: rgba(255,255,255,0.5)
}

@media (max-width: 767px) {
    .nav-tabs--wd>li>a {
        border-color:#e8e8e8
    }
}

.nav-tabs--wd>li>a:hover {
    border-color: #e8e8e8 #e8e8e8 #dddddd
}

.nav-tabs--wd>li.active>a,.nav-tabs--wd>li.active>a:hover,.nav-tabs--wd>li.active>a:focus {
    border-color: #e8e8e8
}

@media (max-width: 767px) {
    .nav-tabs--wd>li.active>a,.nav-tabs--wd>li.active>a:hover,.nav-tabs--wd>li.active>a:focus {
        border-bottom-color:#e8e8e8
    }
}

.nav-tabs--wd>li.active>a:after {
    background-color: #ffffff
}

.tab-content--wd>.tab-pane {
    background-color: #ffffff;
    border-color: #e8e8e8
}

.testimonials__item {
    background-color: #ffffff;
    border-color: #f0f0f0
}

.card--collapse.open .testimonials__item-title {
    border-bottom-color: #f0f0f0
}

.testimonials__item--form {
    background: #ffffff
}

.testimonials__item--form__icon {
    color: #d3d3d3 !important
}

.testimonials__item--form__footer {
    border-top-color: #f0f0f0;
    background: #f7f7f7
}

.testimonials__item--icon__cell {
    background-color: #f4f4f4
}

.testimonials__item--icon__cell__icon {
    background-color: #ffffff;
    color: #635c52
}

.testimonials__item__row-line {
    border-bottom-color: #f0f0f0
}

.testimonials__item__row {
    border-bottom-color: #f0f0f0
}

.testimonials__item__row--icon__icon .icon {
    color: #d3d3d3
}

.card__row:hover .testimonials__item__row--icon__icon .icon {
    color: #bab3ab
}

.card__row--big .testimonials__item__row--icon__icon .icon {
    color: #000000
}

.testimonials__item__image-sell {
    background: #f4f4f4
}

.testimonials__item__text:before {
    color: #d2d2d2
}

.shopping-cart-table [class^="icon-"],.shopping-cart-table [class*=" icon-"] {
    color: #adadad
}

.shopping-cart-table [class^="icon-"]:hover,.shopping-cart-table [class*=" icon-"]:hover {
    color: #ff8a60
}

#tools .box-out {
    background: #2b383e;
    color: #fff
}

#tools .box-out,#tools .box-out a {
    color: #fff
}

.tgl+.tgl-btn {
    background: #f0f0f0
}

.tgl+.tgl-btn:after {
    background: #fff
}

.tgl.checked+.tgl-btn {
    background: #ff8a60
}

.slick-dots li button:before {
    color: #bab3ab
}

.slick-dots li.slick-active button:before {
    color: #ff8a60
}

.animated-arrows .slick-prev::before,.animated-arrows .slick-prev::after,.animated-arrows .slick-prev .icon-wrap::before,.animated-arrows .slick-prev .icon-wrap::after,.animated-arrows .slick-next::before,.animated-arrows .slick-next::after,.animated-arrows .slick-next .icon-wrap::before,.animated-arrows .slick-next .icon-wrap::after {
    background: #bab3ab
}

.animated-arrows .slick-prev .icon-wrap::before,.animated-arrows .slick-prev .icon-wrap::after,.animated-arrows .slick-next .icon-wrap::before,.animated-arrows .slick-next .icon-wrap::after {
    background: #ff8a60
}

.single-slider .slick-prev {
    left: 15px
}

.single-slider .slick-next {
    right: 15px
}

.single-slider .slick-dots {
    bottom: -35px
}

.tparrows.default.tp-leftarrow::before,.tparrows.default.tp-leftarrow::after,.tparrows.default.tp-leftarrow .tp-arr-allwrapper::before,.tparrows.default.tp-leftarrow .tp-arr-allwrapper::after,.tparrows.default.tp-rightarrow::before,.tparrows.default.tp-rightarrow::after,.tparrows.default.tp-rightarrow .tp-arr-allwrapper::before,.tparrows.default.tp-rightarrow .tp-arr-allwrapper::after {
    background: #cccccc
}

.tparrows.default.tp-leftarrow .tp-arr-allwrapper::before,.tparrows.default.tp-leftarrow .tp-arr-allwrapper::after,.tparrows.default.tp-rightarrow .tp-arr-allwrapper::before,.tparrows.default.tp-rightarrow .tp-arr-allwrapper::after {
    background: #ff8a60
}

.login .card--form .ftn {
    padding: 20px
}

.login-fb {
    background-color: #197dd8 !important;
    color: #fff
}

.login-fb:hover {
    background-color: #0e6cc1 !important;
    color: #fff
}

.login-google {
    background-color: #ea4747 !important;
    color: #fff
}

.login-google:hover {
    background-color: #ce3434 !important;
    color: #fff
}

.login-iChannels {
    background-color: #ff6602 !important;
    color: #fff
}

.login-iChannels:hover {
    background-color: #e25405 !important;
    color: #fff
}

.campaign-header .header__dropdowns__button {
    color: #635c52
}

.tp-static-layers {
    position: absolute;
    z-index: 505;
    top: 0px;
    left: 0px
}

.tp-hide-revslider,.tp-caption.tp-hidden-caption {
    visibility: hidden !important;
    display: none !important
}

.tp-caption {
    z-index: 1;
    white-space: nowrap
}

.tp-caption-demo .tp-caption {
    position: relative !important;
    display: inline-block;
    margin-bottom: 10px;
    margin-right: 20px !important
}

.tp-caption.whitedivider3px {
    color: #000000;
    text-shadow: none;
    background-color: white;
    background-color: white;
    text-decoration: none;
    min-width: 408px;
    min-height: 3px;
    background-position: initial initial;
    background-repeat: initial initial;
    border-width: 0px;
    border-color: #000000;
    border-style: none
}

.tp-caption.finewide_large_white {
    color: #ffffff;
    text-shadow: none;
    font-size: 60px;
    line-height: 60px;
    font-weight: 300;
    font-family: "Open Sans", sans-serif;
    background-color: transparent;
    text-decoration: none;
    text-transform: uppercase;
    letter-spacing: 8px;
    border-width: 0px;
    border-color: black;
    border-style: none
}

.tp-caption.whitedivider3px {
    color: #000000;
    text-shadow: none;
    background-color: white;
    background-color: white;
    text-decoration: none;
    font-size: 0px;
    line-height: 0;
    min-width: 468px;
    min-height: 3px;
    border-width: 0px;
    border-color: black;
    border-style: none
}

.tp-caption.finewide_medium_white {
    color: #ffffff;
    text-shadow: none;
    font-size: 37px;
    line-height: 37px;
    font-weight: 300;
    font-family: "Open Sans", sans-serif;
    background-color: transparent;
    text-decoration: none;
    text-transform: uppercase;
    letter-spacing: 5px;
    border-width: 0px;
    border-color: black;
    border-style: none
}

.tp-caption.boldwide_small_white {
    font-size: 25px;
    line-height: 25px;
    font-weight: 800;
    font-family: "Open Sans", sans-serif;
    color: white;
    text-decoration: none;
    background-color: transparent;
    text-shadow: none;
    text-transform: uppercase;
    letter-spacing: 5px;
    border-width: 0px;
    border-color: black;
    border-style: none
}

.tp-caption.whitedivider3px_vertical {
    color: #000000;
    text-shadow: none;
    background-color: white;
    background-color: white;
    text-decoration: none;
    font-size: 0px;
    line-height: 0;
    min-width: 3px;
    min-height: 130px;
    border-width: 0px;
    border-color: black;
    border-style: none
}

.tp-caption.finewide_small_white {
    color: #ffffff;
    text-shadow: none;
    font-size: 25px;
    line-height: 25px;
    font-weight: 300;
    font-family: "Open Sans", sans-serif;
    background-color: transparent;
    text-decoration: none;
    text-transform: uppercase;
    letter-spacing: 5px;
    border-width: 0px;
    border-color: black;
    border-style: none
}

.tp-caption.finewide_verysmall_white_mw {
    font-size: 13px;
    line-height: 25px;
    font-weight: 400;
    font-family: "Open Sans", sans-serif;
    color: #ffffff;
    text-decoration: none;
    background-color: transparent;
    text-shadow: none;
    text-transform: uppercase;
    letter-spacing: 5px;
    max-width: 470px;
    white-space: normal !important;
    border-width: 0px;
    border-color: black;
    border-style: none
}

.tp-caption.lightgrey_divider {
    text-decoration: none;
    background-color: #ebebeb;
    background-color: #ebebeb;
    width: 370px;
    height: 3px;
    background-position: initial initial;
    background-repeat: initial initial;
    border-width: 0px;
    border-color: #222222;
    border-style: none
}

.tp-caption.finewide_large_white {
    color: #FFF;
    text-shadow: none;
    font-size: 60px;
    line-height: 60px;
    font-weight: 300;
    font-family: "Open Sans", sans-serif;
    background-color: transparent;
    text-decoration: none;
    text-transform: uppercase;
    letter-spacing: 8px;
    border-width: 0px;
    border-color: #000;
    border-style: none
}

.tp-caption.finewide_medium_white {
    color: #FFF;
    text-shadow: none;
    font-size: 34px;
    line-height: 34px;
    font-weight: 300;
    font-family: "Open Sans", sans-serif;
    background-color: transparent;
    text-decoration: none;
    text-transform: uppercase;
    letter-spacing: 5px;
    border-width: 0px;
    border-color: #000;
    border-style: none
}

.tp-caption.huge_red {
    position: absolute;
    color: #df4b6b;
    font-weight: 400;
    font-size: 150px;
    line-height: 130px;
    font-family: 'Oswald', sans-serif;
    margin: 0px;
    border-width: 0px;
    border-style: none;
    white-space: nowrap;
    background-color: #2d3136;
    padding: 0px
}

.tp-caption.middle_yellow {
    position: absolute;
    color: #fbd572;
    font-weight: 600;
    font-size: 50px;
    line-height: 50px;
    font-family: 'Open Sans', sans-serif;
    margin: 0px;
    border-width: 0px;
    border-style: none;
    white-space: nowrap
}

.tp-caption.huge_thin_yellow {
    position: absolute;
    color: #fbd572;
    font-weight: 300;
    font-size: 90px;
    line-height: 90px;
    font-family: 'Open Sans', sans-serif;
    margin: 0px;
    letter-spacing: 20px;
    border-width: 0px;
    border-style: none;
    white-space: nowrap
}

.tp-caption.big_dark {
    position: absolute;
    color: #333;
    font-weight: 700;
    font-size: 70px;
    line-height: 70px;
    font-family: "Open Sans";
    margin: 0px;
    border-width: 0px;
    border-style: none;
    white-space: nowrap
}

.tp-caption.medium_dark {
    position: absolute;
    color: #333;
    font-weight: 300;
    font-size: 40px;
    line-height: 40px;
    font-family: "Open Sans";
    margin: 0px;
    letter-spacing: 5px;
    border-width: 0px;
    border-style: none;
    white-space: nowrap
}

.tp-caption.medium_grey {
    position: absolute;
    color: #fff;
    text-shadow: 0px 2px 5px rgba(0,0,0,0.5);
    font-weight: 700;
    font-size: 20px;
    line-height: 20px;
    font-family: Arial;
    padding: 2px 4px;
    margin: 0px;
    border-width: 0px;
    border-style: none;
    background-color: #888;
    white-space: nowrap
}

.tp-caption.small_text {
    position: absolute;
    color: #fff;
    text-shadow: 0px 2px 5px rgba(0,0,0,0.5);
    font-weight: 700;
    font-size: 14px;
    line-height: 20px;
    font-family: Arial;
    margin: 0px;
    border-width: 0px;
    border-style: none;
    white-space: nowrap
}

.tp-caption.medium_text {
    position: absolute;
    color: #fff;
    text-shadow: 0px 2px 5px rgba(0,0,0,0.5);
    font-weight: 700;
    font-size: 20px;
    line-height: 20px;
    font-family: Arial;
    margin: 0px;
    border-width: 0px;
    border-style: none;
    white-space: nowrap
}

.tp-caption.large_bold_white_25 {
    font-size: 55px;
    line-height: 65px;
    font-weight: 700;
    font-family: "Open Sans";
    color: #fff;
    text-decoration: none;
    background-color: transparent;
    text-align: center;
    text-shadow: #000 0px 5px 10px;
    border-width: 0px;
    border-color: white;
    border-style: none
}

.tp-caption.medium_text_shadow {
    font-size: 25px;
    line-height: 25px;
    font-weight: 600;
    font-family: "Open Sans";
    color: #fff;
    text-decoration: none;
    background-color: transparent;
    text-align: center;
    text-shadow: #000 0px 5px 10px;
    border-width: 0px;
    border-color: white;
    border-style: none
}

.tp-caption.large_text {
    position: absolute;
    color: #fff;
    text-shadow: 0px 2px 5px rgba(0,0,0,0.5);
    font-weight: 700;
    font-size: 40px;
    line-height: 40px;
    font-family: Arial;
    margin: 0px;
    border-width: 0px;
    border-style: none;
    white-space: nowrap
}

.tp-caption.medium_bold_grey {
    font-size: 30px;
    line-height: 30px;
    font-weight: 800;
    font-family: "Open Sans";
    color: #666666;
    text-decoration: none;
    background-color: transparent;
    text-shadow: none;
    margin: 0px;
    padding: 1px 4px 0px;
    border-width: 0px;
    border-color: #ffd658;
    border-style: none
}

.tp-caption.very_large_text {
    position: absolute;
    color: #fff;
    text-shadow: 0px 2px 5px rgba(0,0,0,0.5);
    font-weight: 700;
    font-size: 60px;
    line-height: 60px;
    font-family: Arial;
    margin: 0px;
    border-width: 0px;
    border-style: none;
    white-space: nowrap;
    letter-spacing: -2px
}

.tp-caption.very_big_white {
    position: absolute;
    color: #fff;
    text-shadow: none;
    font-weight: 800;
    font-size: 60px;
    line-height: 60px;
    font-family: Arial;
    margin: 0px;
    border-width: 0px;
    border-style: none;
    white-space: nowrap;
    padding: 0px 4px;
    padding-top: 1px;
    background-color: #000
}

.tp-caption.very_big_black {
    position: absolute;
    color: #000;
    text-shadow: none;
    font-weight: 700;
    font-size: 60px;
    line-height: 60px;
    font-family: Arial;
    margin: 0px;
    border-width: 0px;
    border-style: none;
    white-space: nowrap;
    padding: 0px 4px;
    padding-top: 1px;
    background-color: #fff
}

.tp-caption.modern_medium_fat {
    position: absolute;
    color: #000;
    text-shadow: none;
    font-weight: 800;
    font-size: 24px;
    line-height: 20px;
    font-family: "Open Sans", sans-serif;
    margin: 0px;
    border-width: 0px;
    border-style: none;
    white-space: nowrap
}

.tp-caption.modern_medium_fat_white {
    position: absolute;
    color: #fff;
    text-shadow: none;
    font-weight: 800;
    font-size: 24px;
    line-height: 20px;
    font-family: "Open Sans", sans-serif;
    margin: 0px;
    border-width: 0px;
    border-style: none;
    white-space: nowrap
}

.tp-caption.modern_medium_light {
    position: absolute;
    color: #000;
    text-shadow: none;
    font-weight: 300;
    font-size: 24px;
    line-height: 20px;
    font-family: "Open Sans", sans-serif;
    margin: 0px;
    border-width: 0px;
    border-style: none;
    white-space: nowrap
}

.tp-caption.modern_big_bluebg {
    position: absolute;
    color: #fff;
    text-shadow: none;
    font-weight: 800;
    font-size: 30px;
    line-height: 36px;
    font-family: "Open Sans", sans-serif;
    padding: 3px 10px;
    margin: 0px;
    border-width: 0px;
    border-style: none;
    background-color: #4e5b6c;
    letter-spacing: 0
}

.tp-caption.modern_big_redbg {
    position: absolute;
    color: #fff;
    text-shadow: none;
    font-weight: 300;
    font-size: 30px;
    line-height: 36px;
    font-family: "Open Sans", sans-serif;
    padding: 3px 10px;
    padding-top: 1px;
    margin: 0px;
    border-width: 0px;
    border-style: none;
    background-color: #de543e;
    letter-spacing: 0
}

.tp-caption.modern_small_text_dark {
    position: absolute;
    color: #555;
    text-shadow: none;
    font-size: 14px;
    line-height: 22px;
    font-family: Arial;
    margin: 0px;
    border-width: 0px;
    border-style: none;
    white-space: nowrap
}

.tp-caption.boxshadow {
    -moz-box-shadow: 0px 0px 20px rgba(0,0,0,0.5);
    -webkit-box-shadow: 0px 0px 20px rgba(0,0,0,0.5);
    box-shadow: 0px 0px 20px rgba(0,0,0,0.5)
}

.tp-caption.black {
    color: #000;
    text-shadow: none
}

.tp-caption.noshadow {
    text-shadow: none
}

.tp-caption a {
    color: #757575;
    text-shadow: none;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    -ms-transition: all 0.2s ease-out
}

.tp-caption a:hover {
    color: #424242
}

.tp-caption.thinheadline_dark {
    position: absolute;
    color: rgba(0,0,0,0.85);
    text-shadow: none;
    font-weight: 300;
    font-size: 30px;
    line-height: 30px;
    font-family: "Open Sans";
    background-color: transparent
}

.tp-caption.thintext_dark {
    position: absolute;
    color: rgba(0,0,0,0.85);
    text-shadow: none;
    font-weight: 300;
    font-size: 16px;
    line-height: 26px;
    font-family: "Open Sans";
    background-color: transparent
}

.tp-caption.medium_bg_red a {
    color: #fff;
    text-decoration: none
}

.tp-caption.medium_bg_red a:hover {
    color: #fff;
    text-decoration: underline
}

.tp-caption.smoothcircle {
    font-size: 30px;
    line-height: 75px;
    font-weight: 800;
    font-family: "Open Sans";
    color: white;
    text-decoration: none;
    background-color: black;
    background-color: rgba(0,0,0,0.498039);
    padding: 50px 25px;
    text-align: center;
    border-radius: 500px 500px 500px 500px;
    border-width: 0px;
    border-color: black;
    border-style: none
}

.tp-caption.largeblackbg {
    font-size: 50px;
    line-height: 70px;
    font-weight: 300;
    font-family: "Open Sans";
    color: white;
    text-decoration: none;
    background-color: black;
    padding: 0px 20px 5px;
    text-shadow: none;
    border-width: 0px;
    border-color: white;
    border-style: none
}

.tp-caption.largepinkbg {
    position: absolute;
    color: #fff;
    text-shadow: none;
    font-weight: 300;
    font-size: 50px;
    line-height: 70px;
    font-family: "Open Sans";
    background-color: #db4360;
    padding: 0px 20px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px
}

.tp-caption.largewhitebg {
    position: absolute;
    color: #000;
    text-shadow: none;
    font-weight: 300;
    font-size: 50px;
    line-height: 70px;
    font-family: "Open Sans";
    background-color: #fff;
    padding: 0px 20px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px
}

.tp-caption.largegreenbg {
    position: absolute;
    color: #fff;
    text-shadow: none;
    font-weight: 300;
    font-size: 50px;
    line-height: 70px;
    font-family: "Open Sans";
    background-color: #67ae73;
    padding: 0px 20px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px
}

.tp-caption.excerpt {
    font-size: 36px;
    line-height: 36px;
    font-weight: 700;
    font-family: Arial;
    color: #ffffff;
    text-decoration: none;
    background-color: black;
    text-shadow: none;
    margin: 0px;
    letter-spacing: -1.5px;
    padding: 1px 4px 0px 4px;
    width: 150px;
    white-space: normal !important;
    height: auto;
    border-width: 0px;
    border-color: white;
    border-style: none
}

.tp-caption.large_bold_grey {
    font-size: 60px;
    line-height: 60px;
    font-weight: 800;
    font-family: "Open Sans";
    color: #666666;
    text-decoration: none;
    background-color: transparent;
    text-shadow: none;
    margin: 0px;
    padding: 1px 4px 0px;
    border-width: 0px;
    border-color: #ffd658;
    border-style: none
}

.tp-caption.medium_thin_grey {
    font-size: 34px;
    line-height: 30px;
    font-weight: 300;
    font-family: "Open Sans";
    color: #666666;
    text-decoration: none;
    background-color: transparent;
    padding: 1px 4px 0px;
    text-shadow: none;
    margin: 0px;
    border-width: 0px;
    border-color: #ffd658;
    border-style: none
}

.tp-caption.small_thin_grey {
    font-size: 18px;
    line-height: 26px;
    font-weight: 300;
    font-family: "Open Sans";
    color: #757575;
    text-decoration: none;
    background-color: transparent;
    padding: 1px 4px 0px;
    text-shadow: none;
    margin: 0px;
    border-width: 0px;
    border-color: #ffd658;
    border-style: none
}

.tp-caption.lightgrey_divider {
    text-decoration: none;
    background-color: #ebebeb;
    width: 370px;
    height: 3px;
    background-position: initial initial;
    background-repeat: initial initial;
    border-width: 0px;
    border-color: #222222;
    border-style: none
}

.tp-caption.large_bold_darkblue {
    font-size: 58px;
    line-height: 60px;
    font-weight: 800;
    font-family: "Open Sans";
    color: #34495e;
    text-decoration: none;
    background-color: transparent;
    border-width: 0px;
    border-color: #ffd658;
    border-style: none
}

.tp-caption.medium_bg_darkblue {
    font-size: 20px;
    line-height: 20px;
    font-weight: 800;
    font-family: "Open Sans";
    color: white;
    text-decoration: none;
    background-color: #34495e;
    padding: 10px;
    border-width: 0px;
    border-color: #ffd658;
    border-style: none
}

.tp-caption.medium_bold_red {
    font-size: 24px;
    line-height: 30px;
    font-weight: 800;
    font-family: "Open Sans";
    color: #e33a0c;
    text-decoration: none;
    background-color: transparent;
    padding: 0px;
    border-width: 0px;
    border-color: #ffd658;
    border-style: none
}

.tp-caption.medium_light_red {
    font-size: 21px;
    line-height: 26px;
    font-weight: 300;
    font-family: "Open Sans";
    color: #e33a0c;
    text-decoration: none;
    background-color: transparent;
    padding: 0px;
    border-width: 0px;
    border-color: #ffd658;
    border-style: none
}

.tp-caption.medium_bg_red {
    font-size: 20px;
    line-height: 20px;
    font-weight: 800;
    font-family: "Open Sans";
    color: white;
    text-decoration: none;
    background-color: #e33a0c;
    padding: 10px;
    border-width: 0px;
    border-color: #ffd658;
    border-style: none
}

.tp-caption.medium_bold_orange {
    font-size: 24px;
    line-height: 30px;
    font-weight: 800;
    font-family: "Open Sans";
    color: #f39c12;
    text-decoration: none;
    background-color: transparent;
    border-width: 0px;
    border-color: #ffd658;
    border-style: none
}

.tp-caption.medium_bg_orange {
    font-size: 20px;
    line-height: 20px;
    font-weight: 800;
    font-family: "Open Sans";
    color: white;
    text-decoration: none;
    background-color: #f39c12;
    padding: 10px;
    border-width: 0px;
    border-color: #ffd658;
    border-style: none
}

.tp-caption.grassfloor {
    text-decoration: none;
    background-color: #a0b397;
    width: 4000px;
    height: 150px;
    border-width: 0px;
    border-color: #222222;
    border-style: none
}

.tp-caption.large_bold_white {
    font-size: 58px;
    line-height: 60px;
    font-weight: 800;
    font-family: "Open Sans";
    color: white;
    text-decoration: none;
    background-color: transparent;
    border-width: 0px;
    border-color: #ffd658;
    border-style: none
}

.tp-caption.medium_light_white {
    font-size: 30px;
    line-height: 36px;
    font-weight: 300;
    font-family: "Open Sans";
    color: white;
    text-decoration: none;
    background-color: transparent;
    padding: 0px;
    border-width: 0px;
    border-color: #ffd658;
    border-style: none
}

.tp-caption.mediumlarge_light_white {
    font-size: 34px;
    line-height: 40px;
    font-weight: 300;
    font-family: "Open Sans";
    color: white;
    text-decoration: none;
    background-color: transparent;
    padding: 0px;
    border-width: 0px;
    border-color: #ffd658;
    border-style: none
}

.tp-caption.mediumlarge_light_white_center {
    font-size: 34px;
    line-height: 40px;
    font-weight: 300;
    font-family: "Open Sans";
    color: #ffffff;
    text-decoration: none;
    background-color: transparent;
    padding: 0px 0px 0px 0px;
    text-align: center;
    border-width: 0px;
    border-color: #ffd658;
    border-style: none
}

.tp-caption.medium_bg_asbestos {
    font-size: 20px;
    line-height: 20px;
    font-weight: 800;
    font-family: "Open Sans";
    color: white;
    text-decoration: none;
    background-color: #7f8c8d;
    padding: 10px;
    border-width: 0px;
    border-color: #ffd658;
    border-style: none
}

.tp-caption.medium_light_black {
    font-size: 30px;
    line-height: 36px;
    font-weight: 300;
    font-family: "Open Sans";
    color: black;
    text-decoration: none;
    background-color: transparent;
    padding: 0px;
    border-width: 0px;
    border-color: #ffd658;
    border-style: none
}

.tp-caption.large_bold_black {
    font-size: 58px;
    line-height: 60px;
    font-weight: 800;
    font-family: "Open Sans";
    color: black;
    text-decoration: none;
    background-color: transparent;
    border-width: 0px;
    border-color: #ffd658;
    border-style: none
}

.tp-caption.mediumlarge_light_darkblue {
    font-size: 34px;
    line-height: 40px;
    font-weight: 300;
    font-family: "Open Sans";
    color: #34495e;
    text-decoration: none;
    background-color: transparent;
    padding: 0px;
    border-width: 0px;
    border-color: #ffd658;
    border-style: none
}

.tp-caption.small_light_white {
    font-size: 17px;
    line-height: 28px;
    font-weight: 300;
    font-family: "Open Sans";
    color: white;
    text-decoration: none;
    background-color: transparent;
    padding: 0px;
    border-width: 0px;
    border-color: #ffd658;
    border-style: none
}

.tp-caption.roundedimage {
    border-width: 0px;
    border-color: #222222;
    border-style: none
}

.tp-caption.large_bg_black {
    font-size: 40px;
    line-height: 40px;
    font-weight: 800;
    font-family: "Open Sans";
    color: white;
    text-decoration: none;
    background-color: black;
    padding: 10px 20px 15px;
    border-width: 0px;
    border-color: #ffd658;
    border-style: none
}

.tp-caption.mediumwhitebg {
    font-size: 30px;
    line-height: 30px;
    font-weight: 300;
    font-family: "Open Sans";
    color: black;
    text-decoration: none;
    background-color: white;
    padding: 5px 15px 10px;
    text-shadow: none;
    border-width: 0px;
    border-color: black;
    border-style: none
}

.tp-caption.medium_bg_orange_new1 {
    font-size: 20px;
    line-height: 20px;
    font-weight: 800;
    font-family: "Open Sans";
    color: white;
    text-decoration: none;
    background-color: #f39c12;
    padding: 10px;
    border-width: 0px;
    border-color: #ffd658;
    border-style: none
}

.tp-caption.boxshadow {
    -moz-box-shadow: 0px 0px 20px rgba(0,0,0,0.5);
    -webkit-box-shadow: 0px 0px 20px rgba(0,0,0,0.5);
    box-shadow: 0px 0px 20px rgba(0,0,0,0.5)
}

.tp-caption.black {
    color: #000;
    text-shadow: none;
    font-weight: 300;
    font-size: 19px;
    line-height: 19px;
    font-family: 'Open Sans', sans
}

.tp-caption.noshadow {
    text-shadow: none
}

.tp_inner_padding {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    max-height: none !important
}

.tp-caption .frontcorner {
    width: 0;
    height: 0;
    border-left: 40px solid transparent;
    border-right: 0px solid transparent;
    border-top: 40px solid #00A8FF;
    position: absolute;
    left: -40px;
    top: 0px
}

.tp-caption .backcorner {
    width: 0;
    height: 0;
    border-left: 0px solid transparent;
    border-right: 40px solid transparent;
    border-bottom: 40px solid #00A8FF;
    position: absolute;
    right: 0px;
    top: 0px
}

.tp-caption .frontcornertop {
    width: 0;
    height: 0;
    border-left: 40px solid transparent;
    border-right: 0px solid transparent;
    border-bottom: 40px solid #00A8FF;
    position: absolute;
    left: -40px;
    top: 0px
}

.tp-caption .backcornertop {
    width: 0;
    height: 0;
    border-left: 0px solid transparent;
    border-right: 40px solid transparent;
    border-top: 40px solid #00A8FF;
    position: absolute;
    right: 0px;
    top: 0px
}

img.tp-slider-alternative-image {
    width: 100%;
    height: auto
}

.tp-simpleresponsive .button {
    padding: 6px 13px 5px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    height: 30px;
    cursor: pointer;
    color: #fff !important;
    text-shadow: 0px 1px 1px rgba(0,0,0,0.6) !important;
    font-size: 15px;
    line-height: 45px !important;
    background: url(.../../../../assets/media/images/images/gradient/g30.png) repeat-x top;
    font-family: arial, sans-serif;
    font-weight: bold;
    letter-spacing: -1px
}

.tp-simpleresponsive .button.big {
    color: #fff;
    text-shadow: 0px 1px 1px rgba(0,0,0,0.6);
    font-weight: bold;
    padding: 9px 20px;
    font-size: 19px;
    line-height: 57px !important;
    background: url(.../../../../assets/media/images/images/gradient/g40.png) repeat-x top
}

.tp-simpleresponsive .purchase:hover,.tp-simpleresponsive .button:hover,.tp-simpleresponsive .button.big:hover {
    background-position: bottom, 15px 11px
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
    .tp-simpleresponsive .button {
        padding:4px 8px 3px;
        line-height: 25px !important;
        font-size: 11px !important;
        font-weight: normal
    }

    .tp-simpleresponsive a.button {
        -webkit-transition: none;
        -moz-transition: none;
        -o-transition: none;
        -ms-transition: none
    }
}

@media only screen and (min-width: 0px) and (max-width: 479px) {
    .tp-simpleresponsive .button {
        padding:2px 5px 2px;
        line-height: 20px !important;
        font-size: 10px !important
    }

    .tp-simpleresponsive a.button {
        -webkit-transition: none;
        -moz-transition: none;
        -o-transition: none;
        -ms-transition: none
    }
}

.tp-simpleresponsive .button.green,.tp-simpleresponsive .button:hover.green,.tp-simpleresponsive .purchase.green,.tp-simpleresponsive .purchase:hover.green {
    background-color: #21a117;
    -webkit-box-shadow: 0px 3px 0px 0px #104d0b;
    -moz-box-shadow: 0px 3px 0px 0px #104d0b;
    box-shadow: 0px 3px 0px 0px #104d0b
}

.tp-simpleresponsive .button.blue,.tp-simpleresponsive .button:hover.blue,.tp-simpleresponsive .purchase.blue,.tp-simpleresponsive .purchase:hover.blue {
    background-color: #1d78cb;
    -webkit-box-shadow: 0px 3px 0px 0px #0f3e68;
    -moz-box-shadow: 0px 3px 0px 0px #0f3e68;
    box-shadow: 0px 3px 0px 0px #0f3e68
}

.tp-simpleresponsive .button.red,.tp-simpleresponsive .button:hover.red,.tp-simpleresponsive .purchase.red,.tp-simpleresponsive .purchase:hover.red {
    background-color: #cb1d1d;
    -webkit-box-shadow: 0px 3px 0px 0px #7c1212;
    -moz-box-shadow: 0px 3px 0px 0px #7c1212;
    box-shadow: 0px 3px 0px 0px #7c1212
}

.tp-simpleresponsive .button.orange,.tp-simpleresponsive .button:hover.orange,.tp-simpleresponsive .purchase.orange,.tp-simpleresponsive .purchase:hover.orange {
    background-color: #ff7700;
    -webkit-box-shadow: 0px 3px 0px 0px #a34c00;
    -moz-box-shadow: 0px 3px 0px 0px #a34c00;
    box-shadow: 0px 3px 0px 0px #a34c00
}

.tp-simpleresponsive .button.darkgrey,.tp-simpleresponsive .button.grey,.tp-simpleresponsive .button:hover.darkgrey,.tp-simpleresponsive .button:hover.grey,.tp-simpleresponsive .purchase.darkgrey,.tp-simpleresponsive .purchase:hover.darkgrey {
    background-color: #555;
    -webkit-box-shadow: 0px 3px 0px 0px #222;
    -moz-box-shadow: 0px 3px 0px 0px #222;
    box-shadow: 0px 3px 0px 0px #222
}

.tp-simpleresponsive .button.lightgrey,.tp-simpleresponsive .button:hover.lightgrey,.tp-simpleresponsive .purchase.lightgrey,.tp-simpleresponsive .purchase:hover.lightgrey {
    background-color: #888;
    -webkit-box-shadow: 0px 3px 0px 0px #555;
    -moz-box-shadow: 0px 3px 0px 0px #555;
    box-shadow: 0px 3px 0px 0px #555
}

.fullscreen-container {
    width: 100%;
    position: relative;
    padding: 0
}

.fullwidthbanner-container {
    width: 100%;
    position: relative;
    padding: 0;
    overflow: hidden
}

.fullwidthbanner-container .fullwidthbanner {
    width: 100%;
    position: relative
}

.tp-simpleresponsive .caption,.tp-simpleresponsive .tp-caption {
    position: absolute;
    visibility: hidden;
    -webkit-font-smoothing: antialiased !important
}

.tp-simpleresponsive img {
    max-width: none
}

.noFilterClass {
    filter: none !important
}

.tp-bannershadow {
    position: absolute;
    margin-left: auto;
    margin-right: auto;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -o-user-select: none
}

.tp-bannershadow.tp-shadow1 {
    background: url(.../../../../assets/media/images/assets/shadow1.png) no-repeat;
    background-size: 100% 100%;
    width: 890px;
    height: 60px;
    bottom: -60px
}

.tp-bannershadow.tp-shadow2 {
    background: url(.../../../../assets/media/images/assets/shadow2.png) no-repeat;
    background-size: 100% 100%;
    width: 890px;
    height: 60px;
    bottom: -60px
}

.tp-bannershadow.tp-shadow3 {
    background: url(.../../../../assets/media/images/assets/shadow3.png) no-repeat;
    background-size: 100% 100%;
    width: 890px;
    height: 60px;
    bottom: -60px
}

.caption.fullscreenvideo {
    left: 0px;
    top: 0px;
    position: absolute;
    width: 100%;
    height: 100%
}

.caption.fullscreenvideo iframe,.caption.fullscreenvideo video {
    width: 100% !important;
    height: 100% !important;
    display: none
}

.tp-caption.fullscreenvideo {
    left: 0px;
    top: 0px;
    position: absolute;
    width: 100%;
    height: 100%
}

.tp-caption.fullscreenvideo iframe,.tp-caption.fullscreenvideo iframe video {
    width: 100% !important;
    height: 100% !important;
    display: none
}

.fullcoveredvideo video,.fullscreenvideo video {
    background: #000
}

.fullcoveredvideo .tp-poster {
    background-position: center center;
    background-size: cover;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px
}

.html5vid.videoisplaying .tp-poster {
    display: none
}

.tp-video-play-button {
    background: #000;
    background: rgba(0,0,0,0.3);
    padding: 5px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    position: absolute;
    top: 50%;
    left: 50%;
    font-size: 40px;
    color: #FFF;
    z-index: 3;
    margin-top: -27px;
    margin-left: -28px;
    text-align: center;
    cursor: pointer
}

.html5vid .tp-revstop {
    width: 15px;
    height: 20px;
    border-left: 5px solid #fff;
    border-right: 5px solid #fff;
    position: relative;
    margin: 10px 20px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box
}

.html5vid .tp-revstop {
    display: none
}

.html5vid.videoisplaying .revicon-right-dir {
    display: none
}

.html5vid.videoisplaying .tp-revstop {
    display: block
}

.html5vid.videoisplaying .tp-video-play-button {
    display: none
}

.html5vid:hover .tp-video-play-button {
    display: block
}

.fullcoveredvideo .tp-video-play-button {
    display: none !important
}

.tp-video-controls {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 5px;
    opacity: 0;
    -webkit-transition: opacity .3s;
    -moz-transition: opacity .3s;
    -o-transition: opacity .3s;
    -ms-transition: opacity .3s;
    transition: opacity .3s;
    background-image: linear-gradient(bottom, #000 13%, #323232 100%);
    background-image: -o-linear-gradient(bottom, #000 13%, #323232 100%);
    background-image: -moz-linear-gradient(bottom, #000 13%, #323232 100%);
    background-image: -webkit-linear-gradient(bottom, #000 13%, #323232 100%);
    background-image: -ms-linear-gradient(bottom, #000 13%, #323232 100%);
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.13, #000), color-stop(1, #323232));
    display: table;
    max-width: 100%;
    overflow: hidden;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box
}

.tp-caption:hover .tp-video-controls {
    opacity: .9
}

.tp-video-button {
    background: rgba(0,0,0,0.5);
    border: 0;
    color: #EEE;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    cursor: pointer;
    line-height: 12px;
    font-size: 12px;
    color: #fff;
    padding: 0px;
    margin: 0px;
    outline: none
}

.tp-video-button:hover {
    cursor: pointer
}

.tp-video-button-wrap,.tp-video-seek-bar-wrap,.tp-video-vol-bar-wrap {
    padding: 0px 5px;
    display: table-cell
}

.tp-video-seek-bar-wrap {
    width: 80%
}

.tp-video-vol-bar-wrap {
    width: 20%
}

.tp-volume-bar,.tp-seek-bar {
    width: 100%;
    cursor: pointer;
    outline: none;
    line-height: 12px;
    margin: 0;
    padding: 0
}

.tp-dottedoverlay {
    background-repeat: repeat;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 4
}

.tp-dottedoverlay.twoxtwo {
    background: url(.../../../../assets/media/images/assets/gridtile.png)
}

.tp-dottedoverlay.twoxtwowhite {
    background: url(.../../../../assets/media/images/assets/gridtile_white.png)
}

.tp-dottedoverlay.threexthree {
    background: url(.../../../../assets/media/images/assets/gridtile_3x3.png)
}

.tp-dottedoverlay.threexthreewhite {
    background: url(.../../../../assets/media/images/assets/gridtile_3x3_white.png)
}

.tpclear {
    clear: both
}

.tp-bullets {
    z-index: 1000;
    position: absolute;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
    -webkit-transition: opacity 0.2s ease-out;
    -moz-transition: opacity 0.2s ease-out;
    -o-transition: opacity 0.2s ease-out;
    -ms-transition: opacity 0.2s ease-out;
    -webkit-transform: translateZ(5px)
}

.tp-bullets.hidebullets {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0
}

.tp-bullets.simplebullets.navbar {
    border: 1px solid #666;
    border-bottom: 1px solid #444;
    background: url(.../../../../assets/media/images/assets/boxed_bgtile.png);
    height: 40px;
    padding: 0px 10px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px
}

.tp-bullets.simplebullets.navbar-old {
    background: url(.../../../../assets/media/images/assets/navigdots_bgtile.png);
    height: 35px;
    padding: 0px 10px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px
}

.tp-bullets.simplebullets.round .bullet {
    cursor: pointer;
    position: relative;
    background: url(.../../../../assets/media/images/assets/bullet.png) no-Repeat top left;
    width: 20px;
    height: 20px;
    margin-right: 0px;
    float: left;
    margin-top: 0px;
    margin-left: 3px
}

.tp-bullets.simplebullets.round .bullet.last {
    margin-right: 3px
}

.tp-bullets.simplebullets.round-old .bullet {
    cursor: pointer;
    position: relative;
    background: url(.../../../../assets/media/images/assets/bullets.png) no-Repeat bottom left;
    width: 23px;
    height: 23px;
    margin-right: 0px;
    float: left;
    margin-top: 0px
}

.tp-bullets.simplebullets.round-old .bullet.last {
    margin-right: 0px
}

.tp-bullets.simplebullets.square .bullet {
    cursor: pointer;
    position: relative;
    background: url(.../../../../assets/media/images/assets/bullets2.png) no-Repeat bottom left;
    width: 19px;
    height: 19px;
    margin-right: 0px;
    float: left;
    margin-top: 0px
}

.tp-bullets.simplebullets.square .bullet.last {
    margin-right: 0px
}

.tp-bullets.simplebullets.square-old .bullet {
    cursor: pointer;
    position: relative;
    background: url(.../../../../assets/media/images/assets/bullets2.png) no-Repeat bottom left;
    width: 19px;
    height: 19px;
    margin-right: 0px;
    float: left;
    margin-top: 0px
}

.tp-bullets.simplebullets.square-old .bullet.last {
    margin-right: 0px
}

.tp-bullets.simplebullets.navbar .bullet {
    cursor: pointer;
    position: relative;
    background: url(.../../../../assets/media/images/assets/bullet_boxed.png) no-Repeat top left;
    width: 18px;
    height: 19px;
    margin-right: 5px;
    float: left;
    margin-top: 0px
}

.tp-bullets.simplebullets.navbar .bullet.first {
    margin-left: 0px !important
}

.tp-bullets.simplebullets.navbar .bullet.last {
    margin-right: 0px !important
}

.tp-bullets.simplebullets.navbar-old .bullet {
    cursor: pointer;
    position: relative;
    background: url(.../../../../assets/media/images/assets/navigdots.png) no-Repeat bottom left;
    width: 15px;
    height: 15px;
    margin-left: 5px !important;
    margin-right: 5px !important;
    float: left;
    margin-top: 10px
}

.tp-bullets.simplebullets.navbar-old .bullet.first {
    margin-left: 0px !important
}

.tp-bullets.simplebullets.navbar-old .bullet.last {
    margin-right: 0px !important
}

.tp-bullets.simplebullets .bullet:hover,.tp-bullets.simplebullets .bullet.selected {
    background-position: top left
}

.tp-bullets.simplebullets.round .bullet:hover,.tp-bullets.simplebullets.round .bullet.selected,.tp-bullets.simplebullets.navbar .bullet:hover,.tp-bullets.simplebullets.navbar .bullet.selected {
    background-position: bottom left
}

.tparrows {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
    -webkit-transition: opacity 0.2s ease-out;
    -moz-transition: opacity 0.2s ease-out;
    -o-transition: opacity 0.2s ease-out;
    -ms-transition: opacity 0.2s ease-out;
    -webkit-transform: translateZ(5000px);
    -webkit-transform-style: flat;
    -webkit-backface-visibility: hidden;
    z-index: 600;
    position: relative
}

.tparrows.hidearrows {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0
}

.tp-leftarrow {
    z-index: 100;
    cursor: pointer;
    position: relative;
    background: url(.../../../../assets/media/images/assets/large_left.png) no-Repeat top left;
    width: 40px;
    height: 40px
}

.tp-rightarrow {
    z-index: 100;
    cursor: pointer;
    position: relative;
    background: url(.../../../../assets/media/images/assets/large_right.png) no-Repeat top left;
    width: 40px;
    height: 40px
}

.tp-leftarrow.round {
    z-index: 100;
    cursor: pointer;
    position: relative;
    background: url(.../../../../assets/media/images/assets/small_left.png) no-Repeat top left;
    width: 19px;
    height: 14px;
    margin-right: 0px;
    float: left;
    margin-top: 0px
}

.tp-rightarrow.round {
    z-index: 100;
    cursor: pointer;
    position: relative;
    background: url(.../../../../assets/media/images/assets/small_right.png) no-Repeat top left;
    width: 19px;
    height: 14px;
    margin-right: 0px;
    float: left;
    margin-top: 0px
}

.tp-leftarrow.round-old {
    z-index: 100;
    cursor: pointer;
    position: relative;
    background: url(.../../../../assets/media/images/assets/arrow_left.png) no-Repeat top left;
    width: 26px;
    height: 26px;
    margin-right: 0px;
    float: left;
    margin-top: 0px
}

.tp-rightarrow.round-old {
    z-index: 100;
    cursor: pointer;
    position: relative;
    background: url(.../../../../assets/media/images/assets/arrow_right.png) no-Repeat top left;
    width: 26px;
    height: 26px;
    margin-right: 0px;
    float: left;
    margin-top: 0px
}

.tp-leftarrow.navbar {
    z-index: 100;
    cursor: pointer;
    position: relative;
    background: url(.../../../../assets/media/images/assets/small_left_boxed.png) no-Repeat top left;
    width: 20px;
    height: 15px;
    float: left;
    margin-right: 6px;
    margin-top: 12px
}

.tp-rightarrow.navbar {
    z-index: 100;
    cursor: pointer;
    position: relative;
    background: url(.../../../../assets/media/images/assets/small_right_boxed.png) no-Repeat top left;
    width: 20px;
    height: 15px;
    float: left;
    margin-left: 6px;
    margin-top: 12px
}

.tp-leftarrow.navbar-old {
    z-index: 100;
    cursor: pointer;
    position: relative;
    background: url(.../../../../assets/media/images/assets/arrowleft.png) no-Repeat top left;
    width: 9px;
    height: 16px;
    float: left;
    margin-right: 6px;
    margin-top: 10px
}

.tp-rightarrow.navbar-old {
    z-index: 100;
    cursor: pointer;
    position: relative;
    background: url(.../../../../assets/media/images/assets/arrowright.png) no-Repeat top left;
    width: 9px;
    height: 16px;
    float: left;
    margin-left: 6px;
    margin-top: 10px
}

.tp-leftarrow.navbar-old.thumbswitharrow {
    margin-right: 10px
}

.tp-rightarrow.navbar-old.thumbswitharrow {
    margin-left: 0px
}

.tp-leftarrow.square {
    z-index: 100;
    cursor: pointer;
    position: relative;
    background: url(.../../../../assets/media/images/assets/arrow_left2.png) no-Repeat top left;
    width: 12px;
    height: 17px;
    float: left;
    margin-right: 0px;
    margin-top: 0px
}

.tp-rightarrow.square {
    z-index: 100;
    cursor: pointer;
    position: relative;
    background: url(.../../../../assets/media/images/assets/arrow_right2.png) no-Repeat top left;
    width: 12px;
    height: 17px;
    float: left;
    margin-left: 0px;
    margin-top: 0px
}

.tp-leftarrow.square-old {
    z-index: 100;
    cursor: pointer;
    position: relative;
    background: url(.../../../../assets/media/images/assets/arrow_left2.png) no-Repeat top left;
    width: 12px;
    height: 17px;
    float: left;
    margin-right: 0px;
    margin-top: 0px
}

.tp-rightarrow.square-old {
    z-index: 100;
    cursor: pointer;
    position: relative;
    background: url(.../../../../assets/media/images/assets/arrow_right2.png) no-Repeat top left;
    width: 12px;
    height: 17px;
    float: left;
    margin-left: 0px;
    margin-top: 0px
}

.tp-leftarrow.default {
    z-index: 100;
    cursor: pointer;
    position: relative;
    background: url(.../../../../assets/media/images/assets/large_left.png) no-Repeat 0 0;
    width: 40px;
    height: 40px
}

.tp-rightarrow.default {
    z-index: 100;
    cursor: pointer;
    position: relative;
    background: url(.../../../../assets/media/images/assets/large_right.png) no-Repeat 0 0;
    width: 40px;
    height: 40px
}

.tp-leftarrow:hover,.tp-rightarrow:hover {
    background-position: bottom left
}

.tp-bullets.tp-thumbs {
    z-index: 1000;
    position: absolute;
    padding: 3px;
    background-color: #fff;
    width: 500px;
    height: 50px;
    margin-top: -50px
}

.fullwidthbanner-container .tp-thumbs {
    padding: 3px
}

.tp-bullets.tp-thumbs .tp-mask {
    width: 500px;
    height: 50px;
    overflow: hidden;
    position: relative
}

.tp-bullets.tp-thumbs .tp-mask .tp-thumbcontainer {
    width: 5000px;
    position: absolute
}

.tp-bullets.tp-thumbs .bullet {
    width: 100px;
    height: 50px;
    cursor: pointer;
    overflow: hidden;
    background: none;
    margin: 0;
    float: left;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    -moz-opacity: 0.5;
    -khtml-opacity: 0.5;
    opacity: 0.5;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    -ms-transition: all 0.2s ease-out
}

.tp-bullets.tp-thumbs .bullet:hover,.tp-bullets.tp-thumbs .bullet.selected {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1
}

.tp-thumbs img {
    width: 100%
}

.tp-bannertimer {
    width: 100%;
    height: 10px;
    background: url(.../../../../assets/media/images/assets/timer.png);
    position: absolute;
    z-index: 200;
    top: 0px
}

.tp-bannertimer.tp-bottom {
    bottom: 0px;
    height: 5px;
    top: auto
}

@media only screen and (min-width: 0px) and (max-width: 479px) {
    .responsive .tp-bullets {
        display:none
    }

    .responsive .tparrows {
        display: none
    }
}

.tp-simpleresponsive img {
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -o-user-select: none
}

.tp-simpleresponsive a {
    text-decoration: none
}

.tp-simpleresponsive ul,.tp-simpleresponsive ul li,.tp-simpleresponsive ul li:before {
    list-style: none;
    padding: 0 !important;
    margin: 0 !important;
    list-style: none !important;
    overflow-x: visible;
    overflow-y: visible;
    background-image: none
}

.tp-simpleresponsive>ul>li {
    list-style: none;
    position: absolute;
    visibility: hidden
}

.caption.slidelink a div,.tp-caption.slidelink a div {
    width: 3000px;
    height: 1500px;
    background: url(.../../../../assets/media/images/assets/coloredbg.png) repeat
}

.tp-caption.slidelink a span {
    background: url(.../../../../assets/media/images/assets/coloredbg.png) repeat
}

.tparrows .tp-arr-imgholder {
    display: none
}

.tparrows .tp-arr-titleholder {
    display: none
}

.tparrows.preview1 {
    width: 100px;
    height: 100px;
    -webkit-transform-style: preserve-3d;
    -webkit-perspective: 1000;
    -moz-perspective: 1000;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    background: transparent
}

.tparrows.preview1:after {
    position: absolute;
    left: 0px;
    top: 0px;
    font-family: "revicons";
    color: #fff;
    font-size: 30px;
    width: 100px;
    height: 100px;
    text-align: center;
    background: #fff;
    background: rgba(0,0,0,0.15);
    z-index: 2;
    line-height: 100px;
    -webkit-transition: background 0.3s, color 0.3s;
    -moz-transition: background 0.3s, color 0.3s;
    transition: background 0.3s, color 0.3s
}

.tp-rightarrow.preview1:after {
    content: '\e825'
}

.tp-leftarrow.preview1:after {
    content: '\e824'
}

.tparrows.preview1:hover:after {
    background: white;
    color: #aaa
}

.tparrows.preview1 .tp-arr-imgholder {
    background-size: cover;
    background-position: center center;
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    -webkit-transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.tparrows.preview1 .tp-arr-iwrapper {
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -moz-opacity: 0.0;
    -khtml-opacity: 0.0;
    opacity: 0.0
}

.tparrows.preview1:hover .tp-arr-iwrapper {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1
}

.tp-rightarrow.preview1 .tp-arr-imgholder {
    right: 100%;
    -webkit-transform: rotateY(-90deg);
    transform: rotateY(-90deg);
    -webkit-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -moz-opacity: 0.0;
    -khtml-opacity: 0.0;
    opacity: 0.0
}

.tp-leftarrow.preview1 .tp-arr-imgholder {
    left: 100%;
    -webkit-transform: rotateY(90deg);
    transform: rotateY(90deg);
    -webkit-transform-origin: 0% 50%;
    transform-origin: 0% 50%;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -moz-opacity: 0.0;
    -khtml-opacity: 0.0;
    opacity: 0.0
}

.tparrows.preview1:hover .tp-arr-imgholder {
    -webkit-transform: rotateY(0deg);
    transform: rotateY(0deg);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1
}

@media only screen and (min-width: 768px) and (max-width: 979px) {
    .tparrows.preview1,.tparrows.preview1:after {
        width:80px;
        height: 80px;
        line-height: 80px;
        font-size: 24px
    }
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
    .tparrows.preview1,.tparrows.preview1:after {
        width:60px;
        height: 60px;
        line-height: 60px;
        font-size: 20px
    }
}

@media only screen and (min-width: 0px) and (max-width: 479px) {
    .tparrows.preview1,.tparrows.preview1:after {
        width:40px;
        height: 40px;
        line-height: 40px;
        font-size: 12px
    }
}

.tp-bullets.preview1 {
    height: 21px
}

.tp-bullets.preview1 .bullet {
    cursor: pointer;
    position: relative !important;
    background: rgba(0,0,0,0.15) !important;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    width: 5px !important;
    height: 5px !important;
    border: 8px solid transparent !important;
    display: inline-block;
    margin-right: 5px !important;
    margin-bottom: 0px !important;
    -webkit-transition: background-color 0.2s, border-color 0.2s;
    -moz-transition: background-color 0.2s, border-color 0.2s;
    -o-transition: background-color 0.2s, border-color 0.2s;
    -ms-transition: background-color 0.2s, border-color 0.2s;
    transition: background-color 0.2s, border-color 0.2s;
    float: none !important;
    box-sizing: content-box;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box
}

.tp-bullets.preview1 .bullet.last {
    margin-right: 0px
}

.tp-bullets.preview1 .bullet:hover,.tp-bullets.preview1 .bullet.selected {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    background: #aaa !important;
    width: 5px !important;
    height: 5px !important;
    border: 8px solid white !important
}

.tparrows.preview2 {
    min-width: 60px;
    min-height: 60px;
    background: #fff;
    border-radius: 30px;
    -moz-border-radius: 30px;
    -webkit-border-radius: 30px;
    overflow: hidden;
    -webkit-transition: -webkit-transform 1.3s;
    -webkit-transition: width 0.3s, background-color 0.3s, opacity 0.3s;
    transition: width 0.3s, background-color 0.3s, opacity 0.3s;
    backface-visibility: hidden
}

.tparrows.preview2:after {
    position: absolute;
    top: 50%;
    font-family: "revicons";
    color: #aaa;
    font-size: 25px;
    margin-top: -12px;
    -webkit-transition: color 0.3s;
    -moz-transition: color 0.3s;
    transition: color 0.3s
}

.tp-rightarrow.preview2:after {
    content: '\e81e';
    right: 18px
}

.tp-leftarrow.preview2:after {
    content: '\e81f';
    left: 18px
}

.tparrows.preview2 .tp-arr-titleholder {
    background-size: cover;
    background-position: center center;
    display: block;
    visibility: hidden;
    position: relative;
    top: 0px;
    -webkit-transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    white-space: nowrap;
    color: #000;
    text-transform: uppercase;
    font-weight: 400;
    font-size: 14px;
    line-height: 60px;
    padding: 0px 10px
}

.tp-rightarrow.preview2 .tp-arr-titleholder {
    right: 50px;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%)
}

.tp-leftarrow.preview2 .tp-arr-titleholder {
    left: 50px;
    -webkit-transform: translateX(100%);
    transform: translateX(100%)
}

.tparrows.preview2.hovered {
    width: 300px
}

.tparrows.preview2:hover {
    background: #fff
}

.tparrows.preview2:hover:after {
    color: #000
}

.tparrows.preview2:hover .tp-arr-titleholder {
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
    visibility: visible;
    position: absolute
}

.tp-bullets.preview2 {
    height: 17px
}

.tp-bullets.preview2 .bullet {
    cursor: pointer;
    position: relative !important;
    background: rgba(0,0,0,0.5) !important;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    width: 6px !important;
    height: 6px !important;
    border: 5px solid transparent !important;
    display: inline-block;
    margin-right: 2px !important;
    margin-bottom: 0px !important;
    -webkit-transition: background-color 0.2s, border-color 0.2s;
    -moz-transition: background-color 0.2s, border-color 0.2s;
    -o-transition: background-color 0.2s, border-color 0.2s;
    -ms-transition: background-color 0.2s, border-color 0.2s;
    transition: background-color 0.2s, border-color 0.2s;
    float: none !important;
    box-sizing: content-box;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box
}

.tp-bullets.preview2 .bullet.last {
    margin-right: 0px
}

.tp-bullets.preview2 .bullet:hover,.tp-bullets.preview2 .bullet.selected {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    background: white !important;
    width: 6px !important;
    height: 6px !important;
    border: 5px solid black !important
}

.tp-arr-titleholder.alwayshidden {
    display: none !important
}

@media only screen and (min-width: 768px) and (max-width: 979px) {
    .tparrows.preview2 {
        min-width:40px;
        min-height: 40px;
        width: 40px;
        height: 40px;
        border-radius: 20px;
        -moz-border-radius: 20px;
        -webkit-border-radius: 20px
    }

    .tparrows.preview2:after {
        position: absolute;
        top: 50%;
        font-family: "revicons";
        font-size: 20px;
        margin-top: -12px
    }

    .tp-rightarrow.preview2:after {
        content: '\e81e';
        right: 11px
    }

    .tp-leftarrow.preview2:after {
        content: '\e81f';
        left: 11px
    }

    .tparrows.preview2 .tp-arr-titleholder {
        font-size: 12px;
        line-height: 40px;
        letter-spacing: 0px
    }

    .tp-rightarrow.preview2 .tp-arr-titleholder {
        right: 35px
    }

    .tp-leftarrow.preview2 .tp-arr-titleholder {
        left: 35px
    }
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
    .tparrows.preview2 {
        min-width:30px;
        min-height: 30px;
        width: 30px;
        height: 30px;
        border-radius: 15px;
        -moz-border-radius: 15px;
        -webkit-border-radius: 15px
    }

    .tparrows.preview2:after {
        position: absolute;
        top: 50%;
        font-family: "revicons";
        font-size: 14px;
        margin-top: -12px
    }

    .tp-rightarrow.preview2:after {
        content: '\e81e';
        right: 8px
    }

    .tp-leftarrow.preview2:after {
        content: '\e81f';
        left: 8px
    }

    .tparrows.preview2 .tp-arr-titleholder {
        font-size: 10px;
        line-height: 30px;
        letter-spacing: 0px
    }

    .tp-rightarrow.preview2 .tp-arr-titleholder {
        right: 25px
    }

    .tp-leftarrow.preview2 .tp-arr-titleholder {
        left: 25px
    }

    .tparrows.preview2 .tp-arr-titleholder {
        display: none;
        visibility: none
    }
}

@media only screen and (min-width: 0px) and (max-width: 479px) {
    .tparrows.preview2 {
        min-width:30px;
        min-height: 30px;
        width: 30px;
        height: 30px;
        border-radius: 15px;
        -moz-border-radius: 15px;
        -webkit-border-radius: 15px
    }

    .tparrows.preview2:after {
        position: absolute;
        top: 50%;
        font-family: "revicons";
        font-size: 14px;
        margin-top: -12px
    }

    .tp-rightarrow.preview2:after {
        content: '\e81e';
        right: 8px
    }

    .tp-leftarrow.preview2:after {
        content: '\e81f';
        left: 8px
    }

    .tparrows.preview2 .tp-arr-titleholder {
        display: none;
        visibility: none
    }

    .tparrows.preview2:hover {
        width: 30px !important;
        height: 30px !important
    }
}

.tparrows.preview3 {
    width: 70px;
    height: 70px;
    background: #fff;
    background: white;
    -webkit-transform-style: flat
}

.tparrows.preview3:after {
    position: absolute;
    line-height: 70px;
    text-align: center;
    font-family: "revicons";
    color: #aaa;
    font-size: 30px;
    top: 0px;
    left: 0px;
    background: #fff;
    z-index: 100;
    width: 70px;
    height: 70px;
    -webkit-transition: color 0.3s;
    -moz-transition: color 0.3s;
    transition: color 0.3s
}

.tparrows.preview3:hover:after {
    color: #000
}

.tp-rightarrow.preview3:after {
    content: '\e825'
}

.tp-leftarrow.preview3:after {
    content: '\e824'
}

.tparrows.preview3 .tp-arr-iwrapper {
    -webkit-transform: scale(0, 1);
    transform: scale(0, 1);
    -webkit-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
    -webkit-transition: -webkit-transform 0.2s;
    transition: transform 0.2s;
    z-index: 0;
    position: absolute;
    background: #000;
    background: rgba(0,0,0,0.75);
    display: table;
    min-height: 90px;
    top: -10px
}

.tp-leftarrow.preview3 .tp-arr-iwrapper {
    -webkit-transform: scale(0, 1);
    transform: scale(0, 1);
    -webkit-transform-origin: 0% 50%;
    transform-origin: 0% 50%
}

.tparrows.preview3 .tp-arr-imgholder {
    display: block;
    background-size: cover;
    background-position: center center;
    display: table-cell;
    min-width: 90px;
    height: 90px;
    position: relative;
    top: 0px
}

.tp-rightarrow.preview3 .tp-arr-iwrapper {
    right: 0px;
    padding-right: 70px
}

.tp-leftarrow.preview3 .tp-arr-iwrapper {
    left: 0px;
    direction: rtl;
    padding-left: 70px
}

.tparrows.preview3 .tp-arr-titleholder {
    display: table-cell;
    padding: 30px;
    font-size: 16px;
    color: #fff;
    white-space: nowrap;
    position: relative;
    clear: right;
    vertical-align: middle
}

.tparrows.preview3:hover .tp-arr-iwrapper {
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1)
}

.tp-bullets.preview3 {
    height: 17px
}

.tp-bullets.preview3 .bullet {
    cursor: pointer;
    position: relative !important;
    background: rgba(0,0,0,0.5) !important;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    width: 6px !important;
    height: 6px !important;
    border: 5px solid transparent !important;
    display: inline-block;
    margin-right: 2px !important;
    margin-bottom: 0px !important;
    -webkit-transition: background-color 0.2s, border-color 0.2s;
    -moz-transition: background-color 0.2s, border-color 0.2s;
    -o-transition: background-color 0.2s, border-color 0.2s;
    -ms-transition: background-color 0.2s, border-color 0.2s;
    transition: background-color 0.2s, border-color 0.2s;
    float: none !important;
    box-sizing: content-box;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box
}

.tp-bullets.preview3 .bullet.last {
    margin-right: 0px
}

.tp-bullets.preview3 .bullet:hover,.tp-bullets.preview3 .bullet.selected {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    background: white !important;
    width: 6px !important;
    height: 6px !important;
    border: 5px solid black !important
}

@media only screen and (min-width: 768px) and (max-width: 979px) {
    .tparrows.preview3:after,.tparrows.preview3 {
        width:50px;
        height: 50px;
        line-height: 50px;
        font-size: 20px
    }

    .tparrows.preview3 .tp-arr-iwrapper {
        min-height: 70px
    }

    .tparrows.preview3 .tp-arr-imgholder {
        min-width: 70px;
        height: 70px
    }

    .tp-rightarrow.preview3 .tp-arr-iwrapper {
        padding-right: 50px
    }

    .tp-leftarrow.preview3 .tp-arr-iwrapper {
        padding-left: 50px
    }

    .tparrows.preview3 .tp-arr-titleholder {
        padding: 10px;
        font-size: 16px
    }
}

@media only screen and (max-width: 767px) {
    .tparrows.preview3:after,.tparrows.preview3 {
        width:50px;
        height: 50px;
        line-height: 50px;
        font-size: 20px
    }

    .tparrows.preview3 .tp-arr-iwrapper {
        min-height: 70px
    }
}

.tparrows.preview4 {
    width: 30px;
    height: 110px;
    background: transparent;
    -webkit-transform-style: preserve-3d;
    -webkit-perspective: 1000;
    -moz-perspective: 1000
}

.tparrows.preview4:after {
    position: absolute;
    line-height: 110px;
    text-align: center;
    font-family: "revicons";
    color: #fff;
    font-size: 20px;
    top: 0px;
    left: 0px;
    z-index: 0;
    width: 30px;
    height: 110px;
    background: #000;
    background: rgba(0,0,0,0.25);
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1
}

.tp-rightarrow.preview4:after {
    content: '\e825'
}

.tp-leftarrow.preview4:after {
    content: '\e824'
}

.tparrows.preview4 .tp-arr-allwrapper {
    visibility: hidden;
    width: 180px;
    position: absolute;
    z-index: 1;
    min-height: 120px;
    top: 0px;
    left: -150px;
    overflow: hidden;
    -webkit-perspective: 1000px;
    -webkit-transform-style: flat
}

.tp-leftarrow.preview4 .tp-arr-allwrapper {
    left: 0px
}

.tparrows.preview4 .tp-arr-iwrapper {
    position: relative
}

.tparrows.preview4 .tp-arr-imgholder {
    display: block;
    background-size: cover;
    background-position: center center;
    width: 180px;
    height: 110px;
    position: relative;
    top: 0px;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.tparrows.preview4 .tp-arr-imgholder2 {
    display: block;
    background-size: cover;
    background-position: center center;
    width: 180px;
    height: 110px;
    position: absolute;
    top: 0px;
    left: 180px;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.tp-leftarrow.preview4 .tp-arr-imgholder2 {
    left: -180px
}

.tparrows.preview4 .tp-arr-titleholder {
    display: block;
    font-size: 12px;
    line-height: 25px;
    padding: 0px 10px;
    text-align: left;
    color: #fff;
    position: relative;
    background: #000;
    color: #FFF;
    text-transform: uppercase;
    white-space: nowrap;
    letter-spacing: 1px;
    font-weight: 700;
    font-size: 11px;
    line-height: 2.75;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    -webkit-transform: rotateX(-90deg);
    transform: rotateX(-90deg);
    -webkit-transform-origin: 50% 0;
    transform-origin: 50% 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -moz-opacity: 0.0;
    -khtml-opacity: 0.0;
    opacity: 0.0
}

.tparrows.preview4:after {
    transform-origin: 100% 100%;
    -webkit-transform-origin: 100% 100%
}

.tp-leftarrow.preview4:after {
    transform-origin: 0% 0%;
    -webkit-transform-origin: 0% 0%
}

@media only screen and (min-width: 768px) {
    .tparrows.preview4:hover:after {
        -webkit-transform:rotateY(-90deg);
        transform: rotateY(-90deg)
    }

    .tp-leftarrow.preview4:hover:after {
        -webkit-transform: rotateY(90deg);
        transform: rotateY(90deg)
    }

    .tparrows.preview4:hover .tp-arr-titleholder {
        -webkit-transition-delay: 0.4s;
        transition-delay: 0.4s;
        -webkit-transform: rotateX(0deg);
        transform: rotateX(0deg);
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        filter: alpha(opacity=100);
        -moz-opacity: 1;
        -khtml-opacity: 1;
        opacity: 1
    }
}

.tp-bullets.preview4 {
    height: 17px
}

.tp-bullets.preview4 .bullet {
    cursor: pointer;
    position: relative !important;
    background: rgba(0,0,0,0.5) !important;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    width: 6px !important;
    height: 6px !important;
    border: 5px solid transparent !important;
    display: inline-block;
    margin-right: 2px !important;
    margin-bottom: 0px !important;
    -webkit-transition: background-color 0.2s, border-color 0.2s;
    -moz-transition: background-color 0.2s, border-color 0.2s;
    -o-transition: background-color 0.2s, border-color 0.2s;
    -ms-transition: background-color 0.2s, border-color 0.2s;
    transition: background-color 0.2s, border-color 0.2s;
    float: none !important;
    box-sizing: content-box;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box
}

.tp-bullets.preview4 .bullet.last {
    margin-right: 0px
}

.tp-bullets.preview4 .bullet:hover,.tp-bullets.preview4 .bullet.selected {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    background: white !important;
    width: 6px !important;
    height: 6px !important;
    border: 5px solid black !important
}

@media only screen and (max-width: 767px) {
    .tparrows.preview4 {
        width:20px;
        height: 80px
    }

    .tparrows.preview4:after {
        width: 20px;
        height: 80px;
        line-height: 80px;
        font-size: 14px
    }

    .tparrows.preview1 .tp-arr-allwrapper,.tparrows.preview2 .tp-arr-allwrapper,.tparrows.preview3 .tp-arr-allwrapper,.tparrows.preview4 .tp-arr-allwrapper {
        display: none !important
    }
}

.tp-loader {
    top: 50%;
    left: 50%;
    z-index: 10000;
    position: absolute
}

.tp-loader.spinner0 {
    width: 40px;
    height: 40px;
    background: url(.../../../../assets/media/images/assets/loader.gif) no-repeat center center;
    background-color: #fff;
    box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15);
    -webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15);
    margin-top: -20px;
    margin-left: -20px;
    -webkit-animation: tp-rotateplane 1.2s infinite ease-in-out;
    animation: tp-rotateplane 1.2s infinite ease-in-out;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px
}

.tp-loader.spinner1 {
    width: 40px;
    height: 40px;
    background-color: #fff;
    box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15);
    -webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15);
    margin-top: -20px;
    margin-left: -20px;
    -webkit-animation: tp-rotateplane 1.2s infinite ease-in-out;
    animation: tp-rotateplane 1.2s infinite ease-in-out;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px
}

.tp-loader.spinner5 {
    background: url(.../../../../assets/media/images/assets/loader.gif) no-repeat 10px 10px;
    background-color: #fff;
    margin: -22px -22px;
    width: 44px;
    height: 44px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px
}

@-webkit-keyframes tp-rotateplane {
    0% {
        -webkit-transform: perspective(120px)
    }

    50% {
        -webkit-transform: perspective(120px) rotateY(180deg)
    }

    100% {
        -webkit-transform: perspective(120px) rotateY(180deg) rotateX(180deg)
    }
}

@keyframes tp-rotateplane {
    0% {
        transform: perspective(120px) rotateX(0deg) rotateY(0deg);
        -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg)
    }

    50% {
        transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
        -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg)
    }

    100% {
        transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
        -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg)
    }
}

.tp-loader.spinner2 {
    width: 40px;
    height: 40px;
    margin-top: -20px;
    margin-left: -20px;
    background-color: #ff0000;
    box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15);
    -webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15);
    border-radius: 100%;
    -webkit-animation: tp-scaleout 1.0s infinite ease-in-out;
    animation: tp-scaleout 1.0s infinite ease-in-out
}

@-webkit-keyframes tp-scaleout {
    0% {
        -webkit-transform: scale(0)
    }

    100% {
        -webkit-transform: scale(1);
        opacity: 0
    }
}

@keyframes tp-scaleout {
    0% {
        transform: scale(0);
        -webkit-transform: scale(0)
    }

    100% {
        transform: scale(1);
        -webkit-transform: scale(1);
        opacity: 0
    }
}

.tp-loader.spinner3 {
    margin: -9px 0px 0px -35px;
    width: 70px;
    text-align: center
}

.tp-loader.spinner3 .bounce1,.tp-loader.spinner3 .bounce2,.tp-loader.spinner3 .bounce3 {
    width: 18px;
    height: 18px;
    background-color: #fff;
    box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15);
    -webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15);
    border-radius: 100%;
    display: inline-block;
    -webkit-animation: tp-bouncedelay 1.4s infinite ease-in-out;
    animation: tp-bouncedelay 1.4s infinite ease-in-out;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.tp-loader.spinner3 .bounce1 {
    -webkit-animation-delay: -0.32s;
    animation-delay: -0.32s
}

.tp-loader.spinner3 .bounce2 {
    -webkit-animation-delay: -0.16s;
    animation-delay: -0.16s
}

@-webkit-keyframes tp-bouncedelay {
    0%, 80%, 100% {
        -webkit-transform: scale(0)
    }

    40% {
        -webkit-transform: scale(1)
    }
}

@keyframes tp-bouncedelay {
    0%, 80%, 100% {
        transform: scale(0);
        -webkit-transform: scale(0)
    }

    40% {
        transform: scale(1);
        -webkit-transform: scale(1)
    }
}

.tp-loader.spinner4 {
    margin: -20px 0px 0px -20px;
    width: 40px;
    height: 40px;
    text-align: center;
    -webkit-animation: tp-rotate 2.0s infinite linear;
    animation: tp-rotate 2.0s infinite linear
}

.tp-loader.spinner4 .dot1,.tp-loader.spinner4 .dot2 {
    width: 60%;
    height: 60%;
    display: inline-block;
    position: absolute;
    top: 0;
    background-color: #fff;
    border-radius: 100%;
    -webkit-animation: tp-bounce 2.0s infinite ease-in-out;
    animation: tp-bounce 2.0s infinite ease-in-out;
    box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15);
    -webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15)
}

.tp-loader.spinner4 .dot2 {
    top: auto;
    bottom: 0px;
    -webkit-animation-delay: -1.0s;
    animation-delay: -1.0s
}

@-webkit-keyframes tp-rotate {
    100% {
        -webkit-transform: rotate(360deg)
    }
}

@keyframes tp-rotate {
    100% {
        transform: rotate(360deg);
        -webkit-transform: rotate(360deg)
    }
}

@-webkit-keyframes tp-bounce {
    0%, 100% {
        -webkit-transform: scale(0)
    }

    50% {
        -webkit-transform: scale(1)
    }
}

@keyframes tp-bounce {
    0%, 100% {
        transform: scale(0);
        -webkit-transform: scale(0)
    }

    50% {
        transform: scale(1);
        -webkit-transform: scale(1)
    }
}

.tp-transparentimg {
    content: "url(.../../../../assets/media/images/assets/transparent.png)"
}

.tp-3d {
    -webkit-transform-style: preserve-3d;
    -webkit-transform-origin: 50% 50%
}

.tp-caption img {
    background: transparent;
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)";
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);
    zoom:1}

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

[class^="revicon-"]:before,[class*=" revicon-"]:before {
    font-family: "revicons";
    font-style: normal;
    font-weight: normal;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    margin-left: .2em
}

.revicon-search-1:before {
    content: '\e802'
}

.revicon-pencil-1:before {
    content: '\e831'
}

.revicon-picture-1:before {
    content: '\e803'
}

.revicon-cancel:before {
    content: '\e80a'
}

.revicon-info-circled:before {
    content: '\e80f'
}

.revicon-trash:before {
    content: '\e801'
}

.revicon-left-dir:before {
    content: '\e817'
}

.revicon-right-dir:before {
    content: '\e818'
}

.revicon-down-open:before {
    content: '\e83b'
}

.revicon-left-open:before {
    content: '\e819'
}

.revicon-right-open:before {
    content: '\e81a'
}

.revicon-angle-left:before {
    content: '\e820'
}

.revicon-angle-right:before {
    content: '\e81d'
}

.revicon-left-big:before {
    content: '\e81f'
}

.revicon-right-big:before {
    content: '\e81e'
}

.revicon-magic:before {
    content: '\e807'
}

.revicon-picture:before {
    content: '\e800'
}

.revicon-export:before {
    content: '\e80b'
}

.revicon-cog:before {
    content: '\e832'
}

.revicon-login:before {
    content: '\e833'
}

.revicon-logout:before {
    content: '\e834'
}

.revicon-video:before {
    content: '\e805'
}

.revicon-arrow-combo:before {
    content: '\e827'
}

.revicon-left-open-1:before {
    content: '\e82a'
}

.revicon-right-open-1:before {
    content: '\e82b'
}

.revicon-left-open-mini:before {
    content: '\e822'
}

.revicon-right-open-mini:before {
    content: '\e823'
}

.revicon-left-open-big:before {
    content: '\e824'
}

.revicon-right-open-big:before {
    content: '\e825'
}

.revicon-left:before {
    content: '\e836'
}

.revicon-right:before {
    content: '\e826'
}

.revicon-ccw:before {
    content: '\e808'
}

.revicon-arrows-ccw:before {
    content: '\e806'
}

.revicon-palette:before {
    content: '\e829'
}

.revicon-list-add:before {
    content: '\e80c'
}

.revicon-doc:before {
    content: '\e809'
}

.revicon-left-open-outline:before {
    content: '\e82e'
}

.revicon-left-open-2:before {
    content: '\e82c'
}

.revicon-right-open-outline:before {
    content: '\e82f'
}

.revicon-right-open-2:before {
    content: '\e82d'
}

.revicon-equalizer:before {
    content: '\e83a'
}

.revicon-layers-alt:before {
    content: '\e804'
}

.revicon-popup:before {
    content: '\e828'
}

.search-delete {
    transition: all 0.3s ease-in-out
}

.search-delete:hover {
    cursor: pointer;
    background: #abddd7
}

.twitter-typeahead {
    width: 100%;
    height: 100%
}

.twitter-typeahead .tt-menu {
    position: absolute;
    top: 59px;
    width: 100%;
    padding: 10px 15px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    border: 1px solid #ccc;
    background-color: #fff;
    text-align: left;
    color: #635c52;
    line-height: 1.4;
    z-index: 99;
    font-size: 14px
}

.twitter-typeahead .tt-menu .tt-dataset .tt-suggestion {
    transition: all 0.3s ease-in-out;
    word-wrap: break-word
}

.twitter-typeahead .tt-menu .tt-dataset .tt-suggestion:hover {
    cursor: pointer;
    background: #abddd7
}

#index_query {
    border: 1px solid #ccc;
    padding: 10px 15px;
    width: 100%;
    height: 100%;
    margin: 0;
    font-size: initial
}

.selectize-control.plugin-drag_drop.multi>.selectize-input>div.ui-sortable-placeholder {
    visibility: visible !important;
    background: #f2f2f2 !important;
    background: rgba(0,0,0,0.06) !important;
    border: 0 none !important;
    -webkit-box-shadow: inset 0 0 12px 4px #ffffff;
    box-shadow: inset 0 0 12px 4px #ffffff
}

.selectize-control.plugin-drag_drop .ui-sortable-placeholder::after {
    content: '!';
    visibility: hidden
}

.selectize-control.plugin-drag_drop .ui-sortable-helper {
    -webkit-box-shadow: 0 2px 5px rgba(0,0,0,0.2);
    box-shadow: 0 2px 5px rgba(0,0,0,0.2)
}

.selectize-dropdown-header {
    position: relative;
    padding: 5px 8px;
    border-bottom: 1px solid #d0d0d0;
    background: #f8f8f8;
    -webkit-border-radius: 3px 3px 0 0;
    -moz-border-radius: 3px 3px 0 0;
    border-radius: 3px 3px 0 0
}

.selectize-dropdown-header-close {
    position: absolute;
    right: 8px;
    top: 50%;
    color: #303030;
    opacity: 0.4;
    margin-top: -12px;
    line-height: 20px;
    font-size: 20px !important
}

.selectize-dropdown-header-close:hover {
    color: #000000
}

.selectize-dropdown.plugin-optgroup_columns .optgroup {
    border-right: 1px solid #f2f2f2;
    border-top: 0 none;
    float: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.selectize-dropdown.plugin-optgroup_columns .optgroup:last-child {
    border-right: 0 none
}

.selectize-dropdown.plugin-optgroup_columns .optgroup:before {
    display: none
}

.selectize-dropdown.plugin-optgroup_columns .optgroup-header {
    border-top: 0 none
}

.selectize-control.plugin-remove_button [data-value] {
    position: relative;
    padding-right: 24px !important
}

.selectize-control.plugin-remove_button [data-value] .remove {
    z-index: 1;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 17px;
    text-align: center;
    font-weight: bold;
    font-size: 12px;
    color: inherit;
    text-decoration: none;
    vertical-align: middle;
    display: inline-block;
    padding: 2px 0 0 0;
    border-left: 1px solid #d0d0d0;
    -webkit-border-radius: 0 2px 2px 0;
    -moz-border-radius: 0 2px 2px 0;
    border-radius: 0 2px 2px 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.selectize-control.plugin-remove_button [data-value] .remove:hover {
    background: rgba(0,0,0,0.05)
}

.selectize-control.plugin-remove_button [data-value].active .remove {
    border-left-color: #cacaca
}

.selectize-control.plugin-remove_button .disabled [data-value] .remove:hover {
    background: none
}

.selectize-control.plugin-remove_button .disabled [data-value] .remove {
    border-left-color: #ffffff
}

.selectize-control.plugin-remove_button .remove-single {
    position: absolute;
    right: 28px;
    top: 6px;
    font-size: 23px
}

.selectize-control {
    position: relative
}

.selectize-dropdown,.selectize-input,.selectize-input input {
    color: #303030;
    font-family: inherit;
    font-size: 13px;
    line-height: 18px;
    -webkit-font-smoothing: inherit
}

.selectize-input,.selectize-control.single .selectize-input.input-active {
    background: #ffffff;
    cursor: text;
    display: inline-block
}

.selectize-input {
    border: 1px solid #d0d0d0;
    padding: 8px 8px;
    display: inline-block;
    width: 100%;
    overflow: hidden;
    position: relative;
    z-index: 1;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.1);
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.1);
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px
}

.selectize-control.multi .selectize-input.has-items {
    padding: 6px 8px 3px
}

.selectize-input.full {
    background-color: #ffffff
}

.selectize-input.disabled,.selectize-input.disabled * {
    cursor: default !important
}

.selectize-input.focus {
    -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.15);
    box-shadow: inset 0 1px 2px rgba(0,0,0,0.15)
}

.selectize-input.dropdown-active {
    -webkit-border-radius: 3px 3px 0 0;
    -moz-border-radius: 3px 3px 0 0;
    border-radius: 3px 3px 0 0
}

.selectize-input>* {
    vertical-align: baseline;
    display: -moz-inline-stack;
    display: inline-block;
    zoom:1;*display: inline
}

.selectize-control.multi .selectize-input>div {
    cursor: pointer;
    margin: 0 3px 3px 0;
    padding: 2px 6px;
    background: #f2f2f2;
    color: #303030;
    border: 0 solid #d0d0d0
}

.selectize-control.multi .selectize-input>div.active {
    background: #e8e8e8;
    color: #303030;
    border: 0 solid #cacaca
}

.selectize-control.multi .selectize-input.disabled>div,.selectize-control.multi .selectize-input.disabled>div.active {
    color: #7d7d7d;
    background: #ffffff;
    border: 0 solid #ffffff
}

.selectize-input>input {
    display: inline-block !important;
    padding: 0 !important;
    min-height: 0 !important;
    max-height: none !important;
    max-width: 100% !important;
    margin: 0 2px 0 0 !important;
    text-indent: 0 !important;
    border: 0 none !important;
    background: none !important;
    line-height: inherit !important;
    -webkit-user-select: auto !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important
}

.selectize-input>input::-ms-clear {
    display: none
}

.selectize-input>input:focus {
    outline: none !important
}

.selectize-input::after {
    content: ' ';
    display: block;
    clear: left
}

.selectize-input.dropdown-active::before {
    content: ' ';
    display: block;
    position: absolute;
    background: #f0f0f0;
    height: 1px;
    bottom: 0;
    left: 0;
    right: 0
}

.selectize-dropdown {
    position: absolute;
    z-index: 10;
    border: 1px solid #d0d0d0;
    background: #ffffff;
    margin: -1px 0 0 0;
    border-top: 0 none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.1);
    box-shadow: 0 1px 3px rgba(0,0,0,0.1);
    -webkit-border-radius: 0 0 3px 3px;
    -moz-border-radius: 0 0 3px 3px;
    border-radius: 0 0 3px 3px
}

.selectize-dropdown [data-selectable] {
    cursor: pointer;
    overflow: hidden
}

.selectize-dropdown [data-selectable] .highlight {
    background: rgba(125,168,208,0.2);
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px
}

.selectize-dropdown [data-selectable],.selectize-dropdown .optgroup-header {
    padding: 5px 8px
}

.selectize-dropdown .optgroup:first-child .optgroup-header {
    border-top: 0 none
}

.selectize-dropdown .optgroup-header {
    color: #303030;
    background: #ffffff;
    cursor: default
}

.selectize-dropdown .active {
    background-color: #f5fafd;
    color: #495c68
}

.selectize-dropdown .active.create {
    color: #495c68
}

.selectize-dropdown .create {
    color: rgba(48,48,48,0.5)
}

.selectize-dropdown-content {
    overflow-y: auto;
    overflow-x: hidden;
    max-height: 200px;
    -webkit-overflow-scrolling: touch
}

.selectize-control.single .selectize-input,.selectize-control.single .selectize-input input {
    cursor: pointer
}

.selectize-control.single .selectize-input.input-active,.selectize-control.single .selectize-input.input-active input {
    cursor: text
}

.selectize-control.single .selectize-input:after {
    content: ' ';
    display: block;
    position: absolute;
    top: 50%;
    right: 15px;
    margin-top: -3px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 5px 5px 0 5px;
    border-color: #808080 transparent transparent transparent
}

.selectize-control.single .selectize-input.dropdown-active:after {
    margin-top: -4px;
    border-width: 0 5px 5px 5px;
    border-color: transparent transparent #808080 transparent
}

.selectize-control.rtl.single .selectize-input:after {
    left: 15px;
    right: auto
}

.selectize-control.rtl .selectize-input>input {
    margin: 0 4px 0 -2px !important
}

.selectize-control .selectize-input.disabled {
    opacity: 0.5;
    background-color: #fafafa;
}

.lightBoxWrap{
    display: block;
    position:fixed;
    left:0;
    right:0;
    top:0;
    bottom:0;
    z-index:9999;
    background-color: rgba(0,0,0,0.9);
}

.lightBoxContent{
    position: relative;
    width:40%;
    background-color: #ffffff;
    opacity:1 !important;
    margin:0 auto;
    top:50%;
    transform:translateY(-50%);
}
.lightBoxClose{
    width:40px;
    height:40px;
    position:absolute;
    border-radius:20px;
    top:-20px;
    right:-20px;
    background-color:#ffffff;
    cursor:pointer;
    text-align: center;
    line-height: 20px;
    font-size:20px;
    line-height:40px;
}
.lightBoxOpen{
    cursor:pointer;
    text-align:right;
    text-decoration:underline;
    font-size:16px;
    color:#FE0032;
}
.lightBoxContainer{
    margin:0 auto;
    width:90%;
    text-align:center;
    padding-top:20px;
    overflow:hidden;
}
.double11{
    color:#635C52;
    font-size:22px;
    font-weight:bold;
    margin-bottom: 20px;
    margin-top: 20px;
}
.openMobile{
    color:#635C52;
    font-size:15px;
    margin-bottom:20px;
}
.ichannelsBonus{
    color:#FD0033;
    font-size:36px;
    font-weight:bold;
    margin-bottom:20px;
    display:block;
    line-height:36px;
}
.copyButton{
    position:relative;
    color:#635C52;
    font-size:13px;
    border-radius:5px;
    background-color:#ffffff;
    line-height: 20px;
    margin-left:20px;
    top:-5px;
}
.downloadSite{
    color:#635C52;
    font-size:18px;
    font-weight:bold;
    margin-top:20px;
    margin-bottom:20px;
}

.QRCode-IOS{
    color:#635C52;
    font-size:15px;
    width:25%;
    float:left;
    margin-left:15%;
    margin-right:10%;
}

.QRCode-Android{
    color:#635C52;
    font-size:15px;
    width:25%;
    float:right;
    margin-left:10%;
    margin-right:15%;
}
img{
    width:100%;
    height:auto;
}

.footer-img{
    width:10%;
    margin:0 auto;
}

@media (max-width:420px){
    .lightBoxContent{
        width:100%;
    }
    .lightBoxClose{
        top:0;
        right:0;
    }
    .lightBoxOpen{
        font-size:14px;
    }
    .footer-img{
        width:50%;
    }
	.lightBoxContent{
		top:0;
		transform:translateY(0);
	}
}