@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@400;500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap');


* {margin:0; padding:0; outline:0; -webkit-box-sizing:border-box; box-sizing:border-box; }
ul,ol{list-style:none;}
body {font-size:16px; line-height:normal; color: #000; /*font-family: 'Poppins';*/}
a {outline:none; text-decoration:none; color:#000; -webkit-transition:ease-in-out .3s; -moz-transition:ease-in-out .3s; -ms-transition:ease-in-out .3s; -o-transition:ease-in-out .3s; transition:ease-in-out .3s;}
a:hover {text-decoration:none !important;}
input, 
textarea, 
select {font-size:14px; color:#000; vertical-align:middle; outline:none; resize:none;}
input[type="button"], 
input[type="submit"], 
button {-webkit-transition:ease-in-out .3s; -moz-transition:ease-in-out .3s; -ms-transition:ease-in-out .3s; -o-transition:ease-in-out .3s; transition:ease-in-out .3s; -moz-appearance:none; -webkit-appearance:none; appearance:none;}
.transition {-webkit-transition:ease-in-out .3s; -moz-transition:ease-in-out .3s; -ms-transition:ease-in-out .3s; -o-transition:ease-in-out .3s; transition:ease-in-out .3s;}
img {border:none; vertical-align:top; width: auto; max-width:100%;}
ul{margin: 0px !important;}
.tac {text-align:center;}
.tar {text-align:right !important;}
.tal {text-align:left !important;}
.valign {vertical-align:middle;}
.midsection {width:100%; position:relative; min-height: calc(100vh - 480px);}
.flexBox {display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap;}
.flexBox.nowrap {flex-wrap: nowrap;}
.itemCenter {-webkit-align-items: center; align-items: center;}
.itemselfCenter {-webkit-align-self: center; align-self: center;}
.itemselfEnd {-webkit-align-self: flex-end; align-self: flex-end;}
.spacebetween {justify-content: space-between; -webkit-justify-content: space-between;}
.fullWidth {width: 100%;}
.deskView {display: block;}
.mobView {display: none !important;}
.lightgray-bg {background: #f8f8f8;}
/*.white-text {color: #ffffff !important;}*/
.btnhover-effect {position: relative; z-index: 1; overflow: hidden; transition: all .5s; }
.btnhover-effect:hover{box-shadow:none; outline:none; background:transparent; border-color:#3399cc; color:#ffffff; }
.btnhover-effect:focus {box-shadow:none; outline:none; background:transparent; border-color:#3399cc; color:#3399cc!important; }
.btnhover-effect:hover:after, 
.btnhover-effect:hover:before, 
.btnhover-effect:focus:after, 
.btnhover-effect:focus:before {transform: scale(1); border-radius: 0;}
.btnhover-effect:before {content: ''; position: absolute; left: 0; top: 0; right: 0; bottom: 0; height: 100%; background: #3399cc; z-index: -1; transform: translate3D(0,-100%,0); transition: all .5s; transform-origin: center center; transform: scale(1,0); }
.btnhover-effect:after {content: ''; position: absolute; left: 0; top: 0; right: 0; bottom: 0; height: 100%; background: #3399cc; z-index: -2; transform: translate3D(0,-100%,0); transition: all .5s; transform-origin: center center; transform: scale(1,0); }

.btnhover-effect-2 {position: relative; z-index: 1; overflow: hidden; transition: all .5s; }
.btnhover-effect-2:hover, 
.btnhover-effect-2:focus {box-shadow: none; outline: none; background: transparent; border-color: #000000; color: #ffffff; }
.btnhover-effect-2:hover:after, 
.btnhover-effect-2:hover:before, 
.btnhover-effect-2:focus:after, 
.btnhover-effect-2:focus:before {transform: scale(1); border-radius: 0;}
.btnhover-effect-2:before {content: ''; position: absolute; left: 0; top: 0; right: 0; bottom: 0; height: 100%; background: #000000; z-index: -1; transform: translate3D(0,-100%,0); transition: all .5s; transform-origin: center center; transform: scale(1,0); }
.btnhover-effect-2:after {content: ''; position: absolute; left: 0; top: 0; right: 0; bottom: 0; height: 100%; background: #000000; z-index: -2; transform: translate3D(0,-100%,0); transition: all .5s; transform-origin: center center; transform: scale(1,0); }


.custom-btn {display: inline-block; font-size: 14px; font-weight: 600; color: #4e4f4f; border: 1px solid #4e4f4f; border-radius: 4px; padding: 10px 25px; text-transform: uppercase;}
.section-HD {font-size: 45px; color: #242424; font-family: 'Oswald'; font-weight: 700; text-align: center; text-transform: uppercase; margin-bottom: 30px;}

.section-title {font-size: 20px; color: #242424; font-weight: 600;}
.section-cont {color: #666666; font-size: 16px; line-height: 26px;}
.tradezy-bg-img .section-HD{ color: #242424;}
.advertising-cont .section-HD{ color: #fff;padding-bottom: 12px;}
.advertising-cont .section-title{ color: #fff;}
.advertising-cont .section-cont{ color: #fff;}
.aussie-inner .trading-images{background: url(../images/tradedo-icon.png) no-repeat center;
    background-size: 75%;
    align-self: center;
    padding: 140px 0px;

	}
.aussie-inner .tradezyEcommerce-topBanner .trading-images{background: url(../images/Tradezy.png) no-repeat center;
    background-size: 75%;
    align-self: center;
    padding: 140px 0px;

	}
.aussie-inner .csm-topBanner .social-media-imag{background: url(../images/Chatezy.png) no-repeat center;
    background-size:55%;
    padding: 140px 0px;

	}
	
	

.howtobuyp .lightgray-bg{background-color:#fff;}
.howtobuyp .content-box p{color:#000;}
.howtobuyp .content-box .howto li{color:#000;padding-bottom: 6px;list-style: disc;}

/* Topbar section */
.topbar-section {background: url('../images/topbar-bg.png'); background-repeat: no-repeat; background-size: cover;}
.topbar-socialicon-box {display: flex; display: -ms-flexbox;}
.topbar-socialicon-box li {margin-right: 5px;}
.topbar-socialicon-box li:last-child {margin-right: 0px;}
.topbar-socialicon-box li a {display: block; padding: 9px 15px 5px 15px;}
.topbar-socialicon-box li:first-child a {padding-left: 0px;}
.topbar-nav ul {display: flex; display: -ms-flexbox; justify-content: flex-end;}
.topbar-nav ul li {padding-right: 10px;}
.topbar-nav ul li:last-child {padding-right: 0px;}
.topbar-nav ul li a {display: block; font-size: 13px; color:#d7d4d4 /* #9e9e9e*/; padding: 12px 15px; text-transform: uppercase;}
.topbar-nav ul li:last-child a {padding-right: 0px;}
.topbar-nav ul li:hover a {color: #3399cc;}
/* Heder section */

/*hamburger css stsrt here */
.hamburger {display: inline-block;cursor: pointer;display:none;}
.hamburger .bar1, .hamburger .bar2, .hamburger .bar3 {
  width: 28px; height: 3px; background-color: #fff; margin: 6px 0; transition: 0.4s;}
.chang .bar1 {
  -webkit-transform: rotate(-45deg) translate(-6px, 6px);
  transform: rotate(-45deg) translate(-6px, 6px);
}
.chang .bar2 {opacity: 0;}
.chang .bar3 { -webkit-transform: rotate(45deg) translate(-7px, -7px);transform: rotate(45deg) translate(-7px, -7px);
}
 @media (max-width:768px){
.hamburger{ display:block;}
	}
/*hamburger css end here */

#navbar{padding: 8px 0;height: 60px;background-image: linear-gradient(#000406, #0b7ba7);}
#header .logo img { max-height: 40px;}
	
@media (max-width: 1500px){	
.digit { width: 20px; font-size: 22px;}
}

header.innerHeader{box-shadow: 0px 0px 8px #ccc}
header.header-fixed {width: 100%; position: fixed; left: 0; top: 0; width: 100%; z-index: 100; background: #fff; box-shadow: 0 0 15px rgba(0,0,0,.3);}
header .container {display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-align-items: center; align-items: center; justify-content: space-between; -webkit-justify-content: space-between;}
.logo {width: 200px;}
header nav {width: calc(100% - 200px); justify-content: flex-end; display: flex; align-self: center; align-items: center;}
a.showMobMenu {display: none; margin-left: 10px;}
.showMobMenu .bar1, .showMobMenu .bar2, .showMobMenu .bar3 {display: block; width: 30px; height: 3px; background-color: #fff; margin: 5px 0; transition: 0.4s; }
.change .bar1 {-webkit-transform: rotate(-45deg) translate(-3px, 6px); transform: rotate(-45deg) translate(-3px, 6px); }
.change .bar2 {opacity: 0;}
.change .bar3 {-webkit-transform: rotate(45deg) translate(-6px, -10px); transform: rotate(45deg) translate(-6px, -8px); }

.menu {display: inline-block; padding-right: 15px;}
.menu li { display: inline-block; padding: 0px 20px; position: relative;}
.menu li a {color: #17171b;display: block;font-size: 15px;font-weight: 600;padding: 12px 0px;}
.menu li > a:hover, 
.menu li.active > a {color: #fff;}
.drop-icon {position: absolute;top: 12px;right: -3px;color:#fff;}
.subNav {width: 160px; position: absolute; left: -30px; top: 45px; background: #000; border: #000 solid 1px; z-index: 99; padding: 10px; display: none; box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25); transition: 0.3s; }
.subNav li {display: block; padding: 0px !important; margin-bottom: 5px;}
.subNav li:last-child {margin-bottom: 0px;}
.subNav li a {padding: 7px 10px;}
.subNav li:hover a { color: #3399cc;}

/*.subNav:before {content: ''; border-left: transparent solid 10px; border-right: transparent solid 10px; border-bottom: #ccc solid 11px; position: absolute; left: 50px; top: -11px; }
.subNav:after {content: ''; border-left: transparent solid 10px; border-right: transparent solid 10px; border-bottom: #fff solid 10px; position: absolute; left: 50px; top: -10px; }*/

.header-btnwrapper {display: inline-block; width: 250px;}
.header-btnwrapper ul {width: 100%; display: flex;}
.header-btnwrapper li {width: 100%; max-width: 115px; margin-left: 10px; display: inline-block;}
.header-btnwrapper a {display: block; padding: 9px 0px; border: 1px solid #4e4f4f; text-align: center; border-radius: 4px; color: #4e4f4f; font-size: 14px; font-weight: 600; position: relative; z-index: 1; overflow: hidden; transition: all .5s; }
.header-loginbtn:hover, 
.header-loginbtn:focus {box-shadow: none; outline: none; background: transparent; border-color: #3399cc; color: #fff; }
.header-loginbtn:hover:after, 
.header-loginbtn:hover:before, 
.header-loginbtn:focus:after, 
.header-loginbtn:focus:before {transform: scale(1); border-radius: 0;}
.header-loginbtn:before {content: ''; position: absolute; left: 0; top: 0; right: 0; bottom: 0; height: 100%; background: #000; z-index: -1; transform: translate3D(0,-100%,0); transition: all .5s; transform-origin: center center; transform: scale(1,0); }
.header-loginbtn:after {content: ''; position: absolute; left: 0; top: 0; right: 0; bottom: 0; height: 100%; background: #000; z-index: -2; transform: translate3D(0,-100%,0); transition: all .5s; transform-origin: center center; transform: scale(1,0); }

/*
.whatcoin .coinlogo{width:100%;}
.whatcoin .coinlogo p{font-size: 35px; font-weight: 600;color: #000;font-family: 'Oswald';padding-top: 15px;}
.whatcoin .coinlogo .coinImg img{width:100px;cursor: pointer;}
.whatcoin .coinlogo .coinImg p{font-weight:700}
.whatcoin .what-ad-cont{padding-bottom: 30px;}
.whatcoin.lightgray-bg { background: #f9fbfc;}*/




/* Home Top Banner section */
.home-banner-wrapper {padding: 130px 0px;}
.home-banner-inner {background: rgba(0,0,0,0.5); color: #ffffff; text-align: center; width: 100%; max-width: 1000px; margin: auto; padding: 55px; border-radius: 10px; }
.homebanner-HD {font-size: 50px; font-family: 'Oswald'; margin: 0px; text-transform: uppercase;}
.homebanner-cont {padding: 30px 0px 65px; border-bottom: 1px solid #828282; font-size: 18px; line-height: 28px;}
.homebanner-btn {text-align: center;}
.homebanner-btn ul li {padding: 0px 7px; margin-top: 15px; display: inline-block;}
.homebanner-btn ul li a {display: block; font-size: 14px; color: #222222; font-weight: 600; background: #ffffff; text-align: center; padding: 10px 25px; border-radius: 4px; border: 1px solid #ffffff; text-transform: uppercase; }

/* Revolution slider section */
.revolution-slider {position: relative;margin-top:0px;}
.revolution-slider .carousel  {z-index: 1;}
.revolution-slider .carousel-inner {border-radius: 10px;}
.revolution-slider .carousel-item img {width: 100% !important;}
.revolution-slider .carousel-control-next, 
.revolution-slider .carousel-control-prev {width: 52px; height: 52px; border-radius: 50%; background: #3399cc; opacity: 1;border: 5px solid #ffffff; top: 50%;}
.revolution-slider .carousel-control-next {right: -25px;} 
.revolution-slider .carousel-control-prev {left: -25px;}
.revolution-slider .carousel-control-next-icon, 
.revolution-slider .carousel-control-prev-icon {width: 10px; height: 18px;}
.video-playIcon {width: 52px; height: 50px; position: absolute; top: 50%; left: 50%; transform: translate(-50% , -50%); border: 2px solid #ffffff; border-radius: 50%; }
.video-playIcon img {position: absolute; top: 50%; left: 50%; transform: translate(-50% , -50%); }
.carousel-inner .carousel-item iframe{height:520px;}

/* Wat is Aussie digital section */
.aboutus-section {width: 100%; max-width: 1920px; margin: auto;}
.ptb-100 {padding-top: 70px; padding-bottom: 70px;}
.pr-15 {padding-right: 15px;}
.pl-15 {padding-left: 15px;}
.what-ad-section {position: relative;}
.what-ad-section.tac:before {content: ''; position: absolute; top: -180px; height: 180px; width: 100%; left: 0; background: #f8f8f8;}
.what-ad-cont {font-size: 16px; line-height: 26px; color: #666666; padding: 40px 0px 100px;}
.what-ad-HD {font-size: 30px; line-height: 30px; color: #383636; font-weight: 700; font-family: 'Oswald'; margin-bottom: 20px;}
.knowmore-btn {margin-top: 30px;}

.aboutus-boxWrapper {width: 100%;}
.aboutus-leftBox {width: 50%; display: flex; align-self: center;}
.aboutus-rightBox {width: 50%; display: flex; align-self: center;}
.aboutusImage-box {position: relative;}
.aboutusImage-box:after {position: absolute; content: ""; left: 0px; height: calc(100% - 90px); background: #3399cc; width: 90%; border-radius: 4px; top: -23px;}
.aboutusImage-box img {position: relative; z-index: 9;border-radius: 6px;}
.aboutus-contBox {width: 100%; max-width: 800px; padding: 0px 15px; margin-right: auto; margin-left: auto; font-size: 16px; line-height: 26px; color: #666666; }
.aboutus-subtitle {font-size: 20px; color: #242424; font-weight: 700; margin-top: 10px;}
.aboutus-contBox p {margin-bottom: 35px;}
.tradedoTradion-section {margin-top: 80px;}
.tradedoTradion-section .aboutusImage-box {order: 2;}
.tradedoTradion-section .aboutusImage-box:after {left: auto; right: 0;}

.tradezyEcommerce-inner {position: relative;}
.tradezyEcommerce-contBox {font-size: 16px; line-height: 26px; color: #000; display: flex; left: 0; background: #f8f8f8 /*#3399cc*/; z-index: 1; padding: 0px 50px; width: 100%; max-width: 680px; position: absolute; align-self: center;}
.tradezyEcommerce-contBox .custom-btn {color: #000; border-color: #000;}
.tradezyEcommerce-contBox .btnhover-effect:before,
.tradezyEcommerce-contBox .btnhover-effect:after {background: #3399cc;}
.tradezyEcommerce-contBox .custom-btn:hover {box-shadow: none;
    outline: none;
    background: transparent;
    border-color: #3399cc;
    color: #ffffff;}
.tradezyEcommerce-images{text-align:right;}
.tradezyEcommerce-inner .tradezyEcommerce-images img{padding-top:10px;width:100%;}
.tradezyEcommerce-contBox .tradezy-bg-img{ 
	/*background: url(../images/Tradezy.png) no-repeat center;*/
    background-size: 75%;
    align-self: center;
    padding: 60px 10px;
	}
.tradezyEcommerce-contBox .tradezy-bg-img h2{}
/* Media program section */

.mediaProgram-section .box-card {box-shadow: 0px 0px 20px 0px rgb(0 , 0 , 0 , 0.15);}
.mediaProgram-section .card-text {font-size: 16px; line-height: 26px; color: #666666;}
.mediaProgram-section .card-title {font-size: 35px; font-weight: 500; font-family: 'Oswald'; color: #242424;}
.mediaProgram-section .card-subtitle {font-size: 17px; color: #242424; font-weight: 700;}
.mediaProgram-section .card-body {padding-bottom: 55px;}
.mediaProgram-section .card .card-imageBox {overflow: hidden;}
.mediaProgram-section .card .card-imageBox img {transition: all 0.5s;}
.mediaProgram-section .card:hover .card-imageBox img {transform: scale(1.5);}
/* Advertising Section */
.advertising-section {padding: 90px 0px;}

/* B2B Platform */
.b2b-platform-section .aboutusImage-box {width: 100%;}
.b2b-platform-section .aboutusImage-box:after {left: -23px;}

/* Chart section */
.chartWrapper {box-shadow: 0px 0px 20px 0px rgb(0 , 0 , 0 , 0.15);}
.chart-toptitle {font-size: 15px; background: #faf7f7; line-height: 25px; color: #242424; padding:20px 10px 5px 10px; }
.chart-toptitle p{margin-bottom: 0px;color: #000; font-size: 25px;font-weight: 700;margin-top: 15px;}
.chart-HD {font-size: 30px; font-weight: 700; color: #242424; text-transform: uppercase; font-family: 'Oswald'; margin: 30px 0px 15px; }
.unsoldTokens-txt {font-size: 16px; line-height: 26px; color: #666666;}

/* Ecosystem section */
.ecosystem-btn .custom-btn {color: #ffffff; border-color: #ffffff;}
.ecosystem-btn .btnhover-effect:before,
.ecosystem-btn .btnhover-effect:after {background: #ffffff;}
.ecosystem-btn .custom-btn:hover {color: #3399cc;}

/* ICO sale section */
.icoSale-box {padding-bottom: 30px; box-shadow: 0px 0px 20px 0px rgb(0 , 0 , 0 , 0.15);}
.icoSale-HD {font-size: 24px; color: #242424; font-family: 'Oswald'; font-weight: 700; padding: 20px 10px; background: #faf7f7; }
.icoSale-table table {width: 100%;} 
.icoSale-table table tr th,
.icoSale-table table tr td {font-size: 16px; padding: 20px; border-bottom:1px solid #e5e5e5;}
.icoSale-table table tr th {font-weight: 600;}

/* Team member section */
/*.team-member-box {position: relative; overflow: hidden; margin-bottom: 30px;box-shadow: 0px 2px 5px #ccc;}
.tm-social-icon {position: absolute; top: 10px; left: 10px; width: 40px; height: 40px; background: #3399cc; border-radius: 50%; }
.tm-social-icon img {position: absolute; top: 50%; left: 50%; transform: translate(-50% , -50%);}
.tm-info {font-size: 15px; color: #ffffff; text-align: center; position: absolute; bottom: 0; width: 100%; padding: 8px; background: #0e0d1aed;}
.tm-info h4 {font-size: 25px; color: #ffffff; font-weight: 800; margin-bottom: 0px;}
.team-member-box > img {width: 100%; transition: all 0.5s;}
.team-member-box:hover > img {transform: scale(1.2);}*/

/* Media partner section */
.mediapartner-list {display: flex; text-align: center; margin-right: -10px !important; margin-left: -10px !important; border-bottom: 1px solid #dfdfdf;}
.mediapartner-list li {width: 100%; max-width: 14.28%; padding: 0px 10px; display: inline-block; margin-bottom: 15px; position: relative; overflow: hidden;}
.mediapartner-list li a {display: block; overflow: hidden;}
.mediapartner-list li img {position: relative; transition: all 0.5s;}
.mediapartner-list li:hover img {transform: scale(1.5);}

.partner-list {text-align: center; margin-right: -10px !important; margin-left: -10px !important;}
.partner-list li {display: inline-block; padding-left: 10px; padding-right: 10px;}
.partner-list li a {display: block; overflow: hidden;}
.partner-list li img {position: relative; transition: all 0.5s;}
.partner-list li:hover img {transform: scale(1.5);}

/* Timeline section */
.timeline-inner {margin-top: 105px;}
.tileline-yearlist {display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; position: relative;}
.timeline-inner .tileline-yearlist:before {content: ''; height: 15px; width: 100%; background: #f1f1f1; position: absolute; left: 0; border-radius: 10px; top: -13px; }
.tileline-yearlist .timeline-box {text-align: left; position: relative;}
.tileline-yearlist .timeline-box:before {content: ''; position: absolute; left: 0; top: -23px; width: 35px; height: 35px; border-radius: 50%; background: #ffffff; border: 6px solid #3399cc; }
.timeline-year {position: absolute; top: -73px; font-size: 50px; line-height: 50px; color: #3399cc; font-weight: 700; }
.tmq-image {max-width: 100px; margin-bottom: 10px;}
.timeline-box {width: 20%;}
.timeline-quarter-box {margin-top: 30px; font-size: 14px; color: #242424; padding-right: 15px;}
.timeline-box-40 {width: 40%;}
.timeline-quarter-box h3 {font-size: 17px; color: #242424; font-weight: 600; margin-bottom: 1rem;}
.timeline-quarter-box ul li {font-size: 14px; color: #242424; margin-bottom: 8px; position: relative; padding-left: 20px;}
.timeline-quarter-box ul li:before {content: '-'; left: 0px; position: absolute; color: #242424; font-weight: 600;}
.timeline-quarter-wrappers {display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap;}
.timeline-quarter-wrappers .timeline-quarter-box {-ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%;}

/* Footer */

.footer-box {position: relative; width: 100%; padding-right: 15px; padding-left: 15px; -ms-flex: 0 0 18%; flex: 0 0 18%; max-width: 18%;}
.footer-box.footer-addressBox {-ms-flex: 0 0 29%; flex: 0 0 29%; max-width: 29%;}
.footer-box.footer-socialBox {-ms-flex: 0 0 15%; flex: 0 0 15%; max-width: 15%;}
.footer-HD {font-size: 20px; color: #ffffff; font-family: 'Oswald'; font-weight: 600; padding: 25px 0px; text-transform: uppercase;}
.footer-nav li {margin-bottom: 10px;}
.contact-info-box .footer-nav li,
.footer-nav.social-info-box li {margin-bottom: 25px;}
.footer-nav li a {color: #fff; font-size: 15px;}
.footer-nav li:hover a {color: #242424;}
.footer-nav li a img,
.social-info-box li a img {margin-right: 10px;}
.footer-socialBox {display: flex; /*justify-content: flex-end;*/}
.contact-info-box .footer-nav li a {min-height: 28px; display: block; position: relative; word-break: break-all; }
.contact-info-box .footer-nav li a img {position: absolute; left: 0; max-width: 20px; }
.contact-info-box .footer-nav li a span {padding-left: 30px; word-break: break-all; display: inline-block; }
.footer-copyright {background: #015f8e; font-size: 14px; color: #ffffff !important; padding: 20px 0px;}
.footer-copyright a {color: #ffffff !important; text-decoration: underline !important;}
.footerlogo img{width:150px;}
.footer-addressBox .footer-nav li:nth-child(2) a:hover{color:#fff;}

/* Inner pages style */

.inner-topBanner {position: relative;}
.inner-topBanner img {width: 100%;}
.inner-topBanner .page-HD {position: absolute; top: 50%; left: 50%; color: #fff; font-size: 80px; font-family: 'Oswald'; text-transform: uppercase; transform: translate(-50% , -50%); }
.content-box {font-size: 16px; line-height: 26px; color: #000;letter-spacing:1px;}

.bidAdieu-section .content-box.white-text{color:#fff;}
.bidAdieu-section .white-text{color:#fff;}
.bidAdieu-section img{border-radius:10px;}

.lightblue-bg .content-box {color: #000000;}
.lightblue-bg .content-box p{color: #000000;}
.content-box p {margin-bottom: 30px;}
.lightblue-border:after {position: absolute; content: ""; right: -21px; height: calc(100% - 30px); background: #005877; width: 90%; border-radius: 10px; top: -21px; }
.about-imageBox {position: relative;}
.about-imageBox img {position: relative; z-index: 1; border-radius: 10px; width: 100%;}
.lightblue-bg {background: #f4f9ff; padding-bottom: 50px !important;}

.rgt-lightblue-border:after {position: absolute; content: ""; left: -21px; height: calc(100% - 30px); background: #005877; width: 90%; border-radius: 10px; top: -21px;}

/* About us pages style */

.affiliatesCon{padding:20px 0;}
.affiliatesCon .mainHd{font-size: 40px;
    color: #242424;
    font-family: 'Oswald';
    font-weight: 700;
    text-align: center;
    text-transform: uppercase;
    margin-bottom: 15px;
	padding-top: 15px;
}

ul.howto{
  list-style:disc!important;
  padding-left: 15px;
}


/* chatezy social media page */
.csm-topBanner {background: #cbe3ff;}

/*.engineeringBetterFutureFor-eCommerce {background: #fdf5ed;}*/
.rewardprogram-topBanner,
.tradingExchange-topBanner {background-image: background-repeat: no-repeat; background-size: cover;}
.lightblue-bg2 {background: #eff7fb; padding-bottom: 50px !important;}
.tradezyEcommerce-topBanner {background: #3399cc;}
.rewards-galore-section {background-repeat: no-repeat; background-size: cover; background-position: top center;}

.tradezyEcommerce-topBanner .trading-images h2{color:#fff;}
.tradezyEcommerce-topBanner .trading-images p{color:#fff;}

.tradingExchange-topBanner .trading-images h2{color:#fff;}
.tradingExchange-topBanner .trading-images p{color:#fff;}

.featureMobile-imageBox {position: relative;}
.feature-section .feature-list li {font-size: 15px; line-height: 25px; margin-bottom: 60px}
.feature-section .feature-list li:last-child {margin-bottom: 0px;}
.feature-section .feature-list li h4 {font-size: 24px; font-family: 'Oswald'; font-weight: 700;color:#fff;}
.feature-section .feature-list li p {color:#fff;}
.deliver-crt .content-box p { text-align: center;}
.section-HD.white-text.tac.mb-5{color:#fff;}


/* Login page */
.login-midsection {width: 100%; position: relative; min-height: calc(100vh - 204px); display: flex; align-items: center;}
.login-midWrapper:before {content: ''; background: #f9f9fb; background-repeat: no-repeat; width: 50%; height: 100%; position: absolute; top: 0px; left: 0px; }
.login-midWrapper:after {content: ''; background-image: url('../images/login-image.png'); background-repeat: no-repeat; width: 50%; height: 100%; position: absolute; top: 0px; right: 0px; background-position: top center; background-size: cover; }
.form-control.input-field {border: 1px solid #d6d6d6; padding: 13px 10px; height: auto; font-size: 14px; color: #242424; }
.form-control.input-field:focus {box-shadow: none;}
.rm {font-size: 15px; color: #fff; font-weight: 500;}
.remember-me {width: 25px; height: 25px; margin-right: 10px; border: 1px solid #d6d6d6;}
.fp a {font-size: 14px; color: #518ff5; font-weight: 500;}
.btn.submit-btn {width: 100%; font-size: 16px; font-weight: 600; padding: 13px 10px; background: #3399cc; text-transform: uppercase;}
.btn.submit-btn:hover {border-color: #17a2b8 !important;}
.signUp-page .login-midWrapper:after {background-image: url('../images/signUp-image.png');}
.selectBg {background: #f6f4f4;}

/* News page */

.topBanner-contBox {position: absolute; top: 50%; left: 50%; transform: translate(-50% , -50%); width: 100%; }
.topBanner-contBox .page-HD {position: relative; top: 0; left: 0; transform: translate(0 , 0); }
.newsList-wrappers .card {margin-bottom: 30px; box-shadow: 0px 7px 7px 0px rgba(0,0,0,.125)}
.newsList-wrappers .card-title {font-size: 19px; font-weight: 700; color: #000000;}
.newsList-wrappers .card-text {font-size: 14px; color: #000000;}
.news-readmore {font-size: 14px; color: #3399cc; font-weight: 600;}
.newsList-wrappers .card-footer {background-color: transparent !important; border-top: 1px solid #e5e5e5 !important; padding-top: 20px; padding-bottom: 20px;}
.cf-inner {font-size: 14px; color: #000000;}
.topBanner-contBox p{color:#fff; text-align:center !important;}

.news-pagination {text-align: center; border-top: 1px solid #e5e5e5; padding-top: 20px;margin-bottom:40px!important;}
.news-pagination nav {display: inline-block;}
.news-pagination .page-link {color: #3e3e3e; font-weight: 500; min-width: 50px;}
.news-pagination .page-link:focus {box-shadow: none !important;}
.news-pagination .page-item:hover .page-link,
.news-pagination .page-item.active .page-link {z-index: 3; color: #fff; background-color: #3399cc; border-color: #3399cc; }
.news-pagination .page-pre-item .page-link,
.news-pagination .page-next-item .page-link {color: #3399cc; font-weight: 600;}
.news-pagination .pagination li{ background:#39c;margin-left: 3px;}
.news-pagination .pagination li.active{ background:#105678;}
.news-pagination .pagination li:hover{ background:#105678;}
.news-pagination .pagination li a{color:#fff;padding: 5px 14px;display: inline-block;}

/* Staking page */

.staking-topBanner {background-repeat: no-repeat; background-size: cover;}
.staking-banner-HD {font-size: 80px; color: #242424; font-family: 'Oswald'; font-weight: 700; text-transform: uppercase; margin-bottom: 30px; }
.staking-banner-HD span {color: #3399cc;}
.staking-banner-title {font-size: 30px; color: #242424; font-weight: 700; margin-bottom: 30px;}
.staking-bannerCont {font-size: 22px; line-height: 26px; color: #242424;}
.stakingNow-btn a {display: inline-block; font-size: 20px; color: #ffffff; padding: 13px 40px; font-weight: 600; background: #3399cc; border-radius: 4px;}

.coins-dashboard-section {position: relative; padding: 40px 0px 100px;color: #fff;}
.coins-dashboard-section:before {content: ''; width: 100%; height: 53%; position: absolute; top: 0; left: 0; background: #3399cc; }
.conis-left {font-size: 20px; font-weight: 600; border-right: 1px solid #6eb5d9; text-transform: uppercase;}
.coins-rate {font-size: 100px; line-height: 100px;}
.conis-right {font-size: 20px;}

.rewardBonus-in {text-align: center; position: relative;}
.rewardBonus-val {position: absolute; top: 50%; left: 50%; transform: translate(-50% , -50%); font-size: 60px; font-weight: 700;}
.rewardBonus-HD {font-size: 25px; font-weight: 700; font-family: 'Oswald'; text-transform: uppercase;}
.faq-section{margin-top:40px;margin-bottom:60px;}
.faq-section .card {border: 1px solid #27A9F1!important; margin-bottom: 10px; border-radius: 4px !important;}
.faq-section .card-header {padding: 0px;}
.faq-section .card-header button.btn {width: 100%; text-align: left; font-size: 16px; color: #242424; font-weight: 600; padding: 17px 50px 17px 10px; position: relative; outline: none !important; box-shadow: none !important; text-decoration: none !important; background: #E8F8FF;}
.faq-section .card-header button.btn:after {content: ''; position: absolute; top: 10px; right: 10px; width: 36px; height: 35px; background-image: url(/images/faq-down-arrow.png); border-radius: 50%; background-size: 30px; background-position: center center; background-repeat: no-repeat; -webkit-transition:ease-in-out .3s; -moz-transition:ease-in-out .3s; -ms-transition:ease-in-out .3s; -o-transition:ease-in-out .3s; transition:ease-in-out .3s;border:1px solid #27A9F1;}
.faq-section .card-header button.btn[aria-expanded="true"]:after {transform: rotate(-180deg);}
.faq-section .card-body {color: #373737; font-size: 15px; line-height: 25px; padding: 0px 10px 13px; background: #E8F8FF;}

/* affiliate css start here */
.affiliateSocial{text-align:center;margin-bottom: 150px;margin-top:50px;}
.affiliateSocial img{display: inline-block;margin-top: -15px;margin-bottom: -93px;}
.distributionTable{width: 80%;margin: 0 auto;}
.distributionTable .table .hd td{text-align:center;font-weight: bold;font-size: 20px;background:#0271a9;color: #fff;}
.distributionTable td{background:#3398cc;font-size:22px;color:#fff;padding:12px;text-align:center;border-top:2px solid #fff;}
.whatcoin .coinlogo img{width:85%;}

.diagram .modal-dialog { max-width: 640px;}
.diagram .modal-dialog .modal-header{ padding:8px 12px;}
.diagram .modal-dialog .modal-body{padding:6px;}
.diagram .modal-dialog img{width:100%;background-color: #1a4d66;padding:5px;}

.afterLoginLinks img{width:35px;border-radius: 50px;}
.afterLoginLinks .profileNameWrap{ color: #000;}

.afterLoginLinks{position:relative;}
.afterLoginLinks .dropdownNav li a {
    color: #17171b;
    display: block;
    font-size: 15px;
    font-weight: 600;
    padding:5px 4px;

}

ul.dropdownNav.dropdown-menu{
    top: 27px!important;
    left: -15px!important;
    width: 200px;
}
ul.dropdownNav.dropdown-menu li a{font-weight: 500;}

.afterLoginLinks .dropdownNav  {
    width: 250px;
    position: absolute;
    left: -30px;
    top: 56px;
    background: #fff;
    border: #e5e5e5 solid 1px;
    z-index: 99;
    padding: 10px;
    
}
.afterLoginLinks .dropdownNav li:hover a {
    background: #3399cc;
    color: #ffffff;
}
.afterLoginLinks .dropdownNav:before {
    content: '';
    border-left: transparent solid 10px;
    border-right: transparent solid 10px;
    border-bottom: #ccc solid 11px;
    position: absolute;
    left: 50px;
    top: -11px;
}

.error{color: #dc3545; word-spacing: 2px;}











@media(max-width:768px){
	.diagram .modal-dialog { max-width:100%;}
	.diagram .modal{padding-right:0px!important;}
	.carousel-inner .carousel-item iframe { height: auto;}
	.distributionTable{width:100%;margin: 0 auto;}
	.affiliateSocial img {display: inline-block;margin-top: -6px;margin-bottom: -38px;}
	.affiliateSocial { margin-bottom: 60px;margin-top:20px;}
	.afterLoginLinks{ margin-right:4px !important;}
	.whatcoin .coinlogo p {font-size: 20px; padding-top: 25px;margin-bottom: 0px;}
	.whatcoin .coinlogo {margin-top: 20px;}
	.whatcoin .coinlogo img{width:100%;}
	.affiliatesCon .mainHd{margin-top:35px;font-size: 25px!important;}
}
 @media (max-width:600px){

	 .coinlogo{width:100%;}
	 .footer-box .footerlogo{text-align:center;}
	 .footerlogo img {width:150px!important}
 }