/*CSS DOC by MS*/

body{
	font-family: "Lato" , sans-serif!important;
	height:100%;
	}
article h2 {
    font-weight: bold;
    font-size: 25px;
    margin-top: 2em;
    margin-bottom: 2.1em;
}
article p {
	width: 57%;
    font-size: 1.25em;
    margin: 0 auto;
    margin-bottom: 8em;
}
header{height:100%}

.bord{border:1px solid #000;}

.hero_area{
	background: url('../img/bkg.png') no-repeat; 
	background-size:100%;
	background-position: -10%;
	background-attachment: fixed;
    background-size: cover !important;
	}

.logo {
	margin-top:3em;
	width:180px;
	margin-bottom:2.5em;
	margin-right:2em;
}

.payoff{
	color:#fff;
	font-weight:bold;
	font-size:1.2em;
	position: relative;
    top: 9px;
}

.white_head_1 h1 {font-size:30px;font-weight:bold;margin-top: -2px;}
.white_head_1 {
	padding:1em;
	font-size: 1.5em;
	color:#222;
	width: 38%;
	background:#fff;
	margin-bottom:1em;
}

.white_head_2 {
	padding:0.8em;
	font-size: 1.5em;
	color:#222;
	width: 38%;
	background:#fff;
	margin-bottom:1em;
}

.white_head_2 p {font-size:16px;}

.white_head_3 {
	padding:0.8em;
	font-size: 1.5em;
	color:#222;
	width: 38%;
	background:#fff;
	margin-bottom:1em;
}

.white_head_3 p {font-size: 14px;}

.stripe_register_full{
	background: #333;
    padding-top: 2em;
    padding-bottom: 2em;
}

.cta_headline{
	color:#fff;
	text-align:center;
	font-size: 1.2em;
}
.register_form{
	
}

.element_form{
	width: 58%;
    margin: 0 auto;
    text-align: center;
    padding: 2em;
    position:relative;
}

.email_input{
	z-index: +30;
    padding: 18px;
    left: 31px;
    position: absolute;
    bottom: 31px;
    width: 68%;
    border: 0;
}
	
.triangle{
	background: url('../img/triangle.png') no-repeat;
	height:30px;
	width:60px;
	z-index: +30;
    right: 12%;
    position: absolute;
    bottom: -36px;
	
	}

.button_submit{    
	width: 100%;
    position: relative;
    text-align: right;
    border: 0;
    z-index: 5;
    padding: 1.5em;
    font-weight: bold;
    color: #fff;
    background-color: #ff7f2a;
    padding-right: 30px;
    }
    
.big_img_parallax{
	background: url('../img/legno.png') no-repeat;
	background-size:100%;
	background-attachment: fixed;
    margin-bottom: 2em;
    background-size: cover !important;
}
.point{color:#fff;}

.img_point{
	border: 20px solid #fff;
    position: relative;
    top: -80px;
    width: 100%;
}

.point h4 , .point p {position:relative;top:-70px;}

.button_cta{
	background: #ff7f2a;
    color: #fff;
    padding: 1em;
    font-size: 1.8em;
    padding-left: 1.5em;
    padding-right: 1.5em;
    font-weight:bold;
}

.button_cta:hover , .button_cta:active{color:#fff;text-decoration:none;cursor:pointer;}
	
.close_landing{margin-bottom:4em;}

.tryout  {
	font-size: 1.5em;
    margin-bottom: 3em;
    margin-top:2em;
    font-weight:bold;
}

.whitespace{height:8em; width:100%}
.example{font-size:2.5em;font-weight:bold;color:#ff7f2a;}
.logo_footer{width:120px;}
.subt{    
	font-size: 1.6em;
	margin-top: 1em;
}

footer{
	background: #333;
    padding-top: 2em;
    padding-bottom: 2em;
    color:#fff;
}

.footer_full{}



/* PANEL - PANNELLO ORDINI */

.quantita{
	font-size: 1.1em;
    font-weight: bold;
   margin-top: -10px;
    margin-bottom: -10px;
    display: block;
}
.quantita span {
    -webkit-user-select: none; /* webkit (safari, chrome) browsers */
    -moz-user-select: none; /* mozilla browsers */
    -khtml-user-select: none; /* webkit (konqueror) browsers */
    -ms-user-select: none; /* IE10+ */
}
.min{background-color:#ccc;padding:0.5em;cursor:pointer;}
.plus{background-color:#ccc;padding:0.5em;cursor:pointer;}
.kg{padding:1em;margin-left:15px;margin-right:5px;width: 50px;
    display: inline-block;}


/* CART */
.cart_item{
	margin: 1em;
    padding: 5px!important;
    font-size: 1em!important;
    display: inline-block!important;
    margin-bottom: 12px!important;
	
}

.table>tbody>tr.active>td, .table>tbody>tr.active>th, .table>tbody>tr>td.active, .table>tbody>tr>th.active, .table>tfoot>tr.active>td, .table>tfoot>tr.active>th, .table>tfoot>tr>td.active, .table>tfoot>tr>th.active, .table>thead>tr.active>td, .table>thead>tr.active>th, .table>thead>tr>td.active, .table>thead>tr>th.active{
background-color:#D9EBEB !important;
}

#subtot,#total{
	font-size:2em;
	color:green;
	font-weight:bold;
	display:inline-block;
}
#subtot.discounted{
    color: red;
    text-decoration: line-through;
}
#coupon_error{
    margin-left:10px;
    color:red;
    font-weight: bold;
}

#conf_consegna{width:100%;}
#conf_consegna input {width:100%;margin-bottom:1em;    padding: 1em;}
#conf_consegna input[type="submit"]{
	background-color:orange;
	font-size:1.5em;
	padding:1em;
	border:0;
}
.email_input{font-size:20px;    padding: 14px;}

.email_input::-webkit-input-placeholder {
   color: #ff7f2a;
   font-size:1em;
}

.email_input:-moz-placeholder { /* Firefox 18- */
    color: #ff7f2a;
   font-size:1em;
}

.email_input::-moz-placeholder {  /* Firefox 19+ */
    color: #ff7f2a;
   font-size:1em;
}

.email_input:-ms-input-placeholder {  
   color: #ff7f2a;
   font-size:1em;
}

/* SHOUT BOX */

/* ------- The main content ------- */

.shoutbox {
    max-width: 474px;
    margin: 0 auto;
    overflow: hidden;
}

.shoutbox h1 {
    background-color:  #87bfef;
    box-shadow: 0px 1px 1px 0.00px rgba(0, 0, 0, 0.1);
    width: 100%;
    position: relative;
    height: 46px;
    text-align: left;
    margin: 0;
    padding-left: 20px;
    color:  #ffffff;
    font-size: 16px;
    font-weight: bold;
    line-height: 46px;
}

.shoutbox h1 img {
    position: absolute;
    top: 13px;
    right: 35px;
    width: 17px;
    height: 18px;
    float:right;
    cursor: pointer;
}


/* ------- The comments content ------- */

.shoutbox-content {
    list-style: none;
    width: 100%;
    margin: 0;
    padding: 0;
    color:  #df377a;
    font-size: 14px;
    font-weight: 700;
    text-align: left;
}

.shoutbox-content li {
    padding: 20px;
    border-bottom: 1px solid #d5dbe1;
}

.shoutbox-username {
    display: inline;
    color:  #df377a;
    font-size: 14px;
    font-weight: bold;
    text-align: left;
    margin-right: 5px;
}

.shoutbox-comment {
    display: inline;
    color:  #717c87;
    font-size: 14px;
    font-weight: 400;
    line-height: 21px;
    text-align: left;
}

.shoutbox-comment-details {
    width: 100%;
    margin: 5px auto;
    height: 11px;
}

.shoutbox-comment-reply {
    display: inline-block;
    float: left;
    color:  #5896cb;
    font-size: 12px;
    font-weight: bold;
    line-height: 20px;
    text-align: left;
    height: 9px;
    cursor: pointer;
}

.shoutbox-comment-ago {
    display: inline-block;
    float: right;
    color:  #9aa1a7;
    font-size: 11px;
    font-weight: normal;
    line-height: 20px;
    text-align: right;
    height: 11px;
}


/* ------- Writing a new comment form ------- */

.shoutbox h2 {
    position: relative;
    background-color:  #f9fafb;
    border-bottom: 2px solid #e2e8eb;
    max-width: 100%;
    height: 45px;
    margin: 0;
    text-align: center;
    color:  #df377a;
    font-size: 14px;
    font-weight: bold;
    line-height: 45px;
    cursor: pointer;
}

.shoutbox h2 span {
    display: none;
    position: absolute;
    float: right;
    right: 13px;
    font-size: 22px;
    top: 0;
    width: 20px;
    height: 20px;
    z-index: 20px;
}

.shoutbox-form form {
    display: none;
    background-color:  #f9fafb;
    box-shadow: 0px 2px 0px 0.00px #e2e8eb;
    max-width: 100%;
    text-align: left;
    padding: 20px 20px 30px;
}

.shoutbox-form form label {
    display: inline-block;
    color:  #df377a;
    font-size: 14px;
    font-weight: 700;
    text-align: left;
    width: 80px;
    height: 11px;
    line-height: 11px;
    margin-bottom: 15px;
}

.shoutbox-form form .shoutbox-comment-label {
    position: relative;
    top: -75px;
}

.shoutbox-form form #shoutbox-name {
    display: inline-block;
    background-color: #ffffff;
    box-shadow: 1px 3px 0px 0.00px rgba(0, 0, 0, 0.04);
    border: 1px solid #bfcdda;
    outline: none;
    max-width: 170px;
    width: 100%;
    height: 41px;
    font-size: 14px;
    margin-right: 150px;
    margin-bottom: 20px;
    padding: 0 10px;
    box-sizing: border-box;
    color:inherit;
}

.shoutbox-form form #shoutbox-comment {
    background-color: #ffffff;
    box-shadow: 1px 3px 0px 0.00px rgba(0, 0, 0, 0.04);
    border: 1px solid #bfcdda;
    outline: none;
    max-width: 320px;
    width: 100%;
    height: 76px;
    margin-bottom: 20px;
    resize: none;
    font-weight: normal;
    font: inherit;
    font-size: 14px;
    padding: 10px;
    box-sizing: border-box;
    color:inherit;
}

.shoutbox-form form input[type=submit] {
    background-color: #87bfef;
    border: 1px solid #e6e7e8;
    box-shadow: 0px 1px 2px 0.00px rgba(0, 0, 0, 0.1);
    width: 110px;
    height: 41px;
    color: #ffffff;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    line-height: 38px;
    outline: none;
    margin-left: 83px;
    cursor: pointer;
}

.error_cap   {
	position: absolute;
    color: red;
    font-weight: bold;
    padding: 1em;
}

.success_cap   {
	position: absolute;
    color: green;
    font-weight: bold;
    padding: 1em;
}