// 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"; @import url('https://fonts.googleapis.com/css?family=Cinzel+Decorative|Cinzel:400,700|Raleway:400,700'); @body-bg:#fff; @link-color: #428bca; @text-color: #202020; @font-family-sans-serif:'Catamaran', sans-serif; @font-size-base: 19px; @color-form:#333; @blu:#263F5F; @font-bold:'gotham_rounded_bold'; @font-medium:'gotham_rounded_medium'; .ui-widget{font-family:@font-family-sans-serif !important;} .font-medium{font-family:@font-medium;} .font-bold{font-family:@font-bold;} .blu{color:@blu;} body{font-weight:400;} .cata-semi{font-weight:600} .max-sf{max-width:2000px; margin:0 auto} .pad-top-text{padding-top:25px} .pad-dx{padding-right:10px} .pad-sx{padding-left:10px} .no-pad{padding:0} .visible{visibility:visible!important} /* 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, input[type = "submit"], img,.transition_400, .freccia-none, .slick-prev, .slick-next,.pulsante,.tendina-lingue, .txt{ -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_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;} label{font-weight:normal;margin:0;} input[type="radio"], input[type="checkbox"]{margin:0;} /* ***************************** */ /* centrare div in verticale */ .table-box { display: table; table-layout: fixed; height:100%; width:100%; @media (max-width: @screen-xs-max) { display:block; } } .table-cell { display: table-cell; vertical-align: middle; float: none; @media (max-width: @screen-xs-max) { display:block; } } /************************************/ 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-md-min) { padding:0 10px; } @media (min-width: @screen-lg-min) { padding:0 35px; } } .flex{ display: -ms-flexbox; display: -webkit-flex; display: flex; align-items: center; -webkit-align-items: center; -moz-align-items: center; align-content: center; -webkit-align-content: center; justify-content: center; -webkit-justify-content: center; @media (max-width: @screen-sm-max) { display:block; } } .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;} h1{ margin:0; padding:0; line-height:1; font-family:@font-bold; color:#005292; font-size:40px; line-height:42px; @media (max-width: @screen-sm-max) { text-align:center; } @media (max-width: @screen-xs-max) { font-size:30px; line-height:32px; } &.homepage{ color:#fff; padding-bottom:15px; @media (max-width: @screen-sm-max) { text-align:left; padding-bottom:10px; } } } .under-h1{margin:0; padding:0; line-height:1; font-size:30px; font-family:@font-bold; color:#005292;} h2{ font-size:40px; line-height:45px; color:#000; @media (max-width: @screen-md-max) { font-size:35px; line-height:40px; } @media (max-width: @screen-sm-max) { text-align:left; } @media (max-width: @screen-xs-max) { font-size:25px; line-height:28px; } &.homepage{ margin:0; padding:0; line-height:1; font-family:@font-bold; color:#005292; } &.under-h1{ } } h3{ font-size:40px; line-height:42px; font-weight:normal; @media (max-width: @screen-xs-max) { font-size:32px; line-height:34px; } &.homepage{ margin:0; padding:15px 0; line-height:1; font-size:30px; font-family:@font-bold; color:#26B2E4; @media (max-width: @screen-sm-max) { text-align:left; } @media (max-width: @screen-xs-max) { font-size:22px; line-height:25px; } } } h4{ font-size:28px; line-height:29px; margin-bottom:15px; font-weight:bold; } .divisore{padding-bottom:60px; @media (max-width: @screen-md-max) { padding-bottom:40px; } @media (max-width: @screen-sm-max) { } @media (max-width: @screen-xs-max) { padding-bottom:20px; } } .colonna-negativa{ margin-left:-8.3333333%; @media (max-width: @screen-sm-max) { margin-left:0; } } .testo{padding:40px 0px;word-wrap: break-word; @media (max-width: @screen-md-max) { padding:30px 10px; } @media (max-width: @screen-sm-max) { } @media (max-width: @screen-xs-max) { padding:20px 10px; text-align:center; } &.max-wdt{ max-width:950px; margin:0 auto; } } .testo-sx{padding-right:30px; @media (max-width: @screen-sm-max) { padding-right:10px; text-align:center; } @media (max-width: @screen-xs-max) { padding-right:10px; text-align:center; } } .testo-dx{padding-left:30px; @media (max-width: @screen-sm-max) { padding-left:10px; text-align:center; } @media (max-width: @screen-xs-max) { padding-left:10px; text-align:center; } } .col-3-negativa{margin-left:-25%; @media (max-width: @screen-sm-max) { margin-left:-16.66666%; } } .greyscale{ -webkit-filter: grayscale(100%); -ms-filter: grayscale(100%); filter: gray; filter: grayscale(100%); -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out; &:hover{ -webkit-filter: grayscale(0%); -ms-filter: grayscale(0%); filter: grayscale(0%); background-color:#F8F5EF; } } .close{opacity:1;outline:none; &:hover, &:focus{color:#4A4A4A;opacity:1;} } .modal-open{padding:0 !important;overflow:auto;} .link-mobi{color:#666 !important;font-size:11px;padding-top:9px;line-height:normal;padding-bottom:1px;height:100%;text-transform:uppercase;display:block;font-weight:bold; span[class^="icon-"]{margin:0 auto;margin-bottom:4px;display:block;font-size:30px; } img{margin:0 auto;margin-bottom:11px;display:block;} a{color:#666 !important;} } .result_inscr_newsl_min{ color:#fff; } .spazio-bianco-btn{ background-color:#fff; min-height:195px; background-image:url('/source/line-multicolor.png'); background-position:center top; background-repeat: no-repeat; text-align:center; padding-top:30px; border: 2px solid #EEE; border-top: none; border-bottom: none; margin-bottom:10px; .title-space-btn{ color:#005292; font-size:25px; line-height:1; min-height:60px; font-family:@font-bold; margin-bottom:50px; } .new-inn { margin-bottom:36px; } } .bottone-freccia{ display:block; max-width:130px; line-height:36px; width:100%; margin:0 auto; border:1px solid #005292; padding-left:25px; background-color:transparent; background-image:url('/source/freccia-btn.png'); background-position:95%; background-repeat:no-repeat; font-size:15px; text-align: left; font-weight: 700; color: #005292; } .bottone-freccia:hover{ background-color:#28B4E4; } .bottone-freccia-white{ border:1px solid #fff; background-image:url('/source/freccia-btn-bianca.png'); color: #fff; } .bottone-freccia-white:hover{ background-color:#005292; color: #fff; } // FORM CONTATTI #ContContatti2 { color:@color-form; .form-group{margin:0;padding:2px 0;} .modulo_alt { &:extend(.form-control all); height:45px !important; background-repeat:no-repeat; box-shadow:none; padding:0; font-size:18px; margin:4px 0 !important;; color:#333; border:none; text-indent:10px !important; background-color:#fff; &#textarea_alt { min-height: 146px; padding-top:10px; background-position: 12px 12px; @media (max-width: @screen-sm-max) { min-height: 100px; } } &::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #333; } &::-moz-placeholder { /* Firefox 19+ */ color: #333; } &:-ms-input-placeholder { /* IE 10+ */ color: #333; } &:-moz-placeholder { /* Firefox 18- */ color: #333; } &.required_module { box-shadow: 0px 0px 6px red; } } .row_field{margin-bottom:0;} .row_fields{margin:0;} .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; background-color:#fff; } .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 label { margin:0; display:inline; } .row_label{ display: block; margin: 5px 0; font-size:17px; color:@color-form !important; text-align:left; } .sep{padding-bottom:10px; } .separatore{margin-bottom:10px;} select.modulo_alt{ background-image: url(/source/arr_down.png); background-repeat: no-repeat; background-position: 98% 50%; background-position: right 10px bottom 50%; font-weight:normal !important; color:#333 !important;} .privacy-form{ @media (max-width: @screen-xs-max) { margin-top:10px; } label { padding: 0; } #testo_privacy, .txtred_alt{font-size:16px !Important;color:@color-form !important;font-weight:normal;text-transform:initial; a:link, a:active, a:visited{color:@color-form !important;} @media (max-width: @screen-md-max) { font-size:12px !important; } } } .txtred_alt{font-size:16px !Important;color:@color-form !important;font-weight:normal;text-transform:initial;} } #ContContatti2 input.datepicker, #data_partenza_lastminute, #data_arrivo_lastminute, #ContContatti2 input[name="arrivo"], #ContContatti2 input[name="partenza"]{ background-color:#fff !important; background-image:url('/source/calendario.png') !important; background-repeat:no-repeat; background-position:98% 50% !important; background-position: right 10px bottom 50%; cursor:pointer; color:@color-form; } #pgall #ContContatti2 input[type = "button"].bottone_alt, #pgall .wrapper_form_cont input[type = "submit"]{ cursor:pointer; color:#fff; background-color:#005292; padding:0px 10px; height:70px; width:100%; border-radius:0; line-height: 65px; -webkit-appearance:none; text-transform:uppercase; margin:0 auto; margin-top:20px; outline:none; font-size: 18px; max-width: 530px; float:right; @media (max-width: @screen-xs-max) { float:none; } } #pgall #ContContatti2 input[type = "button"].bottone_alt:hover, #pgall .wrapper_form_cont input[type = "submit"]:hover{ background-color:#28B4E4; color:#fff; } #pgall .wrapper_form_cont .privacy_check div{display:inline-block;} // ****************************************************** .banner-evidenza{ background-color:#28B4E4; color:#fff; padding:25px; text-align:center; font-size:30px; line-height:1; .prezzo{ // display: block; font-size: 50px; position: relative; max-width: 300px; margin: auto; @media (max-width: @screen-sm-max) { font-size:35px; } &.barrato:before,&.barrato:after{ content: ''; position: absolute; height: 5px; width: 100px; background-color: #83DE93; top: 0; bottom: 0; left: 25%; text-align: center; @media (max-width: @screen-sm-max) { width:70px; } } &.barrato:before{ transform-origin: left; transform: rotate(45deg) ; } &.barrato:after{ transform-origin: left; transform: rotate(135deg); right: -25%; left: auto; } } } .blocco-servizi{ margin:10px 0; .cnt-blocco{ padding: 5px; width: 100%; border:5px solid #83DE93; float:left; display: table; table-layout: fixed; height:100%; .ficon{ text-align:center; color:#28B4E4; font-size:30px; display: table-cell; vertical-align: middle; float: none; height: 100px; @media (max-width: @screen-md-max) { height:145px; } @media (max-width: @screen-sm-max) { height:100px; } } .txt{ font-size:18px; display: table-cell; vertical-align: middle; float: none; } } } //banner avviso virus nel top .avviso_virus{ display:none; background-color:#005292; COLOR:#fff; position: fixed; top: 0; right: 0; left: 0; z-index: 999; padding:0; @media(max-width:@screen-sm-max){ position:relative; } a{ display:block; background-color:#005292; color:#fff; width:100%; margin:auto; line-height:30px; font-size:16px; max-width: 580px; text-align:center; padding: 0 10px; font-weight:bold; @media(max-width:@screen-xs-max){ padding:0 2px; font-size:11px; } &:hover{ background-color:#28B4E4; } } } html[lang="it"]{ .avviso_virus{ display:block; } body{ @media (min-width: @screen-md-min) { padding-top:30px !important; } .barra-desktop,.barra-mobile{ top:29px; } @media(max-width:@screen-sm-max){ .vedi-menu, .level2 { top:105px; &.scrolling{ top:75px; } } /* @media(max-width:@screen-xs-max){ .barra-desktop,.barra-mobile{ top:64px; } .vedi-menu, .level2 { top:139px; &.scrolling{ top:75px; } } } */ .barra-mobile.scrolling{ top:0; } } } }