body{
    font-family: 'Open Sans', sans-serif;
    overflow-x:hidden !important;
}
html {
  scroll-behavior: smooth;
}
.header-left-wrap {
    width: 100%;
    height: 640px;
    -webkit-clip-path: polygon(0 0, 100% 0, calc(100% - 350px) 100%, 0% 100%);
    clip-path: polygon(0 0, 100% 0, calc(100% - 350px) 100%, 0% 100%);
    background-image:url('../images/wonder-woman-large.jpg');
    background-position:top center;
    background-repeat:no-repeat;
    background-size:cover;
    background-color: #ffffff;
    padding: 7px;
}
.header-content-wrap {
    background-image:url('../images/grey-pattern-1.jpg');
    height:100%;
    background-repeat:no-repeat;
    background-position:center;
    background-size:cover;
    background-color: #ffffff;
    -webkit-clip-path: polygon(350px 0%, 100% 0%, 100% 100%, 0% 100%);
    clip-path: polygon(350px 0%, 100% 0%, 100% 100%, 0% 100%);
    padding: 7px;
    margin-left:-370px;
}
.header-content {
    position: absolute;
    top: 55%;
    left:-80px;
    z-index: 1;
    transform: translatey(-50%);
    text-align: center;
    width: 100%;
}
.header-content img {
max-width:90%;
}
.header-content p {
    color: #ffffff;
    font-size: 18px;
    margin: 30px 0;
    font-weight: 500;
}
.header-content .btn {
    background-color: #d97d54;
    height: 45px;
    line-height: 45px;
    display: inline-block;
    padding: 0 20px;
    font-family: kon-tiki-aloha-jf,sans-serif;
    border: 2px solid #fff;
    border-radius: 8px;
}

.shipping-wrap{
	background-color: #d97d54;
	padding: 40px 0;
	text-align: center;
	border-top: 10px solid #ffffff;
}
.shipping-wrap h2 img {
    margin-right: 50px;
}
.shipping-wrap h2 {
    font-weight: 600;
    font-family: kon-tiki-aloha-jf,sans-serif;
    letter-spacing: 2px;
    color: #000000;
}
.publisher-block{
	padding: 80px 0;
}
.publisher-block img{
	width: 100%;
}
.publisher-block li {
    width: 24%;
    display: inline-block;
    padding: 0 40px;
    margin-bottom: 40px;
}
.publisher-block h2 {
    font-size: 46px;
    font-weight: 600;
    font-family: kon-tiki-aloha-jf,sans-serif;
    letter-spacing: 4px;
}
.publisher-block .row{
	align-items: center;
}
.comic-wrap img{
	width: 100%;
	height: 100%;
}
.comic-inner-wrap {
    -webkit-clip-path: polygon(0 0, 100% 0, calc(100% - 35px) calc(100% - 40px ), 0% 100%);
    clip-path: polygon(0 0, 100% 0, calc(100% - 35px) calc(100% - 40px ), 0% 100%);
    background-color: #000;
    padding: 7px;
    height:465px;

}
.comic-inner {
    -webkit-clip-path: polygon(0 0, 100% 0, calc(100% - 35px) calc(100% - 40px ), 0% 100%);
    clip-path: polygon(0 0, 100% 0, calc(100% - 35px) calc(100% - 40px ), 0% 100%);
    height: 100%;
    background-image:url('../images/sec-img.png');
    background-position:top center;
    background-repeat:no-repeat;
    background-size:cover;
}
.comic-text-wrap {
    height: 100%;
    background-color: #000;
    -webkit-clip-path: polygon(35px 0%, 100% 0%, 100% calc(100% - 130px), 0% calc(100% - 40px));
    clip-path: polygon(35px 0%, 100% 0%, 100% calc(100% - 130px), 0% calc(100% - 40px));
    padding: 7px;
    margin-left:-25px;
}
.comic-text {
    -webkit-clip-path: polygon(35px 0%, 100% 0%, 100% calc(100% - 130px), 0% calc(100% - 40px));
	clip-path: polygon(35px 0%, 100% 0%, 100% calc(100% - 130px), 0% calc(100% - 40px));
    background-color: #87bcbf;
    width: 100%;
    height: 100%;
    padding: 115px;
}
.comic-text p{
	font-size: 20px;
	font-weight: 600;
}
section.board-wrap {
    margin-top: -155px;
    position: relative;
}

.outer-board {
    -webkit-clip-path: polygon(0px 165px, 100% 40px, 100% 50.5%, 0% 100%);
    clip-path: polygon(0px 165px, 100% 40px, 100% 50.5%, 0% 100%);
    background-color: #000000;
    padding: 7px 7px 10px;
    height:900px;
}
.board-img {
    -webkit-clip-path: polygon(0px 165px, 100% 40px, 100% 50%, 0% 100%);
    clip-path: polygon(0px 165px, 100% 40px, 100% 50%, 0% 100%);
    background-image: url(./../images/origins.jpg);
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position:top center;
    position: relative;
    background-attachment: fixed;
}
.board-wrap img {
    width: 100%;
}
.board-text h3 , .board-text-mobile h3{
	font-size: 18px;
	font-weight: 800;
	color: #fff;
	line-height: 28px;
	margin-bottom: 30px;
}
.board-text-mobile {
    width:100%; 
    background-color: #324755;
    padding: 15px;
    border: 5px solid #000;
    margin-top:30px;
    display: none;
}
.board-text {
    width: 300px;
    position: absolute;
    top: 50%;
    left: 163px;
    transform: translateY(-50%);
    background-color: #324755;
    padding: 15px;
    border: 5px solid #000;
}
.board-text h3 span , .board-text-mobile h3 span {
    font-weight: 100;
}
.board-text h3:last-child , .board-text-mobile h3:last-child {
    margin: 0;
}
.property-sec {
    position: relative;
    margin-top: -150px;
    padding: 150px 15px;
}
.pro-text h3{
	font-family: kon-tiki-aloha-jf,sans-serif;
	color: #324755;
}
.pro-text p {
    font-size: 20px;
    line-height: 30px;
}
.pro-text{
	padding: 0 50px;
}
.up-1 {
    margin-top: -90px;
}
.up-2{
	margin-top: -180px;
}
.footer-left-wrap {
    height: 100%;
    -webkit-clip-path: polygon(0 455px, calc(100% - 99px) 303px, 100% 100%, 0% 100%);
    clip-path: polygon(0 455px, calc(100% - 99px) 303px, 100% 100%, 0% 100%);
    background-color: #000000;
    padding:7px;
}
.left-wrap {
    -webkit-clip-path: polygon(0 452px, calc(100% - 98px) 306px, calc(100% - 2px) 100%, 0% 100%);
    clip-path: polygon(0 452px, calc(100% - 98px) 306px, calc(100% - 2px) 100%, 0% 100%);
    background-color: #d97d54;
    height: 100%;
    position: relative;
}
.inner-left-wrap {
    position: absolute;
    top: 95%;
    transform: translateY(-80%);
    left: 20px;
    right: 20px;
    padding: 0 50px;
}
.left-wrap h3, .left-wrap p{
	font-family: kon-tiki-aloha-jf,sans-serif;
}
.left-wrap p {
    font-size: 22px;
}
.footer-right-wrap {
    height: 100%;
    -webkit-clip-path: polygon(0 300px, 100% 0, 100% 100%, 100px 100%);
    clip-path: polygon(0 300px, 100% 0, 100% 100%, 100px 100%);
    background-color:#000000;
    padding:7px;
    margin-left:-90px;
}
.right-wrap {
    -webkit-clip-path: polygon(4px 299px, 100% 3px, 100% 100%, 100px 100%);
    clip-path: polygon(4px 299px, 100% 3px, 100% 100%, 100px 100%);
    background-color: #ffffff;
    padding: 130px 60px 50px 130px;
}
.right-wrap h2 {
	font-size: 52px;
    margin-top: 40px;
    font-family: kon-tiki-aloha-jf,sans-serif;
}
@media only screen and (min-width: 768px) {
  .right-wrap h2 {
    text-align: right; }
}

.right-wrap p{
	text-align: right;	
}
.right-wrap p {
    font-size: 18px;
    width: 80%;
    margin: 0 0 0 auto;
}
.right-wrap form {
    margin-top: 50px;
    width: 500px;
}
.right-wrap form div {
    margin-bottom: 10px;
} 
.right-wrap form input{
	height: 40px;
	line-height: 40px;
	border: 2px solid #cbcbcb;
	border-radius: 4px;
}
.right-wrap form label{
	width: 100%;
	font-family: kon-tiki-aloha-jf,sans-serif;
	font-weight: 400;
	margin: 0;
	color: #324755;
	letter-spacing: 1px;
}

.btn.insider {
    background-color: #324755;
    border-radius: 4px;
    color: #ffffff;
    display: inline-block;
    font-family: kon-tiki-aloha-jf,sans-serif;
    height: 40px;
    line-height: 40px;
    margin-top: 24px;
    padding: 0 25px;
    text-transform: uppercase;
}
.coming-soon-wrap {
    position: relative;
    margin-top: -340px;
    margin-bottom:40px;
}
.copyright {
    font-size: .8rem;
    padding: 50px;
    text-align: center;
}
.pd-r{
	padding-right: 0;
}
.pd-l{
	padding-left: 0;
}

.mc-field-group span {
  color: #7E7272;
}