.js .inputfile {
    width: 0.1px;
    height: 0.1px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    z-index: -1;
}

.inputfile + label {
    max-width: 80%;
    font-size: 1.25rem;
    /* 20px */
    font-weight: 700;
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: pointer;
    display: inline-block;
    overflow: hidden;
    padding: 0.625rem 1.25rem;
    /* 10px 20px */
}

.no-js .inputfile + label {
    display: none;
}

.inputfile:focus + label,
.inputfile.has-focus + label {
    outline: 1px dotted #000;
    outline: -webkit-focus-ring-color auto 5px;
}

.inputfile + label * {
    /* pointer-events: none; */
    /* in case of FastClick lib use */
}

.inputfile + label svg {
    width: 1em;
    height: 1em;
    vertical-align: middle;
    fill: currentColor;
    margin-top: -0.25em;
    /* 4px */
    margin-right: 0.25em;
    /* 4px */
}


/* style 1 */

.inputfile-1 + label {
    color: #f1e5e6;
    background-color: #d3394c;
}

.inputfile-1:focus + label,
.inputfile-1.has-focus + label,
.inputfile-1 + label:hover {
    background-color: #722040;
}


/* style 2 */

.inputfile-2 + label {
    color: #d3394c;
    border: 2px solid currentColor;
}

.inputfile-2:focus + label,
.inputfile-2.has-focus + label,
.inputfile-2 + label:hover {
    color: #722040;
}


/* style 3 */

.inputfile-3 + label {
    color: #d3394c;
}

.inputfile-3:focus + label,
.inputfile-3.has-focus + label,
.inputfile-3 + label:hover {
    color: #722040;
}



/* style 6 */

.inputfile-6 + label {
    color: #d3394c;
}

.inputfile-6 + label {
    border: 1px solid #d3394c;
    background-color: #f1e5e6;
    padding: 0;
}

.inputfile-6:focus + label,
.inputfile-6.has-focus + label,
.inputfile-6 + label:hover {
    border-color: #722040;
}

.inputfile-6 + label span,
.inputfile-6 + label strong {
    padding: 0.625rem 1.25rem;
    /* 10px 20px */
}

.inputfile-6 + label span {
    width: 200px;
    min-height: 2em;
    display: inline-block;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    vertical-align: top;
}

.inputfile-6 + label strong {
    height: 100%;
    color: #f1e5e6;
    background-color: #d3394c;
    display: inline-block;
}

.inputfile-6:focus + label strong,
.inputfile-6.has-focus + label strong,
.inputfile-6 + label:hover strong {
    background-color: #722040;
}

@media screen and (max-width: 50em) {
	.inputfile-6 + label strong {
		display: block;
	}
}

	/* ------------------------------------------------------------------
 THEME.CSS
------------------------------------------------------------------ */
/* GRID */
body, html {padding:0;margin:0;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;}

[class*=span] {float:left;min-height:1px;margin-left:10px;}

.container {width:940px;margin-right:auto;margin-left:auto;}

.container:after,.container:before {display:table;line-height:0;content:"";}

.container:after {clear:both;}.row {width:100%;}

.row:after,.row:before {display:table;line-height:0;content:"";}

.row:after {clear:both;}

.row [class*=span] {display:block;float:left;width:100%;min-height:10px;margin-left:2.8571428571429%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}

.row [class*=span]:first-child {margin-left:0;}
.row .span12 {width:100%;}
.row .span11 {width:91.428571428571%;}
.row .span10 {width:82.857142857143%;}
.row .span9 {width:74.285714285714%;}
.row .span8 {width:65.714285714286%;}
.row .span7 {width:57.142857142857%;}
.row .span6 {width:48.571428571429%;}
.row .span5 {width:40%;}
.row .span4 {width:31.428571428571%;}
.row .span3 {width:22.857142857143%;}
.row .span2 {width:14.285714285714%;}
.row .span1 {width:5.7142857142857%;}

.clearfix:after,.clearfix:before {display:table;line-height:0;content:"";}
.clear,.clearfix:after {clear:both;}
@media (min-width:1200px) {[class*=span] {float:left;min-height:1px;margin-left:50px;}
.container {width:800px;}
.row {width:100%;}
.row:after,.row:before {display:table;line-height:0;content:"";}
.row:after {clear:both;}
.row [class*=span] {display:block;float:left;width:100%;min-height:30px;margin-left:4.2735042735043%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.row [class*=span]:first-child {margin-left:0;}
.row .span1 {width:4.4159544159544%;}
.row .span2 {width:13.105413105413%;}
.row .span3 {width:21.794871794872%;}
.row .span4 {width:30.48433048433%;}
.row .span5 {width:39.173789173789%;}
.row .span6 {width:47.863247863248%;}
.row .span7 {width:56.552706552707%;}
.row .span8 {width:65.242165242165%;}
.row .span9 {width:73.931623931624%;}
.row .span10 {width:82.621082621083%;}
.row .span11 {width:91.310541310541%;}
.row .span12 {width:100%;}}

@media (max-width:960px) {.container {width:auto;}
.row {
		width:100%;
		margin-left:0;
	}
.row [class*=span],[class*=span] {display:block;float:none;width:100%;margin-left:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.row .span12,.span12 {width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}}
.container {width:1170px;}
/*base*/
::selection {color:#fff;opacity:1;}
::-moz-selection {color:#fff;opacity:1;}
::-webkit-selection {color:#f0f;opacity:1;}
html {width:100%;overflow-x:hidden;}
html.hasAdminBar {margin:0!important;}
body {display:block;padding:0;margin:0;width:100%;z-index:-2;position:relative;}
a {transition:color 250ms;}
form,body,iframe {margin:0;padding:0;}
img,table,iframe {border:0;}
table {border-collapse:collapse;}
table td {padding:0;}
p:empty {display:none;}
.fadeOnLoad {opacity:0;}
a,a:hover,a:hover span {text-decoration:none;outline:none;}
/* Grid */
.module_blog_grid {
	font-size:0;
	line-height:0;
	margin:-10px 0 0 -10px;
}
.module_blog_grid.element_in_row3 .grid_blog_element {width:25%;}
.module_blog_grid.element_in_row4 .grid_blog_element {width:20%;}
.grid_blog_element {display:inline-block;padding:0;margin:0;}
.grid_blog_element .grid_block_wrapper {margin:10px 0 0 10px;position:relative;}
.grid_blog_element img {width:100%;height:auto;display:block;}
.grid_blog_element .blog_grid_fadder {position:absolute;left:0;top:0;width:100%;height:100%;display:block;background:rgba(29,29,29,0);transition:background 300ms;z-index:11;}
.module_blog_grid .grid_blog_element:hover .blog_grid_fadder {background:rgba(29,29,29,0.7);}
.module_blog_grid .grid_blog_element a {position:absolute;left:0;top:0;width:100%;height:100%;display:block;z-index:17;}
.module_blog_grid .grid_blog_element .blog_grid_info {position:absolute;left:0;top:50%;transform:translate(0%,-40%);display:block;width:100%;text-align:center;z-index:13;opacity:0;transition:opacity 300ms, transform 300ms;}
.module_blog_grid .grid_blog_element:hover .blog_grid_info {transform:translate(0%,-50%);opacity:1;}
.module_blog_grid .grid_blog_element .blog_grid_info h6,
.module_blog_grid .grid_blog_element .blog_grid_info div,
.module_blog_grid .grid_blog_element .blog_grid_info span,
.module_blog_grid .grid_blog_element .blog_grid_info a {color:#ffffff;}
.module_blog_grid .grid_blog_element .blog_grid_info h6 {margin-bottom:6px;}
.module_blog_grid .blog_grid_meta div,
.module_blog_grid .blog_grid_footer .listing_footer_item {display:inline-block;}
.module_blog_grid .grid_blog_element .blog_grid_info .meta-item-sep {margin:0 5px;}
.module_blog_grid .blog_grid_footer {padding-top:28px;}
.module_blog_grid .blog_grid_footer div,
.module_blog_grid .blog_grid_footer a,
.module_blog_grid .blog_grid_footer span {font-weight:normal;font-size:14px;}
.module_blog_grid .blog_grid_footer i {font-size:16px;transform:translateY(1px);margin-right:9px;}
.module_blog_grid .blog_grid_footer > div {	margin:0 12px;}
/* A N I M A T I O N */
.loading,
.anim_el.loading {
	opacity:.01;
	transform:translateY(100px);
}

.anim_el {
	transition:opacity 500ms;
}

/* P R E L O A D E R */
.preloader { position: fixed;width: 100%;height: 100%;display: block;left: 0;top: 0;z-index: 777;}
.preloader_content {position: absolute;left: 50%;top: 50%;margin: -28px 0 0 -200px;width: 400px;z-index: 888;transition: opacity 300ms;}
.preloader_content span {display: block;text-align: center;font-size: 12px;margin-bottom: 4px;}
.preloader_content .preloader_line {width: 400px;height: 2px;display: block;}
.preloader_content .preloader_line div {position: absolute;width: 0px;height: 2px;display: block;transition: width 300ms;}
.preloader_content .preloader_line .preloader_line_bar1 {left: 200px;}
.preloader_content .preloader_line .preloader_line_bar2 {right: 200px;}
.preloader.removePreloader .preloader_content {opacity: 0;}
.preloader:before,
.preloader:after {content:'';position:fixed;z-index:788;left:0;height:50%;width:100%;display:block;}
.preloader:before {top:0;transition:top 500ms;}
.preloader:after {bottom:0;transition:bottom 500ms;}
.openPreloader.preloader:before {top:-50%;}
.openPreloader.preloader:after {bottom:-50%;}
/* Theme Unit */
table {border-collapse:collapse;border-spacing:0;width:100%;border-width:0px;}
table th,table td {padding:2px;}
	/* ------------------------------------------------------------------
 fine THEME.CSS
----------------------------------------------------------------- */
    /* ------------------------------------------------------------------
classi a scomparsa per smartphone
------------------------------------------------------------------ */
#overlay2 {position: fixed;top: 0;left: 0;display: none;width: 100%;height: 100%;background: rgba(220, 0, 122, 0.65);z-index: 5000;-webkit-animation: fade .9s;-moz-animation: fade .9s;animation: fade .9s;overflow: auto;}
.popup {top: 10%;left: 0;right: 0;font-family: 'Barlow Semi Condensed', sans-serif;margin: auto;width: 85%;min-width: 320px;max-width: 850px;position: absolute;padding: 25px 25px;border: 1px solid #383838;background: rgba(220, 0, 122, 0.65);z-index: 1000;-webkit-border-radius: 4px;-moz-border-radius: 4px;-ms-border-radius: 4px;border-radius: 4px;-webkit-box-shadow: 0 15px 20px rgba(0,0,0,.22),0 19px 60px rgba(0,0,0,.3);-moz-box-shadow: 0 15px 20px rgba(0,0,0,.22),0 19px 60px rgba(0,0,0,.3);-ms-box-shadow: 0 15px 20px rgba(0,0,0,.22),0 19px 60px rgba(0,0,0,.3);box-shadow: 0 15px 20px rgba(0,0,0,.22),0 19px 60px rgba(0,0,0,.3);-webkit-animation: fade .6s;-moz-animation: fade .6s;animation: fade .6s;}div.smart {}
@media screen and (min-width: 768px) {div.smart {display: none;}}
@media screen and (max-width: 768px) {div.smart {font-family: 'Barlow Semi Condensed';font-size: 15px;}}
@media screen and (max-width: 768px) {div.smartFont {font-family: 'Barlow Semi Condensed';font-size: 15px;padding: 14px 10px 10px 10px;word-spacing:30px;text-transform: uppercase;}}
.home,.home-small {padding: 800px 0;position: relative;background-repeat: no-repeat;background-position: left top;-webkit-background-size: auto;  -moz-background-size: auto;-o-background-size: auto;background-size: auto;}
@import url('https://fonts.googleapis.com/css2?family=Barlow+Semi+Condensed:wght@400;500;600;700&display=swap');
/* ------------------------------------------------------------------
General Styles
------------------------------------------------------------------ */
body {background: #fff;font: 400 14px "Barlow Semi Condensed";color: #777;overflow-x: hidden;-ms-overflow-style: scrollbar;}
img {max-width: 100%;height: auto;}
iframe {border: 0;}
/* ------------------------------------------------------------------
Selection
------------------------------------------------------------------ */
::-moz-selection {background: #000;color: #fff;}
::-webkit-selection {background: #000;color: #fff;}
::selection {background: #000;color: #fff;}
/* ------------------------------------------------------------------
Transition elsements
------------------------------------------------------------------- */
a,.btnReg,.navbar a {-webkit-transition: all 0.3s cubic-bezier(0.300, 0.100, 0.580, 1.000);-moz-transition: all 0.3s cubic-bezier(0.300, 0.100, 0.580, 1.000);-o-transition: all 0.3s cubic-bezier(0.300, 0.100, 0.580, 1.000);transition: all 0.3s cubic-bezier(0.300, 0.100, 0.580, 1.000);}
.overlay-menu {-webkit-transition: all 0.4s ease-in-out 0s;-moz-transition: all 0.4s ease-in-out 0s;-ms-transition: all 0.4s ease-in-out 0s;-o-transition: all 0.4s ease-in-out 0s;transition: all 0.4s ease-in-out 0s;}
/* ------------------------------------------------------------------
Typography
------------------------------------------------------------------- */
a {color: rgba(255, 255, 255, 0.9);font-family: "Barlow Semi Condensed";font-size: 15px;letter-spacing: 0px;line-height: 1.1;font-weight: 400;text-decoration: none;outline: 0;}
a:hover, a:focus {font-family: "Barlow Semi Condensed";font-size: 15px;letter-spacing: 0px;line-height: 1.1;font-weight: 400;text-decoration: none;color:#D2007A;outline: 0;}
.bg-dark a {color: #353535;}.bg-dark a:hover,.bg-dark a:focus {color: #fff;}.text-light {color: rgba(255, 255, 255, 0.8);}
.text-light h1, .text-light h2, .text-light h3, .text-light h4, .text-light h5, .text-light h6,.text-light .h1, .text-light .h2, .text-light .h3, .text-light .h4, .text-light .h5, .text-light .h6 {color: #353535;}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {font-family: "Barlow Semi Condensed";text-transform: uppercase;letter-spacing: 0px;line-height: 1.1;font-weight: 400;color: #353535;}
h1, .h1 {font-size: 30px;}
h2, .h2 {font-size: 24px;}
h3, .h3 {font-size: 18px;}
h4, .h4 {font-size: 16px;}
h5, .h5 {font-size: 14px;}
h6, .h6 {font-size: 10px;}
p, ol, ul, blockquote {margin: 0 0 20px;}
blockquote {border-color: #f7f7f7;}
blockquote.serif-quote {border: 0;padding-left: 0;padding-right: 0;}
.font-serif {font-family: "Barlow Semi Condensed";letter-spacing: 0px;font-style: italic;}

.btnReg {width:170px;font-size:11px;color:#353535;background-color:#efefef;border:1px solid #353535;margin-top: 8px;margin-right: 4px;margin-bottom: 16px;text-transform: uppercase;letter-spacing: 2px;font-size: 11px;padding: 8px 20px;-webkit-border-radius: 2px;-moz-border-radius: 2px;-o-border-radius: 2px;border-radius: 2px;}

/* ------------------------------------------------------------------
Tabs and Accordion
------------------------------------------------------------------- */

.nav-tabs {
	border-color: #eee;
}

.nav-tabs > li > a {-webkit-border-radius: 2px;-moz-border-radius: 2px;-ms-border-radius: 2px;-o-border-radius: 2px;border-radius: 2px;}
.nav-tabs >li.active > a,.nav-tabs >li.active > a:hover,.nav-tabs >li.active > a:focus {border: 1px solid #eee;border-bottom-color: transparent;}
.nav-tabs > li > a:hover,.nav-tabs > li > a:focus {background: #eee;}
.tab-content {padding: 15px 0;}
/* ------------------------------------------------------------------
Content box
------------------------------------------------------------------- */

.content-box {margin: 25px 0;}
.content-box-icon {text-align: center;font-size: 42px;color: #111;}
.content-box-title {letter-spacing: 6px;text-align: center;margin: 5px 0 18px;}
/* Alt content box */
.alt-content-box {position: relative;padding-left: 55px;margin: 25px 0;}
.alt-content-box-icon {position: absolute;height: 38px;width: 38px;left: 0;top: 0;text-align: center;line-height: 38px;font-size: 28px;color: #111;}
.alt-content-box-title {margin-bottom: 18px;}
/* ------------------------------------------------------------------
Gallery box
------------------------------------------------------------------- */
.gallery-box {text-align: center;margin: 35px 0;}
.gallery-box-text {font-size: 12px;}
.gallery-box .gallery {display: block;margin: 20px 0 0;}
.gallery-box .gallery:after {background: rgba(255, 255, 255, 0.3);position: absolute;content: "";left: 0;top: 0;height: 100%;width: 100%;opacity: 0;-webkit-transition: all 0.3s cubic-bezier(0.300, 0.100, 0.580, 1.000);-moz-transition: all 0.3s cubic-bezier(0.300, 0.100, 0.580, 1.000);-o-transition: all 0.3s cubic-bezier(0.300, 0.100, 0.580, 1.000);transition: all 0.3s cubic-bezier(0.300, 0.100, 0.580, 1.000);}.gallery-box:hover .gallery:after {opacity: 1;}
/* ------------------------------------------------------------------
Owl sliders
------------------------------------------------------------------- */
.owl-carousel .owl-controls .owl-buttons .owl-prev,.owl-carousel .owl-controls .owl-buttons .owl-next {position: absolute;background: #fff;display: block;height: 40px;width: 40px;top: 50%;margin: -20px 10px 0;padding: 0;opacity: 0;text-align:center;line-height: 40px;font-size: 17px;color: #111;-webkit-border-radius: 2px; -moz-border-radius: 2px;border-radius: 2px;-webkit-transition: all 0.3s cubic-bezier(0.300, 0.100, 0.580, 1.000);-moz-transition: all 0.3s cubic-bezier(0.300,0.100, 0.580, 1.000);-o-transition: all 0.3s cubic-bezier(0.300, 0.100, 0.580, 1.000);transition: all 0.3s cubic-bezier(0.300, 0.100, 0.580, 1.000);}
.owl-carousel .owl-controls .owl-buttons .owl-prev {left: -20px;}
.owl-carousel .owl-controls .owl-buttons .owl-next{right: -20px;}
.owl-carousel:hover .owl-controls .owl-buttons .owl-prev {opacity: 0.5;left: 0px;}
.owl-carousel:hover .owl-controls .owl-buttons .owl-next {opacity: 0.5;right: 0px;}
/* Pagination */
.owl-pagination {
	position: absolute;
	z-index: 3;
	margin-top: 15px;
	text-align: center;
	width: 100%;
}

.slider-testimonials .owl-pagination {
	bottom: -50px;
	margin: 0;
}

/* Slider images */

.slider-images .owl-pagination {
	bottom: 10px;
	margin: 0;
}

.owl-page {
	position: relative;
	background: rgba(255, 255, 255, 0.7);
	display: inline-block;
	overflow: hidden;
	height: 6px;
	width: 6px;
	margin: 6px 4px;
	text-indent: -200%;
	z-index: 1000;
	-webkit-border-radius: 6px;
	   -moz-border-radius: 6px;
	        border-radius: 6px;
	-webkit-box-shadow: 0 0 1px rgba(17, 17, 17, 0.4);
	   -moz-box-shadow: 0 0 1px rgba(17, 17, 17, 0.4);
	     -o-box-shadow: 0 0 1px rgba(17, 17, 17, 0.4);
	        box-shadow: 0 0 1px rgba(17, 17, 17, 0.4);
	-webkit-transition: all 0.3s cubic-bezier(0.000, 0.000, 0.580, 1.000);
	   -moz-transition: all 0.3s cubic-bezier(0.000, 0.000, 0.580, 1.000);
	     -o-transition: all 0.3s cubic-bezier(0.000, 0.000, 0.580, 1.000);
	        transition: all 0.3s cubic-bezier(0.000, 0.000, 0.580, 1.000);
}

.owl-page.active {
	-webkit-transform: scale(1.3);
	   -moz-transform: scale(1.3);
	     -o-transform: scale(1.3);
	        transform: scale(1.3);
}

/* ------------------------------------------------------------------
Overlays
------------------------------------------------------------------- */

.bg-light {
	background-color: #f7f7f7;
	width: 100%;
}

.bg-dark {
	background-color: #111;
	height: 100%;
	width: 100%;
}

.bg-dark,
.bg-dark-30,
.bg-dark-60,
.bg-dark-90,
.bg-dark h1, .bg-dark h2, .bg-dark h3, .bg-dark h4, .bg-dark h5, .bg-dark h6,
.bg-dark-30 h1, .bg-dark-30 h2, .bg-dark-30 h3, .bg-dark-30 h4, .bg-dark-30 h5, .bg-dark-30 h6,
.bg-dark-60 h1, .bg-dark-60 h2, .bg-dark-60 h3, .bg-dark-60 h4, .bg-dark-60 h5, .bg-dark-60 h6,
.bg-dark-90 h1, .bg-dark-90 h2, .bg-dark-90 h3, .bg-dark-90 h4, .bg-dark-90 h5, .bg-dark-90 h6 {
	color: #fff;
}

.bg-film:before,
.bg-dark-30:before,
.bg-dark-60:before,
.bg-dark-90:before,
.bg-light-30:before,
.bg-light-60:before,
.bg-light-90:before {
	position: absolute;
	width: 100%;
	z-index: 0;
}

.bg-dark-30:before {
	background: rgba(2, 3, 10, 0.1);
	content: "";
	left: 0;
	top: 0;
}

.bg-light-30:before {
	background: rgba(255, 255, 255, 0.2);
	content: "";
	left: 0;
	top: 0;
}


/* ------------------------------------------------------------------
Navigation
------------------------------------------------------------------- */

.navbar-custom {
	-webkit-transition: all 0.3s cubic-bezier(0.300, 0.100, 0.580, 1.000);
	   -moz-transition: all 0.3s cubic-bezier(0.300, 0.100, 0.580, 1.000);
	     -o-transition: all 0.3s cubic-bezier(0.300, 0.100, 0.580, 1.000);
	        transition: all 0.3s cubic-bezier(0.300, 0.100, 0.580, 1.000);
}

.navbar-custom {
	background: rgba(10, 10, 10, 0.3);
	border: 0;
	padding-top: 10px;
	padding-bottom: 2px;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-size: 11px;
}

.navbar-custom .navbar-brand {
	padding: 0px 0px;
	letter-spacing: 0px;
	font-weight: 400;
	font-size: 20px;
	color: #fff;
}

.navbar-custom a {
	color: #fff;
}

.navbar-custom .nav > li > a:focus,
.navbar-custom .nav > li > a:hover,
.navbar-custom .nav .open > a,
.navbar-custom .nav .open > a:focus,
.navbar-custom .nav .open > a:hover,
.navbar-custom .dropdown-menu > li > a:focus,
.navbar-custom .dropdown-menu > li > a:hover {
	background: none;
	color: rgba(255, 255, 255, 0.7);
}

.show-overlay .icon-bar {
	margin-top: 2px;
}

.show-overlay .icon-bar + .icon-bar {
	margin-top: 4px;
}

.show-overlay .icon-bar {
	background: #fff;
	display: block;
	height: 2px;
	width: 16px;
	
}

.navbar-custom.show-overlay .icon-bar {
	background: #fff;
}

.navbar-custom .show-overlay:hover .icon-bar {
	background: rgba(255, 255, 255, 0.5);
}

/* Navbar transparent */

.navbar-transparent {
	background: transparent;
	padding-top: 15px;
	padding-bottom: 10px;
}

.navbar-transparent.nav > li > a:focus,
.navbar-transparent .nav > li > a:hover,
.navbar-transparent .nav .open > a,
.navbar-transparent .nav .open > a:focus,
.navbar-transparent .nav .open > a:hover,
.navbar-transparent.dropdown-menu > li > a:focus,
.navbar-transparent .dropdown-menu > li > a:hover {
	background: none;
	color: rgba(255, 255, 255, 0.7);
}

.navbar-transparent .show-overlay .icon-bar {
	background: #fff;
}

/* Navbar apertura colore sfondo*/

.navbar-transparent.navbar-light {
	background: rgba(0, 0, 0, 0.3);
	webkit-box-shadow: none;
	  -moz-box-shadow: none;
	       box-shadow: none;
}

/* Navbar scrolling colore sfondo*/
.navbar-light {
	background: rgba(0, 0, 0, 0.85);
	webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.05);
	  -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.05);
	       box-shadow: 0 1px 0 rgba(0, 0, 0, 0.05);
}

.navbar-light a,
.navbar-light .navbar-brand {
	color: #c1c1c1;
}

.navbar-light .nav > li > a:focus,
.navbar-light .nav > li > a:hover,
.navbar-light .nav .open > a,
.navbar-light .nav .open > a:focus,
.navbar-light .nav .open > a:hover,
.navbar-light .dropdown-menu > li > a:focus,
.navbar-light .dropdown-menu > li > a:hover {
	background: none;
	color: rgba(255, 255, 255, 0.9);
}

.navbar-light .show-overlay .icon-bar {
	background: #111;
}

.navbar-light .show-overlay:hover .icon-bar {
	background: rgba(17, 17, 17, 0.7);
}

/* Overlay menu */

.overlay-menu {
	position: fixed;
	background: rgba(0, 0, 0, 0.7);
	display: table;
	min-height: 100%;
	height: 100%;
	width: 100%;
	visibility: hidden;
	z-index: 99999;
	opacity: 0;
}

.overlay-menu.active {
	visibility: visible;
	opacity: 1;
	top: 0;
	z-index: 999999;
}


/* Hide menu link */

.navigation-hide {
	position: absolute;
	right: 20px;
	top: 20px;
	height: 40px;
	width: 40px;
	text-align: left;
	line-height: 40px;
	color: #fff;
}

.navigation-hide:hover {
	color: rgba(255, 255, 255, 0.7);
}

.overlay-menu-inner {
	vertical-align: middle;
	display: table-cell;
	height: 100%;
	width: 100%;
	text-align: left;
}

.overlay-menu-nav {
	max-width: 300px;
	margin: 0 auto 60px;
}

.overlay-navigation-footer {
	font-size: 1.2rem;
	position: absolute;
	left: 0;
	bottom: 18px;
	width: 100%;
	color: #666;
}

/* Overlay navbar */

#nav,
#nav ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

#nav > li > a {
	font-family: "Barlow Semi Condensed";
	text-transform: uppercase;
	letter-spacing: 2px;
	font-size: 18px;
	color: #ffffff;
}

#nav li a:hover, #nav li a.active {
	color: #fff;
}

#nav li ul {
	display: none;
	padding: 5px 0;
	margin: 5px 0 10px;
}

#nav li ul li a {
    margin-left: 50px;
	display: inline-block;
	padding: 6px 0;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-size: 15px;
	color: #FFFFFF;
}

/* ------------------------------------------------------------------
Hero
------------------------------------------------------------------- */

.module-hero {
	position: relative;
	background-repeat: no-repeat;
	background-position: center center;
	-webkit-background-size: cover%;
	   -moz-background-size: cover%;
	     -o-background-size: cover%;
	        background-size: cover%;
}

.hero-caption {
	display: table;
	height: 100%;
	width: 100%;
	text-align: center;
}

.hero-text {
	display: table-cell;
	vertical-align: middle;
	height: 100%;
}

/* Hero caption sizes*/

.size-title {
    font-weight: 100; 
    letter-spacing: 20px; 
    color:white; 
    text-shadow:0px 0px 10px rgba(255,255,255,1);
	font-size: 30px;
	opacity: 0.9;
}

.size-sub {
    font-weight: 100; 
    letter-spacing: 15px; 
    color:white; 
    text-shadow:0px 0px 10px rgba(255,255,255,1);
	font-size: 14px;
	opacity: 0.9;
}

size-1 {
	letter-spacing: 40px;
	font-size: 30px;
	opacity: 0.9;
}

size-2 {
	letter-spacing: 40px;
	font-size: 26px;
	opacity: 0.9;
}

size-3 {
	letter-spacing: 24px;
	font-size: 26px;
	opacity: 0.8;
}

size-4 {
	letter-spacing: 10px;
	font-size: 16px;
	opacity: 0.6;
}

size-5 {
	letter-spacing: 3px;
	font-size: 14px;
	opacity: 0.6;
}

size-6 {
	font-size: 10px;
	opacity: 0.6;
}

/* ------------------------------------------------------------------
Modules
------------------------------------------------------------------- */

.wrapper {
	background: #fff;
	overflow: hidden;
	margin: 0 auto;
	width: 100%;
}
/* ------------------------------------------------------------------
immagine testa; dimensioni tipo e scostamento dal contenuto
------------------------------------------------------------------- */
.module,
.module-small {
	padding: 60px 0;
	position: relative;
	background-repeat: repeat;
	background-position: left top;
	-webkit-background-size: auto;
	   -moz-background-size: auto;
	     -o-background-size: auto;
	        background-size: auto;
}

.module-small {
	padding: 90px 0;
}
.module-home {
	padding: 200px 0;
	position: relative;
	background-repeat: no-repeat;
	background-position: left top;
    background-attachment: fixed;
	-webkit-background-size: auto;
	   -moz-background-size: auto;
	     -o-background-size: auto;
	        background-size: auto;
}
/* ------------------------------------------------------------------
dimensioni tipo 
------------------------------------------------------------------- */

.navbar-custom + .module {
	padding: 150px 0;
}

.navbar-custom + .module-small {
	padding: 120px 0;
}

.module-parallax {
	background-attachment: fixed;
}


/* ------------------------------------------------------------------
Portfolio Filter
------------------------------------------------------------------- */

.filters {
	text-align: center;
	list-style: none;
	padding: 0;
	margin: 0 0 10px;
}

.filters > li {
	display: inline-block;
	margin: 5px 15px;
}

.filters > li sup {
	top: -.7em;
	font-size: 80%;
	color: #999;
}

.filters > li > a {
	text-transform: uppercase;
	color: #111;
}

.filters > li > a:hover, .filters > li > a.current,
.filters > li > a:hover sup, .filters > li > a.current sup {
	color: #999;
}

/* ------------------------------------------------------------------
Portfolio Single
------------------------------------------------------------------- */

.image-caption {
	position: relative;
	margin: 0 0 20px;
}

.image-caption .caption-text {
	position: absolute;
	display: table;
	bottom: 0;
	height: 100%;
	width: 100%;
	z-index: 2;
	padding: 20px;
	font-size: 12px;
}

.project-details {
	list-style: none;
	padding: 0;
	margin: 0;
}

.project-details li {
	padding: 0 0 10px;
}



/* ------------------------------------------------------------------
Tags
------------------------------------------------------------------- */

.tags a {
	background: #f7f7f7;
	position: relative;
	display: inline-block;
	padding: 1px 15px 1px 10px;
	margin: 0px 15px 10px 0;
	height: 26px;
	letter-spacing: 1px;
	line-height: 24px;
	font-size: 11px;
	-webkit-border-radius: 2px 0 0 2px;
	   -moz-border-radius: 2px 0 0 2px;
	        border-radius: 2px 0 0 2px;
	-webkit-transition: all 0.3s cubic-bezier(0.300, 0.100, 0.580, 1.000);
	   -moz-transition: all 0.3s cubic-bezier(0.300, 0.100, 0.580, 1.000);
	     -o-transition: all 0.3s cubic-bezier(0.300, 0.100, 0.580, 1.000);
	        transition: all 0.3s cubic-bezier(0.300, 0.100, 0.580, 1.000);
}

.tags a:before {
	border-left: 8px solid #f7f7f7;
	border-top: 13px solid rgba(0, 0, 0, 0);
	border-bottom: 13px solid rgba(0, 0, 0, 0);
	position: absolute;
	content: "";
	right: -8px;
	top: 0;
	height: 0;
	width: 0;
	-webkit-transition: all 0.3s cubic-bezier(0.300, 0.100, 0.580, 1.000);
	   -moz-transition: all 0.3s cubic-bezier(0.300, 0.100, 0.580, 1.000);
	     -o-transition: all 0.3s cubic-bezier(0.300, 0.100, 0.580, 1.000);
	        transition: all 0.3s cubic-bezier(0.300, 0.100, 0.580, 1.000);
}

.tags a:after {
	background: #fff;
	position: absolute;
	display: block;
	content: "";
	right: 4px;
	top: 11px;
	height: 4px;
	width: 4px;
	-webkit-border-radius: 50%;
	   -moz-border-radius: 50%;
	        border-radius: 50%;
}

.tags a:hover {
	background: #f0f0f0;
}
.tags a:hover:before {
	border-left-color: #f0f0f0;
}

/* ------------------------------------------------------------------
Widgets
------------------------------------------------------------------- */

.widget {
	margin: 0 0 60px;
}

.widget-title {
	border-bottom: 1px solid #eee;
	padding: 0 0 10px;
	margin: 0 0 20px;
}

.widget ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

.widget li {
	padding-bottom: 10px;
}

/* Search */

.search-box {
	position: relative;
}

.search-btn {
	background: transparent;
	border: none;
	position: absolute;
	overflow: hidden;
	right: 1px;
	top: 50%;
	height: 40px;
	width: 42px;
	outline: none;
	margin-top: -20px;
	line-height: 38px;
	font-size: 14px;
	color: #eee;
}

/* Recent posts */

.widget-posts li {
	padding-bottom: 20px;
}

.widget-posts-image {
	float: left;
	width: 64px;
}

.widget-posts-body {
	margin-left: 74px;
}

.widget-posts-title {
	margin: 0 0 5px;
}

.widget-posts-meta {
	letter-spacing: 1px;
	font-size: 11px;
}

/* ------------------------------------------------------------------
Preloader
------------------------------------------------------------------- */

.page-loader {
	background: #fff;
	position: fixed;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	z-index: 9998;
}

.loader {
	background: #ddd;
	position: absolute;
	display: inline-block;
	height: 40px;
	width: 40px;
	left: 50%;
	top: 50%;
	margin: -20px 0 0 -20px;
	text-indent: -9999em;
	-webkit-border-radius: 100%;
	   -moz-border-radius: 100%;
	        border-radius: 100%;
	-webkit-animation-fill-mode: both;
	        animation-fill-mode: both;
	-webkit-animation: ball-scale 1s 0s ease-in-out infinite;
	        animation: ball-scale 1s 0s ease-in-out infinite;
}


@-webkit-keyframes ball-scale {

	0% {
		-webkit-transform: scale(0);
		   -moz-transform: scale(0);
		    -ms-transform: scale(0);
		     -o-transform: scale(0);
		        transform: scale(0);
	}

	100% {
		opacity: 0;
		-webkit-transform: scale(1);
		   -moz-transform: scale(1);
		    -ms-transform: scale(1);
		     -o-transform: scale(1);
		        transform: scale(1);
	}

}

@keyframes ball-scale {

	0% {
		-webkit-transform: scale(0);
		   -moz-transform: scale(0);
		    -ms-transform: scale(0);
		     -o-transform: scale(0);
		        transform: scale(0);
	}

	100% {
		opacity: 0;
		-webkit-transform: scale(1);
		   -moz-transform: scale(1);
		    -ms-transform: scale(1);
		     -o-transform: scale(1);
		        transform: scale(1);
	}

}

/* -------------------------------------------------------------------
Scroll to top
------------------------------------------------------------------- */

.scroll-up {
	position: fixed;
	display: none;
	bottom: 7px;
	right: 7px;
	z-index: 999;
}

.scroll-up a {
	background: #fff;
	display: block;
	height: 28px;
	width: 28px;
	text-align: center;
	line-height: 28px;
	font-size: 14px;
	color: #000;
	opacity: 0.6;
	-webkit-border-radius: 2px;
	   -moz-border-radius: 2px;
		 -o-border-radius: 2px;
			border-radius: 2px;
}

.scroll-up a:hover,
.scroll-up a:active {
	opacity: 1;
	color: #000;
}

/* ------------------------------------------------------------------
Reset bootstrap navigation styles for small screens
------------------------------------------------------------------- */

.navbar-custom .navbar-header {
	float: left;
}

.navbar-custom .navbar-right {
	float: right !important;
	margin-right: -15px;
}

.navbar-custom .navbar-nav {
	margin: 0 -15px;
}

.navbar-right + .extra-navbar {
	margin: 0 15px;
}

.navbar-custom .navbar-nav > li {
	float: left;
}

.navbar-custom .navbar-nav > li > a {
	padding-top: 5px;
	padding-bottom: 5px;
}

/* ------------------------------------------------------------------
Responsive.CSS
------------------------------------------------------------------ */

    
@media only screen and (-webkit-min-device-pixel-ratio: 2),only screen and (min-resolution: 192dpi) {

	.module_blog_grid_titles .preview_grid_image .blog_grid_arrow {
		background:url(../img/retina/wonder_sprite.png) no-repeat -29px 0;
	}

	.module_blog_grid_titles .preview_grid_image .blog_grid_arrow {
		background-size:58px 30px;
	}

}


@media only screen and (min-width: 1200px) and (max-width: 1366px) {
/* Laptop */
	.container {
		width:1020px;
	}
	.module_blog_grid .element_in_row3 .grid_blog_element,
	.module_blog_grid_titles.element_in_row3 .grid_blog_element {
		width:25%;
	}
    .module_blog_grid.element_in_row4 .grid_blog_element  {
		width:25%;
	}
	/* Hero captions */

	.size-1 {
		letter-spacing: 30px;
		font-size: 26px;
	}

	.size-2 {
		letter-spacing: 28px;
		font-size: 20px;
	}

	.size-3 {
		letter-spacing: 20px;
		font-size: 22px;
	}

	.size-4 {
		letter-spacing: 8px;
		font-size: 16px;
	}

}


@media only screen and (min-width: 960px) and (max-width: 1200px) {
	/* Ipad Land */
	.container {
		width:940px;
	}
	.module_blog_grid.element_in_row3 .grid_blog_element,
	.module_blog_grid_titles.element_in_row3 .grid_blog_element {
		width:25%;
	}
	 
	 .module_blog_grid.element_in_row4 .grid_blog_element  {
		width:25%;
	}
	/* Hero captions */

	.size-1 {
		letter-spacing: 30px;
		font-size: 26px;
	}

	.size-2 {
		letter-spacing: 28px;
		font-size: 20px;
	}

	.size-3 {
		letter-spacing: 20px;
		font-size: 22px;
	}

	.size-4 {
		letter-spacing: 8px;
		font-size: 16px;
	}

	/* Portfolio grid */

	.work-item,
	.grid-sizer {
		width: 33.3333%;
	}

	.work-item.wide,
	.work-item.wide-tall {
		width: 66.6666%;
	}

    
}

@media only screen and (min-width: 760px) and (max-width: 960px) {
	
    /* Ipad Port */

    .container {
		width:100%;
		padding:0 20px;
		box-sizing:border-box;
		-moz-box-sizing:border-box;
		-webkit-box-sizing:border-box;
	}
	
	.module_blog_grid.element_in_row3 .grid_blog_element,
    .module_blog_grid.element_in_row4 .grid_blog_element,
    .module_blog_grid_titles.element_in_row3 .grid_blog_element {
		width:33%;
	}
	
  
    	/* Hero captions */

	.size-1 {
		letter-spacing: 30px;
		font-size: 26px;
	}

	.size-2 {
		letter-spacing: 28px;
		font-size: 20px;
	}

	.size-3 {
		letter-spacing: 20px;
		font-size: 22px;
	}

	.size-4 {
		letter-spacing: 8px;
		font-size: 16px;
	}
	.a 	{
		font-size: 10px;
	}

}


/* MOBILE MENU */

@media (max-width: 759px) {
	/*Iphone*/

    .extra-navbar {
		display: none;
	}

    .container {
		width:100%;
		padding:0 20px;
		box-sizing:border-box;
		-moz-box-sizing:border-box;
		-webkit-box-sizing:border-box;
	}
	.gt3_grid_gallery .gallery_grid_item,
	.module_blog_grid.element_in_row3 .grid_blog_element,
    .module_blog_grid.element_in_row4 .grid_blog_element,
	.module_blog_grid_titles.element_in_row3 .grid_blog_element {
		width:50%;
	}		

	/* Hero captions */
    
    .size-title {
    font-weight: 100; 
    letter-spacing: 20px; 
    color:white; 
    text-shadow:0px 0px 10px rgba(255,255,255,1);
	font-size: 20px;
	opacity: 0.9;
    }

	.size-1 {
		letter-spacing: 20px;
		font-size: 26px;
	}

	.size-2 {
		letter-spacing: 16px;
		font-size: 15px;
	}

	.size-3 {
		letter-spacing: 14px;
		font-size: 14px;
	}

	.size-4 {
		letter-spacing: 4px;
		font-size: 14px;
	}

	.size-5 {
		letter-spacing: 2px;
		font-size: 13px;
	}

	.size-6 {
		font-size: 10px;
	}
	
	.a 	{
		font-size: 10px;
	}


}


@media (max-width: 500px) {

	/* Hero captions */

	.size-1 {
		letter-spacing: 10px;
		font-size: 26px;
	}

	.size-2 {
		letter-spacing: 6px;
		font-size: 14px;
	}

	.size-3 {
		letter-spacing: 4px;
		font-size: 13px;
	}

	.size-4 {
		letter-spacing: 4px;
		font-size: 12px;
	}

	.size-5 {
		letter-spacing: 2px;
		font-size: 11px;
	}

	.size-6 {
		font-size: 10px;
	}


}

    
        /* ------------------------------------------------------------------
 fine Responsive.CSS
------------------------------------------------------------------ */