// 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: #333; @text-color: #333; @font-family-sans-serif: 'Jost', sans-serif; @font-size-base: 16px; @color-form:#fff; .ui-widget{font-family:@font-family-sans-serif !important;} @blu:#2C79A5; @blu_scuro:#265475; @light: 'Jost', sans-serif; .bold{ font-family: 'Jost', sans-serif; font-weight: 600; } .light{ font-family:@light; font-weight: 300; } @book: 'Jost', sans-serif; .book{ font-family:@book; font-weight: 400; } @regular: 'Jost', sans-serif; .regular{ font-family:@regular; font-weight: 500; } body{ font-weight: 500; padding:0 !important; @media (max-width: @screen-sm-max) { margin-top:75px; } } /* 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, .transition_400, .freccia-none, .slick-prev, .slick-next,.pulsante,.tendina-lingue, .pulsante:after, .barra-social, button{ -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%; @media (max-width: @screen-sm-max) { display:block; float:left; width:100%; } } .table-cell { display: table-cell; vertical-align: middle; float: none; @media (max-width: @screen-sm-max) { display:block; float:left; width:100%; } } /************************************/ /* effetto pulsante */ .pulsante:link, .pulsante:active, .pulsante:visited, .pulsante:focus, .pulsante { text-align: center; display: block; line-height: 60px; color: #fff; margin:0 auto; font-size:14px; max-width:260px; margin:0 auto; position: relative; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s; width:100%; z-index:1; &:after{ position: absolute; top: 100%; left: 0; width: 100%; height: 4px; background: rgba(255,255,255,1); content: ''; opacity: 0; -webkit-transition: opacity 0.3s, -webkit-transform 0.3s; -moz-transition: opacity 0.3s, -moz-transform 0.3s; transition: opacity 0.3s, transform 0.3s; -webkit-transform: translateY(10px); -moz-transform: translateY(10px); transform: translateY(10px); } &:hover:after{ opacity: 1; -webkit-transform: translateY(0px); -moz-transform: translateY(0px); transform: translateY(0px); } img{ margin-right:15px; display:inline-block; } } /*********/ p{margin:0;} ul{margin:0px;} h1,h2,h3,h4,h5,h6{margin:0px;padding:0px 5px; } .no-pad{padding:0;} .blk{max-width:2000px;margin:0 auto;width:100%; @media (min-width: @screen-lg-min) { padding:0 25px; } } .flex{ display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; align-items: center; } .flex-display{ display:-webkit-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;} .container{max-width:1200px;} h1, h2.grande, .title-h1{ font-size:50px; line-height:50px; color:@blu; letter-spacing: 5px; padding:20px 5px; text-transform:uppercase; @media (max-width: @screen-md-max) { font-size:40px; line-height:40px; } @media (max-width: @screen-sm-max) { padding-left:0px; padding-right:15px; } @media (max-width: @screen-xs-max) { font-size:30px; line-height:35px; padding-left:0px; padding-right:0px; } .sub-h1{ display:block; width:0px; height:3px; background-color:#2F79A6; margin:20px 0; -webkit-transition:all 600ms ease; -moz-transition:all 600ms ease; -ms-transition:all 600ms ease; -o-transition:all 600ms ease; transition:all 600ms ease; @media (max-width: @screen-sm-max) { width:50px; margin:20px auto; } } .sub-h1.visible { width:50px !important; } } h2, .title-h2{ font-size:40px; line-height:48px; padding-left:5px; padding-right:5px; @media (max-width: @screen-md-max) { } @media (max-width: @screen-sm-max) { padding-left:0px; padding-right:15px; } @media (max-width: @screen-xs-max) { font-size:34px; line-height:38px; padding-left:0px; padding-right:10px; } } h3{ font-size:24px; line-height:26px; letter-spacing:5px; text-transform:uppercase; @media (max-width: @screen-xs-max) { font-size:22px; line-height:24px; } .sub-h3{ display:block; width:0px; height:3px; background-color:#2F79A6; margin:20px 0; -webkit-transition:all 600ms ease; -moz-transition:all 600ms ease; -ms-transition:all 600ms ease; -o-transition:all 600ms ease; transition:all 600ms ease; @media (max-width: @screen-sm-max) { width:50px; margin:20px auto; } } .sub-h3.visible { width:50px !important; } } h4{ font-size:20px; line-height:24px; @media (max-width: @screen-xs-max) { font-size:20px; line-height:24px; } } .divisore{padding-bottom:50px; @media (max-width: @screen-md-max) { padding-bottom:40px; } @media (max-width: @screen-sm-max) { padding-bottom:35px; } @media (max-width: @screen-xs-max) { padding-bottom:25px; } } .testo{ padding:30px 5px; word-wrap: break-word; line-height: 30px; font-weight: 300; b,strong{ font-weight: 600; } @media (max-width: @screen-md-max) { padding:30px 5px; } @media (max-width: @screen-sm-max) { text-align:center; padding:25px 15px; } @media (max-width: @screen-xs-max) { padding:20px 5px; } &.m-width{ max-width:670px; margin:auto; } } .testo-sx{padding-right:35px;text-align:left; @media (max-width: @screen-md-max) { padding-right:25px; } @media (max-width: @screen-sm-max) { padding-right:15px; padding-left:15px; text-align:center; } @media (max-width: @screen-xs-max) { padding-right:10px; } &.mobi-center{ @media (max-width: @screen-sm-max) { padding:25px 15px; } } } .testo-dx{padding-left:35px;text-align:left; @media (max-width: @screen-md-max) { padding-left:25px; } @media (max-width: @screen-sm-max) { padding-right:15px; padding-left:15px; text-align:center; } @media (max-width: @screen-xs-max) { padding-left:10px; } &.mobi-center{ @media (max-width: @screen-sm-max) { padding:25px 15px; } } } .letter_spacing-5{ letter-spacing:5px; } .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%); } } .close{opacity:1;outline:none;margin-top:-11px !important; &:hover, &:focus{color:#4A4A4A;opacity:1;} } .modal-open{padding:0 !important;overflow:auto;} .hr{ display:inline-block; border-top:#33465E 1px solid; height:1px; width:100%; max-width:30px; float:left; margin-top:10px; margin-right:15px; } /* Newsletter */ #pgall #email_min { height: 55px; text-indent: 10px !important; color: #333; font-size: 14px; -webkit-appearance: none; outline: none; background-color: #fff; } #pgall #email_min::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #333; } #pgall #email_min::-moz-placeholder { /* Firefox 19+ */ color: #333; } #pgall #email_min:-ms-input-placeholder { /* IE 10+ */ color: #333; } #pgall #email_min:-moz-placeholder { /* Firefox 18- */ color: #333; } #pgall #button_email_min { border: none; height: 55px; margin-left: 0px; -webkit-appearance: none; background: none; background-color: #F7A800; color: #fff; font-size: 14px; text-transform: uppercase; font-weight: 700; margin-top:30px; @media (max-width: @screen-xs-max) { margin-top:15px; } } #pgall #button_email_min:hover{background-color:#333;} .field_email_min { width: 100%; } .field_button_min { width: 100%; max-width:335px; } .link_email { font-size: 14px; color: #fff !important; } #wrapper_email_min { margin: 15px auto; max-width: 665px; width: 100%; } .newsletter_min_cont_privacy, .newsletter_min_cont_privacy a { margin-top: 10px; color: #fff !important; } #testo_privacy a:link, #testo_privacy a:active, #testo_privacy a:visited { color: #fff !important; } /*************/ //MASONRY per contenuti a blocchi con altezze diverse che si incastrano tra loro (controllare se scritto bene) //classe masonry va data al blocco contenitore .masonry { /* Masonry container */ column-count: 3; margin: 1.5em 0; padding: 0; -moz-column-gap: 1em; -webkit-column-gap: 1em; column-gap: 1em; font-size: .85em; @media (max-width: @screen-md-max) { -moz-column-count: 3; -webkit-column-count: 3; column-count: 3; } @media (max-width: @screen-sm-max) { -moz-column-count: 2; -webkit-column-count: 2; column-count: 2; } @media (max-width: @screen-xs-max) { -moz-column-count: 1; -webkit-column-count: 1; column-count: 1; } //classe item va data ad ogni singolo elemento dentro masonry .item { /* Masonry bricks or child elements */ display: inline-block; width: 100%; padding:0; margin: 0 0 1em; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; /*box-shadow: 2px 2px 4px 0 #ccc;*/ } } /*********/ /********/ /* menu */ /* animazione icon menu */ .op_block { cursor: pointer; } .click { width: 24px; height: 14px; position: relative; margin: 0px auto; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out; cursor: pointer; span { display: block; position: absolute; height: 3px; width: 100%; background: #fff; border-radius: 0px; opacity: 1; left: 0; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out; } } .click span:nth-of-type(1) { top: 12px; } .click span:nth-of-type(2), .click span:nth-of-type(3) { top: 19px; } .click span:nth-of-type(4) { top: 26px; } .barra-desktop .click span:nth-of-type(4) { top: 26px; } .click.open span:nth-of-type(1) { top: 18px; width: 0%; left: 50%; } .click.open span:nth-of-type(2) { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } .click.open span:nth-of-type(3) { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); } .click.open span:nth-of-type(4) { top: 18px; width: 0%; left: 50%; } /* *************************************************** */ #menu_2820 .level1.slide-menu /*.vedi-menu.slide-menu*/ { -webkit-transform: translate3d(0px, 0, 0); -moz-transform: translate3d(0px, 0, 0); -ms-transform: translate3d(0px, 0, 0); -o-transform: translate3d(0px, 0, 0); transform: translate3d(0px, 0, 0); -webkit-transition-duration: 1s; -o-transition-duration: 1s; -ms-transition-duration: 1s; -moz-transition-duration: 1s; transition-duration: 1s; opacity: 1; } .sf-sub-indicator { display: none; } ul#root_2820 { width:100%; padding:0; margin:0; height: 75px; @media (max-width: @screen-sm-max) { height:auto; } li{ position:relative; line-height:1; padding:20px 11px; display:inline-block; @media (max-width: @screen-md-max) { padding:20px 3px; } @media (max-width: @screen-sm-max) { display: block; padding:0; } //voce home da mostrare solo nel tablet e mobile &.sfHover>a,&.cmsCurrentPageContainerLevel_1>a { } //mobile e tablet @media (max-width: @screen-sm-max) { position:initial; width:100%; } a{ position: relative; z-index: 5; font-size: 14px; color: @blu_scuro; padding:10px 15px; @media (max-width: @screen-md-max) { } &:hover,&.cmsCurrentPage{ color:#fff; background-color:#2F79A6; //mobile e tablet @media (max-width: @screen-sm-max) { color: #fff; } } //mobile e tablet @media (max-width: @screen-sm-max) { width: 100%; padding:0; color: #fff; line-height:50px; font-size:16px; padding:0 15px; &.cmsCurrentPage{ color:@blu_scuro; background-color:#fff; } } } } } //mobile e tablet #menu_2820 .level1/*.vedi-menu*/{ @media (max-width: @screen-sm-max) { background-color: #2E79A5; z-index: 9999; -webkit-backface-visibility: hidden; width: 100%; top: 70px; bottom: 0; position: fixed; box-sizing: content-box; -webkit-overflow-scrolling: touch; -webkit-transform: translate3d(-101%, 0, 0); -moz-transform: translate3d(-101%, 0, 0); -ms-transform: translate3d(-101%, 0, 0); -o-transform: translate3d(-101%, 0, 0); transform: translate3d(-101%, 0, 0); -webkit-transition-duration: 1s; left: 0; box-shadow: 0px 0px 7px #333; overflow-y: auto; opacity: 0; padding:0; } @media (max-width: @screen-xs-max) { padding:0; } } .barra-desktop{ #menu_2820{float:left;} ul#root_2820 { } } .blu{color:@blu;} .blu_scuro{color:@blu_scuro;} .slider-news{ margin-bottom:0 !important; .slick-dots{ text-align: left; left: 33px; width: auto; z-index:999; @media (max-width: @screen-sm-max) { left:0; right:0; text-align:center; bottom:0; } li button{ background-color:#fff; border-radius:50%; height:10px; width:10px; border:1px solid #fff; &:before{ content:''; } } li.slick-active button{ background-color:transparent; } } &.home{ .slick-dots{ bottom:-45px; @media (max-width: @screen-sm-max) { bottom:-65px; } @media (max-width: @screen-sm-max) { bottom:-52px; } li button{ background-color:@blu_scuro; border-color:@blu_scuro; } li.slick-active button{ background-color:transparent; } } } } .news{ //border-left:3px solid #2F79A6; position:relative; padding:0 30px; @media (max-width: @screen-sm-max) { border:none; text-align:center; padding:0 15px; } .bordo-sx{ width:3px; background-color:#2F79A6; height:0; position:absolute; top:0; bottom:0; left:0; &.visible{ height:100%; } } .title-h2{color:#fff;} .cnt-news{ padding:35px 0; .titolo{ color:#fff; font-size:20px; } .txt{ color:#4B869E; font-family:@book; padding:25px 0; } .cnt-btn{ .slash,.pulsante{ display:inline-block; } .pulsante{ max-width: 140px; text-align: center; } } } } .lista-v { // list-style-image: url(/source/segnaposto.png); list-style-type:none; padding: 0px; padding-left: 5px; background-image:url(/source/line-v.png); background-repeat:repeat-y; li { padding: 0; list-style-position: inside; position:relative; padding-left: 45px; &::first-letter{ font-size:50px; color: #639771; text-transform:uppercase; margin-top:-25px; display:inline-block; @media (max-width: @screen-sm-max) { } @media (max-width: @screen-xs-max) { font-size:40px; line-height:48px; } } &:before{ content:''; display: inline-block; padding-right: 10px; background-image:url(/source/segnaposto.png); background-repeat:no-repeat; height: 20px; width: 40px; position: absolute; left: -15px; top:20px; } } } //transition 800 .transition_800{ -webkit-transition:all 800ms ease; -moz-transition:all 800ms ease; -ms-transition:all 800ms ease; -o-transition:all 800ms ease; transition:all 800ms ease; } //style dei blocchi di raccordo .button_raccordo{ width:20%; float:left; text-align:center; padding:25px 5px; color:#fff; font-size:14px; height:170px; overflow:hidden; position:relative; border-bottom: 4px solid #E5E5E5; -webkit-transition:all 800ms ease; -moz-transition:all 800ms ease; -ms-transition:all 800ms ease; -o-transition:all 800ms ease; transition:all 800ms ease; a{ color:#fff; } &.investments{ background-color:#A6CCD5; } &.bank_instruments{ background-color:#82C5D8; } &.startup{ background-color:#4091AF; } &.import_export{ background-color:#2F79A6; } &.trading{ background-color:#265475; } img{ position:absolute; bottom:25px; left:0; right:0; margin:auto; -webkit-transition:all 800ms ease; -moz-transition:all 800ms ease; -ms-transition:all 800ms ease; -o-transition:all 800ms ease; transition:all 800ms ease; } .logo{} .freccia-comparsa img{ left:-200%; } &:hover,&.current{ height:180px; .logo img{ right:-200%; } .freccia-comparsa img{ left:0; } } } .dati-anagrafici{ color:#fff; a{ color:#fff; } img{ margin-right:15px; @media (max-width: @screen-md-max) { margin-right:5px; } } } .link-mobi{ font-size:13px; line-height: 1; padding: 12px 0; img { margin: 0 auto; margin-bottom: 10px; display: block; } } .mobi-center{ @media (max-width: @screen-sm-max) { text-align:center; } } //slider index .slider-index-top{ margin-bottom:0 !important; .sfondo{ height:425px !important; @media (max-width: @screen-sm-max) { height:450px !important; } @media (max-width: @screen-xs-max) { height:350px !important; } } .slick-dots{ text-align: right; top: 0; right: 10%; width: auto; bottom: 0; height: 150px; margin: auto; z-index:999; @media (max-width: @screen-sm-max) { top:0; right:0; text-align:right; bottom:0; } li{ display: block; height: 10px; width: 10px; margin: 0 5px 35px 5px; } li button{ background-color:#fff; border-radius:50%; height:10px; width:10px; border:1px solid #fff; &:before{ content:''; } } li.slick-active button{ background-color:transparent; } } } //slider-plus .slider-plus{ margin-bottom:0 !important; img{ transform:none !important; } .plus{ padding:0 5px; .cnt-text{ color:#fff; position:relative; padding:55px; text-align:center; &.investments{ background-color:#A6CCD5; &:after{ border-color: transparent transparent #A6CCD5 transparent; } } &.bank_instruments{ background-color:#82C5D8; &:after{ border-color: transparent transparent #82C5D8 transparent; } } &.startup{ background-color:#4091AF; &:after{ border-color: transparent transparent #4091AF transparent; } } &.import_export{ background-color:#2F79A6; &:after{ border-color: transparent transparent #2F79A6 transparent; } } &.trading{ background-color:#265475; &:after{ border-color: transparent transparent #265475 transparent; } } @media (max-width: @screen-md-max) { padding:55px 15px; } &:after{ content:''; position:absolute; top:-50px; left:0; right:0; width: 0; height: 0; border-style: solid; border-width: 0 55px 50px 55px; margin: auto; } .icona-plus{ position:absolute; left:0; top:-33px; right:0; text-align:center; z-index: 999; img{ margin:auto; } } .titolo{ font-size:25px; font-family:@book; } .testo{ padding:20px 5px; min-height:160px; } } } .slick-dots{ text-align: center; left: 0; right:0; width: auto; z-index:1; bottom:-40px; @media (max-width: @screen-sm-max) { left:0; right:0; text-align:center; bottom:-30px; } @media (max-width: @screen-xs-max) { bottom:-40px; } li button{ background-color:#265475; border-radius:50%; height:10px; width:10px; border:1px solid #265475; &:before{ content:''; } } li.slick-active button{ background-color:transparent; } } } .pag_raccordo{ margin:20px 0; padding:0 5px; .cnt-text{ color:#fff; position:relative; padding:55px 15px; text-align:center; &.investments{ background-color:#A6CCD5; color:#2C79A5; &:after{ border-color: transparent transparent #A6CCD5 transparent; } .bottone{ margin-top:25px; color:#265475 !important; &:after,&:before{ background:#265475 !important; } } } &.bank_instruments{ background-color:#82C5D8; color:#fff; &:after{ border-color: transparent transparent #82C5D8 transparent; } .bottone{ margin-top:25px; color:#fff !important; &:after,&:before{ background:#fff !important; } } } @media (max-width: @screen-md-max) { padding:55px 15px; } &:after{ content:''; position:absolute; top:-20px; left:0; right:0; width: 0; height: 0; border-style: solid; border-width: 0 25px 20px 25px; margin: auto; } .titolo{ font-size:25px; min-height:180px; } .testo{ //min-height:110px; padding:0; } } .bottone{ margin-top:25px; //color:#265475 !important; &:after,&:before{ // background:#B8D2E7 !important; } } } .bottone{ max-width:200px; position:relative; display:block; margin:auto; color:#fff; line-height: 60px; text-align:center; &:after,&:before{ position: absolute; width: 60px; height: 1px; background: #fff; content: ''; opacity: 0.9; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; pointer-events: none; } &:before{ top: 20%; left: 20%; -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); transform: rotate(135deg); -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; transform-origin: 0 0; } &:after{ right: 15%; bottom: 10%; -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); transform: rotate(135deg); -webkit-transform-origin: 100% 0; -moz-transform-origin: 100% 0; transform-origin: 100% 0; } &:hover:before,&:hover:after{ -webkit-transform: rotate(4deg); -moz-transform: rotate(45deg); transform: rotate(45deg); } } .elenco-news{ .news .bordo-sx{ @media (max-width: @screen-sm-max) { top: inherit; width: 100%; height: 3px; bottom: -25px; } } .news .cnt-news{ max-width: 75%; @media (max-width: @screen-sm-max) { max-width:100%; padding:15px 5px; } } .bottone{ color:@blu_scuro; margin: 25px 0 25px auto; @media (max-width: @screen-sm-max) { margin:25px auto; } &:after,&:before{ background-color:@blu_scuro; } } } .dett_news{ h1{ color:@blu_scuro; } .bottone{ color:@blu_scuro; margin: 25px auto; max-width: 240px; &:after,&:before{ background-color:@blu_scuro; } } #ContContatti{ .modulo_alt{ //background-color:@blu_scuro !important; background-color:rgba(38,84,117,0.7); } label, #testo_privacy, #testo_privacy a{ color:@blu_scuro !important; } } .txtblack{ color:@blu_scuro !important; } } //PAGINA CONTATTI #contenuto_413601{ #ContContatti{ .modulo_alt{ //background-color:@blu_scuro !important; background-color:rgba(38,84,117,0.7); } label, #testo_privacy, #testo_privacy a{ color:@blu_scuro !important; } } .txtblack{ color:@blu_scuro !important; } } // FORM CONTATTI #contenuto_413535{ .txtblack{ color:#fff !important; } } #ContContatti { padding:20px 0; .form-group{margin:5px 0;} .modulo_alt { &:extend(.form-control all); height:40px; background-repeat:no-repeat; box-shadow:none; padding:0; font-size:16px; margin:4px 0; color:@color-form; border-radius:0px; border:none; text-indent:10px; background-color:transparent; border:1px solid #fff; background-position: 12px 50%; &#textarea_alt { min-height: 118px; padding-top:10px; background-position: 12px 12px; } &.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:transparent; } .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:16px; 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"], #ContContatti input[name="giorno_prenotazione"]{ 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; } #ContContatti input[type = "button"].bottone_alt, #pgall .wrapper_form_cont input[type = "submit"]{ text-align: center; display: block; line-height: 70px; padding:0; color: #fff; // margin: 0 auto; font-size: 18px; max-width: 220px; margin: 0 auto; background-color: #A6CCD5; position: relative; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s; width: 100%; z-index: 1; text-transform:uppercase; margin-left: auto; margin-right: 0; @media (max-width: @screen-xs-max) { margin:25px auto; } /* &:after{ content: ''; position: absolute; z-index: -1; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s; width: 100%; height: 0; bottom: 0; left: 0; background-color: #2F79A6; } &:hover:after{ height:100%; }*/ @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: #2F79A6; } #pgall .wrapper_form_cont .privacy_check div{display:inline-block;} // ******************************************************