@charset "UTF-8";


.logged-in body::after{
	content: "Tablet Landscape";
	background: rgba(255,21,21,0.5);
	}

/* GLOBAL LAYOUT
----------------------------------------------------------------------------- */

/* Elements Margins & Paddings */
.set_margin_bottom{ margin-bottom: 25px; }
.set_margin_top{ margin-top: 25px; }
.set_double_margin_bottom{ margin-bottom: 50px; }
.set_double_margin_top{ margin-top: 50px; }
.set_padding_bottom{ padding-bottom: 25px; }
.set_padding_top{ padding-top: 25px; }
.set_double_padding_bottom{ padding-bottom: 50px; }
.set_double_padding_top{ padding-top: 50px; }


/* Mosaic Elements Padding */
.set_padding {
    padding: 40px;
	}

.set_padding_double {
    padding: 70px 112px;
	}

.set_padding_large{
	padding: 70px 66px;
	}

.mosaic_item{
	background-size: cover;
	}


/* TYPOGRAPHY
----------------------------------------------------------------------------- */
.big_text p{
	font-size: 22px;
	}


h1{

	}


	h1.slide_title,
	h1.page_title,
	h1.focus_title,
	.fake_h1{
		font-size: 36px;
		}

	h1.page_title_404{
		font-size: 80px;
		}

h3{

}

	h3.mosaic_item_title,
	h1.item_category_title{
		font-size: 40px;
		}

	h3.releted_prod_title {
	    font-size: 20px;
	    margin: 18px 0;
		}

h5{

}

	h5.mosaic_item_sub {
		font-size: 17px;
	    margin: 8px 0;
		}

h6{

	}

	.about_quote h6{
	    font-size: 24px;
		}


/* HEADER
----------------------------------------------------------------------------- */

.site_header{
	padding: 30px;
	}

.js_menu_toggle {
    right: 30px;
    top: 30px;
	}


/* Menu Panel */
.js_menu_panel {
    top: 10px;
    bottom: 10px;
    left: 10px;
    right: 10px;
	}

.top_menu li{
    padding: 4px 0;
	}

.top_menu li li{
	padding: 2px 0;
	}



/* FOOTER
----------------------------------------------------------------------------- */
.site_footer_info{
	margin-top: 24px;
	}

.site_footer .menu{
	font-size: 20px;
	}


/* SLIDER
----------------------------------------------------------------------------- */
.slide_content{
    top: 60%;
	}

/* Slider Pagination */
.js_hp_slider_pagination.swiper-pagination-bullets{
	right: 30px;
	top: 53%;
	}

/* About Slider */
.js_slider .swiper-slide {
	min-height: 500px;
	}


/* SINGLE GIOIELLI
----------------------------------------------------------------------------- */
.prod_info {
    margin-top: 50px;
	}



/* ABOUT
----------------------------------------------------------------------------- */
.about_quote{
	min-height: 200px;
	}

.about_quote .dark_img {
	position: absolute;
	height: 100%;
	max-width: 100%;
	overflow: hidden;
	}

.about_quote .dark_img img{
	height: 100%;
    width: auto;
    transform: translate(-50%);
    left: 50%;
    position: relative;
	}

/* PAGE CONTACTS
----------------------------------------------------------------------------- */
.contacts_area{
	display: block;
	}

.contact_col{
	float: left;
	width: 33.33%;
	}

.contact_col_social{
	transform: translateX(50%);
	padding-top: 70px;
	}


/* QUOTES
----------------------------------------------------------------------------- */
.quote {
    background: url('../img/ico_quote_open.png') 30px 30px no-repeat, url('../img/ico_quote_close.png') calc(100% - 30px) calc(100% - 30px) no-repeat;
    background-size: 44px auto;
    background-color: #c8c6c2;
	}