/* GUARDA CHE */
/* TI VEDO CHE */
/* SPII IL MIO CODICE */
/* :D  */

html,body{height:100%;}
body {
  margin: 0;
  /* font-family: Helvetica, sans-serif; */
  font-family: 'Dosis', sans-serif;
  background-color: #eee8aa;
   color: #421010;
  line-height: 25px;
}

a {
  color: #ff4d00;
  text-decoration: none;
  /* transition: 0.75s; */
}

a:hover {
  color: rosybrown;
  text-decoration: none;
   transition: 1s;
}
a[name]:not(:link) {color: #421010;}
a:hover[name]:not(:link) {color: #421010;}

::selection {
	color:#fff;
  background: purple; /* WebKit/Blink Browsers */
}
::-moz-selection {
  color:#fff;
  background: purple; /* Gecko Browsers */
}

h1 {font-size: 36px;}
h2 {font-size: 28px;}
h3 {font-size: 25px;}
h4 {font-size: 20px;}
h5 {font-size:17px;}
h6 {font-size: 15px;}


/*-----------------------------
general
-----------------------------*/

.animate{
	-webkit-transition: all 0.3s ease-out;
					transition: all 0.3s ease-out;
}

/*-----------------------------
header
-----------------------------*/

.header {
    position: fixed;
	font-size:22px;
    top: 0;
    left: 0;
    width: 100%;
    padding: 0;
    z-index: 10000;
    transition: all 0.5s ease-in-out;
    height: auto;
    background-color:transparent;  
    
    text-align: center;
    line-height: 40px;
	
	/* border-bottom: 0.5px dashed silver ; */
	
}

/* .header.x {display:none; } */

/* .header_logo.x {display:none;} */

.header.active {
	height: 75px;
    background: #fff;
    -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);
	/* border-bottom: none ; */
}
.header.active a, .header.active p {color:#8f6243; transform:0.25s; cursor: pointer; }
.header.active a:hover, .header.active p:hover {color:#ff4d00; transition: 0.5s}

.header_logo{width:100px; height:auto;
	color:#e4f0c6; display: block;margin-left: 105px;padding:10px 0px;transition:0.5s}
	.header_logo.active{width:70px; height:auto; padding:5px 0px;
	margin-left: 100px; transition:0.5s}
	
.header_menu_link{display: inline-block;}
.header_menu_link a, .header_menu_link p {cursor: pointer; color:#a3c97a; display:block; padding:10px 20px;text-decoration: none; transition: 0.5s; font-weight:600; transition: 0.25s;}
.header_menu_link:hover {border-top:none}
.header_menu_link a:hover, .header_menu_link p:hover{color:purple;/*text-decoration:overline maroon;*/ transition: 0.5s;}
/* .header_menu_link a:active {background: #e7f0c6;} */
.header_menu_link.active {padding-top:6.5px; padding-bottom:4px;}
.header_menu_link.active:hover {
	background:transparent; 
/* border-top:1.5px solid #ff4d00;  */
padding-top:0px; 
padding-bottom:0px; 
transition:0s;
}

#sub ul{
  display: none;
}
.header_menu_linksub {display:block;}

/*LINK ATTIVI*/

.linkattivo a {
	color:purple;
	/* color:#69933c;  */
	border-top:none;}
.linkattivo.atty a {color:#ff4d00;}
.linkattivo.atty {background:transparent; 
/* border-top:1.5px solid #ff4d00;  */
padding-top:5px; padding-bottom:4px; transition:0s;}
.linkattivo.atty:hover {background:transparent;
 /* border-top:1.5px solid #ff4d00;  */
 padding-top:5px; padding-bottom:4px; transition:0s;}


.header ul li ul {
    /* visibility: hidden; */
  opacity: 0;
    position: absolute;
	margin-top:0px;
 text-align:left;
	padding:0px;
  transition: all 0.5s ease;
  display: none;
  /* box-shadow: 5px 5px 5px silver; */
  width:200px;
 background-color:rgba(255,255,255,0.5);
}

.header.active ul li ul {
	margin-top:0px;
 text-align:left;
background:rgb(250,250,250);
}

.header.active ul li ul li:first-child { border-top:none;}
.header.active ul li ul li:last-child { border-bottom:1px solid #e2eccb;}

.header ul li  ul {
  /* visibility: visible; */
  opacity: 1;
}

/* .header ul li:hover  ul,
ul li ul:hover {
  visibility: visible;
  opacity: 1;
  display: block;
  
} */

.header ul li ul li {border-bottom: 1px solid #e2eccb;}
	.header ul li ul li:first-child {border-top: 1px solid #e2eccb;}
	.header ul li ul li:last-child {border-bottom:1px solid #e2eccb;}


/* header */


.header ul {
  margin-top: -90px;
  padding: 0;
  list-style: none;
  overflow: hidden;
  background-color: transparent;
}

.header.active ul {
  margin-top: -76px;
  
}


/* menu */

.header .menu {
  clear: both;
  max-height: 0;
  transition: max-height 0.6s cubic-bezier(0.68,-0.55, 0, 0.79); /*chiusura*/
 
}

/* menu icon */

.header .menu-icon {
  cursor: pointer;
  display: inline-block;
  float: right;
  padding: 30px ;
  position: relative;
  margin: -65px 20px 0px 0px;
  user-select: none;
}

.header .menu-icon .navicon {
  background: #754909;
  display: block;
  height: 2px;
  position: relative;
  transition: background 0.75s cubic-bezier(0.68, -0.55, 0.27, 1.55); /*da transp a color*/
  width: 24px;
}

.header .menu-icon .navicon:before,
.header .menu-icon .navicon:after {
  background: #754909;
  content: '';
  display: block;
  height: 100%;
  position: absolute;
  transition: all 0.6s cubic-bezier(0.68,-0.55, 0.02, 1.17);
  width: 100%;
}

.header .menu-icon .navicon:before {
  top: 8px;
}

.header .menu-icon .navicon:after {
  top: -8px;
}

/* menu btn */

.header .menu-btn {
  display: none;
}

.header .menu-btn:checked ~ .menu {
  max-height: 600px; /* aumenta altezza x vedere altri links */
   transition: max-height 1.5s cubic-bezier(0.58,-0.18, 0.28, 1.29);  /*apertura*/
}

.header .menu-btn:checked ~ .menu-icon .navicon {
  background: transparent;
  transition: background 0.75s cubic-bezier(0.68, -0.55, 0.27, 1.55); /*da color a transp*/
}

.header .menu-btn:checked ~ .menu-icon .navicon:before {
	
     transform: rotate(45deg);
     background:#ff4d00;
}

.header .menu-btn:checked ~ .menu-icon .navicon:after {
	 
     transform: rotate(-45deg);
     background:#ff4d00;
}

.header .menu-btn:checked ~ .menu-icon:not(.steps) .navicon:before,
.header .menu-btn:checked ~ .menu-icon:not(.steps) .navicon:after {
  top: 0;
}

/* 48em = 768px */

@media (min-width: 768px) {
 /*  .header li {
    float: left;
  } */
  .header li a, .header li p {
	  margin: 0 -2px;
    padding: 10px 10px 15px;
  }
  .header .menu {
    clear: none;
    float: right;
	margin-right:25px;
    max-height: none;
  }
  .header .menu-icon {
    display: none;
  }
  
  .header ul li:hover  ul,
ul li ul:hover {
  visibility: visible;
  opacity: 1;
  display: block;
}
}

/*--news--*/
.nevs{color:red; font-weight: bold;text-align:center; font-size: 18px; margin:3px;}

/*--IMMAGINI--*/
.lungo{width: 100%; height: 300px;}
.cosi{width:100%;}


img .logo {width: 100px; height:auto;}

/*--video--*/
video {
  width: 100%;
  height: auto;
}

.smallvid { width:50%;}


/*-----------------------------
Cover
-----------------------------*/
.cover{height:70%;
	background-image: url("https://images.unsplash.com/photo-1536928966032-83f683b965ef?ixlib=rb-1.2.1&auto=format&fit=crop&w=1500&q=80/");
	background-size: cover;
	-o-background-size: cover;
	-moz-background-size: cover;
	background-position: center center;
	position:relative;
}
.cover_filter{ background: #000; width:100%; height:100%; position: absolute; z-index: 0; opacity: 0.5; }
.cover_caption{ display: table; height: 100%; width:100%; position: relative; z-index:1; padding: 0 20px}
.cover_caption_sub{ display: table-cell; vertical-align: middle; text-align: center; color:#fff; }

.cover--single{height: 70%}
.cover--single h1{font-size: 42px;}

/*-----------------------------
Cards
-----------------------------*/

.cards{
	background: #eee8aa;opacity:0.92;
	/* background:#e3c7ce;  */
	width: 100%; margin: 0px auto 0px;}
.card{width: 30%; margin:5% 1.5% 0;float:left;}
.card_image{ opacity:1.1 !important;
    display: block;
  margin-left: auto;
  margin-right: auto;
  width:130px;
  height: 130px;
  /*height: auto*/}
.card_sub{padding:5px 20px; text-align:left; font-size:20px; }
.card_sub h3{width:100%;
	text-align:center;
 font-family: 'Dancing Script', cursive; 
 font-size:55px; 
 background: #fcf8ec;
 margin-bottom:0;
 margin-left:auto;
 margin-right: auto;
 }
.card_sub a{
	/* border: 0.5px solid #ff4d00; */
	/* border-radius:50px; */
	padding: 7.5px 15px;
	text-align:center;
	background: #fff;
	color:#ff3000;
	transition:0s;
	-webkit-box-shadow: 7px 7px 15px -5px #bb8032;
-moz-box-shadow: 7px 7px 15px -5px #bb8032;
box-shadow: 7px 7px 15px -5px #bb8032;
opacity:0.6;
	
}

.card_sub a:hover{
	/* border: 0.5px solid #fff; */
	background:#d29d56;
	color:#fff;
	
	opacity:0.6;
	transition:0s;
}


/* WELCOM */

.wel {
	/* background: #cbe6ad; */
	background-color:white; 
	/* background: #a3c97a;  */
margin-top:40%; 
 z-index:5;
border-bottom: 1.5px solid #421010;
border-top:1.5px solid #421010;
 }
.wel_image {width:100%;
height:100%;
 position: fixed; 
 z-index:-55; 
 top:0px; 
 background-image: url("https://www.ottorami.com/img/welc.jpg");
 background-size: contain;
	-o-background-size: contain;
	-moz-background-size: contain;
	background-position: center top;
	background-repeat:repeat-x;
 }
 .wel_sub {width:100%;
height:100%;
background-color:#fff; 
opacity:0.25;
}
.wel_sub_testo{padding:20px 0; font-size:20px}
.wel_sub_testo h2 {margin-top:-80px; color: #421010; text-align:center; 
letter-spacing:8px; font-weight:bold; font-size: 60px; 
/*
text-shadow: 1px 0 0 #f6faeb, -1px 0 0 #f6faeb, 0 1px 0 #f6faeb, 0 -1px 0 #f6faeb, 1px 1px #f6faeb, -1px -1px 0 #f6faeb, 1px -1px 0 #f6faeb, -1px 1px 0 #f6faeb; 
*/
}
.wel_sub_testo h3 {font-family:'Dancing Script', sans-serif;text-shadow: 5px 5px 10px silver;}
/* .wel_sub_testo h2 { padding-left:0px !important; width:100%; position:fixed; z-index:-1; 
top:18px; font-size:60px; margin-left:auto; margin-right:auto; color: white; text-align:center; 
letter-spacing:8px; font-weight:bold;} */
.wel_sub_testo p{padding:20px 20px}


/*-----------------------------
Banner
-----------------------------*/
.banner{background: #e4f0c6; height:50%;margin-top:0; padding:10px 0;}
.banner_image{width:35%; float:left;height:50%;}
.banner_sub{width:65%; float:left;height:50%;display: table; font-size:20px;}
.banner_sub_testo h3{margin-bottom:0;}
.banner_sub_testo h4{margin: 5px 0}
.banner_sub_testo{display: table-cell; vertical-align: super; padding:0 30px;}
.banner_sub_testo p{color:black}

/*-----------------------------
Banner OLD
-----------------------------*/
/* 
.banner{background: #e4f0c6; height:50%;margin-top:0; padding:20px 0;}
.banner_image{width:35%; float:left;height:100%;
	background-image: url("img/librima.jpg");
	background-size: cover;
	-o-background-size: cover;
	-moz-background-size: cover;
	background-position: 50% 57%;
}
.banner_sub{width:65%; float:left;height:100%;display: table; font-size:20px;}
.banner_sub_testo h3{margin-bottom:0;}
.banner_sub_testo h4{margin: 5px 0}
.banner_sub_testo{display: table-cell; vertical-align: super; padding:0 30px;} 
*/

/*-----------------------------
BOX
-----------------------------*/
.boxes{ width: 100%; margin: 0px auto 0px;}
.box{background:#3d2231; width: 70%; margin:5% 15% 10%; color:#fff}
.box_image{width:90%; height: 300px; margin: 5%; /*height: auto*/}
.box_sub{padding:20px 30px 30px; text-align:left; font-size:20px; }
.box_sub h3{margin-bottom:0}

/*-----------------------------
Trafil
-----------------------------*/
.trafil {margin-top:30px;width: 100%; background:#e2eccb; padding: 40px 15px; text-align:center; font-size:22px; word-wrap: break-word;}
.cito {margin-top:-15px; font-size:20px; text-align:right; color:gray; padding-right:5px;}

/*-----------------ù
PULSANTE
---------------*/

.rick {border:1px solid #3d2231;
padding:5px;
display:block;
width:100px;
text-align:center;
margin-left:auto;
margin-right:auto;
background:#a68377;
color:#3d2231}

a.rick:hover {color:#a68377;
background:#3d2231;
border:1px solid #a68377}

/*-----------------------------
Footer
-----------------------------*/

footer{text-align:center; background:#a68377;padding:30px 30px 5px;color:#421010;margin-top:auto;
font-size: 18px; line-height: 15px;}
footer a {color: #3d2231; transition: 0.5s;}
footer a:hover {color: #d29d56; transition: 0.5s;}
footer img {width:95px; height:82px;}

img.lgbt {width:29px; height:19px !important}

/*-----------------------------
FT
-----------------------------*/

.fts{width: 100%; margin: 0px auto 0px;}
.ft{ width: 30%; margin: 0%; float:left;}
.ft:first-child {margin-top:20px; margin-left:20%} /*quando metto newletter, editare anche tablet CANC MARGIN LEFT*/
.ft:nth-child(2) {display: none;} /*-- TOGLIE x visualizzare NEWSLETTER,DA EDIT  vedi sotto--*/
/*USA QUESTI SETTING DOPO v */
/* .fts{width: 100%; margin: 0px auto 0px;}
.ft{ width: 30%; margin: 0 0.5%; float:left;}
.ft:first-child {margin-top:5%;}
.ft:nth-child(2) a {display: none;}
.ft:nth-child(2) img {display: none;} */
/*-----------------------------
Single
-----------------------------*/


/* striscia immagine */


.striscia {width:100%; height:300px}

/*-----------------------------
Calends
-----------------------------*/

.calends{max-width: 1200px; margin: 40px auto}
.calend{width: 30%; 
height: 200px; 
margin:0 1.5%; 
background: khaki; 
float:left; 
opacity:1.0; 
border-radius:10px;
transition: 0.5s;
}
/* .calend__image{width:100%; height: auto;} */
.calend:hover{opacity:0.8;  
 -ms-transform: rotate(10deg); /* IE 9 */
  transform: rotate(10deg); 
  transition: 0.5s;
  }
.calend_sub{
width:100%; 
height:100%; 
font-weight:bold; 
color: gold; 
margin:0px 15px;  
text-shadow: 0 0 5px #000;
}

.calend_sub:hover{color:silver;}
/* .calend_sub h3{margin-bottom:0} */


.undercalen {color:#fff; margin-top:-10px; font-size:30px; text-shadow: 0 0 3px #000, 0 0 5px #ff0000;}



/*-----------------------------
LEZons
-----------------------------*/
/*LEZIONI ONLINE*/
.lezons{
	/* background:#e3c7ce;  */
	width: 100%; margin: 0px auto 0px;}
.lezon{width: 45%; margin:5% 1.5% 0;float:left;}
.lezon_sub{padding:5px 20px; text-align:left; font-size:20px; }
.imglez {width:100%}


div.prezzi {background:#f2ebd5; padding:10px;}

/* PANEL */


.panel{}
.panel_sub{
	background-color: #fff;
	/* box-shadow: 5px 5px 10px 0px silver; */
	/* background-image: linear-gradient(45deg, #f7f6eb 1.61%, #fcfdf9 1.61%, #fcfdf9 50%, #f7f6eb 50%, #f7f6eb 51.61%, #fcfdf9 51.61%, #fcfdf9 100%); */
/* background-size: 31.00px 31.00px; */
 /* max-width:1000px;  */
 margin:40px 7%;  padding:30px 100px 50px; 
  position: relative; z-index:1; text-align:left; font-size:20px;
 /* border-style:solid; border-color: #f7f6eb; border-width: 0.5px;  */
}
.panel_sub_meta{font-weight: bold;text-align:left; font-size: 18px;}
.panel_sub_titolo{font-size: 29px;}
.panel_image { margin-left: 25%; width:50%; height:auto}
.panel_image_big { margin-left: 10%; width:80%; height:80%}
/*calend back*/
.mode{
	margin:-40px 0;
  background-color: #fff;
  background-image: radial-gradient(circle, #badbad 1%, transparent 10%), radial-gradient(circle, #badbad 1%, transparent 10%);
  background-size: 20px 20px;
  background-position: 0 0, 50px 50px;
}


/*FORM*/

textarea:focus {
  background-color: #ffffeb;
  color:#000
}
input[type=email]:focus {
   background-color: #ffffeb;
  color:#000
}
input[type=text]:focus {
  background-color: #ffffeb;
  color:#000
}
.radinput {
	width:auto;
	float:none;
}
/* MARKS */
.mark h2 {
	font-family: 'Dancing Script', cursive; 
	font-size:40px; 
	width: 60%; 
	background:#d7f99d;
	/* background: #98FB98;  */ /*colore verde evidenz */
	text-align:center; 
	margin-left: auto;
	margin-right: auto;
	line-height:15px;
	}

/* clicker font */
.clicker h2 {font-family: 'Clicker Script', cursive; font-size:50px;  }

/*other*/
.seiquatdix{margin:0 15% 15px;font-size: 16px !important;}



/*IMAGES*/
.sfocato {  opacity: 0.25;
  filter: alpha(opacity=25); /* For IE8 and earlier */
  border-radius: 48%}
  
  .ryt {margin:0.166in; width:0.5in; height:0.5in;}
  
  .imeventi {width: 75%; margin-left:12.5%}
  
  .lezio {width:80%;
  margin-left:10%}

/*-----------------------------
Tablet
-----------------------------*/
@media (max-width: 998px){
	
	
	/* WELCO */
	.wel {margin-top:40%;}
	
	/* banner */
	.banner_image,
	.banner_sub{width:50%;height:50%; font-size:18px;}
	
	/*cards*/
	.card_sub {font-size:18px;}
	.card_sub h3{width: 95%;}
	
	/*box*/
	.box_sub {font-size:18px;}
	
	/*single*/
	.panel_sub  {
		background:#fff;
		font-size:18px; margin: 0 auto; border-width:0px; padding:25px 50px; box-shadow: none;}
	
	/*lezon*/
	
.lezon{width: 70%; margin:5% 15%;}
.lezon_sub{padding:5px 15px;}
	
	/*calends*/
	.calend_sub{width:80%;}
	
	/*footer*/
	footer  {font-size:16px;}
	


/*notes*/

.seiquatdix{margin:0 5% 15px;font-size: 14px !important;}
}

/*-----------------------------
780
-----------------------------*/
@media (max-width: 780px){
	
	/* WELCO */
 .wel {margin-top:55%;} 
	




.mark h2 { width: 80%;  }

.panel_image {width:60%; margin-left:20%;}
.panel_image_big { margin-left: 5%; width:90%; height:90%}

}




/*-----------------------------
miny tablet
-----------------------------*/
@media (max-width: 767px){

	
	.header { font-size:22px;
  background: #fff;
  opacity:1;
  box-shadow: 1px 1px 4px 0 rgba(0,0,0,.1);
  position: relative;
      height: 81px;
  width: 100%;
  z-index: 30;
	/* border-bottom: 1px solid #e2eccb; */
	}
	.header.active  { 
      height: 81px;
	  }
	.header .menu { background:#fff;}
	.header_icon-bar{display: block;}
    .header_logo{width:75px; margin-left:auto; margin-right:auto; padding:7px 0}
	.header_logo.active{width:75px; margin-left:auto; margin-right:auto; padding:7px 0} /* !!! DEVE RIMANERE UGUALE A logo sopra*/
	.header_menu{width:100%; height:0px; overflow: hidden;}	
	.header_menu_link{font-size:18px; display: block; text-align: center; margin-right:20%;margin-left:20%;border-bottom: 1px solid #e2eccb;}
	.header_menu_link a {color:#754909; margin:0}
	 .header_menu_link p{color:#754909; margin:0}
	.header_menu_link a:hover, .header_menu_link p:active {color:#ff4d00 !important; background: #e7f0c6;text-decoration:none}
	.header_menu_link p:hover {color:#754909;}
	.header_menu_link:last-child { border-bottom:none;}
	.header_menu_link.active {padding-top:0px; padding-bottom:0px;}
	.is-open{height:500px; overflow: scroll;}
	
	.linkattivo a { color:#ff4d00; border-top:none;}
	.linkattivo.atty {border-top:none;}
	
	.header ul li ul {
		opacity: 1;
	width:100%;	
    position: relative;
	box-shadow: 0px 0px 0px !important;
	background:rgb(250,250,250)
	}

	.header ul li ul li {border-bottom: 1px solid #e2eccb;}
	.header ul li ul li:first-child {border-top: 1px solid #e2eccb;}
	.header ul li ul li:last-child {border-bottom: none;}
	.header.active ul li ul li:first-child {border-top: 1px solid #e2eccb;}
	.header.active ul li ul li:last-child { border-bottom:none;}
	
	ul.menu {
		-webkit-box-shadow: 0 4px 6px -6px #222;
  -moz-box-shadow: 0 4px 6px -6px #222;
  box-shadow: 0 4px 6px -6px #222;
		/* border-bottom:1px solid #e2eccb; */
	}
	
	/* WELCO */
	.wel {margin-top:60%;}
	
	/*banner*/
	.banner {height:50% !important;
		padding:0}
	.banner_image{width:50%;height:100%;}
	.banner_sub{width:50%;height:100%; font-size:18px;}
	
	/* Cards */
	.cards{margin: 0px auto;}
	.card{width: 100%; margin:0; padding:20px 10% 0;}
	.card:first-child{margin-top:30px;}
	.card_sub{ text-align:center; margin-top: -30px;}
	.card_sub h3{ width: 70%}
	
	/* calends */
	.calend{width: 90%; margin:5%; }
	
	
	/* lezonss */
	.lezon{width: 80%; margin:5% 10%;}
	.lezon_sub{padding:2.5px 10px; text-align:left; font-size:18px; }

/*PANEL*/
.panel_sub{background-color:#fff;}
	
	/* FTS */
	.fts{margin: 5px auto;}
	.ft{width: 100%; margin:0;}
	.ft:first-child {margin-top:0 ; margin-left:0}
	
	
	/*box*/
.box{width: 80%; margin:5% 10% 10%;}
.box_image{width:90%; height: 300px; margin: 5%; /*height: auto*/}
.box_sub{padding:20px 30px 30px; text-align:left; font-size:20px; }
.box_sub h3{margin-bottom:0}
	
	
/* striscia immagine */


.striscia {width:100%; height:200px}
  .lezio {width:90%;
  margin-left:5%}
	
}

/*-----------------------------
XX
-----------------------------*/
@media (max-width: 650px){
/*banner*/
.banner {height:100% !important;
		padding:0}
	.banner_image{width:70%; margin:0 15%; float:none}
	.banner_sub{width:100%;height:50%; font-size:18px; }

	/* WELCO */
	.wel {margin-top:75%;}
	
/* lezons */
.lezon{width: 90%; margin:0 5%;}

		/* lezs */
		.lez{ width: 75%; margin:0 12.5%  }
	/* .lez:last-child {margin-bottom: 5%} */
	
	.panel_image {width:80%; margin-left:10%;}
.panel_image_big { margin-left: auto; width:100%; height:auto}

/*IMG*/
.imeventi {width: 80%; margin-left:10%}
}

/*-----------------------------
BIG
-----------------------------*/
@media (max-width: 440px){
	
	
	
	/* WELCO */
	.wel {margin-top:90%;}


/* mark */
.mark h2 {width:100%; 
font-size:40px;
line-height:15px
}

.card_sub h3{width:100%; 
	line-height:15px
}

/*images*/
	.panel_image {width:100%; margin-left:auto; margin-right:auto;}
	.imeventi {width: 90%; margin-left:5%}
}

/*-----------------------------
Smartphone
-----------------------------*/
@media (max-width: 360px){

	/* Cover */
    .cover{height:50%;}
	
	
	/* WELCO */
	.wel {margin-top:105%;}

	/* Cards */
	.card{padding:0}
	.card_sub {padding: 0px 20px;}
	.card_sub h3{ width: 75%;}
	
	/* FTS */
	.ft{padding:0}
	
	
	/* lezs */
	.lez{ width: 100%; margin:0}
	
	/* LEZ */
		.lez{ width: 100%; margin:0%  }
	.lezon_sub{padding:0; text-align:left; font-size:20px; }
	
	/*img*/
	  .lezio {width:99%;
  margin-left:0.5%}
	
	/*box*/
	.boxes{ margin: 5px auto 0px;}
	.box{width: 100%; margin:0; }
	.box_image{width:100%; height:300px; margin:0; /*height: auto*/}
	.box_sub{padding:10px 15px 30px; text-align:left;}

	/* Banner */
	.banner{height: 100% !important; margin-top:0px; padding:0;}
	.banner_image,
	.banner_sub{width:100%;height:50%; margin:0px}

/*single*/
.panel_sub {padding:15px; }

/*footer */
  footer {padding:15px 15px 5px}

/* non eliminare questa parentesi serve a chiudere tag cellulare*/ }


/* iPhone 4 ----------- */
@media (max-width: 320px) {
	
	
	/* WELCO */
	.wel {margin-top:120%;}

	.card_sub h3 {width:100% !important;}
	.wel_sub_testo h2 {font-size: 45px !important; }
	.wel_sub_testo h3 {font-size: 20px}
	
	/* .header_logo{ margin:0px 5px 0px;} */
	
}

@media (max-width: 320px) and (-webkit-min-device-pixel-ratio : 2) {
	/*banner*/
	.banner {height: 100% !important;}
	.banner_image,
	.banner_sub{width:100%;height:40%}
	
	/*cards*/
	
	/* .card_image {height:130px;} */
	.card_sub h3 {width:100% !important;}
	
	 
}/*chiusura iphone*/


/* HEIGHT  */
@media (max-height: 425px) {
	/* .header_menu_link a{
		padding:0px;
	} */
	
}

/*SCROLLBAR*/
/* width */
/* ::-webkit-scrollbar {
	height: 20px; 
	width: 13px;
	background: #fff;
	}
	 */

/* Track */
/* ::-webkit-scrollbar-track {
  background: #fff; 
} */
 
/* Handle */
/* ::-webkit-scrollbar-thumb {
	background: #421010;
	border: 1px solid #fff; 
	border-radius: 8ex;
	box-shadow: 0 0 0 rgba(0, 0, 0, .75);
	} */

/* Handle on hover */
/* ::-webkit-scrollbar-thumb:hover {
  background: #8f6243;
}

::-webkit-scrollbar-button:decrement {
	background:#a3c97a;
 border-top-left-radius: 15ex; 
 border-top-right-radius: 15ex; 
 border-bottom-left-radius: 10ex;
 border-bottom-right-radius: 10ex;
 }
 ::-webkit-scrollbar-button:increment {
	background:#a3c97a;
 border-top-left-radius: 10ex; 
 border-top-right-radius: 10ex; 
 border-bottom-left-radius: 15ex;
 border-bottom-right-radius: 15ex;
 }
::-webkit-scrollbar-button:hover {background:#d7f99d; }
::-webkit-scrollbar-corner {background: transparent}
 */


/* 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 */

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


/*ICONS*/
i.fas.fa-circle.new {font-size: 20px; margin:2px;}
i.fas.fa-circle.full {font-size: 20px;color: gold; margin:2px;}

i.fas.fa-leaf {font-size: 30px;color:lightgreen; margin:2px;} /*primavera*/
i.fas.fa-sun {font-size: 30px;color:#e25822; margin:2px;}  /*estate*/
i.fab.fa-canadian-maple-leaf {font-size:30px;color:orange; margin:2px;} /*autunno*/
i.far.fa-snowflake {font-size: 30px;color:lightblue; margin:2px;} /*inverno*/
i.fas.fa-glass-cheers {font-size: 40px;color:pink; margin:2px;} /*nuovo anno*/

i.fas.fa-envelope {margin-left: 5px; margin-right:5px;}

a.fab.fa-instagram {font-size: 30px; margin-right: 5px;}
a.fab.fa-facebook {font-size: 30px; margin-left:5px; }
a.fab.fa-youtube {font-size: 30px; margin-left:5px; }
a.fab.fa-pinterest {font-size: 30px; margin-left:5px; }

i.fa.fa-chevron-down.gira {-ms-transform: rotate(180deg); /* IE 9 */
  transform: rotate(180deg);
transition: 0s ;
 }

/* TOP */


#myBtn {
  display: none;
  position: fixed;
  bottom: 47px;
  right: 17px;
  z-index: 99;
  font-size: 20px;
  border: solid 2px #84b64c;
  outline: none;
  background-color: #d7f99d;
  color: #8f6243;
  cursor: pointer;
  padding: 15px 12px 0;
  border-radius: 50px;
  opacity: 0.75;
  transition: 0.7s;
}

#myBtn:hover {

opacity: 1;
bottom:50px;
   transition: all .5s;
}