html,body{
    /*overflow-x:hidden;*/
    /*        overflow-y: scroll;  has to be scroll, not auto */
    overflow-y: scroll;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
}

body{
    color: #333333;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    select {
        -webkit-appearance: menulist-button !important;
        line-height:24px !important;
    }
}

input::-moz-placeholder {
  /*color: #cfcfcf !important;*/
  color:rgb(153, 153, 153);
  font-style: italic;
  font-weight: normal;
font-size: 14px;
  opacity: 1;
}
input:-ms-input-placeholder {
  /*color: #cfcfcf !important;*/
  color:rgb(153, 153, 153);
  font-weight: normal;
font-size: 14px;
   font-style: italic;
}
input::-webkit-input-placeholder {
  /*color: #cfcfcf !important;*/
  color:rgb(153, 153, 153);
  font-weight: normal;
font-size: 14px;
   font-style: italic;
}

textarea::-moz-placeholder {
  color:rgb(153, 153, 153);
  font-style: italic;
  font-weight: normal;
font-size: 14px;
  opacity: 1;
}
textarea:-ms-input-placeholder {
  color:rgb(153, 153, 153);
  font-style: italic;
  font-weight: normal;
font-size: 14px;
  opacity: 1;
}
textarea::-webkit-input-placeholder {
  color:rgb(153, 153, 153);
  font-style: italic;
  font-weight: normal;
font-size: 14px;
  opacity: 1;
}


.content-section-a{
    color:#333;
    text-align: left;
}



#firstimage{
    float:left;
    width:55%;
}


#secondimage{
  position: absolute;
height: 300px;
left: 300px;
bottom: 30px;
}

/*    .margin-col{
        margin-left: 90px;
    }*/
.invalid{
    color:red;
}

.headline{
    font-size: 55px;
    line-height: 60px;
    padding-top:0px;
    /*padding-bottom:50px;*/
    color:white;
}

.subline{
    font-weight: 400;
    font-size: 34px;
}

.final{
    margin-top:-10px;
    margin-bottom: 50px;
}

.sale{
    font-size: 26px;
    color:#0c4999;
    font-weight: 400;
}

#prices{
    width: 100%;
    margin-top:-20px;
}

.badprice{
    font-size: 40px;
    font-weight: 400;
    text-decoration: line-through;
    color: rgb(201, 245, 44);

}

.okprice{
    font-size: 50px;
    font-weight: 600;
    margin-right: 30px;
    color: white;
}

#spedizione{
    font-size: 20px;
    padding: 17px 7px;
    color: #0c4999;
    font-weight: 400;
}

.acquistasubito{
    margin-top:0px;
    background:#243b5e;
    border-radius: 32px;
    font-size: 25px;
    padding: 10px 50px;
    margin-top:30px;
}

#acquistasubito{
    background: #0c4999;
    padding:10px 30px; 
    font-size: 28px;
    color:white;
    border-radius: 50px;
    font-weight: 400;
    bottom: 5px;
    right: 0px;
    position: absolute;
}

.button_container{
    width:100%;
    margin:50px 0px;

}

.blockquote {
    font-style: italic;
    margin: 1.5em 10px;
    padding: .5em 10px;
    quotes:  '\201c' '\201d';
}

.blockquote:before {
    color: #ccc;
    content: open-quote;
    font-size: 4em;
    line-height: .1em;
    margin-right: .25em;
    vertical-align: -.4em;
}

.blockquote p {
    display: inline;
}

#featured3{
    background-color: rgb(155, 194, 63);

    background-image: url('img/fondo-persone-full.png');
    background-repeat: no-repeat;
    background-position: 0% 100%;
    background-size: contain;
    padding-bottom:210px;
    padding-top: 10px;
}

input{
    font-size: 20px;
    width: 98%;
}

select{
    width:99%;
}

.fondocountdown{
    margin:0px 0px;
    width: 360px;
    background: #ccff33; 
    border-radius: 50px;
}

#provincia{
    float: left;
    width: 70px;
    margin-right: 20px;height: 32px;
}

#citta{
    float: left;
    width: 160px; height: 32px
}

@media screen and (min-width: 992px) and (max-width:1199px){


    #secondimage{

      height: 230px;
bottom: 0px;
left: 270px;
    }

    .headline{
        font-size: 45px;
        padding-bottom: 20px;
        line-height: 40px;
    }

    .subline{

        font-size: 26px;
    }

    .sale{
        font-size: 21px;

    }

    .badprice{
        font-size: 35px;

    }

    .okprice{
        font-size: 45px;

    }

    #spedizione{
        font-size: 20px;
    }

    #acquistasubito{
        font-size: 22px;
    }


}

@media screen and (min-width: 768px) and (max-width:991px){




    #secondimage{

       height: 200px;
left: 190px;
bottom: 10px;
    }

    .headline {
        font-size: 34px;
        line-height: 30px;
        padding-bottom: 11px;
    }

    .subline {

        font-size: 23px;
    }

    .final{
        margin-bottom: 25px;
    }

    .sale{
        font-size: 16px;
    }

    #prices{

        margin-top:-20px;
    }

    .badprice{
        font-size: 25px;

    }

    .okprice{
        font-size: 32px;

    }

    #spedizione{
        font-size: 18px;
    }

    .acquistasubito{
        font-size: 20px;
        margin-top:10px
    }

    #featured3{
        padding-bottom: 380px;
        background-image: url('img/fondo-persone-768.png')
    }

    .fondocountdown{

        width: 340px;

    }
}



@media screen and (min-width: 600px) and (max-width: 767px){

    #newstar{
        width:90%;
        left:5%;

    }

    .intro-header{
        padding-top:15px;
    }

    .headline{
        font-size: 55px;
        line-height: 50px;
    }

    #bs-example-navbar-collapse-1{
        background:white;
    }

    .navbar{
        background-color:rgba(255, 255, 255, 0);
        border:0px solid white;
    }

    .navbar-toggle button{
        border: 2px solid white;
        background: #ddd;
    }

    #firstimage{
        max-width: 300px;
    }

    #secondimage{
       height: 330px;
left: 290px;
bottom: 20px;

    }

    .badprice{
        font-size: 36px;

    }

    .okprice{
        font-size: 46px;

    }

    .button_container{
        text-align: center;
    }

    .content-section-a{
        padding:20px 0px;
    }

    #featured3{
        padding-bottom: 380px;
        background-image: url('img/fondo-persone-768.png')
    }
}

@media screen and (min-width: 500px) and (max-width: 600px){

    #newstar{
        width:90%;
        left:5%;

    }

    .intro-header{
        padding-top:15px;
    }

    #bs-example-navbar-collapse-1{
        background:white;
    }

    .navbar{
        background-color:rgba(255, 255, 255, 0);
        border:0px solid white;
    }

    .navbar-toggle button{
        border: 2px solid white;
        background: #ddd;
    }


    #rowheader{
        padding-top:10px;
    }

    .headline{
        font-size: 45px;
        line-height: 40px;
        padding-bottom: 20px;
    }

    .subline{

        font-size: 23px;
    }

    .sale{
        font-size: 22px;

    }

    #prices{
        margin-top:-30px;
    }

    .badprice{
        font-size: 28px;

    }

    .okprice{
        font-size: 36px;

    }

    #spedizione{
        font-size: 18px;
    }

    #acquistasubito{
        font-size: 10px;
    }

    #secondimage{
     left: 240px;
bottom: 10px;
height: 240px;
    }

    #firstimage{
        max-width: 220px;
    }

    .button_container{
        text-align: center;
    }

    .content-section-a{
        padding:20px 0px;
    }

    #featured3{
        padding-bottom: 380px;
        background-image: url('img/fondo-persone-768.png')
    }
}

@media screen and (min-width: 320px) and (max-width: 499px){

    .cbx-subscriber{
        margin-top:10px !important;
        margin-bottom:120px;
    }


    #newstar{
        width:90%;
        left:5%;

    }

    .intro-header{
        padding-top:15px;
    }

    #bs-example-navbar-collapse-1{
        background:white;
    }

    .navbar{
        background-color:rgba(255, 255, 255, 0);
        border:0px solid white;
    }

    .navbar-toggle button{
        border: 2px solid white;
        background: #ddd;
    }

    #rowheader{
        padding-top:10px;
    }

    .headline{
        font-size: 28px;
        line-height: 28px;
        padding-bottom: 20px;
    }

    .subline{

        font-size: 23px;
    }

    .sale{
        font-size: 19px;

    }

    #prices{
        margin-top:-30px;
    }

    .badprice{
        font-size: 28px;

    }

    .okprice{
        font-size: 36px;

    }

    #spedizione{
        font-size: 15px;
    }

    #acquistasubito{
        font-size: 10px;
    }

    #firstimage{
        max-width: 180px;
    }

    #secondimage{
       left: 165px;
bottom: 20px;
height: 160px;

    }

    .button_container{
        text-align: center;
        margin:40px 0 px;
    }

    .content-section-a{
        padding:20px 0px;
    }

    #featured3{
        background-image: url('img/fondo-persone-360.png');
        padding-bottom: 200px;
    }

    .featured31{
        width:100%;
    }
}



.secondcolumn{
    padding-top:100px;
}

.featured{
    padding: 50px 0;
}

.order_button{
    padding: 50px 0px;
}


#featured2{
    color:white; 
    background: url('img/featuredtwofondo.png');  

    background-repeat: no-repeat;
    background-size: cover;
}

#testimonials{
    background: #243b5e !important;
    color: #fff;
    letter-spacing: 1px;
}

#testimonials .title{

    text-align: center;
}

#contact{
    color:#243b5e; 
    background:#243b5e;  

    background-repeat: no-repeat;
    background-size: cover;
}

#contact .container{
    padding:25px;
}

.bad-price{
    float:left;
    font-size: 40px;
    text-decoration: line-through;
    padding-right:1em
}

.ok-price{
    float:left;
    font-size: 60px;
    font-weight: bold;
    color:#3366cc;
}



.register_button{
    padding: 50px 0px;
    float:right;

}

.register_button a{
    background: #ffff00;
    color:#243b5e;
}




@media screen and (max-width: 320px) {

    h2.section-heading{
        font-size: 25px
    }
    /*        .intro-message img{
                width: 80px;
            }*/
    p.lead{
        font-size: 15px
    }
    .order_button{
        text-align: center;
    }

    #testimonials{
        padding:20px 0;
    }

    #testimonials h1{

        font-size: 18px;
    }

    #contact .container{
        padding:10px;
    }

    /*        .intro-header{
                padding-top:0px;
                padding-bottom:0px;
            }*/
}


@media screen and (min-width: 320px)and (max-width: 500px) {



    .order_button{
        text-align: center;
    }



}

@media screen and (min-width: 501px) and (max-width: 767px) {

    .order_button{
        text-align: center;
    }
}

@media screen and (max-width: 991px) {
    #featured2{
        background: gb(94,129,11) !important;
	background-image:none !important;
    }

    #contact .container{
        padding:20px;
    }




}


.form-error{
    color:red;
}

a.btn{
    background: rgb(94,129,11) !important;
    border-color: rgb(94,129,11) !important;
}