// Core variables and mixins @import "/bootstrap3.2.0/less/variables.less"; @import "/bootstrap3.2.0/less/mixins.less"; // Reset and dependencies @import "/bootstrap3.2.0/less/normalize.less"; @import "/bootstrap3.2.0/less/print.less"; @import "/bootstrap3.2.0/less/glyphicons.less"; // Core CSS @import "/bootstrap3.2.0/less/scaffolding.less"; @import "/bootstrap3.2.0/less/type.less"; @import "/bootstrap3.2.0/less/code.less"; @import "/bootstrap3.2.0/less/grid.less"; @import "/bootstrap3.2.0/less/tables.less"; @import "/bootstrap3.2.0/less/forms.less"; @import "/bootstrap3.2.0/less/buttons.less"; // Components @import "/bootstrap3.2.0/less/component-animations.less"; //@import "/bootstrap3.2.0/less/dropdowns.less"; @import "/bootstrap3.2.0/less/button-groups.less"; @import "/bootstrap3.2.0/less/input-groups.less"; //@import "/bootstrap3.2.0/less/navs.less"; //@import "/bootstrap3.2.0/less/navbar.less"; //@import "/bootstrap3.2.0/less/breadcrumbs.less"; @import "/bootstrap3.2.0/less/pagination.less"; @import "/bootstrap3.2.0/less/pager.less"; @import "/bootstrap3.2.0/less/labels.less"; //@import "/bootstrap3.2.0/less/badges.less"; //@import "/bootstrap3.2.0/less/jumbotron.less"; //@import "/bootstrap3.2.0/less/thumbnails.less"; //@import "/bootstrap3.2.0/less/alerts.less"; //@import "/bootstrap3.2.0/less/progress-bars.less"; @import "/bootstrap3.2.0/less/media.less"; @import "/bootstrap3.2.0/less/list-group.less"; //@import "/bootstrap3.2.0/less/panels.less"; @import "/bootstrap3.2.0/less/responsive-embed.less"; //@import "/bootstrap3.2.0/less/wells.less"; @import "/bootstrap3.2.0/less/close.less"; // Components w/ JavaScript @import "/bootstrap3.2.0/less/modals.less"; @import "/bootstrap3.2.0/less/tooltip.less"; @import "/bootstrap3.2.0/less/popovers.less"; @import "/bootstrap3.2.0/less/carousel.less"; // Utility classes @import "/bootstrap3.2.0/less/utilities.less"; @import "/bootstrap3.2.0/less/responsive-utilities.less"; @body-bg:#fff; @link-color: #666; @text-color: #666; @font-family-sans-serif:'Poppins'; @font-size-base: 17px; @corsivo:'hellostockholm'; .corsivo{font-family:@corsivo;} @arancione:#F06543; /* icomoon*/ @font-face { font-family: 'icomoon'; src: url('/source/icomoon.eot?frtxaj'); src: url('/source/icomoon.eot?frtxaj#iefix') format('embedded-opentype'), url('/source/icomoon.ttf?frtxaj') format('truetype'), url('/source/icomoon.woff?frtxaj') format('woff'), url('/source/icomoon.svg?frtxaj#icomoon') format('svg'); font-weight: normal; font-style: normal; font-display: swap; } [class^="icon-"], [class*=" icon-"] { /* use !important to prevent issues with browser extensions that change fonts */ font-family: 'icomoon' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-campi-sportivi:before { content: "\e900"; } .icon-freccia-banner:before { content: "\e901"; } .icon-insurance:before { content: "\e902"; } .icon-interface:before { content: "\e903"; } .icon-parco-acquatico:before { content: "\e904"; } .icon-people:before { content: "\e90a"; } .icon-people-clear:before { content: "\e90b"; } .icon-question:before { content: "\e90c"; } .icon-ristoranrte-bar:before { content: "\e90d"; } .icon-security:before { content: "\e90e"; } .icon-spiaggia:before { content: "\e90f"; } .icon-supermercato:before { content: "\e910"; } .icon-transport:before { content: "\e911"; } .icon-washing:before { content: "\e912"; } .icon-washing-hands:before { content: "\e913"; } .icon-arrow-left:before { content: "\e905"; } .icon-arrow-right:before { content: "\e906"; } .icon-freccia-dx:before { content: "\e909"; } .icon-freccia-slide-dx:before { content: "\e907"; } .icon-freccia-slide-sx:before { content: "\e908"; } /* BUTTON */ input[type=text], input[type=password], input[type=email], input[type=number], input[type=image], textarea, select { width: 100%; margin:0; -webkit-appearance:none; -moz-appearance:none; border: none; -webkit-border-radius: 0px; border-radius: 0px; display:block; text-indent:5px; } #pgall input[type=submit], #pgall input[type=button], { width:100%; text-align:center; cursor:pointer; display:block; -webkit-appearance:none; -moz-appearance:none; border: none; -webkit-border-radius: 0px; border-radius: 0px; -webkit-transition:all 400ms ease; -moz-transition:all 400ms ease; -ms-transition:all 400ms ease; -o-transition:all 400ms ease; transition:all 400ms ease; } a, a:active,a:focus,a:visited,a:link,.fixed, i, input[type = "submit"],.preventivo{ -webkit-transition:all 400ms ease; -moz-transition:all 400ms ease; -ms-transition:all 400ms ease; -o-transition:all 400ms ease; transition:all 400ms ease; outline:none; } .transition_400, .freccia-none{ -webkit-transition:all 400ms ease; -moz-transition:all 400ms ease; -ms-transition:all 400ms ease; -o-transition:all 400ms ease; transition:all 400ms ease; } .transition_600{ -webkit-transition:all 600ms ease; -moz-transition:all 600ms ease; -ms-transition:all 600ms ease; -o-transition:all 600ms ease; transition:all 600ms ease; } .slick-slide{outline:none; @media (max-width: @screen-sm-max) { margin-left:2px; } } label{font-weight:normal;margin:0;} input[type="radio"], input[type="checkbox"]{margin:0;} /* ***************************** */ p{margin:0;} ul{margin:0px;} h1,h2,h3,h4,h5,h6{margin:0px;padding:0px;} .no-pad{padding:0;} .blk{max-width:2000px;margin:0 auto;width:100%; @media (min-width: @screen-lg-min) { padding:0 40px; } } .container,.container-fluid{ max-width:100%; -webkit-transition:all 600ms ease; -moz-transition:all 600ms ease; -ms-transition:all 600ms ease; -o-transition:all 600ms ease; transition:all 600ms ease } .container-fluid{max-width:1610px;} .cont-h1{ } h1, h2.grande{font-size:35px;line-height:1;color:#F06543; font-weight:600; @media (max-width: @screen-md-max) { font-size:32px; line-height:1; } @media (max-width: @screen-sm-max) { font-size:30px; line-height:1; } @media (max-width: @screen-xs-max) { text-align:center; font-size:25px; line-height:1; } } h2{font-size:35px;color:#50C4D0;line-height:38px; @media (max-width: @screen-sm-max) { font-size:26px; line-height:28px; } @media (max-width: @screen-xs-max) { font-size:21px; line-height:24px; text-align:center; } } h3{font-size:22px;margin-bottom:0px;line-height:24px;font-weight:bold; @media (max-width: @screen-xs-max) { text-align:center; } } h4{font-size:30px;line-height:32px;margin-bottom:25px;color:#000;font-weight:normal; @media (max-width: @screen-xs-max) { font-size:21px; line-height:25px; } } h5{font-size:25px;line-height:27px;margin-bottom:25px;font-weight:normal; @media (max-width: @screen-xs-max) { font-size:23px; line-height:25px; } } .testo{padding:40px 5px; @media (max-width: @screen-sm-max) { padding:30px 5px; } @media (max-width: @screen-xs-max) { padding:20px 5px; text-align:center; } } .testo-sx{padding-right:25px;text-align:left;padding-left:5px; @media (max-width: @screen-sm-max) { padding-right:5px; text-align:center; } @media (max-width: @screen-xs-max) { padding-right:5px; text-align:center; padding-left:5px; } } .testo-dx{padding-left:25px;text-align:left;padding-right:5px; @media (max-width: @screen-sm-max) { padding-left:5px; text-align:center; } @media (max-width: @screen-xs-max) { padding-left:5px;text-align:center;padding-right:5px; } } .title-listato-azzurro{font-size:30px; font-weight:600; color:#64BDD0; @media (max-width: @screen-sm-max) { font-size:25px; } @media (max-width: @screen-xs-max) { font-size:22px; } } // FORM CONTATTI .form-contatti #ContContatti .modulo_alt { background-color:#FFF; } #ContContatti { color:#fff; .form-group{margin:10px 0;} .modulo_alt { &:extend(.form-control all); height:55px; background-repeat:no-repeat; box-shadow:none; padding:0; font-size:16px; background-color:#EAE4D7; border:none; margin:10px 0; color:#000; text-indent:10px; border-radius:0px; } .modulo_alt[readonly], .modulo_file{ background-image: url('/ATScripts/form/img/attach.png'); background-repeat: no-repeat; background-position: 5px center; cursor:pointer; text-indent:25px; } .bottone_alt { &:extend(.btn all); .button-variant(#fff; #000; #000); &:extend(.btn-block all); @media (max-width: @screen-sm-max) { float:none; margin:10px auto } } .privacy-form { text-align: right; } .privacy-form label { margin:0; display:inline; } label { display: block; margin: 7px 0; font-size:16px; color:#444; } textarea { min-height: 210px; @media (max-width: @screen-sm-max) { min-height: 100px; } } .separatore{margin-bottom:10px;} select.modulo_alt{ background-image: url(/source/arr_down.png); background-repeat: no-repeat; background-position: 97.5% 50%;}} #testo_privacy, .txtred_alt{font-size:14px !Important;color:#000; } #ContContatti input.datepicker, #data_partenza_lastminute, #data_arrivo_lastminute, #ContContatti input[name="arrivo"], #ContContatti input[name="partenza"]{ background-image:url(/source/calendario.png) !important; background-repeat:no-repeat; background-position:98% 50%; cursor:pointer; color:#000; } #ContContatti input[type = "button"].bottone_alt, #pgall .wrapper_form_cont input[type = "submit"] { cursor:pointer; color:#fff; width:auto; padding:0px 10px; height:90px; line-height:86px; width:100%; font-size:22px; margin-top:10px; -webkit-appearance:none; max-width:100%; max-width:380px; float:right; font-weight:bold; background-color:#64BDD0; text-transform:uppercase; border-radius:0px; } #ContContatti input[type = "button"].bottone_alt:hover, #pgall .wrapper_form_cont input[type = "submit"]:hover{background-color:#F06543;} #ContContatti .privacy-form label { padding: 0; } img.ico-no-pet, .ico-pet{ margin-left: 15px; } .cnt-logo-app{ float:left; width:100%; padding-top:10px; padding-bottom:10px; a{ display:inline-block; padding: 0 15px; float:initial; @media (max-width: @screen-sm-max) { width:50%; text-align:center; float:left; } img{ max-height:45px; } } .logo-app-txt{ padding: 15px 0; font-weight: bold; } } // ****************************************************** .slide-home-testo{ font-family: @font-family-sans-serif; margin-top: 50px; color: #F06543; font-size: 70px; font-style: none; z-index: 99999; position: absolute; top: 50px; right: 0; left: 0; margin: auto; font-weight: bold; opacity:0; -webkit-transition:all 1000ms ease; -moz-transition:all 1000ms ease; -ms-transition:all 1000ms ease; -o-transition:all 1000ms ease; transition:all 1000ms ease; text-shadow: 1px 1px 1px #666; @media(min-width: @screen-md-min) and (max-width: @screen-md-max){ font-size: 50px; line-height: 70px; font-style: none; margin: 0 35px; margin-top: 25px; } @media(min-width: @screen-sm-min) and (max-width: @screen-sm-max){ font-size: 40px; } @media(max-width: @screen-xs-max){ font-size: 27px; margin-top: 15px; line-height: 30px; } span.little{ font-size: 50px; line-height: 1; color:#64BDD0; text-shadow: 1px 1px 1px #666; @media(min-width: @screen-md-min) and (max-width: @screen-md-max){ font-size: 36px; } @media(min-width: @screen-sm-min) and (max-width: @screen-sm-max){ font-size: 28px; } @media(max-width: @screen-xs-max){ font-size: 22px; } } } .slider-top-home .img-slide.slick-current.slick-active{ .slide-home-testo{ opacity:1 !important; } } img.invisible{ visibility:hidden; } iframe.youtube_responsive{ position:absolute; top:0; left:0; right:0; bottom:0; z-index:1; margin:auto; } /* layout layer */ .cntLayer{ position: fixed; left: 0; right: 0; top: 0; z-index: 1000; bottom: 0; .textPopup{ max-width:800px; position:relative; margin:50px auto; color:#333; margin-top:0; @media (max-width: @screen-xs-max) { margin-bottom:0; } h3{ font-size: 35px; line-height: 1; color: #F06543; font-weight: 600; @media (max-width: @screen-xs-max) { text-align: left; } } h4{ padding:15px 0; @media (max-width: @screen-xs-max) { padding:5px 0; } } } #popup{ text-align:left; max-width:800px; padding:100px 35px; background-color: #fff; margin:auto; margin-top: 10%; position:relative; background-image: url('/source/sf-layer.jpg'); background-size: cover; background-repeat: no-repeat; background-position: center center; @media (max-width: @screen-sm-max) { max-width:700px; } @media (max-width: @screen-xs-max) { margin-left:15px; margin-right:15px; padding:25px 15px; } a.cancel{ color: #fff; background-color: #222; border-radius: 50%; width: 30px; height: 30px; display: block; text-align: center; line-height: 27px; position: absolute; right: -15px; top: -15px; span{ font-size:30px; } } .overlay{ background-color: rgba(255,255,255,0.7); position: absolute; top: 0; right: 0; left: 0; bottom: 0; } } .cover{ position: absolute; top: 0; left: 0; right: 0; z-index: -1; bottom: 0; background-color: rgba(0,0,0,0.8); } } //Video .videogallery_wrapper{ h1{ display:none; } .videoTitle{ font-size:16px; line-height:1; white-space: inherit !important; overflow: visible !important; text-align: left !important; // height: 50px; } .video { @media (max-width: @screen-xs-max) { width: 100% !important; margin: 0% !important; } } } // ****************************************************** //LAYER #layerhomehtmlcontent{ padding: 0px !important; border: none !important; } #layerhome{ width: 800px!important; } .layer-wrapper{ background-image: url('/source/sf-layer-home.jpg'); background-position: center; background-repeat: no-repeat; background-size: cover; height: 400px; position: relative; &:before{ content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(51,51,51,0.3); } } .layer-text { max-width: 550px; color: #fff; padding-top: 250px; margin: 0 auto; position:relative; } .avviso_virus{ background-color:#B8861F; text-align:center; padding:5px; @media (max-width: @screen-sm-max) { position: fixed; top: 0; right: 0; left: 0; z-index: 999; } a{ color:#fff; span.ico{ color:#fff; margin-right:5px; } } } .avviso_virus{ display:block; } @media (max-width: @screen-sm-max) { body{ padding-top:37px; padding-bottom: 50px; } .barra-mobile{ top:34px !important; } .vedi-menu, #menu_2084 .level1, #menu_2084 .level2{ top:104px !important; } } html[lang="de"]{ .table-cell-vacanza{ .cnt_pulsante{ .pulsante{ max-width:260px; } } } } //pagina vacanze sicure .divisore{ padding-bottom:30px; } .flex { @media (min-width: @screen-sm-min) { display: -ms-flexbox; display: -webkit-flex; display: flex; align-items: center; -webkit-align-items: center; -moz-align-items: center; align-content: center; justify-content: center; -webkit-justify-content: center; -webkit-align-content: center; } } .layout_covid{ background-color:#F2EDE3; background-image:url(/source/bg-scudo.png); background-repeat:no-repeat; background-position:-100px 50px; padding:50px 5px; .container-fluid{ .row.clearfix{ @media(max-width:@screen-md-max){ padding:40px 5px; } @media(max-width:@screen-sm-max){ padding:30px 5px; } @media(max-width:@screen-sm-max){ padding:25px 5px; } //fascia call to action .fascia-cta{ background-color:@arancione; color:#fff; border-radius:5px; cursor:pointer; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -ms-transition: all 400ms ease; -o-transition: all 400ms ease; transition: all 400ms ease; @media(max-width:@screen-xs-max){ float:left; padding:0 25px; } [class^="colonna-"], [class*=" colonna-"] { padding:40px 5px; @media(max-width:@screen-xs-max){ padding:25px 5px; } } .colonna-icona{ font-size:40px; } .colonna-testo{ font-weight:bold; } .colonna-freccia{ font-size:25px; @media(max-width:@screen-xs-max){ text-align:right; } } &:hover{ background-color:@arancione; color:#fff; } } //fascia covid .fascia-covid{ background-color:#fff; padding:40px 5px; margin-bottom: 40px; @media (max-width: @screen-md-max) { // margin-bottom:40px; } @media(max-width:@screen-sm-max){ // padding:40px 5px; } @media(max-width:@screen-xs-max){ padding:25px 5px; margin-bottom:25px; position: relative; } .colonna-icona{ text-align:center; @media(max-width:@screen-xs-max){ /* text-align:left; margin-bottom:0; position: absolute; left: 10px; top: 30px;*/ } span{ color:@text-color; font-size:45px; @media(max-width:@screen-xs-max){ font-size:35px; } } } .colonna-testo.testo{ padding:0 5px; border-left: 1px solid @text-color; padding-left: 55px; ul { list-style-image: url('/source/ico-elenco.png'); padding: 0; li { padding: 3px 0px 3px 0px; list-style-position: inside; } } @media(max-width:@screen-xs-max){ padding-left: 5px; border:none; } h3{ color:@arancione; font-weight:bold; font-size: 26px; line-height: 28px; font-family: inherit; padding-bottom: 25px; @media(max-width:@screen-xs-max){ padding-left:60px; min-height: 80px; } } &.no-border{ border:none; h3{ @media(max-width:@screen-xs-max){ padding-left:0px; } } } .lista-covid{ list-style-type:none; padding:25px 0px; li{ position:relative; padding: 5px 0px 5px 25px; list-style-position: inside; &:before{ /* use !important to prevent issues with browser extensions that change fonts */ font-family: 'icomoon' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; display:inline-block; vertical-align:middle; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content:'\e911'; position:absolute; left:0; top: 9px; margin: auto; height:18px; width:18px; font-size:18px; color:@arancione; } } } } } //slider covid .slider-covid{ margin-bottom:0; padding: 0 25px; @media(max-width:@screen-sm-max){ padding: 0 100px; } @media(max-width:@screen-xs-max){ padding: 0 50px; } //frecce .slick-prev,.slick-next{ background:none; background-color:#fff; text-align:center; height: 100% !important; width: 50px !important; top: 0 !important; bottom: 0; margin: auto; z-index:1; background:none !important; @media(max-width:@screen-xs-max){ } &:before{ font-family: 'icomoon' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; display:inline-block; vertical-align:middle; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size:40px; color:@text-color !important; text-align:center; @media(max-width:@screen-xs-max){ } } } .slick-prev{ left:0 !important; z-index:5; &:before{ content:'\e901' !important; //content:@freccia-left; font-size:20px; transform: scale(-1); } } .slick-next{ right:0 !important; left:inherit !important; z-index:5; &:before{ font-size:20px; content:'\e901' !important; //content:@freccia-right; } } //elementi che scorrono .cnt-slider-covid{ text-align:center; padding:0 5px; // max-width:300px; margin:auto; .bg-slider-covid{ -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -ms-transition: all 400ms ease; -o-transition: all 400ms ease; transition: all 400ms ease; background-color:#fff; padding:30px 15px; .icona-covid{ padding-bottom:25px; img{ margin:auto; } a{ span{ font-size:45px; color:@text-color; } } } .testo-covid{ padding:15px 0px; line-height:1.2; a{ color:@arancione; font-weight:bold; font-size:15px; } } &:hover{ background-color:@text-color; a{ color:#fff !important; span{ color:#fff !important; } } } } } } } } } .mrprenoForm label.input_label{ white-space: normal!important;}