
body{padding:0;margin:0;font-family: 'Roboto', sans-serif;background:#FFF;}
body a{transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;
	-ms-transition:0.5s all; color:#FFFFFF;}
body a:hover{color:#FFFFFF;}

h1,h2,h3,h4,h5,h6{margin:0;	padding:0;font-family: 'Montserrat', sans-serif;}	
p{margin:0;font-family: 'Roboto', sans-serif;}
ul{margin:0;padding:0;}
label{margin:0;}

.header {position: relative;}
.header-nav {position: relative;}
.top-menu-pollinotrail {width: 100%;z-index: 99999;background: #fff;}

.fixed-top {position: fixed;top: 0;right: 0;left: 0;z-index: 1030; -webkit-box-shadow: 2px 4px 8px -4px rgba(0, 0, 0, 0.6); 
    -moz-box-shadow: 2px 4px 8px -4px rgba(0, 0, 0, 0.6);box-shadow: 2px 4px 8px -4px rgba(0, 0, 0, 0.6);}

.logo img{float: left;margin:16px 0 6px 0; }

.top-middle li {display: inline-block;}
.top .top-middle, .top .top-right {padding: 0px;}
.top .top-left {padding: 4px 0 0;text-align: left;}
.top-left li {display: inline-block;color:#fff;margin-right: 1.8em;letter-spacing: 1px; font-size:0.92em; font-weight:300;}
.top-left li a{color:#fff; text-decoration:none;}
.top-left li a:hover{color:#030; text-decoration:none;}
.top-left li img{ float:left;}
.top {padding: 10px 0;background:#008a00;}
.top-middle {text-align: right;}
.top-left p{color:#fff;font-size: 0.9em;margin-top: 3px;}
.top-middle li {margin-left: 15px;}

/*-- banner --*/
.banner{background:url(../images/parco-pollino-michele-di-tacchio.jpg) no-repeat 0px 0px;background-size: cover;min-height: 1000px;position: relative;
	background-attachment:fixed;}
.w3layouts-banner-info{text-align: center; margin-top: 20em;}
.w3layouts-banner-info h1 {color:#0B4908;font-size: 2.3em;margin: .5em 0;text-transform: uppercase;position: relative;letter-spacing: 5px;font-weight: 600;}
.w3layouts-banner-info h2 {font-size: 1.6em;font-weight: 400;font-style: italic;text-transform: none;color:#121212;}


@media(max-width:1080px){
.banner {min-height: 600px;}
}

@media(max-width:991px){
.banner {min-height: 560px;	}
.w3layouts-banner-info h2 {font-size: 1.4em;}
}

@media(max-width:667px){
.w3layouts-banner-info h2 {font-size: 1.4em;}
.w3layouts-banner-info h1 {font-size: 2em;}
}

@media(max-width:600px){
.w3layouts-banner-info h2 {font-size: 1.4em;}
}

@media(max-width:568px){
.w3layouts-banner-info h2 {letter-spacing: 1.4em;}
}

@media(max-width:480px){
.alberi-munumentali-pollino {min-height: 440px;}
.w3layouts-banner-info h2 {font-size: 1.2em;letter-spacing: 3px;}
.w3layouts-banner-info h1 {font-size: 1.5em;}
}

@media(max-width:414px){
.w3layouts-banner-info h2 {font-size: 1.2em;letter-spacing: 2px;}
}

@media(max-width:384px){
.w3layouts-banner-info h2 {font-size: 1.2em;letter-spacing: 0px;}
}

@media(max-width:320px){
.banner {min-height: 390px;}
.w3layouts-banner-info h2 {font-size: 1em;letter-spacing: 0px;}
.w3layouts-banner-info h1 {font-size: 1.2em;}
}
/*-- //banner --*/

/*-- Navbar --*/
.navbar-default .navbar-collapse,.navbar-default {border-color: transparent;}
.navbar-default .navbar-brand {font-size: 1em;color: #FFF;text-shadow: 3px 3px #000000;text-decoration: none;
	font-weight: 100;}
.navbar-default .navbar-nav>li>a {color:#333;letter-spacing: 1px;text-transform: uppercase;padding: 5px 3px;
	font-weight: 300;font-size: 0.92em;}	
.navbar-default .navbar-brand:focus,
.navbar-default .navbar-brand:hover {color: #fff;background: none!important;}
.navbar-default .navbar-toggle .icon-bar {background-color: #FFF;}
.navbar-default .navbar-toggle:focus,.navbar-default .navbar-toggle:hover {background-color:#F00;}
.navbar-default .navbar-nav>li>a:focus,.navbar-default .navbar-nav>li>a:hover {color: #009900;background-color: transparent;}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default 
.navbar-nav > .open > a:focus {color: #000;background-color: transparent;}	
.navbar-default {border-color: #e7e7e7;border: none!important;background: none!important;}
	
.navbar {margin-bottom: 0px;}
.navbar {border-radius: 0!important;}
.navbar-nav>li {float: left;margin: -25px 10px 0 10px;}

.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {color: #c4c6c7;background-color: #f5f5f5; font-size:0.9em;}


.navbar-brand {float: left;height: 50px;padding: 15px 15px;line-height: 45px;}

ul.dropdown-menu {top: 134%;background: rgba(0, 153, 0);border: none;border-radius: 0; padding:10px; min-width:300px;}
.dropdown-menu > li > a {padding: 7px 10px;color: #FFF;font-weight: 300;letter-spacing: 2px;font-size:0.85em; 
 text-transform:uppercase;}
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {text-decoration: none;background: none;font-size:0.85em;}

ul.nav.navbar-nav li.active a::before {color: #fff;text-shadow: 10px 0 #fff, -10px 0 #fff;}
.navbar-default {background: rgba(0, 0, 0, 0.72);border: none;border-radius: 0;}
.navbar-nav,.header-top {margin-top: 4em;}
.header-nav {position: relative;}
ul.nav.navbar-nav li a.active::before {color: #fff;text-shadow: 10px 0 #fff, -10px 0 #fff;}
.navbar-brand {float: left;padding: 0!important;line-height: 45px;}
/*-- /Navbar --*/

/*-- storie-di-montagna --*/
h4.storie-di-montagna {font-size:1.8em;text-transform: uppercase;letter-spacing: 1px;
    color: #fff;font-weight: 300;}
.storie-di-montagna p{font-size: 15px;letter-spacing: 1px;color: #fff;text-transform: none; margin-top:2em;  text-align: justify; }
.storie-di-montagna p a{color:#009900; text-decoration:none; font-weight:600;}
.storie-di-montagna p a:hover{color:#2AB115;}
.storie-di-montagna {background: #060; padding:1em 0 1.5em 0;}

@media (max-width: 768px) {
  h4.storie-di-montagna {font-size: 1.4em;letter-spacing: 0.5px;}

  .storie-di-montagna p {font-size: 16px;margin-top: 1em;}
  .storie-di-montagna {padding: 1em 15px;}
}
/*-- //storie-di-montagna --*/

/*--about-*/
.about-bottom {margin-top: 25px;}
.about-left,.about-right {padding: 0;}
.about-img1{background:url(../images/storie-di-montagna/diario-di-viaggio.jpg)center;}
.about-img2 {background:url(../images/storie-di-montagna/racconti-di-montagna.jpg)center;}
.about-img2 ,.about-img1{-webkit-background-size: cover;background-size: cover;-moz-background-size: cover;min-height: 291px;}
.about-bg{background:url(../images/storie-di-montagna/storie-di-montagna.jpg);-webkit-background-size: cover;background-size: cover;
    -moz-background-size: cover;padding: 0;}
.about  img{width: 100%;}
.about-bottom-text {padding: 4.8em 3em;text-align: center;position: relative;-webkit-transition: .5s all;transition: .5s all;
    -moz-transition: .5s all;background-color:#4E0809;}
.about-bottom-text:before {content: '';position: absolute;bottom: -13px;left: 50%;z-index: 999;border-top: 13px solid #4E0809;
    border-right: 13px solid transparent;border-left: 13px solid transparent;-webkit-transition: .5s all;transition: .5s all;-moz-transition: .5s all;}
.about-bottom-text.ab1:before {transform: rotate(180deg);-webkit-transform:rotate(180deg);border-top: 13px solid #094104;
    border-right: 13px solid transparent;border-left: 13px solid transparent;bottom: 100%;}
h3.title1 {font-size: 30px;color: #fff;text-transform: capitalize;}
.about-bottom-text p {font-size: 15px;line-height: 1.7em;color: #fff;}
.about-bottom-text.ab1 {background-color:#094104; color: #fff;}
.about-bottom-text.ab1 a{color:#4EB33E; text-decoration: none; font-weight: 600;}
.about-bottom-text.ab1 a:hover{color:#f1f1f1;}

a:focus {outline: none;}
.about-text {margin: 16% auto 0;text-align: center;background-color: #000;padding: 4em;width: 57%;}
.about-text h5 {color: #fff;font-size: 2.5em;}
.about-text p {color: #fff;letter-spacing: 6px;margin-top: 1.5em;line-height: 2em;font-size: 1em;}
.about-img5,.about-img6 {position: relative;overflow: hidden;}
.about-img-text {background-color: rgba(0, 0, 0, 0.8);padding: 4em 3em;text-align: center;border: 25px double rgb(146, 146, 146);
    transition: .5s all;position: absolute;top: -44%;left: 0;margin: 0 3em;}
.about-img-text p.text{color:#fff;}
.about-left:hover .about-img-text {top: 29%;}
/*-- //about --*/


@media screen and (max-width: 600px) {}
.news-right {padding-top: 3em;}

a.more{text-decoration:none;font-size: 0.95em;color:#060;font-weight: 400;	display: inline-block;
  margin-top: 0.7em; text-transform:uppercase;}
a.more:hover{color:#030;}

.col-news-top .date-in {overflow: hidden;position: relative;display: block;}
.col-news-top .date-in .month-in {position: absolute;height: 50%;width: 50%;top: 0;left: 0;
	background: url(../images/background2.png) repeat;text-align: center;-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;}
.col-news-top .date-in:hover .month-in {width: 100%;}
.col-news-top .date-in .month-in label {display: inline-block;font-weight: 800;text-transform: uppercase;
	color:#001C00;top: 50%;margin-top: -61px;position: absolute;left: 0;right: 0;}

.col-news-top .date-in .month-in label span {display: block;}

.fotogallery-grids2 { margin-top:0;}
.fotogallery-grids2 ul li {display: inline-block;width: 25%;float: left;position:relative;}
.fotogallery-grids2 ul li a{display:block;}
.fotogallery-grids2 ul li a img {width: 100%;}
.fotogallery-grids2 ul li:hover div.glry-bgd  {background:none;}
.glry-bgd {position: absolute;top: 0%;text-align: center;width: 100%;background: rgba(0, 0, 0, 0.55);
    height: 100%;transition: .5s all;-webkit-transition: .5s all;-moz-transition: .5s all;
    -o-transition: .5s all;-ms-transition: .5s all;}
	
.banner-bottom.mid-section-agileits {background:#003300;padding: 0; margin-bottom:2em;}
.bannerbottomleft {background:url(../images/prenotazione-escursioni-pollino/prenota-escursioni-con-Pollino-Trail.jpg) no-repeat 0px 0px;background-size: cover;min-height: 425px;}
.bannerbottomleft {padding: 0;}
.bannerbottomlefteventi {padding: 0;}
.bannerbottomlefteventi {background:url(../images/eventi/convegno-salute-e-montagna.jpg)no-repeat 0px 0px;background-size: cover;min-height: 550px;}
.bannerbottomright {padding: 5em 6em 4em 4em;}
.bannerbottomright h3 {font-family: 'Oswald', sans-serif; text-transform:uppercase;font-size: 26px;color: #fff;margin-bottom: .5em;
    font-weight: 300;letter-spacing: 1px;}
.bannerbottomright p{font-family: 'Open Sans', sans-serif;font-size:0.9em;color: #eee;margin-bottom: 0.5em;line-height: 1.7em;}
.bannerbottomright ul { margin:5px 0 12px 0;}
.bannerbottomright li { list-style:disc; margin-left:2.5em;line-height:1.9em;font-size: 0.9em;color: #fff;
    font-family: 'Open Sans', sans-serif; font-weight:normal; }
.bannerbottomright li a{ text-decoration:none;}
.bannerbottomright li a:hover{ text-decoration:none; color:#090;}
.banner-bottom.gallery{padding:5em 0;}

.read2 {margin-top: 2em;}
.read2 a {background: #FF0000;color: #fff;padding: 8px 25px;letter-spacing: 1px; text-transform:uppercase;}
.read2 a:hover{background:#090; text-decoration:none;}	

@media screen and (max-width: 600px) {
.callbacks_nav {top: 47%;}}



/*--WELCOME--*/
.welcome{padding:4em 0;background-color:#030; margin-bottom:1em;-webkit-box-shadow: 2px 4px 8px -4px rgba(0, 0, 0, 0.6); 
    -moz-box-shadow: 2px 4px 8px -4px rgba(0, 0, 0, 0.6);box-shadow: 2px 4px 8px -4px rgba(0, 0, 0, 0.6); }

.welcome-left h2{font-size:2.3em;color:#97f302; letter-spacing:2px;font-weight:500; text-transform:uppercase;
	line-height:1.4em;padding:0;}

.welcome-right h2{font-size:1.5em;margin:0.5em 0 0.5em 0;padding:0; color:#00CC00; text-transform:uppercase; 
    font-weight:300;}
.welcome-right h3{font-size:1.2em;margin:0.5em 0 0.5em 0;padding:0; color:#ebebeb;}
.welcome-right h4{font-size:1.1em;margin:0.5em 0 0.5em 0;padding:0; color:#ebebeb;}


.welcome-right p {color: #FFFFFF;font-size: 15px !important; line-height: 1.7em;font-family: 'Roboto', sans-serif; text-align: justify; }
.welcome-right p a {color: #0C0;text-decoration: none;}
.welcome-right p a:hover {color: #060; text-decoration: none;}


/*-- Mobile Responsive CSS --*/
@media (max-width: 768px) {
    .welcome {padding: 2em 0;margin-bottom: 0.5em;}

    .welcome-left, .welcome-right {text-align:justify;float:left;width: 100%;padding: 0 15px;}
    .welcome-left h2 {font-size: 1.8em;line-height: 1.3em;margin-bottom: 1em;}
    .welcome-right h2 {font-size: 1.3em;margin: 0.3em 0 0.6em 0;}
    .welcome-right p {
        font-size: 26px;
        line-height: 1.6em;
        text-align: justify; 
    }

   
}
/*--FINE WELCOME--*/



.menu p{color:#FFFFFF;font-size:0.85em;line-height:1.8em;}
.menu p a{color:#009900; text-decoration:none;}
.menu p a:hover{color:#006600;}

.l-grids h4 {font-size:1.4em;font-weight:400;color: #fff;}
.l-grids figure {position: relative;float: left;overflow: hidden;text-align: center;cursor: pointer;width:100%;}
.l-grids figure img {position: relative;display: block;}
.l-grids figure figcaption {padding: 2em;color: #fff;font-size: 1.25em;
	-webkit-backface-visibility: hidden;backface-visibility: hidden;}
.l-grids figure figcaption::before,.l-grids figure figcaption::after {pointer-events: none;}
.l-grids figure figcaption{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}

figure.effect-bubba {background-color:rgba(65, 154, 39, 30);}
figure.effect-bubba:hover img {opacity: 0.3;}
figure.effect-bubba figcaption::before,figure.effect-bubba figcaption::after {position: absolute;top: 30px;right: 30px;
	bottom: 30px;left: 30px;content: '';opacity: 0;-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;}
figure.effect-bubba figcaption::before {border-top: 1px solid #030;border-bottom: 1px solid #030;
	-webkit-transform: scale(0,1);transform: scale(0,1);}
figure.effect-bubba figcaption::after {border-right: 1px solid #030;border-left: 1px solid #030;
	-webkit-transform: scale(1,0);transform: scale(1,0);}
figure.effect-bubba h4 {padding-top: 8%;-webkit-transition: -webkit-transform 0.35s;transition: transform 0.35s;
	-webkit-transform: translate3d(0,-20px,0);transform: translate3d(0,-20px,0);opacity:0;
	padding-bottom: 0; font-weight:100; text-transform:uppercase; font-size:1em;}
figure.effect-bubba p {padding: 15px 1em;opacity: 0;-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;-webkit-transform: translate3d(0,20px,0);
	transform: translate3d(0,20px,0);font-size: 0.75em; font-weight:100;}
figure.effect-bubba p a{ color:#8DFF1C; text-decoration:none;}
figure.effect-bubba p a:hover{ color:#000F00;}
figure.effect-bubba:hover figcaption::before,figure.effect-bubba:hover figcaption::after {opacity: 1;
	-webkit-transform: scale(1);transform: scale(1);}
figure.effect-bubba:hover h4,figure.effect-bubba:hover p {opacity: 1;
	-webkit-transform: translate3d(0,0,0);transform: translate3d(0,0,0);}

.read {margin-top: 2em;}
.read a {background: #FF0000;color: #fff;padding: 8px 25px;letter-spacing: 1px; text-transform:uppercase;}
.read a:hover{background: #090; text-decoration:none;}

.text-content {background:url(../images/isentieridelpollino-banner/trekking-parco-pollino.jpg) no-repeat center; min-height:400px;
    background-size: cover;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;
    -moz-background-size: cover;position: relative;}
.overlay-inner {background: rgba(0, 0, 0, 0.5);}
.order-left-content h4 {font-size: 4em;font-weight: 600;}
.test-info  { min-height:400px;}
.test-info p {color: #eee; margin-bottom:1em; line-height:1.7em;}
.test-info h4{font-size: 2.3em;color: #fff;font-weight: 300;text-shadow: 0 1px 2px rgba(0, 0, 0, 0.37);
    text-transform: uppercase;letter-spacing: 2px; margin:5em 0 0.6em 0;font-family: 'Oswald', sans-serif;}
.test-info a{border: 2px solid #fff;border-radius: 0px;padding: 11px 30px;color: #fff;font-size: 1em;letter-spacing: 1px;
    text-transform: capitalize;display: inline-block;}
.test-info a:hover{ text-decoration:none;}
.test-info {max-width: 700px;}

.welcome-eventi{padding:1.5em 0;background-color:#f7f7f7; margin-bottom:1em;
    -webkit-box-shadow: 2px 4px 8px -4px rgba(0, 0, 0, 0.6); 
    -moz-box-shadow: 2px 4px 8px -4px rgba(0, 0, 0, 0.6);box-shadow: 2px 4px 8px -4px rgba(0, 0, 0, 0.6); }
.welcome-eventi p{color:#3E3E3E;font-size:0.92em;line-height:1.8em; margin-bottom:0.7em;}
.welcome-eventi p a{color:#006600; text-decoration:none;}
.welcome-eventi p a:hover{color:#009900;}
.welcome-eventi h2{font-size:1.4em;color:#333; letter-spacing:2px;font-weight:400; text-transform:uppercase;
	line-height:1.4em;padding:0;}
.welcome-eventi h3{font-size:1.3em;color:#030; letter-spacing:2px;font-weight:400; text-transform:uppercase;
	line-height:1.4em;padding:0; margin-top:15px; margin-bottom:10px;}
.welcome-eventi h4{font-size:1.1em;color:#F00; letter-spacing:2px;font-weight:400; text-transform:uppercase;
	line-height:1.4em;padding:0; margin:18px 0 18px 0;}
.welcome-eventi img{ float:left; margin-right:1em; -webkit-box-shadow: 2px 4px 8px -4px rgba(0, 0, 0, 0.6); 
    -moz-box-shadow: 2px 4px 8px -4px rgba(0, 0, 0, 0.6);box-shadow: 2px 4px 8px -4px rgba(0, 0, 0, 0.6);}

/*-- footer --*/
.footer-nav li {list-style-type: none;display: inline-block;margin: 0px 0.5em; font-weight:100;}

ul.footer-nav,.agileits_w3layouts-copyright {text-align: center;border-width: 1px 0; }
ul.footer-nav li a {color: #fff;font-size: 1.1em; text-decoration:none;padding: 1em;display: inline-block;}
ul.footer-nav li a:hover {color: #2fc516;}
.footer-nav li:hover {}

.w3_agile-footer-grids {padding: 3em 0 2em;}
.w3_agile-footer1.f1 h2 a {color: #fff;font-size: 0.9em; text-transform:uppercase; font-family: 'Oswald', sans-serif;
    text-decoration:none; font-weight:300;}
.w3_agile-footer1.f1 img { float:left; width:100%; margin-top:1em;}
.w3_agile-footer1 h5.f1 {margin: 1.1em 0 0.5em;}
.w3_agile-footer1 h5 {font-family: 'Oswald', sans-serif;text-transform: uppercase;font-size: 1.1em;color: #2fc516;
    font-weight: 200;margin: 0 0 0.7em;}

ul.w3ls-footer-bottom-list li {list-style-type: none;margin: 0.5em 0;text-transform: capitalize;}
ul.w3ls-footer-bottom-list li a,ul.footer-social-icons li a {color:#E1E1E1;font-weight:100; font-size:0.95em; 
    text-decoration:none;}
ul.w3ls-footer-bottom-list li a:hover,ul.footer-social-icons li a:hover {color:#006600;font-weight:100; font-size:0.95em; 
    text-decoration:none;}

ul.footer-social-icons li {margin: 1em 2em 0 0;list-style-type: none;display: inline-block;}

.agileits_w3layouts-copyright {padding: 1em;text-align: center;}
.agileits_w3layouts-copyright p {color: #ffffff;font-size:15px;}
.agileits_w3layouts-copyright p a {color: #2fc516; text-decoration:none;}
.agileits_w3layouts-copyright p a:hover {color: #006600; text-decoration:none;}

@media (max-width: 768px) {
  .agileits_w3layouts-copyright {padding: 0.8em 15px;}
  .agileits_w3layouts-copyright p {font-size: 14px;line-height: 1.6em;}
}

.agile-footer.w3ls-section {padding: 2em 0 0;background:#001C00;}
/*-- //footer --*/

.content-top { margin:-3em 0 10em 0;}
.content-top1{position:relative;}
.content-top1 img{-webkit-box-shadow: 2px 4px 8px -4px rgba(0, 0, 0, 0.6); 
    -moz-box-shadow: 2px 4px 8px -4px rgba(0, 0, 0, 0.6);box-shadow: 2px 4px 8px -4px rgba(0, 0, 0, 0.6);}
.content-plan{background: #fff;padding:1em 2em 2em;position: absolute;text-align: center;bottom: -33%;
    width: 83%;margin: 0 auto;left: 8.5%;border: 1px solid #EBE7E7;-webkit-box-shadow: 2px 4px 8px -4px rgba(0, 0, 0, 0.6); 
    -moz-box-shadow: 2px 4px 8px -4px rgba(0, 0, 0, 0.6);box-shadow: 2px 4px 8px -4px rgba(0, 0, 0, 0.6);}
.content-plan h6{text-align: center;font-size: 1.5em;font-family: 'Oswald', sans-serif;letter-spacing: 1px; margin-top:1em;}
.content-plan h6 a{text-decoration:none;color:#030; text-transform:uppercase; font-size:1em;}
.content-plan h6 a:hover{color: #090;}
.content-plan p {font-size: 0.95em;color: #7C7C7C;line-height: 1.7em;margin-top: 0.5em; min-height:6em;}
.content-plan p a{color:#FF0000; font-weight:600; text-decoration:none;}
.content-plan p a:hover{color:#008000; text-decoration:none;}
.content-bottom{margin-top:2em; text-align:center; }
.content-bottom p{color:#3E3E3E;font-size:0.92em;line-height:1.8em;}
.content-bottom p a{color:#006600; text-decoration:none;}
.content-bottom p a:hover{color:#009900;}
.content-bottom h1{font-size:1.8em; letter-spacing:2px;font-weight:500; color: #97f302;text-transform: uppercase;
	line-height:1.4em;padding:0; margin-bottom:1em;}

.welcome2{padding:1.5em 0;background-color:#f7f7f7; margin-bottom:1em;
    -webkit-box-shadow: 2px 4px 8px -4px rgba(0, 0, 0, 0.6); 
    -moz-box-shadow: 2px 4px 8px -4px rgba(0, 0, 0, 0.6);box-shadow: 2px 4px 8px -4px rgba(0, 0, 0, 0.6); }
.welcome2 p{color:#3E3E3E;font-size:0.92em;line-height:1.8em; margin-bottom:0.7em;}
.welcome2 p a{color:#006600; text-decoration:none;}
.welcome2 p a:hover{color:#009900;}
.welcome2 h2{font-size:1.8em;color:#fff; letter-spacing:2px;font-weight:400; text-transform:uppercase;
	line-height:1.4em;padding:0;}
.welcome2 h3{font-size:1.3em;color:#090; letter-spacing:2px;font-weight:400; text-transform:uppercase;
	line-height:1.4em;padding:0; margin-top:15px; margin-bottom:10px;}
.welcome2 h4{font-size:1.1em;color:#030; letter-spacing:2px;font-weight:400; text-transform:uppercase;
	line-height:1.4em;padding:0; margin-top:18px;}
.welcome2 h5{font-size:0.95em;color:#060; letter-spacing:2px;font-weight:400; text-transform:uppercase;
	line-height:1.4em;padding:0; margin-top:13px;}
.welcome2 h6{font-size:0.85em;color:#0C0; letter-spacing:2px;font-weight:400; text-transform:uppercase;
	line-height:1.4em;padding:0; margin-top:15px;}
.welcome2 img{ margin-bottom:1.5em; margin-top:1em; -webkit-box-shadow: 2px 4px 8px -4px rgba(0, 0, 0, 0.6); 
    -moz-box-shadow: 2px 4px 8px -4px rgba(0, 0, 0, 0.6);box-shadow: 2px 4px 8px -4px rgba(0, 0, 0, 0.6);}
.welcome2 ul { margin:20px 0 12px 0;}
.welcome2 li { list-style:disc; margin-left:2.5em;line-height:1.9em;font-size: 0.92em;color: #3E3E3E;
    font-family: 'Open Sans', sans-serif; font-weight:normal; }
.welcome2 li a{ color: #006600; text-decoration:none;}
.welcome2 li a:hover{ color: #009900;}

.w3layouts-title {margin-bottom: 50px;}
.w3layouts-title h2{font-size: 26px;text-align: center;color:#1C4B1A;text-transform: uppercase;font-weight: 500;
    position: relative;letter-spacing: 5px;margin-bottom: 10px;padding-bottom: 15px;border-bottom: 1px solid #E4E4E4;}
.w3layouts-title h3{font-size: 26px;text-align: center;color: #fff;text-transform: uppercase;font-weight: 200;
    position: relative;letter-spacing: 5px;margin-bottom: 10px;padding-bottom: 15px;border-bottom: 1px solid #E4E4E4;}
.w3layouts-title h3:before {content: '';width: 70px;height: 3px;background: #000000;position: absolute;
    bottom: -2px;left: 46.5%;display: block;}
.w3layouts-title p {font-size: 1em;color: #f9f9f9;line-height: 1.8em;text-align: center;margin-top: 1.5em; }


/*-- //storie di montagna up --*/
.agileits-popular-places {background:#ffffff;padding: 50px 0;}
.agileits-popular-places p { text-align: center;display: block; margin-top: 1em;color: #333; font-weight: 300; font-size: 15px !important; 
	line-height: 1.7em;font-family: 'Roboto', sans-serif; }
.agileits-popular-places p a { color: #006600;}
.agileits-popular-places p a:hover { color: #009900;}

@media (max-width: 768px) {
  .agileits-popular-places { padding: 30px 0;}
  .agileits-popular-places p { letter-spacing: 2px; font-size: 16px !important;}
}
/*-- //fine storie di montagna up --*/

.agileits-popular-places2 {
	background:#090; margin-bottom:10px;padding: 70px 0;-webkit-box-shadow: 2px 4px 8px -4px rgba(0, 0, 0, 0.6); 
    -moz-box-shadow: 2px 4px 8px -4px rgba(0, 0, 0, 0.6);box-shadow: 2px 4px 8px -4px rgba(0, 0, 0, 0.6);}	
.agileits-popular-places3 { background:#f2f2f2; margin-bottom:10px;padding: 70px 0;-webkit-box-shadow: 2px 4px 8px -4px rgba(0, 0, 0, 0.6); 
    -moz-box-shadow: 2px 4px 8px -4px rgba(0, 0, 0, 0.6);box-shadow: 2px 4px 8px -4px rgba(0, 0, 0, 0.6);}
	
.grid {position: relative;margin: 0 auto;max-width: 100%;list-style: none;text-align: center;}
.grid figure {position: relative;float: left;overflow: hidden;margin: 0.5% 0.5%;max-height: 360px;
    width: 32.333%;background: #004977;text-align: center;cursor: pointer;-webkit-box-shadow: 2px 4px 8px -4px rgba(0, 0, 0, 0.6); 
    -moz-box-shadow: 2px 4px 8px -4px rgba(0, 0, 0, 0.6);box-shadow: 2px 4px 8px -4px rgba(0, 0, 0, 0.6);}
.grid figure img {position: relative;display: block;height: auto;max-width: 100%;opacity: 0.8;}
.grid figure figcaption {padding: 2em;color: #fff;text-transform: uppercase;font-size: 1.25em;
	-webkit-backface-visibility: hidden;-o-backface-visibility: hidden;backface-visibility: hidden;}
.grid figure figcaption::before,.grid figure figcaption::after {pointer-events: none;}
.grid figure figcaption,.grid figure figcaption > a {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.grid figure figcaption > a {z-index: 1000;text-indent: 200%;white-space: nowrap;
	font-size: 0;opacity: 0;}
.grid figure h3 {word-spacing: -0.15em;font-weight: 300;}
.grid figure h3 span {font-weight: 700;margin-left: 10px;}
.grid figure h3,.grid figure p {margin: 0;}
.grid figure p {letter-spacing: 1px;font-size: 68.5%;}

.grid2 {position: relative;margin: 0 auto;max-width: 100%;list-style: none;text-align: center;}
.grid2 figure {position: relative;float: left;overflow: hidden;margin: 0.5% 0.5%;max-height: 360px;
    width: 24%;background: #004977;text-align: center;cursor: pointer;}
.grid2 figure img {position: relative;display: block;height: auto;max-width: 100%;opacity: 0.8;}
.grid2 figure figcaption {padding: 2em;color: #fff;text-transform: uppercase;font-size: 1.25em;
	-webkit-backface-visibility: hidden;-o-backface-visibility: hidden;backface-visibility: hidden;}
.grid2 figure figcaption::before,.grid figure figcaption::after {pointer-events: none;}
.grid2 figure figcaption,.grid figure figcaption > a {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.grid2 figure figcaption > a {z-index: 1000;text-indent: 200%;white-space: nowrap;
	font-size: 0;opacity: 0;}
.grid2 figure figcaption h3 { font-size:1em;}	
.grid2 figure h3 {word-spacing: -0.15em;font-weight: 300;}
.grid2 figure h3 span {font-weight: 700;margin-left: 10px;}
.grid2 figure h3,.grid figure p {margin: 0;}
.grid2 figure p {letter-spacing: 1px;font-size: 62.5%;}

.grid3 {position: relative;margin: 0 auto;max-width: 100%;list-style: none;text-align: center;}
.grid3 figure {position: relative;float: left;overflow: hidden;margin: 0.5% 0.5%;max-height: 360px;
    width: 24%;background: #004977;text-align: center;cursor: pointer;}
.grid3 figure img {position: relative;display: block;height: auto;max-width: 100%;opacity: 0.8;}
.grid3 figure figcaption {padding: 2em;color: #fff;text-transform: uppercase;font-size: 1.25em;
	-webkit-backface-visibility: hidden;-o-backface-visibility: hidden;backface-visibility: hidden;}
.grid3 figure figcaption::before,.grid figure figcaption::after {pointer-events: none;}
.grid3 figure figcaption,.grid figure figcaption > a {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.grid3 figure figcaption > a {z-index: 1000;text-indent: 200%;white-space: nowrap;
	font-size: 0;opacity: 0;}
.grid3 figure figcaption h3 { font-size:1em;}	
.grid3 figure h3 {word-spacing: -0.15em;font-weight: 300; color: #343434;}
.grid3 figure h3 span {font-weight: 700;margin-left: 10px;}
.grid3 figure h3,.grid figure p {margin: 0;}
.grid3 figure p {letter-spacing: 1px;font-size: 62.5%;}

/***** Marley *****/
figure.effect-marley figcaption {text-align: right;}

figure.effect-marley h3,figure.effect-marley p {position: absolute;right: 30px;left: 30px;padding: 10px 0;}
figure.effect-marley p {bottom: 30px;line-height: 1.5;-webkit-transform: translate3d(0,100%,0);
	-o-transform: translate3d(0,100%,0);transform: translate3d(0,100%,0);color:#fff;}
figure.effect-marley p a{color:#0C0; font-weight:600;}
figure.effect-marley p a:hover{color:#fff; text-decoration:none;}
figure.effect-marley h3 {top: 10px;-webkit-transition: -webkit-transform 0.35s;-o-transition: -o-transform 0.35s;
    transition: transform 0.35s;-webkit-transform: translate3d(0,20px,0);-o-transform: translate3d(0,20px,0);
    transform: translate3d(0,20px,0);font-size: 20px;letter-spacing: 2px;}
figure.effect-marley:hover h3 {-webkit-transform: translate3d(0,0,0);-o-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);}
figure.effect-marley h3::after {position: absolute;top: 100%;left: 0;width: 100%;height: 1px;background: #fff;
	content: '';-webkit-transform: translate3d(0,40px,0);transform: translate3d(0,40px,0);
	-o-transform: translate3d(0,40px,0);}
figure.effect-marley h3::after,figure.effect-marley p {opacity: 0;-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;-o-transition: opacity 0.35s, -o-transform 0.35s;}
figure.effect-marley:hover h3::after,figure.effect-marley:hover p {opacity: 1;
	-webkit-transform: translate3d(0,0,0);transform: translate3d(0,0,0);-o-transform: translate3d(0,0,0);}

.where{background:#F4F4F4; margin-bottom:10px;-webkit-box-shadow: 2px 4px 8px -4px rgba(0, 0, 0, 0.6); 
    -moz-box-shadow: 2px 4px 8px -4px rgba(0, 0, 0, 0.6);box-shadow: 2px 4px 8px -4px rgba(0, 0, 0, 0.6);}
.where-right {padding: 47px 0;}
.where-right h3{font-size: 45px;color:#CB9D2D;margin-bottom:55px;text-align:center;}
.where-left{background:url(../images/img-home/tecniche-sportive1.jpg) no-repeat center;background-size:cover;
	-webkit-background-size: cover;-o-background-size: cover;-ms-background-size: cover;-moz-background-size: cover;
    min-height:505px;}
.titolo h3{text-align: center;color:#030;text-transform: uppercase;font-weight: 400;position: relative;
    letter-spacing: 3px;margin: 20px 0 10px 0;padding-bottom: 15px;border-bottom: 1px solid #999;}
.titolo h3:before {content: '';width: 70px;height: 3px;background: #030;position: absolute;bottom: -2px;
    left: 46.5%;display: block;}	
.wel-right{float:right;width:55%;}
.wel-left {-webkit-box-shadow: 2px 4px 8px -4px rgba(0, 0, 0, 0.6); -moz-box-shadow: 2px 4px 8px -4px rgba(0, 0, 0, 0.6);
    box-shadow: 2px 4px 8px -4px rgba(0, 0, 0, 0.6);width: 43%;background: #EAEAEA;padding: 42px 42px;
    position: absolute;left: 7%;top: 19%;z-index: 1;}		
.pubbl-info ul {margin-top: 0;}
.pubbl-info ul li{ list-style-type: none;display: block;line-height: 38px;font-size: 14px;}
.pubbl-info ul li a{color:#003300;text-decoration: none;}
.pubbl-info ul li a:hover{color: #006600;	}
.content-item {background:url(../images/img-home/tecniche-sportive2.jpg) no-repeat center;
	-webkit-box-shadow: 2px 4px 8px -4px rgba(0, 0, 0, 0.6); -moz-box-shadow: 2px 4px 8px -4px rgba(0, 0, 0, 0.6);
	box-shadow: 2px 4px 8px -4px rgba(0, 0, 0, 0.6);height: 410px;margin: 0px auto;	overflow: hidden;
	position: relative;width: 100%;background-size: cover;}
.content-item .overlay {border-bottom: 100px solid #000;border-left: 100px solid transparent;bottom: 0;
  height: 0;opacity: .4;position: absolute;right: 0;text-indent: -9999px;-moz-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;-webkit-transition: all 0.5s ease-out;transition: all 0.5s ease-out;width: 0;}
.content-item:hover .overlay {border-bottom: 830px solid #000;border-left: 830px solid transparent;
    -moz-transition: all 0.5s ease-out;-o-transition: all 0.5s ease-out;-webkit-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;}
.content-item .corner-overlay-content {bottom: 15px;color: #fff;position: absolute;right: 15px;
  -moz-transition: all 0.5s ease-out;-o-transition: all 0.5s ease-out;-webkit-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;font-size:15px;text-transform:uppercase;}
.content-item:hover .corner-overlay-content {opacity: 0;-moz-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;-webkit-transition: all 0.5s ease-out;transition: all 0.5s ease-out;}
.content-item .overlay-content {bottom: 0;color: #333;left: 0;opacity: 0;padding: 65px 40px 65px 55px;
  position: absolute;right: 0;top: 0;-moz-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;
  -webkit-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}
.content-item .overlay-content h4 {border-bottom: 1px solid #333;color: #FFF;font-size: 25px;text-align: right;
    padding: 0 0 28px 0;text-transform: uppercase;letter-spacing: 3px; font-weight:300;}
.content-item:hover .overlay-content {opacity: 1;-moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;-webkit-transition: all 0.3s ease-out;transition: all 0.3s ease-out;
  -moz-transition-delay: 0.3s;-o-transition-delay: 0.3s;-webkit-transition-delay: 0.3s;transition-delay: 0.3s;}
.overlay-content p {color: #CACACA;font-size: 13px;line-height: 30px;margin-top: 30px;
    letter-spacing: 1px;text-align: right;}
/*-- //where --*/





.manovre_alpinismo{padding:0 1% 2% 0;}
.manovre_alpinismo h3{font-size:1.3em;color:#090; letter-spacing:2px;font-weight:400; text-transform:uppercase;
	line-height:1.4em;padding:0; margin-top:15px;}
.manovre_alpinismo h4{font-size:1.1em;color:#030; letter-spacing:2px;font-weight:400; text-transform:uppercase;
	line-height:1.4em;padding:0; margin-top:15px;}
.manovre_alpinismo h5{font-size:0.95em;color:#060; letter-spacing:2px;font-weight:400; text-transform:uppercase;
	line-height:1.4em;padding:0; margin-top:15px;}
.manovre_alpinismo p{color: #3E3E3E;font-size: 0.92em;line-height: 1.8em; margin:6px 0 10px 0;}
.manovre_alpinismo ul { margin:7px 0 12px 10px;}
.manovre_alpinismo li {margin:0 0 0 10px;line-height:1.9em;font-size: 0.92em;color: #3E3E3E;
    font-family: 'Open Sans', sans-serif; font-weight:normal; }
.manovre_alpinismo a{ color:#009900; text-decoration:none;}
.manovre_alpinismo a:hover{ color:#00CC00;}
.manovre_alpinismo img{ float:left; margin:15px 10px 0 0; width:250px;
    -webkit-box-shadow: 2px 4px 8px -4px rgba(0, 0, 0, 0.6); -moz-box-shadow: 2px 4px 8px -4px rgba(0, 0, 0, 0.6);
	box-shadow: 2px 4px 8px -4px rgba(0, 0, 0, 0.6); }	
	


/*--classes--*/
.classes_wrapper {padding:3% 0;}
.classes_wrapper h2{font-size:1.8em;color:#030; letter-spacing:2px;font-weight:400; text-transform:uppercase;
	line-height:1.4em;padding:0; margin-bottom:1em;}

.class_box{margin-bottom:2.6%;}

.class_left{width:45.5%;float:left;}
.class_right{width:54.5%;float: left;background:#090;padding: 4%; min-height:162px;
    -webkit-box-shadow: 2px 4px 8px -4px rgba(0, 0, 0, 0.6); 
    -moz-box-shadow: 2px 4px 8px -4px rgba(0, 0, 0, 0.6);box-shadow: 2px 4px 8px -4px rgba(0, 0, 0, 0.6);}
.class_right h3{color:#fff;font-size:1.3em;text-transform:uppercase;text-align:left;font-weight:100; margin-bottom:0.4em;}
.class_right h4{color:#fff;font-size:1em;font-weight:100;text-transform:uppercase;margin:0; line-height:1.2em; 
     margin-bottom:1em;}
.class_right h4 a{color:#fff; text-decoration:none;}
.class_right h4 a:hover{color:#fff; text-decoration:none;}
.class_right p{color:#fff;font-size:0.8525em;line-height:1.5em;margin-bottom: 1em;}


.class_img{width:88%;margin:0 auto;}

.class_desc{width:62.5%;float: left;}

ul.buttons_class li.btn5{float:left;list-style: none; margin-top:5px;}
ul.buttons_class li.btn5 a{background: none;font-size: 0.8125em;padding: 5px 10px;color: #FFF;cursor: pointer;
	outline: none;-webkit-appearance: none;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;
	transition: all 0.3s;border: 1px solid #FFF;text-transform: uppercase;text-decoration:none;}
ul.buttons_class li.btn5 a:hover{background:#fff;color:#090;}

ul.buttons_class{padding: 5% 0 0 0;}

.class_right1 {width:54.5%;float: left;background: #f7f7f7;padding:4%; min-height:162px;
    -webkit-box-shadow: 2px 4px 8px -4px rgba(0, 0, 0, 0.6); -moz-box-shadow: 2px 4px 8px -4px rgba(0, 0, 0, 0.6);
	box-shadow: 2px 4px 8px -4px rgba(0, 0, 0, 0.6);}
.class_right1 h3 {color:#006600;font-size: 1.3em;text-transform: uppercase;text-align: left;font-weight: 100; 
     margin-bottom:0.4em;}
.class_right1 h4 {color:#006600;font-size: 1em;font-weight: 100;text-transform: uppercase;margin:0; line-height:1.2em;
     margin-bottom:1em;}
.class_right1 h4 a{color:#006600; text-decoration:none;}
.class_right1 h4 a:hover{color:#006600; text-decoration:none;}
.class_right1 p {color:#003300;font-size: 0.8525em;line-height: 1.5em;margin-bottom: 1em;}

ul.buttons_class li.btn7 {float: left;list-style: none;margin-top:5px;}
ul.buttons_class li.btn7 a {background: none;font-size: 0.8125em;padding: 5px 10px; color:#090;cursor: pointer;
	outline: none;-webkit-appearance: none;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;
	transition: all 0.3s;border: 1px solid #006600;text-transform: uppercase;text-decoration: none;}
ul.buttons_class li.btn7 a:hover {background:#009900;color:#fff;}

.blog-pagenat {text-align: center;margin:0 0 1em 0;}
.blog-pagenat ul li {display: inline-block;list-style:none;}
.blog-pagenat ul li a {display: block;background: #f4f4f4;padding: 8px 1.1em;font-size: 0.85em;text-transform: uppercase;
  color:#242a2c;font-weight: 400;display: inline-block; margin-top: 1em;text-decoration: none;
  border: 1px solid #666666;}
.blog-pagenat ul li a:hover {background-color:#009900;color:#fff;border: 1px solid #B00000;}



/*-- contact form --*/
.form-bg {padding: 4em;background: #252525;transition: .5s ease-in;-webkit-transition: .5s ease-in;
    -moz-transition: .5s ease-in;-o-transition: .5s ease-in;-ms-transition: .5s ease-in;}
.form-bg form {width: 85%;float: right; }
.form-bg input[type="text"], .form-bg input[type="email"],.form-bg input[type="oggetto"], .form-bg textarea {
    width: 100%;padding: 11px 16px;border: none;color: #000;outline: none;font-weight: 400;font-size: 14px;
    letter-spacing: 1px;transition: 0.5s all;-webkit-transition: 0.5s all;-o-transition: 0.5s all;
    -ms-transition: 0.5s all;-moz-transition: 0.5s all;}
.form-bg input[type="text"],.form-bg input[type="email"],.form-bg input[type="oggetto"]{margin-bottom: 1em;}
.form-bg textarea {resize: none;height: 100px;}
/*-- //contact form --*/



/*-- contact second section --*/
.contact-right p {font-family: 'Oswald', sans-serif; font-weight:400; text-transform:uppercase;color: #030; 
    font-size: 15px;letter-spacing: 1px;}
.contact-right span {color: #999;font-size: 14px;line-height: 1.9;letter-spacing: 1px;text-decoration: none;}
.contact-right span a {color:#090;text-decoration: none;}
.contact-right span a:hover {color: #030;text-decoration: none;}
.address-grids span.fa {color: #000;font-size: 23px;float: left;width: 60px;height: 60px;border: 2px solid #56d25b;
    text-align: center;line-height: 2;}
.address-left-second {padding: 30px 0 0 80px;}
.contact-right {padding-left: 2em;float: left;width: 65%;}
.address-grids:nth-child(3), .address-grids:nth-child(5) {margin: 30px 0;}
/*-- //contact second section --*/

.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {padding: 14px!important;}


/*--gallery-Part-Here --*/
.gallery {padding: 0.5em 0 5em 0;}

.gallery-bottom{margin-top:1.8em;}

.gallery-left img{width:100%;}
.gallery-left:hover img {-webkit-filter: grayscale(100%);opacity:8;transition: all 300ms!important;
  -webkit-transition: all 300ms!important;-moz-transition: all 300ms!important;}
.gallery-left{position: relative;}

.gallery-grid img{width:100%;}
.gallery-grid:hover img { -webkit-filter: grayscale(100%); opacity:8;transition: all 300ms!important;
  -webkit-transition: all 300ms!important;-moz-transition: all 300ms!important;}
.gallery-grid{padding: 0 5px;margin-top: 10px;}
.gallery-1{margin-top:10px;}
.gallery-1:nth-child(1){margin-top:0;}
/*--gallery-Part-Ends-Here --*/

/*--pagine --*/
.blog-pagenat ul li a {display: block;background: #fff;padding: 8px 1.1em;font-size: 0.9em;text-transform: uppercase;
  color:#FCB2B2;font-weight: 400;display: inline-block;margin-top: 1em;text-decoration: none;
  border: 1px solid #eee;}
.blog-pagenat ul li a:hover {background:#53d0c6;color:#fff;}
.blog-pagenat {text-align: center;margin-top:3em;}
.blog-pagenat ul li {display: inline-block;list-style:none;}
.blog-pagenat ul li a {display: block;background: #fff;padding: 8px 1.1em;font-size: 0.9em;text-transform: uppercase;
  color:#242a2c;font-weight: 400;display: inline-block;margin-top: 1em;text-decoration: none;
  border: 1px solid #eaeaea;}
.blog-pagenat ul li a:hover {background-color:rgba(249, 72, 119, 0.79);color:#fff;border: 1px solid #eaeaea;}

#toTop {display: none;text-decoration: none;position: fixed;bottom: 20px;right: 2%;overflow: hidden;
	z-index: 999; width: 35px;height: 35px;border: none;text-indent: 100%;
	background: url(../images/top-arrow.png) no-repeat 0px 0px;border-radius: 50%;-webkit-border-radius: 50%;
	-o-border-radius: 50%;-moz-border-radius: 50%;ms-border-radius: 50%;}
#toTopHover {width: 35px;height: 35px;display: block;overflow: hidden;float: right;opacity: 0;
	-moz-opacity: 0;filter: alpha(opacity=0);}
/*-- //to-top --*/

/*-- responsine-design --*/
@media screen and (max-width: 1440px) {	
.about-bottom-text {padding: 4em 3em;}
}
@media screen and (max-width: 1366px) {
.address-left-second {padding: 30px 0 0 50px;}	
}
@media screen and (max-width: 1280px) {

}

@media(max-width:1080px){
.navbar-default .navbar-nav>li>a {font-size: 0.9em;}
.navbar-nav>li {margin: 0px 12px;}	
	
.fotogallery {padding: 4em 0;}
.fotogallery-grids {margin: 4em 0;}
	
.about-bottom-text {padding: 4em 2em;}
.about-bottom-text {padding: 3.2em 2em;}

.form-bg form {width: 100%;float: none;}
.address-grids span.fa {font-size: 18px;width: 55px;height: 55px}
.contact-right {padding-left: 1.5em;width: 85%;}

.storie-di-montagna span{ padding-bottom:1.3em;}
.storie-di-montagna p{ padding-bottom:0.7em;}

.wel-left {padding: 35px 35px;}
}

@media screen and (max-width: 1024px) {
figure.effect-bubba h4 {padding-top: 2%;}

.content-top {padding: 6em 0 12em;}

.bann-frs-block-left p {width: 100%;	}
.bann-frs-block-left h2 {font-size: 1.5em;}
.bann-frs-block-left {padding: 5em 4em 1em 4em;}

.l-grids h4 {font-size: 1.3em;}

.gallery {padding: 3em 0;}
}

@media screen and (min-width: 992px){
    
.about-grid{
    display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;      /* TWEENER - IE 10 */
    display: -webkit-flex;     /* NEW - Chrome */
    display: flex;        
}
.about-right{
     -webkit-box-flex: 1;      /* OLD - iOS 6-, Safari 3.1-6 */
    -moz-box-flex: 1;         /* OLD - Firefox 19- */
    /* For old syntax, otherwise collapses. */
    -webkit-flex: 1;          /* Chrome */
    -ms-flex: 1;              /* IE 10 */
    flex: 1;                  /* NEW, Spec - Opera 12.1, Firefox 20+ */
}
.about-bg{
    -webkit-box-flex: 2;      /* OLD - iOS 6-, Safari 3.1-6 */
    -moz-box-flex: 2;         /* OLD - Firefox 19- */
    width: 20%;               /* For old syntax, otherwise collapses. */
    -webkit-flex: 2;          /* Chrome */
    -ms-flex: 2;   
    flex:2;           /* IE 10 */
    
}
.about-right,.about-bottom-text,.about-img2, .about-img1{
    -webkit-box-flex: 1;      /* OLD - iOS 6-, Safari 3.1-6 */
    -moz-box-flex: 1;         /* OLD - Firefox 19- */
     -webkit-flex: 1;          /* Chrome */
    -ms-flex: 1;   
    flex:1;           /* IE 10 */
}
.about-sub-grid,about-right-flex{
    padding:0;
    display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;      /* TWEENER - IE 10 */
    display: -webkit-flex;     /* NEW - Chrome */
    display: flex; 
}
}

@media screen and (max-width: 991px) {
.top-left li {margin-right: 1em;letter-spacing: 0px;}
.top .top-left {float: left;}
.top-middle {float: right;}
.top-middle li {margin-left: 6px;}

.navbar-nav>li {margin: 0px 5px;}
.navbar-default .navbar-nav>li>a {font-size: 0.83em;padding: 6px 6px;}
.navbar-nav,.header-top {margin-top: 1em;}
.cd-header-buttons {top: -58px;right: 0px;}

.fotogallery-grids {margin: 4em 0 2em;}
.fotogallery-grids ul li {width: 33.33%;}
	
.about-bottom-text {padding: 4.8em 4em;}

.grid figure {width: 49%;}
.grid2 figure {width: 49%;}

.w3_agile-footer1.f2 {padding: 2em 0;}

.banner-bottom.gallery {padding: 3em 0;}

.bann-frs-block-left {float: left;width: 40%;padding: 3em 2em 1em 2em;}
.bann-frs-block-right {min-height: 365px;float: right;width: 60%;}	

.where-left {min-height: 300px;}

.content-top1 {float: left;width: 50%;}
.content-plan {bottom: -64%;padding: 2.5em 2em 2em;}
.content-top {padding: 4em 0 13em;}

@media screen and (max-width: 800px) {

.sign {padding: 1.2em 0;}

.l-grids h4 {font-size: 1em;}
.l-grids figure figcaption {padding: 1em;	}
figure.effect-bubba figcaption::before, figure.effect-bubba figcaption::after {top: 15px;right: 15px;bottom: 15px;
	left: 15px;}
figure.effect-bubba p {padding: 8px 0.2em;font-size: 0.75em;}
figure.effect-bubba h4 {padding-top: 6%;}
.gallery-grid {width: 33.333%;float: left;}
}
@media (max-width: 768px){
.bann-frs-block-left p {font-size: 0.9em;}
.bann-frs-block-left h2 {font-size: 1.1em;}	
.bann-frs-block-left h4 {font-size: 1em;}
	
.about-bottom-text {padding: 4.8em 3em;}

.btn{font-size: 12px;padding: 5px;	}
.col-md-6.gallery-left {width: 50%;float: left;}
.gallery {padding: 3em 0px;}
ul.list {padding: 0;}
.gallery {padding: 2.5em 0;}

.class_left {margin-bottom: 10px;width: 42.5%;}
}
@media(max-width:767px) {
.navbar-collapse.in {overflow-y: hidden;width: 100%;}
.navbar-default .navbar-brand {margin-top: 27px;}.navbar-header {margin: 0px;}
.navbar-default .navbar-toggle:hover,.navbar-default .navbar-toggle:focus {background-color: rgba(255, 253, 253, 0.42);}
.navbar-default .navbar-toggle .icon-bar {background-color: #da251d;}
.navbar-default .navbar-toggle {border-color: #da251d;}
.navbar-toggle {position: relative;float: right;padding: 9px 10px;margin-top: 10px;margin-right: 50px;
		margin-bottom: 0px;background-color: transparent;background-image: none;
		border: 1px solid transparent;border-radius: 4px;}
.navbar-default .navbar-collapse,.navbar-default .navbar-form {margin-top: 0em;margin-left: 0;float: none;}
nav#nav-effect ul li {padding: 9px 7px;width: 100%;text-align: center;}
.navbar-default .navbar-collapse,.navbar-default .navbar-form {border-color: transparent;}
.cd-header-buttons {top: -54px;}
.navbar-nav>li {float: none;display: block;text-align: center;margin: 0px 0px;}
.navbar-nav,.header-top {padding-right: 0em;margin-top: 0em;}
.navbar-default .navbar-nav>li>a {display: inline-block;}
ul.dropdown-menu {text-align: center;}
.navbar-default .navbar-nav .open .dropdown-menu > li > a {color: #000000;display: inline-block;
    position: relative;padding: .5em 0;}
.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus { background:none;}
	
.about-bottom-text {
    padding: 4em 3em;
}
	
@media screen and (max-width: 736px) {
.w3_agile-footer1.f1 p {font-size: 1em;} 
}

@media (max-width:667px){
.w3_agile-footer1.f1 h2 a {font-size: 1.2em;}
	
.about-left,.about-right {width: 100%;}
.about-img1, .about-img2,.about-bg{ width: 100%;}

.bann-frs-block-left h2 {font-size: 1em;}
}
@media screen and (max-width: 640px) {
.about-left,.about-right {width: 100%;}
.about-img1, .about-img2,.about-bg{ width: 100%;}
	
.where-left {min-height: 270px;}
.top-left li {font-size: 0.8em;}
.top-middle {float: right;width: 100%;text-align: center;margin-top: 1em;}
.top .top-left {float: left;width: 100%;text-align: center;}
.blog-pagenat {text-align: center;margin-top:1em;}
.blog-pagenat ul li {display: inline-block;list-style:none;}
.blog-pagenat ul li a {display: block;background: #fff;padding: 8px 1.1em;font-size: 0.9em;
  text-transform: uppercase;color:#333;font-weight: 400;display: inline-block;margin-top: 1em;
  text-decoration: none;border: 1px solid #ccc;}
.blog-pagenat ul li a:hover {background:#036;color:#fff;}

.fotogallery {padding: 3em 0;}
.fotogallery-grids {margin: 3em 0 2em;}

figure.effect-bubba h4 {padding-top: 10%;}

.bann-frs-block-left {float: none;width: 100%;padding: 2em 2em 2em 2em;}	
.bann-frs-block-right {min-height: 280px;float: none;width: 100%;}

.spanl-grid1 {width: 47.5%;float: left;margin-right:2.5%;}
.spanl-grid2 {width: 47.5%;float: left;margin-left:2.5%;}
	
.mfp-close {right: -8px;top: -40px;}
.gallery-bottom {margin-top: 1em;}
.gallery-grid {padding: 0 3px;margin-top: 6px;}
}
	
@media (max-width: 600px){
.about-bottom-text {
    padding: 3.2em 3em;
}
}

@media (max-width: 568px){
.about-bottom-text {padding: 3.35em 3em;}
	
.wel-right {width: 60%;}
.wel-left {width: 42%;left: 4%;}
}
	
@media screen and (max-width: 480px) {
.about-bottom-text {padding: 3.35em 2em;}


.class_left img {width: 100%;height: 100%;}
.class_desc h5 {font-size: 0.85em;}

h4.newsletter {font-size: 1.5em;}
.newsletter span{ padding-bottom:1.3em;}
.newsletter p{ padding-bottom:0.7em;}

.bann-frs-block-left a {font-size: 0.9em;margin-top: 0.7em;}
.bann-frs-block-right {min-height: 210px;}

.footer-nav li {margin: 0 0.8em 0 0;}
.inner-li {width: 100%;float: none;}
.inner-li:nth-child(2) { margin: 2em 0;}

.content-top1 {margin-bottom: 8em;}

.form-bg {padding: 2em;}
.address-left-second {padding: 30px 0 0 30px;}
.contact-right span, .contact-right a {font-size: 14px;}    

.where-left {min-height: 230px;}

.fotogallery {padding: 2em 0;}
.fotogallery-grids {margin: 2em 0 1em;}

.wel-right {width: 100%;margin-top: 38%;}
.wel-left {width: 92%;top: 3%;left: 4%;}
.content-item .overlay-content {padding: 155px 40px 65px 55px;}
.content-item .overlay-content h4 {padding: 0 0 10px 0;}
.overlay-content p {margin-top: 15px;}

.spanl-grid1 {width: 49%;margin-right: 1%;}
.spanl-grid2 {width: 48.5%;margin-left: 1.5%;}

.gallery-grid {width: 50%;}
	
.text {top: 22%;}
.text a {font-size: 13px;padding: .3em 0.8em;}	
	
.single {margin: 1em 0 0;}
	
.grid figure {width: 75%;margin: 3% auto;float: none;}	
.grid2 figure {width: 75%;margin: 3% auto;float: none;}	

.class_left, .class_right, .class_right1{width: 42.5%;float: none;}
}
	
@media (max-width:600px){
	
.grid figure p {font-size: 55.5%;}
.grid2 figure p {font-size: 55.5%;}
}
	
@media screen and (max-width:414px){
.about-bottom-text p {font-size: 14px;}
.about-bottom-text {padding: 3.15em 2em;}

.address-grids span.fa {font-size: 16px;width: 50px;height: 50px;}
.contact-right p {font-size: 16px;}    
.contact-right span, .contact-right a {font-size: 12px;}

.grid figure {width: 85%;}
.grid2 figure {width: 85%;}

ul.footer-nav li a {padding: 1em 0.8em;}
.footer-nav li{margin: 0;}
ul.footer-nav li a {font-size: 1.07em;}
.w3_agile-footer1.f1 h2 a {font-size: 1.1em;}
.inner-li {width: 100%;float: none;}
.inner-li:nth-child(2) { margin: 4em 0;}
.w3_agile-footer1.f1 img { width:100%;}
.w3_agile-footer1.f1 h2 a {font-size: 0.9em;}

.content-item .overlay-content h4 {font-size: 20px;}
.content-item .overlay-content {padding: 175px 40px 65px 55px;}

.w3layouts-title h1{font-size: 20px;}
.w3layouts-title h3{font-size: 20px;}
.where-left {min-height: 200px;}
.wel-left {padding: 30px 30px;}
.titolo h3{font-size: 20px;}
.pubbl-info ul li a{ font-size:13px;}
.overlay-content p {line-height: 20px;font-size: 12px;}
figure.effect-marley h3 {font-size: 15px; margin-top:2px;}

.class_left, .class_right, .class_right1{width: 100%;float: none;}
.read {margin-bottom: 2em;}
}

@media screen and (min-width: 385px){
.about-left,.about-right {width: 100%;}
.about-img1, .about-img2,.about-bg{ width: 100%;}
.about-right{ 
    -webkit-box-flex: 1;      /* OLD - iOS 6-, Safari 3.1-6 */
   -moz-box-flex: 1;         /* OLD - Firefox 19- */
   /* For old syntax, otherwise collapses. */
   -webkit-flex: 1;          /* Chrome */
   -ms-flex: 1;              /* IE 10 */
   flex: 1;                  /* NEW, Spec - Opera 12.1, Firefox 20+ */
}
.about-right,.about-bottom-text,.about-img2, .about-img1{
   -webkit-box-flex: 1;      /* OLD - iOS 6-, Safari 3.1-6 */
   -moz-box-flex: 1;         /* OLD - Firefox 19- */
    -webkit-flex: 1;          /* Chrome */
   -ms-flex: 1;   
   flex:1;           /* IE 10 */
}
.about-sub-grid,about-right-flex{
   padding:0;
   display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
   display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
   display: -ms-flexbox;      /* TWEENER - IE 10 */
   display: -webkit-flex;     /* NEW - Chrome */
   display: flex; 
}
}
	
@media (max-width: 384px){
.content-item .overlay-content {padding: 175px 30px 65px 15px;}

.class_left, .class_right, .class_right1{width: 100%;float: none;}

.footer-nav li a {padding: 1em 0.8em;}
ul.footer-nav li a {padding: 1em 0.5em;}
.inner-li {width: 100%;float: none;}
.inner-li:nth-child(2) { margin: 4em 0;}
.w3_agile-footer1.f1 img { width:100%;}
.w3_agile-footer1.f1 h2 a {font-size: 0.9em;}

.read {margin-bottom: 2em;}
}
	
@media screen and (max-width:375px){
.contact-right {padding-left: 1em;width: 83%;}
.form-bg input[type="text"], .form-bg input[type="email"], .form-bg textarea {font-size: 14px;}
.form-bg input[type="submit"] {font-size: 13px;margin-top: 20px;}

figure.effect-bubba h4 {font-size:0.95em;}
figure.effect-bubba p {font-size: 0.95em;}
	
.content-top1 {margin-bottom: 7em;}	
.content-plan h6 {font-size: 1.2em;}
.content-plan p,.grid-mid p,.news-in p { font-size: 1em;}
.content-plan {bottom: -50%;padding: 1.5em 1em 1em;}
.content-top {padding: 2em 0 0em;}
	
.welcome2 p{color:#3E3E3E;font-size:0.95em;line-height:1.8em;}
.welcome2 h2{font-size:1.4em;color:#030; letter-spacing:2px;font-weight:400; text-transform:uppercase;
	line-height:1.4em;padding:0;}
.welcome2 li { font-size: 0.95em;}	

.classes_wrapper h2{font-size:1.3em;}
.class_left, .class_right, .class_right1{width: 100%;float: none;}

.grid figure {width: 95%;}
.grid2 figure {width: 95%;}

.w3layouts-title h1{font-size: 20px;}
.w3layouts-title h3{font-size: 20px;}
.where-left {min-height: 200px;}
.wel-left {padding: 30px 30px;}
.titolo h3{font-size: 20px;}
.pubbl-info ul li a{ font-size:13px;}
.overlay-content p {line-height: 20px;font-size: 12px;}
.overlay-content h4 {font-size: 15px;}
figure.effect-marley h3 {font-size: 15px; margin-top:2px;}

.footer-nav li a {padding: 1em 0.7em;}
.inner-li {width: 100%;float: none;}
.inner-li:nth-child(2) { margin: 4em 0;}
.w3_agile-footer1.f1 img { width:100%;}
.w3_agile-footer1.f1 h2 a {font-size: 0.7em;}
.read {margin-bottom: 2em;}
}
	
@media screen and (max-width: 360px) {
.classes_wrapper h2{font-size:1.4em;}
.class_left, .class_right, .class_right1{width: 100%;float: none;}
.class_left, .class_right, .class_right1{width: 100%;float: none;}

.inner-li {width: 100%;float: none;}
.inner-li:nth-child(2) { margin: 4em 0;}
.w3_agile-footer1.f1 img { width:100%;}
.w3_agile-footer1.f1 h2 a {font-size: 0.7em;}
}
	
@media screen and (max-width: 320px) {
.navbar-toggle .icon-bar {width: 20px;height: 2px;}
.navbar-toggle {padding: 7px 7px;margin-top: 20px;margin-right: 44px;}
.navbar-header h1 a {font-size: 0.87em;margin: 0.5em 0;}

.banner-bottom.gallery {padding: 2em 0;}

.col-md-4, .col-md-8, .col-md-3, .col-md-6, .col-md-9{padding:0;}

.inner-li {width: 100%;float: none;}
.inner-li:nth-child(2) { margin: 2em 0;}
ul.footer-nav li a {padding: 1em 0.35em;}
.footer-nav li a {padding: 0.7em 0;display: block;}
.w3_agile-footer-grids { padding: 2em 0 2em;}
.w3_agile-footer1.f1 img { width:50%;}
.w3_agile-footer1.f1 h2 a {font-size: 0.7em;}

.fotogallery-grids ul li {width: 50%;}
.fotogallery {padding: 1.5em 0;}

.address-grids:nth-child(3), .address-grids:nth-child(5) {margin: 25px 0;}
.contact-right {width: 80%;}
.contact-right span, .contact-right a {letter-spacing: 0px;}

.w3layouts-title h1{font-size: 20px;}
.w3layouts-title h3{font-size: 20px;}
	
.about-bottom-text {padding: 2em 2em;}

.social {float:none;text-align:center;}

.gallery {padding: 1.5em 0;}	

.class_left, .class_right, .class_right1{width: 100%;float: none;}
.class_left, .class_right, .class_right1{width: 100%;float: none;}

.content-top {padding: 2em 0 0em;}
.content-top1 {margin-bottom: 7em;}
.content-plan h6 {font-size: 1.2em;}
.content-plan p,.grid-mid p,.news-in p {font-size: 1em;}
.content-plan {bottom: -50%;padding: 1.5em 1em 1em;}

.blog-pagenat ul li a {padding: 5px 0.8em;font-size: 0.7em;margin-top: 0;}

figure.effect-bubba h4 {padding-top: 7%;}
.spanl-grid1 {width: 100%;margin-right: 0;}
.spanl-grid2 {width: 100%;margin-left: 0;}

.where-left {min-height: 170px;}
.wel-left {padding: 30px 30px;}
.titolo h3{font-size: 20px;}
.pubbl-info ul li a{ font-size:13px;}
.overlay-content p {line-height: 20px;font-size: 10px;}
.overlay-content h4 {font-size: 15px;}
figure.effect-marley h3 {font-size: 14px; margin-top:2px;}
	
.gallery-grid {padding: 0 2px;margin-top: 4px;}
.gallery {padding: 2em 0;}	
	
.blog-pagenat ul li a {padding: 7px 0.8em;font-size: 0.8em;margin-top: 0em;}
.blog-pagenat {margin-top: 2em;margin-bottom:1em;}

.bann-frs-block-left a {font-size: 0.85em;margin-top: 0.5em;}
.bann-frs-block-right {min-height: 160px;}
.bann-frs-block-left {padding: 1.5em 1em 1.5em 1em;}
.bann-frs-block-left p {font-size: 0.8em;}
}

