// 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:#F5F5F3; @link-color: #1F1F1F; @text-color: #1F1F1F; @font-family-sans-serif:'Nunito', sans-serif; @font-size-base: 20px; @bold:'Nunito', sans-serif; @medium:'Nunito', sans-serif; @gotham_bold:'Nunito', sans-serif; @verde:#73AC4A; @giallo:#F3D25E; @orange:#FF764C; .orange{color:@orange;} .giallo{color:@giallo;} .verde{color:@verde} .bold,b, strong{font-family:@bold; font-weight:700;} .gotham-bold{font-family:@gotham_bold; font-weight:700;} .medium{font-family:@medium; font-weight: 500;} /* 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, .slick-prev, .slick-next,.box-sezione .cont-img img, .donate{ -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;} 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:1430px;} .cont-h1{ margin-top:120px; @media (max-width: @screen-sm-max) { margin-top:45px; } @media (max-width: @screen-xs-max) { margin-top:10px; } } h1, h2.grande,h1.grande{font-size:50px;line-height:50px;color:#fff; @media (max-width: @screen-md-max) { font-size:45px; line-height:45px; } @media (max-width: @screen-sm-max) { font-size:40px; line-height:42px; text-align:center; } @media (max-width: @screen-xs-max) { font-size:23px; line-height:27px; text-align:center; } } h2.grande{ margin-bottom:25px; @media (min-width: @screen-lg-min) { font-size:70px; line-height:60px; } } h1{color:#212121;} h3{/*line-height:50px*/;font-weight:normal;/*font-size:45px;margin-bottom:25px;*/ line-height:32px; font-size:30px; /* @media (max-width: @screen-md-max) { font-size:45px; line-height:45px; } @media (max-width: @screen-sm-max) { font-size:30px; line-height:32px; text-align:center; }*/ @media (max-width: @screen-xs-max) { font-size:22px; line-height:24px; text-align:center; } } h4{font-size:22px;line-height:23px;} 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:50px 5px;max-width:100%;margin:0 auto;max-width:1000px; @media (max-width: @screen-md-max) { padding:35px 5px; } @media (max-width: @screen-sm-max) { padding:30px 5px; } @media (max-width: @screen-xs-max) { padding:25px 5px; text-align:center; } } .testo-sx{padding-right:15px;text-align:left;padding-left:5px; @media (max-width: @screen-sm-max) { padding-right:5px; } @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:5px; @media (max-width: @screen-sm-max) { padding-left:5px; } @media (max-width: @screen-xs-max) { padding-left:5px;text-align:center;padding-right:5px; } } // FORM CONTATTI #ContContatti { color:#333333; .form-group{margin:3px 0;} .modulo_alt, .modulo { &:extend(.form-control all); height:50px; background-repeat:no-repeat; box-shadow:none; padding:0; font-size:16px; background-color:transparent; border:none; margin:5px 0; background-color:#fff; border:none; color:#000; text-indent:10px; border-radius:10px; option{color:#000;} } .modulo{background-color:#fff !important;margin-top: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; } .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; margin-top:15px; } .privacy-form label { margin:0; display:inline; } label { display: block; margin: 4px 0; font-size:19px; color:#333333; text-transform:uppercase; } textarea { min-height: 130px; @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: 95% 50%; background-position: right 6px bottom 50%;} } #testo_privacy, .txtred_alt{font-size:14px !Important;color:#333333;} #ContContatti input.datepicker, #data_partenza_lastminute, #data_arrivo_lastminute, #ContContatti input[name="arrivo"], #ContContatti input[name="partenza"], #ContContatti input[name="disponibilita_da"], #ContContatti input[name="disponibilita_a"]{ background-image:url(/source/calendario.png) !important; background-repeat:no-repeat; background-position:100% 50% !important; cursor:pointer; color:#000; } #ContContatti input[type = "button"].bottone_alt, #pgall .wrapper_form_cont input[type = "submit"] { cursor:pointer; color:#333; width:auto; padding:0px 10px; height:70px; line-height:66px; width:100%; font-size:17px; margin-top:10px; -webkit-appearance:none; max-width:100%; max-width:345px; float:right; font-weight:bold; background-color:#F4D35E; text-transform:uppercase; border-radius:10px; outline:none; } #ContContatti input[type = "button"].bottone_alt:hover, #pgall .wrapper_form_cont input[type = "submit"]:hover{background-color:#F1C83A;} #ContContatti .privacy-form label { padding: 0; } // ******************************************************