/* COMMON */

a, h1, h2, h3, h4, h5, h6{
	color: DarkCyan;
}
#pageFooter{
	color: darkgray;
}

.group-title{
	margin-top: 0;
}

.page-description {
	margin-bottom: 40px;
}

.section .banner{
	margin-bottom: 0;
}

.section.section-banner{
	margin-bottom: 80px;
}
.section.section-banner + .section{
	margin-top: 0;
}

.content.center > p{
	text-align: center;
	margin-bottom: 0.5em;
}

.page-description i,
.page-description em {
	font-style: normal;
}




.page-header .desktop,
.section-banner .desktop {
	display: block;
}
.page-header .mobile,
.section-banner .mobile {
	display: none;
}

/* PROMOTION */

.count-down{
	text-align: center;
	font-family: HeaderFont;
}

.count-down .title{
	display: block;
	color: red;
	font-size: 2em;
	
}

.count-down .result{
	display: block;
	font-size: 1.2em;
	color:orange;
	font-style: italic;
}

.section .promotion{
	margin-top: 0;
	margin-bottom: 0;
}

/* PRODUCT DETAILS */

.product-info .properties > div,
.product-info > div {
	line-height: 1.5em;
	margin-top: 1em;
}

.product-info .collection{
	text-transform: uppercase;
	letter-spacing: 0.1em;
}

.product-info .title{
	font-weight: bold;
  	font-size: 1.3em;
}

.product-info .price{
	font-size: 1.2em;
}

.product-info .count-down{
	text-align: left;
    margin-top: 1em;
}

.product-info .count-down .title{
    font-size: 1em;
    color: gray;
    font-weight: normal;
}

.product-info .count-down .result{
    font-size: 1em;
    color: gray;
}

.product-info #btn-buy{
	margin-top: 3em;
}
.product-info #btn-buy,
#buyModal input[type='submit'] {
	background-color: DarkTurquoise;
    color: white;
    padding: 1em;
    width: 100%;
    text-transform: uppercase;
    font-size: 1.2em;
}
.product-info .properties{
	margin-top: 3em;
}

.product-info .properties > div{
	display: block;
	overflow: hidden;
}

.product-info .properties .label {
	text-transform: uppercase;
    font-size: 0.9em;
    margin-right: 0.5em;
    float:left;
    display: inline-block;
}
.product-info .properties .label:after,
.product-page .description-label:after{
	content:':';
}

.product-info .properties .value {
	float:left;
    display: inline-block;
    text-align: left;
}

.product-page .product-slider {
	margin-bottom: 2em;
}

.product-page .description.content{
	margin-top: 60px;
}

.product-page .description-label{
	font-family: HeaderFontLight;
	text-transform: uppercase;
    font-size: 1em;
    letter-spacing: 0.2em;
}
.product-page .description-content{
	margin-left: 1em;
	margin-top: 1em;
	line-height:2em;
}


#buyModal .description:after{
	content: none;
}
.modal-dialog .socials,
.socials.center {
	text-align: center;
}

.modal-dialog .socials > a:last-child{
	margin-right: 0;
}

.product-page .main-menu .home-item,
.mean-bar.in-white a.home-item,
.product-page .main-menu a {
	color: white;
}

.product-page .section-banner .title .version {
	display: block;
}

.product-page .section-banner .title .extra {
	display: block;
	font-size: 0.8em;
	font-weight: normal;
	margin-top: 0.3em;
}




/* ITEM */
.items .item .title .name{
	overflow: initial;
    white-space: initial;
    font-size: 1.1em;
}

.item .name-link{
	display: inline;
}

.items .item {
	padding-left: 30px;
	padding-right: 30px;
}

.item .sale, .product-sale {
	display: inline-block;
    position: absolute;
    top: 30px;
    right: 30px;
    background: crimson;
    color: white;
    padding: 0.3em 0.6em 0.3em 1em;
    font-size: 1.3em;
    font-weight: bold;
}

.item .ver{
	font-size: 0.85em;
    letter-spacing: 0.1em;
}

.product-sale {
	right: 0;
}

.items .item .extra-title{
	font-style: italic;
	color: darkgray;
	font-size: 0.85em;
}

/* CODE */
.code-tag {
	color: white;
	background: lightgray;
	display: inline-block;
	font-size: 0.8em;
	letter-spacing: 0;
	font-family: 'HeaderFont';
	text-transform: uppercase;
	font-style: normal;
	font-weight: normal;
	padding: 0.05em 0.3em 0.15em 0.5em;
	border-radius: 0.3em;
}

.items .item .code-tag {
    margin-right: 0.4em;
}

.group-title .code-tag{
	line-height: 1.5em;
	padding: 0.2em 0.5em;
}

.product-info .code-tag {
    font-size: 0.65em;
    margin-right: 0.5em;
    padding: 0.1em 0.3em 0 0.3em;
    line-height: 1.7em;
}

.code-tag.acc {
	background: MediumTurquoise;
}

.code-tag.por {
	background: Violet;
}

.code-tag.dol {
	background: Tan;
}

.code-tag.woo {
	background: SandyBrown;
}

.code-tag.wat {
	background: SkyBlue;
}

.code-tag.min {
	background: LightCoral;
}

.code-tag.vin {
	background: DarkKhaki;
}

/* PRICE */
.price {
	display: block;
}

.price .final-price {
	font-weight: bold;
	font-style: normal;
	color: OrangeRed;
}

.price .pre-price {
	color: darkgray;
	font-style: italic;
	text-decoration: line-through;
	font-size: 0.9em;
	margin-left: 0.5em;
}

.item .price{
	margin-top: 0.5em;
}


/* BUY MODAL */

#buyModal textarea{
	height: 7em;
}


#buyModal .modal-body{
	padding: 1rem 3.5rem;
}

#buyModal .modal-header{
	border-bottom:0;
}
#buyModal .modal-title{
	text-align: center;
	text-transform: uppercase;
	font-style: italic;
	font-size: 2.5em;
	width:100%;
	margin: 0 auto;
	letter-spacing: 0.2em;
}
#buyModal .modal-title:after{
	content:'';
	display: block;
	width: 20%;
	height:1px;
	background: #8aadb7;
	opacity: 0.3;
	margin: 20px auto 0 auto;
}
#buyModal .description:after{
	margin-top: 30px;
	margin-bottom: 30px;
}
#buyModal h6{
	font-weight: bold;
	text-transform: uppercase;
	font-size: 1.1em;
	margin: 1em 0;
	letter-spacing: 0.2em;
	font-weight: bold;
}
#buyModal .ordered{
	padding: 1rem 3.5rem;
	overflow: hidden;
	margin-left: -3.5rem;
	margin-right: -3.5rem;
	margin-bottom: 50px;
	margin-top: 25px;
}
#buyModal .ordered .thumbnail{
	float:left;
	width: 140px;
	height: 120px;
	margin-right: 20px;
}
#buyModal .ordered .thumbnail img{
	width: 100%;
	height:100%;
	object-fit: cover;
}
#buyModal .ordered .info{
	float:left;
}
#buyModal .ordered .title{
	font-size: 1.1em;
	text-transform: uppercase;
}

#buyModal .price{
	font-weight: bold;
	margin-top: 0.5em;
}
#buyModal form{
	margin-top: 30px;
}

#buyModal.buy .ordered,
#buyModal.buy input[type="submit"]{
	background-color: SteelBlue;	
}

.product-info .request a.buy{
	background: orange;
}

#buyModal input[type="submit"] + .wpcf7-spinner{
	display:none;
}
#buyModal form p{
	text-align: center;
	line-height: 1;
}
#buyModal .socials{
	margin-bottom: 2em;
}


/* INSTRUCTIONS */

.instructions p.end{
	margin-top: 3em;
}

.instructions p + .row.images {
	margin-top: -15px;
    margin-bottom: 10px;
    margin-left: 15px;
}

.instructions p + .items.images .item {
	padding-left: 15px;
    padding-right: 15px;
}

.instructions p + .items.images .item .thumbnail{
	border-radius: 10%;
	cursor: default;
}
.instructions .socials{
	margin-top: 2em;
}

/* FEEDBACKS */
.feedbacks .group-title{
	margin-bottom: 90px;
}

.feedbacks .items .item {
	padding-left: 15px;
    padding-right: 15px;
}


/* ABOUT */
.about .products-link{
	text-decoration: underline;
}

.fakeheader{
	font-family: HeaderFont;
	font-size: 1.5em;
	font-style: italic;
	color: teal;
	text-align: center;
	margin-bottom: 120px;
	letter-spacing: 0.2em;
    line-height: 2em;
}

.about .items .item {
	margin-bottom: 25px;
	padding-left: 20px;
    padding-right: 20px
}

.about .socials-header {
	margin-top: 30px;
	text-align: center;
}

.about .socials {
	margin-top: 10px;
}


/* HOME */




@media screen and (max-width: 767px){
	.items .item,
	.instructions p + .items.images .item,
	.feedbacks .items .item,
	.about .items .item {
		padding-left: 5px;
    	padding-right: 5px;
	}
	.about .items .item{
		margin-bottom: 5px;
		margin-top: 5px;
	}
	.item .sale{
	    top: 20px;
	    right: 5px;
	    font-size: 1em;
	}

	.modal-dialog {
		margin: 1rem auto;
	}

	#buyModal .modal-title{
		font-size: 1.5em;
	}
	#buyModal .modal-body {
		padding: 0 1rem 1rem 1rem;
	}
	#buyModal h6{
		font-size: 1em;
	}
	#buyModal .ordered{
		padding: 1rem 1rem;
		margin-left: -1rem;
		margin-right: -1rem;
		margin-bottom: 50px;
		margin-top: 25px;
	}
	#buyModal .ordered .thumbnail{
		width: 100px;
		height: 80px;
		margin-right: 10px;
	}
	#buyModal .ordered .title{
		font-size: 1em;
	}

	.page-header .desktop,
	.section-banner .desktop {
		display: none;
	}
	.page-header .mobile,
	.section-banner .mobile {
		display: block;
	}
}

@media screen and (min-width: 768px) and (max-width: 991px) {
	.items .item {
		padding-left: 10px;
    	padding-right: 10px;
	}
	.item .sale{
	    top: 20px;
	    right: 10px;
	    font-size: 1.1em;
	}
	
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
	.items .item {
		padding-left: 20px;
    	padding-right: 20px;
	}
	.item .sale{
	    top: 20px;
	    right: 20px;
	    font-size: 1.2em;
	}
}