@charset "utf-8";
/* CSS Document */


/* Desktop styling */
@media screen and (min-width: 1024px){
    body{
        margin:0vw;
        padding:0vw;
        background-color: rgba(255,255,255,1.0);
        max-width: 100vw;
        overflow-x: hidden;
    }
    
    section{
        margin:0vw;
        padding:0vw;
    }
    
    #secondnav{
        width:100vw;
        height:5vw;
        z-index: 500;
        background-color: rgba(255,255,255,0.9);
        border-bottom-color: rgba(29,29,27,1.0);
        border-bottom-width: medium;
        border-bottom-style: solid;
        opacity:0;
        margin-top: -5vw;
        position:fixed;
    }
    
    #secondnav img.logo{
        width:4vw;
        height:auto;
        position:fixed;
        margin: 0.5vw;
        z-index: 100;
        float:left;
    }
    
    #secondnav img.menu_button{
        width:7vw;
        height:auto;
        z-index: 100;
        margin: 1.5vw 2vw 0.5vw 91vw;
        position:fixed;
        cursor: pointer;
    }
    
    .normalnav{
        width:100vw;
        height:5vw;
        z-index: 500;
        background-color: rgba(255,255,255,0.9);
        border-bottom-color: rgba(29,29,27,1.0);
        border-bottom-width: medium;
        border-bottom-style: solid;
        position:fixed;
        top:0vw;
        left:0vw;
    }
    
    .normalnav img.logo{
        width:4vw;
        height:auto;
        position:fixed;
        margin: 0.5vw;
        z-index: 100;
        float:left;
    }
    
    .normalnav img.menu_button{
        width:7vw;
        height:auto;
        z-index: 100;
        margin: 1.5vw 2vw 0.5vw 91vw;
        position:fixed;
        cursor: pointer;
    }
    
    .home_logo_menu{
        width:100vw;
        height:auto;
        overflow:hidden;
        background-color: rgba(29,29,27,1.0);
        display:block;
    }
    
    .home_logo_menu img.logo{
        width:10vw;
        height:auto;
        position:fixed;
        margin: 2vw;
        z-index: 100;
        float:left;
    }
    
    .home_logo_menu img.menu_button{
        width:7vw;
        height:auto;
        z-index: 100;
        margin: 6vw 2vw 6vw 91vw;
        position:fixed;
        cursor: pointer;
    }
    
    .home_logo_menu h1{
        font-family: neusa-next-std-compact, sans-serif;
        font-weight: 400;
        font-style: normal;
        font-size: 3vw;
        width:40vw;
        color: rgba(29,29,27,1.0);
        background-color: rgba(255,255,255,1.0);
        padding:1vw;
        text-align: center;
        position: absolute;
        margin: 54vw 0vw 0vw 29vw;
        z-index:1500;
    }
    
    video.home{
        width:100vw;
        height:auto;
        opacity:0.6;
    }
    
    .home_benefits video{
        width:50vw;
        height:auto;
        margin: 2vw 0vw 5vw 25vw;
        opacity:1.0;
    }
    
    .page_head{
        width:100vw;
        height:auto;
        overflow:hidden;
        background-color: rgba(29,29,27,1.0);
        display:block;
    }
    
    .page_head img.logo{
        width:10vw;
        height:auto;
        position:fixed;
        margin: 2vw;
        z-index: 100;
        float:left;
    }
    
    .page_head img.menu_button{
        width:7vw;
        height:auto;
        z-index: 100;
        margin: 6vw 2vw 6vw 91vw;
        position:fixed;
        cursor: pointer;
    }
    
    .page_head img.feature{
        width:100vw;
        height:auto;
        opacity:0.8;
    }
    
    .page_head .text{
        width:40vw;
        float:left;
        background-color: rgba(255,255,255,0.9);
        position:absolute;
        top:20vw;
        left:7vw;
        z-index:50; 
        opacity:0;
    }
    
    .page_head .text h1{
        font-family: neusa-next-std-compact, sans-serif;
        font-weight: 400;
        font-style: normal;
        font-size: 1.5vw;
        text-align:left;
        color: rgba(29,29,27,1.0);
        margin:2vw;
    }
    
    .page_head .text p{
        font-family: neusa-next-std-compact, sans-serif;
        font-weight: 300;
        font-style: normal;
        font-size: 1.2vw;
        text-align:left;
        color: rgba(29,29,27,1.0);
        margin:2vw;
    }
    
    .page_head .contact_text{
        width:40vw;
        float:left;
        position:absolute;
        top:20vw;
        left:15vw;
        z-index:50;  
    }
    
    .page_head .contact_text h1{
        font-family: neusa-next-std-compact, sans-serif;
        font-weight: 400;
        font-style: normal;
        font-size: 3vw;
        text-align:left;
        color: rgba(29,29,27,1.0);
        margin:2vw;
    }
    
    .page_head .contact_text a.email{
        font-family: neusa-next-std-compact, sans-serif;
        font-weight: 400;
        font-style: normal;
        font-size: 1.5vw;
        text-align:left;
        color: rgba(29,29,27,1.0);
        margin:2vw;
        background-image: url("/images/email_icon.svg");
        background-size:4vw;
        background-repeat: no-repeat;
        line-height: 4vw;
        display:block;
        padding: 0vw 0vw 0vw 6vw;
        text-decoration: none;
    }
    
    .page_head .contact_text a.tel{
        font-family: neusa-next-std-compact, sans-serif;
        font-weight: 400;
        font-style: normal;
        font-size: 1.5vw;
        text-align:left;
        color: rgba(29,29,27,1.0);
        margin:2vw;
        background-image: url("/images/tel_icon.svg");
        background-size:4vw;
        background-repeat: no-repeat;
        line-height: 4vw;
        display:block;
        padding: 0vw 0vw 0vw 6vw;
        text-decoration: none;
    }
    
    .home_about{
        width:100vw;
        height:auto;
        overflow: hidden;
        background-color: rgba(255,255,255,1.0);
    }
    
    .home_about .text{
        width:40vw;
        float:left;
        display:inline-block;
        margin:12vw 5vw 0vw 5vw;
    }
    
    .home_about .text h2{
        font-family: neusa-next-std-compact, sans-serif;
        font-weight: 400;
        font-style: normal;
        font-size: 1.5vw;
        text-align:left;
        color: rgba(29,29,27,1.0);
    }
    
    .home_about .text p{
        font-family: neusa-next-std-compact, sans-serif;
        font-weight: 300;
        font-style: normal;
        font-size: 1.2vw;
        text-align:left;
        color: rgba(29,29,27,1.0);
    }
    
    .home_about img{
        width:35vw;
        height:auto;
        float:right;
        display:inline-block;
        margin:5vw;
    }
    
    .home_benefits{
        display:inline-block;
        width:100vw;
        overflow:hidden;
        background-color:rgba(163,134,63,1.0);
        background-image: url("images/dp_logo_white_basic.svg");
        background-position: top right;
        background-repeat: no-repeat;
        background-size: 30vw;
        margin:0vw;
        padding:0vw;
    }
    
    .home_benefits h3{
        font-family: neusa-next-std-compact, sans-serif;
        font-weight: 400;
        font-style: normal;
        font-size: 3vw;
        color: rgba(255,255,255,1.0);
        display: block;
        text-align: center;
    }
    
    .home_benefits p{
        font-family: neusa-next-std-compact, sans-serif;
        font-weight: 300;
        font-style: normal;
        font-size: 1.2vw;
        color: rgba(255,255,255,1.0);
        display: block;
        text-align: center;
        width:40vw;
        margin: 0vw 0vw 0vw 30vw;
    }
    
    .home_benefits .list{
        width:16vw;
        height:auto;
        float:left;
        display:inline-block;
        margin: 4vw;
    }
    
    .home_benefits .list img{
        width:10vw;
        margin: 0vw 3vw 1vw;
    }
    
    .home_benefits .list h4{
        font-family: neusa-next-std-compact, sans-serif;
        font-weight: 400;
        font-style: normal;
        font-size: 1.8vw;
        color: rgba(255,255,255,1.0);
        display: block;
        text-align: center;
        width:auto !important;
        margin: 1vw !important;
    }
    
    .home_benefits .list p{
        font-family: neusa-next-std-compact, sans-serif;
        font-weight: 300;
        font-style: normal;
        font-size: 1.2vw;
        color: rgba(255,255,255,1.0);
        display: block;
        text-align: center;
        width:auto !important;
        margin: 1vw !important;
    }
    
    .home_la{
        width:100vw;
        height:30vw;
        margin:0vw;
        padding:0vw;
        background-image: url("/images/home_la.webp");
        display:inline-block;
    }
    
    .home_la .text{
        width:40vw;
        float:right;
        display:inline-block;
        margin:8vw 5vw 0vw 5vw;
        background-color: rgba(255,255,255,0.8);
    }
    
    .home_la .text h5{
        font-family: neusa-next-std-compact, sans-serif;
        font-weight: 400;
        font-style: normal;
        font-size: 1.5vw;
        text-align:left;
        color: rgba(29,29,27,1.0);
        margin:2vw;
    }
    
    .home_la .text p{
        font-family: neusa-next-std-compact, sans-serif;
        font-weight: 300;
        font-style: normal;
        font-size: 1.2vw;
        text-align:left;
        color: rgba(29,29,27,1.0);
        margin:2vw;
    }
    
    .home_la .text a{
        font-family: neusa-next-std-compact, sans-serif;
        font-weight: 300;
        font-style: normal;
        font-size: 1.2vw;
        text-align:left;
        color: rgba(255,255,255,1.0);
        margin:0vw 2vw 2vw;
        display:inline-block;
        padding:1vw;
        background-color:rgba(163,134,63,1.0);
        text-decoration: none;
        border-color:rgba(163,134,63,1.0);
        border-width: medium;
        border-style: solid;
        transition:0.8s;
    }
    
    .home_la .text a:hover{
        border-color:rgba(29,29,27,1.0);
        transition:0.8s;
    }
    
    .footer{
        width:100vw;
        overflow: hidden;
        background-color:rgba(29,29,27,1.0);
    }
    
    .footer .footercolumn{
        width:20vw;
        margin:1.5vw;
        float: left;
        display:inline-block;
    }
    
    .footer .footercolumn img{
        width: 6vw;
        height: auto;
    }
    
    .footer .footercolumn p{
        font-family: neusa-next-std-compact, sans-serif;
        font-weight: 300;
        font-style: normal;
        font-size: 0.8vw;
        text-align:left;
        color: rgba(255,255,255,1.0);
        text-decoration: none;
        display:block;
    }
    
    .footer .footercolumn a{
        font-family: neusa-next-std-compact, sans-serif;
        font-weight: 300;
        font-style: normal;
        font-size: 0.8vw;
        text-align:left;
        color: rgba(255,255,255,1.0);
        text-decoration: none;
        display:inline-block;
    }
    
    .footer .footercolumn a:hover{
        color:rgba(163,134,63,1.0);
    }
    
    .footer h6{
        display:none;
    }
    
    .slide_menu{
        width:0vw;
        position:fixed;
        top:0vw;
        right:0vw;
        background-color:rgba(29,29,27,1.0);
        z-index: 5000;
        height:100vh;
        transition:0.3s;
    }
    
    .slide_menu h6{
        display:none;
    }
    
    .slide_menu img.menu_button{
        width:7vw;
        height:auto;
        margin: 6vw 0vw 2vw 7vw;
        cursor: pointer;
    }
    
    .slide_menu a{
        font-family: neusa-next-std-compact, sans-serif;
        font-weight: 300;
        font-style: normal;
        font-size: 1vw;
        color: rgba(255,255,255,1.0);
        text-decoration: none;
        display:block;
        text-align:center;
        border-bottom-style: solid;
        border-bottom-width: thin;
        border-bottom-color: rgba(163,134,63,1.0);
        padding: 1vw 0vw;
    }
    
    .slide_menu a:hover{
        background-color: rgba(163,134,63,1.0);
    }
    
    
}

/* Mobile styling */
@media screen and (max-width: 1023px){
    body{
        margin:0vw;
        padding:0vw;
        background-color: rgba(255,255,255,1.0);
        max-width: 100vw;
        overflow-x: hidden;
    }
    
    section{
        margin:0vw;
        padding:0vw;
    }
    
    #secondnav{
        width:100vw;
        height:20vw;
        z-index: 500;
        background-color: rgba(255,255,255,0.9);
        border-bottom-color: rgba(29,29,27,1.0);
        border-bottom-width: medium;
        border-bottom-style: solid;
        opacity:0;
        margin-top: -5vw;
        position:fixed;
    }
    
    #secondnav img.logo{
        width:15vw;
        height:auto;
        position:fixed;
        margin: 2.5vw;
        z-index: 100;
        float:left;
    }
    
    #secondnav img.menu_button{
        width:15vw;
        height:auto;
        z-index: 100;
        margin: 10vw 2vw 0.5vw 80vw;
        position:fixed;
        cursor: pointer;
    }
    
    .normalnav{
        width:100vw;
        height:20vw;
        z-index: 500;
        background-color: rgba(255,255,255,0.9);
        border-bottom-color: rgba(29,29,27,1.0);
        border-bottom-width: medium;
        border-bottom-style: solid;
        opacity:1;
        margin-top: 0vw;
        position:fixed;
    }
    
    .normalnav img.logo{
        width:15vw;
        height:auto;
        position:fixed;
        margin: 2.5vw;
        z-index: 100;
        float:left;
    }
    
    .normalnav img.menu_button{
        width:15vw;
        height:auto;
        z-index: 100;
        margin: 10vw 2vw 0.5vw 80vw;
        position:fixed;
        cursor: pointer;
    }
    
    .home_logo_menu{
        width:100vw;
        height:auto;
        overflow:hidden;
        background-color: rgba(29,29,27,1.0);
        display:block;
    }
    
    .home_logo_menu img.logo{
        width:25vw;
        height:auto;
        position:fixed;
        margin: 2vw;
        z-index: 100;
        float:left;
    }
    
    .home_logo_menu img.menu_button{
        width:15vw;
        height:auto;
        z-index: 100;
        margin: 12vw 2vw 6vw 80vw;
        position:fixed;
        cursor: pointer;
    }
    
    .home_logo_menu h1{
        font-family: neusa-next-std-compact, sans-serif;
        font-weight: 400;
        font-style: normal;
        font-size: 6vw;
        width:80vw;
        color: rgba(29,29,27,1.0);
        background-color: rgba(255,255,255,1.0);
        padding:1vw;
        text-align: center;
        position: absolute;
        margin: 54vw 0vw 0vw 10vw;
        z-index:1500;
    }
    
    video.home{
        width:100vw;
        height:auto;
        opacity:0.6;
    }
    
    .home_benefits video{
        width:80vw;
        height:auto;
        margin: 2vw 0vw 5vw 10vw;
        opacity:1.0;
    }
    
    .page_head{
        width:100vw;
        min-height:100vw;
        overflow:hidden;
        background-color: rgba(29,29,27,1.0);
        display:block;
    }
    
    .page_head img.logo{
        width:15vw;
        height:auto;
        position:fixed;
        margin: 2vw;
        z-index: 100;
        float:left;
    }
    
    .page_head img.menu_button{
        width:15vw;
        height:auto;
        z-index: 100;
        margin: 6vw 2vw 6vw 80vw;
        position:fixed;
        cursor: pointer;
    }
    
    .page_head img.feature{
        width:auto;
        height:100vw;
        opacity:0.8;
        overflow: hidden;
        margin-left: -40vw;
    }
    
    .page_head .text{
        width:80vw;
        float:left;
        background-color: rgba(255,255,255,0.9);
        position:absolute;
        top:25vw;
        left:10vw;
        z-index:50;
        opacity: 0;
    }
    
    .page_head .text h1{
        font-family: neusa-next-std-compact, sans-serif;
        font-weight: 400;
        font-style: normal;
        font-size: 4.5vw;
        text-align:left;
        color: rgba(29,29,27,1.0);
        margin:2vw;
    }
    
    .page_head .text p{
        font-family: neusa-next-std-compact, sans-serif;
        font-weight: 300;
        font-style: normal;
        font-size: 4vw;
        text-align:left;
        color: rgba(29,29,27,1.0);
        margin:2vw;
    }
    
    .page_head .contact_text{
        width:40vw;
        float:left;
        position:absolute;
        top:25vw;
        left:15vw;
        z-index:50;  
    }
    
    .page_head .contact_text h1{
        font-family: neusa-next-std-compact, sans-serif;
        font-weight: 400;
        font-style: normal;
        font-size: 5vw;
        text-align:left;
        color: rgba(29,29,27,1.0);
        margin:2vw;
    }
    
    .page_head .contact_text a.email{
        font-family: neusa-next-std-compact, sans-serif;
        font-weight: 400;
        font-style: normal;
        font-size: 4.5vw;
        text-align:left;
        color: rgba(29,29,27,1.0);
        margin:2vw;
        background-image: url("/images/email_icon.svg");
        background-size:4vw;
        background-repeat: no-repeat;
        line-height: 4vw;
        display:block;
        padding: 0vw 0vw 0vw 6vw;
        text-decoration: none;
    }
    
    .page_head .contact_text a.tel{
        font-family: neusa-next-std-compact, sans-serif;
        font-weight: 400;
        font-style: normal;
        font-size: 4.5vw;
        text-align:left;
        color: rgba(29,29,27,1.0);
        margin:2vw;
        background-image: url("/images/tel_icon.svg");
        background-size:4vw;
        background-repeat: no-repeat;
        line-height: 4vw;
        display:block;
        padding: 0vw 0vw 0vw 6vw;
        text-decoration: none;
    }
    
    .home_about{
        width:100vw;
        height:auto;
        overflow: hidden;
        background-color: rgba(255,255,255,1.0);
    }
    
    .home_about .text{
        width:80vw;
        float:left;
        display:inline-block;
        margin:12vw 5vw 0vw 10vw;
    }
    
    .home_about .text h2{
        font-family: neusa-next-std-compact, sans-serif;
        font-weight: 400;
        font-style: normal;
        font-size: 4.5vw;
        text-align:center;
        color: rgba(29,29,27,1.0);
    }
    
    .home_about .text p{
        font-family: neusa-next-std-compact, sans-serif;
        font-weight: 300;
        font-style: normal;
        font-size: 4vw;
        text-align:center;
        color: rgba(29,29,27,1.0);
    }
    
    .home_about img{
        width:80vw;
        height:auto;
        display:inline-block;
        margin:5vw 0vw 5vw 10vw;
    }
    
    .home_benefits{
        display:inline-block;
        width:100vw;
        overflow:hidden;
        background-color:rgba(163,134,63,1.0);
        background-image: url("images/dp_logo_white_basic.svg");
        background-position: top right;
        background-repeat: no-repeat;
        background-size: 30vw;
        margin:0vw;
        padding:0vw;
    }
    
    .home_benefits h3{
        font-family: neusa-next-std-compact, sans-serif;
        font-weight: 400;
        font-style: normal;
        font-size: 4.5vw;
        color: rgba(255,255,255,1.0);
        display: block;
        text-align: center;
    }
    
    .home_benefits p{
        font-family: neusa-next-std-compact, sans-serif;
        font-weight: 300;
        font-style: normal;
        font-size: 4vw;
        color: rgba(255,255,255,1.0);
        display: block;
        text-align: center;
        width:80vw;
        margin: 0vw 0vw 0vw 10vw;
    }
    
    .home_benefits .list{
        width:40vw;
        height:auto;
        float:left;
        display:inline-block;
        margin: 5vw 0vw 5vw 5vw;
    }
    
    .home_benefits .list img{
        width:20vw;
        margin: 0vw 0vw 1vw 10vw;
    }
    
    .home_benefits .list h4{
        font-family: neusa-next-std-compact, sans-serif;
        font-weight: 400;
        font-style: normal;
        font-size: 4.5vw;
        color: rgba(255,255,255,1.0);
        display: block;
        text-align: center;
        width:auto !important;
        margin: 1vw !important;
    }
    
    .home_benefits .list p{
        font-family: neusa-next-std-compact, sans-serif;
        font-weight: 300;
        font-style: normal;
        font-size: 4vw;
        color: rgba(255,255,255,1.0);
        display: block;
        text-align: center;
        width:auto !important;
        margin: 1vw !important;
    }
    
    .home_la{
        width:100vw;
        height:50vw;
        margin:0vw;
        padding:0vw;
        background-image: url("/images/home_la.webp");
        display:inline-block;
    }
    
    .home_la .text{
        width:80vw;
        float:left;
        display:inline-block;
        margin:8vw 5vw 0vw 10vw;
        background-color: rgba(255,255,255,0.8);
    }
    
    .home_la .text h5{
        font-family: neusa-next-std-compact, sans-serif;
        font-weight: 400;
        font-style: normal;
        font-size: 4.5vw;
        text-align:left;
        color: rgba(29,29,27,1.0);
        margin:2vw;
    }
    
    .home_la .text p{
        font-family: neusa-next-std-compact, sans-serif;
        font-weight: 300;
        font-style: normal;
        font-size: 4vw;
        text-align:left;
        color: rgba(29,29,27,1.0);
        margin:2vw;
    }
    
    .home_la .text a{
        font-family: neusa-next-std-compact, sans-serif;
        font-weight: 300;
        font-style: normal;
        font-size: 4vw;
        text-align:left;
        color: rgba(255,255,255,1.0);
        margin:0vw 2vw 2vw;
        display:inline-block;
        padding:1vw;
        background-color:rgba(163,134,63,1.0);
        text-decoration: none;
        border-color:rgba(163,134,63,1.0);
        border-width: medium;
        border-style: solid;
        transition:0.8s;
    }
    
    .home_la .text a:hover{
        border-color:rgba(29,29,27,1.0);
        transition:0.8s;
    }
    
    .footer{
        width:100vw;
        overflow: hidden;
        background-color:rgba(29,29,27,1.0);
    }
    
    .footer .footercolumn{
        width:20vw;
        margin:1.5vw;
        float: left;
        display:inline-block;
    }
    
    .footer .footercolumn img{
        width: 15vw;
        height: auto;
    }
    
    .footer .footercolumn p{
        font-family: neusa-next-std-compact, sans-serif;
        font-weight: 300;
        font-style: normal;
        font-size: 3vw;
        text-align:left;
        color: rgba(255,255,255,1.0);
        text-decoration: none;
        display:block;
    }
    
    .footer .footercolumn a{
        font-family: neusa-next-std-compact, sans-serif;
        font-weight: 300;
        font-style: normal;
        font-size: 3vw;
        text-align:left;
        color: rgba(255,255,255,1.0);
        text-decoration: none;
        display:inline-block;
    }
    
    .footer .footercolumn a:hover{
        color:rgba(163,134,63,1.0);
    }
    
    .footer h6{
        display:none;
    }
    
    .slide_menu{
        width:0vw;
        position:fixed;
        top:0vw;
        right:0vw;
        background-color:rgba(29,29,27,1.0);
        z-index: 5000;
        height:100vh;
        transition:0.3s;
    }
    
    .slide_menu h6{
        display:none;
    }
    
    .slide_menu img.menu_button{
        width:15vw;
        height:auto;
        margin: 6vw 0vw 2vw 7vw;
        cursor: pointer;
    }
    
    .slide_menu a{
        font-family: neusa-next-std-compact, sans-serif;
        font-weight: 300;
        font-style: normal;
        font-size: 5vw;
        color: rgba(255,255,255,1.0);
        text-decoration: none;
        display:block;
        text-align:center;
        border-bottom-style: solid;
        border-bottom-width: thin;
        border-bottom-color: rgba(163,134,63,1.0);
        padding: 1vw 0vw;
    }
    
    .slide_menu a:hover{
        background-color: rgba(163,134,63,1.0);
    }
    
    
}