/* sezione originale by marchetti design*/
.carousel-inner > .item {min-height: 600px; background-size: cover; background-position: center center}

.tab-pane{min-height: 300px;}

.btn-roadbook{
  /*background-color: transparent;*/
  background: linear-gradient(90deg, rgba(224,224,148,1) 30%, rgba(108,112,89,1) 100%);
/*  border: 1px dashed #333;*/
  width:80%;
  border-radius: 25px;
  margin:0 auto;
   display:block;
}

.btn-primary {
    color: #333;
    background-color: transparent;
    border-color: #333;
		border-radius: 0; border-width: 4px;
}
.btn-primary:hover {
    color: #fff;
    background-color: #000;
    border-color: #000;
}
.big-padding{padding: 100px 0;}

.popover {z-index: 100; border-radius: 2px; border: 1px solid #eee}
.popover-content img{height:122px;margin-bottom: 15px; width:100%;}

.panel h4{margin:0;}
.panel h4 a{display: block;background: #333;color:#fff;padding: 15px 20px;text-decoration: none;}
.panel h4 a:hover{background: #555;}
.panel-padding{padding: 20px;}

.panel-group .panel{border-radius:0;}

/*------------------------------------
  Animate
------------------------------------*/

.animated {
  animation-duration: 1s;
  animation-fill-mode: both;
}

.animated.infinite {
  animation-iteration-count: infinite;
}

.animated.hinge {
  animation-duration: 2s;
}

.animated.flipOutX,
.animated.flipOutY,
.animated.bounceIn,
.animated.bounceOut {
  animation-duration: .75s;
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    transform: none;
  }
}

.fadeInUp {
  animation-name: fadeInUp;
}

/*----------------------------------
style per popup images in percorsi
------------------------------------*/
/* padding-bottom and top for image */
.mfp-no-margins img.mfp-img {
	padding: 0;
}
/* position of shadow behind the image */
.mfp-no-margins .mfp-figure:after {
	top: 0;
	bottom: 0;
}
/* padding for main container */
.mfp-no-margins .mfp-container {
	padding: 0;
}


/*

for zoom animation
uncomment this part if you haven't added this code anywhere else

*/
/*

.mfp-with-zoom .mfp-container,
.mfp-with-zoom.mfp-bg {
	opacity: 0;
	-webkit-backface-visibility: hidden;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}

.mfp-with-zoom.mfp-ready .mfp-container {
		opacity: 1;
}
.mfp-with-zoom.mfp-ready.mfp-bg {
		opacity: 0.8;
}

.mfp-with-zoom.mfp-removing .mfp-container,
.mfp-with-zoom.mfp-removing.mfp-bg {
	opacity: 0;
}
*/

/*---------------------------------
           mio stile
---------------------------------*/

.vcenter {
      display: flex;
      align-items: center;
  }
/*dimezza la dimensione delle icone usate nelle tab*/

.img__icon {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 3vw;
}

@media (max-width: 768px) {
    .vcenter a{text-shadow: none; font-size: 12px;}

}

@media (max-width: 767px) {
.img__icon {    width: 4vw;}
  .text-justify{display: none;}
}

/* agginge layer opacity a immagine in primo piano*/

.image-holder {
  position: relative;
}
.image-holder:before {
  background: rgba(0, 0, 0, 0.6);
  border-radius: 25px;
  position: absolute;
  content: '';
  width: 100%;
	height: 100%;
  bottom: 0;
  left: 0;
  top: 0;
}
/* espande la proprietà over con cambio colore a tutta l'immagine */
/*.poster__img:hover{color: #f5d033;text-shadow: -1px 0 #000, 0 1px #000, 1px 0 #000, 0 -1px #000;transition: all 1s cubic-bezier(.215, .61, .355, 1);}*/

.classeprova:hover{color: #f5d033;text-shadow: -1px 0 #000, 0 1px #000, 1px 0 #000, 0 -1px #000;transition: all 1s cubic-bezier(.215, .61, .355, 1);}

/* Sezione Tab

da vedere in caso di conflitto con menu

.nav-tabs > li {
    float:none;
    display:inline-block;
    zoom:1;
}

.nav-tabs {
    text-align:center;
}
*/
/* Stile pagina Percorsi */


/*------------------------
Traccia e Tracciati
------------------------*/
.track{background: #fff;height: 70%;}
.track__image{width: 100%; float: left;height: 100%;/*
  background-image: url("../images/valbruna_2015.png") ;
   background-repeat: no-repeat ;
  background-size: cover;
  -o-background-size: cover;
  -moz-background-size: cover;*/
}
.track__copy__text{display: block;text-align: center; padding: 55px ; margin:50px;
  border: 60px solid rgba(0, 0, 0, 0.4);
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 255, 0.19);
  color: rgba(0, 0, 0, 0.5);
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2), 0 0 25px rgba(0, 0, 255, 0.2), 0 0 5px rgba(0, 0, 139, 0.2);
  border-radius: 10px;
}
@media (max-width: 767px) {
  .track{height: 75vh;}
  .track__image{  background-size: auto;  }
  .track__copy__text{ padding: 25px ;
    border: 30px solid rgba(0, 0, 0, 0.4);
    display: flex;
    justify-content: center;
    align-items: center; }
}


.track_summary {text-shadow: none;}
.track_details {padding: 0}
.track_main-carousel {    padding: 20px 14px;}

@media (max-width: 768px) {
  .track_main-carousel{padding: 20px 0px;}
}
/* Container sovrapposizione image e testo */

.container__mio {position: relative; text-align: left; color: #fff;text-shadow: -1px 0 #f5d033, 0 1px #000, 1px 0 #000, 0 -1px #000;}
.container__mio a{color:#fff; text-decoration:none;}


.carousel-cell__2{
  height: 320px;
  width: 320px;
  margin-right: 40px;
}


.bottom-left { position: absolute; bottom: 10%; left: 16%;}
.top-left { position: absolute; top: 10%; left: 10%;}
.top-right { position: absolute; top: 5%; right: 10%;}
.bottom-right { position: absolute; bottom: 10%; right: 10%;}
.centered { position: absolute; top: 45%; left: 40%; transform: translate(-50%, -50%);font-size: 40px;font-weight: 500;line-height: 40px;}

.centered__footer{ position: absolute; top: 45%; left: 50%; font-size: 50px; transform: translate(-50%, -50%);font-weight: 500;line-height: 40px;}

.tipo_tracciato{text-decoration: underline solid red 2px;}
.tipo_tratto{text-decoration: underline solid yellow 2px;}
.tipo_itinerario{text-decoration: underline solid green 2px;}

.poster__percorsi{
  display: flex;
  height: 100vh;
  width: 100%;
  align-items: center;
  padding: 0 20px;
}

.poster__content__percorsi{width: 35%;padding: 25px; margin-top: 150px;}

.poster__img__tab {width: 100vw; height: 100vh;}
.poster__img__tab img{object-fit: cover; width: 100%;height: 100%;}
.poster__content__reverse__tab {width: 85%;padding: 20px;}


/*  mantiene la dismensione dell'immagine di presentazione fuori carousel visibile */
.img_percorso{min-height:310px;border-radius: 25px;}

   /* il ter è usato per lo slide dei percorsi*/
.carousel-cell__content__ter{
  width: 100%;
  height: 100%;
    /*background: #33334D;
     border: 1px solid rgba(108,112,89,1); */
  border-radius: 5%;
      /*  line-height: 35px;
    text-align: center;*/
  }


@media (max-width: 768px) {
	.poster__img,
  .poster__content__percorsi{width: 100%;margin-top: auto;}

	.poster__percorsi{flex-wrap: wrap;height: auto;}

/*	.centered {font-size: 18px;}
  .top-left {left:auto;right: 16px;}
  .top-right { top: 60px; right: 16px;}*/


}


/* griglia*/
.row {
  display: flex;
  flex-wrap: wrap;
}

.column__img {
/*  display: flex;
  position: relative;
  margin-top: 15px;*/
  vertical-align: middle;
	widht: 100vw;
  width: 100%;
}
.column__img__opaque{opacity: 0.2}

.column__video {
  width: 100%;
  height:  100%;
  height: 66vh;
	padding: 5px;
}

@media (max-width: 768px) {
	.column__video {

		height: 40vh;
		padding: 0;
	}
}

@media (max-width: 425px) {
	.column__video {
  height: 33vh;
  padding: 0;
	}
}

/* centra nella grid bootstrap3*/
.display-flex-center {
    display:flex;
    align-items:center;
}


/* ! dimensione plugin meteo */
.meteo_img1{min-height:425px; min-width: 325px; }
.meteo_img2{min-height:350px; min-width: 275px; }



/* foto effetto polaroid nella sezione APPROFONDIMENTI pagina percorsi*/

.polaroid {
  width: 80%;
  background-color: white;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.polaroid img {width: 100%}

.container__polaroid {
  text-align: center;
  padding: 10px 20px;
}

.segnale_stradale{
  border: 2px solid #000;
  border-radius: 15px;
  vertical-align: middle;
  width: 100%;
  height: auto;
  background-color: white;
}

.segnale_stradale h4{
  letter-spacing: -1px;
  text-align: center;
  font-family: sans-serif;
  font-weight: 600;}

@media (max-width: 768px) {
  .segnale_stradale h4{
  font-size: small;}
}

.info_aggiuntive{
  border: 2px dashed #000;
  border-radius: 100%;
  vertical-align: middle;
  text-align: center;
  font-family: sans-serif;

}
.info_aggiuntive h3{
  color: #ffffff;
  font-weight: 600;
  text-shadow: -1px 0 #000000, 0 1px #000000, 1px 0 #000000, 0 -1px #000000;
  letter-spacing: 2px;
}


.center-pills {
    display: flex;
    justify-content: center;
}


.cartello_a_destra{
  display: block;
  margin-left: auto;
  margin-right: 0;
  width: 80%;}


.cartello_a_sinistra{
    display: block;
    margin-left: 0;
    margin-right: auto;
    width: 80%;}


    .mycenter {
      padding: 0 50px 0;
      }


.gpxtruder{
  overflow:hidden;
  transform-origin: 0px 0px 0px;
  transform: scale(3);

}
.gpxtruder_help{
  display: block;
}

@media (max-width: 768px) {
    .gpxtruder{padding-left:15px;  transform: scale(2);}
    .gpxtruder_help{display: none;}
}
  @media (max-width: 767px) {
    .gpxtruder{
      transform: scale(1);
      padding-left: 0;
      margin-left: -5px;
  }
  .gpxtruder_help{
    display: none
  }

}


/* offuscamento indirizzo mail*/
#MyToHide{display: none;}



/* Helpers specifici per la pagina*/
.mt-3_percorsi{margin-top: 150px;}
.mt-2_percorsi{margin-top: 50px;margin-bottom: 50px;}
.mt-1_percorsi{margin-top: 25px;margin-bottom: 25px;}

.tx_c{text-align: center!important;}
.tx_l{text-align: left!important;}
.tx_r{text-align: right!important;}
.tx_j{text-align: justify!important;  text-justify: inter-character; display: block;}



.big-text{font-size: 70px;font-weight: 900;}
.grand-text{font-size: 55px;font-weight: 700;}
.med-text{font-size: 40px;}
.mid-text{font-size: 30px;}
.normal-text{font-size: 20px;}
.small-text{font-size: 14px;}




.p25{padding: 25px 0;}
.p25_bis{padding: 25px;}
.p15{padding: 15px;}
.p35_sx_dx{padding-left: 35px;padding-right: 35px;}
.p50_tp{padding-top: 50px;}
.no_pad{padding-left: 0;padding-right: 0;}
.pad_top_100{padding-top: 100px;}
.puntini{border: 1px dashed blue;}

.no_mar{margin-left: 0;margin-right: 0;}

.min_vh50{min-height: 50vh;}
.max_wh{max-width: 768px;}

.centerone {  margin: auto;display: block;}

.fs_sr{font-size: smaller;}

.dr50{  border-radius: 50%;}

.pr{position: relative; width: 100%; height: 100%;}
.pa{height: 100%;  width: 100%;  position: absolute;}


.bgw{
  background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 50%);
  /*background-image: linear-gradient(to bottom, #ffffff, #ffebfc, #ffd3e2, #ffbfb1, #ffb878, #e5b362, #c7af51, #a6ab45, #969c4c, #878e52, #797f56, #6c7059);*/
}


@media (max-width: 768px) {
    .mt-3_percorsi{margin-top: 70px;}
}



/* ! Helpers */

.mt-1{margin-top: 50px;}
.mt-2{margin-top: 100px;}
.mt-3{margin-top: 150px;}

.tw{color:#fff;text-align: justify;}
.tb{color: blue;}

/* Gradiente del colore di testo*/
.grade{  background: -webkit-linear-gradient(#eee, rgb(224,224,148));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;}


@media (max-width: 768px) {
  .mt-sma-0{margin-top: 0}
  .mb-sma-0{margin-bottom: 0}


/*  .grade{background: -webkit-linear-gradient(#333, rgb(94,94,58));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;}*/
}