// 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:#f3f3f3; @link-color: #000; @text-color: #000; @font-family-sans-serif:'gotham-book-webfont'; @font-size-base: 18px; @bold:'gotham-bold-webfont'; @medium:'gotham-medium'; @corsivo:'trashhand-webfont'; @azzurro:#00ADEE; @arancione:#F16320; .bold ,b,strong{font-family:@bold} .corsivo{font-family:@corsivo} .azzurro{color:@azzurro;} .arancione{color:@arancione;} /* 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,span,.fixed{ -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; } .slick-slide{outline:none;} 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;letter-spacing:2px;} .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{margin:auto;width:100%; } h1, h2.grande{font-size:40px;line-height:42px;color:#212121;position:relative;font-weight:normal; @media (max-width: @screen-sm-max) { font-size:30px; line-height:32px; text-align:center; } @media (max-width: @screen-xs-max) { font-size:25px; line-height:27px; text-align:center; } } h1 .sx, h2.grande .sx{position:absolute;left:-25px;top:50%;} h1 .dx, h2.grande .dx{position:absolute;right:-25px;top:50%;} h2{font-size:25px;margin:2px 0; @media (max-width: @screen-sm-max) { text-align:center; } @media (max-width: @screen-xs-max) { font-size:20px; line-height:21px; text-align:center; } } h3{font-size:24px;margin-bottom:15px; @media (max-width: @screen-xs-max) { font-size:19px; } } .testo{padding:30px 15px;margin:0 auto;text-align:center; @media (max-width: @screen-md-max) { padding:25px 5px; } @media (max-width: @screen-sm-max) { padding:15px 5px; } @media (max-width: @screen-xs-max) { } } .testo hr{max-width:145px;margin:20px auto;border-top:1px solid #fff;} .testo.grey hr{border-top:1px solid #aaa;} .testo-sx{padding-right:15px;text-align:left;padding-left:0; @media (max-width: @screen-sm-max) { padding-right:10px; } @media (max-width: @screen-xs-max) { padding-right:5px; text-align:center; padding-left:5px; } } .testo-dx{padding-left:15px;text-align:left;padding-right:0; @media (max-width: @screen-sm-max) { padding-left:10px; } @media (max-width: @screen-xs-max) { padding-left:5px;text-align:center; padding-right:5px; } } .border{ background: #fff; /*opacity: 0.2;*/ position: absolute; -webkit-transition: all 800ms cubic-bezier(0.455, 0.030, 0.515, 0.955), opacity 350ms cubic-bezier(0.165, 0.840, 0.440, 1.000); transition: all 800ms cubic-bezier(0.455, 0.030, 0.515, 0.955), opacity 350ms cubic-bezier(0.165, 0.840, 0.440, 1.000); will-change: opacity, width, height;} .border.top{left:15px;-webkit-transform-origin: left;transform-origin: left;} .border.right{top: 15px;float: right;right: 0;-webkit-transform-origin: top;transform-origin: top;} .border.bottom{right: 15px;bottom: 0;-webkit-transform-origin: right;transform-origin: right;} .border.left{bottom: 15px;-webkit-transform-origin: bottom;transform-origin: bottom;} .border.horizontal{height: 15px;width: 100%;} .border.vertical{height: 100%;width: 15px;} .no_width { width: 0px !important; } .no_height { height: 0px !important; } // FORM CONTATTI #ContContatti { .form-group{margin-bottom:0;} .modulo_alt { &:extend(.form-control all); height:45px; border-radius:6px; background-color:transparent; background-repeat:no-repeat; box-shadow:none; padding:0; border:none; font-size:16px; background-color:#EBEBEB; } .bottone_alt { &:extend(.btn all); .button-variant(#fff; #000; #000); &:extend(.btn-block all); } .privacy-form { text-align: right; } .privacy-form label { margin:0; } label { display: block; margin: 7px 0; font-weight: normal; font-size:14px; @media (max-width: @screen-xs-max) { font-size:16px; } } textarea { min-height: 110px; @media (max-width: @screen-sm-max) { min-height: 110px; } } .sep{margin-bottom:10px;} select.modulo_alt{background-image: url(/source/arr_down.png);} #testo_privacy{font-size:13px !Important;} } #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:70px; line-height:66px; width:100%; font-size:20px; margin-top:10px; -webkit-appearance:none; max-width:280px; float:right; background-color:#00AEEF; text-transform:none; text-transform:uppercase; border-radius:6px; box-shadow: 2px 2px 3px #ccc; } #ContContatti input[type = "button"].bottone_alt:hover, #pgall .wrapper_form_cont input:hover[type = "submit"]{background-color:#F16321;} #ContContatti .privacy-form label { float: right; padding: 0; } // ****************************************************** .slider-sfondo-index{ position:absolute !important; top:0; right:0; bottom:0; left:0; margin:auto; z-index:auto; .sfondo-index{ position:absolute; top:0; right:0; bottom:0; left:0; margin:auto; z-index:1; height:700px; @media (max-width: @screen-md-max) { height:550px; } @media (max-width: @screen-sm-max) { height:400px; } @media (max-width: @screen-xs-max) { height:280px; } } }