body { font-size:16px;font-family: 'Rubik', sans-serif; font-size:16px; line-height: 1.4}
h1, h2, h3, h4, h5, h6 {font-family: 'Rubik', sans-serif !important;}
p { font-size:16px; line-height: 1.4}
p em { color:inherit}
.t4-content { background: #F4F5F6}
/* TOP
----------------------------*/

/* HEADER
--------------------------*/
#t4-header { z-index: 2; background: none; border: 1px solid rgba(255,255,255,0.1)}
.not-at-top #t4-header {-webkit-box-shadow: 0px 2px 4px 0px rgba(240,235,240,1);
-moz-box-shadow: 0px 2px 4px 0px rgba(240,235,240,1);
	box-shadow: 0px 2px 4px 0px rgba(240,235,240,1); z-index: 20}
#t4-header .container { padding:0;} 
.navbar-brand.logo-text .site-name { color:#fff; text-transform: uppercase; padding-top:10px;font-family: 'Rubik', sans-serif; font-size: 26px; font-weight: 400}
.not-at-top #t4-header,.not-at-top.layout-default #t4-header {
	background-image: -webkit-linear-gradient(top,#5c58dc 0%,#4743d8 100%);
	background-image: -o-linear-gradient(top,#5c58dc 0%,#4743d8 100%);
	background-image: linear-gradient(to bottom,#5c58dc 0%,#4743d8 100%);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5c58dc',endColorstr='#ff4743d8',GradientType=0);
	box-shadow: 0 0 1px rgba(0,0,0,0.15);
	padding-top: 6px;
	padding-bottom: 6px; top:-3px;
}
.not-at-top .navbar-brand.logo-text .site-name { padding-top:8px}
#t4-header .masthead { text-align: center; color:#fff; padding:90px 0 140px; z-index: 99; border-top:1px solid rgba(255,255,255,0.1)}
.layout-default #t4-header .bg-overlay-image { left:-1px; top:-1px}
/*.layout-default #t4-header:before {
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	background: #000;
	z-index: 2;
	opacity: .4; top:-1px; left:0; 
}*/
.layout-default #t4-masterhead:before {
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	background: #000;
	z-index: 2;
	opacity: .4; top:-1px; left:0;
}
#t4-header .mainnav { z-index: 99;}
.layout-default #t4-masterhead { margin-top:-55px}
.layout-default #t4-masterhead .page-title {text-align: center; color:#fff; padding:150px 0 150px; z-index: 99; position: relative}
.layout-default #t4-header { background: none; z-index: 999}
/* SLIDESHOW
--------------------------*/
#t4-slideshow { position: relative; margin-top:-100px;}
#t4-slideshow .camera_overlayer {
	bottom: 0;
	height: 100%;
	left: 0;
	overflow: hidden;
	position: absolute;
	right: 0;
	top: 0;
	width: 100%;
	z-index: 0;
	background: #4743d8;
	opacity: .4;
}
#t4-slideshow .slideshow { position: relative;}
#t4-slideshow .section-shape {
	display: block;
	position: absolute;
	top: 100%;
	left: 0;
	transform: rotateX(180deg);
	-webkit-transform: rotateX(180deg);
	width: 100%;
}
#t4-slideshow .section-shape svg { fill:#f4f5f6; position: absolute}
.camera_caption { top:0; left:20%; max-width: 60%}
.camera_caption > div { background: none!important}
.camera_caption_title { font-size: 40px !important;
color:#fff; text-align: center; font-family: 'Rubik', sans-serif; 
font-weight: 400 !important; opacity: 1; position: relative; z-index: 2;
padding: 0;
line-height: 1.4 !important; margin-bottom:30px}
.camera_caption_desc {
	text-align: center;
	display: table;
	margin: 0 auto;
	float: none; text-transform: uppercase; padding:20px; background: #B32DBC; color:#fff; position: relative; z-index: 2; font-size:16px !important;
}
.camera_caption_desc a { color:#fff;padding:5px 10px !important;}
.camera_caption_desc a:hover { background: #fff !important; color:#000; text-decoration: none}
#t4-slideshow .titolo_desc { position: relative; margin-top:180px; padding:30px;}
#t4-slideshow .titolo_desc .mask {
	background: #000;
	opacity: .4;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0; z-index: 1;
}
#t4-slideshow a:hover { text-decoration: none;}
/* MAIN MENU
----------------------------*/
.t4-navbar { float:none}
.navbar.navbar-expand-lg { float:right}
.t4-megamenu .navbar-nav {float:none; margin: 0;}
.t4-megamenu .navbar-nav li.default { position: relative; -webkit-transition: width 1s;
    -moz-transition: width 1s;
    -o-transition: width 1s;
    transition: width 1s;}
.t4-megamenu .navbar-nav li.default .nav-link img {
	display: block;
	margin: 0 auto; position: absolute; top:0;
	width: 180px;
	height: auto;
	padding: 0;
	margin: 0 30px;
	-webkit-transition: width 1s;
    -moz-transition: width 1s;
    -o-transition: width 1s;
    transition: width 1s;
}
.t4-megamenu .navbar-nav a.nav-link {font-family: 'Rubik', sans-serif; font-weight: 400; color:#fff !important; text-transform: uppercase; padding:15px 15px}
.not-at-top .t4-megamenu .navbar-nav a.nav-link { padding:10px 15px}
.t4-megamenu .mega-nav > li a, .t4-megamenu .dropdown-menu .mega-nav > li a { font-size:14px}
/* PROMO
----------------------------*/
#t4-promo { padding:120px 0 60px; text-align: center}
#t4-promo h1,#t4-promo h1 span {
	text-align: center;
	font-size: 48px;
	line-height: 64px;
	font-weight: 300;
	text-transform: uppercase;
	margin-bottom: 48px;
	width: 80%;
	margin-right: auto;
	margin-left: auto;
	padding: 0; color:#182024;font-family: 'Rubik', sans-serif; position: relative; z-index: 2;
}
#t4-promo h1:after {
	border-left: 150px solid transparent;
	border-right: 150px solid transparent;
	border-bottom: 170px solid #b32dbc;
	content: "";
	left: 50%;
	margin-left: -75px;
	position: absolute;
	z-index: -1; top:-80px;
	-webkit-transform: rotate(70deg);
	-ms-transform: rotate(70deg);
	-o-transform: rotate(70deg);
	transform: rotate(70deg);
}
#t4-promo p {color:#182024; font-size:18px; width: 80%; margin:0 auto;}

/* EVENTI
--------------------------*/
#t4-eventi { padding:30px 0 80px}
#t4-eventi .custom { padding:10px 15px; background: #fff;-webkit-transition: all 500ms;-o-transition: all 500ms;transition: all 500ms;}
#t4-eventi .custom p { line-height: 1.6;color:#182024; min-height: 90px; font-size:14px}
#t4-eventi p a  {
	background: -webkit-gradient(linear,left top,right top,from(#ab01be),to(#ab01be)) !important;
	background: -webkit-linear-gradient(left,#ab01be,#ab01be) !important;
	background: -o-linear-gradient(left,#ab01be,#ab01be) !important;
	background: linear-gradient(to right,#ab01be,#ab01be) !important;
	color: #fff !important;
	opacity: 1;color:#fff; padding:20px 25px; border-radius:50px; -webkit-border-radius:50px; -moz-border-radius:50px; margin-top:30px;    margin: 10px 0 20px;
    display: inline-block;}
#t4-eventi p a:hover { text-decoration: none;}
#t4-eventi .module-ct:hover {
	-webkit-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1);-webkit-transition: transform 350ms;-o-transition: transform 350ms;transition: transform 350ms;
}
#t4-eventi .module-ct:hover .custom {background: #4743d8;
	color: #ffffff;-webkit-transition: transform 350ms;

-o-transition: transform 350ms;

transition: transform 350ms;}
#t4-eventi .module-ct:hover .custom p,#t4-eventi .module-ct:hover h3 { color:#fff}
#t4-eventi .t4-row {
    
}

#t4-eventi .t4-col {
    
}
/* PROMO SOTTO
--------------------------*/
.layout-home .t4-promosotto {
	margin:140px 0 190px; }
.t4-promosotto {
	margin:180px 0 190px; 
	background-image: -webkit-linear-gradient(top,#5c58dc 0%,#4743d8 100%);
	background-image: -o-linear-gradient(top,#5c58dc 0%,#4743d8 100%);
	background-image: linear-gradient(to bottom,#5c58dc 0%,#4743d8 100%);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5c58dc',endColorstr='#ff4743d8',GradientType=0);
}
.t4-promosotto .custom { padding:0}
.t4-promosotto h4 { margin-top:-3px; color:#fff; font-size:42px; margin-bottom:30px;}
.t4-promosotto p { color:#fff; font-size:18px;}
.layout-home .t4-promosotto .section-shape {
	display: block;
	position: absolute;
	bottom: 100%;
	left: 0;
	transform: rotateX(180deg);
	-webkit-transform: rotateX(180deg);
	width: 100%;background: #F4F5F6; margin-bottom:-1px;
}
.t4-promosotto .section-shape {
	display: block;
	position: absolute;
	bottom: 100%;
	left: 0;
	transform: rotateX(180deg);
	-webkit-transform: rotateX(180deg);
	width: 100%;background: #fff; margin-bottom:-1px;
}
.t4-promosotto .section-shape svg { fill:#5c58dc}
.t4-promosotto .section-shape-sotto svg { fill:#F4F5F6}
.t4-promosotto .section-shape-sotto {
	display: block;
	position: absolute;
	top: 100%;
	left: 0;
	transform: rotateX(-180deg);
	-webkit-transform: rotateX(-180deg);
	width: 100%;background: #4743D8; margin-top:-3px
}
/* PREVENTIVO
--------------------------*/
#t4-preventivo{margin-top:-3px; padding-bottom:60px}
#t4-preventivo .preventivo_form { margin-top:-30px}
#t4-preventivo .module-title,#t4-preventivo .module-title span { border-bottom:none; color:#182024; font-size:32px; font-family: 'Rubik', sans-serif; font-weight:400}
#t4-preventivo p {color:#182024; font-size:16px}
#t4-preventivo p strong { font-size:24px;}
#t4-preventivo ul#favsocial-list { padding-left:0}
#t4-preventivo ul#favsocial-list .favsocial { width: 42px; height:42px}
#t4-preventivo ul#favsocial-list .fab { font-size:36px !important}

#t4-preventivo p.chiama_ora a{ color:#fff; background: #4B47D8;
	opacity: 1;color:#fff; padding:10px 25px; border-radius:20px; -webkit-border-radius:20px; -moz-border-radius:20px;  margin: 20px 0 40px;
    display: inline-block;text-transform: uppercase}
#t4-preventivo p.chiama_ora a:before {content: "\f095";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    color: #fff;
    font-size: 26px; vertical-align: middle; padding-right:10px; }
#t4-preventivo p.chiama_ora a:hover { text-decoration: none}
.preventivo-1{ margin-top:50px;}


/* MAPPA
--------------------------*/
#t4-mappa { margin:160px 0 0}
#t4-mappa .vikgm_cnt_container { background:#C9A35A; }
#t4-mappa .vikcnt_left .vikgm_cnt_container { height: auto; top:-80px; left: inherit; right:100px; width: 420px}
#t4-mappa .vikcnt_left .vikgooglemaps_content { width:100%}
#t4-mappa .vikgm_cnt_item.vikgm_cnt_title h2{ text-align: center; color:#fff;font-family: 'Montserrat', sans-serif; }
#t4-mappa .vikgm_cnt_textone { color:#231F20;font-family: 'Montserrat', sans-serif; }
#t4-mappa .vikgm_cnt_textone a { color:#231F20}

/* OFF CANVAS
-----------------------------*/

/* INFO
----------------------------*/


/* NEWSLETTER
------------------------------*/

/* FOOTER
------------------------------*/
#t4-footnav ul#favsocial-list.favsocial-right { float:right; padding-left:0; position: relative; z-index: 99}
#t4-footnav ul#favsocial-list.favsocial-right li { margin:0 10px 0 0 !important}
#t4-footnav ul#favsocial-list.favsocial-right li:before { content:''}
#t4-footnav ul#favsocial-list.favsocial-right li a { background: #C9A35A !important; padding:5px; border-radius: 100%}
#t4-footnav ul#favsocial-list.favsocial-right li a .fab {font-size:22px !important; padding:5px 0 !important; line-height: 1; color:#231F20 !important}
#t4-footnav .t4-module .module-title { font-size:32px; border-bottom:none; text-align: center; color:#C9A35A;font-family: 'Cardo', serif; margin-top:40px; font-weight: 400}
#t4-footnav .t4-module .module-title span{ border-bottom:none;}
#t4-footnav .t4-module ul li {}
#t4-footnav .social_footer { margin-top:-70px}
#t4-footnav .social_footer .favth-clearfix { display: table; width: auto !important; margin:0 auto;}
#t4-footnav img { margin-top:20px}
#t4-footnav ul { padding:0;}
#t4-footnav ul li { display: inline-block; margin-right:10px;}
#t4-footnav ul li:last-child { margin-right:0}
#t4-footnav ul li:before{
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit; padding-right:5px;}
#t4-footnav ul li.indirizzo:before { content: "\f041"}
#t4-footnav ul li.telefono:before { content: "\f095"}
#t4-footnav ul li.email:before { content: "\f0e0"}
.t4-footer { text-align: center; font-size:12px; font-family: 'Montserrat', sans-serif;}
#t4-footnav .t4-module { font-size:16px; color:#fafafa}
#t4-footnav .contatti { text-align: left}
#t4-footnav .contatti .t4-module .module-title { text-align: left;}
#t4-footnav .contatti .t4-module { padding-left:30px;}
#t4-footnav .contatti .t4-module ul li { display: block; text-align: left; color:#ccc; font-family: 'Montserrat', sans-serif; margin-bottom:15px}
#t4-footnav .contatti .t4-module ul li a { color:#ccc}
#t4-footnav .social .t4-module .module-title { text-align: right;}
#t4-footnav .social .t4-module { padding-right:30px; width: 100%}
/*whatsappcontactbutton 
--------------------------*/
.jo-whatsappcontactbutton { position: fixed; bottom:35px; right:35px;background-color:
#00E676;color:#FFFFFF;border-radius: 70px !important;
text-align: center !important;
padding: 0px !important;
outline: none !important;
text-decoration: none !important;
border: none !important;
box-shadow: none !important;
position: fixed;
width: 70px;
height: 70px;
margin: 0px !important;
line-height: normal !important;
opacity: 0.9;
z-index: 99999999 !important;}
.jo-whatsappcontactbutton .fab { font-size: 50px;padding-top: 8px;padding-left: 3px;}
/* ARTICOLI
-------------------------*/
.t4-main-body { background: #fff}
#t4-masterhead h2.page-title { margin:0; padding:30px 0; font-family: inherit !important; color:#fff !important; font-size: 40px !important}
.contatti_dx .modulo{ background: #fafafa; padding:20px;} 
.contatti_dx .modulo ul { padding-left:0}
.contatti_dx .modulo li { list-style: none; margin-bottom:10px}
.contatti_dx .modulo li:before{
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit; padding-right:5px;}
.contatti_dx .modulo li.indirizzo:before { content: "\f041"}
.contatti_dx .modulo li.telefono:before { content: "\f095"}
.contatti_dx .modulo li.telefono.cellulare:before { content: "\f10b"}
.contatti_dx .modulo li.email:before { content: "\f0e0"}
.contatti_dx .modulo li a { color:#000}
.uk-form-label { font-size:inherit !important}
.uk-button-primary { background-color: #4B47D8 !important; font-size:16px;}
.uk-form-horizontal .rsform-block-invia .uk-form-label { width:0 !important}
.rsform-block-invia .control-group .controls { float:left; margin-left:0 !important}
.rsform-block-invia .control-label { float:left !important; width: 90% !important}
.uk-form-horizontal .uk-form-label { width: 100px !important;}
.uk-form-horizontal .uk-form-controls { margin-left:115px !important}
.com-content-article__body h3 { line-height: 1.4}
.com-content-article__body li { line-height: 1.4; font-size:16px}
.com-content-category-blog {}
.com-content-category-blog  .items-row.cols-2 { }
.com-content-category-blog .item{ background: #fff; margin-bottom:40px; padding-top:0}
.com-content-category-blog .intro_blog { padding:10px 20px}
.com-content-category-blog .page-header { padding:10px 20px 0; font-size:24px}
.com-content-category-blog .page-header h2 a { font-size:20px; color:#6c757d}
.view-category .t4-promosotto .section-shape { background: #F4F5F6} 
.view-category #t4-main-body { margin-top:60px}
.view-category .t4-content { background: #F4F5F6}
.view-category .readmore .btn {background: -webkit-gradient(linear,left top,right top,from(#ab01be),to(#ab01be)) !important;
	background: -webkit-linear-gradient(left,#ab01be,#ab01be) !important;
	background: -o-linear-gradient(left,#ab01be,#ab01be) !important;
	background: linear-gradient(to right,#ab01be,#ab01be) !important;
	color: #fff !important;
	opacity: 1;color:#fff; padding:10px 15px; border-radius:50px; -webkit-border-radius:50px; -moz-border-radius:50px; margin-top:30px;    margin: 10px 0 0;
	display: inline-block; font-size:14px;}
@media (min-width: 1200px) and (max-width: 1499px) {
	
}
@media (max-width: 1024px) {
	#t4-header { margin-top:-2px;}
	.t4-megamenu .navbar-nav a.nav-link,.not-at-top .t4-megamenu .navbar-nav a.nav-link { padding:15px 10px}
	.camera_caption { max-width: 80%; left:20% !important; margin-left:-10%}
	.layout-home .t4-promosotto {margin: 80px 0 140px; padding:30px 0}
}



@media (min-width: 980px) and (max-width: 1199px) {
	.t4-promo .custom { width: 100%}
	
}
@media (max-width: 985px) {
	.camera_caption { max-width: 90%; left:2% !important; margin-left:0}
	.camera_caption_title { padding-top:0}
	#t4-header { display: block !important; background: transparent; box-shadow: none; min-height: 0 }
	#t4-header .container { padding:0}
	.t4-section-inner.container .header-block { position:absolute; top:0}
	.not-at-top #t4-mainnav, #t4-mainnav { height:60px;}
	.navbar-brand.logo-control img.logo-img,img.d-block { max-height:60px;}
	.navbar-expand-lg .navbar-toggler { top:12px; z-index: 10}
	.navbar-brand.logo-text .site-name { padding-left:15px;}
	.navbar .navbar-toggler .toggle-bars,.navbar .navbar-toggler .toggle-bars::before, .navbar .navbar-toggler .toggle-bars::after { }
	.menu_sx .module-title,.media_sx .module-title { padding:0}
	.menu_sx,.media_sx{ margin:0 0 30px}
	.t4-testimonials .module-ct { width: 100%}
	.t4-megamenu .navbar-nav { background: #fff; margin:20px auto}
	.t4-megamenu .navbar-nav > li a.nav-link { padding-top:15px;}
	.t4-megamenu .navbar-nav > li:first-child a.nav-link { padding-top:25px;}
	.t4-megamenu .navbar-nav > li:last-child a.nav-link { padding-bottom:25px;}
	.t4-megamenu .navbar-nav > li.default {}
	.t4-megamenu .navbar-nav > li.default img { display:none;}
	.t4-mainnav .container { padding:0}
	.takeaway{
	position: absolute;
	margin: 0;
	width: 100%;
	text-align: center;
	top: 5px; margin-top:0}
	.takeaway img { width: 50px}
	.t4-promo .custom { width: 100%}
	.takeaway .custom { position: relative; display: inline-block}
	.takeaway p { }
}

@media (max-width: 767px) {
	
	.menu_dx .col-menu { width: 100%}
	.camera_caption_title { font-size:60px !important; margin-top:0; padding-top:0}
	.camera_caption > div { padding:10px 0 0}
	.t4-section-inner.container .header-block { left:15px;}
	.media_dx { padding:0}
	.camera_caption_title { font-size:32px !important}
	.camera_caption {
	max-width: 100%;
	left: 0% !important;
	margin-left: 0; right:0 !important}
	#t4-slideshow .titolo_desc { margin-top:130px}
	#t4-promo h1, #t4-promo h1 span { font-size:32px; line-height: 1.4}
	#t4-preventivo .preventivo_form {
	margin-top: 20px;}
	.t4-promosotto {
	margin: 37px 0 37px;
		padding: 30px 0;}
		#t4-slideshow .titolo_desc .mask { left:0}
	.t4-eventi .t4-module { padding-right:5px}
	.t4-megamenu .navbar-nav a.nav-link { color:#000 !important}
	.navbar.navbar-expand-lg { width: 100%}
	#rsform_2_page_0 { margin-top:30px}
	#rsform_2_page_0 input { margin-bottom: 15px}
	#rsform_2_page_0 .uk-grid { margin-top:0}
	
}	
@media (max-width: 667px) {

}
@media (max-width: 480px) {
	.takeaway{
	top: 10px; margin-top:0; right:0}
	.takeaway img { width: 40px}
	.takeaway span { font-size: 18px}
	.takeaway .fas { font-size: 20px}
	.camera_caption_title{ font-size: 32px !important; padding-left:0}
	.takeaway img{ margin-right: 5px}
	.takeaway .numeri_tel { padding-top:0; margin-top:-3px}
	.menu_dx .gkTabsContainer { padding-left:0}
	

}
/* ----------- iPhone 6 ----------- */

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2) { 

}

/* Portrait */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait) { 

}

/* Landscape */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) { 
  

}

/* ----------- iPhone 6+ ----------- */

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 414px) 
  and (max-device-width: 736px) 
  and (-webkit-min-device-pixel-ratio: 3) { 

}

/* Portrait */
@media only screen 
  and (min-device-width: 414px) 
  and (max-device-width: 736px) 
  and (-webkit-min-device-pixel-ratio: 3)
  and (orientation: portrait) { 

}

/* Landscape */
@media only screen 
  and (min-device-width: 414px) 
  and (max-device-width: 736px) 
  and (-webkit-min-device-pixel-ratio: 3)
  and (orientation: landscape) { 
  

}
/* ----------- iPhone 5 and 5S ----------- */

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 568px)
  and (-webkit-min-device-pixel-ratio: 2) {

}

/* Portrait */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 568px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait) {
}

/* Landscape */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 568px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) {
	  

}


/* ----------- iPhone 4 and 4S ----------- */

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 480px)
  and (-webkit-min-device-pixel-ratio: 2) {

}

/* Portrait */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 480px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait) {
}

/* Landscape */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 480px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) {
	  

}



@media (max-width: 480px) {
	
}