@import url('https://fonts.googleapis.com/css?family=Work+Sans:300,400,500,600');

.bck{background-color: green;}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, header,
footer, p, blockquote, pre, a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup,
tt, var, dl, dt, dd, ol, ul, li, label, legend, table, caption, tbody, tfoot,
thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
font-family: inherit;
vertical-align: baseline;
}


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

:focus {outline: none;}

a:active {outline: none; text-decoration: none;}

a:hover {outline: none; text-decoration: none;}

a{outline:none;}

object{outline:none}

ol, ul, li{  list-style: none; text-decoration: none;}

section , article {display: block; min-width: 100%; padding: 0; margin: 0;}

html, body {
height: 100%;
width: 100%;
font-size: 100%;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}


body {
/* font-family: 'Mukta Mahee', sans-serif; */
font-family: 'Work Sans', sans-serif;
margin: 0;
padding: 0px;
background-color:white;
}





/* menu main */

.allnav {padding-top: 30px;}

.navbar {box-shadow: none;}

.navbar-custom {
    background-color: white;
    font-size: 1.1em;
}






.navbar-custom .navbar-nav .nav-link  {
   color: rgb(151, 112, 44);
   font-size: 1.2em;
    padding-bottom: 30px;

    -webkit-transition:all 0.3s linear;
    -moz-transition:all 0.3s linear;
    -o-transition:all 0.3s linear;
    transition:all 0.3s linear;
}

.navbar-custom .nav-item.active .nav-link{
    color: #072c49;
}

.navbar-custom .nav-item .nav-link:hover {
    color:  #072c49;

    -webkit-transition:all 0.3s linear;
    -moz-transition:all 0.3s linear;
    -o-transition:all 0.3s linear;
    transition:all 0.3s linear;

}



.thefacebook-nav {
content: url(../img/iu-3.png);
background: transparent;
position:relative;
margin: -8px 0 0;
padding: 0;
height: auto;
width: 28px;
height: 28px;
}


.thefacebook-nav:hover{content: url(../img/iu-4.png);}

.navbar-brand-custom { max-width: 174px; max-height: 150px; margin-top: -80px;}

.navbar-brand-custom-small { width: auto; height: 80px; margin: -10px auto 0 auto; position: relative; }






.toggler-custom{
right: 0;
padding: .25rem .75rem;
margin-bottom: 1.25rem;
font-size: 1.25rem;
line-height: 1;
background-color: #f1f1f1;
border: 1px solid transparent;
border-radius: .25rem;
}
.toggler-custom:hover{
background-color: #cfcfcf;
border: 1px solid #f1f1f1;
}


.navbar-custom  .nav-item .nav-link{ text-align: left; line-height: 10px;}


/* menu lingue */

ul.nav.nav-pills.float-right {
	position: relative;
}
.nav-pills .nav-link {
	padding: .2rem .6rem;
	margin: .2rem .2rem;
	color:#1c496d;
	font-weight: 600;
   font-size: 1em;

    -webkit-transition:all 0.3s linear;
    -moz-transition:all 0.3s linear;
    -o-transition:all 0.3s linear;
    transition:all 0.3s linear;
}

.nav-pills .nav-link:hover {
    color: white;
    background-color: #1c496d;

    -webkit-transition:all 0.3s linear;
    -moz-transition:all 0.3s linear;
    -o-transition:all 0.3s linear;
    transition:all 0.3s linear;
}

.nav-pills .nav-link.active{
    color: white;
    background-color: #1c496d;
 }





/*  header */

#random{
  width: 100%;
  height: auto; }


.random{
  width: 100%;
  height: 100%;
  padding: 20% 0;
  background: url(../img/replace_random.jpg) no-repeat center center;
}

/*  header-in */


/* ****************** se si vogliono piu immagini diverse per ora sostituito con sfondi fissi



.random-in{

  width: 100%;
  height: auto;
  padding: 12% 0;
  background: url(../img/replace_random.jpg) no-repeat center center;

}


// script da inserire nella pagina

<script>
var randomImages = (function(){
  'use strict';
  return{
    init: function(){
      this.events();
    },
    events: function(){
      var images = [
        'img/headers/header3.jpg'
      ];
      var s = document.createElement('style');
      s.id = 'random';
      s.type = 'text/css';
      document.head.appendChild(s);
      var r = images[Math.floor(Math.random() * images.length)];
      s.textContent = '#random{background:url('+r+') no-repeat center center ;background-size:cover; -webkit-background-size:cover;-moz-background-size:cover;-ms-background-size:cover; background-position: center center; -webkit-background-position: center center;-moz-background-position: center center;-ms-background-position: center center; background-color:transparent;}';
    }
  };
})();

randomImages.init();


</script>


****************** */


.header{ width: 100%; height: 100%; padding: 12% 0; }


.header-hotel{
background: url(../img/headers/header1.jpg) no-repeat center center;
background-size: cover;
-webkit-background-size:cover ;
-moz-background-size: cover;
-ms-background-size: cover;
}

.header-rooms{
background: url(../img/headers/header3.jpg) no-repeat center center;
background-size: cover;
-webkit-background-size:cover ;
-moz-background-size: cover;
-ms-background-size: cover;
}

.header-esperienze{
background: url(../img/headers/header2.jpg) no-repeat center center;
background-size: cover;
-webkit-background-size:cover ;
-moz-background-size: cover;
-ms-background-size: cover;
}

.header-contatti{
background: url(../img/headers/header4.jpg) no-repeat center center;
background-size: cover;
-webkit-background-size:cover ;
-moz-background-size: cover;
-ms-background-size: cover;
}



/*  header title */

.random-main-text {
	text-transform: uppercase;
	color: white;
	text-shadow: 0px 3px 8px rgba(0, 0, 0, 1);
	position: relative;
	display: block;
	width: 100%;
}

.random-mute {
	color: white;
	text-shadow: 0px 3px 8px rgba(0, 0, 0, 1);
	position: relative;
	display: block;
}



/* freccia giù */



.arrow-down {
	padding: 0;
	margin: 0 auto;
	display: inline-block;
	height: 38px;
	width:38px;
	position: relative;
	top:20px;
	cursor: pointer;

	border-radius: 50px;
	border: 0px solid transparent;
	background: rgba(255, 255, 255, 0.7) url(../img/bottom_arrow_blue.svg) no-repeat center 50%;

	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}

.arrow-down:hover {
	border-radius: 50px;
	border: 0px solid transparent;
	background: #1c496d url(../img/bottom_arrow.svg) no-repeat center 50%;
  }



/*  end header */









/* Sentieri */  .min-h {min-height: 140px;}



/*  other */


article {
    display: block;
}


.block-border-top{
border-top: 6px  rgba(255, 255, 255, 0.6) ridge;

}

.block-border-bottom{
border-bottom: 4px solid LightGray;
}

.carousel-indicators li {
bottom:10px;
height: 10px;
width: 40px;
cursor: pointer;
-webkit-transition:all 0.3s linear;
-moz-transition:all 0.3s linear;
-o-transition:all 0.3s linear;
transition:all 0.3s linear;
}

.carousel-indicators li.active , .carousel-indicators li.hover {

height: 10px;
margin-top: 0px;
}

.carousel-control-next-icon, .carousel-control-prev-icon {
width: 30px;
height: 30px;
}


.caption-bck  { background: rgba(255, 255, 255, 0.6); padding: 5px 0; margin: 0 auto; display: block; position: relative; width: 40%; text-transform: uppercase;}




/* Tooltip */

.tooltip { font-size: 1.1rem;}

.TooltipImg {display: inline-block; padding: 25px 16px; margin: 0; width: 35px; height: 35px;}

.TooltipImg-1 {background: url(../img/servizi/showImage-4.jpeg) center center no-repeat;}

.TooltipImg-2 {background: url(../img/servizi/showImage.jpeg) center center no-repeat;}

.TooltipImg-3 {background: url(../img/servizi/showImage-1.jpeg) center center no-repeat;}

.TooltipImg-4 {background: url(../img/servizi/showImage-3.jpeg) center center no-repeat;}

.TooltipImg-5 {background: url(../img/servizi/showImage-13.jpeg) center center no-repeat;}

.TooltipImg-6 {background: url(../img/servizi/showImage-23.jpeg) center center no-repeat;}

.TooltipImg-7 {background: url(../img/servizi/showImage-15.jpeg) center center no-repeat;}

.TooltipImg-8 {background: url(../img/servizi/showImage-2.jpeg) center center no-repeat;}

.TooltipImg-9 {background: url(../img/servizi/showImage-14.jpeg) center center no-repeat;}

.TooltipImg-10 {background: url(../img/servizi/showImage-18.jpeg) center center no-repeat;}

.TooltipImg-11 {background: url(../img/servizi/showImage-19.jpeg) center center no-repeat;}

.TooltipImg-12 {background: url(../img/servizi/showImage-12.jpeg) center center no-repeat;}

.TooltipImg-13 {background: url(../img/servizi/showImage-21.jpeg) center center no-repeat;}

.TooltipImg-14 {background: url(../img/servizi/showImage-5.jpeg) center center no-repeat;}

.TooltipImg-15 {background: url(../img/servizi/showImage-20.jpeg) center center no-repeat;}

.TooltipImg-16 {background: url(../img/servizi/showImage-16.jpeg) center center no-repeat;}

.TooltipImg-17 {background: url(../img/servizi/showImage-9.jpeg) center center no-repeat;}

.TooltipImg-18 {background: url(../img/servizi/showImage-11.jpeg) center center no-repeat;}




#map{
width:auto;
min-height: 600px;
margin: 0 auto;
position: relative;

}
.mapClass{
min-width:100%;
min-height: 100%;
margin: 0 auto;
position: relative;

}

/* tipografia */




.my-p {line-height: 1.8rem; font-size: 1.1rem; padding: 5px 0; color: #424547;}

.my-p a:link, .my-p a:focus , .my-p a:visited  {color:#1c496d; background: #e8e8e8; font-weight: 600; padding: 0 5px; }

.my-p a:hover  {color:white; background: #1c496d;}



.my-p-link-background a:link,
.my-p-link-background a:focus,
.my-p-link-background a:visited  {
color: white;
font-weight: 600;
line-height: 80px;
background-color: #1c496d;
padding: 1% 5%;
}


.my-p-link-background a:active,
.my-p-link-background a:hover  {
color: white;
background-color: rgb(151, 112, 44);
}


.text-white {color: white;}

.text-blu {color: #1c496d;}

.text-black {color: #424547;}

.text-primary {color: #007bff;}

.text-alert {color: #CC0000;}

.letter-space {letter-spacing: 0.1em;}

.text-600 {font-weight: 600;}

.text-500 {font-weight: 500;}

.text-400 {font-weight: 400;}

.text-300 {font-weight: 300;}






/* BTN  */


.my-btn {
display: inline-block;
font-weight: 600;
text-align: center;
white-space: nowrap;
vertical-align: middle;
border: 0px solid transparent;
border-top: 1px solid transparent;
border-bottom: 1px solid transparent;
font-size: 1.2rem;
line-height: 1.5;
border-radius: 0rem;
margin: 20px 0 10px 0;
}

.my-btn-primary{
color: #1c496d;
background-color: white;
border-color: #1c496d;
	padding: 2px 6px;
    -webkit-transition:all 0.3s linear;
    -moz-transition:all 0.3s linear;
    -o-transition:all 0.3s linear;
    transition:all 0.3s linear;
}


.my-btn-primary:hover  {
	background-color: #2c6ea4;
	border-color: #2c6ea4;
	padding: 2px 60px;
	position: relative;
    display: inline-block;

    -webkit-transition:all 0.3s linear;
    -moz-transition:all 0.3s linear;
    -o-transition:all 0.3s linear;
    transition:all 0.3s linear;

	}




/* FORM POSTA  */

form {line-height: normal; font-size: 1.0rem; padding: 5px 0; color: #424547; font-weight: 500;}

.invalid-feedback{padding-left: 10px; font-size: 1.0rem;}

.list-unstyled{color:#dc3545; padding: 8px 0;}


.form-vcard a:link,
.form-vcard a:focus,
.form-vcard a:visited  {
color:#1c496d;
}


.form-vcard a:active,
.form-vcard a:hover  {
color:#007bff;
}


.MyModal-content {border: 2px solid #546E7A; border-radius:.3rem; }
.MYalert {}
.messages {text-align: center; font-size: 1.2rem;}
.MYalert-success {background: white; color: #0074ee;}
.MYalert-danger {background: white; color: red;}


/* footer */



.footer{
margin-top: 60px;
padding: 0px 0 80px 0;
background-color: #2c6ea4;
color: white;
}



.vcard a:link,
.vcard a:focus,
.vcard a:visited  {
color: white;
text-decoration: none;
font-weight: 600;
}


.vcard a:active,
.vcard a:hover  {
color: white;
text-decoration: underline;
font-weight: 600;
}



.footer a:link,
.footer a:focus,
.footer a:visited  {
color: white;
text-decoration: none;
font-weight: 600;
}


.footer a:active,
.footer a:hover  {
color: white;
text-decoration: underline;
font-weight: 600;
}


.thefacebook {
content: url(../img/iu-4.png);
background: transparent;
border: transparent 2px solid;
border-radius: 50px;
-webkit-border-radius:  50px;
-moz-border-radius: 50px;
position:relative;
margin: 0;
padding: 0;
}



.thefacebook:hover{
content: url(../img/iu-3.png);
border: white 2px solid;
border-radius: 50px;
-webkit-border-radius:  50px;
-moz-border-radius: 50px;
}



/* to top  codyhouse.co */


.cd-top {
  display: inline-block;
  height: 46px;
  width: 46px;
  position: fixed;
  bottom: 40px;
  left: 50px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  background: #1c496d url(../img/cd-top-arrow.svg) no-repeat center 50%;
  border: 2px solid white;
  border-radius: 50px;
  -webkit-border-radius:  50px;
  -moz-border-radius: 50px;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}
.cd-top.cd-is-visible {
  visibility: visible;
  opacity: 1;
}
.cd-top.cd-fade-out {
  opacity: 1;
}
.cd-top:hover {
  background-color: #2d74da;
    border: 2px solid white;
}









@media (min-width: 0px) and (max-width: 575.98px) {

body, .container-fluid { overflow-x: hidden; }

.cd-top {left: 30px; }

.d-xs-none {display: none; visibility: hidden;}
.order-xs-last {-webkit-box-ordinal-group: 14; -ms-flex-order: 13; order: 13}
.order-xs-first {-webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1}


.order-xs-2 {-webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2}
.order-xs-1 {-webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1}
.order-xs-0 {-webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0}

.pl , .px-xs-1 {padding-left: 0rem !important}
.pr , .px-xs-1 {padding-right: 0rem !important}

.pt-xs-1 {padding-top: 1rem !important}
.pb-xs-1 {padding-bottom: 1rem !important}

.min-h {min-height: 1px;}
}




@media (min-width: 0px) and (max-width: 991.98px) {


.navbar-custom .navbar-nav .nav-link  { padding: 10px; text-align: right;}

.navbar-custom .nav-item.active .nav-link{color: #072c49;}

/* .navbar-custom .nav-item .nav-link:hover {background: rgba(220, 220, 220, 0.7); color: #072c49;} */

.min-h {min-height: 1px;}

.thefacebook-nav {margin: 0;}

}




@media only screen and (min-width: 767.98px) and (max-width: 1199.98px) {

.border-LightGray{border-top: 4px  rgba(255, 255, 255, 0.6) ridge;; padding-top: 35px;}

}





/* wellness for PDF */


.well-list {
margin: 0 0 50px 0;
text-decoration: none;
list-style: none;
line-height: 1.8rem;
font-size: 1.1rem;
text-align: left;
font-weight: 500;
}




/* 404 */




.img404{
  width: 100%;
  height: 100%;
  padding: 20% 0;
  background: url(../img/404.jpg) no-repeat center center;
}


.main-text-404 {
	text-transform: uppercase;
	color: white;
	text-shadow: 5px 0px 6px rgba(0, 0, 0, 1);
	position: relative;
	display: block;
	width: 100%;
}


/*  header title */