/*=========================================================
Author       : Sacred Themes.
Template Name: Coinpool - ICO, Cryptocurrency Pre-Launch Responsive HTML Template For Landing Page
Version      : 1.1.9
==============================================================*/
/*=============================================================
    CSS INDEX
    =============================
    01. GENERAL STYLE (body, link color, section-title, overlay, section-padding etc)
    02. HEADER DESIGN
	03. BANNER SECTION
	04. CLIENT SECTION
	05. ABOUT SECTION
	06. MISSION SECTION
	07. BENEFIT SECTION
	08. TOKEN SECTION
	09. TIMELINE SECTION
	10. TEAM SECTION
	11. BLOG SECTION
	12. FAQ SECTION
	13. FOOTER PAGE
*=============================================================*/
  
/*===================================*
01. GENERAL STYLE
*===================================*/
:root {
	--primary-color: #4444C2;
	--hover-color: #5151ce;
}
body {
	font-family: 'PT Sans', sans-serif;
	font-size: 15px;
	color: #616161;
	line-height: 28px;
}
a {
	color: var(--primary-color);
	-webkit-transition: all 500ms;
	transition: all 500ms
}
a:hover, a:focus {
	color: var(--hover-color);
	text-decoration: none;
	outline:0; 
}
h1,
h2,
h3,
h4 {
	font-family: 'Poppins', sans-serif;
}
h1 {
	font-weight: 700;
	font-size: 52px;
}
h3 {
	font-weight: 700;
	font-size: 36px;
}
img {
	max-width: 100%;
}
.wrapper {
	overflow: hidden;
}
input[type="text"], input[type="password"], input[type="color"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="email"], input[type="number"], input[type="range"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], input[type="month"], input[type="week"], textarea, select{
	width: 100%;
	background-color: #ffffff;
	font-size: 15px;
	line-height:40px;
	height:46px;
	max-width: 100%;
	vertical-align: middle; 
	padding:2px 15px;
	border:1px solid #ebebeb;
	border-radius:4px;
	transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
input[type="text"]:focus, input[type="password"]:focus, input[type="color"]:focus, input[type="date"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="email"]:focus, input[type="number"]:focus, input[type="range"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="time"]:focus, input[type="url"]:focus, input[type="month"]:focus, input[type="week"]:focus, textarea:focus {
    color: #495057;
    border-color: #80bdff;
    outline: 0;
    box-shadow: 0px 0px 5px 1px rgba(0,123,255,.25);
    -webkit-box-shadow: 0px 0px 5px 1px rgba(0,123,255,.25);
}
textarea{
	height:150px;
	border:1px solid #ebebeb;
}
textarea.form-control{
	border:1px solid #ebebeb;	
}
.p-tb{
	padding-top: 90px;
	padding-bottom: 90px;
}
.p-t{
	padding-top: 90px;
}
.p-b{
	padding-bottom: 90px;
}
.lead, p.lead{
	font-size: 18px;
	font-weight: 300;
	line-height: 1.6;
}
.btn {
	color: #fff !important;
	padding: 10px 20px;
	background: var(--primary-color);
	-webkit-border-radius: 4px;
	border-radius: 4px;
	font-weight: 700;
	text-transform: uppercase;
}
.btn:hover {
	background: var(--hover-color);
	color: #e7dada
}
.btn2 {
	border: 1px solid var(--primary-color);
	background: transparent;
	color: #fff;
}
.btn2:hover {
	background: var(--primary-color);
	color: #fff;
}
.btn3 {
	border: 1px solid #ffffff;
	background:#ffffff;
	color: #1d1d1d;
}
.btn3:hover {
	background: #dddddd;
	color: #1d1d1d;
	border: 1px solid #dddddd;
}
.btn4 {
	border: 1px solid #000000;
	background:#000000;
	color: #ffffff;
}
.btn4:hover {
	background: var(--primary-color);
	color: #ffffff;
	border: 1px solid var(--hover-color);
}
.empty-15{
	display:table;
	margin:auto;
	clear:both;
	height:30px; 
}
.empty-30{
	display:table;
	margin:auto;
	clear:both;
	height:30px; 
}
.empty-45{
	display:table;
	margin:auto;
	clear:both;
	height:45px; 
}
.sec-title:after {
	min-height: 5px;
	content: "";
	display: block;
	margin: 30px 0;
	background: url(images/line1.png) no-repeat 0 0;
}
.sec-title.text-center:after {
	min-height: 6px;
	content: "";
	display: block;
	margin: 30px 0;
	background: url(images/line2.png) no-repeat 0 0;
}
.sec-title.text-center:after {
	background-position: center;
	margin: 25px auto;
}
.sub-txt {
	max-width: 740px;
	margin: 0 auto;
	font-size: 18px;
	margin-bottom: 40px;
}
.sec-title {
	margin-bottom: 0;
	color: #1d1d1d;
	display: table;
	width: 100%;
}
.sec-title h1 + h3{
	font-weight:normal; 
}
.white-sec .sec-title, .white-sec .section-heading {
	color: #fff;
}
.white-sec .sub-txt {
	color: #bbb;
}
.carbon-layout .white-sec .sub-txt{
	color: #ffffff;
	font-size:inherit;
}	
.owl-carousel .owl-dots {
	display: block;
	margin-top: 40px;
	text-align: center;
}
.owl-carousel .owl-dots button {
	height: 8px;
	width: 8px;
	margin: 0 3px;
	outline: 0;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	background: #fbbd18;
}
.owl-carousel .owl-dots button.active {
	width: 30px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}
.owl-carousel .owl-nav{
	margin:15px 0px; 
}
.owl-carousel .owl-nav button{
	border:2px solid #a5a5a5 !important;;
	background:none;
	padding:5px;
	width:32px !important;
	height:32px !important;
	line-height:28px;
	font-size:18px;
	margin-right:10px;  
	outline: 0;    
}
.owl-carousel .owl-nav button span{
	font-size: 30px;
	line-height: 24px;
	outline:0; 
}
.white-bg{
	background:#ffffff !important; 
}
.accent-color{
	color:#fbbd18 !important;
}
blockquote{
	padding:30px 30px 30px 30px; 
	border-left:3px solid  #fbbd18;
	font-size:24px;
	background:#f5f5f5;
	line-height:1.4;
	position: relative; 
	overflow:hidden; 
}
blockquote::before {
    content: '”';
    position: absolute;
    bottom: -45px;
    right: 45px;
    font-size: 194px;
    line-height: 0;
    font-weight: 700;
    color:#ebebeb; 
    font-family: poppins;
}
@media (min-width: 1200px) {
	.container {
		max-width: 1200px;
	}
}
.black-bg{
	background-color:#000000; 
}
.dark-gray-bg{
	background-color:#0f0f0f; 
}
.dark-gray-bg-tone-2{
	background-color:#333333; 
}
.white-bg{
	background-color:#ffffff; 
}
.light-gray-bg{
	background-color:#f2f2f2; 
}
ol, ul, dl{
	padding:0px 0px 0px 15px;
}
.mobile-visible{
	display:none; 
}
/*===================================*
02. HEADER DESIGN
*===================================*/
header {
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 1;
	padding-top: 34px;
	padding-bottom: 10px;
	transition: all 300ms;
	z-index: 1000000;
}
header.light {
	position: relative;
	top: 0;
	width: 100%;
	z-index: 1;
	padding-top:15px;
	padding-bottom:15px;
	transition: all 300ms;
	z-index: 1000000;
}
.logo .dark {
	display: none;
}
header.fixed .logo img, header.light .logo img {
	display: none
}
header.fixed .logo .dark, header.light .logo .dark {
	display: block;
}
.menu-icon{display: none}
nav {
	margin-top: 8px;
	text-align: right;
}
nav ul {
	margin: 0;
	padding: 0;
}
nav ul li {
	list-style: none;
	display: inline-block;
	margin-left: 35px;
}
nav ul li:first-child {
	margin-left: 0;
}
nav ul li a {
	color: #fff;
	font-weight: 700;
	font-size: 16px;
	text-transform: uppercase;
	padding: 10px 0;
	display: block;
}
nav ul li a:hover,
nav ul li.active a {
	color: #f6aa35;
	text-decoration: none
}
nav ul li.nav-btn a {
	color: #1d1d1d;
	padding: 10px 32px;
	background: #fbbd18;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}
nav ul li.nav-btn a:hover {
	background: #f0931e;
	color: #1d1d1d
}
header.fixed {
	position: fixed;
	padding-top: 8px;
	background: #fff;
	box-shadow: 0 0 15px rgba(0, 0, 0, 0.15);
}
.fixed nav ul li a, .light nav ul li a {
	color: #1d1d1d;
}
.fixed nav ul li a:hover,
.fixed nav ul li.active a,
.light nav ul li a:hover,
.light nav ul li.active a {
	color: #f6aa35;
}
.fixed nav ul li.nav-btn a:hover, .light nav ul li.nav-btn a:hover {
	color: #1d1d1d
}