@import url("https://fonts.googleapis.com/css?family=Oswald:400,500,600,700");
@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,500,700");

.secure {margin-left:-5px; text-align: left;}

.cc-bg {background-color: #cccccc; border-radius: 5px;}

.description p::before, ul li::before {
    content:"- ";
}

@media (max-width: 760px) {
    .secure{text-align:center;}
    .description > ul > li {
        text-align: left !important;
    }
    .form-vertical {
        min-height: auto !important;
    }
}
button.btn-landing {
    width: 100% !important;
}


@media (max-width: 480px) {

    #js-block-1, #js-block-2 {
        margin: -30px;
    }

    .age p, .age p a {font-size:14px !important; color:#ffffff !important; text-align: left;}

    .age p a {text-decoration: underline;}

    .checkbox {float: left;}

    input[type="file"], input[type="checkbox"], input[type="radio"], select {
        margin: 8px 5px 0px 0px !important;
    }

    input[type=checkbox]{ width: 26px; height: 26px;}

    .description p::before, ul li::before {
        content:"- ";
        text-align: left;
    }

}

@media (max-width: 375px) {

    #js-block-1, #js-block-2 {
        margin: -30px;
    }

    .age p, .age p a {font-size:14px !important; color:#ffffff !important; text-align: left;}

    .age p a {text-decoration: underline;}

    .checkbox {float: left;}

    input[type="file"], input[type="checkbox"], input[type="radio"], select {
        margin: 7px 5px 10px 0px !important;
    }

    input[type=checkbox]{ width: 26px; height: 26px;}

    .description p::before, ul li::before {
        content:"- ";
    }

}

@media (max-width: 320px) {

    #js-block-1, #js-block-2 {
        margin: -20px;
    }

    .age p, .age p a {font-size:14px !important; color:#ffffff !important; text-align: left;}

    .age p a {text-decoration: underline;}

    .checkbox {float: left;}

    input[type="file"], input[type="checkbox"], input[type="radio"], select {
        margin: 9px 5px 0px 0px !important;
    }

    input[type=checkbox]{ width: 26px; height: 26px;}

    .description p::before, ul li::before {
        content:"- ";
    }

}

.age p, .age p a {font-size:14px !important; color:#ffffff !important; text-align: left;}

.age p a {text-decoration: underline;}

.checkbox {float: left;}

input[type="file"], input[type="checkbox"], input[type="radio"], select {
    margin: 4px 0 0 0;
}
*{ font-family: Roboto, sans-serif; font-size: 0.8125rem ;}

h1, h2, h3 { color: #1c98c9; margin: .5rem 0; font-family: 'Oswald', arial, sans-serif; font-weight: 300;}
h3 b {font-family: 'Oswald', arial, sans-serif;}
h2 { font-size: 2.1rem; margin-bottom: 0; color: #ff7c6e}
h3 { font-size: 1.4rem; margin-bottom: .5rem; }
h4 { font-weight:bold; font-size: 1rem; margin-bottom:0.5rem; color: #ff7c6e; }
h5 { text-transform: uppercase; font-weight:bold; font-size: 1.2rem; margin-bottom: 1rem; color: #ff7c6e;}
h6 { font-weight:bold; font-size: 1rem; margin-bottom:0rem;}
ul {list-style-type: none; margin:0rem; padding:0rem;}
img.center { display:block; margin:0 auto;}
.bold { font-weight:bold;}
span { font-size: 0.95rem; line-height: 1.1rem }
p { margin-bottom:0.3125rem;}
a:link, a:visited, a:hover,
.link, .link:visited, .link:hover {color:#1c98c9; font-size:1rem;}
a:link:hover,
.link,
a:visited:hover { text-decoration:underline;}
b, .bold {font-size:inherit;}
.hide-element { visibility: hidden;}
.display-none { display: none;}


input[type=radio], input[type=checkbox] {
    margin-right: 4px;
    margin-top: 1px \9;
    line-height: normal;
}
.description {
    font-size: 14px !important;
    text-align: center !important;
}
.description > ul > li {
    font-size: 14px !important;
}
#js-block-2 .text h3.uppercase, .text h3.uppercase b {font-size: 1.4rem !important;}
.text h3.uppercase, .text h3.uppercase b {font-size: 2.1rem !important;}
.text h3.uppercase-pay {font-size: 1.4rem !important;}
.form-vertical {
    padding: 30px !important;
}
.plus18, .plus18 a {
    font-size:13px !important;
    color: #ffffff !important;
    margin-top: 50px !important;
    text-align: left;
}
.btn-landing {
    margin-top: 30px !important;
    width: 320px !important;
    border-radius: 50px !important;
}

.colorForm {
    margin-top: 7px;
    opacity: 1 !important;
    background-color: #4c4c4c !important;
}

hr {
    border: 1px dashed #ffffff;
}

#header h1, #header h2, #header h3 { margin: 0; }
#page_iw h2 { font-size: 2.1rem; /*margin-bottom: 1.5rem; */}

.padding { padding: 0.6250rem;  }
.padding-horizontal { padding: auto 0.6250rem !important; }
.padding-vertical { padding: 0.6250rem auto;}
.padding-left { padding-left: 0.6250rem;}
.padding-right { padding-right: 0.6250rem;}
.padding-top { padding-top: 0.6250rem;}
.padding-bottomm { padding-bottom: 0.6250rem;}

p {line-height:1.4em}
p.circle { list-style: disc inside none; display:list-item; }
.green-border {border:1px solid #ff7c6e;}
.print-icon {background: url('../img/printer.png') center right no-repeat; padding: 1.5rem 1.5rem 1.5rem 0rem; line-height:1.5rem;}
.go-to-top, .go-to-top:hover, .go-to-top:link, .go-to-top:visited { font-size: 0.8125rem; color: #15a0b7}
.go-to-top:hover { text-decoration:underline}


.white { color: #fff; }
.dark { color: #454545; }
.green { color: #ff7c6e; }
.dark-green { color: #219e86; }
.light-green { color: #50d5c1; }
.orange { color: #ea6b00; }
.blue { color: #15a0b7; }
.purple { color: #ea0763; }

.white-hover:hover { color: #fff !important; }
.dark-hover:hover { color: #454545 !important; }
.green-hover:hover { color: #219e86 !important; }
.light-green-hover:hover { color: #50d5c1 !important; }
.orange-hover:hover { color: #ea6b00 !important; }
.blue-hover:hover { color: #15a0b7 !important; }

.solid-blue { border: 1px solid #15a0b7; }
.solid-green { border:1px solid #ff7c6e; }

.heading { color: #fff; padding: 0 .5rem; text-transform: uppercase; }
/*.heading.dark { background: #454545; }*/
.heading.dark { background: #282828; }
.heading.green { background: #ff7c6e; }
.heading.dark-green { background: #219e86; }
.heading.light-green { background: #50d5c1; }
.heading.orange { background: #ea6b00; }
.heading.blue { background: #15a0b7; }

.block { position: relative; padding: 1.25rem; min-height:120px; }

.block.has-footer { padding-bottom: 3.5rem; }
.block .footer { position: absolute; bottom: 0; left: 0; width: 100%; margin: 0;  font-size: 1rem; text-align:left; padding:0.3125rem; }

.block.dashed-green { border: 1px dashed #ff7c6e; }
.block.dashed-green .columns { border-right: 1px dashed #ff7c6e; }
.block.dashed-green .columns:last-child { border: 0; }
.block.dashed-green .footer { border-top: 1px dashed #ff7c6e; color: #ff7c6e; background: rgba(0,188,158,.3); }

.block.solid-green { border: 1px solid #ff7c6e; }
.block.solid-green .columns { border-right: 1px solid #ff7c6e; }
.block.solid-green .columns:last-child { border: 0; }
.block.solid-green .footer { border-top: 1px solid #ff7c6e; color: #ff7c6e; background: rgba(0,188,158,.3); }

.block.solid-blue { border: 1px solid #15a0b7; }
.block.solid-blue .columns { border-right: 1px solid #15a0b7; }
.block.solid-blue .columns:last-child { border: 0; }
.block.solid-blue .footer { border-top: 1px solid #15a0b7; color: #15a0b7; background: rgba(21,160,183,.3); }

.block.dashed-blue { border: 1px dashed #15a0b7; }
.block.dashed-blue .columns { border-right: 1px dashed #15a0b7; }
.block.dashed-blue .columns:last-child { border: 0; }
.block.dashed-blue .footer { border-top: 1px dashed #15a0b7; color: #15a0b7; background: rgba(21,160,183,.3); }

.block.dashed-orange { border: 1px dashed #ea6b00; }
.block.dashed-orange .columns { border-right: 1px dashed #ea6b00; }
.block.dashed-orange .columns:last-child { border: 0; }
.block.dashed-orange .footer { border-top: 1px dashed #ea6b00; color: #ea6b00; background: rgba(234,107,0,.3); }

.block .discount { color:#c00; font-size: 5rem; font-family: Impact, Charcoal, sans-serif; text-shadow: 2px 4px 1px rgba(0,0,0,0.1); line-height:normal; }
.block .notations { padding: .5rem 0; color: #444; font-family: 'Oswald', arial, sans-serif; font-size: 1.2rem; text-transform: uppercase; }
.no-border .columns { border-right: 0 !important; }

.font-Oswald { font-family: 'Oswald', arial, sans-serif; }
p.font-Oswald { font-size: 1.25rem; }

.arrow-link { padding-right: 1rem; background: url(../img/link_arrow.png) center right no-repeat; color:#fff !important;font-size:0.9rem !important;}
.arrow-link:hover { text-decoration:underline;}
.read-more, .read-more:hover { color: #ff7c6e;text-decoration: underline; background: transparent url('../img/green_arrow_right.png') bottom right no-repeat; padding-right: 1rem; margin-left:0.625rem;}


.price { font-size: 2rem; font-weight: 500; color: #454545; }
.price.striked { text-decoration: line-through; color: #999; font-size: 1.5rem; }
.price.discount { color:#fff;}

.absolute { position: absolute; }
.top { top: 0; }
.bottom { bottom: 0; }
.left { left: 0; }
.right { right: 0; }

label { font-size: 1rem !important; }

input[type="text"],
input[type="password"],
input[type="date"],
input[type="datetime"],
input[type="datetime-local"],
input[type="month"],
input[type="week"],
input[type="email"],
input[type="number"],
input[type="search"],
input[type="tel"],
input[type="time"],
input[type="url"],
input[type="password"],
textarea, select, label {
    padding:0.25rem 0.3rem !important;
    margin: 0rem 0rem 0.35rem 0rem !important;
    height: auto;
    font-size:1.1em;
}

input[type="text"]:focus, input[type="password"]:focus, input[type="date"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="month"]:focus, input[type="week"]:focus, input[type="email"]:focus, input[type="number"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="time"]:focus, input[type="url"]:focus, textarea:focus {
    border-color: #999999;
    box-shadow: 0 0 2px #999999;
    background-color: #fff;
}

.uppercase { text-transform: uppercase; }
.text-normal { text-transform: none !important; }
.panel { background: none; }
.panel p { font-size:1rem; margin:0rem;}
.new-panel {
    border-color: #D8D8D8;
    border-style: solid;
    border-width: 1px;
    margin-bottom: 1.25rem;
    padding: 1.25rem;}

.widget.logo { padding: 1rem 0; width: 80%; margin: 0 auto;}
#main #header { margin-bottom: 0.3125rem; }
#main #main-menu {margin-top: 0.3125rem; }

/**** language menu ****/
.widget.languages { min-height: 25px}
.widget.languages ul { text-align:right;}
.widget.languages ul li { display:inline; border-right:1px solid #1c98c9; padding-right:0.3125rem; }
.widget.languages ul li:last-child { border-right: none; }

.widget.languages ul li a
{
    font-size: 0.7rem;
}

.widget.languages ul li.active a,
.widget.languages ul li.active a:hover
{
    font-weight:bold;
    text-decoration:none;
}
/**** end language menu ****/

/**** login widget bloc ****/
.forgot-password { margin:0rem;padding:0rem;}
.forgot-password a, .forgot-password a:hover {  font-size:0.7rem;color:#454545; }
.login h3 { font-size:1.3rem;}
.login input {font-size:0.75rem}
/**** end login widget bloc ****/


/**** top menu ****/

/*.top-bar { overflow:hidden}*/

.top-bar-section ul{
    margin:0 !important;
}

.top-bar-section li a{
    overflow:hidden;
    padding:2px 4px !important;
    height:100%;
}
.top-bar-section ul li {text-align: center; }
.top-bar-section li.active:not(.has-form) a:not(.button) {
    line-height: 18px !important;
}
.top-bar-section li:not(.has-form) a:not(.button){
    line-height: 18px !important;
}

.top-bar ul li a:hover {text-decoration: none;}
.top-bar ul li a{ font-family: 'Oswald', arial, sans-serif; font-weight: 400; font-size: 1rem;}
.top-bar,
.contain-to-grid,
.top-bar section ul,
.top-bar-section li:not(.has-form) a:not(.button),
.top-bar-section ul,
.top-bar-section li:hover,
li.name
{
    background: #ff7c6e;
}
.top-bar-section li:not(.has-form) a:hover:not(.button)
{
    background:none;
}
.top-bar-section ul li:hover:not(.has-form),
.top-bar-section li.active a, .top-bar-section li.active {
    background: #219e86  !important;
}
.top-bar-section ul li:hover:not(.has-form) > a{
    background: transparent ;
}


/*** end top menu ***/

/**** footer ****/


#footer { padding: 1.5rem 0; background-color: #F7F7F7; font-size:0.75rem; color:#454545; }
#footer p { font-size:0.9rem; margin-bottom: 0.625rem;}


#footer a:link
{
    font-size: 0.9rem !important;
}

#footer-liabilities-logged,
#footer-liabilities p { font-family: 'Oswald', arial, sans-serif; font-size:1.2rem}

#footer h5 { font-family: 'Oswald', arial, sans-serif; font-size:1.3rem; }

#footer-liabilities {
    margin-top:1.5rem;
    height:500px;
    position:relative;
    background: #000000 url('/assets/Rispa/img/footer-image.jpg') center center no-repeat;
    background-size: contain;
}
#footer-liabilities-logged
{
    margin-top:1.5em;
    height:130px;
    position:relative;
}

.liabilities-wrapper
{
    width:100%;background: #ff7c6e; color:#fff; position:absolute;bottom:0rem;
}

.liabilities {padding-top:0.625rem;}
/**** end footer ****/


/**** benefits ***/
.benefits-wrapper,
.welcome-offer-wrapper,
.intro-wrapper { background:#f1f1f1; padding:0.6250rem; margin-bottom:1.5rem; }
#main .offer-wrapper {margin: 1rem auto 1.5rem auto;}
.benefits .row {border-bottom: 1px dashed #19ab98; margin:0.625rem auto;}
.benefits .row:last-child {border:none}
.benefits { margin:1.5rem auto;}

/*** end benefits ****/
.whatis { margin-bottom: 2rem;}
.whatis .columns { padding: 0 0.625rem}
.whatis b, .whatis .bold { color:#ff7c6e}
.whatis a.button {margin-top:1.5rem;}
.subscribe a:link {text-decoration: underline;}

.access_restriction { margin: 1rem auto;}
.access_restriction h3 { text-transform: uppercase; margin-bottom:1rem;}
.access_restriction .columns {
    margin:1.5rem auto;
}
.access_restriction .content{
}

/**** contact form ****/
.contact-form p { font-size: 1.1rem;}
/**** end contact form ****/

/**** faqs ****/

.faqs p a
{
    color: #ff7c6e;
}
.faqs a:hover
{
    text-decoration:underline;
}
.group
{
    margin:0rem !important;
    padding:0rem !important;
}
.accordion dd a,
.accordion dd > a:hover
{ color:#454545; background: #fff url('/assets/Rispa/img/green-arrow-right.png') left center no-repeat; padding: 0.2rem 0rem 0.2rem 1.8rem ; }
.accordion dd.active > a,
.accordion dd.active > a:hover
{ background: #fff url('/assets/Rispa/img/green-arrow-down.png') left center no-repeat;}

.accordion dd .content {background: #F1F1F1 !important;color:#454545; text-align:justify; padding: 1rem 1.8rem; margin-bottom: 0.8rem;}
/**** end faqs ****/

.weekly-offer-item .sold-out { position: absolute; background: rgba(255,255,255,.8); top: 0; left: 0; width: 100%; height: 100%; }
.weekly-offer-item .sold-out img { position: absolute; top: 50%; margin-top: -140px; }

/**** landing ****/
.landing { min-height: 750px;}
.landing > #header { text-align: center;position:relative;}
#landing-header
.landing .slider {margin: 2rem auto 0.625rem auto;}
.landing .heading { font-size:1.9rem; }

#page_of > h2 {font-size: 2rem;}
#page_of .slider .orbit-container {margin-top: 0.5rem;}

.reveal-modal {overflow-y:auto; overflow-x: hidden; max-height: 80%;}

ul[data-orbit] li,
ul[data-orbit] .orbit-caption {
    visibility: hidden;
    top:0;
    position:relative;
}


ul[data-orbit] li:first-child { position:relative; }

.orbit-container ul[data-orbit] li,
.orbit-container ul[data-orbit] .orbit-caption {
    visibility: visible ;
}

.orbit-container .orbit-slides-container > li {
    position: absolute;
    float: left;
    height: auto;
}


#main .secure-payment-form,
.landing .offer-welcome-form,
.landing .secure-payment-form
{ position: absolute; top: 0rem; right: 0rem; width: 40%; padding: 2.5rem; height: 99%;    z-index: 10; margin-top:0.8%; margin-right:1%; }
#landing_full .offer-welcome-form,
#landing_full .secure-payment-form {
    margin-top: 0;
    line-height: 24px;
    position: absolute;
    right: 28rem;
    top: 0rem;
    width: 407px;
    z-index: 10;
    background-color: rgba(68,68,68,0.60);
    font-family: 'Oswald', arial, sans-serif;
}
#landing_full .offer-welcome-form {
    padding: 2rem 2.5rem 2.5rem;
}
#landing_full .secure-payment-form {
    padding: 1.5rem 2.5rem 1.5rem;
}
#landing_full .offer-welcome-form {
    height: 340px;
}
#landing_full .offer-welcome-form .label_conditions{
    text-align: left;
}
.landing .offer-welcome-form label,
.landing .offer-welcome-form label a
{ color:#fff; font-size: 0.8rem!important;text-align: left;}

.landing .offer-welcome-form button, .landing .offer-welcome-form .button {
    -webkit-appearance: none;
    -moz-appearance: none;
    border-radius: 0;
    border-style: solid;
    border-width: 0;
    cursor: pointer;
    font-family: "Verdana", Helvetica, Roboto, Arial, sans-serif, Condensed Bold;
    font-weight: bold;
    line-height: normal;
    margin: 0 0 1.25rem;
    position: relative;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    padding: 1rem 2rem 1.0625rem 2rem;
    font-size: 1rem;
    background: #ea0753;
    background: -moz-linear-gradient(top,  #ea0753 0%, #ea0763 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ea0753), color-stop(100%,#ea0763));
    background: -webkit-linear-gradient(top,  #ea0753 0%,#ea0763 100%);
    background: -o-linear-gradient(top,  #ea0753 0%,#ea0763 100%);
    background: -ms-linear-gradient(top,  #ea0753 0%,#ea0763 100%);
    background: linear-gradient(to bottom,  #ea0753 0%,#ea0763 100%);
    border-color: #2285a2;
    color: #FFFFFF;
    transition: background-color 300ms ease-out; }

#landing_full .secure-payment-form .button {
    -webkit-appearance: none;
    -moz-appearance: none;
    border-style: solid;
    border-width: 0;
    cursor: pointer;
    font-family: "Verdana", Helvetica, Roboto, Arial, sans-serif, Condensed Bold;
    font-weight: bold;
    line-height: normal;
    margin: 0;
    position: relative;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    padding: 1rem 2rem 1.0625rem 2rem;
    font-size: 1rem;
    background: #ea0753;
    background: -moz-linear-gradient(top,  #ea0753 0%, #ea0763 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ea0753), color-stop(100%,#ea0763));
    background: -webkit-linear-gradient(top,  #ea0753 0%,#ea0763 100%);
    background: -o-linear-gradient(top,  #ea0753 0%,#ea0763 100%);
    background: -ms-linear-gradient(top,  #ea0753 0%,#ea0763 100%);
    background: linear-gradient(to bottom,  #ea0753 0%,#ea0763 100%);
    border-color: #2285a2;
    color: #FFFFFF;
    transition: background-color 300ms ease-out;
}

.landing .offer-welcome-form .split.button,
.landing .secure-payment-form .split.button,
#landing_full .secure-payment-form .split.button {
    position: relative;
    padding-right: 5.0625rem;
    border-radius: 1000px;
}

.landing .offer-welcome-form .split.button div.arrow,
#landing_full .secure-payment-form .split.button div.arrow{
    background: url('https://www.mes-coupons.com/assets/Rispa/img/big_arrow_right.png')center center no-repeat;
    display: block;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    border-left: solid 1px;
    border-left-color: rgba(255, 255, 255, 0.5);
    width: 4.09375rem;
}

.landing .offer-welcome-form .medium-button {
    font-size:1rem;
    padding:1.1rem 2.6rem 1.1rem 1.1rem ;
    background: #ea0763 url('../img/big_arrow_right_1.png') center right no-repeat;
    border-radius: 1000px;
}

.landing .offer-welcome-form button:hover{
    background: url('../img/big_arrow_right_1.png') no-repeat scroll right center #b23d97;
}
.secure-payment-form button {
    width: 80%;
}

#landing_full .secure-payment-form button {
    width: auto;
}

.landing .secure-payment-form button {
    color:#fff !important;
    padding-left: 2.5rem;
    box-shadow: 0 0 5px rgba(255,255,255, 0.1);
    background: url("../img/padlock.png") no-repeat scroll 1rem center, url("../images/big_arrow_right.png") no-repeat scroll right center, none repeat scroll 0 0 #ea0763;
}
.landing .secure-payment-form button:hover {
    background: url("../img/padlock.png") no-repeat scroll 1rem center, url("../images/big_arrow_right.png") no-repeat scroll right center, none repeat scroll 0 0 #b23d97;
}
.landing .welcome-offer strong { color: #ff7c6e}
.landing .secure-payment-form p.description { color:#fff;}

.landing#landing_1 .description {
    padding-top: 1rem;
    color: #fff;
}
.landing#landing_full .description {
    color: #fff;
}
.landing .below_form {
    background-color: #777;
    /*margin: 0 0.5rem 0.5rem;*/
    margin: 0rem 0rem 0rem 0.5rem;
    padding: 0.5rem;
}

.offer-welcome-form .description {padding-top:3rem; color:#fff;}
#landing_full .offer-welcome-form .description {
    padding:10px 0;
    color:#fff;
    font-size:20px;
    height: 83px;
    overflow:hidden;
    font-family: 'Oswald', arial, sans-serif;
    margin-bottom:20px;
    text-align:left;
}
.secure-payment-form .description {color:#fff;}
#landing_full .secure-payment-form .description {color:#fff;font-size: 16px;overflow:hidden;}

.secure-payment .description ul {margin:0; padding:0; }
/*.secure-payment .description ul li { list-style: disc outside none;} eliminar punto */
.secure-payment .description ul li { list-style: none;}

.offer-welcome-form label, .secure-payment-form label, .below_form label {color: #fff !important;}

#main label, .landing label {
    font-size: 1rem !important;
    margin: 0 !important;
    padding: 0.25rem 0 !important;
    text-align: left}
#main .secure-payment-form .text ul li,
.landing .secure-payment-form .text ul li { /*list-style-type: disc;*/ list-style-position: inside; font-size: 0.9rem; line-height: 1.25rem;color:#fff}
#main .secure-payment-form .text ul li a,
.landing .secure-payment-form .text ul li a { font-size: 1.1rem; }

.landing .offer-welcome-form h3,
#main .secure-payment-form h3 { color:#fff; font-size: 1.4rem; margin: 0;}
.landing .secure-payment-form h3 { color:#fff; margin: 0; }
.landing#landing_1 .secure-payment-form h3 { font-size: 1.4rem; }
.landing#landing_full .secure-payment-form h3 { font-size: 1.1rem; }
.landing#landing_full .secure-payment-form ul { list-style-type: initial!important;margin-left:1rem; }
.landing .offer-welcome-form h3{font-size: 1.9rem;}

.landing .offer-welcome-form input[type=text]{
    padding: 0.5rem 0.6rem 0.5rem 1.8rem !important;
}
.landing .offer-welcome-form input.email{
    background: url("../../img/mail.jpg") no-repeat scroll 0.4rem center #ffffff;
}
.landing .offer-welcome-form input.zipcode{
    background: url("../../img/location.jpg") no-repeat scroll 0.4rem center #ffffff;
}

.landing .offer-welcome-form .text,
#main .secure-payment-form .text,
.landing .secure-payment-form .text { margin-bottom:1.50rem; padding-bottom:1.50rem; border-bottom: 1px dashed #fff;}
#main .ccv-link,
.landing .cvv-link { padding-bottom:0.625rem;}
#main .credit-cards img,
.landing .credit-cards img { margin: .2rem .3rem;  }
#main .credit-cards img.cc,
.landing .credit-cards img.cc { width: 38px;}

.panel.paypal p { margin-bottom:1rem}

.cat-image {
    position:relative;

}
.cat-image:after {
    content:'\A';
    position:absolute;
    width:100%; height:100%;
    top:0; left:0;
    background:rgba(158,28,128,0.6) url(../img/loupe.png) center center no-repeat;
    opacity:0;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    cursor: pointer;
}
.cat-image:hover:after {
    opacity:1;
}
.categories h3 { font-size: 1.5rem; margin: 0 0 0.3125rem;}

.landing .whatis {margin-bottom: 1.5rem;}
.landing .offer-wrapper { margin: 1rem auto 1.5rem auto;}
#landing_full .offer-wrapper {margin-top:0;text-align: center;}
#landing_full .offer-wrapper .secure-payment-form {margin-top:0;text-align: left;height: auto;}

.landing .the-welcome-offer:after{}
.landing .the-welcome-offer {
    position:relative;
}
#landing_full .the-welcome-offer {
    width:1920px;
    margin:0 auto;
}
.the-welcome-offer-flash {position:absolute;top: 0px;left: 4px;}
.the-welcome-offer-flash img {
    width:100%;
    height:100%;
}
/**** end landing ****/

/*** logged ****/
.widget.logged{margin-top:0.625rem;}
.widget.logged ul li, .widget.logged ul li a, .widget.logged ul li b { font-size: 0.9rem; font-family: 'Oswald', arial, sans-serif; }
.widget.logged ul li:first-child { color:#ff7c6e; padding-bottom:0.3125rem;}
.widget.logged ul li.icon { background:transparent url(../img/user.png) top left no-repeat;}
.widget.logged ul li { padding-left: 1.8rem; text-align:left;line-height:1rem;}

/*** bloc-list ****/
.bloclist {margin:1rem auto;}
.bloclist p { margin:0rem !important;}
.bloclist h3 { padding: 0.125rem 0.625rem;font-weight:400;color:#fff;}
/**** top-offers bloc list ****/
.bloclist.latest-offers h3 { background:#454545; }
.bloclist.latest-offers .columns { padding:0rem; margin-bottom:0.3125rem;}
.bloclist .discount {color:#c00; font-size: 5rem; font-family: Impact, Charcoal, sans-serif; line-height: 5rem;}

.bloclist.latest-promos .promo-wrapper { border:1px dashed #ff7c6e; margin: 0.3125rem; padding:1.25rem 0rem; }
.bloclist.latest-promos .promo-wrapper .columns {border-right: 1px dashed #ff7c6e}
.bloclist.latest-promos .promo-wrapper .columns:nth-last-child(1) {border-right:none}


.bloclist.latest-cashbacks h3 { background:#ea6b00; }
.bloclist.latest-cashbacks .columns {margin:0rem; padding:0rem;}
.bloclist.latest-cashbacks .promo-wrapper { border:1px dashed #ea6b00; margin: 0.3125rem; padding:1.25rem 0rem; }
.bloclist.latest-cashbacks .promo-wrapper .columns {border-right: 1px dashed #ea6b00;}
.bloclist.latest-cashbacks .promo-wrapper .columns:nth-last-child(1) {border-right:none}

.bloclist.latest-deals h3 { background:#15a0b7; }
.bloclist.latest-deals .columns {margin:0rem; padding:0rem;}
.bloclist.latest-deals .promo-wrapper { border:1px dashed #15a0b7; margin: 0.3125rem; padding:0rem 0rem; }

.clear { clear: both; }
cite { display: block; margin: 0.3125rem 0; }
.note { font-size: .725rem !important; }

.row-item { margin-bottom: .625rem; }
.row-item .sold-out, .row-item .sold-out-index { position: absolute; background: rgba(255,255,255,.8); top: 0; left: 0; width: 100%; height: 100%; }
.row-item .sold-out img { top:0;left:0;margin-top:1.25rem;margin-left:9.1rem;}
.row-item .sold-out-index img { margin-top:1.25rem;}

.special-list { margin-left: 2rem; }
.special-list li { margin-bottom: .5rem; font-family: 'Oswald', arial, sans-serif; font-size: 1rem; }
.list-number { font-size: 1.5rem; color: #15a0b7; padding-right: .5rem; }

/**** weekly offers ****/
.offers-title h3 { color: #15a0b7;}

/**** latests list ****/
.rightlist { padding-left: 0.625rem; }

.rightlist ul li { margin-bottom:0.1rem;}
.rightlist ul li a {  color:#454545 !important}
.rightlist ul li span { font-family: 'Oswald', arial, sans-serif; font-size: 1.3em; line-height:2rem;}

/**** cashback ****/
.cashbacks .row-item { margin-bottom: 1.5rem; }
.cashbacks .row-item::before {
    content:"\A";
    background:transparent url(../img/scissors.png) center center no-repeat;
    width:40px;
    height:24px;
    position:absolute;
    bottom: -11px;
    left: 1.5rem;
    margin-top:2.5rem;
    clear:both;
}

/**** promos ****/
.promos .row-item .block::before {
    content:"\A";
    background:transparent url(../img/fold.jpg) center center no-repeat;
    width:113px;
    height:102px;
    position:absolute;
    bottom: 0rem;
    left: 0rem;
}

/**** deals ****/

.deals-wrapper { margin-bottom:0.325rem !important;}
.deals-wrapper h4 { font-weight: normal; margin:0;}
.deals-wrapper .deals-item { padding:0.5rem; }
.deals-wrapper .deals-item p,
.deals-wrapper .deals-item h4{ font-family: 'Oswald', arial, sans-serif;font-size:1.1rem}
.deals-wrapper .footer .footer-col {min-height:57px }
.deals-wrapper .footer { border-width: 1px 0rem 0rem 0rem; padding: auto 0.5rem; min-height:57px;background: #B8E2E9}
.deals-wrapper .footer::before {
    content:" ";
    background:transparent url(../img/price_label.png) center center no-repeat;
    width:94px;
    height:51px;
    position:absolute;
    top:8px;
    left: -2px;
    z-index: 0;
    clear:both;
}

.deals-wrapper .footer .time {vertical-align:middle;padding-left:0.6250rem;}
/**** end logged ***/


/**** categories ****/
.widget.categories { margin-top: 1.5rem;}
.widget.categories ul li { float: left; text-align:center; padding-top: 3.4rem; width: 110px !important; margin: 0 0.3125rem; color: #454545}
.widget.categories ul li:hover {color: #ea0763;text-decoration:underline}

#sidebar .widget.categories ul li { float: none; text-align:left; padding: 0; width: 95% !important; min-height: 48px; margin: 0.5rem 0.3125rem; }
#sidebar .widget.categories ul li span { line-height: 3rem; padding-left: 3.4rem; }
#sidebar .widget.categories ul li a { display: block; padding-left: 3.4rem; padding-top: 1rem }

.categories { width:100%; height:100%; }
.categories span { display: block; min-width: 48px; min-height: 48px; }
.categories .category_1 { background: url(../img/categories/icons/category-1.png) top center no-repeat;}
.categories .category_2 { background: url(../img/categories/icons/category-2.png) top center no-repeat;}
.categories .category_3 { background: url(../img/categories/icons/category-3.png) top center no-repeat;}
.categories .category_4 { background: url(../img/categories/icons/category-4.png) top center no-repeat;}
.categories .category_5 { background: url(../img/categories/icons/category-5.png) top center no-repeat;}
.categories .category_6 { background: url(../img/categories/icons/category-6.png) top center no-repeat;}
.categories .category_7 { background: url(../img/categories/icons/category-7.png) top center no-repeat;}
.categories .category_8 { background: url(../img/categories/icons/category-8.png) top center no-repeat;}
.categories .category_9 { background: url(../img/categories/icons/category-9.png) top center no-repeat;}

/* lined */
.categories span.lined { min-width: 211px; }
.categories .lined.category_1 { background: url(../img/categories/icons/lined/category-1.png) top center no-repeat;}
.categories .lined.category_2 { background: url(../img/categories/icons/lined/category-2.png) top center no-repeat;}
.categories .lined.category_3 { background: url(../img/categories/icons/lined/category-3.png) top center no-repeat;}
.categories .lined.category_4 { background: url(../img/categories/icons/lined/category-4.png) top center no-repeat;}
.categories .lined.category_5 { background: url(../img/categories/icons/lined/category-5.png) top center no-repeat;}
.categories .lined.category_6 { background: url(../img/categories/icons/lined/category-6.png) top center no-repeat;}
.categories .lined.category_7 { background: url(../img/categories/icons/lined/category-7.png) top center no-repeat;}
.categories .lined.category_8 { background: url(../img/categories/icons/lined/category-8.png) top center no-repeat;}
.categories .lined.category_9 { background: url(../img/categories/icons/lined/category-9.png) top center no-repeat;}

#sidebar .categories li { background-position: top left; }
/**** end categories ***/

/**** blog ****/
.blog-item { position: relative; border:1px solid #ff7c6e; margin-bottom: 1rem; padding-bottom: 3.75rem; }
.blog-item h4 { width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.blog-item .excerpt { padding: 1rem; }
.blog-item .excerpt p { margin-bottom: 1rem; }
.blog-item .categories { position: absolute; bottom: 1rem; height: auto; }
.blog-item h4 { font-family: 'Oswald', arial, sans-serif; font-weight: 500; }
/**** end blog ***/

/**** pagination ****/
.pagination { margin: 2rem 0 4rem; text-align: center; }
.pagination a { margin: 0 .2rem; padding: 0.1875rem 0.5rem; line-height: 2rem; color: #ea0763; font-size:1rem; }
.pagination a.active {border: 1px solid #841b6b; }
/**** end pagination ***/

.title h1 {  color: #fff; text-transform: uppercase}

/****confirmation page ****/
.page_cx h3 {font-size:1.4rem }
.confirmation-bloc .content-wrapper { border:1px solid #ff7c6e; padding:0.6250rem;margin: auto 0.3125rem; color: #ff7c6e; height:268px;}
.offer-wrapper-confirmation { border:1px dashed #ff7c6e;padding:0.6250rem; margin: auto 0.3125rem;min-height:250px; }
.offer-wrapper-confirmation::before
{
    content:"\A";
    background:transparent url(../img/green-scissors.png) center center no-repeat;
    width:24px;
    height:40px;
    position:absolute;
    top: 50%;
    left:-11px;
    clear:both;
}
.att-bloc h3 {color: #d76000 !important; font-size:1.4rem;}
.att-bloc .att-wrapper { border:1px solid #d76000;padding:0.6250rem;margin: auto 0.3125rem;}
.att-bloc .att-wrapper a:link,
.att-bloc .att-wrapper a:link:hover
{color: #d76000}

.confirmation-content { margin: 1rem auto 2rem auto;}
.confirmation-content .columns {

}
.enjoy-offer-little img {width:100%;}

.enjoy-offer-little h3 { font-size: 1.2rem;}
.enjoy-offer-little > h3 { font-size:1.4rem;}
.enjoy-offer-little p, .enjoy-offer-little span {font-size: 0.8rem;margin-bottom:0.4rem;}
.offer-little-text {  font-size:0.6em}


/**** mon compte ****/
.account-menu-wrapper { background: #f1f1f1}
dl.tabs { display:table; margin:0 auto}
dl.tabs,
dl.tabs dd a { background: #ddd;font-size:0.85rem; background: #f1f1f1;}
dl.tabs dd{ margin:0; padding:0; line-height:0.3rem; display:table-cell;}
dl.tabs dd,
dl.tabs dd:hover a,
dl.tabs dd.active a{ background: #E1E1E1 !important; text-decoration:none}

.account-bloc h3,
.account-welcome-offer > h3,
.account-weekly-offer > h3,
.account-unsubscribe > h3 { background:#ff7c6e; color: #fff; padding-left:15px;margin-bottom:0;}
.panel.unsubscribe p,
.panel.newsletter p {  margin: 0rem 5rem 1.2rem; }
.new-panel.guide .slider-guide{max-width: 800px; margin: 1rem auto 0;}
.account-welcome-offer .offer { border:1px dashed #ff7c6e;padding:0.625rem; margin:0.625rem auto;}
.account-welcome-offer .offer::before
{
    content:"\A";
    background:transparent url(../img/green-scissors.png) center center no-repeat;
    width:24px;
    height:40px;
    position:absolute;
    top: 50%;
    left:-13px;
    clear:both;
}

.panel.account::before{
    position:absolute;
    content:"\A";
    background:transparent url(../img/account/vip.jpg) center center no-repeat;
    width:100px;
    height:60px;
    right: 20px;

}

.panel.paypal::before{
    position:absolute;
    content:"\A";
    background:transparent url(/assets/img/paypal.jpg) center center no-repeat;
    width:120px;
    height:25px;
    right: 20px;

}

.panel.connection::before{
    position:absolute;
    content:"\A";
    background:transparent url(../img/account/edit.jpg) center center no-repeat;
    width:100px;
    height:60px;
    right: 20px;

}

.panel.unsubscribe::before{
    position:absolute;
    content:"\A";
    background:transparent url(../img/account/bag.jpg) center center no-repeat;
    width:100px;
    height:65px;
    right: 20px;

}

.panel.newsletter::before{
    position:absolute;
    content:"\A";
    background:transparent url(../img/account/newsletter.jpg) center center no-repeat;
    width:100px;
    height:60px;
    right: 20px;

}

/**** end mon compte ****/


/**** foundation ****/

button, .button {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    /*background: #ea0763 url('../img/arrow_right.png') center right no-repeat;*/
    color:#fff !important;
    margin: 0rem;
    font-size:0.9rem;
    padding:0.5rem  1.5rem  0.5rem 1rem ;
    text-decoration:none;
    text-transform:none;
}
button:hover, button:focus, .button:hover, .button:focus {
    background-color: #b23d97;
    text-decoration:none !important;

}

.medium-button {
    font-size:1rem;
    padding:1.1rem 2.6rem 1.1rem 1.1rem ;
    background: #ea0763 url('../images/big_arrow_right.png') center right no-repeat;

}
.big-button {
    font-size:1rem;
    padding:2rem 2.8rem 2rem 2rem ;
    background: #ea0763 url('../images/big_arrow_right.png') center right no-repeat;
}

/**** end foundation ****/

/**** terms ****/
.terms .content{ margin: 0.625rem auto}
/**** redirect ****/
#redirect > #header { text-align: center; margin:1rem 0rem; }

#redirect .title { background: #ff7c6e; text-align: center;min-height:40px;}
#redirect .title h2 {color:#fff;}
#redirect .slider {margin: 1.5em auto;}
#redirect .redirect-wrapper {
    border-width: 2px;
    background: rgba(255,255,255, 1);
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    border-radius: 40px;
    margin: 3rem auto;

}

.redirect-text{
    font-family: 'Oswald', arial, sans-serif; font-weight: 300;
    margin-top:1.3rem;
    font-size:1.3rem;
}

/**** end redirect ****/

/*** error pages ***/
.error-wrapper
{
    margin: 1rem auto;
    padding: 2rem ;
}
.error-menu {
    list-style: disc inside none;
}
.error-menu li a{
    color: #219e86;

}
.error-menu li a:hover {text-decoration:underline}


/*** end error pages ***/

/**** blank ****/
#blank > #header { text-align: center; margin: 1rem 0rem; }
/**** end blank ****/

/**** footer widgets ****/
#footer .widget {
    text-align: justify;
    padding-right:2em;

}
#footer .widget:last-child(1)
{
    padding-right:0;
}
/*** end footer widgets ***/

/*** weekly refound ****/

.weekly-refound h2, .weekly-refound p {margin:0rem !important;}
.weekly-refound { margin-bottom:2.5rem; }
/**** end weekly refound ****/

/**** login page ****/
.alert-box{ margin-top: 1.5rem;}
.login-panel { margin:8rem 2rem;}
.login-wrapper { margin-top:2rem;}

/***** end login page ***/

/**** contact-header ****/
.contact-header { padding-top:3.5rem;}
.contact-header h5 { font-family: 'Oswald', arial, sans-serif; text-transform: uppercase; margin-bottom: 0rem;color:#454545;font-size:1rem;}
.contact-header p {margin-bottom: 0.625rem; font-size:0.9rem;}
.contact-header a { font-size: inherit; color:#454545;}


.widget.forgot-password h3 { margin:0rem;}
.widget.forgot-password p { margin-bottom:1rem;}

.confirmation-password-form form { margin-top:1.5rem;}

.conditions_label a,
.conditions_label a:hover
{
    font-size: 1.1em;
    color:#ffffff;

}

.text-italic{
    font-style: italic;
}

#main .su_form{
    background: #eee none repeat scroll 0 0;
    margin-top: 1rem;
    padding: 1rem;
}

#main .su_form label, #main .su_form label a{
    font-size: 0.8rem !important;
}

/**** Media Queries ****/

/* 
 * Small screens
 * max-width 640px, mobile-only styles, use when QAing mobile issues 
 */
@media only screen and (max-width: 40em) {
    * { font-size: 14px !important; }
}

/* 
 * Medium screens
 * min-width 641px and max-width 1024px, use when QAing tablet-only issues 
 */
@media only screen and (min-width: 40.063em) and (max-width: 64em) {

}

.en_savoir_plus_full{
    text-align: left;
    font-size: 13px !important;
    font-weight:bold;
}

.display_none {
    display:none;
}

.check_mark {
    height: 15px;
    margin-top: 4px;
}

.txt_iphone6_green{color:#87ac1d;font-family: 'Oswald', arial, sans-serif;font-size:16px;}

.margin_top_10 {margin-top:10px}

@media (max-width: 900px) {
    .landing .offer-welcome-form h3, #main .secure-payment-form h3, .landing .secure-payment-form h3 { font-size: 14px; }
    #main .secure-payment-form, .landing .offer-welcome-form, .landing .secure-payment-form {
        font-size:1.0rem;
    }
    div.offer-welcome-form .description {
        padding-top:0.8rem;
    }
    #main .secure-payment-form, .landing .offer-welcome-form, .landing .secure-payment-form {
        padding:1.0rem;
    }
    .landing .offer-welcome-form button, .landing .offer-welcome-form .button {
        font-size:.9rem;
    }

}

.img-mobile {
    display: none;
}


@media (min-width:641px) and (max-width: 845px) {
    div#landing_1 div.offer-wrapper div.secure-payment-form div.form form#ccard-form div.columns label,
    div#landing_1 div.offer-wrapper div.secure-payment-form div.text div.description ul li,
    div#landing_1 div.offer-wrapper div.secure-payment-form div.form form#ccard-form label,
    div#landing_1 div.offer-wrapper div.secure-payment-form div.form form#ccard-form div.cvv-link a.arrow-link{
        font-size:.5rem!important;
    }
    .landing .offer-welcome-form .text, #main .secure-payment-form .text, .landing .secure-payment-form .text {
        margin-bottom:0;
        padding-bottom:0;
    }
    .secure-payment-form button {
        width:100%;
    }
    div#landing_1 div.offer-wrapper div.secure-payment-form div.form form#ccard-form div.credit-cards br{
        display:none;
    }
}
@media (max-width:641px) {
    div#landing_1 div.below_form h3.uppercase {
        color:#fff!important;
    }
    .img-large {
        display: none;
    }

    .img-mobile {
        display: block;
    }

    .colorForm {
        margin-top: 0px;
        opacity: 1;
    }

    .landing .the-welcome-offer {
        position: relative;
        display: flex;
        align-items: center;
        justify-content: center;
    }
}