/* Global Styling */

 @font-face {
 	font-family: 'poppinssemibold';
 	src: url('poppins-semibold-webfont.woff2') format('woff2'),
 	url('poppins-semibold-webfont.woff') format('woff');
 	font-weight: normal;
 	font-style: normal;
 }
 @font-face {
 	font-family: 'poppinsbold';
 	src: url('../fonts/poppins-bold-webfont.woff2') format('woff2'),
 	url('../fonts/poppins-bold-webfont.woff') format('woff');
 	font-weight: normal;
 	font-style: normal;
 }
 @font-face {
 	font-family: 'poppinsmedium';
 	src: url('../fonts/poppins-medium-webfont.woff2') format('woff2'),
 	url('../fonts/poppins-medium-webfont.woff') format('woff');
 	font-weight: normal;
 	font-style: normal;
 }
 @font-face {
 	font-family: 'poppinsregular';
 	src: url('../fonts/poppins-regular-webfont.woff2') format('woff2'),
 	url('../fonts/poppins-regular-webfont.woff') format('woff');
 	font-weight: normal;
 	font-style: normal;
 }

 body{ font-family: 'poppinsregular'; color: #141414; font-size: 16px; overflow-x: hidden; }

 ul, li, h1, h2, h3, h4, h5, h6{margin:0;padding:0;}

 a, input[type="submit"], button{transition:ease-in-out 0.4s;}

 h1, h2, h3, h4, h5, h6{font-family: 'poppinsbold';}

 p{font-size: 16px;line-height: 28px;}

 strong{font-family: 'poppinsbold';font-weight: normal;}

 .container {max-width: 1300px;}

 hr{ border-top: 1px solid #fde6d8; }

/* Global Styling End */


/* Header Section */

.header-main {
    padding: 10px 0;
    position: absolute;
    width: 100%;
    left: 0;
    top: 0;
    z-index: 99;
}
 .header-main .navbar-expand-lg .navbar-collapse{justify-content: right;}
 .main-navigation {display: flex;justify-content: flex-end;}
 .main-navigation .navbar{ justify-content: flex-end !important; }
 .main-navigation ul li a{}
 .main-navigation ul li .nav-link {padding: 10px 20px !important;color: #fff !important;font-family: 'poppinsmedium';transform: perspective(1px) translateZ(0);position: relative;overflow: hidden;}
 .main-navigation ul li .nav-link:hover, .main-navigation ul li .nav-link:focus{color: #00eeff !important;}
 .main-navigation ul li:last-child .nav-link {background: #00eeff;color: #0b375b !important;border-radius: 6px; font-family: 'poppinsbold'; }
 .main-navigation ul li:last-child .nav-link:hover{ background: #000000; }
 .main-navigation ul li .nav-link::before {content: "";position: absolute;z-index: -1;left: 51%;right: 51%;bottom: 0;background: #00eeff;height: 4px;-webkit-transition-property: left, right;transition-property: left, right;-webkit-transition-duration: 0.3s;transition-duration: 0.3s;-webkit-transition-timing-function: ease-out;transition-timing-function: ease-out;}
 .main-navigation ul li .nav-link:hover::before, .main-navigation ul li .nav-link:focus::before, .main-navigation ul li .nav-link:active::before {left: 0;right: 0;}
 .main-logo { max-width: 75px; display: inline-block; position: relative; z-index: 9; }
 .sec-space{padding: 60px 0;}


/* Banner Section */

 .banner-sec {
    height: 62vw;
    max-height: 940px;
    position: relative;
    padding-top: 170px;
    overflow: hidden;
}
.banner-sec::after {
    content: '';
    background: #fff;
    width: 100%;
    height: 14.4vw;
    position: absolute;
    transform: skewY(-8deg);
    bottom: -7vw;
}
.banner-sec .container {
    position: relative;
}
 .banner-sec .col-md-6{position: inherit;}
 .banner-sec .main-heading{position: relative;}
 .banner-sec h2 { font-size: 70px; position: relative; z-index: 3; color: #fff; }
 .banner-sec p {
    color: #fff;
    max-width: 80%;
}
 .banner-sec .btn.btn-primary{margin-right: 20px;}
 .banner-sec .btn.btn-primary {min-width: 210px;background: none; border: 2px solid #fff; padding: 15px 0;border-radius: 6px;}
 .banner-sec .btn.btn-primary:focus, .banner-sec .btn.btn-primary:hover{background: #000000; border-color: #000000; font-family: 'poppinsbold'; }
 .banner-sec ul {display: flex;margin: 50px 0 0;}
 .banner-sec ul li {display: block;margin-right: 3.3vw;}
 .banner-sec ul li a img {filter: invert(100%);width: 45px;transition: ease-in .3s;}
 .banner-sec ul li a:hover img{transform: rotate(360deg);}

.banner-sec .col-md-5{
    position: inherit;
}

.banner-sec video {
    width: 120%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
}
.banner-sec .banner-logo {
    position: absolute;
    bottom: -8vw;
    max-width: 45%;
    z-index: 999;
    right: 40px;
}

/* Banner Bootom Section */

 .banner-bottom-icon-sec {text-align: center;}
 .banner-bottom-icon-sec h3 {font-size: 32px;color: #161314;margin: 30px 0 0;}
 .banner-bottom-icon-sec p {color: #161314;}

/* Feature Section */

 .features-sec {text-align: center;padding: 100px 0;}
 .features-sec h2 {
    font-size: 38px;
    color: #0b375b;
    margin: 0 0 40px;
}
 .features-sec h3 {font-size: 32px;color: #161314;margin: 30px 0 20px;}
 .features-sec p {color: #161314;}
    .features-sec .features-in {
        padding: 60px 20px 30px;
        border-radius: 5px;
        min-height: 400px;
        position: relative;
        border: 3px solid transparent;
    }
.features-sec .features-in:hover{
    border-color: #0b375b;
    box-shadow: 0 0 23px -5px #DFDFDF;
}
 .frog-icon-sec {text-align: center;background: #0B375A;padding: 100px 0;}
 .dot-bg-outer { background-image: url('../images/roadmap-dotted.png'); background-position: top left;background-repeat: no-repeat;}

/* Road Map Section */

 .roadmap-sec { padding: 100px 0 350px; text-align: center; position: relative;
    background-image: url('../images/road-map-bg.png');
    background-color: #f2fdfe;
    background-position: left top;
    background-size: cover;

 }
 .roadmap-bottom-doge {
    position: absolute;
    bottom: -27%;
    left: 10px;
    width: 300px;
    z-index: 9;
 }
 .roadmap-sec h2 {font-size: 38px;color: #161314;margin: 0 0 100px;}
 .road-map-box {position: absolute;max-width: 45%;width: 475px;text-align: left;top: 0;left: 50px;}
 .road-map-box .road-map-box-in {background: #f0fdfe;padding: 60px 60px 30px 40px;border-radius: 10px;position: relative;max-width: 100%;width: auto;text-align: left; border: 4px solid transparent; border-radius: 6px; box-shadow: 0 0 23px -5px #DFDFDF; }
 .road-map-box .road-map-box-in:hover{
     border-color: #0b375b;
 }
 .road-map-box h3 {font-size: 32px;margin: 0 0 20px; color: #0b375b;}
 .road-map-box p{font-family: 'poppinsregular';}
 .road-map-box.road-map-box2 {right: 50px;top: 198px;left: inherit;}
 .road-map-box.road-map-box3 {top: 382px;left: 50px }
 .road-map-box.road-map-box4 {top: 570px;right: 50px;left: inherit;}
 .road-map-box.road-map-box5 {left: 50px;top: 762px;}
 .road-map-box.road-map-box6 {right: 50px;top: 958px;left: inherit;}
 .road-map-box.road-map-box7 {top: 1150px;left: 50px;}
 .road-map-box.road-map-box8 {top: 1330px;right: 50px;left: inherit;}

/* Team Section */

 .team-sec {text-align: center;padding: 7% 0 3%;}
 .team-sec h2 {font-size: 38px;color: #0b375b;margin: 0 0 20px;}
 .team-box {
    padding: 60px 20px 30px;
    border-radius: 10px;
    min-height: 385px;
    position: relative;
    text-align: center;
    box-shadow: 0 0 23px -5px #DFDFDF;
    border: 4px solid transparent;
}
 .team-box:hover{ border-color: #0b375b; }
 .team-sec h3 {font-size: 32px;margin: 30px 0 15px;}
 .team-sec p {max-width: 820px;margin: 0 auto 60px;width: auto;}
 .team-box p{margin: 0 0 0;}
 .team-mail-icon { position: absolute; top: 30px; left: 30px; }

/* FAQ Section */

 .faq-sec {padding: 60px 0 140px;}
 .faq-sec h2 {font-size: 38px;color: #0b375b;margin: 0 0 50px;text-align: center;}
 .faq-sec .card {
    border: none;
    box-shadow: 12px 5px 24px -10px #ddd;
    margin: 0 0 30px;
    background: none;
}
 .faq-sec .card-header {padding: 0;border: none;}
 .faq-sec .card button {
    font-size: 24px;
    color: #161314;
    display: block;
    font-family: 'poppinsbold';
    padding: 15px 30px 15px 15px;
    background: #fff !important;
    width: 100%;
    text-align: left;
    text-decoration: none;
    outline: none !important;
    box-shadow: none;
}
 .faq-sec .card button .fa {position: absolute;right: 21px;top: 21px; color: #0B375A;}

/* Footer Section */

.footer-main {
    background-image: url('../images/footer-bg.jpg');
    background-position: left bottom;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 190px 0 50px;
    text-align: center;
    color:#fff;
    clip-path: polygon(0 0, 100% 20%, 100% 100%, 0% 100%);
    margin-top: -132px;
}
 .footer-main .footer-logo {
    max-width: 120px;
}
 .footer-social {margin: 70px 0;}
 .footer-social li {display: inline-block;width: auto;margin: 0 20px;}
 .footer-social li img {width: 60px;height: auto;transition: ease-in .5s; filter: invert(100%); }
 .footer-social li a:hover img {transform: rotate(360deg) scale(1.2);}
 .footer-main p a, .footer-main p strong { color: #00eeff; }
 .footer-main button {
    background: #000000;
    color: #fff;
    border: none;
    padding: 3px 8px;
    border-radius: 6px;
    display: inline-block;
    vertical-align: middle;
    font-size: 12px;
    margin: 0 0 0 10px;
}
.footer-main button:focus, .footer-main button:hover {box-shadow: none; background: #161314; }
/* How To Buy Page */

 .video-guide-sec h3 {
    margin-bottom: 25px;
    font-size: 38px;
    margin-top: 60px;
    color: #0b375b;
}

 .video-guide-sec p { font-family: 'poppinsregular';}
 .video-guide-sec p.video-btn a {
    background: #0b375b;
    color: #fff;
    padding: 18px 48px;
    border-radius: 6px;
    font-family: 'poppinsbold';
}
.video-guide-sec p.video-btn a:hover{ background: #000000; text-decoration: none; }
 .video-guide-sec p.video-btn { margin-top: 3rem;}
 .video-guide-sec .video-box img, .video-guide-sec .video-box iframe {
    width: 100%;
    background: #fff;
    padding: 12px;
    border-radius: 11px;
}
 .video-box { box-shadow: 0 0 23px -5px #ad8264; text-align: left; position: relative; margin-top: 5vw; background: #ffffff; border-radius: 8px; z-index: 9; }

.video-guide-sec .bottom-moon {
    position: absolute;
    z-index: -1;
    width: 63%;
    right: -70px;
    bottom: -50px;
}

 .create-a-wallet-sec {
    background: #f0fdfe; padding-bottom: 145px;
 }
 .wallet-title p {clear: both;font-family: 'poppinsregular';}
 .wallet-title p span{color: #000000;}
 .wallet-title p strong{ color: #000000; font-family: 'poppinsbold'; }
 .wallet-title h4 {
    color: #0b375b;
    font-size: 32px;
    position: relative;
    margin: 40px 0;
}
.wallet-title h4 span {
    color: #d1dfe4;
    position: absolute;
    font-size: 120px;
    z-index: -1;
    top: -45px;
    left: 10px;
}
 .step-2 {margin-top: 9rem;}
 .step-1 {margin-top: 5rem;}
 .wallet-title form {width: 100%;position: relative;}
 .create-a-wallet-sec form label {
    background: #f4fbfd;
    padding: 18px 15px;
    font-weight: bold;
    display: block;
    border-radius: 8px 0 0 8px;
    border: 2px solid #0b375b;
}

.create-a-wallet-sec form label span { font-weight: normal; font-size: 88%; margin-left: 5px; }
 .create-a-wallet-sec form input {position: absolute;font-size: 16px;height: 48px;line-height: 48px;padding-left: 129px;border: 0px;border-radius: 10px;}

.create-a-wallet-sec form button {
    right: 0;
    background: #0b375b;
    border: 0;
    height: 64px;
    padding: 10px 25px;
    color: #fff;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
}
 .create-a-wallet-sec form input::placeholder {font-size: 13px;letter-spacing: .8px;}
 .create-a-wallet-sec form button:focus, .create-a-wallet-sec form button:hover {box-shadow: none; background: #161314; }
 .step-4 {margin-top: 3rem;}
 .step-4 span.hold { color: #000000; }
.how-to-buy {
    background-image: url(../images/inner-top-heading.png);
    background-position: left bottom;
    background-repeat: no-repeat;
    height: 47vw;
    background-size: cover;
    max-height: 1130px;
    position: relative;
    z-index: 0;
    text-align: center;
    padding-top: 14vw;
}
.banner-sec.how-to-buy p {
    max-width: 580px;
    width: 100%;
    margin: 30px auto;
}
.banner-sec.how-to-buy .btn.btn-primary{ background: #000000; border-color: #000000; font-family: 'poppinsbold'; }
.banner-sec.how-to-buy .btn.btn-primary:hover{ background: #00eeff; color: #0b375b !important; border-color: #00eeff; }
.how-to-buy img.how-to-buy-doge {
    width: 27%;
    position: absolute;
    bottom: -13vw;
    right: -10px;
}
.banner-sec.how-to-buy::after{ display: none; }

 .mobile-version{display: none;}

/* White Paper */

.white-paper-banner {  background-image: url(../images/white-paper-bg.png); background-position: top center; background-repeat: no-repeat; height: 56vw; background-size: cover; max-height: 1130px; position: relative; z-index: 0; text-align: center; padding-top: 85px; }
.white-paper-banner img.white-paper-banner-moon { width: 20%; position: absolute; bottom: -69%; left: 10%;}
 .wallet-title .fas { color: #000000; }
 .wallet-title a {
    color: #000000;
    font-family: 'poppinsbold';
}
 .white-paper-sec .col-md-12.heading-new {text-align: center;margin-bottom: 25px;}
 .white-paper-sec .col-md-12.heading-new p { color: #000000; }
 .white-paper-sec .col-md-6 p {font-family: 'poppinsregular'; padding: 1rem 0px 3rem;}
 .white-paper-sec .col-md-12 h3 {
    text-align: center;
    margin-top: 33px;
    margin-bottom: 25px;
    color: #0b375b;
    font-size: 38px;
}
.white-paper-sec .col-md-12.heading-new h3 {
    margin: 0;
    font-size: 38px;
    color: #0b375b;
}
 .white-paper-sec .col-md-12 p {padding: 16px 10rem;text-align: center; font-family: 'poppinsregular'; }

.manual-burns-sec h3 {
    margin-bottom: 22px;
    margin-top: 45px;
    position: relative;
    font-size: 32px;
    color: #0b375b;
}

section.manual-burns-sec {
    position: relative;
}
.manual-burns-sec p{ font-family: 'poppinsregular'; }


.manual-burns-sec.white-paper-bottom-sec::before{
    display: none;
}


.automatic-burns-sec h3 {
    margin-bottom: 22px;
    margin-top: 45px;
    color: #0b375b;
}

section.automatic-burns-sec {
    position: relative;
    background-color: #f0fdfe;
    background-image: url('../images/blue-bottom.png');
    background-position: left bottom;
    background-repeat: no-repeat;
}




.safety-sec .features-in {  min-height: 340px !important; margin-top: 55px; }


.protocol-paper-sec .col-md-12.heading-new {text-align: center;margin-bottom: 55px;}
.protocol-paper-sec .col-md-12.heading-new p {color: #000;}
 .protocol-paper-sec.col-md-6 p {font-size: 14px;color: #000;letter-spacing: .5px;padding: 1rem 0px 3rem;}
 .protocol-paper-sec .col-md-12 h3 {text-align: center;margin-top: 33px;margin-bottom: 35px;}
 .protocol-paper-sec .col-md-12.heading-new h3 {margin: 0;}
 .protocol-paper-sec .col-md-12 p {
    padding: 0;
    text-align: center;
    max-width: 100%;
    width: 600px;
    margin: 20px auto 0;
}

.protocol-paper-sec h2 {
    font-size: 60px;
    text-align: center;
    color: #00eeff;
    margin: 0 0 40px;
}

.protocol-paper-sec h2 span {
    color: #0b375b;
    display: block;
    font-size: 36px;
}

.protocol-paper-sec p {
    text-align: center;
}

.features-sec.safety-sec {
    padding: 50px 0 50px;
}
.features-sec.safety-sec h3 {
    color: #0b375b;
}
.manual-burns-sec.white-paper-bottom-sec {
    padding: 70px 0 130px;
}
.manual-burns-sec.white-paper-bottom-sec h2 { font-size: 38px; margin: 20px 0 0; }


.manual-burns-sec.white-paper-bottom-sec h2 {
    padding: 0 0 30px;
    font-size: 38px;
    color: #0b375b;
}


.manual-burns-sec.white-paper-bottom-sec h3 {
    color: #0b375b;
    font-size: 32px;
    position: relative;
    margin: 40px 0;
}
.manual-burns-sec.white-paper-bottom-sec h3 span {
    color: #d1dfe4;
    position: absolute;
    font-size: 120px;
    z-index: -1;
    top: -45px;
    left: 10px;
}


/* Mobile Homepage */

 .roadline-img {
	width: 8%;
    max-width: 100%;
	 margin-top: 100px;
	position: absolute;
	left: 0;
}
.road-map-box-mobile {
	box-shadow: 0 0 23px -5px #ad8264;
	border-radius: 10px;
	margin: 0 0 10vw 10%;
}
.road-map-box-mobile .road-map-box-in {
    background: #f0fdfe;
    padding: 8vw 6vw;
    border-radius: 10px;
    position: relative;
    max-width: 100%;
    width: auto;
    text-align: left;
}
.road-map-box-mobile h3 {
    font-size: 6vw;
    margin: 0 0 10px;
}
.road-map-box-mobile p {
    font-family: 'poppinsregular';
    font-size: 3vw;
    line-height: 1.5;
}


/*How to buy Mobile */



.mobile-version  section.create-a-wallet-sec.sec-space.aos-init.aos-animate {
    padding-top: 0;
}

.mobile-version  .create-a-wallet-sec .form-group input {
}

.mobile-version  .footer-main p {
    font-size: 11px;
}

.mobile-version .video-guide-sec {
    padding-bottom: 1px;
}



/* Animations */

@keyframes zooming {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(1.1);
  }
}

.zoom-content {
  animation-name: zooming;
  animation-duration: 1.5s;
  animation-timing-function: ease-out;
  animation-delay: 0s;
  animation-direction: alternate;
  animation-iteration-count: infinite;
  animation-fill-mode: none;
  animation-play-state: running;
}