$grigio-strutture:rgba(207,206,211,.5); $grid-gutter-width: 10px; $border-radius: 0; $border-radius-lg: 0; $border-radius-sm: 0; @import "bootstrap4.3.1/scss/functions"; @import "bootstrap4.3.1/scss/variables"; @import "bootstrap4.3.1/scss/mixins"; body { margin: 0; padding: 0; } .bgk-grigio-menu-strutture{background-color:$grigio-strutture;} .container-fluid{ max-width: 100%; } .menu-strutture { transform: translate3d(0, -100%, 0); transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1); transition: transform 600ms; position: fixed; top: 0; right: 0; left: 0; bottom: 0; overflow: auto; margin: 0 auto; z-index: 1000; background-color:#fff; color:#1A2C4A; @include media-breakpoint-down(sm) { overflow: auto; } &.open{ transform: translateY(0); transform: translate3d(0, 0, 0); } .chiudi { display: block; right: 25px; top: 25px; position: absolute; cursor: pointer; text-align:center; z-index:2; line-height: 2; width:50px; .line{ width:30px; height:1px; background-color:#1A2C4A; display:block; margin:auto; } .line{ transform: rotate(45deg); } .line.due { transform: rotate(-45deg); margin-top:-1px; } span.txt{ font-size: 0.8rem; display: block; padding: 10px 0 0; } } .logo-strutture-tendina{ // line-height:150px; position:static; line-height: 2; margin: 50px 0; @include media-breakpoint-down(lg) { //line-height:100px; margin: 35px 0; } @include media-breakpoint-down(md) { //line-height:80px; margin: 25px 0; } @include media-breakpoint-down(sm) {padding-left:25px;padding-right:25px; //margin-top:30px; } .txt_gruppo{ text-transform:uppercase; font-size:13px; color:rgba(49,49,49,.38); text-align:center; } } .box-loghi{ border-top:1px solid $grigio-strutture; border-bottom:1px solid $grigio-strutture; padding-top:30px; padding-bottom:30px; padding-right:15px; position:relative; @include media-breakpoint-down(lg) { padding-top:25px; padding-bottom:25px; } @include media-breakpoint-down(sm) { } &.no-border-top{ border-top:none; } &.ultimo{ @include media-breakpoint-down(md) {border-bottom:none;} } .logo{ min-height:75px; margin-bottom:25px; display:block; img{ max-height:70px; } } a.link-tendina{ display:block; margin-top:35px; font-size:17px; text-transform:uppercase; text-decoration:underline; letter-spacing:1px; @include media-breakpoint-down(lg) { margin-top:25px; } &:hover{ color:#C2AC6A; } } .txt{font-size:17px; &.txt-affiliated-company{ @include media-breakpoint-down(md) { height:auto !important; } } } .affiliated-company{ text-transform:uppercase; font-size:13px; color:rgba(49,49,49,.38); text-align:right; position:absolute; top:-25px; right:0; letter-spacing:1px; } } .colonna-uno{ padding-left:75px; @include media-breakpoint-down(lg) {padding-left:50px;} @include media-breakpoint-down(sm) {padding-left:25px;padding-right:25px;} .box-loghi{ &:before{ content:''; display:block; width:1px; background-color:$grigio-strutture; height:80%; top:0; right:0; bottom:0; margin:auto; position:absolute; @include media-breakpoint-down(sm) {display:none;} } } } .colonna-due{ padding-right:75px; @include media-breakpoint-down(lg) {padding-right:50px;} @include media-breakpoint-down(sm) {padding-left:25px;padding-right:25px;} .box-loghi{ padding-left:55px; @include media-breakpoint-down(sm) {padding-left:0;} } } .colonna-tre{ background-color:#F1F1F1; padding-right:75px; padding-left:75px; position:relative; z-index:2; @include media-breakpoint-down(lg) {padding-right:50px; padding-left:50px;} @include media-breakpoint-down(md) {padding-top:75px;} @include media-breakpoint-down(sm) {padding-left:25px;padding-right:25px;} } &:after{ @include media-breakpoint-up(lg) { content:''; display:block; background-color:#F1F1F1; width:33.333333333%; display:block; top:0; bottom:0; right:0; pointer-events:none; position:absolute; } } } .barra-strutture-homelike { background-color: #fff; line-height: 40px; z-index: 88; position: relative; display: block; border-bottom:1px solid #F1F1F1; @include media-breakpoint-down(md) {line-height:30px;} &:before { content: ""; display: block; width: 0; height: 0; border-right: 10px solid transparent; border-left: 10px solid transparent; border-top: 10px solid #fff; border-bottom: none; position: absolute; top: 0; right: 0; left: 0; margin: auto; bottom: -50px; z-index: 2; @include media-breakpoint-down(md) {display:none;} } img { max-height: 15px; @include media-breakpoint-down(md) {max-height:12px;} } } .footer-strutture{ background-color:#fff; padding-top:50px; padding-bottom:50px; z-index:2; position:relative; .txt_gruppo{ text-transform:uppercase; font-size:13px; color:rgba(49,49,49,.38); text-align:center; padding: 5px 25px; width: 100%; position: absolute; top: -35px; @include media-breakpoint-down(md) { padding: 5px 15px; } } .titolo-footer{ line-height:26px; display:block; padding:0 25px; @include media-breakpoint-down(md) { padding:0 15px; } } .fascia-loghi{ border-top:1px solid rgba(207,206,211,.5); border-bottom:1px solid rgba(207,206,211,.5); padding:35px 0; margin-top:0px; .imagegroup_item.first-col{ border:none !important; } &.sx{ .imagegroup_item{ width:25%; float:left; border-left:1px solid rgba(207,206,211,.5); line-height:100px; text-align:center; padding:0 15px; @include media-breakpoint-down(sm) { width:50%; margin:10px 0; } &:nth-of-type(3){ @include media-breakpoint-down(sm) { border:none; } } img{ max-height:60px; } } } .imagegroup_item{ img{ max-height:60px; } } &.dx{ .imagegroup_item{ width:50%; float:left; border-left:1px solid rgba(207,206,211,.5); line-height:100px; text-align:center; padding:0 15px; } } } .affiliated-company{ text-transform:uppercase; font-size:13px; color:rgba(49,49,49,.38); letter-spacing:1px; line-height:26px; } .box-grigio{ @include media-breakpoint-down(md) { margin-top:35px; } } } .gruppo-company{ text-transform:uppercase; font-size:13px; color:rgba(49,49,49,.38); letter-spacing:1px; line-height:26px; } .titolo-dx{ margin-top: 15px; } .colonne-grigia{ padding-top: 42px; } .header-new{ .box-loghi{ .logo{ img{ max-height:75px; } } } } .footer-new{ .loghi-footer{ .imagegroup_item{ padding: 0 5px; img{ max-height:60px; } } } }