body{font-family: 'Cormorant', serif; margin:0; padding:0; position:relative}
p{margin-top:0; margin-bottom:1rem}
.container{border:1px solid #918f90; height:100%}

.bLoader{display:none; background-color:#f9fafee6; opacity: 1; position: relative; position: fixed; top: 0; right: 0; left: 0; bottom: 0; z-index:80;}
.cntLoader {position: absolute; opacity:0.8; top: 0; right: 0; left: 0; bottom: 0; height:40px; width:130px; margin: auto; z-index: 1000; font-size: 40px;}
.cntLoader img{height:25px; margin: 0 auto 20px; display: block;}
.cntLoader .loader{height: 3px; width:110px;  margin: 0 auto; overflow: hidden; background-color:#cacaca; border-radius:4px; transform: rotateY(0); transition: transform .3s ease-in;}
.cntLoader .loader .bar{
  position: relative; height:100%; width:56px;  border-radius:4px; position: absolute;
  transform: translate(-28px, 0); animation: initial-loading 1.5s infinite ease;
  background: linear-gradient(-45deg, rgba(212,189,156,1) 0%,rgba(181,155,118,1) 65%,rgba(153,131,100,1) 100%);
}

.gold{color:#ac9472}
.black{color:#000}
.noMargin{margin:0}
.noDownload{opacity: 0.5; cursor: pointer;}
.hide{display: none;}
.upp{text-transform: uppercase;}

ul{text-align: left}

.season-list{color:#79797b; margin-top:38px; font-size:22px}
.season{text-transform:uppercase}
.uppercase{text-transform:uppercase}
.banner{position:relative;height:740px; margin-bottom:60px; background-size:cover; background-position:center center; background-repeat:no-repeat;}
.midBanner{position:relative;height:465px; margin-bottom:60px; background-size:cover; background-position:center center; background-repeat:no-repeat;}
.titleBanner{position:relative;height:715px; margin-bottom:30px; background-size:cover; background-position:center center; background-repeat:no-repeat;}
.threeBanner{position:relative;height:745px; margin-bottom:30px; background-size:cover; background-position:center center; background-repeat:no-repeat;}
.threeBanner.half{position:relative;width:574px; float:left;height:370px; margin-bottom:30px; background-size:cover; background-position:center center; background-repeat:no-repeat;}
.threeBanner.half.first{margin-right:30px}
.img-big-gal{position:relative;height:745px; overflow:hidden; margin-bottom:30px; background-size:cover; background-position:center center; background-repeat:no-repeat;left:0}
.img-big-gal img{position:absolute; margin:auto; top:-9999px;left:-9999px;right:-9999px;bottom:-9999px; width:100%; min-height:100%;object-fit:cover}

.banner:not(.wtl):before, .threeBanner:not(.wtl):before, .midBanner:not(.wtl):before, .titleBanner:not(.wtl):before, .img-big-gal:not(.wtl):before{content: " "; background:url('/core/view/template/template-yacht/img/watermark-orizzontale.png'); width:100%; height:100%; position:absolute; opacity:0.3}

.imgBlock{text-align:center;height:1550px; overflow:hidden; position:relative; white-space:nowrap}
.imgBlock span{display:inline-block; height:100%; vertical-align:middle}
.imgBlock img{max-height:100%; max-width:100%; vertical-align:middle}

.loader{width:100vw; height: 100vh;position: relative; text-align: center; background-size: cover; background-repeat: no-repeat; background-position: center center; background-attachment: fixed}
/* .loader img{width:500px} */
.loader a{text-decoration:none}
.loader .cont{width:730px; background-color: #fff; margin: 0; position: absolute; top: 50%; left: 50%; -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); border-radius: 5px; box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12), 0 1px 5px 0 rgba(0,0,0,0.2); padding-bottom: 40px}
.loader .cont-head {position: relative; font-size: 18px; height: 15px; font-weight: 200; line-height: 18px; text-align: left; background-color: #f9fafe; padding: 15px; border-radius: 5px 5px 0 0; margin-bottom: 40px; border-bottom: 1px solid #ddd;}
.loader .cont-head .logo-cont {width: 50px}
.loader .cont-head .logo-cont .logo {width: 100%; display: inline-block; float: left}
.loader .cont-head .title-cont h1{color: #626771; font-size: 22px; float: left; font-weight: 500; display: inline-block; margin:0px 0px 0px 10px;}
.loader .cont-head .title-cont h1 em{display: inline-block; padding:0px 10px; border-left: 1px solid #aaa}
.loader .cont .logo-big {width: 420px}
.loader .cont .back-concierge {position: absolute; right: 15px; top: 14px; height: 20px}
.loader .cont .back-concierge img {height: 20px}
.loader .line-oriz{margin: 15px auto; width:110px}
.loader .text{font-size:20px; color:#444; font-weight:400}
.loader .text h2{font-size:20px; color:#444; font-weight:400; margin:0px}
.loader .text .less{font-size:20px;}
.loader .cont-button{width:515px; margin:0 auto}
.loader .cont-button .button{width:250px; float:left; margin-left:15px; padding-top:20px; font-weight:400; font-size: 14px; color:#626771}
.loader .cont-button .button .btn{margin-bottom:10px; border: 1px solid;padding: 6px 12px;font-size: 18px;font-weight: 500;color: #626771;border-radius: 5px;background: #fff;}
.loader .cont-button .button .btn:hover {background: #626771; color: #fff; transition-duration: 0.2s}

.title{text-align:center; font-size:32px;}
.subtitle{text-align:center; font-size:25px; margin-bottom:30px; color:#79797b}

.col-sx{width:823px; float:left;}

.col-dx{width:413px; float:right; height:300px;}
.col-dx .line-vert{margin-left:-1px; height:700px}
.col-dx .full-line-vert{margin-left:-1px; height:1560px; top:30px; position:absolute;}
.col-dx .spec-title{color:#79797b; margin-top:15px; font-size:40px; line-height:67px; border-bottom:1px solid #79797b}
.col-dx .spec-content{font-size:28px; margin-top:20px}
.col-dx .spec-content span{color:#79797b}

.nav-tabs {margin-bottom:25px; margin-top: 20px;}
.tab-content .title{font-size: 14px; margin: 5px 0px 10px; line-height: 18px;}
.borderleft{ border-right: 1px solid #ccc;}
.nav-tabs li{padding: 0px}
.nav-tabs li a {padding: 7px; background-color: #f0f1f5; color:#626771; font-size: 14px; color: #444; display: block; width: 100%; text-align: center;}
.nav-tabs li a.active{background-color:#626771; color:#f0f1f5}
.nav-tabs li:last-child a{border:none}
.cnt-pdf{color:#626771; transition: ease-in-out 0.2s all; margin:20px 0px 15px; display: block;}
.cnt-pdf:hover{color:#444}
.specs-loader select{max-width: 244px; margin:10px auto 0px; display: inline-block}
.specs-loader .pad-0{padding:0px}
.cnt-intro{font-weight: 600}

.int{padding:0 30px}
.int .whatDo{font-size:21px; margin-top:10px}
.m-top{margin-top:15px}
.luxury{font-size:55px; line-height:43px; }
.luxury span{color:#9b9c9e}
.name{color:#646466; font-size:55px;}
.desc{font-size:28px;text-align:justify; color:#79797b; height:520px}
.line-oriz{width:410px; height:2px; margin-bottom:18px}

.container-plate{margin-top:124px}
.plate{color:#545861;  font-size:23px; border-radius:10px; text-align:center; padding: 15px 0; margin-bottom:15px; border:1px solid #545861; background:#fff}

.gradient-bookmark{background: #b59b76; /* Old browsers */
background: -moz-linear-gradient(left, #b59b76 0%, #d5c6b1 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, #b59b76 0%,#d5c6b1 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #b59b76 0%,#d5c6b1 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b59b76', endColorstr='#d5c6b1',GradientType=1 );
                  }
.gradienthr-oriz{
            background: rgba(181,155,118,1);
            background: -moz-linear-gradient(left, rgba(181,155,118,1) 0%, rgba(230,212,186,1) 51%, rgba(181,155,118,1) 100%);
            background: -webkit-gradient(left top, right top, color-stop(0%, rgba(181,155,118,1)), color-stop(51%, rgba(230,212,186,1)), color-stop(100%, rgba(181,155,118,1)));
            background: -webkit-linear-gradient(left, rgba(181,155,118,1) 0%, rgba(230,212,186,1) 51%, rgba(181,155,118,1) 100%);
            background: -o-linear-gradient(left, rgba(181,155,118,1) 0%, rgba(230,212,186,1) 51%, rgba(181,155,118,1) 100%);
            background: -ms-linear-gradient(left, rgba(181,155,118,1) 0%, rgba(230,212,186,1) 51%, rgba(181,155,118,1) 100%);
            background: linear-gradient(to right, rgba(181,155,118,1) 0%, rgba(230,212,186,1) 51%, rgba(181,155,118,1) 100%);
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c9b578', endColorstr='#c9b578', GradientType=1 );
}
.line-vert, .full-line-vert{width:1px; float:left}
.gradienthr-vert{
            background: rgba(181,155,118,1);
            background: -moz-linear-gradient(top, rgba(181,155,118,1) 0%, rgba(230,212,186,1) 51%, rgba(181,155,118,1) 100%);
            background: -webkit-gradient(top, bottom, color-stop(0%, rgba(181,155,118,1)), color-stop(51%, rgba(230,212,186,1)), color-stop(100%, rgba(181,155,118,1)));
            background: -webkit-linear-gradient(top, rgba(181,155,118,1) 0%, rgba(230,212,186,1) 51%, rgba(181,155,118,1) 100%);
            background: -o-linear-gradient(top, rgba(181,155,118,1) 0%, rgba(230,212,186,1) 51%, rgba(181,155,118,1) 100%);
            background: -ms-linear-gradient(top, rgba(181,155,118,1) 0%, rgba(230,212,186,1) 51%, rgba(181,155,118,1) 100%);
            background: linear-gradient(to bottom, rgba(181,155,118,1) 0%, rgba(230,212,186,1) 51%, rgba(181,155,118,1) 100%);
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c9b578', endColorstr='#c9b578', GradientType=1 );
}
.first-tech{margin-bottom:18px; font-size:28px}

.featuresTit{font-size:28px; text-transform:uppercase}
.featuresSubTit{font-size:28px; color:#79797b}

.footer{position:absolute; bottom:0;  right:30px; color:#79797b}
.footer .bookmark {width:85px; height:136px; float:left; text-align:center}
.footer .bookmark img{width:65px; margin-top:13px}
.footer .associated-broker{width:600px; float:left; text-align:right; margin-right:30px; font-size:21px; line-height:30px}
.footer .associated-broker .fullname{font-size:34px; font-style:italic}
.footer .associated-broker .gold{font-weight:600}
.footer .logoFooter{width:435px; float:left; padding:94px 30px 0px}
.footer .logoFooter img{width:100%;}

/* Specs */
.specs-loader .cont-head .title-cont h1{line-height: 18px;}
.specs-loader .text{line-height: 24px}
.specs-loader .cont-head{height:46px}
.specs-loader .cont-button, .tab-content{width:595px; display: inline-block;}
.specs-loader .cont-button .button{width:100%}
.specs-loader .cont-button .button .btn{margin:0px; display:block}
.specs-loader .nav{list-style: none; padding: 0px; width: 100%; display: table; border-bottom:none}
.specs-loader .nav li{display: inline-block; border-right: 5px solid white;}
.specs-loader .nav{list-style: none;}
.specs-loader .container{border:none}
.specs-loader .cont-icon{background-color: #ccc; width:100%; height:200px; margin-bottom:10px; border-radius: 2px}
.lesspad{padding:0px 5px}

/*Bottone copia*/
.autocopy{font-family: 'Montserrat', sans-serif; width:85px; border:1px solid #626771; margin:0 auto; border-radius:3px; overflow:hidden; cursor:pointer; font-size:9px; color:#626771; font-weight:600; line-height: 16px}
.autocopy:hover{background:#626771; color:#fff}
.autocopy .cl-sx{float:left; width:80%; height: 100%}
.autocopy .cl-dx{float:right; width:20%; height: 100%; border-left:1px solid #626771}
.autocopy .cl-dx i{-webkit-text-stroke: 0.2px #fff;}

.cnt-csv{display: none; width: 595px; margin: 0 auto;}
.btn-grey{
  background: rgb(146,156,168); /* Old browsers */
  background: -moz-linear-gradient(top, rgba(146,156,168,1) 0%, rgba(98,103,113,1) 50%, rgba(75,79,86,1) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top, rgba(146,156,168,1) 0%,rgba(98,103,113,1) 50%,rgba(75,79,86,1) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, rgba(146,156,168,1) 0%,rgba(98,103,113,1) 50%,rgba(75,79,86,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#929ca8', endColorstr='#4b4f56',GradientType=0 ); /* IE6-9 */
  text-transform: uppercase; display: inline-block; color: #ffffff !important; text-decoration: none !important; margin-top: 10px; font-weight: 600; font-size: 14px; border-radius: 3px; padding: 6px 20px; border: 0px solid;
}

@media (min-width:991px) and (max-width:1380px) {
  .specs-loader .cnt-pdf{margin:5px 0px}
  .specs-loader .cont{padding-bottom:20px}
  .specs-loader .cont-head{margin-bottom:20px}
  .specs-loader .cnt-pdf img{max-height: 40px}
  .specs-loader .tab-pane{min-height: 230px;}
  .specs-loader .text{line-height: 18px; font-size: 16px}
  .specs-loader .cont .logo-big{width:360px}
  .specs-loader .line-oriz{margin:10px auto}
  .specs-loader .form-control{height: 34px;}
  .specs-loader .nav{margin:10px 0px 15px}
}

@media (max-width:991px) {
  body {width: initial; height: initial; font-family: 'Montserrat', 'serif'}
  .hidden-mobile {display: none}
  .visible-mobile {display: block}
  .form-control {font-size: 14px}
  .lesspad-dx {padding-right: 15px}
  .lesspad-sx {padding-left: 15px}
  .loader {height: 100%}
  .loader .cont {width: 100%; height: 100%; transform: initial; top: 0; left: 0; border-radius: 0}
  .loader .cont-head {background-color: #eff0f4}
  .loader .cont-head .title-cont h1 {font-size: 14px}
  .loader .cont-head .title-cont h1 em {font-style: normal;}
  .loader .cont .back-concierge {top: 10px}
  .loader .cont .logo-big {max-width: 310px}
  .loader .text {font-size: 16px}
  .specs-loader select {width: 100%}
  .specs-loader .cont-button {width: 100%}
  .loader .cont-button {width: 100%}
  .nav-tabs li a {padding: 8px 5px; margin-bottom: 5px}
  .tab-content {width: auto; padding: 0 15px}
  .tab-content img {width: 100%}
  .specs-loader .nav li {border-right: none}
  .nav-tabs li {padding: 0 5px}
  .specs-loader .nav {width: 100%; padding: 0 10px}
  .lesspad-dx, .lesspad-sx {padding-right: 5px; padding-left: 15px}
}

@media (max-width: 767px) {
  .lesspad-dx {padding-right: 5px; padding-left: 15px}
  .lesspad-sx {padding-right: 15px; padding-left: 5px}
}