/* --------------------------------------------------------------------------
	FONT
--------------------------------------------------------------------------- */

@import url('../css/reset.css');

@font-face {
	font-family: 'MuseoSans-500';
	src: url('fonts/2244E8_0_0.eot');
	src: url('fonts/2244E8_0_0.eot?#iefix') format('embedded-opentype'),url('fonts/2244E8_0_0.woff') format('woff'),url('fonts/2244E8_0_0.ttf') format('truetype');
}


::-moz-selection{ background-color: #4a9ccb; color: #FFF;}
::selection{ background-color: #4a9ccb; color: #FFF;}

*{-webkit-appearance: none; -webkit-text-size-adjust: none;}


a.opacity {
	-moz-transition: opacity .25s ease-in-out;
	-webkit-transition: opacity .25s ease-in-out;
	-o-transition: opacity .25s ease-in-out;
	transition: opacity .25s ease-in-out;
	border: none;
}

a:hover.opacity {
	opacity: 0.6;
	-moz-opacity: 0.6;
	filter: alpha(opacity=60);
	border: none;
}

a.opacityinverse {
	-moz-transition: opacity .25s ease-in-out;
	-webkit-transition: opacity .25s ease-in-out;
	-o-transition: opacity .25s ease-in-out;
	transition: opacity .25s ease-in-out; border:none;
	opacity: 0.5;
	-moz-opacity: 0.5;
	filter: alpha(opacity=50);}
	
a:hover.opacityinverse {
	opacity: 1;
	-moz-opacity: 1;
	border: none;
}

.clear{clear: both;}

body {
	background-color: #FFF;
	color: #CCC;
	font-size: 13px;
	line-height: 1.7em;
	font-family: 'Open Sans', sans-serif;
	font-weight: 300;
	
}

h1 {
    margin-bottom: 0.35em;
    font-family: inherit;
    font-weight: 300;
    font-size: 22px;
    line-height: 1.7em;
    color: #FFF;
    text-rendering: optimizeLegibility;
    line-height: 45px;
}

h2 {
    font-family: 'MuseoSans-500', Arial, serif;
    font-weight: normal;
    font-style: normal;	
    font-size: 11px;
    line-height: 19px;
    text-transform: uppercase;
    color: #2b2b2b;
    letter-spacing: 0.3em;
}

a,
a:link,
a:visited {
	color: #c58383;
	text-decoration: none;
}

a:hover {
	color: #CCC;
}

.animate {-webkit-transition: all .2s ease-in-out; }
.animate:hover { -webkit-transform: scale(1.2); }

#cookieChoiceInfo {top: 74px !important; background-color: #FFF !important; font-size: 10px; line-height: 15px; padding-top: 10px !important; font-family: Helvetica, Arial, sans-serif;}
#cookieChoiceInfo a#cookieChoiceDismiss {margin-left: 8px !important;}
#cookieChoiceInfo a { font-weight: bold;}
#cookieChoiceInfo a:hover {color: #666;}

#show-hide-menu {display: none;}

.iubenda-tp-btn[data-tp-float]:not([data-tp-anchored]) {
 	display: none !important;
 }


/* --------------------------------------------------------------------------
	CSS - BASE
--------------------------------------------------------------------------- */

#wrapper {
	width: 100%;
	height: 100%;
}

#topbar {
	background: #FFF;
        opacity: 0.85;
	position: fixed;
	top: 0;
	width: 100%;
	max-width: 1950px;
	margin: 0 auto;
	height: 69px;
	z-index: 310;
	color: #2B2B2B;
	padding-bottom: 5px;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

#logo {
	position: relative;
	float: left;
	margin: 9px auto 0 40px;

}

.box-img-container {
	width: 100%;
	height: auto;
	
}

.box-img {
	width: 100%;
	height: auto;
	position: relative;
}

.cover {
    -moz-background-size: cover !important;
    -webkit-background-size: cover !important;
    -o-background-size: cover !important;
    background-size: cover !important;
}


/* --------------------------------------------------------------------------
	MENU
--------------------------------------------------------------------------- */

#menu {
	position: relative;
	float: left;
	margin: 21px auto 0 50px;
}



#menu ul {
	display: inline-block;
	margin: 18px auto 0 auto;
	position: relative;
	
	font-family: 'MuseoSans-500', Arial, serif;
	font-weight: normal;
	font-style: normal;	
	font-size: 11px;
	line-height: 19px;
	
	text-transform: uppercase;
	color: #F8F8F8;
	letter-spacing: 0.3em;
}

#menu ul li{
	text-align: center;                                            
	list-style: none;
	display: inline;
	padding-left: 15px;
	padding-right: 15px;
}

#menu ul li a,
#menu ul li a:link,
#menu ul li a:visited {
	color: #30a3a7;
	text-decoration: none;
	text-transform: uppercase;
}

#menu ul li a:hover {
	color: #30a3a7;
	border-bottom: 0px;
}

#menu ul li.active a {color: #a4c8ca;}


/* --------------------------------------------------------------------------
	LANG
--------------------------------------------------------------------------- */

#lang {	
        position: relative;
        float: right;
        
        margin-top: 39px;
        
        font-family: 'MuseoSans-500', Arial, serif;
	font-weight: normal;
	font-style: normal;	
	font-size: 11px;
	line-height: 19px;
	
	text-transform: uppercase;
	color: #30a3a7;
	letter-spacing: 0.3em;
        
        right: 20px;
}

#lang a,
#lang a:link,
#lang a:visited {
	color: #30a3a7;
	text-decoration: none;
	text-transform: uppercase;
}

#lang a:hover {
	color: #CCC;
	border-bottom: 0px;
}

#lang a.active {color: #30a3a7;}


/* --------------------------------------------------------------------------
	MENU MASTER PAGE
--------------------------------------------------------------------------- */

#menu-interno {
    position: fixed;
    z-index: 3;
    padding-left: 40px;
    padding-top: 60px;
    background: url('../img/bg_opacity.png') left top repeat-y;
    width: 387px;
}

#menu-interno ul li {}
#menu-interno ul li a {
    margin-bottom: 0.35em;
    font-family: inherit;
    font-weight: 300;
    font-size: 22px;
    line-height: 46px;
    color: #FFF;
    text-rendering: optimizeLegibility;
    text-shadow: 0 -1px #333;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 400;    
    
}

/* --------------------------------------------------------------------------
	TEXT-BOX
--------------------------------------------------------------------------- */

.text-box {
    padding: 20px 40px 30px 40px;
    height: auto;
    overflow: hidden;
    text-align: center;
    position: relative;
    top: 100px;
    margin: 0 auto;
}

.tb-left {
    float: left;
    left: 20px;
}

.tb-right {
    float: right;
    right: 20px;
}


.text-box h1 {
    font-family: 'MuseoSans-500', Arial, serif;
    text-align: center;
    margin-bottom: 0.35em;
    font-family: inherit;
    font-weight: 300;
    font-size: 28px;
    line-height: 46px;
    color: #FFF;
    text-rendering: optimizeLegibility;
    text-shadow: 0 -1px #333;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-weight: 400;    
}


a.bottone-a {
        background: #30a3a7;
        opacity: 0.85;
        border: 1px solid #CCC; padding: 12px 20px 10px 20px; 
	font-family: 'MuseoSans-500', Arial, serif;
	font-weight: normal;
	font-style: normal;	
	font-size: 11px;
	line-height: 19px;
	text-transform: uppercase;
	color: #F8F8F8;
	letter-spacing: 0.3em;
        display: block;
        width: 220px;
        text-align: center;
        margin: 0 auto;
	-moz-transition: opacity .25s ease-in-out;
	-webkit-transition: opacity .25s ease-in-out;
	-o-transition: opacity .25s ease-in-out;
	transition: opacity .25s ease-in-out;
}

a.bottone-a:hover {
    	opacity: 0.6;
	-moz-opacity: 0.6;
	filter: alpha(opacity=60);
}


/* --------------------------------------------------------------------------
	CREDITS
--------------------------------------------------------------------------- */

#credits {position: absolute; bottom: 0; z-index: 4233242; background: #FFF; opacity: 0.85; width: 100%; color: #30a3a7;}
#credits-container {font-size: 11px; padding: 10px 20px 10px 20px; height: auto; overflow: hidden;}
#credits-container a {color: #30a3a7;}
#credits-container a:hover {color: #CCC;}
#credits span {color: #30a3a7;}
#credits img {filter: invert(1);}
/* --------------------------------------------------------------------------
	HOME
--------------------------------------------------------------------------- */

#bg-home {
    background: url('../img/luxury01.jpg') no-repeat center center;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/luxury01.jpg', sizingMethod='scale');
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/luxury01.jpg', sizingMethod='scale')";    
}

/* --------------------------------------------------------------------------
	YACHTING
--------------------------------------------------------------------------- */

#yachting-master {
    background: url('../img/yachting/yachting-master.jpg') no-repeat center center;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/yachting/yachting-master.jpg', sizingMethod='scale');
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/yachting/yachting-master.jpg', sizingMethod='scale')";    
}

/* ---------------------------------------------
	YACHTING SALES
----------------------------------------------- */

#yachting-predator-72 {
    background: url('../img/yachting/predator-72.jpg') no-repeat center center;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/yachting/predator-72.jpg', sizingMethod='scale');
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/yachting/predator-72.jpg', sizingMethod='scale')";    
}

#yachting-heritage {
  	background: url('../img/yachting/heritage.jpg') no-repeat center center;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/yachting/heritage.jpg', sizingMethod='scale');
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/yachting/heritage.jpg', sizingMethod='scale')";    
}

#yachting-italia-70 {
  	background: url('../img/yachting/italia-70.jpg') no-repeat center center;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/yachting/italia-70.jpg', sizingMethod='scale');
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/yachting/italia-70.jpg', sizingMethod='scale')";    
}


/* ---------------------------------------------
	YACHTING CHARTER
----------------------------------------------- */

#yachting-admiral-54 {
  	background: url('../img/yachting/admiral-54.jpg') no-repeat center center;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/yachting/admiral-54.jpg', sizingMethod='scale');
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/yachting/admiral-54.jpg', sizingMethod='scale')";    
}


/* ---------------------------------------------
	YACHTING MANAGEMENT
----------------------------------------------- */

#yachting-management {
    position: relative;
    background: url('../img/yachting/yachting-management.jpg') no-repeat center center;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/yachting/yachting-management.jpg', sizingMethod='scale');
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/yachting/yachting-management.jpg', sizingMethod='scale')";    
}

#yachting-management h1 {line-height: 45px;}


/* --------------------------------------------------------------------------
	LES MAISONS
--------------------------------------------------------------------------- */

#les-maisons-master {
    background: url('../img/les-maisons/les-maisons-master.jpg') no-repeat center center;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/les-maisons/les-maisons-master.jpg', sizingMethod='scale');
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/les-maisons/les-maisons-master.jpg', sizingMethod='scale')";    
}

#real-estate-management {
    background: url('../img/les-maisons/real-estate-management.jpg') no-repeat center center;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/les-maisons/real-estate-management.jpg', sizingMethod='scale');
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/les-maisons/real-estate-management.jpg', sizingMethod='scale')";    
}

/* ---------------------------------------------
	LES MAISONS SALES
----------------------------------------------- */

#les-maisons-villa-cap-martin {
    background: url('../img/les-maisons/villa-cap-martin.jpg') no-repeat center center;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/les-maisons/villa-cap-martin.jpg', sizingMethod='scale');
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/les-maisons/villa-cap-martin.jpg', sizingMethod='scale')";    
}

#chalet-crans-montana {
    background: url('../img/les-maisons/chalet-crans-montana.jpg') no-repeat center center;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/les-maisons/chalet-crans-montana.jpg', sizingMethod='scale');
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/les-maisons/chalet-crans-montana.jpg', sizingMethod='scale')";    
}

/* ---------------------------------------------
	LES MAISONS RENT
----------------------------------------------- */

#les-maisons-villa-capri {
    background: url('../img/les-maisons/villa-capri.jpg') no-repeat center center;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/les-maisons/villa-capri.jpg', sizingMethod='scale');
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/les-maisons/villa-capri.jpg', sizingMethod='scale')";   
}


/* --------------------------------------------------------------------------
	GOURMET
--------------------------------------------------------------------------- */

#gourmet {
    background: url('../img/gourmet/gourmet-master.jpg') no-repeat center center;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/gourmet/gourmet-master.jpg', sizingMethod='scale');
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/gourmet/gourmet-master.jpg', sizingMethod='scale')";    
}


/* --------------------------------------------------------------------------
	EVENT
--------------------------------------------------------------------------- */

#event-master {
    background: url('../img/event/event-master.jpg') no-repeat center center;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/event/event-master.jpg', sizingMethod='scale');
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/event/event-master.jpg', sizingMethod='scale')";    
}


/* --------------------------------------------------------------------------
	ABOUT
--------------------------------------------------------------------------- */

#about {
    position: relative;
    background: url('../img/about/about-master.jpg') no-repeat center center;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/about/about-master.jpg', sizingMethod='scale');
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/about/about-master.jpg', sizingMethod='scale')";    
}


/* --------------------------------------------------------------------------
	TESTI
--------------------------------------------------------------------------- */

/*.text-content {width: 860px; margin: 0 auto; top: 160px; position: relative; padding: 20px; background: #000110; opacity: 0.85;}*/

/*  VERSIONE CON BOX

    .text-content {background: #000110; opacity: 0.85; padding: 20px; width: 400px; height: auto; overflow: hidden; position: relative; top: 100px; float: right; right: 20px;}
    .text-content h1 {text-transform: uppercase; letter-spacing: 2px; text-align: right; line-height: 29px; padding-bottom: 8px;}
    .text-content p {text-align: right; color: #FFF;}
*/

/* VERSIONE CON COLONNA */
.text-content {background: url('../img/bg_opacity_testi.png') left top repeat-y; opacity: 0.85; padding: 0; width: 581px; height: auto; overflow: hidden; position: relative; float: right; padding-top: 60px;}
.text-content h1 {text-transform: uppercase; letter-spacing: 2px; text-align: right; line-height: 29px; padding-bottom: 8px; width: 350px; float: right; margin-right: 20px;}
.text-content p {text-align: justify; color: #FFF; width: 350px; float: right; margin-right: 20px;}


/* --------------------------------------------------------------------------
	CONCIERGERIE
--------------------------------------------------------------------------- */

#conciergerie {
    position: relative;
    background: url('../img/conciergerie/master-conciergerie.jpg') no-repeat center center;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/conciergerie/master-conciergerie.jpg', sizingMethod='scale');
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/conciergerie/master-conciergerie.jpg', sizingMethod='scale')";    
}


/* --------------------------------------------------------------------------
	SPA PRIVˇe
--------------------------------------------------------------------------- */

#spa-privee {
    position: relative;
    background: url('../img/spa/master-spa.jpg') no-repeat center center;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/spa/master-spa.jpg', sizingMethod='scale');
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/spa/master-spa.jpg', sizingMethod='scale')";    
}


/* --------------------------------------------------------------------------
	CONTACTS
--------------------------------------------------------------------------- */

#contatti {
    position: relative;
    background: url('../img/contatti/master-contatti.jpg') no-repeat center center;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/contatti/master-contatti.jpg', sizingMethod='scale');
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/contatti/master-contatti.jpg', sizingMethod='scale')";    
}

#form {padding: 20px 20px 0 20px;}

.text-content-contatti {background: rgba(0, 1, 16, 0.85); padding: 20px; width: 362px; height: auto; overflow: hidden; position: relative; top: 88px; margin: 0 0 auto auto;}
.text-content-contatti h1 {text-transform: uppercase; letter-spacing: 2px; text-align: left; line-height: 29px; padding-bottom: 8px;}
.text-content-contatti p {text-align: left; color: #FFF; margin-bottom: 5px;}
.text-content-contatti label {width: 120px; position: relative; float: left; /*text-transform: uppercase;letter-spacing: 2px;*/ font-size: 11px;
}
.text-content-contatti textarea {position: relative; clear: both; width: 310px; display: block; height: 100px; margin-top: 5px; padding: 5px; border:1px solid #000; background: #eee;}

.text-content-contatti input {color: #333; padding: 5px; background: #eee;}

.text-content-contatti input#invia {margin-top: 5px; width: auto; background: #333; color: #FFF; cursor: pointer; text-transform: uppercase; letter-spacing: 2px; font-size: 12px; padding: 5px 10px 5px 10px; border: 1px solid #000;}
.text-content-contatti input#invia:hover {background: #555;}


/* --------------------------------------------------------------------------
        RESPONSIVE
--------------------------------------------------------------------------- */
@media screen and (max-width: 1150px) {
	#menu ul li {padding: 0 9px 0 9px;}

}
@media screen and (max-width: 1050px) {

  #menu {right: 0; width: 100%; position: absolute; z-index: 6; top: 53px}
  #menu ul {height: auto; display: block; width: 100%; display: none; margin: 0; padding: 0; float: none; position: relative;}
  #menu ul li { display: block; text-align: center; width: 100%; padding: 10px 0; margin: 0; background: #FFF;border-top: 1px solid #e6e6e6;}
  #menu ul li, #menu ul li a {font-size: 14px; text-transform: none; text-decoration: none; display: block;}

  #lang {margin-top: 29px;}
  #show-hide-menu {float:right; top: 29px; right: 40px; position: relative; display: block; cursor: pointer;}

  #credits-container, #credits-container div {text-align: center; float: none !important;}

}


@media screen and (max-width: 645px) {

	.box-img {height: auto;overflow: hidden; position: relative;}
	.text-content {height: 100% !important;}
	#credits {position: relative;}
	.galleria-stage {bottom: 0 !important}
	#menu-interno {width: 100% !important; padding-left: 20px;}
	#menu-interno ul li a {line-height: inherit;}
	#menu-interno ul li {margin-bottom: 20px;}
	.text-content {width: 80%; height: 100% !important;}
	.text-content p, .text-content h1 {width: auto;}
	#contatti {padding-bottom: 40px;}
}