// 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: #f0f0f0; @link-color: #444; @text-color: #444; @font-family-sans-serif: "Lato"; @font-size-base: 18px; @verde: #9ac585; @corsivo: "manus"; @grassetto: "futura-pt-web-eb"; .corsivo { font-family: @corsivo; } .grassetto { font-family: @grassetto; } .verde { color: @verde; } /* 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 { -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: 1610px; } .cont-h1 { color: #fff; padding-top: 110px; @media (max-width: @screen-md-max) { padding-top: 70px; } @media (max-width: @screen-sm-max) { display: table-cell; vertical-align: middle; padding-top: 0; width: 100%; } } .sharethis-inline-share-buttons, #st-1 { text-align: right !important; } h1, h2.grande { font-size: 110px; line-height: 90px; color: #fff; text-shadow: 1px 1px 1px #333; @media (max-width: @screen-md-max) { font-size: 85px; line-height: 89px; } @media (max-width: @screen-sm-max) { font-size: 60px; line-height: 63px; } @media (max-width: @screen-xs-max) { font-size: 34px; line-height: 37px; } } h2 { font-size: 33px; color: #585858; line-height: 36px; text-align: center; margin-bottom: 15px; @media (max-width: @screen-sm-max) { font-size: 26px; line-height: 28px; } @media (max-width: @screen-xs-max) { font-size: 21px; line-height: 24px; } } h3 { font-size: 60px; margin-bottom: 0px; color: #00aad0; line-height: 62px; font-weight: normal; @media (max-width: @screen-sm-max) { font-size: 40px; line-height: 42px; } @media (max-width: @screen-xs-max) { font-size: 26px; line-height: 28px; } } 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: 35px 0; text-align: center; @media (max-width: @screen-md-max) { padding: 30px 0; } @media (max-width: @screen-sm-max) { padding: 25px 0; text-align: center; } @media (max-width: @screen-xs-max) { padding: 15px 0; font-size: 19px; 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; } } // FORM CONTATTI .form-contatti #ContContatti .modulo_alt { background-color: #fff; } #ContContatti { .form-group { margin-bottom: 0; } .modulo_alt { &:extend(.form-control all); height: 45px; border-radius: 0; background-repeat: no-repeat; box-shadow: none; padding: 0; font-size: 16px; border: none; margin: 10px 0; color: #666666; border: #ccc 1px solid; background: transparent; } .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); } .privacy-form { text-align: right; } .privacy-form label { margin: 0; } label { display: block; margin: 7px 0; font-size: 18px; color: #333333; } textarea { min-height: 336px; @media (max-width: @screen-sm-max) { min-height: 90px; } } .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; } #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: 75px; line-height: 71px; width: 100%; font-size: 21px; margin-top: 10px; -webkit-appearance: none; max-width: 100%; max-width: 375px; float: right; background-color: #9ac585; text-transform: uppercase; } #ContContatti input[type="button"].bottone_alt:hover, #pgall .wrapper_form_cont input[type="submit"]:hover { background-color: #00468c; color: #fff; } #ContContatti .privacy-form label { float: right; padding: 0; } // ****************************************************** .boxFornitore { padding: 10px; margin-bottom: 10px; a { color: #333e47; text-transform: uppercase; font-weight: bold; } }