html,
body {
    height: 100%;
    min-width: 960px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
}

body {
    overflow-x: auto;
}

.outer-area {
    width: 960px;
    margin: 0 auto;
}

.header-block {
    /* background: url(../images/Header_spear.png) no-repeat;
   width: auto; */
    min-height: 340px;
    margin: 0 0 40px 0;
}


/* .header-block h1 {
    color: #000;
    font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif;
    font-size: 48px;
    width: 778px;
    padding: 22px 0 0 45px;
    line-height: 90px;
}

.header-block h1 img {
    width: 152px;
}

.header-block h1 span {
    display: block;
    text-align: right;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 26px;
    font-style: italic;
    margin-top: -30px;
    margin-right: 85px;
} */

.authentiverse-logo img {
    width: 500px;
}

.authentiverse-logo {
    text-align: right;
}

.blue-headingBox {
    background-color: #000066;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    padding: 20px 10px 10px 25px;
    margin: 0 0 30px 0;
}

.blue-headingBox h3 {
    color: #fff;
    font-size: 32px;
}

.blue-headingBox h3 span {
    color: #f4a705;
}

.img-icon img {
    height: 150px;
}

.authenticity-block {
    margin: 0 0 40px 0;
}

.authenticity-block h2 b {
    font-size: 24px;
}

.authenticity-block h2 {
    font-size: 20px;
    color: #000;
    font-weight: normal;
    font-family: Tahoma, Arial, Helvetica, sans-serif;
    text-align: center;
    margin: 0 0 20px 0;
    line-height: 30px;
}

.authenticity-block h3 {
    color: #000;
    font-size: 26px;
}

.authenticity-block p {
    font-size: 20px;
    color: #000;
}

.authenticity-block p span {
    font-weight: bold;
}

.authenticity-block .img-icon {
    margin: 0 0 30px 0;
    height: 150px;
}

.and-txt {
    font-size: 20px;
    font-weight: bold;
    padding: 110px 0 0 0;
    color: #000;
    position: relative;
    right: 50px;
}

.gif-block-img {
    position: relative;
    width: 801px;
    margin: 0 auto;
    height: 458px;
}

.gif-block-img img.gif {
    position: absolute;
    right: 245px;
    top: 105px;
}

.gif-block-img .gif-top {
    position: relative;
    z-index: 9;
}

.gif-block-img a {
    display: inline-block;
    color: #000066;
    font-size: 16px;
    text-decoration: underline;
    font-weight: bold;
    position: relative;
    bottom: 100px;
    z-index: 9;
}

.authenticity-block-last h2 {
    font-size: 26px;
    font-family: Arial, Helvetica, adobe-helvetica, Arial Narrow;
    color: #000;
}

.auth-center {
    color: #000;
    font-size: 28px;
    font-style: italic;
    text-align: center;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-weight: bold;
    margin: 0 0 20px 0;
}

.authenticity-block-last p {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 20px;
    font-weight: bold;
    line-height: 23px;
    color: #000;
}

.img-auth {
    padding: 30px 50px 30px 50px;
}

.video-area {
    background-color: #d6e1ee;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    padding: 20px;
}

.watch-btn {
    width: 140px;
    height: 40px;
    background-color: #000066;
    color: #fff;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    font-size: 16px;
    text-transform: uppercase;
    text-align: center;
    line-height: 40px;
    font-weight: bold;
    float: left;
    margin: 10px 20px 0 0;
}

.video-right {
    float: left;
    width: 611px;
}

.video-right h3 {
    font-size: 28px;
    font-weight: bold;
    color: #000;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    line-height: 35px;
}

.video-right h3 span {
    display: block;
    font-size: 18px;
}

footer .copyright {
    text-align: center;
    padding: 50px 0 50px 0;
    font-size: 16px;
    color: #000;
    font-family: Helvetica, Arial, sans-serif;
    display: block;
}

.authenticity-block .see-btn {
    padding: 12px 10px;
    font-size: 12px;
}

.authenticity-block .see-btn:hover {
    color: #fff;
}


/* The Modal (background) */

#videoPopup01.modal,
#cookiePopup.modal {
    display: none;
    /* Hidden by default */
    position: fixed;
    /* Stay in place */
    z-index: 1;
    /* Sit on top */
    padding-top: 20px;
    /* Location of the box */
    left: 0;
    top: 0;
    width: 100%;
    /* Full width */
    height: 100%;
    /* Full height */
    overflow: auto;
    /* Enable scroll if needed */
    background-color: rgb(0, 0, 0);
    /* Fallback color */
    background-color: rgba(0, 0, 0, 0.4);
    /* Black w/ opacity */
}


/* Modal Content */

#videoPopup01 .modal-content {
    background-color: #000000;
    margin: auto;
    padding: 5px;
    border: 1px solid #000000;
    width: 65%;
}

#cookiePopup .modal-content {
    background-color: #ffffff;
    margin: auto;
    padding: 20px;
    border: 1px solid #ffffff;
    width: 90%;
}


/* The Close Button */

#videoPopup01 .modal-content,
#cookiePopup .modal-content {
    position: relative;
}

#videoPopup01 .closeVideo,
#cookiePopup .closeCookie {
    color: #aaaaaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
    position: absolute;
    z-index: 99999;
    top: 10px;
    right: 10px;
    cursor: pointer;
}

#videoPopup01 .closeVideo:hover,
#videoPopup01 .closeCookie:focus {
    color: #aaaaaa;
    text-decoration: none;
    cursor: pointer;
}

#cookiePopup .closeVideo:hover,
#cookiePopup .closeVideo:focus {
    color: #aaaaaa;
    text-decoration: none;
    cursor: pointer;
}

iframe {
    width: 100%;
    height: 80vh;
}