/*! Generated by Font Squirrel (https://www.fontsquirrel.com) on February 7, 2021 


@font-face{
    font-family:"HelveticaNowDisplayMedium";src:url(../fonts/HelveticaNowDisplay-Medium.woff2) format("woff2");
    font-weight:400;font-style:normal}*/

@font-face {
  font-family: "HelveticaNowDisplayRegular";
  src: url('../fonts/HelveticaNowDisplay-Regular.woff2') format('woff2'), url('../fonts/HelveticaNowDisplay-Regular.woff') format('woff');
}

@font-face {
  font-family: "HelveticaNowDisplayLight";
  src: url('../fontsfont.woff2') format('woff2'), url('../fonts/font.woff') format('woff');
}

@font-face {
  font-family: "HelveticaNowDisplayMedium";
  src: url('../fonts/HelveticaNowDisplay-Medium.woff2') format('woff2'), url('../fonts/HelveticaNowDisplay-Medium.woff') format('woff');
}

@font-face {
  font-family: "HelveticaNowDisplayBold";
  src: url('../fonts/HelveticaNowDisplay-Bold.woff2') format('woff2'), url('../fonts/HelveticaNowDisplay-Bold.woff') format('woff');
}

@font-face {
  font-family: "HelveticaNowDisplayThin";
  src: url('../fonts/HelveticaNowDisplay-Light.woff2') format('woff2'), url('../fonts/HelveticaNowDisplay-Light.woff') format('woff');
}

@font-face {
	font-family: 'Advercase-Regular';
	src: url('../fonts/advercase-regular.eot');
	src: url('../fonts/advercase-regular.eot?#iefix') format('embedded-opentype'),
             url('../fonts/advercase-regular.woff2') format('woff2'),
	     url('../fonts/advercase-regular.woff') format('woff'),
	     url('../fonts/advercase-regular.ttf') format('truetype'),
	     url('../fonts/advercase-regular.svg#youworkforthem') format('svg');
	font-weight: normal;
	font-style: normal;
}

a {
	text-decoration:none;
	border:0;
	color:#000;
}





a:hover, img a:hover {
	color:#777;
}

.selected, .selected a {
	border-bottom: 0px solid black;
    color:#ccc;
}

.selected_dark ,.selected_dark a {
	border-bottom: 2px solid white;
}
/* scrollbar styles */

::-webkit-scrollbar {height: 14px;width: 12px;}
::-webkit-scrollbar-track {width: 3px; background-color:#fafafa;}
::-webkit-scrollbar-thumb {background-color:#333;width: 3px;}


*{margin:0;padding:0;}

html{-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}

body {
    font-weight: normal;
    font-family:HelveticaNowDisplayMedium,Helvetica,Arial,sans-serif;
    font-variant-ligatures:common-ligatures contextual;
    font-feature-settings:"kern","liga","clig","calt",common-ligatures contextual,"kern";
    font-kerning:normal;
    letter-spacing:0.4px;
	overflow-y:scroll;
	overflow-x: hidden;
    

    /* -----------------------------------FONT SIZE */
    font-size: 14px;
    line-height:16px;
text-rendering: optimizeLegibility !important;
-webkit-font-smoothing: antialiased !important;
    
	
}

p {
        font-family:Advercase-Regular,Helvetica,Arial,sans-serif;
font-size:15.5px;
    text-transform: none;
    letter-spacing: 0.4px;
    line-height:21px;
}


h5, h2, h3, .caption, .captionnew, .caption p

{   /* -----------------------------------MAIN LOGO */
    font-family:HelveticaNowDisplayMedium,Helvetica,Arial,sans-serif;
    font-kerning:normal;
    font-weight: normal;
    letter-spacing:0px;
    font-size:9px;
    line-height:20px;
    padding-bottom:0px;
    text-transform: Normal;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility !important;
    
}

h3{font-family:HelveticaNowDisplayMedium,Helvetica,Arial,sans-serif;font-size:52px;line-height:55px;letter-spacing: -0.6px}

.caption {text-transform: none}


h2, ul h4, .caption h4 , h4 a, .captionnew h4{    font-family:HelveticaNowDisplayMedium,Helvetica,Arial,sans-serif;}

h1 {    
    font-weight: normal;
    letter-spacing:0px;
    text-align:center;
    padding:0;margin:0;
    
    /* -----------------------------------FONT SIZE */
    font-size:15px;
    line-height:23px;
    text-transform: uppercase;
}




.red{color:#ff3300}

h4 { 
    font-family:HelveticaNowDisplayMedium,Helvetica,Arial,sans-serif;
    font-weight: normal;
    letter-spacing:0.5;
    padding:0;margin:0;
    
    /* -----------------------------------FONT SIZE */

    text-transform: Normal;
        font-size:15px;
    line-height:21px;
     letter-spacing:0px;
}

h5 { 
    font-family:Advercase-Regular,Helvetica,Arial,sans-serif;
 font-kerning:normal;
    font-weight: normal;
    letter-spacing:0.6px;
    font-size:36px;
    line-height:48px;
    padding-bottom:0px;
    padding-top:10px;
    text-transform: Normal;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility !important;
}

h6 { 
    font-family:HelveticaNowDisplayMedium,Helvetica,Arial,sans-serif;
    font-weight: normal;
    letter-spacing:0px;
    padding:0;margin:0;
    
    /* -----------------------------------FONT SIZE */
    font-size:19px;
    line-height:23px;
    text-transform: NONE;
}



img {
   width:100%;
   margin: 0;
   padding: 0;
}


.content {
    position:relative;
    padding:0;
    margin:0;
    top:0px;
    background:none
}



    /* -----------------------------------NAV UL LI STYLES */

ul{list-style: none;}

.content ul
{
    list-style: none;
    margin: 91px auto;
    display: block;
	margin-bottom:0px;
	padding-bottom:0px;
	background:none;
}

.content ul li, 
{

    margin: 0px 30px 15px 0px;    
    display: inline-block;
	overflow:hidden;
	vertical-align: top;
}

.iconview {position:fixed;top:90px;left:40px}
.thumbnails {
    text-align:left;
   
}

.thumbnails .thumb {
     width:320px;
    background:none;
   margin-top: 0px;
     margin-bottom: 95px;
    margin-right: 39px;
      margin-left: 39px;
    display: inline-block;
    *display:inline; /* ie7 fix */
    float: none; /* this is the part that makes it work */
    
}

.thumbnails .thumbhp {
     width:300px;
    background:none;
   margin-top: 0px;
     margin-bottom: 95px;
    margin-right: 59px;
      margin-left: 59px;
    display: inline-block;
    *display:inline; /* ie7 fix */
    float: none; /* this is the part that makes it work */
    
}



.one_img {
    text-align:center;
   
}

.one_img .img {
     width:918px;
    background:none;
   margin-top: 0px;
     margin-bottom: 95px;
    margin-right: 0px;
      margin-left: 0px;
    display: inline-block;
    *display:inline; /* ie7 fix */
    float: none; /* this is the part that makes it work */
    
}


/* generic font styles */

.logo {
	position:fixed;
    left:50%;
	width: 300px;  
	height:36px; 
	z-index:100;
	margin:0 auto;
    text-align:center;
    margin-left: -250px;
}

.logo,.navigatore_destra, .navigatore_sinistra {
	
	top:40px;
	
}


.navigatore_destra, .navigatore_sinistra {
    position:fixed;
	width: 180px;  
	height:36px; 
    z-index:100;
}

.navigatore_destra {
    text-align:right;
    right:40px;
}

.navigatore_destra ul li {
	display: inline-block;
	margin: 0px 0px 0px 0px;
	

}

.navigatore_sinistra {
    text-align:left;
    left:40px; 
}

.navigatore_sinistra ul li {
	display: inline-block;
	margin: 0px 0px 0px 0px;
    text-align:left;
	

}

.mobilehide{display:none}
.mobileshow{display:block}

.bgbar{
    position:fixed;
    top:0;
    left:0;
    height:110px;
    background:white;
    opacity: 1;
    width: 100%;

z-index:50;}

.about_text{margin:0 15px 0 15px}


.captionnew {
    position:relative;
    text-align: center;
    padding-top: 130px;
    text-transform: normal;
    padding-bottom:140px;
    width:450px;
     left:50%;
    margin-left:-225px;
   
}




.container, .aboutcontainer, .captioncontainer, .container_singleimage  {
	position:relative;
	width:752px;
	left:50%;
	top:0px;
	margin-left:-376px;
	padding-bottom:40px;
        font-family:TradeGothicBoldN20,Helvetica,Arial,sans-serif;
    font-weight: normal;
    letter-spacing:0px;
    text-align:center;
    padding:0;margin:0;
    
    /* -----------------------------------FONT SIZE */
    font-size:17px;
    line-height:19px;
    text-transform: none;
    


}


.containerintro{
    position:relative;
    top:78px;
    margin:0; 
    text-align: 0 auto; 
    width:100%;}
    
 

.introcontainer{
    	width:980px;
	left:50%;
	top:0px;
	margin-left:-480px;
	padding-bottom:0px;
    position:relative;top:100;height:160px;
    
}
.flexslider, .flexslider img, .container_static, .container_static_mobile, .container_wideimage,.container_static_about {
overflow:hidden;
margin:0;
padding-bottom:10px;
    text-align: center;
    

}

.captioncontainer {
overflow:hidden;
height:200px;
margin:0;
background:none;
padding-top:80px;
}
.flex-control-paging  {
  display:none;
    background: #333;
  background: rgba(0, 0, 0, 0.7);
}
.flex-control-paging {
  background: #000;
  background: rgba(0, 0, 0, 0.9);
  cursor: default;
}
.flex-direction-nav {
      display:inline;
text-align: center;
}
.flex-direction-nav li{
      display:inline;
    padding: 10px;
text-align: center;
  *height: 0;
}


.flex-control-nav {
  width: 100%;
  position: absolute;
  margin-bottom: 40px;
  text-align: center;
    top:10px;
}
#textslide{
	text-align:center;
	position:absolute;
	background:none;
	margin:0 auto;
	margin-left:50%;
	left:-226px;
	top:230px;
	color:black;
	width:452px;height:13px;
	vertical-align:middle;
	display:block;
	z-index:200;
}


.flex-caption, .static-caption {
	position:absolute;padding-top:545px;
	text-align:center;
	height:30px;
	z-index:2200;
	overflow:hidden;
	font-family: HelveticaNowDisplayLight;
}

.flex-caption a, .static-caption a {
	border-bottom:2px solid black;
	padding-bottom:2px;
}


.flex-caption a:hover, .static-caption a:hover {
	padding-bottom:2px;
}

/* -------------------------------------------Video styles */
video{border:none;
background:none;
padding:0;
margin:0;
outline: none;
height:auto;
overflow-x:hidden;}






.caption {
	position:relative;
	padding:0px;
	overflow:hidden;
	text-align:center;padding-top:40px;

}

.slides {
    cursor:url("http://www.gabrielebaldotto.com/img/general/next_img.png"), auto;
}


.bigcaption {
	position:fixed;
	left:35px;bottom:35px;
	padding:0px;
	overflow:hidden;
	

}


#counter {
	position:absolute;
	top:518px;
	width:320px;
	text-align:center;
	margin: 0 auto;
	margin-left:-160px;
	left:50%;
	z-index:1500;
	overflow:hidden;
	

}
hr{	margin:0 auto;
	border:0;
	padding:0;
	border-bottom:1px solid black;
	
	}
.bodycontent {
	top:0px;
	position:relative;
	padding:0px;
	overflow:hidden;
	margin:0 auto;
	width: 950px;   
	left: 50%; 
	margin-left: -475px;

}

.prevnext a:hover {text-transform: uppercase;opacity:.3}

.prevnext {
	position:absolute;
	margin:0 auto;
	width: 698px;   
	left: 50%; 
	margin-left: -349px; 
	top:634px;
	z-index:60;
	height:20px;
	border-bottom:0px solid black;
	padding-bottom:0px;
	text-align:center;
	background:none;
    text-transform: uppercase;

}




.footer{
    position:absolute;
    width:100%;
    height:400px;
    background:none;
}

.foot_navigatore_destra, .foot_navigatore_sinistra {
    position:absolute;
    bottom:8px;
	width: 250px;  
	height:36px; 
    z-index:100;
}

.foot_navigatore_destra {
    text-align:right;
    right:38px;
}

.foot_navigatore_destra ul li {
	display: inline-block;
	margin: 0px 0px 0px 0px;

	

}

.foot_navigatore_sinistra {
    text-align:left;
    left:38px;
}

.foot_navigatore_sinistra ul li {
	display: inline-block;
	margin: 0px 0px 0px 0px;
    text-align:left;
	

}







$primary: #11998e;
$secondary: #38ef7d;
$white: #fff;
$black: #000;
.form__group {
  position: relative;
  padding: 15px 0 0;
  margin-top: 10px;
  width: 50%;
}

input{border:0;}

.form__field {
     font-family:HelveticaNowDisplayMedium,Helvetica,Arial,sans-serif;
    font-size:16px;
    text-transform: none;
    line-height:24px;
    height:60px;
    text-align: :left;
    
    
  width: 100%;
  border: 0;
  border-bottom: 1px solid #000;
  outline: 0;
  padding: 0;
  background: none;
    margin-top:20px;

  &::placeholder {
    color: transparent;
  }

  &:placeholder-shown ~ .form__label {
    cursor: text;
    top: 20px;
  }
}

.form__label {
  position: absolute;
  top: 0;
  display: block;
  color: #000;
}

.form__field:focus {
  ~ .form__label {
    position: absolute;
    top: 0;
    display: block;
    color: #000;
  }
  padding-bottom: 0px;  
  border-image-slice: 1;
}
/* reset input */
.form__field{
  &:required,&:invalid { box-shadow:none; }
}

.form_sizing {
    position:relative;
    top:20px;
    width:600px;
    left:50%;
	margin-left:-300px;
	padding-bottom:40px;
}

.send__field {
     font-family:HelveticaNowDisplayMedium,Helvetica,Arial,sans-serif;
    font-size:16px;
    height:60px;
    text-align: left;
    
    background: none;
  width: 100%;
  border: 0;
  border-bottom: 0px solid #000;
  outline: 0;
  padding: 0;
    margin-top:20px;

  &::placeholder {
    color: transparent;
  }


}




/* Full-Screen Video Background */
.video-background {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    z-index: 0; /* Ensure it is behind other content */
    display: flex;
    align-items: center;
    justify-content: center;
}

#background-video, #mobile-background-video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover; /* Maintain aspect ratio and cover the entire container */
}

/* Mobile Video Visibility */
#mobile-background-video {
    display: none; /* Hidden by default */
}

@media (max-width: 768px) {
    #background-video {
        display: none; /* Hide desktop video on mobile */
    }
    #mobile-background-video {
        display: block; /* Show mobile video */
    }
}



/* override intro H3 for any screen ≤768px */
@media (max-width: 768px) {
  /* target exactly your intro text */
 h3 {
    font-size: 39px !important;
    
  }
}