@font-face {
    font-family: 'DIN 2014';
    src: url('assets/fonts/DIN2014-LightItalic.eot');
    src: local('DIN 2014 Light Italic'), local('DIN2014-LightItalic'),
        url('assets/fonts/DIN2014-LightItalic.eot?#iefix') format('embedded-opentype'),
        url('assets/fonts/DIN2014-LightItalic.woff') format('woff'),
        url('assets/fonts/DIN2014-LightItalic.ttf') format('truetype');
    font-weight: 300;
    font-style: italic;
}

@font-face {
    font-family: 'DIN 2014';
    src: url('assets/fonts/DIN2014-Light.eot');
    src: local('DIN 2014 Light'), local('DIN2014-Light'),
        url('assets/fonts/DIN2014-Light.eot?#iefix') format('embedded-opentype'),
        url('assets/fonts/DIN2014-Light.woff') format('woff'),
        url('assets/fonts/DIN2014-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'DIN 2014';
    src: url('assets/fonts/DIN2014-ExtraBoldItalic.eot');
    src: local('DIN 2014 ExtraBold Italic'), local('DIN2014-ExtraBoldItalic'),
        url('assets/fonts/DIN2014-ExtraBoldItalic.eot?#iefix') format('embedded-opentype'),
        url('assets/fonts/DIN2014-ExtraBoldItalic.woff') format('woff'),
        url('assets/fonts/DIN2014-ExtraBoldItalic.ttf') format('truetype');
    font-weight: 800;
    font-style: italic;
}

@font-face {
    font-family: 'DIN 2014';
    src: url('assets/fonts/DIN2014-ExtraLight.eot');
    src: local('DIN 2014 ExtraLight'), local('DIN2014-ExtraLight'),
        url('assets/fonts/DIN2014-ExtraLight.eot?#iefix') format('embedded-opentype'),
        url('assets/fonts/DIN2014-ExtraLight.woff') format('woff'),
        url('assets/fonts/DIN2014-ExtraLight.ttf') format('truetype');
    font-weight: 200;
    font-style: normal;
}

@font-face {
    font-family: 'DIN 2014';
    src: url('assets/fonts/DIN2014-ExtraBold.eot');
    src: local('DIN 2014 ExtraBold'), local('DIN2014-ExtraBold'),
        url('assets/fonts/DIN2014-ExtraBold.eot?#iefix') format('embedded-opentype'),
        url('assets/fonts/DIN2014-ExtraBold.woff') format('woff'),
        url('assets/fonts/DIN2014-ExtraBold.ttf') format('truetype');
    font-weight: 800;
    font-style: normal;
}

@font-face {
    font-family: 'DIN 2014';
    src: url('assets/fonts/DIN2014-ExtraLightItalic.eot');
    src: local('DIN 2014 ExtraLight Italic'), local('DIN2014-ExtraLightItalic'),
        url('assets/fonts/DIN2014-ExtraLightItalic.eot?#iefix') format('embedded-opentype'),
        url('assets/fonts/DIN2014-ExtraLightItalic.woff') format('woff'),
        url('assets/fonts/DIN2014-ExtraLightItalic.ttf') format('truetype');
    font-weight: 200;
    font-style: italic;
}

@font-face {
    font-family: 'DIN 2014';
    src: url('assets/fonts/DIN2014-Regular.eot');
    src: local('DIN 2014 Regular'), local('DIN2014-Regular'),
        url('assets/fonts/DIN2014-Regular.eot?#iefix') format('embedded-opentype'),
        url('assets/fonts/DIN2014-Regular.woff') format('woff'),
        url('assets/fonts/DIN2014-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'DIN 2014';
    src: url('assets/fonts/DIN2014-Italic.eot');
    src: local('DIN 2014 Italic'), local('DIN2014-Italic'),
        url('assets/fonts/DIN2014-Italic.eot?#iefix') format('embedded-opentype'),
        url('assets/fonts/DIN2014-Italic.woff') format('woff'),
        url('assets/fonts/DIN2014-Italic.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'DIN 2014';
    src: url('assets/fonts/DIN2014-Bold.eot');
    src: local('DIN 2014 Bold'), local('DIN2014-Bold'),
        url('assets/fonts/DIN2014-Bold.eot?#iefix') format('embedded-opentype'),
        url('assets/fonts/DIN2014-Bold.woff') format('woff'),
        url('assets/fonts/DIN2014-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'DIN 2014';
    src: url('assets/fonts/DIN2014-BoldItalic.eot');
    src: local('DIN 2014 Bold Italic'), local('DIN2014-BoldItalic'),
        url('assets/fonts/DIN2014-BoldItalic.eot?#iefix') format('embedded-opentype'),
        url('assets/fonts/DIN2014-BoldItalic.woff') format('woff'),
        url('assets/fonts/DIN2014-BoldItalic.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;
}

@font-face {
    font-family: 'DIN 2014';
    src: url('assets/fonts/DIN2014-DemiBoldItalic.eot');
    src: local('DIN 2014 DemiBold Italic'), local('DIN2014-DemiBoldItalic'),
        url('assets/fonts/DIN2014-DemiBoldItalic.eot?#iefix') format('embedded-opentype'),
        url('assets/fonts/DIN2014-DemiBoldItalic.woff') format('woff'),
        url('assets/fonts/DIN2014-DemiBoldItalic.ttf') format('truetype');
    font-weight: 600;
    font-style: italic;
}

@font-face {
    font-family: 'DIN 2014';
    src: url('assets/fonts/DIN2014-DemiBold.eot');
    src: local('DIN 2014 DemiBold'), local('DIN2014-DemiBold'),
        url('assets/fonts/DIN2014-DemiBold.eot?#iefix') format('embedded-opentype'),
        url('assets/fonts/DIN2014-DemiBold.woff') format('woff'),
        url('assets/fonts/DIN2014-DemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
}

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
o {
    font-family: 'DIN 2014';
}
header{
    width:100%;
}

body {
    background: #F8F8FA;
}

p {
    color: #7B868C;
}

a {
    color: #35DBB1;
}

a:hover {
    color: #35DBB1;
}

h1 {
    font-weight: 800;
}

h3 {
    color: #35DBB1;
    font-size: 24px;
    font-weight: 800;
}

.col-center {
    margin: 0 auto;
}

.centerAlign {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

/* BOXES */
.whiteboxesHome {
    padding: 25px 25px 125px 25px;
    background: white;
    z-index: 100;
    margin-top: 0px;
}

@media (min-width:768px) {
    .whiteboxesHome:before {
        content: "";
        position: absolute;
        left: -30px;
        bottom: -30px;
        height: 100%;
        width: 100%;
        border-bottom: 30px solid #35DBB1;
        border-left: 30px solid #35DBB1;
    }

    #chi {
        margin-top: 120px;
    }

    #faq {
        margin-top: 100px;
    }
}

.whiteboxes {
    padding: 25px;
    background: white;
    box-shadow: 0px 0px 14px rgba(73, 73, 73, 0.8);
    z-index: 100;
}

.whiteboxes:before {
    content: "";
    position: absolute;
    left: -30px;
    bottom: -30px;
    height: 100%;
    width: 100%;
    border-bottom: 30px solid #35DBB1;
    border-left: 30px solid #35DBB1;
}

.whiteboxesMiddleHome {
    padding: 25px;
    background: white;
    box-shadow: 0px 0px 14px rgba(73, 73, 73, 0.8);
    z-index: 100;
}

.whiteboxesMiddleHome:before {
    content: "";
    position: absolute;
    right: -30px;
    bottom: -30px;
    height: 100%;
    width: 100%;
    border-bottom: 30px solid #35DBB1;
    border-right: 30px solid #35DBB1;
}

.whiteboxesMiddleChisiamo1 {
    padding: 25px 45px;
    background: white;
}

.whiteboxesMiddleChisiamo1:before {
    content: "";
    position: absolute;
    right: -30px;
    bottom: -30px;
    width: 60%;
    border-bottom: 30px solid #35DBB1;
}

.whiteboxesMiddleChisiamo2 {
    padding: 25px;
    background: white;
}

.whiteboxesMiddleChisiamo2:before {
    content: "";
    position: absolute;
    right: -30px;
    bottom: -30px;
    height: 100%;
    width: 100%;
    border-bottom: 30px solid #35DBB1;
    border-right: 30px solid #35DBB1;
}

.whiteboxesMiddleHome2 {
    padding: 25px;
    background: white;
    box-shadow: 0px 0px 14px rgba(73, 73, 73, 0.8);
    z-index: 100;
}

.whiteboxesMiddleHome2:before {
    content: "";
    position: absolute;
    right: 30px;
    bottom: -30px;
    height: 100%;
    width: 100%;
    border-bottom: 30px solid #35DBB1;
    border-left: 30px solid #35DBB1;
}

@media (min-width:768px) {
    .whiteboxesright,
    .whiteboxesright2 {
        width: 450px;
    }

    .boxCategorieHome {
        z-index: 100;
       /* background: white;*/
        border-bottom: 30px solid #35DBB1;
        display: block;
    }

    .boxCategorieHome:before {
        content: "";
        position: absolute;
        left: -30px;
        right: -30px;
        bottom: -30px;
        height: 80%;
        border-left: 30px solid #35DBB1;
        border-right: 30px solid #35DBB1;
    }

    #mainBox {
        padding-top: 20px;
    }

    #leftimage {
        margin-bottom: 70px;
    }

    #ozonizzazione {
        margin-top: 100px;
    }
}

.line_right {
    background: #35DBB1;
    height: 20em;
    width: 30px;
    left: 60px;
    margin-top: -300px;
}

.whiteboxesMiddle {
    padding: 25px;
    background: white;
    box-shadow: 0px 0px 14px rgba(73, 73, 73, 0.8);
    z-index: 100;
}

.whiteboxesMiddle:before {
    content: "";
    position: absolute;
    right: -30px;
    bottom: -30px;
    height: 100%;
    width: 100%;
    border-bottom: 30px solid #35DBB1;
    border-right: 30px solid #35DBB1;
}

.boxleftcontattiHome:before {
    content: "";
    position: absolute;
    left: 4px;
    height: 75%;
    left: -30px;
    border-left: 30px solid #35DBB1;
}

.boxrightcontattiHome:before {
    content: "";
    position: absolute;
    right: 4px;
    height: 75%;
    right: -30px;
    border-right: 30px solid #35DBB1;
}

.whiteboxes-servizi {
    padding: 25px;
    background: white;
    box-shadow: 0px 0px 14px rgba(73, 73, 73, 0.8);
    z-index: 100;
}

.whiteboxes-servizi:before {
    content: "";
    position: absolute;
    left: -30px;
    bottom: -30px;
    height: 100%;
    width: 100%;
    border-bottom: 30px solid #35DBB1;
    border-left: 30px solid #35DBB1;
}

.centerboxWhite {
    background-color: white;
}

.centerboxWhite-servizi {
    background-color: white;
    z-index: 10000;
}

.centerboxWhite-servizi:before {
    position: absolute;
    top: 20px;
    right: -30px;
    left: -30px;
    height: 94%;
    border-left: 30px solid #35DBB1;
    border-right: 30px solid #35DBB1;
    z-index: 3000;
}

.whiteboxesMiddle-pulizie {
    padding: 25px;
    background: white;
    box-shadow: 0px 0px 14px rgba(73, 73, 73, 0.8);
}

.whiteboxesMiddle-pulizie:before {
    content: "";
    position: absolute;
    Left: -30px;
    bottom: -30px;
    height: 100%;
    width: 100%;
    border-bottom: 30px solid #FFAD5F;
    border-left: 30px solid #FFAD5F;
}

.whiteboxesMiddle-verde {
    padding: 25px;
    Background: white;
    box-shadow: 0px 0px 14px rgba(73, 73, 73, 0.8);
}

.whiteboxesMiddle-verde:before {
    content: "";
    position: absolute;
    Right: -30px;
    bottom: -30px;
    height: 100%;
    width: 100%;
    border-bottom: 30px solid #6BCDB2;
    border-right: 30px solid #6BCDB2;
}

.whiteboxesMiddle-mense {
    padding: 25px;
    background: white;
    box-shadow: 0px 0px 14px rgba(73, 73, 73, 0.8);
}

.whiteboxesMiddle-mense:before {
    content: "";
    position: absolute;
    Left: -30px;
    bottom: -30px;
    height: 100%;
    width: 100%;
    border-bottom: 30px solid #F8DF8D;
    border-left: 30px solid #F8DF8D;
}

.whiteboxesMiddle-rosa {
    padding: 25px;
    Background: white;
    box-shadow: 0px 0px 14px rgba(73, 73, 73, 0.8);
}

.whiteboxesMiddle-rosa:before {
    content: "";
    position: absolute;
    Right: -30px;
    bottom: -30px;
    height: 100%;
    width: 100%;
    border-bottom: 30px solid #E88697;
    Border-right: 30px solid #E88697;
}

.whiteboxesMiddle-servizi_vari {
    padding: 25px;
    background: white;
    box-shadow: 0px 0px 14px rgba(73, 73, 73, 0.8);
}

.whiteboxesMiddle-servizi_vari:before {
    content: "";
    position: absolute;
    Left: -30px;
    bottom: -30px;
    height: 100%;
    width: 100%;
    border-bottom: 30px solid #F3CFB2;
    border-left: 30px solid #F3CFB2;
}

.whiteboxesMiddle-viola {
    padding: 25px;
    Background: white;
    box-shadow: 0px 0px 14px rgba(73, 73, 73, 0.8);
}

.whiteboxesMiddle-viola:before {
    content: "";
    position: absolute;
    Right: -30px;
    bottom: -30px;
    height: 100%;
    width: 100%;
    border-bottom: 30px solid #8B85CA;
    Border-right: 30px solid #8B85CA;
}

.boxwhiteContatti {
    Background: white;
    box-shadow: 0px 0px 14px rgba(73, 73, 73, 0.8);
}

.boxwhiteContatti:before {
    content: "";
    position: absolute;
    top: 20px;
    right: -30px;
    left: -30px;
    height: 94%;
    border-left: 30px solid #35DBB1;
    border-right: 30px solid #35DBB1;
}

.boxwhitePrivacy {
    padding: 25px;
    Background: white;
    box-shadow: 0px 0px 14px rgba(73, 73, 73, 0.8);
    text-align: center;
}

.boxwhitePrivacy:before {
    content: "";
    position: absolute;
    bottom: -30px;
    left: 10%;
    width: 80%;
    border-bottom: 30px solid #35DBB1;
}

.whiteboxesright {
    padding: 20px;
    background: white;
    box-shadow: 0px 0px 14px rgba(73, 73, 73, 0.8);
    z-index: 20000;
}

.whiteboxesright2 {
    padding: 20px;
    background: white;
    box-shadow: 0px 0px 14px rgba(73, 73, 73, 0.8);
    z-index: 10000;
}

@media (min-width: 1204px) {
    .whiteboxesright:before {
        content: "";
        position: absolute;
        right: 75px;
        bottom: -30px;
        height: 58%;
        width: 78%;
        border-bottom: 30px solid #35DBB1;
        border-right: 30px solid #35DBB1;
        z-index: 1;
    }

    .whiteboxesright2:before {
        content: "";
        position: absolute;
        right: -15px;
        bottom: 100px;
        height: 140px;
        width: 120px;
        border-bottom: 30px solid #35DBB1;
        border-right: 30px solid #35DBB1;
    }
}

/* BOX DISPOSITIVI DESKTOP */
@media (min-width: 1023px) {
    .centerboxWhite:before {
        content: "";
        position: absolute;
        top: 40px;
        right: -30px;
        left: -30px;
        height: 86.5%;
        border-left: 30px solid #35DBB1;
        border-right: 30px solid #35DBB1;
        z-index: -100;
    }

    .centerboxWhite2 {
        background-color: white;
        border-bottom: 30px solid #35DBB1;
    }

    .centerboxWhite2:before {
        content: "";
        position: absolute;
        top: 40px;
        right: -30px;
        left: -30px;
        height: 98%;
        border-left: 30px solid #35DBB1;
        border-right: 30px solid #35DBB1;
        z-index: 200;
    }
}

/* BOX DISPOSITIVI MOBILI */
@media screen (max-width: 1022px) {
    .whiteboxes:before,
    .whiteboxesMiddle:before,
    .whiteboxesHome:before {
        display: none;
    }

    .whiteboxesright:before,
    .whiteboxesright2:before {
        display: none;
    }
}

/* PHONE */
@media (max-width: 760px) {
    .boxContattiDesktop {
        display: none;
    }

    .whiteboxes:before,
    .whiteboxesMiddle:before,
    .centerboxWhite:before,
    .whiteboxesHome:before {
        display: none;
    }

    .leftimage {
        margin-bottom: 40px;
    }

    .whiteboxesMiddleChisiamo2:before {
        display: none;
    }

    .whiteboxesHome {
        margin-bottom: 0px;
        margin-top: 100px;
        padding-bottom: 20px;
    }

    #leftimage {
        margin-top: 60px;
        margin-bottom: 0px;
    }

    #ozonizzazione {
        margin-top: 60px;
    }
}

@media (min-width: 761px) {
    .mobileBoxContatti {
        display: none;
    }
}

.red-button {
    background-color: #F93549;
    color: #ffffff;
    border-radius: 20px;
    padding-left: 30px;
    padding-right: 30px;
}

.centerboxWhite {
    background: white;
    box-shadow: 0px 0px 14px rgba(73, 73, 73, 0.8);
    z-index: 20;
}

#fotoCenterBoxLeft {
    dispaly: none;
}

.panel-title {
    padding-bottom: 20px;
    padding-top: 20px;
    border-bottom: 1px solid #dedede;
}

.panel-title a {
    color: #7B868C;
}

.panel-title.on a {
    color: #35DBB1;
}

#accetta {
    border-radius: 15px;
    padding-left: 20px;
    padding-right: 20px;
    background-color: #F93549;
    border: 0px solid rgba(0, 0, 0, 0);
}

#bs-gdpr-cookies-modal-accept-btn.btn-primary {
    border-radius: 30px;
    padding-left: 20px;
    padding-right: 20px;
    background-color: #F93549;
    border: 0px solid rgba(0, 0, 0, 0);
}

#bs-gdpr-cookies-modal-advanced-btn {
    border-radius: 30px;
}

#bs-gdpr-cookies-modal-title {
    font-weight: 700;
    text-transform: uppercase;
    font-size: 26px;
}
}