Basic Information:
Project Name    : Crypto ICO HTML5 Currency Template
Author          : Themeeim(#)
Date            : 15-03-2018
Developed By    : Sonia Shurmi


Table Of Index
--------------------------------------------------------------------
Resset Css
    Default setting
    All buttons
    All transition
	preloader
Style css
	Home Page Css
        Home One::
        Header Css
            Top Toolbar
            Mainmenu
            Dropdown 
            Megamenu
        Register Domain Css
        Pricing Css
        Take Business Css
        Avaiable Server Css
        Feature Css
        Chatting Css
        Footer Css

        Home Two:
        Domain Pro Css
        Feature Two Css
        Counter Up Css
        Hoster Module Css
        Whmcs
        Domain page css
            mockup
            Range slider
            customer Review
            Banner Two 
            Pricing Css
        Reseller Page
        contact Page
        Cloud Hosting
        Dedicated Page
        Vps Hosting
        Blog Page
        Single Blog Page

        Responsive Css
--------------------------------------------------------------------*/


/*===================================================================
                ==Start Resset Css==
==================================================================*/


/* ---------------------------------------------
        ==Start Default setting==
--------------------------------------------- */
body {
	margin: 0px;
	padding: 0px;
	position: relative;
	font-family: 'Poppins', sans-serif;
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
li {
	margin: 0px;
	padding: 0px;
	font-family: 'Poppins', sans-serif;
}

a {
	text-decoration: none;
	font-family: 'Poppins', sans-serif;
}

a:hover,
a:focus {
	text-decoration: none;
	outline: none;
}

ul,
ol {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}

.section-padding {
	padding: 120px 0px;
	padding: 120px 0px;
}

img {
	max-width: 100%;
	height: auto;
}

.align-middle {
	display: inline-block;
	float: none;
	margin-right: -4px;
	vertical-align: middle;
}
button{
    border: none;
}
input:focus,select:focus,button:focus{
    outline: none;
}
.custom_container{
	max-width: 1650px;
	padding: 0px 15px;
	margin: 0 auto;
}
.margin_bt_100{
	margin-bottom: 100px;
}
.padding_bt_40{
	padding-bottom: 40px
}
.padding_140{
	padding: 130px 0px 140px;
}
.padding_top_140{
	padding-top: 140px;
}
.padding_200 {
	padding: 200px 0px 100px;
}
#mobile-nav-wrap {
	display: none;
}
/* -------------------- Start button style ------------------- */
.btn_two {
	width: 211px;
	height: 57px;
	display: inline-block;
	line-height: 57px;
	border: 1px solid #fff;
	background: #eeb81c;
	font-size: 16px;
	color: #04192f;
	text-transform: uppercase;
	font-weight: 500;
	border-radius: 5px;
}
.ico_count_btn {
	display: inline-block;
	margin-top: 60px;
}
.btn_one {
	width: 211px;
	height: 57px;
	border-radius: 5px;
	line-height: 57px;
	border: 1px solid #eeb81c;
	display: inline-block;
	text-align: center;
	color: #fff;
	text-transform: uppercase;
	font-weight: 500;
}
.btn_one:hover {
	background: #eeb81c;
	border: 1px solid transparent;
	color: #0b0c22;
}
.ico_feature_btn {
	display: inline-block;
	margin-top: 45px;
}
.ico_market_left a {
	margin-top: 43px;
}
.slider_btn {
	display: inline-block;
	margin-top: 60px;
}
.ico_count_btn a:hover {
	color: #eeb81c;
	background: transparent;
	border: 1px solid #fff;
}
.footer_content button:hover {
	color: #eeb81c;
	background: #fff;
}
/* -------------------- End button style ------------------- */

/* -------------------- Start section title style ------------------- */
.section_title {
	max-width: 713px;
	margin: 0 auto 60px;
	text-align: center;
}
.section_title h1 {
	font-size: 40px;
	color: #fff;
	text-transform: uppercase;
	font-weight: 700;
}
.section_title h1 span{
	color: #eeb81c;
}
.section_title p {
	color: #e6e6e6;
	font-size: 16px;
}
.section_title h1 {
	margin-bottom: 25px;
}
/* -------------------- End section title style ------------------- */

/* -------------------- Start transition style ------------------- */
.ico_single_ser h3, 
.mainmenu ul li a,
.ico_dis_token_top ul li,
.ico_dis_token_bottom ul li,
.ico_single_team a h3,
.contact_add_desc a,
.contact_add_desc {
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
}
.mainmenu > ul > li:last-child > a,
.btn_one,
.ico_count_btn a,
.footer_content button,
.footer_social_list a,
.footer_social_list a i{
	-webkit-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
}
/* -------------------- End transition style ------------------- */

/* -------------------- Start preloader style ------------------- */
/* -------------------- End preloader style ------------------- */

/* ---------------------------------------------
        ==End Default setting==
--------------------------------------------- */

/* ---------------------------------------------
        ==Start Header CSS==
--------------------------------------------- */
.header_area {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	z-index: 2;
}
.contact .header_area{
	border-bottom:1px dashed #394c5e;
}
.contact .header_area::after {
	position: absolute;
	content: "";
	left: 0;
	bottom: -4px;
	border-bottom: 1px dashed #394c5e;
	width: 100%;
	height: 100%;
	z-index: -1;
}

.mainmenu ul li {
	display: inline-block;
	position: relative;
}
.mainmenu ul li a {
	font-size: 18px;
	color: #fff;
	text-transform: uppercase;
	font-weight: 500;
	padding: 0px 26px;
	line-height: 120px;
}
.mainmenu ul li:hover .sub_menu{
	top:80%;
	opacity: 1;
}
.mainmenu ul li.current_page_item a {
	color: #eeb81c;
}
.mainmenu ul li:hover > a {
	color: #eeb81c;
}
.header_logo a {
	display: inline-block;
	line-height: 120px;
}
.mainmenu > ul > li:last-child > a {
    padding: 0px;
	background: #eeb81c;
	border: 1px solid transparent;
    display: inline-block;
    width: 199px;
    height: 45px;
    line-height: 42px;
    text-align: center;
    border-radius: 6px;
    color: #04192f;
    margin-left: 40px;
}
.sub_menu {
	position: absolute;
	left: 0;
	top: 100%;
	background: rgba(8,31,54,0.7);
	width: 200px;
	z-index: 2;
	padding: 15px 0px;
	transition: 0.5s;
	transform-origin: top left;
	opacity: 0;
}
.mainmenu ul li > ul > li a {
	color: #fff;
	line-height: 35px;
	font-size: 15px;
}
.mainmenu > ul > li:last-child > a:hover {
	background: transparent;
    border: 1px solid #ffff;
    color: #eeb81c;
}


/*mobile menu area*/
#mobile-nav-wrap {
	background: #081f36;
	height: auto;
	border-bottom: 1px solid #ddd;
}
#mobile-nav-wrap #mobile-logo {
    line-height: 100px;
    float: left;
}
#mobile-nav-wrap.mnav-fixed {
    position: fixed;
    top: 0;
    width: 100%;
    left: 0;
    z-index: 9999;
    animation: headerFixedTop .35s;
}
.mobile_toolbar {
	background: #282828;
}
.mobile_toolbar .header_login a {
	padding: 0px 6px;
}
.mobile_toolbar .header_login a:first-child {
	padding-left: 0px;
}
.mobile_toolbar .header_login {
	margin-right: 13px;
}
.mobile-menu-inner {
	display: block;
	width: 100%;
	text-align: center;
	background: #081f36;
	padding-bottom: 50px;
	position: fixed;
	z-index: 9999;
	left: -100%;
	transition: all 0.7s cubic-bezier(0.65, -0.22, 0.35, 1.13);
	height: 100vh;
	overflow-x: hidden;
	overflow-y: scroll;
	top: 0;
	height: 100vh;
}
.mobile-menu-inner.mnav-fixed {
    position: fixed;
}
.mobile-menu-inner #mobile-logo {
    margin-bottom: 30px;
}
.mobile-menu-inner .mob-nav {
    margin: 0;
    padding: 0;
    text-align: left;
    list-style: none;
}
.mobile_accor_togo {
	height: 100px;
	background: #06192c;
	padding: 0px 15px;
}
.mobile_accor_logo {
	text-align: left;
	line-height: 100px;
}
.accordion-menu {
    width: 100%;
    max-width: 350px;
    margin: 20px auto 50px;
    text-align: left;
    border-radius: 4px;
}
.accordion-menu > li {
    position: relative;
}
.accordion-menu > li.single-link {
    margin: 3px 0;
}
.accordion-menu > li .dropdownlink:before {
    content: "\f105";
    position: absolute;
    right: 10px;
    font: normal normal normal 14px/1 FontAwesome;
    transition: all 0.3s ease-in-out;
    font-size: 16px;
}
.accordion-menu > li.open .dropdownlink:before {
    content: "\f107";
    position: absolute;
    right: 10px;
    font: normal normal normal 14px/1 FontAwesome;
    transition: all 0.3s ease-in-out;
    font-size: 16px;
}
.accordion-menu > li > a {
	font-weight: 500;
	font-size: 15px;
	text-decoration: none;
	text-transform: uppercase;
	padding: 10px 0;
	color: #fff;
	line-height: 40px;
}
.accordion-menu .accordion-menu li.open .dropdownlink {
    color: #3d0e03;
}
.accordion-menu .accordion-menu li.open .dropdownlink .fa-angle-down {    
    transform: rotate(180deg);
}
.accordion-menu .accordion-menu li:last-child .dropdownlink {
    border-bottom: 0;
}
.accordion-menu .dropdownlink {
    cursor: pointer;
    display: block;
    padding: 3px 0;
    font-size: 15px;
    color: #fff;
    position: relative;
    transition: all 0.4s ease-out;
}
.accordion-menu .dropdownlink i {
    position: absolute;
    top: 13px;
    left: 16px;
    font-size: 14px;
}
.accordion-menu .dropdownlink .fa-angle-down {
    right: 12px;
    left: auto;
}
.accordion-menu .dropdownlink:last-child {
    border-bottom: none;
}
.accordion-menu .submenuItems {
	display: none;
	background: transparent;
	padding-left: 30px;
	margin: 10px 0px;
}
.accordion-menu .submenuItems li:last-child {
    border-bottom: none;
}
.accordion-menu .submenuItems a {
	display: block;
	color: #FFF;
	transition: all 0.4s ease-out;
	text-decoration: none;
	font-size: 15px;
	text-transform: uppercase;
	line-height: 29px;
}
#moble-search input[type="text"] {
	background: #fff;
	height: 45px;
	color: #06192c;
	border: 0;
	padding: 0 10px;
	width: 100%;
	outline: 0;
	border-radius: 30px;
}
#moble-search input[type="text"]::-webkit-input-placeholder {
    color: #06192c;
}
#moble-search input[type="text"]:-ms-input-placeholder {
    color: #06192c;
}
#moble-search input[type="text"]::placeholder {
    color: #06192c;
}
#moble-search button[type="submit"] {
	background: transparent;
	border: 0;
	color: #06192c;
	position: absolute;
	right: 15px;
	line-height: 45px;
	top: 0;
}
@keyframes headerFixedTop {
    0% {
        opacity: 0;
        transform: translateY(-100%);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

.mask-overlay {
    content: '';
    position: fixed;
    background: rgba(0, 0, 0, 0.8);
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 999;
}

.active .mobile-menu-inner {
    left: 0;
}

.close-menu {
	position: absolute;
	right: 20px;
	top: 0;
	width: 30px;
	line-height: 100px;
}

.mobile_toolbar .top_toolbar_right {
	text-align: left;
}
.mobile_toolbar .header_social,
.mobile_toolbar .header_login {
	display: inline-block;
	line-height: 49px;
	width: 48%;
}
.mobile_toolbar .header_social{
    text-align: right;
}
.close-menu .bar {
    display: block;
    position: relative;
    margin-bottom: 3px;
    width: 100%;
    height: 2px;
    background-color: #fff;
    transition: all 0.25s ease-in-out;
}
.footer-social-link li {
	display: inline-block;
	width: 30px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	border: 1px solid #fff;
	border-radius: 50%;
	color: #fff;
    margin: 0px 5px;
}
.footer-social-link {
	margin-top: 30px;
	padding-bottom: 50px;
}
.footer-social-link li a {
	color: #fff;
}
.mobile-menu-inner .accordion-menu {
	padding: 20px;
}
#moble-search {
	margin: 0px 20px;
	position: relative;
}
.close-menu .bar:first-child {
    margin-bottom: 5px;  
    transform: rotate(-45deg) translate(-6px, 6px);
}

.close-menu .bar:last-child {  
 transform: rotate(45deg) translate(1px, 1px);
}
.toggle-inner {
	width: 50px;
	height: 100px;
	background: transparent;
	text-align: right;
	float: right;
    cursor: pointer;
}
.toggle-inner::after {
	display: block;
	clear: both;
	content: "\f0c9";
	font-family: 'FontAwesome';
	width: 100%;
	height: 100%;
	text-align: center;
	left: 0;
	top: 0;
	line-height: 100px;
	font-size: 20px;
	color: #fff;
}
.close-menu i {
	color: #fff;
	line-height: 100px;
	top: 0;
	position: relative;
	font-size: 24px;
}
/*mobile menu area*/
/* ---------------------------------------------
        ==Start Header CSS==
--------------------------------------------- */

/* ---------------------------------------------
        ==Start Banner CSS==
--------------------------------------------- */
/*.banner_area{
	background:url(images/banner-bg.jpg) no-repeat scroll 0 0/cover;
	height: 100vh;
}*/
#particles-js {
  position: relative;
  width: 100%;
  height: 100vh;
  background-color: #081f36;
  background-image: url(images/banner-bg.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 50%;
  z-index: 1;
}
.particles-js-canvas-el {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
}
.swiper_content {
	position: relative;
	top: 50%;
	transform: translateY(-50%);
	padding-top: 100px;
}
.slider_left h2 {
	font-size: 36px;
	color: #fff;
	font-weight: 700;
}
.slider_left h1 {
	font-size: 60px;
	color: #fff;
	font-weight: 700;
	margin-bottom: 50px;
}
.slider_left h1 span,.slider_left h2 span{
	color: #eeb81c;
}
.slider_left p {
	font-size: 16px;
	color: #e6e6e6;
	line-height: 30px;
	width: 70%;
}
.slider_right {
	text-align: right;
}
/* ---------------------------------------------
        ==Start Banner CSS==
--------------------------------------------- */


/* ---------------------------------------------
        ==Start ICO Market CSS==
--------------------------------------------- */
.ico_market_area {
	background: #081f36;
}
.ico_market_left {
	padding-left: 20px;
}
.ico_market_left h1 {
	font-size: 40px;
	color: #fff;
	font-weight: 700;
	margin-bottom: 40px;
	line-height: 60px;
}
.ico_market_left span {
	color: #eeb81c;
}
.ico_market_left p {
	font-size: 16px;
	color: #e6e6e6;
	line-height: 30px;
	margin-bottom: 20px;
}
.ico_market_right {
	text-align: right;
}
/* ---------------------------------------------
        ==Start ICO Market CSS==
--------------------------------------------- */

/* ---------------------------------------------
        ==Start ICO Feature CSS==
--------------------------------------------- */
.ico_feature_area {
	background: url(images/ico-feature.jpg) no-repeat scroll 0 0/cover;
}
.ico_feature_right p {
	font-size: 16px;
	color: #e6e6e6;
	margin-bottom: 50px;
	line-height: 30px;
}
.ico_feature_list li {
	font-size: 16px;
	color: #e6e6e6;
	margin-bottom: 10px;
}
.ico_feature_list li b{
	font-size: 16px;
	color: #e6e6e6;
	font-weight: 500;
}
.ico_feature_list li {
	line-height: 28px;
	margin-bottom: 10px;
}
.ico_feature_list li span {
	margin-right: 14px;
	vertical-align: middle;
	font-size: 18px;
}
.ico_feature_left {
	padding-right: 82px;
}
/* ---------------------------------------------
        ==Start ICO Feature CSS==
--------------------------------------------- */


/* ---------------------------------------------
        ==Start ICO Token CSS==
--------------------------------------------- */
.ico_token {
	background: #081f36;
}
.ico_cont_down {
	text-align: center;
}
.countdown {
	font-size: 50px;
	color: #fff;
	font-weight: 700;
}
.CountdownContent{
	display: inline-block;
	margin: 0px 50px;
}
.CountdownLabel {
	display: block;
	font-size: 18px;
	color: #eeb81c;
	font-weight: 500;
}
.CountdownSeparator{
	vertical-align: top;
}
.ico_count_btn a {
	width: 211px;
	height: 57px;
	display: inline-block;
	line-height: 57px;
	border: 1px solid #eeb81c;
	background:#eeb81c;
}
/* ---------------------------------------------
        ==Start ICO Token CSS==
--------------------------------------------- */

/* ---------------------------------------------
        ==Start ICO Service CSS==
--------------------------------------------- */
.ico_service_area {
	background: #081f36;
	text-align: center;
}
.ico_single_ser_img {
	height: 70px;
	display: inline-block;
	margin-bottom: 30px;
}
.ico_single_ser h3 {
	font-size: 20px;
	color: #f4f4f4;
	font-weight: 700;
	margin-bottom: 23px;
}
.ico_single_ser h3:hover {
	color: #eeb81c;
}
.ico_single_ser {
	font-size: 16px;
	color: #e6e6e6;
	padding: 0px 30px;
}
/* ---------------------------------------------
        ==Start ICO Service CSS==
--------------------------------------------- */


/* ---------------------------------------------
        ==Start ICO Dis Token CSS==
--------------------------------------------- */
.ico_dis_token_area {
	background: url(images/ico-feature.jpg) no-repeat scroll 0 0/cover;
	text-align: center;
}
.ico_dis_token_content {
	display: inline-block;
}
.ico_dis_token_top ul li, 
.ico_dis_token_bottom ul li{
	display: inline-block;
	text-align: center;
	color: #fff;
	margin: 25px 45px;
	width: 142px;
	font-size: 16px;

}
.ico_dis_token_top ul li {
	margin: 0px 45px 25px;
	position: relative;
}
.ico_dis_token_top li span {
	position: absolute;
	left: 50%;
	top: 95px;
	font-size: 30px;
	margin-left: -15px;
}
.ico_dis_token_bottom ul li {
	margin-top: 25px 45px 0px;
	position: relative;
}
.ico_dis_token_bottom ul li span {
	display: block;
	position: absolute;
	font-size: 30px;
	bottom: 95px;
	left: 50%;
	margin-left: -17px;
}
.ico_dis_token_top ul li:hover {
	color: #eeb81c;
}
.ico_dis_token_bottom ul li:hover {
	color: #eeb81c;
}
/* ---------------------------------------------
        ==End ICO Dis Token CSS==
--------------------------------------------- */

/* ---------------------------------------------
        ==Start Team CSS==
--------------------------------------------- */
.ico_team_area {
	background: #081f36;
}
.ico_single_team {
	text-align: center;
}
.ico_single_team a h3 {
	font-size: 18px;
	color: #f4f4f4;
	font-weight: 700;
	font-family: 'Poppins', sans-serif;
}
.ico_single_img {
	margin-bottom: 30px;
	position: relative;
}
.ico_single_img::before {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: #0c2239;
	content: "";
	opacity: 0;
	transition: 0.5s;
}
.ico_single_team:hover .ico_single_img::before{
	opacity: 0.65;
}
.ico_single_team a h3 span {
	display: block;
	font-size: 14px;
	font-weight: 400;
	color: #eeb81c;
	line-height: 30px;
}
.ico_team_social {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%);
	width: 100%;
}
.ico_team_social a {
	width: 30px;
	height: 30px;
	background: #fff;
	display: inline-block;
	line-height: 30px;
	text-align: center;
	transform: rotate(0deg);
	margin: 0px 10px;
	border-radius: 3px;
	transition: 0.5s;
	opacity: 0;
}
.ico_team_social a i {
	transform: rotate(0deg);
	font-size: 16px;
	color: #282828;
	transition: 0.5s;
}
.ico_team_social a:hover{
	background: #eeb81c;
}
.ico_team_social a:hover i{
	color: #fff;
}
.ico_single_team:hover .ico_team_social a{
	transform: rotate(45deg);
	opacity: 1;
}
.ico_single_team:hover .ico_team_social a i{
	transform: rotate(-45deg);
}

/* ---------------------------------------------
        ==Start Team CSS==
--------------------------------------------- */

/* ---------------------------------------------
        ==Start Footer CSS==
--------------------------------------------- */
.footer_area {
	background: url(images/footer-bg.jpg) no-repeat scroll 0 0/cover;
	text-align: center;
}
.footer_top_area {
	border-bottom: 1px solid #e1e2e24d;
}
.footer_content {
	max-width: 560px;
	margin: 0 auto;
}
.footer_content a {
	display: inline-block;
}
.footer_content img{
	margin-bottom: 30px;
}
.footer_content form p {
	font-size: 16px;
	color: #fff;
	margin-bottom: 33px;
}
.footer_content form {
	position: relative;
	margin-bottom: 40px;
}
.footer_content input {
	width: 100%;
	height: 54px;
	background: transparent;
	border: 1px solid #eeb81c;
	border-radius: 30px;
	padding-left: 30px;
	color: #959595;
}
.footer_content button {
	position: absolute;
	right: 0;
	bottom: 0;
	height: 54px;
	width: 200px;
	border-top-right-radius: 30px;
	line-height: 54px;
	background: #d8a91d;
	color: #04192f;
	text-transform: capitalize;
	font-weight: 500;
	font-size: 18px;
	border-bottom-right-radius: 30px;
}
.footer_social_list a {
	width: 36px;
	height: 36px;
	background: #fff;
	line-height: 36px;
	transform: rotate(45deg);
	margin: 0px 10px;
	border-radius: 5px;
}
.footer_social_list a:hover {
	background: #eeb81c;
}
.footer_social_list a:hover i{
	color: #fff;
}
.footer_social_list a i {
	transform: rotate(-45deg);
	font-size: 16px;
	color: #0c2239;
}
.footer_bottom_area {
	padding: 50px 0px;
}
.footer_bottom_area p {
	font-size: 16px;
	color: #fff;
	font-weight: 400;
}
.footer_bottom_area p a{
	color: #eeb81c;
	font-weight: 500;
}
/* ---------------------------------------------
        ==End Footer CSS==
--------------------------------------------- */
.moving-item .cryptonatorwidget > div:first-child {
    display: block;
}
.moving-item .cryptonatorwidget > div {
	display: none;
	font-size: 16px;
	color: #fff;
	font-weight: 500;
	font-family: 'Poppins', sans-serif;
	position: relative;
}
.banner_bottom_area {
	overflow: hidden;
}
.banner_bottom_area {
	overflow: hidden;
	background: #0b0c22;
	padding: 80px 0px 29px;
    height: 290px;
}
.moving-item .cryptonatorwidget {
	border: 1px solid transparent !important;
}
.moving-item h2 {
	color: #eeb81c;
	font-size: 18px;
	position: relative;
}
.moving-item h2::after {
	position: absolute;
	content: "\f0d8";
	font-family: 'FontAwesome';
	left: calc(100% + 40px);
	font-size: 22px;
	top: -3px;
	line-height: 24px;
}
.moving-item:nth-child(odd) h2:after{
	content:"\f0d7";
	color: #ea0606;
}
.moving-item {
	display: inline-block;
	padding: 30px 80px 30px 40px;
	border-right: 2px dashed #081f36;
}
/*.moving-item:last-child {
	border-right: 0px;
}*/
.moving-item h3 {
	font-size: 16px;
	color: #d7d7d7;
	font-weight: 400;
	margin-top: 23px;
}
.moving-item h3 span{
	color: #ea0606;
}
.moving-item.overlay .moving-item h3 span{
	color: #eeb81c;
}
.cryptonatorwidget b {
	color: #ea0606;
	font-weight: normal;
}
.cryptonatorwidget b font {
    position: absolute;
    right: 0;
    top: 0;
}
.moving-item .cryptonatorwidget b font::after {
	position: relative;
	position: absolute;
	content: "\f0d7";
	font-family: 'FontAwesome';
	font-size: 30px;
	color: #ea0606;
	vertical-align: middle;
	margin-left: 30px;
	top: -10px;
	left: 100%;
}
.moving-item.overlay .cryptonatorwidget b font::after {
	content: "\f0d8";
	color: #eeb81c;
}
.moving-item .cryptonatorwidget b b {
	color: #ea0606;
	margin-left: 28px;
	display: none;
}
.moving-item.overlay .cryptonatorwidget b b{
	color: #eeb81c;
	display: none;
}
.moving-item.overlay .cryptonatorwidget b{
	color: #eeb81c;
}
.cryptonatorwidget {
	padding: 0px !important;
}
/*===================================================================
                ==End Resset Css==
==================================================================*/

/*===================================================================
                ==Start Team Page Css==
==================================================================*/
/*breadcrumb*/
.ico_breadcrumb_area {
	height: 536px;
	background: url(images/breadcrumb-bg.jpg);
	display: flex;
	align-items: center;
	justify-content: center;
}
.ico_breadcrumb_area h1 {
	font-size: 60px;
	color: #f4f4f4;
	font-weight: 700;
	padding-top: 100px;
}
.ico_breadcrumb_area h1 span{
	color: #eeb81c;
}
/*breadcrumb*/
.ico_market_area.two {
	background: #0c1c2c;
}
/*===================================================================
                ==End Team Page Css==
==================================================================*/
/*===================================================================
                ==Start Contact Page Css==
==================================================================*/
.Contact_area {
	background: #081f36;
}
.contact_address_list li {
	width: 50%;
	float: left;
	margin-bottom: 50px;
}
.contact_add_desc, 
.con_add_icon {
	display: inline-block;
	vertical-align: middle;
}
.contact_address_list{
	overflow: hidden;
}
.contact_add_desc {
	font-size: 16px;
	color: #e6e6e6;
	line-height: 26px;
}
.contact_add_desc:hover {
	color: #eeb81c;
}
.contact_add_desc a {
	display: block;
	font-size: 16px;
	color: #e6e6e6;
	margin-top: 0;
	line-height: 26px;
}
.contact_add_desc a:hover {
	color: #eeb81c;
}
.con_add_icon i {
	font-size: 22px;
	color: #eeb81c;
}
.con_add_icon {
	margin-right: 20px;
	margin-top: -18px;
}
.ico_contact_left {
	padding: 0px 100px;
}
.contact_form {
	padding: 0px 100px;
}
.contact_form input, .contact_form textarea {
	width: 100%;
	padding: 0px 20px;
	background: #04192f;
	border: none;
	color: #8e9296;
	font-weight: 700;
	margin-bottom: 40px;
}
.contact_form input {
	height: 64px;
}
.contact_form textarea {
	height: 150px;
	resize: none;
	padding: 20px;
}
.contact_form button {
	background: transparent;
}
.contact_top {
	margin-bottom: 55px;
}
.contact_top h1 {
	font-size: 40px;
	color: #fff;
	font-weight: 700;
	margin-bottom: 40px;
	line-height: 60px;
}
.contact_top span {
	color: #eeb81c;
}
.contact_top p {
	font-size: 16px;
	color: #e6e6e6;
	line-height: 30px;
}
#contactgoogleMap{
	width: 100%;
	height: 460px;
}
/*===================================================================
                ==End Contact Page Css==
==================================================================*/

/*===================================================================
                ==Start Feature Page Css==
==================================================================*/
.page_feature_area {
	background: url(images/pg-feature-bg.jpg) no-repeat scroll 0 0/cover;
}
.feature .ico_breadcrumb_area {
	border-bottom: 0px;
}
.sn_pg_feature {
	text-align: center;
	position: relative;
	z-index: 1;
	height: 400px;
}
.sn_pg_ftr_inner {
	top: 50%;
	position: relative;
	transform: translateY(-50%);
}
.sn_pg_feature::before {
	position: absolute;
	content: "";
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #081f36;
	transform: scale(0);
	z-index: -1;
}
.sn_pg_feature:hover:before{
	transform: scale(1);
}
.sn_pg_feature span {
	font-size: 36px;
	color: #fff;
	padding-bottom: 25px;
	display: inline-block;
}
.sn_pg_feature:hover .sn_pg_ftr_inner span {
	color: #eeb81c;
}
.sn_pg_feature h3:hover {
	color: #eeb81c;
}
.sn_pg_feature h3 {
	font-size: 18px;
	color: #fff;
	text-transform: uppercase;
	font-weight: 600;
	margin-bottom: 16px;
}
.sn_pg_feature p {
	font-size: 16px;
	color: #d7d7d7;
	line-height: 30px;
}

/*progress area*/
.skill .progress {
	background-color: #fff;
	border-radius: 0;
	box-shadow: none;
	display: inline-block;
	height: 12px;
	margin-bottom: 59px;
	margin-right: 0px;
	overflow: visible;
	position: relative;
	width: 100%;
}
.skill-bar-area {
	padding-right: 79px;
}
.skill .progress .lead {
	color: #e6e6e6;
	font-size: 16px;
	font-weight: 500;
	left: 0;
	position: absolute;
	top: -45px;
	z-index: 99;
	font-family: 'Poppins', sans-serif;
}
.skill .progress-bar {
	background: #eeb81c;
}
.progress-bar {
	float: left;
	width: 0;
	height: 100%;
	font-size: 12px;
	line-height: 20px;
	color: #fff;
	text-align: center;
	background-color: #337ab7;
	-webkit-transition: width .6s ease;
	-o-transition: width .6s ease;
	transition: width .6s ease;
}
.skill .progress-bar span {
	color: #e6e6e6;
	float: right;
	font-size: 16px;
	font-weight: 600;
	margin-right: 0;
	margin-top: -75px;
	padding: 0 5px;
	position: relative;
	text-align: right;
}
.skill {
	overflow: hidden;
	padding-top: 40px;
}
.progress_area {
	background: #0c2239;
}
.progress_content ul.nav {
	margin-bottom: 120px;
	width: 100%;
	text-align: center;
	display: block;
	border-bottom: 3px solid #b8bfc6;
}
.progress_content ul.nav li {
	display: inline-block;
	width: 19%;
}
.progress_content ul.nav li a {
	font-size: 18px;
	color: #fffefe;
	font-weight: 500;
	display: block;
	padding-bottom: 40px;
	position: relative;
}
.progress_content ul.nav li a.active {
	color: #eeb81c;
}
.progress_content ul.nav li a::after {
	position: absolute;
	content: "";
	left: 50%;
	bottom: 0;
	width: 16px;
	height: 16px;
	border-radius: 50%;
	border: 1px solid #b8bfc6;
	margin-left: -8px;
	margin-bottom: -10px;
	background: #0c2239;
}
.progress_content ul.nav li a.active::after {
	border: 2px solid #eeb81c;
}
.progress:last-child {
	margin-bottom: 0px;
}
/*progress area*/
/*===================================================================
                ==End Feature Page Css==
==================================================================*/

/*===================================================================
                ==Start Feature2 Page Css==
==================================================================*/
.currency_slider_area{
	background: url(images/feature-2-bg.jpg) no-repeat scroll 0 0/cover;
}
#price-two-part {
	background: #313131;
}
.owl-carousel{
	display: block;
}
.price-two-item {
	padding: 0 15px;
	text-align: center;
}
.price-two-item .item-img {
	position: relative;
	background: #081f36;
	padding: 100px 0px;
}
.price-two-item .item-img img {
	width: auto;
	display: inline-block;
	margin: 0 auto;
}
.price-two-item .item-img .title {
	position: absolute;
	bottom: 36px;
	left: 50%;
	transform: translateX(-50%);
	color: #fff;
	font-size: 18px;
	font-weight: 700;
	text-transform: uppercase;
	margin-bottom: 0;
}
.price-two-item .item-img .rate {
	position: absolute;
	right: 30px;
	top: 30px;
	color: #06192c;
	background: #eeb81c;
	padding: 10px;
	border-radius: 3px;
	font-size: 16px;
	font-weight: 700;
}
.price-two-des {
	text-align: center;
	background: #06192c;
	padding: 50px 0px;
}
.price-two-des h3 {
	color: #eeb81c;
	font-size: 22px;
	font-weight: 700;
}
.price-two-des .buy-btn {
    text-align: center;
    padding: 0px 15px 0 15px;
    margin-top: 15px; 
}
.buy-btn a {
	width: auto;
	padding: 0px 30px;
}
.date p {
	font-size: 16px;
	color: #e8e8e8;
	font-weight: 500;
}
.date {
	padding: 15px 0px 15px;
}
.tavit{
    width:400px;
    height:300px;
    background-color:yellow;
    border:dashed; 
    border-style:double;
    margin:auto;
    font-size:medium;
    text-align:right;
}
/*===================================================================
                ==End Feature2 Page Css==
==================================================================*/

/*===================================================================
                ==Start Responsive Css==
==================================================================*/
@media (max-width: 1650px) {
	.custom_container{
        max-width: 1200px;
    }
    /*contact area*/
    .contact_form,.ico_contact_left {
		 padding: 0; 
	}
	.ico_market_left h1 {
		font-size: 30px;
		margin-bottom: 24px;
		line-height: 54px;
	}
	.slider_left h1 {
		font-size: 48px;
	}

	.CountdownContent{
		margin: 0px 25px;
	}
    /*contact area*/
}
@media (max-width: 1199px) {
	 .custom_container{
        max-width: 960px;
    }
    /*contact area*/
    .contact_form,.ico_contact_left {
		 padding: 0; 
	}
	.contact_address_list li {
		width: 100%;
		margin-bottom: 22px;
	}
	.mainmenu ul li a {
		font-size: 16px;
		padding: 0px 15px;
	}
	.ico_market_left h1 {
		font-size: 30px;
	}
	.sn_pg_ftr_inner {
		padding: 0px 60px;
	}
	.slider_left h1 {
		font-size: 36px;
	}
	.ico_dis_token_top ul li, .ico_dis_token_bottom ul li {
		width: 138px;
	}
    /*contact area*/
}
@media (max-width: 991px) {
	.custom_container{
        max-width: 720px;
    }

    /*header*/
    .header_area {
		display: none;
	}
	.ico_breadcrumb_area h1 {
		padding-top: 0px;
	}
	.ico_breadcrumb_area {
		height: 400px;
	}
    /*contact area*/
    .contact_form,.ico_contact_left {
		 padding: 0; 
	}
	.contact_address_list li {
		width: 100%;
		margin-bottom: 22px;
	}
	.ico_market_left h1 {
		font-size: 24px;
		line-height: 40px;
	}
	.skill-bar-area {
		padding-right: 0;
	}
	.progress_content ul.nav li a {
		font-size: 14px;
	}
    /*contact area*/
	.slider_left h1 {
		font-size: 33px;
		margin-bottom: 21px;
	}
	.slider_left h2 {
		font-size: 25px;
		margin-bottom: 10px;
	}
	.swiper_content {
		padding-top: 0;
	}
	.ico_single_ser {
		margin-bottom: 50px;
	}
	.ico_dis_token_top ul li, .ico_dis_token_bottom ul li {
		width: 78px;
	}
	#mobile-nav-wrap {
		display: block;
	}
	.padding_200 {
		padding: 100px 0px 100px;
	}

	.CountdownContent{
		margin: 0px 30px;
	}
	.ico_dis_token_content img {
		width: 90%;
	}
	.ico_dis_token_top li span {
		top: 78px;
	}
	.ico_dis_token_bottom ul li span {
		bottom: 79px;
	}
	.slider_left p {
		width: 100%;
	}
}
@media (max-width: 767px) {
	 .custom_container{
        max-width: 540px;
    }
    #particles-js {
	    height: auto;
	    padding: 70px 0px;
	}
	.slider_right {
	    margin-bottom: 50px;
	}
	.btn_one {
	    width: 175px;
	    height: 50px;
	    line-height: 50px;
	}

	.swiper_content {
	    top: 0;
	    transform: translateY(0);
	    text-align: center;	
	}
	.slider_btn {
	    margin-top: 30px;
	}
	.slider_left p {
	    display: none;
	}
	.ico_breadcrumb_area {
		height: 300px;
	}
	.contact_form {
		padding: 0;
		margin-top: 60px;
	}
    /*contact area*/
    .ico_contact_left {
		padding: 0px 50px;
	}
	.contact_address_list li {
		width: 100%;
	}
	.contact_form {
		padding: 0px 50px;
	}
    /*contact area*/
    .section_title h1 {
		font-size: 25px;
	}
	.progress_content ul.nav li {
		width: 100%;
	}
	.progress_content ul.nav li a::after {
		display: none;
	}
	.skill-bar-area {
		padding-right: 0;
		margin-bottom: 50px;
	}
	.sn_pg_ftr_inner {
		transform: translateY(-50%);
		padding: 0px 40px;
	}
	.skill-bar-area {
		padding-right: 0;
	}
	.progress_content ul.nav li a {
		font-size: 13px;
	}
	.sn_pg_ftr_inner {
		padding: 0px 100px;
	}
	.progress_content ul.nav li a {
		font-size: 16px;
		word-wrap: break-word;
	}
	.swiper_content {
		 padding-top: 0px; 
	}
	.slider_left h1 {
		font-size: 40px;
		margin-bottom: 30px;
	}
	.mobile-menu-inner {
		width:50% !important;
	}
	.ico_market_right {
		margin-top: 50px;
	}
	.ico_feature_left {
		margin-bottom: 50px;
	}
	.ico_single_ser {
		margin-bottom: 40px;
	}
	.ico_dis_token_top ul li {
		margin: 0px -9px 25px;
	}
	.ico_dis_token_top ul li, .ico_dis_token_bottom ul li {
		margin: 20px 4px;
	}
	.ico_single_team {
		margin-bottom: 40px;
	}
	.sn_pg_ftr_inner {
		padding: 0;
	}
	.padding_200 {
		padding: 100px 0px 100px;
	}
	.CountdownContent{
		margin: 0px 20px;
	}
	.CountdownSeparator{
		vertical-align: top;
	}
	.ico_count_btn a {
		width: 180px;
		height: 48px;
		line-height: 48px;
	}
	.ico_single_ser {
		padding: 0px 0;
	}
	.ico_dis_token_top ul li, .ico_dis_token_bottom ul li {
		width: 116px;
	}
	.ico_dis_token_top li span {
		top: 58px;
	}
	.ico_dis_token_bottom ul li span {
		bottom: 58px;
	}
	.padding_140 {
		padding: 70px 0px;
	}
	.padding_top_140 {
		padding-top: 70px;
	}
	.feature .ico_market_right {
		margin-bottom: 47px;
	}
}
@media (max-width: 575px) {
	 .custom_container{
        max-width: 450px;
    }
	.ico_breadcrumb_area h1 {
		font-size: 35px;
	}
	.countdown {
		font-size: 20px;
	}
	.CountdownContent{
		margin: 0px 20px;
	}

	.CountdownLabel {
		font-size: 14px;
	}
    /*header*/
    .header_area {
		display: none;
	}
    /*header*/

    /*breadcrumb*/
	.ico_breadcrumb_area h1 {
		font-size: 26px;
		padding-top: 0;
	}
	.ico_breadcrumb_area {
		height: 240px;
	}
    /*breadcrumb*/

    /*contact area*/
    .ico_contact_left {
		padding: 0;
	}
	.contact_address_list li {
		width: 100%;
		margin-bottom: 20px;
	}
	.contact_form {
		padding: 0;
	}
    /*contact area*/

    /*footer area*/
    .footer_content button {
		width: 108px;
	}
	.footer_social_list a {
		margin-bottom: 30px;
		width: 32px;
		height: 32px;
	}
	.sn_pg_feature {
		margin-bottom: 48px;
		height: 300px;
	}
	.ico_market_left h1 {
		font-size: 20px;
		line-height: 40px;
	}
	.slider_left h1 {
		font-size: 24px;
		margin-bottom: 19px;
	}
	.slider_left p {
		width: 100%;
	}
	.ico_market_left {
		margin-bottom: 50px;
	}
	.ico_feature_left {
		margin-bottom: 50px;
	}
	.ico_dis_token_top ul li, .ico_dis_token_bottom ul li {
		width: 107px;
		margin: 0px 1px;
	}
	.price-two-item {
		margin: 0px 60px;
	}
	.sn_pg_ftr_inner {
		padding: 0 50px;
	}
	.ico_dis_token_top ul li, .ico_dis_token_bottom ul li {
		width: 106px;
	}
	.ico_dis_token_top li span {
		top: 35px;
	}
	.ico_dis_token_bottom ul li span {
		bottom: 35px;
	}
	.ico_dis_token_content {
		max-width: 450px;
	}
	.slider_left h2 {
		font-size: 22px;
		margin-bottom: 10px;
	}
}
@media only screen and (min-width: 300px) and (max-width: 479px){
	 .custom_container{
        max-width: 100%;
    }
    .progress_content ul.nav li a {
		font-size: 16px;
	}
	.ico_dis_token_top ul li, .ico_dis_token_bottom ul li {
		width: auto;
		margin: 0px 1px;
	}
	.mobile-menu-inner {
		width:100% !important;
	}
	.sn_pg_ftr_inner {
		padding: 0;
	}

	.price-two-item {
		margin: 0px;
	}
	.slider_left h2 {
		font-size: 20px;
		margin-bottom: 10px;
	}

	.CountdownContent{
		margin: 0px 10px;
	}
	.ico_dis_token_top li span {
		font-size: 15px;
	}
	.ico_dis_token_bottom ul li span {
		font-size: 15px;
	}
	.ico_dis_token_top ul li, .ico_dis_token_bottom ul li {
		font-size: 14px;
	}
	.ico_dis_token_top ul li, .ico_dis_token_bottom ul li {
		width: 67px;
	}
	.ico_dis_token_bottom ul li span {
		left: 64%;
	}
	.ico_dis_token_top li span {
		top: 32px;
		left: 63%;
	}
	section,footer{
		margin-top: -1px;
	}
}
/*===================================================================
                ==Start Responsive Css==
==================================================================*/