body{margin:0px;padding:0px; font-family: "Work Sans", sans-serif;font-size:16px; line-height:28px;-webkit-text-size-adjust:100%; height:100%; color:#5a5a5a; text-align:justify;}
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box; -webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased}

:after,:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
html{font-size:10px;-webkit-tap-highlight-color:rgba(0,0,0,0)}
 
h1, h2, h3, h4, h5, h6{  font-family: "Work Sans", sans-serif; color:#0a1a44;}

@font-face {
    font-family: 'Bernoru-BlackUltraExpanded';
    src: url('Bernoru-BlackUltraExpanded.eot');
    src: url('Bernoru-BlackUltraExpanded.eot?#iefix') format('embedded-opentype'),
        url('Bernoru-BlackUltraExpanded.woff2') format('woff2'),
        url('Bernoru-BlackUltraExpanded.woff') format('woff'),
        url('Bernoru-BlackUltraExpanded.ttf') format('truetype'),
        url('Bernoru-BlackUltraExpanded.svg#Bernoru-BlackUltraExpanded') format('svg');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}


div,p,ul,ol,li,a,input,select,img,p,h1,h2,h3,h4,h5,h6{margin:0px;padding:0px;list-style:none;font-size:100%;border:none;outline:none;text-decoration:none;}
article,aside,figcaption,figure,footer,header,hgroup,main,nav,section{display:block}

a{ color:#00b8c4; -webkit-transition:all 0.5s ease 0s; -ms-transition:all 0.5s ease 0s; -moz-transition:all 0.5s ease 0s; transition:all 0.5s ease 0s;}
a:hover{ text-decoration:underline;}
img { vertical-align: middle;}

.left{float:left;}
.right{float:right;}
.clr{clear:both;}

.clearfix{*zoom:1}
.clearfix:after{clear: both;content:"."; display:block; height:0; line-height:0; overflow:hidden; font-size:0; visibility:hidden;}


p{ font-size:17px; text-align:left; line-height:25px; margin-bottom:12px; color:#666666}
.maindiv{ max-width:1600px; margin:0 auto; overflow:hidden; position:relative;}

.container{ max-width:1100px; margin:0 auto; width:100%;}

.header-wraper { margin: 0 auto; max-width: 1600px; position: absolute; width: 100%; z-index: 100;}


.top-wraper{ background:#f6ae1b;}
.top-block{}
.top-1:last-child .top-1-inner{ margin:0;}
.top-1{ float:left; width:33.33%;}
.top-1-inner{ margin:8px 0;}
.top-1-icon { color: #fff; display: inline-block; font-size: 16px; vertical-align: top; margin: 0 5px 0 0;}
.top-1-info { color: #fff; display: inline-block; font-size: 16px; font-weight: 600; vertical-align: top;}
.top-social{}
.top-social ul{ float:right; margin-top:4px;}
.top-social ul li{ display:inline-block;}
.top-social ul li a { background: #1e1666; color: #fff; display: inline-block; height: 35px; line-height: 35px; text-align: center; width: 35px; border-radius:100%;}
.top-social ul li a:hover{ background:#cc2b5e; text-decoration:none;}

.middle-back{ }
.middle-wraper{ padding:0 0; transition:all 0.5s ease 0s; border-bottom: 1px solid rgba(255, 255, 255, .1); }
.middle-wraper .logo { float: left; margin: 5px 0; transition: all 0.5s ease 0s; width: 250px;}
.middle-wraper .logo img{ max-width:100%; transition:all 0.5s ease 0s;}
.middle-wraper .logo img.logo-white{ display:block;}
.middle-wraper .logo img.logo-dark{ display:none;}




.middle-wraper .nav-wraper { float:left; width: 100%; max-width:100%; margin:15px 0;}

.middle-right { float: right; max-width: 25%; width: 100%; text-align:right;}
.midbtn{}
.midbtn a { background:linear-gradient(70deg, #ffa024 0%, #ffe91c 100%); border: 1px solid rgba(255, 255, 255, 0.4); border-radius: 50px; box-shadow: 0 0 15px rgba(0, 0, 0, 0.15); color: #fff; display: inline-block; font-size: 13px; font-weight: 500; letter-spacing: 2px; margin: 11px 10px 0; padding: 6px 30px; position: relative; text-transform: uppercase; z-index: 10; overflow:hidden;}
.midbtn a:before { background-color: #ffe91c; content: ""; height: 100%; left: 0; position: absolute; top: 0; transition: all 0.3s ease 0s; width: 0; z-index: -1; border-radius: 50px;}
.midbtn a:hover:before{ width:100%;}
.midbtn a:hover{ text-decoration:none;}
.socialbtn{ float:right; margin-top:15px;}
.socialbtn a:hover{}
.socialbtn a{}
.socialbtn img{ margin:0 5px; box-shadow: 0 0 15px rgba(0, 0, 0, 0.15); border:1px solid rgba(255, 255, 255, .5);}


.sf-menu { float:right; }
.sf-menu > li > span { display: block; position: relative;}
.sf-menu ul { position:absolute; top:-999px; display:none; }/*offset of submenus need to match (see below)*/
.sf-menu li { position:relative; background: none;}
.sf-menu a { display: block; text-decoration: none;}
.sf-menu a:hover {text-decoration: none;}
.sf-menu > li{ position:relative;}
/*.sf-menu > li:before{ position:absolute; left:-10px; top:30px; width:6px; height:6px; border-radius:100%; content:""; background:#fff;}*/
.sf-menu > li:first-child:before{ display:none;}
/*================================>> 1 Level <<========================================*/
li.sfHover {position: relative;}
.sf-menu > li > a {vertical-align: middle; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out;  -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease; z-index: 100; 	}
.sf-menu > li > a { color: #fff; display:inline-block; font-size: 15px; font-weight:500; line-height: 15px; padding: 9px 15px; transform: translate3d(0px, 0px, 0px); -moz-transform: translate3d(0px, 0px, 0px); -ms-transform: translate3d(0px, 0px, 0px); -webkit-transform: translate3d(0px, 0px, 0px); text-transform:uppercase; }	

.sf-menu > li > a{ position:relative;}
/*.sf-menu > li:last-child > a{ position:relative; background:#0cf6f7; border-radius:3px; padding:13px 30px; border: 2px solid #0cf6f7;}
.sf-menu > li:last-child > a:hover{ background:none; color:#0cf6f7;}*/

.sf-menu > li { display: inline-block; float:left; position: relative;}
.sf-menu > li + li { margin-left:0;}
.sf-menu > li:hover > a, .sf-menu > li.current > a, .sf-menu > li.sfHover > a, .sf-menu > li:hover > span, .sf-menu > li.current > span, .sf-menu > li.sfHover > span { color: #fff; background: #00bfc8; border-radius: 5px;  }
.sf-menu > li.current > a{  }	
/*================================>> 2 Level <<========================================*/
.sf-menu > li > ul, .sf-menu > li.sfHover > ul { top:82px; box-shadow:0 0 10px rgba(0, 0, 0, 0.1);  left: 0; margin-left: 0; width: 220px; z-index:99; background: #fff ; text-align:left;}

.sf-menu > li > ul li{ }

.sf-menu > li > ul{ }

.sf-menu > li > ul > li {padding: 0 0;}
.sf-menu > li > ul > li + li {}
.sf-menu > li > ul > li > a { display: block; padding: 8px 15px; color: #5a5a5a; font-weight:500; line-height: 24px; font-size:15px; transition:all 0.5s ease 0s; -webkit-transition:all 0.5s ease 0s;}
.sf-menu li li a:hover, .sf-menu li.sfHover li.sfHover > a, .sf-menu li.sfHover li.sfHover span {  color: #fff; background:#ff7300;}
.sf-menu > li > ul > li > a.sf-with-ul:after  { position: absolute; display: block; content:"\f107"; right: -3px; text-align: center; margin-left: -10px;	top: 13px;-moz-transition: top 0.3s ease-out; -o-transition: top 0.3s ease-out; -webkit-transition: top 0.3s ease-out;overflow: hidden; display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 14px; color: #939393;}
.sf-menu > li > ul > li > a.sf-with-ul:hover:after  { color: #b8baaa;}
/*================================>> 3 Level <<========================================*/
.sf-menu li li ul { top: -7px; left: 160px; z-index:99; position: absolute;	text-align: left; padding-top: 9px;	padding-bottom: 6px; padding-left:10px;background: #50dbde; width: 120px;	-webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px;	-o-border-radius: 10px;	border-radius: 10px;}
.sf-menu li li ul:before { position: absolute; left: -8px; top: 8px; content: ""; border: 4px solid; border-color: transparent #50dbde transparent transparent;}
.sf-menu li li li {padding: 0 0;}
.sf-menu li li li a { display: block; color: #aefdff; line-height: 28px; line-height: 39px;}
.sf-menu li li li + li a { border-top: 1px solid #67e0e2;}
.sf-menu li li li a:hover {	color: #fff;}

.africamiddle-wraper.sticky{ background:#00000a;}
.middle-wraper.africamiddle-wraper.sticky .logo{ width:230px;}
.sticky { border-top: 0 none; left: 0; position: fixed; top: 0; transition: all 0.5s ease 0s; width: 100%; z-index: 1100; -webkit-box-shadow:2px 2px 6px rgba(0,0,0,.2); -moz-box-shadow:2px 2px 6px rgba(0,0,0,.2); box-shadow:2px 2px 6px rgba(0,0,0,.2); background:#00bfc8;}
.sticky{}
.middle-wraper.sticky .logo img.logo-white{ }
.middle-wraper.sticky{ opacity:1;}
.middle-wraper.sticky .logo { margin: 5px 0; width: 200px; transition:all 0.5s ease 0s;}
.middle-wraper.sticky .logo img.logo-white { }
.middle-wraper.sticky .nav-wraper{ margin-top:10px; margin-bottom: 10px;}
.middle-wraper.sticky .enquirybtn ul li a.themebtn{ padding: 10px 15px;}

.enquirybtn{ float: right; margin-top: 15px}
.enquirybtn ul{}
.enquirybtn ul li{ display: inline-block;}
.enquirybtn ul li a.themebtn { padding: 16px 15px; margin: 0 5px; font-size: 13px; font-weight: 500}
.enquirybtn ul li a.themebtn:hover{}


.banner-wraper{ position:relative; background: linear-gradient(150deg, #00C4CC 0%, #0A1A44 100%); padding: 70px 0 120px;}
.banner-wraper:before{ /*animation: 1s linear 1s normal none infinite running FocuS; background-image: url(../images/banner-shape.png); background-position: 50% center; background-repeat: no-repeat; background-size: cover; content: ""; height: 100%; left: 0; position: absolute; top: 0;	width: 100%; z-index: 10;*/}
.banner-block{ position:relative;  z-index: 16;}
.banner-block img{ max-width:100%;}
@-webkit-keyframes FocuS{0%{opacity:0}80%{opacity:1}to{opacity:0}} 
 @keyframes FocuS{0%{opacity:0}80%{opacity:1}to{opacity:0}}
.banner-1:first-child{ float: right;  }
.banner-1{ float: left; width: 50%; position: relative; z-index:16}
.banner-1-inner{ padding: 0 15px; text-align: left;}
.banner-1-img{ margin-top: 20px;}
.banner-1-img img{ max-width: 100%;}
.banner-1-info{ padding-top: 50px;}
.banner-1-info h1 { font-size: 85px; font-weight: 900; line-height: 80px; color: #FF3131; text-shadow: 1px 1px 2px black; transform: scale(1, 1.3);	margin: 20px 0 30px; font-family: "Bernoru-BlackUltraExpanded", sans-serif; }
.banner-1-info h1 span{ display:block}
.banner-1-info h4 { font-size: 29px; font-weight: 600; line-height: 40px; color: #000}
.banner-1-info h5{ font-size: 24px; font-weight: 800; line-height: 25px; color: #000}
.homebtn{ margin-top: 60px;}
.homebtn a.themebtn{}
.banner-address { margin-top: 30px; padding: 0 15px; position: relative; z-index: 20;}
.banner-address p{text-align: left; font-size: 23px; font-weight: 600; color: #000;}
.banner-address p span{}

.shape7 { position: absolute; z-index: 20; bottom: 0;}
.shape7 img{ max-width:100%;}

#particles-js { position: absolute; top: 0; width: 100%; height: 100%; opacity: .5; z-index: 15;}

.pagebtn { }
.themebtn { font-size: 60px; color: #fff; padding: 16px 60px; line-height: 42px; transition: all .5s; position: relative; cursor: pointer;	text-align: center; overflow: hidden; z-index: 1; background-color: #00bfc8; display: inline-block; text-transform: uppercase; font-weight: 500; letter-spacing: -3px; border-radius: 50px;}
.themebtn i{position:relative;top:1px;margin-right:5px}
.themebtn:before{top:0;left:0}
.themebtn:after,.themebtn:before{content:"";position:absolute;width:0;height:100%;background-color:#0a1f48;z-index:-1;transition:all .5s}
.themebtn:after{bottom:0;right:0}
.themebtn.active{margin-left:10px;color:#00bfc8;background-color:#fff}
.themebtn:hover{color:#fff; text-decoration:none;}
.themebtn:hover:before{left:auto;right:0;width:50%}
.themebtn:hover:after{left:0;right:0;width:50%}

.section-title{ text-align:center; margin-bottom:30px; position:relative; z-index: 5; padding: 0 15px;}
.section-title h2 { font-size: 80px; color: #000; font-weight: 500; text-align: left; line-height: 80px; margin-bottom: 0; position: relative;	letter-spacing: -6px; text-transform:uppercase;}
.section-title h2 span{ font-weight: 700;}
.section-title h3 { color: #cc2b5e; font-size: 18px; font-weight: 700; letter-spacing: 0; line-height: 26px; margin-bottom: 5px; position: relative; text-transform: uppercase; }
.section-title h4 { position: relative; font-size: 50px; font-weight: 300; margin: 15px 0; text-align: left;line-height: 50px; letter-spacing: -2px;}
.section-title h4 span{ display:block}
.section-title.white h2{ color:#fff;}
.section-title.white h3{ color:#fff;}
.section-title.white p{ color:#fff}
.section-title p { text-align: center; font-size: 16px; font-weight: normal; color: #000; max-width: 800px; margin: 0 auto;}



.about-wraper{ position:relative; background:#00C4CC; padding: 50px 0 100px;}
.about-block{ position:relative; z-index: 1;}
.about-title{}
.about-title-inner{ padding: 0 0;}
.about-title-info{ position: relative;}
.about-title-info h2 { font-size: 70px; text-align: left; line-height: 73px; margin-bottom: 10px; text-transform: none; position: relative;	padding-bottom: 20px; font-weight: 600; letter-spacing: -2px; transform: scale(1, 1.1);}
.about-title-info h2 span{ text-transform:uppercase; display: block;}
.about-title-info h3{ font-size: 24px;}
.about-title-img { max-width: 225px; position: absolute; top: -46px; left: 50%;}
.about-title-img img{ max-width: 100% }
.about-1:last-child .about-1-inner{ }
.about-1{ width:100%; float:left;}
.about-1-inner{ margin: 0 15px; text-align: center; position: relative;}
.about-1-inner p { text-align: left; color: #0a1a44; font-weight: 600; font-size: 16px; line-height: 25px;}
.about-1-inner p.paragraph { font-size: 20px; line-height: 30px;}
.about-1-info { margin-top: 25px; max-width: 1100px; text-align: justify; margin: 25px auto 0;}

.shapebottom { position: absolute; width: 100%; height: 110px; right: 0; left: 0px; top: 0; background: #071332; transform: skewY(-3deg);	transform-origin: 0; z-index: 2;}


.vendor-wraper .section-title{ background: #071332; padding:50px 70px 50px; margin: 0;}
.vendor-wraper{ position: relative; padding: 0; background: #071332;}
.vendor-block{ position: relative;}
.vendor-1{ float: left; width: 33.33%;}
.vendor-1-inner { text-align: center; transition: all 0.5s ease 0s; padding: 22px 60px; min-height: 270px; max-height: 350px; overflow: hidden;}
.vendor-1-img{ max-width: 220px; margin: 0 auto;}
.vendor-1-box{ background: #fff; border-radius: 10px; margin: 15px 0; display:inline-block; width: 100%;}
.vendor-1-box a{ display: inline-block; width: 100%;}
.vendor-1-box a:hover{ text-decoration: none;}
.vendor-1-img img{ max-width: 100%;}
.vendor-1-img i{ font-size:50px; color: #1d6dff;}
.vendor-1-info{}
.vendor-1-info h4 { font-family: 'Arimo', sans-serif; margin-top: 0; font-size: 22px; text-transform: uppercase; color: #00bfc8; margin-bottom: 10px;line-height: 32px;}

.vendor-1-info a.themebtn { font-size: 32px; letter-spacing: 0; padding: 30px 0; width: 100%; margin: 0; background: #e9edf1;}
.vendor-1-info a.themebtn:first-child{ margin-bottom:10px;}

.vendor-1-info a.themebtn:hover{ transform:scale(1.1);}

.vendor-1:nth-child(1) .vendor-1-inner{ background: #0a1a44;}
.vendor-1:nth-child(3) .vendor-1-inner{ background: #0a1a44;}
.vendor-1:nth-child(5) .vendor-1-inner{ background: #0a1a44;}

.token-wraper{ position: relative; padding: 60px 0; background: url("../images/bg.jpg") fixed center center; background-size: cover;}
.token-wraper:before{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; content: ""; background: #0A1A44 ; opacity: .9;}
.token-block{ position: relative;}
.token-1:first-child .token-1-inner{padding-right:70px;}
.token-1{ float: left; width: 50%;}
.token-1-inner{ padding: 0 15px;}
.token-1-info{ }
.token-1-info ul{}
.token-1-info ul li{ text-align: left; position: relative; padding: 10px 0 10px 35px; color: #fff; font-size: 16px; line-height: 25px; font-weight: 600; white-space: pre; white-space: pre-wrap; word-wrap: break-word;}
.token-1-info ul li:before{ position: absolute; left: 0; top: 10px; color: #fff; content: "\f046"; font-family: 'FontAwesome';}
.token-1-img{ padding: 25px; background: rgba( 255, 255, 255, 0.25 ); backdrop-filter: blur( 30px ); position: relative; z-index: 5; border: 2px solid #00bfc8; border-radius: 5px;}
.token-1-img img{ max-width:100%;}

.about-1-icon img.abtimg1 { z-index: 1; width: 200px; position: absolute; top: 27%; bottom: 0%; left: -11%; right: auto;}
.about-1-icon img.abtimg2 { z-index: 2; width: 250px; position: absolute; top: 45%; bottom: auto; left: auto; right: 6%;}


.roadmap-wraper .section-title h2{ font-weight:500;}

.roadmap-wraper{position: relative; padding: 60px 0; background: url("../images/bg1.jpg") fixed center center; background-size: cover;}
.roadmap-wraper:before{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; content: ""; background: linear-gradient(150deg, #00bfc8 0%, #0a1f48 100%); opacity: .9;}
.roadmap-block{}
.roadmap-1:first-child{ float:right;}
.roadmap-1:first-child .roadmap-1-inner{ padding-left:70px;}
.roadmap-1{ float: left; width: 50%;}
.roadmap-1-inner{ padding: 0 15px;}
.roadmap-1-info{}
.roadmap-1-info ul{}
.roadmap-1-info ul li{ text-align: left; position: relative; padding: 10px 0 10px 35px; color: #fff; font-size: 17px; line-height: 25px; font-weight: 600;}
.roadmap-1-info ul li:before{ position: absolute; left: 0; top: 7px; color: #fff; content: "\f046"; font-family: 'FontAwesome';}
.roadmap-1-icon img.abtimg1 { z-index: 1; width: 200px; position: absolute; top: 27%; bottom: 0%; left: 5%; right: auto;}
.roadmap-1-icon img.abtimg2 { z-index: 2; width: 250px; position: absolute; top: 45%; bottom: auto; left: auto; right: -5%;}

.whitepaper-wraper .section-title h2{ font-weight:500;}

.whitepaper-wraper{ position: relative; padding: 60px 0; background: url("../images/funfact_bg.png") repeat;}
.whitepaper-block{}
.whitepaper-1{ float: left; width: 50%;}
.whitepaper-1-inner { padding: 15px; margin: 15px; border: 2px solid #00C4CC; position: relative;	min-height: 280px; background: rgba(255, 255, 255, .8);}
.whitepaper-1-info{}
.whitepaper-1-info ul{}
.whitepaper-1-info ul li { text-align: left; position: relative; padding: 5px 0 5px 20px; color: #0a1a44; font-size: 16px; line-height: 25px;	font-weight: 600; list-style: none;}
.whitepaper-1-info ul li:before{ position: absolute; left: 0; top: 5px; color: #000; content: ":"; font-family: 'FontAwesome';}

.whitepaper-1-info table{}
.whitepaper-1-info td{ vertical-align: top; color: #0a1a44;}
.whitepaper-1-info td:first-child{ font-size: 21px; line-height: 30px; font-weight: 600; padding: 10px; width: 11%;}

.whitepaper-span { position: absolute; top: -20px; background: #00C4CC; color: #fff; border-radius: 20px; padding: 1px 20px; font-weight: 600;}
.whitepaper-spaninfo{}


.sponsors-wraper{ padding: 70px 0 70px; position: relative; background: #00C4CC; margin-top:0;}
.sponsors-wraper:before{ }
.sponsors-wraper:before { }
.sponsors-block{ position:relative;}
.sponsors-row { text-align:left; margin:25px 0;}
.sponsors-1{ display:inline-block;}
.sponsors-1-inner{ }
.sponsors-title{}
.sponsors-title h3 { color: #fff; font-size: 18px; font-weight: 600; text-align: center; text-transform:capitalize; margin-bottom: 15px;}
.sponsors-1-img { box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1); display: inline-block; margin: 0 10px; max-width: 270px;background: #f7f7f7;}
.sponsors-1-img img{ max-width:100%;}


.formtable { border-collapse: collapse; margin: 0 10px 20px; padding: 0 10px; width: 98.3%;}
.formtable td{ border: 1px solid #5f6879; color: #a3a3a3; padding:10px; width:50%}
.formBlock { float: left; margin-bottom: 18px; padding: 0 10px; width: 50%;}
.formBlock .txtbox { background: none; border: 1px solid #3f976c; border-radius: 3px; color: #000; font-weight: normal; height: 55px; letter-spacing: 1px; opacity: 1; padding: 0 15px; width: 100%;}
.formBlock select.txtbox{ color: #a3a3a3;}
.formBlockSub { float: left; margin-top: 20px; padding: 0 10px; width: 100%; text-align:left;}
.formBlockSub .submit { background: #0ca95c; border-radius: 3px; color: #fff; cursor: pointer; font-weight: bold; padding: 15px 45px; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); text-transform: capitalize; font-family: 'Jost', sans-serif;}
label.error{ color:#e14434; }

.formBlock .txtbox::-webkit-input-placeholder { color: #000;opacity: 1;}

.formBlock .txtbox:-moz-placeholder { color: #000; opacity: 1;}

.formBlock .txtbox::-moz-placeholder { color: #000; opacity: 1;}

.formBlock .txtbox:-ms-input-placeholder { opacity: 1;	color: #000;}



.footer-wraper{ padding:70px 0 0;  position:relative; background: #0A1A44;}

.footer-block{}
.footer-1{ float:left; width:100%;}
.footer-1-inner{ padding:0 15px;}
.footer-1-inner p{ font-weight:normal; text-align: center; max-width: 900px; margin: 0 auto 5px; color: #fff; font-size: 15px;}
.footer-1-info{}
.footer-title{ background: #071332; padding: 30px;}
.footer-title h3 { color: #57e4ff; font-size: 70px; font-weight: 300; letter-spacing: -2px; transform: scale(1, 1.1); line-height: 60px;}
.footer-social{ background: #57e4ff; padding: 30px; margin-bottom: 2px;}
.social-icon-one{ position:relative; }
.social-icon-one li:first-child { color: #000; font-size: 28px; font-weight: 400; display: inline-block; margin-left: 0; margin-right: 25px}
.social-icon-one li { display: inline-block; position: relative; margin: 0 15px;}
.social-icon-one li a{ }
.social-icon-one li a i{ margin:0;color: #000; }
.social-icon-one li a img{ max-width:50px; transition: all 0.5s ease 0s;}
.social-icon-one li a img:hover{ transform:scale(1.1);}
.footer-social1{ background: #fff; padding: 30px; margin-bottom: 2px;}

.footer-email{  background: #fff; padding: 30px; text-align: center;}
.footer-email h4{ color: #000; font-size: 28px; font-weight: 600; margin-bottom: 10px;}
.footer-email a{ color: #000; font-size: 22px; font-weight: 600;}
.footer-email a:hover{ color: #57e4ff; text-decoration: none; }

.footerlast-wraper{ padding:22px 0 35px; margin-top: 20px; position:relative; background: #142140; }

.copyright { float: left; font-size: 20px; text-align: right; width: 50%; font-weight: 500;}
.copyright a{ color:#fff; text-decoration: underline;}
.copyname{ float: left; font-size: 20px; text-align:center; width: 100%; color: #fff; font-weight: 500;}

a#backtop:before { color: #000; content: "\f106"; display: block; font-family: "FontAwesome"; font-size: 20px; margin-top: 20px; text-align: center;}
a#backtop {  background:#57e4ff; border-radius:50%; bottom: 15px; height: 45px; line-height: 5px; position: fixed; right: 15px; text-decoration: none; width: 45px; z-index: 9999; font-size: 20px; font-weight: 400; transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s;}
a#backtop:hover{ text-shadow: 0 3px 0 #000, 0 4px 2px #fff; -webkit-text-shadow: 0 3px 0 #000, 0 4px 2px #fff; background:#4e3224  ;}  

.socialbtnstick{ position:fixed; z-index:9999; right:15px; bottom:65px;}
.socialbtnstick a{ display:block; font-size:16px; border-radius:100%; color:#fff; width:45px; height:45px; line-height:45px; text-align:center; margin-top:5px;}
.socialbtnstick a.fb{ background:#354d8e;}
.socialbtnstick a.lin{ background:#347ed4;}
.socialbtnstick a.tw{ background:#00a3f6;}
.socialbtnstick a:hover{ text-decoration:none;}

.footerpic{ position:absolute; left:0; bottom:80px;}
.footerpic img{ max-width:100%;}


#callme-1, #callme-2, #callme-3 { position: fixed; right: 15px; z-index: 100; bottom: 100px;}
#callme-1 a, #callme-2 a, #callme-3 a { background: #337d17; border-radius: 100%; color: #fff; display: inline-block; font-size: 18px;	height: 45px; line-height: 45px; text-align: center; width: 45px;}
  
#menu-icon{ display:none;}  

@media screen and (min-width:1281px)
{
	.container, .site-content{ width:98%; margin:0 auto; max-width:1400px;}
	
}
/*##################################    for width 1024px  ########################################*/
@media screen and (max-width:1259px)  
{
	.container{ width:98%; margin:0 auto; max-width:1000px;}
	.vendor-1-inner{ padding:30px;}
	

	
	
	

}

/*##################################    for width 768px  ########################################*/

@media screen and (max-width:990px)
{
	.container{ width:98%; margin:0 auto; max-width:750px;}
	#menu-icon { border-radius: 5px; color: #fff; cursor: pointer; display: block; float: right; margin:0; width: 100%; position:relative;}
	#menu-icon i { font-size: 20px; color: #fff; padding: 10px; cursor: pointer;}
	#menu-icon span{ color:#fff; text-transform:uppercase; font-weight:bold;} 
	.menu-container-1 { left: 8px; position: absolute; top: 40px;width: 98%;}
	.sf-menu{ float:none; display:none;}
	.breadcrum .breadCrumTP .menu-menu-1-container{ position:static;}
	.sf-menu > li > a{ color:#5a5a5a;}
	.sf-menu > li > ul, .sf-menu > li.sfHover > ul{ box-shadow:none;}
	.nav__primary{ width:100%;}
	.sf-menu > li{ width:100%;}
	.sf-menu > li + li { margin-left: 0;}
	.sf-menu > li > a{ padding:12px 15px; width:96%; text-align:left;}
	.sf-menu > li > ul > li > a{ width:100%; padding:8px 0;}
	.sf-menu li ul.servItem li{ width:100%;}
	.sf-menu li ul.servItem{ width:100%!important;}
	.sticky{ position:static!important}
	.sf-menu > li > ul > li strong{ display:none;}
	.sf-menu > li > ul, .sf-menu > li.sfHover > ul{ width:100%;}
	.sf-menu > li > ul{ position:static;}
	.sf-menu > li > ul:before{ display:none;}
	.sf-menu > li:hover > a, .sf-menu > li.current > a, .sf-menu > li.sfHover > a, .sf-menu > li:hover > span, .sf-menu > li.current > span, .sf-menu > li.sfHover > span{ border:none;}
	.sf-menu > li > ul, .sf-menu > li.sfHover > ul{ border:none;}
	.sf-menu > li.sfHover ul{}
	.sf-menu li ul{ display:none; padding:5px 25px;}
	.sf-menu li strong { background: url(../images/toogle-button2.png) no-repeat right -54px; height: 35px; position: absolute; right: 25px; top: 4px; width: 150px; z-index:200; cursor:pointer;}
	
    .sf-menu li strong.opened { background-position: right 7px;}
    .sf-menu > li{ background:#f9f9f9;}  
	.sf-menu li ul { background: #e4e4e4; padding: 12px 28px; max-width: 100%;}
	.middle-wraper .nav-wraper{ width:100%; margin: 0;}
	
	.banner-1{ width:100%;}
	.banner-1-info { padding-top: 50px; text-align: center;}
	.banner-wraper{ padding:30px 0 40px;}
	.banner-address p{ text-align:center;}
	.about-title-info h2{ font-size:55px; line-height: 55px;}
	.about-title-img { max-width: 180px; position: absolute; top: -40px; left: 60%;}
	.section-title h2{ font-size:55px; line-height: 60px; letter-spacing: 0;}
	.vendor-wraper .section-title { padding: 30px 15px 10px;margin: 0;}
	.vendor-1-info a.themebtn { font-size: 20px; padding: 10px 0;}
	.vendor-1-inner{ min-height:100%;}
	.whitepaper-1-info td:first-child{ width:16%;}
	.footer-1{ width:100%;}
	.about-1, .token-block, .roadmap-block{ transform:translateX(0px)!important}
	.token-1, .roadmap-1{ width:100%;}
	.roadmap-1:first-child .roadmap-1-inner { padding-left: 15px; margin-bottom: 30px;}
	.token-1:first-child .token-1-inner { padding-right: 15px; margin-bottom: 30px;}
	.whitepaper-1{ width:100%; transform:translateX(0px)!important}
	.whitepaper-1-inner{ min-height:100%;}
	.footer-social{ padding:15px;}
	.footer-title{ padding:15px;}
	
	
	
	
	
	
}

/*##################################    for width 600px  ########################################*/

@media screen and (max-width:767px)
{
	.container{ width:98%; margin:0 auto; max-width:600px;}
	.banner-1-info h1{ font-size:60px; line-height: 60px;}
	.homebtn{ margin-top:35px;}
	.themebtn{ font-size:35px; letter-spacing: 0; padding: 8px 40px;}
	.banner-address p{ font-size:13px; color:#fff;}
	.about-title-info h2 { font-size: 35px; line-height: 40px;}
	.about-title-img { max-width: 180px; position: relative; top: 0; left: 0;margin: 0 auto;}
	.about-title-info h2 {text-align: center; margin: 0;}
	.about-title-info h3{ text-align:center; margin-bottom: 20px;}
	.section-title h2 { font-size: 32px; line-height: 40px; letter-spacing: -1px; font-weight: 500;}
	.vendor-1{ width:100%;}
	.token-1-info ul li { padding: 5px 0 5px 25px; color: #fff;	font-size: 14px;line-height: 25px;font-weight: 600;}
	.token-wraper{ padding:40px 0;}
	
	.roadmap-1-info ul li{ font-size: 15px;line-height: 25px;font-weight: 600;  padding: 5px 0 5px 25px;}
	.section-title h4{ font-size:30px; line-height: 35px;}
	.whitepaper-1-info table { overflow: hidden; max-width: 100% !important; display: block;}
	.whitepaper-1-info td{ display:block; width: 100%;}
	.whitepaper-1-info td:first-child{ width:100%;}
	.whitepaper-1-info ul li { text-align: left; position: relative; padding: 5px 0 5px 20px; color: #0a1a44; font-size: 15px; line-height: 25px;	font-weight: 600; list-style: none; width: 98%;display: inline-block;}
	.footer-title h3 { font-size: 38px; line-height: 48px; font-weight: 500;}
	.social-icon-one li{ margin:0 2px;}
	.social-icon-one li:first-child{ margin-right:5px; font-size: 22px;}
	.social-icon-one li a img{ max-width:25px;}	
	.social-icon-one{ text-align:left;}
	.footer-email h4{ font-size: 17px;}
	.footer-email a { font-size: 15px; }
	.copyname{ font-size:15px; line-height: 20px;}
	.footer-social1{ padding:15px;}
	.footer-email{ padding:15px;}
	.sponsors-wraper{ padding:60px 0 40px;}
	
}

/*##################################    for width 480px  ########################################*/

@media screen and (max-width:580px)
{
	.container{ width:98%; margin:0 auto; max-width:440px;}
	.sponsors-1-img{ max-width:100%; margin:10px;}
	.sponsors-1{ width:100%;}
	
	
}

/*##################################    for width 320px  ########################################*/

@media screen and (max-width:479px)
{
	.container{ width:98%; margin:0 auto;}
	
	

}