/* filter image: https://www.cssfiltergenerator.com/ */

/*
colori:
- blu chiaro (logo, link, grafiche e illustrazioni): #009cff
- blu scuro (sfondi): #070d25
- viola (link, grafiche e illustrazioni): #8d2b8a

gradienti:
da viola: #8d2b8a
a blu chiaro: #009cff
*/

/* general */
body, html { background-color: #fff; }
* { box-sizing: border-box; }
.container-full { display: block; max-width: 100%; }
h1, h2, h3, h4, h5, h6 { word-break: break-word; }
h1 span, h2 span, h3 span, h4 span, h5 span, h6 span { color: #8d2b8a; }
h3 strong { font-family: 'Rubik', 'arial', 'sans-serif'; font-weight: 500; }

/* scroll top */
@media (max-width: 1199px){
  #scroll-top { display: none !important; }
}

/* header */
#top { /*border-bottom: #bbbcbd 1px solid;*/ }
#top .container { /*padding: 0 15px;*/ padding: 0; }
#top .container .row { margin: 0; }
.top-logo { margin: 15px 0; background: transparent url('/custom/ekra/logo-ekra.svg') 0 0 no-repeat; background-size: 100% auto; background-position: 0 6px; /*mix-blend-mode: difference;*/ }
.top-logo img { opacity: 0; }

#top { z-index: 999999999; }
#menu-container { z-index: 999999999; }
.menu > li > a:link, .menu > li > a:visited { margin: 0; }
/*.empty-header { display: none !important; }*/
@media screen and (min-width: 1199px){
  .menu > li { line-height: 20px; }
  .menu > li > ul { padding: 0; padding: 0; border-radius: 0 0 10px 10px; overflow: hidden; /*border: #bbbcbd 1px solid; border-top: 0;*/ }

  .scrollon .menu > li > ul { background-color: #070d25 !important; }
  .scrollon .menu > li > ul > li > a:link, .scrollon .menu > li > ul > li > a:visited { color: #fff; }
  .scrollon .menu > li > ul > li > a:hover { color: #fff; background-color: rgba(255,255,255,.1); }

  .scrollon .top-services .lang a span { color: #fff; }
}

#top .top-services > ul > li > a:link i, #top .top-services > ul > li > a:visited i { font-size: 17px; }

#top .top-services > ul > li.lang .content-lang ul { height: auto !important; }
#top .top-services > ul > li.lang { margin: 0 0 0 0; }
#top .top-services > ul > li.lang a { width: auto; }
#top .top-services > ul > li.lang a .current-lang { height: 60px; padding-left: 37px; line-height: 60px; }

#top .top-elements > li { margin-left: 23px; }

/* admin */
#top .top-services ul { display: inline-block; height: 60px; }
#top .top-services > ul > li { position: relative; float: left; margin: 0; height: 60px; }
#top .top-services > ul > li > a:link, .top-services > ul > li > a:visited { float: left; position: relative; display: block; width: auto; height: 60px; box-sizing: border-box; color: #000; }
#top .top-services > ul > li > a:link i, .top-services > ul > li > a:visited i { position: absolute; display: block; width: 38px; height: 60px; text-align: center; line-height: 60px; color: #000; }

.scrollon #top .top-services > ul > li > a i { color: #fff !important; }

.popup.reserved { top: 60px !important; border-radius: 0 0 20px 20px; padding: 10px !important; background-color: #fff; -webkit-transition: background-color .3s ease-in-out; transition: background-color .3s ease-in-out; }
#top .top-services .popup.reserved .content-reserved { background-color: transparent !important; }
.scrollon #top .top-services .popup.reserved /*, .scrollon #top .top-services .popup.reserved .content-reserved*/ { background-color: rgb(7, 13, 37); }
#top .content-reserved { padding: 0; font-family: 'Karla', 'arial', 'sans-serif'; color: #000; }
.scrollon #top .content-reserved { color: #fff; }
#top .popup.reserved span.titolo-popup-top { color: #009cff; font-size: 14px; line-height: 24px; font-weight: 600; }
#top .top-services ul { display: block; width: 100%; padding: 0; margin: 0; border: 0; background-color: transparent; }
#reserved a:link, #reserved a:visited { display: block; width: 100%; font-size: 12px; font-weight: bold; line-height: 18px; text-align: center; }

#top .content-reserved input { border-radius: 10px; }

#top .popup.reserved .content-reserved ul.sidebar-products.level1 { height: auto !important; }
#top .popup.reserved .content-reserved label.control--checkbox { float: left; height: 20px; padding: 0 0 0 29px; }
#top .popup.reserved .content-reserved label.control--checkbox > p { text-align: left; line-height: 20px; }
#top .popup.reserved .content-reserved label.control--checkbox .control__indicator { width: 20px; height: 20px; border-radius: 50%; }
#top .popup.reserved .content-reserved label.control--checkbox .control__indicator:after { left: 7px; top: 2px; width: 6px; height: 12px; border-width: 0 3px 3px 0; transform: rotate(45deg); }
#top .popup.reserved .content-reserved > p { float: right; font-size: 14px; }
#top .popup.reserved .content-reserved > p  a:link, #top .popup.reserved .content-reserved > p a:visited { font-size: 14px; line-height: 20px; }
#top .popup.reserved .content-reserved .btn-box { clear: both; }


/* desktop menu standard */
#top-menu-container { display: block; height: 60px; max-height: 100% !important; }
#top-menu-container .container .row .col-md-12 { padding: 0; }
@media screen and (min-width: 1199px){
  .menu > li:first-child { display: none; }
  .menu ul { left: 15px; }
}

.scrollon #top .menu > li > a { color: #fff !important; }

#lang { border-radius: 0 0 20px 20px; }

/* mobile menu standard */
@media (max-width: 1199px){
  #menu-container { -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; }
  #menu-container .menu { padding-right: 5px; box-sizing: border-box; }
  #top, #top .container { background-color: #070d25 !important; }
  #top .container { /*padding: 0 0 8px 0;*/ padding: 0; }
  .top-logo:link, .top-logo:visited { height: 23px; margin: 21px 0 0 0; background-position: 0 3px; }
  #top .top-elements > li { margin-left: 10px; }
  .top-icon-menu { display: block !important; width: 47px; height: 47px; }
  .top-icon-menu a:link, .top-icon-menu a:visited, .top-icon-menu a:hover { display: block; width: 47px; height: 60px; background: transparent url('/custom/ekra/icon-menu.svg') right 50% no-repeat; background-size: 27px auto; }
  .top-icon-menu a i { display: none; }
  .hp-video { padding-top: 100px; overflow: hidden; }

  a.close-menu:link, a.close-menu:visited, a.close-menu:hover { left: -40px; right: auto; display: block; width: 40px; height: 100px; background: #070d25 url('/custom/ekra/icon-menu-close-white.svg') 50% 50% no-repeat !important; background-size: 27px auto !important; }
  a.close-menu i { display: none; }

  .menu { padding: 100px 0; background-color: #070d25; }
  .menu:before { content: ''; position: absolute; left: -40px; top: 99px; width: 41px; height: calc(100% - 99px); background-color: #070d25; }
  .menu > li { border-bottom: rgba(255,255,255,.1) 1px solid !important; }
  .menu > li a.open-menu-sub:link, .menu > li a.open-menu-sub:visited, .menu > li a.open-menu-sub:hover,
  .menu > li > a:link, .menu > li > a:visited, .menu > li > a:hover { display: block; width: 100%; padding: 25px 68px 25px 15px; box-sizing: border-box; font-family: 'Open Sans', sans-serif !important; font-size: 18px; font-weight: 600; line-height: 21px; letter-spacing: 1px; color: #fff; background-color: transparent; }
  .menu > li a.open-sub:link, .menu > li a.open-sub:visited, .menu > li a.open-sub:hover { position: absolute; right: 0; top: 0; width: 60px; height: 71px; background: transparent url('/custom/ekra/button-arrow-white.svg') 50% 50% no-repeat !important; background-size: 22px 22px !important; border: 0 !important; }
  .menu > li a.open-sub i { display: none; }

  .menu ul { background-color: #212639; } /* colore bg menu secondo livello */
  .menu ul li { border-bottom: #070d25 1px solid; }
  .menu ul a:link, .menu ul a:visited, .menu ul a:hover { padding: 25px 15px 25px 30px !important; box-sizing: border-box; /*font-family: 'Open Sans', sans-serif !important;*/ font-size: 16px !important; font-weight: 400 !important; line-height: 21px; color: #fff; background-color: transparent !important; }

  #top #lang { top: 100% !important; }

  #top .top-services > ul > li > a:link, .top-services > ul > li > a:visited { color: #fff; }
  #top .top-services > ul > li > a:link i, .top-services > ul > li > a:visited i { color: #fff; }

  #reserved { width: 210px !important; }
}

h1 { display: block; margin: 30px 0 !important; font-size: 60px; font-weight: 500 !important; line-height: 70px; letter-spacing: -2px; color: #000; }
@media (max-width: 767px){
  h1 { font-size: 40px; line-height: 44px; }
}

/* HOMEPAGE */
.section1, .section2, .section3, .section4, .section5, .section6 { position: relative; display: table; padding: 0; margin: 0; table-layout: fixed; width: 100%; height: 100vh; /*box-sizing: border-box;*/ }

/* intro video */
.section1 { height: 100vh !important; padding: 0; background-color: #070d25; overflow: hidden !important; }
.section1.fp-section.fp-table { display: table; table-layout: fixed; width: 100%; }
.section1 .fp-tableCell { display: table-cell; vertical-align: middle; width: 100%; /*height: 100%;*/ height: 100vh; overflow: hidden; }
.section1 video { position: fixed; top: 0; left: 0; right: 0; bottom: 0; object-fit: cover; width: 100vw; height: 100vh; z-index: -1; }
.section1 .container .blk-txt { z-index: 2; }
.section1 h1 { margin: 0 0 10px 0 !important; font-size: 85px !important; font-weight: 600 !important; line-height: 100px !important; letter-spacing: -3px; background: -webkit-linear-gradient(45deg, #009cff, #8d2b8a 80%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
.section1 h2 { font-size: 70px; line-height: 75px; letter-spacing: -2px; color: #fff; }
.section1 h2 span { color: #fff !important; }
.section1 p { color: #fff; }
.section1 .brand-hp { display: block; width: 40%; height: auto; opacity: .7; }
.typewrite .wrap { animation: blinkTextCursor 500ms steps(44) infinite }
@keyframes blinkTextCursor {
  from { border-right-color: rgba(255,255,255,.75); }
  to { border-right-color: transparent; }
}

.section1 #bgearth { position: fixed; top: -5vw; width: 100vh; height: 100vh; right: -5vw; pointer-events: none; z-index: 1; overflow: hidden; }
/*.section1 #bgearth canvas { top: -5vw; }*/

@media (max-width: 999px){
  .section1 #bgearth { width: 70vw; } 
}
@media (max-width: 719px){
  .section1 #bgearth { width: 75vw; } 
}
@media (max-width: 511px){
  .section1 h1 { margin: 0 0 30px 0 !important; font-size: 63px !important; line-height: 70px !important; }
  .section1 #bgearth { width: 80vw; } 
}
@media (max-width: 399px){
  .section1 #bgearth { width: 100vw; right: 0; }
}
.section1 .earth-js { transition: opacity 1.5s ease; opacity: 0; }
.section1 .earth-js.earth-ready { opacity: 1; }

.section2 { position: relative; background-color: #fff; }
.section2:before { content: ''; position: absolute; left: 50%; top: 0; width: 50%; height: 60px; background-color: #070d25; }
@media (max-width: 1199px){
  .section2:before { display: none; }
}
.section2 .col-md-6 { display: table; height: 100vh; padding: 0; }
.section2 .blk-img { position: relative; height: 100vh; margin: 0; padding: 0; }
.section2 .blk-img img { position: absolute; top: 0; left: 0; right: 0; bottom: 0; object-fit: cover; width: 100%; height: 100%; }
.section2 .blk-txt { display: table-cell; box-sizing: border-box; vertical-align: middle; }
/* filter img */
.section2 .blk-img { position: relative; }
.section2 .blk-img:after { position: absolute; content: ''; display: block; top: 0; left: 0; height: 100%; width: 100%; background: linear-gradient(135deg,rgb(141, 43, 138) 0%, rgb(0, 156, 255) 100%); mix-blend-mode: color; z-index: 2; }
.section2 .blk-img img { filter: contrast(1.7) opacity(0.8) ; -webkit-filter: contrast(1.7) opacity(0.8) ; -moz-filter: contrast(1.7) opacity(0.8) ; z-index: 1; }

@media (min-width: 768px){
  .section2 .blk-txt { padding-left: 40px; padding-right: calc((200% - 730px) / 2); } /* 750 */
}
@media (min-width: 992px){
  .section2 .blk-txt { padding-left: 40px; padding-right: calc((200% - 950px) / 2); } /* 970 */
}
@media (min-width: 1200px){
  .section2 .blk-txt { padding-left: 40px; padding-right: calc((200% - 1150px) / 2); } /* 1170 */
}
@media (min-width: 1300px){
  .section2 .blk-txt { padding-left: 40px; padding-right: calc((200% - 1250px) / 2); } /* 1270 */
}
@media (min-width: 1500px){
  .section2 .blk-txt { padding-left: 40px; padding-right: calc((200% - 1450px) / 2); } /* 1470 */
}

@media (max-width: 767px){
  .section2 .blk-img { height: 220px; }
  .section2 .blk-txt { display: block; padding: 20px; }
  .section2 .col-md-6 { display: block; height: auto !important; padding: 0; }
}

.section3 { position: relative; background-color: #fff; }
.section3:before { content: ''; position: absolute; left: 50%; top: 0; width: 50%; height: 60px; background-color: #070d25; }
@media (max-width: 1199px){
  .section3:before { display: none; }
}
.section3 .col-md-6 { display: table; height: 100vh; padding: 0; }
.section3 .blk-img { position: relative; height: 100vh; margin: 0; padding: 0; }
.section3 .blk-img img { position: absolute; top: 0; left: 0; right: 0; bottom: 0; object-fit: cover; width: 100%; height: 100%; }
.section3 .blk-txt { display: table-cell; box-sizing: border-box; vertical-align: middle; }
/* filter img */
.section3 .blk-img { position: relative; }
.section3 .blk-img:after { position: absolute; content: ''; display: block; top: 0; left: 0; height: 100%; width: 100%; background: linear-gradient(135deg,rgb(141, 43, 138) 0%, rgb(0, 156, 255) 100%); mix-blend-mode: color; z-index: 2; }
.section3 .blk-img img { filter: contrast(1.7) opacity(0.8) ; -webkit-filter: contrast(1.7) opacity(0.8) ; -moz-filter: contrast(1.7) opacity(0.8) ; z-index: 1; }

@media (min-width: 768px){
  .section3 .blk-txt { padding-left: 40px; padding-right: calc((200% - 730px) / 2); } /* 750 */
}
@media (min-width: 992px){
  .section3 .blk-txt { padding-left: 40px; padding-right: calc((200% - 950px) / 2); } /* 970 */
}
@media (min-width: 1200px){
  .section3 .blk-txt { padding-left: 40px; padding-right: calc((200% - 1150px) / 2); } /* 1170 */
}
@media (min-width: 1300px){
  .section3 .blk-txt { padding-left: 40px; padding-right: calc((200% - 1250px) / 2); } /* 1270 */
}
@media (min-width: 1500px){
  .section3 .blk-txt { padding-left: 40px; padding-right: calc((200% - 1450px) / 2); } /* 1470 */
}

@media (max-width: 767px){
  .section3 .blk-img { height: 220px; }
  .section3 .blk-txt { display: block; padding: 20px; }
  .section3 .col-md-6 { display: block; height: auto !important; padding: 0; }
}

.section4 { position: reltaive; background-color: #efefef; }
.section4:after { content: ''; position: absolute; left: 50%; top: 0; width: 100%; height: 60px; background-color: #070d25; }
@media (max-width: 1199px){
  .section4:after { display: none; }
}
.section4:before { content: 'le soluzioni'; position: absolute; left: 50%; top: 50%; font-family: 'Rubik', 'arial', 'sans-serif'; font-weight: 600; font-size: 17vw; line-height: 17.2vw; color: rgba(0,0,0,.1); white-space: nowrap; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 1; }
.section4.eng:before { content: 'the solutions'; font-size: 14vw; }
.section4.fra:before { content: 'les solutions'; font-size: 14vw; }
.section4.deu:before { content: 'die Lösungen'; font-size: 14vw; }

.section4.fp-section.fp-table { display: table; table-layout: fixed; width: 100%; }
.section4 .fp-tableCell { display: table-cell; vertical-align: middle; width: 100%; height: 100%; }

.section4 .slider-services { margin: 0; z-index: 2; }
.section4 .slider-services:hover { cursor: none; }
.section4 .slick-list { padding-right: 10% !important; }
.section4 .slick-slideshow__slide { padding: 30px; box-sizing: border-box; background-color: transparent; -webkit-transition: transform .3s ease-out; transition: transform .3s ease-out; }
.section4 .slick-slideshow__slide .content { position: relative; display: block; margin: 0; box-sizing: border-box; background-color: #fff; /*border: #000 1px solid;*/ border-radius: 26px; /*box-shadow: 0 7px 15px rgb(0 0 0 / 10%); -webkit-transition: box-shadow .2s ease-out; transition: box-shadow .2s ease-out;*/ }
.section4 .slick-slideshow__slide .content .img-container { position: relative; margin: 0 0 30px 0; padding-top: 56.25%; border-radius: 26px 26px 0 0; overflow: hidden; }
.section4 .slick-slideshow__slide .content .img-container img { position: absolute; top: 0; left: 0; right: 0; bottom: 0; object-fit: cover; width: 100%; height: 100%; }
.section4 .slick-slideshow__slide .content .txt-container { min-height: 260px; padding: 0 30px 30px 30px; box-sizing: border-box; }
.section4 .slick-slideshow__slide .content .txt-container h4 { position: relative; display: block; margin: 0 0 10px 0; padding: 0; box-sizing: border-box; color: #000; }
.section4 .slick-slideshow__slide .content .txt-container p { position: relative; display: block; margin: 0 0 30px 0; padding: 0; }

.section4 .slick-slideshow__slide .content .txt-container a.button { position: absolute; left: 30px; bottom: 30px; }


/* filter img */
.section4 .slick-slideshow__slide .content .img-container { position: relative; }
.section4 .slick-slideshow__slide .content .img-container:after { position: absolute; content: ''; display: block; top: 0; left: 0; height: 100%; width: 100%; background: linear-gradient(135deg,rgb(141, 43, 138) 0%, rgb(0, 156, 255) 100%); mix-blend-mode: color; z-index: 2; -webkit-transition: all .3s ease-out; transition: all .3s ease-out; }
.section4 .slick-slideshow__slide .content .img-container img { filter: contrast(1.7) opacity(0.8) ; -webkit-filter: contrast(1.7) opacity(0.8) ; -moz-filter: contrast(1.7) opacity(0.8) ; z-index: 1; -webkit-transition: all .3s ease-out; transition: all .3s ease-out; }

.section4 .slick-slideshow__slide:hover .content .img-container:after { opacity: 0; }
.section4 .slick-slideshow__slide:hover .img-container img { filter: none; opacity: 1; }

.section4 .slider-services.mousedown .slick-slideshow__slide { -webkit-transform: scale(.95); transform: scale(.95); }
/*.section4 .slider-services.mousedown .slick-slideshow__slide .content { box-shadow: 0 0 0 rgb(0 0 0 / 10%); }*/

.cursor-drag { pointer-events: none; width: 80px; height: 80px; position: absolute; top: 0; left: 0; opacity: 0; background: transparent url('/custom/ekra/drag.svg') 0 50% no-repeat; background-size: 60% 60%; border: #000 1px solid; border-radius: 50%; -webkit-transform: scale(0); transform: scale(0); -webkit-transition: transform .3s ease-out, opacity .3s ease-out; transition: transform .3s ease-out, opacity .3s ease-out; z-index: 3; }
.hoveredCursor { opacity: 1; -webkit-transform: scale(1); transform: scale(1); }
.cursor-drag.mousedown { background-color: #fff; border-color: #fff; /*-webkit-transform: scale(.95); transform: scale(.95);*/ }

@media (max-width: 1199px){
  .cursor-drag, .cursor-drag.hoveredCursor { display: none !important; }
  .section4 .slider-services:hover { cursor: auto !important; }
  .section4:after { left: auto; top: 0; right: 0; width: 95px; height: 60px; }
}

@media (min-width: 768px){
  .section4 .slick-list { padding-left: calc((100% - 745px) / 2) !important; } /* 750 */
}
@media (min-width: 992px){
  .section4 .slick-list { padding-left: calc((100% - 965px) / 2) !important; } /* 970 */
}
@media (min-width: 1200px){
  .section4 .slick-list { padding-left: calc((100% - 1165px) / 2) !important; } /* 1170 */
}
@media (min-width: 1300px){
  .section4 .slick-list { padding-left: calc((100% - 1265px) / 2) !important; } /* 1270 */
}
@media (min-width: 1500px){
  .section4 .slick-list { padding-left: calc((100% - 1465px) / 2) !important; } /* 1470 */
}
@media (max-width: 767px){
  .section4 .slick-slideshow__slide { padding: 15px; }
  .section4 .slick-slideshow__slide .content .txt-container { padding: 0 15px 15px 15px; }
  .section4 .slick-slideshow__slide .content .txt-container a.button { left: 15px; display: block; }
  .section4 .slick-list { padding: 0 20% 0 15px !important; }
}

.section5 { position: relative; background: #070d25 url('/custom/ekra/map.svg') 0 0 no-repeat; background-size: cover; }
/*.section5:before { content: ''; position: absolute; left: 50%; top: 0; width: 50%; height: 60px; background-color: #070d25; }*/
.section5.fp-section.fp-table { display: table; table-layout: fixed; width: 100%; }
.section5 .fp-tableCell { display: table-cell; vertical-align: middle; width: 100%; height: 100%; }
.section5 h3 { color: #fff; }
.section5 p { margin-top: 20px; color: #fff; }
.section5 .sectors { margin: 80px 0 0 0; padding: 0; list-style: none; }
.section5 .sectors li { display: block; margin: 0; padding: 0; border-bottom: rgba(255,255,255,.3) 1px solid; list-style: none; }
.section5 .sectors li a:link, .section5 .sectors li a:visited { position: relative; display: block; padding: 20px 44px 20px 0; box-sizing: border-box; font-family: 'Rubik', 'arial', 'sans-serif'; font-weight: 500; font-size: 30px; line-height: 34px; color: #fff; -webkit-transition: none; transition: none; }
.section5 .sectors li a:hover { color: #009cff; }
.section5 .sectors li a:before { content: ''; position: absolute; top: 15px; right: 0; width: 44px; height: 44px; background-color: #fff; transform: scale(.2); -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; border-radius: 50%; z-index: 1; -webkit-transition: all .2s cubic-bezier(.5,.7,.4,1); transition: all .2s cubic-bezier(.5,.7,.4,1); }
.section5 .sectors li a:after { content: ''; position: absolute; top: 23px; right: 8px; width: 29px; height: 29px; background: transparent url('/custom/ekra/button-arrow.svg') 50% 50% no-repeat; background-size: 100% auto; -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; opacity: 0; z-index: 2; -webkit-transition: all .2s cubic-bezier(.5,.7,.4,1); transition: all .2s cubic-bezier(.5,.7,.4,1); }
.section5 .sectors li a:hover:before { transform: scale(1); }
.section5 .sectors li a:hover:after { opacity: 1; }
.section5 .sectors li:last-child { border-bottom: 0 !important; }
@media (max-width: 1199px){
  /*.section5:before { left: auto; right: 0; width: 92px; }*/
  .section5 p { margin-top: 46px; }
  .section5 .sectors li a:link, .section5 .sectors li a:visited { font-size: 25px; }
  .section5 .sectors li a:before { transform: scale(1); }
  .section5 .sectors li a:after { opacity: 1; }
}
@media (max-width: 767px){
  .section5 h3 { margin: 30px 0 0 0; }
  .section5 p { margin-top: 0; }
  .section5 .sectors { margin: 15px 0 0 0; }
}

.section6 { position: reltaive; background-color: #efefef; }
.section6:after { content: ''; position: absolute; left: 50%; top: 0; width: 100%; height: 60px; background-color: #070d25; }
@media (max-width: 1199px){
  .section6:after { display: none; }
}
.section6:before { content: 'news'; position: absolute; left: 50%; top: 50%; font-family: 'Rubik', 'arial', 'sans-serif'; font-weight: 600; font-size: 17vw; line-height: 17.2vw; color: rgba(0,0,0,.1); white-space: nowrap; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 1; }

.section6.fp-section.fp-table { display: table; table-layout: fixed; width: 100%; }
.section6 .fp-tableCell { display: table-cell; vertical-align: middle; width: 100%; height: 100%; }

.section6 .list-news { margin: 0; z-index: 2; }
/*.section6 .list-news:hover { cursor: none; }*/
.section6 #slick-carousel-news-hightlighs-77 { z-index: 2; }
.section6 .slick-list { padding-right: 10% !important; }
.section6 .slick-prev, .section6 .slick-next { display: none !important; }
.section6 .item { padding: 30px; box-sizing: border-box; background-color: transparent; -webkit-transition: transform .3s ease-out; transition: transform .3s ease-out; }
.section6 .item .img-container { position: relative; display: block; width: 100%; margin: 0; border-radius: 26px 26px 0 0; overflow: hidden; }
.section6 .item .img-container a { position: relative; display: block; width: 100%; margin: 0; padding-bottom: 56.25%; border-radius: 26px 26px 0 0; overflow: hidden; z-index: 1; }
.section6 .item .img-container img { position: absolute; top: 0; left: 0; right: 0; bottom: 0; object-fit: cover; width: 100%; height: 100%; z-index: -1; }
.section6 .item .img-container .data { position: absolute; left: 0; bottom: 0; display: inline-block; width: 50%; padding: 10px 0 0 30px; font-size: 16px; font-weight: 300; line-height: 16px; text-align: left; color: #888; background-color: #fff; z-index: 2; }
.section6 .item .img-container .data strong, .section6 .item .img-container .data span { display: inline-block; margin-right: 5px; font-size: 16px; font-weight: 300; line-height: 16px; }
.section6 .item .txt-container { position: relative; max-height: 332px; padding: 30px; box-sizing: border-box; background-color: #fff; }
.section6 .item .txt-container .titolo5 { margin: 0; padding: 0; }
.section6 .item .txt-container .titolo5 a:link, .section6 .item .txt-container .titolo5 a:visited { position: relative; display: block; margin: 0 0 10px 0; padding: 0; font-size: 30px; line-height: 34px; box-sizing: border-box; color: #000 !important; }
.section6 .item .txt-container p { position: relative; display: block; margin: 0; padding: 0; }
.section6 .item .txt-container .mask-txt { height: 150px; background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%); }

.section6 .list-news.mousedown .item { -webkit-transform: scale(.95); transform: scale(.95); }

.section6 .item .blk-btn { padding: 0 30px 30px 30px; background-color: #fff; border-radius: 0 0 26px 26px; }
.section6 .item .blk-btn a.medie-btn:link, .section6 .item .blk-btn a.medie-btn:visited { position: relative; display: inline-block; height: 54px; padding: 0 81px 0 27px; font-family: 'Karla', 'arial', 'sans-serif'; font-size: 20px; font-weight: 300; line-height: 54px; letter-spacing: 0; text-transform: none; background-color: #000; color: #fff; border-radius: 100px; -webkit-transition: none; transition: none; }
.section6 .item .blk-btn a.medie-btn:hover { color: #fff; }
.section6 .item .blk-btn a.medie-btn:before { content: ''; position: absolute; top: 5px; right: 5px; width: 44px; height: 44px; background-color: #fff; transform: scale(.2); -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; border-radius: 50%; z-index: 1; -webkit-transition: all .2s cubic-bezier(.5,.7,.4,1); transition: all .2s cubic-bezier(.5,.7,.4,1); }
.section6 .item .blk-btn a.medie-btn:after { content: ''; position: absolute; top: 13px; right: 13px; width: 29px; height: 29px; background: transparent url('/custom/ekra/button-arrow.svg') 50% 50% no-repeat; background-size: 100% auto; -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; opacity: 0; z-index: 2; -webkit-transition: all .2s cubic-bezier(.5,.7,.4,1); transition: all .2s cubic-bezier(.5,.7,.4,1); }
.section6 .item .blk-btn a.medie-btn:hover:before { transform: scale(1); }
.section6 .item .blk-btn a.medie-btn:hover:after { opacity: 1; }

.section6 .item .not-found-news .img-not-found { position: absolute; }

@media (max-width: 767px){
  .section6 .item .txt-container .titolo5 a:link, .section6 .item .txt-container .titolo5 a:visited { font-size: 22px; line-height: 24px; }
}

/* filter img */
.section6 .item .img-container { position: relative; }
.section6 .item .img-container:after { position: absolute; content: ''; display: block; top: 0; left: 0; height: 100%; width: 100%; background: linear-gradient(135deg,rgb(141, 43, 138) 0%, rgb(0, 156, 255) 100%); mix-blend-mode: color; z-index: 2; -webkit-transition: all .3s ease-out; transition: all .3s ease-out; }
.section6 .item .img-container img { filter: contrast(1.7) opacity(0.8) ; -webkit-filter: contrast(1.7) opacity(0.8) ; -moz-filter: contrast(1.7) opacity(0.8) ; z-index: 1; -webkit-transition: all .3s ease-out; transition: all .3s ease-out; }

.section6 .item:hover .img-container:after { opacity: 0; }
.section6 .item:hover .img-container img { filter: none; opacity: 1; }

.cursor-drag-news { pointer-events: none; width: 80px; height: 80px; position: absolute; top: 0; left: 0; opacity: 0; background: transparent url('/custom/ekra/drag.svg') 0 50% no-repeat; background-size: 60% 60%; border: #000 1px solid; border-radius: 50%; -webkit-transform: scale(0); transform: scale(0); -webkit-transition: transform .3s ease-out, opacity .3s ease-out; transition: transform .3s ease-out, opacity .3s ease-out; z-index: 3; }
.cursor-drag-news.hoveredCursor { opacity: 1; -webkit-transform: scale(1); transform: scale(1); }
.cursor-drag-news.mousedown { background-color: #fff; border-color: #fff; /*-webkit-transform: scale(.95); transform: scale(.95);*/ }

@media (max-width: 1199px){
  .section6:after { left: auto; top: 0; right: 0; width: 95px; height: 60px; }
  .section6 .item .blk-btn a.medie-btn:before { transform: scale(1); }
  .section6 .item .blk-btn a.medie-btn:after { opacity: 1; }
}
@media (max-width: 767px){
  a.button:link, a.button:visited { display: block; }
}

.section6 .list-news.mousedown .item { -webkit-transform: scale(.95); transform: scale(.95); }

@media (min-width: 768px){
  .section6 .slick-list { padding-left: calc((100% - 745px) / 2) !important; } /* 750 */
}
@media (min-width: 992px){
  .section6 .slick-list { padding-left: calc((100% - 965px) / 2) !important; } /* 970 */
}
@media (min-width: 1200px){
  .section6 .slick-list { padding-left: calc((100% - 1165px) / 2) !important; } /* 1170 */
}
@media (min-width: 1300px){
  .section6 .slick-list { padding-left: calc((100% - 1265px) / 2) !important; } /* 1270 */
}
@media (min-width: 1500px){
  .section6 .slick-list { padding-left: calc((100% - 1465px) / 2) !important; } /* 1470 */
}
@media (max-width: 767px){
  .section6 .item { padding: 15px; }
  .section6 .item .content .txt-container { padding: 0 15px 15px 15px; }
  .section6 .item .content .txt-container a.button { display: block; }
  .section6 .slick-list { padding: 0 20% 0 15px !important; }
}

@media (max-width: 1199px){
  .section1 h1 { line-height: 45px; margin-bottom: 20px; }
  .section1 h2 { height: 70px; font-size: 32px; line-height: 36px; }
  .section1 p { font-size: 16px; line-height: 26px; }
  .section1 .brand-hp { display: block; width: 100%; height: auto; opacity: .7; }
}

/* fullPage */
.fp-auto-height.fp-section, .fp-auto-height .fp-slide, .fp-auto-height .fp-tableCell,
.fp-responsive .fp-auto-height-responsive.fp-section, .fp-responsive .fp-auto-height-responsive .fp-slide, .fp-responsive .fp-auto-height-responsive .fp-tableCell { height: auto !important; }

/* breadcrumbs */
.breadcrumbs .container .row .col-md-12 { padding: 0; }

/* BUTTON */
a.button:link, a.button:visited { position: relative; display: inline-block; height: 54px; padding: 0 81px 0 27px; line-height: 54px; background-color: #000; color: #fff; column-gap: 1em; border-radius: 100px; -webkit-transition: none; transition: none; }
a.button:hover { color: #fff; }
a.button:before { content: ''; position: absolute; top: 5px; right: 5px; width: 44px; height: 44px; background-color: #fff; transform: scale(.2); -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; border-radius: 50%; z-index: 1; -webkit-transition: all .2s cubic-bezier(.5,.7,.4,1); transition: all .2s cubic-bezier(.5,.7,.4,1); }
a.button:after { content: ''; position: absolute; top: 13px; right: 13px; width: 29px; height: 29px; background: transparent url('/custom/ekra/button-arrow.svg') 50% 50% no-repeat; background-size: 100% auto; -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; opacity: 0; z-index: 2; -webkit-transition: all .2s cubic-bezier(.5,.7,.4,1); transition: all .2s cubic-bezier(.5,.7,.4,1); }
a.button:hover:before { transform: scale(1); }
a.button:hover:after { opacity: 1; }

@media (max-width: 1199px){
  a.button:before { transform: scale(1); }
  a.button:after { opacity: 1; }
}
@media (max-width: 767px){
  a.button:link, a.button:visited { display: block; }
}

/* FOOTER */
.footer-container img.logo-footer { margin-top: 16px; }

/* reset blocco cta */
.blk-cta { overflow: visible; height: auto !important; padding: 0 !important; }
.blk-cta .container-cta { position: relative; max-width: auto; margin: 0; padding: 0; box-sizing: border-box; width: 100%; top: auto; left: auto; -webkit-transform: none; transform: none; }
.blk-cta .blk-txt { display: none !important; }
.blk-cta .blk-btn { float: none; position: relative; display: block; width: 100% !important; padding: 0 !important; text-align: left !important; box-sizing: border-box; z-index: 3; }
.blk-cta.center-cta .blk-btn { text-align: center !important; }
.blk-cta.center-cta .blk-btn .btn-cta { margin: 0 auto !important; }

.blk-cta.left-cta .blk-btn { text-align: left !important; }
.blk-cta.left-cta .blk-btn .btn-cta { float: right !important; }

.blk-cta .blk-btn .btn-cta { position: relative !important; left: auto !important; top: auto !important; -webkit-transform: none !important; transform: none !important; }
.blk-cta .blk-btn .btn-cta { display: inline-block !important; height: 54px; padding: 0 81px 0 27px; line-height: 54px; background-color: #000; color: #fff; border-radius: 100px; -webkit-transition: none; transition: none; }
.blk-cta .blk-btn .btn-cta:before { content: ''; position: absolute; top: 5px; right: 5px; width: 44px; height: 44px; background-color: #fff; transform: scale(.2); -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; border-radius: 50%; z-index: 1; -webkit-transition: all .2s cubic-bezier(.5,.7,.4,1); transition: all .2s cubic-bezier(.5,.7,.4,1); }
.blk-cta .blk-btn .btn-cta:after { content: ''; position: absolute; top: 13px; right: 13px; width: 29px; height: 29px; background: transparent url('/custom/ekra/button-arrow.svg') 50% 50% no-repeat; background-size: 100% auto; -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; opacity: 0; z-index: 2; -webkit-transition: all .2s cubic-bezier(.5,.7,.4,1); transition: all .2s cubic-bezier(.5,.7,.4,1); }
.blk-cta .blk-btn .btn-cta:hover { color: #fff !important; background-color: #000 !important; }
.blk-cta .blk-btn .btn-cta:hover:before { transform: scale(1); }
.blk-cta .blk-btn .btn-cta:hover:after { opacity: 1; }

/* highlight-text */
.highlight-text .blk-txt p strong { position: relative; display: inline-block; font-weight: 300; background-image: linear-gradient(#b3e1ff calc(100% - 10px),#b3e1ff 100px); padding: 2px; background-repeat: no-repeat; background-size: 100% 100%; transition: background-size 1s; animation: colorized 2s normal ease-out; }
@keyframes colorized {
  0% { background-size: 0% 100%; }
  100% { background-size: 100% 100%; }
}

/* fill-box-txt */
.fill-box-txt { padding: 60px 0; background-color: #efefef; }
.fill-box-txt .row { display: flex; flex-wrap: wrap; }
.fill-box-txt .row .col-md-3, .fill-box-txt .row .col-md-6 { display: flex; flex-direction: column; padding: 15px; box-sizing: border-box; } /* [class^="col-"] */
.fill-box-txt .row .blk-txt { height: 100%; padding: 15px; box-sizing: border-box; background-color: #fff; }
.fill-box-txt .row .blk-cta { background-color: #fff; border-radius: 0 0 10px 10px; }
.fill-box-txt .row .blk-cta .blk-btn { padding: 0 15px 15px 15px !important; box-sizing: border-box; }

.fill-box-txt.no-cta .row .blk-txt { border-radius: 0 0 10px 10px; }

.fill-box-txt .svg-image-container { display: block; width: 100%; padding: 15px 15px 0 15px; box-sizing: border-box; background-color: #fff; border-radius: 10px 10px 0 0; }
.fill-box-txt .svg-image-container svg { display: block; width: 60px; height: 60px; margin: 0; }

.fill-box-txt .svg-logo-container { display: block; width: 100%; padding: 15px 15px 0 15px; box-sizing: border-box; background-color: #fff; border-radius: 10px 10px 0 0; }
.fill-box-txt .svg-logo-container svg { display: block; width: auto; height: 60px; margin: 0; }

@media (max-width: 1199px){
  .fill-box-txt .row {  }
  .fill-box-txt .row .col-md-3 { width: 50% !important; }
}
@media (max-width: 991px){
  .fill-box-txt .row .col-md-3 { width: 100% !important; }
}

/* modulo form */
::-webkit-input-placeholder { font-style: normal; font-size: 20px !important; font-weight: 300 !important; text-transform: none; color: #a3a3a3; }
::-moz-placeholder { font-style: normal; font-size: 20px !important; font-weight: 300 !important; text-transform: none; color: #a3a3a3; }
:-moz-placeholder { font-style: normal; font-size: 20px !important; font-weight: 300 !important; text-transform: none; color: #a3a3a3; }
:-ms-input-placeholder { font-style: normal; font-size: 20px !im portant; font-weight: 300 !important; text-transform: none; color: #a3a3a3; }

.form input { display: block; width: 100%; height: 50px; padding: 0 20px; border: #d9d9d9 1px solid; border-radius: 20px; font-size: 20px; font-weight: 400; line-height: 50px; color: #000; }
.form textarea { display: block; width: 100%; padding: 20px; border: #d9d9d9 1px solid; border-radius: 20px; font-size: 20px; font-weight: 400; line-height: 24px; color: #000; }
.form .control__indicator { border: #d9d9d9 1px solid; border-radius: 20px; }

.form .select { position: relative; display: block; width: 100%; height: 80px; }
.form .select select { display: block; width: 100%; height: 50px; padding: 0 20px; border: #d9d9d9 1px solid; border-radius: 20px; font-size: 20px; font-weight: 300; line-height: 50px; color: #000; }
/*.form .select .select__arrow { top: 22px; border-width: 8px 6px 0 6px; border-top-color: #000; }*/

.form .select .select__arrow { position: absolute; right: 18px; top: 16px; width: 20px; height: 20px; text-align: center; line-height: 20px; border: 0; }
.form .select .select__arrow:before { content: "\f107"; position: absolute; left: 0; top: 0; width: 20px; height: 20px; font-family: FontAwesome; font-size: 20px; line-height: 20px; text-align: center; color: #000; }

.form .input-file-container { height: 80px; }
.form .input-file-container .input-btn { background-color: #000; border-radius: 50%; }

.form .blk-btn a.simple-btn.addStudi:link, .form .blk-btn a.simple-btn.addStudi:visited,
.form .blk-btn a.simple-btn.addEsperienze:link, .form .blk-btn a.simple-btn.addEsperienze:visited { display: block; width: 45px; height: 45px; padding: 0; line-height: 45px; text-align: center; background-color: #000; border-radius: 50%; }
.form .blk-btn a.simple-btn.addStudi:hover, .form .blk-btn a.simple-btn.addEsperienze:hover { color: #fff; background-color: #000; }

.form .blk-btn .big-btn { position: relative; display: inline-block !important; height: 64px; padding: 0 81px 0 27px !important; font-family: 'Karla', 'arial', 'sans-serif' !important; font-size: 20px !important; font-weight: 400 !important; line-height: 64px !important; background-color: #000 !important; color: #fff; border-radius: 100px !important; -webkit-transition: none; transition: none; }
.form .blk-btn .big-btn:before { content: ''; position: absolute; top: 5px; right: 5px; width: 54px; height: 54px; background-color: #fff; transform: scale(.2); -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; border-radius: 50%; z-index: 1; -webkit-transition: all .2s cubic-bezier(.5,.7,.4,1); transition: all .2s cubic-bezier(.5,.7,.4,1); }
.form .blk-btn .big-btn:after { content: ''; position: absolute; top: 18px; right: 17px; width: 29px; height: 29px; background: transparent url('/custom/ekra/button-arrow.svg') 50% 50% no-repeat; background-size: 100% auto; -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; opacity: 0; z-index: 2; -webkit-transition: all .2s cubic-bezier(.5,.7,.4,1); transition: all .2s cubic-bezier(.5,.7,.4,1); }
.form .blk-btn .big-btn:hover { color: #fff !important; background-color: #000 !important; }
.form .blk-btn .big-btn:hover:before { transform: scale(1); }
.form .blk-btn .big-btn:hover:after { opacity: 1; }

/* paragrafi con sticky */
.sticky-paragraph .container .row .col-md-6:nth-of-type(1), .sticky-paragraph .container .row .col-md-4 { position: -webkit-sticky; position: sticky; top: 100px; }
.sticky-paragraph .container .row .col-md-6:nth-of-type(2) .blk-txt, .sticky-paragraph .container .row .col-md-8 .blk-txt { padding: 20px; margin: 0 0 30px 0; border: #d9d9d9 1px solid; border-radius: 20px; background-color: #fff; }
.sticky-paragraph .container .row .col-md-8 .blk-txt h5.titolo5 { display: block; width: 40px; height: 40px; margin: 0 0 20px 0; font-weight: 300; line-height: 38px; text-align: center; color: #d9d9d9; border: #d9d9d9 1px solid; border-radius: 50%; }
.sticky-paragraph .container .row .col-md-8 .blk-txt h4.titolo4 { color: #000; }

@media (max-width: 767px){
  .sticky-paragraph .container .row .col-md-6:nth-of-type(1), .sticky-paragraph .container .row .col-md-4 { position: relative; top: 0; }
}

/* paragrafo con immagine a sx in full height */
.full-img-sx-paragraph { height: auto !important; background-color: #fff; }
.full-img-sx-paragraph .col-md-6 { display: table; height: 100vh; padding: 0; }
.full-img-sx-paragraph .blk-img { position: relative; display: block; width: 100%; height: 100vh; margin: 0; padding: 0; background-color: #fff; overflow: hidden; }
.full-img-sx-paragraph .blk-img img { position: absolute; top: 0; left: 0; right: 0; bottom: 0; object-fit: cover; width: 100%; height: 100%; }
/* filter img */
.full-img-sx-paragraph .blk-img { position: relative; transform: translate3d(0,0,0); }
.full-img-sx-paragraph .blk-img:after { position: absolute; content: ''; display: block; top: 0; left: 0; height: 100%; width: 100%; background: linear-gradient(135deg,rgb(141, 43, 138) 0%, rgb(0, 156, 255) 100%); mix-blend-mode: color; z-index: 2; }
.full-img-sx-paragraph .blk-img img { filter: contrast(1.7) opacity(0.8) ; -webkit-filter: contrast(1.7) opacity(0.8) ; -moz-filter: contrast(1.7) opacity(0.8) ; z-index: 1; }

@media (min-width: 768px){
  .full-img-sx-paragraph .blk-txt { padding-left: 40px; padding-right: calc((200% - 730px) / 2); } /* 750 */
  .full-img-sx-paragraph .blk-cta { padding-left: 40px !important; }
}
@media (min-width: 992px){
  .full-img-sx-paragraph .blk-txt { padding-left: 40px; padding-right: calc((200% - 950px) / 2); } /* 970 */
  .full-img-sx-paragraph .blk-cta { padding-left: 40px !important; }
}
@media (min-width: 1200px){
  .full-img-sx-paragraph .blk-txt { padding-left: 40px; padding-right: calc((200% - 1150px) / 2); } /* 1170 */
  .full-img-sx-paragraph .blk-cta { padding-left: 40px !important; }
}
@media (min-width: 1300px){
  .full-img-sx-paragraph .blk-txt { padding-left: 40px; padding-right: calc((200% - 1250px) / 2); } /* 1270 */
  .full-img-sx-paragraph .blk-cta { padding-left: 40px !important; }
}
@media (min-width: 1500px){
  .full-img-sx-paragraph .blk-txt { padding-left: 40px; padding-right: calc((200% - 1450px) / 2); } /* 1470 */
  .full-img-sx-paragraph .blk-cta { padding-left: 40px !important; }
}

@media (max-width: 767px){
  .full-img-sx-paragraph .blk-img { height: 220px; }
  .full-img-sx-paragraph .blk-txt, .full-img-sx-paragraph .blk-cta { display: block; padding: 20px !important; }
  .full-img-sx-paragraph .col-md-6 { display: block; height: auto !important; padding: 0; }
}

/* filtro immagini */
.filtro-immagini .blk-img { position: relative;  border-radius: 10px; overflow: hidden; }
.filtro-immagini .blk-img:after { position: absolute; content: ''; display: block; top: 0; left: 0; height: 100%; width: 100%; background: linear-gradient(135deg,rgb(141, 43, 138) 0%, rgb(0, 156, 255) 100%); mix-blend-mode: color;  border-radius: 10px; z-index: 2; }
.filtro-immagini .blk-img img { filter: contrast(1.7) opacity(0.8); -webkit-filter: contrast(1.7) opacity(0.8); -moz-filter: contrast(1.7) opacity(0.8);  border-radius: 10px; z-index: 1; }

.img-no-margin .blk-img { margin: 0 !important; }

/* paragrafo software 360° */
.carousel-internal-section { position: reltaive; background-color: #efefef; }
.carousel-internal-section:before { content: 'le soluzioni'; position: absolute; left: 50%; top: 50%; font-family: 'Rubik', 'arial', 'sans-serif'; font-weight: 600; font-size: 14vw; line-height: 17.2vw; color: rgba(0,0,0,.1); white-space: nowrap; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 1; }

.carousel-internal-section.wcs:before { content: 'wcs'; }
.carousel-internal-section.funzionalita:before { content: 'funzionalità'; }
.carousel-internal-section.funzionalita.eng:before { content: 'functionality'; }
.carousel-internal-section.funzionalita.fra:before { content: 'Fonctionnalité'; }
.carousel-internal-section.funzionalita.esp:before { content: 'funcionalidad'; }
.carousel-internal-section.funzionalita.deu:before { content: 'Funktionalität'; }

.carousel-internal-section.fp-section.fp-table { display: table; table-layout: fixed; width: 100%; }
.carousel-internal-section .fp-tableCell { display: table-cell; vertical-align: middle; width: 100%; height: 100%; }

.carousel-internal-section .slider-services { margin: 0; z-index: 2; }
.carousel-internal-section .slider-services:hover { cursor: none; }
.carousel-internal-section .slick-list { padding-right: 10% !important; }
.carousel-internal-section .slick-slideshow__slide { padding: 30px; box-sizing: border-box; background-color: transparent; -webkit-transition: transform .3s ease-out; transition: transform .3s ease-out; }
.carousel-internal-section .slick-slideshow__slide .content { position: relative; display: block; margin: 0; box-sizing: border-box; background-color: #fff; /*border: #000 1px solid;*/ border-radius: 26px; /*box-shadow: 0 7px 15px rgb(0 0 0 / 10%); -webkit-transition: box-shadow .2s ease-out; transition: box-shadow .2s ease-out;*/ }
.carousel-internal-section .slick-slideshow__slide .content .img-container { position: relative; margin: 0 0 30px 0; padding-top: 56.25%; border-radius: 26px 26px 0 0; overflow: hidden; }
.carousel-internal-section .slick-slideshow__slide .content .img-container img { position: absolute; top: 0; left: 0; right: 0; bottom: 0; object-fit: cover; width: 100%; height: 100%; }
.carousel-internal-section .slick-slideshow__slide .content .txt-container { padding: 0 30px 30px 30px; box-sizing: border-box; }
.carousel-internal-section .slick-slideshow__slide .content .txt-container h4 { position: relative; display: block; margin: 0 0 10px 0; padding: 0; box-sizing: border-box; color: #000; }
.carousel-internal-section .slick-slideshow__slide .content .txt-container p { position: relative; display: block; margin: 0 0 30px 0; padding: 0; }

/* filter img */
.carousel-internal-section .slick-slideshow__slide .content .img-container { position: relative; }
.carousel-internal-section .slick-slideshow__slide .content .img-container:after { position: absolute; content: ''; display: block; top: 0; left: 0; height: 100%; width: 100%; background: linear-gradient(135deg,rgb(141, 43, 138) 0%, rgb(0, 156, 255) 100%); mix-blend-mode: color; z-index: 2; -webkit-transition: all .3s ease-out; transition: all .3s ease-out; }
.carousel-internal-section .slick-slideshow__slide .content .img-container img { filter: contrast(1.7) opacity(0.8) ; -webkit-filter: contrast(1.7) opacity(0.8) ; -moz-filter: contrast(1.7) opacity(0.8) ; z-index: 1; -webkit-transition: all .3s ease-out; transition: all .3s ease-out; }

.carousel-internal-section .slick-slideshow__slide:hover .content .img-container:after { opacity: 0; }
.carousel-internal-section .slick-slideshow__slide:hover .img-container img { filter: none; opacity: 1; }

.carousel-internal-section .slider-services.mousedown .slick-slideshow__slide { -webkit-transform: scale(.95); transform: scale(.95); }

.cursor-drag-internal-section { pointer-events: none; width: 80px; height: 80px; position: absolute; top: 0; left: 0; opacity: 0; background: transparent url('/custom/ekra/drag.svg') 0 50% no-repeat; background-size: 60% 60%; border: #000 1px solid; border-radius: 50%; -webkit-transform: scale(0); transform: scale(0); -webkit-transition: transform .3s ease-out, opacity .3s ease-out; transition: transform .3s ease-out, opacity .3s ease-out; z-index: 3; }
.hoveredCursor { opacity: 1; -webkit-transform: scale(1); transform: scale(1); }
.cursor-drag-internal-section.mousedown { background-color: #fff; border-color: #fff; /*-webkit-transform: scale(.95); transform: scale(.95);*/ }

@media (max-width: 1199px){
  .cursor-drag-internal-section, .cursor-drag-internal-section.hoveredCursor { display: none !important; }
  .carousel-internal-section .slider-services:hover { cursor: auto !important; }
  .carousel-internal-section:after { left: auto; top: 0; right: 0; width: 95px; height: 60px; }
}

@media (min-width: 768px){
  .carousel-internal-section .slick-list { padding-left: calc((100% - 745px) / 2) !important; } /* 750 */
}
@media (min-width: 992px){
  .carousel-internal-section .slick-list { padding-left: calc((100% - 965px) / 2) !important; } /* 970 */
}
@media (min-width: 1200px){
  .carousel-internal-section .slick-list { padding-left: calc((100% - 1165px) / 2) !important; } /* 1170 */
}
@media (min-width: 1300px){
  .carousel-internal-section .slick-list { padding-left: calc((100% - 1265px) / 2) !important; } /* 1270 */
}
@media (min-width: 1500px){
  .carousel-internal-section .slick-list { padding-left: calc((100% - 1465px) / 2) !important; } /* 1470 */
}
@media (max-width: 767px){
  .carousel-internal-section .slick-slideshow__slide { padding: 15px; }
  .carousel-internal-section .slick-slideshow__slide .content .txt-container { padding: 0 15px 15px 15px; }
  .carousel-internal-section .slick-slideshow__slide .content .txt-container a.button { display: block; }
  .carousel-internal-section .slick-list { padding: 0 20% 0 15px !important; }
}

/* human resources / recruiting */
.news-back .blk-btn a.btn-back:link, .news-back .blk-btn a.btn-back:visited { position: relative; display: inline-block; height: 54px; margin: 60px 0 30px 0; padding: 0 81px 0 27px; line-height: 54px; background-color: #000 !important; color: #fff; column-gap: 1em; border-radius: 100px; -webkit-transition: none; transition: none; }
.news-back .blk-btn a.btn-back:before { content: ''; position: absolute; top: 5px; right: 5px; width: 44px; height: 44px; background-color: #fff; transform: scale(.2); -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; border-radius: 50%; z-index: 1; -webkit-transition: all .2s cubic-bezier(.5,.7,.4,1); transition: all .2s cubic-bezier(.5,.7,.4,1); }
.news-back .blk-btn a.btn-back:after { content: ''; position: absolute; top: 13px; right: 13px; width: 29px; height: 29px; background: transparent url(/custom/ekra/button-arrow.svg) 50% 50% no-repeat; background-size: 100% auto; -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; opacity: 0; z-index: 2; -webkit-transition: all .2s cubic-bezier(.5,.7,.4,1); transition: all .2s cubic-bezier(.5,.7,.4,1); }
.news-back .blk-btn a.btn-back i { display: none; }
.news-back .blk-btn a.btn-back:hover:before { transform: scale(1); }
.news-back .blk-btn a.btn-back:hover:after { opacity: 1; }

.blk-btn .titolo5 a.medie-btn.candidati:link, .blk-btn .titolo5 a.media-btn.candidati:visited { display: inline-block !important; height: 64px; padding: 0 81px 0 27px !important; font-family: 'Karla', 'arial', 'sans-serif' !important; font-size: 20px !important; font-weight: 400 !important; line-height: 64px !important; background-color: #000 !important; color: #fff; border-radius: 100px !important; -webkit-transition: none; transition: none; }
.blk-btn .titolo5 a.medie-btn.candidati:before { content: ''; position: absolute; top: 5px; right: 5px; width: 54px; height: 54px; background-color: #fff; transform: scale(.2); -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; border-radius: 50%; z-index: 1; -webkit-transition: all .2s cubic-bezier(.5,.7,.4,1); transition: all .2s cubic-bezier(.5,.7,.4,1); }
.blk-btn .titolo5 a.medie-btn.candidati:after { content: ''; position: absolute; top: 18px; right: 17px; width: 29px; height: 29px; background: transparent url(/custom/ekra/button-arrow.svg) 50% 50% no-repeat; background-size: 100% auto; -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; opacity: 0; z-index: 2; -webkit-transition: all .2s cubic-bezier(.5,.7,.4,1); transition: all .2s cubic-bezier(.5,.7,.4,1); }
.blk-btn .titolo5 a.medie-btn.candidati:hover:before { transform: scale(1); }
.blk-btn .titolo5 a.medie-btn.candidati:hover:after { opacity: 1; }

.elenco-posizioni li { float: none; border: 0 !important; }
.elenco-posizioni li a { background-color: #efefef; border-radius: 26px; overflow: hidden; }
.elenco-posizioni li a .img-container { padding: 0; /*border-radius: 26px 0 0 26px;*/ overflow: hidden; }
.elenco-posizioni li .txt-container .fixed-height:after { background: -webkit-linear-gradient(to bottom, rgba(239,239,239,0), #efefef); background: linear-gradient(to bottom, rgba(239,239,239,0), #efefef); }
.elenco-posizioni li .txt-container .fixed-height .blk-txt, .elenco-posizioni li .txt-container .fixed-height .blk-txt span { color: #000 !important; }
.elenco-posizioni li a .txt-container .fixed-height .blk-txt h4.titolo4 { font-family: 'Rubik', 'arial', 'sans-serif'; font-weight: 300; font-size: 36px; line-height: 40px; }
.elenco-posizioni li .txt-container > .blk-txt h6.titolo6 { position: relative; display: inline-block; height: 54px; margin: 15px 0 0 0; padding: 0 81px 0 27px; line-height: 54px; background-color: #000; color: #fff; border-radius: 100px; -webkit-transition: none; transition: none; } 
.elenco-posizioni li .txt-container > .blk-txt h6.titolo6 strong { font-family: 'Karla', 'arial', 'sans-serif'; font-size: 20px; font-weight: 300; }
.elenco-posizioni li .txt-container > .blk-txt h6.titolo6 i { display: none; }
.elenco-posizioni li .txt-container > .blk-txt h6.titolo6:before { content: ''; position: absolute; top: 5px; right: 5px; width: 44px; height: 44px; background-color: #fff; transform: scale(.2); -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; border-radius: 50%; z-index: 1; -webkit-transition: all .2s cubic-bezier(.5,.7,.4,1); transition: all .2s cubic-bezier(.5,.7,.4,1); }
.elenco-posizioni li .txt-container > .blk-txt h6.titolo6:after { content: ''; position: absolute; top: 13px; right: 13px; width: 29px; height: 29px; background: transparent url(/custom/ekra/button-arrow.svg) 50% 50% no-repeat; background-size: 100% auto; -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; opacity: 0; z-index: 2; -webkit-transition: all .2s cubic-bezier(.5,.7,.4,1); transition: all .2s cubic-bezier(.5,.7,.4,1); }
.elenco-posizioni li .txt-container > .blk-txt h6.titolo6:hover:before { transform: scale(1); }
.elenco-posizioni li .txt-container > .blk-txt h6.titolo6:hover:after { opacity: 1; }

.candidati.nopos { margin: 0 0 60px 0; }
.candidati.nopos .txt-container { padding: 20px; }

.slideshow-prod { background-color: #fff; }

/* elenco news */
.elenco-news { width: calc(100% + 1%); margin: 0 -0.5% 60px -0.5%; }
.elenco-news li { float: left; position: relative; display: block; width: 48%; margin: 1%; box-sizing: border-box; border: 0 !important; border-radius: 26px; overflow: hidden; }
.elenco-news li a:link, .elenco-news li a:visited { position: relative; display: flex; width: 100%; height: 100%; }
.elenco-news li .img-container { position: relative; float: left; display: block; width: 50%; height: 100%; padding: 0; border-radius: 26px 0 0 26px; overflow: hidden; }
.elenco-news li .img-container .data { position: absolute; left: 0; top: 0; display: inline-block; padding: 5px 15px 5px 30px; font-family: 'Karla', 'arial', 'sans-serif'; font-size: 16px; font-weight: 300; line-height: 16px; text-align: left; color: #000; background-color: #fff; z-index: 3; }
.elenco-news li .img-container .data strong { display: inline-block; padding: 0 7px 0 0;font-size: 16px; font-weight: 300; }
.elenco-news li .img-container .data span { display: inline-block; padding: 0 7px 0 0; font-size: 16px; font-weight: 300; }
.elenco-news li .img-container .img { display: block; overflow: hidden; }
.elenco-news li .img-container img { display: block; width: 100%; height: auto; -webkit-transition: all .5s ease-in-out; transition: all .5s ease-in-out; }
.elenco-news li .txt-container { position: absolute; left: 50%; display: block; width: 50%; height: 100%; padding: 20px; box-sizing: border-box; background-color: #efefef; }
.elenco-news li .txt-container .fixed-height { position: absolute; left: 20px; top: 20px; display: block; width: calc(100% - 40px); height: calc(100% - 70px); margin: 0; overflow: hidden; }
.elenco-news li .txt-container .fixed-height:after { position: absolute; left: 0; bottom: 0; width: 100%; height: 100px; content: ''; background: -webkit-linear-gradient(to bottom, rgba(239,239,239,0), #efefef); background: linear-gradient(to bottom, rgba(239,239,239,0), #efefef); }
.elenco-news li .txt-container .fixed-height h3.titolo4 { padding: 0 0 10px 0; margin: 0; font-family: 'Rubik', 'arial', 'sans-serif'; font-weight: 400; }
.elenco-news li .txt-container .fixed-height .blk-txt { line-height: 22px; }
.elenco-news li .txt-container .fixed-height .txt { font-family: 'Karla', 'arial', 'sans-serif'; font-size: 14px; font-weight: 300; line-height: 22px; color: #000; }
.elenco-news li .txt-container > .blk-txt { position: absolute !important; left: 20px; bottom: 20px; width: calc(100% - 40px); height: 30px; }
.elenco-news li .txt-container > .blk-txt p { height: 30px; margin: 0; padding: 0; }
.elenco-news li .txt-container > .blk-txt .titolo6 { height: 30px; padding: 0 20px; font-family: 'Karla', 'arial', 'sans-serif'; font-size: 14px; font-weight: 300; line-height: 28px; color: #000; background-color: transparent; border: #000 1px solid; border-radius: 15px; }
.elenco-news li .txt-container > .blk-txt .titolo6 i { display: none; }

.elenco-news li .img-container:after { position: absolute; content: ''; display: block; top: 0; left: 0; height: 100%; width: 100%; background: linear-gradient(135deg,rgb(141, 43, 138) 0%, rgb(0, 156, 255) 100%); mix-blend-mode: color; -webkit-transition: all .3s ease-out; transition: all .3s ease-out; z-index: 2; }
.elenco-news li .img-container img { filter: contrast(1.7) opacity(0.8); -webkit-filter: contrast(1.7) opacity(0.8); -moz-filter: contrast(1.7) opacity(0.8); -webkit-transition: all .3s ease-out; transition: all .3s ease-out; z-index: 1; }
.elenco-news li .img-container:hover:after { opacity: 0; }
.elenco-news li .img-container:hover img { filter: none; opacity: 1; }

@media (max-width: 1199px){
  .elenco-news li { float: none; width: 98%; margin: 0 1% 30px 1%; }
}
@media (max-width: 767px){
  .elenco-news li a:link, .elenco-news li a:visited { display: block; }
  .elenco-news li .img-container { float: none; display: block; width: 100%; margin: 0; border-radius: 26px 26px 0 0; }
  .elenco-news li .txt-container { position: relative; left: auto; width: 100%; border-radius: 0 0 26px 26px; }
  .elenco-news li .txt-container .fixed-height { position: relative; left: auto; top: auto; width: 100%; height: 130px; }
  .elenco-news li .txt-container > .blk-txt { position: relative !important; left: auto; bottom: auto; display: block; width: 100%; height: 50px; padding: 10px; background-color: #efefef; border-radius: 0 0 26px 26px; }
}

/* elenco posizioni - lavora con noi */
.elenco-posizioni li a .img-container:after { position: absolute; content: ''; display: block; top: 0; left: 0; height: 100%; width: 100%; background: linear-gradient(135deg,rgb(141, 43, 138) 0%, rgb(0, 156, 255) 100%); mix-blend-mode: color; -webkit-transition: all .3s ease-out; transition: all .3s ease-out; z-index: 2; }
.elenco-posizioni li a .img-container img { filter: contrast(1.7) opacity(0.8); -webkit-filter: contrast(1.7) opacity(0.8); -moz-filter: contrast(1.7) opacity(0.8); -webkit-transition: all .3s ease-out; transition: all .3s ease-out; z-index: 1; }
.elenco-posizioni li a .img-container:hover:after { opacity: 0; }
.elenco-posizioni li a .img-container:hover img { filter: none; opacity: 1; }

/* contatti */
.col-sm-4.col-sm-pull-8 .blk-txt { margin-top: 60px; }
.col-sm-4.col-sm-pull-8 .blk-txt p span.titolo5 { display: none; }

/* glossario */
.glossario-search input { display: block; width: 100%; height: 78px; padding: 0 180px 0 20px; border: #d9d9d9 1px solid; border-radius: 39px; font-family: 'Karla', 'arial', 'sans-serif'; font-size: 20px; font-weight: 400; line-height: 78px; color: #000; box-shadow: none; }
.glossario-search a:link, .glossario-search a:visited { position: absolute; right: 10px; top: 10px; display: inline-block; height: 58px; padding: 0 81px 0 27px !important; font-family: 'Karla', 'arial', 'sans-serif' !important; font-size: 18px !important; font-weight: 400 !important; line-height: 58px !important; letter-spacing: 0 !important; background-color: #000 !important; color: #fff; border-radius: 29px !important; -webkit-transition: none; transition: none; text-transform: uppercase; }
.glossario-search a:before { content: ''; position: absolute; top: 5px; right: 5px; width: 48px; height: 48px; background-color: #fff; transform: scale(.2); -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; border-radius: 50%; z-index: 1; -webkit-transition: all .2s cubic-bezier(.5,.7,.4,1); transition: all .2s cubic-bezier(.5,.7,.4,1); }
.glossario-search a:after { content: ''; position: absolute; top: 15px; right: 15px; width: 29px; height: 29px; background: transparent url(/custom/ekra/button-arrow.svg) 50% 50% no-repeat; background-size: 100% auto; -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; opacity: 0; z-index: 2; -webkit-transition: all .2s cubic-bezier(.5,.7,.4,1); transition: all .2s cubic-bezier(.5,.7,.4,1); }
.glossario-search a:hover { color: #fff !important; background-color: #000 !important; }
.glossario-search a:hover:before { transform: scale(1); }
.glossario-search a:hover:after { opacity: 1; }

@media (max-width: 576px){
  .glossario-search { margin-top: 0; }
  .glossario-search input { padding: 0 78px 0 20px; }
  .glossario-search a:link, .glossario-search a:visited { width: 58px; font-size: 0 !important; padding: 0 !important; }
  .glossario-search a:before { transform: scale(1) !important; }
  .glossario-search a:after { opacity: 1 !important; }
}

.glossario-letters li a:link, .glossario-letters li a:visited { padding: 0 10px; font-family: 'Karla', 'arial', 'sans-serif'; font-size: 20px; font-weight: 400; line-height: 26px; color: #000; border-color: #efefef; -webkit-transition: none; transition: none; }
.glossario-letters li a:hover { color: #009cff; }

a.glossario-box:link, a.glossario-box:visited { height: 280px; border: #d9d9d9 1px solid; border-radius: 20px; -webkit-transition: none !important; transition: none !important; }
a.glossario-box:link, a.glossario-box:visited, a.glossario-box .glossario-name, a.glossario-box .glossario-description { -webkit-transition: none !important; transition: none !important; }
a.glossario-box:hover { background-color: #009cff; }

a.glossario-box .glossario-name { padding-bottom: 20px; font-family: 'Rubik', 'arial', 'sans-serif'; font-size: 30px; font-weight: 500; line-height: 34px; color: #000; font-style: normal; }
a.glossario-box .glossario-description { font-family: 'Karla', 'arial', 'sans-serif'; font-size: 20px; font-weight: 300; line-height: 30px; color: #000; }

@media (max-width: 576px){
  a.glossario-box .glossario-name { padding-bottom: 10px; }
}

.glossario-back .blk-btn a.btn-back:link, .glossario-back .blk-btn a.btn-back:visited { margin-bottom: 40px; font-family: 'Karla', 'arial', 'sans-serif'; font-weight: 400; text-transform: uppercase; border-radius: 23px; background-color: #000 !important; }
.glossario-back .blk-btn a i { display: none; }

@media (max-width: 991px){
  .glossario-back .blk-btn a.btn-back { width: 100%; text-align: center; }
}

/* icona area riservata */
a#icon-account:link,
a#icon-account:visited { width: 38px !important; height: 60px !important; background: url('../img/icon-ar-black.svg') 50% 50% no-repeat; background-size: 20px auto !important; }
a#icon-account:hover {}
a#icon-account i { display: none !important; }
a#icon-account i:before { display: none !important; }

.scrollon a#icon-account:link,
.scrollon a#icon-account:visited { background: url('../img/icon-ar-white.svg') 50% 50% no-repeat; background-size: 20px auto !important; }

a#icon-account.active:link,
a#icon-account.active:visited { background: url('../img/icon-ar-black-check.svg') 50% 50% no-repeat; background-size: 20px auto !important; }

.scrollon a#icon-account.active:link,
.scrollon a#icon-account.active:visited { background: url('../img/icon-ar-white-check.svg') 50% 50% no-repeat; background-size: 20px auto !important; }

@media (max-width: 1199px){
  a#icon-account:link,
  a#icon-account:visited { width: 38px !important; height: 60px !important; background: url('../img/icon-ar-white.svg') 50% 50% no-repeat; background-size: 20px auto !important; }
}

.icon-list li { padding-left: 30px; }
.icon-list li a:link, .icon-list li a:visited { color: #000; }

/* 26/01/2024 - WISHLIST AREA RISERVATA */

.elenco-prodotti li .item .img-container a.btn-wishlist:before,
.elenco-prodotti li .item .img-container a.btn-wishlist:hover:before,
.elenco-prodotti li .item .img-container a.btn-wishlist.active:before {
	color: #c00 !important;
}

.elenco-prodotti li .item .img-container a.btn-wishlist:link,
.elenco-prodotti li .item .img-container a.btn-wishlist:visited {
	left: 0;
	right: auto;
}

/* MODALE POPUP */
#modal_date_quotation.modal,
#modal_date_quotation.modal-box { z-index: 9999999999; }
#modal_date_quotation .modal-box.modale-piccola { width: 25%; }
#modal_date_quotation .modal-box.modale-piccola .modal-header { position: absolute; top: 0; right: 0; padding: 0; background: transparent; z-index: 2; }
#modal_date_quotation .modal-box.modale-piccola .modal-header .close-modal { display: block; width: 30px; height: 30px; font-size: 20px; font-weight: 500; line-height: 30px; text-align: center; color: #fff; cursor: pointer; }

#modal_date_quotation .modal-box.modale-piccola .modal-body { background: #000; padding: 0; overflow-y: visible !important; z-index: 1; }
#modal_date_quotation .modal-box.modale-piccola .modal-body .col-md-12 { min-height: 0; }
#modal_date_quotation .modal-box.modale-piccola .modal-body .titolo1,
#modal_date_quotation .modal-box.modale-piccola .modal-body .col-md-12 br { display: none; }
#modal_date_quotation .modal-box.modale-piccola .modal-body .blk-img { margin: 0; }

@media (max-width: 992px){
  #modal_date_quotation .modal-box.modale-piccola { width: calc(100% - 30px); }
}