// 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: #7F8084; @text-color: #7F8084; @font-family-sans-serif:'Muli'; @font-size-base: 16px; @corsivo:'Philosopher'; .corsivo{font-family:@corsivo;} @regular:'Muli'; .regular{font-family:@regular;} @fucsia:#EB6C99; .fucsia{color:@fucsia;} @color-form:#444; .ui-widget{font-family:@regular !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, .ombra{ -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,.pulsante,.tendina-lingue{ -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;} /* ***************************** */ /* centrare div in verticale */ .table-box { display: table; table-layout: fixed; width:100%; height: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-lg-min) { padding:0 15px; } } .flex{ display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; align-items: center; } .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, h2.grande{ font-size:60px; line-height:60px; color:#fff; height:100%; line-height:410px; @media (max-width: @screen-md-max) { line-height:300px; } @media (max-width: @screen-sm-max) { line-height:280px; font-size:50px; } @media (max-width: @screen-xs-max) { font-size:30px; line-height:180px; text-align:center; } &.no-height{ line-height:60px; height:auto; color:#191925; font-weight:bold; @media (max-width: @screen-md-max) { font-size:55px; line-height:55px; } @media (max-width: @screen-sm-max) { font-size:50px; line-height:50px; } @media (max-width: @screen-xs-max) { font-size:33px; line-height:33px; } } } .corsivo-home{font-size:28px;line-height:30px;color:#191925;} .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; } } h3{font-size:40px;line-height:42px;font-weight:normal; @media (max-width: @screen-md-max) { font-size:27px; line-height:29px; } @media (max-width: @screen-xs-max) { font-size:24px; line-height:26px; } &.titolo-dw{font-size:50px;line-height:52px;color:#000; @media (max-width: @screen-md-max) { font-size:40px;line-height:42px; } @media (max-width: @screen-sm-max) { font-size:35px;line-height:37px; } @media (max-width: @screen-xs-max) { font-size:28px;line-height:30px; text-align:center; } } } h4{ font-size:21px; font-weight:bold; margin-top:25px; margin-bottom:10px; } .servizi-dw{margin-left:8.333333%;margin-top:30px; @media (max-width: @screen-xs-max) { margin-left:0; margin-top:15px; text-align:center; } } .ico-dw{margin:0 auto;margin-top:85px;margin-bottom:40px;display:block; @media (max-width: @screen-sm-max) { margin-top:35px; } @media (max-width: @screen-xs-max) { margin-top:25px; margin-bottom:25px; } } .img-centrale{ margin-top:290px; animation-delay:.5s !important; @media (max-width: @screen-md-max) { margin-top:150px; } @media (max-width: @screen-sm-max) { margin-top:100px; } @media (max-width: @screen-xs-max) { margin-top:25px; } } .colonna-negativa{ margin-left:-8.3333333%; @media (max-width: @screen-sm-max) { margin-left:0; } } .testo{padding:40px 5px;word-wrap: break-word; @media (max-width: @screen-md-max) { padding:30px 15px; } @media (max-width: @screen-sm-max) { text-align:center; } @media (max-width: @screen-xs-max) { padding:20px 5px; text-align:center; } } .pad-left{padding-left:8.3333%; @media (max-width: @screen-sm-max) { padding-left:5px; text-align:center; } } .pad-right{padding-right:8.3333%; @media (max-width: @screen-sm-max) { padding-right:5px; text-align:center; } } .first-img{ @media (max-width: @screen-sm-max) { margin-top:60px; } } .box-link{ img{display:block;margin:10px auto;} font-size:16px; color:#fff; text-align:center; background-color:#EC6C99; display:block; height:160px; width:160px; padding:0 5px; padding-top:30px; &:hover{color:#fff;background-color:#C81A56;} @media (max-width: @screen-xs-max) { margin:0 auto; height:120px; width:120px; padding-top:20px; font-size:14px; img{max-height:40px;} } } .testo-sx{padding-right:30px;text-align:left; @media (max-width: @screen-sm-max) { padding-right:5px; } @media (max-width: @screen-xs-max) { padding-right:5px; text-align:center; } } .testo-dx{padding-left:30px;text-align:left; @media (max-width: @screen-sm-max) { padding-left:5px; text-align:center; } @media (max-width: @screen-xs-max) { padding-left:5px; text-align:center; } } .img-dx{ margin-top:100px; animation-delay: .5s !important; @media (max-width: @screen-md-max) { margin-top:60px; } } .img-sx{ padding-right:60px; animation-delay: 1s !important; margin-top:110px; @media (max-width: @screen-md-max) { margin-top:0px; } @media (max-width: @screen-sm-max) { padding-right:30px; } } .img-sx-servizi{ padding-right:60px; animation-delay: 1s !important; margin-top:0px; @media (max-width: @screen-md-max) { margin-top:0px; } @media (max-width: @screen-sm-max) { padding-right:30px; } } .close{opacity:1;outline:none; &:hover, &:focus{color:#4A4A4A;opacity:1;} } .modal-open{padding:0 !important;overflow:auto;} .corsivo{ &.titolo{ display:block; line-height:65px; font-size:75px; @media (max-width: @screen-xs-max) { line-height:40px; font-size:45px; } } } #play-button{width:180px;line-height:180px;text-align:center;background-color:#DCC9C6;cursor:pointer; &:hover{background-color:#B38A84;} @media (max-width: @screen-sm-max) { margin:0 auto; } @media (max-width: @screen-sm-max) { line-height:120px; width:120px; } } // FORM CONTATTI #ContContatti { .form-group{margin:5px 0;} .modulo_alt { &:extend(.form-control all); height:55px; background-repeat:no-repeat; box-shadow:none; padding:0; font-size:18px; margin:4px 0; color:#444; border-radius:0px; border: none; text-indent:20px; background-color:#F2F9FB; background-position: 12px 50%; &#textarea_alt { min-height: 340px; padding-top:10px; background-position: 12px 12px; @media (max-width: @screen-sm-max) { min-height: 120px; } } &.required_module { box-shadow: 0px 0px 6px red; } } .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:#eee; } .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; } label { display: block; margin: 5px 0; font-size:18px; color:@color-form; 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%; color:@color-form;} .privacy-form{ @media (max-width: @screen-xs-max) { margin-top:10px; } label { padding: 0; } } } #testo_privacy, .txtred_alt{font-size:15px !Important;color:@color-form;font-weight:normal;text-transform:initial; a{color:@color-form;} @media (max-width: @screen-md-max) { font-size:12px !important; } } #ContContatti input.datepicker, #data_partenza_lastminute, #data_arrivo_lastminute, #ContContatti input[name="arrivo"], #ContContatti input[name="partenza"], #ContContatti input[name="data-nascita"]{ background-color:#F2F9FB!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; } #ContContatti input[type = "button"].bottone_alt, #pgall .wrapper_form_cont input[type = "submit"]{ cursor:pointer; color:#fff; background-color: #EC6C99; padding:0px 10px; height:60px; width:100%; line-height: 55px; -webkit-appearance:none; float:right; margin:0 auto; margin-top:20px; outline:none; font-size: 17px; max-width: 370px; text-transform:uppercase; @media (max-width: @screen-xs-max) { float:none; } } #ContContatti input[type = "button"].bottone_alt:hover, #pgall .wrapper_form_cont input[type = "submit"]:hover{ background-color: #C81A56; } #pgall .wrapper_form_cont .privacy_check div{display:inline-block;} .myReplyForm { a.myreply_privacy_link{ text-decoration:underline; } } // ****************************************************** .myReplyForm .row { margin:0 -5px; } .item_lingue a { color:#191925 !important; &:hover { color:#fff !important; } }