.br_sep {
    display: block;
    width: 0;
    height: 0;
}

.app_btn {
    display: block;
    height: 60px;
    background: url("../img/home/appli-store_fr.png") no-repeat scroll 0 0 transparent;
}

.app_btn.en {
    background: url("../img/home/appli-store_en.png") no-repeat scroll 0 0 transparent;
}

.app_btn.es {
    background: url("../img/home/appli-store_es.png") no-repeat scroll 0 0 transparent;
}

.app_btn.app_store {
    background-position: 0 -60px;
}

.btn.orange {
    background-color: #fd8103; /* layer fill content *
/    -moz-box-shadow: 0 3px 0 #e06400; /* drop shadow */
    -webkit-box-shadow: 0 3px 0 #e06400; /* drop shadow */
    box-shadow: 0 3px 0 #e06400; /* drop shadow */
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEwMCAxMDAiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iaGF0MCIgZ3JhZGllbnRVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giIHgxPSI1MCUiIHkxPSIxMDAlIiB4Mj0iNTAlIiB5Mj0iLTEuNDIxMDg1NDcxNTIwMmUtMTQlIj4KPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y3NmIxNSIgc3RvcC1vcGFjaXR5PSIxIi8+CjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZkODEwMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgIDwvbGluZWFyR3JhZGllbnQ+Cgo8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwIiBoZWlnaHQ9IjEwMCIgZmlsbD0idXJsKCNoYXQwKSIgLz4KPC9zdmc+); /* gradient overlay */
    background-image: -moz-linear-gradient(bottom, #f76b15 0%, #fd8103 100%); /* gradient overlay */
    background-image: -o-linear-gradient(bottom, #f76b15 0%, #fd8103 100%); /* gradient overlay */
    background-image: -webkit-linear-gradient(bottom, #f76b15 0%, #fd8103 100%); /* gradient overlay */
    background-image: linear-gradient(bottom, #f76b15 0%, #fd8103 100%); /* gradient overlay */
}

.btn.orange:focus,
.btn.orange:hover {
    background-color: #fff; /* layer fill content */
    -moz-box-shadow: 0 3px 0 #5b5b5b; /* drop shadow */
    -webkit-box-shadow: 0 3px 0 #5b5b5b; /* drop shadow */
    box-shadow: 0 3px 0 #5b5b5b; /* drop shadow */
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEwMCAxMDAiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iaGF0MCIgZ3JhZGllbnRVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giIHgxPSI1MCUiIHkxPSIxMDAlIiB4Mj0iNTAlIiB5Mj0iLTEuNDIxMDg1NDcxNTIwMmUtMTQlIj4KPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzY1NjU2NSIgc3RvcC1vcGFjaXR5PSIxIi8+CjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzc1NzU3NSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgIDwvbGluZWFyR3JhZGllbnQ+Cgo8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwIiBoZWlnaHQ9IjEwMCIgZmlsbD0idXJsKCNoYXQwKSIgLz4KPC9zdmc+); /* gradient overlay */
    background-image: -moz-linear-gradient(bottom, #656565 0%, #757575 100%); /* gradient overlay */
    background-image: -o-linear-gradient(bottom, #656565 0%, #757575 100%); /* gradient overlay */
    background-image: -webkit-linear-gradient(bottom, #656565 0%, #757575 100%); /* gradient overlay */
    background-image: linear-gradient(bottom, #656565 0%, #757575 100%); /* gradient overlay */
    color: #FFFFFF;
}

.btn.orange .btn-grey {
    padding: 14px 20px 15px 20px;
    margin: -14px 20px -14px -20px;
    -moz-border-radius: 3px 0 0 3px;
    -webkit-border-radius: 3px 0 0 3px;
    border-radius: 3px 0 0 3px; /* border radius */
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box; /* prevents bg color from leaking outside the border */
    background-color: #fff; /* layer fill content */
    -moz-box-shadow: 0 3px 0 #5b5b5b; /* drop shadow */
    -webkit-box-shadow: 0 3px 0 #5b5b5b; /* drop shadow */
    box-shadow: 0 3px 0 #5b5b5b; /* drop shadow */
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEwMCAxMDAiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iaGF0MCIgZ3JhZGllbnRVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giIHgxPSI1MCUiIHkxPSIxMDAlIiB4Mj0iNTAlIiB5Mj0iLTEuNDIxMDg1NDcxNTIwMmUtMTQlIj4KPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzY1NjU2NSIgc3RvcC1vcGFjaXR5PSIxIi8+CjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzc1NzU3NSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgIDwvbGluZWFyR3JhZGllbnQ+Cgo8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwIiBoZWlnaHQ9IjEwMCIgZmlsbD0idXJsKCNoYXQwKSIgLz4KPC9zdmc+); /* gradient overlay */
    background-image: -moz-linear-gradient(bottom, #656565 0%, #757575 100%); /* gradient overlay */
    background-image: -o-linear-gradient(bottom, #656565 0%, #757575 100%); /* gradient overlay */
    background-image: -webkit-linear-gradient(bottom, #656565 0%, #757575 100%); /* gradient overlay */
    background-image: linear-gradient(bottom, #656565 0%, #757575 100%); /* gradient overlay */
}

.btn.orange .btn-grey.right {
    -moz-border-radius: 0 3px 3px 0;
    -webkit-border-radius: 0 3px 3px 0;
    border-radius: 0 3px 3px 0;
}

/*
***
**** Header
***
*/

#header {
    position: fixed;
    width: 100%;
    z-index: 1000;
}

#order-opc #mainpage_content {
    padding-top: 0;
}

#mainpage_content.content_only {
    padding-top: 0;
}

#header .img-responsive {
}

#header,
#mainpage_content,
#header .img-responsive {
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

#header .header_logo {
    float: left;
    position: relative;
    z-index: 12;
}

#header .mobile_menu_close {
    display: none;
}

#header #mainmenu {
    float: left;
    margin-left: 10px;
}

#header #mainmenu > ul {
    list-style: none;
    padding: 0;
    margin: 25px 0 0 0;
}

#header.scrolled #mainmenu > ul > li {
    float: left;
    font-size: 18px;
    padding: 0 20px 9px 20px;
}

#header #mainmenu > ul > li {
    float: left;
    font-size: 18px;
    padding: 0 16px 9px 16px;
}

#header #mainmenu li a {
    color: #666666;
    font-family: 'Brown-Pro-Light'
}

#header #mainmenu li a:hover {
    color: #fd8104;
}

#header #mainmenu .lang_menu {
    display: none;
}

#header #mainmenu .lang_menu .lang {
    display: none;
}

#header .menu #languages {
    padding: 0;
    position: relative;
    text-transform: capitalize;
    float: left;
    font-size: 18px;
    font-weight: normal;
    font-family: 'Brown-Pro-Light';
    margin-top: 15px;
}

#header .menu #languages .selected {
    text-decoration: none;
    display: block;
    line-height: 30px;
    margin-top: -6px;
    width: 72px;
    margin-left: -3px;
    margin-right: -3px;
    margin-top: -1px;
    text-align: center;
    cursor: pointer;
    padding: 4px 12px 16px 15px
}

#header .menu #languages .selected
#header .menu #languages .selected:hover {
    text-decoration: none;
}

#header .menu #languages ul {
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    display: block;
    overflow: hidden;
    border: 1px solid #ffffff;
    border-top: 0px none;
    padding: 0px;
    top: 40px;
    left: -3px;
    position: absolute;
    z-index: 5;
    background-color: #FFF;
    height: 0
}

#header .menu #languages ul > li {
    text-transform: capitalize;
    float: none;
    padding: 0;
    line-height: 1em;
    clear: both;
}

#header .menu #languages ul > li a {
    display: inline-block;
    width: 70px;
    text-align: left;
    padding: 10px 18px;
}

#header .menu #languages ul > li a:hover {
    color: #fd8104;
    background-color: #f1f1f1;
}

#header .menu #languages:hover {
}

#header .menu #languages.open .selected {
    text-decoration: none;
    border: 1px solid #ccc;
    margin-top: -2px;
    border-bottom: 0;
    color: #fd8104;
}

#header .menu #languages.open ul {
    border: 1px solid #ccc;
    border-top: 0 none;
    height: 78px;
    padding: 0;
}

/* social links */
#header .menu_overlay {
    display: none;
}

#header .menu .social {
    padding: 0;
    margin: 22px 0 0 30px;
}

#header .menu .social a {
    display: inline-block;
    height: 24px;
    width: 24px;
    margin: 0 10px;
}

#header .menu .social a.google {
    background: url("../img/google.png") no-repeat scroll center center;
}

#header .menu .social a.google:hover {
    background: url("../img/social/sprite_survol_reseaux.png") no-repeat scroll 0 0;
}

#header .menu .social a.facebook {
    background: url("../img/facebook.png") no-repeat scroll center center;
}

#header .menu .social a.facebook:hover {
    background: url("../img/social/sprite_survol_reseaux.png") no-repeat scroll -36px center;
}

#header .menu .social a.twitter {
    background: url("../img/twitter.png") no-repeat scroll center center;
    width: 30px;
}

#header .menu .social a.twitter:hover {
    background: url("../img/social/sprite_survol_reseaux.png") no-repeat scroll -81px center;
    width: 30px;
}

#header .menu .social a:last-child {
    margin-right: 0;
}

#header .btn_container .buy-btn {
    margin-top: 14px;
    padding: 6px 20px 2px 10px;
    line-height: 25px;
    font-size: 28px;
}

#header .btn_container .buy-btn i {
    margin-right: 10px;
}

#header #mainmenu .mobile-close {
    display: none;
    cursor: pointer;
    position: absolute;
    left: 40px;
    color: #666;
    font-size: 25px;
    z-index: 2;
    font-weight: normal;
    font-family: Brown-Pro-Light;
    padding: 10px;
}

#mainpage_content.scrolled {
    padding-top: 64px;
}

#header.scrolled {
    position: fixed;
    width: 100%;
    -moz-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2);
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2);
    padding: 0;
}

#header.scrolled .img-responsive {
    padding: 2px 0;
}

@media (min-width: 980px) {
    #header .header_menu_mobile {
        display: none;
    }

    #header {
        padding-top: 20px;
    }
}

@media (max-width: 1260px) {
    #header #mainmenu > ul > li {
        float: left;
        font-size: 16px;
        padding: 0 15px;
    }
}

@media (max-width: 1199px) {
    #header .social {
        display: none;
    }
}

@media (max-width: 979px) {
    body {
        margin: 0
    }

    #mainmenu.open .menu_overlay {
        display: block;
        width: 20%;
        height: 100%;
        position: absolute;
        right: 0;
    }

    #header {
        padding-top: 15px;
    }

    #languages {
        display: none;
    }

    #header .mobile_menu_close {
        cursor: pointer;
        background: url("../img/mobile_close.png") no-repeat scroll 0 0 transparent;
        display: block;
        z-index: 12;
        display: block;
        height: 20px;
        width: 20px;
        position: absolute;
        top: 15px;
        left: calc(80% - 40px);
        opacity: 0;
        filter: alpha(opacity=0);
        -webkit-transition: all 0.2s ease 0s;
        -o-transition: all 0.2s ease 0s;
        transition: all 0.2s ease 0s;
    }

    #header .mobile_menu_close.open {
        opacity: 1;
        filter: alpha(opacity=1);
        -webkit-transition: all 0.5s ease 0.5s;
        -o-transition: all 0.5s ease 0.5s;
        transition: all 0.5s ease 0.5s;
    }

    #header #mainmenu a:hover {
        color: #fd8104;
    }

    #header #mainmenu .lang_menu {
        display: block;
        padding: 15px;
        background: none;
    }

    #header #mainmenu .lang_menu ul {
        width: 100%;
    }

    #header #mainmenu .lang_menu ul li.lang {
        display: block;
        border: 0 none;
        text-transform: capitalize;
        background: #f1f1f1;
        padding: 0;
    }

    #header #mainmenu .lang_menu ul li.lang.selected {
        background: #f7b774;
        color: #FFFFFF;
    }

    #header #mainmenu .lang_menu ul li.lang span,
    #header #mainmenu .lang_menu ul li.lang a {
        display: block;
        padding: 15px 0 15px 40px;
    }

    #header #mainmenu .lang_menu ul li.lang a:hover {
        color: #f7b774;
    }

    #header #mainmenu .lang.first {
        display: block;
    }

    #header #mainmenu .lang.active a {
        color: #fd8104;
    }

    #header #menu-mobile {
        float: left;
        margin: 10px 30px 0 10px;
        position: relative;
        z-index: 12;
        height: 42px;
        width: 42px;
    }

    #header .logo {
        float: left;
        position: relative;
        z-index: 12;
    }

    #header #menu-mobile i {
        background: url("../img/menu-mobilex2.png") no-repeat scroll center center;
        height: 42px;
        width: 42px;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
    }

    #header #mainmenu {
        background: rgba(0, 0, 0, 0);
        bottom: 0;
        left: -101%;
        margin: 0;
        position: fixed;
        width: 100%;
        top: 0;
        transition: background 0.3s ease 0s;
        z-index: 0;
    }

    #header #mainmenu.open {
        background: rgba(0, 0, 0, 0.5);
        left: 0;
        z-index: 10;
    }

    #header #mainmenu > ul {
        background: #FFF;
        height: 100%;
        left: -101%;
        margin: 0;
        padding-top: 80px;
        position: absolute;
        transition: all 0.3s ease 0s;
        width: 50%
    }

    #header #mainmenu.open > ul {
        left: 0
    }

    #header #mainmenu.scrolled {
        top: 0
    }

    #header #mainmenu.scrolled > ul {
        padding-top: 0;
    }

    #header #mainmenu li {
        width: 100%;
        border-top: 1px solid #efefef;
        background: url("../img/menu_bullet.png") no-repeat scroll 22px 18px transparent
    }

    #header #mainmenu li.lang {
        background: none;
    }

    #header #mainmenu li:hover {
        background-position: 22px -28px;
    }

    #header #mainmenu > ul > li > a {
        border-bottom: 1px solid rgba(255, 255, 255, 0.3);
        color: #666;
        display: block;
        font-size: 18px;
        padding: 15px 20px 15px 35px;
        position: relative;
        width: 100%;
    }

    #header #mainmenu > ul > li > a:after {
        background: url('../img/sprite-icons.png') no-repeat -140px -5px;
        content: "";
        height: 35px;
        margin: -12px 0 0 0;
        position: absolute;
        right: 20px;
        top: 50%;
        width: 35px;
    }

    #header #mainmenu > ul > li:first-child > a:after {
        background: url('../img/sprite-icons.png') no-repeat -210px -145px;
    }

    #header #mainmenu > ul > li:first-child > a.open:after {
        background: url('../img/sprite-icons.png') no-repeat -246px -145px;
    }

    #header #mainmenu > ul > li > a:hover {
        text-decoration: none;
    }

    #header #mainmenu ul {
        width: 80%
    }

    #header .social {
        display: none;
    }

    #header .header_menu_mobile {
        width: 25%;
        position: relative;
        float: left;
        overflow: hidden;
        -webkit-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
        transition: all 0.5s ease;
    }

    #header .header_menu_mobile img {
        max-width: 80%;
    }

    #header .header_menu_mobile.open {
        width: 0;
        opacity: 0;
        filter: alpha(opacity=0);
    }

    #header .header_logo {
        width: 50%;
        margin-left: 0;
        margin-right: 0;
        text-align: center;
        float: left;
    }

    #header .header_logo a.logo {
        float: none;
        display: inline-block;
    }

    #header .header_logo.open {
        text-align: left;
    }
}

@media (max-width: 620px) {
    #header .btn_container .buy-btn span {
        display: none;
    }

    #header .btn_container .buy-btn {
        padding: 6px 0px 2px 5px;
    }
}

@media (max-width: 499px) {
    #header .btn_container .buy-btn {
        margin-top: 5px;
    }

    #header #menu-mobile {
        margin-top: 5px;
    }
}

/*
***
**** Home slider
***
*/

section.homeslider .items {
    padding: 3em 0;
}

section.homeslider .items p {
    text-align: center;
}

section.homeslider > ul {
    margin-bottom: 0;
}

section.homeslider .items .logo {
    height: 2.8em;
    margin: 6.5em auto 2.5em auto;
}

section.homeslider .items .icons {
    margin-top: 4em;
}

section.homeslider .items .icons p {
    font-family: "Brown-Pro-Regular", sans-serif;
    margin-top: 1em;
}

section.homeslider .items .icons img {
    height: 5em;
    margin: auto;
}

section.homeslider .items .btn {
    margin-top: 2.3em;
}

section.homeslider .made-in-france img {
    margin: 2.8em auto 1em auto;
    width: 2.5em;
}

section.homeslider .item-1 {
    background: url("/themes/wistiki_starck/img/sliders/home/home-fr-1280x798.jpg") no-repeat center center;
    background-size: cover;
}

section.homeslider .press {
    background: #fff;
    padding: 1em 0;
    height: 60px;
}

section.homeslider .press img {
    height: 2.5em;
}

section.homeslider .press a {
    opacity: 1;
}

section.homeslider .press a:hover {
    opacity: 0.8;
    transition: opacity linear 300ms;
}

@media only screen and (min-width: 320px) {
    section.homeslider .item-1 {
        background-image: none;
        background: #eee;
    }

    section.homeslider .press {
        height: auto;
    }

    section.homeslider .press img {
        margin: 1em auto;
    }

    section.homeslider .press a {
        text-align: center;
    }
}

@media only screen and (min-width: 480px) {
    section.homeslider .item-1 {
        background: url("/themes/wistiki_starck/img/sliders/home/home-fr-767x574.jpg") no-repeat center center;
        background-size: cover;
    }

    section.homeslider .press {
        height: auto;
    }

    section.homeslider .press img {
        margin: 1em auto;
    }

    section.homeslider .press a {
        text-align: center;
    }
}

@media only screen and (min-width: 768px) {
    section.homeslider .item-1 {
        background: url("/themes/wistiki_starck/img/sliders/home/home-fr-991x742.jpg") no-repeat center center;
        background-size: cover;
    }
}

@media only screen and (min-width: 992px) {
    section.homeslider .item-1 {
        background: url("/themes/wistiki_starck/img/sliders/home/home-fr-1199x748.jpg") no-repeat center center;
        background-size: cover;
    }
}

@media only screen and (min-width: 1200px) {
    section.homeslider .item-1 {
        background: url("/themes/wistiki_starck/img/sliders/home/home-fr-1280x798.jpg") no-repeat center center;
        background-size: cover;
    }
}

@media only screen and (min-width: 1200px) and (min-height: 850px) {
    section.homeslider .item-1 {
        background: url("/themes/wistiki_starck/img/sliders/home/home-fr-1280x798.jpg") no-repeat center center;
        background-size: cover;
    }

    section.homeslider .items .logo {
        margin: 13em auto 2.5em auto;
    }

    section.homeslider .made-in-france img {
        margin: 5em auto 2em auto;
        width: 3.4em;
    }

    section.homeslider .items .icons img {
        height: 6em;
    }

    section.how-it-works .description .btn {
        font-size: 1.4em;
    }
}

@media only screen and (min-device-width: 767px) and (max-device-width: 768px) {
    nav.navbar .navbar-brand img {
        width: 6.8em;
        position: absolute;
        left: 33%;
    }
}

/*
***
**** Home how to
***
*/

#howto {
    background: url("../img/home/howto_bg.jpg") repeat-x scroll center center transparent;
}

#howto .howto_content {
    display: table-cell;
    text-align: center;
    height: 295px;
    padding: 0 0 20px 0;
    vertical-align: middle;
}

#howto .howto_content header {
    background: none;
}

#howto .howto_content header h2 {
    color: #fff;
    font-family: "Brown-Pro-Light", sans-serif;
    line-height: 1.3em;
    font-size: 48px;
}

#howto .howto_content .content {
    color: #fff;
    font-family: "Brown-Pro-Light", sans-serif;
    line-height: 1.8em;
    font-size: 18px;
}

@media (max-width: 767px) {
    #howto .howto_content header h2 {
        font-size: 28px;
    }



    #howto .howto_content .content {
        font-size: 16px;
    }
}

@media (max-width: 449px) {
    #howto .howto_content .content {
        line-height: 1.2em;
    }

    #howto .howto_content header h2 {
        margin-top: 0;
    }
}

/*
***
**** Home section
***
*/

.home_section {
    position: relative;
}

.home_section img {
    width: 100%;
}

.home_section .home_section_content {
    position: relative;
    top: 0;
    text-align: left;
}

.home_section .home_section_content header {
    background: none;
}

.home_section .home_section_content header h2 {
    display: inline-block;
    margin-bottom: 30px;
    color: #333333;
    font-family: "Brown-Pro-Light", sans-serif;
    line-height: 1.3em;
    font-size: 48px;
}

.home_section .home_section_content .title {
    font-size: 35px;
    margin-bottom: 30px;
    display: inline-block;
    color: #333333;
    line-height: 1.1em;
    font-family: "ReporterTwo";
}

.home_section .home_section_content .content {
    color: #333333; /* text color */
    font-family: "Brown-Pro-Light", sans-serif;
    line-height: 1.7em;
    font-size: 18px;
}

.home_section .home_section_content .content .section_hint {
    font-size: 0.8em;
}

.home_section .home_section_content .buttons {
    margin-top: 20px;
}

.home_section.invert .home_section_content header h2 {
    color: #FFFFFF;
}

.home_section.invert .home_section_content .title {
    color: #FFFFFF;
}

.home_section.invert .home_section_content .content {
    color: #FFFFFF;
}

@media (max-width: 1199px) {
}

@media (max-width: 991px) {
    .home_section {
    }

    .home_section .home_section_content {
        position: relative;
    }

    .home_section.invert {
        background: rgba(0, 0, 0, 0.7);
    }
}

@media (max-width: 767px) {
    .home_section .home_section_content header h2 {
        font-size: 30px;
    }

    .home_section .home_section_content .title {
        font-size: 28px;
    }

    .home_section .home_section_content .content {
        font-size: 15px;
    }
}

@media (max-width: 449px) {
}

/* HOME COMMUNITY */
#community_section {
}

#community_section .community_img {
}

#community_section > .container {
    max-width: 790px;
}

#community_section .home_section_content .right,
#community_section .home_section_content .left {
    margin-bottom: 20px;
}

#community_section .home_section_content header {
    padding-bottom: 0;
}

#community_section .home_section_content header .section_header {
    padding-bottom: 20px;
}

#community_section .home_section_content header h2 {
    font-size: 48px;
    margin-bottom: 0;
}

#community_section .home_section_content .inner_content {
    padding: 0;
}

#community_section .home_section_content .buttons {
    text-align: center;
}

#community_section .home_section_content .buttons .app_btn {
    width: 177px;
    margin: 0 10px;
    display: inline-block;
}

@media (max-width: 1499px) {
    #community_section .home_section_content header h2 {
        font-size: 44px;
    }

    #community_section .home_section_content header .section_header {
        background: rgba(255, 255, 255, 0.85);
    }

    #community_section .home_section_content .title {
        font-size: 32px;
        margin-bottom: 20px;
    }

    #community_section .home_section_content .buttons {
        margin-top: 0;
    }

    #community_section .home_section_content .buttons .inner_content {
        padding-bottom: 15px;
    }

    #community_section .home_section_content .inner_content {
        background: rgba(255, 255, 255, 0.85);
        padding: 10px 0 0 0;
    }
}

@media (max-width: 1199px) {
    .home_section .home_section_content header h2 {
        font-size: 44px;
        margin-top: 10px;
    }

    #community_section .home_section_content header h2 {
        font-size: 44px;
        margin-bottom: 0;
    }

    #community_section .home_section_content .title {
        font-size: 32px;
        margin-bottom: 10px;
    }

    #community_section .home_section_content .content {
        font-size: 16px;
        line-height: 1.5em;
    }
}

@media (max-width: 979px) {
    #community_section .home_section_content .inner_content {
        background: none;
    }
}

@media (max-width: 768px) {
    #community_section {
        margin-bottom: 50px;
    }
}

@media (max-width: 449px) {
    #community_section .home_section_content header h2 {
        font-size: 32px;
    }

    #community_section .home_section_content .title {
        font-size: 26px;
    }

    #community_section {
        background: none;
    }

    #community_section .home_section_content .buttons .app_btn.app_store {
        margin-bottom: 15px;
    }

    #community_section .home_section_content .buttons .app_btn.app_store,
    #community_section .home_section_content .buttons .app_btn.google_play {
        float: left;
    }
}

/* HOME BUY */
#buy_section {
}

#buy_section .home_section_content .buttons .btn {
    font-size: 36px;
    height: 60px;
    margin-bottom: 20px;
    position: relative;
    padding: 5px 25px 0px 185px
}

#buy_section .home_section_content .buttons .btn .btn-grey {
    font-family: "Brown-Pro-Light";
    position: absolute;
    height: 60px;
    top: 14px;
    left: 20px;
}

#buy_section .sep {
    display: block;
    width: 0;
    height: 0;
}

@media (max-width: 1199px) {
    #buy_section .home_section_content header h2 {
        font-size: 44px;
        margin-bottom: 5px;
    }

    #buy_section .home_section_content .title {
        font-size: 35px;
    }

    #buy_section .home_section_content .content {
        font-size: 16px;
        line-height: 1.5em;
    }

    #buy_section .home_section_content .buttons {
        margin-top: 30px;
    }
}

@media (max-width: 1499px) {
    #buy_section .home_section_content header h2 {
        font-size: 44px;
    }

    #buy_section .home_section_content .title {
        font-size: 32px;
    }
}

@media (max-width: 991px) {
    #buy_section {
        background: rgba(0, 0, 0, 0.7);
    }
}

@media (max-width: 979px) {
    #buy_section .home_section_content .br_sep {
        display: none;
    }

    #buy_section img.buy_img {
        width: 125%;
        margin-left: -25%;
    }
}

@media (max-width: 449px) {
    #buy_section .home_section_content header h2 {
        font-size: 32px;
    }

    #buy_section .home_section_content .title {
        font-size: 26px;
    }
}

/* HOME FOUND */
#found_section {
    margin-top: -1px;
    background: url(../img/home/howto_bg.jpg) repeat-x scroll 0 0 transparent;
}

#found_section .home_section_content {
    height: 295px;
    position: relative;
    text-align: center;
}

#found_section .home_section_content header {
    margin-top: 15px;
}

#found_section .home_section_content header h2 {
    margin-top: 50px;
}

#found_section a.whatmeans {
    color: #FFFFFF;
    font-family: Brown-Pro-Light;
    text-decoration: none;
    line-height: 28px;
    font-size: 28px;
    position: relative;
    top: -0.5em;
    margin-left: 10px;
}

@media (max-width: 767px) {
    #found_section .home_section_content header {
        margin-top: 30px;
    }

    #buy_section .home_section_content .buttons .btn {
        font-size: 22px;
        height: 45px;
        padding: 8px 15px 0px 105px;
    }

    #buy_section .home_section_content .buttons .btn .btn-grey {
        padding: 10px 10px 15px 10px;
        height: 45px;
    }
}

@media (max-width: 449px) {
    #found_section .home_section_content header h2 {
        font-size: 34px;
    }

    #found_section a.whatmeans {
        font-size: 20px;
        margin-left: 5px;
        margin-right: -10px;
    }
}

/*=====================================
========    HOME SLIDER MENU    =======
=====================================*/
#home_top .slider_menu {
    display: block;
    background-color: rgba(253, 129, 3, 0.83);
    position: relative;
    z-index: 20;
    font-family: "Brown-Pro-Light";
    font-size: 18px;
    color: #FFF;
}

#home_top .slider_menu .gtslide > div {
    cursor: pointer;
    float: left;
}

#home_top .slider_menu .gtslide > div img {
    margin-right: 10px;
}

#home_top .slider_menu .text {
    display: inline-block;
    line-height: 1.4em;
}

#home_top .slider_menu .text p {
    margin: 0;
}

#home_top .slider_menu [class^="slider-icon-"] {
    margin: 16px 20px 16px 0;
}

#home_top [class^="slider-icon-"] {
    background: url(../img/home/home_sprite.png) no-repeat scroll;
    display: inline-block;
    vertical-align: bottom;
    height: 80px;
    width: 130px;
}

#home_top .slider-icon-song {
    background-position: 0 -160px;
}

#home_top .slider-icon-phone {
    background-position: 0 -80px;
}

#home_top .slider-icon-pin {
    background-position: -25px 0;
    width: 80px;
}

#home_top .slider-icon-string {
    background-position: -175px -80px;
    width: 80px;
}

#home_top .slider-icon-arrow {
    background-position: -130px 0
}

@media (max-width: 1279px) {
    #home_top .slider_menu {
        font-size: 15px;
    }

    #home_top .slider_menu [class^="slider-icon-"] {
        height: 65px;
        -webkit-background-size: 200px auto;
        background-size: 200px auto;
        width: 105px;
    }

    #home_top .slider_menu .slider-icon-song {
        background-position: 0 -125px;
    }

    #home_top .slider_menu .slider-icon-phone {
        background-position: 0 -60px;
    }

    #home_top .slider_menu .slider-icon-pin {
        background-position: -5px 5px;
        width: 100px;
    }

    #home_top .slider_menu .slider-icon-string {
        background-position: -110px -60px;
        width: 100px;
    }
}

@media (max-width: 789px) {
    #home_top .slider_menu .gtslide .text {
        line-height: 1.1em;
    }
}

@media (max-width: 767px) {
    /*#homepage-slider { padding-bottom: 100px; }*/
    #homepage-slider .homeslider-description {
        min-height: 175px;
    }

    #homepage-slider .homeslider-description .s_content a.s_link {
        margin: 0;
        position: absolute;
        bottom: -48px;
        color: #fd8104;
        font-size: 16px;
        padding-left: 30px;
        -webkit-background-size: 24px;
        -moz-background-size: 24px;
        -o-background-size: 24px;
        background-size: 24px
    }

    #homepage-slider .homeslider-description .s_content a.s_buy {
        margin: 0;
        position: absolute;
        bottom: -82px;
    }

    #homepage-slider .homeslider-description .s_content .s_title {
        margin-bottom: 5px;
    }

    #home_top .slider_menu [class^="slider-icon-"] {
        height: 55px;
        -webkit-background-size: 200px auto;
        background-size: 175px auto;
        width: 105px;
        padding: 0;
        margin-top: 0px;
    }

    #home_top .slider_menu .slider-icon-song {
        background-position: 0 -108px;
    }

    #home_top .slider_menu .slider-icon-phone {
        background-position: 0 -53px;
    }

    #home_top .slider_menu .slider-icon-pin {
        background-position: -5px 3px;
        width: 100px;
    }

    #home_top .slider_menu .slider-icon-string {
        background-position: -110px -53px;
        width: 100px;
    }

    #home_top .slider_menu .gtslide {
        text-align: center;
    }

    #home_top .slider_menu .gtslide > div {
        float: none;
    }

    #home_top .slider_menu .gtslide .picto img {
        display: inline-block;
    }
}

@media (max-width: 449px) {

    #homepage-slider .homeslider-description {
        min-height: 130px;
        padding: 3px 0;
    }

    #homepage-slider .homeslider-description .s_content .s_buy {
        font-size: 25px;
        padding: 0 10px;
    }

    #homepage-slider .homeslider-description .s_content .s_text {
        font-size: 15px;
    }

    #homepage-slider .homeslider-description .s_content .s_title {
        margin-bottom: 10px;
    }

    #home_top .slider_menu > .container > .row {
        margin-left: 0;
    }

    #home_top .slider_menu .gtslide {
        margin: 0;
        padding: 0;
    }

    #home_top .slider_menu .gtslide div {
        margin: 0 10px;
        padding: 0;
    }

    #home_top .slider_menu [class^="slider-icon-"] {
        height: 38px;
        -webkit-background-size: 200px auto;
        background-size: 120px;
        width: 62px;
        padding: 0;
        margin: 0px;
    }

    #home_top .slider_menu .slider-icon-song {
        background-position: 0px -37px;
    }

    #home_top .slider_menu .slider-icon-phone {
        background-position: 0 -75px;
    }

    #home_top .slider_menu .slider-icon-pin {
        background-position: 0px 1px;
        width: 62px;
    }

    #home_top .slider_menu .slider-icon-string {
        background-position: -83px -37px;
        width: 62px;
    }
}

/*=====================================
==========  HOME VSLIDER    ==========
=====================================*/
.vslider-outer {
}

.vslider-outer .vslider-wrapper {
    width: 100%;
    position: relative;
    left: 0;
}

.vslider-outer .vslider-wrapper.double .lSSlideOuter {
    width: 50%;
    float: left;
}

.vslider-outer .vslider-wrapper .vslider {
    margin-bottom: 0;
}

.vslider-outer .vslider-wrapper .vslider.vslideLeft li {
    background: #FFFFFF;
}

.vslider-outer .vslider-wrapper .vslider.vslideLeft .vslide_item .slide_content {
    float: right;
    padding-right: 20px;
}

.vslider-outer .vslider-wrapper .vslider.vslideRight li {
    background: #F1F1F1;
}

.vslider-outer .vslider-wrapper .vslider.vslideRight .vslide_item .slide_content {
    float: left;
    padding-left: 20px;
}

.vslider-outer .vslider-wrapper .vslider .image.right img.slide_img {
    float: right;
}

.vslider-outer .vslider-wrapper .vslider .image.left img.slide_img {
    float: left;
}

.vslider-outer .vslider-wrapper .vslider .vslide_item {
    overflow: hidden;
    height: 100%;
}

.vslider-outer .vslider-wrapper .vslider .vslide_item .slide_content {
    max-width: 350px;
    font-family: "Brown-Pro-Light", sans-serif;
}

.vslider-outer .vslider-wrapper .vslider .vslide_item .slide_content i.slide-picto {
    background: url('../img/home_slides/homePictoSprite.png') no-repeat scroll 0 0 transparent;
    display: block;
    margin-bottom: 40px;
    height: 100px;
}

.vslider-outer .vslider-wrapper .vslider .vslide_item.item1 .slide_content i {
    background-position: 0 0;
}

.vslider-outer .vslider-wrapper .vslider .vslide_item.item2 .slide_content i {
    background-position: -32px -100px;
}

.vslider-outer .vslider-wrapper .vslider .vslide_item.item3 .slide_content i {
    background-position: 0 -200px;
}

.vslider-outer .vslider-wrapper .vslider .vslide_item.item4 .slide_content i {
    background-position: -32px -300px;
}

.vslider-outer .vslider-wrapper .vslider .vslide_item .slide_content .slide_title {
    margin-bottom: 40px;
    line-height: 1em;
    display: inline-block;
    color: #3d4041; /* text color */
    font-size: 48px;
}

.vslider-outer .vslider-wrapper .vslider .vslide_item .slide_content .slide_text {
    color: #333; /* text color */
    margin-bottom: 50px;
    line-height: 1.3em;
    font-size: 20px;
}

.vslider-outer .vslider-wrapper .vslider .vslide_item .slide_content ul {
    list-style-image: url('../img/home_slides/bullet.png');
    color: #656565; /* text color */
    padding: 0 25px;
    font-size: 18px;
}

.vslider-outer .vslider-wrapper .vslider .vslide_item .slide_content ul li {
    padding: 0px 0 20px 15px;
    line-height: 1.3em;
}

.vslider-outer.disabled {
}

.vslider-outer.disabled .vslider-wrapper {
}

.vslider-outer.disabled .vslider-wrapper.double .lSSlideOuter {
}

.vslider-outer.disabled .vslider-wrapper .vslider {
}

.vslider-outer.disabled .vslider-wrapper ul.vslider > li {
    margin-top: -10px;
    clear: both;
    display: inline-block;
}

.vslider-outer.disabled .vslider-wrapper .vslider.vslideLeft li {
    background: #FFFFFF;
}

.vslider-outer.disabled .vslider-wrapper .vslider.vslideLeft .vslide_item .slide_content {
    padding: 20px 20px 50px;
}

.vslider-outer.disabled .vslider-wrapper .vslider.vslideRight > li,
.vslider-outer.disabled .vslider-wrapper .vslider {
    background: #F1F1F1;
}

.vslider-outer.disabled .vslider-wrapper .vslider > li {
    background: #FFFFFF;
    width: 100%;
}

.vslider-outer.disabled .vslider-wrapper .vslider > li.grey {
    background: #F1F1F1;
    width: 100%;
}

.vslider-outer.disabled .vslider-wrapper .vslider.vslideRight .vslide_item .slide_content {
    padding: 20px 20px 50px;
}

.vslider-outer.disabled .vslider-wrapper .vslider > li div.content {
    padding: 20px 40px 0;
}

.vslider-outer.disabled .vslider-wrapper .vslider .image img.slide_img {
    float: left;
    width: 100%;
    height: auto;
}

.vslider-outer.disabled .vslider-wrapper .vslider .vslide_item {
}

.vslider-outer.disabled .vslider-wrapper .vslider .vslide_item .slide_content {
    max-width: 100%;
}

.vslider-outer.disabled .vslider-wrapper .vslider .vslide_item .slide_content i.slide-picto {
}

.vslider-outer.disabled .vslider-wrapper .vslider .vslide_item .slide_content .slide_title {
}

.vslider-outer.disabled .vslider-wrapper .vslider .vslide_item .slide_content .slide_text {
}

.vslider-outer.disabled .vslider-wrapper .vslider .vslide_item .slide_content ul {
}

.vslider-outer.disabled .vslider-wrapper .vslider .vslide_item .slide_content ul li {
}

@media (min-width: 768px) {
    .vslider-outer.disabled .vslider-wrapper ul.vslider > li {
        margin-top: 0;
        clear: none;
        display: block;
    }

    .vslider-outer.disabled .vslider-wrapper .vslider > li,
    .vslider-outer.disabled .vslider-wrapper .vslider > li.grey {
        margin-top: 0;
        display: block;
        width: 50%;
        float: left;
        font-size: 12px;
        min-height: 435px;
        overflow: hidden;
    }

    .vslider-outer.disabled .vslider-wrapper ul.vslider > li:nth-child(4n-1) {
        margin-left: 50%;
    }

    .vslider-outer.disabled .vslider-wrapper ul.vslider > li:nth-child(4n) {
        margin-left: -100%;
    }

    .vslider-outer.disabled .vslider-wrapper .vslider .vslide_item .slide_content i.slide-picto {
        margin-bottom: 0;
    }

    .vslider-outer .vslider-wrapper .vslider .vslide_item .slide_content .slide_title {
        font-size: 40px;
        margin-bottom: 10px;
    }

    .vslider-outer .vslider-wrapper .vslider .vslide_item .slide_content .slide_text {
        font-size: 18px;
        margin-bottom: 30px;
    }

    .vslider-outer .vslider-wrapper .vslider .vslide_item .slide_content ul li {
        padding: 0px 0 10px 15px;
        line-height: 1.2em;
        font-size: 16px;
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .vslider-outer.disabled .vslider-wrapper ul.vslider > li .content {
        padding-left: 20px;
        padding-right: 20px;
    }
}

@media (min-width: 768px) and (max-width: 979px) {
    .vslider-outer .vslider-wrapper .vslider .vslide_item .slide_content .slide_text {
        font-size: 17px;
        margin-bottom: 20px;
    }

    .vslider-outer .vslider-wrapper .vslider .vslide_item .slide_content ul li {
        padding: 0 0 5px 9px;
    }
}

@media (min-width: 1900px) {
    .vslider-outer .vslider-wrapper .vslider.vslideLeft .image img.slide_img {
        float: right;
    }

    .vslider-outer .vslider-wrapper .vslider.vslideRight .image img.slide_img {
        float: left;
    }
}

@media (max-width: 1023px) {
    .vslider-outer .vslider-wrapper .vslider .vslide_item .slide_content .slide_title {
        margin-bottom: 20px;
    }

    .vslider-outer .vslider-wrapper .vslider .vslide_item .slide_content ul li {
        padding: 0 0 10px 15px;
    }

    .vslider-outer .vslider-wrapper .vslider .vslide_item .slide_content i.slide-picto {
        margin-bottom: 10px;
    }
}

@media (max-width: 767px) {
    .vslider-outer.disabled .vslider-wrapper .vslider > li div.content {
        margin-bottom: 80px;
    }

    .vslider-outer .vslider-wrapper .vslider .vslide_item .slide_content .slide_title {
        font-size: 30px;
    }

    .vslider-outer .vslider-wrapper .vslider .vslide_item .slide_content .slide_text {
        font-size: 16px;
    }

    .vslider-outer .vslider-wrapper .vslider .vslide_item .slide_content ul {
        font-size: 16px;
    }

    .vslider-outer .vslider-wrapper .vslider .vslide_item .slide_content ul li {
        padding: 0 0 10px 10px;
    }
}

@media (min-width: 768px) {
    .vslider-outer .vslider-wrapper .vslider .vslide_item .slide_content {
        max-width: 375px;
    }

    .vslider-outer .vslider-wrapper .vslider.vslideLeft .vslide_item .slide_content {
        padding-right: 20px;
        padding-left: 5px;
    }

    .vslider-outer .vslider-wrapper .vslider.vslideRight .vslide_item .slide_content {
        padding-left: 20px;
        padding-right: 5px;
    }
}

@media (min-width: 992px) {
    .vslider-outer .vslider-wrapper .vslider .vslide_item .slide_content {
        max-width: 485px;
    }

    .vslider-outer .vslider-wrapper .vslider.vslideLeft .vslide_item .slide_content {
        padding-right: 50px;
        padding-left: 35px;
    }

    .vslider-outer .vslider-wrapper .vslider.vslideRight .vslide_item .slide_content {
        padding-left: 50px;
        padding-right: 35px;
    }
}

@media (min-width: 1200px) {
    .vslider-outer .vslider-wrapper .vslider .vslide_item .slide_content {
        max-width: 585px;
    }

    .vslider-outer .vslider-wrapper .vslider.vslideLeft .vslide_item .slide_content {
        padding-right: 100px;
        padding-left: 85px;
    }

    .vslider-outer .vslider-wrapper .vslider.vslideRight .vslide_item .slide_content {
        padding-left: 100px;
        padding-right: 85px;
    }
}

/*
***
**** Footer
***
*/

#footer .footer_top {
    padding: 25px 0;
    background: #000;
}

#footer .footer_top .ftlnk {
    text-align: center;
}

#footer .footer_top .ftlnk span {
    line-height: 1.2em;
    color: #FFFFFF;
    font-size: 1.5em;
}

#footer .footer_top .ftlnk:nth-child(2) {
    border-right: solid #fff 0.15em;
    border-left: solid #fff 0.15em;
}

#footer .footer_mid {
    background: #fff;
}

#footer .footer_mid h4 {
    font-size: 1.6em;
    line-height: 2em;
    font-weight: 600;
}

#footer .footer_mid .social ul {
    margin-top: 2.5em;
}

@media (max-width: 768px) {
    #footer .footer_top .ftlnk {
        line-height: 5em;
    }

    #footer .footer_top .ftlnk:nth-child(2) {
        border: 0;
    }

    #footer .footer_mid .social {
        text-align: center;
    }

    #footer .footer_mid .social ul {
        margin-top: 1em;
    }

    #footer .footer_mid .social ul > li img {
        margin: 1em;
    }
}

@media only screen and (min-width: 1200px) and (min-height: 850px) {
    #footer .footer_top .ftlnk span {
        line-height: 1.6em;
        font-size: 1.6em;
    }

    #footer .footer_mid .footer-block a {
        font-size: 1.4em;
        line-height: 1.8em;
    }

    #footer .footer_mid .social ul > li img {
        height: 3.8em;
        width: 3.8em;
        margin-right: 3em;
    }

    #footer .footer_mid h4 {
        font-size: 2em;
        line-height: 2em;
        font-weight: 600;
    }
}

/*
***
**** Global
***
*/

h1, h2, h3, h4, h5, h6 {
    font-family: "Brown-Pro-Light";
    color: #000;
}

p {
    font-family: "Brown-Pro-Light";
    font-size: 1.2em;
    color: #000;
}

i {
    font-family: "Brown-Pro-Light";
}

label {
    font-family: "Brown-Pro-Regular";
    font-weight: 300;
}

strong, b {
    font-family: "Brown-Pro-Regular";
    font-weight: 900;
}

body {
    overflow-x: hidden;
}

small {
    font-size: 1em;
}

.yellow-bg, .jaune-bg {
    background: #ece820;
}

.orange-bg {
    background: #ffaf62;
}

.pink-bg, .rose-bg {
    background: #f5cfda;
}

.purple-bg, .violet-bg {
    background: #7c58c6;
}

.grey-bg {
    background: #eee;
}

.color-1 {
    color: #ff682e;
}

.color-2 {
    color: #9498a1;
}

.button.radius {
    border-radius: 0.5em;
}

.btn {
    padding: 1rem 2rem;
    font-size: 1.4rem;
}

.btn.full {
    outline: none;
    border: solid #ff682e 0.1em;
    background: #ff682e;
    border-radius: 0.2em;
    color: #FFF;
}

.btn.full:hover, .btn.full:focus {
    background: rgba(252, 104, 25, 0.9);
}

.btn.hollow {
    outline: none;
    border: solid #ff682e 0.1em;
    border-radius: 0.5em;
    color: #ff682e;
    transition: 100ms ease-out color, 100ms ease-out background;
}

.btn.hollow:hover, .btn.hollow:focus {
    background: #ff682e;
    color: #fff;
}

.btn.hollow.white {
    outline: none;
    border: solid #fff 0.1em;
    border-radius: 0.5em;
    color: #fff;
    transition: 180ms ease-in color, 160ms ease-in background;
}

.btn.hollow.white:hover, .btn.hollow.white:focus {
    background: #fff;
    color: #ff682e;
}

.col-centered {
    float: none;
    margin: 0 auto;
}

.btn.orange:hover {
    background: rgba(252, 104, 25, 0.9);
    box-shadow: none;
}

.price-manager.old-price {
    display: none;
}

.price-manager.new-price {
    display: none;
}

#pagenotfound #mainpage_content {
    padding-top: 15em;
}

#pagenotfound #mainpage_content .error404 {
    margin-bottom: 15em;
}

.row-eq-height {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.noselect {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.noclick {
    pointer-events: none;
}

.picto {
    width: 6rem;
}

.vertical-center {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

@media only screen and (min-width: 1200px) and (min-height: 850px) {

    h1 {
        font-size: 3.6em;
    }

    h2 {
        font-size: 2.5em;
    }

    h3 {
        font-size: 2.2em;
        line-height: 2em;
    }

    h4 {
        font-size: 2em;
    }

    h5 {
        font-size: 1.6em;
    }

    h6 {
        font-size: 1.3em;
    }

    p {
        font-size: 1.5em;
        line-height: 1.15em;
    }

    a.btn {
        font-size: 0.8em;
    }

    label {
        font-size: 1.2em;
    }
}

/*
***
**** Features
***
*/

div.features .ic {
    height: 6.5rem;
}

div.features .home {
    background: url("/themes/wistiki_starck/img/pages/features/home.jpg") no-repeat center center;
    background-size: cover;
    min-height: 55rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

div.features .home h1,
div.features .home h2,
div.features .home p {
    color: #fff;
}

div.features .radar > div:nth-child(1) {
    border-top: solid #ffae60 1rem;
    background: #fff;
    padding: 8rem 0;
}

div.features .radar > div:nth-child(1),
div.features .share > div:nth-child(2),
div.features .gh > div:nth-child(2),
div.features .webapp > div:nth-child(2),
div.features .lost > div:nth-child(1),
div.features .return > div:nth-child(2) {
    text-align: center;
}

div.features .return > div:nth-child(1),
div.features .return > div:nth-child(3),
div.features .lost > div:nth-child(2),
div.features .webapp > div:nth-child(1),
div.features .webapp > div:nth-child(3),
div.features .gh > div:nth-child(2),
div.features .share > div:nth-child(1),
div.features .share > div:nth-child(3),
div.features .radar > div:nth-child(2) {
    min-height: 30rem;
}

div.features .radar h2,
div.features .share h2,
div.features .gh h2,
div.features .webapp h2,
div.features .lost h2,
div.features .return h2 {
    margin: 3rem 0 1.5rem 0;
}

div.features .radar > div > div img:not(.ic),
div.features .share > div > div img:not(.ic),
div.features .gh > div > div img:not(.ic),
div.features .webapp > div > div img:not(.ic),
div.features .lost > div > div img:not(.ic),
div.features .return > div > div img:not(.ic) {
    margin-top: 4rem;
    width: 28rem;
}

div.features .radar > div:nth-child(2) {
    background: url("/themes/wistiki_starck/img/pages/features/item1.jpg") no-repeat bottom center;
    background-size: cover;
    padding: 0;
}

div.features .gh > div:nth-child(2) {
    background: url("/themes/wistiki_starck/img/pages/features/gh_visu.png") no-repeat bottom center;
    background-size: 80%;
    padding: 0;
}

div.features .gh > div:nth-child(1) {
    border-top: solid #7e57c6 1rem;
    background: #fff;
    padding: 8rem 0;
}

div.features .webapp > div:nth-child(1) {
    background: url("/themes/wistiki_starck/img/pages/features/wa_visu.png") no-repeat bottom center;
    background-size: 80%;
    padding: 0;
}
div.features .webapp > div:nth-child(3) {
    background: url("/themes/wistiki_starck/img/pages/features/wa_visu.png") no-repeat bottom center;
    background-size: 55%;
    padding: 0;
}

div.features .webapp > div:nth-child(2) {
    border-top: solid #7e57c6 1rem;
    background: #fff;
    padding: 8rem 0;
}

div.features .share > div:nth-child(2) {
    border-top: solid #ffb3ba 1rem;
    background: #fff;
    padding: 8rem 0;
}

div.features .share h2 {
    margin: 3rem 0 1.5rem 0;
}

div.features .share > div:nth-child(1),
div.features .share > div:nth-child(3) {
    background: url("/themes/wistiki_starck/img/pages/features/item2.jpg") no-repeat center center;
    background-size: contain;
    padding: 0;
}

div.features .lost > div:nth-child(1) {
    border-top: solid #7e57c6 1rem;
    background: #fff;
    padding: 8rem 0;
}

div.features .lost > div:nth-child(2) {
    background: url("/themes/wistiki_starck/img/pages/features/item3.jpg") no-repeat center center;
    background-size: cover;
    padding: 0;
}

div.features .lost a {
    margin-top: 4rem;
}

div.features .return > div:nth-child(2) {
    border-top: solid #ebe739 1rem;
    background: #fff;
    padding: 8rem 0;
}

div.features .return > div:nth-child(1),
div.features .return > div:nth-child(3) {
    background: url("/themes/wistiki_starck/img/pages/features/item4.jpg") no-repeat center center;
    background-size: cover;
    padding: 0;
}

div.features .go-top {
    background: #63656a;
    padding: 1.5rem 0 0.4rem 0;
}

div.features .go-top a:active,
div.features .go-top a {
    color: #fff;
    font-size: 1.6rem;
    -webkit-box-shadow: none;
    box-shadow: none;
}

div.features .go-top img {
    height: 2.5rem;
    margin-bottom: 1rem;

}

@media (min-width: 769px) {
    div.features .radar,
    div.features .share,
    div.features .gh,
    div.features .webapp,
    div.features .lost,
    div.features .return {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
    }

    div.features .gh > div:nth-child(2) {
        background-size: 55%;
    }

    div.features .radar > div:nth-child(1) {
        text-align: right;
    }

    div.features .share > div:nth-child(2) {
        text-align: left;
    }

    div.features .gh > div:nth-child(1) {
        text-align: right;
    }

    div.features .webapp > div:nth-child(2) {
        text-align: left;
    }

    div.features .lost > div:nth-child(1) {
        text-align: right;
    }

    div.features .return > div:nth-child(2) {
        text-align: left;
    }

    div.features .radar > div > div img:not(.ic),
    div.features .share > div > div img:not(.ic),
    div.features .gh > div > div img:not(.ic),
    div.features .webapp > div > div img:not(.ic),
    div.features .lost > div > div img:not(.ic),
    div.features .return > div > div img:not(.ic) {
        margin-top: 4rem;
        width: 36rem;
    }

    div.features .return > div:nth-child(1),
    div.features .return > div:nth-child(3),
    div.features .lost > div:nth-child(2),
    div.features .webapp > div:nth-child(1),
    div.features .webapp > div:nth-child(3),
    div.features .gh > div:nth-child(2),
    div.features .share > div:nth-child(1),
    div.features .share > div:nth-child(3),
    div.features .radar > div:nth-child(2) {
        min-height: 50rem;
    }
}

@media (min-width: 1900px) {
    div.features .return > div:nth-child(1),
    div.features .return > div:nth-child(3),
    div.features .lost > div:nth-child(2),
    div.features .webapp > div:nth-child(1),
    div.features .webapp > div:nth-child(3),
    div.features .gh > div:nth-child(2),
    div.features .share > div:nth-child(1),
    div.features .share > div:nth-child(3),
    div.features .radar > div:nth-child(2) {
        min-height: 75rem;
    }
}

/*
***
**** Discover it
***
*/

.discover-it {
    background: url("/themes/wistiki_starck/img/pages/homepage/discover-it.jpg") no-repeat center center;
    background-size: cover;
    padding: 3rem 0 2rem 0;
    margin-top: -0.1rem;
}

.discover-it .row.bg .row {
    margin-left: 10rem;
}

@media (max-width: 991px) {
    .discover-it .row.bg .row {
        margin-left: 0;
    }
}

.discover-it .row div h1 {
    color: white;
    margin-bottom: 4.5rem;
}

.feature {
    margin-bottom: 2rem;
    margin-left: -2rem;
    margin-right: -2rem;
}

.feature-content {
    background-color: #EEE;
    border: 1px solid #ff682e;
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
    min-height: 24.8rem;
}

.feature-content p img {
    height: 7rem;
    margin-bottom: 1rem;
}

.feature-content h4 {
    margin-bottom: 1rem;
}

@media (max-width: 991px) {
    .feature {
        float: none;
        margin: 0 auto 2rem auto;
    }
}

/*
***
**** Starck citation
***
*/

section.starck-citation {
    background: #000;
    text-align: center;
    margin-top: -0.5rem;
    padding: 5rem 0 5rem 0;
}

section.starck-citation .row h4 {
    padding-top: 2rem;
    padding-bottom: 0rem;
    color: #FFF;
    margin: 0;
}

section.starck-citation .row h3 {

    color: #FFF;

}

section.starck-citation .row .quote img {
    height: 6rem;
    padding-top: 2.5rem;
}

@media (max-width: 766px) {
    section.starck-citation .row .quote img {
        height: 5rem;
        padding-top: 3rem;
        margin-top: 2.5rem;
    }
}

/*
***
**** Starck banner
***
*/

section.starck-banner {
    height: auto;
    background: #fff;
}

section.starck-banner h1 {
    margin-bottom: 5rem;
}

section.starck-banner h3 {
    margin: 4rem auto 1rem auto;
}

section.starck-banner .row .left img {
    max-width: 100%;
}

section.starck-banner div:nth-child(2) img {
    max-height: 30rem;
    cursor: pointer;
}

section.starck-banner .modals .modal-drop {
    background: #dfdfdf;
}

@media only screen and (max-width: 768px) {
    section.starck-banner div:nth-child(2) img {
        max-width: 100%;
        margin-bottom: 5rem;
    }
}

/*
***
**** Home slider
***
*/

#homepage-slider {
    top: -6.45em;
    z-index: 0;
    padding: 0;
    margin-bottom: -6.6em;
}

/*
***
**** Products
***
*/

#cms div.product .home {
    height: 40em;
    width: 100%;
    background-size: cover;
}

#cms div.product .home .popup {
    margin-top: 3em;
}

#cms div.product .home ul {
    margin-top: 5em;
    margin: 7em 0 1.4em 1.5em;
}

#cms div.product .home ul a {
    color: #666;
}

#cms div.product .home .logo {
    margin-top: 5em;
}

#cms div.product .home ul li:nth-child(1) img {
    height: 1.9em;
    padding: 0em;
    margin-bottom: 1.6em;
}

#cms div.product .home .logo {
    margin-top: 5em;
}

#cms div.product .home .logo .logo-text {
    width: 15rem;
}

#cms div.product .home .logo .drop {
    margin-top: 4em;
    width: 4.8em;
}

#cms div.product .home ul p {
    font-family: "Brown-Pro-Regular", sans-serif;
    padding-top: 1em;
    color: #666;
}

#cms div.product .features {
    padding: 7em 0 2.6em 0;
    background-color: white;
}

#cms div.product .features img {
    width: 38%;
}

#cms div.product .features h4 {
    margin: 1.3em 0 0.9em 0;
    font-family: "Brown-Pro-Regular", sans-serif;
}

#cms div.product .description .item .left,
#cms div.product .description .item .right {
    padding: 9em 1.8em 9em 1.8em;
}

#cms div.product .description .item h3 {
    margin: 1em 0 0.8em 0;
    font-family: "Brown-Pro-Regular", sans-serif;
}

#cms div.product .description .item img {
    width: 17%;
}

#cms div.product .description .item-1 .right,
#cms div.product .description .item-2 .left {
    background-size: cover;
}

#cms div.product .current-product {
    padding: 3em 0;
}

#cms div.product .current-product h1 {
    margin-bottom: 0.5em;
}

#cms div.product .current-product .choose {
    font-family: "Brown-Pro-Regular", sans-serif;
}

#cms div.product .current-product .add-to-cart {
    margin-top: 1.4em;
}

#cms div.product .current-product .logo img {
    margin-top: 2em;
    width: 10rem;
}

#cms div.product .current-product .drop {
    color: #ff682e;
    margin-top: 5em;
}

#cms div.product .current-product .drop p {
    color: #ff682e;
}

#cms div.product .others .logo img
#cms div.product .current-product .drop img {
    margin-top: 0.6em;
    width: 16%;
}

#cms div.product .current-product .add-to-cart-block .list-inline > li {
    margin: 0.4em;
}

#cms div.product .others {
    padding: 6em 0;
    background: #fff;
}

#cms div.product .others .left {
    border-right: solid #000 0.16em;
}

#cms div.product .others .logo img {
    width: 10rem;
}

#cms div.product .others .product img {
    margin: 1em 0;
    width: 30%;
}

@media (max-width: 768px) {
    #cms div.product .features > div > div {
        margin-bottom: 4em;
    }

    #cms div.product .current-product .drop {
        margin: 4em auto;
    }

    #cms div.product .current-product .logo {
        margin-bottom: 3em;
    }

    #cms div.product .others .left {
        border-right: none;
        margin-bottom: 6em;
    }

    #cms div.product .others .logo img {
        width: 65%;
    }

    #cms div.product .others .product img {
        margin: 1em 0;
        width: 80%;
    }

    #cms div.product .description .item .left,
    #cms div.product .description .item .right {
        padding: 4em 0;
    }

    #cms div.product .home .logo {
        margin: 0 auto;
    }

    #cms div.product .home .logo .drop {
        padding: 2.1em 0;
        margin: 0 auto;
    }

    #cms div.product .home {
        height: auto;
    }

    #cms div.product .description .item {
        text-align: center;
    }

    #cms div.product .home ul {
        margin: 6em 0 1.4em 1.5em;
    }
}

/* Medium Devices, Desktops */
@media only screen and (min-width: 992px) {
    #cms div.product .home ul {
        position: fixed;
        z-index: 98;
    }

    #cms div.product .home .logo {
        margin-top: 18em;
    }
}

@media only screen and (min-width: 1200px) {
    #cms div.product .home ul {
        position: fixed;
        z-index: 98;
    }

    #cms div.product .home .logo {
        margin-top: 18em;
    }
}

@media only screen and (min-width: 1200px) and (min-height: 850px) {
    #cms div.product .home ul {
        position: fixed;
        z-index: 98;
    }

    #cms div.product .home .logo {
        margin-top: 18em;
    }
}

/*
***
**** Products - voila
***
*/

#cms div.product.voila .home {
    background: #fff url("/themes/wistiki_starck/img/pages/voila/home-big.jpg") no-repeat center center;
    background-size: cover;
}

#cms div.product.voila .description .item .infinite-icons {
    margin-top: 5em;
    width: 80%;
}

#cms div.product.voila .description .item-1 .right {
    background: url("/themes/wistiki_starck/img/pages/voila/key.jpg") no-repeat center center;
    background-size: cover;
}

#cms div.product.voila .description .item-2 .left {
    background: url("/themes/wistiki_starck/img/pages/voila/bike.jpg") no-repeat center center;
}

#cms div.product.voila .modals .modal-drop {
    background: #f5cfda;
}

@media (max-width: 768px) {

    #cms div.product.voila .home {
        background: #fff url("/themes/wistiki_starck/img/pages/voila/home-small.jpg") no-repeat center center;
    }

    #cms div.product.voila .description .item-1 .right {
        height: 22em;
    }

    #cms div.product.voila .description .item-2 .left {
        height: 22em;
    }
}

/*
***
**** Products - aha
***
*/

#cms div.product.aha .home {
    background: #fff url("/themes/wistiki_starck/img/pages/aha/home-big.jpg") no-repeat center center;
    background-size: cover;
}

#cms div.product.aha .description .item .infinite-icons {
    margin-top: 5em;
    width: 80%;
}

#cms div.product.aha .description .item-1 .right {
    background: url("/themes/wistiki_starck/img/pages/aha/cat.jpg") no-repeat center center;
    background-size: cover;
}

#cms div.product.aha .description .item-2 .left {
    background: url("/themes/wistiki_starck/img/pages/aha/bag.jpg") no-repeat center center;
}

#cms div.product.aha .modals .modal-drop {
    background: #ffaf62;
}

@media (max-width: 768px) {

    #cms div.product.aha .home {
        background: #fff url("/themes/wistiki_starck/img/pages/aha/home-small.jpg") no-repeat center center;
    }

    #cms div.product.aha .description .item-1 .right {
        height: 22em;
        background-size: cover;
    }

    #cms div.product.aha .description .item-2 .left {
        height: 22em;
    }
}

/*
***
**** Products - hopla
***
*/

#cms div.product.hopla .home {
    background: #fff url("/themes/wistiki_starck/img/pages/hopla/home-big.jpg") no-repeat center center;
    background-size: cover;
}

#cms div.product.hopla .description .item .infinite-icons {
    margin-top: 5em;
    width: 80%;
}

#cms div.product.hopla .description .item-1 .right {
    background: url("/themes/wistiki_starck/img/pages/hopla/wallet.jpg") no-repeat center center;
    background-size: cover;
}

#cms div.product.hopla .description .item-2 .left {
    background: url("/themes/wistiki_starck/img/pages/hopla/skate.jpg") no-repeat center center;
    background-size: cover;
}

#cms div.product.hopla .modals .modal-drop {
    background: #ece820;
}

@media (max-width: 768px) {

    #cms div.product.hopla .home {
        background: #fff url("/themes/wistiki_starck/img/pages/hopla/home-small.jpg") no-repeat center center;
    }

    #cms div.product.hopla .description .item-1 .right {
        height: 22em;
    }

    #cms div.product.hopla .description .item-2 .left {
        height: 22em;
    }
}

/*
***
**** Join community
***
*/

section.join-community {
    background: #fff;
    text-align: center;
}

section.join-community h1 {
    margin-bottom: 3rem;
}

section.join-community h3 {
    line-height: 1.3em;
}

section.join-community .left {
    margin: 3rem 0;
}

section.join-community .left .logo img {
    margin: 1em 0 3em 0;
    width: 70%;
}

section.join-community .left .stores {
    margin: 3em 0;
}

section.join-community .left .stores img {
    width: 15rem;
}

section.join-community .left .stores a:first-child {
    margin-right: 2rem;
}

section.join-community .left ul li:not(:last-child) {
    margin-right: 3rem;
}

section.join-community .left ul li img {
    width: 3.8rem;
}

section.join-community .left ul {
    margin-top: 1em;
}

section.join-community .right {
    background: url("/themes/wistiki_starck/img/community/community-style.jpg") no-repeat center center;
    background-size: cover;
    width: 40.5%;
    min-height: 58rem;
}

@media (min-width: 769px) {
    section.join-community > div.row {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
    }
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
    section.join-community .right {
        width: 49%;
    }
}

@media (max-width: 768px) {
    section.join-community .right {
        width: 100%;
    }

    section.join-community .left {
        margin: 5rem 0;
    }

    section.join-community .left .stores {
        margin: 1em 0 3em 0;
    }

    section.join-community .left .stores img {
        width: 18rem;
    }

    section.join-community .left .stores img {
        margin-top: 2rem;
    }
}

@media only screen and (min-width: 1200px) and (min-height: 850px) {
    section.join-community .right {
        width: 40.9%;
    }

    section.join-community .left .stores img {
        width: 22rem;
    }

    section.join-community .left ul li img {
        width: 4.5rem;
    }

    section.join-community .left ul li:not(:last-child) {
        margin-right: 5rem;
    }
}

/*
***
**** Contact list
***
*/

div.contact .home {
    background: url("/themes/wistiki_starck/img/pages/contact/home.jpg") no-repeat center center;
    background-size: cover;
    min-height: 55rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

div.contact .home h1, div.contact .home h2 {
    color: white;
    margin-bottom: 3rem;
}

div.contact .home p {
    color: white;
}

div.contact .panel {
    margin: 0 3.5rem;
    border-left: none;
    border-right: none;
    border-bottom: none;
    border-top: solid #ff682e 0.6rem;
    padding: 0.5rem 0 1.5rem 0;
}

div.contact .panel img {
    width: 6rem;
}

div.contact .panel h4 {
    font-family: "Brown-Pro-Bold";
    margin: 2rem 0 1.5rem 0;
}

div.contact .methods {
    margin: 5rem 0;
}

div.contact .recruitment {
    background: #fff;
    text-align: center;
    padding: 3rem 0 5rem 0;
}

div.contact .recruitment .skills,
div.contact .recruitment .email {
    margin-top: 2rem;
}

div.contact .recruitment h1 {
    margin-bottom: 4rem;
}

div.contact .recruitment > div:nth-child(2) {
    margin: 6rem 0;
}

div.contact .recruitment > div:nth-child(2) img {
    width: 6rem;
}

div.contact .recruitment > div:nth-child(3) a {
    font-family: "Brown-Pro-Bold";
    text-align: center;
}

div.contact .jobs {
    padding: 4rem 0;
    background: #eee;
    text-align: center;
}

div.contact .jobs > div:nth-child(1) {
    padding-bottom: 2rem;
}

div.contact .jobs .item-1 ul li {
    margin-bottom: 1rem;
}

div.contact .jobs .item-1 ul li > div:nth-child(1) > div:nth-child(1) {
    background: #63656a;
}

div.contact .jobs .item-1 ul li > div > div:nth-child(1) h2 {
    line-height: 6.5rem;
    margin: 0;
    color: #fff;
}

div.contact .jobs .item-1 ul li > div > div h3 {
    line-height: 3rem;
    color: #fff;
    letter-spacing: 0.05rem;
}

div.contact .jobs .item-1 ul li > div a {
    line-height: 6.3rem;
}

div.contact .jobs .item-1 ul li:nth-child(1) > div:nth-child(1) > div:nth-child(1),
div.contact .jobs .item-1 ul li:nth-child(5) > div:nth-child(1) > div:nth-child(1),
div.contact .jobs .item-1 ul li:nth-child(9) > div:nth-child(1) > div:nth-child(1),
div.contact .jobs .item-1 ul li:nth-child(13) > div:nth-child(1) > div:nth-child(1),
div.contact .jobs .item-1 ul li:nth-child(17) > div:nth-child(1) > div:nth-child(1) {
    border-left: solid #ffb3ba 0.5rem;
    text-align: center;
}

div.contact .jobs .item-1 ul li:nth-child(1) > div:nth-child(1) > div:nth-child(2),
div.contact .jobs .item-1 ul li:nth-child(1) > div:nth-child(1) > div:nth-child(3),
div.contact .jobs .item-1 ul li:nth-child(5) > div:nth-child(1) > div:nth-child(2),
div.contact .jobs .item-1 ul li:nth-child(5) > div:nth-child(1) > div:nth-child(3),
div.contact .jobs .item-1 ul li:nth-child(9) > div:nth-child(1) > div:nth-child(2),
div.contact .jobs .item-1 ul li:nth-child(9) > div:nth-child(1) > div:nth-child(3),
div.contact .jobs .item-1 ul li:nth-child(13) > div:nth-child(1) > div:nth-child(2),
div.contact .jobs .item-1 ul li:nth-child(13) > div:nth-child(1) > div:nth-child(3),
div.contact .jobs .item-1 ul li:nth-child(17) > div:nth-child(1) > div:nth-child(2),
div.contact .jobs .item-1 ul li:nth-child(17) > div:nth-child(1) > div:nth-child(3) {
    background: #ffb3ba;
}

div.contact .jobs .item-1 ul li:nth-child(2) > div:nth-child(1) > div:nth-child(1),
div.contact .jobs .item-1 ul li:nth-child(6) > div:nth-child(1) > div:nth-child(1),
div.contact .jobs .item-1 ul li:nth-child(10) > div:nth-child(1) > div:nth-child(1),
div.contact .jobs .item-1 ul li:nth-child(14) > div:nth-child(1) > div:nth-child(1) {
    border-left: solid #ebe739 0.5rem;
    text-align: center;
}

div.contact .jobs .item-1 ul li:nth-child(2) > div:nth-child(1) > div:nth-child(2),
div.contact .jobs .item-1 ul li:nth-child(2) > div:nth-child(1) > div:nth-child(3),
div.contact .jobs .item-1 ul li:nth-child(6) > div:nth-child(1) > div:nth-child(2),
div.contact .jobs .item-1 ul li:nth-child(6) > div:nth-child(1) > div:nth-child(3),
div.contact .jobs .item-1 ul li:nth-child(10) > div:nth-child(1) > div:nth-child(2),
div.contact .jobs .item-1 ul li:nth-child(10) > div:nth-child(1) > div:nth-child(3),
div.contact .jobs .item-1 ul li:nth-child(14) > div:nth-child(1) > div:nth-child(2),
div.contact .jobs .item-1 ul li:nth-child(14) > div:nth-child(1) > div:nth-child(3) {
    background: #ebe739;
}

div.contact .jobs .item-1 ul li:nth-child(3) > div:nth-child(1) > div:nth-child(1),
div.contact .jobs .item-1 ul li:nth-child(7) > div:nth-child(1) > div:nth-child(1),
div.contact .jobs .item-1 ul li:nth-child(11) > div:nth-child(1) > div:nth-child(1),
div.contact .jobs .item-1 ul li:nth-child(15) > div:nth-child(1) > div:nth-child(1) {
    border-left: solid #ffae60 0.5rem;
    text-align: center;
}

div.contact .jobs .item-1 ul li:nth-child(3) > div:nth-child(1) > div:nth-child(2),
div.contact .jobs .item-1 ul li:nth-child(3) > div:nth-child(1) > div:nth-child(3),
div.contact .jobs .item-1 ul li:nth-child(7) > div:nth-child(1) > div:nth-child(2),
div.contact .jobs .item-1 ul li:nth-child(7) > div:nth-child(1) > div:nth-child(3),
div.contact .jobs .item-1 ul li:nth-child(11) > div:nth-child(1) > div:nth-child(2),
div.contact .jobs .item-1 ul li:nth-child(11) > div:nth-child(1) > div:nth-child(3),
div.contact .jobs .item-1 ul li:nth-child(15) > div:nth-child(1) > div:nth-child(2),
div.contact .jobs .item-1 ul li:nth-child(15) > div:nth-child(1) > div:nth-child(3) {
    background: #ffae60;
}

div.contact .jobs .item-1 ul li:nth-child(4) > div:nth-child(1) > div:nth-child(1),
div.contact .jobs .item-1 ul li:nth-child(8) > div:nth-child(1) > div:nth-child(1),
div.contact .jobs .item-1 ul li:nth-child(12) > div:nth-child(1) > div:nth-child(1),
div.contact .jobs .item-1 ul li:nth-child(16) > div:nth-child(1) > div:nth-child(1) {
    border-left: solid #7e57c6 0.5rem;
    text-align: center;
}

div.contact .jobs .item-1 ul li:nth-child(4) > div:nth-child(1) > div:nth-child(2),
div.contact .jobs .item-1 ul li:nth-child(4) > div:nth-child(1) > div:nth-child(3),
div.contact .jobs .item-1 ul li:nth-child(8) > div:nth-child(1) > div:nth-child(2),
div.contact .jobs .item-1 ul li:nth-child(8) > div:nth-child(1) > div:nth-child(3),
div.contact .jobs .item-1 ul li:nth-child(12) > div:nth-child(1) > div:nth-child(2),
div.contact .jobs .item-1 ul li:nth-child(12) > div:nth-child(1) > div:nth-child(3),
div.contact .jobs .item-1 ul li:nth-child(16) > div:nth-child(1) > div:nth-child(2),
div.contact .jobs .item-1 ul li:nth-child(16) > div:nth-child(1) > div:nth-child(3) {
    background: #7e57c6;
}

div.contact .jobs .item-1 ul li > div:nth-child(1) > div:nth-child(3) {
    padding: 0;
}

@media (max-width: 768px) {
    .contact > div {
        padding: 6em 0 2em 0;
    }

    .contact > div > div > div {
        margin: 4em auto;
        float: none;
    }
}

@media only screen and (min-device-width: 767px) and (max-device-width: 768px) {

    div.contact .panel {
        margin: 0 1rem;
    }

    div.contact .recruitment > div:nth-child(2) {
        margin: 0;
    }
}

@media (max-width: 766px) {
    div.contact .methods {
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

    div.contact .panel {
        margin: 2rem auto;
    }

    div.contact .skills > div > div {
        margin-bottom: 4rem;
    }

    div.contact .recruitment > div:nth-child(2) {
        margin: 0;
    }

    div.contact .recruitment > div:nth-child(2) > div > div {
        margin: 5rem 0;
    }

    div.contact .jobs .item-1 ul li > div > div:nth-child(1) h2 {
        font-size: 2rem;
    }

    div.contact .jobs .item-1 ul li > div > div {
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

    div.contact .jobs .item-1 ul li > div > div img {
        float: left;
        margin-left: 15%;
    }

    div.contact .jobs .item-1 ul li > div > div:nth-child(1) h2,
    div.contact .jobs .item-1 ul li > div > div h3 {
        font-size: 1.6rem;
        word-break: keep-all;
    }
}

/*
***
**** Buy
***
*/

section.buy {
    background: #eee;
    padding: 3em 0 6em 0;
}

section.buy h1, section.buy h4 {
    text-align: center;
}

section.buy .color,
section.buy .product,
section.buy .declination,
section.buy .action {
    margin: auto;
}

section.buy > div > h4 {
    margin: 1.5rem 0 2.8em 0;
}

section.buy .item {
    padding: 0;
}

section.buy .item .color {
    height: 0.6em;
}

section.buy .item .product {
    background: #fff;
    padding: 1.8em 0.8em;
    border-width: 0 0.01em 0.01em 0.01em;
    border-style: solid;
    border-color: #b1b1b1;
    min-height: 35rem;
}

section.buy .item .logo {
    text-align: center;
}

section.buy .item .logo img {
    height: 3em;
}

section.buy .item .article {
    text-align: center;
    /*padding-bottom: 1.5em;*/
}

section.buy .item .article img {
    width: 16em;
}

section.buy .product .text h4 {
    min-height: 3.6rem;
}

section.buy .item .price .new-price {
    color: #ff682e;
    line-height: 0.1em;
}

section.buy .item .price .old-price {
    color: #626262;
    text-align: right;
    line-height: 0.5em;
    font-size: 1.6rem;
}

section.buy .item .price .strike {
    border: 0 solid #ff682e;
    border-bottom-width: 1px;
    margin-top: -6px;
    width: 30px;
    position: absolute;
    right: 1.2em;
    -webkit-transform: rotate(-30deg);
    -moz-transform: rotate(-30deg);
    -ms-transform: rotate(-30deg);
    -o-transform: rotate(-30deg);
    transform: rotate(-30deg);
}

section.buy h4 {
    text-align: center;
}

section.buy .item .price h3.tpl-current-price {
    color: #ff682e;
    line-height: 0.1em;
    padding: 0;
    margin: 0;
    display: none;
}

section.buy .item .price h3.tpl-current-price span {
    font-size: 0.8em;
    margin-left: 0.01rem;
}

section.buy .item .price h3 span:nth-child(3),
section.buy .item .price h5 span:nth-child(3) {
    font-size: 0.8em;
}

section.buy .item .price h3 span,
section.buy .item .price h5 span {
    margin: 0 -0.14em;
}

section.buy .item .declination {
    border-left: solid #b1b1b1 0.01em;
    border-right: solid #b1b1b1 0.01em;
    padding: 0.8em 0;
    background: #fff;
}

section.buy .item .declination h5 {
    font-weight: bold;
}

section.buy .item .declination .shipping p {
    margin: 1.5em 0 0.3em 0;
    line-height: 1.5em;
    font-size: 1em;
}

section.buy .item .action {
    background: #ff682e;
    color: #fff;
    line-height: 2.4em;
    text-align: center;
    cursor: pointer;
}

section.buy .item .action a {
    color: #fff;
    font-size: 1.4rem;
}

section.buy .item .action.active {
    background: #ff682e;
}

@media (max-width: 768px) {
    section.buy .item {
        float: none;
        margin: 0 auto;
        margin-bottom: 4em;
    }

    section.buy .item .article img {
        width: 14em;
    }

    section.buy .item .declination .shipping p {
        font-size: 0.9em;
        line-height: 1.4em;
    }
}

@media only screen and (min-width: 1200px) and (min-height: 850px) {

    section.buy .item .declination .shipping p {
        font-size: 1.4em;
    }

    section.buy .item .action a {
        font-size: 1.6em;
        line-height: 2.1em;
    }
}

/*
***
**** Collection
***
*/

section.collection {
    background: #eee;
    padding: 3em 0 3.5em 0;
}

section.collection > div > div > h1 {
    margin-bottom: 0.7rem;
}

section.collection > div > div > h4 {
    margin: 1.5rem 0 4.5rem 0;
}

section.buy .color,
section.buy .product,
section.buy .declination,
section.buy .action {
    margin: auto;
}

section.collection .item {
    padding: 0;
    cursor: pointer;
}

section.collection .item .color {
    height: 0.6em;
}

section.collection .item .product {
    background: #fff;
    padding: 1.8em 0.5em 0.6em 0;
    border-width: 0 0.01em 0 0.01em;
    border-style: solid;
    border-color: #b1b1b1;
    min-height: 36rem;
}

section.collection .item .logo {
    text-align: center;
}

section.collection .item .logo img {
    height: 3em;
}

section.collection .item .article {
    text-align: center;
    padding-bottom: 1.5em;
}

section.collection .item .article img {
    width: 16em;
}

section.collection .item .action {
    background: #63656a;
    color: #fff;
    line-height: 2.4em;
    text-align: center;
    transition: background 300ms;
}

section.collection .item .action a {
    color: #fff;
    font-size: 1.4rem;
}

section.collection .item .action.active {
    background: #ff682e;
}

section.collection .discover-collection .modals .modal-drop {
    background: #f5cfda;
}

section.collection .discover-collection {
    margin-top: 3em;
}

@media (min-width: 374px) and (max-width: 375px) {
    section.collection h1 {
        font-size: 2em;
    }
}

@media (max-width: 768px) {
    section.collection .item {
        float: none;
        margin: 0 auto;
        margin-bottom: 4em;
    }

    section.collection .item .article img {
        width: 14em;
    }
}

@media only screen and (min-width: 1200px) and (min-height: 850px) {
    section.collection .item .action a {
        font-size: 1.6em;
        line-height: 2.1em;
    }
}

/*
***
**** Generic
***
*/

div.generic {
    background: #fff;
    padding: 10em 0 6em 0;
}

div.generic h2 {
    margin-bottom: 1em;
}

/*
***
**** History
***
*/

section.history {
    margin-top: -0.4em;
    background: #fff;
}

section.history > h4 {
    color: rgba(252, 104, 25, 1);
    font-family: "Brown-Pro-Light", sans-serif;
    margin-bottom: 3em;
}

section.history .items h3 {
    font-family: "Brown-Pro-Regular", sans-serif;
    line-height: 1.4em;
}

section.history li {
    height: 40em;
    text-align: center;
}

section.history li .btn {
    margin-top: 2em;
}

section.history li h3 {
    padding-top: 5em;
}

section.history .item-1 {
    background: #fff url("/themes/wistiki_starck/img/sliders/history/cat-bg.png") no-repeat -8em center;
}

section.history .item-2 {
    background: #fff url("/themes/wistiki_starck/img/sliders/history/cat-bg.png") no-repeat -8em center;
}

section.history .item-3 {
    background: #fff url("/themes/wistiki_starck/img/sliders/history/cat-bg.png") no-repeat -8em center;
}

/*
***
**** How it works
***
*/

.how-it-works-header {
    padding: 1.5em 0 4rem 0;
    background-size: cover;
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.68), rgba(0, 0, 0, 0.68)), url("/themes/wistiki_starck/img/home/how-it-works-bg.jpg");
    background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0.68), rgba(0, 0, 0, 0.68)), url("/themes/wistiki_starck/img/home/how-it-works-bg.jpg");
    background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.68), rgba(0, 0, 0, 0.68)), url("/themes/wistiki_starck/img/home/how-it-works-bg.jpg");
    background-image: -ms-linear-gradient(top, rgba(0, 0, 0, 0.68), rgba(0, 0, 0, 0.68)), url("/themes/wistiki_starck/img/home/how-it-works-bg.jpg");
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.68)), to(rgba(0, 0, 0, 0.68))), url("/themes/wistiki_starck/img/home/how-it-works-bg.jpg");
    background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.68), rgba(0, 0, 0, 0.68)), url("/themes/wistiki_starck/img/home/how-it-works-bg.jpg");
}

.how-it-works-header .row div h1, .how-it-works-header .row div p {
    color: white;
}

.how-it-works-header .row div h1 {
    margin-bottom: 4.8rem;
}

.how-it-works-header > div > div > div > div > div {
    margin-top: 3rem;
}

.how-it-works-header > div > div > div > div > div:first-child p {
    padding: 1.6rem 0;
}

.how-it-works-header > div > div > div > div > div:last-child p:not(:last-child) {
    padding: 1.6rem 0;
}

.how-it-works-header > div > div > div p > span {
    background: #ff682e;
    height: 30rem;
    padding: 0.5rem 1.1rem;
    border: solid #ff682e 0.1rem;
    border-radius: 50%;
    margin-right: 2rem;
}

section.how-it-works {
    padding: 2rem 0;
}

section.how-it-works > h4 {
    color: rgba(252, 104, 25, 1);
    font-family: "Brown-Pro-Light", sans-serif;
    margin-bottom: 3em;
}

section.how-it-works > ul > li:nth-child(2),
section.how-it-works > ul > li:nth-child(3) {
    margin-top: -0.4em;
}

section.how-it-works > ul.list-inline {
    margin-bottom: 0;
    bottom: 0;
    padding-bottom: 0;
}

section.how-it-works > ul.list-inline > li {
    padding: 0 2rem 0 2rem;
}

section.how-it-works .items .description {
    padding: 5em 0;
    background: #eee;
}

section.how-it-works .items .description .card {
    background-color: white;
    border-top: 10px solid;
    padding: 3rem 0 0 0;
}

section.how-it-works .items .description .card.yellow {
    border-top-color: #ebe739;
}

section.how-it-works .items .description .card.orange {
    border-top-color: #ffae60;
}

section.how-it-works .items .description .card.purple {
    border-top-color: #7e57c6;
}

section.how-it-works .items .description .card.pink {
    border-top-color: #ffb3ba;
}

section.how-it-works .items .description .card.left {
    float: left;
}

section.how-it-works .items .description .card.right {
    float: right;
}

section.how-it-works .items .description .card img.header {
    margin-top: -10rem;
    height: 8rem;
    width: auto;
}

section.how-it-works .items .description .card .card-content {
    padding: 2rem;
}

section.how-it-works .items .description .card .card-button {
    background-color: #ff682e;
}

section.how-it-works .items .description .card .card-button a {
    margin: 0.5rem;
    font-size: 1.4rem;
}

section.how-it-works .items .description .card .card-button a:active {
    -webkit-box-shadow: none;
    box-shadow: none;
}

section.how-it-works .items .description.text-right img {
    float: right;
}

section.how-it-works .items .description.text-left img {
    float: left;
}

section.how-it-works .items.item-1 .illustration img {
    height: 37rem;
}

section.how-it-works .items.item-2 .illustration img {
    height: 37rem;
    margin-top: 4rem;
}

section.how-it-works .items.item-3 .illustration img {
    height: 42rem;
    margin-top: 3rem;
}

section.how-it-works .items.item-4 .illustration img {
    height: 37rem;
    margin-top: 5rem;
}

section.how-it-works .items .illustration img {
    width: auto;
}

section.how-it-works .items .right {
    padding-left: 3.5em;
    padding-top: 5rem;
}

section.how-it-works .items .left {
    padding-right: 3.5em;
}

section.how-it-works .description .btn {
    margin-top: 1.5em;
}

section.how-it-works a {
    margin: 1.5em auto;
}

section.how-it-works .btn {
    padding: 1rem 4rem;
    font-size: 1.55rem;
}

section.how-it-works .more-features {
    padding: 2em 0;
}

@media only screen and (min-device-width: 767px) and (max-device-width: 768px) {
    section.how-it-works .items .description {
        margin: 0 auto;
    }

    section.how-it-works .items .illustration img {
        width: 33rem;
        margin-top: 8rem;
        height: auto;
    }

    section.how-it-works {
        padding: 10rem 0;
    }
}

@media (min-width: 768px) {
    section.how-it-works .items.item-1 .illustration img {
        float: left;
    }

    section.how-it-works .items.item-2 .illustration img {
        float: right;
    }

    section.how-it-works .items.item-3 .illustration img {
        float: left;
    }

    section.how-it-works .items.item-4 .illustration img {
        float: right;
    }
}

@media only screen and (min-device-width: 767px) and (max-device-width: 768px) {
    .how-it-works-header > div > div > div > div > div:first-child p {
        padding: 2.3rem 0;
    }
}

@media (max-width: 766px) {
    .how-it-works-header > div > div > div > div > div:first-child p {
        padding: 2.5rem 0;
    }
}

@media (max-width: 768px) {
    section.how-it-works a {
        margin: 6rem 0 4rem 0;
    }

    section.how-it-works > ul.list-inline > li > div.description > div {
        margin: 0;
    }

    section.how-it-works .items .description {
        text-align: center;
        padding: 0;
    }

    section.how-it-works .items .right {
        padding-top: 0;
    }

    section.how-it-works .items .description img {
        float: none;
        height: 5em;
        width: 5em;
        margin: auto;
    }

    section.how-it-works .items .description.text-right img {
        float: none;
    }

    section.how-it-works .bx-pager.bx-default-pager {
        bottom: 1.3em;
    }

    section.how-it-works .items .illustration {
        text-align: center;
    }

    section.how-it-works .items .illustration img {
        height: 19em;
        width: auto;
        margin: 5rem 0 10rem 0;
    }

    section.how-it-works .items.item-1 .illustration img {
        height: 25rem;
    }

    section.how-it-works .items.item-2 .illustration img {
        height: 19em;

    }

    section.how-it-works .items.item-3 .illustration img {
        height: 19em;

    }

    section.how-it-works .items.item-4 .illustration img {
        height: 19em;

    }

    section.how-it-works .items .right {
        padding-left: 15px;
    }
}

@media only screen and (min-width: 1200px) and (min-height: 850px) {

    section.how-it-works .items h3 {
        line-height: 2em;
    }

    section.how-it-works .items .illustration img {
        height: 38em;
    }

    section.how-it-works .items .illustration.right {
        padding-left: 14em;
    }

    section.how-it-works .items .illustration.left {
        padding-right: 14em;
    }

    section.how-it-works .items .illustration img {
        height: 41em;
    }

    section.how-it-works .items .description img {
        height: 6em;
        width: 6em;
    }
}

/*
***
**** Customer gift
***
*/

div.customer-gift .home {
    background: url("/themes/wistiki_starck/img/pages/customer-gift/home.jpg") no-repeat center center;
    background-size: cover;
    min-height: 55rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

div.customer-gift .home p,
div.customer-gift .home h1,
div.customer-gift .home h2 {
    color: #fff;
}

div.customer-gift .portfolio {
    padding: 5rem 0 7rem 0;
    background: #fff;
}

div.customer-gift .portfolio ul {
    margin-top: 8rem;
}

div.customer-gift .portfolio ul > li img {
    height: 9rem;
}

div.customer-gift .portfolio ul > li img:hover {
    opacity: 0.8;
}

/*
***
**** Main nav menu
***
*/

nav.navbar {
    position: fixed;
    width: 100%;
    background: rgba(238, 238, 238, 0.4);
    transition: background ease-in 300ms;
    margin-bottom: 0;
    border: 0;
    z-index: 100;
}

nav.navbar.scrolled {
    background: rgba(238, 238, 238, 1);
}

nav.navbar.white {
    background: #fff;
}

nav.navbar > div > div:first-child {
    z-index: 10;
}

nav.navbar .navbar-right a {
    font-family: "Brown-Pro-Regular";
    color: #000;
    font-size: 1.2em;
    margin: 0 .4em 0 .4em;
    line-height: 2.8em;
}

nav.navbar .navbar-right a:not(.cart):hover {
    color: #ff682e;
}

nav.navbar .navbar-right a.active {
    color: #ff682e;
}

nav.navbar .navbar-right a.active .caret {
    border-top-color: #ff682e;
    border-bottom-color: #ff682e;
}

nav.navbar .navbar-brand {
    padding: 0.8em 0 0 0;
}

nav.navbar .navbar-right .cart {
    color: #fff;
    background: #ff682e;
    line-height: 1em;
    padding: 0.6em;
    margin: 1em 3.5em 0 1.5em;
}

nav.navbar .navbar-right .cart:hover {
    background: rgba(252, 104, 25, 0.9);
}

nav.navbar .navbar-right a:hover, nav.navbar .navbar-right a:focus, nav.navbar .navbar-right a:visited {
    background: none;
}

nav.navbar .navbar-header .cart {
    display: none;
}

nav.navbar .cart-qty {
    top: 0em;
    left: 0.45em;
    position: absolute;
    padding: 0.07em 0.5em 0 0.5em;
    border-radius: 50%;
    background: #ff682e;
    font-size: 0.75em;
    color: #fff;
}

nav.navbar a.cart {
    display: none;
}

#index > SECTION:nth-child(2) {
    z-index: 98 !important;
}

.nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
    background: none;
}

#navbar > ul > li.dropdown.pointer.open > ul.custom {
    background: none;
    border: none;
    box-shadow: none;
    position: absolute;
    left: 65%;
}

#navbar > ul > li.dropdown.pointer.open > ul.custom > div {
    margin-top: -0.4em;
    position: relative;
    left: -42%;
}

#navbar > ul > li.dropdown.pointer.open > ul.custom li {
    display: inline-block;
}

#navbar > ul > li.dropdown.pointer.open > ul.custom li {
    padding-right: 0.2em;
    padding-left: 0.2em;
}

#navbar > ul > li.dropdown.pointer.open > ul.custom li > div {
    padding: 1em 0;
}

#navbar > ul > li.dropdown.pointer.open > ul.custom li > div > p {
    font-family: "Brown-Pro-Regular", sans-serif;
    font-size: 1.18em;
}

#navbar > ul > li.dropdown.pointer.open > ul.custom li:nth-child(1) > div {
    background: -moz-radial-gradient(center, ellipse cover, rgba(252, 213, 178, 1) 0%, rgba(255, 175, 105, 1) 100%); /* ff3.6+ */
    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(252, 213, 178, 1)), color-stop(100%, rgba(255, 175, 105, 1))); /* safari4+,chrome */
    background: -webkit-radial-gradient(center, ellipse cover, rgba(252, 213, 178, 1) 0%, rgba(255, 175, 105, 1) 100%); /* safari5.1+,chrome10+ */
    background: -o-radial-gradient(center, ellipse cover, rgba(252, 213, 178, 1) 0%, rgba(255, 175, 105, 1) 100%); /* opera 11.10+ */
    background: -ms-radial-gradient(center, ellipse cover, rgba(252, 213, 178, 1) 0%, rgba(255, 175, 105, 1) 100%); /* ie10+ */
    background: radial-gradient(ellipse at center, rgba(252, 213, 178, 1) 0%, rgba(255, 175, 105, 1) 100%); /* w3c */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fcd5b2', endColorstr='#ffaf69', GradientType=1); /* ie6-9 */
}

#navbar > ul > li.dropdown.pointer.open > ul.custom li:nth-child(2) > div {
    background: -moz-radial-gradient(center, ellipse cover, rgba(196, 175, 239, 1) 0%, rgba(126, 91, 195, 1) 100%); /* ff3.6+ */
    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(196, 175, 239, 1)), color-stop(100%, rgba(126, 91, 195, 1))); /* safari4+,chrome */
    background: -webkit-radial-gradient(center, ellipse cover, rgba(196, 175, 239, 1) 0%, rgba(126, 91, 195, 1) 100%); /* safari5.1+,chrome10+ */
    background: -o-radial-gradient(center, ellipse cover, rgba(196, 175, 239, 1) 0%, rgba(126, 91, 195, 1) 100%); /* opera 11.10+ */
    background: -ms-radial-gradient(center, ellipse cover, rgba(196, 175, 239, 1) 0%, rgba(126, 91, 195, 1) 100%); /* ie10+ */
    background: radial-gradient(ellipse at center, rgba(196, 175, 239, 1) 0%, rgba(126, 91, 195, 1) 100%); /* w3c */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c4afef', endColorstr='#7e5bc3', GradientType=1); /* ie6-9 */
}

#navbar > ul > li.dropdown.pointer.open > ul.custom li:nth-child(3) > div {
    background: -moz-radial-gradient(center, ellipse cover, rgba(243, 241, 148, 1) 0%, rgba(235, 231, 58, 1) 100%); /* ff3.6+ */
    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(243, 241, 148, 1)), color-stop(100%, rgba(235, 231, 58, 1))); /* safari4+,chrome */
    background: -webkit-radial-gradient(center, ellipse cover, rgba(243, 241, 148, 1) 0%, rgba(235, 231, 58, 1) 100%); /* safari5.1+,chrome10+ */
    background: -o-radial-gradient(center, ellipse cover, rgba(243, 241, 148, 1) 0%, rgba(235, 231, 58, 1) 100%); /* opera 11.10+ */
    background: -ms-radial-gradient(center, ellipse cover, rgba(243, 241, 148, 1) 0%, rgba(235, 231, 58, 1) 100%); /* ie10+ */
    background: radial-gradient(ellipse at center, rgba(243, 241, 148, 1) 0%, rgba(235, 231, 58, 1) 100%); /* w3c */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f3f194', endColorstr='#ebe73a', GradientType=1); /* ie6-9 */
}

#navbar > ul > li.dropdown.pointer.open > ul.custom li img.item {
    height: 16rem;
}

#navbar > ul > li.dropdown.pointer.open > ul.custom li img.logo {
    height: 3.3rem;
}

@media (max-width: 768px) and (orientation: portrait) {
    nav.navbar {
        background: rgba(238, 238, 238, 0.6);
    }

    nav.navbar .navbar-toggle {
        float: left;
        margin: 1em;
    }

    nav.navbar .navbar-header .cart {
        float: right;
        margin: 1.4em;
        display: block;
    }

    nav.navbar .navbar-header .cart img {
        width: 2em;
        margin-top: -1em;
    }

    nav.navbar .navbar-toggle:focus {
        outline: none;
    }

    nav.navbar .icon-bar {
        background: #000;
        height: 0.15em;
        width: 1.7em;
        margin: 0.3em auto;
    }

    nav.navbar .navbar-nav {
        margin: 8px -15px 0 -15px;
    }

    nav.navbar > div {
        padding: 0;
    }

    nav.navbar .navbar-brand img {
        width: 6.8em;
    }

    nav.navbar .navbar-collapse.in,
    nav.navbar .navbar-collapse.collapse,
    nav.navbar .navbar-collapse.collapsing {
        background: #fff;
    }

    nav.navbar .navbar-right a {
        margin: 0 auto;
    }

    nav.navbar li.last {
        display: none;
    }

    nav.navbar .navbar-right .cart {
        line-height: 1.8em;
        margin: 0 auto;
    }

    nav.navbar .navbar-nav .open .dropdown-menu > li > a {
        line-height: 2.8em;
    }

    nav.navbar .cart-qty {
        top: 0;
        left: initial;
        right: 5.95em;
        padding: 0.07em 0.55em 0 0.55em;
        font-weight: bold;
    }
}

@media only screen and (max-device-width: 767px) {
    nav.navbar .navbar-brand img {
        width: 6.8em;
        position: absolute;
        left: 15%;
    }
}

@media only screen and (min-device-width: 767px) and (max-device-width: 768px) {
    nav.navbar .navbar-brand img {
        width: 6.8em;
        position: absolute;
        left: 33%;
    }
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
    nav.navbar .navbar-brand {
        margin: 0.1em 0 0 -4em;
        width: 1em;
    }

    nav.navbar .navbar-brand img {
        width: 7em;
        margin-left: -3em;
    }

    nav.navbar-nav > li:first-child {
        margin-left: 0.8em;
    }
}

@media only screen and (min-width: 1200px) and (min-height: 850px) {
    nav.navbar .navbar-right a {
        font-size: 1.6em;
        margin: 0 .6em 0 .6em;
    }

    nav.navbar .navbar-brand img {
        width: 11em;
    }

    nav.navbar .cart-qty {
        /*right: 2.25em;*/
        top: -0.25em;
        left: 0;
    }
}

/*
***
**** Cart slider - Top
***
*/


section.cart {
    display: none;
    position: fixed;
    width: 100%;
    max-width: 100%;
    z-index: 98;
    right: 0;
    top: 0;
    background: #fff;
    height: 100%;
    max-height: 100%;
    overflow-y: auto;
    overflow-x: hidden;
}
/*
section.cart > header .close-it img {
    cursor: pointer;
}

section.cart > header {
    background: #000;
    height: 4.5em;
    text-align: center;
}

section.cart > header h4 {
    color: #fff;
    line-height: 3em;
    font-size: 1.5em;
    margin: 0;
    padding: 0;
}

section.cart > header p {
    line-height: 4.5em;
}

section.cart .products > header h4,
section.cart .products > header p {
    text-align: center;
}

section.cart .products > header h4 {
    font-size: 1.5em;
    text-align: center;
    margin: 0;
    padding: 0;
}

section.cart .products > header > p {
    line-height: 3em;
}

section.cart .products .logo > img {
    height: 2em;
    margin-top: 0.5em;
}

section.cart .products .add {
    cursor: pointer;
}

section.cart .products .add img {
    height: 2em;
    margin-top: 0.25em;
}

section.cart .products .item {
    height: 3.5em;
}

section.cart .products .list-inline li {
    height: 3.2em;
    width: 2em;
}

section.cart .products .list-inline li > div {
    margin: 1em auto;
}

section.cart .products .list-inline {
    margin: 0;
    padding: 0;
    text-align: center;
}

section.cart header .cart-qty {
    background: #ff682e;
    padding: 0.05em 0.4em;
    border-radius: 50%;
    margin-left: 0.2em;
}

section.cart .products .list-inline li > div.active,
section.cart .products .list-inline li > div:hover {
    margin: 0.8em auto;
}

section.cart .products .item > div.logo {
}

section.cart .products .item > div.logo > p {
    line-height: 2.3em;
    padding-left: 0.3em;
}

section.cart .products .item > div.logo {
    left: 4%;
}

section.cart .products .item > div.logo img:first-child {
    height: 2em;
}

section.cart .products .item > div.logo img:last-child {
    height: 1.35em;
}

section.cart .presentation .tpl-current-price {
    position: absolute;
    top: 15%;
    z-index: 999;
    border: #ff682e solid 0.1em;
    border-radius: 50%;
    height: 3em;
    width: 3em;
    padding: 0.6em 0.3em;
    color: #ff682e;
    font-size: 1.2em;
    display: none;
}

section.cart .presentation .tpl-current-price span {
    font-size: 0.5em;
    margin-bottom: 1em;
    vertical-align: 1em;
}

@media (max-width: 768px) {
    section.cart {
        width: 100%;
    }

    section.cart .products .item > div.logo {
        left: 9%;
    }

    section.cart .products .item > div.logo img:first-child {
        height: 2em;
    }

    section.cart .products .item > div.logo img:last-child {
        height: 1.6em;
    }

}

@media only screen and (min-height: 850px) and (min-width: 1200px) {
    section.cart .products > header h4 {
        margin: 1em auto 0 auto;
        font-size: 2em;
    }
}

@media only screen and (min-width: 1200px) {
    section.cart .products .item > div.logo img:first-child {
        height: 1.4em;
    }

    section.cart .products .item > div.logo img:last-child {
        height: 1.35em;
    }

    section.cart .products .item > div.logo > p {
        line-height: 1.6em;
    }
}
*/
/*
***
**** Cart slider - Presentation
***
*/
/*
section.cart .presentation > div {
    border-top: solid #000 0.1em;
    margin-top: 0.4em;
    padding-top: 0.5em;
}

section.cart .presentation p {
    height: 11em;
}

section.cart .presentation img {
    height: 9.5em;
    display: none;
}

section.cart .presentation .flag-old-price > div {
    position: absolute;
    top: 8%;
    left: 0%;
    z-index: 999;
    border-radius: 50%;
    height: 3.8em;
    width: 3.8em;
    color: #484646;
    font-size: 1.1em;
}

section.cart .presentation .flag > div {
    position: absolute;
    top: 20%;
    z-index: 999;
    border: #ff682e solid 0.1em;
    border-radius: 50%;
    height: 3.8em;
    width: 3.8em;
    padding: 0.7em 0.45em;
    color: #ff682e;
    font-size: 1.1em;
}

section.cart .presentation .flag > div span,
section.cart .presentation .flag-old-price > div span {
    margin-bottom: 1em;
}

section.cart .presentation .flag > div span,
section.cart .presentation .flag-old-price > div span {
    margin: 0 -0.18rem;
}

section.cart .presentation .flag > div span:nth-child(3),
section.cart .presentation .flag-old-price > div span:nth-child(3) {
    font-size: 0.6em;
    vertical-align: 0.8em;
}

section.cart .presentation .strike {
    border: 0 solid #ff682e;
    border-bottom-width: 1px;
    margin-top: -11px;
    width: 30px;
    position: absolute;
    -webkit-transform: rotate(-30deg);
    -moz-transform: rotate(-30deg);
    -ms-transform: rotate(-30deg);
    -o-transform: rotate(-30deg);
    transform: rotate(-30deg);
}
*/
/*
***
**** Cart slider - Shopping cart
***
*/
/*
section.cart .shopping-cart > div {
    height: 7.6em;
    margin: 3em auto;
    overflow-y: scroll;
    overflow-x: hidden;
    position: absolute;
    bottom: 10.4em;
    left: 13%;
}

section.cart .shopping-cart > div > div > div {
    height: 2.2em;
    background: #eeeeee;
    line-height: 2.2em;
}

section.cart .summary .delimiter {
    border-top: solid #000 0.1em;
    padding-top: 1em;
}

section.cart .summary > div {
    position: absolute;
    bottom: 0.4em;
    left: 8%;
}

section.cart .summary .discount {
    display: none;
}

section.cart .summary .promo-code > div {
    margin-bottom: 1.2rem;
    display: none;
}

section.cart .summary .promo-code input {
    text-align: center;
}

section.cart .summary .discount img {
    margin: -0.22rem 1rem 0 2rem;
    width: 10%;
    height: 10%;
}

section.cart .summary .promo-code {
    text-align: center;
}

section.cart .summary .promo-code p {
    cursor: pointer;
}

section.cart .summary .promo-code img {
    width: 1.5rem;
    margin: -0.3rem 0 0 1rem;
}

section.cart .summary .discount ul li {
    margin: 0 1rem 0 2rem;
}

section.cart .summary .discount ul li img {
    cursor: pointer;
}

section.cart .summary .discount ul.discount-prices li {
    margin: 0;
    text-align: right;
}

section.cart .shopping-cart > div > div > div:nth-child(3) {
    padding: 0;
    text-align: center;
}

section.cart .shopping-cart > div > div > div:nth-child(4) {
    background: #fff;
    text-align: center;
}

section.cart .shopping-cart > div > div:not(:last-child) {
    margin-bottom: 0.5em;
}

section.cart .shopping-cart > div > div:last-child {
    margin-bottom: 0.15em;
}

section.cart .shopping-cart .name {
    float: left;
}

section.cart .shopping-cart .name,
section.cart .shopping-cart .qt {
    font-family: "Brown-Pro-Regular", sans-serif;
    font-size: 1.1em;
}

section.cart .shopping-cart .qt {
    float: right;
}

@media only screen and (min-height: 850px) and (min-width: 1200px) {
    section.cart .shopping-cart > div {
        margin: -1em auto 0 auto;
    }
}
*/
/*
***
**** Cart slider - Shipping date
***
*/
/*
section.cart .shipping-date > div {
    height: auto;
    position: absolute;
    bottom: 7.6em;
    left: 13%;
}

section.cart .shipping-date > div > div > div {
    padding: 0;
}

section.cart .shipping-date .dates {
    line-height: 0.65em;
}

section.cart .shipping-date .cart-empty {
    left: -5%;
    bottom: 6em;
}
*/
/*
***
**** Cart slider - Summary
***
*/
/*
section.cart .summary .delimiter {
    border-top: solid #000 0.1em;
    padding-top: 1em;
}

section.cart .summary > div {
    position: absolute;
    bottom: 0.4em;
    left: 8%;
}

section.cart .summary a {
    border-radius: 0;
    background: #ff682e;
    color: #fff;
    float: left;
    margin-top: -1.6em;
    padding: 0.7em 1.2em;
    border: none;
    font-size: 1.1em;
}

section.cart .summary a:hover {
    background: rgba(252, 104, 25, 0.8);
}

section.cart .summary a.disabled {
    pointer-events: none;
    background: #eee;
    color: #fff;
}
*/
/*
***
**** Cart slider | Mobiles
***
*/
/*
@media (max-width: 640px) and (max-height: 960px) and (orientation: portrait) {
    section.cart .flexbox-xs {
        border: solid #fff 0.1em;
        overflow-y: scroll;
        overflow-x: hidden;
        height: 89.8%;
    }

    section.cart .flexbox-xs .summary > div {
        position: relative;
        left: 0;
        margin-top: 4.5em;
    }

    section.cart .flexbox-xs .shopping-cart > div {
        height: auto;
        margin: 1em auto 3em auto;
        overflow-y: hidden;
        overflow-x: hidden;
        position: relative;
        bottom: 0;
        left: 2%;
    }

    section.cart .presentation > div {
        border-top: solid #000 0.1em;
        margin-top: 1em;
        padding-top: 0.5em;
    }

    section.cart .shipping-date > div {
        height: auto;
        position: relative;
        bottom: 0;
        left: 2%;
    }

    section.cart .shipping-date .cart-empty {
        left: 0;
        bottom: 1em;
    }

    section.cart > header p {
        margin-bottom: 0;
        line-height: 4em;
    }

    section.cart .products > header {
        margin-top: 1.5em;
    }

    section.cart .summary {
        margin-bottom: 1em;
    }

}

@media (max-width: 736px) and (max-height: 960px) and (orientation: landscape) {

    section.cart .products .item > div.logo {
        text-align: right;
    }

    section.cart .flexbox-xs {
        border: solid #fff 0.1em;
        overflow-y: scroll;
        overflow-x: hidden;
        height: 82.6%;
    }

    section.cart .flexbox-xs .summary > div {
        position: relative;
        left: 0;
        margin-top: 4.5em;
    }

    section.cart .flexbox-xs .shopping-cart > div {
        height: auto;
        margin: 1em auto 3em auto;
        overflow-y: hidden;
        overflow-x: hidden;
        position: relative;
        bottom: 0;
        left: 2%;
    }

    section.cart .presentation > div {
        border-top: solid #000 0.1em;
        margin-top: 2em;
        padding-top: 2em;
    }

    section.cart .shipping-date > div {
        height: auto;
        position: relative;
        bottom: 0;
    }

    section.cart .shipping-date .cart-empty {
        left: -15%;
        bottom: 1em;
    }

    section.cart > header p {
        margin-bottom: 0;
        line-height: 4em;
    }

    section.cart .products > header {
        margin-top: 1.5em;
    }

    section.cart .summary {
        left: 3%;
    }

    section.cart .summary a {
        margin-left: 6em;
    }

    section.cart .products .item > div.logo {
        left: 4%;
    }
}

@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (orientation: portrait) {

    section.cart .flexbox-xs {
        border: solid #fff 0.1em;
        overflow-y: scroll;
        overflow-x: hidden;
        height: 88%;
    }

    section.cart .products .item > div.logo {
        left: 2%;
    }

    section.cart .products .item > div:nth-child(2) {
        padding: 0;
    }

    section.cart .products .item > div.logo > p {
        line-height: 2.3em;
        padding-left: 0.3em;
    }

    section.cart .products .item > div.logo img:first-child {
        height: 2rem;
    }

    section.cart .products .item > div.logo img:last-child {
        height: 1.6rem;
    }

}

@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (orientation: portrait) {

    section.cart .flexbox-xs {
        border: solid #fff 0.1em;
        overflow-y: scroll;
        overflow-x: hidden;
        height: 88%;
    }

    section.cart .products .item > div.logo {
        left: -5%;
    }

    section.cart .products .item > div:nth-child(2) {
        padding: 0;
    }
}

@media only screen and (min-width: 1200px) and (min-height: 850px) {
    section.cart > header {
        height: 7em;
    }

    section.cart > header h4 {
        line-height: 3.5em;
        font-size: 2.1em;
    }

    section.cart > header p {
        line-height: 3.5em;
    }

    section.cart .products .logo > img {
        height: 2.5em;
    }

    section.cart .presentation > div {
        margin-top: 2em;
    }

    section.cart .shopping-cart > div {
        bottom: auto;
    }

    section.cart .summary a {
        font-size: 1.3em;
    }

    section.cart .shopping-cart .name, section.cart .shopping-cart .qt {
        font-size: 1.4em;
    }

    section.cart .shipping-date > div p {
        line-height: 0.85em;
    }
}
*/
/*
***
**** Shopping cart - Overriding
***
*/
/*
section.shopping-cart-opc {
    margin-bottom: 3em;
}

section.shopping-cart-opc .cart {
    position: relative;
    display: block;
    width: 100%;
    background: #fff;
    height: 100%;
}

section.shopping-cart-opc .cart .total {
    background: #f26922;
    line-height: 2.6em;
    margin-top: 0;
}

section.shopping-cart-opc .cart .total p {
    color: #fff;
    line-height: 3.4em;
    margin: 0;
    font-size: 1.4em;
    font-family: "Brown-Pro-Light";
}

section.shopping-cart-opc header h2 {
    background: #000;
    color: #fff;
    text-align: center;
    line-height: 2.6em;
    margin: 0 auto;
}

section.shopping-cart-opc .content {
    background: #fff;
    padding: 1em;
}

section.shopping-cart-opc footer {
    background: #f26922;
    line-height: 2.6em;
    margin-top: 0;
}

section.shopping-cart-opc footer h3 {
    color: #fff;
    line-height: 1.8em;
    font-family: "Brown-Pro-Light";
}

section.shopping-cart-opc .cart > header > div {
    padding: 0;
}

section.shopping-cart-opc .cart .products .item > div.logo {
    text-align: right;
}

section.shopping-cart-opc .cart .flexbox-xs {
    border: none;
    overflow-y: hidden;
    overflow-x: hidden;
    height: 89.5%;
}

section.shopping-cart-opc .cart .flexbox-xs .summary > div {
    position: relative;
    left: 0;
    margin-top: 2em;
}

section.shopping-cart-opc .cart .flexbox-xs .summary .price {
    text-align: right;
}

section.shopping-cart-opc .cart .flexbox-xs .shopping-cart > div {
    height: auto;
    margin: 1em auto 3em auto;
    overflow-y: hidden;
    overflow-x: hidden;
    position: relative;
    bottom: 0;
    left: 2%;
}

section.shopping-cart-opc .cart .presentation > div {
    border-top: solid #000 0.1em;
    margin-top: 2em;
    padding-top: 2em;
}

section.shopping-cart-opc .cart .shipping-date > div {
    height: auto;
    position: relative;
    bottom: 0;
    left: 7%;
}

section.shopping-cart-opc .cart .shipping-date .cart-empty {
    left: -15%;
    bottom: 1em;
}

section.shopping-cart-opc .cart > header p {
    margin-bottom: 0;
    line-height: 4em;
}

section.shopping-cart-opc .cart .products > header {
    margin-top: 1.5em;
}

section.shopping-cart-opc .cart .summary {
    left: 3%;
}

section.shopping-cart-opc .cart .products .item > div.logo {
    left: 4%;
}

section.shopping-cart-opc .cart .presentation .flag-old-price > div {
    top: 8%;
    left: 10%;
}

section.shopping-cart-opc .cart .presentation .flag > div {
    top: 20%;
    left: 15%;
}

@media (max-height: 960px) and (max-width: 640px) and (orientation: portrait) {
    section.shopping-cart-opc .cart .summary {
        margin-bottom: 0em;
    }

    section.shopping-cart-opc .cart .products .item > div.logo {
        left: -4%;
    }

    section.shopping-cart-opc {
        padding: 0;
    }

    #order-opc #header_opc img {
        padding: 1em;
        margin: auto;
    }
}

@media (max-height: 568px) and (max-width: 320px) and (orientation: portrait) {

    section.shopping-cart-opc .cart .products .item > div.logo {
        left: -4%;
    }

    section.shopping-cart-opc .cart .products .item > div.logo img {
        height: 1.5em;
    }

    section.cart .products .list-inline li {
        height: 1em;
        width: 1.5em;
    }

    section.shopping-cart-opc {
        margin-bottom: 3em;
        padding: 0;
    }

    section.shopping-cart-opc {
        padding: 0;
    }

    #order-opc #header_opc img {
        padding: 1em;
        margin: auto;
    }
}

@media only screen and (min-width: 1200px) and (min-height: 850px) {
    section.shopping-cart-opc .cart > header {
        height: 3em;
    }

    section.shopping-cart-opc .cart .products > header > p {
        line-height: 1.4em;
        font-size: 1.4em;
        margin-top: 1em;
    }

    section.shopping-cart-opc .cart .products .logo > img {
        height: 2em;
    }

    section.shopping-cart-opc .cart .products > header h4 {
        margin: 1.8em auto 0 auto;
        font-size: 2em;
    }
}
*/
/*
***
**** One page checkout / Order OPC
***
*/

#ABTastyBanner > DIV:nth-child(4){display:none!important;}
#header_opc{padding-top: 0!important;padding: 0 0px 0 0px!important;padding-bottom: 0!important;margin-top: 65px!important;margin-bottom: -35px!important;margin: 65px 0px -35px 0px!important;}
#ABTastyBanner > DIV:nth-child(1) > IMG:nth-child(1){width: 70px!important;height: 70px!important;}
#ABTastyBanner > DIV:nth-child(2) > IMG:nth-child(1){width: 60px!important;height: 60px!important;margin-right: 15px!important;margin: 0px 15px 0px 0px!important;}
#ABTastyBanner > DIV:nth-child(3) > IMG:nth-child(1){width: 70px!important;height: 70px!important;margin-right: 5px!important;margin: 0px 5px 0px 0px!important;}
#ABTastyBanner{padding-top: 0!important;padding-right: 0!important;padding-bottom: 0!important;padding-left: 0!important;padding: 0!important;}
.bandeau-br {
    display: none;
}

#ABTastyBanner > DIV:nth-child(1) {
    font-family: Brown-Pro-Light, Helvetica, Arial, sans-serif!important;
    text-align: center!important;
    top: 0!important;
    z-index: 0!important;
    font-size: 18px!important;
    padding-top: 0px!important;
    padding: 0px 0px 0px 0px!important;
    padding-right: 0px!important;
    padding-left: 0px!important;
    padding-bottom: 0px!important;
    height: 70px!important;
}

#ABTastyBanner > DIV:nth-child(2) {
    font-family: Brown-Pro-Light!important;
    text-align: center!important;
    font-size: 18px!important;
    padding-top: 5px!important;
    padding-right: 0!important;
    padding-bottom: 0!important;
    padding-left: 0!important;
    padding: 5px 0px 0px 0px!important;
    height: 70px!important;
}

#ABTastyBanner > DIV:nth-child(3) {
    font-family: Brown-Pro-Light!important;
    text-align: center!important;
    font-size: 18px!important;
    padding-top: 0!important;
    padding-right: 0!important;
    padding-left: 0!important;
    padding: 0!important;
    height: 70px!important;
    padding-bottom: 0!important;
}

@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
    /* Styles pour cette Media Queries */
    .bandeau-br {
        display: block !important;
    }
    #header_opc {
        margin-top: 115px !important;
    }
    .bandeau{
        min-height: 115px !important;
    }
}
.col-xs-4.bandeau {
    color: #FFF;
}


    #order-opc {
        background: #eee;
    }

    #order-opc #mainpage_content {
        margin: 3em 0 4em 0;
    }

    #order-opc #header_opc img {
        padding: 2em 0 1em 2em;
        height: 8em;
    }

    #opc_invoice_address {
        margin-top: 12em;
    }

    /*
    ***
    **** One page checkout / New account
    ***
    */

#opc_new_account #opc_account_form .page-subheading, section.cart.command  header h2 {
    background: #000;
    color: #fff;
    margin: 0 0 2em 0;
    padding: 0;
    text-align: center;
    line-height: 2.6em;
}

#opc_new_account fieldset {
    background: #fff;
}

#opc_new_account #opc_account_form .opc-box-info input,
#opc_new_account #opc_account_form .opc-box-info select {
    max-width: none;
    height: 40px;
    background-color: rgba(0, 0, 0, 0);
    border: 1px solid #d4d4d4;
}

#opc_new_account #opc_account_form .opc-box-info div.checkbox {
    font-size: 16px;
    line-height: 22px;
    padding-left: 10px;
}

#opc_new_account #opc_account_form .opc-box-info .checkbox .check-invoice-address,
#cgv .checkbox input {
    padding-right: 0;
    display: inline-block;
    margin-left: 0;
}

#opc_new_account #opc_account_form .opc-box-info .form-group {
    margin-bottom: 1.8em;
}

#opc_new_account #opc_account_form .opc-box-info .form-group label,
#opc_new_account #opc_account_form .opc-box-info label {
    line-height: 1.3em;
    font-size: 1.1em;
}

#opc_new_account #opc_account_form .gender-list input {
    height: 1.1em;
    margin-right: 1em;
}

#opc_new_account #opc_account_form .gender-list {
    text-align: center;
}

#opc_new_account #opc_account_form .is_customer_param {
    display: none;
}

#opc_new_account #opc_account_form .checkbox-list > div {
    font-size: 1.2em;
}

#opc_new_account #opc_account_form .checkbox-list > div:first-child {
    margin-top: 3em;
    margin-bottom: 1em;
}

#opc_new_account #opc_account_form .checkbox-list > div input {
    height: auto;
}

#opc_new_account #opc_account_form .checkbox-list > div p a {
    color: rgba(252, 104, 25, 1);
    font-family: "Brown-Pro-Regular";
}

#opc_new_account #opc_account_form #submitAccount {
    margin: 1.5em auto 1.5em auto;
    font-size: 1.2em;
    padding: 0.6em 2em 0.6em 2em;
    background: rgba(252, 104, 25, 1);
    color: #fff;
    -webkit-box-shadow: none;
    box-shadow: none;
}

#opc_new_account #opc_account_form #submitAccount:hover {
    background: rgba(252, 104, 25, 0.8);
}

@media (max-height: 568px) and (max-width: 320px) {

    #opc_new_account {
        padding: 0;
    }

    #opc_new_account #opc_account_form #submitAccount {
        padding: 1em 1em 1em 1em;
    }
}

@media (max-height: 960px) and (max-width: 640px) and (orientation: portrait) {
    #opc_new_account {
        padding: 0;
    }

    #opc_new_account #opc_account_form #submitAccount {
        padding: 1em 1em 1em 1em;
    }
}

@media only screen and (min-width: 1200px) and (min-height: 850px) {
    #opc_new_account #opc_account_form .opc-box-info .form-group label,
    #opc_new_account #opc_account_form .opc-box-info label {
        line-height: 1.6em;
        font-size: 1.4em;
    }

    #opc_new_account #opc_account_form .page-subheading, section.shopping-cart-opc header h2 {
        font-size: 2em;
    }
}

/*
***
**** Global cart
***
*/

.bullet:not(.active) {
    height: 0.8em;
    width: 0.8em;
    border-radius: 50%;
    margin: 0 0.1em 0 0.1em;
    transition: height 100ms ease-out;
    transition: width 100ms ease-out;
}

.current-product .bullet:hover, .declination .bullet:hover, .picked-package .bullet:hover, .bullet.active {
    margin-top: 0.1em;
    height: 1.1em;
    width: 1.1em;
    border-radius: 50%;
    cursor: pointer;
}

.bullet.big {
    height: 1.3em;
    width: 1.3em;
    border-radius: 50%;
    margin: 0.35em 0 0.35em 0;
    cursor: default;
}

.pointer {
    cursor: pointer;
}

@media only screen and (min-width: 1200px) and (min-height: 850px) {
    .bullet:not(.active) {
        height: 1.1em;
        width: 1.1em;
        margin: 0 0.3em 0 0.3em;
    }

    .current-product .bullet:hover, .declination .bullet:hover, .picked-package .bullet:hover, .bullet.active {
        height: 1.6em;
        width: 1.6em;
    }

    .bullet.big {
        height: 1.6em;
        width: 1.6em;
        margin: 0.35em 0 0.35em 0;
    }
}

/*
***
**** Cookies
***
*/

#info-cookie {
    z-index: 99;
    text-align: center;
    display: none;
    margin-bottom: 0;
    position: fixed;
    bottom: 0;
    width: 100%;
    border-radius: 0;
    background: rgba(252, 104, 25, 0.9);
    padding: 0.6em 2em;
}

#info-cookie p {
    color: #fff;
    font-size: 0.9em;
    margin: 0;
    line-height: 2.2em;
}

#info-cookie p > a {
    border-bottom: dashed 0.05em #fff;
    color: #fff;
}

#info-cookie p > i {
    font-size: 1.5em;
    color: #fff;
}

#info-cookie .btn.accept {
    color: #ff682e;
    font-size: 0.9em;
    background: #fff;
    line-height: 1em;
    padding: 0.6em;
    border-radius: 0.5em;
}

#info-cookie > DIV:nth-child(1) > DIV:nth-child(1) > P:nth-child(1){width: 100%!important;float: right!important;text-align: center!important;margin-left: 0px!important;margin: 0px 0px 0px 0px!important;padding-right: 0px!important;padding: 0px 0px 0px 0px!important;}
#info-cookie > DIV:nth-child(1) > DIV:nth-child(2) > A:nth-child(1){float: right!important;}

/*
***
**** Slider
***
*/

.bx-wrapper {
    position: relative;
    margin: 0 auto 60px;
    padding: 0;
    *zoom: 1;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
}

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

.bxslider {
    margin: 0;
    padding: 0;
}

ul.bxslider {
    list-style: none;
}

.bx-viewport {
    -webkit-transform: translatez(0);
}

.bx-wrapper {
    background: #fff;
}

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

.bx-wrapper .bx-loading {
    min-height: 50px;
    background: url('/themes/wistiki_starck/img/sliders/base/bx_loader.gif') center center no-repeat #ffffff;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2000;
}

.bx-wrapper .bx-pager.bx-default-pager {
    bottom: 5em;
}

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

.bx-wrapper .bx-pager.bx-default-pager a {
    background: #666;
    text-indent: -9999px;
    display: block;
    width: 16px;
    height: 16px;
    margin: 0 7px;
    outline: 0;
    border-radius: 50%;
}

.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active,
.bx-wrapper .bx-pager.bx-default-pager a:focus {
    background: #000;
}

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

.bx-wrapper .bx-pager-item {
    font-size: 0;
    line-height: 0;
}

.bx-wrapper .bx-prev {
    left: 10px;
    background: url('/themes/wistiki_starck/img/sliders/base/controls.png') no-repeat 0 -32px;
}

.bx-wrapper .bx-prev:hover,
.bx-wrapper .bx-prev:focus {
    background-position: 0 0;
}

.bx-wrapper .bx-next {
    right: 10px;
    background: url('/themes/wistiki_starck/img/sliders/base/controls.png') no-repeat -43px -32px;
}

.bx-wrapper .bx-next:hover,
.bx-wrapper .bx-next:focus {
    background-position: -43px 0;
}

.bx-wrapper .bx-controls-direction a {
    display: none;
    position: absolute;
    top: 50%;
    margin-top: -16px;
    outline: 0;
    width: 32px;
    height: 32px;
    text-indent: -9999px;
    z-index: 9999;
}

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

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

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

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

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

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

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

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

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

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

.dropdown-backdrop {
    position: static;
}

/*
***
**** Effects
***
*/

.float-shadow {
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: transform;
    transition-property: transform
}

.float-shadow:before {
    pointer-events: none;
    position: absolute;
    z-index: -1;
    content: '';
    top: 100%;
    left: 5%;
    height: 10px;
    width: 90%;
    opacity: 0;
    background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, .35) 0, rgba(0, 0, 0, 0) 80%);
    background: radial-gradient(ellipse at center, rgba(0, 0, 0, .35) 0, rgba(0, 0, 0, 0) 80%);
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: transform, opacity;
    transition-property: transform, opacity
}

.float-shadow:active, .float-shadow:focus, .float-shadow:hover {
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px)
}

.float-shadow:active:before, .float-shadow:focus:before, .float-shadow:hover:before {
    opacity: 1;
    -webkit-transform: translateY(5px);
    transform: translateY(5px)
}

.video-container {
    position: fixed;
    z-index: -101;
    width: 100%;
    height: 97.2%;
}

/*
***
**** Discover
***
*/

div.popup i {
    font-size: 3em;
    color: #ff682e;
    cursor: pointer;
}

div.popup i:hover {
    opacity: 0.8;
}

div.popup-product {
    margin-top: 3em;
}

div.popup-product i {
    font-size: 3em;
}

div.popup-product a {
    color: #ff682e;
}

div.popup-product a:hover {
    opacity: 0.9;
}

div.popup .modals {
    color: #fff;
    display: none;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 99;
}

div.popup .modals.active .modal-drop {
    -webkit-transform-origin: 50%;
    transform-origin: 50%;
    -webkit-transform: scale(1);
    transform: scale(1);
}

div.popup .modals.active .modal-content {
    opacity: 1;
    -webkit-transition: 0.5s ease-in 1.5s;
    transition: 0.5s ease-in 1.5s;
}

div.popup .modal-drop {
    background: rgba(252, 104, 25, 1);
    background: #fff;
    border-radius: 50%;
    width: 150vh;
    height: 150vh;
    position: absolute;
    margin-left: -75vh;
    margin-top: -75vh;
    -webkit-transition: -webkit-transform 2s cubic-bezier(0.25, 1, 0.6, 1), -webkit-transform-origin 0s;
    transition: -webkit-transform 2s cubic-bezier(0.25, 1, 0.6, 1), -webkit-transform-origin 0s;
    transition: transform 2s cubic-bezier(0.25, 1, 0.6, 1), transform-origin 0s;
    transition: transform 2s cubic-bezier(0.25, 1, 0.6, 1), transform-origin 0s, -webkit-transform 2s cubic-bezier(0.25, 1, 0.6, 1), -webkit-transform-origin 0s;
    -webkit-transform: scale(0.001);
    transform: scale(0.001);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
}

div.popup .modal-content {
    background: #fff;
    position: absolute;
    opacity: 0;
    z-index: 1;
    -webkit-transition: 0.5s 0s;
    transition: 0.5s 0s;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}

div.popup .modal-content img {
    position: absolute;
    right: 3em;
    top: 3em;
    width: 5em;
    cursor: pointer;
}

div.popup .modal-wrap {
    margin-top: 5em;
    border: solid #fff 1px;
}

/*
***
**** Wistikeys
***
*/

div.wistikeys .home {
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.40), rgba(0, 0, 0, 0.40)), url("/themes/wistiki_starck/img/pages/made-in-france/wistikeysback.jpg");
    background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0.40), rgba(0, 0, 0, 0.40)), url("/themes/wistiki_starck/img/pages/made-in-france/wistikeysback.jpg");
    background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.40), rgba(0, 0, 0, 0.40)), url("/themes/wistiki_starck/img/pages/made-in-france/wistikeysback.jpg");
    background-image: -ms-linear-gradient(top, rgba(0, 0, 0, 0.40), rgba(0, 0, 0, 0.40)), url("/themes/wistiki_starck/img/pages/made-in-france/wistikeysback.jpg");
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.40)), to(rgba(0, 0, 0, 0.40))), url("/themes/wistiki_starck/img/pages/made-in-france/wistikeysback.jpg");
    background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.40), rgba(0, 0, 0, 0.40)), url("/themes/wistiki_starck/img/pages/made-in-france/wistikeysback.jpg");
    background-size: cover;
    background-position: center center;
    min-height: 55rem;
    display: flex;
    align-items: center;
    justify-content: center;
}


div.wistikeys .home h1,
div.wistikeys .home h2 {
    color: white;
    margin-bottom: 3rem;
}

div.wistikeys .home h2 {
    font-weight: bold;
}

div.wistikeys .home p {
    color: white;
}

div.wistikeys .introduction {
    padding: 3rem;
}

div.wistikeys .introduction h4 {
    font-family: "Brown-Pro-Bold";
    padding: 1rem 0 0.5rem 0;
}

div.wistikeys .introduction img {
    width: 6rem;
}

div.wistikeys .introduction > div {
    padding: 0 5rem;
}

div.wistikeys .our-history {
    background: #fff;
    padding: 4rem;
}

div.wistikeys .our-history h1 {
    margin-bottom: 4rem;
}

div.wistikeys .our-history .milestones .milestone div .picture {
    width: 30rem;
    height: 30rem;
    border-radius: 150px;
    -webkit-border-radius: 150px;
    -moz-border-radius: 150px;

}

div.wistikeys .our-history .milestones .milestone div .picture.right {
    float: right;
    margin-right: 5rem;
}

div.wistikeys .our-history .milestones .milestone div .picture.left {
    float: left;
    margin-left: 5rem;
}

div.wistikeys .our-history .milestones .milestone:nth-child(1) > div:nth-last-child(1) .date img,
div.wistikeys .our-history .milestones .milestone:nth-child(2) > div:nth-child(2) > div > .date img,
div.wistikeys .our-history .milestones .milestone:nth-child(3) > div:nth-last-child(1) .date img {
    width: 15px;
    position: absolute;
    z-index: 10;
}

div.wistikeys .our-history .milestones .milestone:nth-child(1) > div:nth-last-child(1) .date img {
    left: -0.95rem;
    top: 0;
}

div.wistikeys .our-history .milestones .milestone:nth-child(2) > div:nth-child(2) > div > .date img {
    right: -0.82rem;
}

div.wistikeys .our-history .milestones .milestone:nth-child(3) > div:nth-last-child(1) .date img {
    left: -0.95rem;
    bottom: 0;
}

div.wistikeys .our-history .milestones .milestone:nth-child(1) div .picture {
    background: url("/themes/wistiki_starck/img/made-in-france/brothers.jpg") no-repeat;
    background-size: cover;
}

div.wistikeys .our-history .milestones .milestone:nth-child(2) div .picture {
    background: url("/themes/wistiki_starck/img/made-in-france/cat.jpg") no-repeat;
    background-size: cover;
}

div.wistikeys .our-history .milestones .milestone:nth-child(3) div .picture {
    border-radius: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    background: url("/themes/wistiki_starck/img/made-in-france/starck_collection.png") no-repeat;
    background-size: contain;
}

div.wistikeys .our-history .milestones .milestone .history.left {
    padding: 5rem 24rem 5rem 5rem;
    text-align: left;
    float: left;
}

div.wistikeys .our-history .milestones .milestone .history.right {
    padding: 5rem 5rem 5rem 24rem;
    text-align: right;
    float: right;
}

div.wistikeys .our-history .milestones .milestone .history .date h1 {
    color: #ff682e;
}

div.wistikeys .our-history .milestones .milestone .history .title {
    font-weight: bold;
}

div.wistikeys .our-history .dream {
    padding: 6rem 0 2rem 0;
}

@media (max-width: 991px) {
    div.wistikeys .our-history .milestones .milestone div .picture.right,
    div.wistikeys .our-history .milestones .milestone div .picture.left {
        float: none;
        padding: 0;
        margin: auto;
    }

    div.wistikeys .our-history .milestones .milestone .history.left,
    div.wistikeys .our-history .milestones .milestone .history.right {
        padding: 0;
        text-align: justify;
        float: none;
    }
}

div.wistikeys .a-z {
    background: #fff;
    padding: 3rem 0 6rem 0;
}

div.wistikeys .a-z > div > div h1 {
    margin-bottom: 5rem;
}

div.wistikeys .a-z .left .description .top {
    border-top: solid #ff682e 0.6rem;
}

div.wistikeys .a-z .left .description .content {
    text-align: center;
    background: #eee;
    padding: 1rem;
    border-left: solid #e6e6e6 0.1rem;
    border-right: solid #e6e6e6 0.1rem;
    border-bottom: solid #e6e6e6 0.1rem;
    margin-bottom: 1.6rem;
}

div.wistikeys .a-z .left .description h4 {
    font-family: "Brown-Pro-Bold";
    margin-top: 0;
    line-height: 2.1rem;
    padding-top: 1rem;
    letter-spacing: 0.05rem;
}

div.wistikeys .a-z .left .video h5 {
    font-family: "Brown-Pro-Light";
    font-weight: 900;
    color: #fff;
    line-height: 3rem;
    text-align: center;
    background: #63656a;
    margin-top: 0;
    letter-spacing: 0.05rem;
    border-left: solid #eee 0.1rem;
    border-right: solid #eee 0.1rem;
    border-bottom: solid #eee 0.1rem;
}

div.wistikeys .a-z .left .video .content {
    border-left: solid #eee 0.1rem;
    border-right: solid #eee 0.1rem;
    border-top: solid #eee 0.1rem;
    cursor: pointer;
    background: url("/themes/wistiki_starck/img/pages/made-in-france/video.jpg") no-repeat center center;
    height: 16.2rem;
}

div.wistikeys .a-z .right > div {
    background: url("/themes/wistiki_starck/img/pages/made-in-france/starck-lussato.jpg") no-repeat top center;
    height: 42.8rem;
    background-size: cover;
}

div.wistikeys .a-z .family img {
    width: 100%;
}

div.wistikeys .thanks {
    background: #ff682e;
    padding: 4rem 1rem;;
    text-align: center;
}

div.wistikeys .thanks h1 {
    color: #fff;
    margin-bottom: 4rem;
}

div.wistikeys .thanks p {
    color: #fff;
    margin-bottom: 4.5rem;
}

div.wistikeys .thanks ul li {
    margin: 1.5rem 3.5rem;
}

div.wistikeys .thanks ul li img {
    height: 8rem;
}

div.wistikeys .course {
    background: #eee;
    padding: 1rem 0 14rem 0;
    text-align: center;
    min-height: 650px;
}

div.wistikeys .course .item-2 .map {
    width: 850px;
    margin: 4rem auto;
}

div.wistikeys .course .item-2 .map > p > img {
    height: 400px;
    width: 474px;
}

div.wistikeys .course .item-2 .map .number {
    background: #63656a;
    float: left;
    width: 40px;
}

div.wistikeys .course .item-2 .map .number h5 {
    color: #fff;
    line-height: 2.3rem;
    text-align: center;
}

div.wistikeys .course .item-2 .map .title {
    border-right: solid #9a9b9f 0.1rem;
    padding: 0;
    float: left;
    width: 160px;
}

div.wistikeys .course .item-2 .map .title h5 {
    color: #fff;
    line-height: 2.3rem;
    text-align: center;
}

div.wistikeys .course .item-2 .map .bg {
    height: 10rem;
    border-left: solid #9a9b9f 0.1rem;
    border-right: solid #9a9b9f 0.1rem;
    width: 200px;
}

div.wistikeys .course .item-2 .map .content {
    background: #fff;
    border-left: solid #9a9b9f 0.1rem;
    border-right: solid #9a9b9f 0.1rem;
    border-bottom: solid #9a9b9f 0.1rem;
    width: 200px;
}

div.wistikeys .course .item-2 .map .content h5 {
    margin-top: 0;
    padding-top: 1.2rem;
}

div.wistikeys .course .item-2 .map .content p {
    font-size: 1.4rem;
}

div.wistikeys .course .map .item-1,
div.wistikeys .course .map .item-2,
div.wistikeys .course .map .item-3,
div.wistikeys .course .map .item-4,
div.wistikeys .course .map .item-5 {
    position: absolute;
}

div.wistikeys .course .item-2 .map .item-1 {
    top: 0;
    left: 70px;
}

div.wistikeys .course .item-2 .map .item-2 {
    top: 275px;
    left: 70px;
}

div.wistikeys .course .item-2 .map .item-3 {
    top: 250px;
    left: 370px;
}

div.wistikeys .course .item-2 .map .item-4 {
    top: 0;
    right: 8px;
}

div.wistikeys .course .item-2 .map .item-5 {
    top: 275px;
    right: 8px;
}

div.wistikeys .course .item-2 .map .item-1 .title {
    background: #ffae60;
}

div.wistikeys .course .item-2 .map .item-1 .bg {
    background: url("/themes/wistiki_starck/img/pages/made-in-france/item-1.jpg") no-repeat top center;
}

div.wistikeys .course .item-2 .map .item-2 .title {
    background: #ebe739;
}

div.wistikeys .course .item-2 .map .item-2 .bg {
    background: url("/themes/wistiki_starck/img/pages/made-in-france/item-2.jpg") no-repeat top center;
}

div.wistikeys .course .item-2 .map .item-3 .title {
    background: #7e57c6;
}

div.wistikeys .course .item-2 .map .item-3 .bg {
    background: url("/themes/wistiki_starck/img/pages/made-in-france/item-3.jpg") no-repeat top center;
}

div.wistikeys .course .map .item-4 .title {
    background: #ffae60;
}

div.wistikeys .course .item-2 .map .item-4 .bg {
    background: url("/themes/wistiki_starck/img/pages/made-in-france/item-4.jpg") no-repeat top center;
}

div.wistikeys .course .item-2 .map .item-5 .title {
    background: #ffb3ba;
}

div.wistikeys .course .item-2 .map .item-5 .bg {
    background: url("/themes/wistiki_starck/img/pages/made-in-france/item-5.jpg") no-repeat top center;
}

div.wistikeys .eco-responsible {
    padding: 3rem 0 5rem 0;
    background: #fff;
    text-align: center;
}

div.wistikeys .eco-responsible img {
    width: 7rem;
    margin: 3rem 0;
}

div.wistikeys .team > div:nth-child(1) {
    background: #ff682e;
    padding: 1rem 0 2rem 0;
}

div.wistikeys .team > div:nth-child(1) h1 {
    text-align: center;
    color: #fff;
}

div.wistikeys .team > div:nth-child(2) {
    background: url("/themes/wistiki_starck/img/pages/made-in-france/team.jpg") no-repeat top center;
    background-size: cover;
    height: 49rem;
    padding: 3rem;
}

div.wistikeys .course .item-1 ul li {
    margin-bottom: 1rem;
}

div.wistikeys .course .item-1 ul li > div:nth-child(1) > div:nth-child(1) {
    background: #63656a;
}

div.wistikeys .course .item-1 ul li > div > div:nth-child(1) h1 {
    line-height: 6rem;
    margin: 0;
    color: #fff;
}

div.wistikeys .course .item-1 ul li > div:nth-child(1) > div:nth-child(2) h4,
div.wistikeys .course .item-1 ul li > div:nth-child(1) > div:nth-child(2) h4,
div.wistikeys .course .item-1 ul li > div:nth-child(1) > div:nth-child(2) h4,
div.wistikeys .course .item-1 ul li > div:nth-child(1) > div:nth-child(2) h4,
div.wistikeys .course .item-1 ul li > div:nth-child(1) > div:nth-child(2) h4 {
    line-height: 5rem;
    color: #fff;
    letter-spacing: 0.05rem;
}

div.wistikeys .course .item-1 ul li > div:nth-child(1) > div:nth-child(2) h4,
div.wistikeys .course .item-1 ul li > div:nth-child(1) > div:nth-child(2) h4,
div.wistikeys .course .item-1 ul li > div:nth-child(1) > div:nth-child(2) h4,
div.wistikeys .course .item-1 ul li > div:nth-child(1) > div:nth-child(2) h4,
div.wistikeys .course .item-1 ul li > div:nth-child(1) > div:nth-child(2) h4 {
    line-height: 5rem;
    color: #fff;
    letter-spacing: 0.05rem;
}

div.wistikeys .course .item-1 ul li:nth-child(1) > div:nth-child(2) > div:nth-child(1) {
    height: 20rem;
    background: url("/themes/wistiki_starck/img/pages/made-in-france/item-1.jpg") no-repeat;
    background-size: cover;
}

div.wistikeys .course .item-1 ul li:nth-child(2) > div:nth-child(2) > div:nth-child(1) {
    height: 20rem;
    background: url("/themes/wistiki_starck/img/pages/made-in-france/item-2.jpg") no-repeat;
    background-size: cover;
}

div.wistikeys .course .item-1 ul li:nth-child(3) > div:nth-child(2) > div:nth-child(1) {
    height: 20rem;
    background: url("/themes/wistiki_starck/img/pages/made-in-france/item-3.jpg") no-repeat;
    background-size: cover;
}

div.wistikeys .course .item-1 ul li:nth-child(4) > div:nth-child(2) > div:nth-child(1) {
    height: 20rem;
    background: url("/themes/wistiki_starck/img/pages/made-in-france/item-4.jpg") no-repeat;
    background-size: cover;
}

div.wistikeys .course .item-1 ul li:nth-child(5) > div:nth-child(2) > div:nth-child(1) {
    height: 20rem;
    background: url("/themes/wistiki_starck/img/pages/made-in-france/item-5.jpg") no-repeat;
    background-size: cover;
}

div.wistikeys .course .item-1 ul li:nth-child(1) > div:nth-child(1) > div:nth-child(1) {
    border-left: solid #ffb3ba 0.5rem;
    text-align: center;
}

div.wistikeys .course .item-1 ul li:nth-child(1) > div:nth-child(1) > div:nth-child(2),
div.wistikeys .course .item-1 ul li:nth-child(1) > div:nth-child(1) > div:nth-child(3) {
    background: #ffb3ba;
}

div.wistikeys .course .item-1 ul li:nth-child(2) > div:nth-child(1) > div:nth-child(1) {
    border-left: solid #ebe739 0.5rem;
    text-align: center;
}

div.wistikeys .course .item-1 ul li:nth-child(2) > div:nth-child(1) > div:nth-child(2),
div.wistikeys .course .item-1 ul li:nth-child(2) > div:nth-child(1) > div:nth-child(3) {
    background: #ebe739;
}

div.wistikeys .course .item-1 ul li:nth-child(3) > div:nth-child(1) > div:nth-child(1) {
    border-left: solid #ffae60 0.5rem;
    text-align: center;
}

div.wistikeys .course .item-1 ul li:nth-child(3) > div:nth-child(1) > div:nth-child(2),
div.wistikeys .course .item-1 ul li:nth-child(3) > div:nth-child(1) > div:nth-child(3) {
    background: #ffae60;
}

div.wistikeys .course .item-1 ul li:nth-child(4) > div:nth-child(1) > div:nth-child(1) {
    border-left: solid #7e57c6 0.5rem;
    text-align: center;
}

div.wistikeys .course .item-1 ul li:nth-child(4) > div:nth-child(1) > div:nth-child(2),
div.wistikeys .course .item-1 ul li:nth-child(4) > div:nth-child(1) > div:nth-child(3) {
    background: #7e57c6;
}

div.wistikeys .course .item-1 ul li:nth-child(5) > div:nth-child(1) > div:nth-child(1) {
    border-left: solid #7e57c6 0.5rem;
    text-align: center;
}

div.wistikeys .course .item-1 ul li:nth-child(5) > div:nth-child(1) > div:nth-child(2),
div.wistikeys .course .item-1 ul li > div:nth-child(1) > div:nth-child(3) {
    background: #7e57c6;
}

div.wistikeys .course .item-1 ul li > div:nth-child(3) {
    text-align: center;
}

div.wistikeys > .course > .item-1 ul li > div.slider > div:nth-child(2) h3 {
    color: #ff682e;
    text-transform: uppercase;
    margin: 1.5rem 0;
}

div.wistikeys > .course > .item-1 ul li > div.slider > div:nth-child(2) {
    padding: 1.5rem 0;
    background: #fff;
}

div.wistikeys .course .item-1 ul li > div > div:nth-child(3),
div.wistikeys > .course > .item-1 ul li > div.slider > div:nth-child(2) {
    text-align: center;
}

div.wistikeys .course .item-1 ul li > div > div:nth-child(3) a {
    line-height: 6rem;
    pointer-events: none;
}

div.wistikeys .course > div:nth-child(1) {
    padding: 3rem 0 5rem 0;
}

div.wistikeys .course .item-1 .slider {
    display: none;
}

@media (min-width: 768px) {
    div.wistikeys .our-history .milestones .milestone {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
    }

    div.wistikeys .our-history .milestones .milestone:nth-child(1) > div:nth-last-child(1),
    div.wistikeys .our-history .milestones .milestone:nth-child(2) > div:nth-last-child(1),
    div.wistikeys .our-history .milestones .milestone:nth-child(3) > div:nth-last-child(1) {
        border-left: solid 0.25rem #000;
    }
}

@media (max-width: 767px) {
    div.wistikeys .our-history .milestones .milestone:nth-child(1) > div:nth-last-child(1) .date img,
    div.wistikeys .our-history .milestones .milestone:nth-child(2) > div:nth-child(2) > div > .date img,
    div.wistikeys .our-history .milestones .milestone:nth-child(3) > div:nth-last-child(1) .date img {
        display: none;
    }

    div.wistikeys .thanks p {
        margin-bottom: 1.5rem;
    }

    div.wistikeys .thanks ul li {
        margin: 1rem 0;
    }
}

/*
***
**** Made in france
***
*/

div.made-in-france .home {
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.40), rgba(0, 0, 0, 0.40)), url("/themes/wistiki_starck/img/pages/made-in-france/home.jpg");
    background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0.40), rgba(0, 0, 0, 0.40)), url("/themes/wistiki_starck/img/pages/made-in-france/home.jpg");
    background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.40), rgba(0, 0, 0, 0.40)), url("/themes/wistiki_starck/img/pages/made-in-france/home.jpg");
    background-image: -ms-linear-gradient(top, rgba(0, 0, 0, 0.40), rgba(0, 0, 0, 0.40)), url("/themes/wistiki_starck/img/pages/made-in-france/home.jpg");
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.40)), to(rgba(0, 0, 0, 0.40))), url("/themes/wistiki_starck/img/pages/made-in-france/home.jpg");
    background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.40), rgba(0, 0, 0, 0.40)), url("/themes/wistiki_starck/img/pages/made-in-france/home.jpg");
    background-size: cover;
    background-position: center center;
    min-height: 55rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

div.made-in-france .home h1,
div.made-in-france .home h2 {
    color: white;
    margin-bottom: 3rem;
}

div.made-in-france .home h2 {
    font-weight: bold;
}

div.made-in-france .home p {
    color: white;
}

div.made-in-france .introduction {
    padding: 3rem;
}

div.made-in-france .introduction h4 {
    font-family: "Brown-Pro-Bold";
    padding: 1rem 0 0.5rem 0;
}

div.made-in-france .introduction img {
    width: 6rem;
}

div.made-in-france .introduction > div {
    padding: 0 5rem;
}

div.made-in-france .our-history {
    background: #fff;
    padding: 4rem;
}

div.made-in-france .our-history h1 {
    margin-bottom: 4rem;
}

div.made-in-france .our-history .milestones .milestone div .picture {
    width: 30rem;
    height: 30rem;
    border-radius: 150px;
    -webkit-border-radius: 150px;
    -moz-border-radius: 150px;

}

div.made-in-france .our-history .milestones .milestone div .picture.right {
    float: right;
    margin-right: 5rem;
}

div.made-in-france .our-history .milestones .milestone div .picture.left {
    float: left;
    margin-left: 5rem;
}

div.made-in-france .our-history .milestones .milestone:nth-child(1) > div:nth-last-child(1) .date img,
div.made-in-france .our-history .milestones .milestone:nth-child(2) > div:nth-child(2) > div > .date img,
div.made-in-france .our-history .milestones .milestone:nth-child(3) > div:nth-last-child(1) .date img {
    width: 15px;
    position: absolute;
    z-index: 10;
}

div.made-in-france .our-history .milestones .milestone:nth-child(1) > div:nth-last-child(1) .date img {
    left: -0.95rem;
    top: 0;
}

div.made-in-france .our-history .milestones .milestone:nth-child(2) > div:nth-child(2) > div > .date img {
    right: -0.82rem;
}

div.made-in-france .our-history .milestones .milestone:nth-child(3) > div:nth-last-child(1) .date img {
    left: -0.95rem;
    bottom: 0;
}

div.made-in-france .our-history .milestones .milestone:nth-child(1) div .picture {
    background: url("/themes/wistiki_starck/img/made-in-france/brothers.jpg") no-repeat;
    background-size: cover;
}

div.made-in-france .our-history .milestones .milestone:nth-child(2) div .picture {
    background: url("/themes/wistiki_starck/img/made-in-france/cat.jpg") no-repeat;
    background-size: cover;
}

div.made-in-france .our-history .milestones .milestone:nth-child(3) div .picture {
    border-radius: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    background: url("/themes/wistiki_starck/img/made-in-france/starck_collection.png") no-repeat;
    background-size: contain;
}

div.made-in-france .our-history .milestones .milestone .history.left {
    padding: 5rem 24rem 5rem 5rem;
    text-align: left;
    float: left;
}

div.made-in-france .our-history .milestones .milestone .history.right {
    padding: 5rem 5rem 5rem 24rem;
    text-align: right;
    float: right;
}

div.made-in-france .our-history .milestones .milestone .history .date h1 {
    color: #ff682e;
}

div.made-in-france .our-history .milestones .milestone .history .title {
    font-weight: bold;
}

div.made-in-france .our-history .dream {
    padding: 6rem 0 2rem 0;
}

@media (max-width: 991px) {
    div.made-in-france .our-history .milestones .milestone div .picture.right,
    div.made-in-france .our-history .milestones .milestone div .picture.left {
        float: none;
        padding: 0;
        margin: auto;
    }

    div.made-in-france .our-history .milestones .milestone .history.left,
    div.made-in-france .our-history .milestones .milestone .history.right {
        padding: 0;
        text-align: justify;
        float: none;
    }
}

div.made-in-france .a-z {
    background: #fff;
    padding: 3rem 0 6rem 0;
}

div.made-in-france .a-z > div > div h1 {
    margin-bottom: 5rem;
}

div.made-in-france .a-z .left .description .top {
    border-top: solid #ff682e 0.6rem;
}

div.made-in-france .a-z .left .description .content {
    text-align: center;
    background: #eee;
    padding: 1rem;
    border-left: solid #e6e6e6 0.1rem;
    border-right: solid #e6e6e6 0.1rem;
    border-bottom: solid #e6e6e6 0.1rem;
    margin-bottom: 1.6rem;
}

div.made-in-france .a-z .left .description h4 {
    font-family: "Brown-Pro-Bold";
    margin-top: 0;
    line-height: 2.1rem;
    padding-top: 1rem;
    letter-spacing: 0.05rem;
}

div.made-in-france .a-z .left .video h5 {
    font-family: "Brown-Pro-Light";
    font-weight: 900;
    color: #fff;
    line-height: 3rem;
    text-align: center;
    background: #63656a;
    margin-top: 0;
    letter-spacing: 0.05rem;
    border-left: solid #eee 0.1rem;
    border-right: solid #eee 0.1rem;
    border-bottom: solid #eee 0.1rem;
}

div.made-in-france .a-z .left .video .content {
    border-left: solid #eee 0.1rem;
    border-right: solid #eee 0.1rem;
    border-top: solid #eee 0.1rem;
    cursor: pointer;
    background: url("/themes/wistiki_starck/img/pages/made-in-france/video.jpg") no-repeat center center;
    height: 16.2rem;
}

div.made-in-france .a-z .right > div {
    background: url("/themes/wistiki_starck/img/pages/made-in-france/starck-lussato.jpg") no-repeat top center;
    height: 42.8rem;
    background-size: cover;
}

div.made-in-france .a-z .family img {
    width: 100%;
}

div.made-in-france .thanks {
    background: #ff682e;
    padding: 4rem 1rem;;
    text-align: center;
}

div.made-in-france .thanks h1 {
    color: #fff;
    margin-bottom: 4rem;
}

div.made-in-france .thanks p {
    color: #fff;
    margin-bottom: 4.5rem;
}

div.made-in-france .thanks ul li {
    margin: 1.5rem 3.5rem;
}

div.made-in-france .thanks ul li img {
    height: 8rem;
}

div.made-in-france .course {
    background: #eee;
    padding: 1rem 0 14rem 0;
    text-align: center;
    min-height: 650px;
}

div.made-in-france .course .item-2 .map {
    width: 850px;
    margin: 4rem auto;
}

div.made-in-france .course .item-2 .map > p > img {
    height: 400px;
    width: 474px;
}

div.made-in-france .course .item-2 .map .number {
    background: #63656a;
    float: left;
    width: 40px;
}

div.made-in-france .course .item-2 .map .number h5 {
    color: #fff;
    line-height: 2.3rem;
    text-align: center;
}

div.made-in-france .course .item-2 .map .title {
    border-right: solid #9a9b9f 0.1rem;
    padding: 0;
    float: left;
    width: 160px;
}

div.made-in-france .course .item-2 .map .title h5 {
    color: #fff;
    line-height: 2.3rem;
    text-align: center;
}

div.made-in-france .course .item-2 .map .bg {
    height: 10rem;
    border-left: solid #9a9b9f 0.1rem;
    border-right: solid #9a9b9f 0.1rem;
    width: 200px;
}

div.made-in-france .course .item-2 .map .content {
    background: #fff;
    border-left: solid #9a9b9f 0.1rem;
    border-right: solid #9a9b9f 0.1rem;
    border-bottom: solid #9a9b9f 0.1rem;
    width: 200px;
}

div.made-in-france .course .item-2 .map .content h5 {
    margin-top: 0;
    padding-top: 1.2rem;
}

div.made-in-france .course .item-2 .map .content p {
    font-size: 1.4rem;
}

div.made-in-france .course .map .item-1,
div.made-in-france .course .map .item-2,
div.made-in-france .course .map .item-3,
div.made-in-france .course .map .item-4,
div.made-in-france .course .map .item-5 {
    position: absolute;
}

div.made-in-france .course .item-2 .map .item-1 {
    top: 0;
    left: 70px;
}

div.made-in-france .course .item-2 .map .item-2 {
    top: 275px;
    left: 70px;
}

div.made-in-france .course .item-2 .map .item-3 {
    top: 250px;
    left: 370px;
}

div.made-in-france .course .item-2 .map .item-4 {
    top: 0;
    right: 8px;
}

div.made-in-france .course .item-2 .map .item-5 {
    top: 275px;
    right: 8px;
}

div.made-in-france .course .item-2 .map .item-1 .title {
    background: #ffae60;
}

div.made-in-france .course .item-2 .map .item-1 .bg {
    background: url("/themes/wistiki_starck/img/pages/made-in-france/item-1.jpg") no-repeat top center;
}

div.made-in-france .course .item-2 .map .item-2 .title {
    background: #ebe739;
}

div.made-in-france .course .item-2 .map .item-2 .bg {
    background: url("/themes/wistiki_starck/img/pages/made-in-france/item-2.jpg") no-repeat top center;
}

div.made-in-france .course .item-2 .map .item-3 .title {
    background: #7e57c6;
}

div.made-in-france .course .item-2 .map .item-3 .bg {
    background: url("/themes/wistiki_starck/img/pages/made-in-france/item-3.jpg") no-repeat top center;
}

div.made-in-france .course .map .item-4 .title {
    background: #ffae60;
}

div.made-in-france .course .item-2 .map .item-4 .bg {
    background: url("/themes/wistiki_starck/img/pages/made-in-france/item-4.jpg") no-repeat top center;
}

div.made-in-france .course .item-2 .map .item-5 .title {
    background: #ffb3ba;
}

div.made-in-france .course .item-2 .map .item-5 .bg {
    background: url("/themes/wistiki_starck/img/pages/made-in-france/item-5.jpg") no-repeat top center;
}

div.made-in-france .eco-responsible {
    padding: 3rem 0 5rem 0;
    background: #fff;
    text-align: center;
}

div.made-in-france .eco-responsible img {
    width: 7rem;
    margin: 3rem 0;
}

div.made-in-france .team > div:nth-child(1) {
    background: #ff682e;
    padding: 1rem 0 2rem 0;
}

div.made-in-france .team > div:nth-child(1) h1 {
    text-align: center;
    color: #fff;
}

div.made-in-france .team > div:nth-child(2) {
    background: url("/themes/wistiki_starck/img/pages/made-in-france/team.jpg") no-repeat top center;
    background-size: cover;
    height: 49rem;
    padding: 3rem;
}

div.made-in-france .course .item-1 ul li {
    margin-bottom: 1rem;
}

div.made-in-france .course .item-1 ul li > div:nth-child(1) > div:nth-child(1) {
    background: #63656a;
}

div.made-in-france .course .item-1 ul li > div > div:nth-child(1) h1 {
    line-height: 6rem;
    margin: 0;
    color: #fff;
}

div.made-in-france .course .item-1 ul li > div:nth-child(1) > div:nth-child(2) h4,
div.made-in-france .course .item-1 ul li > div:nth-child(1) > div:nth-child(2) h4,
div.made-in-france .course .item-1 ul li > div:nth-child(1) > div:nth-child(2) h4,
div.made-in-france .course .item-1 ul li > div:nth-child(1) > div:nth-child(2) h4,
div.made-in-france .course .item-1 ul li > div:nth-child(1) > div:nth-child(2) h4 {
    line-height: 5rem;
    color: #fff;
    letter-spacing: 0.05rem;
}

div.made-in-france .course .item-1 ul li > div:nth-child(1) > div:nth-child(2) h4,
div.made-in-france .course .item-1 ul li > div:nth-child(1) > div:nth-child(2) h4,
div.made-in-france .course .item-1 ul li > div:nth-child(1) > div:nth-child(2) h4,
div.made-in-france .course .item-1 ul li > div:nth-child(1) > div:nth-child(2) h4,
div.made-in-france .course .item-1 ul li > div:nth-child(1) > div:nth-child(2) h4 {
    line-height: 5rem;
    color: #fff;
    letter-spacing: 0.05rem;
}

div.made-in-france .course .item-1 ul li:nth-child(1) > div:nth-child(2) > div:nth-child(1) {
    height: 20rem;
    background: url("/themes/wistiki_starck/img/pages/made-in-france/item-1.jpg") no-repeat;
    background-size: cover;
}

div.made-in-france .course .item-1 ul li:nth-child(2) > div:nth-child(2) > div:nth-child(1) {
    height: 20rem;
    background: url("/themes/wistiki_starck/img/pages/made-in-france/item-2.jpg") no-repeat;
    background-size: cover;
}

div.made-in-france .course .item-1 ul li:nth-child(3) > div:nth-child(2) > div:nth-child(1) {
    height: 20rem;
    background: url("/themes/wistiki_starck/img/pages/made-in-france/item-3.jpg") no-repeat;
    background-size: cover;
}

div.made-in-france .course .item-1 ul li:nth-child(4) > div:nth-child(2) > div:nth-child(1) {
    height: 20rem;
    background: url("/themes/wistiki_starck/img/pages/made-in-france/item-4.jpg") no-repeat;
    background-size: cover;
}

div.made-in-france .course .item-1 ul li:nth-child(5) > div:nth-child(2) > div:nth-child(1) {
    height: 20rem;
    background: url("/themes/wistiki_starck/img/pages/made-in-france/item-5.jpg") no-repeat;
    background-size: cover;
}

div.made-in-france .course .item-1 ul li:nth-child(1) > div:nth-child(1) > div:nth-child(1) {
    border-left: solid #ffb3ba 0.5rem;
    text-align: center;
}

div.made-in-france .course .item-1 ul li:nth-child(1) > div:nth-child(1) > div:nth-child(2),
div.made-in-france .course .item-1 ul li:nth-child(1) > div:nth-child(1) > div:nth-child(3) {
    background: #ffb3ba;
}

div.made-in-france .course .item-1 ul li:nth-child(2) > div:nth-child(1) > div:nth-child(1) {
    border-left: solid #ebe739 0.5rem;
    text-align: center;
}

div.made-in-france .course .item-1 ul li:nth-child(2) > div:nth-child(1) > div:nth-child(2),
div.made-in-france .course .item-1 ul li:nth-child(2) > div:nth-child(1) > div:nth-child(3) {
    background: #ebe739;
}

div.made-in-france .course .item-1 ul li:nth-child(3) > div:nth-child(1) > div:nth-child(1) {
    border-left: solid #ffae60 0.5rem;
    text-align: center;
}

div.made-in-france .course .item-1 ul li:nth-child(3) > div:nth-child(1) > div:nth-child(2),
div.made-in-france .course .item-1 ul li:nth-child(3) > div:nth-child(1) > div:nth-child(3) {
    background: #ffae60;
}

div.made-in-france .course .item-1 ul li:nth-child(4) > div:nth-child(1) > div:nth-child(1) {
    border-left: solid #7e57c6 0.5rem;
    text-align: center;
}

div.made-in-france .course .item-1 ul li:nth-child(4) > div:nth-child(1) > div:nth-child(2),
div.made-in-france .course .item-1 ul li:nth-child(4) > div:nth-child(1) > div:nth-child(3) {
    background: #7e57c6;
}

div.made-in-france .course .item-1 ul li:nth-child(5) > div:nth-child(1) > div:nth-child(1) {
    border-left: solid #7e57c6 0.5rem;
    text-align: center;
}

div.made-in-france .course .item-1 ul li:nth-child(5) > div:nth-child(1) > div:nth-child(2),
div.made-in-france .course .item-1 ul li > div:nth-child(1) > div:nth-child(3) {
    background: #7e57c6;
}

div.made-in-france .course .item-1 ul li > div:nth-child(3) {
    text-align: center;
}

div.made-in-france > .course > .item-1 ul li > div.slider > div:nth-child(2) h3 {
    color: #ff682e;
    text-transform: uppercase;
    margin: 1.5rem 0;
}

div.made-in-france > .course > .item-1 ul li > div.slider > div:nth-child(2) {
    padding: 1.5rem 0;
    background: #fff;
}

div.made-in-france .course .item-1 ul li > div > div:nth-child(3),
div.made-in-france > .course > .item-1 ul li > div.slider > div:nth-child(2) {
    text-align: center;
}

div.made-in-france .course .item-1 ul li > div > div:nth-child(3) a {
    line-height: 6rem;
    pointer-events: none;
}

div.made-in-france .course > div:nth-child(1) {
    padding: 3rem 0 5rem 0;
}

div.made-in-france .course .item-1 .slider {
    display: none;
}

@media (min-width: 768px) {
    div.made-in-france .our-history .milestones .milestone {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
    }

    div.made-in-france .our-history .milestones .milestone:nth-child(1) > div:nth-last-child(1),
    div.made-in-france .our-history .milestones .milestone:nth-child(2) > div:nth-last-child(1),
    div.made-in-france .our-history .milestones .milestone:nth-child(3) > div:nth-last-child(1) {
        border-left: solid 0.25rem #000;
    }
}

@media (max-width: 767px) {
    div.made-in-france .our-history .milestones .milestone:nth-child(1) > div:nth-last-child(1) .date img,
    div.made-in-france .our-history .milestones .milestone:nth-child(2) > div:nth-child(2) > div > .date img,
    div.made-in-france .our-history .milestones .milestone:nth-child(3) > div:nth-last-child(1) .date img {
        display: none;
    }

    div.made-in-france .thanks p {
        margin-bottom: 1.5rem;
    }

    div.made-in-france .thanks ul li {
        margin: 1rem 0;
    }
}

/*
 * Stories
*/

div.stories {
    background-color: #63656a;
    padding-bottom: 2.5rem;
}

div.stories > p,
div.stories > p > a {
    color: #fff;
    text-align: center;
}

div.stories > p > a > strong {
    letter-spacing: 0.03rem;
}

div.stories .row div h1 {
    margin-top: 6rem;
    margin-bottom: 6rem;
    color: white;
}

div.stories .story-list .story .story-content {
    padding: 2rem;
}

div.stories .story-list .story .story-header {
    height: 15rem;
}

div.stories .story-list .story .story-content .story-body h3 {
    margin-top: 2rem;
    margin-bottom: 2rem;
}

div.stories .story-list .story .story-content {
    background-color: white;
    min-height: 35rem;
}

div.stories .story-list .story .story-content .body {
    text-align: justify;
}

div.stories .story-list .story .story-content .story-date div {
    padding: 0;
}

div.stories .story-list > div:nth-child(1) > div.story-header {
    background: url("https://67.media.tumblr.com/bbf360f66601e7265ed167c021c49030/tumblr_o85i7q35ZD1vva2wfo1_1280.jpg") no-repeat center center;
    background-size: cover;
}

div.stories .story-list > div:nth-child(2) > div.story-header {
    background: url("https://67.media.tumblr.com/906cd1d051f55e06aa2d99ea7fed1207/tumblr_o8cesqNrFV1vva2wfo1_1280.jpg") no-repeat center center;
    background-size: cover;
}

div.stories .story-list > div:nth-child(3) > div.story-header {
    background: url("https://67.media.tumblr.com/18ad21eecd9f2c7b512b4be6e03e5478/tumblr_o8cf5dfAbJ1vva2wfo1_1280.jpg") no-repeat center center;
    background-size: cover;
}

@media (max-width: 991px) {
    div.stories .story-list {
        padding-right: 1rem;
    }
}

div.stories .story-list .story {
    margin-bottom: 5rem;
    padding: 0 3rem 0 3rem;
}

div.stories .story-list .story .story-button {
    background: #ff682e;
    color: #fff;
    line-height: 2.4em;
    text-align: center;
    cursor: pointer;
    font-size: 1.4rem;
}

/*
***
**** Community
***
*/

div.community .home {
    background: url("/themes/wistiki_starck/img/pages/community/home.jpg") no-repeat center center;
    background-size: cover;
    min-height: 55rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

div.community .home h1,
div.community .home h2 {
    color: white;
    margin-bottom: 3rem;
}

div.community .home h2 {
    font-weight: bold;
}

div.community .home p {
    color: white;
}

div.community .return-wistiki > div:nth-child(2) {
    background: #fff;
}

div.community .crowd-gps > div:nth-child(1) {
    background: #fff;
}

div.community .crowd-gps > div:nth-child(1) h2 {
    margin: 0;
}

div.community .crowd-gps > div:nth-child(1) img {
    margin: 2.5rem 0 3rem 0;
}

div.community .crowd-gps > div:nth-child(2) {
    padding: 0;
}

div.community .crowd-gps > div:nth-child(2) > div:nth-child(1) {
    background: url("/themes/wistiki_starck/img/pages/community/crowd-gps.png") no-repeat center center;
    background-size: contain;
    height: 60rem;
}

div.community .crowd-gps > div:nth-child(2) > div:nth-child(2) {
    background: #ff682e;
    padding: 2.5rem 4rem 2.5rem 2.5rem;
}

div.community .crowd-gps > div:nth-child(2) > div:nth-child(2) p {
    text-align: center;
    color: #fff;
}

div.community .return-wistiki > div:nth-child(1) {
    background: url("/themes/wistiki_starck/img/pages/community/key.png") no-repeat bottom right;
    background-size: cover;
    height: 75rem;
}

div.community .return-wistiki > div:nth-child(2) h2 {
    margin-bottom: 4rem;
}

div.community .return-wistiki > div:nth-child(2) h4 {
    font-family: "Brown-Pro-Bold";
    margin: 3rem 0;
    line-height: 3.5rem;
}

div.community .return-wistiki > div:nth-child(2) li img {
    width: 15rem;
    margin: 1rem;
}

div.community div.join-community {
    background: #eee;
    text-align: center;
}

div.community div.join-community h1 {
    margin: 4rem 0;
}

div.community div.join-community .left {
    margin: 3rem 0;
}

div.community div.join-community .left > div > h4 {
    margin: 6rem 0 4rem 0;
}

div.community div.join-community .left .logo img {
    margin: 1em 0 3em 0;
    width: 60%;
}

div.community div.join-community .left .stores img {
    width: 15rem;
}

div.community div.join-community .left .stores a:first-child {
    margin-right: 2rem;
}

div.community div.join-community .right {
    background: url("/themes/wistiki_starck/img/pages/community/key.jpg") no-repeat center center;
    background-size: cover;
    width: 40.5%;
    min-height: 58rem;
}

div.community div.map {
    padding: 2rem 0 1rem 0;
    background: #eee;
}

div.community div.map > div {
    background: url("/themes/wistiki_starck/img/pages/community/map.jpg") no-repeat center center;
    background-size: cover;
    height: 790px;
}

div.community div.counter {
    background: #ff682e;
    padding: 1rem 0 2rem 0;
}

div.community div.counter h1 {
    font-size: 10rem;
    margin: 0;
    color: #fff;
}

div.community div.counter h2 {
    font-size: 3.8rem;
    font-family: "Brown-Pro-Light", Arial, sans-serif;
    margin: 0 0 2rem 0;
    color: #fff;
}

div.community div.counter p > a {
    font-size: 1.5rem;
}

@media (min-width: 769px) {
    div.community div.join-community > div.row,
    div.community div.crowd-gps {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
    }
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
    div.community div.join-community .right {
        width: 49%;
    }
}

@media (max-width: 767px) {
    div.community div.join-community .right {
        width: 100%;
    }

    div.community div.join-community .left {
        margin: 5rem 0;
    }

    div.community div.join-community .left .stores {
        margin: 1em 0 3em 0;
    }

    div.community div.join-community .left .stores img {
        width: 18rem;
        margin-top: 2rem;
    }

    div.community div.map > div {
        height: 25rem;
        background-size: cover;
    }

    div.community .crowd-gps > div:nth-child(2) > div:nth-child(1) {
        height: 30rem;
    }

    div.community .return-wistiki > div:nth-child(1) {
        height: 35rem;
    }

    div.community div.crowd-gps > div,
    div.community div.return-wistiki > div {
        padding: 5rem 0;
    }

    div.community div.crowd-gps,
    div.community div.return-wistiki {
        display: table-row;
    }

    div.community div.return-wistiki > div:nth-child(2) {
        padding-bottom: 0;
    }
}

@media only screen and (min-width: 1200px) and (min-height: 850px) {
    div.community div.join-community .right {
        width: 40.9%;
    }

    div.community div.join-community .left .stores img {
        width: 22rem;
    }
}

/*
***
**** Ribbon
***
*/

section.collection .ribbon-wrapper {
    top: 7px;
    right: 1px;
    z-index: 1;
}

.ribbon-wrapper {
    width: 120px;
    height: 120px;
    overflow: hidden;
    position: absolute;
    top: 0;
    right: 2px;
}

.ribbon-orange {
    font-family: "Brown-Pro-Regular", sans-serif;
    text-align: center;
    font-size: 1.4rem;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    position: relative;
    padding: 7px 0;
    left: -5px;
    top: 25px;
    width: 160px;
    background-color: #ff682e;
    color: #fff;
    -webkit-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.ribbon-grey {
    font-family: "Brown-Pro-Regular", sans-serif;
    font-size: 1.4rem;
    text-align: center;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    position: relative;
    padding: 7px 0;
    left: -5px;
    top: 25px;
    width: 160px;
    background-color: #9498a1;
    color: #fff;
    -webkit-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/*
***
**** Currencies
***
*/

#currencies-block-top {
    position: absolute;
    top: 27px;
    right: 0;
    cursor: pointer;
}

.currencies_ul {
    display: none;
}

.currencies_ul li {
    background: #fff;
    text-align: center;
    width: 100%;
}

.currencies_ul li:hover {
    background: #ff682e;
}

.currencies_ul li a {
    line-height: 22px;
    font-size: 10px;
    letter-spacing: 0.01em;
}

.link-hover {
    color: #fff;
}

.current li {
    text-align: center;
    background: #ff682e;
    width: 100%;
}

.current li a {
    line-height: 22px;
    text-align: center;
    color: #fff;
    font-size: 10px;
    letter-spacing: 0.01em;
}

.current li .caret {
    border-top: 4px solid #fff;
}

.lang:not(.dropdown):hover {
    background: #ff682e;
}

section.cart section.left-buy {
    padding: 0px;
    position: absolute;
    width: 70%;
}

section.cart section.left-buy div.row {
    margin: 0px;
    width: 100%;
}

.clickable {
    cursor: pointer;
}

.faded {opacity: 0.5;}
.opaque {opacity: 1;}

section.cart section.left-buy div.product, section.cart section.left-buy div.pack, section.cart section.left-buy div.colors {
    background-color: #e2dede;
    padding: 10px !important;
    font-size: 1.375em !important;
    color: #ffffff;
    font-family: 'Brown-Pro-Light' !important;
    text-align: center;
    border-right: 2px solid #fff;
}

section.cart section.left-buy div.product.selected, section.cart section.left-buy div.pack.selected, section.cart section.left-buy div.colors.selected {
    background-color: #ff682e;
    border-right: none;
}

content div.products, content div.packs {
    font-size: 1.625em !important;
    color: #000000;
    font-family: 'Brown-Pro-Light' !important;
    text-align: center;
    padding: 20px 0px !important;
    max-width: 80%;
    margin: 0 auto !important;
}

content div.packs {
    margin-top: -50px;
}

div.products .row {
    margin: 0 auto !important;
}

content div.products .voila, content div.products .aha, content div.products .hopla {
    margin: 0 auto;
}

.packs .package-img {
    width: 50%;
}

.product-pick.hopla-pick:not(.hopla-img) {
    max-width: 60%;
    margin-top: 1.275em;
}

content div.products .voila-from, content div.products .aha-from, content div.products .hopla-from {
    color: #ff682e;
    font-size: 0.625em;
}
content div.products .hopla-from {
    margin-top: -0.65em;
}

content div.products .aha-from {
    margin-top: 0.05em;
}

.ignored:not(.opaque), .ignored:not(.opaque) p {color: #e2dede !important;}

.package-price {
    color: #717377;
    font-size: 0.625em;
    margin-top:0.2em;
    text-decoration: line-through;
}
.package-eco {
    font-size:0.625em;
    margin-top:-0.8em;
    font-family: 'Brown-Pro-Regular';
    color: #ff682e;
}

section.cart section.left-buy div.footer-left-buy {
    text-align: center;
    font-size: 1.250em;
    font-family: 'Brown-Pro-Regular';
    color: #ffffff;
    padding: 1em 0em;
    background-color: #63656a;
    position: fixed;
    width: 70%;
    bottom: 0;
}

section.cart section.left-buy div.footer-left-buy div.delimiter-1, section.cart section.left-buy div.footer-left-buy div.delimiter-2 {
    border-right: 2px solid #9fa1a4;
    position:absolute;
    top:0;
    bottom:0;
}

section.cart section.left-buy div.footer-left-buy div.delimiter-1 {left:33%;}
section.cart section.left-buy div.footer-left-buy div.delimiter-2 {left:66%;}

section.cart section.left-buy div.back-to-product, section.cart section.left-buy div.back-to-package {
    font-family: "Brown-Pro-Regular";
    font-size: 0.825em;
    text-align: left;
    margin-left: 2em;
}

section.cart section.left-buy div.package-chosen {
    position: relative;
    width: 100%;
}

section.cart section.left-buy div.package-chosen > img {
    width: 60% !important;
}

section.cart section.left-buy div.package-chosen div.chosen-colors {
    position: absolute;
    bottom: -0.25em;
    left: 25%;
    width: 100%;
}

section.cart section.left-buy div.package-chosen div.chosen-colors p {
    font-family: "Brown-Pro-Regular";
    font-size: 0.625em;
    text-align: left;
    color: #ffffff;
}

section.cart section.left-buy p.delivery-chosen {
    font-family: "Brown-Pro-Light";
    font-size: 0.825em;
    color: #ff682e;
}

section.cart section.left-buy div.old-price {
    color: #717377;
    font-family: "Brown-Pro-Light";
    font-size: 0.875em;
    text-align: left;
    text-decoration: line-through;
    margin-top: 10px;
}

section.cart section.left-buy div.reduced-price {
    font-size: 0.875em;
    margin-top: 10px;
}

section.cart section.left-buy div.new-price {
    font-family: "Brown-Pro-Regular";
    font-size: 1.500em;
    text-align: right;
}

section.cart section.left-buy div.add-to-cart {
    display: table;
    width: 90% !important;
    margin: 0 auto;
    margin-top: 0.675em;
    font-family: "Brown-Pro-Regular";
    text-align: center;
    font-size: 0.875em;
    color: #ffffff;
    width: 100%;
    background-color: #e2dede;
    padding: 15px 15px;
    border-radius: 3px;
}

section.cart section.left-buy div.add-to-cart.active {
    background-color: #ff682e;
}

.col-centered{
    float: none;
    margin: 0 auto;
}
section.cart section.right-buy {
    background-color: #eeeeee;
    margin: 0px;
    right: 0;
    position: fixed;
    top: 0;
    height: 100%;
    width: 32%;
}

section.cart section.right-buy div.row {
    margin: 0px;
    width: 100%;
}

section.cart section.right-buy div.head-right-buy {
    margin-top: 25px;
}

section.cart section.right-buy div.head-right-buy div.my-cart {
    font-family: 'Brown-Pro-Light';
    font-size: 1.375em;
    color: #000000;
    text-align: center;
    margin-top: 1em;
}

section.cart section.right-buy div.head-right-buy img.quit-cart {
    float: right;
}

section.cart section.right-buy div.head-right-buy div.number {
    border-radius: 50%;
    display: inline-block;
    padding: 15px 20px;
    behavior: url(PIE.htc);
    font-family: 'Brown-Pro-Light';
    font-size: 1.625em;
    color: #000000;
    text-align: center;
    background-color: #fff;
}

section.cart section.right-buy content div.empty-cart {margin-top: 35%;}
section.cart section.right-buy content div.empty-cart p {
    text-align: center;
    font-size: 1.250em;
    font-family: 'Brown-Pro-Light';
    color: #3d3d3d;
}

section.cart section.right-buy content div.bottom-cart {width: 100%;max-height: 18em; background-color: #eeeeee; position: fixed;bottom: 0;max-width: 32%;border-top: 1px solid #a7a7a7;padding-top: 40px;}
section.cart section.right-buy content div.bottom-cart p.total-prices {text-align: right;}
section.cart section.right-buy content div.bottom-cart div.delivery-total p, section.cart section.right-buy content div.bottom-cart div.eco-total p {
    font-size: 1.150em;
    font-family: 'Brown-Pro-Regular';
}
section.cart section.right-buy content div.bottom-cart div.buy-total p {
    font-size: 1.250em;
    font-family: 'Brown-Pro-Regular';
}

section.cart section.right-buy content div.bottom-cart div.see-command {
    display: table;
    border-radius: 5px;
    background-color: #e2dede;
    margin: 25px auto;
    padding: 15px 50px;
    font-size: 1em;
    font-family: 'Brown-Pro-Regular';
    text-align: center;
    color: #ffffff;
}

section.cart section.right-buy content div.bottom-cart div.see-command.selected {background-color: #ff682e;}

section.cart section.right-buy content div.full-cart {margin-top:50px;overflow-y: scroll;-webkit-overflow-scrolling: touch;}
section.cart section.right-buy content div.full-cart div.package-buy {
    font-size: 1.5em;
    font-family: 'Brown-Pro-Light';
    color: #ffffff;
    background-color: #63656a;
    display: table;
    padding: 20px 10px;
}

section.cart section.right-buy content div.full-cart div.picked-package {
    font-size: 1em !important;
    font-family: 'Brown-Pro-Regular' !important;
    text-align: left;
}

section.cart section.right-buy content div.full-cart div.picked-package-price {
    font-size: 1em;
    font-family: 'Brown-Pro-Light';
}

section.cart.command section.right-buy content div.full-cart div.picked-package-price {
    width: 6.5em;
}

section.cart section.right-buy content div.full-cart div.picked-package.modify {color: #63656a;}
section.cart section.right-buy content div.full-cart div.picked-package.validate {
    margin-top: 0em;
    text-align: center;
    vertical-align: middle;
    line-height: 4.75rem;
    height: 4.75rem;
    vertical-align: middle;
    color: #fff;
    background-color: #ff682e;
    display: inline-block;
    padding: inherit;
}


section.cart section.right-buy content div.full-cart div.delete-pack {
    float: right;
    margin-top: 15px;
    color: #63656a;
    font-size: 1.250em;
    font-family: 'Brown-Pro-Light';
}

.wistiki-name {
    margin-bottom: 15px;
}

.wistiki-name.aha-img, .wistiki-name.voila-img, .wistiki-name.hopla-img {
    max-width: 50%;
}

.with-shadow {
    -webkit-box-shadow: 1px 2px 5px 1px rgba(0,0,0,0.5);
    -moz-box-shadow: 1px 2px 5px 1px rgba(0,0,0,0.5);
    box-shadow: 1px 2px 5px 1px rgba(0,0,0,0.5);
}

.list-group-item {padding: 0px !important;}

.bullet:not(.active) {
    height: 0.8em;
    width: 0.8em;
    border-radius: 50%;
    margin: 0 0.1em 0 0.1em;
    transition: height 100ms ease-out;
    transition: width 100ms ease-out;
}

.current-product .bullet:hover, .declination .bullet:hover, .picked-package .bullet:hover, .bullet.active {
    margin-top: 0.1em;
    height: 1.1em;
    width: 1.1em;
    border-radius: 50%;
    cursor: pointer;
}

.bullet.big {
    height: 1.3em;
    width: 1.3em;
    border-radius: 50%;
    margin: 0.35em 0 0.35em 0;
    cursor: default;
}

.yellow-bg, .jaune-bg {
    background: #ece820;
}

.orange-bg {
    background: #ffaf62;
}

.pink-bg, .rose-bg {
    background: #f5cfda;
}

.purple-bg, .violet-bg {
    background: #7c58c6;
}

.hidden {
    display: none;
    visibility: hidden;
}

.packs-title {
    margin-bottom: 1em;
    margin-top: -1em;
}



.package-chosen > div.put-top {
    margin-top: -1.675em !important;
}

.package-chosen > div.put-left {
    margin-left: 7.5em !important;
}

.product-pick {
    margin-bottom: 1em;
}

.ignored:not(.opaque) img {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}

.product-pick.voila-img {
    width: 50%;
}
.product-pick.aha-img {
    width: 44%;
}
.product-pick.hopla-img {
    width: 60%;
}



::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 7px;
}

::-webkit-scrollbar-thumb {
    border-radius: 4px;
    background-color: rgba(0,0,0,.5);
    -webkit-box-shadow: 0 0 1px rgba(255,255,255,.5);
}

.only-mobile {
    display: none;
    visibility: hidden;
}

.choose-color-empty {
    margin: 0 auto;
    max-width: 75%;
    margin-top: -5.5em;
    color: #bebebe;
    line-height: normal;
}

@media only screen and (min-device-width : 1080px) and (max-device-width : 1440px) {
    .package-chosen > div.put-left {
        margin-left: 5em !important;
    }
}

@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
    .ignored:not(.opaque) img {
        -webkit-filter: none !important;
        filter: none !important;
    }

    .ignored:not(.opaque), .ignored:not(.opaque) p {color: #ff682e !important;}

    section.cart section.left-buy, section.cart:not(.command) section.right-buy {
        width: 105% !important;
    }

    content div.products, content div.packs {
        margin-left: 2.25em !important;
    }

    .products:not(.pick-colors), .packs {
        height: 50em !important;
    }

    .pick-colors {
        height: 32.5em !important;
    }

    .right-buy {
        display: none;
        visibility: hidden;
    }

    .product-pick {
        width: 16.5rem !important;
    }

    .packs {
        display: none;
        visibility: hidden;
    }
    .products-choice-title, .packs-title, .colors-choice-title {
        font-size: 0.8em;
        margin-bottom: 2em !important;
    }

    .colors-choice-title {
        margin-bottom: -0.5em !important;
    }

    .footer-left-buy {
        font-size: 0.8em !important;
        padding-top: 10px !important;
    }

    content div.products .aha-img, content div.products .voila-img, content div.products .hopla-img {
        max-width: 15rem !important;
    }

    .product-pick.hopla-pick:not(.hopla-img) {
        max-width: 100%;
    }

    section.cart section.left-buy div.footer-left-buy {
        width: 105%;
    }

    .package-img {
        width: 16.5rem !important;
        margin: 0 auto !important;
    }

    .package-price {
        float: left !important;
        font-size: 0.75em !important;
        margin-top: 5px !important;
    }

    .package-eco {
        font-size: 0.75em !important;
        margin-top: 5px !important;
        margin-bottom: 2em !important;
    }

    .mobile-pack-price {
        max-width: 60%;
        margin: 0 auto;
    }

    .package-chosen.opaque >.row.in-package-chosen.opaque.put-top {
        width: 100% !important;
    }


    .bullet:not(.active):hover {
        height: 0.8em !important;
        width: 0.8em !important;
        border-radius: 50% !important;
        margin: 0 0.1em 0 0.1em !important;
        transition: height 100ms ease-out !important;
        transition: width 100ms ease-out !important;
    }

    .mobile-hidden {
        display: none;
        visibility: hidden;
    }


    .colors-picker {
        width: 220px !important;
        margin-top: 0px !important;
    }

    .colors-picker .list-inline > li {
        padding: 0;
    }

    .package-chosen > img {
        max-width: 98%;
    }

    section.cart section.left-buy p.delivery-chosen {
        font-size: 0.75em;
        margin-top: -1em;
        margin-bottom: 2em;
    }

    .chosen-colors img {
        margin-left: -1em !important;
        margin-top: 0.5em !important;
    }

    section.cart section.left-buy div.package-chosen div.chosen-colors p {
        font-size: 0.625em;
        margin-top: 5px;
    }

    section.cart section.left-buy div.package-chosen div.chosen-colors {
        bottom: -0.4em !important;
        left: 25% !important;
    }

    .number-of-colors {
        margin-left: -3em !important;
    }

    .old-price, .reduced-price {
        margin: 0px !important;
        margin-top: -15px !important;
        font-size: 1.250em !important;
    }

    .add-to-cart {
        font-size: 1.000em !important;
    }

    .mobile-back {
        margin-top: 35px !important;
    }

    .mobile-color {
        margin-top: -20px !important;
    }

    section.cart section.right-buy content div.bottom-cart {
        max-height: 215px !important;
        max-width: 98% !important;
    }

    section.cart section.right-buy content div.bottom-cart div.delivery-total p, section.cart section.right-buy content div.bottom-cart div.eco-total p, section.cart section.right-buy content div.bottom-cart div.buy-total p {
        font-size: 0.875em !important;
    }

    section.cart section.right-buy content div.bottom-cart div.see-command {
        font-size: 0.875em !important;
    }

    section.cart section.right-buy div.head-right-buy img.quit-cart {
        margin-left: 0px !important;
        max-width: 26px !important;
        margin-top: 10px !important;
    }

    section.cart section.right-buy div.head-right-buy div.my-cart {
        font-size: 1.875em !important;
        margin-top: 15px !important;
    }

    .package-buy {
        font-size: 1.000em !important;
    }

    section.cart section.right-buy content div.full-cart div.picked-package, .picked-package-price {
        font-size: 1.000em !important;
    }

    .drop-down-arrow {
        width: 2rem !important;
        margin-top: 0.25em !important;
    }

    .delete-pack {
        margin-left: inherit !important;
    }

    .right-buy .card img:not(.delete-pack) {
        max-width: 5rem !important;
    }

    .package-buy img {
        width: 10px !important;
    }

    .wistiki-name-mobile {
        margin-left: -10px !important;
    }

    .modify {
        display: none !important;
        visibility: hidden !important;
    }

    .mobile-color p {
        font-size: 0.625em !important;
        margin-top: -20px !important;
    }

    .products .col-xs-5.voila {
        margin-left: 5% !important;
    }
    .products .col-xs-5.aha {
        margin-left: 7.5% !important;
    }

    .packs .col-xs-5.pack-2 {
        margin-left: 7.5% !important;
    }

    .mobile-back .col-xs-11 {
        margin-top: 60px !important;
    }

    section.cart section.left-buy div.add-to-cart, section.cart section.left-buy div.old-price, section.cart section.left-buy div.reduced-price {
        font-size: 0.625em !important;
    }

    .mobile-bottom-35 {
        top: 269px !important;
    }

    .pick-colors {
        overflow: hidden;
        height:550px;
    }

    content div.products .voila-from, content div.products .aha-from, content div.products .hopla-from {
        margin: 0 auto;
        margin-top: -0.5em !important;
        margin-bottom: 3em !important;
        font-size: 0.75em !important;
    }

    content div.products .hopla-from {
        margin-top: -0.65em !important;
    }

    .package-chosen > div.put-left {
        margin-right: 1.5em !important;
        margin-left: 2.5em !important;
    }

    .only-mobile {
        display: block;
        visibility: visible;
        margin-top: -0.5em !important;
        margin-bottom: 0.5em !important;
    }

    .packs-title {
        margin-top: -0.5em !important;
    }
    section.cart section.left-buy div.package-chosen > img {
        width: 98% !important;
    }

    section.cart section.right-buy content div.bottom-cart {
        max-height: 200px !important;
    }

    .full-cart {
        height: 125px !important;
    }
}


@media only screen and (min-device-width: 320px) and (max-device-width : 350px) {
    .ignored:not(.opaque) img {
        -webkit-filter: none !important;
        filter: none !important;
    }

    .ignored:not(.opaque), .ignored:not(.opaque) p {color: #ff682e !important;}

    .mobile-bottom-35 {
        top: 200px !important;
    }

    .pick-colors {
        overflow-y: scroll;
        height:450px;
    }

    .chosen-colors .col-xs-2 {
        margin-left: -7.5px !important;
    }

    .chosen-colors .col-xs-10 {
        margin-left: -15px !important;
    }


    section.cart section.left-buy div.package-chosen div.chosen-colors {
        left: 30% !important;
    }
    section.cart section.left-buy div.package-chosen div.chosen-colors p {
        font-size: 0.425em !important;
    }

    .number-of-colors {
        margin-left: -2.4em !important;
    }

    .package-chosen > div.put-left {
        margin-right: 1.5em !important;
        margin-left: 1.75em !important;
    }

    .product-pick {
        margin-bottom: 0.5em;
    }

    content div.products .voila-img {
        margin-top: 0.5em;
    }

    .full-cart {
        height: 125px !important;
    }

    .package-chosen.opaque >.row.in-package-chosen.opaque.put-top {
        width: 100% !important;
        margin-left: -0.25em !important;
    }

    .mobile-pack-price {
        max-width: 80% !important;
    }
}


@media only screen and (min-device-width: 350px) and (max-device-width : 480px) {
    .chosen-colors img {
        margin-left: -1em!important;
        margin-top: 0.5em !important;
    }
}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
    section.cart section.left-buy div.footer-left-buy {
        width: 102% !important;
    }

    section.cart section.left-buy, section.cart section.right-buy {
        width: 100% !important;
    }

    .products-choice-title {
        margin-bottom: 50px !important;
    }

    .packs-title {
        margin-top: 25px !important;
        margin-bottom: 50px !important;
    }

    .package-price {
        margin-top: 15px !important;
        margin-bottom: 10px !important;
    }

    .pick-colors .col-xs-9.col-centered {
        width: 100% !important;
    }

    .pick-colors .col-xs-8.col-centered {
        margin-left: 25px !important;
    }

    .pick-colors .col-xs-9.col-centered, .pick-colors .col-xs-8.col-centered {
        float: left !important;
    }

    .mobile-hidden p {
        font-size: 0.625em !important;
    }

    section.cart section.left-buy div.package-chosen div.chosen-colors {
        width: 100% !important;
        left: 0 !important;
    }

    .wistiki-name {
        margin-top: 20px !important ;
    }

    .right-buy {
        width: 100% !important;
    }

    section.cart section.right-buy content div.bottom-cart {
        max-width: 100% !important;
    }

    .picked-package.validate {
        margin-left: -17px !important;
    }

    .chosen-colors img {
        margin: 0px -50px 0px 35px !important;
    }

    .number-of-colors {
        margin-left: 1em !important;
    }

    .product-pick.hopla-pick:not(.hopla-img) {
        max-width: 75% !important;
    }
}

.noscroll {
    position: fixed !important;
    overflow: hidden !important;
}

@media screen and (min-width: 1600px) {
    .product-pick.hopla-img {
        width: 60% !important;
        margin-top: -1em !important;
    }
    content div.products .hopla-from {
        margin-top: -0.65em !important;
    }
}

@media screen and (min-width: 1900px) {
    .product-pick.hopla-img {
        width: 60% !important;
        margin-top: -1em !important;
    }
    content div.products .hopla-from {
        margin-top: -0.65em !important;
    }
}
@media screen and (max-width: 320px) {
    .contain.first_line{
        margin-top:-14rem;
    }

    .contain.middle_line{
        margin-top:-12rem;
    }

    .contain.second_line{
        margin-top:-8rem;
    }

    img.picked-color-img.aha{
        width: 2rem;
    }

    .middle_line img.picked-color-img.aha{
        width: 2rem;
    }

    img.picked-color-img.voila{
        width: 1rem;
    }

    .middle_line img.picked-color-img.voila{
        width: 2rem;
    }

    .remove-color {
        width: 1.5rem !important;
    }
}


@media screen and (min-width: 321px) and (max-width: 375px) {
    .contain.first_line{
        margin-top:-18rem;
    }

    .contain.middle_line{
        margin-top:-14rem;
    }

    .contain.second_line{
        margin-top:-10rem;
    }

    img.picked-color-img.aha{
        width: 3rem;
        margin-left: -1rem !important;
    }

    .middle_line img.picked-color-img.aha{
        width: 3rem;
        margin-left: -1rem !important;
    }

    img.picked-color-img.voila{
        width: 1.5rem;
    }

    .middle_line img.picked-color-img.voila{
        width: 2rem;
    }

    .remove-color {
        width: 1.5rem !important;
    }
}

@media screen and (min-width: 376px) and (max-width: 425px) {
    .contain.first_line{
        margin-top:-21rem;
    }

    .contain.middle_line{
        margin-top:-16rem;
    }

    .contain.second_line{
        margin-top:-12rem;
    }

    img.picked-color-img.aha{
        width: 3rem;
        margin-left: -1rem !important;
    }

    .middle_line img.picked-color-img.aha{
        width: 3rem;
        margin-left: -1rem !important;
    }

    img.picked-color-img.voila{
        width: 2rem;
    }

    .middle_line img.picked-color-img.voila{
        width: 2rem;
    }

    .remove-color {
        width: 1.5rem !important;
    }
}


@media screen and (min-width: 426px) and (max-width: 790px){
    .contain.first_line{
        margin-top:-14rem;
    }

    .contain.middle_line{
        margin-top:-13rem;
    }

    .contain.second_line{
        margin-top:-8rem;
    }

    img.picked-color-img.aha{
        width: 2rem;
    }

    .middle_line img.picked-color-img.aha{
        width: 2.5rem;
    }

    img.picked-color-img.voila{
        width: 1rem;
    }

    .middle_line img.picked-color-img.voila{
        width: 2rem;
    }

    .remove-color {
        width: 1.5rem !important;
    }
}

@media screen and (min-width: 1200px){
    .contain.first_line{
        margin-top:-17rem;
    }

    .contain.middle_line{
        margin-top:-13rem;
    }

    .contain.second_line{
        margin-top:-10rem;
    }

    img.picked-color-img.aha{
        width: 2.5rem;
    }

    .middle_line img.picked-color-img.aha{
        width: 2.5rem;
    }

    img.picked-color-img.voila{
        width: 1.5rem;
    }

    .middle_line img.picked-color-img.voila{
        width: 2rem;
    }

    .remove-color {
        width: 1.5rem !important;
    }
}


@media (max-width: 768px) {
    .video-frame {

        width: 100% !important;
        padding: 0%;

    }

    .block_track.first.last {

        padding: 0 0 0 9% !important;

    }
}