/*=========ACCESSIBILITY===========*/

a:focus {
    outline: 2px solid #383a3a;
    /* padding: 2px;
    border: 1px solid #fff;*/
}

.skip-link {
    position: fixed;
    top: -70px;
    left: 10px;
    background: #005bb5;
    color: #ffffff;
    padding: 10px 15px;
    font-size: 16px;
    text-decoration: none;
    border-radius: 5px;
    transition: top 0.3s ease-in-out;
    z-index: 1000;
    border: 1px solid #ccc;
}

.skip-link:focus {
    top: 10px;
    /* Mostra il link quando riceve il focus */
    outline: 2px solid #ccc;
}


/*=========BASIC STYLE===========*/

* {
    margin: 0;
    padding: 0;
}

.clearer {
    clear: both;
}

img {
    border: none;
}

*:focus {
    outline: none;
}

header,
nav,
article,
aside,
section,
footer,
main,
figure,
figcaption {
    display: block;
}

.clearfix::before,
.clearfix::after {
    content: "\0020";
    display: block;
    height: 0;
    overflow: hidden;
}

.clearfix::after {
    clear: both;
}


/**
 * Smooth scrolling on the whole document
 */

html {
    scroll-behavior: smooth;
}

 ::placeholder {
    /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #9b9b9b;
    opacity: 1;
    /* Firefox */
}

 :-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #9b9b9b;
}

 ::-ms-input-placeholder {
    /* Microsoft Edge */
    color: #9b9b9b;
}

strong {
    font-weight: 600;
}

.display-none {
    display: none !important;
}

.no-list {
    list-style: none !important;
    margin: 10px 0;
}

.no-list a {
    text-decoration: none;
}


/*=========INIT===========*/

.content {
    width: 1170px;
    margin: 0 auto;
}

.row {
    width: 100%;
    clear: both;
    display: block;
}

.col-1 {
    width: 8.33333%;
}

.col-2 {
    width: 16.66666%;
}

.col-3 {
    width: 25%;
}

.col-5 {
    width: 41.6%;
}

.col-4 {
    width: 33.33333%;
}

.col-6 {
    width: 50%;
}

.col-7 {
    width: 58.4%;
}

.col-8 {
    width: 66.66666%;
}

.col-9 {
    width: 75%;
}

.col-10 {
    width: 83.33333%;
}

.col-11 {
    width: 91.6666%;
}

.divider {
    padding: 20px 0;
}

.responsive,
.responsive img {
    width: 100%;
    height: auto;
}

.center {
    text-align: center;
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
a {
    -ms-word-wrap: break-word;
    word-wrap: break-word;
}

section,
article {
    padding: 40px 0;
}

.flex {
    max-width: 100%;
    height: auto;
}

.grey {
    background-color: #f5f5f5;
}

.black {
    background-color: #23262D;
}

.black-light {
    background-color: #292b2e;
}

.green {
    color: #488801 !important;
}

.blue {
    color: #060192;
}

.white {
    color: #fff;
}

li {
    font-weight: 400;
}


/*=========TYPHOGRAPHY===========*/

a {
    text-decoration: none;
}

h2 {
    font-size: 30px;
    font-weight: 600;
    line-height: 36px;
}

h3 {
    font-size: 30px;
    font-weight: 400;
}

h3 {
    font-size: 18px;
}

h4 {
    font-size: 16px;
    font-weight: 400;
}

p {
    font-weight: 400;
    font-size: 16px;
    line-height: 1.5;
    color: #212223;
}


/*==================================================================THEME CUSTOM STYLE================================================================*/


/*@import url('https://fonts.googleapis.com/css2?family=Lato:wght@100;300;400;500;600;700;900&family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,900;1,700;1,800&display=swap');*/

body {
    font-family: 'Montserrat', sans-serif;
    font-weight: 300;
    font-size: 16px;
    line-height: 1.5;
    color: #1f2020;
}


/*=========BURGER-BUTTON===========*/

.icon-bar {
    display: block;
    width: 22px;
    height: 2px;
    margin: 5px 5px 5px 14px;
    background-color: #fff;
}

#burger-button {
    width: 50px;
    height: 50px;
    text-align: center;
    float: right;
    line-height: 50px;
    text-align: center;
    display: none;
    cursor: pointer;
    transition: all .3s;
}

#burger-button.open .icon-bar {
    background-color: #488801;
}

#burger-button.open {
    z-index: 99999999;
    position: relative;
}

#burger-button span:first-of-type {
    margin-top: 17px;
}

#header.scroll #burger-button {
    width: 35px;
    height: 35px;
    line-height: 35px;
}

#header.scroll #burger-button .icon-bar {
    width: 17px;
    margin: 4px 5px 4px 9px;
    background-color: #1f2020;
}

#header.scroll #burger-button span:first-of-type {
    margin-top: 11px;
}

.menu-selezione-lingua-container ul li {
    display: inline-block;
}


/*=========DEFAULT BUTTON===========*/

.default-button {
    border-radius: 0;
    font-size: 14px;
    line-height: 22px;
    color: #1f2020;
    border: 1px solid #1f2020;
    padding: 6px 20px;
    display: inline-block;
    text-decoration: none;
    font-weight: 400;
    transition: all .3s;
    font-family: Lato, sans-serif;
}

.default-button-white {
    border-radius: 0;
    font-size: 14px;
    line-height: 22px;
    color: #1f2020;
    border: 1px solid #fff;
    background-color: #fff;
    padding: 6px 20px;
    display: inline-block;
    text-decoration: none;
    font-weight: 400;
    transition: all .3s;
    font-family: Lato, sans-serif;
}

.default-button-blue {
    border-radius: 0;
    font-size: 14px;
    line-height: 22px;
    color: #fff;
    border: 1px solid #1f2020;
    padding: 6px 20px;
    display: inline-block;
    text-decoration: none;
    font-weight: 400;
    transition: all .3s;
    font-family: Lato, sans-serif;
    background: #060192;
}

.default-button-blue:hover {
    background: #fff;
    transition: all .3s;
}

.default-button:hover,
.default-button-white:hover {
    color: #fff;
    background-color: #488801;
    border-color: #488801;
}

.button-linear-black {
    color: #060192;
    text-decoration: none;
    padding-bottom: 3px;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 600;
    display: inline-block;
    letter-spacing: 1px;
    transition: all .3s;
}

.button-linear-black:hover {
    color: #488801;
}

.product-box .text a {
    margin-top: 22px;
}


/*=========HEADER SINGLE=====*/

#menu-selezione-lingua li {
    display: inline-block;
    margin-left: 5px;
}

.menu-selezione-lingua-container {
    margin: 2px 10px 5px;
}

#menu-selezione-lingua li {
    list-style: none;
}

#logo-scrool {
    display: none;
}

.top-banner {
    height: 390px;
    display: flex;
    align-items: center;
    text-align: center;
}

.image-banner-mobile {
    display: none;
}

.breadcrumps-box {
    padding: 10px 5px;
    box-sizing: border-box;
    display: inline-block;
}

.breadcrumps-box h1 {
    color: #fff;
    font-size: 32px;
    font-weight: 600;
}

.breadcrumps-box p,
.breadcrumps-box a {
    color: #fff;
}

p.breadcrumbs {
    text-transform: uppercase;
    font-size: 12px;
    background: rgb(0 0 0 / 20%);
    border-radius: 25px;
    padding: 5px 20px;
    margin: 0 auto;
}

p.breadcrumbs.transparent {
    background: rgb(0 0 0 / 3%);
    display: initial;
}

p.on_the_title {
    font-weight: 500;
    margin-bottom: 6px;
}

p.breadcrumbs a {
    text-decoration: none;
}


/*=========HEADER===========*/

#header {
    padding-top: 12px;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 9999;
    transition: all .3s;
    position: absolute;
}

#header.scroll {
    position: fixed;
    box-shadow: 0 2px 1px rgb(0 0 0 / 7%);
    padding-top: 10px;
    background-color: rgba(255, 255, 255, .9);
}

.header-second #menu-principale a {
    color: #53565a;
}

.certificazioni {
    padding-top: 120px;
}

.container {
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px;
    box-sizing: border-box;
}

#logo img {
    vertical-align: middle;
    width: 290px;
    height: 34px;
    transition: all .3s;
}

#header.scroll #logo {
    display: none;
}

#header.scroll #logo-scrool {
    display: block;
}

#header.scroll #logo-scrool img {
    width: 200px;
    height: 24px;
}

#header.scroll .navbar_header_logo {
    margin-top: 0;
}

#header.scroll .top-menu {
    display: none;
}

#header.scroll #menu-principale a {
    padding-bottom: 6px;
    color: #1f2020;
}

#header.scroll #menu-principale a:hover {
    border-color: #1f2020;
}

#header.scroll #search-header a {
    color: #beb8b8;
}

#logo-mobile,
#logo-mobile-secondary {
    display: none;
}

#logo-mobile img {
    width: 200px;
    height: 24px;
}

.navbar_header_logo {
    float: left;
    margin-top: 22px;
}

#area-menu {
    float: right;
    font-family: 'Lato', sans-serif;
}

#area-menu.openfromleft {
    -webkit-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%);
    pointer-events: auto;
}

.top-menu {
    position: relative;
    top: -5px;
    transition: all .3s;
}

.lingua {
    float: right;
    font-size: 16px;
    position: relative;
}

.lingua p {
    color: #beb8b8;
    text-decoration: none;
    float: right;
    font-size: 17px;
    font-weight: 300;
}

#current-lingua {
    float: right;
}

.bottom-menu {
    transition: all .3s;
}

#search-header {
    float: right;
    margin-left: 10px;
    border-left: 1px solid #fff;
    font-size: 18px;
    padding: 5px 0 5px 20px;
    margin-top: -5px;
}

#search-header a {
    color: #fff;
}

#menu-principale {
    float: right;
}

.megamenu {
    position: absolute;
    left: 0;
    top: 114px;
    width: 100%;
    background-color: #fff;
    box-shadow: 0 3px 5px rgba(0, 0, 0, .16)inset, 0 3px 5px rgba(0, 0, 0, .16);
    transition: height .3s, top .3s;
    overflow: hidden;
    height: 0;
    opacity: 0;
}

.mobile-menu-social {
    display: none;
}

.mobile-menu-social ul {
    list-style: none;
    margin-top: 10px;
}

.mobile-menu-social ul i {
    font-size: 24px;
}

.mobile-menu-social p {
    font-weight: 500;
    letter-spacing: 1px;
    border-bottom: 2px solid #212223;
    padding-bottom: 4px;
}

#area-menu.openfromleft .mobile-menu-social {
    display: block;
    padding: 0 24px 0;
    box-sizing: border-box;
    margin-top: 10px;
}

#menu-principale ul {
    margin: 0;
    padding: 0;
}

#menu-principale li {
    margin: 0;
    padding: 0;
    list-style: none;
    display: inline-block;
}

.sub-menu li.current-menu-item a {
    color: #1f2020 !important;
}

#menu-principale li.current-menu-item a,
#menu-principale li.activelink a {
    color: #fff;
    border-color: #fff;
    text-decoration: none;
    font-weight: 400;
}

.header-second #menu-principale li.current-menu-item a {
    color: #53565a;
    font-weight: 400;
    border-color: #53565a;
}

.header-second #search-header a {
    color: #beb8b8;
}

.header-second #menu-principale a:hover {
    border-color: #53565a;
    text-decoration: none;
}

#menu-principale a {
    display: inline-block;
    font-size: 18px;
    color: #fff;
    margin: 0 10px;
    padding-bottom: 3px;
    border-bottom: 2px solid transparent;
    text-decoration: none;
    transition: all .3s;
    font-weight: 300;
}

#menu-principale a:hover {
    border-color: #fff;
    text-decoration: none;
}

#menu-menu-principale li {
    position: relative;
}

ul.sub-menu {
    position: absolute;
    min-width: 350px;
    height: auto;
    left: 6px;
    top: 27px;
    padding-top: 20px !important;
    box-sizing: border-box;
    box-shadow: 0 10px 20px rgb(0 0 0 / 19%), 0 6px 6px rgb(0 0 0 / 23%);
    z-index: 999;
    transition: all .3s;
    display: none;
}

ul.sub-menu li {
    display: block !important;
    background-color: #fff;
}

#menu-principale .sub-menu a {
    padding-bottom: 0;
    border-bottom: none;
    font-size: 17px;
    margin: 3px 8px 3px;
    color: #1f2020;
}

#menu-principale .sub-menu a:hover {
    font-weight: 400;
    transition: all 0s;
}

ul#menu-menu-principale li:hover .sub-menu {
    display: block;
}

#header.scroll ul.sub-menu {
    top: 36px;
}

.cursor-disable {
    cursor: pointer;
}

.cursor-disable a:first-of-type {
    pointer-events: none;
}

.sub-menu.active_mobile_view {
    display: block !important;
}

.title-box-front {
    position: absolute;
    margin: 0 auto;
    width: 70%;
    z-index: 9;
    left: 50%;
    margin-left: -35%;
    text-align: center;
    bottom: calc(100vh - 600px);
}

section.slide-image .title-box-front h1 {
    position: initial;
    font-size: 45px;
    font-weight: 600;
    color: #fff;
    text-transform: none;
    line-height: 50px;
    margin-bottom: 10px;
}

.title-box-front h2 {
    color: #e3e3e3;
    font-size: 20px;
    font-weight: 400;
    line-height: 26px;
    margin-top: 0px;
}

#area-menu.openfromleft nav#menu-principale li a {
    color: #1b1b1b;
    font-size: 16px;
    font-family: Montserrat, sans-serif;
    padding: 3px 7px 3px 23px;
}

#area-menu.openfromleft nav#menu-principale {
    border-top: 1px solid #ccc;
    margin: -16px 0 0;
    padding-top: 14px;
}

#area-menu.openfromleft nav#menu-principale ul.sub-menu {
    padding: 0 !important;
    margin-left: 10px;
    min-height: 100px;
}

#area-menu.openfromleft nav#menu-principale li.current_page_item a,
#area-menu.openfromleft nav#menu-principale ul.sub-menu li.current-menu-item a {
    font-weight: 500;
}


/*-------start search box--------*/

#overlay {
    position: fixed;
    top: 0;
    left: 0;
    display: none;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6);
    z-index: 99999;
    -webkit-animation: fade 1s;
    -moz-animation: fade 1s;
    animation: fade 1s;
    overflow: auto;
}

.popup {
    text-align: center;
    position: absolute;
    height: 200px;
    width: 350px;
    margin: -100px 0 0 -175px;
    top: 50%;
    left: 50%;
    background: transparent;
    z-index: 1000;
    -webkit-animation: fade 3s;
    -moz-animation: fade 3s;
    animation: fade 3s;
}

#overlay input.search-field {
    font-size: 26px;
    background: transparent;
    border: none;
    border-bottom: 1px solid #fff;
    color: #fff;
    width: 350px;
    text-align: center;
    font-weight: 300;
    font-family: Lato, sans-serif;
    padding-bottom: 5px;
}

.close {
    position: fixed;
    top: 15px;
    right: 15px;
    color: #488801;
    background-color: transparent;
    border: 1px solid #488801;
    opacity: 1;
    padding: 10px 17px;
    font-size: 27px;
    transition: all .3s;
    cursor: pointer;
}

.close:hover {
    background-color: #488801;
    color: #fff;
}

.close:before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f00d";
    font-size: 26px;
    color: #fff;
}

.serch-button {
    border-radius: 0;
    font-size: 14px;
    line-height: 22px;
    color: #fff;
    border: 1px solid #fff;
    background: transparent;
    padding: 6px 20px;
    display: inline-block;
    text-decoration: none;
    font-weight: 400;
    font-family: Lato, sans-serif;
    margin-top: 20px;
    transition: all .3s;
}

.serch-button:hover {
    background: #fff;
    color: #53565a;
    cursor: pointer;
}


/*-------end search box--------*/


/*=========HOME===========*/

.title-front {
    font-size: 30px;
    font-weight: 600;
    line-height: 36px;
    text-transform: uppercase;
    margin-bottom: 5px;
}

.slide-home {
    background-size: cover;
    width: 100%;
}

.slide-image {
    position: relative;
}

section.slide-image {
    position: relative;
    padding: 0;
    height: 100vh;
    overflow: hidden;
}

.tecnocryo_video video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 1;
}

.up-background-video {
    position: absolute;
    z-index: 2;
    height: 100%;
    width: 100%;
    background: rgba(0, 0, 0, .5);
}

.cb-slideshow div.slide-image {
    height: calc(100vh - 96px)
}

section.slide-image .slick-prev {
    display: none;
    left: 30px;
    z-index: 9;
}

section.slide-image .slick-next {
    /* display: none;*/
    right: 30px;
    z-index: 9;
}

section.slide-image h1 {
    position: absolute;
    z-index: 9;
    color: #9b9b9b;
    font-size: 14px;
    font-weight: 400;
    top: 15px;
    left: 21px;
    text-transform: uppercase;
}

.img-slide-mobile {
    display: none;
}

.slide-container.slick-initialized.slick-slider {
    height: 100vh;
    display: flex;
    align-items: flex-end;
    position: relative;
    z-index: 999;
}

.slide-box {
    margin: 0 50px 20px 0px;
    padding: 55px 15px 0 30px;
    box-sizing: border-box;
    color: #1f2020;
    font-family: Lato, sans-serif;
    position: relative;
    float: right;
}

.slide-box .slide-box p {
    font-size: 16px;
    line-height: 18px;
    margin-top: 5px;
}

.slide-box ul {
    list-style: inside;
}

.slide-box h2 {
    font-weight: 500;
    font-size: 16px;
    line-height: 1.1;
    color: #b5e6b3;
    text-transform: uppercase;
}

.slide-box p:last-of-type a {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    right: 0;
}

.we-are {
    display: flex;
    align-content: flex-start;
    padding: 80px 0 20px;
}

.we-are .col-10 {
    margin: 10px auto;
}

p.subtitle {
    margin-top: 15px;
}

.title-center {
    text-align: center;
}

.block-letters {
    text-transform: uppercase;
    font-size: 16px;
    letter-spacing: 2px;
    border-bottom: 1px solid #488801;
    margin-bottom: 30px;
    font-weight: 500;
    color: #488801;
    padding: 0 70px;
    text-align: center;
    display: inline-block;
}

.list-product .col-1 {
    min-height: 1px;
    position: relative;
}

.product-box {
    padding-left: 7px;
    padding-right: 7px;
    margin-bottom: 20px;
    box-sizing: border-box;
}

.product-box-inside a.image-post {
    overflow: hidden;
    display: block;
}

section.list-product.aos-init.aos-animate h2 {
    margin-bottom: 60px;
}

.product-box img {
    display: block;
    max-width: 100%;
    height: auto;
    transition: all .3s;
}

.product-box img:hover {
    transform: scale(1.1);
}

.product-box .text {
    background-color: transparent;
    padding: 20px;
}

.product-box .text h3 {
    margin: 0 0px 18px;
    font-weight: 600;
    font-size: 20px;
    border-bottom: 1px solid #d6dadf;
    padding-bottom: 10px;
    color: #191997;
}

.product-box .text p {
    text-align: center;
    font-size: 16px;
}

span.slide-preview,
span.slide-nextt {
    position: absolute;
    top: 193px;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    text-align: center;
    line-height: 30px;
    padding: 10px;
    color: #fff;
    cursor: pointer;
    transition: all .3s;
    background: rgb(214 218 223 / 40%);
    border: 1px solid #fff;
}

span.slide-preview:hover,
span.slide-nextt:hover {
    border: 1px solid #9da1a6;
    color: #9da1a6;
}

span.slide-preview {
    left: 50%;
}

span.slide-nextt {
    right: 50%;
}

.list-product {
    background: url(../image/home/tecnocryo-apparecchiature-gas-tecnici.png) no-repeat;
    background-repeat: no-repeat;
    background-position: left 90px bottom 10px;
    background-size: initial;
}

.list-product .col-1,
.list-product .col-10 {
    float: left;
}

.about-application .container {
    display: flex;
    justify-content: space-between;
}

.about-item.container .col-8 {
    display: flex;
    justify-content: space-evenly;
}

.about-application {
    padding: 70px 0;
    margin-top: 35px;
}

.elementor-widget-container {
    padding: 0 45px;
    box-sizing: border-box;
}

.number-counter {
    padding: 30px 30px 25px 38px;
    position: relative;
    border: 10px solid #393C42;
    -webkit-tap-highlight-color: transparent;
    z-index: 0;
    transition: 1s;
    align-items: center;
    justify-content: flex-start;
    display: flex;
    box-sizing: border-box;
}

.number-counter::before {
    position: absolute;
    background-color: #23262D;
    z-index: -1;
    transition: 1s;
    content: "";
    height: 10px;
    width: 55%;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 58%;
    top: -10px;
}

.number-counter::after {
    position: absolute;
    background-color: #23262D;
    z-index: -1;
    transition: 1s;
    content: "";
    height: 10px;
    width: 55%;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 58%;
    bottom: -10px;
}

.number-counter:hover::before,
.number-counter:hover::after {
    background-color: #393C42;
}

.number-counter-wrapper {
    align-items: center;
    flex-direction: row;
    flex-grow: 1;
    display: flex;
    margin-bottom: 10px;
    box-sizing: border-box;
}

.number-counter-number-wrapper {
    margin: 0px 10px 0px 0px;
    display: flex;
    font-size: 69px;
    font-weight: 600;
    line-height: 1;
}

span.number-counter-number {
    color: #daa14c;
    font-size: 80px;
    line-height: 80px;
    font-weight: 800;
    font-family: Lato, sans-serif;
}

.number-counter-title {
    color: #FFFFFF;
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    text-align: inherit;
}

.about-item h2 {
    text-transform: uppercase;
    font-size: 16px;
    letter-spacing: 2px;
    border-bottom: 1px solid #488801;
    margin: -6px 0 30px;
    font-weight: 500;
    color: #fff;
    text-align: left;
    display: inline-block;
    padding-right: 20px;
}

p.about-us {
    font-size: 30px;
    font-weight: 600;
    line-height: 36px;
    color: #fff;
    text-transform: uppercase;
}

.about-item .col-4:nth-of-type(2) {
    padding: 0 20px;
    box-sizing: border-box;
}

.about-item .col-4:nth-of-type(3) {
    padding-top: 10px;
    padding-left: 20px;
    box-sizing: border-box;
}

.about-item .col-4:nth-of-type(3) p {
    color: #9b9b9b;
    margin-top: -10px;
}

.button-white {
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    line-height: 24px;
    letter-spacing: 1.2px;
    padding: 10px 30px 10px 30px;
    background: #30373e;
    color: #fff;
    text-decoration: none;
    display: inline-block;
    margin-top: 42px;
    transition: all .3s;
}

.button-white:hover {
    background: #fff;
    color: #30373e;
}

.button-green {
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    line-height: 24px;
    letter-spacing: 1.2px;
    padding: 10px 30px 10px 30px;
    background: #488801;
    color: #fff;
    text-decoration: none;
    display: inline-block;
    margin-top: 42px;
    transition: all .3s;
    margin-bottom: 30px;
}

.button-green:hover {
    background: #fff;
    color: #30373e;
}

.app-list {
    padding: 100px 0;
}

.event-box {
    position: relative;
    height: 700px;
}

.event_info {
    position: absolute;
}

.event_img {
    background-color: transparent;
    background-image: linear-gradient(180deg, #FFFFFF00 40%, #000000 100%);
    opacity: 1;
    transition: background 0.3s, border-radius 0.3s, opacity 0.3s;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
}

.event_info {
    position: absolute;
    bottom: 0;
    padding: 50px 40px 60px 40px;
}

.about-item .col-4 p {
    color: #b7b2b2;
}

.event_info h3 {
    font-size: 30px;
    color: #fff;
    line-height: 30px;
    letter-spacing: -1px;
    margin-bottom: 5px;
}

.event_info p {
    color: #d1d1d1;
}

.event_info a {
    color: #fff;
    text-decoration: none;
    padding-bottom: 3px;
    border-bottom: 1px solid #488801;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 600;
    margin-top: 20px;
    display: inline-block;
    letter-spacing: 1px;
}

.app-list .container {
    display: flex;
    padding-left: 0;
    padding-right: 0;
}

.app-info {
    padding-left: 10%;
    margin-top: 20px;
}

#crescitap p {
    font-size: 18px;
}

p.top-title {
    text-transform: uppercase;
    font-size: 15px;
    letter-spacing: 4px;
    margin-bottom: 15px;
    font-weight: 500;
    color: #488801;
}

.list-app {
    display: flex;
    justify-content: right;
}

p.app_subtitle {
    margin: 3px 0 30px;
}

.product-box-inside.app {
    box-shadow: none;
}

.product-box-inside.app .text {
    padding: 10px 0 10px;
    text-align: left;
}

.product-box-inside.app .text p {
    text-align: left;
}

.product-box-inside.app .text h3 {
    margin: 13px 0 22px;
    font-weight: 600;
    font-size: 27px;
    font-family: Lato, sans-serif;
    line-height: 30px;
}

.center.all-button {
    margin-top: 20px;
}

section.category-news .container {
    display: flex;
    justify-content: space-between;
    padding-left: 0;
    padding-right: 0;
}

section.category-news .container .col-9 {
    display: flex;
    justify-content: space-between;
}

.category-news {
    padding: 100px 0;
}

.out-cat-box {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    border-radius: 0;
    overflow: hidden;
}

.cat-info {
    position: absolute;
    top: 0;
    left: -30px;
    right: 0;
    bottom: 0;
    width: calc(100% + 30px);
    transform: translateX(0);
    transition-duration: 300ms;
}

.app-info.news-info {
    padding-left: 0;
    padding-right: 60px;
}

.link-first {
    position: relative;
    transition: 0.3s;
    overflow: hidden;
    text-decoration: none;
    display: block;
}

.cat-box {
    position: absolute;
    bottom: 0%;
    width: 100%;
    height: 100%;
    pointer-events: none;
    left: 0;
    z-index: 2;
    transition-duration: 900ms;
}

.category-box:not(:hover) .cat-box {
    background: rgba(255, 255, 255, .8);
}

.category-box:hover .cat-info {
    transform: translateX(20px);
}

.sub-cat-box {
    min-height: 320px;
    padding: 35px 25px 30px 30px;
    justify-content: flex-start;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    text-align: left;
    position: relative;
    z-index: 9;
}

.logo-light h2 {
    text-transform: uppercase;
    font-size: 16px;
    letter-spacing: 1px;
    margin-bottom: 15px;
    font-weight: 500;
    color: #060192;
    font-family: Lato, sans-serif;
}

.news-info-box h3 {
    color: #1f2020;
    font-size: 18px;
    font-weight: 600;
    font-family: Lato, sans-serif;
    transition-duration: 300ms;
}

.news-info-box p {
    margin: 10px 0 20px;
    font-size: 15px;
}

p.not-link {
    color: #1f2020;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 1px;
}

.category-box {
    padding: 0 10px;
    box-sizing: border-box;
}

.category-box:hover .news-info-box h3,
.category-box:hover p.not-link,
.category-box:hover .news-info-box p {
    color: #fff;
}

.category-box:hover .logo-light h2 {
    color: #488801;
}

.app-info h2 {
    margin: 20px 0 30px;
}

.certificate {
    position: relative;
}

.certificate {
    padding: 60px 0;
}

ul.certificates {
    list-style: none;
    display: inline-block;
}

ul.certificates img {
    width: 50px;
    height: auto;
    float: left;
    margin-right: 20px;
}

ul.certificates li {
    margin: 30px 0;
    color: #807f7f;
    display: inline;
}

.certificate .app_subtitle {
    color: #9B9B9B;
}


/*=========CATALOGO REGOLATORE FLUSSI=========*/

.last-link.cta-grey h2,
.last-link.cta-grey p.app_subtitle {
    color: #1f2020;
}


/* ==========================================================================
   Stili per protezione PDF e Popup CF7
   ========================================================================== */


/* Messaggio di errore password */

.pdf-error-msg {
    color: #ff0000;
    margin-top: 10px;
}


/* Divisore form */

.pdf-divider {
    margin: 20px 0;
    border: 0;
    border-top: 1px solid #eeeeee;
}


/* Bottone richiesta password */

.pdf-req-btn {
    margin-top: 10px;
}


/* Sfondo scuro del Popup Modale */

.pdf-popup-overlay {
    display: none;
    /* Nascosto di default */
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.8);
    z-index: 9999;
}


/* Contenitore bianco del form dentro il popup */

.pdf-popup-content {
    position: relative;
    max-width: 600px;
    margin: 10% auto;
    background: #ffffff;
    padding: 30px;
    border-radius: 8px;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
}


/* Tasto chiusura (X) del popup */

.pdf-popup-close {
    position: absolute;
    top: 10px;
    right: 15px;
    cursor: pointer;
    font-size: 24px;
    color: #333333;
    transition: color 0.3s ease;
}

.pdf-popup-close:hover {
    color: #ff0000;
}

form.pass-form {
    margin-top: 15px;
}

.input-psw {
    margin: 5px 0 0px;
}

button.button.pdf-submit-btn.default-button.parallax-white {
    margin-top: 10px;
    padding: 6px 25px;
}

button.button.pdf-submit-btn.default-button.parallax-white:hover {
    background: #efefef;
}

h3.pdf-text-form {
    font-weight: 600;
}

p.acceptPolicy.passw-pdf-apv label {
    font-size: 12px;
}


/*=========LAVORA CON NOI=========*/

.accordionfaq .set>h3 i {
    float: none;
    margin-left: 0;
}

.accordionfaq .col-6:first-of-type {
    text-align: initial;
}

.accordionfaq .accordiontext p {
    padding: 10px 5px;
}

.accordionfaq .col-6 {
    padding: 40px 20px 40px;
}

.accordionfaq .accordiontext {
    display: none;
}

.set {
    border-bottom: 1px solid #363636;
}

.accordionfaq {
    padding: 60px 0 40px;
}

.accordion-container h2 {
    text-transform: uppercase;
    margin-bottom: 20px;
}

.accordion-container.product-box h3 {
    text-transform: uppercase;
    font-weight: 500;
    padding: 10px 5px;
    box-sizing: border-box;
}

.accordion-container.product-box h3 i {
    float: right;
    margin-top: 5px;
}

.accordion-container ul {
    list-style: inside;
    margin-left: 5px;
}

p.search-job {
    margin: 5px 0;
}

.form_job {
    display: flex;
    justify-content: center;
    padding: 40px 0;
}

#candidatura_file {
    margin-bottom: 10px;
}


/*=========CONTACT==========*/

.grecaptcha-badge {
    visibility: hidden;
}

.contact-data {
    padding: 60px 0;
    box-sizing: border-box;
}

.contact-data ul {
    list-style: none;
    border-bottom: 1px solid #e5e5e5;
    padding: 15px 0;
    box-sizing: border-box;
}

.contact-data .container .col-8 .col-6 {
    padding: 15px 8% 15px 0;
    box-sizing: border-box;
}

.contact-data ul i {
    color: #488801;
    margin-right: 12px;
}

.contact-data .app-info {
    padding: 0;
}

.contact-data .container,
.contact-data .container .col-8 {
    display: flex;
    justify-content: space-around;
}

li.first-line h3 {
    font-weight: 600;
    font-family: Lato, sans-serif;
    font-size: 17px;
}

li.first-line {
    margin-bottom: 15px;
}

li.sub-list {
    margin-top: 20px;
}

section.contact-data.clearfix a {
    text-decoration: none;
}

.contact-data .container .col-8 a {
    color: #424144
}

.contact-data .container .col-8 ul.mail-list-contact a {
    color: rgb(65 66 68 / 90%);
    font-family: Lato, sans-serif;
}

ul.mail-list-contact i {
    margin: 0;
}

.full-page h2 {
    padding: 0px 0 20px;
}

.standart-init h2 {
    padding: 0;
}

.contact-form {
    display: flex;
    justify-content: center;
    margin-top: 40px;
}

.insideform .col-6 {
    width: 46%;
    float: left;
    margin: 7px 2% 7px;
}

.insideform .col-6 p,
.insideform .col-12 p {
    text-align: left;
}

.insideform label {
    font-size: 15px;
}

.insideform .col-12 {
    margin: 10px 2% 7px;
    width: 96%;
    display: inline-block;
}

.textform,
.textareaform,
.formtext,
.formtextarea {
    display: block;
    width: 100%;
    padding: 14px 12px;
    box-sizing: border-box;
    border: 0 none;
    font-size: 17px;
    line-height: 18px;
    color: #333;
    font-family: Lato, sans-serif;
    font-weight: 300;
    background-color: rgb(243 243 243 / 80%);
}

.formtext,
.formtextarea {
    background: rgba(255, 255, 255, .8);
    margin-top: 4px;
}

.textareaform,
.formtextarea {
    height: 100px;
    margin: 0px 0 12px;
}

p.acceptPolicy {
    font-size: 12px;
    text-align: initial;
}

p.camp {
    text-align: initial;
    font-size: 14px;
}

.wpcf7-spinner {
    display: none;
}

.sub-button.default-button {
    margin-top: 30px;
}

.contact-form-data {
    padding-bottom: 70px;
    padding-top: 60px;
}

.formtext,
.formtextarea {
    background: rgba(255, 255, 255, .8);
    border: 1px solid #625757;
}


/*=========COMPANY===========*/

section#team-image .container h2 {
    width: 100%;
}

.quality-box {
    margin-top: 25px;
}

.company-present .container {
    display: flex;
}

.company-present .container .col-3 {
    position: relative;
    margin-right: 50px;
}

.company-present .container .col-3::before {
    content: '';
    width: 2px;
    height: 80px;
    background-color: #060192;
    position: absolute;
    left: 30px;
    top: -40px;
}

.navleft {
    padding: 60px 30px 30px;
    background: transparent;
    box-sizing: border-box;
    box-shadow: 0 30px 50px rgb(0 0 0 / 16%);
    position: relative;
    background: rgba( 255, 255, 255, 0.10);
    box-shadow: 0 8px 32px 0 rgb(31 38 135 / 37%);
    border: 1px solid rgba( 255, 255, 255, 0.18);
}

.left-menu-page ul {
    list-style: none;
}

.navleft::before {
    position: absolute;
    top: -12%;
    left: 0;
    bottom: -12%;
    right: 14%;
    content: "";
    background-color: #f7f7f6;
    -webkit-transform: skewY( -10deg);
    -moz-transform: skewY(-10deg);
    transform: skewY( -10deg);
    z-index: -1;
}

.company-present {
    padding: 90px 0 90px;
}

section#team-image .container:first-of-type {
    flex-wrap: wrap;
    justify-content: center;
}

section#team-image .container:first-of-type h3 {
    color: #488801;
    text-transform: uppercase;
    font-size: 16px;
}

section#team-image .container:nth-child(2) {
    margin-top: 60px;
}

.left-menu-page ul li a {
    display: block;
    color: #53565a;
    margin: 10px 0;
    font-weight: 500;
    text-transform: uppercase;
    font-size: 16px;
    position: relative;
    text-decoration: none;
    font-family: Lato, sans-serif;
    line-height: 21px;
}

.company-present .col-9 h3 {
    color: #488801;
    text-transform: uppercase;
    margin: 10px 0 15px;
}

.fade-box-up {
    position: relative;
}

.fade-box-up::before {
    content: '';
    background-color: #f5f5f5;
    height: calc(50% + 60px);
    width: 100%;
    top: 50%;
    left: 0;
    position: absolute;
}

.cp-box.brochure-box.product_list {
    margin-left: 100px;
}

.cp-box.brochure-box.product_list a {
    font-size: 14px;
}

.cp-box.brochure-box.product_list a {
    margin-top: 10px;
}

.text_animated_content {
    padding: 30px 90px 90px;
    background-color: #060192;
    position: relative;
    box-shadow: 0 30px 50px rgb(0 0 0 / 16%);
}

.text_animated_content h2 {
    font-size: 60px;
    color: rgba(255, 255, 255, .5);
    margin-bottom: 30px;
}

.text_animated_content p {
    font-size: 18px;
    color: #fff;
    font-weight: 400;
    padding-left: 20px;
}

.line_from_left {
    position: absolute;
}

.line_from_left {
    position: absolute;
    height: 2px;
    width: 100px;
    background: #488801;
    top: 40px;
    left: -60px;
}

.standard_box h2 {
    text-transform: uppercase;
}

.standard_box {
    display: flex;
    justify-content: space-between;
}

.standard_box .col-6:first-of-type {
    display: flex;
}

.standard_box .col-6:nth-of-type(2) {
    padding: 30px 0 0 75px;
    box-sizing: border-box;
}

section#sostenibilita {
    padding: 100px 0;
}

.standard_box .col-6:nth-of-type(2) h2 {
    margin-bottom: 10px;
}

.academy_section p {
    margin-bottom: 10px;
}

section#crescitap .academy_section h2 {
    margin-bottom: 16px;
    color: #1f2020;
}

.standard_box .col-6:nth-of-type(2) p.app_subtitle {
    margin: 3px 0 20px;
}

.leaf-image {
    position: relative;
    margin-top: 65px;
}

.leaf-image img {
    position: absolute;
    top: -70px;
    opacity: .7;
    left: -14px;
}

.full-job {
    display: flex;
    padding: 0;
}

.cp-dx {
    font-size: 14px;
    font-weight: 400;
}

.job_section_lf {
    background: linear-gradient(to left, rgba(0, 0, 0, .9) 40%, rgba(0, 0, 0, .4)), url(../image/tecnocryo-servizi-impianti-distribuzione-gas-tecnici.jpg) no-repeat 180% 0;
    min-height: 300px;
    position: relative;
    background-attachment: fixed;
    background-size: cover;
    padding: 60px;
    box-sizing: border-box;
    text-align: right;
}

section#crescitap h2 {
    color: #fff;
    text-transform: uppercase;
}

section#crescitap p.white {
    color: #fff;
}

.academy_section {
    padding: 20px 40px 0;
    box-sizing: border-box;
}

.academy_section img {
    margin: 10px 0 20px;
}

.default-button.parallax-white {
    background: #488801;
    color: #fff;
    border-color: #488801;
    margin-top: 40px;
}

.default-button.parallax-white:hover {
    background: #fff;
    color: #488801;
    border-color: #fff;
}

#crescitap .container {
    display: flex;
}

#crescitap .container .co-8 {
    padding-right: 8%;
    box-sizing: border-box;
}

.we-are h2 {
    text-transform: uppercase;
}

#company_story_list {
    padding: 60px 0;
    position: relative;
}

#company_story_list .container {
    position: relative;
}

#company_story_list:before {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 465px;
    content: '';
    background-color: #f7f7f7;
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 38%, 0% 100%);
    clip-path: polygon(0 0, 100% 0, 100% 38%, 0% 100%);
}

.company_division_image_box {
    display: none;
}

.company_division_image_box.active {
    display: block;
}

ul.company_division li {
    display: block;
    color: #53565a;
    margin: 10px 0;
    font-weight: 500;
    text-transform: uppercase;
    font-size: 16px;
    position: relative;
    text-decoration: none;
    font-family: Lato, sans-serif;
    line-height: 21px;
    cursor: pointer;
}

ul.company_division li.active {
    color: #488848;
}

.company_division_image_box h2 {
    font-size: 20px;
    text-transform: uppercase;
    font-weight: 500;
}

.company_division_image_box h3 {
    font-size: 14px;
    font-size: 14px;
    font-weight: 500;
    margin: 0px 0 10px !important;
}

.company_division_image_box p {
    margin-bottom: 20px;
}

.company-present .col-9 {
    padding-right: 5%;
    box-sizing: border-box;
    position: relative;
}

.world_in_bk::after {
    content: url(../image/home/tecnocryo-milano.png);
    position: absolute;
    top: 6px;
    right: 0;
}

#team {
    padding: 90px 0 0px;
}

.company_story {
    display: flex;
}

.company_story .col-6:nth-child(2) {
    text-align: left;
    padding: 10px 0 0 75px;
    box-sizing: content-box;
}

.company_story {
    padding: 60px 0;
}

.company_story .col-6:nth-child(2) h2 {
    text-transform: uppercase;
    margin-bottom: 20px;
}

.event_description.slick-slide.slick-current p {
    color: #060192;
    font-weight: 400;
}

.sedi_tecnocryo {
    background: url(../image/tecnocryo-iberica.png);
    background-repeat: no-repeat;
    background-position: top center;
    background-size: cover;
    padding: 90px 0 90px;
    margin-top: -50px;
}

.sedi_tecnocryo .box_sedi {
    display: flex;
    padding: 40px 0;
}

.sedi_tecnocryo h2 {
    margin: -20px 0 30px 0;
}

.box_sedi .col-4 {
    box-shadow: 0 3px 36px 0 rgba(0, 0, 0, .11);
    margin: 0 10px 15px;
    padding: 40px 20px;
    box-sizing: border-box;
}

.box_sedi .col-4 h3,
p.address_tcr {
    margin-bottom: 25px;
}

.box_sedi .col-4 h3 {
    color: #488801;
    font-weight: 500;
}

section.clearfix.quality-box.grey {
    margin: 25px 0 -50px;
    padding-bottom: 0;
}


/*===========timtline===============*/

.loading-bar__wrapper {
    padding: 0px 40px 0px;
    box-sizing: border-box;
}

.loading-bar__wrapper label {
    display: block;
    font-size: 0.9rem;
    margin-bottom: 12px;
    font-style: italic;
    font-weight: bold;
    color: #00ffa4;
}

.loading-bar {
    height: 11px;
    border-radius: 100px;
    justify-content: space-around;
}

#company_story_list .slick-slide {
    margin-top: 6px;
}

.loading-bar.slick-initialized.slick-slider::before {
    content: "";
    display: block;
    position: absolute;
    height: 1px;
    width: 100%;
    background: #d1d1d1;
    top: 25px;
    color: #1f2020;
}

.loading-bar-bullet::before {
    content: "";
    display: block;
    height: 16px;
    width: 16px;
    border-radius: 50%;
    z-index: 999;
    margin-top: 0px;
    border: 1px solid #d1d1d1;
    cursor: pointer;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f1da";
    line-height: 16px;
    text-align: center;
    padding: 10px;
    font-size: 19px;
    background: #f5f5f5;
}

.loading-bar-bullet {
    font-size: 16px;
    font-weight: 500;
    line-height: 37px;
    color: #488801;
    letter-spacing: 1px;
}

.slick-current.loading-bar-bullet::before {
    height: 18px;
    width: 18px;
    margin-top: -3px;
    margin-left: -9px;
    padding: 14px;
    border-radius: 50%;
    background: #d1d1d1;
    color: #fff;
    box-shadow: inset 7px 7px 14px #c0c0c0, inset -7px -7px 14px #cccccc;
    background: linear-gradient(145deg, #d4d4d4, #b2b2b2);
    box-shadow: -6px -6px 10px rgb(255 255 255 / 80%), 6px 6px 10px rgb(0 0 0 / 20%);
}

.labels {
    margin-top: 90px;
    text-align: center;
}


/* Arrows */

#company_story_list .slick-prev,
#company_story_list .slick-next {
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 50%;
    display: block;
    width: 20px;
    height: 32px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none;
    background: transparent;
    margin-top: 20px;
}

.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
    color: transparent;
    outline: none;
    background: transparent;
}

.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
    opacity: 1;
}

.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
    opacity: 0.25;
}

.slick-prev:before,
.slick-next:before {
    font-size: 32px;
    line-height: 1;
    opacity: 0.75;
    color: #000000;
    font-family: FontAwesome;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-prev {
    left: -40px;
}

.slick-prev:before {
    content: "\f104";
}

.slick-next {
    right: -40px;
}

.slick-next:before {
    content: "\f105";
}

.container.timeline {
    margin-top: 40px;
}


/*=========ARTICLE PAGE - HOME ===========*/

.home_article {
    padding: 90px 5px;
    box-sizing: border-box;
}

.home_article .masonry-grid-column {
    padding: 15px;
    box-sizing: border-box;
}

ul.post-categories {
    list-style: none;
}

ul.post-categories li {
    display: inline;
    margin-right: 5px;
}

ul.post-categories li a {
    color: #488801;
    font-weight: 500;
    font-size: 16px;
}

.home_article .masonry-grid-item span {
    float: left;
    color: #488801;
}

.titlenews {
    font-size: 22px;
    font-weight: 600;
    line-height: 26px;
    margin: 5px 0 15px;
}

.titlenews a {
    color: #1f2020;
}

.news-excerpt {
    margin-bottom: 8px;
}

.col-masonary-item {
    margin-bottom: 40px;
}

a.image-post {
    overflow: hidden;
    display: block;
}

a.image-post img {
    transition: all .3s;
}

a.image-post:hover img {
    transform: scale(1.1);
    opacity: .8;
}


/*=========ARTICLE SINGLE===*/

.top-single-post {
    display: flex;
}

.breadcrumps-box.single_page p.breadcrumbs {
    background: transparent;
}

.breadcrumps-box.single_page a {
    color: #53565a;
}

.breadcrumps-box.single_page p {
    color: #488801;
    text-transform: uppercase;
    font-weight: 400;
    font-size: 12px;
}

.breadcrumps-box.single_page {
    padding-left: 0;
    margin-top: 30px;
}

.title-and-image.col-8 {
    display: flex;
}

.title-and-image.col-10 .col-6 {
    padding: 0 20px 0;
    box-sizing: border-box;
}

.col-6.title-post-sx {
    padding-right: 20px;
    box-sizing: border-box;
}

p.news-time {
    font-size: 14px;
    color: #807c7c;
}

.col-6.title-post-sx h1 {
    margin: 30px 0 14px;
    font-weight: 500;
    font-size: 35px;
    line-height: 40px;
}

.col-6.title-post-sx h2 {
    font-size: 18px;
    font-weight: 400;
    line-height: 25px;
    color: #605c5c;
}

.heateor_sss_sharing_ul a {
    margin-right: 10px !important;
}

p.social-share {
    margin-top: 40px;
}

.single-sidebar {
    padding: 40px 0;
    display: flex;
}

a.wp-block-latest-posts__post-title {
    color: #212020;
}

section.clearfix.single-news-description p {
    color: #212024;
    font-weight: 300;
}

button.wp-block-search__button.wp-element-button {
    border-radius: 0;
    font-size: 14px;
    line-height: 22px;
    color: #1f2020;
    border: 1px px solid #1f2020;
    padding: 6px 20px;
    display: inline-block;
    text-decoration: none;
    font-weight: 400;
    transition: all .3s;
    font-family: Lato, sans-serif;
}

ul.wp-block-latest-posts__list.wp-block-latest-posts {
    display: flex;
}

ul.wp-block-latest-posts__list.wp-block-latest-posts li {
    padding: 10px 0 10px;
    box-sizing: border-box;
}

.single-news-description .widget-right {
    padding-right: 30px;
    box-sizing: border-box;
}

.single-news-description .wp-block-group__inner-container strong,
.single-news-description label.wp-block-search__label strong {
    font-size: 24px;
    font-weight: 300;
}


/*=========SEARCH PAGE===========*/

.news-box.search-box-result h2 a {
    color: #1f2020;
}

form#search-page {
    display: flex;
    justify-content: center;
}

#search-page input.search-field {
    background-color: transparent;
    border-radius: 0px;
    border-color: #dfe2e2;
    line-height: 1.5;
    padding: 12px 40px;
    border: 1px solid #e5e5e5;
    color: #30373e;
    border-right: none;
    font-size: 16px;
    font-weight: 300;
    font-family: Lato, sans-serif;
}

.titlesearch {
    font-size: 16px;
    margin-bottom: 25px;
    font-weight: 400;
    line-height: 25px;
    color: #1f2020;
}

#search-page input.search-submit {
    border-radius: 0px;
    font-size: 14px;
    line-height: 22px;
    color: #000;
    border: 1px solid #e5e5e5;
    padding: 13.8px 20px;
    text-decoration: none;
    font-weight: 400;
    transition: all .3s;
    font-family: Lato, sans-serif;
    margin-left: -8px;
    cursor: pointer;
}

#search-page input.search-submit:hover {
    color: #fff;
    background-color: #488801;
    border-color: #488801;
}

.search-box-result .new-data p:last-of-type {
    margin: 3px 0 5px;
}

.news-box.search-box-result {
    margin-bottom: 9px;
    padding-bottom: 18px;
}


/*=========CERTIFICAZIONI====*/

.certificazioni .container,
.tecnoproduct .container {
    display: flex;
}

.template_single_page .breadcrumbs {
    color: #488801;
    text-transform: uppercase;
    font-weight: 400;
    font-size: 12px;
}

.content-page h1 {
    font-size: 30px;
    font-weight: 600;
    line-height: 36px;
    text-transform: uppercase;
    margin-bottom: 10px;
}

.content-page h2 {
    font-size: 18px;
    color: #1f2020;
    font-weight: 400;
    line-height: 25px;
    margin-bottom: 10px;
    text-transform: uppercase;
}

.content-page {
    margin: 30px 0;
}

.repeater-box {
    margin-top: 45px;
}

.float_box_loop {
    padding: 30px 90px 40px;
    background-color: #f5f5f5;
    position: relative;
    margin-bottom: 30px;
}

.float_box_loop h3 {
    font-size: 20px;
    font-weight: 600;
    line-height: 36px;
    text-transform: uppercase;
    margin-bottom: 0px;
}

.float_box_loop ul {
    list-style: inside;
}

.float_box_loop ul {
    margin: 10px 0
}

.certificate_table ul li {
    display: flex;
    justify-content: space-between;
    margin: 5px 0;
    border-bottom: 1px solid #ccc;
    font-size: 14px;
    line-height: 36px;
}

.certificate_table ul li .default-button {
    font-size: 12px;
    padding: 2px 16px;
}

.certificate_table.col-10 {
    margin: 0 auto 50px;
}

.float_box_loop p,
.float_box_loop li {
    font-size: 14px;
}

.certificate_table.col-10 .col-2 {
    text-align: right;
}


/*=========SERVIZI==============*/

.tncro-service {
    background: url(../image/slide/tecnocryo-servizi.png);
}

p.plus-button {
    position: absolute;
    bottom: 10px;
    right: 15px;
}

.service-box.col-3 {
    padding: 40px 10px 20px;
    box-sizing: border-box;
    background: transparent;
    transition: all .4s;
    position: relative;
}

.service-list-box .col-12 {
    padding: 0 10px 0;
    box-sizing: border-box;
}

.service-box-inside h3 {
    font-weight: 600;
    margin: 20px 0;
    border-bottom: 2px solid #488801;
    padding-bottom: 10px;
}

p.service_icon {
    width: 120px;
    height: 120px;
    line-height: 180px;
    margin: 0 auto;
    background: rgb(72 136 1 / 10%);
    border-radius: 50%;
}

.service-box.col-4:hover {
    box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
}

.service-box a {
    display: block;
    width: 100%;
    height: 100%;
    z-index: 99;
    position: absolute;
    top: 0;
}

.service_description {
    padding: 0 0 60px;
}

.full_service_text {
    background: #fff;
    margin: 15px 0;
    padding: 40px 20px;
    box-sizing: border-box;
}


/*=========SERBATOI===========*/

.tecnoproduct .container .col-7 {
    padding: 0 20px 0;
    box-sizing: border-box;
}

.list-no-list {
    list-style: none !important;
}

.list-no-list li {
    margin: 5px 0;
}

.prodotti-cpt,
.prodotti-cpt .container {
    position: relative;
}

.product_list .cp-sx i {
    border-color: #fff;
    color: #fff;
}

.step_by_step {
    padding-bottom: 50px;
}

p.title-oblique {
    transform: translateX(-40%)translateY(0%)rotate(-90deg);
    font-size: 120px;
    font-weight: 800;
    color: rgb(6 0 147 / 6%);
    text-transform: uppercase;
    position: absolute;
    left: 35px;
    margin: 0;
    padding: 0;
    top: 0;
    letter-spacing: -6px;
}

p.filling_st {
    transform: translateX(-43%)translateY(100%)rotate(-90deg);
    font-size: 120px;
    font-weight: 800;
    color: rgb(6 0 147 / 6%);
    text-transform: uppercase;
    position: absolute;
    left: 0;
    margin: 0;
    padding: 0;
    top: 0;
    letter-spacing: -6px;
}

.content_middle p,
.content_middle ul,
.content_middle h3,
.content_middle h4 {
    color: #b7b2b2;
}

.cpt-titolo {
    text-transform: uppercase;
    font-size: 15px;
    letter-spacing: 3px;
    margin-bottom: 15px;
    font-weight: 500;
    color: #488801;
    line-height: 22px;
}

h2.cpt-sottotitolo {
    font-size: 40px;
    text-transform: none;
    font-weight: 600;
    line-height: 42px;
    margin: 10px 0 20px;
}

.work_step .content_middle h2.cpt-sottotitolo {
    text-transform: uppercase;
}

.work_step {
    display: flex;
    justify-content: space-between;
    position: relative;
    padding-top: 70px;
}

.col-tank.col-3.slick-slide {
    padding: 0 10px 0;
}

.work_step ul {
    list-style: inside;
}

.col-tank.col-3.slick-slide.slick-active.slick-center {
    opacity: 1;
}

.col-tank {
    padding-right: 2px;
    box-sizing: border-box;
    padding-top: 30px;
}

.col-tank.col-3.slick-slide.slick-active {
    opacity: .3;
}

.col-tank:last-of-type {
    padding-right: 0px;
}

.step_img {
    position: relative;
}

.step_img img {
    filter: grayscale(70%);
}

.step_box {
    position: relative;
    overflow: hidden;
}

.content-page ul.num-sx {
    list-style: none;
}

.step_number {
    position: absolute;
    top: -20px;
    z-index: 9;
    -webkit-text-fill-color: transparent;
    -webkit-text-stroke-width: 2px;
    -webkit-text-stroke-color: #fff;
    font-size: 80px;
    font-weight: 700;
    left: 15px;
    font-family: Lato, sans-serif;
}

ul.num-sx li {
    border-left: 2px solid #bfbfbf;
    padding: 0 0 10px 10px;
    margin: 15px 0;
}

section.tecnoproduct h2 {
    text-transform: none;
}

ul.num-sx span {
    color: #191997;
    font-weight: 600;
}

.step_title {
    padding: 10px 3px;
    box-sizing: border-box;
    width: 100%;
    text-align: center;
    bottom: 20px;
    font-weight: 500;
    color: #fff;
}

.tank_slide_image {
    display: flex;
    padding: 100px 0;
}

.tank_slide_image .col-11 {
    display: flex;
}

.tank_slide_image .col-6:first-of-type {
    padding: 20px 50px 20px 50px;
    box-sizing: border-box;
}

.tank_slide_image .col-6:first-of-type h2 {
    margin-bottom: 20px;
}

.tank_slide_image .slick-track {
    padding: 0;
}

.slick-dots li button:before {
    font-size: 12px;
    top: 10px;
}

.slick-dots {
    bottom: 15px;
}

.slick-dots li.slick-active button:before {
    color: #488801;
}

.single-contact .textform,
.single-contact .textareaform {
    background-color: #fff;
}

.insideform.single-page .col-4 {
    width: 32.6%;
    float: left;
    margin: 7px 0.3% 7px;
}

.insideform.single-page .col-12 {
    margin: -2px 0.4% 7px;
    width: 99%;
    display: inline-block;
}

.col-gallery {
    padding: 0 6px;
    box-sizing: border-box;
}

.work_step .slick-next {
    right: 30px;
}

.work_step .slick-next:before {
    color: #191997;
}

.work_step button.slick-prev.slick-arrow {
    display: none !important;
}

.content-page ul {
    list-style: inside;
}

.content-page ul li {
    padding-bottom: 5px;
}


/*=========FGSS===========*/

.fgss-section {
    margin-top: -40px;
}

.fgss-section h3 {
    text-transform: uppercase;
    font-size: 24px;
    letter-spacing: 0px;
    margin-bottom: 15px;
    font-weight: 600;
    line-height: 22px;
}

.fgss-section h4 {
    text-decoration: underline;
    font-size: 18px;
    letter-spacing: 0px;
    margin-bottom: 0px;
    font-weight: 600;
    line-height: 22px;
}

.fgss-section .container {
    position: relative;
}

.fgss-section .container .line_from_left {
    top: -15px;
}

.fgss-section .presentazione-repeater .first_line_fgss,
.fgss-section .presentazione-repeater .second_line_fgss {
    display: flex;
}

.fgss-section .container .col-6 {
    padding: 10px;
    box-sizing: border-box;
}

.fgss-section .container ul {
    list-style: inside;
}

.second_line_fgss img {
    box-shadow: 0 7px 22px rgba(19, 19, 19, .08);
}

.second_line_fgss {
    margin-top: 20px;
}

.fgss-section-padding {
    padding: 40px 0;
    margin-top: 40px;
}


/*=========LNG===========*/

.last-link h2 {
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin: 20px 0 10px;
}

.last-link p.app_subtitle {
    color: #b7b2b2;
    margin-bottom: 0;
}

a.default-button.to-laravel {
    margin-top: 30px;
}

img.img-inside-gallery {
    margin-top: 35px;
    width: 30px;
    height: 32px;
}

.col-8.image_lg {
    margin: 20px auto;
}

.col-8.image_lg img {
    box-shadow: 0 30px 50px rgb(0 0 0 / 15%);
    max-width: 100%;
    height: auto;
}

.lng-slide .step_img img {
    filter: grayscale(0%);
}

.paragrafo_testo {
    justify-content: center;
    display: block;
    top: 0;
    display: flex;
    align-items: center;
    height: 100%;
    text-align: center;
    flex-wrap: wrap;
    padding: 0 10px;
    box-sizing: border-box;
    width: 100%;
}

.paragrafo_testo p {
    color: #b7b2b2;
    line-height: 20px;
    font-size: 15px;
}

.last-link .app-info {
    padding-left: 15px;
}

.step_by_step .slick-next {
    top: 35%;
}

.work_step .step_by_step .slick-next::before {
    border: 2px solid #191997;
}

.work_step .step_by_step .slick-next {
    top: 41%;
}

.step_by_step .slick-next::before {
    font-size: 28px;
    border: 2px solid #fff;
    padding: 5px 12px;
    border-radius: 50%;
}

.green-btn {
    position: absolute;
    width: 100%;
    height: 100%;
    display: block;
    z-index: 999999;
    top: 0;
}

.all-slideand-more {
    display: flex;
}

.step_title h3 {
    line-height: 18px;
    font-weight: 500;
    font-size: 14px;
    border-bottom: 2px solid #006db4;
    margin: 0 5px;
    padding-bottom: 7px;
}

.single-contact .container {
    display: flex;
    justify-content: space-between;
}

.cp-box.brochure-box {
    border: none;
    padding: 0;
}

.cp-box.brochure-box .cp-dx {
    margin: 11px 0 0 10px;
}

.step_by_step.tanks-slide {
    margin-left: 50px;
}


/*=========ARCHIVE PRODOTTI===========*/

.archive_list_box {
    display: flex;
    justify-content: space-between;
    margin-bottom: -7px;
}

.archive_list_box img.fleximage.wp-post-image {
    max-width: 100%;
    height: auto;
}

.archive_list_box.even_box {
    flex-direction: row-reverse;
}

.archive_product_text {
    display: flex;
    align-items: center;
    padding: 60px;
    box-sizing: border-box;
}

.col-6.archive_product_text h3 {
    font-size: 30px;
    font-weight: 600;
    line-height: 36px;
    margin-bottom: 20px;
}

.archive_list_box.even_box .col-6.archive_product_text {
    text-align: right;
}

.col-12.all_row_product {
    display: flex;
    justify-content: center;
    padding: 30px 0;
}

.list-product-box {
    padding-bottom: 40px;
    box-sizing: border-box;
    background: rgba(255, 255, 255, .7);
    margin: 0 7px;
    box-shadow: 0 3px 36px 0 rgba(0, 0, 0, .11);
    transition: all .4s;
    position: relative;
}

.list-product-box a.all-prd-link {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 99999;
    display: block;
}

.list-product-box:hover {
    box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
}

.list_prd_inside_box {
    padding: 0 10px 20px;
    box-sizing: border-box;
}

.product-box-inside h2 {
    text-transform: uppercase;
}


/*=========404===========*/

.page_not_found h1 {
    font-size: 15vw!important;
    line-height: 15vw;
}

.page_not_found p.subtitle {
    margin: 0px 0 30px;
}


/*=========VALVOLE PRODOTTI===========*/

.certificazioni .search_pr {
    display: block;
}

input.search-field {
    width: 100%;
    background: rgb(0 0 0 / 3%);
    border: none;
    padding: 11px 20px;
    font-size: 16px;
    font-family: Lato, sans-serif;
}

#search_specific_product {
    position: relative;
}

.custom_font_sh {
    position: absolute;
    right: 0;
    top: 0;
    border: none;
    font-size: 17px;
    color: #848492;
    padding: 10px 20px;
    background: transparent;
}

form.search_pr_by_filter {
    display: flex;
    justify-content: space-between;
}

select.search_by {
    width: 100%;
}

.col-section {
    margin: 0 .5%;
    border: 1px solid #dedede;
    padding: 2px 8px;
    box-sizing: border-box;
    background: #f9f9f9;
    border-radius: 0px;
}

button.main-btn.btn-block {
    width: 100%;
}

select.search_by {
    border: none;
    color: #737f96;
    font-size: 14px;
    text-transform: capitalize;
    font-weight: 500;
    letter-spacing: .5px;
    background: transparent;
}

label.field-label {
    font-weight: 500;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 600;
}

.data_section {
    margin-bottom: 10px;
}

.data_section h3 span {
    border-radius: 17px;
    border: 1px solid #f7f7f7;
    background-color: #f7f7f7;
    color: #3c4043;
    font-size: 15px;
    font-weight: 600;
    padding: 2px 10px;
    box-shadow: 0 2px 4px 0 rgba(32, 33, 36, .28);
    margin-left: 5px;
}

button.main-btn.btn-block {
    height: 54px;
    border: none;
    background: #488801;
    color: #fff;
    padding: 0 40px;
    font-size: 13px;
    text-transform: uppercase;
    line-height: 54px;
    cursor: pointer;
}

.search_by_filter {
    padding: 0 0 30px;
}

.single_product_description p {
    font-size: 14px;
}

.single_product_data_row {
    display: flex;
    justify-content: space-between;
    margin-bottom: 7px;
}

.single_product_title h3 {
    color: #060192;
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 10px;
}

.single_product_img {
    text-align: center;
}

.single_product_img img {
    width: 50%;
    height: auto;
}

.single_product_data {
    margin: 0 10px;
}

.single_product_data {
    margin: 0 3px;
    background: #f9f9f9;
    padding: 15px 10px;
    box-sizing: border-box;
    text-align: center;
    position: relative;
    transition: all .3s;
}

.single_product_data:hover {
    box-shadow: 0 7px 22px rgb(19 19 19 / 8%);
    background: linear-gradient(rgba(6, 0, 147, .5), rgba(0, 0, 0, 0));
    transition: all .3s;
}

.product_list_by_category {
    padding: 40px 0 70px;
}

.single_product_data a {
    width: 100%;
    height: 100%;
    position: absolute;
    display: block;
    top: 0;
    right: 0;
}

.content-page .product_data-presentation {
    color: #53565a;
    text-transform: none;
}

nav.anchor ul {
    list-style: none;
    display: flex;
    position: relative;
}

nav.anchor ul li {
    margin-right: 5px;
}

nav.anchor ul li a {
    border-radius: 17px;
    border: 1px solid #f7f7f7;
    background-color: #f7f7f7;
    color: #3c4043;
    font-size: 12px;
    font-weight: 600;
    padding: 2px 10px;
    box-shadow: 0 2px 4px 0 rgba(32, 33, 36, .28);
    margin-left: 5px;
    text-transform: uppercase;
}

nav.anchor ul::before {
    content: "";
    top: 139%;
    left: 84%;
    display: block;
    position: absolute;
    width: 100vw;
    height: 1px;
    background-color: rgb(72 136 1 / 30%);
    z-index: 999;
    -webkit-transform: translateX(-50vw);
    -moz-transform: translateX(-50vw);
    -o-transform: translateX(-50vw);
    -ms-transform: translateX(-50vw);
    transform: translateX(-50vw);
}

.container.data_product .col-5 {
    z-index: 9999;
    margin-top: 40px;
}

.prd_img_data {
    height: 450px;
    padding: 10px;
    box-sizing: border-box;
}

.prd_img_data img {
    width: auto;
    max-height: 100%;
}

.product_description_sx {
    padding: 50px 10px 10px 0;
}

.product_description_sx h2 {
    margin-bottom: 20px;
}

.product_description_sx p {
    margin-bottom: 10px;
}

.technical_data .container {
    display: flex;
}

.technical_data .container ul {
    list-style: none;
    width: 100%;
}

.technical_data .container ul li {
    width: 100%;
}

.technical_data .container ul li {
    padding: 12px 10px;
    border-radius: 8px;
}

li.bk_yes {
    background: rgb(247 247 247 / 90%);
}

.technical_data .container ul li span.sx_side {
    font-size: 14px;
    font-weight: 600;
}

.technical_data .container ul li span.dx_side {
    float: right
}

.technical_data {
    padding: 0 0 20px;
}

.technical_data h2 {
    margin-bottom: 25px;
}

.container.vaporization {
    margin-top: 50px;
}


/*=========SINGLE PUMP===========*/

.single-pump-page h3 {
    font-weight: 600;
    margin-bottom: 5px;
}

.single-pump-page {
    background: url(../image/pump-skid/image-from-pump-skids.png) no-repeat;
    background-repeat: no-repeat;
    background-position: right 90px top 100px;
}

.first-section {
    display: flex;
}

.first-section .col-6:first-of-type {
    border: 1px solid #e5e5e5;
    padding: 10px;
    box-sizing: border-box;
}

.first-section .col-6:nth-child(2) {
    padding: 0px 0 20px 40px;
    box-sizing: border-box;
}

.first-section {
    padding-top: 30px;
}

.first-section h1 {
    font-size: 30px;
    font-weight: 600;
    line-height: 36px;
    text-transform: uppercase;
    margin-bottom: 5px;
}

.title_box {
    border-bottom: 1px solid #e5e5e5e5;
    margin-bottom: 30px;
}

.tag_line {
    margin-bottom: 15px;
}

.tag_line ul {
    list-style: none;
}

.tag_line ul li {
    display: inline;
    margin-right: 5px;
}

.tag_line a {
    font-size: .6875rem;
    text-transform: uppercase;
    padding: 2px 10px;
    background-color: rgba(152, 209, 117, .2);
    color: #5daa2d;
    text-decoration: none;
}

.description-box-pump {
    margin-top: 50px;
}

.description-box-pump h2 {
    font-size: 22px;
    font-weight: 600;
    line-height: 36px;
    text-transform: uppercase;
}

.description-box-pump h2.descripion_title::before {
    content: "";
    display: block;
    position: absolute;
    width: 149px;
    height: 2px;
    background: #488801;
    bottom: 0;
    border-radius: 25px;
    left: -5px;
}

.description-box-pump h2.descripion_title {
    border-bottom: 1px solid #e5e5e5e5;
    font-size: 18px;
    letter-spacing: 0px;
    font-family: Lato, sans-serif;
    font-weight: 400;
    position: relative;
    color: #488801;
    padding-left: 5px;
    text-transform: initial;
}


/*=========HP PUMP===========*/

.hp_pump {
    padding: 90px 0;
}

.single-pump-desc {
    padding-top: 20px;
}

.content_simple.col-11 {
    background: #fff;
    margin: 0 auto;
}

.bk-white {
    flex-wrap: wrap;
    display: flex;
    justify-content: center;
    padding: 50px 0 50px;
}

.col-10.inside_white h2 {
    margin-bottom: 0;
}

.inside_white .shadow_image {
    box-shadow: 0 30px 50px rgba(0, 0, 0, .15);
    padding: 10px;
    box-sizing: border-box;
    margin: 25px auto 25px;
}

ul.table {
    list-style: none;
    border-bottom: 1px solid #ccc;
    margin-top: 40px;
}

ul.table li {
    display: flex;
    justify-content: space-around;
    border-top: 1px solid #ccc;
}

.table .col-5,
.table .col-6 {
    text-align: left;
    box-sizing: border-box;
    font-size: 14px;
    padding: 5px 0 5px 20px;
}

.table .col-6 {
    background: #f5f5f5;
}

.table_title span {
    font-weight: 500;
}

.hp_pump .grey {
    background-color: #f5f5f5;
    padding: 10px 0;
}


/*=========FOOTER===========*/

.footer {
    width: 100%;
    padding: 40px 0 70;
    background-color: #23262D;
    border-top: 1px solid #FFFFFF1A;
}

footer ul {
    list-style: none;
}

footer .container {
    display: flex;
    padding: 60px 0;
}

footer .col-2,
footer .col-4 {
    padding: 0 20px;
    box-sizing: border-box;
}

footer .col-2 p,
footer .col-4 p {
    font-size: 15px;
    color: #807f7f;
}

.company-info img {
    width: 200px;
    height: 24px;
    margin-bottom: 3px;
}

.company-info ul {
    margin-top: 9px;
    font-size: 15px;
}

.company-link {
    margin-top: -19px;
}

.company-link li {
    margin-bottom: 8px;
}

.company-link li a {
    font-size: 15px;
    color: #807f7f;
    text-decoration: none;
}

.footer h4 {
    color: #fff;
    margin-bottom: 30px;
}

ul.footer-social {
    margin-top: 20px;
}

ul.footer-social li {
    display: inline;
    margin-right: 15px;
}

ul.footer-social a {
    color: #B0B6BC;
}

.last-footer-info {
    border-top: 1px solid #FFFFFF1A;
}

.last-footer-info .container {
    display: block;
    padding: 10px;
    box-sizing: border-box;
}

.last-footer-info .container p {
    font-size: 14px;
    text-align: center;
    color: #807f7f;
    line-height: 26px;
}

.last-footer-info .container a {
    font-size: 14px;
    text-decoration: none;
    color: #807f7f;
    margin: 0 10px;
}


/*Responsive*/

@media only screen and (min-width: 993px) and (max-width: 1350px) {
    /*#header .container {
                                    width: 993px;
                                }*/
    #logo img {
        width: 210px;
        height: 25px;
        transition: all .3s;
    }
    .navbar_header_logo {
        margin-top: 29px;
    }
    #menu-principale a {
        margin: 0 6px;
    }
    #area-menu {
        margin-right: 40px;
    }
    .list_all_product_sct .product-list,
    .tncro-service .container,
    .hp_pump .container,
    .single-pump-page .container,
    .about-item.container,
    .contact-data .container,
    .company-present .container,
    #sostenibilita .container,
    #crescitap .container,
    .home_article .container,
    .certificazioni .container,
    #product_archive_list .container,
    .product_list_by_category .container.search_by_filter .container {
        width: 96%;
    }
    .about-item h2 {
        margin: -6px 0 15px;
    }
    .about-item p.about-us {
        font-size: 22px;
        line-height: 32px;
    }
    span.scroll-counter.number-counter-number {
        font-size: 60px;
    }
    .line_from_left {
        height: 100px;
        width: 2px;
        top: -45px;
        left: 25px;
    }
    .counter-right .increment_number:first-of-type {
        padding: 16px 10px 11px 30px;
    }
    .counter-right .increment_number:nth-child(2) {
        padding: 23px 10px 11px 30px;
    }
    .scroll-counter {
        font-size: 40px;
    }
    .certificate_table.col-10 {
        width: 100%;
    }
    .archive_product_text {
        padding: 0px 20px 10px;
    }
}

@media (max-width: 1060px) {
    p.title-oblique,
    p.filling_st {
        transform: translateX(0%)translateY(0%)rotate(0deg);
        font-size: 100px;
        font-weight: 800;
        left: 10px;
        top: -250px;
        letter-spacing: -6px;
    }
}


/*Desktop, iPad PRO*/

@media only screen and (min-width: 1024px) and (max-width: 1170px) {
    .content {
        width: 96%;
        margin: 0 2%;
    }
}

@media (min-width: 768px) {
    .container {
        width: 730px;
    }
}

@media (max-width: 1290px) {
    .product_list_by_category .container,
    .search_by_filter .container {
        width: 100%;
    }
    .top-single-post .col-2 {
        display: none;
    }
    .top-single-post {
        justify-content: center;
    }
    .top-single-post .col-8 {
        width: 94%;
    }
}

@media (min-width: 992px) {
    .container {
        width: 970px;
    }
}

@media (min-width: 1290px) {
    .container {
        width: 1290px;
    }
}


/*Display 12", iPad PRO portrait, iPad landscape*/

@media only screen and (max-width: 1024px) {
    .content {
        width: 96%;
        margin: 0 2%;
    }
    a#logo {
        margin-left: 30px;
    }
    .nav {
        margin-right: 30px;
    }
    .parallax {
        background-attachment: scroll;
    }
    p.subject {
        margin-top: 10px;
    }
    .slide-box {
        padding: 20px 20px 20px;
        box-sizing: border-box;
        margin: 0;
    }
    .title-box-front h2 {
        font-size: 16px;
    }
    .title-box-front {
        bottom: calc(100vh - 300px);
    }
    .slide-box h2 {
        display: none;
    }
    .slide-box::before {
        left: 10px;
    }
    .contact-data .container .col-1 {
        display: none;
    }
    #sostenibilita .container .standard_box {
        width: 100%;
        flex-wrap: wrap;
    }
    .standard_box .col-6 {
        width: 100%;
    }
    .standard_box .col-6:first-of-type {
        display: flex;
        justify-content: center;
        margin-bottom: 20px;
    }
    section#sostenibilita {
        padding: 80px 0 60px;
    }
    .standard_box .col-6:nth-of-type(2) {
        padding: 10px;
    }
    .certificazioni .col-8 {
        width: 100%;
    }
    .full-job {
        flex-wrap: wrap;
    }
    .job_section_lf,
    .academy_section {
        width: 100%;
        padding: 40px 20px;
        text-align: left;
    }
    .job_section_lf {
        background: linear-gradient(to left, rgba(0, 0, 0, .8) 20%, rgba(0, 0, 0, .5)), url(../image/tecnocryo-servizi-impianti-distribuzione-gas-tecnici.jpg) no-repeat 100% 0;
        background-attachment: fixed;
        background-size: cover;
    }
    .academy_section {
        border-bottom: 1px solid #f5f5f5;
    }
}

@media only screen and (max-width: 992px) {
    #area-menu {
        position: fixed;
        top: 100%;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 1025;
        background-color: #fff;
        -webkit-transition: -webkit-transform .75s cubic-bezier(.86, 0, .07, 1);
        transition: -webkit-transform .75s cubic-bezier(.86, 0, .07, 1);
        -o-transition: transform .75s cubic-bezier(.86, 0, .07, 1);
        transition: transform .75s cubic-bezier(.86, 0, .07, 1);
        transition: transform .75s cubic-bezier(.86, 0, .07, 1), -webkit-transform .75s cubic-bezier(.86, 0, .07, 1);
    }
    #logo-mobile {
        display: block;
    }
    ul.sub-menu {
        position: initial;
        background: #fff;
        width: 100%;
        min-height: 270px;
        padding: 15px;
        box-sizing: border-box;
        box-shadow: none;
        z-index: 999;
        transition: all .3s;
        box-sizing: border-box;
    }
    .top-menu.clearfix {
        display: none;
    }
    #burger-button {
        display: block;
    }
    #logo-scrool img {
        width: 250px;
        height: 30px;
        padding: 10px 0 10px;
    }
    #logo-scrool {
        display: block;
    }
    #logo {
        display: none;
    }
    #header {
        padding-top: 10px;
    }
    .navbar_header_logo {
        margin-top: 0;
        padding: 0 0 12px;
    }
    #header.scroll .navbar_header_logo {
        padding: 0;
    }
    #header {
        background: #fff;
    }
    #burger-button .icon-bar {
        background-color: #1f2020;
    }
    #header.scroll {
        padding-top: 0;
    }
    #header.scroll #burger-button {
        margin-top: 5px;
    }
    div#search-header a,
    div#search-header span {
        display: none;
    }
    #menu-principale {
        float: none;
    }
    ul#menu-menu-principale li {
        display: block;
    }
    #menu-principale a {
        margin: 0;
        box-sizing: border-box;
        border: none;
        display: initial;
        padding: 0;
        font-weight: 400;
        font-size: 15px;
        display: block;
        padding: 7px 7px 7px 23px;
    }
    #menu-principale li.current-menu-item a,
    #menu-principale li.activelink a {
        background-color: #fff;
    }
    .mobile-menu {
        padding: 23px 0 30px 24px;
    }
    .about-item.container .col-4,
    .about-item.container .col-6 {
        width: 100%;
        float: none;
        margin: 20px 0 20px;
    }
    .about-application .container,
    .about-application .container .col-8 {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
    }
    .about-application .container .col-8 {
        flex-wrap: wrap-reverse;
        width: 100%;
    }
    span.scroll-counter.number-counter-number {
        font-size: 60px;
    }
    .elementor-widget-container {
        width: auto;
        margin: 0 auto;
    }
    .app-list .container,
    .category-news .container,
    footer .container {
        width: 95%;
    }
    section.category-news .container {
        flex-wrap: wrap;
    }
    section.category-news .container .col-3,
    section.category-news .container .col-9 {
        width: 100%;
    }
    .app-info.news-info {
        padding-left: 10px;
        padding-right: 60px;
        box-sizing: border-box;
    }
    .contact-data .container {
        flex-wrap: wrap;
    }
    .contact-data .container .col-3,
    .contact-data .container .col-8 {
        width: 100%;
    }
    .company-present .container {
        display: flex;
        flex-wrap: wrap;
    }
    .company-present {
        padding: 90px 0 70px;
    }
    .company-present .container .col-3 {
        width: 100%;
        margin: 20px 0 100px;
    }
    .navleft::before {
        background-color: #f7f7f6;
        -webkit-transform: skewY( -10deg);
        -moz-transform: skewY(-3deg);
        transform: skewY( -3deg);
    }
    .company-present .col-9 {
        padding: 0;
        width: 100%;
        margin: 0;
    }
    .line_from_left {
        display: none;
    }
    .fade-box-up {
        padding: 0;
    }
    #crescitap .container {
        display: flex;
        flex-wrap: wrap;
    }
    #crescitap .container .col-8 {
        width: 100%;
    }
    #crescitap .container .col-4 {
        margin-top: 30px;
        width: 400px;
        margin: 50px auto 0;
    }
    #team-image {
        padding-bottom: 0;
    }
    #team-image .container {
        display: flex;
        flex-wrap: wrap-reverse;
        padding: 0;
    }
    #team-image .navleft {
        padding: 0;
    }
    #team-image .navleft::before {
        background: none;
    }
    #team-image .col-3::before {
        width: 0;
        height: 0;
    }
    #team-image ul.company_division li {
        display: inline-block;
        margin: 10px 3px 10px;
        font-size: 12px;
    }
    #team-image nav.left-menu-page {
        display: flex;
        padding: 0;
        margin: 0;
        flex-direction: row;
        white-space: nowrap;
        overflow-x: auto;
    }
    #team-image .navleft {
        box-shadow: 0 30px 50px rgb(0 0 0 / 16%);
    }
    #team-image .description-team-text {
        padding: 20px 15px 20px;
        box-sizing: border-box;
    }
    #team-image .col-3 {
        width: 100%;
        margin: 20px 0 0px;
    }
    #team-image ul.company_division li::before {
        font-family: "Font Awesome 5 Free";
        font-weight: 900;
        content: "\f0da";
        margin: 0 5px 0 1px;
    }
    .company_story {
        display: flex;
        flex-wrap: wrap;
        padding: 20px 15px 0;
        box-sizing: border-box;
    }
    .col-tank.col-3.slick-slide.slick-active {
        opacity: 1;
    }
    .company_story .col-6 {
        width: 100%;
        text-align: center;
    }
    .company_story .col-6:nth-child(2) {
        text-align: left;
        padding: 10px 0 0 0px;
    }
    .home_article .container {
        flex-wrap: wrap;
    }
    .home_article .container .col-8,
    .home_article .container .col-3 {
        width: 100%;
    }
    .home_article .col-3 {
        padding-top: 70px;
    }
    .float_box_loop {
        padding: 30px 20px 40px;
    }
    .menu-selezione-lingua-container ul li {
        margin-right: 20px;
    }
    #menu-principale .sub-menu a {
        font-size: 16px;
    }
    .archive_list_box {
        flex-wrap: wrap;
    }
    .archive_list_box .col-6 {
        width: 100%;
    }
    .app-list .container .list-app {
        flex-wrap: wrap;
        justify-content: center;
    }
    .service-box.col-4 {
        width: 41.6%;
        margin: 20px 5px 20px;
    }
    .col-12.all_row_product {
        flex-wrap: wrap;
    }
    .list-product-box {
        width: 500px;
        margin-bottom: 30px;
    }
    .single_product_data_row {
        margin-bottom: 7px;
        flex-wrap: wrap;
    }
    .single_product_data {
        width: 48.5%;
        float: left;
        margin-bottom: 1.1%;
    }
    section.slide-image .title-box-front h1 {
        font-size: 20px;
        margin-bottom: 10px;
        line-height: 28px;
    }
}

@media only screen and (max-width: 900px) {
    footer .container {
        flex-wrap: wrap;
    }
    footer .col-2,
    footer .col-4 {
        padding: 20px;
        box-sizing: border-box;
        width: 100%;
    }
}


/*Display 5.5", iPad portrait, iPhone 6, 6s, 7, 8, portrait and lanscape, iPhone 5s landscape*/

@media only screen and (max-width: 768px) {
    .col-1,
    .col-2,
    .col-3,
    .col-4,
    .col-5,
    .col-6,
    .col-7,
    .col-8,
    .col-10,
    .col-11 {
        width: 100%;
        float: none;
    }
    .app-info {
        padding: 0;
    }
    .nav {
        position: fixed;
        left: -270px;
        width: 260px;
        height: 100%;
        top: 0;
        z-index: 99999;
        /* overflow-y: scroll;*/
        background-color: #222;
        transition: transform .5s ease-in-out;
        margin-right: 0;
        float: none;
        box-shadow: 4px 4px 12px rgba(0, 0, 0, 0.4);
    }
    .nav li {
        display: block;
        line-height: 50px;
    }
    .nav li:first-child {
        padding-top: 100px;
    }
    .wide {
        transform: translate(270px, 0);
    }
    .navbar {
        display: block;
    }
    .slide-container {
        height: auto;
        display: initial;
    }
    .cb-slideshow div.slide-image {
        height: 600px;
        display: flex;
        align-items: end;
    }
    .slide-box {
        margin: 0 auto;
        width: 100%;
    }
    .product-slide.clearfix.col-10.slick-initialized.slick-slider {
        width: 80%;
        float: left;
    }
    .list-product .col-1 {
        float: left;
        width: 10%;
    }
    span.slide-preview {
        left: 15%;
    }
    span.slide-nextt {
        right: 15%;
    }
    span.slide-preview,
    span.slide-nextt {
        line-height: 20px;
        width: 20px;
        height: 20px;
    }
    .slide-container.slick-initialized.slick-slider {
        height: 100vh;
    }
    .list-product {
        background-position: left 20px bottom 10px;
    }
    .title-box-front {
        width: 90%;
        /* top: 234px;*/
        bottom: calc(100vh - 250px);
        left: 0%;
        margin-left: 5%;
    }
    .app-list .container {
        flex-wrap: wrap;
    }
    .app-list .container .col-4,
    .list-app .product-box {
        width: 100%;
    }
    .app-list .container .col-4 .event-box {
        width: 400px;
        height: 400px;
        margin: 0 auto;
    }
    .app-list {
        padding: 40px 0;
    }
    .app-list .container .col-8 {
        width: 100%;
        margin: 20px 0;
    }
    .app-list .container .col-8 .list-app .col-1 {
        display: none;
    }
    section.category-news .container .col-9 {
        flex-wrap: wrap;
    }
    section.category-news .container .col-9 .col-4 {
        margin: 15px 0 15px;
    }
    .contact-data .container .col-8 {
        flex-wrap: wrap;
    }
    .contact-map .container {
        padding: 0;
    }
    .text_animated_content {
        padding: 30px 20px 50px;
    }
    h2,
    p.about-us {
        font-size: 23px;
        line-height: 30px;
    }
    #team .container {
        text-align: left;
    }
    .news-box {
        flex-wrap: wrap;
    }
    .news-box .col-6:first-of-type {
        width: 100%;
        text-align: center;
    }
    .news-box img {
        width: 100%;
        height: auto;
        object-fit: initial;
    }
    .news-box .col-6:first-of-type {
        margin-right: 0;
    }
    .certificate_table ul li {
        flex-wrap: wrap;
    }
    .certificate_table.col-10 .col-2 {
        text-align: left;
    }
    .certificate_table ul li {
        margin: 10px 0;
        padding-bottom: 13px;
        line-height: 22px;
    }
    .certificate_table.col-10 .col-10 {
        margin-bottom: 5px;
    }
    .we-are .container {
        text-align: left;
    }
    .work_step .slick-track {
        padding-left: 0px;
    }
    .work_step .col-10 {
        padding: 0;
        box-sizing: border-box;
        width: 100%;
    }
    .step_by_step.tanks-slide {
        margin-left: 0px;
    }
    .archive_product_text {
        padding: 40px 10px;
    }
    .col-6.archive_product_text h3 {
        font-size: 23px;
        line-height: 30px;
    }
    .first-section {
        flex-wrap: wrap;
    }
    .first-section .col-6:first-of-type {
        margin-bottom: 40px;
    }
    .first-section .col-6:nth-child(2) {
        padding: 0;
    }
    .table-mobile {
        display: none;
    }
    .single-pump-page {
        background-position: center top 300px;
    }
    .hp_pump .col-11 {
        width: 100%;
    }
    .hp_pump .col-1 {
        display: none;
    }
    .sedi_tecnocryo .box_sedi {
        display: flex;
        padding: 40px 0;
        flex-wrap: wrap;
    }
    .sedi_tecnocryo {
        padding-bottom: 0;
    }
    .prodotti-cpt .container {
        flex-wrap: wrap;
    }
    .container.vaporization {
        flex-direction: column-reverse;
    }
    p.title-oblique,
    p.filling_st {
        font-size: 40px;
        top: -20px;
        letter-spacing: 0;
        line-height: 40px;
    }
    .work_step .step_by_step .slick-next {
        top: 94%;
        right: 50px;
    }
    .top-single-post .col-8 {
        flex-wrap: wrap;
    }
    .col-6.title-post-sx {
        padding: 10px 0 10px;
    }
    .single-sidebar {
        padding: 40px 0;
        display: flex;
        flex-wrap: wrap;
    }
    .single_article {
        padding: 0;
    }
    .fgss-section .presentazione-repeater .first_line_fgss,
    .fgss-section .presentazione-repeater .second_line_fgss {
        flex-wrap: wrap;
    }
}

@media only screen and (max-width: 600px) {
    .popup.service_popup {
        width: 96%;
        left: 0;
        margin: 0 2% 0;
    }
    .popup.service_popup h3 {
        font-size: 20px;
        margin-top: 30px;
    }
    button.close.close_service {
        font-size: 10px;
        padding: 5px 10px;
    }
    .product-box {
        padding: 0;
    }
    .insideform .col-6 {
        width: 98%;
        float: none;
        margin: 10px 2% 10px px;
    }
    .insideform .col-12 {
        width: 98%;
    }
    section.app-list.tncro-service {
        padding: 40px 10px;
        box-sizing: border-box;
    }
    .col-10.black.inside_slider {
        padding: 0;
    }
    .title-box-front {
        bottom: 0;
        position: absolute;
        top: 30%;
    }
    .world_in_bk::after {
        content: url(../image/home/tecnocryo-milano-mobile.png);
    }
}

@media only screen and (max-width: 500px) {
    .tecnoproduct .container .col-7 {
        padding: 0;
    }
    .slide-image.slick-slide {
        background: none !important;
    }
    .img-slide-mobile {
        display: block;
        width: 100%;
    }
    .cb-slideshow div.slide-image {
        height: auto;
        display: initial;
    }
    .slide-box {
        border-bottom: 1px solid rgb(204 204 204 / 50%);
    }
    .slide-box {
        padding: 20px 20px 40px;
        box-sizing: border-box;
    }
    .we-are {
        padding: 40px 0 20px;
    }
    p.subject.green {
        display: none;
    }
    .slide-box p.slide-link {
        display: block;
    }
    .slide-box h2 {
        margin-bottom: 10px;
        font-size: 22px;
    }
    .elementor-widget-container {
        width: 100%;
        margin: 0 auto;
    }
    .about-item .col-4:nth-of-type(2) {
        padding: 0;
    }
    .app-list .container .col-4 .event-box {
        width: 100%;
        height: 600px;
        margin: 0 auto;
    }
    .app-list .container {
        width: 100%;
    }
    .app-list {
        padding: 0px 0 40px;
    }
    .app-list .list-app {
        flex-wrap: wrap;
    }
    .app-list .product-box {
        margin-bottom: 40px;
    }
    .center.all-button {
        margin-top: 0px;
    }
    .top-banner {
        background-image: none !important;
        height: auto;
        display: block;
        position: relative;
        padding-bottom: 20px;
    }
    .image-banner-mobile {
        display: block;
        max-width: 100%;
        height: auto;
    }
    section.top-banner .container {
        position: absolute;
        bottom: 10%;
        width: 96%;
        margin-left: 2%;
    }
    .text_animated_content h2 {
        font-size: 30px;
    }
    .text_animated_content {
        padding: 20px 10px 25px;
    }
    #crescitap .container .col-4 {
        width: 100%;
    }
    .counter-left .increment_number:first-of-type {
        padding: 16px 10px 11px 60px;
    }
    .counter-right .increment_number:first-of-type {
        padding: 16px 10px 11px 30px;
    }
    .counter-right .increment_number:nth-child(2) {
        padding: 23px 10px 11px 30px;
    }
    .container.timeline {
        padding: 0;
    }
    .image-single h1,
    .title-front,
    h2.cpt-sottotitolo {
        font-size: 23px;
        line-height: 30px;
    }
    .app-info {
        padding-left: 10px;
    }
    .insideform.single-page .col-4 {
        width: 100%;
    }
    .list-product .col-1 {
        width: 2%;
    }
    .product-slide.clearfix.col-10.slick-initialized.slick-slider {
        width: 96%;
    }
    span.slide-preview,
    span.slide-nextt {
        top: 241px;
    }
    .table .col-5,
    .table .col-6 {
        font-size: 12px;
    }
    .hp_pump {
        padding: 50px 0 20px;
    }
    .breadcrumps-box h1 {
        font-size: 25px;
        line-height: 30px;
        margin-bottom: 20px;
    }
    .product-box-inside.app .text {
        padding: 10px 10px 10px;
        box-sizing: border-box;
    }
    .product_list_by_category .container {
        padding: 0;
    }
    .single_product_data {
        width: 48%;
    }
    .slide-box p:last-of-type {
        margin-top: 15px;
    }
}


/*Display 4", iPhone 5s portrait*/

@media only screen and (max-width: 380px) {
    #burger-button {
        width: 35px;
        height: 35px;
        line-height: 35px;
    }
    #burger-button .icon-bar {
        width: 17px;
        margin: 4px 5px 4px 9px;
    }
    #burger-button span:first-of-type {
        margin-top: 12px;
    }
    #logo img,
    #logo-scrool img {
        width: 200px;
        height: 24px;
    }
    .navbar_header_logo {
        padding-bottom: 2px;
        margin-top: -7px;
    }
    span#burger-button {
        margin-top: -3px;
    }
}