﻿body.splashpage{
	background: url('/images/splash-cinz/top-banner-repeat.jpg') repeat-x top center #FFF;
    width:100%;
    height:auto;
    position:relative;
}

div.h-separator {
    width:100%;
    height:2px;
    background:url("/images/splash-cinz/h-separator.png") no-repeat top center transparent;
    margin-top:30px;
}

div.v-separator {
    display:inline-block;
    width:2px;
    height:50px;
    margin:0 10px;
    text-align:center;
    vertical-align:middle;
    background:#e2e2e2;
}

.wrapper-wide {
    max-width:100%;
}

.splash-page {
   background: url('/images/splash-cinz/top-banner.jpg') no-repeat top center transparent;
   height:auto;
   margin:0 auto;
   position:relative;
   display:block;
   min-height:111px;
   text-align:center;
}

section.wrapper-wide.splash-page {
    overflow:hidden;
}

.splash-page > .wrapper-small {
    top:35px;
}

.splash-page .wrapper-small > div {
    display:inline-block;
    width:49%;
    height:auto;
    text-align:center;
    vertical-align:top;
    margin-bottom:35px;
}

.splash-sx {

}
.splash-sx img {
    max-width:100%;
    height:auto;
    margin:0 auto;
     top: 0px;
    position: relative;
}

.splash-dx {
    
}
.splash-dx-column:first-child {
    margin-top:45px;
}
.splash-dx-column:last-child {
    margin-top:30px;
}
.splash-dx-column {
    display: block;
    float: left;
    margin: 70px 0 0;
    width: 350px;
    text-align: center;
}

.splash-dx-column p {
    letter-spacing:1px;
    text-transform:uppercase;
    font-size:18px;
    color:#0f3765;
    display:block;
    text-align:center;
}

p.subtitle-img {
    letter-spacing:normal;
    margin-top:10px;
    font-size:15px;
    display:block;
    text-align:center;
    height:auto;
    text-transform:uppercase;
    font-weight:100;
    color:#cbcbcb;
}

/* CHOOSE LANGUAGE */
.choose-country > div {
    width:200px;
    vertical-align:bottom;
    text-transform:uppercase;
    color:#fff;
    margin-top:20px;
    font-weight:100;
    margin:20px auto 0;
    text-align:left;
    text-indent:20px;
    display:block;
    position:relative;
    height:30px;
}

.choose-country > div > .down-arrow {
    height:33px;
    width:20px;
    position:absolute;
    right:15px;
    top:0;
    background:url("/images/splash-cinz/down-arrow.png") no-repeat center center transparent;
    background-size:contain;
    z-index:10000;

    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
}

.choose-country > div > .down-arrow.up {
    transform:rotate(180deg);
    -ms-transform:rotate(180deg);
    -webkit-transform:rotate(180deg);
    -moz-transform:rotate(180deg);
}

.DivSelectyze.css3 {
    position:absolute;
    top:0;
    left:0;
    width:100%;
}

.DivSelectyze.css3 a {
    color:#fff;
    padding:7px 0;
    display:block;
    /*border-top:1px solid #e2e2e2;*/
}

.DivSelectyze.css3 > a {
    background:url("/images/splash-cinz/down-arrow.png") no-repeat #c90039;
    background-position:center right 10px;
    background-position-y:center;
    background-position-x:90%;
}

a.selectyzeValue {
    background-color:#c90039;
}

ul.UlSelectize {
    display:none;
    background-color:#c90039;
}

ul.UlSelectize li {

}



/* LEGAL AGE */
.legal-age > div {
    width:200px;
    position:relative;
    text-transform:uppercase;
    color:#fff;
    margin:35px auto 0;
    font-weight:100;
    text-align:center;
    display:block;
}

.legal-age > div > a {
    width:45px;
    height:30px;
    line-height:30px;
    background-color:#c90039;
    display:inline-block;
    color:#fff;
}

.legal-age > div .right-red-arrow {
    position:absolute;
    top:0;
    right:0;
    height:100%;
    width:13px;
    background:url("/images/splash-cinz/right-red-arrow.png") no-repeat right center transparent;
}

.splash-page .wrapper-small .splash-footer {
    display:none;
    margin:0 auto;
    width:100%;
    height:auto;
    position:relative;
    text-align:center;
}

.splash-footer img {
    max-width:390px;
    width:100%;
    margin:0 auto;
    display:none;
}




/*new css*/
input#birthdate_day, input#birthdate_month{
    font-size: 15px;
    font-family: 'Source Sans Pro', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}
input#birthdate_year {
    font-size: 15px;
    font-family: 'Source Sans Pro', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}
 input.input-day,  input.input-month {
    background-color:#c90039;
    width: 45px;
    height: 30px;
    float: left;
    border:none;
    color: #ffffff;
    text-align:center;
    position: relative;
    left: 5px;
    margin: 0 0 5px 0;
}
    input.input-year {
   background-color:#c90039;
    width: 55px;
    height: 30px;
    float: left;
    border:none;
    color: #ffffff;
    text-align:center;
    position: relative;
    left: 5px;
    margin: 0 0 5px 0;
}
.cont-checkbox ul.cinzano {
    float: left;
    left: 0;
    position: relative;
    margin: 0;
    width: 224px;
}
.cont-checkbox ul.cinzano li {
    float: left;
    left: 0;
    padding-right: 0;
    position: relative;
    width: 56px;
    text-align: center;
}
.cont-checkbox ul.cinzano li label.name {
    color: #0f3765;
    font-size:15px;
}
.cont-checkbox ul.cinzano li label.year {
     color: #0f3765;
     font-size:15px;
     padding:0 0 0 5px;
}
.cont-checkbox ul.cinzanoli.month, .cont-checkbox ul.cinzano li.year   {
    width: 95px;
    color: #6F625A;
}
/*.cont-checkbox ul.cinzano li span a { */
.choose-country span a {
    background: url(/images/splash-arrow.png) no-repeat 2px 0px;
    display: block;
    width: 20px;
    height: 35px;
    transition: background-position .3s ease;
    -webkit-transition: background-position .3s ease;
     margin:0 0 5px 0;
     color: #6F625A;
     float: left;
    background-position: 2px 1px;
    /*left: 15px;
    position: relative;*/
	left: 282px;
    position: relative;
    top: -31px;
}
div.input-error-message {
      font-size: 11px;
    font-weight: 700;
    color: #6F625A;
    line-height: 30px;
    cursor: text;
    float: left;
    width: 295px;
    height: 30px;
    z-index: 2;
    position: relative;
    left: 27px;
    text-align: center;
    margin: 10px 0;
}
div.input-error-message a{
     font-size: 18px;
    font-weight: 700;
    color: #6F625A;
    line-height:30px;
    text-align: center;
    cursor: text;
}










@media (max-width: 768px) {

    div.h-separator {
        margin-top:45px;
    }

    .splash-page {
        background: url('/images/splash-cinz/top-banner-small.jpg') repeat-x top center #FFF;
    }

    .splash-page .wrapper-small .splash-sx {
        display:none;
    }

    .splash-dx-column {
        float:none;
        margin-top:60px;
    }


    .splash-dx-column:last-child, .legal-age > div, .splash-dx-column:first-child {
        margin-top:40px;
    }

    .splash-dx-column, .splash-page .wrapper-small > div {
        width:auto;
    }

    .splash-dx-column p.subtitle-img {
        font-size:15px;
    }

    .splash-dx-column p, .legal-age > div > a, .choose-country > div {
        font-size:22px;
    }

    .legal-age > div > a {
        width:65px;
        height:45px;
        line-height:45px;
    }

    .splash-page .wrapper-small .splash-footer {
        display:inline-block;
        margin:45px 0;
    }

    .splash-footer img {
 display:block;
    }


    .DivSelectyze.css3 > a {
    background:url("/images/splash-cinz/down-arrow.png") no-repeat #c90039;
    background-position:center right 10px;
    background-position-y:center;
    background-position-x:95%;
}
   
    div.input-error-message {
      font-size: 11px;
    font-weight: 700;
    color: #6F625A;
    line-height: 30px;
    cursor: text;
    float: left;
    width: 295px;
    height: 30px;
    z-index: 2;
    position: relative;
    left: 10px;
    text-align: center;
    margin: 10px 0;
}

}