@charset "UTF-8";
/*Author: Christopher Miani*/
@import url('https://fonts.googleapis.com/css?family=Lato:400,700|Yesteryear&display=swap');

body {width: 100%;height: 100%;font-family: 'Lato', sans-serif;font-weight: 300;color: #333;background-color: #fff;font-size: 18px;line-height: 1.6em;overflow-x: hidden;}

html {width: 100%;height: 100%;}
.container{background-color: transparent;}

a {color: #c5ad52 ;text-decoration: none;}
a:hover{color:#333;}

/* ===========Tipografia============= */

h1 {font-size: 26px;line-height: 100%;}
h2 {font-size: 22px;}
h3 {font-size: 18px;}
h4 {font-size: 16px;}
h5 {font-size: 15px;}


b, strong{font-weight: 700;}
.item-page img{max-width: 100%; height: auto;}

.yesteryear{font-family: 'Yesteryear', cursive;line-height: 100%;}

/* ===========menu main============= */
.dj-megamenu-custom90 li a.dj-up_a{font-size: 14px!important; font-weight: normal!important; padding: 0 10px!important;}

/* =======bottoni======== */

.btn-primary{border:none; color:#fff;background-color:rgba(69, 65, 50, 1); padding: 10px 30px; margin-top: 20px; font-weight: 400;}
.btn-primary:hover{color: #fff; background-color: #cec294;text-decoration: none; }

.bfbs3-btn-primary{background-color:rgba(69, 65, 50, 1)!important; background-image: none!important;}
.bfbs3-btn-primary:hover{background-color: #cec294; }
/* =======struttura======== */
.pagination-wrapper{text-align: center;border-top: 1px solid #eee; float:none; margin-top: 20px;}
.pagination-wrapper .counter {font-size: 12px;margin-top: 20px;margin-bottom: 0;}
.pagination-wrapper .counter{display: block;font-size: 12px;margin-top: 10px;margin-bottom: 0;}
.pagination {margin: 5px auto 20px; display: inline-block!important;}
.pagination >li:first-child >a,
.pagination >li:first-child >span,
.pagination >li:last-child >a,
.pagination >li:last-child >span {border-bottom-left-radius: 0;border-top-left-radius: 0;border-bottom-right-radius: 0;border-top-right-radius: 0;}
.pagination li {display: inline-block;margin: 0 3px; padding:0;text-align:center;float: left;display:block;border:1px solid #545454; margin-right: 30px;}
.pagination li a {font-size: 14px;font-weight: normal;text-align: left;text-decoration: none;line-height: 34px;text-transform: uppercase;display: inline-block;padding: 0 13px;border-radius: 0;border: 0 !important;}
.pagination >li >a,.pagination >li >span {color: #545454;}
.pagination >li >a:hover,.pagination >li >a:focus,.pagination >li >span:hover,.pagination >li >span:focus {color: #545454;background: #fff !important;}
.pagination >.active >a,.pagination >.active >span,.pagination >.active >a:hover,.pagination >.active >span:hover,.pagination >.active >a:focus,.pagination >.active >span:focus {color: #545454;}


.top_grey{padding-top: 4px; padding-bottom: 0px; background-color: #454132; position: fixed; width: 100%; color:#fff; font-size:14px; z-index: 99999;top:0px;}
.top_grey p{margin: 0px;}
.top_grey .fas, .top_grey .far{margin-right: 3px;}
.top_grey .far{margin-left: 20px;}
.slide{margin-bottom: 30px;}
.moduletable h3{color: #333;font-size: 28px;}

.areamenu{width: 100%; background-color: #fff;padding-top: 40px;}
.dj-megamenu-custom90 li div.dj-subwrap{margin-top: 18px!important;}
.dj-megamenu-custom90 li ul.dj-submenu > li{padding-left: 20px;text-indent: -14px;}
.dj-megamenu-custom90 li ul.dj-submenu > li > a{font-size: 14px!important;}
.dj-megamenu-custom90 li ul.dj-submenu > li > a:before{content:'•'; margin-right: 10px; }


/*blocca menu scroll page*/
.sticky {position: fixed;top: 0;width: 100%;z-index:9999; background-color:#fff; border-bottom: 2px solid #454132;}
.sticky + .content {padding-top: 60px;}
/*.areamenu.sticky img.brand{width:40%;height: auto;transition: 0.5s;}*/
footer{background-color:rgba(69, 65, 50, 1); color: #fff; padding-top: 20px; padding-bottom: 20px; font-size: 14px;}
footer .moduletable h3{font-size: 20px; color: #fff; margin-bottom: 10px;}

.full-width {margin-left: calc(50% - 50vw);margin-right: calc(50% - 50vw);}
.full-width  img {width: 100%;height: auto;}

.plugin-header.header-small {height: 65vh;min-height: 65vh;}
.header-filter {position: relative;}

.plugin-header {height: 100vh;background-position: 50%;background-size: cover;margin: 0;padding: 0;border: 0;display: flex;align-items: center;}
.header-filter::before {background: rgba(0,0,0,.5)}
.header-filter::after, .header-filter::before {position: absolute;z-index: 1;width: 100%;height: 100%;display: block;left: 0;top: 0;content: "";}
.header-filter .container {z-index: 2;position: relative;}
h1.title {color: #fff;font-weight: 300;margin-top: 30px;margin-bottom: 25px;min-height: 32px;font-size: 80px;line-height: 1.15em;font-family: 'Yesteryear', cursive;}
.bg-gery{background-color: #efe;padding: 60px;}
.occhiello{font-size: 1.5em; color: #999;line-height: 1.5em;}


.briciole.full-width{background-color: #efefef; padding: 10px 0px; margin-bottom: 65px;}
.breadcrumb{padding: 0px; margin: 0px; border-radius: 0px; background: none;}
.divider{padding: 2px 5px; color: #545454; }

.moduletablenewsbox{background-color: #c5ad52; padding: 40px 0px; color: #fff;}
.moduletablenewsbox h3{text-align: center;font-size: 28px; margin-bottom: 20px;}
h3.yesteryear{font-size: 50px; color: #fff;}
h3.tit-gn a{text-transform: uppercase; color:#fff; font-size: 20px;}
.nspText{text-align: center;font-size: 16px;line-height: normal;}
.moduletablenewsbox .col-lg-4:hover{color: #545454; }
.moduletablenewsbox .col-lg-4:hover > h3.tit-gn a {color: #545454!important; }

/* hover foto*/
.moduletablenewsbox .col-lg-4:hover > figure {position: relative; overflow: hidden;}
.moduletablenewsbox .col-lg-4:hover > figure::before {position: absolute;top: 50%;left: 50%;z-index: 2;display: block;content: '';width: 0;height: 0;background: rgba(255,255,255,.2);border-radius: 100%;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);opacity: 0;}
.moduletablenewsbox .col-lg-4:hover > figure::before {-webkit-animation: circle .75s;animation: circle .75s;}
@-webkit-keyframes circle {
	0% {opacity: 1;}
	40% {opacity: 1;}
	100% {width: 200%;height: 200%;opacity: 0;}
}
@keyframes circle {
	0% {opacity: 1;}
	40% {opacity: 1;}
	100% {width: 200%;height: 200%;opacity: 0;}
}
.read-gn{text-align:center; margin-top: 20px;}
.leffifreccia .attiva{display: none;}
.moduletablenewsbox .col-lg-4:hover > .leffifreccia .normale{display: none;}
.moduletablenewsbox .col-lg-4:hover > .leffifreccia .attiva{display: unset;}

.bassomenu ul{padding-left: 15px;}
.bassomenu ul > li {padding-bottom: 5px; list-style: disc;}
.bassomenu ul > li a{padding:0px;margin:0px;color:#fff;font-size:14px; font-weight: 400; }
.bassomenu ul > li a:hover{background-color: transparent; text-decoration:none; color: #cec294;}
.bassomenu ul.nav-child{margin-left: 20px;}

.moduletablenewsletter{margin-top: 30px;}
.moduletablenewsletter h3{font-family: 'Yesteryear', cursive; color: #fff; font-size: 25px;}
.acymailing_module_form .acymailing_introtext{padding-bottom: 0px!important;}
.freccia-white{background-image: url(../images/arrow-btn-white.png); width: 100px; height: 48px; background-color: transparent; border:none;}


.menutopdx ul{padding-bottom: 0px; margin-bottom: 0px;}
.menutopdx ul > li {list-style: none; display: inline-block;}
.menutopdx ul > li a{padding: 0px 20px; color:#cec294;}
.menutopdx ul > li.item-125 {font-size: 0px;}
.item-125 a::before{font-family: "Font Awesome 5 Free";font-weight: 900;content: "\f023"; color: #fff; font-size: 15px;}

/* slideshow*/ 
.carousel-control-prev-icon {background:url(../images/arrow-btn-white-left.png) 0 0;height:48px;width:100px}
.carousel-control-next-icon {background:url(../images/arrow-btn-white.png) 0px 0;height:48px;width:100px}
.slogan{font-family: 'Yesteryear', cursive; font-size: 50px;position: absolute;width: 100%;height: 50%;left: 0;right: 0;margin: 0 auto;top: 50%; color: #fff;}

.blog{margin-bottom: 30px;}
.pad5{padding: 5px;}
.boxfoto{font-size: 16px;}
.desc-ca{margin-bottom: 30px;}


/* form breezing*/ 
span.hasTooltip{display: unset!important;}
#ff_form6 #bfElemWrap664, #ff_form6 #bfElemWrap665, #ff_form6 #bfElemWrap666, #ff_form6 #bfElemWrap667,
#ff_form6 #bfElemWrap672, #ff_form6 #bfElemWrap670, #ff_form6 #bfElemWrap677,
#ff_form6 #bfElemWrap671, #ff_form6 #bfElemWrap673{width: 50%; float: left;}
.bfQuickMode .bfbs3-form-group .bfbs3-control-label, .bfQuickMode .form-group .control-label{font-weight: normal;}

#ff_form6{margin: 30px 0px;}
#ff_form6 legend{color: rgba(69, 65, 50, 1);}
#ff_form6 .bfbs3-form-inline .bfbs3-form-control, #ff_form6 .form-inline .form-control{width: 90%;}
#ff_form6 label{display: block; font-weight: 300; width: 90%;}
.bfbs3-checkbox-inline + .bfbs3-checkbox-inline, .bfbs3-radio-inline + .bfbs3-radio-inline{margin-left: 0px!important;}



.logout{margin-bottom: 30px;}



/* modulo progress bar stile 1 */ 
.modulepro-bar .progress {
	background: #f5f5f5;
	border-radius: 4px;
	margin-top: 20px;
	height: 30px;
	}
	.modulepro-bar .progress span.percent {
	float: right;
	background-color: #a5b3b8;
	color: white;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 6px;
	padding-bottom: 6px;
	}
	.modulepro-bar .progress-bar {
	text-align: left!important;
	padding-left: 10px;
	font-weight: bold;
	padding-top: 5px;
	}
/* modulo progress bar stile 2 */ 	
.modulepro-bar .progress {
	height: 13px;
	background: #ff8a3c;
	border-radius: 10px;
	margin-top: 10px;
	margin-bottom:15px;
	}
	.modulepro-bar .progress-bar {
	text-align: left!important;
	padding-left: 10px;
	font-weight: bold;
	padding-top: 0px;
	border-radius: 8px;
	background-image: -moz-linear-gradient( center bottom, rgb(43,194,83) 37%, rgb(84,240,84) 69% );
	-webkit-box-shadow: inset 0 2px 9px rgba(255,255,255,0.3), inset 0 -2px 6px rgba(0,0,0,0.4);
	-moz-box-shadow: inset 0 2px 9px rgba(255,255,255,0.3), inset 0 -2px 6px rgba(0,0,0,0.4);
	box-shadow: inset 0 2px 9px rgba(255,255,255,0.3), inset 0 -2px 6px rgba(0,0,0,0.4);
	position: relative;
	overflow: hidden;
	}
	.modulepro-bar p{font-size:14px; font-family:calibri;}
	.modulepro-bar .progress span.percent {
	background-color: transparent!important;
	color: white;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 0px;
	padding-bottom: 6px;
	}
	
	.progress-bar:after p.pro_cer{content: "";
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;}
	
	p.pro_cer {
	background: #6e92b7;
	width: 0px;
	padding: 10px;
	float: left;
	border-radius: 10px;
	margin-top: -4px;
	position: relative;
	z-index: 2200000000000000;
	margin-left: -10px;
	}
	.modulepro-bar .progress{overflow:visible;}
/**/
.col-md-skills {
	margin-top: 40px;
	margin-bottom: 40px;
	color: #fff;
	z-index:3;
	height:300px;
}
.skills-col {
	text-align:left;
	margin-top: 40px;
	margin-bottom: 40px;	
}
.skills {
	text-align: left;
	margin: 40px 0px;	
	padding:0px;
	color:#fff;
}
.skills-col .skills p {
	font-family: 'Montserrat', sans-serif;
	font-weight:400;
	font-size: 13px;
	line-height:0px;
}


.skillbar {
	position:relative;
	display:block;
	margin-bottom:35px;
	width:100%;
	background:#efefef;
	height:26px;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	-webkit-transition:0.4s linear;
	-moz-transition:0.4s linear;
	-ms-transition:0.4s linear;
	-o-transition:0.4s linear;
	transition:0.4s linear;
	-webkit-transition-property:width, background-color;
	-moz-transition-property:width, background-color;
	-ms-transition-property:width, background-color;
	-o-transition-property:width, background-color;
	transition-property:width, background-color;
}

.skillbar-title {
	position:absolute;
	font-family: 'Montserrat', sans-serif;
	font-weight: 400;
	font-size: 13px;
	top:0;
	left:0;
width:110px;
	color:#ffffff;

	-webkit-border-top-left-radius:3px;
	-webkit-border-bottom-left-radius:4px;
	-moz-border-radius-topleft:3px;
	-moz-border-radius-bottomleft:3px;
	border-top-left-radius:3px;
	border-bottom-left-radius:3px;
}

.skillbar-title span {
	display:block;
	padding:4px 10px;
	height:26px;
	
	-webkit-border-top-left-radius:3px;
	-webkit-border-bottom-left-radius:3px;
	-moz-border-radius-topleft:3px;
	-moz-border-radius-bottomleft:3px;
	border-top-left-radius:3px;
	border-bottom-left-radius:3px;
}

.skillbar-bar {
	height:26px;
	width:0px;

	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
}
.skills-col p {
font-family: 'Montserrat', sans-serif;
font-weight: 400;
font-size: 13px;
line-height: 0px;

} 




/* Extra Small Devices, Phones */ 
@media only screen and (min-device-width : 320px) and (max-device-width : 568px)  { 
	.areamenu{padding-top: 5px; position: fixed; width: 100%;}
	img.brand{width:40%;height: auto;transition: 0.5s;}
	.plugin-header.header-small{height: 35vh;min-height: 35vh;}
	h1.title {font-size: 38px;}
	.briciole.full-width {padding: 10px 20px;}
	.btn-primary{display: inline-block; padding: 20px; text-align: center;}
	#dj-megamenu90mobile{position: fixed; right: 5px; top:5px;}
	#dj-megamenu90mobile .fa-bars{font-size: 30px; color:#454132;}
	.dj-megamenu-select-custom90 .dj-mobile-open-btn, .dj-megamenu-offcanvas-custom90 .dj-mobile-open-btn, .dj-megamenu-accordion-custom90 .dj-mobile-open-btn{background-color: transparent!important;}
	.testata{padding-top: 70px;}
	.category-desc{margin: 20px 0px;background-color: #efefef;padding: 20px;}
}


/* Smartphones (landscape) ----------- */
@media only screen and (min-device-width: 320px) 
                   and (max-device-width: 736px) 
                   and (orientation: landscape) {
	.areamenu{padding-top: 5px; position: fixed; width: 100%;}
	.brand{left: 50%;margin-left: -15px;position: absolute; top:5px;}
	img.brand{width:10%;height: auto;transition: 0.5s;}
	.areamenu.sticky img.brand{width:10%;height: auto;transition: 0.5s;}
	.plugin-header.header-small{height: 35vh;min-height: 35vh;}
	h1.title {font-size: 1.3125rem;}
	.briciole.full-width {padding: 10px 20px;}
	.btn-primary{display: inline-block; padding: 20px; text-align: center;}
					
}


@media only screen and (min-device-width : 768px) and (max-device-width : 1024px)  { /*ipad*/
}
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {/*ipad orizzontale*/
}


@media only screen and (min-device-width : 1024px) and (max-device-width : 1366px)  { /*ipad pro*/
}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {
/*ordina livelli prima colonna con contenuto poi sidebar*/
.col-lg-pull-3{right:75%;}
.col-lg-push-9{ left:25%;}
.newsal .newsflash-image{float: left; width: 30%; margin-right: 10px; height: 80px; overflow: hidden;}
.newsal{margin-bottom: 10px;}

}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {

}