/**-_______ This file has been created by shahzad on branch landingpage2 ______ -**/

@charset "utf-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap');
html, body{padding:0; margin: 0; font-family: 'Poppins', sans-serif; font-weight:400;}
h1, h2, h3, h4, h5, h6, p, ul, li, a{padding:0; margin:0;}
ul{list-style:none;}
a, button{-webkit-transition-duration: 0.2s; -webkit-transition-timing-function: linear; text-decoration:none;}
header.meta-header{ padding:0; position:absolute; z-index:2; top:135; left:0; width:100%;}
.meta-header .navbar-brand{ padding-right:100px;}
.meta-header .navbar ul.navbar-nav li a{ padding-left:15px; padding-right:15px; font-size:16px; text-transform:uppercase; color:#fff; font-weight:500;}
.meta-header .navbar ul.navbar-nav li a:hover{ color:#ecbe20;}
.meta-header .navbar ul.navbar-nav li a:focus{ color:#ecbe20;}
.meta-header .navbar ul.navbar-nav li a:active{ color:#ecbe20;}
.meta-header .bg-light {background:none!important;}
.join-link{ display:inline-block; background:#ecbe20; font-size:15px; border-radius:5px; padding:6px 20px; color:#000; font-weight:500;}
.join-link:hover{ background:#fff; text-decoration:none; color:#000;}
/*================(video) ====================*/
.meta-video-section{position:relative; height:320px; width:100%; overflow:hidden; background:#000; background-size:100%; z-index:0 }
.meta-video{background:url(../web-videos/car-poster.jpg) no-repeat top center; background-size:100%; opacity:1;}
.meta-video-section #video-exchange{ width:100%; position:absolute; top:0; left:0;}
/*================(video end) ====================*/

/*================(interial banner video) ====================*/
.meta-video-section.interial-banner{position:relative; height:320px; width:100%; overflow:hidden; background:#000; background-size:100%; z-index:0 }
.meta-video-section.interial-banner .meta-video{background:url(../web-videos/car-poster.jpg) no-repeat top center; background-size:100%; opacity:1;}
.meta-video-section.interial-banner #video-exchange{ width:100%; position:absolute; top:-240px; left:0;}
/*================(interial banner video end) ====================*/

/*================(banner content) ====================*/
.meta-banner{ position:relative; z-index:1; padding-top:200px; text-align:center;}
.meta-video-section.interial-banner .meta-banner{ position:relative; z-index:1; padding-top:150px; text-align:center;}
.meta-banner h1{ font-size:50px; color:#fff; font-weight:300; padding:0; margin:0; text-align:center;}
.meta-banner p{ font-size:20px; color:#fff; padding:10px 0;}
.meta-banner .meta-join-btn{display:inline-block; background:#ecbe20; font-size:18px; text-transform:uppercase; border-radius:4px; padding:12px 60px; margin-top:25px; color:#000; font-weight:500;}
.meta-banner .meta-join-btn:hover{ background:#fff; color:#000; text-decoration:none;}
.cryptocurrencies-icons{ list-style:none; padding:25px 0; margin:0; text-align:center;}
.cryptocurrencies-icons li{ font-size:16px; color:#fff; font-weight:300; display:inline-block; text-align:center; padding:15px 8px;}
.cryptocurrencies-icons li img{ float:left; margin-right:10px;}
.meta-exchange-screenshot{ display:block; width:100%; height:auto; margin-top:50px;}
/*================(banner end) ====================*/
/*================(about meta exchange) ====================*/
.me-exchange-section { padding:90px 0 20px; margin:0;}
.me-exchange-section img{ width:100%; height:auto; border-radius:20px;}
.me-exchange-section h2{ font-size:40px; font-weight:300; color:#000; padding:0 0 20px; margin:0;}
.me-exchange-section p{ font-size:18px; color:#26323e; line-height:26px; font-weight:400; padding-bottom:30px;}
.me-exchange-section .meta-join-btn{display:inline-block; background:#ecbe20; font-size:18px; text-transform:uppercase; border-radius:4px; padding:13px 50px; margin-top:20px; color:#000; font-weight:500;}
.me-exchange-section  .meta-join-btn:hover{ background:#eee; color:#000; text-decoration:none;}
/*================(about meta exchange end) ====================*/
/*================(meta exchange app section) ====================*/
.me-exchange-app-section{ background:url(../images/meta-exchange-app-bg.png) no-repeat center center; padding:100px 0;}
.me-exchange-app-section h2{ font-size:40px; font-weight:300; color:#000; padding:100px 0 30px; margin:0;}
.me-exchange-app-section p{ font-size:18px; color:#26323e; line-height:26px; font-weight:400; padding-bottom:40px; padding-right:10px;}
.me-exchange-app-section h5{ font-size:20px; line-height:32px; color:#26323e; font-weight:500; padding-right:30px;}
.me-exchange-app-section img{ max-width:100%; height:auto;}
/*================(meta exchange app section end) ====================*/
/*================(meta footer) ====================*/
.meta-footer{ background:url(../images/meta-footer-bg.jpg) no-repeat; padding:100px 0; text-align:center; color:#fff;}
.meta-footer p{ display:block; margin:0 auto; max-width:950px; padding:30px 0; font-weight:300;}
.meta-footer ul{ list-style:none; padding:0; margin:0; text-align:center;}
.meta-footer ul li{ display:inline-block; text-align:center; color:#fff;}
.meta-footer ul li a{ color:#fff; font-size:15px; display:block; padding:10px; font-weight:300;}
.meta-footer ul li a:hover{ text-decoration:none; color:rgba(255,255,255,0.5);}
/*================(meta footer end) ====================*/
/*================ responsive ================*/
@media (min-width: 1200px) {}
@media (min-width: 1200px) and (max-width:1480px){
.meta-video-section #video-exchange{width:125%; left:-6%;}
.meta-banner{padding-top:150px;}
.meta-video-section{ height:800px;}
.meta-exchange-screenshot{ margin:0;}
.meta-banner h1{ font-size:42px;}
}
@media (min-width:768px) and (max-width: 991px){
	header.meta-header .navbar{ padding-left:0; padding-right:0;}
	header.meta-header .navbar-light .navbar-toggler{ background:#ecbe20; padding:3px 7px;}
	header.meta-header .navbar-collapse{ background:#ecbe20; padding:5px 0px 0; margin:10px 0 0; position:relative; box-shadow:0 40px 40px rgba(0,0,0,0.95);}
	header.meta-header .navbar-collapse:after { bottom:100%; left:97%; border:solid transparent; content:""; height:0; width:0; position:absolute; pointer-events:none; border-color:rgba(236, 190, 32, 0); border-bottom-color:#ecbe20;
	border-width:8px; margin-left:-8px;}
	.meta-header .navbar ul.navbar-nav li a{ color:#000; border-bottom:solid 1px rgba(0,0,0,0.1);}
	.meta-header .navbar ul.navbar-nav li a:hover{ color:#fff;}
	.join-link{ border-radius:0; display:block; padding:10px 15px; font-size:16px; background:#fff;}
	.meta-banner{ padding-top:130px;}
	.meta-banner h1{ font-size:26px;}
	.meta-banner p{ font-size:14px; line-height:18px;}
	.meta-video-section #video-exchange { width:150%; position:absolute; top:0; left:0;}
	.meta-banner .meta-join-btn { font-size:15px; padding:10px 32px; margin-top:20px;}
	.cryptocurrencies-icons li{ font-size:12px; padding:15px 6px 0; text-align:center;}
	.cryptocurrencies-icons li img{ display:block; float:none; padding:0 0 3px; margin:0 auto;}
	.meta-video-section{ height:650px;}
	.meta-exchange-screenshot{ margin-top:30px;}
	.me-exchange-section{ padding:50px 0;}
	.me-exchange-section img{ max-width:100%; margin:0 auto; display:block;}
	.me-exchange-section h2{  font-size:24px; padding-top:0; text-align:left; font-weight:500;}
	.me-exchange-section p{  font-size:15px; text-align:left; line-height:22px;}
	.me-exchange-app-section{ padding:50px 0; box-shadow:0 0 50px rgba(0,0,0,0.1);}
	.me-exchange-app-section h2{ padding-top:0; font-size:24px; padding-bottom:15px; font-weight:500;}
	.me-exchange-app-section p{  font-size:15px; line-height:22px; padding-right:0; padding-bottom:10px;}
	.me-exchange-app-section { background:url(../images/meta-exchange-app-bg.png) no-repeat 37% center; background-size:145%;}
	.me-exchange-app-section h5{ padding-top:0; padding-bottom:15px; font-size:16px; line-height:24px; font-weight:500; color:#000;}
	.me-exchange-app-section img{ max-width:70%; height:auto; margin:0 auto; display:block;}
	.meta-footer{ padding:50px 0 20px;}
	.meta-footer p{ font-size:14px; line-height:22px;}	
}
@media (max-width: 767px) {
header.meta-header .navbar{ padding-left:0; padding-right:0;}
header.meta-header .navbar-light .navbar-toggler{ background:#ecbe20; padding:3px 7px;}
header.meta-header .navbar-collapse{ background:#ecbe20; padding:5px 0px 0; margin:10px 0 0; position:relative; box-shadow:0 40px 40px rgba(0,0,0,0.95);}
header.meta-header .navbar-collapse:after { bottom:100%; left:93%; border:solid transparent; content:""; height:0; width:0; position:absolute; pointer-events:none; border-color:rgba(236, 190, 32, 0); border-bottom-color:#ecbe20;
border-width:8px; margin-left:-8px;}
.meta-header .navbar ul.navbar-nav li a{ color:#000; border-bottom:solid 1px rgba(0,0,0,0.1);}
.meta-header .navbar ul.navbar-nav li a:hover{ color:#fff;}
.join-link{ border-radius:0; display:block; padding:10px 15px; font-size:16px; background:#fff;}
.meta-banner{ padding-top:130px;}
.meta-banner h1{ font-size:26px;}
.meta-banner p{ font-size:14px; line-height:18px;}
.meta-video-section #video-exchange { width:276%; position:absolute; top:0; left:-100px;}
.meta-banner .meta-join-btn { font-size:15px; padding:10px 32px; margin-top:20px;}
.cryptocurrencies-icons li{ font-size:12px; padding:15px 6px 0; text-align:center;}
.cryptocurrencies-icons li img{ display:block; float:none; padding:0 0 3px; margin:0 auto;}
.meta-video-section{ height:550px;}
.meta-exchange-screenshot{ margin-top:30px;}
.me-exchange-section{ padding:50px 0; text-align:center;}
.me-exchange-section img{ max-width:60%; margin:0 auto; display:block;}
.me-exchange-section h2{ text-align:center; font-size:24px; padding-top:20px; font-weight:500;}
.me-exchange-section p{ text-align:center; font-size:15px; line-height:22px;}
.me-exchange-app-section{ padding:50px 0; box-shadow:0 0 50px rgba(0,0,0,0.1);}
.me-exchange-app-section h2{ padding-top:0; text-align:center; font-size:24px; font-weight:500;}
.me-exchange-app-section p{ text-align:center; font-size:15px; line-height:22px; padding-right:0; padding-bottom:80px;}
.me-exchange-app-section { background:url(../images/meta-exchange-app-bg.png) no-repeat right bottom; background-size:460%;}
.me-exchange-app-section h5{ padding-top:0; padding-bottom:30px; text-align:center; font-size:20px; font-weight:500; color:#fff; padding-right:0;}
.me-exchange-app-section img{ max-width:70%; height:auto; margin:0 auto; display:block;}
.meta-footer{ padding:50px 0 20px;}
.meta-footer p{ font-size:14px; line-height:22px;}
}

.terms-privacypolicy {padding: 50px 0;}
.terms-privacypolicy h1{font-size: 36px; text-transform: uppercase; padding:15px 0;}
.terms-privacypolicy h2{font-size: 24px; text-transform: uppercase; padding:15px 0;}
.terms-privacypolicy ol{margin-left: -25px;}
.terms-privacypolicy ol li{padding:10px 10px;}
.terms-privacypolicy ol li p{padding: 0;}
.terms-privacypolicy ol li p ~ p{padding:10px 0;}
.terms-privacypolicy p{padding:10px 0;}
.terms-privacypolicy ol li ol{padding:10px 45px;}
.terms-privacypolicy ol li ol li{ list-style: lower-alpha; padding: 5px 10px;}

/*____________ 31122021 __________*/
/*--------------------------------
.new-banner{ background:url(../images/new-top-banner-bg.jpg) no-repeat center top; padding:0; margin:0; text-align:center; min-height:120px;}
.new-banner h2{ font-size:22px; color:#000; text-align:center; line-height:30px; font-weight:400;font-family: 'Poppins', sans-serif; display:block; max-width:700px; margin:0 auto; padding:30px 0;}
.new-banner h2 span{ font-weight:600;}
@media(max-width:767px){
	.new-banner h2 { font-size:14px; color:#000; text-align:left; line-height:20px; width:calc(100% - 20px); margin:0; padding:10px 0 8px 133px;}
	.new-banner { background:url(../images/new-top-banner-bg.jpg) no-repeat 29.4% -15px; min-height:0; background-size:480%;}
	header.meta-header{top: 100px;}
}*/