/******************************************************************
Theme Name: JointsWP - Motomundi
Theme URI: https://www.motomundi.cl
Description: Motocard Theme
Author: Oriol Sala
Author URI: https://www.motomundi.cl
Version: 4.1
Template: JointsWp
License: GNU General Public License
License URI: https://www.gnu.org/licenses/gpl.html
Tags: black, blue, white, light, one-column, fluid-layout, responsive-layout, custom-menu, featured-images, microformats, sticky-post, threaded-comments, translation-ready
Text Domain: JointsWp-child
******************************************************************/
/********************************
    DESKTOP
********************************/
.mobile #blog-wrapper .off-canvas-content {
    margin-top: 23px;
}

.searchwp-live-search-results {
    display: none !important;
}

#blog-wrapper {
    font-family: "Open Sans", sans-serif;
    font-size: 16px;
    background-color: #f5f5f5;
    padding-bottom: 75px;
    color: #484848;
    /********************************
        Main post home
    ********************************/
    /********************************
        Slider home featured posts
    ********************************/
    /********************************
        Home main content
    ********************************/
    /********************************
        Post list
    ********************************/
    /********************************
        Paginate
    ********************************/
    /********************************
        Menu
    ********************************/
    /********************************
        Sidebar
    ********************************/
    /********************************
        Newsletter sidebar
    ********************************/
    /********************************
        Social media sidebar
    ********************************/
    /********************************
        Breadcrumbs
    ********************************/
    /********************************
        Archive
    ********************************/
    /********************************
        Select order
    ********************************/
    /********************************
        Related products sidebar
    ********************************/
    /********************************
        Comments
    ********************************/
    /********************************
        Article
    ********************************/
    /********************************
          Shopping-guide
      ********************************/
    /********************************
        Products shortcode
    ********************************/
    /********************************
        Compare product shortcode
    ********************************/
    /********************************
        Gallery shortcode
    ********************************/
    /********************************
        Product score shortcode
    ********************************/
    /********************************
        Original post button shortcode
    ********************************/
    /********************************
        404
    ********************************/
}
#blog-wrapper .commentlist .media-object {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}

#blog-wrapper .commentlist .reply-container {
    display: flex;
}

#blog-wrapper .commentlist .reply-container .image{
    width: 10px;
    height: 13px;
    flex: 0 0 10px;
    max-width: 10px;
}

#blog-wrapper .commentlist .comment-content p {
    margin-top: 0;
}

#blog-wrapper h1,
#blog-wrapper h2,
#blog-wrapper h3,
#blog-wrapper h4,
#blog-wrapper h5,
#blog-wrapper h6,
#blog-wrapper button,
#blog-wrapper input,
#blog-wrapper textarea,
#blog-wrapper select {
    font-family: "Open Sans", sans-serif;
    color: inherit;
}
#blog-wrapper header {
    background-color: transparent;
    position: relative;
    /*
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    border: 1px solid #eee;
    */
}
#blog-wrapper .tcon {
    display: none;
}
#blog-wrapper .tcon-transform {
    top: 12px;
}
#blog-wrapper .menu-mobile-container {
    display: none;
    position: relative;
}
#blog-wrapper .menu-mobile-container .breadcrumbs {
    padding: 15px 60px 15px 20px;
}
#blog-wrapper .menu-mobile-container .breadcrumbs > span:nth-child(2) {
    display: none;
}
#blog-wrapper .menu-mobile-container .breadcrumbs > span {
    vertical-align: middle;
}
#blog-wrapper .comment-reply-title small a {
    font-size: 10px;
    font-weight: 400;
}
#blog-wrapper .menu-mobile-container .breadcrumbs .image {
    position: relative;
    top: -1px;
}
#blog-wrapper .menu-mobile-container nav {
    background-color: #FFF;
}
#blog-wrapper .menu-mobile-container nav li {
    padding: 10px 28px 8px;
}
#blog-wrapper .menu-mobile-container .menu-mobile {
/*    display: none;*/
}
#blog-wrapper .menu-mobile-container .categories-menu {
    margin-bottom: 0;
}
#blog-wrapper .main-post {
    height: 420px;
    position: relative;
    text-align: center;
    text-transform: uppercase;
}
#blog-wrapper .main-post .image {
    width: 100%;
    height: 100%;
    position: absolute;
    background-size: cover;
    background-position: center;
}
#blog-wrapper .main-post .title-container {
    position: absolute;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 20%, black 100%);
    padding: 20px 20px 95px;
    width: 100%;
    font-weight: bold;
    bottom: 0;
    left: 0;
}
#blog-wrapper .main-post .title-container h1 {
    font-size: 34px;
    font-weight: 800;
    margin-bottom: 0;
}
#blog-wrapper .main-post .title-container img {
    width: 38px;
}
#blog-wrapper .main-post .title-container a {
    color: #FFF;
}
#blog-wrapper .main-post .posts-date-category {
    font-size: 12px;
    color: #989898;
}
#blog-wrapper .main-post .posts-date-category a {
    color: #c74044;
}
#blog-wrapper .main-post .posts-date-category.white a {
    color: #FFF;
}
#blog-wrapper .slider-featured-posts-container {
    margin: -80px auto 40px;
    width: 1140px;
    position: relative;
    max-width: 100%;
}
#blog-wrapper .slider-featured-posts-container .we-recommend {
    font-size: 16px;
    font-weight: bold;
    color: #FFF;
    margin-bottom: 19px;
}
#blog-wrapper .slider-featured-posts-container .slider-home {
    margin: 0 -18px;
    max-height: 290px;
    overflow: hidden;
}
#blog-wrapper .slider-featured-posts-container .slider-arrows {
    border: 1px solid #FFF;
    display: inline-block;
    margin-right: 10px;
    font-size: 0;
    text-align: center;
    line-height: 30px;
    vertical-align: bottom;
    border-radius: 4px;
}
#blog-wrapper .slider-featured-posts-container .prev {
    width: 35px;
    display: inline-block;
    cursor: pointer;
}
#blog-wrapper .slider-featured-posts-container .next {
    border-left: 1px solid #FFF;
    width: 35px;
    display: inline-block;
    cursor: pointer;
}
#blog-wrapper .slider-featured-posts-container .slider-featured-post {
    float: left;
    text-align: center;
    padding: 0 15px 200px;
}
#blog-wrapper .slider-featured-posts-container .slider-featured-post img {
    display: block;
    border-radius: 5px 5px 0 0;
}
#blog-wrapper .slider-featured-posts-container .slider-featured-post .title-container {
    padding: 15px 20px;
    background-color: #FFF;
    border-radius: 0 0 5px 5px;
}
#blog-wrapper .slider-featured-posts-container .slider-featured-post .category {
    font-size: 11px;
    text-transform: uppercase;
    font-weight: bold;
}
#blog-wrapper .slider-featured-posts-container .slider-featured-post h2 {
    font-size: 18px;
    font-weight: bold;
    color: #484848;
}
#blog-wrapper .inner-content {
    width: 100%;
    margin: 0 auto;
    max-width: 1400px;
    padding: 0 15px;
}
#blog-wrapper .left-content {
    width: 70%;
    padding: 0 40px 30px 40px;
    float: left;
}
#blog-wrapper .right-content {
    width: 30%;
    float: right;
    padding-right: 33px;
}
#blog-wrapper .section-separator-title {
    font-size: 15px;
    text-transform: uppercase;
    color: #373737;
    font-weight: 800;
    margin: 45px 0;
    text-align: center;
    position: relative;
}
#blog-wrapper .section-separator-title p {
    display: inline-block;
    padding: 0 15px;
    background-color: #f5f5f5;
    position: relative;
    margin-bottom: 0;
    max-width: 80%;
}
#blog-wrapper .section-separator-title:before {
    content: "";
    display: block;
    background-color: #cecece;
    width: 100%;
    height: 1px;
    position: absolute;
    top: 12px;
    left: 0;
}
#blog-wrapper .grid-item {
    background-color: #FFF;
    margin-bottom: 25px;
    border-radius: 5px;
}
#blog-wrapper .grid-item h2 {
    font-size: 20px;
    font-weight: normal;
    line-height: 24px;
    color: #c74044;
    overflow: hidden;
}
#blog-wrapper .grid-item .image {
    width: 100%;
}
#blog-wrapper .grid-item .posts-date-category {
    font-size: 12px;
    color: #acacac;
    margin-bottom: 0;
    line-height: 1.2;
}
#blog-wrapper .grid-item .posts-date-category .bull {
    margin: 0 2px;
}
#blog-wrapper .grid-item .posts-date-category a {
    color: #484848;
}
#blog-wrapper .grid-item .title-container {
    padding: 25px 20px 15px;
}
#blog-wrapper .grid-item .text-container {
    text-align: left;
    font-size: 13px;
    padding: 15px 18px;
}
#blog-wrapper .grid-item .text-container p {
    line-height: 1.46;
}
#blog-wrapper .grid-item .read-more {
    color: #acacac;
    font-size: 12px;
}
#blog-wrapper .grid-item .post-excerpt {
    color: #484848;
    max-height: 55px;
    overflow: hidden;
    margin-bottom: 8px;
}
#blog-wrapper .grid-item .child-category {
    display: inline;
}
#blog-wrapper .big-post {
    text-align: center;
    margin-bottom: 70px;
    border-radius: 5px;
}
#blog-wrapper .big-post h2 {
    font-size: 24px;
    margin-bottom: 5px;
    line-height: 30px;
}
#blog-wrapper .big-post .text-container {
    padding: 25px;
    font-size: 14px;
}
#blog-wrapper .big-post .post-excerpt {
    max-height: 60px;
}
#blog-wrapper .big-post .title-container {
    padding: 25px 15px 30px;
}
#blog-wrapper .paginate-link-container {
    text-align: center;
    margin-top: 45px;
}
#blog-wrapper .paginate-link-container a {
    color: #FFF;
}
#blog-wrapper .paginate-link-container img, #blog-wrapper .paginate-link-container span {
    vertical-align: text-bottom;
}
#blog-wrapper .paginate-link-container .page-numbers {
    border-radius: 5px;
    font-size: 13px;
    padding: 8px 10px;
    background-color: #acacac;
    text-decoration: none;
    text-align: center;
    display: inline-block;
}
#blog-wrapper .paginate-link-container .page-numbers.next, #blog-wrapper .paginate-link-container .page-numbers.prev {
    background-color: #c74044;
}
#blog-wrapper .paginate-link-container .page-numbers.next {
    padding-left: 15px;
}
#blog-wrapper .paginate-link-container .page-numbers.prev {
    padding-right: 15px;
}
#blog-wrapper .paginate-link-container a.page-numbers:hover {
    background-color: #c74044;
    transition: background-color 0.2s linear;
}
#blog-wrapper .paginate-link-container .current, #blog-wrapper .paginate-link-container .dots {
    background-color: #e6e6e6;
    vertical-align: baseline;
}
@media (max-width: 680px) {
    #blog-wrapper .paginate-link-container .page-numbers {
        display: inline-block;
    }
    #blog-wrapper .paginate-link-container .page-numbers .prev, #blog-wrapper .paginate-link-container .page-numbers .next {
        width: 130px;
    }
}
#blog-wrapper .categories-menu {
    border-top: solid 1px #ddd;
}
#blog-wrapper .categories-menu li {
    border-bottom: solid 1px #ddd;
    padding: 10px 0 8px;
}
#blog-wrapper .categories-menu .icon-container {
    display: inline-block;
    width: 30px;
    vertical-align: top;
    text-align: center;
}
#blog-wrapper .categories-menu .text-container {
    display: inline-block;
    vertical-align: top;
    width: calc(100% - 35px);
}
#blog-wrapper .categories-menu .text-container p {
    font-size: 17px;
    line-height: 14px;
    font-weight: 800;
    color: #373737;
    margin-bottom: 0;
    text-transform: uppercase;
    display: block;
}
#blog-wrapper .categories-menu .text-container span {
    font-size: 12px;
    color: #646464;
    display: block;
}
#blog-wrapper .mini-posts-container {
    margin-top: 35px;
}
#blog-wrapper .mini-posts-container .posts {
    margin-top: 25px;
}
#blog-wrapper .mini-posts-container .image-container {
    width: 85px;
    display: inline-block;
    vertical-align: top;
    margin-bottom: 20px;
}
#blog-wrapper .mini-posts-container .text-container {
    display: inline-block;
    vertical-align: top;
    width: calc(100% - 90px);
}
#blog-wrapper .mini-posts-container .title {
    font-size: 15px;
    line-height: 1.2;
    color: #383838;
}
#blog-wrapper .mini-posts-container .date {
    font-size: 12px;
    font-weight: 600;
    color: #acacac;
    line-height: 2;
}
#blog-wrapper .mini-posts-container .image {
    background-size: cover;
    background-position: center;
    width: 70px;
    border-radius: 5px;
    height: 70px;
}
#blog-wrapper .sidebar-title {
    font-size: 13px;
    line-height: 13px;
    font-weight: bold;
    color: #373737;
    padding-left: 7px;
    border-left: 3px solid #c74044;
    text-transform: uppercase;
}
#blog-wrapper .newsletter-container {
    margin: 45px 0 0;
    color: #686868;
    font-size: 13px;
}
#blog-wrapper .newsletter-container .claim {
    line-height: 1.08;
    margin-top: 10px;
}
#blog-wrapper .newsletter-container .sidebar-gdrp {
    color: #686868;
    font-size: 13px;
    margin: 10px 0;
}
#blog-wrapper .newsletter-container .sidebar-gdrp .checkbox-block {
    margin-right: 5px;
}
#blog-wrapper .newsletter-container .error-email {
    color: #c74044;
    margin: 10px 0;
}
#blog-wrapper .newsletter-container .input-email {
    font-size: 14px;
    font-style: italic;
    width: 60%;
    display: inline-block;
    vertical-align: top;
    border-radius: 6px 0 0 6px;
    margin-bottom: 0;
}
#blog-wrapper .newsletter-container .success {
    margin: 10px 0;
    color: #41a334;
}
#blog-wrapper .newsletter-container .submit {
    background-color: #c74044;
    color: #fff;
    font-size: 12px;
    font-weight: 600;
    padding: 13px 20px;
    line-height: 13px;
    text-transform: uppercase;
    width: 40%;
    margin-left: -5px;
    vertical-align: top;
    border-radius: 0 6px 6px 0;
    cursor: pointer;
}
#blog-wrapper .follow-us-container {
    padding-bottom: 10px;
}
#blog-wrapper .follow-us-container .title {
    margin: 10px 0;
    color: #686868;
    font-size: 13px;
}
#blog-wrapper .follow-us-container li {
    margin-right: 10px;
    display: inline-block;
    vertical-align: top;
}
#blog-wrapper .social-media-sidebar {
    margin-top: 45px;
}
#blog-wrapper .social-media-sidebar .social-media-content {
    margin-top: 25px;
}
#blog-wrapper .social-media-sidebar img.large {
    display: block;
    max-width: 370px;
    width: 100%;
    border-radius: 3px;
    margin-bottom: 15px;
}
#blog-wrapper .social-media-sidebar img.small {
    display: none;
}
#blog-wrapper .breadcrumbs {
    font-size: 12px;
    line-height: 1.75;
    padding-top: 20px;
    text-transform: uppercase;
    color: #0a0a0a;
}
#blog-wrapper .breadcrumbs a {
    color: #8a8a8a;
    vertical-align: middle;
}
#blog-wrapper .breadcrumbs > :last-child:after {
    text-transform: none;
}
#blog-wrapper .breadcrumbs > span:after {
    content: "b";
    font-family: "mc-icons";
    font-style: normal;
    font-weight: normal;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin: 0 0.2em 0 5px;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    color: #8a8a8a;
    vertical-align: middle;
}
#blog-wrapper .breadcrumbs span > span {
    vertical-align: middle;
}
#blog-wrapper .breadcrumbs > :last-child:after {
    content: "";
}
#blog-wrapper .page-title {
    margin: 20px 0 0;
    line-height: 34px;
}
#blog-wrapper .page-title img {
    vertical-align: middle;
    height: 30px;
    margin-right: 10px;
}
#blog-wrapper .page-title span {
    vertical-align: middle;
    font-size: 34px;
    font-weight: 800;
    color: #373737;
    text-transform: uppercase;
}
#blog-wrapper .home-link {
    padding: 3px 10px;
    margin: 0 -10px;
}
#blog-wrapper .taxonomy-description {
    font-size: 14px;
    line-height: 1.36;
    color: #373737;
    margin-bottom: 20px;
}
#blog-wrapper .category-title-container-simple h1 {
    display: inline-block;
    padding: 0 15px;
    background-color: #f5f5f5;
    position: relative;
    margin-bottom: 0;
    max-width: 80%;
    font-size: 15px;
    font-weight: 800;
}
#blog-wrapper .categories-archive-container {
    margin: 20px 0;
}
#blog-wrapper .categories-archive-container ul {
    margin-bottom: 0;
}
#blog-wrapper .categories-archive-container li {
    font-size: 11px;
    font-weight: 600;
    margin-bottom: 10px;
    text-transform: uppercase;
    display: inline-block;
}
#blog-wrapper .categories-archive-container li a {
    padding: 4px 15px;
    color: #7e7e7e;
    border-radius: 11px;
    background-color: #e4e4e4;
}
#blog-wrapper .categories-archive-container li a.current, #blog-wrapper .categories-archive-container li a:hover {
    color: #FFF;
    background-color: #c74044;
}
#blog-wrapper .categories-archive-container li.current-menu-item a {
    color: #FFF;
    background-color: #c74044;
}
#blog-wrapper .section-separator-title.under-categories {
    margin-top: 10px;
}
#blog-wrapper .section-separator-title.filter {
    text-align: left;
}
#blog-wrapper .section-separator-title.filter > span, #blog-wrapper .section-separator-title.filter p, #blog-wrapper .section-separator-title.filter h1 {
    padding-left: 0;
}
#blog-wrapper .section-separator-title.filter .filter-select {
    float: right;
}
#blog-wrapper .archive .parent-category {
    display: none;
}
#blog-wrapper .archive .child-category {
    display: inline;
}
#blog-wrapper .archive .category-slash {
    display: none;
}
#blog-wrapper .archive .section-separator-title {
    margin: 30px 0 17px;
}
#blog-wrapper .archive .categories-archive-container {
    margin: 17px 0 20px;
}
#blog-wrapper .archive .right-content, #blog-wrapper .post-content .right-content, #blog-wrapper.paged .right-content {
    margin-top: 10px;
}
#blog-wrapper .archive .right-content .categories-menu, #blog-wrapper .post-content .right-content .categories-menu, #blog-wrapper.paged .right-content .categories-menu {
    border-top: 0 none;
}
#blog-wrapper .post-content .comment-reply-title {
    padding: 0;
    display: flex;
    font-size: 16px;
    font-weight: bold;
    align-items: center;
    text-transform: uppercase;
    justify-content: space-between;
}
#blog-wrapper .wrapper-dropdown {
    position: relative;
    margin: 2px auto 0;
    font-size: 12px;
    font-weight: 600;
    color: #616161;
    border: 0 none;
    text-transform: none;
    background: url("https://cf-cdn-blog.motocard.com/assets/icons/sort.svg") no-repeat right center #F5f5f5;
    padding: 0 15px;
    height: 15px;
}
#blog-wrapper .wrapper-dropdown:focus {
    box-shadow: 0 0 transparent;
}
#blog-wrapper .wrapper-dropdown .dropdown {
    position: absolute;
    top: 100%;
    right: 0;
    background: white;
    transition: all 0.3s ease-out;
    list-style: none;
    opacity: 0;
    pointer-events: none;
    width: 120%;
}
#blog-wrapper .wrapper-dropdown .dropdown li {
    padding: 2px 10px;
    text-align: right;
    background-color: #F5f5f5;
    cursor: pointer;
}
#blog-wrapper .wrapper-dropdown .dropdown li a {
    display: block;
    text-decoration: none;
    color: #333;
    border-left: 5px solid;
    padding: 10px;
    transition: all 0.3s ease-out;
}
#blog-wrapper .wrapper-dropdown .dropdown li:hover a {
    color: grey;
    background-color: darkgrey;
}
#blog-wrapper .wrapper-dropdown.active .dropdown {
    opacity: 1;
    pointer-events: auto;
}
#blog-wrapper .related-products {
    margin: 20px 0 40px;
}
#blog-wrapper .related-products .product {
    padding: 10px 12px;
    background-color: #FFF;
    margin-bottom: 4px;
}
#blog-wrapper .related-products .product .image {
    display: inline-block;
    width: 80px;
    vertical-align: middle;
    margin-right: 15px;
}
#blog-wrapper .related-products .product .product-details {
    display: inline-block;
    width: calc(100% - 100px);
    vertical-align: middle;
}
#blog-wrapper .related-products .product .discount {
    font-size: 10px;
    font-weight: bold;
    color: #ffffff;
    padding: 0 5px;
    border-radius: 3px;
    background-color: #c74044;
    display: inline-block;
    text-transform: uppercase;
}
#blog-wrapper .related-products .product .name {
    font-size: 15px;
    font-weight: 600;
    color: #383838;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
#blog-wrapper .related-products .product .star-rating {
    color: #dea92a;
    font-size: 12px;
}
#blog-wrapper .related-products .product .star-rating i:before {
    width: 8px;
}
#blog-wrapper .related-products .product .price {
    font-size: 18px;
    font-weight: bold;
}
#blog-wrapper .article-footer {
    display: none;
}
#blog-wrapper .comments-area {
    background-color: #FFF;
    padding: 25px;
    border-radius: 0 0 5px 5px;
    margin-top: 20px;
}
#blog-wrapper .comments-title {
    font-size: 13px;
    font-weight: bold;
    color: #373737;
    text-transform: uppercase;
    margin-bottom: 25px;
}
#blog-wrapper .comments-title .image,
#blog-wrapper .comments-title span {
    display: inline-block;
    vertical-align: baseline;
}
#blog-wrapper .comments-title .image {
    margin-right: 5px;
}
#blog-wrapper .comment-form input,
#blog-wrapper .comment-form textarea {
    font-size: 14px;
    font-style: italic;
    margin-bottom: 0;
}
#blog-wrapper .comment-form textarea {
    margin-bottom: -5px;
}
#blog-wrapper .comment-form .textarea-container,
#blog-wrapper .comment-form .comment-form-author,
#blog-wrapper .comment-form .comment-form-email {
    margin-bottom: 8px;
}
#blog-wrapper .comment-form .error {
/*    display: none;*/
    color: #c74044;
    font-size: 12px;
    margin: 8px 0 8px 0;
}
#blog-wrapper .comment-form .error-gdpr {
    color: #c74044;
    font-size: 14px;
    margin-top: 8px;
}
#blog-wrapper .gdpr-legal-comment .error-gdpr.hidden {
    display: none;
}
#blog-wrapper .comment-notes {
    font-size: 14px;
    font-style: italic;
    color: #6a6868;
}
#blog-wrapper .gdpr-legal-comment {
    display: flex;
}
#blog-wrapper .gdpr-legal-comment .mc-checkbox {
    opacity: 1;
    position: unset;
    margin-top: 2px;
    margin-right: 8px;
    pointer-events: unset;
}
#blog-wrapper .gdrp-comments {
    font-size: 14px;
    color: #868686;
    margin: 0 0 20px 0;
}
#blog-wrapper .form-submit .submit {
    border-radius: 6px;
    background-color: #c74044;
    color: #FFF;
    font-size: 14px;
    font-weight: 600;
    padding: 14px 45px;
    text-transform: uppercase;
    border: 0 none;
    cursor: pointer;
}
#blog-wrapper .article-header {
    border-left: 3px solid #c74044;
    padding-left: 20px;

}
#blog-wrapper .article-header h1 {
    font-size: 34px;
    font-weight: bold;
    line-height: 34px;
    color: #373737;
    margin-bottom: 8px;
}
#blog-wrapper .article-header .posts-date-category {
    font-size: 12px;
    color: #acacac;
    text-transform: uppercase;
    margin: 5px 0 15px;
    line-height: 1.4;
    text-indent: -20px;
    margin-left: 20px;
}
#blog-wrapper .article-header .posts-date-category .bull {
    margin: 0 2px;
}
#blog-wrapper .article-header .posts-date-category a {
    color: #6e6e6e;
}
#blog-wrapper .article-header .posts-date-category img {
    max-height: 14px;
    margin-right: 5px;
    vertical-align: baseline;
    max-width: 14px;
}
#blog-wrapper .table-content-wrapper {
    margin-bottom: 20px;
}
#blog-wrapper .table-content {
    background-color: #F5F5F5;
    padding: 35px 0;
    margin: 0;
}
#blog-wrapper .table-content a {
    font-size: 13px;
    color: #373737;
    font-weight: 800;
    text-transform: uppercase;
    padding: 10px 10px 10px 0;
    display: block;
    border-bottom: 1px solid #ddd;
    border-top: 1px solid #ddd;
    margin-top: -1px;
    float: left;
    width: calc(50% - 17px);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
#blog-wrapper .table-content a img, #blog-wrapper .table-content a span {
    vertical-align: middle;
}
#blog-wrapper .table-content a img {
    margin: 0 10px;
}
#blog-wrapper .table-content a:first-child {
    border-top: 1px solid #DDD;
}
#blog-wrapper .table-content a:nth-child(odd) {
    margin-right: 34px;
}
#blog-wrapper .type-video .entry-content {
    padding-bottom: 15px;
}
#blog-wrapper .entry-content {
    background-color: #FFF;
    border-radius: 5px 5px 0 0;
}
#blog-wrapper .entry-content > p:empty {
    display: none;
}
#blog-wrapper .entry-content > p {
    padding: 0 25px;
    font-size: 15px;
    line-height: 1.8;
}
#blog-wrapper .entry-content > p > img, #blog-wrapper .entry-content .wp-caption > img {
    margin: 20px 0 20px -25px;
    width: calc(100% + 50px);
    max-width: none;
}
#blog-wrapper .entry-content > p:last-child {
    margin-bottom: 0;
}
#blog-wrapper .entry-content h2 {
    border-left: 3px solid #c74044;
    font-weight: bold;
    margin: 30px 25px 30px;
    padding-left: 15px;
    font-size: 15px;
    text-transform: uppercase;
    line-height: 18px;
}
#blog-wrapper .entry-content .post-excerpt {
    color: #484848;
}
#blog-wrapper .entry-content .featured-image img {
    width: 100%;
    margin-bottom: 1rem;
    border-radius: 5px 5px 0 0;
    height: auto;
}
#blog-wrapper .entry-content .wp-caption {
    padding: 0 25px;
}
#blog-wrapper .entry-content .image-footer, #blog-wrapper .entry-content .wp-caption-text {
    font-size: 13px;
    color: #686868;
    font-style: italic;
    display: block;
    line-height: 14px;
    margin: -10px 0 25px;
    text-indent: -12px;
    padding-left: 12px;
}
#blog-wrapper .entry-content .image-footer:before, #blog-wrapper .entry-content .wp-caption-text:before {
    content: "*";
    color: #c74044;
    margin-right: 5px;
}
#blog-wrapper .entry-content div.flex-video {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    margin-bottom: 10px;
    height: 0;
    overflow: hidden;
    clear: both;
}
#blog-wrapper .entry-content div.flex-video iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
#blog-wrapper .entry-content ul {
    list-style-type: none;
    margin: 0 20px;
}
#blog-wrapper .entry-content ul li {
    margin-bottom: 10px;
    font-size: 15px;
}
#blog-wrapper .entry-content ul li:before {
    content: "y";
    font-family: "mc-icons";
    font-style: normal;
    font-weight: normal;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: 0.3em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    margin-left: 0.2em;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
#blog-wrapper .youtube-video-container {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
}
#blog-wrapper .youtube-video-container.border-radius iframe {
    border-radius: 5px 5px 0 0;
}
#blog-wrapper .youtube-video-container .youtube-video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
#blog-wrapper .twitter-tweet {
    margin-top: 30px;
    margin-bottom: 10px;
    margin-left: auto;
    margin-right: auto;
}
#blog-wrapper .shopping-guide-nav {
    font-size: 13px;
    color: #484848;
    display: block;
    line-height: 2.23;
}
#blog-wrapper .shopping-guide-nav li {
    margin: 1px 0;
    padding: 17px 14px;
    background-color: #e6e6e6;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
#blog-wrapper .shopping-guide-nav li:first-child {
    margin-top: 0;
    font-weight: bold;
    line-height: 1.08;
    color: #373737;
    text-align: center;
    text-transform: uppercase;
}
#blog-wrapper .shopping-guide-nav li .icon {
    object-fit: contain;
    margin-right: 14px;
}
#blog-wrapper .shopping-guide-nav li.active {
    background-color: #f5f5f5;
    border-left: 3px solid #c74044;
}
#blog-wrapper .shopping-guide-nav a {
    color: #484848;
}
#blog-wrapper .shopping-guide .inner-content {
    width: 100%;
    margin: 0 auto;
    max-width: 1400px;
}
#blog-wrapper .shopping-guide .left-content {
    width: 30%;
    float: left;
    margin: 0;
    padding-left: 33px;
}
#blog-wrapper .shopping-guide .right-content {
    width: 70%;
    padding: 0 33px 0 10px;
    float: right;
}
#blog-wrapper .shopping-guide .topic-title-container {
    margin-top: 19px;
    background-color: #e6e6e6;
}
#blog-wrapper .shopping-guide .topic-title {
    padding: 28px 0;
    text-align: center;
    font-size: 13px;
    color: #484848;
    width: 100%;
    max-width: 1400px !important;
    float: none;
    margin: 0 auto;
}
#blog-wrapper .shopping-guide .topic-title .left-side {
    width: 30%;
    float: left;
    padding: 0 48px;
}
#blog-wrapper .shopping-guide .topic-title .left-side > div {
    position: relative;
}
#blog-wrapper .shopping-guide .topic-title .left-side > div:after {
    content: "";
    background-color: whitesmoke;
    border-radius: 1000px;
    width: 200px;
    height: 200px;
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    border: 1px solid #dbdbdb;
}
#blog-wrapper .shopping-guide .topic-title .left-side img {
    position: relative;
    z-index: 2;
    height: 190px;
}
#blog-wrapper .shopping-guide .topic-title .right-side {
    width: 70%;
    float: right;
    padding: 0 48px 0 10px;
}
#blog-wrapper .shopping-guide .topic-title .right-side .header {
    display: block;
    font-size: 26px;
    font-weight: 800;
    line-height: 0.96;
    text-transform: uppercase;
    color: #373737;
    margin-bottom: 13px;
}
#blog-wrapper .shopping-guide .topic-title .right-side .header .subtitle {
    display: block;
    font-size: 17px;
}
#blog-wrapper .shopping-guide .topic-title .right-side .header .title {
    margin-top: 10px;
    display: block;
}
#blog-wrapper .shopping-guide .topic-title .right-side p {
    margin: 0 auto;
    line-height: 1.4;
    margin-bottom: 10px;
}
#blog-wrapper .shopping-guide .topic-title .right-side img {
    margin-bottom: 13px;
}
#blog-wrapper .shopping-guide .topic-title .right-side a {
    margin-top: 10px;
    font-size: 12px;
    font-weight: bold;
    color: #646464;
}
#blog-wrapper .shopping-guide .topic-title .right-side a:before {
    content: "a";
    font-family: "mc-icons";
    font-style: normal;
    font-size: 15px;
    font-weight: normal;
    display: inline-block;
    width: 1em;
    margin: 0 0.1em 0 5px;
}
#blog-wrapper .products-shortcode-container {
    background-color: #f5f5f5;
    text-transform: uppercase;
    position: relative;
    padding: 30px 0;
    text-align: center;
}
#blog-wrapper .products-shortcode-container .products-shortcode-container + .products-shortcode-container {
    margin-top: -30px;
}
#blog-wrapper .products-shortcode-container.single .product-container {
    padding: 40px;
    border-radius: 5px;
}
#blog-wrapper .products-shortcode-container.single .image {
    margin-bottom: 0;
    text-align: right;
    width: 100%;
}
#blog-wrapper .products-shortcode-container.single .image img {
    max-width: 150px;
}
#blog-wrapper .products-shortcode-container.single .details {
    text-align: left;
    float: left;
}
#blog-wrapper .products-shortcode-container.single .details .name {
    font-size: 20px;
    font-weight: bold;
    line-height: 1.15;
    margin-bottom: 5px;
}
#blog-wrapper .products-shortcode-container.single .details .star-rating {
    font-size: 16px;
}
#blog-wrapper .products-shortcode-container.single .details .star-rating i:before {
    width: 10px;
}
#blog-wrapper .products-shortcode-container.single .details .price {
    font-size: 24px;
}
#blog-wrapper .products-shortcode-container .product-container {
    padding: 25px;
    background-color: #FFF;
}
#blog-wrapper .products-shortcode-container .title, #blog-wrapper .products-shortcode-container .subtitle {
    color: #373737;
    font-size: 17px;
    margin-bottom: 0;
}
#blog-wrapper .products-shortcode-container .title {
    font-weight: 800;
    position: relative;
}
#blog-wrapper .products-shortcode-container .title p {
    display: inline-block;
    padding: 0 15px;
    background-color: #f5f5f5;
    position: relative;
    margin-bottom: 0;
}
#blog-wrapper .products-shortcode-container .title:before {
    content: "";
    display: block;
    background-color: #cecece;
    width: 100%;
    height: 1px;
    position: absolute;
    top: 12px;
    left: 0;
}
#blog-wrapper .products-shortcode-container .subtitle {
    font-size: 12px;
    color: #646464;
    text-transform: none;
    margin-bottom: 20px;
}
#blog-wrapper .products-shortcode-container .image {
    width: 120px;
    margin: 0 auto 20px;
}
#blog-wrapper .products-shortcode-container .name {
    font-size: 15px;
    font-weight: 600;
    color: #383838;
    text-transform: none;
    margin-top: 5px;
}
#blog-wrapper .products-shortcode-container .star-rating {
    color: #dea92a;
    font-size: 12px;
}
#blog-wrapper .products-shortcode-container .star-rating i:before {
    width: 8px;
}
#blog-wrapper .products-shortcode-container .discount {
    font-size: 10px;
    font-weight: bold;
    color: #ffffff;
    padding: 1px 10px;
    border-radius: 3px;
    background-color: #c74044;
    display: inline-block;
    text-transform: uppercase;
}
#blog-wrapper .products-shortcode-container .price {
    font-size: 18px;
    font-weight: bold;
}
#blog-wrapper .compare-shortcode-container-wrapper {
    margin: 35px 20px;
}
#blog-wrapper .score-items-container {
    width: 100%;
}
#blog-wrapper .score-items-container .score-item {
    float: left;
    width: 150px;
}
#blog-wrapper .compare-shortcode-container {
    font-size: 15px;
    background-color: #f5f5f5;
    border-radius: 5px;
}
#blog-wrapper .compare-shortcode-container.mobile {
    min-width: 0;
}
#blog-wrapper .compare-shortcode-container.mobile .column {
    width: 140px;
    padding: 0 10px;
}
#blog-wrapper .compare-shortcode-container.mobile .property {
    color: #0a0a0a;
    font-size: 11px;
    margin-bottom: 2px;
}
#blog-wrapper .compare-shortcode-container .title-container .scores {
    text-align: center;
}
#blog-wrapper .compare-shortcode-container .antiscroll-wrap:hover .antiscroll-scrollbar {
    display: block !important;
}
#blog-wrapper .compare-shortcode-container .antiscroll-scrollbar {
    display: none !important;
}
#blog-wrapper .compare-shortcode-container .title {
    color: #a1a1a1;
    margin: 20px 10px;
}
#blog-wrapper .compare-shortcode-container .line {
    margin: 20px;
}
#blog-wrapper .compare-shortcode-container .scores-container {
    border-top: 3px solid #FFF;
    border-bottom: 3px solid #FFF;
}
#blog-wrapper .compare-shortcode-container .scores-container .line {
    margin: 17px 20px;
    line-height: 25px;
}
#blog-wrapper .compare-shortcode-container .scores-container .star-rating {
    margin: 17px 10px;
}
#blog-wrapper .compare-shortcode-container .scores-container .star-rating i:before {
    width: 10px;
}
#blog-wrapper .compare-shortcode-container .scores .title {
    color: #484848;
    font-weight: bold;
}
#blog-wrapper .compare-shortcode-container .star-rating {
    color: #dea92a;
    font-size: 16px;
}
#blog-wrapper .compare-shortcode-container .score {
    text-align: center;
}
#blog-wrapper .compare-shortcode-container .total-container {
    font-weight: 600;
}
#blog-wrapper .compare-shortcode-container .total-container .scores {
    font-size: 22px;
    font-weight: 800;
}
#blog-wrapper .compare-shortcode-container .total-container .score {
    line-height: 15px;
}
#blog-wrapper .compare-shortcode-container-mobile {
    display: none;
}
#blog-wrapper .carousel-container {
    position: relative;
}
#blog-wrapper .carousel-container .top-gallery {
    position: absolute;
    top: 0px;
    right: 0;
    left: 0;
    bottom: 0;
}
#blog-wrapper .carousel-container .prev, #blog-wrapper .carousel-container .next {
    position: absolute;
    top: 50%;
    transform: translateY(calc(-50% - 56px));
    border-radius: 50%;
    padding: 8px 0;
    border: 5px solid #fff;
    background-color: #c74044;
    z-index: 2;
    line-height: 0;
    width: 43px;
    text-align: center;
    cursor: pointer;
}
#blog-wrapper .carousel-container .prev {
    left: -22px;
}
#blog-wrapper .carousel-container .next {
    right: -22px;
}
#blog-wrapper .carousel-container .slick-center {
    box-shadow: inset 0 0 0 5px #c74044;
}
#blog-wrapper .carousel-container .carousel-thumb-gallery {
    margin: 5px 0 0;
}
#blog-wrapper .carousel-container .thumbnail-image {
    width: 210px;
    height: 112px;
    background-size: cover;
    background-position: center;
}
#blog-wrapper .product-score-container {
    width: 310px;
    color: #646464;
    font-size: 15px;
    border-radius: 5px;
    background-color: #f5f5f5;
}
#blog-wrapper .product-score-container.right {
    float: right;
    margin: 0 25px 30px 30px;
}
#blog-wrapper .product-score-container.left {
    float: left;
    margin: 0 30px 30px 25px;
}
#blog-wrapper .product-score-container .star-rating {
    color: #dea92a;
}
#blog-wrapper .product-score-container .star-rating i:before {
    width: 18px;
}
#blog-wrapper .product-score-container .total-score {
    float: left;
    width: 100%;
    padding: 28px 20px 20px 15px;
    border-bottom: 3px solid #FFF;
    line-height: 28px;
}
#blog-wrapper .product-score-container .total-score .star-rating {
    float: left;
    font-size: 26px;
}
#blog-wrapper .product-score-container .total-score .score {
    float: right;
    font-size: 28px;
    font-weight: 800;
}
#blog-wrapper .product-score-container .scores-list {
    float: left;
    width: 100%;
    padding: 5px 0;
}
#blog-wrapper .product-score-container .scores-list .name {
    width: 60%;
    float: left;
    padding: 13px 0 13px 20px;
    line-height: 16px;
}
#blog-wrapper .product-score-container .scores-list .score {
    width: 40%;
    float: right;
    text-align: right;
    padding: 13px 20px 13px 0;
    font-size: 16px;
    line-height: 16px;
}
#blog-wrapper .product-score-container .scores-list i:before {
    width: 10px;
}
#blog-wrapper .product-score-container .footer {
    float: left;
    width: 100%;
    font-size: 14px;
    padding: 20px;
    border-top: 3px solid #FFF;
}
#blog-wrapper p .original-post-button {
    margin: 10px 0 20px;
}
#blog-wrapper .original-post-button {
    border-radius: 4px;
    border: solid 1px #c74044;
    font-size: 14px;
    font-weight: 600;
    color: #c74044;
    padding: 6px 20px;
    display: inline-block;
    text-transform: uppercase;
    margin: 10px 25px 20px;
}
#blog-wrapper .original-post-button span {
    margin-right: 7px;
    vertical-align: baseline;
}
#blog-wrapper .original-post-button img {
    vertical-align: baseline;
}
#blog-wrapper .original-post-button a, #blog-wrapper .original-post-button a:hover, #blog-wrapper .original-post-button a:focus, #blog-wrapper .original-post-button a:active {
    color: #c74044;
}
#blog-wrapper .commentlist {
    border-top: 3px solid #f5f5f5;
    margin: 0 -25px;
    padding: 25px;
    width: calc(100% + 50px);
    list-style: none;
}
#blog-wrapper .commentlist .comment-author {
    display: block;
    line-height: 10px;
}
#blog-wrapper .commentlist .comment-author p {
    color: #000;
    margin-top: 0;
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 5px;
    text-transform: capitalize;
}
#blog-wrapper .commentlist .comment-author time {
    font-size: 12px;
    font-weight: normal;
    font-style: italic;
    color: #acacac;
}
#blog-wrapper .commentlist .media-object-section {
    display: inline-block;
    margin-right: 10px;
    vertical-align: middle;
}
#blog-wrapper .commentlist .media-object-section img {
    width: 34px;
    height: auto;
    display: block;
    border-radius: 50%;
}
#blog-wrapper .commentlist .comment-content {
    font-size: 13px;
    line-height: 1.53;
    color: #484848;
    margin-top: 0;
    font-weight: 400;
}
#blog-wrapper .commentlist .comment-content .image {
    display: inline-block;
    vertical-align: baseline;
}
#blog-wrapper .commentlist .children {
    padding-left: 20px;
    border-left: 1px solid #ddd;
    margin-left: 0;
    margin-bottom: 20px;
}
#blog-wrapper .commentlist .comment-text {
    margin-bottom: 40px;
}
#blog-wrapper .commentlist .comment-reply-link {
    font-size: 11px;
    color: #5c5c5c;
    display: inline-block;
    vertical-align: baseline;
    text-transform: uppercase;
    cursor: pointer;
    font-weight: 700;
    margin-left: 4px;
}
#blog-wrapper .content-not-found {
    text-align: center;
    margin-top: 90px;
}
#blog-wrapper .content-not-found .not-found-icon-container img {
    width: 42px;
    margin-bottom: 25px;
}
#blog-wrapper .content-not-found .not-found-form-container .title {
    font-size: 18px;
    font-weight: 800;
    color: #373737;
    margin-bottom: 3px;
    text-transform: uppercase;
    line-height: 1.2;
}
#blog-wrapper .content-not-found .not-found-form-container .text {
    font-size: 12px;
}
#blog-wrapper .content-not-found .search {
    margin-top: 50px;
}
#blog-wrapper .content-not-found .search-container {
    position: relative;
    margin: 0 auto;
    max-width: 420px;
}
#blog-wrapper .content-not-found .search-container .search-field {
    height: 40px;
    background-color: #ffffff;
    color: #646464;
    border: 0 none;
    box-shadow: 0 0 0 0 transparent;
    border-radius: 21px 0 0 21px;
    padding: 0 70px 0 50px;
}
#blog-wrapper .content-not-found .search-container .search-glass {
    cursor: pointer;
    position: absolute;
    top: 50%;
    left: 16px;
    transform: translate(0, -50%);
    color: #cacaca;
    font-family: "mc-icons";
}
#blog-wrapper .content-not-found .search-container .search-submit {
    position: absolute;
    background-color: #c74044;
    top: 0;
    right: 0;
    color: #FFF;
    border-radius: 0 21px 21px 0;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    border: 0 none;
    padding: 12px 20px;
    cursor: pointer;
}

/********************************
    TABLET
********************************/
@media (max-width: 1200px) {
    #blog-wrapper .slider-featured-posts-container {
        padding: 0 18px 0 15px;
    }
    #blog-wrapper .shopping-guide .topic-title .left-side {
        padding: 0px 15px 0 35px;
    }
    #blog-wrapper .shopping-guide .topic-title .right-side {
        padding: 0px 48px 0 25px;
    }
    #blog-wrapper .shopping-guide .right-content {
        padding: 0 20px;
    }
    #blog-wrapper .shopping-guide .left-content {
        padding: 0 20px;
    }
}
@media (max-width: 1024px) {
    #blog-wrapper .content-not-found {
        margin-top: 50px;
    }
    #blog-wrapper .carousel-container .prev, #blog-wrapper .carousel-container .next {
        border: 3px solid #FFF;
        padding: 6px 0;
        width: 35px;
    }
    #blog-wrapper .carousel-container .prev {
        left: -10px;
    }
    #blog-wrapper .carousel-container .next {
        right: -10px;
    }
}
@media (max-width: 1023px) {
    #blog-wrapper .tcon {
        display: flex;
    }
    #blog-wrapper .menu-mobile-container {
        display: block;
    }
    #blog-wrapper .page-title {
        margin-top: 0;
    }
    #blog-wrapper .article-header {
        margin-top: 10px;
    }
    #blog-wrapper .menu-mobile-container nav li {
        padding: 10px 15px 8px;
    }
    #blog-wrapper .inner-content {
        padding: 0 15px;
    }
    #blog-wrapper .inner-content .breadcrumbs {
        display: none;
    }
    #blog-wrapper .subscribe-rss-container {
        padding: 0 15px;
    }
    #blog-wrapper .subscribe-rss-container .newsletter-container {
        margin-top: 20px;
    }
    #blog-wrapper .categories-menu {
        padding: 0 15px;
    }
    #blog-wrapper .left-content {
        width: 100%;
        margin-right: 0;
    }
    #blog-wrapper .right-content {
        width: 100%;
    }
    #blog-wrapper .right-content .subscribe-rss-container, #blog-wrapper .right-content nav {
        display: none;
    }
    #blog-wrapper .sidebar-block {
        width: 50%;
        float: left;
    }
    #blog-wrapper .sidebar-block:first-child {
        padding-right: 30px;
    }
    #blog-wrapper .related-products {
        float: right;
        padding-right: 0 !important;
    }
    #blog-wrapper .mini-posts-container {
        margin-top: 20px;
    }
    #blog-wrapper .social-media-sidebar.twitter {
        float: right;
    }
    #blog-wrapper .social-media-container {
        clear: both;
    }
    #blog-wrapper .social-media-sidebar.instagram {
        padding-right: 20px;
    }
    #blog-wrapper .single-post .mini-posts-container {
        padding-right: 30px;
    }
    #blog-wrapper .shopping-guide-nav li:first-child {
        margin: 2px 0;
    }
    #blog-wrapper .shopping-guide .inner-content {
        padding: 0 15px;
    }
    #blog-wrapper .shopping-guide .inner-content .breadcrumbs {
        display: none;
    }
    #blog-wrapper .shopping-guide .inner-content.related {
        padding: 0;
    }
    #blog-wrapper .shopping-guide .inner-content.related .right-content {
        padding: 0 15px;
    }
    #blog-wrapper .shopping-guide .left-content, #blog-wrapper .shopping-guide .right-content {
        width: 100%;
        margin-right: 0;
        padding: 0;
    }
    #blog-wrapper .shopping-guide .right-content {
        margin: 0px 0 30px 33px;
    }
    #blog-wrapper .shopping-guide .shopping-guide-nav ul {
        padding: 0;
    }
    #blog-wrapper .shopping-guide .topic-title-container {
        margin-top: 0;
    }
    #blog-wrapper .shopping-guide .topic-title {
        padding-top: 10px;
        padding-bottom: 20px;
        text-align: left;
        font-size: 13px;
        width: 100%;
    }
    #blog-wrapper .shopping-guide .topic-title .left-side {
        display: none;
    }
    #blog-wrapper .shopping-guide .topic-title .right-side {
        width: 100%;
        margin: 0 auto;
        float: none;
        padding: 5px 15px;
    }
    #blog-wrapper .shopping-guide .topic-title .right-side .header {
        font-size: 21px;
        display: inline;
    }
    #blog-wrapper .shopping-guide .topic-title .right-side .header .subtitle {
        display: inline-block;
        font-size: 15px;
        margin-left: 3px;
    }
    #blog-wrapper .shopping-guide .topic-title .right-side .header .title {
        display: block;
        margin-right: 15px;
        margin-top: 5px;
        line-height: 1.24;
    }
    #blog-wrapper .shopping-guide .topic-title .right-side p {
        margin: 16px 0;
    }
    #blog-wrapper .shopping-guide .topic-title .right-side img {
        margin-top: 5px;
        display: inline-block;
        height: 18px;
        width: 16px;
    }
}
/********************************
    MOBILE
********************************/
@media (max-width: 767px) {
    #blog-wrapper .main-post .title-container h1 {
        font-size: 28px;
        margin: 5px 0;
    }
    #blog-wrapper .products-shortcode-container {
        padding: 25px 0;
    }
    #blog-wrapper .big-post {
        margin-bottom: 25px;
    }
    #blog-wrapper .big-post h2 {
        font-size: 20px;
    }
    #blog-wrapper .left-content {
        padding: 0 0 30px 0;
    }
    #blog-wrapper .right-content {
        padding: 0;
    }
    #blog-wrapper .page-title {
        line-height: 1;
    }
    #blog-wrapper .page-title img {
        height: 20px;
        margin-right: 0;
    }
    #blog-wrapper .page-title span {
        font-size: 24px;
    }
    #blog-wrapper .content-not-found {
        margin-top: 30px;
    }
    #blog-wrapper .menu-mobile-container .breadcrumbs > span:last-child:not(:nth-child(3)) {
        display: none;
    }
    #blog-wrapper .menu-mobile-container .breadcrumbs > span:nth-last-child(2):after {
        content: "";
    }
    #blog-wrapper .social-media-sidebar img.large {
        display: none;
    }
    #blog-wrapper .social-media-sidebar img.small {
        display: inline-block;
        max-width: 130px;
        border-radius: 3px;
        width: 32%;
    }
    #blog-wrapper .carousel-container .thumbnail-image {
        height: 60px;
    }
    #blog-wrapper .carousel-container .slick-center {
        box-shadow: inset 0 0 0 2px #c74044;
    }
    #blog-wrapper .product-score-container {
        margin: 30px 15px !important;
        width: calc(100% - 30px);
    }
    #blog-wrapper .compare-shortcode-container-wrapper {
        margin: 35px 15px;
        overflow: scroll;
    }
    #blog-wrapper .table-content a {
        margin: -1px 0 0 0 !important;
        width: 100%;
    }
    #blog-wrapper .entry-content > * {
        clear: both;
    }
    #blog-wrapper .entry-content > p {
        padding: 0 15px;
    }
    #blog-wrapper .entry-content > p > img {
        margin-left: -15px;
        width: calc(100% + 30px);
    }
    #blog-wrapper .entry-content h2 {
        margin: 30px 15px;
    }
    #blog-wrapper .original-post-button {
        margin-left: 15px;
    }
    #blog-wrapper .paginate-link-container {
        margin-top: 0;
    }
    #blog-wrapper .section-separator-title {
        margin-bottom: 20px;
    }
    #blog-wrapper .section-separator-title span {
        display: none;
    }
    #blog-wrapper .sidebar-block {
        width: 100%;
        float: left;
    }
    #blog-wrapper .article-header {
        padding-left: 15px;
    }
    #blog-wrapper .article-header h1 {
        font-size: 24px;
        line-height: 1.17;
        margin-bottom: 0;
    }
    #blog-wrapper .posts-date-category img {
        margin-bottom: -2px;
    }
    #blog-wrapper .big-post {
        text-align: left;
    }
    #blog-wrapper .big-post .title-container {
        padding: 20px 20px 10px;
    }
    #blog-wrapper .big-post .text-container {
        padding: 20px;
    }
    #blog-wrapper .compare-shortcode-container {
        min-width: 720px;
    }
}
@media (max-width: 639px) {
    #blog-wrapper .products-shortcode-container.single .product-container {
        padding: 25px;
    }
    #blog-wrapper .products-shortcode-container.single .image {
        text-align: center;
        margin-bottom: 20px;
        width: 120px;
    }
    #blog-wrapper .products-shortcode-container.single .image img {
        max-width: 100%;
    }
    #blog-wrapper .products-shortcode-container.single .details {
        text-align: center;
    }
    #blog-wrapper .products-shortcode-container.single .details .price {
        font-size: 18px;
    }
    #blog-wrapper .products-shortcode-container.single .details .name {
        font-size: 15px;
        font-weight: 600;
    }
    #blog-wrapper .products-shortcode-container.single .details .star-rating {
        font-size: 12px;
    }
    #blog-wrapper .products-shortcode-container.single .details .star-rating i:before {
        width: 8px;
    }
}
/********************************
    Menu icon mobile
********************************/
.tcon {
    appearance: none;
    border: none;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 15px;
    transition: 0.3s;
    user-select: none;
    width: 15px;
    background: transparent;
    outline: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-tap-highlight-color: transparent;
    position: absolute;
    top: 9px;
    right: 5px;
    z-index: 2;
    color: red;
    padding: 10px;
    box-sizing: initial;
}
.tcon > * {
    display: block;
}
.tcon:hover, .tcon:focus {
    outline: none;
}
.tcon::-moz-focus-inner {
    border: 0;
}
.tcon.tcon-transform.home {
    top: 4px !important;
}

.tcon-menu__lines {
    display: inline-block;
    height: 2.1428571429px;
    width: 15px;
    border-radius: 1.0714285714px;
    transition: 0.3s;
    background: #c74044;
    position: relative;
}
.tcon-menu__lines::before, .tcon-menu__lines::after {
    display: inline-block;
    height: 2.1428571429px;
    width: 15px;
    border-radius: 1.0714285714px;
    transition: 0.3s;
    background: #c74044;
    content: "";
    position: absolute;
    left: 0;
    transform-origin: 1.0714285714px center;
    width: 100%;
}
.tcon-menu__lines::before {
    top: 6px;
}
.tcon-menu__lines::after {
    top: -6px;
}
.tcon-transform .tcon-menu__lines {
    transform: scale3d(0.8, 0.8, 0.8);
}

.tcon-menu--arrow {
    width: auto;
}
.tcon-menu--arrow.tcon-transform .tcon-menu__lines::before, .tcon-menu--arrow.tcon-transform .tcon-menu__lines::after {
    top: 0;
    width: 8.3333333333px;
}
.tcon-menu--arrow.tcon-transform .tcon-menu__lines::before {
    transform: rotate3d(0, 0, 1, 45deg);
}
.tcon-menu--arrow.tcon-transform .tcon-menu__lines::after {
    transform: rotate3d(0, 0, 1, -45deg);
}

.tcon-menu--arrowup {
    width: auto;
}
.tcon-menu--arrowup.tcon-transform {
    transform: scale3d(0.8, 0.8, 0.8) rotate3d(0, 0, 1, 90deg);
}

.tcon-visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}
.tcon-visuallyhidden:active, .tcon-visuallyhidden:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

.tcon.white .tcon-menu__lines {
    background: #FFF;
}
.tcon.white .tcon-menu__lines::after {
    background: #FFF;
}
.tcon.white .tcon-menu__lines::before {
    background: #FFF;
}

.tcon-transform.white .tcon-menu__lines {
    background: #c74044;
}
.tcon-transform.white .tcon-menu__lines::after {
    background: #c74044;
}
.tcon-transform.white .tcon-menu__lines::before {
    background: #c74044;
}

/*# sourceMappingURL=motocard-style-24jul.css.map */

:root {
    --swiper-pagination-color: hsla(0, 0%, 100%, .8)
}

/*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */
html {
    line-height: 1.15
}

body {
    margin: 0
}

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

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

figcaption, figure, main {
    display: block
}

figure {
    margin: 1em 40px
}

hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible
}

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

a {
    -webkit-text-decoration-skip: objects;
    background-color: transparent
}

abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted
}

b, strong {
    font-weight: inherit;
    font-weight: bolder
}

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

dfn {
    font-style: italic
}

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

small {
    font-size: 80%
}

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

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

audio, video {
    display: inline-block
}

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

img {
    border-style: none
}

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

button, input, optgroup, select, textarea {
    font-family: sans-serif;
    font-size: 100%;
    line-height: 1.15;
    margin: 0
}

button, input {
    overflow: visible
}

button, select {
    text-transform: none
}

[type=reset], [type=submit], button, html [type=button] {
    -webkit-appearance: none
}

[type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner, button::-moz-focus-inner {
    border-style: none;
    padding: 0
}

[type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring, button:-moz-focusring {
    outline: 1px dotted ButtonText
}

fieldset {
    padding: .35em .75em .625em
}

legend {
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal
}

progress {
    display: inline-block;
    vertical-align: baseline
}

textarea {
    overflow: auto
}

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

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

[type=search] {
    -webkit-appearance: textfield;
    outline-offset: -2px
}

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

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

details, menu {
    display: block
}

summary {
    display: list-item
}

canvas {
    display: inline-block
}

[hidden], template {
    display: none
}

.container {
    margin: 0 auto;
    max-width: 1280px;
    width: 95%
}

.col .row {
    margin-left: -.75rem;
    margin-right: -.75rem
}

.section {
    padding-bottom: 1rem;
    padding-top: 1rem
}

.section.no-pad {
    padding: 0
}

.section.no-pad-bot {
    padding-bottom: 0
}

.section.no-pad-top {
    padding-top: 0
}

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

.row:after {
    clear: both;
    content: "";
    display: table
}

.row .col {
    box-sizing: border-box;
    float: left;
    min-height: 1px;
    padding: 0 .375rem
}

.row .col[class*=pull-], .row .col[class*=push-] {
    position: relative
}

.row .col.s1 {
    width: 8.3333333333%
}

.row .col.s1, .row .col.s2 {
    left: auto;
    margin-left: auto;
    right: auto
}

.row .col.s2 {
    width: 16.6666666667%
}

.row .col.s3 {
    width: 25%
}

.row .col.s3, .row .col.s4 {
    left: auto;
    margin-left: auto;
    right: auto
}

.row .col.s4 {
    width: 33.3333333333%
}

.row .col.s5 {
    width: 41.6666666667%
}

.row .col.s5, .row .col.s6 {
    left: auto;
    margin-left: auto;
    right: auto
}

.row .col.s6 {
    width: 50%
}

.row .col.s7 {
    width: 58.3333333333%
}

.row .col.s7, .row .col.s8 {
    left: auto;
    margin-left: auto;
    right: auto
}

.row .col.s8 {
    width: 66.6666666667%
}

.row .col.s9 {
    width: 75%
}

.row .col.s10, .row .col.s9 {
    left: auto;
    margin-left: auto;
    right: auto
}

.row .col.s10 {
    width: 83.3333333333%
}

.row .col.s11 {
    width: 91.6666666667%
}

.row .col.s11, .row .col.s12 {
    left: auto;
    margin-left: auto;
    right: auto
}

.row .col.s12 {
    width: 100%
}

.row .col.offset-s1 {
    margin-left: 8.3333333333%
}

.row .col.pull-s1 {
    right: 8.3333333333%
}

.row .col.push-s1 {
    left: 8.3333333333%
}

.row .col.offset-s2 {
    margin-left: 16.6666666667%
}

.row .col.pull-s2 {
    right: 16.6666666667%
}

.row .col.push-s2 {
    left: 16.6666666667%
}

.row .col.offset-s3 {
    margin-left: 25%
}

.row .col.pull-s3 {
    right: 25%
}

.row .col.push-s3 {
    left: 25%
}

.row .col.offset-s4 {
    margin-left: 33.3333333333%
}

.row .col.pull-s4 {
    right: 33.3333333333%
}

.row .col.push-s4 {
    left: 33.3333333333%
}

.row .col.offset-s5 {
    margin-left: 41.6666666667%
}

.row .col.pull-s5 {
    right: 41.6666666667%
}

.row .col.push-s5 {
    left: 41.6666666667%
}

.row .col.offset-s6 {
    margin-left: 50%
}

.row .col.pull-s6 {
    right: 50%
}

.row .col.push-s6 {
    left: 50%
}

.row .col.offset-s7 {
    margin-left: 58.3333333333%
}

.row .col.pull-s7 {
    right: 58.3333333333%
}

.row .col.push-s7 {
    left: 58.3333333333%
}

.row .col.offset-s8 {
    margin-left: 66.6666666667%
}

.row .col.pull-s8 {
    right: 66.6666666667%
}

.row .col.push-s8 {
    left: 66.6666666667%
}

.row .col.offset-s9 {
    margin-left: 75%
}

.row .col.pull-s9 {
    right: 75%
}

.row .col.push-s9 {
    left: 75%
}

.row .col.offset-s10 {
    margin-left: 83.3333333333%
}

.row .col.pull-s10 {
    right: 83.3333333333%
}

.row .col.push-s10 {
    left: 83.3333333333%
}

.row .col.offset-s11 {
    margin-left: 91.6666666667%
}

.row .col.pull-s11 {
    right: 91.6666666667%
}

.row .col.push-s11 {
    left: 91.6666666667%
}

.row .col.offset-s12 {
    margin-left: 100%
}

.row .col.pull-s12 {
    right: 100%
}

.row .col.push-s12 {
    left: 100%
}

@media only screen and (min-width: 601px) {
    .row .col.m1 {
        width: 8.3333333333%
    }

    .row .col.m1, .row .col.m2 {
        left: auto;
        margin-left: auto;
        right: auto
    }

    .row .col.m2 {
        width: 16.6666666667%
    }

    .row .col.m3 {
        width: 25%
    }

    .row .col.m3, .row .col.m4 {
        left: auto;
        margin-left: auto;
        right: auto
    }

    .row .col.m4 {
        width: 33.3333333333%
    }

    .row .col.m5 {
        width: 41.6666666667%
    }

    .row .col.m5, .row .col.m6 {
        left: auto;
        margin-left: auto;
        right: auto
    }

    .row .col.m6 {
        width: 50%
    }

    .row .col.m7 {
        width: 58.3333333333%
    }

    .row .col.m7, .row .col.m8 {
        left: auto;
        margin-left: auto;
        right: auto
    }

    .row .col.m8 {
        width: 66.6666666667%
    }

    .row .col.m9 {
        width: 75%
    }

    .row .col.m10, .row .col.m9 {
        left: auto;
        margin-left: auto;
        right: auto
    }

    .row .col.m10 {
        width: 83.3333333333%
    }

    .row .col.m11 {
        width: 91.6666666667%
    }

    .row .col.m11, .row .col.m12 {
        left: auto;
        margin-left: auto;
        right: auto
    }

    .row .col.m12 {
        width: 100%
    }

    .row .col.offset-m1 {
        margin-left: 8.3333333333%
    }

    .row .col.pull-m1 {
        right: 8.3333333333%
    }

    .row .col.push-m1 {
        left: 8.3333333333%
    }

    .row .col.offset-m2 {
        margin-left: 16.6666666667%
    }

    .row .col.pull-m2 {
        right: 16.6666666667%
    }

    .row .col.push-m2 {
        left: 16.6666666667%
    }

    .row .col.offset-m3 {
        margin-left: 25%
    }

    .row .col.pull-m3 {
        right: 25%
    }

    .row .col.push-m3 {
        left: 25%
    }

    .row .col.offset-m4 {
        margin-left: 33.3333333333%
    }

    .row .col.pull-m4 {
        right: 33.3333333333%
    }

    .row .col.push-m4 {
        left: 33.3333333333%
    }

    .row .col.offset-m5 {
        margin-left: 41.6666666667%
    }

    .row .col.pull-m5 {
        right: 41.6666666667%
    }

    .row .col.push-m5 {
        left: 41.6666666667%
    }

    .row .col.offset-m6 {
        margin-left: 50%
    }

    .row .col.pull-m6 {
        right: 50%
    }

    .row .col.push-m6 {
        left: 50%
    }

    .row .col.offset-m7 {
        margin-left: 58.3333333333%
    }

    .row .col.pull-m7 {
        right: 58.3333333333%
    }

    .row .col.push-m7 {
        left: 58.3333333333%
    }

    .row .col.offset-m8 {
        margin-left: 66.6666666667%
    }

    .row .col.pull-m8 {
        right: 66.6666666667%
    }

    .row .col.push-m8 {
        left: 66.6666666667%
    }

    .row .col.offset-m9 {
        margin-left: 75%
    }

    .row .col.pull-m9 {
        right: 75%
    }

    .row .col.push-m9 {
        left: 75%
    }

    .row .col.offset-m10 {
        margin-left: 83.3333333333%
    }

    .row .col.pull-m10 {
        right: 83.3333333333%
    }

    .row .col.push-m10 {
        left: 83.3333333333%
    }

    .row .col.offset-m11 {
        margin-left: 91.6666666667%
    }

    .row .col.pull-m11 {
        right: 91.6666666667%
    }

    .row .col.push-m11 {
        left: 91.6666666667%
    }

    .row .col.offset-m12 {
        margin-left: 100%
    }

    .row .col.pull-m12 {
        right: 100%
    }

    .row .col.push-m12 {
        left: 100%
    }
}

@media only screen and (min-width: 993px) {
    .row .col.l1 {
        width: 8.3333333333%
    }

    .row .col.l1, .row .col.l2 {
        left: auto;
        margin-left: auto;
        right: auto
    }

    .row .col.l2 {
        width: 16.6666666667%
    }

    .row .col.l3 {
        width: 25%
    }

    .row .col.l3, .row .col.l4 {
        left: auto;
        margin-left: auto;
        right: auto
    }

    .row .col.l4 {
        width: 33.3333333333%
    }

    .row .col.l5 {
        width: 41.6666666667%
    }

    .row .col.l5, .row .col.l6 {
        left: auto;
        margin-left: auto;
        right: auto
    }

    .row .col.l6 {
        width: 50%
    }

    .row .col.l7 {
        width: 58.3333333333%
    }

    .row .col.l7, .row .col.l8 {
        left: auto;
        margin-left: auto;
        right: auto
    }

    .row .col.l8 {
        width: 66.6666666667%
    }

    .row .col.l9 {
        width: 75%
    }

    .row .col.l10, .row .col.l9 {
        left: auto;
        margin-left: auto;
        right: auto
    }

    .row .col.l10 {
        width: 83.3333333333%
    }

    .row .col.l11 {
        width: 91.6666666667%
    }

    .row .col.l11, .row .col.l12 {
        left: auto;
        margin-left: auto;
        right: auto
    }

    .row .col.l12 {
        width: 100%
    }

    .row .col.offset-l1 {
        margin-left: 8.3333333333%
    }

    .row .col.pull-l1 {
        right: 8.3333333333%
    }

    .row .col.push-l1 {
        left: 8.3333333333%
    }

    .row .col.offset-l2 {
        margin-left: 16.6666666667%
    }

    .row .col.pull-l2 {
        right: 16.6666666667%
    }

    .row .col.push-l2 {
        left: 16.6666666667%
    }

    .row .col.offset-l3 {
        margin-left: 25%
    }

    .row .col.pull-l3 {
        right: 25%
    }

    .row .col.push-l3 {
        left: 25%
    }

    .row .col.offset-l4 {
        margin-left: 33.3333333333%
    }

    .row .col.pull-l4 {
        right: 33.3333333333%
    }

    .row .col.push-l4 {
        left: 33.3333333333%
    }

    .row .col.offset-l5 {
        margin-left: 41.6666666667%
    }

    .row .col.pull-l5 {
        right: 41.6666666667%
    }

    .row .col.push-l5 {
        left: 41.6666666667%
    }

    .row .col.offset-l6 {
        margin-left: 50%
    }

    .row .col.pull-l6 {
        right: 50%
    }

    .row .col.push-l6 {
        left: 50%
    }

    .row .col.offset-l7 {
        margin-left: 58.3333333333%
    }

    .row .col.pull-l7 {
        right: 58.3333333333%
    }

    .row .col.push-l7 {
        left: 58.3333333333%
    }

    .row .col.offset-l8 {
        margin-left: 66.6666666667%
    }

    .row .col.pull-l8 {
        right: 66.6666666667%
    }

    .row .col.push-l8 {
        left: 66.6666666667%
    }

    .row .col.offset-l9 {
        margin-left: 75%
    }

    .row .col.pull-l9 {
        right: 75%
    }

    .row .col.push-l9 {
        left: 75%
    }

    .row .col.offset-l10 {
        margin-left: 83.3333333333%
    }

    .row .col.pull-l10 {
        right: 83.3333333333%
    }

    .row .col.push-l10 {
        left: 83.3333333333%
    }

    .row .col.offset-l11 {
        margin-left: 91.6666666667%
    }

    .row .col.pull-l11 {
        right: 91.6666666667%
    }

    .row .col.push-l11 {
        left: 91.6666666667%
    }

    .row .col.offset-l12 {
        margin-left: 100%
    }

    .row .col.pull-l12 {
        right: 100%
    }

    .row .col.push-l12 {
        left: 100%
    }
}

@media only screen and (min-width: 1281px) {
    .row .col.xl1 {
        width: 8.3333333333%
    }

    .row .col.xl1, .row .col.xl2 {
        left: auto;
        margin-left: auto;
        right: auto
    }

    .row .col.xl2 {
        width: 16.6666666667%
    }

    .row .col.xl3 {
        width: 25%
    }

    .row .col.xl3, .row .col.xl4 {
        left: auto;
        margin-left: auto;
        right: auto
    }

    .row .col.xl4 {
        width: 33.3333333333%
    }

    .row .col.xl5 {
        width: 41.6666666667%
    }

    .row .col.xl5, .row .col.xl6 {
        left: auto;
        margin-left: auto;
        right: auto
    }

    .row .col.xl6 {
        width: 50%
    }

    .row .col.xl7 {
        width: 58.3333333333%
    }

    .row .col.xl7, .row .col.xl8 {
        left: auto;
        margin-left: auto;
        right: auto
    }

    .row .col.xl8 {
        width: 66.6666666667%
    }

    .row .col.xl9 {
        width: 75%
    }

    .row .col.xl10, .row .col.xl9 {
        left: auto;
        margin-left: auto;
        right: auto
    }

    .row .col.xl10 {
        width: 83.3333333333%
    }

    .row .col.xl11 {
        width: 91.6666666667%
    }

    .row .col.xl11, .row .col.xl12 {
        left: auto;
        margin-left: auto;
        right: auto
    }

    .row .col.xl12 {
        width: 100%
    }

    .row .col.offset-xl1 {
        margin-left: 8.3333333333%
    }

    .row .col.pull-xl1 {
        right: 8.3333333333%
    }

    .row .col.push-xl1 {
        left: 8.3333333333%
    }

    .row .col.offset-xl2 {
        margin-left: 16.6666666667%
    }

    .row .col.pull-xl2 {
        right: 16.6666666667%
    }

    .row .col.push-xl2 {
        left: 16.6666666667%
    }

    .row .col.offset-xl3 {
        margin-left: 25%
    }

    .row .col.pull-xl3 {
        right: 25%
    }

    .row .col.push-xl3 {
        left: 25%
    }

    .row .col.offset-xl4 {
        margin-left: 33.3333333333%
    }

    .row .col.pull-xl4 {
        right: 33.3333333333%
    }

    .row .col.push-xl4 {
        left: 33.3333333333%
    }

    .row .col.offset-xl5 {
        margin-left: 41.6666666667%
    }

    .row .col.pull-xl5 {
        right: 41.6666666667%
    }

    .row .col.push-xl5 {
        left: 41.6666666667%
    }

    .row .col.offset-xl6 {
        margin-left: 50%
    }

    .row .col.pull-xl6 {
        right: 50%
    }

    .row .col.push-xl6 {
        left: 50%
    }

    .row .col.offset-xl7 {
        margin-left: 58.3333333333%
    }

    .row .col.pull-xl7 {
        right: 58.3333333333%
    }

    .row .col.push-xl7 {
        left: 58.3333333333%
    }

    .row .col.offset-xl8 {
        margin-left: 66.6666666667%
    }

    .row .col.pull-xl8 {
        right: 66.6666666667%
    }

    .row .col.push-xl8 {
        left: 66.6666666667%
    }

    .row .col.offset-xl9 {
        margin-left: 75%
    }

    .row .col.pull-xl9 {
        right: 75%
    }

    .row .col.push-xl9 {
        left: 75%
    }

    .row .col.offset-xl10 {
        margin-left: 83.3333333333%
    }

    .row .col.pull-xl10 {
        right: 83.3333333333%
    }

    .row .col.push-xl10 {
        left: 83.3333333333%
    }

    .row .col.offset-xl11 {
        margin-left: 91.6666666667%
    }

    .row .col.pull-xl11 {
        right: 91.6666666667%
    }

    .row .col.push-xl11 {
        left: 91.6666666667%
    }

    .row .col.offset-xl12 {
        margin-left: 100%
    }

    .row .col.pull-xl12 {
        right: 100%
    }

    .row .col.push-xl12 {
        left: 100%
    }
}

select:focus {
    outline: 1px solid #d8f2d5
}

button:focus {
    background-color: transparent;
    outline: none
}

::-webkit-input-placeholder {
    color: #999
}

::-moz-placeholder {
    color: #999
}

:-ms-input-placeholder {
    color: #999
}

::-ms-input-placeholder {
    color: #999
}

::placeholder {
    color: #999
}

input:not([type]), input[type=date]:not(.browser-default), input[type=datetime-local]:not(.browser-default), input[type=datetime]:not(.browser-default), input[type=email]:not(.browser-default), input[type=number]:not(.browser-default), input[type=password]:not(.browser-default), input[type=search]:not(.browser-default), input[type=tel]:not(.browser-default), input[type=text]:not(.browser-default), input[type=time]:not(.browser-default), input[type=url]:not(.browser-default), textarea.materialize-textarea {
    background-color: transparent;
    border: 1px solid #000;
    border-radius: 0;
    box-shadow: none;
    box-sizing: content-box;
    font-size: 15px;
    height: 3rem;
    margin: 0 0 8px;
    outline: none;
    padding: 15px;
    width: 100%
}

input:not([type]):disabled, input:not([type])[readonly=readonly], input[type=date]:not(.browser-default):disabled, input[type=date]:not(.browser-default)[readonly=readonly], input[type=datetime-local]:not(.browser-default):disabled, input[type=datetime-local]:not(.browser-default)[readonly=readonly], input[type=datetime]:not(.browser-default):disabled, input[type=datetime]:not(.browser-default)[readonly=readonly], input[type=email]:not(.browser-default):disabled, input[type=email]:not(.browser-default)[readonly=readonly], input[type=number]:not(.browser-default):disabled, input[type=number]:not(.browser-default)[readonly=readonly], input[type=password]:not(.browser-default):disabled, input[type=password]:not(.browser-default)[readonly=readonly], input[type=search]:not(.browser-default):disabled, input[type=search]:not(.browser-default)[readonly=readonly], input[type=tel]:not(.browser-default):disabled, input[type=tel]:not(.browser-default)[readonly=readonly], input[type=text]:not(.browser-default):disabled, input[type=text]:not(.browser-default)[readonly=readonly], input[type=time]:not(.browser-default):disabled, input[type=time]:not(.browser-default)[readonly=readonly], input[type=url]:not(.browser-default):disabled, input[type=url]:not(.browser-default)[readonly=readonly], textarea.materialize-textarea:disabled, textarea.materialize-textarea[readonly=readonly] {
    border-bottom: 1px dotted rgba(0, 0, 0, .42);
    color: rgba(0, 0, 0, .42)
}

input:not([type]):disabled + label, input:not([type])[readonly=readonly] + label, input[type=date]:not(.browser-default):disabled + label, input[type=date]:not(.browser-default)[readonly=readonly] + label, input[type=datetime-local]:not(.browser-default):disabled + label, input[type=datetime-local]:not(.browser-default)[readonly=readonly] + label, input[type=datetime]:not(.browser-default):disabled + label, input[type=datetime]:not(.browser-default)[readonly=readonly] + label, input[type=email]:not(.browser-default):disabled + label, input[type=email]:not(.browser-default)[readonly=readonly] + label, input[type=number]:not(.browser-default):disabled + label, input[type=number]:not(.browser-default)[readonly=readonly] + label, input[type=password]:not(.browser-default):disabled + label, input[type=password]:not(.browser-default)[readonly=readonly] + label, input[type=search]:not(.browser-default):disabled + label, input[type=search]:not(.browser-default)[readonly=readonly] + label, input[type=tel]:not(.browser-default):disabled + label, input[type=tel]:not(.browser-default)[readonly=readonly] + label, input[type=text]:not(.browser-default):disabled + label, input[type=text]:not(.browser-default)[readonly=readonly] + label, input[type=time]:not(.browser-default):disabled + label, input[type=time]:not(.browser-default)[readonly=readonly] + label, input[type=url]:not(.browser-default):disabled + label, input[type=url]:not(.browser-default)[readonly=readonly] + label, textarea.materialize-textarea:disabled + label, textarea.materialize-textarea[readonly=readonly] + label {
    color: rgba(0, 0, 0, .42)
}

input:not([type]):focus:not([readonly]), input[type=date]:not(.browser-default):focus:not([readonly]), input[type=datetime-local]:not(.browser-default):focus:not([readonly]), input[type=datetime]:not(.browser-default):focus:not([readonly]), input[type=email]:not(.browser-default):focus:not([readonly]), input[type=number]:not(.browser-default):focus:not([readonly]), input[type=password]:not(.browser-default):focus:not([readonly]), input[type=search]:not(.browser-default):focus:not([readonly]), input[type=tel]:not(.browser-default):focus:not([readonly]), input[type=text]:not(.browser-default):focus:not([readonly]), input[type=time]:not(.browser-default):focus:not([readonly]), input[type=url]:not(.browser-default):focus:not([readonly]), textarea.materialize-textarea:focus:not([readonly]) {
    border-bottom: 1px solid #41a334;
    box-shadow: 0 1px 0 0 #41a334
}

input:not([type]):focus:not([readonly]) + label, input[type=date]:not(.browser-default):focus:not([readonly]) + label, input[type=datetime-local]:not(.browser-default):focus:not([readonly]) + label, input[type=datetime]:not(.browser-default):focus:not([readonly]) + label, input[type=email]:not(.browser-default):focus:not([readonly]) + label, input[type=number]:not(.browser-default):focus:not([readonly]) + label, input[type=password]:not(.browser-default):focus:not([readonly]) + label, input[type=search]:not(.browser-default):focus:not([readonly]) + label, input[type=tel]:not(.browser-default):focus:not([readonly]) + label, input[type=text]:not(.browser-default):focus:not([readonly]) + label, input[type=time]:not(.browser-default):focus:not([readonly]) + label, input[type=url]:not(.browser-default):focus:not([readonly]) + label, textarea.materialize-textarea:focus:not([readonly]) + label {
    color: #41a334
}

input:not([type]):focus.valid ~ label, input[type=date]:not(.browser-default):focus.valid ~ label, input[type=datetime-local]:not(.browser-default):focus.valid ~ label, input[type=datetime]:not(.browser-default):focus.valid ~ label, input[type=email]:not(.browser-default):focus.valid ~ label, input[type=number]:not(.browser-default):focus.valid ~ label, input[type=password]:not(.browser-default):focus.valid ~ label, input[type=search]:not(.browser-default):focus.valid ~ label, input[type=tel]:not(.browser-default):focus.valid ~ label, input[type=text]:not(.browser-default):focus.valid ~ label, input[type=time]:not(.browser-default):focus.valid ~ label, input[type=url]:not(.browser-default):focus.valid ~ label, textarea.materialize-textarea:focus.valid ~ label {
    color: color("green", "base")
}

input:not([type]):focus.invalid ~ label, input[type=date]:not(.browser-default):focus.invalid ~ label, input[type=datetime-local]:not(.browser-default):focus.invalid ~ label, input[type=datetime]:not(.browser-default):focus.invalid ~ label, input[type=email]:not(.browser-default):focus.invalid ~ label, input[type=number]:not(.browser-default):focus.invalid ~ label, input[type=password]:not(.browser-default):focus.invalid ~ label, input[type=search]:not(.browser-default):focus.invalid ~ label, input[type=tel]:not(.browser-default):focus.invalid ~ label, input[type=text]:not(.browser-default):focus.invalid ~ label, input[type=time]:not(.browser-default):focus.invalid ~ label, input[type=url]:not(.browser-default):focus.invalid ~ label, textarea.materialize-textarea:focus.invalid ~ label {
    color: #f44a4a
}

input:not([type]).validate + label, input[type=date]:not(.browser-default).validate + label, input[type=datetime-local]:not(.browser-default).validate + label, input[type=datetime]:not(.browser-default).validate + label, input[type=email]:not(.browser-default).validate + label, input[type=number]:not(.browser-default).validate + label, input[type=password]:not(.browser-default).validate + label, input[type=search]:not(.browser-default).validate + label, input[type=tel]:not(.browser-default).validate + label, input[type=text]:not(.browser-default).validate + label, input[type=time]:not(.browser-default).validate + label, input[type=url]:not(.browser-default).validate + label, textarea.materialize-textarea.validate + label {
    width: 100%
}

input:not([type]).valid, input:not([type]):focus.valid, input[type=date]:not(.browser-default).valid, input[type=date]:not(.browser-default):focus.valid, input[type=datetime-local]:not(.browser-default).valid, input[type=datetime-local]:not(.browser-default):focus.valid, input[type=datetime]:not(.browser-default).valid, input[type=datetime]:not(.browser-default):focus.valid, input[type=email]:not(.browser-default).valid, input[type=email]:not(.browser-default):focus.valid, input[type=number]:not(.browser-default).valid, input[type=number]:not(.browser-default):focus.valid, input[type=password]:not(.browser-default).valid, input[type=password]:not(.browser-default):focus.valid, input[type=search]:not(.browser-default).valid, input[type=search]:not(.browser-default):focus.valid, input[type=tel]:not(.browser-default).valid, input[type=tel]:not(.browser-default):focus.valid, input[type=text]:not(.browser-default).valid, input[type=text]:not(.browser-default):focus.valid, input[type=time]:not(.browser-default).valid, input[type=time]:not(.browser-default):focus.valid, input[type=url]:not(.browser-default).valid, input[type=url]:not(.browser-default):focus.valid, textarea.materialize-textarea.valid, textarea.materialize-textarea:focus.valid {
    border-bottom: 1px solid color("green", "base");
    box-shadow: 0 1px 0 0 color("green", "base")
}

input:not([type]).invalid, input:not([type]):focus.invalid, input[type=date]:not(.browser-default).invalid, input[type=date]:not(.browser-default):focus.invalid, input[type=datetime-local]:not(.browser-default).invalid, input[type=datetime-local]:not(.browser-default):focus.invalid, input[type=datetime]:not(.browser-default).invalid, input[type=datetime]:not(.browser-default):focus.invalid, input[type=email]:not(.browser-default).invalid, input[type=email]:not(.browser-default):focus.invalid, input[type=number]:not(.browser-default).invalid, input[type=number]:not(.browser-default):focus.invalid, input[type=password]:not(.browser-default).invalid, input[type=password]:not(.browser-default):focus.invalid, input[type=search]:not(.browser-default).invalid, input[type=search]:not(.browser-default):focus.invalid, input[type=tel]:not(.browser-default).invalid, input[type=tel]:not(.browser-default):focus.invalid, input[type=text]:not(.browser-default).invalid, input[type=text]:not(.browser-default):focus.invalid, input[type=time]:not(.browser-default).invalid, input[type=time]:not(.browser-default):focus.invalid, input[type=url]:not(.browser-default).invalid, input[type=url]:not(.browser-default):focus.invalid, textarea.materialize-textarea.invalid, textarea.materialize-textarea:focus.invalid {
    border-bottom: 1px solid #f44a4a;
    box-shadow: 0 1px 0 0 #f44a4a
}

input:not([type]).invalid ~ .helper-text[data-error], input:not([type]).valid ~ .helper-text[data-success], input:not([type]):focus.invalid ~ .helper-text[data-error], input:not([type]):focus.valid ~ .helper-text[data-success], input[type=date]:not(.browser-default).invalid ~ .helper-text[data-error], input[type=date]:not(.browser-default).valid ~ .helper-text[data-success], input[type=date]:not(.browser-default):focus.invalid ~ .helper-text[data-error], input[type=date]:not(.browser-default):focus.valid ~ .helper-text[data-success], input[type=datetime-local]:not(.browser-default).invalid ~ .helper-text[data-error], input[type=datetime-local]:not(.browser-default).valid ~ .helper-text[data-success], input[type=datetime-local]:not(.browser-default):focus.invalid ~ .helper-text[data-error], input[type=datetime-local]:not(.browser-default):focus.valid ~ .helper-text[data-success], input[type=datetime]:not(.browser-default).invalid ~ .helper-text[data-error], input[type=datetime]:not(.browser-default).valid ~ .helper-text[data-success], input[type=datetime]:not(.browser-default):focus.invalid ~ .helper-text[data-error], input[type=datetime]:not(.browser-default):focus.valid ~ .helper-text[data-success], input[type=email]:not(.browser-default).invalid ~ .helper-text[data-error], input[type=email]:not(.browser-default).valid ~ .helper-text[data-success], input[type=email]:not(.browser-default):focus.invalid ~ .helper-text[data-error], input[type=email]:not(.browser-default):focus.valid ~ .helper-text[data-success], input[type=number]:not(.browser-default).invalid ~ .helper-text[data-error], input[type=number]:not(.browser-default).valid ~ .helper-text[data-success], input[type=number]:not(.browser-default):focus.invalid ~ .helper-text[data-error], input[type=number]:not(.browser-default):focus.valid ~ .helper-text[data-success], input[type=password]:not(.browser-default).invalid ~ .helper-text[data-error], input[type=password]:not(.browser-default).valid ~ .helper-text[data-success], input[type=password]:not(.browser-default):focus.invalid ~ .helper-text[data-error], input[type=password]:not(.browser-default):focus.valid ~ .helper-text[data-success], input[type=search]:not(.browser-default).invalid ~ .helper-text[data-error], input[type=search]:not(.browser-default).valid ~ .helper-text[data-success], input[type=search]:not(.browser-default):focus.invalid ~ .helper-text[data-error], input[type=search]:not(.browser-default):focus.valid ~ .helper-text[data-success], input[type=tel]:not(.browser-default).invalid ~ .helper-text[data-error], input[type=tel]:not(.browser-default).valid ~ .helper-text[data-success], input[type=tel]:not(.browser-default):focus.invalid ~ .helper-text[data-error], input[type=tel]:not(.browser-default):focus.valid ~ .helper-text[data-success], input[type=text]:not(.browser-default).invalid ~ .helper-text[data-error], input[type=text]:not(.browser-default).valid ~ .helper-text[data-success], input[type=text]:not(.browser-default):focus.invalid ~ .helper-text[data-error], input[type=text]:not(.browser-default):focus.valid ~ .helper-text[data-success], input[type=time]:not(.browser-default).invalid ~ .helper-text[data-error], input[type=time]:not(.browser-default).valid ~ .helper-text[data-success], input[type=time]:not(.browser-default):focus.invalid ~ .helper-text[data-error], input[type=time]:not(.browser-default):focus.valid ~ .helper-text[data-success], input[type=url]:not(.browser-default).invalid ~ .helper-text[data-error], input[type=url]:not(.browser-default).valid ~ .helper-text[data-success], input[type=url]:not(.browser-default):focus.invalid ~ .helper-text[data-error], input[type=url]:not(.browser-default):focus.valid ~ .helper-text[data-success], textarea.materialize-textarea.invalid ~ .helper-text[data-error], textarea.materialize-textarea.valid ~ .helper-text[data-success], textarea.materialize-textarea:focus.invalid ~ .helper-text[data-error], textarea.materialize-textarea:focus.valid ~ .helper-text[data-success] {
    color: transparent;
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

input:not([type]).valid ~ .helper-text:after, input:not([type]):focus.valid ~ .helper-text:after, input[type=date]:not(.browser-default).valid ~ .helper-text:after, input[type=date]:not(.browser-default):focus.valid ~ .helper-text:after, input[type=datetime-local]:not(.browser-default).valid ~ .helper-text:after, input[type=datetime-local]:not(.browser-default):focus.valid ~ .helper-text:after, input[type=datetime]:not(.browser-default).valid ~ .helper-text:after, input[type=datetime]:not(.browser-default):focus.valid ~ .helper-text:after, input[type=email]:not(.browser-default).valid ~ .helper-text:after, input[type=email]:not(.browser-default):focus.valid ~ .helper-text:after, input[type=number]:not(.browser-default).valid ~ .helper-text:after, input[type=number]:not(.browser-default):focus.valid ~ .helper-text:after, input[type=password]:not(.browser-default).valid ~ .helper-text:after, input[type=password]:not(.browser-default):focus.valid ~ .helper-text:after, input[type=search]:not(.browser-default).valid ~ .helper-text:after, input[type=search]:not(.browser-default):focus.valid ~ .helper-text:after, input[type=tel]:not(.browser-default).valid ~ .helper-text:after, input[type=tel]:not(.browser-default):focus.valid ~ .helper-text:after, input[type=text]:not(.browser-default).valid ~ .helper-text:after, input[type=text]:not(.browser-default):focus.valid ~ .helper-text:after, input[type=time]:not(.browser-default).valid ~ .helper-text:after, input[type=time]:not(.browser-default):focus.valid ~ .helper-text:after, input[type=url]:not(.browser-default).valid ~ .helper-text:after, input[type=url]:not(.browser-default):focus.valid ~ .helper-text:after, textarea.materialize-textarea.valid ~ .helper-text:after, textarea.materialize-textarea:focus.valid ~ .helper-text:after {
    color: color("green", "base");
    content: attr(data-success)
}

input:not([type]).invalid ~ .helper-text:after, input:not([type]):focus.invalid ~ .helper-text:after, input[type=date]:not(.browser-default).invalid ~ .helper-text:after, input[type=date]:not(.browser-default):focus.invalid ~ .helper-text:after, input[type=datetime-local]:not(.browser-default).invalid ~ .helper-text:after, input[type=datetime-local]:not(.browser-default):focus.invalid ~ .helper-text:after, input[type=datetime]:not(.browser-default).invalid ~ .helper-text:after, input[type=datetime]:not(.browser-default):focus.invalid ~ .helper-text:after, input[type=email]:not(.browser-default).invalid ~ .helper-text:after, input[type=email]:not(.browser-default):focus.invalid ~ .helper-text:after, input[type=number]:not(.browser-default).invalid ~ .helper-text:after, input[type=number]:not(.browser-default):focus.invalid ~ .helper-text:after, input[type=password]:not(.browser-default).invalid ~ .helper-text:after, input[type=password]:not(.browser-default):focus.invalid ~ .helper-text:after, input[type=search]:not(.browser-default).invalid ~ .helper-text:after, input[type=search]:not(.browser-default):focus.invalid ~ .helper-text:after, input[type=tel]:not(.browser-default).invalid ~ .helper-text:after, input[type=tel]:not(.browser-default):focus.invalid ~ .helper-text:after, input[type=text]:not(.browser-default).invalid ~ .helper-text:after, input[type=text]:not(.browser-default):focus.invalid ~ .helper-text:after, input[type=time]:not(.browser-default).invalid ~ .helper-text:after, input[type=time]:not(.browser-default):focus.invalid ~ .helper-text:after, input[type=url]:not(.browser-default).invalid ~ .helper-text:after, input[type=url]:not(.browser-default):focus.invalid ~ .helper-text:after, textarea.materialize-textarea.invalid ~ .helper-text:after, textarea.materialize-textarea:focus.invalid ~ .helper-text:after {
    color: #f44a4a;
    content: attr(data-error)
}

input:not([type]) + label:after, input[type=date]:not(.browser-default) + label:after, input[type=datetime-local]:not(.browser-default) + label:after, input[type=datetime]:not(.browser-default) + label:after, input[type=email]:not(.browser-default) + label:after, input[type=number]:not(.browser-default) + label:after, input[type=password]:not(.browser-default) + label:after, input[type=search]:not(.browser-default) + label:after, input[type=tel]:not(.browser-default) + label:after, input[type=text]:not(.browser-default) + label:after, input[type=time]:not(.browser-default) + label:after, input[type=url]:not(.browser-default) + label:after, textarea.materialize-textarea + label:after {
    content: "";
    display: block;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 100%;
    transition: opacity .2s ease-out, color .2s ease-out
}

.input-field {
    margin-bottom: 1rem;
    margin-top: 1rem;
    position: relative
}

.input-field.inline {
    display: inline-block;
    margin-left: 5px;
    vertical-align: middle
}

.input-field.inline .select-dropdown, .input-field.inline input {
    margin-bottom: 1rem
}

.input-field.col label {
    left: .75rem
}

.input-field.col .prefix ~ .validate ~ label, .input-field.col .prefix ~ label {
    width: calc(100% - 4.5rem)
}

.input-field > label {
    color: #000;
    cursor: text;
    font-size: 1rem;
    left: 0;
    position: absolute;
    text-align: left;
    text-align: initial;
    top: 0;
    -webkit-transform: translateY(12px);
    transform: translateY(12px);
    -webkit-transform-origin: 0 100%;
    transform-origin: 0 100%;
    transition: color .2s ease-out, -webkit-transform .2s ease-out;
    transition: transform .2s ease-out, color .2s ease-out;
    transition: transform .2s ease-out, color .2s ease-out, -webkit-transform .2s ease-out
}

.input-field > label:not(.label-icon).active {
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0
}

.input-field > input[type=date]:not(.browser-default) + label, .input-field > input[type=time]:not(.browser-default) + label, .input-field > input[type]:-webkit-autofill:not(.browser-default):not([type=search]) + label {
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0
}

.input-field .helper-text {
    color: rgba(0, 0, 0, .54);
    display: block;
    font-size: 12px;
    min-height: 18px;
    position: relative
}

.input-field .helper-text:after {
    left: 0;
    opacity: 1;
    position: absolute;
    top: 0
}

.input-field .prefix {
    font-size: 2rem;
    position: absolute;
    top: .5rem;
    transition: color .2s;
    width: 3rem
}

.input-field .prefix.active {
    color: #41a334
}

.input-field .prefix ~ .autocomplete-content, .input-field .prefix ~ .helper-text, .input-field .prefix ~ .validate ~ label, .input-field .prefix ~ input, .input-field .prefix ~ label, .input-field .prefix ~ textarea {
    margin-left: 3rem;
    width: 92%;
    width: calc(100% - 3rem)
}

.input-field .prefix ~ label {
    margin-left: 3rem
}

@media only screen and (max-width: 992px) {
    .input-field .prefix ~ input {
        width: 86%;
        width: calc(100% - 3rem)
    }
}

@media only screen and (max-width: 600px) {
    .input-field .prefix ~ input {
        width: 80%;
        width: calc(100% - 3rem)
    }
}

.input-field input[type=search] {
    display: block;
    line-height: inherit;
    transition: background-color .3s
}

.nav-wrapper .input-field input[type=search] {
    border: 0;
    box-shadow: none;
    height: inherit;
    padding-left: 4rem;
    width: calc(100% - 4rem)
}

.input-field input[type=search]:focus:not(.browser-default) {
    background-color: #fff;
    border: 0;
    box-shadow: none;
    color: #444
}

.input-field input[type=search]:focus:not(.browser-default) + label i, .input-field input[type=search]:focus:not(.browser-default) ~ .material-icons, .input-field input[type=search]:focus:not(.browser-default) ~ .mdi-navigation-close {
    color: #444
}

.input-field input[type=search] + .label-icon {
    left: 1rem;
    -webkit-transform: none;
    transform: none
}

.input-field input[type=search] ~ .material-icons, .input-field input[type=search] ~ .mdi-navigation-close {
    color: transparent;
    cursor: pointer;
    font-size: 2rem;
    position: absolute;
    right: 1rem;
    top: 0;
    transition: color .3s
}

textarea {
    background-color: transparent;
    height: 3rem;
    width: 100%
}

textarea.materialize-textarea {
    box-sizing: border-box;
    line-height: normal;
    min-height: 3rem;
    overflow-y: hidden;
    padding: .8rem 0;
    resize: none
}

.hiddendiv {
    word-wrap: break-word;
    padding-top: 1.2rem;
    position: absolute;
    top: 0;
    visibility: hidden;
    white-space: pre-wrap;
    z-index: -1
}

.autocomplete-content li .highlight {
    color: #444
}

.autocomplete-content li img {
    height: 40px;
    margin: 5px 15px;
    width: 40px
}

.character-counter {
    min-height: 18px
}

.with-carousel .container {
    width: 95%
}

[v-cloak] {
    display: none !important
}

body:not(.modal-open) {
    position: static !important
}

@media only screen and (max-width: 600px) {
    body {
        min-height: 100vh !important;
        min-height: -webkit-fill-available !important
    }
}

html {
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    box-sizing: border-box;
    font-family: system, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", Helvetica Neue;
    font-size: 16px;
    font-weight: 300;
    scroll-behavior: smooth;
    word-spacing: 1px
}

@media only screen and (max-width: 600px) {
    html {
        height: 100vh !important;
        height: -webkit-fill-available
    }
}

html .skiptranslate {
    display: none !important;
    pointer-events: none !important
}

ul {
    list-style-type: none !important;
    margin: 0;
    padding: 0
}

.pswp__bg {
    background: rgba(0, 0, 0, .92) !important
}

.swiper-button-disabled {
    opacity: .3
}

a, span.mtc-link {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    color: #d6001c;
    cursor: pointer;
    -webkit-text-decoration: none;
    text-decoration: none
}

a.no-pointer, span.mtc-link.no-pointer {
    cursor: default
}

a, button, span.mtc-link {
    transition: all .25s ease-out
}

.strike {
    -webkit-text-decoration: line-through;
    text-decoration: line-through
}

button, input, optgroup, select, textarea {
    border-radius: 0;
    box-sizing: border-box !important;
    color: #000;
    font-family: system, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    font-weight: 500;
    outline: none
}

input[type=number].remove-arrows {
    -moz-appearance: textfield
}

input[type=number].remove-arrows::-webkit-inner-spin-button, input[type=number].remove-arrows::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

button {
    background-color: transparent;
    border: 0
}

button:hover {
    cursor: pointer
}

img {
    height: auto;
    max-width: 100%
}

select {
    -webkit-appearance: none;
    background: #fff url(data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjYiIHZpZXdCb3g9IjAgMCAyMiA2IiB3aWR0aD0iMjIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTAgMCAzLjYgMy42IDMuNi0zLjYiIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzAwMCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBzdHJva2Utd2lkdGg9IjEuNSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMSAxKSIvPjwvc3ZnPg==) right 50% no-repeat;
    border: 1px solid #000;
    border-radius: 0;
    font-size: 10px;
    font-weight: 600;
    line-height: 34px;
    margin: 0 0 8px;
    padding: 0 30px 0 10px;
    text-transform: uppercase
}

select:disabled {
    opacity: .5
}

select.available-size {
    box-shadow: 0 0 6px 0 #47a239
}

textarea {
    -webkit-appearance: none;
    border: 1px solid #000;
    font-size: 15px;
    margin: 0 0 8px;
    min-height: 100px;
    padding: 15px
}

textarea:disabled {
    opacity: .5
}

.form-fieldset {
    align-items: flex-start;
    -webkit-column-gap: 10px;
    -moz-column-gap: 10px;
    column-gap: 10px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 5px;
    justify-content: space-between;
    row-gap: 5px
}

.form-item {
    max-width: 410px;
    position: relative;
    width: 100%
}

@media only screen and (min-width: 601px) {
    .form-item {
        width: calc(50% - 5px)
    }
}

.form-item.full-width {
    max-width: 100%;
    width: 100%
}

.form-item.full-width label {
    width: 100%
}

.form-item.half-width {
    width: calc(50% - 5px)
}

.input__group {
    margin: 5px 0;
    position: relative
}

.input__group.reverse {
    flex-direction: row-reverse
}

.input__group.checkbox, .input__group.radio {
    align-items: flex-start;
    display: flex;
    gap: 5px;
    margin: 5px 0
}

.input__group.checkbox label, .input__group.radio label {
    font-size: 14px
}

.input__group.checkbox input[type=checkbox], .input__group.checkbox input[type=radio], .input__group.radio input[type=checkbox], .input__group.radio input[type=radio] {
    top: 2px
}

.input__group.alert {
    background: #fff3cd;
    margin: 10px 0;
    padding: 10px 8px
}

.input__group input:not([type]), .input__group input[type=date]:not(.browser-default), .input__group input[type=datetime-local]:not(.browser-default), .input__group input[type=datetime]:not(.browser-default), .input__group input[type=email]:not(.browser-default), .input__group input[type=number]:not(.browser-default), .input__group input[type=password]:not(.browser-default), .input__group input[type=search]:not(.browser-default), .input__group input[type=tel]:not(.browser-default), .input__group input[type=text]:not(.browser-default), .input__group input[type=time]:not(.browser-default), .input__group input[type=url]:not(.browser-default), .input__group textarea {
    background-color: #fff;
    border-color: #d8d8d8;
    font-weight: 300;
    height: 45px;
    margin: 0;
    padding: 17px 10px 3px
}

.input__group input:not([type]):disabled, .input__group input[type=date]:not(.browser-default):disabled, .input__group input[type=datetime-local]:not(.browser-default):disabled, .input__group input[type=datetime]:not(.browser-default):disabled, .input__group input[type=email]:not(.browser-default):disabled, .input__group input[type=number]:not(.browser-default):disabled, .input__group input[type=password]:not(.browser-default):disabled, .input__group input[type=search]:not(.browser-default):disabled, .input__group input[type=tel]:not(.browser-default):disabled, .input__group input[type=text]:not(.browser-default):disabled, .input__group input[type=time]:not(.browser-default):disabled, .input__group input[type=url]:not(.browser-default):disabled, .input__group textarea:disabled {
    background-color: #f5f5f5;
    color: #000
}

.input__group .v-select {
    border-color: #d8d8d8;
    font-weight: 300
}

.input__group .v-select .vs__actions, .input__group .v-select .vs__search, .input__group .v-select .vs__selected-options {
    cursor: pointer !important
}

.input__group .v-select.vs--open .vs__actions, .input__group .v-select.vs--open .vs__search, .input__group .v-select.vs--open .vs__selected-options {
    cursor: text !important
}

.input__group .v-select input[type=search]:not(.browser-default) {
    background-color: transparent;
    background-color: initial
}

.input__group label {
    color: #747474 !important;
    font-size: 16px;
    margin-bottom: 0
}

.input__group label.error {
    color: #f44a4a !important
}

.input__group label strong {
    font-weight: 700
}

.input__group input:not([type]) + label, .input__group input[type=date]:not(.browser-default) + label, .input__group input[type=datetime-local]:not(.browser-default) + label, .input__group input[type=datetime]:not(.browser-default) + label, .input__group input[type=email]:not(.browser-default) + label, .input__group input[type=number]:not(.browser-default) + label, .input__group input[type=password]:not(.browser-default) + label, .input__group input[type=search]:not(.browser-default) + label, .input__group input[type=tel]:not(.browser-default) + label, .input__group input[type=text]:not(.browser-default) + label, .input__group input[type=time]:not(.browser-default) + label, .input__group input[type=url]:not(.browser-default) + label, .input__group textarea + label {
    left: 15px;
    pointer-events: none;
    position: absolute;
    top: 34px;
    -webkit-transform: translateY(-21px);
    transform: translateY(-21px);
    transition: all .3s cubic-bezier(.3, 0, 0, 1);
    width: auto !important
}

.input__group input:not([type]):not(:-moz-placeholder-shown) + label, .input__group input[type=date]:not(.browser-default):not(:-moz-placeholder-shown) + label, .input__group input[type=datetime-local]:not(.browser-default):not(:-moz-placeholder-shown) + label, .input__group input[type=datetime]:not(.browser-default):not(:-moz-placeholder-shown) + label, .input__group input[type=email]:not(.browser-default):not(:-moz-placeholder-shown) + label, .input__group input[type=number]:not(.browser-default):not(:-moz-placeholder-shown) + label, .input__group input[type=password]:not(.browser-default):not(:-moz-placeholder-shown) + label, .input__group input[type=search]:not(.browser-default):not(:-moz-placeholder-shown) + label, .input__group input[type=tel]:not(.browser-default):not(:-moz-placeholder-shown) + label, .input__group input[type=text]:not(.browser-default):not(:-moz-placeholder-shown) + label, .input__group input[type=time]:not(.browser-default):not(:-moz-placeholder-shown) + label, .input__group input[type=url]:not(.browser-default):not(:-moz-placeholder-shown) + label, .input__group textarea:not(:-moz-placeholder-shown) + label {
    font-size: 12px;
    left: 7px;
    padding: 0 5px;
    top: 1px;
    transform: translate(0)
}

.input__group input:not([type]):not(:-ms-input-placeholder) + label, .input__group input[type=date]:not(.browser-default):not(:-ms-input-placeholder) + label, .input__group input[type=datetime-local]:not(.browser-default):not(:-ms-input-placeholder) + label, .input__group input[type=datetime]:not(.browser-default):not(:-ms-input-placeholder) + label, .input__group input[type=email]:not(.browser-default):not(:-ms-input-placeholder) + label, .input__group input[type=number]:not(.browser-default):not(:-ms-input-placeholder) + label, .input__group input[type=password]:not(.browser-default):not(:-ms-input-placeholder) + label, .input__group input[type=search]:not(.browser-default):not(:-ms-input-placeholder) + label, .input__group input[type=tel]:not(.browser-default):not(:-ms-input-placeholder) + label, .input__group input[type=text]:not(.browser-default):not(:-ms-input-placeholder) + label, .input__group input[type=time]:not(.browser-default):not(:-ms-input-placeholder) + label, .input__group input[type=url]:not(.browser-default):not(:-ms-input-placeholder) + label, .input__group textarea:not(:-ms-input-placeholder) + label {
    font-size: 12px;
    left: 7px;
    padding: 0 5px;
    top: 1px;
    transform: translate(0)
}

.input__group input:not([type]):focus + label, .input__group input:not([type]):not(:placeholder-shown) + label, .input__group input[type=date]:not(.browser-default):focus + label, .input__group input[type=date]:not(.browser-default):not(:placeholder-shown) + label, .input__group input[type=datetime-local]:not(.browser-default):focus + label, .input__group input[type=datetime-local]:not(.browser-default):not(:placeholder-shown) + label, .input__group input[type=datetime]:not(.browser-default):focus + label, .input__group input[type=datetime]:not(.browser-default):not(:placeholder-shown) + label, .input__group input[type=email]:not(.browser-default):focus + label, .input__group input[type=email]:not(.browser-default):not(:placeholder-shown) + label, .input__group input[type=number]:not(.browser-default):focus + label, .input__group input[type=number]:not(.browser-default):not(:placeholder-shown) + label, .input__group input[type=password]:not(.browser-default):focus + label, .input__group input[type=password]:not(.browser-default):not(:placeholder-shown) + label, .input__group input[type=search]:not(.browser-default):focus + label, .input__group input[type=search]:not(.browser-default):not(:placeholder-shown) + label, .input__group input[type=tel]:not(.browser-default):focus + label, .input__group input[type=tel]:not(.browser-default):not(:placeholder-shown) + label, .input__group input[type=text]:not(.browser-default):focus + label, .input__group input[type=text]:not(.browser-default):not(:placeholder-shown) + label, .input__group input[type=time]:not(.browser-default):focus + label, .input__group input[type=time]:not(.browser-default):not(:placeholder-shown) + label, .input__group input[type=url]:not(.browser-default):focus + label, .input__group input[type=url]:not(.browser-default):not(:placeholder-shown) + label, .input__group textarea:focus + label, .input__group textarea:not(:placeholder-shown) + label {
    font-size: 12px;
    left: 7px;
    padding: 0 5px;
    top: 1px;
    -webkit-transform: translate(0);
    transform: translate(0)
}

.input__group .motocard-select + label {
    font-size: 12px;
    left: 7px;
    padding: 0 5px;
    pointer-events: none;
    position: absolute;
    top: 1px;
    -webkit-transform: translate(0);
    transform: translate(0);
    transition: all .3s cubic-bezier(.3, 0, 0, 1);
    width: auto !important;
    z-index: 1
}

.input__group input[type=checkbox] ~ label, .input__group input[type=radio] ~ label {
    cursor: pointer;
    position: relative;
    width: 100%
}

.input__group input.invalid ~ label {
    color: #f44a4a !important
}

.form-item.phone-with-prefix {
    align-items: flex-start;
    display: flex;
    flex-wrap: wrap;
    gap: 0;
    justify-content: flex-start
}

.form-item.phone-with-prefix .input__group:first-child {
    width: 100px
}

.form-item.phone-with-prefix .input__group:first-child .motocard-select.select--light .v-select {
    border-right: none;
    position: relative
}

.form-item.phone-with-prefix .input__group:first-child .motocard-select.select--light .v-select .vs__dropdown-menu {
    width: 350px
}

.form-item.phone-with-prefix .input__group:first-child .motocard-select.select--light .v-select:after {
    background-color: #d8d8d8;
    content: " ";
    height: 30px;
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 1px
}

.form-item.phone-with-prefix .input__group:nth-child(2) {
    width: calc(100% - 100px)
}

@media only screen and (min-width: 601px) {
    .form-item.phone-with-prefix .input__group:nth-child(2) {
        width: calc(50% - 100px)
    }
}

.form-item.phone-with-prefix .input__group:nth-child(2) input[type=text] {
    border-left: none
}

.form-item.phone-with-prefix .input-hint {
    flex: 0 0 100%
}

.input__toggle {
    display: inline-block;
    position: relative
}

.input__toggle input {
    height: 20px;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    width: 20px
}

.input__toggle label.toggle-item {
    -webkit-tap-highlight-color: rgba(255, 255, 255, .2);
    background: #e0e0e0;
    border: 1px solid #e8e8e8;
    border-radius: 25px;
    cursor: pointer;
    display: inline-block;
    height: 24px;
    margin: 10px;
    position: relative;
    -webkit-transform-origin: 20% center;
    transform-origin: 20% center;
    transition: all .3s ease;
    transition-delay: 0s;
    width: 45px
}

.input__toggle label.toggle-item:before {
    background: #fff;
    border: 1px solid #e8e8e8;
    border-radius: 25px;
    content: "";
    display: block;
    height: 20px;
    left: 0;
    position: absolute;
    top: 0;
    transition: all .2s ease;
    transition-delay: 0s;
    width: 20px
}

.input__toggle #normal:checked + label, .input__toggle .toggle-checkbox:checked + label {
    background: #41a334
}

.input__toggle #normal:checked + label:before, .input__toggle .toggle-checkbox:checked + label:before {
    border-color: #41a334;
    -webkit-transform: translateX(21px);
    transform: translateX(21px)
}

.form-fieldset .input__group {
    padding: 0
}

.input-hint {
    font-size: 12px;
    opacity: .8;
    position: relative;
    top: -3px
}

.input-hint.error {
    color: #f44a4a
}

.select--light .v-select {
    border: 1px solid #d8d8d8
}

.select--light .v-select .vs__actions:before {
    background-color: transparent;
    background-color: initial
}

.select--light .v-select .vs__dropdown-option--highlight {
    background-color: #f5f5f5;
    color: #000
}

.select--small .v-select .vs__dropdown-toggle, .select--small .v-select .vs__selected-option {
    height: 43px
}

.select--small .vs__selected-options {
    max-width: calc(100% - 33px)
}

.select--small .vs__selected-options .vs__selected, .select--small .vs__selected-options input {
    color: #000;
    font-size: 15px;
    font-weight: 300;
    height: 43px;
    margin: 0 0 8px;
    overflow: hidden;
    padding: 0 30px 0 10px !important;
    text-overflow: ellipsis;
    vertical-align: middle;
    white-space: nowrap
}

.select--small .vs__selected-options .vs__selected strong, .select--small .vs__selected-options input strong {
    font-weight: 700
}

.select--small .v-select .vs__actions {
    min-height: 30px
}

.select--small .vs__dropdown-menu {
    font-size: 13px;
    font-weight: 300;
    padding: 0
}

.select--small .vs__dropdown-menu strong {
    font-weight: 700
}

.select--small .vs__dropdown-option {
    margin: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: middle;
    white-space: nowrap
}

.select--x-small .v-select .vs__dropdown-toggle, .select--x-small .v-select .vs__selected-option {
    height: 33px
}

.select--x-small .vs__selected-options {
    max-width: calc(100% - 23px)
}

.select--x-small .vs__selected-options .vs__selected, .select--x-small .vs__selected-options input {
    color: #000;
    font-size: 13px;
    font-weight: 300;
    height: 33px;
    margin: 0 0 8px;
    overflow: hidden;
    padding: 0 10px !important;
    text-overflow: ellipsis;
    vertical-align: middle;
    white-space: nowrap
}

.select--x-small .vs__selected-options .vs__selected strong, .select--x-small .vs__selected-options input strong {
    font-weight: 700
}

.select--x-small .v-select .vs__actions {
    min-height: 20px
}

.select--x-small .vs__dropdown-menu {
    font-size: 12px;
    font-weight: 300;
    padding: 0
}

.select--x-small .vs__dropdown-menu strong {
    font-weight: 700
}

.select--x-small .vs__dropdown-option {
    margin: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: middle;
    white-space: nowrap
}

.select--x-small input[type=search]:not(.browser-default) {
    height: 35px
}

.select--with-label .vs__selected-options .vs__selected, .select--with-label .vs__selected-options input {
    padding: 17px 30px 3px 10px !important
}

.form-actions {
    align-items: center;
    display: flex;
    gap: 10px;
    justify-content: center;
    margin: 10px 0;
    width: 100%
}

.form-actions.align-left {
    justify-content: flex-start
}

.form-actions .button {
    margin: 0 !important
}

.form-actions .button:only-child {
    margin: 0 auto !important;
    max-width: 410px;
    width: 100%
}

.divider {
    border-top: 1px solid #f2f2f2;
    margin: 40px 0
}

.error {
    color: #f44a4a
}

table, td, th {
    border: none
}

table {
    border-collapse: collapse;
    border-spacing: 0;
    display: table;
    width: 100%
}

table.striped tr {
    border-bottom: none
}

table.striped > tbody > tr:nth-child(odd) {
    background-color: hsla(0, 0%, 95%, .5)
}

table.striped > tbody > tr > td {
    border-radius: 0
}

table.highlight > tbody > tr {
    transition: background-color .25s ease
}

table.highlight > tbody > tr:hover {
    background-color: hsla(0, 0%, 95%, .5)
}

table.centered tbody tr td, table.centered thead tr th {
    text-align: center
}

tr {
    border-bottom: 1px solid rgba(0, 0, 0, .12)
}

td, th {
    border-radius: 2px;
    display: table-cell;
    padding: 15px 5px;
    text-align: left;
    vertical-align: middle
}

@media only screen and (max-width: 992px) {
    table.responsive-table {
        border-collapse: collapse;
        border-spacing: 0;
        display: block;
        position: relative;
        width: 100%
    }

    table.responsive-table td:empty:before {
        content: " "
    }

    table.responsive-table td, table.responsive-table th {
        margin: 0;
        vertical-align: top
    }

    table.responsive-table th {
        text-align: left
    }

    table.responsive-table thead {
        display: block;
        float: left
    }

    table.responsive-table thead tr {
        display: block;
        padding: 0 10px 0 0
    }

    table.responsive-table thead tr th:before {
        content: " "
    }

    table.responsive-table tbody {
        display: block;
        overflow-x: auto;
        position: relative;
        white-space: nowrap;
        width: auto
    }

    table.responsive-table tbody tr {
        display: inline-block;
        vertical-align: top
    }

    table.responsive-table th {
        display: block;
        text-align: right
    }

    table.responsive-table td {
        display: block;
        min-height: 1.25em;
        text-align: left
    }

    table.responsive-table tr {
        border-bottom: none;
        padding: 0 10px
    }

    table.responsive-table thead {
        border: 0;
        border-right: 1px solid rgba(0, 0, 0, .12)
    }
}

.input-field > label {
    font-size: 10px;
    font-weight: 500;
    text-transform: uppercase;
    -webkit-transform: none;
    transform: none
}

.input-field.col label, .input-field > label {
    left: .375rem;
    top: -14px
}

.input-field select {
    height: 3rem;
    width: 100%
}

label .label {
    font-size: 12px;
    line-height: 21px;
    text-transform: uppercase
}

label {
    color: #000;
    display: inline-block;
    font-size: 13px;
    margin-bottom: 8px
}

[type=checkbox]:checked, [type=checkbox]:not(:checked), [type=radio]:checked, [type=radio]:not(:checked) {
    opacity: 0;
    pointer-events: none;
    position: absolute
}

[type=checkbox] + span {
    cursor: pointer;
    display: inline-block;
    height: 25px;
    line-height: 25px;
    padding-left: 30px;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

[type=checkbox] + span:before {
    background: transparent url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMCIgaGVpZ2h0PSI4Ij48cGF0aCBmaWxsPSJub25lIiBzdHJva2U9IiNGRkYiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIxLjgiIGQ9Ik05IDFMMy41IDYuNSAxIDQiLz48L3N2Zz4=) 50% no-repeat;
    background-size: 0;
    border: 1px solid #000;
    content: "";
    height: 18px;
    left: 0;
    margin-top: 3px;
    position: absolute;
    top: 0;
    transition: .2s;
    transition: all .2s ease-in-out;
    width: 18px;
    z-index: 0
}

[type=checkbox]:checked + span:before {
    background-color: #000;
    background-size: auto
}

[type=radio] + span {
    cursor: pointer;
    display: inline-block;
    height: 25px;
    line-height: 25px;
    padding-left: 30px;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

[type=radio] + span:before {
    border: 1px solid #000;
    border-radius: 200px;
    box-shadow: none;
    content: "";
    height: 18px;
    left: 0;
    margin-top: 3px;
    position: absolute;
    top: 0;
    transition: .2s;
    width: 18px;
    z-index: 0
}

[type=radio]:checked + span:before {
    box-shadow: inset 0 0 0 6px #000
}

.button {
    background: none;
    border: 2px solid #000;
    box-sizing: border-box;
    color: #000;
    display: inline-block;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: .5px;
    overflow: hidden;
    padding: 13px 25px;
    position: relative;
    text-align: center;
    text-transform: uppercase;
    transition: all .2s ease-in-out;
    z-index: 1
}

.button:hover {
    background-color: #000;
    color: #fff
}

.button:hover use {
    stroke: #fff
}

.button:hover.button--with-icon .sprite-line-icons {
    -webkit-transform: translateX(3px);
    transform: translateX(3px)
}

.button .sprite-line-icons {
    transition: all .2s ease-in-out;
    vertical-align: -2px
}

.button .sprite-line-icons use {
    stroke: #000;
    stroke-width: 1;
    transition: all .2s ease-in-out
}

.button.button--small {
    border: 1px solid #000;
    box-sizing: border-box;
    color: #000;
    display: inline-block;
    font-size: 9px;
    font-weight: 600;
    height: 40px;
    line-height: 40px;
    padding: 0 20px;
    text-transform: uppercase
}

.button.button--small:hover {
    color: #fff
}

.button.button--tiny {
    border: 1px solid #000;
    color: #000;
    font-size: 9px !important;
    font-weight: 600;
    line-height: 20px !important;
    padding: 2px 10px;
    text-align: center !important
}

.button.button--tiny:hover {
    background-color: #f5f5f5;
    color: #000
}

.button:active, .button:focus {
    background-color: #bd0019;
    border-color: #bd0019;
    box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, .3);
    color: #fff
}

.button.button--primary {
    background-color: #d6001c;
    border-color: #d6001c;
    color: #fff
}

.button.button--primary use {
    stroke: #fff
}

.button.button--primary:after, .button.button--primary:hover {
    background-color: #f0001f
}

.button.button--primary:active, .button.button--primary:focus {
    background-color: #bd0019;
    border-color: #bd0019;
    box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, .3)
}

.button.button--secondary {
    background-color: #41a334;
    border-color: #41a334;
    color: #fff
}

.button.button--secondary:after, .button.button--secondary:hover {
    background-color: #49b63a;
    color: #fff
}

.button.button--secondary:active, .button.button--secondary:focus {
    background-color: #39902e;
    border-color: #39902e;
    color: #fff
}

.button.button--secondary .sprite-line-icons use {
    stroke: #fff
}

.button.button--filled {
    background-color: #000;
    color: #fff
}

.button.button--filled use {
    stroke: #fff
}

.button.button--filled:active, .button.button--filled:after, .button.button--filled:focus, .button.button--filled:hover {
    background-color: #262626;
    border-color: #262626;
    color: #fff
}

.button.button--light {
    background-color: #f5f5f5;
    border-color: #f5f5f5;
    color: #000
}

.button.button--light:after, .button.button--light:hover {
    background-color: #e8e8e8 !important;
    border-color: #e8e8e8 !important;
    color: #000
}

.button.button--light:after use, .button.button--light:hover use {
    stroke: #000 !important
}

.button.button--light:active, .button.button--light:focus {
    background-color: #e8e8e8 !important;
    border-color: #e8e8e8 !important;
    color: #000
}

.button.button--light:active use, .button.button--light:focus use {
    stroke: #000 !important
}

.button.button--skewed:after {
    background-color: #d6001c;
    content: "";
    height: 100%;
    left: -35%;
    position: absolute;
    top: 0;
    -webkit-transform: skew(50deg);
    transform: skew(50deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    transition: all .2s ease-in-out;
    width: 0;
    z-index: -1
}

.button.button--skewed:hover {
    background-color: transparent;
    border-color: #d6001c;
    color: #fff
}

.button.button--skewed:hover use {
    stroke: #fff
}

.button.button--skewed:hover:after {
    height: 100%;
    width: 135%
}

.button.button--skewed.button--primary:after {
    background-color: #f0001f
}

.button.button--skewed.button--primary:active, .button.button--skewed.button--primary:focus {
    box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, .3)
}

.button.button--skewed.button--primary:active:after, .button.button--skewed.button--primary:focus:after {
    background-color: #bd0019
}

.button.button--clear {
    background: none;
    border: none;
    color: #41a334
}

.button.button--clear:active, .button.button--clear:focus {
    box-shadow: none
}

.button.button--disabled, .button:disabled {
    cursor: not-allowed;
    opacity: .3
}

.button.button--large {
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 1.6px;
    line-height: 20px;
    padding: 14px 35px
}

.button.button--large svg {
    vertical-align: -1px
}

.button.button--large svg use {
    stroke: #fff;
    stroke-width: 1
}

@media only screen and (max-width: 600px) {
    .button.button--large {
        font-size: 10px;
        line-height: 18px;
        margin-bottom: 30px;
        padding: 12px 40px
    }
}

@media only screen and (min-width: 601px)and (max-width: 992px) {
    .button.button--large {
        font-size: 10px;
        line-height: 18px;
        margin-bottom: 30px;
        padding: 12px 40px
    }
}

.button.button--huge {
    font-size: 13px;
    font-weight: 500;
    letter-spacing: 1.8px;
    line-height: 24px;
    padding: 18px 45px
}

.button.button--huge svg {
    vertical-align: -1px
}

.button.button--huge svg use {
    stroke: #fff;
    stroke-width: 1
}

@media only screen and (max-width: 600px) {
    .button.button--huge {
        font-size: 10px;
        line-height: 18px;
        margin-bottom: 30px;
        padding: 12px 40px
    }
}

@media only screen and (min-width: 601px)and (max-width: 992px) {
    .button.button--huge {
        font-size: 10px;
        line-height: 18px;
        margin-bottom: 30px;
        padding: 12px 40px
    }
}

.button.button--transparent {
    background-color: hsla(0, 0%, 100%, .2);
    border: 0;
    color: #000
}

.button.button--transparent:hover {
    background-color: #f0001f
}

.button.button--transparent:active, .button.button--transparent:focus {
    background-color: #bd0019;
    box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, .3)
}

.button--text-only {
    background: none;
    border: none;
    color: #000;
    display: inline-block;
    margin: 0;
    padding: 0;
    -webkit-text-decoration: underline;
    text-decoration: underline
}

.button-animated {
    background: transparent url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiBzdHlsZT0ibWFyZ2luOiBhdXRvOyBiYWNrZ3JvdW5kOiBub25lOyBkaXNwbGF5OiBibG9jazsgc2hhcGUtcmVuZGVyaW5nOiBhdXRvOyIgd2lkdGg9IjM0cHgiIGhlaWdodD0iMzRweCIgdmlld0JveD0iMCAwIDEwMCAxMDAiIHByZXNlcnZlQXNwZWN0UmF0aW89InhNaWRZTWlkIj4KPGNpcmNsZSBjeD0iNTAiIGN5PSI1MCIgcj0iNDIiIHN0cm9rZS13aWR0aD0iOSIgc3Ryb2tlPSIjZWIwMDEyIiBzdHJva2UtZGFzaGFycmF5PSI2NS45NzM0NDU3MjUzODU2NiA2NS45NzM0NDU3MjUzODU2NiIgZmlsbD0ibm9uZSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiB0cmFuc2Zvcm09InJvdGF0ZSgxNS45NDAzIDUwIDUwKSI+CiAgPGFuaW1hdGVUcmFuc2Zvcm0gYXR0cmlidXRlTmFtZT0idHJhbnNmb3JtIiB0eXBlPSJyb3RhdGUiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIiBkdXI9IjAuNzQwNzQwNzQwNzQwNzQwN3MiIGtleVRpbWVzPSIwOzEiIHZhbHVlcz0iMCA1MCA1MDszNjAgNTAgNTAiPjwvYW5pbWF0ZVRyYW5zZm9ybT4KPC9jaXJjbGU+CjxwYXRoIGQ9Ik0yNS43NzMwMDY5LDEzLjQ4MzE1OTggTDI1Ljk4NTE0ODcsMTMuMTQ5MTEyMSBDMjYuMDA0MzQ3MSwxMy4xMTg3OTk4IDI2LjAwNDk4NywxMy4wODExMzkgMjUuOTg2NzQ4NiwxMy4wNDk2MDIgQzI1Ljk2ODUxMDEsMTMuMDE5Mjg5NyAyNS45MzQyNzMxLDEzIDI1Ljg5NjgzNjMsMTMgTDIxLjQyNDksMTMgQzIxLjM5NzM4MjMsMTMgMjEuMzcxMTQ0NiwxMy4wMTA0MTAzIDIxLjM1MTMwNjMsMTMuMDI5MzkzOCBMMTguNjU4NzM3MywxNS42MzEzNTMzIEwxOC42MTI5ODEzLDE1LjU5NzY3MyBMMjAuMTA5ODEyOCwxMy4xNDc1ODExIEMyMC4xMjgwNTEzLDEzLjExNjk2MjYgMjAuMTI4MzcxMiwxMy4wNzk5MTQzIDIwLjEwOTgxMjgsMTMuMDQ5Mjk1OCBDMjAuMDkxNTc0NCwxMy4wMTg2NzczIDIwLjA1NzY1NzMsMTMgMjAuMDIwNTQwNSwxMyBMMTAuNjQ1OTg0OCwxMyBDMTAuNjA5ODI3OSwxMyAxMC41NzU5MTA4LDEzLjAxODM3MTEgMTAuNTU3MzUyNCwxMy4wNDc3NjQ4IEwxMC4yMzgzMzk4LDEzLjU1NjAzMTggQzEwLjIyMzk0MSwxMy41NzkzMDE5IDEwLjIyMDEwMTQsMTMuNjA3NDcwOSAxMC4yMjgxMDA3LDEzLjYzMzQ5NjYgQzEwLjIzNTc4LDEzLjY2MDEzNDcgMTAuMjU1Mjk4NCwxMy42ODE1Njc3IDEwLjI4MDg5NjIsMTMuNjk0MTIxMiBMMTQuMzg4MDYzOCwxNS42NTIxNzM5IEwxNC40MDYzMDIyLDE1LjY2MTA1MzMgTDEwLjAxNDAzOTEsMjIuODUyNzI1IEM5Ljk5NTQ4MDY0LDIyLjg4MzAzNzQgOS45OTUxNjA2NywyMi45MjA2OTgxIDEwLjAxNDAzOTEsMjIuOTUxMDEwNCBDMTAuMDMyMjc3NSwyMi45ODEzMjI3IDEwLjA2NjE5NDYsMjMgMTAuMTAzMzExNCwyMyBMMTQuMDQwODkzNSwyMyBDMTQuMDc3NjkwNCwyMyAxNC4xMTE2MDc1LDIyLjk4MTYyODkgMTQuMTMwMTY1OSwyMi45NTEzMTY2IEwxNi40NTcwMDYyLDE5LjEzOTAwOCBMMTYuNDczMDA0OSwxOS4xMTI2NzYxIEwxNi44Mjk3NzQzLDE5LjY4OTUyODUgQzE2Ljg0ODY1MjYsMTkuNzIwMTQ3IDE2Ljg4MzIwOTcsMTkuNzM3OTA1NyAxNi45MTg3MjY2LDE5LjczNzkwNTcgQzE2LjkzMzc2NTMsMTkuNzM3OTA1NyAxNi45NDkxMjQsMTkuNzM0ODQzOCAxNi45NjM1MjI4LDE5LjcyODEwNzggTDE4LjI5MTQwODgsMTkuMTIwMDI0NSBMMTguMzQxNjQ0NSwxOS4xNzAyMzg4IEwxNi4xMDU2NzY0LDIyLjg1MzAzMTIgQzE2LjA4NzExOCwyMi44ODMzNDM1IDE2LjA4NzExOCwyMi45MjA2OTgxIDE2LjEwNTY3NjQsMjIuOTUxMDEwNCBDMTYuMTIzOTE0OCwyMi45ODEzMjI3IDE2LjE1ODE1MTksMjMgMTYuMTk0OTQ4NywyMyBMMTkuOTE3MTg5MywyMyBDMTkuOTUzOTg2MiwyMyAxOS45ODc1ODMzLDIyLjk4MTYyODkgMjAuMDA2NDYxNywyMi45NTEzMTY2IEwyNS43NjIxMjc4LDEzLjUwNzk2MDggQzI1Ljc2NjkyNzQsMTMuNTAwMzA2MiAyNS43NzA3NjcxLDEzLjQ5MTczMyAyNS43NzMwMDY5LDEzLjQ4MzE1OTggTDI1Ljc3MzAwNjksMTMuNDgzMTU5OCBaIiB0cmFuc2Zvcm09InNjYWxlKDMuNCkgdHJhbnNsYXRlKC0zIC0zKSIgaWQ9Im1vdG9jYXJkLW0iIGZpbGw9IiNlYjAwMTIiPjwvcGF0aD4KPC9zdmc+Cg==) center 50px no-repeat;
    overflow: hidden;
    -webkit-transform: translateZ(0);
    transition: background-position .4s cubic-bezier(.175, .885, .32, 1.275)
}

.button-animated span {
    display: inline-block;
    transition: all .4s cubic-bezier(.175, .885, .32, 1.275)
}

.button-animated.animated {
    background-color: #f5f5f5;
    background-position: 50%;
    border-color: #f5f5f5
}

.button-animated.animated span {
    opacity: 0;
    -webkit-transform: scale(2);
    transform: scale(2)
}

.button-animated.white-spinner {
    background: #d6001c url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiBzdHlsZT0ibWFyZ2luOiBhdXRvOyBiYWNrZ3JvdW5kOiBub25lOyBkaXNwbGF5OiBibG9jazsgc2hhcGUtcmVuZGVyaW5nOiBhdXRvOyIgd2lkdGg9IjM0cHgiIGhlaWdodD0iMzRweCIgdmlld0JveD0iMCAwIDEwMCAxMDAiIHByZXNlcnZlQXNwZWN0UmF0aW89InhNaWRZTWlkIj4KPGNpcmNsZSBjeD0iNTAiIGN5PSI1MCIgcj0iNDIiIHN0cm9rZS13aWR0aD0iOSIgc3Ryb2tlPSIjRkZGRkZGIiBzdHJva2UtZGFzaGFycmF5PSI2NS45NzM0NDU3MjUzODU2NiA2NS45NzM0NDU3MjUzODU2NiIgZmlsbD0ibm9uZSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiB0cmFuc2Zvcm09InJvdGF0ZSgxNS45NDAzIDUwIDUwKSI+CiAgPGFuaW1hdGVUcmFuc2Zvcm0gYXR0cmlidXRlTmFtZT0idHJhbnNmb3JtIiB0eXBlPSJyb3RhdGUiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIiBkdXI9IjAuNzQwNzQwNzQwNzQwNzQwN3MiIGtleVRpbWVzPSIwOzEiIHZhbHVlcz0iMCA1MCA1MDszNjAgNTAgNTAiPjwvYW5pbWF0ZVRyYW5zZm9ybT4KPC9jaXJjbGU+CjxwYXRoIGQ9Ik0yNS43NzMwMDY5LDEzLjQ4MzE1OTggTDI1Ljk4NTE0ODcsMTMuMTQ5MTEyMSBDMjYuMDA0MzQ3MSwxMy4xMTg3OTk4IDI2LjAwNDk4NywxMy4wODExMzkgMjUuOTg2NzQ4NiwxMy4wNDk2MDIgQzI1Ljk2ODUxMDEsMTMuMDE5Mjg5NyAyNS45MzQyNzMxLDEzIDI1Ljg5NjgzNjMsMTMgTDIxLjQyNDksMTMgQzIxLjM5NzM4MjMsMTMgMjEuMzcxMTQ0NiwxMy4wMTA0MTAzIDIxLjM1MTMwNjMsMTMuMDI5MzkzOCBMMTguNjU4NzM3MywxNS42MzEzNTMzIEwxOC42MTI5ODEzLDE1LjU5NzY3MyBMMjAuMTA5ODEyOCwxMy4xNDc1ODExIEMyMC4xMjgwNTEzLDEzLjExNjk2MjYgMjAuMTI4MzcxMiwxMy4wNzk5MTQzIDIwLjEwOTgxMjgsMTMuMDQ5Mjk1OCBDMjAuMDkxNTc0NCwxMy4wMTg2NzczIDIwLjA1NzY1NzMsMTMgMjAuMDIwNTQwNSwxMyBMMTAuNjQ1OTg0OCwxMyBDMTAuNjA5ODI3OSwxMyAxMC41NzU5MTA4LDEzLjAxODM3MTEgMTAuNTU3MzUyNCwxMy4wNDc3NjQ4IEwxMC4yMzgzMzk4LDEzLjU1NjAzMTggQzEwLjIyMzk0MSwxMy41NzkzMDE5IDEwLjIyMDEwMTQsMTMuNjA3NDcwOSAxMC4yMjgxMDA3LDEzLjYzMzQ5NjYgQzEwLjIzNTc4LDEzLjY2MDEzNDcgMTAuMjU1Mjk4NCwxMy42ODE1Njc3IDEwLjI4MDg5NjIsMTMuNjk0MTIxMiBMMTQuMzg4MDYzOCwxNS42NTIxNzM5IEwxNC40MDYzMDIyLDE1LjY2MTA1MzMgTDEwLjAxNDAzOTEsMjIuODUyNzI1IEM5Ljk5NTQ4MDY0LDIyLjg4MzAzNzQgOS45OTUxNjA2NywyMi45MjA2OTgxIDEwLjAxNDAzOTEsMjIuOTUxMDEwNCBDMTAuMDMyMjc3NSwyMi45ODEzMjI3IDEwLjA2NjE5NDYsMjMgMTAuMTAzMzExNCwyMyBMMTQuMDQwODkzNSwyMyBDMTQuMDc3NjkwNCwyMyAxNC4xMTE2MDc1LDIyLjk4MTYyODkgMTQuMTMwMTY1OSwyMi45NTEzMTY2IEwxNi40NTcwMDYyLDE5LjEzOTAwOCBMMTYuNDczMDA0OSwxOS4xMTI2NzYxIEwxNi44Mjk3NzQzLDE5LjY4OTUyODUgQzE2Ljg0ODY1MjYsMTkuNzIwMTQ3IDE2Ljg4MzIwOTcsMTkuNzM3OTA1NyAxNi45MTg3MjY2LDE5LjczNzkwNTcgQzE2LjkzMzc2NTMsMTkuNzM3OTA1NyAxNi45NDkxMjQsMTkuNzM0ODQzOCAxNi45NjM1MjI4LDE5LjcyODEwNzggTDE4LjI5MTQwODgsMTkuMTIwMDI0NSBMMTguMzQxNjQ0NSwxOS4xNzAyMzg4IEwxNi4xMDU2NzY0LDIyLjg1MzAzMTIgQzE2LjA4NzExOCwyMi44ODMzNDM1IDE2LjA4NzExOCwyMi45MjA2OTgxIDE2LjEwNTY3NjQsMjIuOTUxMDEwNCBDMTYuMTIzOTE0OCwyMi45ODEzMjI3IDE2LjE1ODE1MTksMjMgMTYuMTk0OTQ4NywyMyBMMTkuOTE3MTg5MywyMyBDMTkuOTUzOTg2MiwyMyAxOS45ODc1ODMzLDIyLjk4MTYyODkgMjAuMDA2NDYxNywyMi45NTEzMTY2IEwyNS43NjIxMjc4LDEzLjUwNzk2MDggQzI1Ljc2NjkyNzQsMTMuNTAwMzA2MiAyNS43NzA3NjcxLDEzLjQ5MTczMyAyNS43NzMwMDY5LDEzLjQ4MzE1OTggTDI1Ljc3MzAwNjksMTMuNDgzMTU5OCBaIiB0cmFuc2Zvcm09InNjYWxlKDMuNCkgdHJhbnNsYXRlKC0zIC0zKSIgaWQ9Im1vdG9jYXJkLW0iIGZpbGw9IiNGRkZGRkYiPjwvcGF0aD4KPC9zdmc+Cg==) center 50px no-repeat
}

.button-animated.white-spinner.button--filled {
    background: #000 url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiBzdHlsZT0ibWFyZ2luOiBhdXRvOyBiYWNrZ3JvdW5kOiBub25lOyBkaXNwbGF5OiBibG9jazsgc2hhcGUtcmVuZGVyaW5nOiBhdXRvOyIgd2lkdGg9IjM0cHgiIGhlaWdodD0iMzRweCIgdmlld0JveD0iMCAwIDEwMCAxMDAiIHByZXNlcnZlQXNwZWN0UmF0aW89InhNaWRZTWlkIj4KPGNpcmNsZSBjeD0iNTAiIGN5PSI1MCIgcj0iNDIiIHN0cm9rZS13aWR0aD0iOSIgc3Ryb2tlPSIjRkZGRkZGIiBzdHJva2UtZGFzaGFycmF5PSI2NS45NzM0NDU3MjUzODU2NiA2NS45NzM0NDU3MjUzODU2NiIgZmlsbD0ibm9uZSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiB0cmFuc2Zvcm09InJvdGF0ZSgxNS45NDAzIDUwIDUwKSI+CiAgPGFuaW1hdGVUcmFuc2Zvcm0gYXR0cmlidXRlTmFtZT0idHJhbnNmb3JtIiB0eXBlPSJyb3RhdGUiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIiBkdXI9IjAuNzQwNzQwNzQwNzQwNzQwN3MiIGtleVRpbWVzPSIwOzEiIHZhbHVlcz0iMCA1MCA1MDszNjAgNTAgNTAiPjwvYW5pbWF0ZVRyYW5zZm9ybT4KPC9jaXJjbGU+CjxwYXRoIGQ9Ik0yNS43NzMwMDY5LDEzLjQ4MzE1OTggTDI1Ljk4NTE0ODcsMTMuMTQ5MTEyMSBDMjYuMDA0MzQ3MSwxMy4xMTg3OTk4IDI2LjAwNDk4NywxMy4wODExMzkgMjUuOTg2NzQ4NiwxMy4wNDk2MDIgQzI1Ljk2ODUxMDEsMTMuMDE5Mjg5NyAyNS45MzQyNzMxLDEzIDI1Ljg5NjgzNjMsMTMgTDIxLjQyNDksMTMgQzIxLjM5NzM4MjMsMTMgMjEuMzcxMTQ0NiwxMy4wMTA0MTAzIDIxLjM1MTMwNjMsMTMuMDI5MzkzOCBMMTguNjU4NzM3MywxNS42MzEzNTMzIEwxOC42MTI5ODEzLDE1LjU5NzY3MyBMMjAuMTA5ODEyOCwxMy4xNDc1ODExIEMyMC4xMjgwNTEzLDEzLjExNjk2MjYgMjAuMTI4MzcxMiwxMy4wNzk5MTQzIDIwLjEwOTgxMjgsMTMuMDQ5Mjk1OCBDMjAuMDkxNTc0NCwxMy4wMTg2NzczIDIwLjA1NzY1NzMsMTMgMjAuMDIwNTQwNSwxMyBMMTAuNjQ1OTg0OCwxMyBDMTAuNjA5ODI3OSwxMyAxMC41NzU5MTA4LDEzLjAxODM3MTEgMTAuNTU3MzUyNCwxMy4wNDc3NjQ4IEwxMC4yMzgzMzk4LDEzLjU1NjAzMTggQzEwLjIyMzk0MSwxMy41NzkzMDE5IDEwLjIyMDEwMTQsMTMuNjA3NDcwOSAxMC4yMjgxMDA3LDEzLjYzMzQ5NjYgQzEwLjIzNTc4LDEzLjY2MDEzNDcgMTAuMjU1Mjk4NCwxMy42ODE1Njc3IDEwLjI4MDg5NjIsMTMuNjk0MTIxMiBMMTQuMzg4MDYzOCwxNS42NTIxNzM5IEwxNC40MDYzMDIyLDE1LjY2MTA1MzMgTDEwLjAxNDAzOTEsMjIuODUyNzI1IEM5Ljk5NTQ4MDY0LDIyLjg4MzAzNzQgOS45OTUxNjA2NywyMi45MjA2OTgxIDEwLjAxNDAzOTEsMjIuOTUxMDEwNCBDMTAuMDMyMjc3NSwyMi45ODEzMjI3IDEwLjA2NjE5NDYsMjMgMTAuMTAzMzExNCwyMyBMMTQuMDQwODkzNSwyMyBDMTQuMDc3NjkwNCwyMyAxNC4xMTE2MDc1LDIyLjk4MTYyODkgMTQuMTMwMTY1OSwyMi45NTEzMTY2IEwxNi40NTcwMDYyLDE5LjEzOTAwOCBMMTYuNDczMDA0OSwxOS4xMTI2NzYxIEwxNi44Mjk3NzQzLDE5LjY4OTUyODUgQzE2Ljg0ODY1MjYsMTkuNzIwMTQ3IDE2Ljg4MzIwOTcsMTkuNzM3OTA1NyAxNi45MTg3MjY2LDE5LjczNzkwNTcgQzE2LjkzMzc2NTMsMTkuNzM3OTA1NyAxNi45NDkxMjQsMTkuNzM0ODQzOCAxNi45NjM1MjI4LDE5LjcyODEwNzggTDE4LjI5MTQwODgsMTkuMTIwMDI0NSBMMTguMzQxNjQ0NSwxOS4xNzAyMzg4IEwxNi4xMDU2NzY0LDIyLjg1MzAzMTIgQzE2LjA4NzExOCwyMi44ODMzNDM1IDE2LjA4NzExOCwyMi45MjA2OTgxIDE2LjEwNTY3NjQsMjIuOTUxMDEwNCBDMTYuMTIzOTE0OCwyMi45ODEzMjI3IDE2LjE1ODE1MTksMjMgMTYuMTk0OTQ4NywyMyBMMTkuOTE3MTg5MywyMyBDMTkuOTUzOTg2MiwyMyAxOS45ODc1ODMzLDIyLjk4MTYyODkgMjAuMDA2NDYxNywyMi45NTEzMTY2IEwyNS43NjIxMjc4LDEzLjUwNzk2MDggQzI1Ljc2NjkyNzQsMTMuNTAwMzA2MiAyNS43NzA3NjcxLDEzLjQ5MTczMyAyNS43NzMwMDY5LDEzLjQ4MzE1OTggTDI1Ljc3MzAwNjksMTMuNDgzMTU5OCBaIiB0cmFuc2Zvcm09InNjYWxlKDMuNCkgdHJhbnNsYXRlKC0zIC0zKSIgaWQ9Im1vdG9jYXJkLW0iIGZpbGw9IiNGRkZGRkYiPjwvcGF0aD4KPC9zdmc+Cg==) center 50px no-repeat
}

.button-animated.white-spinner.animated {
    background-color: #d6001c;
    background-position: 50%;
    border-color: #d6001c
}

.button-animated.white-spinner.animated span {
    opacity: 0;
    -webkit-transform: scale(2);
    transform: scale(2)
}

.sprite-line-icons use {
    fill-rule: evenodd;
    fill: none;
    stroke: #2a2a2a;
    stroke-width: 1.5;
    stroke-linecap: round;
    stroke-linejoin: round
}

.swiper-container .swiper-wrapper {
    align-items: center
}

.skeleton-gradient {
    -webkit-animation-duration: 1.8s;
    animation-duration: 1.8s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-name: placeHolderShimmer;
    animation-name: placeHolderShimmer;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    background-color: #f5f5f5 !important;
    background-repeat: repeat !important;
    background-size: 1500px 640px !important;
    background: linear-gradient(274deg, #f5f5f5 15%, #e8e8e8 38%, #f5f5f5 60%);
    position: relative
}

@-webkit-keyframes placeHolderShimmer {
    0% {
        background-position: -718px 0
    }
    to {
        background-position: 718px 0
    }
}

@keyframes placeHolderShimmer {
    0% {
        background-position: -718px 0
    }
    to {
        background-position: 718px 0
    }
}

@media only screen and (max-width: 600px) {
    .hide-on-small-and-down, .hide-on-small-only {
        display: none !important
    }
}

@media only screen and (max-width: 992px) {
    .hide-on-med-and-down {
        display: none !important
    }
}

@media only screen and (min-width: 601px) {
    .hide-on-med-and-up {
        display: none !important
    }
}

@media only screen and (min-width: 600px)and (max-width: 992px) {
    .hide-on-med-only {
        display: none !important
    }
}

@media only screen and (min-width: 993px) {
    .hide-on-large-only {
        display: none !important
    }
}

@media only screen and (min-width: 1281px) {
    .hide-on-extra-large-only {
        display: none !important
    }

    .show-on-extra-large {
        display: block !important
    }
}

@media only screen and (min-width: 993px) {
    .show-on-large {
        display: block !important
    }
}

@media only screen and (min-width: 600px)and (max-width: 992px) {
    .show-on-medium {
        display: block !important
    }
}

@media only screen and (max-width: 600px) {
    .show-on-small {
        display: block !important
    }
}

@media only screen and (min-width: 601px) {
    .show-on-medium-and-up {
        display: block !important
    }
}

@media only screen and (max-width: 992px) {
    .show-on-medium-and-down {
        display: block !important
    }
}

.colors .color {
    border: 1px solid #e0e0e0;
    display: inline-block;
    height: 29px;
    margin-bottom: 4px;
    margin-right: 4px;
    width: 29px
}

.colors .color:hover {
    opacity: .7
}

.colors .color.selected {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48Y2lyY2xlIGN4PSI4IiBjeT0iOCIgcj0iOCIgZmlsbD0iI0ZGRiIgb3BhY2l0eT0iLjc0OSIvPjxwYXRoIHN0cm9rZT0iIzAwMCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBzdHJva2Utd2lkdGg9IjEuNCIgZD0iTTExIDZsLTQuMTI1IDRMNSA4LjE4MiIvPjwvZz48L3N2Zz4=);
    background-position: 50%;
    background-repeat: no-repeat;
    transition: background-image .15s ease-in-out
}

.colors .color.selected:hover {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48Y2lyY2xlIGN4PSI4IiBjeT0iOCIgcj0iOCIgZmlsbD0iI0ZGRiIgb3BhY2l0eT0iLjc0OSIvPjxwYXRoIHN0cm9rZT0iIzAwMCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBzdHJva2Utd2lkdGg9IjEuNCIgZD0iTTEwLjg4IDVMNSAxMC44OE01IDVsNS44OCA1Ljg4Ii8+PC9nPjwvc3ZnPg==)
}

.colors .color.high-visibility, .colors .color.high-visibility.selected:hover {
    background-image: linear-gradient(45deg, #a8ff00, #e4ff00 20%, #e4ff00 33%, #b3ff00 48%, #e0ff00 64%, #e3ff00 76%, #abff00)
}

.colors .color.carbon, .colors .color.carbon.selected:hover {
    background: transparent url(https://cf-cdn.motocard.com/assets/images/colors/carbon.jpg) 50% no-repeat
}

.colors .color.carbon.selected, .colors .color.high-visibility.selected {
    position: relative
}

.colors .color.carbon.selected:before, .colors .color.high-visibility.selected:before {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48Y2lyY2xlIGN4PSI4IiBjeT0iOCIgcj0iOCIgZmlsbD0iI0ZGRiIgb3BhY2l0eT0iLjc0OSIvPjxwYXRoIHN0cm9rZT0iIzAwMCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBzdHJva2Utd2lkdGg9IjEuNCIgZD0iTTExIDZsLTQuMTI1IDRMNSA4LjE4MiIvPjwvZz48L3N2Zz4=);
    background-position: 50%;
    background-repeat: no-repeat;
    bottom: 0;
    content: "";
    display: block;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    transition: background-image .15s ease-in-out
}

.colors .color.carbon.selected:hover:before, .colors .color.high-visibility.selected:hover:before {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48Y2lyY2xlIGN4PSI4IiBjeT0iOCIgcj0iOCIgZmlsbD0iI0ZGRiIgb3BhY2l0eT0iLjc0OSIvPjxwYXRoIHN0cm9rZT0iIzAwMCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBzdHJva2Utd2lkdGg9IjEuNCIgZD0iTTEwLjg4IDVMNSAxMC44OE01IDVsNS44OCA1Ljg4Ii8+PC9nPjwvc3ZnPg==)
}

.text-uppercase {
    text-transform: uppercase
}

.resize-vertical {
    resize: vertical
}

.underline {
    -webkit-text-decoration: underline;
    text-decoration: underline
}

.p-0 {
    padding: 0 !important
}

freshchat-widget {
    display: none
}

@media only screen and (max-width: 600px) {
    #fc_frame {
        z-index: 1001 !important
    }
}

.product-page #fc_frame {
    transition: all .25s ease-out
}

@media only screen and (max-width: 600px) {
    .product-page #fc_frame {
        bottom: calc(12vh + 5px) !important
    }
}

.product-page.sticky-bar #fc_frame {
    bottom: 85px !important
}

@media only screen and (max-width: 600px) {
    .product-page.sticky-bar #fc_frame {
        bottom: calc(12vh + 5px) !important
    }
}

.product-page.product-page-mobile-expanded #fc_frame {
    -webkit-transform: translateX(200px);
    transform: translateX(200px)
}

body.cross-selling-expanded #fc_frame, body.modal-open #fc_frame, body.product-page-mobile-expanded #fc_frame {
    display: none !important
}

.v-select {
    background: #fff;
    border: 1px solid #000
}

.v-select.vs--open .vs__open-indicator {
    -webkit-transform: scale(.65) rotate(180deg) !important;
    transform: scale(.65) rotate(180deg) !important
}

.v-select .vs__dropdown-menu {
    border: 0;
    border-radius: 0;
    box-shadow: 0 20px 20px 0 rgba(0, 0, 0, .15), 0 0 35px 0 rgba(0, 0, 0, .2)
}

.v-select .vs__dropdown-option--highlight {
    background: #e8e8e8
}

.v-select .vs__clear svg, .v-select .vs__open-indicator {
    -webkit-transform: scale(.65);
    transform: scale(.65)
}

.v-select .vs__clear svg path, .v-select .vs__open-indicator path {
    fill: #000
}

.v-select .vs__clear {
    height: 100%;
    margin: 0;
    padding: 0 8px
}

.v-select .vs__clear svg {
    -webkit-transform: scale(.85);
    transform: scale(.85)
}

.v-select .vs__actions {
    margin-left: 8px;
    min-height: 46px;
    padding: 0;
    position: relative
}

.v-select .vs__actions:before {
    background: #d8d8d8;
    content: "";
    display: block;
    height: 30px;
    left: 0;
    position: absolute;
    top: calc(50% - 15px);
    width: 1px
}

.v-select .vs__actions > svg {
    margin: 4px
}

.v-select .vs__dropdown-toggle, .v-select .vs__selected-options {
    margin: 0 !important;
    padding: 0 !important
}

.v-select .vs__dropdown-toggle, .v-select .vs__search {
    border: none !important
}

.v-select .vs__search {
    height: calc(3rem - 2px);
    margin: 0 !important
}

.v-select .vs__selected + input.vs__search {
    width: 0
}

.v-select .vs__dropdown-option {
    border-bottom: 1px solid #d8d8d8;
    padding: 6px 10px !important
}

.v-select .vs__hidden_input {
    opacity: 0;
    position: absolute;
    z-index: -10
}

.v-select .vs__selected {
    margin: 0 !important;
    width: 100%
}

:root {
    --swiper-pagination-color: hsla(0, 0%, 100%, .8)
}

img {
    max-width: 100%
}

html#department-motorama .added-values-block {
    background: #ffd13b;
    color: #000;
    padding: 5px 0
}

html#department-motorama .added-values-block .container {
    width: 100%
}

html#department-motorama .added-values-block .added-values__container.swiper-wrapper {
    margin-bottom: 0
}

html#department-motorama .added-values-block .added-values__container li {
    font-size: 12px;
    line-height: 1.2em;
    padding-left: 30px;
    text-transform: none
}

@media only screen and (max-width: 600px) {
    html#department-motorama .added-values-block .added-values__container li {
        padding-left: 0
    }
}

html#department-motorama .added-values-block .added-values__container li a {
    color: #000 !important
}

html#department-motorama .added-values-block .added-values__container li svg {
    display: none
}

html#department-motorama .home-container .newsletter-main {
    background: #000;
    background-image: url(https://cf-cdn.motocard.com/assets/images/bg-newsletter-subscription.jpg);
    background-position: right bottom -140px;
    background-repeat: no-repeat;
    background-size: cover;
    color: #fff !important
}

html#department-motorama .home-container .newsletter-main:after {
    background-color: rgba(0, 0, 0, .75);
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 0
}

html#department-motorama .home-container .newsletter-main a {
    color: #fff;
    -webkit-text-decoration: underline;
    text-decoration: underline
}

html#department-motorama .home-container .newsletter-main > .front .newsletter__content .content__email input[type=email] {
    background: #fff !important;
    border: none
}

html#department-motorama .home-container .newsletter-main > .front .newsletter__content .content__email button {
    background-color: #fff;
    border: none;
    color: #1a1a1a
}

html#department-motorama .home-container .newsletter-main > .front .newsletter__content .content__email button span {
    display: none
}

html#department-motorama .home-container .newsletter-main > .front .newsletter__content .content__email button.animated {
    background-color: #000
}

html#department-motorama .home-container .newsletter-main > .confirm .confirm__content h3 {
    color: #fff
}

html#department-motorama .home-container .newsletter-main .legal-accept {
    color: #fff !important;
    font-size: 12px;
    line-height: 1.2em
}

html#department-motorama .mobile-menu__toggle svg use {
    stroke: #fff !important
}

html#department-motorama .mobile-menu__toggle span {
    color: #fff
}

@media only screen and (max-width: 600px) {
    html#department-motorama .header__top .motocard-logo {
        margin-left: -8px;
        max-width: 142px !important
    }

    html#department-motorama .header__top .motocard-logo-link img {
        height: auto;
        margin-left: 0;
        max-width: 142px;
        width: 142px !important
    }
}

html#department-motorama .header-container {
    background: #000;
    padding-top: 10px
}

html#department-motorama .header-container > div {
    background: #000
}

@media only screen and (max-width: 600px) {
    html#department-motorama .header-container.sticky-header, html#department-motorama .header-container.sticky-header > div {
        height: 93px
    }
}

html#department-motorama .header-container.sticky-header .top-bar {
    margin-top: 0
}

@media only screen and (max-width: 600px) {
    html#department-motorama .header-container {
        padding-top: 0
    }
}

html#department-motorama .search input {
    border-radius: 0
}

html#department-motorama .search .sprite-line-icons use {
    stroke: #d6001c
}

html#department-motorama .search .mobile-search-toggle > span {
    color: #fff
}

html#department-motorama .search .mobile-search-toggle .sprite-line-icons use {
    stroke: #fff
}

html#department-motorama .top-menu, html#department-motorama .top-menu a, html#department-motorama .user-menu > li > a span {
    color: #fff
}

html#department-motorama .user-menu > li > a > svg use {
    stroke: #fff
}

html#department-motorama .top-bar {
    background: #ffd13b;
    margin-top: -10px;
    max-width: 100vw;
    overflow: hidden
}

@media only screen and (max-width: 600px) {
    html#department-motorama .top-bar {
        margin-top: 0
    }
}

html#department-motorama .top-bar .container {
    align-items: center;
    display: flex;
    height: 32px;
    justify-content: space-between;
    margin: 0 auto;
    max-width: 100vw;
    width: 100%
}

html#department-motorama .top-bar .added-values__container {
    margin-top: -3px
}

html#department-motorama .top-bar > .container {
    height: 32px;
    max-width: 1280px;
    width: 95%
}

@media only screen and (max-width: 992px) {
    html#department-motorama .top-bar > .container {
        max-width: 100vw;
        width: 100%
    }
}

html#department-motorama .top-bar .contact-info {
    font-size: 13px;
    font-weight: 500;
    letter-spacing: -.5px
}

html#department-motorama .top-bar .contact-info span {
    border-right: 1px solid #000;
    margin-right: 4px;
    padding-right: 8px;
    white-space: nowrap
}

html#department-motorama .top-bar .contact-info span:last-child {
    border-right: none;
    margin-right: 0;
    padding-right: 0
}

html#department-motorama .top-bar .contact-info span strong {
    margin-left: 2px
}

@media only screen and (min-width: 601px)and (max-width: 992px) {
    html#department-motorama .top-bar .contact-info {
        font-size: 12px;
        padding-left: 4px
    }

    html#department-motorama .top-bar .contact-info span {
        margin-right: 2px;
        padding-right: 4px
    }
}

@media only screen and (max-width: 600px) {
    html#department-motorama .top-bar .contact-info {
        display: none
    }
}

html#department-motorama .top-bar .added-values-block .added-values__container, html#department-motorama .top-bar .added-values-block .row {
    max-width: 100%
}

html#department-motorama .top-bar .added-values-block .added-values__container li {
    font-size: 11px;
    line-height: 1em
}

@media only screen and (min-width: 601px)and (max-width: 992px) {
    html#department-motorama .top-bar .added-values-block .added-values__container li {
        font-size: 10px;
        padding-left: 10px
    }
}

@media only screen and (max-width: 600px) {
    html#department-motorama .top-bar .added-values-block .swiper-container {
        overflow: visible
    }
}

html#department-motorama .main-nav .main-nav__list li > .mtc-link, html#department-motorama .main-nav .main-nav__list li > a {
    color: #fff
}

html#department-motorama .main-nav .main-nav__list li ul li .mtc-link, html#department-motorama .main-nav .main-nav__list li ul li a {
    color: #000
}

html#department-motorama body.home .home-container .added-values-block {
    display: none;
    padding: 10px 0
}

@media only screen and (max-width: 600px) {
    html#department-motorama body.home .home-container .added-values-block {
        display: block
    }

    html#department-motorama body.home .header-container.sticky-header, html#department-motorama body.home .header-container.sticky-header > div {
        height: 61px
    }

    html#department-motorama body.home .top-bar {
        display: none
    }
}

html#department-motorama .results .added-values-block {
    display: none !important
}

html#department-motorama .facets-bar-mobile .fast-delivery-button.fixed, html#department-motorama .facets-bar-mobile button.fixed, html#department-motorama .facets-bar-mobile select.fixed {
    top: 86px
}

html#department-motorama .product-added-values .added-values-block {
    background: none
}

html#department-motorama .product-added-values .added-values__container li {
    line-height: 1em;
    text-transform: uppercase
}

html#department-motorama .product-added-values .added-values__container li a:before {
    background: #ffd13b !important
}

html#department-motorama .product-added-values .added-values__container li svg {
    display: inline-block
}

html#department-motorama .product-added-values .added-values__container li svg > * {
    stroke: #000 !important
}

:root {
    --vs-colors--lightest: rgba(60, 60, 60, .26);
    --vs-colors--light: rgba(60, 60, 60, .5);
    --vs-colors--dark: #333;
    --vs-colors--darkest: rgba(0, 0, 0, .15);
    --vs-search-input-color: inherit;
    --vs-search-input-bg: #fff;
    --vs-search-input-placeholder-color: inherit;
    --vs-font-size: 1rem;
    --vs-line-height: 1.4;
    --vs-state-disabled-bg: #f8f8f8;
    --vs-state-disabled-color: var(--vs-colors--light);
    --vs-state-disabled-controls-color: var(--vs-colors--light);
    --vs-state-disabled-cursor: not-allowed;
    --vs-border-color: var(--vs-colors--lightest);
    --vs-border-width: 1px;
    --vs-border-style: solid;
    --vs-border-radius: 4px;
    --vs-actions-padding: 4px 6px 0 3px;
    --vs-controls-color: var(--vs-colors--light);
    --vs-controls-size: 1;
    --vs-controls--deselect-text-shadow: 0 1px 0 #fff;
    --vs-selected-bg: #f0f0f0;
    --vs-selected-color: var(--vs-colors--dark);
    --vs-selected-border-color: var(--vs-border-color);
    --vs-selected-border-style: var(--vs-border-style);
    --vs-selected-border-width: var(--vs-border-width);
    --vs-dropdown-bg: #fff;
    --vs-dropdown-color: inherit;
    --vs-dropdown-z-index: 1000;
    --vs-dropdown-min-width: 160px;
    --vs-dropdown-max-height: 350px;
    --vs-dropdown-box-shadow: 0px 3px 6px 0px var(--vs-colors--darkest);
    --vs-dropdown-option-bg: #000;
    --vs-dropdown-option-color: var(--vs-dropdown-color);
    --vs-dropdown-option-padding: 3px 20px;
    --vs-dropdown-option--active-bg: #5897fb;
    --vs-dropdown-option--active-color: #fff;
    --vs-dropdown-option--deselect-bg: #fb5858;
    --vs-dropdown-option--deselect-color: #fff;
    --vs-transition-timing-function: cubic-bezier(1, -0.115, 0.975, 0.855);
    --vs-transition-duration: 150ms
}

.v-select {
    font-family: inherit;
    position: relative
}

.v-select, .v-select * {
    box-sizing: border-box
}

:root {
    --vs-transition-timing-function: cubic-bezier(1, 0.5, 0.8, 1);
    --vs-transition-duration: 0.15s
}

@-webkit-keyframes vSelectSpinner {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes vSelectSpinner {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

.vs__fade-enter-active, .vs__fade-leave-active {
    pointer-events: none;
    transition: opacity .15s cubic-bezier(1, .5, .8, 1);
    transition: opacity var(--vs-transition-duration) var(--vs-transition-timing-function)
}

.vs__fade-enter, .vs__fade-leave-to {
    opacity: 0
}

:root {
    --vs-disabled-bg: var(--vs-state-disabled-bg);
    --vs-disabled-color: var(--vs-state-disabled-color);
    --vs-disabled-cursor: var(--vs-state-disabled-cursor)
}

.vs--disabled .vs__clear, .vs--disabled .vs__dropdown-toggle, .vs--disabled .vs__open-indicator, .vs--disabled .vs__search, .vs--disabled .vs__selected {
    background-color: #f8f8f8;
    background-color: var(--vs-disabled-bg);
    cursor: not-allowed;
    cursor: var(--vs-disabled-cursor)
}

.v-select[dir=rtl] .vs__actions {
    padding: 0 3px 0 6px
}

.v-select[dir=rtl] .vs__clear {
    margin-left: 6px;
    margin-right: 0
}

.v-select[dir=rtl] .vs__deselect {
    margin-left: 0;
    margin-right: 2px
}

.v-select[dir=rtl] .vs__dropdown-menu {
    text-align: right
}

.vs__dropdown-toggle {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: #fff;
    background: var(--vs-search-input-bg);
    border: 1px solid rgba(60, 60, 60, .26);
    border: var(--vs-border-width) var(--vs-border-style) var(--vs-border-color);
    border-radius: 4px;
    border-radius: var(--vs-border-radius);
    display: flex;
    padding: 0 0 4px;
    white-space: normal
}

.vs__selected-options {
    display: flex;
    flex-basis: 100%;
    flex-grow: 1;
    flex-wrap: wrap;
    padding: 0 2px;
    position: relative
}

.vs__actions {
    align-items: center;
    display: flex;
    padding: 4px 6px 0 3px;
    padding: var(--vs-actions-padding)
}

.vs--searchable .vs__dropdown-toggle {
    cursor: text
}

.vs--unsearchable .vs__dropdown-toggle {
    cursor: pointer
}

.vs--open .vs__dropdown-toggle {
    border-bottom-color: transparent;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.vs__open-indicator {
    fill: rgba(60, 60, 60, .5);
    fill: var(--vs-controls-color);
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transform: scale(var(--vs-controls-size));
    transform: scale(var(--vs-controls-size));
    transition: -webkit-transform .15s cubic-bezier(1, .5, .8, 1);
    transition: transform .15s cubic-bezier(1, .5, .8, 1);
    transition: transform .15s cubic-bezier(1, .5, .8, 1), -webkit-transform .15s cubic-bezier(1, .5, .8, 1);
    transition: -webkit-transform var(--vs-transition-duration) var(--vs-transition-timing-function);
    transition: transform var(--vs-transition-duration) var(--vs-transition-timing-function);
    transition: transform var(--vs-transition-duration) var(--vs-transition-timing-function), -webkit-transform var(--vs-transition-duration) var(--vs-transition-timing-function);
    transition-timing-function: cubic-bezier(1, .5, .8, 1);
    transition-timing-function: var(--vs-transition-timing-function)
}

.vs--open .vs__open-indicator {
    -webkit-transform: rotate(180deg) scale(1);
    transform: rotate(180deg) scale(1);
    -webkit-transform: rotate(180deg) scale(var(--vs-controls-size));
    transform: rotate(180deg) scale(var(--vs-controls-size))
}

.vs--loading .vs__open-indicator {
    opacity: 0
}

.vs__clear {
    fill: rgba(60, 60, 60, .5);
    fill: var(--vs-controls-color);
    background-color: transparent;
    border: 0;
    cursor: pointer;
    margin-right: 8px;
    padding: 0
}

.vs__dropdown-menu {
    background: #fff;
    background: var(--vs-dropdown-bg);
    border: 1px solid rgba(60, 60, 60, .26);
    border: var(--vs-border-width) var(--vs-border-style) var(--vs-border-color);
    border-radius: 0 0 4px 4px;
    border-radius: 0 0 var(--vs-border-radius) var(--vs-border-radius);
    border-top-style: none;
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, .15);
    box-shadow: var(--vs-dropdown-box-shadow);
    box-sizing: border-box;
    color: inherit;
    color: var(--vs-dropdown-color);
    display: block;
    left: 0;
    list-style: none;
    margin: 0;
    max-height: 350px;
    max-height: var(--vs-dropdown-max-height);
    min-width: 160px;
    min-width: var(--vs-dropdown-min-width);
    overflow-y: auto;
    padding: 5px 0;
    position: absolute;
    text-align: left;
    top: calc(100% - 1px);
    top: calc(100% - var(--vs-border-width));
    width: 100%;
    z-index: 1000;
    z-index: var(--vs-dropdown-z-index)
}

.vs__no-options {
    text-align: center
}

.vs__dropdown-option {
    clear: both;
    color: inherit;
    color: var(--vs-dropdown-option-color);
    cursor: pointer;
    display: block;
    line-height: 1.42857143;
    padding: 3px 20px;
    padding: var(--vs-dropdown-option-padding);
    white-space: nowrap
}

.vs__dropdown-option--highlight {
    background: #5897fb;
    background: var(--vs-dropdown-option--active-bg);
    color: #fff;
    color: var(--vs-dropdown-option--active-color)
}

.vs__dropdown-option--deselect {
    background: #fb5858;
    background: var(--vs-dropdown-option--deselect-bg);
    color: #fff;
    color: var(--vs-dropdown-option--deselect-color)
}

.vs__dropdown-option--disabled {
    background: #f8f8f8;
    background: var(--vs-state-disabled-bg);
    color: rgba(60, 60, 60, .5);
    color: var(--vs-state-disabled-color);
    cursor: not-allowed;
    cursor: var(--vs-state-disabled-cursor)
}

.vs__selected {
    align-items: center;
    background-color: #f0f0f0;
    background-color: var(--vs-selected-bg);
    border: 1px solid rgba(60, 60, 60, .26);
    border: var(--vs-selected-border-width) var(--vs-selected-border-style) var(--vs-selected-border-color);
    border-radius: 4px;
    border-radius: var(--vs-border-radius);
    color: #333;
    color: var(--vs-selected-color);
    display: flex;
    line-height: 1.4;
    line-height: var(--vs-line-height);
    margin: 4px 2px 0;
    padding: 0 .25em;
    z-index: 0
}

.vs__deselect {
    fill: rgba(60, 60, 60, .5);
    fill: var(--vs-controls-color);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: none;
    border: 0;
    cursor: pointer;
    display: inline-flex;
    margin-left: 4px;
    padding: 0;
    text-shadow: 0 1px 0 #fff;
    text-shadow: var(--vs-controls--deselect-text-shadow)
}

.vs--single .vs__selected {
    background-color: transparent;
    border-color: transparent
}

.vs--single.vs--loading .vs__selected, .vs--single.vs--open .vs__selected {
    opacity: .4;
    position: absolute
}

.vs--single.vs--searching .vs__selected {
    display: none
}

.vs__search::-webkit-search-cancel-button {
    display: none
}

.vs__search::-ms-clear, .vs__search::-webkit-search-decoration, .vs__search::-webkit-search-results-button, .vs__search::-webkit-search-results-decoration {
    display: none
}

.vs__search, .vs__search:focus {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: none;
    border: 1px solid transparent;
    border-left: none;
    box-shadow: none;
    color: inherit;
    color: var(--vs-search-input-color);
    flex-grow: 1;
    font-size: 1rem;
    font-size: var(--vs-font-size);
    line-height: 1.4;
    line-height: var(--vs-line-height);
    margin: 4px 0 0;
    max-width: 100%;
    outline: none;
    padding: 0 7px;
    width: 0;
    z-index: 1
}

.vs__search::-moz-placeholder {
    color: inherit;
    color: var(--vs-search-input-placeholder-color)
}

.vs__search:-ms-input-placeholder {
    color: inherit;
    color: var(--vs-search-input-placeholder-color)
}

.vs__search::-webkit-input-placeholder {
    color: inherit;
    color: var(--vs-search-input-placeholder-color)
}

.vs__search::-ms-input-placeholder {
    color: inherit;
    color: var(--vs-search-input-placeholder-color)
}

.vs__search::placeholder {
    color: inherit;
    color: var(--vs-search-input-placeholder-color)
}

.vs--unsearchable .vs__search {
    opacity: 1
}

.vs--unsearchable:not(.vs--disabled) .vs__search {
    cursor: pointer
}

.vs--single.vs--searching:not(.vs--open):not(.vs--loading) .vs__search {
    opacity: .2
}

.vs__spinner {
    align-self: center;
    -webkit-animation: vSelectSpinner 1.1s linear infinite;
    animation: vSelectSpinner 1.1s linear infinite;
    border: .9em solid hsla(0, 0%, 39%, .1);
    border-left-color: rgba(60, 60, 60, .45);
    font-size: 5px;
    opacity: 0;
    overflow: hidden;
    text-indent: -9999em;
    -webkit-transform: translateZ(0) scale(1);
    transform: translateZ(0) scale(1);
    -webkit-transform: translateZ(0) scale(var(--vs-controls--spinner-size, var(--vs-controls-size)));
    transform: translateZ(0) scale(var(--vs-controls--spinner-size, var(--vs-controls-size)));
    transition: opacity .1s
}

.vs__spinner, .vs__spinner:after {
    border-radius: 50%;
    height: 5em;
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transform: scale(var(--vs-controls--spinner-size, var(--vs-controls-size)));
    transform: scale(var(--vs-controls--spinner-size, var(--vs-controls-size)));
    width: 5em
}

.vs--loading .vs__spinner {
    opacity: 1
}

.nuxt-progress {
    background-color: #d6001c;
    height: 4px;
    left: 0;
    opacity: 1;
    position: fixed;
    right: 0;
    top: 0;
    transition: width .1s, opacity .4s;
    width: 0;
    z-index: 999999
}

.nuxt-progress.nuxt-progress-notransition {
    transition: none
}

.nuxt-progress-failed {
    background-color: red
}

[data-v-c77bc0c8]:root {
    --swiper-pagination-color: hsla(0, 0%, 100%, .8)
}

img[data-v-c77bc0c8] {
    max-width: 100%
}

.content-container[data-v-c77bc0c8], .main-content[data-v-c77bc0c8], body[data-v-c77bc0c8] {
    min-height: 100vh
}

.error-flash-modal[data-v-c77bc0c8] .modal-header, .success-flash-modal[data-v-c77bc0c8] .modal-header {
    background-color: #fff;
    text-align: center;
    text-transform: uppercase
}

.error-flash-modal[data-v-c77bc0c8] .modal-header h3, .success-flash-modal[data-v-c77bc0c8] .modal-header h3 {
    font-weight: 900
}

.error-flash-modal[data-v-c77bc0c8] .modal-header h3 img, .success-flash-modal[data-v-c77bc0c8] .modal-header h3 img {
    display: block;
    margin: 0 auto 15px
}

.error-flash-modal[data-v-c77bc0c8] .modal-body, .success-flash-modal[data-v-c77bc0c8] .modal-body {
    padding: 40px 30px;
    text-align: center
}

.error-flash-modal h3[data-v-c77bc0c8] {
    color: #d6001c
}

.success-flash-modal h3[data-v-c77bc0c8] {
    color: #41a334
}

[data-v-8c8b0eb6]:root {
    --swiper-pagination-color: hsla(0, 0%, 100%, .8)
}

img[data-v-8c8b0eb6] {
    max-width: 100%
}

.login__modal[data-v-8c8b0eb6] .modal-header {
    display: none
}

.login__modal[data-v-8c8b0eb6] .modal-body {
    padding-top: 30px !important
}

:root {
    --swiper-pagination-color: hsla(0, 0%, 100%, .8)
}

img {
    max-width: 100%
}

.modal-wrapper {
    align-items: center;
    bottom: 0;
    display: flex;
    justify-content: center;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 10000
}

.modal-wrapper .modal-backdrop {
    background: hsla(0, 0%, 96%, .9);
    bottom: 0;
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 1
}

.modal-wrapper .modal {
    background: #fff;
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, .15), 0 0 35px 0 rgba(0, 0, 0, .2);
    display: flex;
    flex-direction: column;
    max-height: 80%;
    max-width: 70%;
    overflow: visible;
    z-index: 2
}

.modal-wrapper .modal * {
    box-sizing: border-box
}

.modal-wrapper .modal .modal__close-cont {
    position: relative
}

.modal-wrapper .modal .modal__close {
    background-color: #000;
    padding: 8px 12px;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 25
}

.modal-wrapper .modal .modal__close use {
    stroke: #fff;
    stroke-width: 1
}

.modal-wrapper .modal .modal-header {
    background-color: #f5f5f5;
    padding: 30px 30px 0;
    position: relative;
    z-index: 20
}

@media only screen and (max-width: 600px) {
    .modal-wrapper .modal .modal-header {
        padding: 30px 40px 30px 30px
    }
}

.modal-wrapper .modal .modal-header:empty {
    background-color: transparent;
    padding: 10px
}

.modal-wrapper .modal .modal-header h1 {
    color: #000;
    font-size: 20px;
    font-weight: 800;
    letter-spacing: -.4px;
    margin: 0;
    padding: 0 0 20px 35px;
    position: relative;
    text-transform: uppercase
}

.modal-wrapper .modal .modal-header h1 img {
    left: 0;
    position: absolute;
    top: 3px;
    -webkit-transform-origin: left center;
    transform-origin: left center
}

.modal-wrapper .modal .modal-header h1 svg {
    left: 0;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%) scale(2);
    transform: translateY(-50%) scale(2);
    -webkit-transform-origin: left center;
    transform-origin: left center
}

.modal-wrapper .modal .modal-header h1 svg use {
    stroke-width: .8
}

.modal-wrapper .modal .modal-header h1 small {
    display: block;
    opacity: .4
}

@media only screen and (max-width: 600px) {
    .modal-wrapper .modal .modal-header h1 {
        font-size: 17px;
        margin-left: 0;
        margin-right: 0;
        padding-left: 35px
    }
}

.modal-wrapper .modal .modal-body {
    max-height: 100%;
    overflow-y: auto;
    padding: 40px
}

@media only screen and (max-width: 600px) {
    .modal-wrapper .modal .modal-body {
        padding: 20px
    }
}

.modal-wrapper .modal .modal-body p {
    font-weight: 500;
    line-height: 1.4;
    margin-top: 0
}

.modal-wrapper .modal .modal-body p small {
    display: block;
    margin-top: 10px;
    opacity: .4
}

.modal-wrapper.contact-form__modal .modal-header h1 {
    padding-left: 10px
}

@media only screen and (max-width: 600px) {
    .modal-wrapper.contact-form__modal .modal-header h1 {
        padding-bottom: 0
    }
}

@media only screen and (min-width: 1281px) {
    .modal-wrapper .modal {
        max-height: 80%;
        max-width: 60%
    }
}

@media only screen and (max-width: 992px) {
    .modal-wrapper .modal {
        max-height: 90%;
        max-width: 80%
    }
}

@media only screen and (max-width: 600px) {
    .modal-wrapper .modal {
        margin: 0 auto;
        max-height: 95% !important;
        max-width: 95% !important;
        min-width: 0
    }
}

.modal-fade-enter, .modal-fade-leave-active {
    opacity: 0
}

.modal-fade-enter-active, .modal-fade-leave-active {
    transition: opacity .5s ease
}

[data-v-5500a4d9]:root {
    --swiper-pagination-color: hsla(0, 0%, 100%, .8)
}

img[data-v-5500a4d9] {
    max-width: 100%
}

.auth[data-v-5500a4d9] {
    max-width: 570px;
    position: relative
}

@media only screen and (max-width: 600px) {
    .auth[data-v-5500a4d9] {
        width: auto
    }
}

.auth a[data-v-5500a4d9] {
    color: #000
}

.auth p[data-v-5500a4d9] {
    font-size: 12px;
    font-weight: 800;
    letter-spacing: -.25px;
    margin: 15px 0 !important;
    text-align: center;
    text-transform: uppercase
}

.auth .social[data-v-5500a4d9] {
    background-color: #f5f5f5;
    margin: 30px -40px -40px;
    padding: 30px 0
}

@media only screen and (max-width: 600px) {
    .auth .social[data-v-5500a4d9] {
        margin: 20px -20px -20px;
        padding: 20px 0
    }
}

:root {
    --swiper-pagination-color: hsla(0, 0%, 100%, .8)
}

img {
    max-width: 100%
}

.tabs {
    display: flex
}

.tabs svg {
    display: block;
    margin: 0 auto 6px
}

.tabs svg use {
    stroke-width: 1.2
}

.tabs .tab {
    border-bottom: 2px solid #ccc;
    color: #949494;
    cursor: pointer;
    flex: 1 1 auto;
    font-size: 16px;
    font-weight: 800;
    letter-spacing: -.5px;
    padding: 22px 5px;
    text-align: center;
    text-transform: uppercase
}

@media only screen and (max-width: 600px) {
    .tabs .tab {
        font-size: 12px;
        line-height: 1.2;
        padding: 10px 0
    }
}

.tabs .tab:hover {
    color: #000
}

.tabs .tab:hover use {
    stroke: #d6001c
}

.tabs .tab.is-active {
    border-color: #d6001c;
    color: #000
}

.tabs .tab.is-active use {
    stroke: #d6001c
}

.disable-click {
    pointer-events: none
}

[data-v-185dd866]:root {
    --swiper-pagination-color: hsla(0, 0%, 100%, .8)
}

img[data-v-185dd866] {
    max-width: 100%
}

form[data-v-185dd866] {
    margin: 0 auto
}

form > .login-form__field[data-v-185dd866] {
    float: left;
    width: 48%
}

@media only screen and (max-width: 600px) {
    form > .login-form__field[data-v-185dd866] {
        float: none;
        width: 100%
    }
}

form > .login-form__field[data-v-185dd866]:nth-child(3) {
    float: right
}

@media only screen and (max-width: 600px) {
    form > .login-form__field[data-v-185dd866]:nth-child(3) {
        float: none
    }
}

form span.h2[data-v-185dd866] {
    display: block;
    font-size: 18px;
    font-weight: 800;
    letter-spacing: -.25px;
    margin: 0 auto 30px;
    padding: 30px 0 0;
    text-align: center;
    text-transform: uppercase
}

form span.h2 strong[data-v-185dd866] {
    display: block;
    font-size: 12px;
    margin-bottom: 10px
}

form span.h2 strong[data-v-185dd866] span span {
    color: #d6001c !important
}

@media only screen and (max-width: 600px) {
    form span.h2[data-v-185dd866] {
        font-size: 13px;
        margin: 0;
        padding: 20px 0
    }
}

form .button[data-v-185dd866] {
    background-color: #41a334;
    border-color: #41a334;
    color: #fff;
    display: block;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: -.25px;
    margin-bottom: 15px;
    margin-top: 15px;
    text-transform: uppercase;
    width: 100%
}

form a[data-v-185dd866] {
    color: #41a334;
    display: block;
    font-size: 12px;
    font-weight: 500;
    margin-bottom: 10px;
    text-align: center
}

.login-form__links[data-v-185dd866] {
    display: flex;
    justify-content: space-between
}

:root {
    --swiper-pagination-color: hsla(0, 0%, 100%, .8)
}

img {
    max-width: 100%
}

.social {
    display: flex;
    justify-content: center
}

.social .social__google {
    align-items: center;
    background: #fff;
    border-radius: 2px;
    box-shadow: 0 0 2px 0 rgba(0, 0, 0, .12), 0 1px 1px 0 rgba(0, 0, 0, .24);
    color: #000;
    display: flex;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: -.25px;
    padding: 10px 13px;
    text-transform: uppercase
}

.social .social__google img {
    height: 18px;
    margin-right: 5px;
    width: 18px
}

[data-v-48a93329]:root {
    --swiper-pagination-color: hsla(0, 0%, 100%, .8)
}

img[data-v-48a93329] {
    max-width: 100%
}

.cart[data-v-48a93329] {
    bottom: 0;
    isolation: isolate;
    list-style-type: none;
    opacity: 0;
    padding: 0;
    pointer-events: none;
    position: fixed;
    right: 0;
    top: 0;
    transition: all .5s ease-in;
    z-index: 3000000000
}

.cart.show[data-v-48a93329] {
    opacity: 1;
    pointer-events: auto
}

.cart .cart__overlay[data-v-48a93329] {
    background-color: hsla(0, 0%, 100%, .8);
    bottom: 0;
    content: "";
    display: block;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: -1
}

.cart .user-menu__cart-container[data-v-48a93329] {
    background-color: #fff;
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, .1), 0 0 35px 0 rgba(0, 0, 0, .15);
    height: calc(var(--vh) * 100);
    opacity: 0;
    -webkit-transform: translateX(1000px);
    transform: translateX(1000px);
    transition: all .3s ease-in;
    width: 500px
}

@media only screen and (max-width: 600px) {
    .cart .user-menu__cart-container[data-v-48a93329] {
        max-width: 86vw;
        min-width: 86vw
    }
}

.cart .user-menu__cart-container > div[data-v-48a93329] {
    display: flex;
    flex-direction: column;
    height: 100%;
    max-height: 100%;
    overflow: hidden
}

.cart .user-menu__cart-container.show[data-v-48a93329] {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0)
}

.cart .user-menu__cart-container[data-v-48a93329]:after {
    border: 8px solid rgba(136, 183, 213, 0);
    border-bottom-color: #fff;
    bottom: 100%;
    content: "";
    height: 0;
    margin-left: -8px;
    pointer-events: none;
    position: absolute;
    right: 22px;
    width: 0
}

[data-v-4945e36c]:root {
    --swiper-pagination-color: hsla(0, 0%, 100%, .8)
}

img[data-v-4945e36c] {
    max-width: 100%
}

.tablet .user-menu__cart-wrapper[data-v-4945e36c] {
    height: calc(var(--vh) * 100);
    position: relative
}

.tablet .user-menu__buy-buttons .user-menu__cart-total[data-v-4945e36c] {
    padding: 0 20px 10px
}

.tablet .user-menu__buy-buttons .user-menu__cart-total p[data-v-4945e36c] {
    margin-bottom: 10px;
    padding-top: 20px
}

.tablet .user-menu__buy-buttons .cart-buy-button[data-v-4945e36c], .tablet .user-menu__buy-buttons .cart-paypal-button[data-v-4945e36c] {
    font-size: 12px;
    padding: 15px
}

.tablet .user-menu__buy-buttons .cart-buy-button svg[data-v-4945e36c], .tablet .user-menu__buy-buttons .cart-paypal-button svg[data-v-4945e36c] {
    vertical-align: -5px
}

.tablet .user-menu__cart-empty[data-v-4945e36c] {
    left: 0;
    padding: 20px;
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.user-menu__cart-wrapper[data-v-4945e36c] {
    display: flex;
    flex-direction: column;
    height: 100%;
    min-height: 0;
    overflow: hidden
}

.user-menu__buy-buttons[data-v-4945e36c] {
    background-color: #fff;
    display: flex;
    flex-wrap: wrap;
    margin-top: auto
}

.user-menu__buy-buttons .user-menu__cart-total[data-v-4945e36c] {
    box-sizing: border-box;
    flex: 0 0 100%;
    padding: 0 30px 10px
}

@media only screen and (min-width: 601px)and (max-width: 992px) {
    .user-menu__buy-buttons .user-menu__cart-total[data-v-4945e36c] {
        padding: 0 20px 10px
    }
}

@media only screen and (max-width: 600px) {
    .user-menu__buy-buttons .user-menu__cart-total[data-v-4945e36c] {
        padding: 0 20px 10px
    }
}

.user-menu__buy-buttons .user-menu__cart-total p[data-v-4945e36c] {
    border-top: 1px solid #000;
    font-weight: 700;
    line-height: 20px;
    margin-top: 0;
    padding-top: 25px
}

@media only screen and (min-width: 601px)and (max-width: 992px) {
    .user-menu__buy-buttons .user-menu__cart-total p[data-v-4945e36c] {
        margin-bottom: 10px;
        padding-top: 20px
    }
}

@media only screen and (max-width: 600px) {
    .user-menu__buy-buttons .user-menu__cart-total p[data-v-4945e36c] {
        margin-bottom: 10px;
        padding-top: 20px
    }
}

.user-menu__buy-buttons .user-menu__cart-total p strong[data-v-4945e36c] {
    float: right;
    font-size: 20px;
    font-weight: 800
}

.user-menu__buy-buttons .user-menu__cart-total .user-menu__cart-financing[data-v-4945e36c] {
    font-size: 11px;
    letter-spacing: -.2px;
    line-height: 15px;
    padding-top: 15px;
    text-align: right;
    text-transform: uppercase
}

.user-menu__buy-buttons .user-menu__cart-total .user-menu__cart-financing strong[data-v-4945e36c] {
    float: none;
    font-size: 11px
}

.user-menu__buy-buttons.paypal-enabled .cart-buy-button[data-v-4945e36c] {
    flex: 0 0 50%
}

.user-menu__buy-buttons.paypal-enabled .cart-paypal-button[data-v-4945e36c] {
    flex: 1 0 50%;
    position: relative
}

.user-menu__buy-buttons .cart-buy-button[data-v-4945e36c], .user-menu__buy-buttons .cart-paypal-button[data-v-4945e36c] {
    color: #fff;
    display: block;
    font-size: 15px;
    font-weight: 800;
    padding: 20px;
    text-align: center;
    text-transform: uppercase;
    width: 100%
}

@media only screen and (min-width: 601px)and (max-width: 992px) {
    .user-menu__buy-buttons .cart-buy-button[data-v-4945e36c], .user-menu__buy-buttons .cart-paypal-button[data-v-4945e36c] {
        font-size: 12px;
        padding: 15px
    }
}

@media only screen and (max-width: 600px) {
    .user-menu__buy-buttons .cart-buy-button[data-v-4945e36c], .user-menu__buy-buttons .cart-paypal-button[data-v-4945e36c] {
        font-size: 12px;
        padding: 15px
    }
}

.user-menu__buy-buttons .cart-buy-button svg[data-v-4945e36c], .user-menu__buy-buttons .cart-paypal-button svg[data-v-4945e36c] {
    margin-right: 5px;
    vertical-align: -3px
}

@media only screen and (min-width: 601px)and (max-width: 992px) {
    .user-menu__buy-buttons .cart-buy-button svg[data-v-4945e36c], .user-menu__buy-buttons .cart-paypal-button svg[data-v-4945e36c] {
        vertical-align: -5px
    }
}

@media only screen and (max-width: 600px) {
    .user-menu__buy-buttons .cart-buy-button svg[data-v-4945e36c], .user-menu__buy-buttons .cart-paypal-button svg[data-v-4945e36c] {
        vertical-align: -5px
    }
}

.user-menu__buy-buttons .cart-buy-button[data-v-4945e36c] {
    background-color: #41a334
}

.user-menu__buy-buttons .cart-buy-button use[data-v-4945e36c] {
    stroke: #fff
}

.user-menu__buy-buttons .cart-paypal-button[data-v-4945e36c] {
    background-color: #238ec2;
    min-width: 0 !important
}

.user-menu__buy-buttons .cart-paypal-button[data-v-4945e36c] .spinner-container.button-mode, .user-menu__buy-buttons .cart-paypal-button[data-v-4945e36c] > span {
    align-items: center;
    display: flex;
    justify-content: center
}

.user-menu__cart-empty[data-v-4945e36c] {
    align-items: center;
    display: flex;
    flex-direction: column;
    font-size: 11px;
    font-weight: 500;
    height: 100%;
    justify-content: center;
    text-align: center;
    text-transform: uppercase
}

@media only screen and (min-width: 601px)and (max-width: 992px) {
    .user-menu__cart-empty[data-v-4945e36c] {
        left: 0;
        padding: 20px;
        position: absolute;
        right: 0;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%)
    }
}

@media only screen and (max-width: 600px) {
    .user-menu__cart-empty[data-v-4945e36c] {
        padding: 20px
    }
}

.user-menu__cart-empty svg[data-v-4945e36c] {
    display: block;
    margin: 0 auto 10px
}

.user-menu__cart-empty svg use[data-v-4945e36c] {
    stroke: #c2c2c2;
    stroke-width: 1.2
}

[data-v-4945e36c] .spinner-container {
    align-items: center;
    bottom: 0;
    display: flex;
    justify-content: center;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.add-for-free-shipping[data-v-4945e36c] {
    background-color: #cdfcee;
    border-radius: 3px;
    font-size: 11px;
    font-weight: 500;
    padding: 5px 2px;
    text-align: center;
    text-transform: uppercase
}

.add-for-free-shipping strong[data-v-4945e36c] {
    font-weight: 900
}

[data-v-5658f37b]:root {
    --swiper-pagination-color: hsla(0, 0%, 100%, .8)
}

img[data-v-5658f37b] {
    max-width: 100%
}

.cart__title[data-v-5658f37b] {
    align-items: center;
    border-bottom: 1px solid #000;
    display: flex !important;
    font-size: 14px;
    font-weight: 800;
    justify-content: space-between;
    margin: 20px 30px 0;
    padding-bottom: 15px;
    text-align: left;
    text-transform: uppercase
}

@media only screen and (max-width: 600px) {
    .cart__title[data-v-5658f37b] {
        margin: 30px 20px 0
    }
}

@media only screen and (min-width: 601px)and (max-width: 992px) {
    .cart__title[data-v-5658f37b] {
        margin: 30px 30px 0
    }
}

@media only screen and (max-width: 992px)and (orientation: landscape) {
    .cart__title[data-v-5658f37b] {
        padding: 15px
    }
}

.cart__title .mtc-link[data-v-5658f37b] {
    align-items: center;
    color: #000;
    display: flex;
    font-size: 10px;
    font-weight: 600;
    line-height: 1
}

.cart__title .mtc-link svg[data-v-5658f37b] {
    margin: 0;
    -webkit-transform: scale(.8);
    transform: scale(.8);
    -webkit-transform-origin: center right;
    transform-origin: center right
}

.cart__title .mtc-link use[data-v-5658f37b] {
    stroke: #000
}

[data-v-b91505fe]:root {
    --swiper-pagination-color: hsla(0, 0%, 100%, .8)
}

img[data-v-b91505fe] {
    max-width: 100%
}

.spinner-container[data-v-b91505fe] {
    align-items: center;
    display: flex
}

.message[data-v-b91505fe] {
    font-size: 13px;
    font-weight: 600;
    margin-left: 10px
}

.block-mode img[data-v-b91505fe] {
    display: block;
    margin: 0 auto
}

.button-mode[data-v-b91505fe], .inline-mode[data-v-b91505fe] {
    display: inline
}

.button-mode img[data-v-b91505fe] {
    vertical-align: middle;
    width: 28px
}

[data-v-163929be]:root {
    --swiper-pagination-color: hsla(0, 0%, 100%, .8)
}

img[data-v-163929be] {
    max-width: 100%
}

.dark .header-container[data-v-163929be] .motocard-logo .light {
    display: block
}

.dark .header-container[data-v-163929be] .motocard-logo .dark {
    display: none
}

.header-container[data-v-163929be] {
    border-bottom: 2px solid #efefef
}

@media only screen and (max-width: 600px) {
    .header-container[data-v-163929be] {
        border: 0;
        z-index: 1000 !important
    }
}

.header-container > div[data-v-163929be] {
    background-color: #fff
}

.header-container[data-v-163929be] .motocard-logo > span img {
    height: 68px;
    width: 220px
}

@media only screen and (min-width: 601px)and (max-width: 992px) {
    .header-container[data-v-163929be] .motocard-logo > span img {
        height: 39px;
        width: 140px
    }
}

@media only screen and (max-width: 600px) {
    .header-container[data-v-163929be] .motocard-logo > span img {
        height: 23px;
        width: 35px
    }
}

.header-container[data-v-163929be] .motocard-logo .light {
    display: none
}

.header-container[data-v-163929be] .motocard-logo .dark {
    display: block
}

.header-container.sticky-header[data-v-163929be] {
    height: 113px
}

@media only screen and (max-width: 600px) {
    .header-container.sticky-header[data-v-163929be] {
        height: 61px
    }
}

.header-container.sticky-header > div[data-v-163929be] {
    border-bottom: 0;
    box-shadow: 0 10px 30px 0 rgba(0, 0, 0, .1);
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    transition: all .2s ease-in;
    will-change: transform;
    z-index: 900
}

@media only screen and (max-width: 600px) {
    .header-container.sticky-header > div[data-v-163929be] {
        height: 61px
    }
}

@media (max-width: 374px) {
    .header-container.sticky-header > div[data-v-163929be] {
        height: 50px
    }
}

.header-container.sticky-header.absolute-pinned > div[data-v-163929be] {
    position: absolute
}

.header-container.sticky-header.sticky-header--unpinned > div[data-v-163929be] {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-transform: translateY(-120%);
    transform: translateY(-120%)
}

[data-v-01e938ce]:root {
    --swiper-pagination-color: hsla(0, 0%, 100%, .8)
}

img[data-v-01e938ce] {
    max-width: 100%
}

.header-container > div .container > .row[data-v-01e938ce] {
    margin-bottom: 0
}

.header__top[data-v-01e938ce] {
    align-content: center;
    align-items: center;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding: 18px 0 0;
    position: relative;
    z-index: 100
}

@media only screen and (max-width: 600px) {
    .header__top[data-v-01e938ce] {
        padding: 10px 0
    }

    .header__top > img[data-v-01e938ce] {
        height: auto;
        max-width: 124px
    }
}

.header__top > div[data-v-01e938ce] {
    flex: 0 0 33.33%
}

.header__top > div.motocard-logo[data-v-01e938ce] {
    min-width: 220px
}

@media only screen and (min-width: 601px)and (max-width: 992px) {
    .header__top > div[data-v-01e938ce] {
        flex: 0 0 20%
    }
}

.top-menu[data-v-01e938ce] {
    left: 50%;
    position: absolute;
    top: 10px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

:root {
    --swiper-pagination-color: hsla(0, 0%, 100%, .8)
}

img {
    max-width: 100%
}

#department-motorama .bcorp-logo.bcorp-logo--black, .dark .bcorp-logo.bcorp-logo--black {
    display: none !important
}

#department-motorama .bcorp-logo.bcorp-logo--white, #department-motorama .light .bcorp-logo.bcorp-logo--black, .dark .bcorp-logo.bcorp-logo--white {
    display: block !important
}

#department-motorama .light .bcorp-logo.bcorp-logo--white {
    display: none !important
}

[data-v-70d97741]:root {
    --swiper-pagination-color: hsla(0, 0%, 100%, .8)
}

img[data-v-70d97741] {
    max-width: 100%
}

.motocard-logo[data-v-70d97741] {
    align-items: center;
    display: flex
}

@media only screen and (max-width: 600px) {
    .motocard-logo[data-v-70d97741] {
        flex-direction: row-reverse
    }

    .bcorp-link[data-v-70d97741] {
        margin-left: 10px;
        margin-top: 6px
    }
}

.bcorp-link .bcorp-logo[data-v-70d97741] {
    display: flex;
    height: 42px;
    margin-right: 8px;
    width: 25px
}

.bcorp-link .bcorp-logo[data-v-70d97741] img {
    height: 42px;
    width: 25px
}

.bcorp-link .bcorp-logo.bcorp-logo--white[data-v-70d97741] {
    display: none
}

.mtc-link[data-v-70d97741], .mtc-link .light[data-v-70d97741] {
    display: block
}

.mtc-link .light[data-v-70d97741] img {
    display: block
}

@media only screen and (max-width: 600px) {
    img[data-v-70d97741] {
        display: block
    }
}

[data-v-c0bf95aa]:root {
    --swiper-pagination-color: hsla(0, 0%, 100%, .8)
}

img[data-v-c0bf95aa] {
    max-width: 100%
}

.mobile-search-toggle[data-v-c0bf95aa] {
    display: block;
    float: right;
    padding: 5px 2px
}

@media only screen and (min-width: 601px)and (max-width: 992px) {
    .mobile-search-toggle[data-v-c0bf95aa] {
        float: none;
        padding: 10px
    }
}

.mobile-search-toggle > svg[data-v-c0bf95aa] {
    display: block;
    margin: 0 auto 2px
}

@media only screen and (max-width: 600px) {
    .mobile-search-toggle > svg[data-v-c0bf95aa] {
        margin: 0 auto -1px;
        -webkit-transform: scale(.8);
        transform: scale(.8)
    }
}

.mobile-search-toggle use[data-v-c0bf95aa] {
    stroke: #000;
    stroke-width: 1;
    transition: all .2s ease-out
}

.mobile-search-toggle:hover use[data-v-c0bf95aa] {
    stroke: #d6001c
}

.mobile-search-toggle > span[data-v-c0bf95aa] {
    color: #000;
    display: block;
    font-size: 7px;
    font-weight: 500;
    letter-spacing: .2px;
    line-height: 1;
    text-transform: uppercase
}

@media only screen and (min-width: 601px)and (max-width: 992px) {
    .mobile-search-toggle > span[data-v-c0bf95aa] {
        font-size: 8px
    }
}

@media (max-width: 374px) {
    .mobile-search-toggle > span[data-v-c0bf95aa] {
        display: none
    }
}

.search[data-v-c0bf95aa] {
    flex: 0 0 33.33%
}

@media only screen and (max-width: 600px) {
    .search[data-v-c0bf95aa] {
        flex: 0 0 15%
    }
}

.search input[data-v-c0bf95aa] {
    -webkit-appearance: none;
    background-color: #fff;
    border: 0 !important;
    border-radius: 200px;
    box-shadow: 0 0 0 1px #000 !important;
    height: 2.2rem;
    margin-bottom: 0;
    padding: 15px 25px 15px 20px;
    transition: box-shadow .2s ease
}

.search input[data-v-c0bf95aa]:focus {
    border: 0 !important;
    box-shadow: 0 0 0 3px rgba(214, 0, 28, .75) !important
}

.search input:focus + button use[data-v-c0bf95aa] {
    stroke-width: 2.2
}

.search .search__input[data-v-c0bf95aa] {
    position: relative
}

.search button[data-v-c0bf95aa] {
    content: "";
    display: block;
    height: 20px;
    padding: 0;
    position: absolute;
    right: 15px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 20px
}

.search button use[data-v-c0bf95aa] {
    stroke: #d6001c;
    transition: all .2s ease
}

[data-v-6d3849da]:root {
    --swiper-pagination-color: hsla(0, 0%, 100%, .8)
}

img[data-v-6d3849da] {
    max-width: 100%
}

.order-tracking[data-v-6d3849da] {
    background-color: #fff;
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, .1), 0 0 35px 0 rgba(0, 0, 0, .15);
    padding: 20px !important;
    position: absolute;
    right: 0;
    text-align: left;
    width: 20%;
    z-index: 50
}

.order-tracking[data-v-6d3849da]:before {
    border: 4px solid rgba(136, 183, 213, 0);
    border-bottom-color: #fff;
    clear: both;
    content: "";
    height: 0;
    position: absolute;
    right: 50px;
    top: -8px;
    width: 0
}

.user-menu[data-v-6d3849da] {
    align-content: center;
    align-items: center;
    display: flex;
    flex: 0 0 33.33%;
    justify-content: flex-end;
    list-style-type: none;
    margin: 0;
    padding: 0
}

@media only screen and (max-width: 600px) {
    .user-menu[data-v-6d3849da] {
        flex: 0 0 25%;
        margin: 0
    }
}

.user-menu a[data-v-6d3849da] {
    display: block;
    padding: 10px
}

@media only screen and (max-width: 600px) {
    .user-menu a[data-v-6d3849da] {
        padding: 5px 2px
    }
}

.user-menu .user-menu__item a[data-v-6d3849da] {
    text-align: center
}

.user-menu .user-menu__item a[data-v-6d3849da] .account__user-avatar {
    position: relative
}

.user-menu .user-menu__item a[data-v-6d3849da] .account__user-avatar img {
    height: 26px;
    width: 26px
}

@media only screen and (max-width: 600px) {
    .user-menu .user-menu__item a[data-v-6d3849da] .account__user-avatar img {
        height: 22px;
        width: 22px
    }
}

.user-menu .user-menu__item a > svg[data-v-6d3849da] {
    display: block;
    margin: 0 auto 2px
}

@media only screen and (max-width: 600px) {
    .user-menu .user-menu__item a > svg[data-v-6d3849da] {
        margin: 0 auto -1px;
        -webkit-transform: scale(.8);
        transform: scale(.8)
    }
}

.user-menu .user-menu__item a > svg use[data-v-6d3849da] {
    stroke: #000;
    stroke-width: 1;
    transition: all .2s ease-out
}

.user-menu .user-menu__item a span[data-v-6d3849da] {
    color: #000;
    display: block;
    font-size: 8px;
    font-weight: 500;
    letter-spacing: .8px;
    line-height: 1;
    text-transform: uppercase
}

@media only screen and (max-width: 600px) {
    .user-menu .user-menu__item a span[data-v-6d3849da] {
        font-size: 7px;
        letter-spacing: 0
    }
}

@media (max-width: 374px) {
    .user-menu .user-menu__item a span[data-v-6d3849da] {
        display: none
    }
}

.user-menu .user-menu__item a:hover use[data-v-6d3849da] {
    stroke: #d6001c
}

.user-menu .user-menu__item .badge[data-v-6d3849da] {
    background-color: #d6001c;
    border-radius: 200px;
    color: #fff;
    font-size: 9px;
    font-weight: 700;
    padding: 3px 5px;
    position: absolute;
    right: 5px;
    top: 9px
}

@media only screen and (max-width: 600px) {
    .user-menu .user-menu__item .badge[data-v-6d3849da] {
        right: -3px;
        top: 3px
    }
}

.user-menu .user-menu__order-tracking[data-v-6d3849da] {
    position: relative
}

.user-menu .user-menu__order-tracking .order-tracking[data-v-6d3849da] {
    right: 0;
    top: calc(100% + 8px);
    width: 200px
}

.user-menu .user-menu__order-tracking .order-tracking[data-v-6d3849da]:before {
    right: 30px
}

.user-menu__account[data-v-6d3849da] {
    position: relative
}

.user-menu__account div[data-v-6d3849da] {
    margin: 1px auto 2px
}

@media only screen and (max-width: 600px) {
    .user-menu__mobile-cart[data-v-6d3849da] svg {
        margin: 0 auto
    }
}

.mobile-menu__toggle[data-v-6d3849da] {
    background-color: transparent;
    padding: 0
}

.mobile-menu__toggle img[data-v-6d3849da] {
    display: block
}

[data-v-4e1fcb18]:root {
    --swiper-pagination-color: hsla(0, 0%, 100%, .8)
}

img[data-v-4e1fcb18] {
    max-width: 100%
}

span.h3[data-v-4e1fcb18] {
    font-size: 13px;
    font-weight: 800;
    margin-bottom: 1em;
    margin-top: 0
}

label[data-v-4e1fcb18], span.h3[data-v-4e1fcb18] {
    display: block;
    text-transform: uppercase
}

label[data-v-4e1fcb18] {
    color: #000;
    font-size: 10px;
    margin-bottom: 0;
    padding-bottom: 3px
}

input[data-v-4e1fcb18] {
    height: 2.6rem !important;
    padding: 10px !important
}

button[data-v-4e1fcb18] {
    background-color: #000;
    border: 1px solid #000;
    color: #fff;
    font-size: 9px;
    font-weight: 600;
    line-height: 23px;
    margin-top: 5px;
    padding: 2px 10px;
    text-align: center;
    text-transform: uppercase
}

button[data-v-4e1fcb18] .button-mode img {
    width: 18px
}

button[data-v-4e1fcb18]:hover {
    background-color: #d6001c;
    border-color: #d6001c
}

button[data-v-4e1fcb18]:active, button[data-v-4e1fcb18]:focus {
    background-color: #f0001f;
    border-color: #f0001f
}

.error div[data-v-4e1fcb18] {
    color: #f44a4a;
    padding: 5px;
    text-align: center
}

[data-v-b442d7bc]:root {
    --swiper-pagination-color: hsla(0, 0%, 100%, .8)
}

img[data-v-b442d7bc] {
    max-width: 100%
}

.spinner-container[data-v-b442d7bc] {
    align-items: center;
    display: flex
}

.message[data-v-b442d7bc] {
    font-size: 13px;
    font-weight: 600;
    margin-left: 10px
}

.block-mode img[data-v-b442d7bc] {
    display: block;
    margin: 0 auto
}

.button-mode[data-v-b442d7bc], .inline-mode[data-v-b442d7bc] {
    display: inline
}

.button-mode img[data-v-b442d7bc] {
    left: 50%;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    vertical-align: middle;
    width: 28px
}

[data-v-9f685454]:root {
    --swiper-pagination-color: hsla(0, 0%, 100%, .8)
}

img[data-v-9f685454] {
    max-width: 100%
}

.small[data-v-9f685454] {
    display: inline-block;
    font-size: 9px;
    font-style: normal;
    height: 26px;
    line-height: 27px;
    width: 26px
}

@media only screen and (max-width: 600px) {
    .small[data-v-9f685454] {
        height: 22px;
        line-height: 22px;
        width: 22px
    }
}

.big[data-v-9f685454] {
    font-size: 45px;
    height: 110px;
    line-height: 110px;
    margin-bottom: 20px;
    width: 110px
}

.account__user-avatar[data-v-9f685454] {
    border-radius: 200px;
    color: #fff;
    font-weight: 700;
    text-align: center;
    text-transform: uppercase
}

.account__user-avatar img[data-v-9f685454] {
    border-radius: 200px;
    height: 100%;
    left: 0;
    position: absolute;
    width: 100%
}

[data-v-a5457e26]:root {
    --swiper-pagination-color: hsla(0, 0%, 100%, .8)
}

img[data-v-a5457e26] {
    max-width: 100%
}

.user-menu__cart[data-v-a5457e26] {
    position: relative
}

@media only screen and (max-width: 600px) {
    .user-menu__cart > a[data-v-a5457e26] {
        padding: 5px 2px
    }
}

[data-v-342e8040]:root {
    --swiper-pagination-color: hsla(0, 0%, 100%, .8)
}

img[data-v-342e8040] {
    max-width: 100%
}

a[data-v-342e8040] {
    display: block;
    padding: 10px;
    text-align: center
}

a use[data-v-342e8040] {
    stroke: #000;
    stroke-width: 1;
    transition: all .2s ease-out
}

a > svg[data-v-342e8040] {
    margin: 1px auto 2px
}

@media only screen and (max-width: 600px) {
    a > svg[data-v-342e8040] {
        margin: 0 auto -1px;
        -webkit-transform: scale(.8);
        transform: scale(.8)
    }
}

a:hover use[data-v-342e8040] {
    stroke: #d6001c
}

a > svg[data-v-342e8040] {
    display: block
}

@media only screen and (max-width: 600px) {
    a > svg[data-v-342e8040] {
        -webkit-transform: scale(.8);
        transform: scale(.8)
    }
}

a .text[data-v-342e8040] {
    color: #000;
    display: block;
    font-size: 8px;
    font-weight: 500;
    letter-spacing: .8px;
    line-height: 1;
    text-transform: uppercase
}

@media only screen and (max-width: 600px) {
    a .text[data-v-342e8040] {
        font-size: 7px;
        letter-spacing: 0
    }
}

@media (max-width: 374px) {
    a .text[data-v-342e8040] {
        display: none
    }
}

.badge[data-v-342e8040] {
    background-color: #d6001c;
    border-radius: 200px;
    color: #fff;
    font-size: 9px;
    font-weight: 700;
    padding: 2px 6px;
    position: absolute;
    right: 5px;
    top: 9px
}

@media only screen and (max-width: 600px) {
    .badge[data-v-342e8040] {
        right: -8px;
        top: 3px
    }
}

[data-v-51c6a483]:root {
    --swiper-pagination-color: hsla(0, 0%, 100%, .8)
}

img[data-v-51c6a483] {
    max-width: 100%
}

.top-menu[data-v-51c6a483] {
    display: flex;
    font-size: 8px;
    letter-spacing: 1px;
    line-height: 8px;
    text-align: center;
    text-transform: uppercase
}

.top-menu > li[data-v-51c6a483] {
    border-right: 1px solid #d8d8d8
}

.top-menu > li[data-v-51c6a483]:last-child {
    border: 0
}

.top-menu a[data-v-51c6a483] {
    color: #000;
    font-weight: 500;
    padding: 2px 8px
}

.top-menu a[data-v-51c6a483]:hover {
    color: #d6001c
}

.top-menu .shops[data-v-51c6a483] {
    position: relative
}

.top-menu .shops svg[data-v-51c6a483] {
    left: -6px;
    position: absolute;
    top: -3px
}

.top-menu .shops svg use[data-v-51c6a483] {
    stroke-width: 1;
    stroke: #000
}

.change-locale[data-v-51c6a483] {
    font-size: 8px;
    font-weight: 500;
    padding: 0 8px;
    position: relative;
    text-transform: uppercase
}

.change-locale > ul > li[data-v-51c6a483] {
    align-items: center;
    display: flex
}

.change-locale strong[data-v-51c6a483] {
    font-weight: 500;
    margin-right: 3px
}

.change-locale strong[data-v-51c6a483]:last-child {
    margin-right: 0
}

.change-locale strong + svg use[data-v-51c6a483] {
    -webkit-transform: scale(.8);
    transform: scale(.8)
}

.change-locale .flag[data-v-51c6a483] {
    display: inline-block;
    height: 7px;
    position: relative;
    width: 7px
}

.change-locale .flag img[data-v-51c6a483] {
    height: 7px;
    left: 50%;
    max-width: 10px;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: auto
}

.change-locale svg[data-v-51c6a483] {
    position: absolute;
    right: -3px;
    top: -3px
}

.change-locale use[data-v-51c6a483] {
    stroke-width: .9
}

.change-locale .change-local-form[data-v-51c6a483] {
    right: 0;
    top: calc(100% + 8px);
    width: 200px
}

.change-local-form[data-v-51c6a483] {
    background-color: #fff;
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, .1), 0 0 35px 0 rgba(0, 0, 0, .15);
    padding: 20px !important;
    position: absolute;
    right: 0;
    text-align: left;
    top: 20px;
    width: 65%;
    z-index: 120
}

.change-local-form[data-v-51c6a483]:before {
    border: 4px solid rgba(136, 183, 213, 0);
    border-bottom-color: #fff;
    clear: both;
    content: "";
    height: 0;
    position: absolute;
    right: 30px;
    top: -8px;
    width: 0
}

[data-v-3defe937]:root {
    --swiper-pagination-color: hsla(0, 0%, 100%, .8)
}

img[data-v-3defe937] {
    max-width: 100%
}

label[data-v-3defe937] {
    color: #000;
    display: block;
    font-size: 10px;
    margin-bottom: 0;
    padding-bottom: 3px;
    text-transform: uppercase
}

select[data-v-3defe937] {
    width: 100%
}

button[data-v-3defe937] {
    background-color: #000;
    border: 1px solid #000;
    color: #fff;
    font-size: 9px;
    font-weight: 600;
    line-height: 23px;
    margin-top: 5px;
    padding: 2px 10px;
    text-align: center;
    text-transform: uppercase
}

button[data-v-3defe937]:hover {
    background-color: #d6001c;
    border-color: #d6001c
}

button[data-v-3defe937]:active, button[data-v-3defe937]:focus {
    background-color: #f0001f;
    border-color: #f0001f
}

:root {
    --swiper-pagination-color: hsla(0, 0%, 100%, .8)
}

img {
    max-width: 100%
}

.main-nav__list {
    align-items: center;
    display: flex;
    flex-wrap: nowrap;
    justify-content: center
}

.main-nav__list > li {
    align-items: center;
    display: flex;
    height: 34px
}

.main-nav__list > li > .mtc-link, .main-nav__list > li > a {
    line-height: 1.05em
}

[data-v-cb0d13fa]:root {
    --swiper-pagination-color: hsla(0, 0%, 100%, .8)
}

img[data-v-cb0d13fa] {
    max-width: 100%
}

.main-nav[data-v-cb0d13fa] {
    height: 34px;
    margin-top: 5px;
    max-height: 34px;
    position: relative;
    text-align: center
}

.main-nav > .container > .row[data-v-cb0d13fa] {
    margin-bottom: 0
}

@media only screen and (max-width: 600px) {
    .main-nav[data-v-cb0d13fa] {
        display: none
    }
}

[data-v-22b63c02]:root {
    --swiper-pagination-color: hsla(0, 0%, 100%, .8)
}

img[data-v-22b63c02] {
    max-width: 100%
}

li[data-v-22b63c02] {
    display: flex
}

li.highlighted[data-v-22b63c02], li.open[data-v-22b63c02] {
    background-color: #d6001c
}

li.highlighted .mtc-link[data-v-22b63c02], li.highlighted > a[data-v-22b63c02], li.open .mtc-link[data-v-22b63c02], li.open > a[data-v-22b63c02] {
    color: #fff
}

li .mtc-link[data-v-22b63c02], li > a[data-v-22b63c02] {
    color: #000;
    display: inline-block;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 1.05em;
    padding: 6px 18px;
    text-transform: uppercase
}

@media (max-width: 1399px) {
    li .mtc-link[data-v-22b63c02], li > a[data-v-22b63c02] {
        font-size: 11px;
        letter-spacing: .5px;
        padding: 6px 10px
    }
}

@media (max-width: 1020px) {
    li .mtc-link[data-v-22b63c02], li > a[data-v-22b63c02] {
        font-size: 11px;
        letter-spacing: .2px;
        padding: 6px 8px
    }
}

@media (max-width: 980px) {
    li .mtc-link[data-v-22b63c02], li > a[data-v-22b63c02] {
        font-size: 10px;
        letter-spacing: 0;
        padding: 6px
    }
}

@media (max-width: 890px) {
    li .mtc-link[data-v-22b63c02], li > a[data-v-22b63c02] {
        font-size: 10px;
        letter-spacing: -.5px;
        padding: 6px
    }
}

@media (max-width: 771px) {
    li .mtc-link[data-v-22b63c02], li > a[data-v-22b63c02] {
        font-size: 9px;
        letter-spacing: -.5px;
        padding: 6px
    }
}

[data-v-4ab08f40]:root {
    --swiper-pagination-color: hsla(0, 0%, 100%, .8)
}

img[data-v-4ab08f40] {
    max-width: 100%
}

.change-country-buttons[data-v-4ab08f40] {
    padding-top: 15px
}

.change-country-buttons button[data-v-4ab08f40] {
    border: 1px solid #000;
    font-size: 12px;
    font-weight: 800;
    height: 47px;
    letter-spacing: -.26px;
    line-height: 47px;
    padding: 0 20px;
    text-align: center;
    text-transform: uppercase
}

@media only screen and (max-width: 600px) {
    .change-country-buttons button[data-v-4ab08f40] {
        margin-bottom: 10px;
        padding: 0;
        width: 100%
    }
}

.change-country-buttons button img[data-v-4ab08f40] {
    margin-right: 5px
}

:root {
    --swiper-pagination-color: hsla(0, 0%, 100%, .8)
}

img {
    max-width: 100%
}

#blog-wrapper {
    font-family: system, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    font-size: 16px;
    word-spacing: 1px
}

#blog-wrapper, #blog-wrapper * {
    box-sizing: border-box
}

#blog-wrapper h1, #blog-wrapper h2, #blog-wrapper h3, #blog-wrapper input, #blog-wrapper select {
    font-family: system, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"
}

#blog-wrapper .blog-search-form {
    align-items: center;
    display: flex
}

#blog-wrapper .blog-search-form label {
    flex: 1;
    margin-bottom: 0
}

#blog-wrapper .blog-search-form label input {
    border-right: 0;
    margin-bottom: 0
}

#blog-wrapper .blog-search-form label input:focus {
    border-bottom: 1px solid #000;
    box-shadow: none
}

#blog-wrapper .blog-search-form .button {
    align-self: stretch;
    color: #fff
}

#blog-wrapper .blog-search-form .button:hover {
    border-color: #f0001f;
    cursor: pointer
}

#blog-wrapper .breadcrumbs {
    font-size: 10px;
    font-weight: 500
}

#blog-wrapper .breadcrumbs > span:after {
    content: "/";
    font-family: system, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"
}

#blog-wrapper .breadcrumbs > span:last-child {
    color: #000
}

#blog-wrapper .categories-menu .submenu-content {
    /*max-height: 55px*/
}

#blog-wrapper li .mtc-link, li > a{
    padding: 0;
}

#blog-wrapper .categories-menu .icon-container img {
    height: 24px;
    width: 23px
}

#blog-wrapper .categories-menu li {
    padding: 15px 0 12px !important
}

#blog-wrapper .categories-menu .main-category {
    display: flex
}

#blog-wrapper .categories-menu .main-category .icon-container {
    margin-right: 8px
}

#blog-wrapper .categories-menu .main-category .text-container p {
    color: #000;
    margin: 0
}

#blog-wrapper .slider-home article {
/*    max-width: 439px*/
}

#blog-wrapper .table-content-wrapper img {
    height: 10px;
    width: 10px
}

#blog-wrapper .follow-us-container img {
    height: 29px;
    width: 29px
}

#blog-wrapper .posts-date-category img {
    height: 14px;
    width: 14px
}

#blog-wrapper .main-post .title-container img {
    height: 38px;
    width: 38px
}

#blog-wrapper .category-title-container .page-title img {
    height: 30px;
    width: 31px
}

#blog-wrapper .top-gallery .carousel-main-gallery, #blog-wrapper .top-gallery .slick-track {
    aspect-ratio: 16/9;
    max-height: 494px;
    overflow: hidden
}

#blog-wrapper .carousel-thumb-gallery {
    max-height: 112px;
    overflow: hidden
}

#blog-wrapper .carousel-thumb-gallery .thumbnail-image {
    aspect-ratio: 16/9;
    height: 112px
}

#blog-wrapper .home-link img {
    max-height: 12px;
    max-width: 11px
}

#blog-wrapper .article-header {
    border-color: #d6001c
}

#blog-wrapper .article-header .entry-date-category-share {
    align-items: center;
    display: flex;
    justify-content: space-between
}

#blog-wrapper .article-header .entry-date-category-share .share-links-wrapper {
    font-size: 12px;
    margin: 5px 0 15px
}

@media only screen and (max-width: 600px) {
    #blog-wrapper .article-header .entry-date-category-share .share-links-wrapper {
        margin-top: 0
    }

    #blog-wrapper .article-header .entry-date-category-share {
        align-items: flex-start;
        flex-direction: column;
        margin-top: 5px
    }
}

#blog-wrapper .read-more img {
    height: 9px;
    width: 10px
}

#blog-wrapper .categories-archive-container li a.current {
    background-color: #d6001c
}

#blog-wrapper .sidebar-title {
    border-color: #d6001c;
    color: #000;
    font-size: 13px !important;
    padding: 0 0 0 7px !important
}

#blog-wrapper .newsletter-container {
    color: #000;
    display: none;
    font-weight: 500
}

#blog-wrapper .newsletter-container .input-email {
    background-color: #fff;
    border-radius: 0;
    border-right: 0;
    height: 50px
}

#blog-wrapper .newsletter-container .input-email + button {
    background-color: #d6001c;
    border-radius: 0;
    height: 50px
}

#blog-wrapper .newsletter-container .checkbox-block {
    background-color: #fff;
    border: 1px solid #000;
    cursor: pointer;
    display: inline-block;
    height: 18px;
    margin-right: 10px;
    position: relative;
    -webkit-transform-origin: center;
    transform-origin: center;
    transition: all .15s .2s;
    vertical-align: -3px;
    width: 18px
}

#blog-wrapper .newsletter-container .checkbox-block:before {
    background: #000;
    border-radius: 1px;
    content: "";
    height: 1px;
    left: 5px;
    position: absolute;
    top: 7px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    transition: width 50ms ease 50ms;
    width: 0
}

#blog-wrapper .newsletter-container .checkbox-block:after {
    background: #000;
    border-radius: 1px;
    content: "";
    height: 1px;
    left: 7px;
    position: absolute;
    top: 11px;
    -webkit-transform: rotate(305deg);
    transform: rotate(305deg);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    transition: width 50ms ease;
    width: 0
}

#blog-wrapper .newsletter-container .mc-checkbox {
    display: none;
    pointer-events: auto;
    position: static
}

#blog-wrapper .newsletter-container .mc-checkbox:checked + .mc-checkbox-label .checkbox-block {
    background-color: #d6001c;
    border-color: #d6001c
}

#blog-wrapper .newsletter-container .mc-checkbox:checked + .mc-checkbox-label .checkbox-block:after, #blog-wrapper .newsletter-container .mc-checkbox:checked + .mc-checkbox-label .checkbox-block:before {
    background: #fff
}

#blog-wrapper .newsletter-container .mc-checkbox:checked + .mc-checkbox-label .checkbox-block:before {
    width: 5px
}

#blog-wrapper .newsletter-container .mc-checkbox:checked + .mc-checkbox-label .checkbox-block:after {
    width: 8px
}

#blog-wrapper .newsletter-container .mc-checkbox-label {
    color: #000 !important;
    position: relative
}

#blog-wrapper .newsletter-container .mc-checkbox-label:hover {
    cursor: pointer
}

#blog-wrapper .newsletter-container .mc-checkbox-label:hover .checkbox-block:before {
    transition: width .1s ease;
    width: 5px
}

#blog-wrapper .newsletter-container .mc-checkbox-label:hover .checkbox-block:after {
    transition: width .15s ease .1s;
    width: 8px
}

#blog-wrapper .follow-us-container .title {
    color: #000;
    font-weight: 500
}

#blog-wrapper .follow-us-container li {
    margin-right: 0
}

#blog-wrapper .follow-us-container li a {
    background-color: #e3e3e3;
    display: block;
    height: 29px;
    text-align: center;
    width: 29px;
    text-transform: none;
    letter-spacing: 0;
    font-weight: normal;
    padding:0;
}

#blog-wrapper .mini-posts-container .post-container a {
    display: flex
}

#blog-wrapper .mini-posts-container .title {
    font-weight: 500
}

#blog-wrapper .mini-posts-container .image {
    border-radius: 0
}

#blog-wrapper .related-products-lists img {
    height: 80px;
    width: 80px
}

#blog-wrapper .related-products-lists .product {
    max-height: 103px
}

#blog-wrapper .related-products-lists .product a {
    display: flex
}

#blog-wrapper .related-products-lists .product .discount {
    background-color: #d6001c;
    border-radius: 0;
    padding: 1px 5px
}

#blog-wrapper .main-post .title-container h1 {
    margin: 0 auto;
    max-width: 70%
}

#blog-wrapper .entry-content h2 {
    border-color: #d6001c;
    color: #000;
    text-align: left;
}

#blog-wrapper .entry-content > p {
    color: #000
}

#blog-wrapper .entry-content > p > img {
    margin-bottom: 0
}

#blog-wrapper .entry-content ul li:before {
    content: "\00B7";
    font-family: system, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"
}

#blog-wrapper .slider-featured-posts-container {
/*    width: 1280px*/
}

#blog-wrapper .slider-featured-posts-container .we-recommend {
    align-items: center;
    display: flex
}

#blog-wrapper .slider-featured-posts-container .slider-arrows {
    border-radius: 0;
    height: 32px
}

#blog-wrapper .slider-featured-posts-container .slider-arrows img {
    height: 10px;
    width: 6px
}

#blog-wrapper .slider-featured-posts-container .next, #blog-wrapper .slider-featured-posts-container .prev {
    height: 30px
}

#blog-wrapper .slider-featured-posts-container .next img, #blog-wrapper .slider-featured-posts-container .prev img {
    vertical-align: -5px
}

#blog-wrapper .slider-featured-posts-container .slider-featured-post .title-container, #blog-wrapper .slider-featured-posts-container .slider-featured-post img {
    border-radius: 0
}

#blog-wrapper .slider-featured-posts-container .slider-featured-post h2 {
    color: #000;
    font-size: 14px;
    font-weight: 800;
    line-height: 1.1;
    margin-top: 5px;
    text-transform: uppercase
}

#blog-wrapper .big-post {
    border-radius: 0;
    text-align: left
}

#blog-wrapper .big-post .title-container {
    padding: 25px
}

#blog-wrapper .big-post h2 {
    color: #000;
    font-weight: 800;
    margin-top: 0;
    text-transform: uppercase
}

#blog-wrapper .section-separator-title p {
    margin-top: 4px
}

#blog-wrapper .section-separator-title.filter .filter-select select {
    line-height: 1
}

#blog-wrapper .grid-container .row {
    display: flex;
    margin-bottom: 0
}

@media only screen and (max-width: 600px) {
    #blog-wrapper .grid-container .row {
        flex-direction: column
    }
}

#blog-wrapper .grid-container .row .medium-6 {
    flex: 0 0 50%;
    padding-right: .9375rem
}

@media only screen and (max-width: 600px) {
    #blog-wrapper .grid-container .row .medium-6 {
        flex: 0 0 100%;
        padding: 0
    }
}

#blog-wrapper .grid-container .row .medium-6:last-child {
    padding-left: .9375rem;
    padding-right: 0
}

@media only screen and (max-width: 600px) {
    #blog-wrapper .grid-container .row .medium-6:last-child {
        padding: 0
    }
}

#blog-wrapper .grid-item {
    border-radius: 0
}

#blog-wrapper .grid-item h2 {
    color: #000;
    font-family: system, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    font-weight: 800;
    margin-bottom: 2px;
    margin-top: 0;
    text-transform: uppercase
}

@media only screen and (max-width: 600px) {
    #blog-wrapper .grid-item h2 {
        line-height: 1.1
    }
}

#blog-wrapper .grid-item .title-container .posts-date-category {
    margin-bottom: 5px;
    margin-top: 0
}

#blog-wrapper .grid-item .title-container .posts-date-category img {
    height: 14px;
    width: 14px
}

#blog-wrapper .grid-item .text-container p {
    font-weight: 500;
    margin-top: 0
}

#blog-wrapper .grid-item .read-more {
    font-size: 11px;
    font-weight: 500;
    text-transform: uppercase
}

#blog-wrapper .paginate-link-container .page-numbers {
    background-color: transparent;
    border-radius: 0;
    color: #000
}

#blog-wrapper .paginate-link-container .page-numbers:hover {
    background-color: #fff !important
}

#blog-wrapper .paginate-link-container .page-numbers.current {
    background-color: #d6001c;
    color: #fff
}

#blog-wrapper .paginate-link-container .page-numbers.current:hover {
    background-color: #d6001c !important;
    color: #fff
}

#blog-wrapper .paginate-link-container .page-numbers.next, #blog-wrapper .paginate-link-container .page-numbers.prev {
    background-color: transparent
}

#blog-wrapper .paginate-link-container .page-numbers.next:hover, #blog-wrapper .paginate-link-container .page-numbers.prev:hover {
    background-color: #fff !important
}

#blog-wrapper .products-shortcode-container .title h2 {
    background-color: #f5f5f5;
    border-left: none;
    color: #000;
    display: inline-block;
    font-size: 17px;
    margin-bottom: 0;
    margin-top: 0;
    padding: 0 15px;
    position: relative
}

@media (max-width: 767px) {
    #blog-wrapper .products-shortcode-container .title h2 {
        margin: initial
    }
}

#blog-wrapper .products-shortcode-container .product-container a {
    display: block
}

#blog-wrapper .products-shortcode-container .row {
    display: flex;
    justify-content: space-between;
    margin-bottom: 0
}

#blog-wrapper .products-shortcode-container .row .medium-4 {
    flex: 0 0 32%
}

#blog-wrapper .products-shortcode-container .row .medium-6 {
    flex: 0 0 48%
}

#blog-wrapper .products-shortcode-container .row .medium-12 {
    flex: 0 0 100%
}

@media only screen and (max-width: 600px) {
    #blog-wrapper .products-shortcode-container .row {
        flex-wrap: wrap
    }

    #blog-wrapper .products-shortcode-container .row .medium-12, #blog-wrapper .products-shortcode-container .row .medium-4, #blog-wrapper .products-shortcode-container .row .medium-6 {
        flex: 0 0 100%
    }

    #blog-wrapper .products-shortcode-container .row .product-container {
        height: auto !important;
        margin-bottom: 10px
    }
}

#blog-wrapper .carousel-container .next, #blog-wrapper .carousel-container .prev {
    background-color: #d6001c;
    border: 2px solid #f5f5f5;
    border-radius: 0;
    height: 43px;
    line-height: 23px
}

#blog-wrapper .carousel-container .next img, #blog-wrapper .carousel-container .prev img {
    height: auto;
    width: 7px
}

#blog-wrapper .carousel-container .slick-center {
    box-shadow: inset 0 0 0 5px #d6001c
}

#blog-wrapper .form-submit .submit {
    background-color: #d6001c;
    border-radius: 0;
    font-style: normal
}

[data-v-255ce522]:root {
    --swiper-pagination-color: hsla(0, 0%, 100%, .8)
}

img[data-v-255ce522] {
    max-width: 100%
}

.block-container[data-v-255ce522] {
    background-color: #f5f5f5
}

.block-container .container[data-v-255ce522] {
    border-bottom: 1px solid #fff;
    border-top: 1px solid #fff;
    padding: 60px 0
}

ul.breadcrumb[data-v-255ce522] {
    margin-bottom: 25px
}

.footer-nav[data-v-255ce522] {
    grid-column-gap: 20px;
    grid-row-gap: 30px;
    -webkit-column-gap: 20px;
    -moz-column-gap: 20px;
    column-gap: 20px;
    display: grid;
    grid-template-columns:repeat(auto-fill, minmax(180px, 1fr));
    row-gap: 30px
}

@media only screen and (max-width: 992px) {
    .footer-nav[data-v-255ce522] {
        text-align: center
    }
}

@media only screen and (max-width: 600px) {
    .footer-nav[data-v-255ce522] {
        grid-template-columns:repeat(auto-fill, minmax(150px, 1fr))
    }
}

.footer-nav span.h3[data-v-255ce522] {
    display: block;
    font-size: 13px;
    font-weight: 700;
    margin: 0 0 10px;
    text-transform: uppercase
}

.footer-nav li[data-v-255ce522] {
    padding-bottom: 4px
}

.footer-nav .mtc-link[data-v-255ce522] {
    color: #000;
    font-size: 12px
}

.footer-nav .mtc-link[data-v-255ce522]:hover {
    color: #d6001c
}

[data-v-f1beb084]:root {
    --swiper-pagination-color: hsla(0, 0%, 100%, .8)
}

img[data-v-f1beb084] {
    max-width: 100%
}

.footer-description[data-v-f1beb084] .motocard-logo .light {
    display: none
}

.footer-description[data-v-f1beb084] .motocard-logo .dark {
    display: block
}

@media only screen and (max-width: 992px) {
    .footer-description[data-v-f1beb084] .motocard-logo {
        justify-content: center
    }

    .footer-description[data-v-f1beb084] .motocard-logo img {
        margin: 0 auto
    }
}

.dark.home .footer-description[data-v-f1beb084] .motocard-logo .light {
    display: block
}

.dark.home .footer-description[data-v-f1beb084] .motocard-logo .dark {
    display: none
}

footer[data-v-f1beb084] {
    background-color: #f5f5f5;
    padding: 50px 0
}

footer > .container > .row[data-v-f1beb084] {
    margin-bottom: 0
}

footer ul[data-v-f1beb084] {
    list-style-type: none;
    margin: 0 auto;
    padding: 0
}

footer span.h3[data-v-f1beb084] {
    display: block;
    font-size: 14px;
    font-weight: 700;
    line-height: 23px;
    margin: 0 0 10px;
    text-transform: uppercase
}

@media only screen and (min-width: 601px)and (max-width: 992px) {
    footer span.h3[data-v-f1beb084] {
        font-size: 12px;
        line-height: 13px
    }
}

.footer-container[data-v-f1beb084] {
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px
}

@media only screen and (min-width: 601px)and (max-width: 992px) {
    .footer-container[data-v-f1beb084] {
        flex-wrap: wrap
    }
}

@media only screen and (max-width: 600px) {
    .footer-container[data-v-f1beb084] {
        flex-wrap: wrap
    }
}

.footer-description[data-v-f1beb084] {
    flex: 0 0 35%
}

.footer-description > img[data-v-f1beb084] {
    height: auto;
    width: 140px
}

@media only screen and (min-width: 601px)and (max-width: 992px) {
    .footer-description[data-v-f1beb084] {
        flex: 0 0 100%;
        text-align: center
    }
}

@media only screen and (max-width: 600px) {
    .footer-description[data-v-f1beb084] {
        flex: 0 0 100%;
        text-align: center
    }
}

.footer-description p[data-v-f1beb084] {
    font-size: 13px;
    line-height: 18px;
    margin: 15px 0
}

@media only screen and (min-width: 601px)and (max-width: 992px) {
    .footer-description p[data-v-f1beb084] {
        font-size: 13px;
        line-height: 16px
    }
}

.footer-description nav ul[data-v-f1beb084] {
    display: flex
}

@media only screen and (min-width: 601px)and (max-width: 992px) {
    .footer-description nav ul[data-v-f1beb084] {
        flex-wrap: wrap;
        justify-content: center
    }
}

@media only screen and (max-width: 600px) {
    .footer-description nav ul[data-v-f1beb084] {
        flex-wrap: wrap;
        justify-content: center
    }
}

.footer-description nav ul li[data-v-f1beb084] {
    margin-right: 3px
}

.footer-description nav ul .mtc-link[data-v-f1beb084], .footer-description nav ul a[data-v-f1beb084], .footer-description nav ul span[data-v-f1beb084] {
    align-items: center;
    display: flex;
    height: 30px;
    justify-content: center;
    line-height: 30px;
    text-align: center;
    width: 30px
}

@media only screen and (max-width: 600px) {
    .footer-description nav ul .mtc-link[data-v-f1beb084], .footer-description nav ul a[data-v-f1beb084], .footer-description nav ul span[data-v-f1beb084] {
        margin-bottom: 3px
    }
}

@media only screen and (min-width: 601px)and (max-width: 992px) {
    .footer-description nav ul .mtc-link[data-v-f1beb084], .footer-description nav ul a[data-v-f1beb084], .footer-description nav ul span[data-v-f1beb084] {
        margin-bottom: 3px
    }
}

.footer-description nav ul .mtc-link > svg use[data-v-f1beb084], .footer-description nav ul a > svg use[data-v-f1beb084], .footer-description nav ul span > svg use[data-v-f1beb084] {
    fill: #fff
}

.footer-description nav ul .mtc-link.sm-blog[data-v-f1beb084], .footer-description nav ul a.sm-blog[data-v-f1beb084], .footer-description nav ul span.sm-blog[data-v-f1beb084] {
    background-color: #d6001c
}

.footer-description nav ul .mtc-link.sm-blog[data-v-f1beb084]:hover, .footer-description nav ul a.sm-blog[data-v-f1beb084]:hover, .footer-description nav ul span.sm-blog[data-v-f1beb084]:hover {
    background-color: #f0001f
}

.footer-description nav ul .mtc-link.sm-fb[data-v-f1beb084], .footer-description nav ul a.sm-fb[data-v-f1beb084], .footer-description nav ul span.sm-fb[data-v-f1beb084] {
    background-color: #3b5997
}

.footer-description nav ul .mtc-link.sm-fb[data-v-f1beb084]:hover, .footer-description nav ul a.sm-fb[data-v-f1beb084]:hover, .footer-description nav ul span.sm-fb[data-v-f1beb084]:hover {
    background-color: #4264a9
}

.footer-description nav ul .mtc-link.sm-tw[data-v-f1beb084], .footer-description nav ul a.sm-tw[data-v-f1beb084], .footer-description nav ul span.sm-tw[data-v-f1beb084] {
    background-color: #1ea0f3
}

.footer-description nav ul .mtc-link.sm-tw[data-v-f1beb084]:hover, .footer-description nav ul a.sm-tw[data-v-f1beb084]:hover, .footer-description nav ul span.sm-tw[data-v-f1beb084]:hover {
    background-color: #36aaf4
}

.footer-description nav ul .mtc-link.sm-yt[data-v-f1beb084], .footer-description nav ul a.sm-yt[data-v-f1beb084], .footer-description nav ul span.sm-yt[data-v-f1beb084] {
    background-color: #e40303
}

.footer-description nav ul .mtc-link.sm-yt[data-v-f1beb084]:hover, .footer-description nav ul a.sm-yt[data-v-f1beb084]:hover, .footer-description nav ul span.sm-yt[data-v-f1beb084]:hover {
    background-color: #fc0505
}

.footer-description nav ul .mtc-link.sm-ig[data-v-f1beb084], .footer-description nav ul a.sm-ig[data-v-f1beb084], .footer-description nav ul span.sm-ig[data-v-f1beb084] {
    background: linear-gradient(45deg, #f09433, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f09433", endColorstr="#bc1888", GradientType=1)
}

.footer-description nav ul .mtc-link.sm-ig[data-v-f1beb084]:hover, .footer-description nav ul a.sm-ig[data-v-f1beb084]:hover, .footer-description nav ul span.sm-ig[data-v-f1beb084]:hover {
    background: linear-gradient(45deg, #f09433, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888)
}

.footer-description nav ul .mtc-link.sm-tt[data-v-f1beb084], .footer-description nav ul a.sm-tt[data-v-f1beb084], .footer-description nav ul span.sm-tt[data-v-f1beb084] {
    background-color: #000
}

.footer-description nav ul .mtc-link.sm-tt[data-v-f1beb084]:hover, .footer-description nav ul a.sm-tt[data-v-f1beb084]:hover, .footer-description nav ul span.sm-tt[data-v-f1beb084]:hover {
    background-color: #333
}

.footer-description nav ul .mtc-link.sm-twitch[data-v-f1beb084], .footer-description nav ul a.sm-twitch[data-v-f1beb084], .footer-description nav ul span.sm-twitch[data-v-f1beb084] {
    background-color: #6441a4
}

.footer-description nav ul .mtc-link.sm-twitch[data-v-f1beb084]:hover, .footer-description nav ul a.sm-twitch[data-v-f1beb084]:hover, .footer-description nav ul span.sm-twitch[data-v-f1beb084]:hover {
    background-color: #9a7fcc
}

.footer-description nav ul .mtc-link.sm-nl[data-v-f1beb084], .footer-description nav ul a.sm-nl[data-v-f1beb084], .footer-description nav ul span.sm-nl[data-v-f1beb084] {
    background-color: #e40303;
    color: #fff;
    font-size: 9px;
    padding: 0 8px;
    text-transform: uppercase;
    width: auto
}

.footer-description nav ul .mtc-link.sm-nl svg[data-v-f1beb084], .footer-description nav ul a.sm-nl svg[data-v-f1beb084], .footer-description nav ul span.sm-nl svg[data-v-f1beb084] {
    margin-right: 3px
}

.footer-description nav ul .mtc-link.sm-nl svg use[data-v-f1beb084], .footer-description nav ul a.sm-nl svg use[data-v-f1beb084], .footer-description nav ul span.sm-nl svg use[data-v-f1beb084] {
    fill: none;
    stroke: #fff;
    stroke-width: 1
}

.footer-description nav ul .mtc-link.sm-nl[data-v-f1beb084]:hover, .footer-description nav ul a.sm-nl[data-v-f1beb084]:hover, .footer-description nav ul span.sm-nl[data-v-f1beb084]:hover {
    background-color: #fc0505
}

.footer-nav[data-v-f1beb084] {
    display: flex;
    flex: 0 0 60%;
    justify-content: space-between;
    margin-top: 20px
}

@media only screen and (min-width: 601px)and (max-width: 992px) {
    .footer-nav[data-v-f1beb084] {
        flex: 0 0 100%;
        text-align: center
    }
}

@media only screen and (max-width: 600px) {
    .footer-nav[data-v-f1beb084] {
        flex-wrap: wrap;
        text-align: center
    }

    .footer-nav ul[data-v-f1beb084] {
        margin-bottom: 30px
    }
}

.footer-nav .mtc-link[data-v-f1beb084] {
    color: #000;
    font-size: 13px;
    line-height: 23px
}

.footer-nav .mtc-link[data-v-f1beb084]:hover {
    color: #d6001c
}

@media only screen and (min-width: 601px)and (max-width: 992px) {
    .footer-nav .mtc-link[data-v-f1beb084] {
        font-size: 12px;
        line-height: 20px
    }
}

@media only screen and (max-width: 600px) {
    .footer-nav[data-v-f1beb084] {
        flex: 0 0 100%
    }
}

.footer-nav__block[data-v-f1beb084] {
    flex: 0 0 33%
}

.footer-nav__block .footer-nav__menu[data-v-f1beb084] {
    margin-top: 15px
}

@media only screen and (max-width: 600px) {
    .footer-nav__block[data-v-f1beb084] {
        flex: 0 0 100%
    }
}

.footer-secondary[data-v-f1beb084] {
    border-top: 1px solid #d8d8d8;
    display: flex;
    justify-content: space-between;
    margin-top: 20px !important
}

@media only screen and (max-width: 600px) {
    .footer-secondary[data-v-f1beb084] {
        flex-wrap: wrap
    }
}

@media only screen and (min-width: 601px)and (max-width: 992px) {
    .footer-secondary[data-v-f1beb084] {
        flex-wrap: wrap
    }
}

.footer-secondary__block[data-v-f1beb084] {
    padding-top: 30px !important
}

@media only screen and (max-width: 600px) {
    .footer-secondary__block[data-v-f1beb084] {
        text-align: center
    }
}

@media only screen and (min-width: 601px)and (max-width: 992px) {
    .footer-secondary__block[data-v-f1beb084] {
        text-align: center
    }
}

.footer-secondary__block[data-v-f1beb084]:first-child {
    flex: 0 0 38%
}

.footer-secondary__block:first-child li[data-v-f1beb084] {
    display: inline;
    margin-right: 8px
}

.footer-secondary__block:first-child li > svg[data-v-f1beb084] {
    vertical-align: -1px
}

.footer-secondary__block:first-child li use[data-v-f1beb084] {
    stroke-width: .9
}

.footer-secondary__block:first-child li select[data-v-f1beb084] {
    background-color: transparent;
    background-image: none;
    border: 0;
    line-height: 1.2;
    margin-bottom: 3px;
    padding: 0
}

.footer-secondary__block:first-child li select[data-v-f1beb084]:focus {
    outline: 0
}

.footer-secondary__block:first-child li select[data-v-f1beb084]:hover {
    cursor: pointer
}

.footer-secondary__block:first-child p[data-v-f1beb084] {
    color: #484848;
    font-size: 11px;
    line-height: 13px;
    margin: 0
}

@media only screen and (max-width: 600px) {
    .footer-secondary__block[data-v-f1beb084]:first-child {
        flex: 0 0 100%
    }
}

@media only screen and (min-width: 601px)and (max-width: 992px) {
    .footer-secondary__block[data-v-f1beb084]:first-child {
        flex: 0 0 100%;
        margin-bottom: 10px
    }
}

.footer-secondary__block[data-v-f1beb084]:last-child {
    display: flex;
    flex: 0 0 60%;
    flex-wrap: wrap;
    justify-content: flex-end
}

.footer-secondary__block:last-child > span[data-v-f1beb084] {
    align-items: center;
    background-color: red;
    border-radius: 3px;
    display: flex;
    font-weight: 500;
    height: 30px;
    justify-content: center;
    line-height: 1;
    margin: 1px 3px 1px 0;
    width: 50px
}

.footer-secondary__block:last-child > span svg[data-v-f1beb084] {
    display: inline-block;
    margin-right: 3px
}

@media only screen and (max-width: 600px) {
    .footer-secondary__block:last-child > span[data-v-f1beb084] {
        margin-bottom: 3px
    }
}

.footer-secondary__block:last-child > span.cc-visa[data-v-f1beb084] {
    background-color: #26337a
}

.footer-secondary__block:last-child > span.cc-maestro[data-v-f1beb084], .footer-secondary__block:last-child > span.cc-mastercard[data-v-f1beb084] {
    background-color: #006
}

.footer-secondary__block:last-child > span.cc-paypal[data-v-f1beb084] {
    background-color: #00457c
}

.footer-secondary__block:last-child > span.cc-amex[data-v-f1beb084] {
    background-color: #0072ce
}

.footer-secondary__block:last-child > span.cc-apple-pay[data-v-f1beb084], .footer-secondary__block:last-child > span.cc-google-pay[data-v-f1beb084] {
    background-color: #000
}

.footer-secondary__block:last-child > span.cc-klarna[data-v-f1beb084] {
    background-color: #ffb3c7
}

.footer-secondary__block:last-child > span.cc-sofort[data-v-f1beb084] {
    background-color: #ef809f
}

.footer-secondary__block:last-child > span.cc-bancontact[data-v-f1beb084], .footer-secondary__block:last-child > span.cc-googlepay[data-v-f1beb084], .footer-secondary__block:last-child > span.cc-multibanco[data-v-f1beb084] {
    background-color: #fff
}

.footer-secondary__block:last-child > span.cc-ideal[data-v-f1beb084] {
    background-color: #c06
}

.footer-secondary__block:last-child > span.cc-carte-bancaire[data-v-f1beb084] {
    background-image: linear-gradient(146deg, #289847, #1787b9 49%, #1d3564)
}

.footer-secondary__block:last-child > span.cc-transfer[data-v-f1beb084] {
    background-color: #d6001c
}

.footer-secondary__block:last-child > span.cc-cofidis[data-v-f1beb084] {
    background-color: #eb8832
}

.footer-secondary__block:last-child > span.cc-scalapay[data-v-f1beb084] {
    background-color: #f8cacd;
    padding: 0 8px;
    width: auto
}

.footer-secondary__block:last-child > span.cc-scalapay svg[data-v-f1beb084] {
    margin: 0
}

.footer-secondary__block:last-child > span.cc-bizum[data-v-f1beb084] {
    background-color: #53565a;
    padding: 0 4px
}

.footer-secondary__block:last-child > span.cc-cod[data-v-f1beb084] {
    background-color: #3199cc
}

.footer-secondary__block:last-child > span.cc-cod[data-v-f1beb084], .footer-secondary__block:last-child > span.cc-transfer[data-v-f1beb084] {
    color: #fff;
    font-size: 8px;
    padding: 0 8px;
    text-transform: uppercase;
    width: auto
}

.footer-secondary__block:last-child > span.cc-cod svg[data-v-f1beb084], .footer-secondary__block:last-child > span.cc-transfer svg[data-v-f1beb084] {
    margin-right: 5px
}

.footer-secondary__block:last-child > span.cc-cod use[data-v-f1beb084], .footer-secondary__block:last-child > span.cc-transfer use[data-v-f1beb084] {
    stroke: #fff;
    stroke-width: 1
}

@media only screen and (max-width: 600px) {
    .footer-secondary__block[data-v-f1beb084]:last-child {
        flex: 0 0 100%;
        flex-wrap: wrap;
        justify-content: center;
        margin-top: 30px
    }
}

@media only screen and (min-width: 601px)and (max-width: 992px) {
    .footer-secondary__block[data-v-f1beb084]:last-child {
        flex: 0 0 100%;
        justify-content: center
    }
}

.footer-secondary__block .change-locale-desktop-container[data-v-f1beb084] {
    padding-top: 0 !important
}

.legal-menu[data-v-f1beb084] {
    font-size: 11px;
    line-height: 1.2
}

.legal-menu li[data-v-f1beb084] {
    border-right: 1px solid #000;
    display: inline-block;
    margin-right: 8px;
    padding: 0 8px 0 0
}

.legal-menu li a[data-v-f1beb084] {
    color: #000
}

.legal-menu li a[data-v-f1beb084]:hover {
    color: #d6001c
}

.legal-menu li[data-v-f1beb084]:last-child {
    border-right: none;
    margin-right: 0
}

[data-v-da8a6ba4]:root {
    --swiper-pagination-color: hsla(0, 0%, 100%, .8)
}

img[data-v-da8a6ba4] {
    max-width: 100%
}

.footer-lang__block[data-v-da8a6ba4] {
    margin-top: 30px
}

.footer-lang__block span.h3[data-v-da8a6ba4] {
    display: block;
    font-size: 14px;
    font-weight: 700;
    line-height: 23px;
    margin: 0;
    text-transform: uppercase
}

@media only screen and (min-width: 601px)and (max-width: 992px) {
    .footer-lang__block span.h3[data-v-da8a6ba4] {
        font-size: 12px;
        line-height: 13px
    }
}

.footer-lang__block svg[data-v-da8a6ba4] {
    pointer-events: none
}

.footer-lang__block svg use[data-v-da8a6ba4] {
    stroke: #000
}

.footer-lang__block .chevron[data-v-da8a6ba4] {
    position: relative;
    right: 10px
}

.footer-lang__block .footer-lang__block-content[data-v-da8a6ba4] {
    align-items: center;
    display: flex;
    justify-content: flex-start;
    position: relative
}

@media only screen and (max-width: 992px) {
    .footer-lang__block .footer-lang__block-content[data-v-da8a6ba4] {
        justify-content: center
    }
}

.footer-lang__block select[data-v-da8a6ba4] {
    background: transparent;
    border: none;
    cursor: pointer;
    font-size: 13px;
    font-weight: 400;
    margin: 0 0 0 -15px;
    padding: 0 25px;
    position: relative;
    text-transform: none
}

.footer-lang__block select[data-v-da8a6ba4]:active, .footer-lang__block select[data-v-da8a6ba4]:focus {
    border: none;
    outline: none
}

[data-v-12a116bb]:root {
    --swiper-pagination-color: hsla(0, 0%, 100%, .8)
}

img[data-v-12a116bb] {
    max-width: 100%
}

div.change-locale-desktop-container[data-v-12a116bb] {
    cursor: default;
    padding-top: 30px !important
}

ul[data-v-12a116bb] {
    list-style-type: none;
    margin: 0;
    min-width: 239px;
    padding: 0
}

.lang-currency[data-v-12a116bb] {
    position: relative
}

.lang-currency > li[data-v-12a116bb] {
    display: inline-block;
    padding-bottom: 2px
}

.lang-currency > li svg[data-v-12a116bb] {
    vertical-align: -2px
}

.lang-currency > li strong[data-v-12a116bb] {
    background-color: transparent;
    background-image: none;
    border: 0;
    font-size: 9px;
    line-height: 1.2;
    margin-bottom: 3px;
    margin-right: 8px;
    padding: 0;
    text-transform: uppercase
}

.show[data-v-12a116bb] {
    display: block
}

.hide[data-v-12a116bb] {
    display: none
}