@charset "UTF-8";


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

.show_from_tablet_portrait{
	display: block;
	}

/* GLOBAL LAYOUT
----------------------------------------------------------------------------- */
.page_header {
    margin-bottom: 0;
    padding: 0 40px;
	}

/* Elements Margins & Paddings */
.set_double_margin_bottom{ margin-bottom: 40px; }
.set_double_margin_top{ margin-top: 40px; }
.set_double_padding_bottom{ padding-bottom: 40px; }
.set_double_padding_top{ padding-top: 40px; }

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


/* TYPOGRAPHY
----------------------------------------------------------------------------- */
.focus_content,
.contact_col,
.pre_footer_col,
p,
.big_text p{
	font-size: 18px;
	}

h1{

	}

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

		h1.focus_title,
		.fake_h1 {
			margin-bottom: 20px;
		    font-size: 24px;
			}

		.hp_box_video_text .fake_h1 br{
			display: none;
			}

h2.page_subtitle{
    opacity: 0;
	}

h3{

}

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


h5{

}

	h5.mosaic_item_sub{
	    font-size: 14px;
		}


.readmore{
	font-size: 13px;
	}

/* Bullets */
.top_menu li.menu-item a:before,
.top_menu li.menu-item a:after{
	font-size: 80%;
	}

.bullet_sx,
.bullet_dx{
	display: inline-block !important;
	}

.bullet_sx:before,
.bullet_dx:after{
	position: absolute;
    top: 57%;
    transform: translateY(-52%);
    font-size: 80%;
    height: 0px;
    line-height: 0;
	}

	.bullet_sx:before{ left: -20px; }
	.bullet_sx:after{ right: -20px; }



/* FORMS
----------------------------------------------------------------------------- */
.home .mosaic_item_hp .form_wrapper article{
	display: none;
	}

.page-template-contacts .acceptance{
	max-width: 100%;
	}

input[type="text"],
input[type="email"],
textarea{
	padding: 12px 16px;
	}

.input_wr_required:after {
    right: -16px;
    font-size: 16px;
    height: 9px;
	}



/* FOOTER
----------------------------------------------------------------------------- */

.pre_footer_title{
	font-size: 20px;
	}

.site_footer_info{
	margin-top: 24px;
	}

.site_footer .logo{
	max-width: 62px;
    display: block;
	}

.site_footer .logo img{
	display: block;
	width: 100%;
	height: 100%;
	}

.site_footer .menu a{
	margin: 16px 0 10px 0;
	font-size: 18px;
	}



/* HP SLIDER
----------------------------------------------------------------------------- */
.js_hp_slider .swiper-slide{
    min-height: 48vh;
	}

.apply_dark_layer_half{
    box-shadow: inset 0 0 0 1000px rgba(0,0,0,.35);
	}

/*
.slide_img{
	background-image: none !important;
	position: static !important;
	}
*/

@media (orientation: landscape){
	.js_hp_slider .swiper-slide{
	    min-height: 100vh;
		}

}

.slide_content{
	top: 60%;
	min-width: 66%;
	}


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

.js_slider .slide_content {
    left: 30px;
	}

.js_slider .slide_title br:not(.force_br){
	display: none;
	}

.force_br{
	display: block;
	}

/* Slider Pagination */
.js_hp_slider_pagination.swiper-pagination-bullets {
    max-width: 60px;
	}

.js_hp_slider_pagination .swiper-pagination-bullet{
	min-width: 70px;
    font-size: 16px;
	}

.js_hp_slider_pagination .swiper-pagination-bullet:after{
    width: 30px;
	right: 10px;
	}



/* QUOTES
----------------------------------------------------------------------------- */
.quote p{
    font-size: 22px;
	max-width: 77%;
	}

.quote span,
.about_quote span{
	font-size: 20px;
	}


/* SINGLE GIOIELLI
----------------------------------------------------------------------------- */

/* Prod Meta */
.prod_meta_label{
	min-width: 100px;
	margin-bottom: 4px;
	margin-left: 0;
	}

.prod_meta_label.bullet_dx:after{
	display: none;
	}


/* Prod Info */
.prod_info_label{
    margin-top: 50px;
	font-size: 18px;
	}


/* ABOUT
----------------------------------------------------------------------------- */
.about_quote h6{
	display: block !important;
	}

.about_quote h6::before,
.about_quote h6::after{
	width: 40px;
    height: 41px;
	}

	.about_quote h6::before{
		left: -18px;
	    top: -10px;
		}

	.about_quote h6::after{
		right: -18px;
	    top: 10px;
		}


/* CONTACTS
----------------------------------------------------------------------------- */
.contact_col_social {
    padding-top: 30px;
	}


/* BLOG
----------------------------------------------------------------------------- */
.masonry-sizer,
.masonry-item{
	width: 50%;
	}