.grid_deep{padding: 0 20px;}
.bg--color_deep{background: linear-gradient(180deg, rgba(36,83,128,1) 17%, rgba(150,45,131,1) 49%, rgba(36,83,128,1) 85%);}
.bg--green_deep{background: linear-gradient(180deg, rgba(14,27,39,1) 14%, rgba(32,208,177,1) 54%, rgba(14,27,39,1) 85%);}
.sq--bg{background-image: url(sq_bg.svg); background-repeat: repeat; background-size: 4vw;}
.p0{padding:0 !important}

@media (max-width: 768px) {


  .panel--grey h1, .panel--grey h2, .panel--grey h3, .panel--grey h4, .panel--grey h5, .panel--grey h6{}
  
}


.panel--grey .padding-left {padding-left: 100px;}
.panel--grey .padding-right {padding-right: 100px;}



/* ! Panel */

.panel{padding: 30px 0;position: relative;}
.panel__img img{height: 700px; width: 100%;max-width: 550px; display: block; margin: 0 auto; object-fit: cover; position: relative;}
.panel--blu img{height: 600px; width: 100%; max-width: 100%; display: block; margin: 0 auto; object-fit: cover; position: relative;}
.panel__text{max-width: 550px; display: flex; width: 100%; height: 100%; align-items: center;padding: 20px;}


.panel--grey{padding: 0;}
.panel--grey h3.subheadline{text-align: left; color:#FFF !important}
.panel--grey p{/*margin-bottom: 30px;*/}
.panel--grey .grid_deep{/*background: #eee; padding: 50px 0 0 0;*/ max-width: 1920px;}
.panel--grey img {width: 100%; margin-bottom: -8px; position:relative; z-index: 0; height: 700px; object-fit: cover;}
.panel--grey .colonna-40.padding-right {background-position: 110% 90%; background-repeat: no-repeat; transition: all 0.8s cubic-bezier(.515, .161, .255, 1); transition-delay: 1.8s; background-size: 20%;}
.panel--grey .colonna-40.padding-left {background-position: -10% 90%; background-repeat: no-repeat; transition: all 0.8s cubic-bezier(.515, .161, .255, 1); transition-delay: 1.8s; background-size: 20%;}
.panel--grey .colonna-40.padding-right.is-inview{background-position: 100% 90%; background-size: 75%;}
.panel--grey .colonna-40.padding-left.is-inview { background-size: 75%; }
.panel--grey .panel__text__left, .panel--grey .panel__text__right{/*max-width: 550px;*/ display: flex; width: 100%; height: 100%; align-items: center;}
.panel--grey .panel__text__left h2 a, .panel--grey .panel__text__right h2 a {color:#31261D}
.panel--grey .panel__text__left > div{ background: #0a69ed;
background: linear-gradient(90deg, #20d0b1, #65318f);
border-radius: .625rem; padding: 100px 60px; position: relative; z-index: 2;} 
.panel--grey .panel__text__right > div{ background: #0a69ed;
background: linear-gradient(135deg, rgba(150,45,131,1) 0%, rgba(47,31,104,1) 53%, rgba(26,26,25,1) 91%);
border-radius: .625rem; padding: 100px 60px; position: relative; z-index: 2;}
.panel--grey .panel__text__left > div{position: relative; right:-20%; margin-left: 0%;}
.panel--grey .panel__text__right > div{position: relative; left:-20%; margin-right: 0%;}

@media (max-width: 1024px) {
  .panel--grey .panel__text__left > div{margin-left: 0%; background: #0a69ed;
background: linear-gradient(135deg, rgba(14,27,39,1) 14%, rgba(32,208,177,1) 54%, rgba(8,117,98,1) 85%);
border-radius: .625rem;}
  .panel--grey .panel__text__right > div{margin-right: 0%; background: #0a69ed;
background: linear-gradient(135deg, rgba(150,45,131,1) 0%, rgba(47,31,104,1) 53%, rgba(26,26,25,1) 91%);
border-radius: .625rem;}
.panel--grey .grid_deep{/*background: #F8F8F8;*/}
}


@media (max-width: 768px) {


  .panel--grey .colonna-40.padding-right, .panel--grey .colonna-40.padding-left, .panel--grey .colonna-40.padding-right.is-inview {/*background-position: 50% -250%;*/ background-image: none;}
  .panel--grey .panel__text__right > div, .panel--grey .panel__text__left > div{position: relative; left:0%; background: #0a69ed;
background: linear-gradient(135deg, rgba(150,45,131,1) 0%, rgba(47,31,104,1) 53%, rgba(26,26,25,1) 91%);
border-radius: .625rem;}
  .panel--grey .panel__text__left > div, .panel--grey .panel__text__right > div {padding: 20px;  margin: 0px; background: #0a69ed;
background: linear-gradient(135deg, rgba(150,45,131,1) 0%, rgba(47,31,104,1) 53%, rgba(26,26,25,1) 91%);
border-radius: .625rem;}
  .panel--grey .padding-right {padding-right: 0px;}
  .panel--grey .padding-left{padding-left: 0px;}
  .panel--grey .sma-100 {/*padding: 0 20px!important;*/}
  .panel--grey .panel__text__left, .panel--grey .panel__text__right{max-width: 100%;}
  .panel--grey .padding-left{order: 2;}
  .panel--grey h3.subheadline{margin-top: 30px;}

 

  /* ! link mobile footer */

 
}

/* ! grid_deep System */

.grid_deep { margin: 0 auto; max-width: 1200px; display: flex; flex-flow: row; flex-wrap: wrap; position: relative;}
.grid_deep--center{justify-content: center;}

.grid_deep-column {margin: 0 auto; max-width: 1200px; display: flex; flex-flow: row; flex-wrap: wrap; position: relative;}

.col{ flex: 1;}

[class*='colonna-'] { position: relative;}
.colonna-5 { width: 5%; }
.colonna-10{ width: 10%; }
.colonna-20{ width: 20%; }
.colonna-25{ width: 25%; }
.colonna-30{ width: 30%; }
.colonna-33{ width: 33.33%; }
.colonna-35{ width: 35%; }
.colonna-40{ width: 40%; }
.colonna-45{ width: 45%; }
.colonna-50{ width: 50%; }
.colonna-60{ width: 60%; }
.colonna-65{ width: 65%; }
.colonna-66{ width: 66%; }
.colonna-70{ width: 70%; }
.colonna-75{ width: 75%; }
.colonna-80{ width: 80%; }
.colonna-90{ width: 90%; }
.colonna-100{ width: 100%; }

@media (max-width: 768px) {
.desk{display: none !important;}
.mobile{display: block !important;}
  [class*='colonna-'] { width: 100%;}
  .panel--grey img {height: 318px; object-fit: cover; position: relative; z-index: 9;}
}
.moreinfo{-webkit-appearance: none;
border: none;
background-color: transparent;
font-size: 18px;
line-height: 22px;
font-weight: 600;
display: inline-block;
color: #fff;
position: relative;
padding-right: 48px;
padding-top: 12px;
padding-bottom: 12px;
padding-left: 0;
padding-bottom: 0;
padding-top: 0;
}
.moreinfo:after{content: '';
display: block;
box-sizing: border-box;
position: absolute;
width: 10px;
height: 10px;
border-top: 2px solid;
border-right: 2px solid;
transform: rotate(45deg);
color: #1779ba;
transition: right 0.25s ease-in-out;
right: 14px;
top: calc(50% - 4px);
}
.moreinfo:before{content: '';
content: '';
box-sizing: border-box;
position: absolute;
display: inline-block;
transform: scale(var(--ggs, 1));
border-top: 2px solid transparent;
border-bottom: 2px solid transparent;
box-shadow: inset 0 0 0 2px;
width: 25px;
height: 6px;
transition: all 0.25s ease-in-out;
color: #1779ba;
top: calc(50% - 2px);
left: calc(100% - 38px);
}
.moreinfo:hover{color:#fff; text-decoration: none}
.moreinfo:hover::before{width:35px}
.moreinfo:hover::after{right:2px}
.tleft{text-align:left !important}
.zi200{position:relative; z-index:200 !important}
.b-t--w{border-top:1px solid #FFF !important}
.b-b--w{border-bottom:1px solid #FFF !important}