/*solve issue of bottom scrollbar*/

.row { margin: 0; padding: 0 }



body {

	font-family: 'Raleway', sans-serif;

}

h1, h2, h3, h4, h5 p {

	color: #535353;

}

h1 {

	text-transform: uppercase;

	color: #08013e;

}

/*header, text carousel and bg image*/

.navbar {

	height: 78px;

}

.navbar h4 {

	margin-top: 8px;

}

#acquista {

	margin-top: -8px;

}

.bgimage {

	background: url('../images/Legs-03.jpg') center  no-repeat;

	height: 600px;

	margin-top: 100px;

	width: 100%;

       }  

.carousel-content {

    align-items:center;

    text-align: center;

    margin-top: 120px;

}



#text-carousel {

  height: auto;

  text-align: center;

  margin: 50px 50px;

}

#text-carousel h1, h3 {



  font-weight: bolder;

  color: #08013e;

}

#panel-carousel {

	background: transparent;

}

.carousel-inner {

	width: 90%;

}



.hr-short {

	width: 140px;

	color: #272822;

}



/*content*/

.page1 h1 {

text-align: center;

margin-top: 50px;

}

.panel-success>.panel-heading {
	background-color: red;
	border-color: red;
}

.page2 {

	padding: 20px;

}

.page2 a,
.dark-break a {
	background-color: #000;
	color: white;
	border-radius: 4px;
	font-weight: bold;
	text-transform: uppercase;
	padding: 15px 20px;

}

.acquistaBtn {
	margin-top: 40px;
	text-align: center;
}

.page2 h3 {

	padding: 0px 0 5px 0;
    font-weight: normal;
    text-align: center;

}

.page2 h4 {

	color: #08013e ;
	text-align: center;
	line-height: 35px;

}

.collapsible {
	margin: 40px 0 100px 0;
}

.collapsible h4 {

	color: white;

	font-weight: bold;

	font-size: 30px;

	font-style: normal;

	text-align: center;

}

.panel-collapse {



	background-color: #ffe793;

	font-style: italic;

	text-align: center;

}



/*section Chi L'ha Provata*/



.dark-break {

	background-color: #535353;

	text-align: center;

	padding: 50px 0;

}



.dark-break h1 {

	color:  #fff;

	padding: 20px;

}

.dark-break h4 {

	color: #fff!important;

padding-bottom: 20px;

}

#testimonial,
#slider {
	background-color: #fafafa
}

#slider-thumbs ul {
	margin-left: 0;
}

#slider-thumbs {
	padding-top: 60px;
	text-align: center;
}

.provata .container {

	margin-top: -11px;

}

.hrprovata {

	width: 250px;

	color: #fff;

}

.list-inline {

	margin-left: 80px;

}

.list-inline img {

	width: 80px;

	padding: 0;

	margin: 25px 25px 25px 25px;

}

.carousel-inner {

	margin-left: 50px;

}

.selected img {

	opacity:0.5;

}



.item {

	text-align: center;

}

.provata h1 {

	text-align: center;

	margin-top: 0px;

}

.provata h4 {

	text-align: center;

	line-height: 30px;

	color: #272822;

}





/*Punti di forza*/


#countdown2 {
	color: orange;
	font-weight: bold;
	font-size: 30px;
}


.puntiforza {

	text-align: center;

	padding-top: 50px;
	padding-bottom: 50px;

}

.puntiforza h1 {

	margin-top: 50px;

}

.acquista-subito h1, .acquista-subito h4 {
	color: white !important;
}

.acquista-subito h1 {
	padding-top: 50px;
}

.puntiforza h4 {

	line-height: 35px;

	padding-bottom: 10px;

	color: #272822;

}

.cl-effect-21 a {

	color: red !important;
}




/*jumbotron boxex but*/

.jumbotron  {

	width: 100%;

	height: 100%;

	display: inline-block;

vertical-align: middle;

}

.jumbobuy h5 {

	text-transform: uppercase;

	font-size: 20px;

	margin-top: -10px;

	margin-bottom: 60px;

}

.jumbotron, .table, .two-third, .mask, .price-wrap {

	text-align: center;

}

.price-wrap {

	width: 100%;

    height: 80px;

    background: #ff5719;

    -moz-border-radius: 50px;

    -webkit-border-radius: 50px;

    border-radius: 50px;

}

.price-wrap h4 {

	padding-top: 20px;

	font-size: 36px;

	color: #fff;

}

.arrow_box {

	position: relative;

	background: #ff5719;

}

.arrow_box:after {

	top: 100%;

	left: 50%;

	border: solid transparent;

	content: " ";

	height: 0;

	width: 0;

	position: absolute;

	border-color: rgba(255, 87, 25, 0);

	border-top-color: #ff5719;

	border-width: 10px;

	margin-left: -5px;

}

.table-link {

	margin-top: 30px;

	font-size: 14px;

	}



.onlyonline {

	text-align: center;

	background-color: #535353;

	padding: 10px;

	margin-top: 100px;

}

.onlyonline h1 {
	color: #000;
	margin-top: 20px;
	line-height: 30px;
	padding-bottom: 0px;
}

.onlyonline h4 {

	color: #000;
	margin-top: 20px;
	line-height: 30px;
	padding-bottom: 50px;
}

.onlyonline hr {

	width: 230px;

	margin-top:0;

	margin-bottom: -10px;

}

.button {

    display: inline-block;

    padding: 1em;

    background-color: #79BD9A;

    text-decoration: none;

    color: white;

}



/*contact form*/

.contact {

	margin-bottom:80px;

	text-align: center;

}

.contact h5 {



	line-height: 35px;

	margin: 30px 0 50px 0;

}

}

.contact h4{

	color: #535353;

}

.contact h1 {

	margin-top: 100px;

}

#name, #email, #msg_subject, #msg_subject, #message {

	padding-left: 15px;

}



/*media queries, only few*/



@media (max-width: 767px) {

	.collapsible {

		padding: 0;

		margin:0;

	}

	.price-wrap {

    margin-left: 0;

}

}



/* separator*/

/* can't fix it the same as the carousel after ew changs and I'm not able to go back

.or-spacer {

    margin-top:25px;

    width:400px;

    position:relative;

}

.or-spacer .mask {

    overflow:hidden;

    height:20px;

}

.or-spacer .mask:after {

    content:'';

    display:block;

    margin:-25px auto 0;

    width:100%;

    height:25px;

    border-radius:125px / 12px;

    box-shadow:0 0 8px black;

}

.or-spacer span {

    width:50px;

    height:50px;

    position:absolute;

    bottom:100%;

    margin-bottom:-25px;

    left:50%;

    margin-left:-25px;

    border-radius:100%;

    box-shadow:0 2px 4px #999;

    background:white;

}

.or-spacer span i {

    position:absolute;

    top:4px;

    bottom:4px;

    left:4px;

    right:4px;

    border-radius:100%;

    border:1px dashed #aaa;

    text-align:center;

    line-height:40px;

    font-style:normal;

    color:#999; 

}*/

.affrettati {
	text-align: center;
    font-weight: bold;
    font-size: 20px;
    text-transform: uppercase;
    margin-top: 20px;
    color: red;
}

.nomargin {
	margin: 0;
	padding: 0;
}

/*** Responsive***/

@media screen and (max-width: 767px) {
	.page1 {
		margin-top: 100px;
	}

	.carousel-inner {
		margin-left: 0;
		margin-right: 0;
		width: 100%;
		padding-top: 60px;
	}

	.carousel-inner h4 {
		line-height: 30px;
	}
}