html, body{height: 100%; width: 100%; margin: 0 auto; line-height: 1vw}
html {
	font-size: 100%;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}
body{font-family: 'Times New Roman'; background-color: #dae3f3;}

/*-----------------
ANIMAZIONE
------------------*/
.animate{
    -webkit-transition: all 0.3s cubic-bezier(.17,.67,.12,.07);
            transition: all 0.3s cubic-bezier(.17,.67,.12,.07);
}
.container{width: 99%; height: 100vh; margin: 0 auto; overflow: hidden;
  /*-webkit-box-shadow: 0px 10px 13px -7px #000000, 5px 3px 5px -1px rgba(51,51,51,0);
  box-shadow: 0px 10px 13px -7px #000000, 5px 3px 5px -1px rgba(51,51,51,0);*/
}

/*-----------------
TESTO
------------------*/
.small{font-size: 1vw; line-height: 2vh;}
.normal{font-size: 2vw; line-height: 7vh;}
.big{font-size: 2vw; line-height: 5vh;}
.intro{font-size: 3vw; line-height: 8vh; font-weight: 500; letter-spacing: 0.3vw; font-family: Times;}
.intro_intestazione{font-size: 5vw; line-height: 8vh; font-weight: 500; letter-spacing: 0.3vw; font-family: Times;}
/*.menu-item{font-size: 1vw; line-height: 1.2vw; font-weight: bolder;}*/
.int_min{line-height: 1.5vh;}

.sx{text-align: left;}
.cx{text-align: center;}
.dx{text-align: right;}
.gx{text-align: justify;}
.middle{vertical-align: middle;}

.bold{font-weight: bold;}
.italic{font-style: italic;}

.link{text-decoration: underline; color: blue;}
/*-----------------
HEADER
------------------*/
.header{margin: 0; padding: 1% 50px;}
.header2{margin: 0; padding: 0 50px;}
.header_icon{width: 55px; margin: 0 10px; padding: 0;}
.header_contact{margin: 5px; padding: 5px; float: right; text-decoration: none; color: #203864;}
.header_logo{float: left; display: block; padding: 10px; margin: 0; text-decoration: none;}
/*.header_logo-txt{color: #203864; font-weight: bold; width: 300px; font-size: 6vh; line-height: 4.5vh; margin: 0; padding: 0;}*/
.header_logo-txt{color: #203864; font-family: Times; font-weight: bold; margin: 0; padding: 0;}
.header_menu{color: #203864; float: right; margin: 0; padding: 0; margin-right: 50px; margin-top: 15px; transition: all 0.6s cubic-bezier(.17,.67,.12,.07);}
.header_menu_static{color: #203864; float: right; margin: 0; padding: 0;}
.header_menu_item{display: inline-block;}
.header_menu_item a{color:#203864; display: block; padding: 20px 15px; font-size: 1.4vw; line-height: 1.2vw; font-weight: bolder; text-decoration: none; /*font-weight: bolder; text-decoration: none;*/ border-radius: 10px}
.header_menu_item a:hover{background-color: #203864; color: #b6dafc; transition: background 0.5s cubic-bezier(.17,.67,.12,.07);}
.header_icon-bar{display: block; float: right; padding: 20px; display: none;}
.header_icon-bar span{display: block;height: 3px; width: 30px; background-color: #203864; margin-bottom: 5px;}

/*-----------------
INTRO TEXT
------------------*/
.intro_container{width: 100%; height: 70vh;
  margin: 0 auto; padding: 1% auto; display: flex;  
  border-radius: 15px; background-color: rgba(32,56,100, 0.7);
  background: url(../media/images/image-07.png) no-repeat center center; 
  background-size: cover;
}
.background-image{background: url(../media/images/image-07.png) no-repeat center center; background-size: cover;}
.background-image_2{background: url(../media/images/image-07.png) no-repeat center center; background-size: cover;}
.background-image-collaboratori{background: url(../media/images/image-02.png) no-repeat center center; background-position: center left;background-size: cover;}
.intro_container-text{width: 100%; overflow-y: scroll; height: 100%; margin: 0; padding: 0;	background-color: rgba(0,0,0,0.6); display: flex; border-radius: 15px;}
.intro_container-text-padding{padding: 0% 10%;}
.intro_box{width: 100%; margin: auto; padding: 2%; display: block; color: #b6dafc; align-items: center; position: relative; z-index:100;}
.pic{width: 25%; margin: 0 auto; padding: 0.2%; border-radius: 2%; background-color: #b6dafc; display: flex;}
.pic img{width: 100%; height: 100%; padding: 0; margin: 0 auto; border-radius: 2%;}
.txt-pic{	display: flex;	flex-wrap: wrap;	flex-direction: row;	justify-content: space-between;}
.txt-pic-container{width: 70%;}
.scroller {
	height: 100%;
	overflow-y: scroll;
}
.intro_box a{text-decoration: none; color: inherit;}
/*.intro_container-text::-webkit-scrollbar {display: none;}*/
.contatti{width: 65%; display: inline-block; margin: 0 auto; padding: 0; display: flex; justify-content: center;}
.blocco{margin: 0 auto; padding: 0;  display: block;}
.contatti iframe{margin: 0 auto; padding: 0;}

/*-----------------
FOOTER
------------------*/
.footer{width: 100%; margin: auto; padding: 0;}
.footer_text{padding: 1%; color: #203864; margin: 0;}

@media (min-width: 850px) and (max-width: 1240px) {
.small{font-size: 2vw; line-height: 2vh;}
.normal{font-size: 2.5vw; line-height: 4vh;}
.big{font-size: 4.5vw; line-height: 4vw;}
.intro{font-size: 3.5vw; line-height: 4vw; font-weight: 500; letter-spacing: 0.5vw; font-family: Times;}

.container{width: 98%; overflow: auto;}
::-webkit-scrollbar {display: none;}


.header, .header2{padding: 0;}
.header_icon-bar{display: block;}
.header_contact{display: block;font-size: 85%; float: right;}
.header_menu{width: 100%; height: 0px; overflow: hidden; margin: 0 auto;}
.header_menu_item{display: block;}
.header_menu_item a{font-size: 2.5vh; line-height: 2.5vh;}

.is-open{height: 35vh; overflow: auto; transition: all 0.6s cubic-bezier(.17,.67,.12,.07);}

.intro_container{width: 98%; height: 100vh;}
.intro_container-text-padding{padding: 0%;}
.pic{width: 30vh; height: 25vh;}
.intro_box{ width: 98%; text-align: center;}


.contatti{width: 95%; font-size: 85%;}
iframe{width: 100%; text-align: center;}

.footer_text{ margin: 0; padding: 1% 0; letter-spacing: 0.5vw;}
}

@media (min-width: 768px) and (max-width: 849px) {
.small{font-size: 2vw; line-height: 2vh;}
.normal{font-size: 3vw; line-height: 4vh;}
.big{font-size: 5vw; line-height: 5vw;}
.intro{font-size: 4vw; line-height: 6vw; font-weight: 500; letter-spacing: 0.5vw; font-family: Times;}

.container{width: 98%; overflow: auto;}
::-webkit-scrollbar {display: none;}

.header, .header2{padding: 0;}
.header_icon-bar{display: block;}
.header_contact{display: block;font-size: 85%; float: right;}
.header_menu{width: 100%; height: 0px; overflow: hidden; margin: 0 auto;}
.header_menu_item{display: block;}
.header_menu_item a{font-size: 2.5vh; line-height: 2.5vh; padding: 15px;}

.is-open{height: 40vh; overflow: auto; transition: all 0.6s cubic-bezier(.17,.67,.12,.07);}

.intro_container{width: 98%; height: 100vh;}
.intro_container-text-padding{padding: 0%;}
.pic{width: 30vh; height: 25vh;}
.txt-pic-container{width: 95%;}
.intro_box{ width: 98%; text-align: center;}


.contatti{width: 95%; font-size: 85%;}
iframe{width: 100%; text-align: center;}

.footer_text{ margin: 0; padding: 1% 0; letter-spacing: 0.5vw;}
}

@media(min-width: 420px) and (max-width: 767px){
.small{font-size: 2vw; line-height: 2vh;}
.normal{font-size: 3vw; line-height: 4vw;}
.big{font-size: 6vw; line-height: 5vw;}
.intro{font-size: 5vw; line-height: 6vh; font-weight: 400; letter-spacing: 0.5vw; font-family: Times;}

.container{width: 98%; overflow: auto;}
::-webkit-scrollbar {display: none;}

.header, .header2{padding: 0;}
.header_icon-bar{display: block;}
.header_contact{display: inline-block; font-size: 75%;}
.header_menu{width: 100%; height: 0px; overflow: hidden; margin: 0 auto;}
.header_menu_item{display: block;}
.header_menu_item a{font-size: 2.5vh; line-height: 2.5vh;}

.is-open{height: 45vh; overflow: auto; transition: all 0.6s cubic-bezier(.17,.67,.12,.07);}

.intro_container{width: 98%; height: 100vh;}
.intro_container-text-padding{padding: 0%;}
.intro_box{ width: 98%; text-align: center;}
.txt-pic-container{width: 100%;}
.pic{display: none;}

.contatti{width: 95%; font-size: 85%;}
iframe{width: 100%; text-align: center;}

.footer_text{ margin: 0; padding: 1% 0; letter-spacing: 0.5vw;}
}

@media(max-width: 419px){
.small{font-size: 2vw; line-height: 2vh;}
.normal{font-size: 4.5vw; line-height: 4.2vh;}
.big{font-size: 5vw; line-height: 3vh;}
.intro{font-size: 5vw; line-height: 5vh; font-weight: 500; letter-spacing: 0.5vw; font-family: Times;}

.container{width: 98%; font-size: 4vh; overflow: auto;}
::-webkit-scrollbar {display: none;}

.header, .header2{padding: 0;}
.header_icon-bar{display: block;}
.header_contact{display: inline-block; font-size: 55%;}
.header_menu{width: 100%; height: 0px; overflow: hidden; margin: 0 auto;}
.header_menu_item{display: block;}
.header_menu_item a{font-size: 2.5vh; line-height: 2.5vh;}

.is-open{height: 45vh; overflow: auto; transition: all 0.6s cubic-bezier(.17,.67,.12,.07);}

.intro_container{width: 98%; height: 100vh;}
.intro_container-text-padding{padding: 0%;}
.intro_box{ width: 98%; text-align: center;}
.txt-pic-container{width: 100%;}
.pic{display: none;}

.contatti{width: 95%; font-size: 85%;}
iframe{width: 100%; text-align: center;}

.footer_text{ margin: 0; padding: 1% 0; letter-spacing: 0.5vw;}
}

/*-----------------
CLEARFIX
------------------*/
.clearfix:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */

	*,
  *:hover,
  *:after
  {  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
     box-sizing: border-box;
  }

	@font-face {
		font-family: 'Roboto';
		src: url('../fonts/Roboto/Roboto-Regular.eot');
		src: local('Roboto-Regular'), url('../fonts/Roboto/Roboto-Regular.ttf') format('truetype');
		}