/*
Author       : themes_master
Template Name: Crptiam - Cryptocurrency ICO Landing Page HTML Template 
Version      : 1.0
*/
/*=============================================================
    CSS INDEX
    =============================
    01. GENERAL STYLE (body, link color, section-title, preloader btn, overlay, section-padding etc)
    02. START BOOTSTRAP NAVIGATION OVERRIDES
    03. START HOME DESIGN
    04. START ABOUT DESIGN
    05. START BUY SELL DESIGN
    06. START TOKEN SALE DESIGN
    07. START ROADMAP DESIGN
    08. START DOWNLOAD DESIGN
    09. START TEAM DESIGN
    10. START ADVISOR DESIGN
    11. START PARTNER DESIGN
    12. START FAQ DESIGN
    13. START PROMOTION DESIGN
    14. START CONTACT DESIGN
    15. START BLOG DESIGN
    16. START FOOTER DESIGN
    17. START SECTION TOP DESIGN
  =============================================================*/
/*
* ----------------------------------------------------------------------------------------
* 01.GENERAL STYLE
* ----------------------------------------------------------------------------------------
*/
body {
color: #444;
font-family: 'Roboto Condensed', serif;
font-size: 16px;
font-weight: 300;
line-height: 26px;
background:#fff;
overflow-x:hidden;
font-display: swap;
}
html,
body { height: 100%;position:relative;  }
h1,
h2,
h3,
h4,
h5,
h6 {
  letter-spacing: 0px;
  margin-top: 0px; 
  font-family: 'Roboto Condensed', serif;
  color: #1d1e20;
  font-weight: 400;
  position: relative;
}
a {
font-family: 'Roboto Condensed', serif;
text-decoration: none;
-webkit-transition: all 0.2s ease 0s;
transition: all 0.2s ease 0s;
}
a:hover {
    color: #fff;
    text-decoration: none;
}
a:focus {
    outline: none;
    text-decoration: none;
}
p {
    margin-bottom: 0;
	position: relative;
}
ul,
li {
    margin: 0;
    padding: 0;
}
fieldset {
    border: 0 none;
    margin: 0 auto;
    padding: 0;
}
/*START PRELOADER DESIGN*/
.preloader {
	background:#fff;
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 99999;	
}
.spinner {
	width: 50px;
	height: 50px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -25px 0 0 -25px;
	font-size: 10px;
	text-indent: -12345px;
	z-index: 10000;
}

.double-bounce1, .double-bounce2 {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background:#1652f0;
  opacity: 0.6;
  position: absolute;
  top: 0;
  left: 0;
  
  -webkit-animation: sk-bounce 2.0s infinite ease-in-out;
  animation: sk-bounce 2.0s infinite ease-in-out;
}

.double-bounce2 {
  -webkit-animation-delay: -1.0s;
  animation-delay: -1.0s;
}

@-webkit-keyframes sk-bounce {
  0%, 100% { -webkit-transform: scale(0.0) }
  50% { -webkit-transform: scale(1.0) }
}

@keyframes sk-bounce {
  0%, 100% { 
    transform: scale(0.0);
    -webkit-transform: scale(0.0);
  } 50% { 
    transform: scale(1.0);
    -webkit-transform: scale(1.0);
  }
}
.status-mes h4 {
color: #f7f7f7;
position:relative;
font-size:24px;
margin-top: 30px;
text-transform: capitalize;
letter-spacing: 1px;
}
.no-padding { padding: 0 }
/*END PRELOADER DESIGN*/
.section-padding {padding:80px 0;}
/*START SECTION TITLE DESIGN*/
.section-title{margin-bottom:60px;}
.section-title h1 {
	font-size: 38px;
	font-weight: 700;
	margin-top: 0;
	position: relative;
	text-transform: capitalize;
}
h1.section-title-white{
color:#fff;
font-size: 40px;
line-height: 70px;
font-weight:600;
margin-top: 0;
position: relative;
}
p.section-title-white{color:#fff;}
@media only screen and (max-width:768px) { 
.section-title  h1  {font-size:40px;}
}
@media only screen and (max-width:480px) { 
.section-title  h1  {font-size:30px;}
}
.section-title span{
background: #f5325c none repeat scroll 0 0;
display: block;
height: 2px;
margin: 10px auto;
width: 100px;
}

.section-title-white{color:#fff;position:relative;}
.section-title  p{
padding: 0 10px;
width: 60%;
margin: auto;	
}
@media only screen and (max-width:480px) { 
.section-title  p{
padding: 0 10px;
width: 90%;
margin: auto;	
}
}
/*END SECTION TITLE DESIGN*/
/*START SCROLL TO TOP*/
.topcontrol {
background: #1652f0 none repeat scroll 0 0;
border-radius: 30px;
bottom: 5px;
box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.2);
color: #fff;
cursor: pointer;
font-size: 22px;
height: 50px;
line-height: 47px;
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
position: fixed;
right: 5px;
text-align: center;
-webkit-transition: all 0.2s ease 0s;
transition: all 0.2s ease 0s;
width: 50px;
}
@media only screen and (max-width:768px) { 
.topcontrol {display:none;}
}
.topcontrol:hover {
    background: #222;
    color: #fff;
}
/*END SCROLL TO TOP*/

/*START BUTTON DESING*/
.btn_one {
	background:#1652f0;
	padding: 12px 40px;
	border: 2px solid #f41237;
	color: #fff;
	border-radius:30px;
	font-size: 20px;
	display: inline-block;
	font-weight: 500;
	position:relative;
	text-transform: capitalize;
	transition: 0.3s;
	margin:10px 0;
}

.btn_one:hover, .btn_one:focus{
background:#F0FBFF;
color:#1d1e20;
border:2px solid #f41237;
}
.btn_two {
	background: none;
	padding: 12px 40px;
	border: 2px solid rgba(255,255,255,0.6);
	color: #fff;
	border-radius: 30px;
	position: relative;
	display: inline-block;
	font-weight: 500;
	font-size: 15px;
	text-transform: capitalize;
	transition: 0.3s;
}
.btn_two:hover, .btn_two:focus{
background:#fff;
color:#1d1e20;
border:2px solid #fff;
}
.btn_three {
	background: #fff;
	padding: 10px 36px;
	border: 2px solid #fff;
	color: #1d1e20;
	border-radius:30px;
	position:relative;
	display: inline-block;
	font-weight: 500;
	font-size: 15px;
	text-transform: capitalize;
	transition: 0.3s;
}
.btn_three:hover, .btn_three:focus{
background:none;
color:#fff;
border:2px solid #fff;
}
/*END BUTTON DESING*/
/*
* ----------------------------------------------------------------------------------------
* 01.END GENERAL STYLE
* ----------------------------------------------------------------------------------------
*/

/*
* ----------------------------------------------------------------------------------------
* 02.START BOOTSTRAP NAVIGATION OVERRIDES
* ----------------------------------------------------------------------------------------
*/
.navbar-brand img{
	width: 298px;
	height: auto;
}

.navbar-custom {
    background-color: #00000000;
    /* padding: 10px 0; */
	padding: 0;
    width: 100%;
    border-radius: 0px;
    z-index: 999;
    margin-bottom: 0px;
	border-bottom:0px;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.navbar-custom .navbar-toggler {
    color: #fff;
    font-size: 30px;
    padding: 0px;
}
.navbar-custom .navbar-brand {
    color: #fff !important;
    text-transform: uppercase;
    font-weight: 500;
    letter-spacing: 1.5px;
}
.navbar-custom .navbar-nav li a {
    color: #fff !important;
    font-size: 16px;
    background-color: transparent !important;
    margin: 0 5px;
    letter-spacing: 0.5px;
    line-height: 24px;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    text-transform: capitalize;
    font-weight: 500;
}
.navbar-custom .navbar-nav li a:hover,
.navbar-custom .navbar-nav li a:active,
.navbar-custom .navbar-nav li a.active {
    color: #fff !important;
}
.navbar-custom .navbar-nav .nav-item:last-child .nav-link {
    margin-right: 0;
    padding-right: 0;
}
.navbar-custom.nav-sticky {
    background-color: #1652f0 !important;
    /* padding: 10px 0px; */
    border-bottom: none;
	box-shadow: 0 10px 40px -10px rgba(0,64,128,.2);
}

@media (max-width: 1023px) {
    .navbar-custom .nav-social {
        display: none;
    }
}
@media (max-height: 480px) {
    .navbar-nav {
        max-height: 200px;
        overflow-y: auto;
    }
}
@media (min-width: 200px) and (max-width: 768px) {
.navbar-custom {
	background-color: #1652f0;
	padding: 5px 0px !important;
}
}
.mdi-menu::before {
	content: "\F035C";
}
.mdi::before, .mdi-set {
	display: inline-block;
	font: normal normal normal 24px/1 "Material Design Icons";
	font-size: inherit;
	text-rendering: auto;
	line-height: inherit;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
/*
* ----------------------------------------------------------------------------------------
* 02.END BOOTSTRAP NAVIGATION OVERRIDES
* ----------------------------------------------------------------------------------------
*/

/*
* ----------------------------------------------------------------------------------------
* 03.START HOME DESIGN
* ----------------------------------------------------------------------------------------
*/
.home_bg {
	position: relative;
    padding-bottom: 100px;
    background-image: url('../../image/promo-banner.webp');  background-size:cover; background-position: center center;
}
.home_bg::before {
	/* background:rgb(126 126 126 / 48%); */
	/*background:rgb(15 15 15 / 10%);*/
	background:rgb(33 37 41 / 70%);
	bottom: 0;
	content: "";
	height: 100%;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	width: 100%;
}
.hero-text h2 {
	color: #fff;
	font-size: 60px;
	font-weight: 700;
	line-height: 88px;
	padding-top: 200px;
	margin-bottom: 20px;
}
@media only screen and (max-width:768px) { 
.hero-text h2 {font-size:42px;line-height:52px; padding-top:100px;}
}
@media only screen and (max-width:480px) { 
.hero-text h2 {font-size:32px;}
}
.hero-text p {
	margin-top: 20px;
	color:#fff;
}
.home_btn{margin-top:40px;}
.home_btn a {
	margin-right: 10px;
}
.home_btn a i{}
.hero-text-img{padding-top:150px;position: relative;}
@media only screen and (max-width:768px) { 
.hero-text-img{padding-top:50px;}
}
#particles-js {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
}
/*
* ----------------------------------------------------------------------------------------
* 03.END HOME DESIGN
* ----------------------------------------------------------------------------------------
*/


/*
* ----------------------------------------------------------------------------------------
* 04.START ABOUT DESIGN
* ----------------------------------------------------------------------------------------
*/

.about_us {
	padding-bottom: 50px;
}
.single_about {
	padding: 0 10px;
	margin-bottom: 30px;
	border-radius: 5px;
	position: relative;
	-webkit-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}
.single_about img{
float: left;
width: 60px;
margin-right: 20px;
margin-bottom: 20px;
}
.single_about h3 {
	font-size: 20px;
	font-weight: 600;
	margin-bottom:15px;
	overflow: hidden;
}
.single_about p{overflow: hidden;}
.about-img{text-align: center;}
.about-img img{margin-bottom:0px;}
.about-text{}
.about-text h2 {
	margin-bottom: 30px;
	font-size: 60px;
	font-weight: 500;
}
@media only screen and (max-width:480px) { 
.about-text h2 {font-size: 40px;}
}
.about-text p{margin-bottom:20px}
.about-bold {
	font-weight: 600;
	font-size: 20px;
	line-height: 30px;
}
.about_btn {margin-top: 30px;}
/*
* ----------------------------------------------------------------------------------------
* 04.END ABOUT DESIGN
* ----------------------------------------------------------------------------------------
*/

/*
* ----------------------------------------------------------------------------------------
* 05.START BUY SELL DESIGN
* ----------------------------------------------------------------------------------------
*/
.buy_sell_area {
	padding-bottom: 50px;
}
.buy_sell_list {
	margin-bottom: 30px;
	background: #fff;
	padding: 30px;
	border-radius: 2px;
	box-shadow: 0 10px 40px -10px rgba(0,64,128,.2);
	border-radius: 3px;
}
.buy_sell_list h4{
font-weight: 600;
font-size: 20px;
}
.buy_sell_list img{
	float: left;
	margin-right: 20px;
	width: 60px;
	margin-bottom: 20px;
}
.buy_sell_list p{overflow: hidden;}
@media only screen and (max-width:768px) { 
.portfolio_list_img {
margin-top:40px;
margin-bottom:40px;
text-align:center;
}
}

.how_to_buy_area{padding-bottom: 50px;}
.single_how_to_buy {
	padding: 40px;
	padding-top: 0;
}
.single_how_to_buy img{
width: 60px;
margin-bottom: 30px;
}
.single_how_to_buy h4{
font-weight: 600;
font-size: 20px;
margin-bottom: 20px;
}
.single_how_to_buy p{}
/*
* ----------------------------------------------------------------------------------------
* 05.END BUY SELL DESIGN
* ----------------------------------------------------------------------------------------
*/

/*
* ----------------------------------------------------------------------------------------
* 06.START TOKEN SALE DESIGN
* ----------------------------------------------------------------------------------------
*/
.token_sale_area {
	background: url(../img/bg/bg-shape.webp) no-repeat;
	padding-bottom:50px;
}
.token_content{margin-bottom:50px;}
.token_content h2 {
	margin-bottom: 15px;
	font-weight: 600;
}
.token_content p {}
.single_token {
	margin-bottom: 30px;
	border: 2px solid #fff;
	padding: 25px 10px;
	border-radius: 15px;
	background: #fff;
	box-shadow: 0 10px 40px -10px rgba(0,64,128,.06);
	transition:0.3s;
}
.single_token h4 {
	color:#fff;
	font-weight: 600;
	font-size:28px;
}
.single_token p{color:#fff;}
.single_token_bg_one{background:#5fc0d8;}
.single_token_bg_two{background:#6f4cf2;}
.single_token_bg_three{background:#c660e8;}
.single_token_bg_four{background:#05b169;}
.single_token_bg_five{background:#f2924c;}
.single_token_bg_six{background:#e8606f;}
.single_token_bg_seven{background:#1652f0;}
.single_token_bg_eight{background:#3DB2FF;}

/*START COUNTDOWN*/
.buy-icons {
	overflow: hidden;
	padding: 40px;
	border: 2px solid #fff;
	background: #fff;
	box-shadow: 0 10px 40px -10px rgba(0,64,128,.2);
	border-radius: 5px;
}
@media only screen and (max-width:480px) { 
.buy-icons{padding:20px;}
}
.ca-starts-in .timer-area {
  margin: 40px 0;
}
.ca-starts-in h3 {
	margin-bottom: 30px;
	font-weight: 700;
	font-size: 36px;
}
.ca-starts-in .timer-area div {
color:#fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}

.ca-starts-in .timer-area div .cdown {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 25%;
          flex: 1 1 25%;
  max-width: 25%;
  display: block;
  background: #F0FBFF;
  border-radius: 5px;
  text-align: center;
  margin-right: 16px;
  padding: 15px;
}
@media only screen and (max-width:480px) { 
.ca-starts-in .timer-area div .cdown{padding: 10px;}
}
.ca-starts-in .timer-area div .cdown:last-child {
  margin-right: 0;
}
.ca-starts-in .timer-area div .cdown .time-count {
	display: block;
	font-size: 30px;
	color: #1d1e20;
	margin-bottom: 10px;
	font-weight: 700;
}
@media only screen and (max-width:480px) { 
.ca-starts-in .timer-area div .cdown .time-count {font-size:22px;}
}
.ca-starts-in .timer-area div .cdown p {
	display: block;
	font-size: 14px;
	color: #1d1e20;
	line-height: 14px;
	font-weight: 600;
}
.ca-starts-in a{
margin-right:10px;
}

.payment_img{margin-top:30px;}
.payment_img a img {
	display: inline-block;
	width: 60px;
	padding:5px;
}
.buy-icons-img{padding-top:200px;}
@media only screen and (max-width:768px) { 
.buy-icons-img{padding-top:80px;}
}
/*END COUNTDOWN*/

/* .currency_content{
background:#1652f0;
padding:40px;
border-radius:5px;
}
.currency_content h3{
	color:#fff;
	font-size: 36px;
	font-weight: 700;
}
.currency_content p {
	color:#fff;
	margin-top: 20px;
	margin-bottom: 30px;
}
.cryptonatorwidget {
	border: 0 !important;
	padding: 0 !important;
	margin-bottom: 20px;
}
.cryptonatorwidget input {
	border: 2px solid rgba(255,255,255,0.2);
	height: 52px !important;
	margin-bottom: 5px;
	text-transform: capitalize;
	background: none;
	color: #fff;
	padding: 0 10px;
	border-radius: 2px;
	font-family: 'Poppins', sans-serif !important;
}
.cryptonatorwidget select {
	border: 2px solid rgba(255,255,255,0.2);
	height: 52px !important;
	margin-bottom: 5px;
	text-transform: capitalize;
	background: none;
	color: #fff;
	padding: 0 10px;
	font-family: 'Poppins', sans-serif !important;
	border-radius: 2px;
}
.cryptonatorwidget > div {
  display: none;
} */
.token-img h4{font-weight: 600;}
.fund-img h4{font-weight: 600;}
/*
* ----------------------------------------------------------------------------------------
* 06.END TOKEN SALE DESIGN
* ----------------------------------------------------------------------------------------
*/

/*
 * ----------------------------------------------------------------------------------------
 * 07.START ROADMAP DESIGN
 * ----------------------------------------------------------------------------------------
*/
.roadmap_area {
	background: url(../img/bg/shapes-bg.png) no-repeat;
	background-size: cover;
	background-position: right center;
}
.timeline {position: relative;}
.timeline::after {
  content: '';
  position: absolute;
  width: 3px;
  background-color: #1652f0;
  top: 0;
  bottom: 0;
  left: 50%;
  margin-left: -3px;
}

.time_contain {
  padding: 10px 50px;
  position: relative;
  background-color: inherit;
  width: 50%;
}
.time_contain h2 {
	font-weight: 600;
	font-size: 22px;
	margin-bottom: 20px;
}

.time_contain h2 span {
	color: #f3022a;
}

.time_contain::after {
	content: '';
	position: absolute;
	width: 25px;
	height: 25px;
	right: -11px;
	background-color: #eee;
	border: 3px solid #1652f0;
	top: 15px;
	border-radius: 50%;
	z-index: 1;
}

.time_left {
  left: 0;
}

.time_right {
  left: 50%;
}

.time_left::before {
  content: " ";
  height: 0;
  position: absolute;
  top: 22px;
  width: 0;
  z-index: 1;
  right: 30px;
  border: medium solid white;
  border-width: 10px 0 10px 10px;
  border-color: transparent transparent transparent white;
}

.time_right::before {
  content: " ";
  height: 0;
  position: absolute;
  top: 22px;
  width: 0;
  z-index: 1;
  left: 30px;
  border: medium solid white;
  border-width: 10px 10px 10px 0;
  border-color: transparent white transparent transparent;
}


.time_right::after {
  left: -13px;
}
.time_content {
	padding: 30px;
	background: #fff;
	position: relative;
	border-radius: 6px;
	box-shadow: 0 10px 40px -10px rgba(0,64,128,.2);
	border-radius: 3px;
}
.time_content:hover {
	padding: 50px;
	background:#5b85f4;
	background-image: url(../img/bg/banner.html);
	position: relative;
	border-radius: 6px;
	box-shadow: 0 10px 40px -10px rgba(0,64,128,.2);
	border-radius: 3px;
	color:white;
}
/* Media queries - Responsive timeline on screens less than 600px wide */
@media screen and (max-width: 600px) {
  .timeline::after {
    left: 31px;
  }
  .time_contain {
    width: 100%;
    padding-left: 70px;
    padding-right: 25px;
  }
  .time_contain::before {
    left: 60px;
    border: medium solid white;
    border-width: 10px 10px 10px 0;
    border-color: transparent white transparent transparent;
  }
  
  .time_left::after, .time_right::after {
    left: 15px;
  }
  
  .time_right {
    left: 0%;
  }
}
/*
 * ----------------------------------------------------------------------------------------
 * 07.END ROADMAP DESIGN
 * ----------------------------------------------------------------------------------------
 */

/*
 * ----------------------------------------------------------------------------------------
 * 08.START DOWNLOAD DESIGN
 * ----------------------------------------------------------------------------------------
 */
.download_area{position:relative;}
.download_area:before {
    background:#1652f0;
	opacity:0.7;
    bottom: 0;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
}
.app-text {overflow: hidden;}

.app-text h2 {
	color:#fff;
	font-size: 40px;
	margin-bottom:20px;
	font-weight: 600;
	text-transform: capitalize;
}
.app-text p{margin-bottom: 50px;color:#fff;}
.app-text ul{list-style:none;margin-top: 30px;}
.app-text ul li {
	font-size: 20px;
	line-height: 36px;
	float:left;
	margin-right:20px;
	position: relative;
	width: 290px;
	color:#fff;
	margin-bottom: 20px;
}
.app-text ul li span {
	color:#fff;
	font-size: 16px;
	width: 40px;
	height: 40px;
	line-height: 36px;
	text-align: center;
	border-radius: 30px;
	margin-right: 10px;
	display: inline-block;
	border: 2px solid #fff;
}
.app_btn {
	margin-top:30px;
}
.app_btn a {margin-right:15px;}
@media only screen and (max-width:480px) { 
.app_btn a {margin-bottom:15px;}
}
.app_btn a i{margin-right:8px;}
.app_img {
	position: relative;
}
@media only screen and (max-width:768px) { 
.app_img {
margin-top:40px;
text-align:center;
}
}
/*
 * ----------------------------------------------------------------------------------------
 * 08.END DOWNLOAD DESIGN
 * ----------------------------------------------------------------------------------------
 */
/*
* ----------------------------------------------------------------------------------------
* 09.START TEAM DESIGN
* ----------------------------------------------------------------------------------------
*/
.team_member {
	padding-bottom: 50px;
	overflow: hidden;
	background:#F0FBFF;
}
.our-team {
	background: #fff;
	padding: 30px;
	margin-bottom: 30px;
	box-shadow: 0 10px 40px -10px rgba(0,64,128,.05);
}
.our-team img {
	width: 160px;
	height: 160px;
	border-radius: 500px;
	margin-bottom: 30px;
}
.our-team h3 {
	font-weight: 600;
	font-size: 20px;
	margin-bottom: 15px;
}
.our-team ul{
margin-bottom: 10px;
list-style:none;
}
.our-team ul li{
display: inline-block;
}
.our-team ul li a {
	margin: 0 10px;
	color: #1d1e20;
	transition: 0.3s;
	display: inline-block;
	position: relative;
}
.our-team ul li a:hover{color:#1652f0;}
.our-team span{position: relative;}
/*
* ----------------------------------------------------------------------------------------
* 09.END TEAM DESIGN
* ----------------------------------------------------------------------------------------
*/
/*
* ----------------------------------------------------------------------------------------
* 10.START BOARD ADVISOR DESIGN
* ----------------------------------------------------------------------------------------
*/
.board_member{padding-bottom:50px;}
.our-board{margin-bottom:30px;}
.our-board img {
	width: 160px;
	height: 160px;
	border-radius: 500px;
	margin-bottom: 30px;
}
.our-board h3 {
	font-weight: 600;
	font-size: 20px;
	margin-bottom: 15px;
}
.our-board ul{
margin-bottom: 10px;
list-style:none;
}
.our-board ul li{
display: inline-block;
}
.our-board ul li a {
	margin: 0 10px;
	color: #1d1e20;
	transition: 0.3s;
	display: inline-block;
	position: relative;
}
.our-board ul li a:hover{color:#1652f0;}
.our-board span{position: relative;}
/*
* ----------------------------------------------------------------------------------------
* 10.END BOARD ADVISOR DESIGN
* ----------------------------------------------------------------------------------------
*/

/*
* ----------------------------------------------------------------------------------------
* 11.START PARTNER DESIGN
* ----------------------------------------------------------------------------------------
*/
.partner_area{padding-bottom:50px;}
.partner-logo{}
.partner-logo img{
margin-bottom:30px;
max-width:200px;
}
/*
* ----------------------------------------------------------------------------------------
* 11.END PARTNER DESIGN
* ----------------------------------------------------------------------------------------
*/

/* ----------------------------------------------------------------------------------------
* 12.START FAQ DESIGN
* ----------------------------------------------------------------------------------------
*/
.faq1-area {}
.accordion-item {
	background-color: #fff;
	border: 1px solid #eee;
	margin-bottom: 30px;
	box-shadow: 0 10px 40px -10px rgba(0,64,128,.1);
}
.accordion-body {
	padding: 1rem 1.25rem;
	background: #F0FBFF;
}
.accordion-button {
	position: relative;
	display: flex;
	align-items: center;
	width: 100%;
	padding:20px;
	font-size: 20px;
	color: #1d1e20;
	text-align: left;
	background-color: #fff;
	border: 0;
	border-radius: 0;
	transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,border-radius .15s ease;
	background: #fff;
	font-weight: 600;
}
.accordion-button:not(.collapsed) {
	color: #1d1e20;
	background-color: #fff;
	box-shadow: inset 0 -1px 0 rgba(0,0,0,.125);
}
.accordion-button:not(.collapsed)::after {
	transform: rotate(-180deg);
	content: "\f077";
	font-family: fontAwesome;
	font-size: 14px;
	color:#1d1e20;
	background-image: none;
}
.accordion-button::after {
	flex-shrink: 0;
	width: 1.02rem;
	margin-left: auto;
	content: "";
	transition: transform .2s ease-in-out;
	content: "\f077";
	font-family: fontAwesome;
	font-size: 14px;
	color:#1d1e20;
	background-image: none;
}
.faq-img{margin-top:30px;}
@media only screen and (max-width:768px) { 
.faq-img {
margin-top:40px;
text-align:center;
}
}
/* ----------------------------------------------------------------------------------------
* 12.END FAQ DESIGN
* ----------------------------------------------------------------------------------------
*/
/*
 * ----------------------------------------------------------------------------------------
 * 13.START PROMOTION DESIGN
 * ----------------------------------------------------------------------------------------
 */
.promotion_area{position:relative;padding:80px 0;}
.promotion_area:before {
    background:#1652f0;
	opacity:0.7;
    bottom: 0;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
}
.newsletter_form{}
.newsletter_form h4 {
	color:#fff;
	margin-bottom: 30px;
	font-size: 32px;
	line-height: 42px;
	font-weight: 500;
}
.newsletter_form input {
	height: 55px;
	position: relative;
	padding: 10px 20px;
	width: 60%;
	margin-right: 10px;
	border-radius: 30px;
	border: 1px solid #fff;
}
@media only screen and (max-width:480px) { 
.newsletter_form input {margin-bottom:15px;}
}
.newsletter_form input:focus {
	border: 1px solid #1652f0;
}
/*
 * ----------------------------------------------------------------------------------------
 * 13.END PROMOTION DESIGN
 * ----------------------------------------------------------------------------------------
 */
/*
* ----------------------------------------------------------------------------------------
* 14.START CONTACT DESIGN
* ----------------------------------------------------------------------------------------
*/
.contact_us{background: #F0FBFF;}
.contact {margin-right:30px;}
@media only screen and (max-width:768px) { 
.contact {margin-bottom:60px;margin-right:0px;}
}
.contact h4 {font-weight: 700;font-size: 40px;}
.contact p {
margin-bottom:40px;
}
.contact input {
	background: #fff;
	border-radius: 0px;
	box-shadow: none;
	color: #1d1e20;
	font-size: 16px;
	font-weight: 500;
	margin-bottom: 30px;
	height: 40px;
	padding: 10px 10px 10px 30px;
	width: 100%;
	border: 1px solid #fff;
	position: relative;
}
.contact textarea {
	background: #fff;
	border-radius: 0px;
	margin-bottom:30px;
	box-shadow: none;
	color: #1d1e20;
	font-size: 16px;
	font-weight: 500;
	padding: 10px 10px 10px 30px;
	width: 100%;
	border: 1px solid #fff;
	position: relative;
}
.contact input:focus {
	border: 1px solid #1652f0;
	background: #fff;
	color: #1d1e20;
    box-shadow: none;
    outline: 0 none;
}
.contact textarea:focus {
border: 1px solid #1652f0;
background: #fff;
color: #1d1e20;
    box-shadow: none;
    outline: 0 none;
}
.contact button {
	width: 100%;
	font-size: 16px;
}

.address_bg {
	background: #fff;
	padding: 40px;
	position: relative;
	box-shadow: 0 10px 40px -10px rgba(0,64,128,.1);
	border-radius: 3px;
}
.single_address {
	margin-bottom: 30px;
	border-bottom: 1px solid #eee;
	padding-bottom: 30px;
}
.single_address:last-child {
	border-bottom: 0px;
	margin-bottom: 0;
	padding-bottom: 0px;
}
@media only screen and (max-width:768px) { 
.single_address{margin-bottom: 70px;}
}
.address_br{
float:left;
}
.single_address span {
	color: #1652f0;
	font-size: 30px;
	margin-bottom: 20px;
	display: block;
	margin-right: 20px;
	position: relative;
}
.single_address h4 {
	font-weight: 600;
	font-size: 18px;
	overflow: hidden;
	
}
.single_address p{overflow: hidden;}
.contact_btn {
	background: #1652f0;
	padding: 10px;
	color: #fff;
	position: relative;
	text-transform: capitalize;
	font-weight: 600;
	-webkit-transition: 0.3s;
	transition: 0.3s;
}
.contact_btn:hover{background:#1652f0;color: #fff;}


.map{}
.map iframe{
width:100%;
height:500px;
margin-bottom: -8px;
}
/*
* ----------------------------------------------------------------------------------------
* 14.END CONTACT DESIGN
* ----------------------------------------------------------------------------------------
*/

/*
* ----------------------------------------------------------------------------------------
* 15.START BLOG DESIGN
* ----------------------------------------------------------------------------------------
*/
.blog_bg{background:#f4f5f7;}
.blog_area{padding-bottom:50px;}
.single_blog {
	background: #fff;
	margin-bottom: 30px;
	box-shadow: 0 10px 40px -10px rgba(0,64,128,.2);
}
@media only screen and (max-width:768px) { 
.single_blog {margin-bottom:30px;}
}
.blog-img{}
.blog-img img{position: relative;}
@media only screen and (max-width:768px) { 
.blog-img img{width:100%;}
}
.blog-img a {
	color: #1d1e20;
	font-weight: 600;
	font-size: 16px;
	display: inline-block;
	margin-top: 20px;
	position: relative;
}
.single_blog h2 {
	font-weight: 700;
	line-height: 30px;
	font-size: 20px;
	margin: 0 20px;
}
.single_blog h2 a{color:#1d1e20;}
.single_blog h2 a:hover{color:#1652f0;}
.single_blog span {
	text-transform: capitalize;
	padding: 0 10px;
	margin-bottom: 15px;
	display: inline-block;
	font-weight: 600;
	margin-top: 10px;
}
.single_blog span a {
	color: #1652f0;
	position: relative;
}
.single_blog > a {
	margin: 20px 0;
	margin-bottom: 30px;
}
.single_blog > a:hover{}

/*BLOG PAGES DESIGN*/
.blog-page{background: #F0FBFF;}
.post-slide-blog{
background: #fff none repeat scroll 0 0;
border-radius:10px;
box-shadow: 0 10px 40px -10px rgba(0,64,128,.08);
margin-bottom: 30px;
overflow: hidden;
position: relative;
padding: 40px;
}
.blog-img img{position: relative;}
@media only screen and (max-width:768px) { 
.blog-img img{width:100%;}
}
.post-slide-blog h2 {
	font-weight: 700;
	font-size: 20px;
	margin-bottom: 20px;
}
.post-slide-blog h2 a{color:#1e2739 ;}
.post-slide-blog h2 a:hover{color:#1652f0;}
.post-slide-blog span {
	text-transform: capitalize;
	padding-right: 10px;
	margin-bottom: 15px;
	display: inline-block;
	font-weight: 600;
	margin-top: 20px;
}
.post-slide-blog span a{color:#1652f0;}
.post-slide-blog > a{margin-bottom: 0px;}
.post-slide-blog p{margin-bottom: 30px;}



/*START PAGINATION*/
ul.blog_pagination li a {
	border: 1px solid #fff;
	border-radius: 30px;
	color: #1e2739;
	display: block;
	font-size: 22px;
	font-weight: 500;
	background: #fff;
	height: 60px;
	line-height: 60px;
	position: relative;
	margin: 5px;
	text-align: center;
	width: 60px;
}
ul.blog_pagination li a:hover {
    color: #fff;
    background: #1652f0;
    border: 1px solid #1652f0;
}
/*END PAGINATION*/
/*START BLOG SIDEBAR DESIGN*/
.contact_form_blog{padding-top:0px!important;}
.blog_sidebar_title {
	border-bottom: 1px solid #303a4f;
	color: #1e2739;
	font-size: 18px;
	font-weight: 600;
	letter-spacing: x;
	margin-bottom: 15px;
	margin-top: 0;
	padding-bottom: 10px;
	text-transform: capitalize;
}
.blog_search, .latest_blog, .advertisement_post, .video_post, .categories, .tag, .banner {
	margin-bottom: 30px;
	background: #fff;
	padding: 30px 30px;
	position: relative;
	border-radius:10px;
	border-top: 3px solid #1652f0;
	box-shadow:0 10px 40px -10px rgba(0,64,128,.2);
}
.tag{overflow: hidden;}
@media only screen and (max-width:768px) { 
    .blog_search { margin-top: 60px }
}
.blog_search{}
.blog_search input {
	background: none;
	border: 1px solid #e5e6e7;
	border-radius: 0;
	color: #333;
	-webkit-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
	height: 50px;
}
.blog_search input:focus{background: none;border: 1px solid #1652f0;color: #333;}
.single_latest_blog {
	overflow: hidden;
	border-bottom: 1px solid #e5e6e7;
	padding-bottom: 15px;
	margin-bottom: 20px;
}
.single_latest_blog h4 {
	color: #444;
	font-size: 15px;
	font-weight: 500;
	line-height: 28px;
	margin: 0;
	-webkit-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}
.single_latest_blog:hover h4 { color: #1652f0 }
.single_latest_blog span { color: #161616 }
.single_upcoming_event {margin-bottom: 20px;}
.single_upcoming_event h4 {
	color: #fff;
	font-size: 17px;
	font-weight: 600;
	line-height: 28px;
	margin: 10px 0 0;
	-webkit-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}
.single_upcoming_event:hover h4 { color: #1652f0 }
.single_upcoming_event span i{margin-right:5px;color: #1652f0 }
.single_upcoming_event span { color: #777 }
.categories ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.categories ul li { }
.categories ul li a {
	color: #444;
	display: block;
	font-size: 14px;
	padding: 5px 0;
	font-family: poppins;
	font-weight: 400;
}
.categories ul li a:hover { color: #1652f0 }
.categories ul li a i { margin-right: 10px }
.video_post iframe {
    width: 100%;
    height: 100%;
    border: medium none;
}
.tag a {
	border: 2px solid #303a4f;
	border-radius: 30px;
	color: #444;
	display: block;
	float: left;
	font-size: 14px;
	font-weight: 600;
	margin: 6px 4px;
	padding: 3px 15px;
	text-transform: capitalize;
	-webkit-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
	background: none;
}
.tag a:hover {
    background: #1652f0;
    color: #fff;
    border: 2px solid #1652f0;
}
/*END BLOG SIDEBAR DESIGN*/
/*START BLOG SINGLE PAGE DESIGN*/
.bc_left {
	padding-left: 30px;
	font-style: italic;
	font-weight: 600;
}
.bc_bottom{margin-bottom:30px;}
.single_blog_post { margin-bottom: 60px }
.single_blog_post img {
    width: 750px;
    height: 455px;
}
.blog_post_text h4 { margin: 30px 0 }
.author_part {
	margin-bottom: 30px;
	overflow: hidden;
	margin-top: 60px;
}
.single_author {
	background: #fff none repeat scroll 0 0;
	padding: 40px;
	border-radius: 10px;
	box-shadow: 0 10px 40px -10px rgba(0,64,128,.08);
	overflow: hidden;
}
.author_part img {
	border: 4px solid #1652f0;
	border-radius: 100px;
	float: left;
	height: 120px;
	margin-right: 20px;
	width: 120px;
}
.author_part h4 {text-transform: uppercase;
font-size: 16px;
font-weight:700;
letter-spacing: 1px; }
.author_part p { margin-bottom: 0 }
.blog_head_title {
border-bottom: 1px solid #303a4f;
margin: 0 0 30px;
padding-bottom: 10px;
font-weight: 700;
text-transform: uppercase;
font-size: 18px;
}
.comments_part {
    margin-bottom: 60px;
}
.single_comment {
    margin-bottom: 30px;
    background: #fff;
    padding: 40px;
	border-radius: 10px;
	box-shadow: 0 10px 40px -10px rgba(0,64,128,.08);
	overflow: hidden;
}
.single_comment_mbnone { margin-bottom: 0px }
.single_comment img {
    border: 4px solid #1652f0;
    border-radius: 100px;
    float: left;
    height: 120px;
    margin-right: 20px;
    width: 120px;
}
.single_comment h4 { font-size: 16px;
font-weight:700;
letter-spacing: 1px;
text-transform: uppercase;}
.single_comment p { margin-bottom: 0 }
.comment-box {
	padding: 40px;
	border-radius: 10px;
}
.comment_form input, .comment_form textarea  {}

.comment_form textarea {}
@media only screen and (max-width:768px) { 
    .comment_form textarea { width: 100% }
}
/*END BLOG SINGLE PAGE DESIGN*/
/*
* ----------------------------------------------------------------------------------------
* 15.START BLOG DESIGN
* ----------------------------------------------------------------------------------------
*/

/*
* ----------------------------------------------------------------------------------------
* 16.START FOOTER DESIGN
* ----------------------------------------------------------------------------------------
*/
.footer {
	padding-bottom: 80px;
	padding-top: 80px;
}
.footer_menu {
	margin-bottom: 20px;
}
.footer_menu ul {
	list-style: none;
	text-align: center;
}
.footer_menu ul li{display: inline-block;}
.footer_menu ul li a {
	color:#fff;
	font-weight:400;
	padding: 0 10px;
	position: relative;
	-webkit-transition: 0.3s;
	transition: 0.3s;
}
.footer_menu ul li a:hover{color:#000;text-decoration:underline;}

/*START FOOTER SOCIAL DESIGN*/
.footer_profile{}
.footer_profile ul{
list-style: outside none none;
margin: 0;
padding: 0
}
.footer_profile ul li{
display: inline-block;
}
@media only screen and (max-width:480px) { 
.footer_profile ul li{margin:2px;}
}
.footer_profile ul li a img{width:60px;}

.footer_profile ul li a {
	width: 40px;
	height: 40px;
	display: block;
	text-align: center;
	position: relative;
	margin-right: 5px;
	border-radius: 50%;
	line-height: 40px;
	box-sizing: border-box;
	text-decoration: none;
	-webkit-transition: .3s;
	transition: .3s;
	color: #fff;
}
.footer_profile ul li a:hover{}
.f_facebook{background:#3B5998;}
.f_twitter{background:#1A90D9;}
.f_instagram{background:#bc2a8d;}
.f_linkedin{background:#0e76a8;}
/*END FOOTER SOCIAL DESIGN*/
.footer_copyright {
	margin-bottom: 20px;
	text-transform: capitalize;
	position: relative;
	font-weight:400;
	font-size: 16px;
}
/*
* ----------------------------------------------------------------------------------------
* 16.END FOOTER DESIGN
* ----------------------------------------------------------------------------------------
*/


/*
* ----------------------------------------------------------------------------------------
* 15.START SECTION TOP DESIGN
* ----------------------------------------------------------------------------------------
*/
.section-top{position:relative;padding:80px 0;}
.section-top:before {
    background:#1652f0;
	opacity:0.7;
    bottom: 0;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
}
.section-top {
    padding-bottom: 100px;
    padding-top: 160px;
	position: relative;
}
.section-top-title h1 {
color: #fff;
font-weight: 600;
}

form.get-a-quote i svg{
    fill: #00c389;
}
form.get-a-quote i {
    width: 90px;
    height: 90px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #fff12e;
    border-radius: 50%;
    position: absolute;
    top: -53px;
}
form#contact-form h3 {
    font-size: 36px;
    font-weight: bold;
    line-height: 46px;
    padding-bottom: 6px;
}
.get-a-quote h6 {
    color: #858585;
    font-size: 16px;
    font-weight: 400;
    padding-bottom: 5px;
}
.get-a-quote {
    margin-bottom: 40px;
    background-color: white;
    padding: 30px;
    border-radius: 5px;
    position: relative;
    padding-top: 40px;
    box-shadow: -1px 0px 44px 15px rgb(0 0 0 / 7%);
    -webkit-box-shadow: -1px 0px 44px 15px rgb(0 0 0 / 7%);
    -moz-box-shadow: -1px 0px 44px 15px rgba(0,0,0,0.7);
}
.get-a-quote input[type="text"], .get-a-quote input[type="number"] {
    width: 100%;
    height: 60px;
    border: 0;
    outline: 0;
    margin-bottom: 5px;
    color: #444;
    font-size: 14px;
    border-bottom: 3px solid #d3d3d3;
}
.get-a-quote p {
    font-weight: bold;
    padding-bottom: 10px;
    padding-top: 10px;
}
.group-img {
    position: relative;
}
.group-img svg, .group-img span {
    position: absolute;
    right: 0;
    width: 22px;
    height: auto;
    top: 10px;
}
.get-a-quote input[type="text"], .get-a-quote input[type="number"] {
    width: 100%;
    height: 50px;
    border: 0;
    outline: 0;
    margin-bottom: 5px;
    color: #444;
    font-size: 14px;
    border-bottom: 3px solid #d3d3d3;
}
.get-a-quote input[type="email"], .get-a-quote input[type="email"] {
    width: 100%;
    height: 50px;
    border: 0;
    outline: 0;
    margin-bottom: 5px;
    color: #444;
    font-size: 14px;
    border-bottom: 3px solid #d3d3d3;
}
/*
* ----------------------------------------------------------------------------------------
* 15.END SECTION TOP DESIGN
* ----------------------------------------------------------------------------------------
*/

.modal-dialog{max-width: 800px;}

.footergtplogo{font-size:19px;}


#about{background-color: #fdfdfd;padding:50px 0;}
.overlay {
	position: absolute;
	bottom: 0;
	/*background: rgb(0, 0, 0);*/

	color: #f1f1f1;
	width: 100%;
	/*transition: .5s ease;*/
	opacity: 1;
	color: white;
	font-size: 20px;
	padding-right: 200px;
	padding-left: 200px;
	text-align: center;
}

.container:hover .overlay {
	opacity: 1;
}
.loader {
    width: 27px;
    height: 27px;
    border: 5px solid #FFF;
    border-bottom-color: #f41237;
    border-radius: 50%;
    display: inline-block;
    box-sizing: border-box;
    animation: rotation 1s linear infinite;
    }

    @keyframes rotation {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
    } 
    
    #contactform #response2 i{    width: 90px;
    height: 90px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #1652f0;
    border-radius: 50%;
    position: relative;
    margin:30px auto;
}

/* responsive */
@media only screen and (min-width: 280px) and (max-width: 480px) {
	.navbar-custom .navbar-brand{width: 85%;margin: 0;}
	.navbar-custom .navbar-brand img{width: 70%;}
	.newsletter_form input{width: 100%;}
	.address_bg{padding: 40px 20px;}
	.contact h5{margin-bottom: 15px;}
	.home_bg{
    background-image: url("../../image/gtp-mobile-cover.webp");
    background-size: cover;
    background-position: center center;
	}
	.portfolio_list_img{margin-bottom: 0;}
	.buy_sell_list{margin-top: 20px;}
	.footergtplogo{font-size:15px;}
	.promotion_area{text-align:center;}
	.timeline.overlay,.overlay{padding-right: 50px;padding-left: 50px;}
	.timeline .overlay img,.overlay img{width:100% !important;}
	#roadmap .btn_one{padding:12px 24px;}
	.hero-text{padding-right:15px;}
}
/* responsive */