/*NOT FOUND*/

.pnarticleNotFound {
    position: fixed;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    background-color: #525766;
}

.dvinnernotfound {
    position: relative;
    display: block;
    width: 100%;
}

.dvnotfound {
    position: absolute;
    display: block;
    top: 10px;
    left: 10px;
    width: 25%;
}

.hlnotfoundlogo {
    position: relative;
    display: block;
    width: 100%;
    margin: auto;
    margin-bottom: auto;
    margin-bottom: 50px;
}

.imlogonotfound {
    position: relative;
    display: block;
    width: 100%;
}

.spnotfound {
    position: relative;
    display: block;
    margin-top: 10px;
    text-align: center;
    font-size: 3.2vw;
    color: #4a4646;
    color: #fff3e1;
    text-shadow: 0 0 3px black, -12px -12px 7px #ff6a00, 12px 12px 10px #ff2121;
    font-weight: 400;
}

/*END NOT FOUND*/
/*LEFT COL*/
.dvleftcol {
    position: fixed;
    display: block;
    top: 0;
    left: 0;
    box-sizing: border-box;
    width: 20%;
    height: 100%;
    background-color: #4a4646;
    overflow: hidden;
}

.dvlogo {
    position: relative;
    display: block;
    padding-top: 20px;
    padding-bottom: 20px;
    margin-bottom: 20px;
    box-sizing: border-box;
    font-size: 0;
}

.hllogo, .hllogo:visited {
    position: relative;
    display: block;
    vertical-align: middle;
    width: 57%;
    box-sizing: border-box;
    margin: auto;
}

.imglogo {
    position: relative;
    display: block;
    width: 100%;
    border-radius: 1px;
}





.dvhambmenu {
    position: relative;
    display: none;
    vertical-align: middle;
    width: 50%;
    box-sizing: border-box;
}

.imghabmenu {
    position: relative;
    display: block;
    margin: auto;
    width: 20%;
    padding: 3px;
    background-color: #525766;
    cursor: pointer;
}

    .imghabmenu:hover {
        opacity: 0.9;
    }



.dvtakemewithyou {
    position: relative;
    display: block;
    width: 100%;
    box-sizing: border-box;
    margin-top: 60px;
    margin-bottom: 40px;
}

.dvqrcode{
    position:relative;
    display:block;
    width:50%;
    margin:auto;
    }

.myqr {
    position: relative;
    display: block;
}


.myqrcode {
    position: relative;
    display: block;
}


.myqrcode >  img {
    position: relative;
    display: block;
    width:100%;
}

.sptakeme{
    position:absolute;
    display:none;
    width:50%;
    left:20%;
    top:20%;
    text-align:center;
    font-size:1vw;
    font-weight:700;
    color:red;

}


.dvstorymoto {
    position: relative;
    display: block;
    box-sizing: border-box;
    font-size: 1vw;
    line-height: 120%;
    color: #fff3e1;
    width: 90%;
    margin: auto;
    margin-bottom:30px;
}


.dvreads {
    position: relative;
    display: block;
    text-align: center;
    margin-top:50px;
    margin-bottom:50px;
      
}

.sptotrds {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    color: #fff5d9;
    font-size: 2.5vw;
    font-weight: 300;
    letter-spacing: 7px;
}

.sptots {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    color: #fff5d9;
    margin-left: 1vw;
    font-size: 1.5vw;
    font-weight: 100;
}

.dvpostmeamessage{
    position:relative;
    display:block;
    width:100%;
    height:111px;
    box-sizing:border-box;
    overflow:hidden;
}

.dvinnerpost {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 111px;
    white-space: nowrap;
}



.dvmsgtxt {
    position: relative;
    display: inline-block;
    vertical-align:top;
    width: 100%;
    white-space: nowrap;
    font-size:0;
}


.tbmessageme {
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: 70%;
    height: 111px;
    box-sizing: border-box;
    padding: 3px;
    font-size: 0.9vw;
    color: #00212f;
    background-color: #fff3e1;
    resize:none;
}

.dvmessagego {
    position: relative;
    display: inline-block;
    vertical-align: top;
    box-sizing:border-box;
    padding:3px;
    width: 30%;
    height: 200px;
    background-color:#00212f;
    cursor:pointer;
}

.spsenmessage {
    position: relative;
    display: block;
    color: #fff3e1;
    font-size: 0.8vw;
    width: 80%;
    margin: auto;
    margin-top: 20%;
    margin-bottom: 6px;
    white-space:normal;
    text-align:center;
 }

.imsendicon {
    position: relative;
    display: block;
    
    background-color: white;
    width: 1vw;
    margin: auto;
    padding-left: 7px;
    padding-right: 3px;
    border-radius: 2px;
}


.dvmsgemail {
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: 100%;
    white-space: nowrap;
    font-size: 0;
}

.tbemail {
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: 70%;
    height: 111px;
    box-sizing: border-box;
    padding: 3px;
    font-size: 0.9vw;
    color: #00212f;
    background-color: #fff3e1;
    resize: none;
}

.dvmessend {
    position: relative;
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    padding: 3px;
    width: 30%;
    height: 200px;
    background-color: #00212f;
    cursor: pointer;
}

.btsendmessage {
    position: relative;
    display: block;
    color: #fff3e1;
    font-size: 0.8vw;
    width: 80%;
    margin: auto;
    margin-top: 35%;
    margin-bottom: 6px;
    white-space: normal;
    text-align: center;
}


.dvmsgthanks {
    position: relative;
    display: inline-block;
    vertical-align: top;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #00212f;
}

.spthanks {
    position: relative;
    display: block;
    width: 80%;
    font-size: 1.2vw;
    color: #fff3e1;
    text-align: center;
    margin: auto;
    margin-top: auto;
    margin-top: 3%;
    white-space: normal;
}
}

/*HAMB MENU*/
.dvhambmenuopen {
    position: absolute;
    display: block;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    background-color: #fff3e1;
}

.hlhbmn, .hlhbmn:visited {
    position: relative;
    display: block;
    width: 96%;
    margin: auto;
    margin-bottom: auto;
    margin-bottom: auto;
    margin-bottom: 1px;
    box-sizing: border-box;
    padding-top: 10px;
    padding-bottom: 10px;
    text-align: center;
    background-color: #4a4646;
    color: #fff3e1;
    font-size: 1vw;
    font-weight: 300;
    border: 2px solid #fff3e1;
    border-radius: 6px;
}

    .hlhbmn:hover{
        background-color:#00212f;
        color:white;
    }

    .menuheader {
        position: relative;
        display: block;
        box-sizing: border-box;
        width: 100%;
        margin-top: 0;
        margin-bottom: 50px;
        padding-left: 10%;
        background-color: #eee;
        padding-top: 8px;
        padding-bottom: 8px;
        cursor: pointer;
    }

.hbmnclose {
    position: relative;
    display: inline-block;
    vertical-align:middle;
    width:10%;
}

.sphbmnclose {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin-left:10%;
    width:50%;
    font-size:1vw;
    color:#00212f;
}


.dvallcats {
    position: relative;
    display: block;
}

.advmenuoption {
    position: relative;
    display: block;
    width: 85%;
    margin: auto;
    margin-bottom: 5px;
}

.spmenoption, .spmenoption:visited {
    position: relative;
    display: block;
    width: 100%;
    box-sizing: border-box;
    padding-top: 8px;
    padding-bottom: 8px;
    text-align: center;
    background-color: #00212f;
    color: white;
    font-size: 1vw;
    font-weight: 300;
}


/*END HAMB MENU*/
/*END LEFT COL*/





.dvrigthcolinner {
    position: relative;
    display: block;
    width: 80%;
    margin: auto;
    margin-top: 0px;
}







/*UP MENU*/

.dvrigthmenou {
    position: fixed;
    display: block;
    background-color: #525766;
    width:90%;
    left:20%;
    z-index:10000;
    padding-top:10px;
}

.dvmiddownleft{
    width:80%;
    text-align:right;
}

.callmemenou, .callmemenou:visited {
    position: relative;
    display: inline-block;
    vertical-align: top;
    color: #dfdfdf;
    font-size: 1.3vw;
    margin-right: 4%;
    font-weight: 300;
    padding-bottom: 3px;
    border-bottom: 2px solid #525766;
}

.downmenou, .downmenou:visited {
    position: relative;
    display: inline-block;
    vertical-align: top;
    color: #dfdfdf;
    font-size: 1.3vw;
    margin-right: 4%;
    font-weight: 300;
    padding-bottom: 3px;
    border-bottom: 2px solid #525766;
}

    .downmenou::first-letter {
        font-size: 1.3vw;
        color: ##ff6a00;
        font-weight: 300;
    }


.dnmnsel {
    border-bottom: 2px solid #030305;
}


.dvheadsocialmedia {
    margin-left: 1%;
    width: 10%;
}

.hlhdsm {
    width: 1vw;
    margin-right: 1%;
    margin-left: 1%;
    padding: 3px;
    background-color: ##ff6a00;
}

.imsm {
    position: relative;
    display: block;
    width: 100%;
}

/*END UP MENU*/
.dvdatecategs {
    position: relative;
    display: none;
    box-sizing: border-box;
    font-size: 0;
    margin-top: 10px;
    margin-bottom: 60px;
}

.spdates {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    color: black;
    font-size: 1.2vw;
    font-weight: 200;
    padding-top: 10px;
    padding-bottom: 10px;
    letter-spacing: 1px;
}

.dvcategs {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin-left:20px;
    box-sizing: border-box;
    border-left: 2px solid white;
    padding-left: 5px;
}

.hlcateg, .hlcateg:visited {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
    border-radius: 3px;
    background-color: #fce8c9;
    color: #00212f;

    margin-right: 1vw;
    font-size: 1vw;
    font-weight: 200;
}

    .hlcateg:hover{
        background-color:#fa9600;
    }


    .dvrigthcol {
        position: relative;
        display: block;
        width: 80%;
        box-sizing: border-box;
        left: 20%;
    }



.htitle {
    position: relative;
    display: block;
    font-family: 'Special Elite';
    text-align: center;
    font-size: 2.7vw;
    font-weight: 400;
    color: #00212f;
    letter-spacing: 5px;
    width: 80%;
    color: white;
    margin: auto;
    margin-bottom: 36px;
}

.hsubtitle {
    position: relative;
    display: block;
    text-align: center;
    font-size: 2.6vw;
    font-weight: 200;
    color: white;
    width: 80%;
    margin: auto;

}




.dvstory {
    position: relative;
    display: block;
    margin-bottom: 20px;
    margin-top: 60px;
}

    .dvstory > p {
        position: relative;
        display: block;
        font-size: 20px;
        text-align: left;
        line-height: 130%;
        margin-bottom: 2px;
        color:white;
    }

    .dvstory > p > strong {
        font-size: 19px;
    }


.ql-size-huge {
    font-size: 35px;
}

.ql-size-large {
    font-size: 25px;
}

.ql-size-small {
    font-size: 15px;
}

.dvstorygallery {
    position: relative;
    display: block;
    text-align: center;
    font-size: 0;
}

.dvcol {
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: 30%;
    margin-left: 1%;
    margin-right: 1%;
}


.dvartmedia {
    position: relative;
    display: block;
    margin: auto;
    margin-top: 12vh;
    margin-bottom: 5vh;
    font-size: 0;
    text-align: left;
}

.anIm {
    position: relative;
    display: inline-block;
    vertical-align: bottom;
    width: 95%;
    margin: auto;
    box-sizing: border-box;
    border: 2px solid gray;
    margin-bottom: 5px;
    cursor: pointer;
    overflow: hidden;
}


.aVideo {
    position: relative;
    display: inline-block;
    vertical-align: bottom;
    width: 95%;
    margin: auto;
    box-sizing: border-box;
    border: 2px solid gray;
    margin-bottom: 5px;
    cursor: pointer;
    overflow: hidden;
}




.imgArt {
    position: relative;
    display: block;
    width: 100%;
}

    .imgArt:hover {
        width: 102%;
        left: -1%;
        top: -1%;
    }


.dvallarticles {
    position: relative;
    display: block;
    margin-top: 70px;
}


.dvanarticle {
    position: relative;
    display: block;
    margin-top: 0.5vw;
    margin-bottom: 0.5vw;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 1vw;
    padding-right: 1vw;
    /* border: 1px solid #00212f;*/
}

    .dvanarticle:hover {
        cursor: pointer;
        background-color: #fff3e1;
    }

.dvreadnow {
    position: absolute;
    display: none;
    white-space: nowrap;
    top: 0;
    left: 0;
    width: 0;
    height: 100%;
    background-color: rgba(255,255,255,0.7);
    z-index: 2000;
}

.dvreadmsg {
    position: relative;
    display: block;
    text-align: center;
}

.imgreadit {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: 5%;
    margin-left: 2%;
    margin-right: 2%;
    opacity: 0.8;
}

.spreaditnow {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    font-size: 1.2vw;
    color: #ff6a00;
    margin-left: 2%;
    margin-right: 2%;
}


.dvmainartttl0 {
    position: relative;
    display: block;
    padding-top: 10px;
    padding-bottom: 10px;
}

.spmainartttl {
    position: relative;
    display: block;
    text-align: center;
    font-size: 2.7vw;
    font-weight: 500;
    color: #00212f;
    margin-top: 0;
    margin-bottom: 10px;
    letter-spacing: 3px;
}



.dvartcover {
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: 20%;
    margin-right: 2%;
}

.imgArtCover {
    position: relative;
    display: block;
    width: 100%;
}


.dvartdata {
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: 70%;
}

.sparttitle {
    position: relative;
    display: block;
    padding-bottom: 0.5vh;
    font-size: 1.2vw;
    color: #00212f;
}

.hlarticle, .hlarticle:visited {
    position: relative;
    display: block;
    padding-bottom: 0.5vh;
    font-size: 1.2vw;
    color: #00212f;
}


.spartdat {
    position: relative;
    display: block;
    padding-bottom: 0.5vh;
    font-size: 0.8vw;
    color: #fa9600;
}

artparag {
    position: relative;
    display: block;
    font-size: 1.1vw;
    text-align: left;
    line-height: 130px;
}

.imgPLAY {
    position: absolute;
    display: block;
    width: 20%;
    top: 0;
    left: 0;
    cursor: pointer;
    opacity: 0.9;
}

    .imgPLAY:hover {
        opacity: 0.8;
    }


.dvVideoPanel {
    position: fixed;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255,255,255,0.9);
}

.PLAYCLOSE {
    position: absolute;
    display: block;
    top: 3vh;
    left: 3vw;
    width: 3vw;
    cursor: pointer;
    z-index: 10000;
    border-radius: 360px;
    box-shadow: 0px 0px 4px black;
}

.IMGCLOSE {
    position: absolute;
    display: block;
    top: 3vh;
    left: 3vw;
    width: 3vw;
    cursor: pointer;
    z-index: 10000;
    border-radius: 360px;
    box-shadow: 0px 0px 4px black;
}

.PLAYCLOSE:hover {
    opacity: 0.8;
}

.dvinnerVideoPanel {
    position: absolute;
    display: block;
    box-shadow: 2px 2px 10px black;
}

.dvinnerImagePanel {
    position: absolute;
    display: block;
    box-shadow: 2px 2px 10px black;
}

.bigcentered {
    position: relative;
    display: block;
    width: 100%;
}




.dvmainartside {
    position: relative;
    display: block;
    margin-bottom: 10px;
    margin-top: 10px;
}

.dvreadmore {
    position: relative;
    display: block;
    margin-bottom: 50px;
}

.spreadmore {
    position: relative;
    display: block;
    font-size: 2vw;
    color: #00212f;
}



.dvcomdata {
    position: relative;
    display: block;
    margin-top: 10px;
}

.dvarttools {
    position: relative;
    display: block;
    padding-left: 1vw;
    margin-top: 10px;
}


.spreadings {
    margin-right: 2vw;
    font-size: 1vw;
    color: #00212f;
}


.dvrecom {
    display: none !important;
    padding-left: 0.4vw;
    padding-top: 2px;
    padding-bottom: 2px;
    border-radius: 5px;
    background-color: #ff6a00;
    margin-right: 0.5vw;
}

.imcheck {
    width: 1.1vw;
}

.sprecommend {
    padding-left: 0.3vw;
    padding-right: 1vw;
    font-size: 0.8vw;
    color: white;
}

.sprecomms {
    display: none !important;
    margin-right: 2vw;
    font-size: 0.7vw;
    color: #00212f;
}


.dvdvcomments {
    margin-top: 5px;
    margin-bottom: 5px;
}





.pnnewcomment {
    display: none !important;
}

.spregorlog {
    font-size: 1vw;
    color: #00212f;
}


.imuspic {
    width: 5vw;
    margin-right: 1vw;
}

.tbnewcomment {
    width: 15vw;
    border: 1px solid gray;
    padding: 2px;
}




.footerStory {
    position: relative;
    display: block;
    padding-top: 10px;
    padding-bottom: 10px;
    background-color: #2e2f31;
    margin-top: 25%;
    padding-left: 3%;
    width: 100%;
    box-sizing: border-box;
    border-top: 1px solid white;
}

.spcopyrght {
    position: relative;
    display: block;
    color: #ff6a00;
    font-size: 1vw;
    margin-top:5px;
    margin-bottom:10px;
}


.ffoothr, .ffoothr:visited {
    position: relative;
    display: block;
    color: #fff3e1;
    font-size: 1vw;
}

.dvsocialmedia {
    position: relative;
    display: block;
    margin-top: 30px;
    white-space:nowrap;
}

.hlsm, .hlsm:visited {
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: 1vw;
    margin-right: 1%;
}

.imsm {
    position: relative;
    display: block;
    width: 100%;
}

.poweredbypubbuh {
    position: relative;
    display: inline-block;
    vertical-align: top;
    width:27%;
    margin-left:45%;
}

.imgpubbuhlogo{
    position:relative;
    display:block;
    width:100%;

}