#carrito-close img {

}

.ayudita i.fa.fa-whatsapp {
    color: #6dad3c;
    font-size: 30px;
}

.idTabHrefShort {
    display: none
}

#idTabRichSnippets {
    display: none
}

p#last_quantities {
    position: absolute;
    top: 92px;
    left: 50%;
    width: 200px;
    margin-left: -100px;
}

.offcanvas-mainnav {
    position: fixed;
    top: 70px;
    background: #fff;
    z-index: 9999999;
    left: -500px;
    height: 100%;
    height: calc(100% - 70px);
    width: 400px;
    box-shadow: #000 -1px 1px 5px -1px;
    transition: height .75s,
    top .75s,
    left 0.3s ease-in-out;
}

.footer_contact {
    float: left;
}

.logeurekers {
    text-align: center;
}

#HOOK_SHOPPING_CART_EXTRA {
    padding: 20px 0 0 0;
    display: none;
}

.offcanvas-mainnav .tree {
    max-height: calc(100% - 50px);
    overflow-y: scroll;
    padding: 20px;
    box-sizing: border-box;
}

/* Let's get this party started */
.offcanvas-mainnav ::-webkit-scrollbar {
    width: 5px;
}

/* Track */
.offcanvas-mainnav ::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    -webkit-border-radius: 10px;
    border-radius: 10px;
}

/* Handle */
.offcanvas-mainnav ::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: rgba(0, 0, 0, 0.8);
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);
}

.offcanvas-mainnav ::-webkit-scrollbar-thumb:window-inactive {
    background: rgba(0, 0, 0, 0.4);
}

.cerrar_menu {
    position: absolute;
    left: 5px;
    top: 5px;
    font-size: 26px;
    color: #000;
    cursor: pointer;
    z-index: 1000;
}

.offcanvas-mainnav li {
    margin-bottom: 20px;
}

.offcanvas-mainnav li li {
    margin-bottom: 10px;
}

@media (max-width: 600px) {
    .offcanvas-mainnav {
        position: fixed;
        top: 70px;
        background: #fff;
        z-index: 9999999;
        left: -320px;
        height: 100%;
        height: calc(100% - 70px);
        width: 320px;
        box-shadow: #000c -1px 1px 5px -2px;
        transition: height .75s,
        top .75s,
        left 0.3s ease-in-out;
    }
}

/*.img-responsive{
    image-rendering: -moz-crisp-edges;
    image-rendering: -o-crisp-edges;
    image-rendering: -webkit-optimize-contrast;
    image-rendering: crisp-edges;
    -ms-interpolation-mode: nearest-neighbor;

}
.product_img_link img {
	image-rendering: -moz-crisp-edges;
    image-rendering: -o-crisp-edges;
    image-rendering: -webkit-optimize-contrast;
    image-rendering: crisp-edges;
    -ms-interpolation-mode: nearest-neighbor;

}*/
/* Block newsletter */
#newsletter_block_left {
    padding: 7px;
    border: 1px solid #ccc;
    background: #eee;
}

#newsletter_block_left .title_block, #newsletter_block_left h4 {
    padding: 0 0 12px 28px;
    color: #666;
    text-shadow: 0 1px 0 #fff;
    background: url(img/icon/newsletter.png) no-repeat 0 0 transparent;
}

#newsletter_block_left p {
    padding: 0;
}

#newsletter_block_left p.success_inline {
    color: #418B19;
    text-align: center;
    font-weight: bold;
}

#newsletter_block_left p.warning_inline {
    color: #DA0F00;
    text-align: center;
    font-weight: bold;
}

#newsletter_block_left input.inputNew {
    position: relative;
    top: -1px;
    padding: 0 5px;
    height: 20px;
    width: 148px;
    border: 1px solid #ccc;
    border-right: none;
    -moz-border-radius-topleft: 0px;
    -moz-border-radius-bottomleft: 0px;
    -webkit-border-radius-topleft: 0px;
    -webkit-border-radius-bottomleft: 0px;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
    text-transform: uppercase;
    color: #CECBC6;
    letter-spacing: 1.4px;
    font-size: 12px;
}

*:first-child + html #newsletter_block_left input.inputNew {
    position: static;
}

/* hack ie 7 */

#newsletter_block_left input.button_mini {
    position: absolute;
    height: 42px;
    width: 75px;
    border: 0;
    cursor: pointer;
    margin-left: -75px;
    background: #000;
    border-radius: 0;
    text-transform: uppercase;
    font-size: 12px;
    letter-spacing: 1.4px;
    margin-top: -1px;
}

*:first-child + html #newsletter_block_left input.button_mini {
    padding-left: 24px !important;
}

/* hack ie 7 */


/* ##################################################################################################
	PRESTASHOP CSS
################################################################################################## */

.container_9 {
    margin: 0 auto;
    width: 980px;
}


/* Grid >> Global
----------------------------------------------------------------------------------------------------*/
.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9 {
    display: inline;
    float: left;
    position: relative;
    margin-right: 20px;
}

#address #add_adress label {
    display: none !important;
}

#address #add_adress input#company {
    display: none;
}

/* Grid >> Children (Alpha ~ First, Omega ~ Last)
----------------------------------------------------------------------------------------------------*/
.alpha {
    margin-left: 0;
}

.omega {
    margin-right: 0;
}

#pb-right-column {
    position: relative;
}

/* Grid >> 9 Columns
----------------------------------------------------------------------------------------------------*/
.container_9 .grid_1 {
    width: 91px;
}

.container_9 .grid_2 {
    width: 202px;
}

.container_9 .grid_3 {
    width: 313px;
}

.container_9 .grid_4 {
    width: 424px;
}

.container_9 .grid_5 {
    width: 535px;
}

.container_9 .grid_6 {
    width: 646px;
}

.container_9 .grid_7 {
    width: 757px;
}

.container_9 .grid_8 {
    width: 868px;
}

.container_9 .grid_9 {
    width: 979px;
}


/* Prefix Extra Space >> 9 Columns
----------------------------------------------------------------------------------------------------*/
.container_9 .prefix_1 {
    padding-left: 111px;
}

.container_9 .prefix_2 {
    padding-left: 222px;
}

.container_9 .prefix_3 {
    padding-left: 333px;
}

.container_9 .prefix_4 {
    padding-left: 444px;
}

.container_9 .prefix_5 {
    padding-left: 555px;
}

.container_9 .prefix_6 {
    padding-left: 666px;
}

.container_9 .prefix_7 {
    padding-left: 777px;
}

.container_9 .prefix_8 {
    padding-left: 888px;
}


/* Suffix Extra Space >> 9 Columns
----------------------------------------------------------------------------------------------------*/
.container_9 .suffix_1 {
    padding-right: 111px;
}

.container_9 .suffix_2 {
    padding-right: 222px;
}

.container_9 .suffix_3 {
    padding-right: 333px;
}

.container_9 .suffix_4 {
    padding-right: 444px;
}

.container_9 .suffix_5 {
    padding-right: 555px;
}

.container_9 .suffix_6 {
    padding-right: 666px;
}

.container_9 .suffix_7 {
    padding-right: 777px;
}

.container_9 .suffix_8 {
    padding-right: 888px;
}


/* Push Space >> 9 Columns
----------------------------------------------------------------------------------------------------*/
.container_9 .push_1 {
    left: 111px;
}

.container_9 .push_2 {
    left: 222px;
}

.container_9 .push_3 {
    left: 333px;
}

.container_9 .push_4 {
    left: 444px;
}

.container_9 .push_5 {
    left: 555px;
}

.container_9 .push_6 {
    left: 666px;
}

.container_9 .push_7 {
    left: 777px;
}

.container_9 .push_8 {
    left: 888px;
}


/* Pull Space >> 9 Columns
----------------------------------------------------------------------------------------------------*/
.container_9 .pull_1 {
    left: -111px;
}

.container_9 .pull_2 {
    left: -222px;
}

.container_9 .pull_3 {
    left: -333px;
}

.container_9 .pull_4 {
    left: -444px;
}

.container_9 .pull_5 {
    left: -555px;
}

.container_9 .pull_6 {
    left: -666px;
}

.container_9 .pull_7 {
    left: -777px;
}

.container_9 .pull_8 {
    left: -888px;
}

/* ****************************************************************************
		reset
**************************************************************************** */
@font-face {
    font-family: 'swiss_721_swabold';
    src: url('swiss_721_bold_swa-webfont.eot');
    src: url('swiss_721_bold_swa-webfont.eot?#iefix') format('embedded-opentype'),
    url('swiss_721_bold_swa-webfont.woff') format('woff'),
    url('swiss_721_bold_swa-webfont.ttf') format('truetype'),
    url('swiss_721_bold_swa-webfont.svg#swiss_721_swabold') format('svg');
    font-weight: normal;
    font-style: normal;

}

#buscar {
    background: transparent;
    color: #000;
    padding: 3px 3px;
    border: 0;
    cursor: pointer;
    font-size: 18px;
}

#buscar:hover {
    color: #000;
}

#buscar:focus {
    outline: none;
}

#buscar:active {
    top: 1px;
}

#search_block_top #search_query_top:focus + #buscar {
    color: #000
}

html {
    color: #000;
    background: #FFF;
    width: 100%;
    overflow-x: hidden;
}

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote, th, td {
    margin: 0;
    padding: 0
}

table {
    border-spacing: 0
}

fieldset, img {
    border: 0
}

address, caption, cite, code, dfn, em, th, var, optgroup {
    font-style: inherit;
    font-weight: inherit
}

del, ins {
    text-decoration: none
}

caption, th {
    text-align: left
}

h1, h2, h3, h4, h5, h6 {
    font-size: 100%
}

q:before, q:after {
    content: ''
}

abbr, acronym {
    border: 0;
    font-variant: normal
}

sup {
    vertical-align: baseline
}

sub {
    vertical-align: baseline
}

legend {
    color: #000
}

input, button, textarea, select, optgroup, option {
    font-family: inherit;
    font-size: inherit;
    font-style: inherit;
    font-weight: inherit
}

input, button, textarea, select {
    font-size: 100%;
}

input[type=text], textarea {
    border-radius: 0px
}

a {
    cursor: pointer
}

.clearfix:before,
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    overflow: hidden
}

.clearfix:after {
    clear: both
}

.clearfix {
    zoom: 1
}


/* ************************************************************************************************
		struture
************************************************************************************************ */
#page {
}

#header {
    z-index: 9999999;
}

#columns {
    z-index: 1;
    top: 40px;
    position: relative;
}

#left_column {
}

#center_column {
}

#right_column {
}

#footer {
}


/* ************************************************************************************************
		generic style
************************************************************************************************ */
body {
    color: #222;
    background: #fff
}

/* positionnement ****************************************************************************** */
.hidden {
    display: none
}

.f_right {
    float: right
}

/* title *************************************************************************************** */
h1 {
    margin-bottom: 20px;
    font-size: 14px;
    line-height: 22px;
    text-transform: uppercase;
}

h2 {
    padding-bottom: 20px;
    font-size: 14px
}

h3 {
    padding-bottom: 20px;
    font-size: 12px
}

h4 {
    padding-bottom: 20px;
    font-size: 12px
}

/* text **************************************************************************************** */
p {
    padding-bottom: 20px
}

.warning {
    margin: 0 0 10px 0;
    padding: 10px;
    border: 1px solid #e6db55;
    font-size: 12px;
    background: #ffffe0
}

.success {
    margin: 0 0 10px 0;
    padding: 10px;
    border: 1px solid #5cff74;
    font-size: 12px;
    background: #d3ffab
}

.error {
    margin: 0 0 10px 0;
    padding: 12px;
    background: #D00000;
    color: #FFF;
}

.error ol {
    margin-left: 20px
}

.error p.lnk {
    margin-top: 20px;
    padding: 0;
    font-size: 12px;
    font-weight: bold;
}

.error p.lnk:hover {
    text-decoration: underline;
}

.required {
    color: #B76B6B;
}


/*buttons ************************************************************************************** */
input.button_mini, input.button_small, input.button, input.button_large,
input.button_mini_disabled, input.button_small_disabled, input.button_disabled, input.button_large_disabled,
input.exclusive_mini, input.exclusive_small, input.exclusive, input.exclusive_large,
input.exclusive_mini_disabled, input.exclusive_small_disabled, input.exclusive_disabled, input.exclusive_large_disabled,
a.button_mini, a.button_small, a.button, a.button_large,
a.exclusive_mini, a.exclusive_small, a.exclusive, a.exclusive_large,
span.button_mini, span.button_small, span.button, span.button_large,
span.exclusive_mini, span.exclusive_small, span.exclusive, span.exclusive_large, span.exclusive_large_disabled {
    position: relative;
    display: inline-block;
    padding: 5px 7px;


    font-weight: bold;
    color: #000;

    cursor: pointer;
}

*:first-child + html input.button_mini, *:first-child + html input.button_small, *:first-child + html input.button, *:first-child + html input.button_large,
*:first-child + html input.button_mini_disabled, *:first-child + html input.button_small_disabled, *:first-child + html input.button_disabled, *:first-child + html input.button_large_disabled,
*:first-child + html input.exclusive_mini, *:first-child + html input.exclusive_small, *:first-child + html input.exclusive, *:first-child + html input.exclusive_large,
*:first-child + html input.exclusive_mini_disabled, *:first-child + html input.exclusive_small_disabled, *:first-child + html input.exclusive_disabled, *:first-child + html input.exclusive_large_disabled {
    border: none
}


/* input button */
input.button_mini, input.button_small, input.button, input.button_large,
input.button_mini_disabled, input.button_small_disabled, input.button_disabled, input.button_large_disabled,
input.exclusive_mini, input.exclusive_small, input.exclusive, input.exclusive_large,
input.exclusive_mini_disabled, input.exclusive_small_disabled, input.exclusive_disabled, input.exclusive_large_disabled {
    /*padding-bottom: 2px*/
}

/* disabled button */
input.button_mini_disabled, input.button_small_disabled, input.button_disabled, input.button_large_disabled,
input.exclusive_mini_disabled, input.exclusive_small_disabled, input.exclusive_disabled, input.exclusive_large_disabled,
span.button_mini, span.button_small, span.button, span.button_large,
span.exclusive_mini, span.exclusive_small, span.exclusive, span.exclusive_large, span.exclusive_large_disabled {
    /*background-position: left -36px;
	cursor: default;
	color: #888!important*/
}

/* exclusive button */
input.exclusive_mini, input.exclusive_small, input.exclusive, input.exclusive_large,
input.exclusive_mini_disabled, input.exclusive_small_disabled, input.exclusive_disabled, input.exclusive_large_disabled,
a.exclusive_mini, a.exclusive_small, a.exclusive, a.exclusive_large,
span.exclusive_mini, span.exclusive_small, span.exclusive, span.exclusive_large, span.exclusive_large_disabled {
    /*color: white!important*/
}

/* exclusive disabled button */
input.exclusive_mini_disabled, input.exclusive_small_disabled, input.exclusive_disabled, input.exclusive_large_disabled, span.exclusive_mini, span.exclusive_small, span.exclusive, span.exclusive_large {
    /*color: #488c40!important*/
}

/* hover button */
input.button_mini:hover, input.button_small:hover, input.button:hover, input.button_large:hover,
input.exclusive_mini:hover, input.exclusive_small:hover, input.exclusive:hover, input.exclusive_large:hover,
a.button_mini:hover, a.button_small:hover, a.button:hover, a.button_large:hover,
a.exclusive_mini:hover, a.exclusive_small:hover, a.exclusive:hover, a.exclusive_large:hover {
    text-decoration: none;
    background-position: left -50px
}

/* exclusive hover button */
input.exclusive_mini:hover, input.exclusive_small:hover, input.exclusive:hover, input.exclusive_large:hover, a.exclusive_mini:hover, a.exclusive_small:hover, a.exclusive:hover, a.exclusive_large:hover {
    /*color: white!important*/
}

/* active button */
input.button_mini:active, input.button_small:active, input.button:active, input.button_large:active,
input.exclusive_mini:active, input.exclusive_small:active, input.exclusive:active, input.exclusive_large:active,
a.button_mini:active, a.button_small:active, a.button:active, a.button_large:active,
a.exclusive_mini:active, a.exclusive_small:active, a.exclusive:active, a.exclusive_large:active {
    background-position: left -100px
}

/* classic buttons */
input.button_mini, input.button_mini_disabled, input.exclusive_mini, input.exclusive_mini_disabled, a.button_mini, a.exclusive_mini, span.button_mini, span.exclusive_mini {
    /*width: 30px;
	background-image: url('../img/button-mini.png')*/
}

input.button_small, input.button_small_disabled, input.exclusive_small, input.exclusive_small_disabled, a.button_small, a.exclusive_small, span.button_small, span.exclusive_small {
    /*width: 60px;
	background-image: url('../img/button-small.png')*/
}

input.button_disabled, input.exclusive_disabled, span.exclusive {
    border: 3px solid #FC8F8F;
    background: #FC8F8F;
    color: #FFF;
    cursor: default;
    padding: 15px !important;
    font-size: 12px;
    text-transform: uppercase;
}

input.button_large, input.button_large_disabled, input.exclusive_large, input.exclusive_large_disabled, a.button_large, a.exclusive_large, span.button_large, span.exclusive_large, span.exclusive_large_disabled {
    /*width: 180px;
	background-image: url('../img/button-large.png')*/
}

/* exclusive button */
/*input.exclusive, input.exclusive_disabled, a.exclusive, span.exclusive { background-image: url('../img/button-medium_exclusive.png') }
input.exclusive_mini, input.exclusive_mini_disabled, a.exclusive_mini, span.exclusive_mini { background-image: url('../img/button-mini_exclusive.gif') }
input.exclusive_small, input.exclusive_small_disabled, a.exclusive_small, span.exclusive_small { background-image: url('../img/button-small_exclusive.gif') }
input.exclusive_large, input.exclusive_large_disabled, a.exclusive_large, span.exclusive_large, span.exclusive_large_disabled { background-image: url('../img/button-large_exclusive.gif') }*/

/* form **************************************************************************************** */
form.std fieldset {
    margin: 20px 0;
    border: 1px solid #ccc
}

/* table *************************************************************************************** */
table.std,
table.table_block {
    margin-bottom: 20px;
    width: 100%;
    border: 1px solid #999;
    border-bottom: none;
    padding: 0;
}

table.std th,
table.table_block th {
    padding: 14px 12px;
    color: #fff;
    font-weight: bold;
    text-transform: uppercase;
    text-shadow: 0 1px 0 #000;
    background: url(../img/bg_table_th.png) repeat-x 0 0 #999
}

table.std tr.alternate_item,
table.table_block tr.alternate_item {
}

table.std td,
table.table_block td {
    border: 0;
    padding: 12px;
    vertical-align: top
}


#history #center_column {
}

#history #center_column h1 {
}

#history #center_column h4 {
    margin: 20px 0;
    padding: 15px 0px;
    text-align: left;
    font-weight: normal;
    margin-bottom: 0;
    font-family: hk_groteskmedium;
}

#history #center_column h4 input {
    position: relative;
    top: 10px;
    float: right;
}

#history #center_column p {
    padding-bottom: 0px;
}

.history_subtitle {
    font-weight: normal;
    font-size: 14px;
    color: #000;
    text-align: center;
    font-family: 'hk_grotesklight';
    line-height: 18px;
    padding-bottom: 20px !important;
}

.info-order {
    margin-bottom: 20px;
    text-align: left;
}

.seguimientos {
    float: left;
    margin-right: 10px;
    font-size: 13px;
}

div#block-order-detail {
    font-family: 'hk_grotesklight';
}

p.tracking {
    clear: both;
    font-size: 13px;
    padding-top: 10px;
}

p.tracking a {
    font-family: hk_groteskmedium;
}

.seguimiento {
    clear: both;
}

.stepbystep {
    font-weight: normal;
    color: #000;
    text-align: left;
    font-size: 16px;
    padding-top: 10px;
    font-family: hk_groteskmedium;
    border-bottom: 2px solid #FBF7F7;
    padding-bottom: 0;
    margin-bottom: 15px;
    line-height: 29px;
}

.info-order p {
    padding-bottom: 10px
}

.info-order p .icon {
    position: relative;
    top: 2px;
    left: 0
}

.history_h1 {
    margin-bottom: 20px;
}

#order-list {
    margin-bottom: 20px;
    width: 100%;
    border: 0;
    border-bottom: none
}

#order-list th {
    padding: 14px 12px;
    color: #fff;
    border-bottom: 1px dotted #999;

    text-shadow: 0 1px 0 #000;
    background: url(../img/bg_table_th.png) repeat-x 0 0 #999
}

#order-list tr.alternate_item {
}

#order-list td {
    border: 0;
    padding-left: 4px !important;
    padding: 8px;
    font-weight: bold;
    vertical-align: top
}

#block-history th.item {
    text-align: center;
}

td.history_price {
    text-align: center;
}

td.history_date.bold {
    text-align: center;
}

#block-history a:hover {
    text-decoration: underline;
}

#order-list td.history_detail {
    border-right: none;
    text-align: right;
}

#order-list .last_item td {
}

.adresses_bloc {
    margin-bottom: 20px
}

.adresses_bloc .item {
}

.detail_step_by_step {
    width: 100%
}

.detail_step_by_step tr.last_item td {
}

#order-detail-content table {
    width: 100%
}

#order-detail-content table .order_qte_input {
    display: none
}

#order-detail-content table tr.totalprice td {
}

#order-detail-content table tr:nth-child(even) {
}

#sendOrderMessage {
    margin-bottom: 20px;
    text-align: center;
}

#sendOrderMessage p {
    padding-bottom: 10px
}

#returnOrderMessage .textarea textarea,
#sendOrderMessage .textarea textarea {
    width: 99%;
    border: 1px solid #999
}

div#block-order-detail td, div#block-order-detail th {
    padding: 10px 5px;
}

#block-order-detail .last_item {
    text-align: right;
    padding-right: 0px;
}

#block-order-detail .last_item td {

    padding-right: 0px;
}

#order-detail-content .first_item {
    min-width: 20px !important;
}

#order-detail-content th {
    border: none !important;
}

#history #order-detail-content tfoot td {
    text-align: right;
    padding-bottom: 0px;
    font-size: 13px;
}

#order-detail-content table {
    padding-bottom: 10px;
}

#order-detail-content tr.totalprice.last_item {
    font-family: hk_groteskmedium;
}

span.address_Customer_email {
    display: none;
}

span.address_lastname {
    font-family: 'hk_groteskmedium';
}

span.address_firstname {
    font-family: 'hk_groteskmedium';
}

#block-order-detail .alternate_item {
    padding-top: 20px;
    clear: both;
}


/* BLOCK .block ******************************************************************************** */

#footer .block {
    margin-bottom: 0
}

.block ul {
    list-style-type: none
}

.block li.last {
    border: none
}

.block li a {
    display: block;
    color: #000
}


/* BLOCK .products_block *********************************************************************** */
.products_block {
}

.products_block li {
    float: left
}

.products_block li img {
    border: 1px solid #d1d1d1
}

/* BLOCK customer privacy ******************************************************************* */
.account_creation label {
    float: left;
    padding-top: 5px;
    width: 80%;
    text-align: left;
    cursor: pointer
}

/* BLOCK .footer_links (cms pages) ************************************************************* */
ul.footer_links {
    list-style-type: none;
    margin-bottom: 20px;
    margin-top: 20px;
}

ul.footer_links li {
    float: left
}

ul.footer_links li.f_right {
    float: right
}

ul.footer_links li.f_right a:active {
    padding-right: 2px;
}

ul.footer_links li .icon {
    position: relative;
    top: 6px;
    left: 0
}

.footer_links a {
    font-weight: bold;
}

.inicio-bajar a {
    font-weight: bold;
}

.inicio-bajar a:hover {
    color: #FC8F8F !important
}

.inicio-bajar a:active {
    margin-right: 2px
}

.footer_links a:hover {
    color: #FC8F8F !important
}

.footer_links a:active {
    margin-left: 2px;
}

/* barre comparaison / tri ********************************************************************* */
.content_sortPagiBar {
    margin: 20px 0;
}

#center_column .sortPagiBar {
    padding: 10px;

    color: #999;

}

#center_column .sortPagiBar strong {
    color: #000;
}

#center_column .sortPagiBar p {
    padding: 0;
}

#center_column .sortPagiBar form {
    display: inline-block;
}

.sortPagiBar #productsSortForm {
    float: right;
}

.sortPagiBar select#selectPrductSort {
    margin: 0 0 0 10px;
    color: #000;
    border: 1px solid #ccc
}

.sortPagiBar #bt_compare {
    padding: 3px 7px;
    border: none;
    color: #fff;
    text-shadow: 0 1px 0 #000;
    background: url(../img/bg_bt_compare.gif) repeat-x 0 0 #111;
}

.sortPagiBar #nbrItemPage {
    margin-left: 40px;
}

.sortPagiBar .PrductSort {
    float: left;
}

.sortPagiBar .nbrProduct {
    display: inline-block;
    padding: 0 10px;
}

.sortPagiBar #nb_item {
    border: none
}

/* pagination ********************************************************************************** */
form.pagination {
    display: none;
}

div.pagination {
    margin: 10px 0;
    text-align: center
}

ul.pagination {
    list-style-type: none
}

ul.pagination li {
    display: inline;
}

ul.pagination a, ul.pagination span {
    display: inline-block;
    height: 24px;
    width: 24px;
    border: 1px solid #eee;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    color: #999
}

ul.pagination a {
    text-align: center;
}

ul.pagination a:hover {
    color: #333;
    border: 1px solid #333
}

ul.pagination .current span {
    color: #000;
    border: 1px solid #fff
}

ul.pagination li.disabled span {
    color: #ccc
}

#pagination_previous {
    float: left
}

#pagination_next {
    float: right
}

#pagination_previous a, #pagination_previous span,
#pagination_next a, #pagination_next span {
    padding: 0 8px;
    width: auto;
    height: auto;
}

#pagination_previous span,
#pagination_next span {
    color: #ccc;
    border: 1px solid #eee
}

.cantidad:after {
    content: "\f107";
    font-family: FontAwesome;
    color: #000;
    position: absolute;
    right: 8px;
    top: 0;
    z-index: 1;
    text-align: center;
    width: 10%;
    height: 100%;
    pointer-events: none;
    box-sizing: border-box;
}

/* CART steps *********************************************************************** */
ul#order_step {
    background-color: white;
}

ul.step {
    list-style-type: none;
    margin-bottom: 30px;
    height: 52px;
    width: 757px
}

ul.step li {
    float: left;
    height: 52px;
    width: 151px;
    text-align: center;
    text-transform: uppercase;
    background: url(../img/step_standard.gif) no-repeat center bottom transparent
}

ul.step li a, ul.step li.step_current span {
    display: inline-block;
    padding: 8px 10px 12px;
    color: #000;
    background: url(../img/step_current_span.gif) no-repeat center bottom transparent
}

ul.step li.step_current {
    font-weight: bold;
    background: url(../img/step_current.gif) no-repeat center bottom transparent
}

ul.step li.step_todo span {
    display: inline-block;
    padding: 8px 10px 6px;
    color: #999;
    text-shadow: 0 1px 0 #fff;
    background: #eee
}

ul.step li.step_done {
    font-weight: bold;
    background: url(../img/step_done.gif) no-repeat center bottom transparent
}

ul.step li.step_current#step_end {
    background: url(../img/step_end.gif) no-repeat center bottom transparent
}

/* module productcomments ********************************************************************** */
.rating {
    clear: both;
    display: block;
    margin: 2em;
    cursor: pointer;
}

.rating:after {
    content: '.';
    display: block;
    height: 0;
    width: 0;
    clear: both;
    visibility: hidden
}

.cancel, .star {
    overflow: hidden;
    float: left;
    margin: 0 1px 0 0;
    width: 16px;
    height: 16px;
    text-indent: -999em;
    cursor: pointer
}

.cancel, .cancel a {
    background: url(../../../modules/productcomments/img/delete.gif) no-repeat 0 -16px !important
}

.star, .star a {
    background: url(../../../modules/productcomments/img/star.gif) no-repeat 0 0
}

.cancel a, .star a {
    display: block;
    width: 100%;
    height: 100%;
    background-position: 0 0
}

div.star_on a {
    background-position: 0 -16px
}

div.star_hover a, div.star a:hover {
    background-position: 0 -32px
}

.pack_content {
    margin: 10px 0 10px 0
}

.pack_price {
    float: right;
    margin-right: 3px;
    font-size: 12px
}

.confirmation {
    margin: 0 0 10px;
    padding: 10px;
    border: 1px solid #e6db55;
    font-size: 13px;
    background: none repeat scroll 0 0 #ffffe0;
}

#page .rte {
    background: transparent none repeat scroll 0 0;
}

.listcomment {
    list-style-type: none;
    margin: 0 0 20px 0 !important;
}

.listcomment li {
    padding: 10px 0;
    border-bottom: 1px dotted #ccc;
    color: #666
}

.listcomment .titlecomment {
    display: block;
    font-weight: bold;
    font-size: 12px;
    color: #333
}

.listcomment .txtcomment {
    display: block;
    padding: 5px 0;
    color: #333
}

.listcomment .authorcomment {
}


/* ************************************************************************************************
		HEADER
************************************************************************************************ */
#header {
    position: fixed;
    width: 100%;
    -webkit-backface-visibility: hidden;
}

#header_logo {
    float: left;
    display: block;
    margin-top: 30px;
}

#header_right {
    position: relative;
    float: right
}


/* ************************************************************************************************
		BREADCRUMB
************************************************************************************************ */
.breadcrumb {
    margin-bottom: 20px;
    font-size: 12px
}

.breadcrumb .navigation-pipe {
    margin: 0 3px 0 5px
}

.breadcrumb img {
    position: relative;
    top: 5px
}


/* ************************************************************************************************
		FOOTER
************************************************************************************************ */
#footer {
    color: #fff;
    background: #333
}

.blockcategories_footer,
#footer .myaccount,
#block_various_links_footer,
#social_block,
#block_contact_infos {
    float: left;
    width: 175px
}

.blockcategories_footer {
    margin-left: 0
}

#footer h4 {
    padding-bottom: 10px;

}

#footer h4,
#footer h4 a {
    font-weight: bold;
    font-family: hk_groteskbold;
    font-size: 13px;
    color: #111
}

#footer a {
    color: #fff
}

#footer a:hover {
    text-decoration: underline
}

#footer ul {
    list-style-type: none;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

#footer li {
    padding: 0px 0;
    text-align: left;
    color: #111;
}

.footer_2 {
    float: left;
    width: 62%;
    padding-top: 40px;
}

.footer_3 {
    float: right;
    width: 38%;
    padding-top: 40px;
}

.footer_3 img {
    width: 100px;
    height: auto;
    margin-top: -6px;
    margin-left: 5px;
}

#footer li a {
    color: #111;
    font-family: 'hk_grotesklight';
}

#footer li a:hover {
    color: #666
}

#footer .myaccount {
    padding: 15px 10px
}

#footer .myaccount h4 {
    padding: 0 0 10px 0;
    background: none;
    text-shadow: none
}

#footer .myaccount .favoriteproducts img,
#footer .myaccount .lnk_wishlist img {
    display: none
}

#footer .footer_contact.authen ul {
    display: inline-flex;
}

#footer .footer_contact.authen li {
    display: inline-block;
}

/* ************************************************************************************************
		PRODUCT PAGE
************************************************************************************************ */

/* BLOCK idTabs ******************************************************************************** */
.idTabs {
    list-style-type: none;
    margin-top: 20px;
    padding: 0 5px;
    border-bottom: 8px solid #f7b900
}

ul.idTabs li {
    float: left;
    margin-right: 1px
}

.idTabs a {
    display: block;
    padding: 10px 10px 7px 10px;
    font-weight: bold;
    text-decoration: none;
    color: #fff;
    background: #000
}

.idTabs .selected {
    color: #000;
    background: url(../img/bg_li_idTabs.png) repeat-x 0 0
}

#more_info_sheets {
    padding-top: 10px
}

#more_info_sheets ul,
#more_info_sheets ol,
#more_info_sheets dl {
    margin-left: 20px
}

#more_info_sheets em {
    font-style: italic
}

/* Make sure lists are correctly displayed in tinyMCE BO edition mode too */
#short_description_content ul,
#short_description_content ol,
#short_description_content dl,
#tinymce ul,
#tinymce ol,
#tinymce dl {
    margin-left: 20px
}

.block_hidden_only_for_screen {
    display: none
}


/* ************************************************************************************************
		PAGE AUTHENTIFICATION
************************************************************************************************ */

#authentication #center_column {
}


/* ************************************************************************************************
		PAIMENT - PAGE ORDER
************************************************************************************************ */

/* nav bottom ********************************************************************************** */

#order #center_column, #order-confirmation #center_column {
    width: 757px
}

.cart_navigation {
    margin: 20px 0
}

.cart_navigation .exclusive,
.cart_navigation .exclusive_large {
    float: right
}

.cart_navigation .button,
.cart_navigation .button_large {
    border-color: #ccc;
}


/* step 1 - cart ******************************************************************************* */
.cart_last_product {
    display: none
}

/*p.cart_navigation .multishipping-button { margin-right: 10px }*/

#order-detail-content {
    margin-bottom: 0px;
}

table#cart_summary th {
    padding: 14px 12px;
    color: #fff;
    text-transform: uppercase;
    text-shadow: 0 1px 0 #666;
    background: url(../img/bg_table_th.png) repeat-x 0 -15px #999
}

table#cart_summary th.cart_product {
    text-align: center;
    width: 20%;
}

table#cart_summary td {
    padding: 8px;
    vertical-align: top
}

table#cart_summary td.cart_delete,
table#cart_summary td.price_discount_del {
    border-right: none
}

table#cart_summary .last_item td {
}


table#cart_summary tr.cart_item.odd,
table#cart_summary tr.cart_total_delivery,
table#cart_summary tr.cart_total_price {

}

table#cart_summary tr.cart_item.even {


}

table#cart_summary tr.customization.odd {

}

table#cart_summary tr.customization.even {

}

table#cart_summary tr ul {
    list-style: none;
}


#cart_summary #cart_quantity_button.show_qty_management {
    display: block;
}

table#cart_summary .cart_product {
    width: 80px;
    text-align: center;
    vertical-align: middle;
}

table#cart_summary .cart_product img {
}

table#cart_summary .cart_description {
    width: 25%;
    vertical-align: middle;
}

table#cart_summary .cart_ref {
    vertical-align: middle;
    width: 10%;
    text-align: center;
    padding: 0px;
}

table#cart_summary .cart_unit {
    width: 10%;
    vertical-align: middle;
    text-align: center;
    padding: 0px;
}

table#cart_summary .cart_quantity {
    width: 10%;
    vertical-align: middle;
    text-align: center;
    padding: 0px;
}

table#cart_summary .customization .cart_quantity {
    padding: 8px 12px 0;
}

.cart_quantity .cart_quantity_input {
    float: left;
    width: 20px;
    border: 1px solid #fff;
    vertical-align: middle;
}

.cart_quantity .cart_quantity_button {
    float: left;
    position: relative;
    top: -5px;
    vertical-align: middle;
}

table#cart_summary .cart_total {
    width: 10%;
    vertical-align: middle;
    text-align: right;
    padding: 0px;
}

td.cart_discount_price {
    text-align: right;
}

a.cart_quantity_delete {
    text-transform: uppercase;
    color: #cacaca !important;
    text-decoration: underline;
}

a.cart_quantity_delete:hover {

    text-decoration: none;
}

table#cart_summary .cart_delete {
    width: 5%;
    text-align: center;
    vertical-align: middle;
    padding: 0px;
}

.cart_delete a.cart_quantity_delete,
a.price_discount_delete {
    text-transform: uppercase;
    color: #cacaca !important;
    text-decoration: underline;
}

a.price_discount_delete:hover {

    text-decoration: none;
}

.cart_total_price .total_price_container {
    border-right: none;
}

table#cart_summary .cart_total_price td.cart_voucher {
    border-bottom: 1px solid #999;
    vertical-align: middle
}

table#cart_summary #total_price_container {
    border-bottom: 1px dotted #999;
}

.cart_voucher h4,
.cart_voucher p {
    float: left;
}

.cart_voucher h4 {
    margin-right: 12px;
    padding: 5px 0;
    font-size: 13px
}

.cart_voucher p {
    padding-bottom: 0;
}

.cart_voucher #display_cart_vouchers {
    clear: both;
    line-height: 16px;
    color: #666;
    font-weight: normal;
    border-top: 1px dotted #ccc
}

.cart_voucher #display_cart_vouchers .title_offers {
    margin-top: 10px
}

.cart_voucher #display_cart_vouchers span {
    font-weight: bold
}

.cart_voucher input.discount_name {
    padding: 0 5px;
    height: 22px;
    width: 170px; /* 180 */
    border: 1px solid #ccc;
    font-weight: normal;
    background: url(../img/bg_discount_name.png) repeat-x 0 0 #fff
}

.cart_voucher .submit input.button {
    margin-left: 2px;
    padding: 2px;
    height: 24px;
    border: 1px solid #000;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-raduis: 0;
    color: #fff;
    text-transform: uppercase;
    text-shadow: 0 -1px 0 #333;
    background: url(../img/bg_cart_voucher_submit.png) repeat-x 0 0 #000
}

#cart_summary .price {
    border-right: none;
    text-align: right;
}

.total_price_container p {
    text-align: left
}

table#cart_summary .cart_total_price .total_price_container {
    padding: 0;
    border-bottom: 1px dotted #999;
    border-right: 1px dotted #999;
}

.cart_total_price .total_price_container p {
    display: block;
    padding: 8px;
    font-weight: bold;
    color: #fff;
    text-transform: uppercase;
    background: #333
}

.cart_total_price .total_price_container span {
    display: block;
    padding: 15px;
    font-weight: bold;
    font-size: 18px;
    text-align: center
}

#order_carrier {
    clear: both;
    margin-top: 20px;
    border: 1px solid #999;
    background: #fff
}

#order_carrier h4 {
    padding: 0 15px;
    height: 29px;
    font-weight: bold;
    line-height: 29px;
    color: #fff;
    font-weight: bold;
    text-transform: uppercase;
    background: url(../img/bg_table_th.png) repeat-x 0 -10px #999
}

#order_carrier span {
    display: block;
    padding: 15px;
    font-weight: bold
}

.order_delivery .first_item {
    margin-right: 35px;
}

.multishipping_close_container {
    text-align: center;
}

table#cart_summary .gift-icon {
    color: white;
    background: #0088CC;
    line-height: 20px;
    padding: 2px 5px;
    border-radius: 5px;
}

/* step 2 - authentification ******************************************************************* */
#create-account_form, #authentication #login_form {
    clear: none;
    float: left;

    width: 49%;
}

#create-account_form {
    margin-right: 11px;
}

#authentication #create-account_form fieldset,
#authentication #login_form fieldset {
    height: 170px
}

#authentication #create-account_form .form_content,
#authentication #login_form .form_content {
    padding: 15px 10px
}

#create-account_form h3,
#authentication #login_form h3 {

}

#create-account_form h4 {
    padding-bottom: 22px;
    font-size: 11px;
    color: #333
}

#create-account_form label,
#login_form label {
    display: inline-block;
    width: 110px;
    color: #666
}

#order-opc #login_form_content label {
    display: block;
    margin: 0 0 10px 0
}

#create-account_form #email_create,
#login_form #email,
#login_form #passwd,
#login_form #login_email,
#login_form #login_passwd {
    padding: 0 1%;
    height: 25px;
    width: 220px; /* 230 */

    color: #666;
    border: 1px solid #CCC;
    font-size: 11px;
    color: #666;
    border: 1px solid #9e9e9e;
    color: #999;
}

#create-account_form #email_create:focus,
#login_form #email:focus,
#login_form #passwd:focus,
#login_form #login_email:focus,
#login_form #login_passwd :focus {
    outline: none;
    border: 1px solid #000;
}

#create-account_form #SubmitCreate,
#login_form #SubmitLogin {

}

.lost_password {
    width: 100%;
    padding-bottom: 5px;
    text-align: left;

}

.lost_password a {
    color: #666;
    color: #000 !important;

    font-family: 'hk_grotesklight';
    font-size: 12px;
}

.lost_password a:hover {
    text-decoration: underline;
}

#order-opc .lost_password {
    display: block;
    float: none;
    margin: 5px 0 10px;
    width: auto;
    font-size: 11px;
    color: #666
}

#ordermsg p {
    padding-bottom: 0
}

#ordermsg p.txt {
    float: left;
    margin-right: 25px;
    width: 220px
}

/*#ordermsg .textarea {float:right}*/
#ordermsg .textarea textarea {
    height: 90px;
    width: 475px;
    border: 1px solid #ccc
}

/* step 3 - address ************************************************************************** */

.address-form-multishipping {
    padding: 10px 0px;
}

#multishipping_mode_box {
    border: 1px solid #D0D3D8;
    background: url("../img/form_bg.jpg") repeat-x scroll left top #D0D1D5;
    margin-bottom: 10px;
    padding: 5px;
}

#multishipping_mode_checkbox {
    vertical-align: middle;
    margin-right: 5px;
}

#multishipping_mode_box.on {
    border: 1px solid #ddd;
}

#multishipping_mode_box .title {
    padding: 5px;
    font-weight: bold;
}

#multishipping_mode_box .description, #multishipping_mode_box .description_off {
    padding: 5px;
}

#multishipping_mode_box .description_off {
    display: none;
    padding: 5px;
}

#multishipping_mode_box .description_off div {
    margin-bottom: 10px;
}

#multishipping_mode_box .description_off a, #multishipping_mode_box .description a {
    display: block;
    text-align: center;
    text-decoration: none;
    padding: 5px 10px;
    margin: 0 160px;
    border: 1px solid #ccc;
    background: #ddd;
}

#multishipping_mode_box .description_off a:hover, #multishipping_mode_box .description a:hover {
    background: #f3f3f3;
    border: 1px solid #ccc;
}

#multishipping_mode_box.on .description_off {
    display: block;
}


/* step 4 - paiement ************************************************************************** */

.delivery_options {
    border: 1px solid #BDC2C9;
    border-top: 0;
}

#order .delivery_options_address h3, #order-opc .delivery_options_address h3 {
    /*background: url("../img/table_header.gif") no-repeat;
color: #374853;
font-weight: bold;
height: 14px;
padding: 5px 10px;
margin: 10px 0 0 0;*/
    padding: 6px 11px;
    font-size: 12px;
    color: #fff;
    text-shadow: 0 1px 0 #000;
    text-transform: uppercase;
    background: none repeat scroll 0 0 #383838;
}

#order .delivery_option_radio, #order-opc .delivery_option_radio {
    float: left;
    margin: 21px 12px;
    margin-left: 0;
}

#order .payment_method, #order-opc .payment_method {
    float: left;
    margin: 21px 12px;
    margin-left: 0;
}

/* ocultar boton */
.talla input[type="radio"] {
    visibility: hidden;
}

div#regalo {
    padding-top: 20px;
    font-size: 13px;
    font-family: 'hk_groteskbold';
}

.exclusive_large_cart:hover {
    background: #fff !important;
    color: #000 !important;
    border: 1px solid #FC8F8F !important;
    width: 100%;
    width: calc(100% - 2px);
}

td.payment_option_logo img {
    max-height: 40px;
}

.exclusive_large_cart {
    padding: 10px 0px 10px 0px;
    width: 100%;
    width: calc(100% - 2px);
    height: 22px;
    border: 1px solid #FC8F8F;
    border-radius: 0px;
    text-align: center;
    line-height: 22px;
    color: #FFF !important;
    margin: 0;
    background-color: #FC8F8F !important;
    cursor: pointer;
    display: inline-block;
}


#international-customs {
    display: none;
    background: #de6c71;
    color: #fff;
    line-height: 1.3em;
    margin-top: 20px;
    padding: 10px 15px;
    font-size: 15px;
    font-family: 'hk_grotesklight';
}

#order .delivery_option label, #order-opc .delivery_option label {
    display: block;
    padding-bottom: 5px;
    padding-top: 5px;
    font-size: 13px;
    font-family: 'hk_grotesklight';
    cursor: pointer;
}

#order .delivery_option label > table.resume, #order-opc .delivery_option label > table.resume {
    height: 46px;
    width: 90%;
    width: calc(100% - 30px);
}

div#opc_payment_methods-content {
    min-height: 400px;
}

#order .delivery_option.alternate_item, #order-opc .delivery_option.alternate_item {

}

#order .delivery_option label > table.resume td, #order-opc .delivery_option label > table.resume td {

}

#order .delivery_option label > table.resume td + td, #order-opc .delivery_option label > table.resume td + td {
    width: 30%;
}

#order .delivery_option label > table.resume td + td + td, #order-opc .delivery_option label > table.resume td + td + td {

    text-align: right;
}

#order .delivery_option_carrier td {
    width: 200px
}

#order .delivery_option_carrier td + td {
    width: 280px;
}

#order .delivery_option_carrier td + td + td {
    width: 200px
}

#order .delivery_options_address .delivery_option_logo, #order .delivery_option_carrier .delivery_option_logo, #order-opc .delivery_options_address .delivery_option_logo {
    padding-left: 10px;
    width: 160px;
}

#order .delivery_options_address .delivery_option_logo img, #order-opc .delivery_options_address .delivery_option_logo img { /*height: 40px;*/
}

#order .delivery_option_carrier .first_item, #order-opc .delivery_option_carrier .first_item {
    padding: 3px 5px 3px 12px;
    background: url(../img/arrow_right_2.png) no-repeat 3px 7px
}

.order_carrier_content {
    padding: 15px;
    border: 1px solid #ccc;

}

.order_carrier_content h3 {
    padding: 15px 0 10px 0;
    font-size: 13px;
    color: #000
}

.order_carrier_content h3.carrier_title {
    padding-top: 0
}

.order_carrier_content input {
    position: relative;
    top: 1px
}

#carrierTable {
    border: 1px solid #999;
    border-bottom: none;
    background: #fff
}

#carrierTable tbody {
    border-bottom: 1px solid #999;
}

#carrierTable th {
    padding: 0 15px;
    height: 29px;
    font-weight: bold;
    line-height: 29px;
    color: #fff;
    text-transform: uppercase;
    background: url(../img/bg_table_th.png) repeat-x 0 -10px #999
}

#carrierTable td {
    padding: 15px;
    font-weight: bold;

}

#carrierTable td.carrier_price {
    border: none
}

#gift_div {
    display: none;
    padding-bottom: 10px
}

#gift_div label {
    display: block;
    margin-bottom: 5px
}

#gift_div #gift_message {
    height: 50px;
    width: 720px;
    border: 1px solid #999
}

a.iframe {
    font-weight: bold
}

.hook_extracarrier {
    margin-top: 5px;
    padding: 5px;
}

/* step 5 - paiement ************************************************************************** */
.paiement_block {
    padding: 15px;
    color: #000;
    background: #f8f8f8
}

.payment_module {
    position: relative;
    padding-top: 20px;
    border-top: 1px dotted #ccc;
    text-transform: uppercase;
}

.payment_module a {
    display: block;
}

.payment_module img {
    vertical-align: middle;
    margin-right: 10px
}

/*.payment_module span {
	position:absolute;
	top:50px;
	left:145px
}*/

.payment_module:before,
.payment_module:after {
    content: ".";
    display: block;
    height: 0;
    overflow: hidden
}

.payment_module:after {
    clear: both
}

.payment_module {
    zoom: 1
}


/* ************************************************************************************************
		PAGE ORDER-OPC
************************************************************************************************ */


#order-opc h2 {
}

#order-opc h2 span {
    display: inline-block;
    padding: 5px 7px;
    color: #fff;
    background: #333;
}

#order-opc #login_form fieldset {
    background: none repeat scroll 0 0 #FFFFE0;
    border: 1px solid #E6DB55;

    margin: 0 0 10px;

}

#order-opc #login_form fieldset p {
    padding: 0
}


#order-opc #new_account_form p.submit {

    text-align: left;
    margin-top: 5px;
}

.cms36 div#informations_block_left_16 {
    display: none;
}

.cms36 a#yotpo_testimonials_btn {
    display: none;
}

.cms36 {
    padding: 20px;
}

.cms3 {
    padding: 20px;
}


#order-opc .addresses {
    margin-bottom: 20px
}

#order-opc #opc_delivery_methods h3 {
    margin-top: 20px;
}

#order-opc #opc_delivery_methods textarea {
    height: 60px;
    width: 755px;
    border: 1px solid #ccc
}

#order-opc #opc_payment_methods {
    margin-bottom: 20px
}

#order-opc #opc_payment_methods #opc_payment_methods-content p {
    margin: 0
}

.delivery_option_carrier td {
    width: 200px
}

.delivery_option_carrier td + td {
    width: 280px;
}

.delivery_option_carrier td + td + td {
    width: 200px
}

.delivery_option_carrier {
    margin: 5px 0 0 45px;
    width: 670px;
    display: none;
}

.delivery_option_carrier tr td {
    padding: 5px;
}

.delivery_option_carrier.selected {
    display: table;
}

.delivery_option_carrier.not-displayable {
    display: none;
}

.delivery_option_title {
    font-weight: bold;
    float: left;
    font-family: hk_groteskbold;
    margin-right: 2px;
}

.delivery_option_delay {
    float: left;
    margin-right: 2px;
}

/* ************************************************************************************************
	express checkout
************************************************************************************************ */

#new_account_form h3 {
    margin-bottom: 20px;


    font-size: 12px;

}

#center_column #new_account_form p {
    margin: 0;
    padding: 0 0 10px 0
}

#new_account_form p.required {
    color: #222
}

#new_account_form p.required sup {
    color: #990000
}

#new_account_form p.radio span,
#new_account_form p.text label,
#new_account_form p.password label,
#new_account_form p.select label,
#new_account_form p.select span,
#new_account_form p.textarea label {
    display: inline-block;
    padding: 6px 15px;

    font-size: 11px;
    text-align: right
}

#new_account_form p.radio label {
    float: none;
    padding-right: 10px;
    width: auto;
    font-size: 14px;
}

#new_account_form p.checkbox label {
    float: none;
    width: auto;
    font-size: 11px;
}

#new_account_form p.text input,
#new_account_form p.password input,
#new_account_form p.select input {
    height: 22px;
    padding: 0 5px;
    width: 360px;
    border: 1px solid #ccc;
    font-size: 11px;
    color: #666
}

#new_account_form p.checkbox input {
    margin-left: 260px;
}

#new_account_form #submitGuestAccount {
    float: right
}

/* ************************************************************************************************ */

/* ************************************************************************************************
		paiment - CONFIRMATION
************************************************************************************************ */
#orderconfirmation #left_column {
    display: none
}

#orderconfirmation #center_column {
    width: 757px
}


/* ************************************************************************************************
		PAGE PASSWORD
************************************************************************************************ */
#form_forgotpassword fieldset {
    padding: 10px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background: #eee
}

#form_forgotpassword p.text label {
    display: inline-block;
    padding-right: 10px;
    width: 174px;
    font-weight: bold;
    font-size: 12px;
    text-align: right
}

#form_forgotpassword p.text input {
    padding: 0 5px;
    height: 20px;
    width: 288px;
    border: 1px solid #ccc;
    background: url(../img/bg_input.png) repeat-x 0 0 #fff
}

#form_forgotpassword p.submit {
    margin-right: 25px;
    padding-bottom: 5px;
    text-align: right
}

#password .icon {
    position: relative;
    top: 6px;
}


/* ************************************************************************************************
		PAGE ADRESSES
************************************************************************************************ */

#addresses #center_column {
}

#address p.inline-infos {
    margin: 0 0 0 100px !important;
    font-size: 12px;
    color: #666px;
}


/* ************************************************************************************************
		PAGE ADD ADRESS
************************************************************************************************ */

#address #center_column {
}

form#add_adress {
}

#add_adress fieldset {
    margin: 0;
    border: 1px solid #ccc;
    background: #F8F8F8
}

#add_adress h3 {
    margin: 0 0 15px 0;
    padding: 8px;
    font-size: 14px;
    color: #000;
    padding-left: 0px;
}

#center_column #add_adress p {
    margin: 0;
    padding: 0 0 10px 0
}

#add_adress p.required {
    color: #222
}

#add_adress p.required sup {
    color: #990000
}

#add_adress p.text label,
#add_adress p.password label,
#add_adress p.select label,
#add_adress p.select span,
#add_adress p.textarea label {
    display: inline-block;
    padding: 6px 0px;
    margin-right: 20px;
    font-size: 11px;
    text-align: left;
    width: 100%
}

#add_adress p.text input,
#add_adress p.password input,
#add_adress p.select input {
    padding: 10px 15px;
    height: 35px;
    width: 100%;
    border: 1px solid #ccc;
    font-size: 13px;
    color: #999;
    border: 1px solid #c5c3c3;
    box-sizing: border-box;
    font-family: 'hk_grotesklight';
}

#add_adress p.text input:focus, #add_adress p.password input:focus, #add_adress p.select input:focus {
    color: #000;
}

#add_adress p.checkbox input {
    margin-left: 260px;
}

#add_adress p.select select {
    margin-right: 10px;
    border: 1px solid #ccc;
    font-size: 12px;
    color: #999;
    font-family: 'hk_grotesklight';
    background-color: #FFF;
    width: 100%;
    border: 1px solid #FBF7F7;
    border-radius: 0px;
    height: 25px;
}

#add_adress p.select select:focus {
    outline: none;
}

#add_adress p.textarea label {
    vertical-align: top
}

#add_adress p.textarea textarea {
    height: 80px;
    width: 99%;
    border: 1px solid #ccc;
    font-size: 11px;
    color: #666
}

#center_column #add_adress p.submit2 {
    margin-top: 20px;
    text-align: left
}

#add_adress span.form_info,
#add_adress span.inline-infos {
    display: block;
    margin: 5px 0 0 265px;
    color: #666
}


/* ************************************************************************************************
		PAGE ORDER-SPLIP
************************************************************************************************ */
#order-slip #left_column {
    display: none
}

#order-slip #center_column {
    width: 757px
}

#order-slip #order-list {
    border-bottom: 1px solid #999
}

#order-slip #order-list td {
    border-top: 1px solid #ccc;
    border-bottom: none
}

#order-slip #order-list td.history_invoice {
    border-right: none
}


/* ************************************************************************************************
		PAGE DISCOUNT
************************************************************************************************ */

#discount #center_column {
}

#discount .table_block tr.last_item td {
    border-bottom: 1px dotted #e0e0e0
}

#discount .table_block td.discount_expiration_date {
    text-align: right;
}

#discount .table_block td.discount_value {
    white-space: nowrap
}

.discount_cumulative {
    text-align: center;
    padding-right: 10px !important;
}

@media only screen and (max-width: 480px), only screen and (max-device-width: 480px) {
    .discount_cumulative {
        display: none;
    }

    .discount_description {
        display: none;
    }

    div.zopim {
        display: none !important
    }
}


/* ************************************************************************************************
		PAGE ORDER FOLLOW
************************************************************************************************ */
#order-follow #left_column {
    display: none
}

#order-follow #center_column {
    width: 757px
}


/* ************************************************************************************************
		PAGE NEW-PRODUCTS
************************************************************************************************ */
#newproducts .sortPagiBar {
    margin-bottom: 20px
}


/* ************************************************************************************************
		PAGE BEST SALES
************************************************************************************************ */
#bestsales .sortPagiBar {
    margin-bottom: 20px
}

/* ************************************************************************************************
		PAGE PRICES DROP SALES
************************************************************************************************ */
#pricesdrop .sortPagiBar {
    margin-bottom: 20px
}


/* ************************************************************************************************
		PAGE MANUFACTURER
************************************************************************************************ */
#manufacturer .nbrmanufacturer {
    margin: 15px 0 10px;
    padding: 8px 7px;
    font-size: 12px;
    color: #000;
    background: none repeat scroll 0 0 #f0f0f0
}

#manufacturer #product_list {
    margin-top: 15px
}

ul#manufacturers_list {
    list-style-type: none
}

ul#manufacturers_list li {
    margin-bottom: 14px;
    padding: 12px 8px;
    border: 1px solid #eee;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

ul#manufacturers_list li a.lnk_img {
    display: block;
    float: left;
}

ul#manufacturers_list li img {
    display: block;
    float: left;
    margin-right: 14px;
    border: 1px solid #ccc;
    vertical-align: bottom
}

ul#manufacturers_list li h3 {
    padding: 0 0 10px;
    font-size: 13px;
    color: #000
}

ul#manufacturers_list li .description {
    overflow: hidden;
    padding: 0;
    font-size: 12px;
    color: #666
}

ul#manufacturers_list li .right_side {
    float: right;
}

.description_box {
    border: 1px solid #CCCCCC;
    border-radius: 3px 3px 3px 3px;
    box-shadow: 0 1px 1px #E2E2E2;
    padding: 5px;
    margin-bottom: 20px;
    font-size: 12px;
    line-height: 18px;
}

.description_box p {
    margin: 0;
    padding: 0 10px 5px;
}

.description_box .hide_desc {
    display: none;
}

.description_box .lnk_more {
    background: url("../img/arrow_right_1.png") no-repeat scroll 100% 4px transparent;
    color: #0088CC;
    padding: 0 10px;
}


/* ************************************************************************************************
		PAGE SUPPLIER
************************************************************************************************ */
#supplier .nbrmanufacturer {
    margin: 15px 0 10px;
    padding: 8px 7px;
    font-size: 12px;
    color: #000;
    background: none repeat scroll 0 0 #f0f0f0
}

ul#suppliers_list {
    list-style-type: none
}

ul#suppliers_list li {
    margin-bottom: 14px;
    padding: 12px 8px;
    border: 1px solid #eee;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

ul#suppliers_list li a.lnk_img {
    display: block;
    float: left;
}

ul#suppliers_list li img {
    display: block;
    float: left;
    margin-right: 14px;
    border: 1px solid #ccc;
    vertical-align: bottom
}

ul#suppliers_list li h3 {
    padding: 0 0 10px;
    font-size: 13px;
    color: #000
}

ul#suppliers_list li .description {
    overflow: hidden;
    padding: 0;
    font-size: 12px;
    color: #666
}

ul#suppliers_list li .right_side {
    float: right;
}


/* ************************************************************************************************
		PAGE SEARCH
************************************************************************************************ */
#search h3.nbresult {
    margin: 0 0 10px 0;
    padding: 10px;
    border: 1px solid #e6db55;
    font-size: 13px;
    background: #ffffe0
}

#search .sortPagiBar {
    margin-bottom: 20px
}


/* ************************************************************************************************
		PAGE 404
************************************************************************************************ */


.pagenotfound {
    padding: 250px 30% 0 80px;
    height: 400px;
    font-size: 14px;
    background: url(../img/error-404.jpg) no-repeat 100% 0;
    background-position: center;
    /* width: 100%; */
    background-size: 100% auto;
}

.pagenotfound h3 {
    font-weight: normal;
    font-size: 14px
}

.pagenotfound p {
    font-family: 'DidotLTPro-Italic';
    font-size: 16px;
}

.payment_error h1 {
    font-family: 'salome';
    font-size: 26px;
    font-weight: normal;
}

#pagenotfound fieldset {
    border: none
}

#pagenotfound fieldset label {
    color: #333
}

#pagenotfound #search_query {
    -moz-border-bottom-colors: none;
    -moz-border-image: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-bottom: 1px solid #666;
    border-left: 1px solid #666;
    border-right: 1px solid #fff !important;
    border-top: 1px solid #666;
    padding: 0 5px;
    height: 24px;
    width: 200px;
    color: #ccc;
}

#pagenotfound .button_small {
    padding: 4px 7px;
    border: medium none;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    color: #fff;
    text-transform: uppercase;
}

#pagenotfound .pagenotfound .icon {
    position: relative;
    top: 3px
}


/* ************************************************************************************************
		addons payment cheque
************************************************************************************************ */
#module-cheque-payment #left_column {
    display: none
}

#module-cheque-payment #center_column {
    width: 100%
}


/* ************************************************************************************************
		addons payment bankwire
************************************************************************************************ */
#module-bankwire-payment #left_column {
    display: none
}

#module-bankwire-payment #center_column {
    width: 100%
}


/* ************************************************************************************************
		addons google checkout
************************************************************************************************ */
#module-gcheckout-payment #left_column {
    display: none
}

#module-gcheckout-payment #center_column {
    width: 100%
}

/* ************************************************************************************************
		addons paypal
************************************************************************************************ */
#module-payment-submit #left_column {
    display: none
}

#module-payment-submit #center_column {
    width: 100%
}


/* ************************************************************************************************
		addons cashondelivery validation
************************************************************************************************ */
#module-cashondelivery-validation #left_column {
    display: none
}

#module-cashondelivery-validation #center_column {
    width: 100%
}


/* ************************************************************************************************
		addon RerversoForm
************************************************************************************************ */
#account-creation_form fieldset.reversoform {
    padding: 10px !important
}

#account-creation_form fieldset.reversoform .text label {
    display: block;
    padding: 0 0 10px 0;
    width: 100%;
    text-align: left;
}

#account-creation_form fieldset.reversoform .infos-sup {
    padding: 0 !important;
    font-size: 10px;
    font-style: italic;
    text-align: right
}

/* ************************************************************************************************
		addon customer privacy
************************************************************************************************ */
#account-creation_form fieldset.customerprivacy label {
    padding-bottom: 0;
    font-size: 14px;
    text-align: left;
    cursor: pointer
}

/* ************************************************************************************************
		addon referralprogram
************************************************************************************************ */
#module-referralprogram-referralprogram-program #left_column {
    display: none
}

#module-referralprogram-referralprogram-program #center_column {
    width: 757px
}

#footer .myaccount li.referralprogram img {
    display: none
}

#module-referralprogram-referralprogram-program .sheets {
    padding-top: 10px
}

#module-referralprogram-referralprogram-program form p.checkbox {
    font-weight: bold
}

#module-referralprogram-referralprogram-program form p.checkbox a {
    text-decoration: underline
}

#module-referralprogram-referralprogram-program form p.submit {
    text-align: right
}

#module-referralprogram-referralprogram-program form p.see_email {
    padding-left: 10px;
    color: #0088cc;
    background: url(../img/arrow_right_1.png) no-repeat 0 4px;
}

#module-referralprogram-referralprogram-program form p.see_email a {
    color: #0088cc;
    text-decoration: underline
}

/* ************************************************************************************************
		addon loyalty
************************************************************************************************ */
#module-loyalty-default #left_column {
    display: none
}

#module-loyalty-default #center_column {
    width: 757px
}

#product p#loyalty {
    padding: 10px 0 0 20px;
    border-top: 1px solid #ccc;
    background: url(../img/icon/info.png) no-repeat 0 8px;
    margin-top: 10px;
}

#footer .myaccount li.loyalty img {
    display: none
}


/* ************************************************************************************************
		addon Livezilla
************************************************************************************************ */
#livezilla_lnk {
    margin: 10px 0;
    text-align: right
}

#livezilla_lnk a {
    display: inline-block;
    padding: 6px 8px 8px 8px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    font: bold 10px Arial, Verdana, sans-serif;
    color: #fff;
    text-shadow: 0 -1px 0 #000;
    background: url(../img/bg_bt_compare.gif) repeat-x scroll 0 0 #000
}

#livezilla_lnk a:hover {
    text-decoration: none
}

/* ************************************************************************************************
		addons comments products
************************************************************************************************ */
form#sendComment fieldset {
    padding: 10px;
    border: 1px solid #ccc;
    background: #eee
}

form#sendComment h3 {
    font-size: 14px;
}

#new_comment_form p.text {
    margin-bottom: 0;
    padding-bottom: 0;
}

#sendComment p.text label,
#sendComment p.textarea label {
    display: block;
    margin: 12px 0 4px;
    font-weight: bold;
    font-size: 11px;
}

#sendComment p.text input {
    padding: 0 5px;
    height: 28px;
    width: 498px;
    border: 1px solid #ccc;
    background: url(../img/bg_input.png) repeat-x 0 0 #fff;
}

#sendComment p.textarea textarea {
    height: 80px;
    width: 508px;
    border: 1px solid #ccc;
}

#sendComment p.submit {
    padding: 0;
    text-align: right
}

#sendComment p.closeform {
    float: right;
    padding: 0;
    height: 12px;
    width: 12px;
    text-indent: -5000px;
    background: url(../img/icon/delete.gif) no-repeat 0 0
}

.star {
    position: relative;
    top: 2px;
    float: left;
    height: 12px;
    width: 12px;
    overflow: hidden;
    text-indent: -999em;
    cursor: pointer
}

.star, .star a {
    background: url(../../../modules/productcomments/img/star.gif) no-repeat 0 0
}

div.star_on a {
    background-position: 0 -12px
}

div.star_hover a, div.star a:hover {
    background-position: 0 -12px
}


/* ************************************************************************************************
		xxxxx
************************************************************************************************ */


/* ************************************************************************************************
		guest tracking
************************************************************************************************ */

#guest-tracking fieldset p:first-child {
    padding-top: 10px;
}

#guest-tracking fieldset p:last-child {
    padding-bottom: 10px;
}

/* ************************************************************************************************
		product footer hook fix
************************************************************************************************ */
.productHook {
    border: none;
    padding: 0;
    margin: 0 0 0 10px;
    overflow: hidden;
    clear: both;
}

#product p#loyalty {
    clear: both;
    border-top: 1px solid #e0e0e0;
}

/* ************************************************************************************************
		fix 12.09.2012
************************************************************************************************ */
a.slide-animate {
    line-height: 0px !important
}

button.nav_next, button.nav_next:hover, button.nav_prev, button.nav_prev:hover {
    top: 50% !important;
    margin-top: -46px !important;
}

#thumbs_list_frame li {
    width: 73px !important;
}

div#ppp {
    float: right;
    margin-top: -2px;

}

@media (max-width: 680px) {
    .yotpo #yotpo_testimonials_btn {
        display: none;
    }
}

/******************* CANVAST MENU *****/
@media (max-width: 992px) {
    .off-canvas body {
        position: relative;
    }

    .off-canvas-active {
        oveflow: hidden
    }

    .off-canvas-inactive #off-canvas-nav {
    }

    .off-canvas-active #off-canvas-nav {
    }

    .off-canvas-inactive > #white_bg,
    .off-canvas-inactive > #off-canvas-nav .offcanvas-mainnav {

        transform: translateX(0px);
        -webkit-transform: translateX(0px);
        -moz-transform: translateX(0px);
        -ms-transform: translateX(0px);
        -o-transform: translateX(0px);
    }

    a#header_logo {
        display: none
    }

    .powered {
        display: none
    }

    img.the_logo {
        visibility: visible !important
    }

    .off-canvas-active .dropdown-menu {
        background: #fff;
        padding-left: 10px !important;
    }

    .off-canvas-active > #white_bg,
    .off-canvas-active > #off-canvas-nav .offcanvas-mainnav {
        transform: translateX(234px);
        -webkit-transform: translateX(234px);
        -moz-transform: translateX(234px);
        -ms-transform: translateX(234px);
        -o-transform: translateX(234px);


    }

    .off-canvas-active #white_bg {
        position: fixed;
        -webkit-backface-visibility: hidden;
        width: 100%;
    }

    #page-container {
        position: relative;
    }

    #off-canvas-nav {
        position: absolute;
        left: 0;
        top: 0;
        width: 0;
        background: #FFF;
        z-index: 999;
    }

    .off-canvas-active #off-canvas-nav {

    }

    #off-canvas-nav .offcanvas-mainnav {
        background: #fff;
        position: absolute;
        top: 0;
        left: -234px;
        width: 234px;
        -webkit-backface-visibility: hidden;
        -webkit-overflow-scrolling: touch;
        box-shadow: 5px 0px 8px 5px rgba(50, 50, 50, 0.15);
    }

    #off-canvas-nav .megamenu .mega-cols {
        width: 100%;
        min-width: inherit;
        padding: 10px 0;
        display: inline-block;
        margin-top: 10px
    }

    #off-canvas-nav .megamenu .mega-cols ul li a {
        padding: 0px 0;
    }

    #off-canvas-nav .dropdown-menu {
        position: relative;
        display: block;
        left: 0;
        right: 0;
        top: 0;
        float: none;
        box-shadow: none;
        margin: 7px 0;
    }

    #off-canvas-nav .megamenu ul {
        box-shadow: none;
    }

    #off-canvas-button {
        text-align: right;
        cursor: pointer;
        color: #000;
        font-size: 18px;
    }

    #off-canvas-nav .dropdown-mega,
    #off-canvas-nav li.mega-group .dropdown-menu {
        padding: 7px 0;
    }

    #off-canvas-nav .mega-col {
        display: block;
        width: 100%;
        position: relative;
        margin-left: 0
    }

    .offcanvas-mainnav > .megamenu {
        padding: 0 20px
    }

    .offcanvas-mainnav > .megamenu > li:last-child a {
        border-bottom: 0 !important
    }

    #off-canvas-nav .dropdown-menu img {
        width: 100%;
    }

    #off-canvas-nav #off-canvas-button span {
        font-weight: bold;
        margin-right: 12px;
    }

    #off-canvas-nav .dropdown .dropdown-menu li, #off-canvas-nav .megamenu .dropdown-mega li {
        background: none;
    }

    #off-canvas-nav .nav > li:hover,
    #off-canvas-nav .nav > li > a:hover, #off-canvas-nav .nav > li > a:focus {
        background: none;
    }

    #off-canvas-nav .dropdown .dropdown-menu li:hover,
    #off-canvas-nav .megamenu .mega-group > a .menu-title {
        color: #5C5B5B
    }

    #off-canvas-nav .megamenu li.homepage a {
        height: auto;
        width: auto;
        text-indent: inherit;
    }

    #off-canvas-nav .nav li {
        border: none;
        padding: 0;
    }

    #off-canvas-nav ul li a {
        display: block;
        color: #000;
        /*border-bottom: 1px solid #EBEBEB;*/
        padding-top: 10px;
        padding-bottom: 9px;
        padding-left: 20px;
    }

    #off-canvas-nav ul li:first-child a {


        /*border-top: 2px solid #000;*/

    }

    #off-canvas-nav ul li li:first-child a {


        border-top: none;

    }

    #off-canvas-nav .nav > li > a {

        text-transform: uppercase;
        padding: 5px 0;
        line-height: 35px;
        color: #000;
    }

    #off-canvas-nav .megamenu .menu-desc {
        display: none;
    }

    #off-canvas-nav .megamenu .menu-icon {
        padding-left: 0;
    }

    #off-canvas-nav .megamenu .mega-col .margin {
        margin-left: 0;
    }

    #off-canvas-nav .menu-content {
        padding: 10px;
    }

    .navbar .btn-navbar, .navbar .btn-navbar:hover {
        background: #258ea1;
        border: 0
    }

    /* END OF OFF_CANVAS_MENU */
}

.parent .cols2, .megamenu .cols2 {
    min-width: 400px;
}

.parent .cols3, .megamenu .cols3 {
    min-width: 600px;
}

.parent .cols4, .megamenu .cols4 {
    min-width: 800px;
}

#leo-mainnav .navbar-default .navbar-nav > .active > a,
#leo-mainnav .navbar-default .navbar-nav > .active > a:hover,
#leo-mainnav .navbar-default .navbar-nav > .active > a:focus {
    background: transparent;
    border-left-color: #ededed;
    border-right-color: #ededed;
}

#leo-mainnav .navbar-default .navbar-nav > li:focus > a, #leo-mainnav .navbar-default .navbar-nav > li:hover > a {
    text-decoration: underline;
}

.offcanvas-mainnav ul {
    list-style-type: none;
}

div#off-canvas-button {
    text-align: right;
    padding: 12px;
    font-size: 11px;
    padding-right: 20px;
    /*overflow: auto;*/
    background: white;
    height: 60px;
}

.offcanvas-mainnav ul ul {
    /*border-bottom: 2px solid #000;*/
    list-style-type: none;
    margin-top: 10px;
}

.offcanvas-mainnav ul ul ul {
    margin-bottom: 0;
    list-style-type: none;
    display: none;
}

.offcanvas-mainnav li a {
    text-transform: uppercase;
    font-weight: bold;
    font-size: 16px !important;
    letter-spacing: 2px;
}

.offcanvas-mainnav li li a {
    text-transform: uppercase;
    border-top: none !important;
    font-weight: normal;
    font-size: 12px !important;
    letter-spacing: 1.4px !important;
    margin-left: 15px;
}

.offcanvas-mainnav li li li a {

    margin-left: 25px;
}

a.selected {
    /*font-weight: bold;*/
}

.navbar-toggle {
    display: block !important;
    border: none !important;
    background: rgba(0, 0, 0, 0);
    cursor: pointer;
    margin-top: 1px !important;
    font-size: 11px;
    font-family: 'hk_grotesklight';
    vertical-align: middle;
    letter-spacing: 1px;
    padding: 20px 10px !important;
    transition: padding .75s;
}

div#pk_customlinks {
    display: flex;
}

div#pk_customlinks ul {
    margin-bottom: 0 !important;
}

#pk_customlinks.scroll button{
    padding: 5px 10px !important;
}

li.pk_languages {
    margin-top: 2px;
}

li.pk_favorites {
    position: absolute !important;
    right: 100px;
    float: right;
}

div#pk_customlinks .collapse {
    display: block;
}

li.pk_favorites i {
    font-size: 18px;
    vertical-align: middle;
}

.navbar-toggle img {
    vertical-align: middle;
}

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

@media (max-width: 992px) {
    #off-canvas-nav {
        left: 0
    }

    .navbar-toggle {
        display: block;
        outline: none;
    }

    div#left_column {

        top: 134px !important;

    }

    #footer_interno {
        padding-left: 0 !important;
        width: 96% !important;
        padding: 2% !important;
    }

    .off-canvas-active > #white_bg, .off-canvas-active > #off-canvas-nav .offcanvas-mainnav {
        transform: translateX(234px);
        -webkit-transform: translateX(234px);
        -moz-transform: translateX(234px);
        -ms-transform: translateX(234px);
        -o-transform: translateX(234px);

    }

    .off-canvas-active #white_bg {
        position: fixed;
        width: 100%;
        -webkit-backface-visibility: hidden;
    }
}

#off-canvas-nav .offcanvas-mainnav {
    background: #FFF;
    position: absolute;
    top: 0;
    left: -234px;
    max-height: 700px;
    overflow-y: scroll;
    width: 0px;


    z-index: 500;

    padding-left: 0px;
    /*transition:all 100ms ease 0s;*/
}

#off-canvas-nav ul li a:hover {
    /*background: #EBEBEB;*/
}

.banner {
    position: relative;
    overflow: auto;
}

.banner li {
    list-style: none;
}

.banner ul li {
    float: left;
}

#mobile_only {
    display: none
}

@media (max-width: 750px) {

    #index .title, #index .subtitle, #instafeed, #insta-bottom {
        display: none
    }

    #index #center_column {
        width: 100% !important
    }

    .informations_block_left li {
        width: 100% !important;
    }

    #aw_slider_container {
        display: none
    }

    /*.theme-default {margin-top: 110px!important;height: 300px!important;}*/
    #mobile_only {
        display: block
    }

    .theme-default .nivoSlider {
        left: 50%;
        margin-left: -300px !important;
        overflow: hidden;
    }

    img.slider_image {
        width: 600px !important;
    }

    img.nivo-main-image {
        width: 600px !important;
    }

    .nivoSlider {
        width: 600px !important;
    }
}

#mobile_only ul {
    border-top: 1px solid #000;
}

div#mobile_only li {
    width: 100%;
    list-style-type: none;

    text-transform: uppercase;
    cursor: pointer;
    background: #f8f8f8;
    font-size: 14px;
}

#mobile_only a {
    display: block;
    border-bottom: 1px solid #000;
    text-align: left;
    padding-top: 16px;
    padding-bottom: 16px;
    cursor: pointer;
    background: #fff;
    padding-left: 30px;
}

#mobile_only i {
    float: right;
    padding-right: 30px;
    font-size: 22px;
}

div#mobile_only li a:hover {
    color: #666;
    background: #f8f8f8;
}

.footer_1 {
    float: left;
    position: relative;
    width: 21%;
    margin-left: 10px
}

.footer_social {
    float: left;
    position: relative;
    width: 29%;
    margin-left: 5%;
}


ul.social-footer {
    width: 100% !important;
    margin-bottom: 30px;
    position: relative;
}

.social-footer li {
    float: left;
    font-size: 20px;
    padding: 0 !important;
    padding-right: 1% !important;
    width: 15%;
}

.footer_3 li {
    text-align: right !important;
}

ul.seals {

    margin-bottom: 20px;

}

img#trustwaveSealImage {
    width: 65px;
}

.seals li {
    float: left;
    font-size: 25px;
    margin-right: 10px;
}

#newsletter_block_left .inputNew {
    width: 200px !important;
    border: 1px solid #ffffff !important;
    height: 40px !important;
}

#newsletter_block_left .button_mini {
    padding: 2px 7px;
    border: none;
    background: rgba(0, 0, 0, 0);
    font-size: 16px;

    margin-left: -20px;
}

.bx-pager {
    display: none;
}

#footer div#newsletter_block_left {
    width: 100%;
}

#footer_menu li {

    display: inline-block;
    padding: 0px;
    width: 100%;
    text-align: left;
}

p.required.text.dni {
    display: none !important;
    visibility: hidden;
}

a.universalpay {
    display: none !important;
    visibility: hidden;
}

a#yotpo_testimonials_btn {
    border: 2px solid #EBEBEB;
    border-top: none;
    top: 335px !important;
}

div#idTab1 {
    padding-bottom: 10px;
    font-size: 13px;
}

li.christmas_gift {
    margin-top: -3px;
}

#usefull_link_block li#favoriteproducts_block_extra_remove i {
    color: #C60931;
}

img.nivo-main-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}

img.slider_image {
    display: inline-block !important;
}

/*#index #categories_block_left li a {
color: #FFF;
}

#index #categories_block_left li .OPEN:before, #index #categories_block_left li .CLOSE:before {color: #FFF!important;}*/

#module-redsys-errorpayment li {
    list-style-type: none;
}

#category #center_column {
    margin-bottom: 0px;
}

#module-redsys-errorpayment #center_column {
    padding-left: 0;
    width: 80%;
}

.payment_error {
    background: #FBEFEF;
    border: 10px solid #FFF;
    padding: 20px;
}

.pay_text {
    float: left;
}

.pay_img {
    float: right;
}

.pay_img img {
    max-width: 100%;
}

.pay_text h2 {
    font-family: 'DidotLTPro-Italic';
    font-size: 24px;
    line-height: 28px;
}

.pay_text i {
    font-size: 18px;
    float: right;
}

.pay_text .button {
    line-height: 18px;
}

div#payment_border {
    border: 1px solid #F3D4D1;
    -webkit-box-shadow: 0px 0px 13px 0px rgba(50, 50, 50, 0.15);
    -moz-box-shadow: 0px 0px 13px 0px rgba(50, 50, 50, 0.15);
    box-shadow: 0px 0px 13px 0px rgba(50, 50, 50, 0.15);
}

.cms3 #informations_block_left_11 {
    display: none;
}

.cms3 .yotpo.testimonials {
    display: none;
}

.bx-wrapper-mod img {
    width: 100%;
}

#pk_customlinks {
    width: 100%;
    padding: 0px 0 0px 0px;
    position: absolute;
    /*border-bottom: 2px solid #EBEBEB;*/
    background-color: rgba(255, 255, 255, 1);
    height: 70px;
    transition: height .75s;
    box-shadow: #929191 -6px 1px 4px -2px;
}

#pk_customlinks li {
    display: inline-block;
    margin-left: 0px;
    position: relative;
    line-height: 25px;
    padding: 20px 10px;
    transition: padding .75s;
}

#pk_customlinks li a {
    color: #000;
    line-height: 25px;
    font-family: 'hk_grotesklight';
}

#pk_customlinks li:hover a {
}

#pk_customlinks li a:hover {
    text-decoration: none;
    color: #bbb
}

.watchlist, #pk_wishlist {
    display: none;
    position: absolute;
    top: 68px;
    left: 0;
    box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.25);
    border: none;
    width: 250px;
    text-align: left;
    z-index: 9999;
    transition: top .75s;
}

.pk_favorites:focus, .pk_favorites a:focus {
    outline: none;
}

.favoritelist {
    display: none;
    position: absolute;
    top: 68px;
    right: 0;
    box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.25);
    border: none;
    width: 250px;
    text-align: left;
    z-index: 9999;
    transition: top .75s;
}

li.pk_wishlist:hover, li.pk_favorites:hover, li.pk_watchlist:hover {
    color: #000;
}

li.pk_wishlist a:hover, li.pk_favorites a:hover, li.pk_watchlist a:hover {
    color: #999 !important
}

#pk_customlinks li .indent {
    padding: 10px;
    color: #000;
    background: #FFF;
}

#pk_customlinks li ul {
    list-style-type: none;
    margin: 0;
    color: #000;
}

#pk_customlinks li span {
    line-height: 20px;
    display: inline-block;
    margin-bottom: 5px;
}

#pk_customlinks li a span {
    line-height: 14px;
    margin: 0;
}

#pk_customlinks li ul li,
#pk_customlinks li dl dt {
    width: auto;
    display: block;
    padding: 5px 0 !important;
    margin: 5px 0 0 0 !important;
    float: none;
    overflow: hidden;
    position: relative;
}

#pk_customlinks li ul li:hover,
#pk_customlinks li dl dt:hover {

}

#pk_customlinks li ul li:first-child,
#pk_customlinks li dl dt:first-child {
    margin: 0
}

#pk_customlinks .watchlist ul li img,
#pk_customlinks #pk_wishlist dl dt img,
#pk_customlinks .favoritelist ul li .favProdImage img {
    width: 63px;
    float: left
}

#pk_customlinks .text_desc {
    float: left;
    width: 140px;
    margin-left: 10px
}

#pk_customlinks .text_desc a, #pk_customlinks .favoritelist a {
    display: block;
    color: #000;
    font-size: 11px;
    line-height: 14px;
}

#pk_customlinks .text_desc a:hover, #pk_customlinks .favoritelist a:hover {
    color: #eee
}

#pk_customlinks .text_desc .price {
    font-size: 14px;
    line-height: 18px
}

#pk_customlinks .remove,
#pk_customlinks .ajax_cart_block_remove_link {
    position: absolute;
    top: -20px;
    right: -20px;
}

#pk_customlinks li ul li:hover .remove,
#pk_customlinks li ul li:hover .ajax_cart_block_remove_link,
#pk_customlinks li dl dt:hover .ajax_cart_block_remove_link {
    top: 0;
    right: 0
}

#pk_wishlist .text_desc a, #pk_wishlist .text_desc span {
    display: inline;
}

li.no-products, dt.no-products {
    font-style: italic;
    line-height: 20px !important;
}

li.pk_wishlist {
    margin: 0;
}

.pk_languages img {
    margin-top: 4px;
}

#fancybox-content {
    width: 405px !important;
}

#order-opc #fancybox-content {
    width: 100% !important;
    height: 500px !important;
    overflow: scroll;
}

#fancybox-wrap {
    position: absolute;
    top: 0;
    left: 0;
    padding: 8px;
    z-index: 1101;
    outline: none;
    display: none;
    border-radius: 8px;
    width: 400px !important;
    max-width: 90% !important;
}

#order-opc #fancybox-wrap {
    width: 90% !important;
    left: 3% !important;
    margin-top: -100px;

}

span.online_only {
    position: absolute;
    top: 0;
    z-index: 1000;
    right: 0;
}

#category span.online_only {
    right: 5px;
}

#product .online_only {
    top: 0px;
}

img.the_logo {
    width: 84px;
    opacity: 1;
    transition: opacity .25s .25s;

}

div#logo_div {
    position: absolute;
    left: 50%;
    top: 5px;
    margin-left: -45px;
    width: 90px !important;
    text-align: center;
}

div#select_country {
    text-align: center;
    margin-top: 10px;
    margin-right: 10px;
    display: none;
    margin-bottom: 40px;
}

@media (max-width: 500px) {


    div#select_country {
        display: block
    }

    .footer_contact img {
        height: 50px;
        width: auto;
        margin-top: 5px;
        margin-left: 30px;
    }

    ul.seals {
        margin-left: 30px;
        margin-bottom: 50px;
    }

    .pk_languages {
        display: none !important
    }

    .footer_1 {
        display: none;
    }

    .footer_social {
        width: 95%;
    }

    .footer_2 {
        width: 100%;
    }

}

@media (max-width: 650px) {


    div#opc_new_account form {
        width: 100% !important;
        float: left;
    }

    #order-opc #login_form fieldset {

        margin-right: 0px !important;
    }

    span#siteseal img {
        width: 100px;
    }

    #shopping_cart span {
        display: none;
    }
}


/*
 * Swiper 2.7.0
 * Mobile touch slider and framework with hardware accelerated transitions
 *
 * http://www.idangero.us/sliders/swiper/
 *
 * Copyright 2010-2014, Vladimir Kharlampidi
 * The iDangero.us
 * http://www.idangero.us/
 *
 * Licensed under GPL & MIT
 *
 * Released on: August 30, 2014
*/
/* ===============================================================
Basic Swiper Styles
================================================================*/
.swiper-container {
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;
    /* Fix of Webkit flickering */
    z-index: 1;
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    -webkit-transition-property: -webkit-transform, left, top;
    -webkit-transition-duration: 0s;
    -webkit-transform: translate3d(0px, 0, 0);
    -webkit-transition-timing-function: ease;

    -moz-transition-property: -moz-transform, left, top;
    -moz-transition-duration: 0s;
    -moz-transform: translate3d(0px, 0, 0);
    -moz-transition-timing-function: ease;

    -o-transition-property: -o-transform, left, top;
    -o-transition-duration: 0s;
    -o-transform: translate3d(0px, 0, 0);
    -o-transition-timing-function: ease;
    -o-transform: translate(0px, 0px);

    -ms-transition-property: -ms-transform, left, top;
    -ms-transition-duration: 0s;
    -ms-transform: translate3d(0px, 0, 0);
    -ms-transition-timing-function: ease;

    transition-property: transform, left, top;
    transition-duration: 0s;
    transform: translate3d(0px, 0, 0);
    transition-timing-function: ease;

    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

.swiper-free-mode > .swiper-wrapper {
    -webkit-transition-timing-function: ease-out;
    -moz-transition-timing-function: ease-out;
    -ms-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    margin: 0 auto;
}

.swiper-slide {
    float: left;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

/* IE10 Windows Phone 8 Fixes */
.swiper-wp8-horizontal {
    -ms-touch-action: pan-y;
}

.swiper-wp8-vertical {
    -ms-touch-action: pan-x;
}

/* ===============================================================
Your custom styles, here you need to specify container's and slide's
sizes, pagination, etc.
================================================================*/
.swiper-container {
    /* Specify Swiper's Size: */

    /*width:200px;
	height: 100px;*/
}

.swiper-slide {
    /* Specify Slides's Size: */

    /*width: 100%;
	height: 100%;*/
}

.swiper-slide-active {
    /* Specific active slide styling: */

}

.swiper-slide-visible {
    /* Specific visible slide styling: */

}

/* ===============================================================
Pagination Styles
================================================================*/
.swiper-pagination-switch {
    /* Stylize pagination button: */

}

.swiper-active-switch {
    /* Specific active button style: */

}

.swiper-visible-switch {
    /* Specific visible button style: */

}

.cart_discount {
    text-align: center;
}

a.live_chat {
    position: fixed;
    bottom: 5px;
    right: 10px;
    z-index: 16000000;
}

a.live_chat:hover {
    opacity: 0.9;
}

.netelip-c2c-button {
    width: 47px !important;
    position: fixed !important;
    right: -15px !important;
    top: 430px !important;
    height: 115px !important;

    border-radius: 5px;
    -webkit-box-shadow: -1px 0 5px 0 rgba(50, 50, 50, 0.38);
    -moz-box-shadow: -1px 0 5px 0 rgba(50, 50, 50, 0.38);
    box-shadow: -1px 0 5px 0 rgba(50, 50, 50, 0.38);
}

span.nosto-product-price.money {
    font-size: 11px !important;
}

.nosto-product-name {
    font-size: 11px !important;
    display: none !important;
}

small.money {
    font-size: 11px !important;
}

#nosto-page-product2 .nosto-heading h4 {
    text-align: left;
    font-size: 18px;
    line-height: 1.4;
    padding-bottom: 0px !important;
    font-family: 'DidotLTPro-Italic';
    font-weight: normal !important;
}

.nosto-product-brand {
    display: none !important;
}

.nosto-price-info {
    text-align: center;
}

#nosto-page-category1 .nosto-heading h4 {
    font-family: 'DidotLTPro-Italic';
    font-weight: normal !important;
}

@media (max-width: 510px) {
    #nosto-page-product2 .nosto-4-products .nosto-product-list li {
        max-width: 50% !important;
        float: left;
    }
}

a#c2c {
    position: fixed;
    right: 0;
    top: 220px;
    visibility: visible;
    padding: 5px;
    background-color: rgba(255, 255, 255, 0.7);
    border: 1px solid #000;
    border-right: 0px;
    color: #000;
    width: 42px;
    z-index: 100000;
    text-align: center;

}

a#c2c #netelip_c2c_button0 {
    position: absolute;
    opacity: 0;
}

a#c2c i {
    font-size: 29px;
}

a#c2c div#txt {
    text-transform: uppercase;
    font-size: 8px;
    line-height: 9px;
}

a#c2c:hover {
    background-color: #000;
    color: #fff !important;
    text-decoration: none;
}

a#c2c:hover p {

    color: #000 !important;

}


@media only screen and (max-width: 480px), only screen and (max-device-width: 480px) {
    a.live_chat {
        bottom: -22px;
        right: -10px;
        display: none !important
    }

    #create-account_form h3 {
        margin-bottom: 5px;
    }

    #add_adress p.text input, #add_adress p.password input, #add_adress p.select input {
        -webkit-appearance: none;
        padding: 20px 5px;
        font-size: 16px;
    }

    .address_select {
        width: 90px !important;
    }

    p.address_delivery.select {
        width: 90px !important;
    }

    #order-opc h3 {
        height: 25px !important;
        margin-bottom: 0 !important;
    }

    .form_content {

        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }

    div.delivery_option {
        clear: both
    }

    .col-sm-8 {
        padding-bottom: 0px !important;
    }

    p.title_block {
        padding-bottom: 0;
    }

    #order-opc .lost_password {

        margin: 0 !important;
    }

    form#login_form {
        margin-top: -10px;
    }

    .views_float {
        display: none;
    }

    #product_list li span.new {
        display: none;
    }

    .live_chat img {
        width: 60px;
    }

    #mobile_f_navigation {
        display: block !important;
        visibility: visible !important;
        z-index: 1000000000;
    }

    .netelip-c2c-button {
        display: none !important
    }

    a#c2c {
        position: relative;
        right: 0;
        top: 0;
        border: 0;
        background-color: rgba(0, 0, 0, 0);
        padding: 0;
        width: auto;
        box-shadow: none !important;
    }

    a#c2c:hover {
        background-color: rgba(255, 255, 255, 0.7);
        color: #000 !important;
        text-decoration: underline;
    }

    div#mobile_f_navigation #txt:hover {
        color: #000 !important;
    }
}

.yotpo .yotpo-testimonials-btn[data-position=right] {
    -webkit-transform-origin: 0% 0% !important;
    -webkit-transform: rotate(0deg) translate(0%, 0%) !important;
    -moz-transform-origin: 100% 50% !important;
    -moz-transform: rotate(0deg) translate(0%, 0%) !important;
    -ms-transform-origin: 0% 0% !important;
    -ms-transform: rotate(0deg) translate(0%, 0%) !important;
    -o-transform-origin: 0% 0% !important;
    -o-transform: rotate(90deg) translate(0%, 0%) !important;
    transform-origin: 0% 0% !important;
    transform: rotate(0deg) translate(0, 0) !important;
    right: 0;
}

a#yotpo_testimonials_btn {
    top: 275px !important;
    z-index: 3000;
    /* border-radius: 5px; */

}

a#yotpo_testimonials_btn {
    padding: 6px 1px !important;
    background-color: rgba(255, 255, 255, 0.7) !important;
    border: 1px solid #000;
    border-right: none;
    opacity: 1 !important;
}

a#yotpo_testimonials_btn:hover {
    background-color: #000 !important;
    color: #fff !important;
}

.yotpo .yotpo-testimonials-btn span {
    color: #000 !important;
    font-size: 11px !important;
    font-variant: small-caps !important;
    text-transform: lowercase !important;
    max-width: 50px !important;
    float: right !important;
    text-align: center !important;
    line-height: 15px !important;
    -webkit-font-smoothing: auto !important;
    letter-spacing: -0.5px;
}

a#yotpo_testimonials_btn span:hover {
    color: #fff !important;
}

#search .out-of-stock {
    display: none !important;
}

#mobile_f_navigation {
    width: 100%;
    position: fixed;
    bottom: 0;
    border-top: 1px solid #F4F4F4;
    background-color: rgba(255, 255, 255, 0.9);
    z-index: 1000000000;
}

div#mobile_f_navigation li {
    float: left;
    width: 20%;
    text-align: center;
    list-style-type: none;
    font-size: 24px;
    padding-bottom: 2px;
    padding-top: 5px;

}

div#mobile_f_navigation i {
    width: 100%
}

div#mobile_f_navigation #txt {
    font-size: 11px;
    font-variant: small-caps;
    text-transform: lowercase;
    margin-top: -4px;
}

div#sobre_header {

    background-color: #000;
    background-color: #EFC5C5;
    color: #FFF;
    text-align: center;

    font-size: 12px;

    width: 100%;
    height: 18px;

    z-index: 3000;
    padding-top: 32px;
    padding-bottom: 3px;
}

div#sobre_header a {
    color: #FFF;
    text-transform: initial;
    text-decoration: underline;
}

#newsletter_block_left .inputNew {
    width: calc(100% - 24px) !important;

}

#newsletter_block_left .button_mini {
    padding: 2px 7px;
    border: none;
    background: rgba(0, 0, 0, 0);
    font-size: 16px;

    margin-left: -20px;
}

.bx-pager {
    display: none;
}

#buscar {
    background: transparent;
    color: #000;
    padding: 3px 3px;
    border: 0;
    cursor: pointer;
}

#buscar:hover {
    color: #000;
}

#buscar:focus {
    outline: none;
}

#buscar:active {
    top: 1px;
}


#searchbutton {
    display: block;
    vertical-align: middle;
    text-align: center;
    width: 28px;
    height: 28px;
    border: 0;
    margin: 0;
    padding: 0;
    color: #000;
    z-index: 1999;
    position: relative;
    float: right;
    right: 57px;
    padding-top: 20px;
    transition: padding .75s;
    top: 2px;
}

#searchbutton:focus {
    outline: none;
}

#searchbutton .cerrar {
    display: none;
}

#searchbutton .cerrar img {
    margin-top: -2px;
}

#searchbar #searchinput {
    width: 100%;
    padding: 18px 0 18px 24px;
    margin-right: 2px;
    margin-bottom: 20px;
    -webkit-box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.1);
    border-radius: 0;
    border: none;
    box-sizing: border-box;
    background: rgba(255, 255, 255, 0.9);
}

#searchbar input {
    font-size: 52px !important;
    line-height: 62px;
    height: 85px;
    color: #999;
    text-align: center;
    font-family: 'hk_grotesklight';
}

#searchbutton i {
    font-size: 22px;
    color: #000;
}

#searchbar {
    position: absolute;
    z-index: 33;
    width: 100%;
    display: none;
    top: 70px;
    transition: top .75s;
}

@media (max-width: 992px) {
    div#searchbutton {
        left: 45px;
    }

    div#pk_customlinks {
        padding-left: 0px;
    }

    li.pk_languages.dd_el {
        padding-left: 30px !important;
    }
}

@media only screen and (max-width: 480px), only screen and (max-device-width: 480px) {
    div#searchbutton {
        left: 45px;
    }

    div#pk_customlinks {
        padding-left: 0px;
    }
}

.hi-fb-s-btn {
    float: right;
    display: block;
    cursor: pointer;
    margin-left: 5px;
    height: 36px;

    background: linear-gradient(#5a7bc0, #4663a1);
    background: -webkit-linear-gradient(#5a7bc0, #4663a1);
    background: -o-linear-gradient(#5a7bc0, #4663a1);
    background: -moz-linear-gradient(#5a7bc0, #4663a1);
    border: 1px solid #4363a5;
}

.hi-fb-s-btn:hover {
    opacity: 0.9;
}

.hi-fb-s-btn > span {
    -moz-background-size: 1px 100%;
    background-size: 1px 100%;
    background-position: 0 0, 100% 0;
    background-repeat: no-repeat;
    display: block;
    height: 34px;

    border-top: 1px solid #6b88c6;
    border-bottom: 1px solid #5872aa;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#6b88c6), to(#5872aa));
    background-image: -webkit-linear-gradient(#6b88c6, #5872aa);
    background-image: -moz-linear-gradient(#6b88c6, #5872aa),
    -moz-linear-gradient(#6b88c6, #5872aa);
    background-image: -o-linear-gradient(#6b88c6, #5872aa),
    -o-linear-gradient(#6b88c6, #5872aa);
    background-image: linear-gradient(#6b88c6, #5872aa),
    linear-gradient(#6b88c6, #5872aa);
}

.hi-fb-s-btn > span > span {
    display: block;
    width: 36px;
    height: 34px;
    background: url('../images/icons/facebook.png') no-repeat center;
}

.hi-fb-button {
    display: block;
    cursor: pointer;
    width: 100%;
    height: 37px;
    margin-bottom: 5px;

    background: linear-gradient(#7495da, #5575be);
    background: -webkit-linear-gradient(#7495da, #5575be);
    background: -o-linear-gradient(#7495da, #5575be);
    background: -moz-linear-gradient(#7495da, #5575be);
    border-top: 1px solid #587ec7;
    border-bottom: 1px solid #324b7c;
}

.hi-fb-button:hover {
    opacity: 0.9;
}

.hi-fb-button .hi-fb-button-text {
    width: 332px;
    width: calc(100% - 50px);
    -moz-background-size: 1px 100%;
    background-size: 1px 100%;
    background-position: 0 0, 100% 0;
    background-repeat: no-repeat;
    display: block;
    float: left;
    padding: 0px 1px;
    color: #ffffff;
    font-size: 12px;

    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#587ec7), to(#324b7c));
    background-image: -webkit-linear-gradient(#587ec7, #324b7c);
    background-image: -moz-linear-gradient(#587ec7, #324b7c),
    -moz-linear-gradient(#587ec7, #324b7c);
    background-image: -o-linear-gradient(#587ec7, #324b7c),
    -o-linear-gradient(#587ec7, #324b7c);
    background-image: linear-gradient(#587ec7, #324b7c),
    linear-gradient(#587ec7, #324b7c);
}

.hi-fb-button .hi-fb-button-text > span {
    display: block;
    border-top: 1px solid;
    line-height: 37px;

    text-align: center;
}

.hi-fb-button .hi-fb-button-text > span,
.hi-fb-button .hi-fb-button-icon > span {
    border-color: #8da8e1;
}

.hi-fb-button .hi-fb-button-icon {
    -moz-background-size: 1px 100%;
    background-size: 1px 100%;
    background-position: 0 0, 100% 0;
    background-repeat: no-repeat;
    display: block;
    float: left;
    padding: 0px 1px;

    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#8da8e1), to(#5e77bf));
    background-image: -webkit-linear-gradient(#8da8e1, #5e77bf);
    background-image: -moz-linear-gradient(#8da8e1, #5e77bf),
    -moz-linear-gradient(#587ec7, #324b7c);
    background-image: -o-linear-gradient(#8da8e1, #5e77bf),
    -o-linear-gradient(#587ec7, #324b7c);
    background-image: linear-gradient(#8da8e1, #5e77bf),
    linear-gradient(#587ec7, #324b7c);
}

.hi-fb-button .hi-fb-button-icon > span {
    border-top: 1px solid;
    display: block;
    width: 46px;
    height: 36px;

    background: url('https://q2.com.es/themes/alysum_2.0/images/icons/facebook.png') no-repeat center;
}

.facebook_login {
    clear: both;
    width: calc(50% - 20px);
    float: left;
}

.facebook_register {
    float: right;
    width: 50%;
}

div#magicvegas {
    position: fixed;
    bottom: -4px;
    width: 100%;
    z-index: 99999999999;
}

div#magicvegas img {
    width: 100%;
    height: auto;
}

span.magic_close {
    position: absolute;
    top: 10px;
    right: 10px;
    font-size: 26px;
    cursor: pointer;
}

div#select_country {
    clear: both;
}

p.freeship_prod {
    text-transform: uppercase;
    background: #EFC5C5;
    padding: 5px 10px;
    text-align: center;
    color: #fff;
    border: 1px solid #d69e9e;
    border-radius: 3px;
}

#captcha_pop #g-recaptcha > div {
    display: block;
    margin: 5px auto 10px auto;
}

#popin-wrapper {
    height: 470px;
}

.input--field {
    display: none !important;
}