/*
   Messages
*/

.pnpersonalmessages {
    position: absolute;
    display: none;
    width:30%;
    bottom:0;
    right:0;
    background-color:rgba(255,255,255,0.8);
}

.usmessage {
    position: relative;
    display: block;
    padding-top: 10px;
    padding-bottom: 10px;
    width: 80%;
    text-align: center;
    margin: auto;
    color: rgb(40, 92, 172);
    font-size: 1.7vw;
    letter-spacing:1px;
    line-height:120%;
    font-weight:100;
}

.pnshow {
    position: relative;
    display: block;
    margin-top: 50px;
}

.dvleftimgs {
    width: 50%;
    margin-right: 2%;
}



/*
   image main screen

*/
.dvscreen{
   /* height:500px;*/
   margin-bottom:70px;
}

.dvinnerscreen{
   
}

/*SECTION 0*/
.dvsection0{
    width:100%;
    overflow:hidden;
}

.dvtopimage{
    width:100%;
}

.vdmain{
    width:100%;
}

.dvimshadow {
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: #19191a5c;
}

.imgmain{
    width:100%;
}

.dvwording {
    position: absolute;
    display: block;
    width: 38%;
    left: 7%;
}

.spcovertitle {
    font-size: 4vw;
    font-weight: 700;
    color: #fff;
    margin-bottom: 30px;
    text-shadow: 3px 3px 30px white, 0px 0px 1px var(--logoBlue);
}


.dvinwording{
   text-align:center;
}

.aspiceCall2Action0 {
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 8px;
    padding-right: 8px;
    color: var(--white);
    background-color:var(--logoOrange);
    /*border: 1px solid var(--white);*/
    font-size: 1.1vw;
    font-weight:500;
    cursor: pointer;
    text-align: center;
    width: 50%;
    border-radius: var(--buttonRadius);
}

    .aspiceCall2Action0:hover {
        animation-name: buttonsOrange;
        animation-duration: var(--buttonAnimationDuration);
        animation-fill-mode: forwards;
    }

    /**SECTION 1*/
    .dvspacer {
        width: 2px;
        background-color: var(--red);
        height: 210px;
        margin: auto;
        /*margin-top:60px;
    margin-bottom:60px;*/
    }

.dvsection1{
    width:90%;
    margin:auto;
}

.spsectiontitle {
    width: 100%;
    font-size: 3vw;
    font-weight: 700;
    color: var(--black);
    text-align: center;
    letter-spacing:1px;
}

.dvservices{
    width:100%;
    margin-top:30px;
    font-size:0;
    white-space:nowrap;
}

.srvdet {
    width: 31%;
    margin-left: 1%;
    margin-right: 1%;
}

.spsrvttl {
    width: 66%;
    font-size: 1.5vw;
    font-weight: 700;
    color: var(--black);
    text-align: left;
    margin-bottom:10px;
    white-space:normal;
}

.spsrvdet {
    width: 100%;
    font-size: 1.1vw;
    color: var(--black);
    line-height: 150%;
    white-space: normal;
}


.dvsection2 {
    width: 90%;
    margin: auto;
}

.spsectiontitle0 {
    width: 100%;
    font-size: 3vw;
    font-weight: 700;
    color: var(--black);
    text-align: left;
    letter-spacing: 1px;
}


.dvportins {
    width: 100%;
    margin-top: 30px;
    font-size: 0;
    white-space: nowrap;
}


.spportfsub {
    width: 35%;
    white-space:normal;
    font-size: 1.4vw;
    font-weight: 400;
    color: var(--black);
    text-align: left;
    letter-spacing: 1px;
}

.dvprtcol {
    width: 24%;
    margin-left: 0.5%;
    margin-right: 0.5%;
}

.img00{
    width:100%;
    margin-bottom:5px;
}

.vd00{
    width:100%;
}


.aspiceCall2Action1 {
    margin:auto;
    margin-top:30px;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 8px;
    padding-right: 8px;
    color: var(--white);
    background-color: var(--logoOrange);
    font-size: 1.5vw;
    font-weight: 500;
    cursor: pointer;
    text-align: center;
    width: 20%;
    border-radius: var(--buttonRadius);
}

    .aspiceCall2Action1:hover {
        animation-name: buttonsOrange;
        animation-duration: var(--buttonAnimationDuration);
        animation-fill-mode: forwards;
    }

.dvsection3 {
    width: 90%;
    margin: auto;
}

.dvabout{
    margin-bottom:20px;
    font-size:0;
    white-space:nowrap;
}

.dvaboutLeft{
    width:50%;
    white-space:normal;
}

.spabouttitle {
    width: 100%;
    font-size: 1.5vw;
    font-weight: 700;
    color: var(--black);
    text-align: left;
    margin-bottom: 10px;
}



.spabout {
    width: 95%;
    font-size: 1.1vw;
    color: var(--black);
    line-height: 150%;
}

.dvaboutright {
    width: 50%;
}

.imgphotoabout{
    width:100%;
}

.dvcontactform {
    width: 70%;
    margin: auto;
    margin-top: 90px;
}

.dvcntfrmdet {
    width: 100%;
    margin: auto;
    margin-bottom: 70px;
    margin-top: 40px;
}

.dvfrmline{
    width:100%;
    white-space:nowrap;
    margin-bottom:5px;
    font-size:0;
}

.tbfrm0 {
    width: 49.5%;
    margin-right:1%;
    border: 2px solid var(--black);
    color: var(--black);
    font-size: 1.2vw;
    padding: 8px;
    border-radius:3px;

}
.tbfrm1 {
    width: 49.5%;
    border: 2px solid var(--black);
    color: var(--black);
    font-size: 1.2vw;
    padding: 8px;
    border-radius: 3px;
}

    .tbfrm:focus, .tbtxt:focus {
        outline: none;
    }


.tbtxt {
    width: 100%;
    border: 2px solid var(--black);
    border-radius:5px;
    color: var(--black);
    font-size: 1.2vw;
    padding: 8px;
    white-space:normal;
    height:200px;
    resize:none;
}

.dvfrmbuttons {
    width: 100%;
    text-align: center;
    white-space: nowrap;
    margin-top: 5px;
}

.spbuttons {
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 8px;
    padding-right: 8px;
    color: var(--white);
    background-color: var(--logoOrange);
    font-size: 1.3vw;
    font-weight: 500;
    cursor: pointer;
    text-align: center;
    width: 20%;
    border-radius: var(--buttonRadius);
    margin: auto;
    margin-top: 15px;
    margin-left: 80%;
}

    .spbuttons:hover {
        animation-name: buttonsOrange;
        animation-duration: var(--buttonAnimationDuration);
        animation-fill-mode: forwards;
    }