/*!
Theme Name: RP Several
Theme URI: https://rpseveral.it/
Author: Care Srl
Author URI: https://www.carecom.it/
Description: Tema per RP Several
Version: 1.0.0
Tested up to: 8.1
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: rps
Template: care-boilerplate
*/

/* manrope-300 - latin */
@font-face {
    font-display: swap;
    /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Manrope';
    font-style: normal;
    font-weight: 300;
    src: url('fonts/manrope-v15-latin-300.woff2') format('woff2'),
        /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
        url('fonts/manrope-v15-latin-300.ttf') format('truetype');
    /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}

/* manrope-regular - latin */
@font-face {
    font-display: swap;
    /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Manrope';
    font-style: normal;
    font-weight: 400;
    src: url('fonts/manrope-v15-latin-regular.woff2') format('woff2'),
        /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
        url('fonts/manrope-v15-latin-regular.ttf') format('truetype');
    /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}

/* manrope-500 - latin */
@font-face {
    font-display: swap;
    /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Manrope';
    font-style: normal;
    font-weight: 500;
    src: url('fonts/manrope-v15-latin-500.woff2') format('woff2'),
        /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
        url('fonts/manrope-v15-latin-500.ttf') format('truetype');
    /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}

/* manrope-700 - latin */
@font-face {
    font-display: swap;
    /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Manrope';
    font-style: normal;
    font-weight: 700;
    src: url('fonts/manrope-v15-latin-700.woff2') format('woff2'),
        /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
        url('fonts/manrope-v15-latin-700.ttf') format('truetype');
    /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}

/* manrope-800 - latin */
@font-face {
    font-display: swap;
    /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Manrope';
    font-style: normal;
    font-weight: 800;
    src: url('fonts/manrope-v15-latin-800.woff2') format('woff2'),
        /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
        url('fonts/manrope-v15-latin-800.ttf') format('truetype');
    /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}

:root {
    --rosso: #df171f;
    --grigio: #3c3c3b;
    --testo: #3c3c3b;
    --minWidth: 1400;
    --maxWidth: 1920;
    --minPadd: 50;
    --maxPadd: 200;
    --m: calc((var(--maxPadd) - var(--minPadd)) / (var(--maxWidth) - var(--minWidth)));
    --formula: calc(var(--m) * 100vw + (var(--m)*var(--minWidth)*-1px + var(--minPadd)*1px));
}

#masthead {
    background-color: var(--rosso);
    position: sticky;
    width: 100%;
    height: 100px;
    padding: 35px 100px;
    box-sizing: border-box;
    top: 0;
    z-index: 10;
}

strong,
b {
    font-weight: 700
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 300;
    margin: 0 0 30px;
}

.home h1,
.home h2,
.home h3,
.home h4,
.home h5,
.home h6 {
    margin: 0 0 50px
}

h1 strong,
h2 strong,
h3 strong,
h4 strong,
h5 strong,
h6 strong,
h1 b,
h2 b,
h3 b,
h4 b,
h5 b,
h6 b {
    font-weight: 700;
}

h1 {
    font-size: 45px;
    line-height: 50px;
}

h2 {
    font-size: 40px;
    line-height: 45px;
}

ul {
    list-style-type: square;
    margin-left: 0;
    padding-left: 27px;
    margin-bottom: 20px;
}

body {
    font-size: 20px;
    line-height: 30px;
    font-weight: 300;
    color: var(--testo);
}

p {
    margin-top: 0;
    margin-bottom: 20px;
}

.page-content,
.entry-content,
.entry-summary {
    margin: 0;
}

.t-rosso {
    color: var(--rosso)
}

.bg-rosso {
    background-color: var(--rosso);
}

.hp-link {}

.hp-link img {
    height: 30px;
}

.nav_button {
    position: absolute;
    right: 100px;
    top: 40px;
    scale: 0.7;
}

.nav_button span {
    background: #fff;
}

#menu-desk {
    position: absolute;
    right: 160px;
    top: 35px;
}

#menu-desk ul {
    list-style: none;
    display: inline-grid;
    grid-auto-flow: column;
    grid-gap: 30px;
    margin: 0;
    padding: 0;
}

#menu-desk ul li {}

#menu-desk ul li a {
    color: #fff;
    text-decoration: none;
    font-size: 16px;
}

#menu-desk ul li.m-bold a {
    font-weight: 700;
}

.main-navigation {
    display: none;
    position: absolute;
    left: 0;
    top: 0;
    background: rgba(60, 60, 60, .9);
    width: 100%;
    height: 100vh
}

.main-navigation div.main-navigation-cont {
    display: grid;
    align-items: center;
    height: 100vh;
}

.main-navigation div.main-navigation-cont>div {
    display: inline-block;
    width: 90vw;
    max-width: 500px;
    margin: auto;
}

.main-navigation>div .hp-link {}

.main-navigation>div .hp-link img {
    width: 90vw;
    height: auto;
    max-width: 500px;
}

.main-navigation ul {
    display: grid;
    grid-auto-flow: row;
    margin-left: 95px;
}

.main-navigation ul a {
    color: #fff;
    font-size: 18px;
    display: inline;
}

.main-navigation ul li.m-bold a {
    font-weight: 700
}

.box-txt {
    padding-top: 60px;
    padding-bottom: 60px;

}

body:not(.home) .box-txt {
    height: 100%;
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    justify-content: space-between;
}

body:not(.home) .box-txt p {
    flex-grow: 1;
}

body .row-1-internal .box-txt {
    display: block;
    margin-left: 100px;
}

c {
    /* margin-right: 100px; */
}

.box-txt.left {
    padding-left: clamp(50px, var(--formula), 120px);
    padding-right: clamp(50px, var(--formula), 200px);
}

.box-txt.right {
    padding-left: clamp(50px, var(--formula), 120px);
    padding-right: clamp(50px, var(--formula), 200px);
}

.box-txt.right {}

.box-img {
    overflow: hidden;
}

.box-img img.sfondo {
    display: block;
    object-fit: cover;
    width: 100%;
    height: 100%;
}


.box-img img.sfondo2 {
    display: block;
    object-fit: contain;
    width: 100%;
    height: 100%;
}

.box-img.right {
    position: relative;
    margin-right: -100px;
}

.box-img.left {
    position: relative;
    margin-left: -100px;
}

.btn,
.nav-previous a,
.nav-next a {
    text-decoration: none;
    display: inline-block;
    padding: 10px 20px;
    border-radius: 25px;
    margin-left: -20px;
    margin-top: 40px;
    font-size: 16px;
    font-weight: 500;
    position: relative;
    overflow: hidden;
    transition: all .2s ease-in-out
}

.btn:before {
    /*content:'';display:inline-block;position:absolute;width: 0%;height: 100%;left: 0;background-color: rgba(0,0,0,.1);top: 0;
    transition: all .2s ease-in-out*/
}

.btn:hover:before {
    /*width:100%*/
}

.btn.btn-r,
.nav-previous a,
.nav-next a {
    background-color: var(--rosso);
    color: #fff;

}

.btn.sol {
    position: relative;
    padding-right: 50px;
}

.btn.sol:after {
    content: '';
    display: inline-block;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' style='enable-background:new 0 0 800 800' viewBox='0 0 800 800'%3E%3Cpath d='M433.3 290.2v293.1c0 9.2-7.5 16.7-16.7 16.7s-16.7-7.5-16.7-16.7V290.2L295.1 395.1c-6.5 6.5-17.1 6.5-23.6 0s-6.5-17.1 0-23.6l133.3-133.3c6.5-6.5 17.1-6.5 23.6 0l133.3 133.3c6.5 6.5 6.5 17.1 0 23.6s-17.1 6.5-23.6 0L433.3 290.2zm300 126.5c0 174.9-141.8 316.7-316.7 316.7S100 591.6 100 416.7 241.8 100 416.7 100s316.6 141.8 316.6 316.7zm-33.3 0c0-156.5-126.9-283.3-283.3-283.3S133.3 260.2 133.3 416.7 260.2 700 416.7 700 700 573.1 700 416.7z' style='fill:%23fff'/%3E%3C/svg%3E");
    position: absolute;
    width: 36px;
    height: 36px;
    transform: rotate(180deg) translateY(50%);
    top: 50%;
    right: 6px;
}

.btn.pdf {
    position: relative;
    padding-right: 50px;
}

.btn.pdf:after {
    content: '';
    display: inline-block;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='33'%3E%3Cpath fill='%23DF171F' fill-rule='evenodd' d='M26.767 32.779H5.613a4.855 4.855 0 0 1-4.847-4.853v-5.294a1.323 1.323 0 1 1 2.644 0v5.294c0 1.216.988 2.206 2.203 2.206h21.154c1.214 0 2.203-.99 2.203-2.206v-5.294a1.323 1.323 0 1 1 2.644 0v5.294a4.856 4.856 0 0 1-4.847 4.853ZM16.19 23.955h-.016a1.312 1.312 0 0 1-.503-.106h-.002l-.004-.002a1.314 1.314 0 0 1-.343-.217l-.004-.004h-.001c-.024-.021-.046-.043-.068-.065l-7.045-7.052a1.325 1.325 0 0 1 0-1.872 1.321 1.321 0 0 1 1.87 0l4.794 4.799V1.455a1.322 1.322 0 1 1 2.644 0v17.981l4.794-4.799a1.321 1.321 0 0 1 1.87 0 1.325 1.325 0 0 1 0 1.872l-7.045 7.052a1.402 1.402 0 0 1-.068.065h-.001l-.004.004a1.303 1.303 0 0 1-.344.217l-.003.002h-.002a1.32 1.32 0 0 1-.503.106h-.016Z'/%3E%3C/svg%3E");
    position: absolute;
    width: 21px;
    height: 22px;
    top: 50%;
    right: 15px;
    background-repeat: no-repeat;
    background-size: cover;
    transform: translateY(-50%);
}

.btn.btn-r:hover,
.nav-previous a:hover,
.nav-next a:hover {
    background-color: #9f080e;
}

.btn.btn-w {
    background-color: #fff;
    color: var(--rosso);

}

.btn.btn-w:hover {
    background-color: #ddd;
}

.row-2-col {
    padding-left: 100px;
    padding-right: 100px;
}

.row-2-col-cont {
    display: grid;
    grid-template-columns: 1fr 1fr;
}

.row-2-col.invert {}

.row-2-col.bg-rosso {
    color: #fff;
}

.row-2-col.invert .row-2-col-cont {}

.row-2-col.invert .row-2-col-cont .box-img {
    order: 1;
}

.row-2-col.invert .row-2-col-cont .box-txt {
    order: 2;
}

.row-2-col .ico {
    position: relative;
}

.row-2-col .ico img {
    position: absolute;
    left: calc(var(--formula)*-1 + 64px);
}

.row-2-col.invert .ico {}

.row-2-col.invert .ico img {
    left: auto;
    right: calc(var(--formula)*-1);
}

.row-2-col .ico.ico-perosne {}

.row-2-col .ico.ico-ombrello {}

.hp-row-1 {}

.hp-row-1 .hp-row-1-cont {}

.hp-row-1 .hp-row-1-cont .box-txt {}

.hp-row-1 .hp-row-1-cont .box-img {}

.hp-row-1 .hp-row-1-cont .box-img .logo-outline {
    position: absolute;
    bottom: -3px;
    left: -3px;
    height: 95%;
}

.hp-row-1 .hp-row-1-cont .box-img img:not(.logo-outline) {}

.hp-row-4 .hp-row-4-cont .box-img {
    overflow: visible;
}

.hp-row-4 .hp-row-4-cont .box-img .outline-red {
    position: absolute;
    top: -30px;
    left: 100px;
    height: 95%;
    z-index: 9;
}


.rps-form {}

.rps-form .col-2 {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 00px 15px;
    padding-bottom: 10px;
}

.rps-form .col-2 .col-2-1>div,
.rps-form .col-2 .col-2-2>div {
    margin-bottom: 15px;
}

.rps-form .col-1 {}

.rps-form input[type="text"],
.rps-form input[type="email"],
.rps-form textarea,
.rps-form select{
    width: 100%;
    background-color: var(--grigio);
    color: #fff;
    font-size: 14px;
    padding: 13px;
    border: none;
    border-radius: 24px;
}

.rps-form textarea {
    height: 171px;
}

.rps-form input[type="text"]::placeholder,
.rps-form input[type="email"]::placeholder,
.rps-form textarea::placeholder {
    color: #fff;
}

.rps-form .col-1 .wpcf7-acceptance {
    line-height: 1;
}

.rps-form .col-1 .wpcf7-acceptance>span {
    margin-left: 0;
    color: var(--testo);
}

.rps-form .col-1 .wpcf7-acceptance label {
    font-size: 11px;
    line-height: 1;
}

.rps-form .col-1 .wpcf7-acceptance label a {
    color: inherit;
}

.rps-form .fake-btn {
    padding: 0;
}

.rps-form .fake-btn input {
    padding: 13px 20px;
    background: var(--grigio);
    border: none;
    font-weight: 700;
    color: #fff;
    border-radius: 24px;
    margin-top: 30px;
}

.form-cont .rps-form .fake-btn {
    color: #fff;
}

.rps-form .fake-btn .wpcf7-spinner {
    position: absolute;
}

.rps-form .wpcf7-not-valid-tip {
    font-size: 12px;
}


.row-1-internal {
    /*padding-left: 100px;
    padding-right: 100px;*/
    padding-bottom: 30px;
}

.row-1-internal-cont {
    display: grid;
    grid-template-columns: 2fr 1fr;
}

.row-next-internal {
    display: grid;
    grid-template-columns: 1fr 1fr;
}

.row-next-internal .row-next-internal-1 {
    background-color: var(--rosso);
    padding-left: 100px;
    color: #fff;
}

.row-next-internal .row-next-internal-2 {
    padding-right: 100px;
}

.row-next-internal.even {}

.row-next-internal.even .row-next-internal-1 {
    color: var(--testo);
    background-color: #fff;
}

.row-next-internal.even .row-next-internal-2 {
    color: #fff;
    background-color: var(--rosso);
}

.row-next-internal.col-13-23 {
    grid-template-columns: 1fr 2fr;
}

.row-next-internal.col-13-23 .box-img.left {
    margin-left: 0;
}

/** About **/

.row-next-internal .mission {
    background-image: url(../../../wp-content/uploads/rpseveral-about-mission.jpg);
    background-size: cover;
    background-repeat: no-repeat;
}

.row-next-internal .vision {
    background-image: url(../../../wp-content/uploads/rpseveral-about-vision.jpg);
    background-size: cover;
    background-repeat: no-repeat;
}

.row-next-internal.about-uniti {
    background-color: var(--testo);
    color: #fff;
}

.row-1-internal.about {}

body .row-1-internal.about .box-img {
    margin-right: 100px
}

.row-next-internal.about-uniti .row-next-internal-1 {
    background-color: transparent;
}

/** fine About **/

/** Il nostro approccio **/
.row-next-internal.approccio {
    background-color: var(--testo);
    color: #fff;
}

.row-next-internal.approccio.row-next-internal-1 {
    background-color: transparent;
}

.row-next-internal.valori {
    grid-template-columns: repeat(3, 1fr);
}

.row-next-internal.valori .sing-box {
    padding: 100px;
}

.row-next-internal.valori .sing-box:nth-child(odd) {
    background-color: var(--rosso);
    color: #fff;
}

.row-next-internal.valori .sing-box:nth-child(even) {}

.row-next-internal.valori .sing-box h3 {
    font-size: 30px;
    font-weight: 700;
}

.row-next-internal.valori .sing-box p {}

/** fine Il nostro approccio **/


/** A chi ci rivolgiamo  */
.row-1-internal.a-chi {}

.row-1-internal.a-chi .box-img img.sfondo2 {
    padding-top: 20px;
}

.row-next-internal .professionisti {
    padding-left: 100px;
    background-image: url(../../../wp-content/uploads/rpseveral-rivolgiamo-professionisti-bg.jpg);
    background-size: cover;
    background-position: -100px;
    background-repeat: no-repeat;
    background-position: center;
}

.row-next-internal .privati {
    background-image: url(../../../wp-content/uploads/rpseveral-rivolgiamo-privati-bg.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.row-next-internal .aziende {
    background-image: url(../../../wp-content/uploads/rpseveral-rivolgiamo-aziende-bg.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.row-next-internal .enti {
    background-image: url(../../../wp-content/uploads/rpseveral-rivolgiamo-enti-bg.jpg);
    background-size: cover;
    background-position: -100px;
    background-repeat: no-repeat;
    background-position: center;
}

/** fine A chi ci rivolgiamo  */

/** perche affidarsi */
.row-1-internal.perche {
    padding-bottom: 0;
}
.row-next-internal.perche {
    grid-template-columns: repeat(3, 1fr);
}

.row-next-internal.perche .sing-box {
    padding: 100px;
}

.row-next-internal.perche .sing-box:nth-child(1) {
    background-color: var(--rosso);
    color: #fff;
}

.row-next-internal.perche .sing-box:nth-child(2) {
    background-color: var(--grigio);
    color: #fff;
}

.row-next-internal.perche .sing-box:nth-child(3) {}

.row-next-internal.perche .sing-box h3 {
    font-size: 30px;
    font-weight: 700;
}

/** fine perche affidarsi */


/** servizi **/
.row-1-internal.consulenza {
    padding-bottom: 0;
}

.row-1-internal.consulenza .box-img img.sfondo {
    object-position: left;
}

.row-next-internal.servizi {
    grid-template-columns: repeat(3, 1fr);
}

.row-next-internal.servizi .sing-box {
    padding: 100px;
}

.row-next-internal.servizi .sing-box:nth-child(1) {
    background-color: var(--rosso);
    color: #fff;
}

.row-next-internal.servizi .sing-box:nth-child(2) {
    background-color: var(--grigio);
    color: #fff;
}

.row-next-internal.servizi .sing-box:nth-child(3) {}

.row-next-internal.servizi .sing-box h3 {
    font-size: 30px;
    font-weight: 700;
}

.row-next-internal.servizi .sing-box p {}

/** fine servizi **/


/** formazione **/
.row-1-internal.formazione {
    padding-bottom: 0;
}

/** fine formazione **/

/*** aziende*/
.row-1-internal.detail {
    padding-bottom: 0;
}

.row-next-internal.detail {
    background-color: var(--rosso);
    color: #fff;
}

.row-next-internal.detail.list {}

.row-next-internal.detail.list .box-txt {
    justify-content: center;
}

.row-next-internal.detail.list .list-container {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 30px;
    width: 100%;
}

body.unscrollable {
    padding-right: 0 !important;
}

.row-next-internal.detail.list .list-container .myModal {
    color: inherit;
    cursor: pointer;
    position: relative;
    text-decoration: underline;
    text-decoration-thickness: 1px;
}

.row-next-internal.detail.list .list-container .myModal:before {
    content: '';
    display: inline-block;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' id='Layer_1' x='0' y='0' style='enable-background:new 0 0 800 800' version='1.1' viewBox='0 0 800 800'%3E%3Cstyle%3E .st0%7Bfill:%23ffffff%7D %3C/style%3E%3Cpath d='M584.6 297.6c-15.7 0-30.1 6.1-39.8 15.5-9.3-9.5-23.1-15.5-38.5-15.5-4.4 0-8.6.5-12.7 1.4 25.5-32.3 39.6-72.4 39.6-114.3C533.2 82.8 450.4 0 348.5 0S163.9 82.8 163.9 184.6c0 42 14.5 83 40.7 115.6 24 29.8 56.9 51.5 93.4 61.9v6.3c-28.7 2-50.9 11.5-66.2 28.3-22.6 24.9-21.3 57.1-20.9 62.4v135.2L301.3 800h283L636 696.6v-356c.1-23.7-23-43-51.4-43zm-360.8-12.8c-23.1-28.6-35.2-63.3-35.2-100.2 0-88.2 71.8-159.9 159.9-159.9s159.9 71.8 159.9 159.9c0 45.9-19.5 89.1-53.7 119.6-7.9-4.3-17.1-6.6-26.8-6.6-9.9 0-19.2 2.4-27.1 6.5l.2-143c0-24.1-23.1-43.7-51.5-43.7S298 137 298 161.1v175.2c-28.9-9.6-54.9-27.6-74.2-51.5zm387.6 406-42.3 84.5H317.4l-81.9-186V458.7l-.1-1.2c0-.3-2.1-26 14.7-44.4 10.4-11.4 26.1-18.1 46.9-19.9l.7 112.5 24.7-.1.3-344.6c0-10.1 12.5-19 26.8-19s26.8 8.9 26.8 19l-.3 180.1v54.8h24.7v-54.8h.3c0-10.1 12.5-19 26.8-19 7.4 0 14.3 2.3 19 6.4l.2.2c4.1 3.4 6.4 7.8 6.4 12.4v62.7h24.7v-62.7c0-9 11.9-19 27.9-19 14.2 0 25.7 8.5 25.7 19v62.7h24.7v-62.7c0-9 11.9-19 27.9-19 14.5 0 26.8 8.4 26.8 18.4l.3 350.3z' class='st0'/%3E%3Cpath d='M348.5 54.8c-71.6 0-129.8 58.2-129.8 129.8 0 28.4 9 55.3 26 77.9l19.7-14.8c-13.8-18.3-21-40.1-21-63.1 0-58 47.2-105.1 105.1-105.1s105.1 47.2 105.1 105.1c0 23-7.3 44.8-21 63.1l19.7 14.8c17-22.6 26-49.6 26-77.9.1-71.5-58.2-129.8-129.8-129.8z' class='st0'/%3E%3C/svg%3E");
    width: 25px;
    height: 25px;
    background-size: cover;
    position: absolute;
    right: -30px;
    bottom: 0;
    transform: rotate(-45deg);
}

.row-next-internal.detail.list .list-container .myHidden {
    display: none;
}

.row-1-internal.enti {}

.row-1-internal.aziende .box-img .sfondo {
    object-position: left;
}

.row-1-internal.enti .box-img .sfondo {
    object-position: left;
}

.row-1-internal.professionisti .box-img .sfondo {
    object-position: left;
}

.row-1-internal.privati .box-img .sfondo {
    object-position: left;
}



.myModalContainer {
    width: 90vw !important;
    max-width: 600px;
    max-height: 400px;
    height: 100% !important;
    margin-left: -2vw;
    /*overflow: scroll;*/
}

.myModalContainer.jBox-Modal .jBox-title {
    background-color: var(--rosso);
    color: #fff;
    font-weight: 700;
}

.myModalContainer.jBox-Modal .jBox-closeButton svg path {
    fill: #fff;
}

.myModalContainer.jBox-Modal .jBox-container {}

/*** fine aziende*/


/*** news*/

.row-1-internal.news {
    padding-bottom: 0;
}

.tpl-news-list-loop {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
}

.tpl-news-list-loop article {
    /* padding: 50px; */
}

.tpl-news-list-loop article a {
    text-decoration: none;
    padding: 100px;
    display: block;
    opacity: 1;
    transition: all .2s ease-in-out;
    height: 100%;
}

.tpl-news-list-loop article a:hover {
    opacity: 1;
}

.tpl-news-list-loop article:nth-child(6n+1),
.tpl-news-list-loop article:nth-child(6n+5) {
    background: var(--rosso);
}

.tpl-news-list-loop article:nth-child(6n+1) a,
.tpl-news-list-loop article:nth-child(6n+5) a {
    color: #fff;
}

.tpl-news-list-loop article:nth-child(6n+1) .btn,
.tpl-news-list-loop article:nth-child(6n+5) .btn {
    background-color: #fff;
    color: var(--rosso);
}

.tpl-news-list-loop article:nth-child(6n+1) a:hover,
.tpl-news-list-loop article:nth-child(6n+5) a:hover {
    background-color: #df3c43;
}

.tpl-news-list-loop article:nth-child(6n+1) a:hover .btn,
.tpl-news-list-loop article:nth-child(6n+5) a:hover .btn {
    background-color: #ddd;
}

.tpl-news-list-loop article:nth-child(6n+2),
.tpl-news-list-loop article:nth-child(6n+6) {
    background-color: var(--grigio);
}

.tpl-news-list-loop article:nth-child(6n+2) a,
.tpl-news-list-loop article:nth-child(6n+6) a {
    color: #fff;
}

.tpl-news-list-loop article:nth-child(6n+2) .btn,
.tpl-news-list-loop article:nth-child(6n+6) .btn {
    background-color: #fff;
    color: var(--rosso);
}

.tpl-news-list-loop article:nth-child(6n+2) a:hover,
.tpl-news-list-loop article:nth-child(6n+6) a:hover {
    background-color: #656060;
}

.tpl-news-list-loop article:nth-child(6n+2) a:hover .btn,
.tpl-news-list-loop article:nth-child(6n+6) a:hover .btn {
    background-color: #ddd;
}

.tpl-news-list-loop article:nth-child(6n+3),
.tpl-news-list-loop article:nth-child(6n+4) {}

.tpl-news-list-loop article:nth-child(6n+3) a,
.tpl-news-list-loop article:nth-child(6n+4) a {
    color: var(--testo);
}

.tpl-news-list-loop article:nth-child(6n+3) .btn,
.tpl-news-list-loop article:nth-child(6n+4) .btn {
    color: #ffffff;
    background-color: var(--rosso);
}

.tpl-news-list-loop article:nth-child(6n+3) a:hover,
.tpl-news-list-loop article:nth-child(6n+4) a:hover {
    background-color: #ededed;
}

.tpl-news-list-loop article:nth-child(6n+3) a:hover .btn,
.tpl-news-list-loop article:nth-child(6n+4) a:hover .btn {
    background-color: #9f080e;
}



.sing-news-loop {
    height: 100%;
}

.sing-news-loop .sing-news-info {}

.sing-news-loop .sing-news-date {
    font-size: 14px;
}

.sing-news-loop .sing-news-tit {
    font-size: 30px;
    line-height: 30px;
}

.sing-news-loop .sing-news-txt {}

.tpl-news-list-nav {
    margin: 0 15px 0 35px;
}

.sing-news {
    display: grid;
    grid-template-columns: 2fr 1fr;
    padding: 100px;
    grid-gap: 0 200px;
}

.sing-news aside {
    position: relative;
}

.sing-news aside:before {
    content: '';
    display: inline-block;
    width: 1px;
    height: 100%;
    position: absolute;
    background-color: var(--rosso);
    left: -100px;
}

.sing-news aside a {
    color: var(--testo);
    text-decoration-thickness: 1px;
}

.sing-news aside .widget-title {
    font-weight: 700;
    margin-bottom: 20px;
}

.sing-news aside li {
    margin-bottom: 10px
}

/*** fine news*/


/** contatti **/
.contact {
    padding: 100px;
    display: grid;
    grid-template-columns: 1fr 2fr;
    grid-gap: 50px 100px;
}

.contact .main-sede {}

.contact .main-sede h3, .contact .main-sede p, .contact .altre-sedi h3, .contact .altre-sedi p {
    padding-left: 0px;
}

.contact .main-sede .cont-sede {}


.contact .altre-sedi {
    position: relative;
}

.contact .altre-sedi:before {
    content: '';
    display: inline-block;
    width: 1px;
    height: 100%;
    background-color: var(--rosso);
    position: absolute;
    left: -50px;
    display:none;
}

.contact .altre-sedi .sing-sede {
    display: grid;
    grid-template-columns: auto;
}
@media screen and (min-width:1280px){
    .contact .altre-sedi .sing-sede {
        grid-template-columns: auto auto;
    }
    .contact .altre-sedi .sing-sede:nth-child(1),
    .contact .altre-sedi .sing-sede:nth-child(2){
    grid-template-columns: minmax(auto, 220px) auto;
}
    .contact .altre-sedi .sing-sede:nth-child(1)>div:nth-child(1),
    .contact .altre-sedi .sing-sede:nth-child(2)>div:nth-child(1){}
    .contact .altre-sedi h3, .contact .altre-sedi p {
        padding-left: 0;
    }
}

.contact .altre-sedi .cont-sede {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 20px 50px;
}

.contact h2 {
    font-weight: 700;
}

.contact h3 {
    font-weight: 400;
    color: var(--rosso);
    margin-bottom: 10px;
}

.contact a {
    text-decoration: none;
    color: inherit;
}

.contact p {}

.section-map #map {
    height: 600px;
}

/** FINE contatti **/

.rps-bread {
    margin-bottom: 10px;
}

.rps-bread a {
    text-decoration: none;
    color: inherit;
}

.rps-bread .breadcrumb_last {
    font-weight: 700;
    color: var(--rosso);
}

#footer {
    padding: 100px;
    font-size: 14px;
    line-height: 1.2;
    font-weight: 400;
    background: #eeeeee;
}

#footer>div {
    display: grid;
    grid-template-columns: 1fr 1fr;
    align-items: flex-start;
    grid-gap: 30px;
}

#footer .footer--col {}

#footer .footer--col.col-1 {
    display: grid;
    grid-template-areas:
        'item1 item1'
        'item2 item3'
        'item4 item4'
        'item5 item5';
    grid-template-columns: 1fr 1fr;
}

#footer .footer--col.col-1 .menu {
    list-style: none;
    margin-left: 0;
    padding: 0;
}

#footer .footer--col.col-1 .menu ul {}

#footer .footer--col.col-1 .menu li {}

#footer .footer--col.col-1 .menu li.m-bold a {
    color: var(--rosso);
    font-weight: 700;
}

#footer .footer--col.col-1 .col-1-2 a {
    color: inherit;
    text-decoration: none;
}

#footer .footer--col.col-1 .menu li a {
    color: inherit;
    text-decoration: none;
}

#footer .footer--col .col-1-1 {
    grid-area: item1;
}

#footer .footer--col .col-1-1 span {
    font-size: 18px;
    margin-bottom: 30px;
    display: block;
}

#footer .footer--col .col-1-1 #footer-logo {
    display: block;
}

#footer .footer--col .col-1-1 #footer-logo img {
    max-width: 250px;
    margin-bottom: 20px;
}

#footer .footer--col .col-1-2 {
    grid-area: item2;
}

#footer .footer--col .col-1-3 {
    grid-area: item3;
}

#footer .footer--col .col-1-4 {
    grid-area: item4;
}

#footer .footer--col .col-1-5 {
    grid-area: item5;
}

#footer .footer--col.col-2 {}

#footer .footer--col.col-2 .rps-form {
    max-width: 650px;
}

#footer .footer--col .col-2-1 {}

#footer .footer--col .col-2-1 h3 {
    color: var(--rosso);
    font-size: 30px;
    font-weight: 400;
    margin-bottom: 30px;
    padding-left: 15px;
}

.social--links {
    /*display: grid;
    grid-auto-flow: column;
    grid-template-columns: repeat(3, 18px);
    gap: 12.5px;
    margin-top: 20px;*/
}

.social--links ul {
    margin: 0;
    list-style-type: none;
    padding: 0;
    vertical-align: top;
    margin-top: 20px;
}

.social--links ul li {
    display: inline-block;
    padding: 0;
    vertical-align: top;
    position: relative;
    width: 20px;
    height: 20px;
    margin-right: 5px;
}

.social--links ul li a {
    font-size: 0;
    width: 0;
    height: 0;
    /* position: relative; */
    display: inline-block;
}

.social--links ul li a:before {
    content: '';
    display: inline-block;
    width: 20px;
    height: 20px;
    background-size: cover;
    position: absolute;
    top: 0;
    filter: grayscale(1);
    transition: all 0.2s ease-in-out;
}

.social--links ul li a:hover:before {
    filter: none;
}

.social--links ul li.in a:before {
    background-image: url('../../../wp-content/uploads/instagram.svg');
    width: 22px;
    height: 22px;
    top: -1px;
}

.social--links ul li.fb a:before {
    background-image: url('../../../wp-content/uploads/facebook.svg');
}

.social--links ul li.li a:before {
    background-image: url('../../../wp-content/uploads/linkedin.svg');
}


/** 404 */
body.error404 h1 {
    font-size: 56px;
    line-height: 60px;
    font-weight: 900;
    margin-bottom: 50px
}

body.error404 #primary {
    max-width: 1200px;
    margin: auto;
    padding: 100px 15px
}

body.error404 #primary {
    display: grid;
    grid-template-columns: 1fr 1fr;
    -webkit-column-gap: 30px;
    column-gap: 30px
}

body.error404 #primary>section {
    -ms-flex-item-align: center;
    align-self: center
}

body.error404 .img404 {
    opacity: 0;
    -webkit-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out
}

body.error404 .img404.anim1 {
    opacity: 1
}

body.error404 .img404 .my0 {
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
    -webkit-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out
}

body.error404 .img404.anim2 .my0 {
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

@media screen and (max-width:1680px) {
    .row-2-col .ico img {
        left: calc(var(--formula)*-1 + 0px);
    }
}

@media screen and (max-width:1439px) {
    .box-txt.right {
        padding-right: 0;
    }

    .box-txt.left {
        padding-left: 15px;
    }

    .row-2-col .ico img {
        left: -80px;
    }

    .row-2-col.invert .ico img {
        right: -80px;
    }
}



@media screen and (max-width:1239px) {
    #masthead {
        padding: 35px 50px;
    }

    .nav_button {
        right: 50px
    }

    #menu-desk {
        right: 110px;
    }

    .row-2-col {
        padding-left: 50px;
        padding-right: 50px;
    }

    .hp-row-1 .hp-row-1-cont .box-img .logo-outline {
        height: auto;
        width: 90%;
    }

    .row-2-col .ico img {
        width: 40px;
        left: -50px;
    }

    .row-2-col.invert .ico img {
        right: -45px;
    }

    body .row-1-internal .box-txt {
        margin-left: 50px;
    }

    body .row-1-internal .box-img {
        /*margin-right: 50px;*/
        display: none;
    }

    .row-next-internal .row-next-internal-1 {
        padding-left: 50px;
    }

    .row-next-internal .row-next-internal-2 {
        padding-right: 50px;
    }

    .row-next-internal.valori .sing-box {
        padding: 50px
    }

    .row-next-internal.servizi .sing-box {
        padding: 50px
    }

    .row-next-internal.perche .sing-box {
        padding: 50px
    }

    .row-1-internal-cont {
        grid-template-columns: 1fr;
    }

    .row-1-internal.about .row-1-internal-cont {
        grid-template-columns: 2fr 1fr;
    }

    body .row-1-internal.about .box-img {
        display: block;
        margin-right: 50px;
    }

    .tpl-news-list-loop article a {
        padding: 50px
    }

    .sing-news {
        padding: 50px;
        grid-gap: 0 100px;
    }

    .sing-news aside:before {
        left: -50px;
    }
    .contact{padding:50px}

    #footer {
        padding: 50px;
    }
}

@media screen and (max-width:1100px) {
    #menu-desk {
        display: none;
    }
}

@media screen and (max-width:991px) {
    .row-2-col-cont {
        grid-template-columns: 1fr;
    }

    .row-2-col {
        padding: 0;
    }

    .box-img.right {
        margin-right: 0;
    }

    .hp-row-1 .hp-row-1-cont .box-img .logo-outline {
        width: auto;
        height: 96%;
    }

    .row-2-col.invert {}

    .row-2-col.invert .row-2-col-cont {}

    .hp-row-4 .hp-row-4-cont .box-img .outline-red {
        top: 0;
    }

    .row-2-col.invert .row-2-col-cont .box-txt {
        order: 1;
        padding-right: 50px;
    }

    .row-2-col.invert .row-2-col-cont .box-img {
        order: 2;
    }

    .box-txt.left {
        padding-left: 50px;
    }

    .row-next-internal .row-next-internal-1 {
        padding-left: 0;
    }

    .row-1-internal.about .row-1-internal-cont {
        grid-template-columns: 1fr
    }

    body .row-1-internal.about .box-img {
        margin: auto;
        max-width: 600px;
    }

    body .row-1-internal .box-txt {
        margin-left: 0
    }

    #footer>div {
        grid-template-columns: 1fr
    }

    .row-1-internal {}

    .row-next-internal {
        grid-template-columns: 1fr;
    }

    .row-next-internal.even .row-next-internal-1 {
        order: 2;
    }

    .row-next-internal.odd .row-next-internal-1 {}

    .row-next-internal.col-13-23 {
        grid-template-columns: 1fr;
    }

    .row-next-internal.col-13-23 .box-img.left {
        display: none
    }

    .row-next-internal.valori {
        grid-template-columns: repeat(2, 1fr);
    }

    .tpl-news-list-loop {
        grid-template-columns: repeat(2, 1fr);
    }

    .tpl-news-list-loop article:nth-child(3n+1),
    .tpl-news-list-loop article:nth-child(3n+4) {
        background: var(--rosso);
    }

    .tpl-news-list-loop article:nth-child(3n+1) a,
    .tpl-news-list-loop article:nth-child(3n+4) a {
        color: #fff;
    }

    .tpl-news-list-loop article:nth-child(3n+1) .btn,
    .tpl-news-list-loop article:nth-child(3n+4) .btn {
        background-color: #fff;
        color: var(--rosso);
    }

    .tpl-news-list-loop article:nth-child(3n+1) a:hover,
    .tpl-news-list-loop article:nth-child(3n+4) a:hover {
        background-color: #df3c43;
    }

    .tpl-news-list-loop article:nth-child(3n+1) a:hover .btn,
    .tpl-news-list-loop article:nth-child(3n+4) a:hover .btn {
        background-color: #ddd;
    }

    .tpl-news-list-loop article:nth-child(3n+2),
    .tpl-news-list-loop article:nth-child(3n+5) {
        background-color: var(--grigio);
    }

    .tpl-news-list-loop article:nth-child(3n+2) a,
    .tpl-news-list-loop article:nth-child(3n+5) a {
        color: #fff;
    }

    .tpl-news-list-loop article:nth-child(3n+2) .btn,
    .tpl-news-list-loop article:nth-child(3n+5) .btn {
        background-color: #fff;
        color: var(--rosso);
    }

    .tpl-news-list-loop article:nth-child(3n+2) a:hover,
    .tpl-news-list-loop article:nth-child(3n+5) a:hover {
        background-color: #656060;
    }

    .tpl-news-list-loop article:nth-child(3n+2) a:hover .btn,
    .tpl-news-list-loop article:nth-child(3n+5) a:hover .btn {
        background-color: #ddd;
    }

    .tpl-news-list-loop article:nth-child(3n+3),
    .tpl-news-list-loop article:nth-child(3n+6) {
        background-color: #fff;
    }

    .tpl-news-list-loop article:nth-child(3n+3) a,
    .tpl-news-list-loop article:nth-child(3n+6) a {
        color: var(--testo);
    }

    .tpl-news-list-loop article:nth-child(3n+3) .btn,
    .tpl-news-list-loop article:nth-child(3n+6) .btn {
        color: #ffffff;
        background-color: var(--rosso);
    }

    .tpl-news-list-loop article:nth-child(3n+3) a:hover,
    .tpl-news-list-loop article:nth-child(3n+6) a:hover {
        background-color: #ededed;
    }

    .tpl-news-list-loop article:nth-child(3n+3) a:hover .btn,
    .tpl-news-list-loop article:nth-child(3n+6) a:hover .btn {
        background-color: #9f080e;
    }

    .sing-news {
        grid-template-columns: 1fr;
        grid-gap: 50px 0;
    }

    .sing-news aside:before {
        width: 100%;
        height: 1px;
        left: 0;
        top: -30px;
    }

    .contact{
    grid-template-columns: 1fr;
}
    .contact .altre-sedi:before{
    top: -30px;
    width: 100%;
    height: 1px;
    left: 0;
}

    #footer .footer--col.col-1 {
        order: 2;
    }

    #footer .footer--col.col-2 {
        order: 1;
    }
}

@media screen and (min-width:768px) and (max-width:991px) {
    .row-next-internal.valori .sing-box:nth-child(4n+1) {}

    .row-next-internal.valori .sing-box:nth-child(4n+2) {}

    .row-next-internal.valori .sing-box:nth-child(4n+3) {
        background-color: #fff;
        color: var(--testo);
    }

    .row-next-internal.valori .sing-box:nth-child(4n+4) {
        background-color: var(--rosso);
        color: #fff;
    }

    .row-next-internal.servizi {
        grid-template-columns: repeat(4, 1fr);
    }

    .row-next-internal.servizi .sing-box:nth-child(1) {
        grid-column-start: 1;
        grid-column-end: 3;
    }

    .row-next-internal.servizi .sing-box:nth-child(2) {
        grid-column-start: 3;
        grid-column-end: 5;
    }

    .row-next-internal.servizi .sing-box:nth-child(3) {
        grid-column-start: 2;
        grid-column-end: 4;
    }

    .row-next-internal.perche {
        grid-template-columns: repeat(4, 1fr);
    }

    .row-next-internal.perche .sing-box:nth-child(1) {
        grid-column-start: 1;
        grid-column-end: 3;
    }

    .row-next-internal.perche .sing-box:nth-child(2) {
        grid-column-start: 3;
        grid-column-end: 5;
    }

    .row-next-internal.perche .sing-box:nth-child(3) {
        grid-column-start: 2;
        grid-column-end: 4;
    }

}

@media screen and (max-width:767px) {
    .rps-form .col-2 {
        grid-template-columns: 1fr;
    }

    .row-next-internal.valori {
        grid-template-columns: repeat(1, 1fr);
    }

    .row-next-internal.servizi {
        grid-template-columns: repeat(1, 1fr);
    }
    .row-next-internal.perche {
        grid-template-columns: repeat(1, 1fr);
    }

    .row-next-internal.detail.list .list-container {
        grid-template-columns: repeat(1, 1fr);
        grid-gap: 0;
    }

    .row-next-internal.detail.list .list-container .list-container-1 ul {
        margin-bottom: 0
    }

    .tpl-news-list-loop {
        grid-template-columns: repeat(1, 1fr);
    }

    
    body.error404 #primary{grid-template-columns: 1fr; row-gap:30px}
.contact .altre-sedi .cont-sede{
    grid-template-columns: 1fr;
}
    #footer .footer--col.col-1 {
        grid-template-areas:
            'item1'
            'item2'
            'item3'
            'item4'
            'item5';
        grid-template-columns: 1fr;
    }
}

@media screen and (max-width:480px) {
    #masthead {
        padding: 15px;
        height: 60px;
    }

    h1 {
        font-size: 35px;
        line-height: 40px;
    }

    h2 {
        font-size: 30px;
        line-height: 35px;
    }

    .home h1,
    .home h2,
    .home h3,
    .home h4,
    .home h5,
    .home h6 {
        margin: 0 0 30px;
    }

    .btn,
    .nav-previous a,
    .nav-next a {
        margin-left: 0;
        margin-top: 20px;
    }

    .nav_button {
        right: 15px;
        top: 17px;
    }

    .hp-link img {
        height: 20px;
    }

    .box-txt.left {
        padding: 15px;
    }

    .box-txt.right {
        padding: 15px
    }

    .row-next-internal.servizi .sing-box {
        padding: 30px 15px;
    }

    .row-next-internal.perche .sing-box {
        padding: 30px 15px;
    }

    .row-next-internal.valori .sing-box {
        padding: 30px 15px;
    }

    .row-next-internal.detail.list .list-container {
        padding-right: 30px;
    }

    body .row-1-internal .box-img {
        display: block
    }

    .sing-news {
        padding: 50px 15px
    }
    .contact{padding:50px 15px}
    .section-map #map {
    height: 400px;
}
    .myModalContainer{overflow-y: scroll;}

    body.error404 h1{font-size: 40px; line-height: 1}
    #footer {
        padding: 15px;
    }
}
.sfogliabile::before{
    display: block; 
    content: " "; 
    margin-top: -70px; 
    height: 70px; 
    visibility: hidden; 
    pointer-events: none;
}