/*! normalize.css v3.0.1 | MIT License | git.io/normalize */
html{font-size:100%;font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background:0 0}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:700}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}

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

/* Some javascript is adding some space at the end of the page, hence we need to make sure that
   the correct background is shown */
html {
    background: #454443;
}

body {
    font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    line-height: 1.42;
}
@media only screen and (min-width: 82em) {
    body {
        font-size: 18px;
    }
}
@media only screen and (min-width: 96em) {
    body {
        font-size: 21px;
    }
}
@media only screen and (min-width: 111em) {
    body {
        font-size: 24px;
    }
}

.i-clearer {
    clear: both;
}

.visually-hidden {
    visibility: hidden;
}

/* GRID COMPONENTS */
.grid {
    letter-spacing: -.31em;
    *letter-spacing: normal;
    *word-spacing: -.43em;
    text-rendering: optimizespeed;
    font-family: FreeSans, Arimo, "Droid Sans", Helvetica, Arial, sans-serif;
    display: -webkit-flex;
    -webkit-flex-flow: row wrap;
    display: -ms-flexbox;
    -ms-flex-flow: row wrap;
    display: flex;
    flex-flow: row wrap;
}
.opera-only :-o-prefocus, .grid {
    word-spacing: -.43em;
}
.grid-unit {
    display: inline-block;
    *display: inline;
    zoom: 1;
    letter-spacing: normal;
    word-spacing: normal;
    vertical-align: top;
    text-rendering: auto;
}
.grid > .grid-unit {
    font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}


.site-container {
    background: #454443;
    padding: 1em;
}
@media only screen and (max-width: 31em) {
    .site-container {
        padding: .6em;
    }
}
    .ie8 .site-container {
        width: 1000px;
        margin: 0 auto;
    }

.section {
    width: 100%;
    margin: 0;
}


/* HEADER SECTION */
.section-header {
    background: #fff;
}
    .logo {
        width: 40%;
        padding: 1em;
        -webkit-align-self: center;
        align-self: center;
    }
        .logo img {
            width: 100%;
            height: auto;
        }
        @media only screen and (max-width: 18em) {
            .logo {
                width: 100%;
            }
        }
        @media only screen and (min-width: 18em) and (max-width: 31em) {
            .logo {
                width: 100%;
                text-align: center;
				padding: 0.5em!important;
            }
                .logo img {
                    width: 50%;
                }
        }
        @media only screen and (min-width: 31em) and (max-width: 47em) {
            .logo img {
                width: 100%;
            }
        }
        @media only screen and (min-width: 62em) {
            .logo img {
                width: 85%;
            }
        }
        @media only screen and (min-width: 82em) {
            .logo img {
                width: 75%;
            }
        }
        @media only screen and (min-width: 96em) {
            .logo img {
                width: 65%;
            }
        }
    .login-container {
        width: 60%;
        padding: 1em;
        -webkit-align-self: center;
        align-self: center;
        text-align: right;
    }
    .grid > .login-container.grid-unit {
        font-family: Arial, sans-serif;
        font-size: 12px;
    }
    .login-container *,
    .login-container *:before,
    .login-container *:after {
        box-sizing: content-box;
    }
    .login-form-container {
        display: inline-block;
    }
        .i-error-authent-txt {
            margin: 0;
            text-align: left;
        }
    /* Login design customization */
    #forgot_password {
        background: #454443;
        border: 0;
        border-radius: 3px;
        color: #fff;
        box-shadow: 0px 0px 4px 1px rgba(0,0,0,0.2);
    }
    .i-login-form-default.i-login-form-twoline .i-btn-2 {
        background: #599800;
        border: 1px solid #5B7F26;
        text-shadow: 1px 1px 0 #5B7F26;
        border-radius: 3px;
    }
        .i-login-form-default.i-login-form-twoline .i-btn-2:hover {
            background-color: #70B212;
            border-color: #729938;
        }
    .i-login-details {
        padding: 6px 0 0;
    }
    .i-forgot-password-spacer {
        border: 0;
        margin: 0 7px;
    }
    .i-forgot-close {
        color: #f1f1f1;
        cursor: pointer;
    }
    .i-error-authent-arrow,
    .i-login-form-default .i-forgot-password .i-box-arrow {
        display: none;
    }
    .i-error-login,
    .i-error-login1 {
        left: -84px !important;
    }

    @media only screen and (max-width: 56em) {
        .i-login-form-default.i-login-form-twoline .i-login-form-left {
            border-right: 0;
            float: none;
            height: auto;
        }
        .i-login-form-default.i-login-form-twoline .i-login-form-left .i-label {
            line-height: 24px !important;3
        }
    }
    @media only screen and (min-width: 31em) and (max-width: 47em) {
        .logo {
            width: 30%;
        }
        .login-container {
            width: 70%;
        }
    }
    @media only screen and (max-width: 22em) {
        #txtHandle {
            width: 115px !important;
        }
        #txtPassword {
            width: 90px !important;
        }
    }
    @media only screen and (max-width: 46em) {
        .i-login-details {
            display: none;
        }
        .i-forgot-password-spacer {
            border: 0;
            margin: 0 5px;
        }
        #forgot_password {
            left: -90px !important;
        }
    }
    @media only screen and (max-width: 31em) {
        .login-container {
            width: 100%;
            text-align: center;
            padding: 0 .5em 0.5em;
        }
        #forgot_password {
            left: 0 !important;
        }
        .i-forgot-password-spacer {
            display: none;
        }
        .super-traking {
            display: block;
            float: none;
        }
        .i-error-login,
        .i-error-login1 {
            width: 100%;
            left: -13px !important;
        }
    }
#i-cookie {
    width: 100%;
    color: #bbb;
    font-size: 0.6em;
    text-align: center;
    padding: 0 1em .5em;
    display: none;
    margin-top: -1em;
}
#i-cookie a {
    color: #bbb;
}
.ie8 .logo img {
    width: 80%;
}


/* REGISTRATION SECTION */
#section_placeholder {
    background: #fff;
}
.section-register {
    background: #fff;
    color: #454443;
    position: relative;
    padding: 0 1em 1em;
}

.mosaic {
    list-style-type: none;
    margin: 0 auto;
    padding: 0;
    overflow: hidden;
    display: inline-block;
    text-align: center;
    min-height: 660px;
}
    .mosaic li {
        display: inline-block;
        margin: 8px;
        position: relative;
        width: 94px;
        height: 94px;
        -webkit-transform: perspective(1px);
        transform: perspective(1px);
    }
    .mosaic li.animated {
        -webkit-animation: zoom-out .18s;
        animation: zoom-out .18s;
        -webkit-animation-fill-mode: backwards;
        animation-fill-mode: backwards;
    }
    .mosaic .i-thumb {
        width: 94px;
        height: 94px;
        display: inline-block;
    }
    .mosaic a .i-thumb {
        opacity:0.6;
        border-radius: 10px;
        cursor: pointer;
        background-position: 50%;
        background-size: 100%;
        -webkit-transition: all .12s;
        transition: all .12s;
    }
    .mosaic a:hover .i-thumb {
        opacity:1;
    }
    .mosaic a .i-thumb:before {
        content: "";
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        position: absolute;
        display: block;
        background: #454443;
        background: rgba(0,0,0,.4);
        border-radius: 10px;
        opacity: 0;
        -webkit-transition: all .25s;
        transition: all .25s;
    }
        .mosaic a .i-thumb-Uomo:before {
            background: rgba(3,87,165,.4);
        }
        .mosaic a .i-thumb-Donna:before {
            background: rgba(232,67,130,.4);
        }
    .mosaic a:hover .i-thumb:before {
        opacity: 1;
    }
    .mosaic a .i-thumb:after {
        content: attr(data-age) ' anni\A' attr(data-city);
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        color: #fff;
        padding: 3px;
        width: 100%;
        text-align: center;
        font-size: 12px;
        white-space: pre-wrap;
        font-weight: 600;
        opacity: 0;
        -webkit-transform: perspective(1px) translate(0,50%);
        transform: perspective(1px) translate(0,50%);
        -webkit-transition: all .18s cubic-bezier(0.175, 0.885, 0.320, 1); /* older webkit */
        -webkit-transition: all .18s cubic-bezier(0.175, 0.885, 0.320, 1.275);
        transition: all .18s cubic-bezier(0.175, 0.885, 0.320, 1.275);
    }
    .mosaic a:hover .i-thumb:after {
        opacity: 1;
        -webkit-transform: perspective(1px) translate(0,0);
        transform: perspective(1px) translate(0,0);
    }
    .mosaic a .i-thumb-placeholder:before {
        opacity: 1;
    }
        .mosaic a .i-thumb-placeholder.i-thumb-Uomo:before {
            background: rgba(3,87,165,.8);
        }
        .mosaic a .i-thumb-placeholder.i-thumb-Donna:before {
            background: rgba(232,67,130,.8);
        }
    .mosaic a .i-thumb-placeholder:after {
        opacity: 1;
        -webkit-transform: perspective(1px) translate(0,0);
        transform: perspective(1px) translate(0,0);
    }
    .ie8 .mosaic a .i-thumb:before,
    .ie8 .mosaic a .i-thumb:after {
        display: none;
    }
    /* Mosaic fallback to static image */
    .mosaic-fallback {
        width: 100%;
        background: url(/img/brands/meetic/it/signup/2014/06/17/mosaic_fallback.jpg?v=1419330417) no-repeat center center;
    }


.miniprofile {
    margin: 2em 1em;
}
    .miniprofile h2 {
        font-size: 21px;
        line-height: 1.4;
        color: #bbb;
        padding-bottom: 2em;
        text-align: center;
        text-rendering: optimizeLegibility;
        margin:0;
        font-weight: 400;
        width: 100%;
    }
        .miniprofile h2 span {
            font-weight: 600;
            color: #fff;
        }
    .miniprofile-photo {
        width: 40%;
        text-align: right;
        padding-right: 1.5em;
        font-size: 18px;
    }
        .miniprofile-photo img {
            border-radius: 10px;
        }
    .miniprofile-info {
        width: 60%;
        font-size: 19px;
        line-height: 1.7;
    }
        .miniprofile-info p {
            margin: 0;
        }
    .miniprofile-height-label,
    .miniprofile-hobbies-label {
        width: 40%;
        font-size: 18px;
        font-weight: 300;
        text-align: right;
        padding-right: 1.5em;
    }
    .miniprofile-height,
    .miniprofile-hobbies {
        width: 60%;
        font-size: 18px;
        font-weight: 400;
    }
        .miniprofile-height p,
        .miniprofile-hobbies p,
        .miniprofile-height-label p,
        .miniprofile-hobbies-label p {
            margin: 0;
            line-height: 1.7;
        }
        .miniprofile-hobbies p {
            height: 3.4em; /* Fixed height to show 2 lines of hobbies (they could be sooo many) */
            overflow: hidden;
        }
    .miniprofile-button {
        width: 100%;
    }

@-webkit-keyframes flash {
    0% {
        -webkit-transform: translate(0,25px);
        transform: translate(0,25px);
        opacity: 0;
    }

    100% {
        -webkit-transform: translate(0,0);
        transform: translate(0,0);
        opacity: 1;
    }
}

@keyframes flash {
    0% {
        -webkit-transform: translate(0,25px);
        transform: translate(0,25px);
        opacity: 0;
    }

    100% {
        -webkit-transform: translate(0,0);
        transform: translate(0,0);
        opacity: 1;
    }
}

.flash {
    -webkit-animation-duration: .24s;
    animation-duration: .24s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: flash;
    animation-name: flash;
}

.reg-form {
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: 60px;
    width: 530px;
    z-index: 35;
    background: #454443;
    color: #f1f1f1;
    border-radius: 5px;
    box-shadow: 0px 0px 5px 3px rgba(0,0,0,0.2);
    min-height: 391px;
    text-rendering: optimizeLegibility;
    font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}
.i-signup-v{  }
.i-title-profile-info{color:#FFFFFF;font-size:30px;font-weight:normal;line-height:1.4;text-align:center;padding: 25px 0 0;text-rendering: optimizeLegibility;margin:0;}
@media only screen and (max-width: 36em) {.i-title-profile-info{padding: 15px 0 0;}}
.i-title-discover-profile { font-size: 18px;line-height: 1.4; color: #bbb; padding-bottom: 25px; text-align: center;text-rendering: optimizeLegibility;margin-bottom:0;font-weight: 400;}
@media only screen and (max-width: 36em) {.i-title-discover-profile {padding-bottom: 15px;}}
.i-form-signup-index-step{font-size:11px;padding:0 25px;}
.i-signup-v .i-label{float:left;font-size:15px;line-height:51px;width:180px;color:#f1f1f1}
.i-signup-v .i-input{margin:5px 0;width:278px;}
.i-input-birth-day{margin:5px 0;width:60px;}
.i-input-birth-month{margin:5px 0;width:60px;}
.i-input-birth-year{margin:5px 0;width:80px;}
.i-signup-v .i-input,
.i-signup-v .i-input-birth-day,
.i-signup-v .i-input-birth-month,
.i-signup-v .i-input-birth-year,
.i-signup-v .i-select,
.i-signup-v .i-select-age-mini,
.i-signup-v .i-select-age-maxi {
    border:1px solid #95a5a6;
    color:#454443;
    font-size:16px;
    padding: 5px 10px;
    background: #ecf0f1;
    font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    -webkit-transition: .15s all;
    transition: .15s all;
}
.i-signup-v .i-input:hover,
.i-signup-v .i-input-birth-day:hover,
.i-signup-v .i-input-birth-month:hover,
.i-signup-v .i-input-birth-year:hover,
.i-signup-v .i-select:hover,
.i-signup-v .i-select-age-mini:hover,
.i-signup-v .i-select-age-maxi:hover {
    background: #fafafa;
}
.i-signup-v .i-input:focus,
.i-signup-v .i-input-birth-day:focus,
.i-signup-v .i-input-birth-month:focus,
.i-signup-v .i-input-birth-year:focus,
.i-signup-v .i-select:focus,
.i-signup-v .i-select-age-mini:focus,
.i-signup-v .i-select-age-maxi:focus {
    background: #fafafa;
    border-color: #34495e;
}
.my_search_label_tohide { font-size: 17px; }
.i-select{margin:5px 0;width:300px;}
.i-select-age-mini{margin:5px 10px 5px 0;width:100px;}
.i-select-age-maxi{margin:5px 10px 5px 10px;width:100px;}
.i-input-field-confirm{color:#f1f1f1;float:left;font-size:17px;margin:0;width:278px;line-height: 51px;}
#my_zipcode { width: 100px;}
.i-remember-pseudo{margin-left:181px;margin-top:5px;}
.i-agree-cgu,.i-partner-offers, #i-info-privacy{font-size:13px;padding-top:10px;}
.i-checkbox{margin-right:7px;margin-top:-3px;vertical-align:middle;}
.i-bg-bubble-middle{color:#c0392b;margin:10px auto 0;width:414px;background: #fcf8e3;border: 1px solid #f1c40f;position:relative;}
.i-bg-bubble-middle:before, .i-bg-bubble-middle:after {
    content: ' ';
    height: 0;
    position: absolute;
    width: 0;
    border: 10px solid transparent; /* arrow size */
}
.i-bg-bubble-middle:before {
    border-bottom-color: #fcf8e3;  /* arrow color */
    /* positioning */
    position: absolute;
    top: -19px;
    left: 202px;
    z-index: 2;
}
.i-bg-bubble-middle:after {
    border-bottom-color: #f1c40f;  /* arrow color */
    /* positioning */
    position: absolute;
    top: -20px;
    left: 202px;
    z-index: 1;
}
.i-txt-bubble-error{font-size:13px;padding:5px 10px;margin:0;}
.i-txt-bubble-error .i-domain{font-weight:700;}
.i-alternate-pseudo-col-1{float:left;padding:2px 0 3px 10px;width:156px;font-size:13px;}
.i-alternate-pseudo-col-2{float:right;padding:2px 0 3px 10px;width:156px;font-size:13px;}
.i-radio{margin-right:4px;vertical-align:middle;}
.i-bg-bubble-bottom{height:4px;margin:0 auto 5px;width:414px;}
.i-bg-container{background:#FFF url(/img/themes/bluesky/index/bg_container.gif?v=1419330417) repeat-x 0 bottom;height:530px;position:relative;}
.i-dotted-v{background:transparent url(/img/themes/bluesky/common/bg_dotted.png?v=1419330417) repeat-y;width:2px;}
.i-dotted-h{background:transparent url(/img/themes/bluesky/common/bg_dotted.png?v=1419330417) repeat-x;height:2px;}

#my_survey_label {
    font-size: 14px; /* slightly smaller than other labels, otherwise it's too close to its field */
	line-height: 16px!important;
}

/* !autocomplete */
.i-jq-autocomplete{font:normal 11px arial;max-height:180px;overflow:auto;width:176px;background:#fff;border:1px solid #ccc; list-style-type: none; padding: 5px;}
.i-jq-autocomplete .i-jq-menu-item a{display:block;padding:2px 0 2px 5px;width:97%;}
.i-jq-autocomplete .i-jq-menu-item a:hover{background:#ccc;color:#fff;}
.i-jq-autocomplete-loading{background: #fff url(/img/core/common/loader_16x16.gif?v=1419330417) right center no-repeat;}

.i-note{color:#f1f1f1;}
.i-confidential{color:#f1f1f1;font-size:11px;}
#country_geo_form a,#area_geo_form a,#zipcode_geo_form a,#town_geo_form a,.i-agree-cgu a, #i-info-privacy a{color:#f1f1f1;}
.i-btn-inscription,
.reg-button {
    -webkit-appearance: none;
    margin: 25px auto;
    display: block;
    border: 0;
    color: #fff;
    text-rendering: optimizeLegibility;
    cursor: pointer;
    display: block;
    font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size: 26px;
    font-weight: bold;
    height: 60px;
    width: 300px;
    text-transform: uppercase;
    border-radius: 3px;
    background: #599800;
    border: 0;
    text-shadow: 1px 1px 0 #5B7F26;
    box-shadow: 0 2px 0 #5B7F26, 0 3px 5px rgba(0,0,0,.1);
    -webkit-transition: .15s all;
    transition: .15s all;
}
    .i-btn-inscription:hover,
    .reg-button:hover {
        background-color: #70B212;
        box-shadow: 0 2px 0 #729938, 0 5px 10px rgba(0,0,0,.2);
    }
    .reg-button {
        margin-bottom: 10px;
    }
.i-form-bottom{background:transparent url(/img/brands/meetic/sp/signup/2012/08/27/form_bottom_bg.png?v=1419330417) no-repeat 0 0;height:82px;width:430px;}
.i-checkbox-container {margin:5px 0; font-size: 14px; visibility: hidden; height: 0;}
#remember_me {margin-left: 180px;}
#err_my_cgu { margin-top: 15px; }

/* Facebook connect */
.fb-register-btn-box {
    width: auto;
}
.fb-register-btn-box .i-facebook-button {
    width: 100%;
}
.fb-register-btn-box .i-fb-acceptence1 {
    font-size: 12px;
    color: #bbb;
    margin-top: 6px;
}
.fb-connect-divider {
    border: 0;
    height: 1px;
    background-color: #5a5958;
    width: 90%;
    margin: 0 auto 25px;
}
.reg-button-fb-connect {
    margin: 0 auto;
    text-transform: none;
    font-size: 20px;
    font-weight: 400;
    background-color: #3b5998;
    padding: 0;
    text-shadow: 1px 1px 0 #314a7f;
    box-shadow: 0 2px 0 #314a7f, 0 3px 5px rgba(0,0,0,.1);
}
.reg-button-fb-connect:hover {
    background-color: #4568b2;
    box-shadow: 0 2px 0 #3b5998, 0 5px 10px rgba(0,0,0,.2);
}
    .reg-button-fb-connect i {
        padding-right: .3em;
    }

@media only screen and (max-width: 36em) {
    .reg-form {
        width: auto;
        border-radius: 0;
        box-shadow: none;
        top: 45px;
    }
	#i_kvk, #i_age, #i_birthday, #my_country_set, #my_country_val, #area_geo_form, #zipcode_geo_form, #my_town_set, #i_email, #i_pseudo, #i_password, .i-checkbox-container, #i_cgu, #country_geo_form{
        width:300px; margin:0 auto;
    }
    .section-register {
        padding: 0 .5em .5em;
    }
        .i-title-profile-info {
            font-size: 20px;
        }
        .i-title-discover-profile {
            font-size: 16px;
        }
        .i-form-signup-index-step {
            padding: 0;
        }
        .i-signup-v .i-label {
            line-height: 31px;
            width: 100%;
        }
        .i-select {
            width: 100%;
        }
        .i-select-age-mini,
        .i-select-age-maxi {
            width: 70px;
        }
        .i-signup-v .i-input {
            width: 100%;
        }
        .i-bg-bubble-middle {
            width: 100%;
        }
        .i-bg-bubble-middle:before,
        .i-bg-bubble-middle:after {
            left: 50%;
        }
        .i-btn-inscription,
        .reg-button {
            width: 250px;
            font-size: 22px;
        }
        #remember_me {
            margin-left: 0;
        }
}

.reg-form-with-sticker {
    top: 45px;
}

.sticker {
    display: none;
    text-align: center;
    font-weight: 600;
    font-size: 1.3em;
    color: #fff;
    margin: 0;
    background: #e84382;
    text-transform: uppercase;
    padding: 0.2em 0;
    border-radius: 5px 5px 0 0;
}
@media only screen and (max-width: 36em) {
    .sticker {
        border-radius: 0;
    }
}

[data-sticker="1days.png"] .sticker-1day,
[data-sticker="1monthspecialoffer.png"] .sticker-1monthso,
[data-sticker="1weekspecialoffer.png"] .sticker-1weekso,
[data-sticker="2for1.png"] .sticker-2for1,
[data-sticker="3days.png"] .sticker-3days,
[data-sticker="4for3.png"] .sticker-4for3,
[data-sticker="5days.png"] .sticker-5days,
[data-sticker="7days.png"] .sticker-7days,
[data-sticker="10days.png"] .sticker-10days,
[data-sticker="14days.png"] .sticker-14days {
    display: block;
}


/* MOBILE SECTION */
.section-mobile {
    background: url("/img/brands/meetic/it/signup/2014/06/17/mobile.jpg?v=") no-repeat scroll center 0 / cover rgba(0, 0, 0, 0);
    color: #FFFFFF;
    padding: 2em 2em 0 2em;
}
@media only screen and (max-width: 36em) {
                .section-mobile {background: url("/img/brands/meetic/it/signup/2014/06/17/mobile.jpg?v=") no-repeat scroll -300px center / cover rgba(0, 0, 0, 0);
				color: #FFFFFF;
				padding: 2em 2em 0 2em;
                }
            }

    .mobile-copy {
        width: 60%;
    }
        .mobile-copy h2 {
            font-weight: 900;
            margin: 4em 2em;
        }
		@media only screen and (max-width: 48em) {
                .mobile-copy h2 {
                    font-weight: 900;
					margin: 4em 2em;
					text-shadow: 0 1px 1px rgba(0, 0, 0, 1);
                }
            }
        @media only screen and (min-width: 67em) {
            .mobile-copy h2 {
                font-size: 2em;
				text-shadow: 0 1px 1px rgba(0, 0, 0, 1);
            }
        }
        .mobile-apps-list {
            padding: 0;
        }
            .mobile-apps-list li {
                width: 25%;
                text-align: center;
                -webkit-align-self: center;
                align-self: center;
            }
            .mobile-apps-list a {
                color: #FFFFFF;
                text-decoration: none;
                display: block;
                margin: 1em .4em;
                padding: 1em 0;
            }
                .mobile-apps-list .fa {
                    padding-right: .5em;
                    -webkit-transition: all .18s;
                    transition: all .18s;
                }
                .mobile-apps-list a:hover .fa-apple {
                    color: #a7a9ab;
                }
                .mobile-apps-list a:hover .fa-android {
                    color: #a4c639;
                }
                .mobile-apps-list a:hover .fa-windows {
                    color: #68217a;
                }
                .mobile-apps-list a:hover .fa-mobile {
                    color: #124191;
                }
    .mobile-img {
        width: 40%;
        
    }
        .mobile-img-sizer {
            width: 50%;
            margin: 0 auto;
        }
        .mobile-img-sizer img {
            width: 100%;
            max-width: 336px;
        }
            @media only screen and (max-width: 67em) {
                .mobile-img-sizer {
                    width: 60%;
                }
            }
            @media only screen and (max-width: 54em) {
                .mobile-img-sizer {
                    width: 70%;
                }
            }
            @media only screen and (max-width: 48em) {
                .mobile-img-sizer {
                    width: 80%;
                }
            }

    @media only screen and (max-width: 67em) {
        .mobile-copy h2 {
            text-align: center;
           
        }
        .mobile-apps-list li {
            width: 50%;
        }
            .mobile-apps-list a {
                margin: .5em .4em;
            }
    }
    @media only screen and (max-width: 43em) {
        .section-mobile {
            padding: .5em;
        }
        .mobile-copy {
            width: 100%;
        }
        .mobile-img {
            display: none;
        }
    }
    @media only screen and (max-width: 20em) {
        .mobile-copy h2 {
            margin: 2em 0;
        }
        .mobile-apps-list li {
            width: 100%;
        }
            .mobile-apps-list a {
                margin: 0;
                padding: .5em 0;
            }
    }

/* EVENTS SECTION */
.section-events {
    background: #e84382;
    color: #FFFFFF;
}
    .events-copy {
        width: 50%;
        padding: 0 1em;
    }
        .events-copy h2 {
            font-weight: 600;
            text-align: center;
        }
        .events-copy p {
            font-size: 1.1em;
        }
        .events-copy blockquote {
            background-color: #FFFFFF;
            color: #e84382;
            margin: 2em 0;
            padding: 1em 2em;
			border-radius: 10px 10px 10px 10px;
			-moz-border-radius: 10px 10px 10px 10px;
			-webkit-border-radius: 10px 10px 10px 10px;
			border: 1px solid #c01a59;
        }
            .events-copy blockquote p {
                margin: 0;
                position: relative;
                text-align: center;
            }
            .events-copy blockquote p .fa-quote-left {
                position: absolute;
                right: 100%;
                font-size: .8em;
                margin-right: .2em;
            }
            .events-copy blockquote p .fa-quote-right {
                position: absolute;
                left: 100%;
                bottom: 0;
                font-size: .8em;
                margin-left: .2em;
            }
        .events-copy p.events-link {
            text-align: right;
        }
        .events-copy p.events-link .fa-angle-double-right {
            font-size: .9em;
        }
        .events-copy p.events-link a {
            color: #FFFFFF;
            text-decoration: none;
            font-weight: 900;
            display: block;
            padding: .5em 0;
			text-transform: uppercase;
        }
        .events-copy p.events-link a:hover {
            text-decoration: underline;
        }
        @media only screen and (min-width: 67em) {
            .events-copy {
                padding: 0 4em;
            }
            .events-copy h2 {
                font-size: 3em;
            }
            .events-copy p {
                font-size: 1.6em;
            }
            .events-copy blockquote p {
                font-size: 1.1em;
            }
            .events-copy p.events-link {
                font-size: 1.1em;
            }
        }
    .events-img {
        width: 50%;
        background: url(/img/brands/meetic/it/signup/2014/06/17/events.jpg?v=1419330417) no-repeat center center;
        background-size: cover;
    }
    @media only screen and (max-width: 40em) {
        .events-copy {
            width: 60%;
        }
        .events-img {
            width: 40%;
        }
    }
    @media only screen and (max-width: 30em) {
        .events-copy {
            width: 100%;
        }
        .events-img {
            display: none;
        }
    }
.ie8 .events-img {
    background-position: 50% 17%;
}

/* TESTIMONIALS SECTION */
.section-testimonials {
    background: #fff;
    color: #454443;
    padding: 1em;
}
    .section-testimonials h2 {
        font-weight: 300;
        text-align: center;
        margin: 1.5em 0 2em;
    }
    @media only screen and (min-width: 67em) {
        .section-testimonials h2 {
            font-size: 2em;
        }
    }
    .testimonial {
        width: 33.3333%;
        text-align: center;
    }
    @media only screen and (max-width: 37em) {
        .testimonial {
            width: 100%;
        }
    }
        .testimonial img {
            width: 80%;
            height: auto;
            border: 1px solid rgba(0,0,0,0.17);
        }
        .testimonial p {
            margin: 1em auto;
            text-align: left;
            width: 70%;
            border-left: 2px solid #454443;
            padding: 0 .5em;
        }
        @media only screen and (max-width: 47em) {
            .testimonial p {
                font-size: .9em;
            }
        }
        @media only screen and (max-width: 82em) {
            .testimonial img {
                width: 95%;
            }
            .testimonial p {
                width: 85%;
            }
        }


/* SOCIAL NETWORKS SECTION */
.section-networks {
    background: #fff;
    color: #454443;
    padding: .5em;
    margin-top: 1em;
}
    .section-networks-list {
        margin: 0;
        padding: 0;
    }
        .section-networks-list li {
            width: 25%;
            text-align: center;
            -webkit-align-self: center;
            align-self: center;
        }
        .section-networks-list a {
            color: #454443;
            text-decoration: none;
            display: block;
            margin: 0;
            padding: .5em 0;
            -webkit-transition: all .18s;
            transition: all .18s;
        }
            .section-networks-list .fa {
                padding-right: .5em;
                -webkit-transition: all .18s;
                transition: all .18s;
            }
            .section-networks-list .section-networks-facebook .fa {
                color: #3b5998;
            }
            .section-networks-list .section-networks-facebook a:hover {
                background-color: #3b5998;
                color: #fff;
            }
            .section-networks-list .section-networks-twitter .fa {
                color: #55acee;
            }
            .section-networks-list .section-networks-twitter a:hover {
                background-color: #55acee;
                color: #fff;
            }
            .section-networks-list .section-networks-youtube .fa {
                color: #e52d27;
            }
            .section-networks-list .section-networks-youtube a:hover {
                background-color: #e52d27;
                color: #fff;
            }
            .section-networks-list .section-networks-googleplus .fa {
                color: #dd4b39;
            }
            .section-networks-list .section-networks-googleplus a:hover {
                background-color: #dd4b39;
                color: #fff;
            }
            .section-networks-list .section-networks-instagram .fa {
                color: #3f729b;
            }
            .section-networks-list .section-networks-instagram a:hover {
                background-color: #3f729b;
                color: #fff;
            }
            .section-networks-list .section-networks-tumblr .fa {
                color: #35465c;
            }
            .section-networks-list .section-networks-tumblr a:hover {
                background-color: #35465c;
                color: #fff;
            }
            .section-networks-list a:hover .fa {
                color: #fff;
            }

    @media only screen and (max-width: 48em) {
        .section-networks-list li {
            width: 33.3333%;
        }
    }
    @media only screen and (max-width: 37em) {
        .section-networks-list li {
            width: 50%;
        }
    }
    @media only screen and (max-width: 31em) {
        .section-networks {
            margin-top: .6em;
        }
    }
    @media only screen and (max-width: 20em) {
        .section-networks-list li {
            width: 100%;
            text-align: left;
        }
    }


/* FOOTER SECTION */
.section-footer {
    color: #c6c3c0;
}

.footer-list {
    width: 20%;
    padding: 1em;
}
    .footer-list h4 {
        font-weight: 600;
        margin: 0 0 1em;
    }
    .footer-list ul {
        list-style-type: none;
        margin: 0;
        padding: 0;
        font-size: .8em;
    }
    .footer-list a {
        color: #c6c3c0;
        text-decoration: none;
    }
    .footer-list a:hover {
        text-decoration: underline;
    }

.footer-list-europe,
.footer-list-spain {
    width: 40%;
}
    .footer-list-europe .grid-unit,
    .footer-list-spain .grid-unit {
        width: 50%;
    }
    .footer-list-europe .grid-unit:first-child,
    .footer-list-spain .grid-unit:first-child { 
        padding-right: 1em;
    }
    .footer-list-europe .grid-unit:last-child,
    .footer-list-spain .grid-unit:last-child { 
        padding-left: 1em;
    }

.footer-copyright {
    width: 100%;
    padding: 0 1em;
}
    .footer-copyright p {
        font-size: .7em;
        margin: 0 0 1em;
    }
    .footer-copyright a {
        color: #c6c3c0;
        text-decoration: underline;
    }
    @media only screen and (max-width: 47em) {
        .footer-copyright {
            padding: 0;
        }
    }
    @media only screen and (min-width: 110em) {
        .footer-copyright p {
            font-size: .6em;
        }
    }

@media only screen and (max-width: 21em) {
    .footer-list {
        width: 100%;
        padding: 1em 0;
    }
    .footer-list-europe .grid-unit,
    .footer-list-spain .grid-unit {
        width: 100%;
        padding: 0;
    }
    .footer-list-europe .grid-unit:first-child,
    .footer-list-spain .grid-unit:first-child { 
        padding-right: 0;
    }
    .footer-list-europe .grid-unit:last-child,
    .footer-list-spain .grid-unit:last-child { 
        padding-left: 0;
    }
}
@media only screen and (min-width: 21em) and (max-width: 37em) {
    .footer-list {
        width: 100%;
        padding: 1em 0;
    }
}
@media only screen and (min-width: 37em) and (max-width: 47em) {
    .footer-list {
        width: 33.3333%;
        padding-left: 0;
        padding-right: 0;
    }
    .footer-list-europe,
    .footer-list-spain {
        width: 66.6666%;
    }
    .footer-list-spain {
        padding-left: .5em;
        padding-right: 0;
    }
}

/* MOSAIC PROFILES ANIMATION */
@-webkit-keyframes zoom-out {
0% {
        -webkit-transform: scale3d(0,0,0);
    }
100% {
        -webkit-transform: scale3d(1,1,1);
    }
}

@keyframes zoom-out {
0% {
        transform: scale3d(0,0,0);
    }
100% {
        transform: scale3d(1,1,1);
    }
}