/*
Light	"ff-tisa-web-pro"	300	normal
Regular	"ff-tisa-web-pro"	400	normal
300	"museo-sans"	300	normal	
900	"museo-sans"	900	normal*/
		
body { font-family: 'museo-sans', sans; font-size: 16px; line-height: 1.6em; letter-spacing: 0.05em; font-weight: 300; color: #4d4d4d; padding: 0px; margin: 0px }
p { margin-bottom: .9em }
#intro.container { padding-top: 25px; }
img.mh-logo-lg { display: inline-block; width: 520px; height: auto; }
#map-canvas { height: 600px }

@media only screen and (max-width : 992px) {
#intro.container { padding-top: 90px; }
}

@media only screen and (max-width : 480px) {
#intro.container { padding-top: 90px; }
img.mh-logo-lg { width: 100% !important; height: auto !important; }
#map-canvas { height: 450px }
}
/*-----------------------------------------------------*/
/*HOME HERO*/
/*-----------------------------------------------------*/
.hero-home, .hero-container {
}
.hero-home.slide {background-size: cover; background-position: center; }
/* .hero-home.slide .background-fade {background-size: cover; background-position: top left; background-image: url(/images/hero/hero-shadow.png);} */
.hero-home.slide:before {
	content: "";
	position: absolute;
	top: -58px;
	left: -189px;
	height: 61%;
	width: 60%;
	transform: rotate(-45deg);
	background: linear-gradient(to bottom,rgba(0,0,0,.9) -15%,rgba(0,0,0,0) 70%);
	z-index: 1;
}
@media(min-width:1550px){
	.hero-home.slide:before{
		left: -300px;
	}
}
.hero-home h2 {color: white; width: 100%; position: relative; z-index: 2;}

.hero-home.slide .background-fade  .logo {width: 90%; height: auto; display: block; margin-bottom: 20px;position: relative; z-index: 2;}
@media(min-width:767px){
.hero-home h2 {width: 30%;}
.hero-home.slide .background-fade  .logo {width: 450px;}
}
img[src="http://ib.adnxs.com/px?id=1171933&t=2"]{
  display:none;
}
.carousel-control-next, .carousel-control-prev {-webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out;}
.carousel-fade .carousel-item {z-index: 0 !important}
.carousel-fade .carousel-item.active {z-index: 1 !important}

ol.carousel-indicators { bottom: 30px}
ol.carousel-indicators li {-webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; cursor: pointer; width: 25px; height: 6px; margin: 0px 5px; border-radius: 2px}
/*-----------------------------------------------------*/
/*FOOTER*/
/*-----------------------------------------------------*/
.footer { background: #000; color: #888; font-size: 13px; line-height: 1.9em; text-transform: uppercase }
.footer a { color: inherit; border-bottom: 1px solid #444; -webkit-transition: all 0.3s linear; transition: all 0.3s linear; }
.footer a:hover { color: inherit; border-color: #888; text-decoration: none }
.footer img {width: 30px; height: 30px; display: inline-block; cursor: pointer; opacity: 0.6; -webkit-transition: all 0.4s ease-out; transition: all 0.4s ease-out;}
.footer img:hover {opacity: 0.8; background: #000;}
.footer .row .col-md-4 div a {display: inline-block; text-decoration: none !important; border: none !important; margin-right: 15px;}
.footer .row .col-md-4 div a:hover {text-decoration: none !important}
.footer .row .col-md-4 div a:last-of-type {margin-right: 0px;}
.footer hr {border-color: #444;}
/*-----------------------------------------------------*/
/*NAV*/
/*-----------------------------------------------------*/
.navbar { background: #a1842f; height: 75px; width: 100%; position: fixed; top: 0px; left: 0px; z-index: 1000 }
.navbar .navbar-nav li.nav-item a { font-size: 14px; line-height: 14px; letter-spacing: 0.16em; text-transform: uppercase; color:#FFF; display: inline-block; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out;}
.navbar .navbar-nav li.nav-item a:hover { text-decoration: none; color: #FFF; }

.navbar .navbar-nav li.nav-item a.gold {color:rgba(162,130,0,1.00)}
.navbar .navbar-nav li.nav-item a.gold:hover { text-decoration: none; color: rgba(162,130,0,1.00);}

.navbar .navbar-nav li.nav-item a.border-left { border-left: 1px solid #CCC; padding-left: 20px; }
.navbar .navbar-nav li.nav-item a.border-right { padding-right: 20px; }
.navbar .mh-logo {  padding: 13px; margin-right: 0px; }
.navbar .mh-logo img {  height: 26px; width: auto;}
@media only screen and (max-width : 992px) {
.logo-wrapper {position: absolute; width: 250px; left: 50%; right: 50%; top: -5px; height: 75px; margin-left: -125px; text-align: center; display:flex; align-items:center;}	
.logo-wrapper.revealhero {top: 14px; opacity: 1; -webkit-transition: all 0.4s ease-out; transition: all 0.4s ease-out;}	
.navbar .mh-logo { display: inline-block; }
}
/*-----------------------------------------------------*/
/*TYPE*/
/*-----------------------------------------------------*/
h1 { font-family: 'ff-tisa-web-pro', serif; font-size: 36px; line-height: 1.2em; letter-spacing: 0.05em; font-weight: 300; margin-bottom: 0.5em; }
h2 { font-family: 'ff-tisa-web-pro', serif; font-size: 24px; line-height: 1.5em; letter-spacing: 0.05em; font-weight: 300; margin-bottom: 0.5em; }
#intro { font-size: 18px; line-height: 1.6em; }
.sans { font-family: 'museo-sans', sans; font-weight: 300; }
.sans strong { font-weight: 900; letter-spacing: 0.1em; }
/*-----------------------------------------------------*/
/*COLORS*/
/*-----------------------------------------------------*/
.gold { color: #a28200 }
.gray { color: #e0e0e1 }
.dk-gray { color: #777}
.background-gray { background-color: #f5f5f5 }
/*-----------------------------------------------------*/
/*PROPERTIES*/
/*-----------------------------------------------------*/
.property-frame { height: 100%; background: #FFF; position: relative; -webkit-transition: all .5s ease-out; transition: all .5s ease-out; text-align: center;}
.property-frame .image { height: 254px; background-size: cover; background-position: center }
.property-frame .content { padding: 20px; padding-bottom: 80px; }
.property-frame .button-wrapper { position: absolute; bottom: 25px; width: 100%; padding: 0 25px; }
.property-frame .info-button { display: block }
.property-frame:hover { -webkit-box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.25); -moz-box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.25); box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.25); }
.property-frame img {display: block; margin: 15px auto 25px; max-width: 300px;}
#acqua-image.image { background-image: url(/images/hotels/acqua-sm.jpg) }
#weh-image.image { background-image: url(/images/hotels/weh-sm.jpg) }
#mvi-image.image { background-image: url(/images/hotels/mvi-sm.jpg) }

@media only screen and (max-width : 992px) {
.property-frame { text-align: center }
#acqua-image.image { background-image: url(/images/hotels/acqua-lg.jpg) }
#weh-image.image { background-image: url(/images/hotels/weh-lg.jpg) }
#mvi-image.image { background-image: url(/images/hotels/mvi-lg.jpg) }
}

@media only screen and (max-width : 500px) {
#acqua-image.image { background-image: url(/images/hotels/acqua-sm.jpg) }
#weh-image.image { background-image: url(/images/hotels/weh-sm.jpg) }
#mvi-image.image { background-image: url(/images/hotels/mvi-sm.jpg) }
}
/*-----------------------------------------------------*/
/*BUTTONS*/
/*-----------------------------------------------------*/
.button { font-family: 'ff-tisa-web-pro', serif; background-color: transparent; padding: 12px 15px; -webkit-transition: all .2s ease-out; transition: all .2s ease-out; cursor: pointer; text-align: center; color: #4d4d4d; text-transform: uppercase; font-weight: 400; font-size: 16px; line-height: 16px; letter-spacing: .2em; border-radius: 4px; box-sizing: border-box; border: 2px solid #4d4d4d; }
.button:hover, .button:focus { background-color: #a28200; border-color: #a28200; color: #FFF !important; outline: none !important; text-decoration: none !important; }
button.button [disabled] { background-color: #ccc !important; cursor: default; }

.button.button-white{color: #4d4d4d; border-color: #FFF; display: inline-block; background-color: #FFF !important}
.button.button-white:hover, .button.button-white:focus{color: #FFF !important; border-color: #FFF !important; background-color: transparent !important}

@media only screen and (max-width : 1200px) {
	.button { padding: 12px 15px; font-size: 15px; line-height: 14px; letter-spacing: .1em; }
}

/*-----------------------------------------------------*/
/*SCROLLBAR*/
/*-----------------------------------------------------*/
::-webkit-scrollbar {
 width: 15px;
}

::-webkit-scrollbar-track {
 -webkit-box-shadow: inset 0 0 0 rgba(0,0,0,0.3);
 border-radius: 0px;
 background-color: #FFF;
}

::-webkit-scrollbar-thumb {
 border-radius: 0px;
 -webkit-box-shadow: inset 0 0 0px rgba(0,0,0,1);
 background-color: #CCC;
}
/*-----------------------------------------------------*/
/*SHADOWS*/
/*-----------------------------------------------------*/
.top-shadow { -webkit-box-shadow: 0 -8px 8px -6px rgba(0,0,0,0.2); -moz-box-shadow: 0 -3px 6px rgba(0,0,0,0.2); box-shadow: 0 -3px 6px rgba(0,0,0,0.2); }
.top-shadow-inset { -webkit-box-shadow: inset 0 7px 8px -6px rgba(0,0,0,0.2); -moz-box-shadow: inset 0 8px 8px -6px rgba(0,0,0,0.2); box-shadow: inset 0 8px 8px -6px rgba(0,0,0,0.2); }
.bottom-shadow { -webkit-box-shadow: 0 8px 8px -6px rgba(0,0,0,0.2); -moz-box-shadow: 0 8px 8px -6px rgba(0,0,0,0.2); box-shadow: 0 8px 8px -6px rgba(0,0,0,0.2); }
.bottom-shadow-inset { -webkit-box-shadow: inset 0 -9px 8px -6px rgba(0,0,0,0.2); -moz-box-shadow: inset 0 -9px 8px -6px rgba(0,0,0,0.2); box-shadow: inset 0 -9px 8px -6px rgba(0,0,0,0.2); }

#blogs h4{
	/* height: 85px; */
}

@media(max-width:767px){
	#blogs h4{
		height: auto;
	}
	#blogs span{
		margin-bottom: 32px;
	}
}

.card{
    max-height: 450px;
    margin-bottom: 20px;
    border: 0 solid #818a91;
    border-radius: 3px;
    display: block;
    box-shadow: 0 2px 20px 0 rgba(0,0,0,.06);
}

.card a{
    position: absolute;
    top:0;
    left:0;
    width: 100%;
    height: 100%;
    z-index: 10;
}

.card p{
	min-height: 110px;
}

.card .img{
    height: 160px;
    background-size: 90%;
    background-position: center;
    background-repeat: no-repeat;
}

.card-description h4{
    font-size: 22px;
    min-height: 80px;
}

.card-description{
    padding: 30px 16px;
}