@import url('https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600,700,900');
h1, h2, h3, h4 {
	font-family: 'SF UI Display';
	color: #2b2868;
}
h1 {
	font-size: 50px;
}
p {
	font-family: 'SF UI Text';
}
a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
}
a:hover {
	text-decoration: none;
}
a:active {
	text-decoration: none;
}
a:focus {
	outline: none;
}
a {
	color: #2b2868;
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
}
body {
	font-family: 'Lato', sans-serif;
}
html {
	background-color: #fff;
	overflow-x: hidden;
}
/*menu-style-start*/


#cssmenu {
	width: 100%;
	margin-top: 5px;
	position: absolute;
	top: 0;
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
}
#cssmenu ul h3 {
	letter-spacing: 4px;
	font-weight: 300;
	margin-left: 34px;
	margin-top: 28px;
	padding-bottom: 1em;
	color: #fff;
	border-bottom: 1px solid #cbcada;
}
#cssmenu ul {
	z-index: 999;
	top: -1em;
	right: -16%;
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	width: 100%;
	display: none;
	position: absolute;
	background-color: #2b2868;
	padding: 0px;
	padding-bottom:30px;
}
#cssmenu.align-center > ul {
	text-align: left;
}
#cssmenu ul li {
	width: 100%;
}
#cssmenu ul ul li, #cssmenu li:hover > ul > li {
	height: auto;
}
#cssmenu > ul > li:hover > a {
	border-bottom: none;
	border-top: 0px;
}
#cssmenu > ul > li > a {
	font-size: 24px;
	text-decoration: none;
	color: #fff;
	background-color: none;
	display: block;
	padding: 27px 60px;
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	font-family: 'SF UI Display';
	font-weight: 300;
}
#cssmenu ul li a img {
	width: 15px;
	
	margin-right:15px;
	
}
#cssmenu ul li a, #cssmenu ul ul li a {
	width: 100%;
	border-bottom: 0;
	border-top: 0px;
}
#cssmenu ul li a:hover, #cssmenu ul li.active a {
	border-top: 0px;
	border-bottom: 0px;
	color: #f1476e;
}
#cssmenu ul ul li:hover > a, #cssmenu ul ul li a:hover {
	color: #fff;
	background-color: none;
}
#cssmenu > ul > li {
	float: none;
}
#cssmenu ul ul li a {
	padding-left: 25px;
}
#cssmenu ul ul ul li a {
	padding-left: 35px;
}
#cssmenu ul ul li a {
	color: #ccc;
	background: none;
}
#cssmenu ul ul li:hover > a, #cssmenu ul ul li.active > a {
	color: #0f75bc;
	background-color: #fff;
}
#cssmenu ul ul, #cssmenu ul ul ul, #cssmenu.align-right ul ul {
	position: relative;
	left: 0;
	top: 0px;
	width: 100%;
	margin: 0;
	text-align: left;
}
#cssmenu > ul > li.has-sub > a:after, #cssmenu > ul > li.has-sub > a:before, #cssmenu ul ul > li.has-sub > a:after, #cssmenu ul ul > li.has-sub > a:before {
	display: none;
}
#cssmenu #menu-button {
	display: block;
	/* padding: 19px; */
	color: #fff;
	cursor: pointer;
	font-size: 18px;
	text-transform: uppercase;
	font-weight: 700;
	text-align: left;
	position: absolute;
	z-index: 1024;
	right: 2em;
	top: 0em;
	/* width: 100%; */
	border: 2px solid #fff;
	width: 50px;
	height: 50px;
	border-radius: 75%;
	text-align: center;
	margin: 0 auto;/*background:url(images/humberger-back-2.png) no-repeat center center;
	background-size:contain;*/
}
/* #cssmenu #menu-button.menu-opened {
	  background:url(images/humberger-back.png) no-repeat center center;
	background-size:contain;
	  
	  }*/
#cssmenu #menu-button:after {
	position: absolute;
	top: 22px;
	right: 13px;
	display: block;
	height: 8px;
	width: 20px;
	border-top: 2px solid #fff;
	border-bottom: 2px solid #fff;
	content: '';
}
#cssmenu #menu-button:before {
	position: absolute;
	top: 16px;
	right: 13px;
	display: block;
	height: 2px;
	width: 20px;
	background: #fff;
	content: '';
}
#cssmenu #menu-button.menu-opened:after {
	top: 23px;
	border: 0;
	height: 2px;
	width: 15px;
	background: #fff;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
	right: 16px;
}
#cssmenu #menu-button.menu-opened:before {
	top: 23px;
	background: #fff;
	width: 15px;
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
	right: 16px;
}
}
#cssmenu .submenu-button {
	position: absolute;
	z-index: 99;
	right: 0;
	top: 0;
	display: block;
	border-left: 1px solid rgba(120, 120, 120, 0.2);
	height: 44px;
	width: 39px;
	cursor: pointer;
	background-color: #fff;
}
#cssmenu .submenu-button.submenu-opened {
	background: #fff;
	height: 44px;
	width: 39px;
}
#cssmenu ul ul .submenu-button {
	height: 37px;
	width: 37px;
}
#cssmenu .submenu-button:after {
	position: absolute;
	top: 19px;
	right: 15px;
	width: 8px;
	height: 2px;
	display: block;
	background: #fff;
	content: '';
}
#cssmenu ul ul .submenu-button:after {
	top: 17px;
	right: 14px;
}
#cssmenu .submenu-button.submenu-opened:after {
	background: #ffffff;
}
#cssmenu .submenu-button:before {
	position: absolute;
	top: 16px;
	right: 18px;
	display: block;
	width: 2px;
	height: 8px;
	background: #fff;
	content: '';
}
#cssmenu ul ul .submenu-button:before {
	top: 14px;
	right: 17px;
	color: #cc3333;
}
#cssmenu .submenu-button.submenu-opened:before {
	display: none;
}
#cssmenu > ul > li {
	padding: 0px;
	list-style: outside none;
}
/*menu-style-end*/
.color-pink {
	color: #f1476e;
}
.color-green {
	color: #1cd378;
}
.container-fluid {
	padding-left: 60px;
	padding-right: 60px;
}
.btn-light {
	background-color: #fff;
	border-radius: 75px;
	border: 0px;
	padding: 12px 53px;
	color: #2b2767;
	font-weight: bold;
	font-size: 16px;
}
.btn-light:hover, .btn-light:focus {
	background-color: #f1476e;
	color: #fff;
}
.banner-img-main { position:absolute; width:100%; top:0;}
.top.top1{
	background-color:#2b2868;
	
	}
	
	.fa-window-close{
	    color: #ffff;
    position: absolute;
    right: 49px;
    top: 6em;
    font-size: 24px;
    z-index: 9999;	
	
		
		}
.top {
	
	padding: 16px 0px;
	
    width: 100%;
    z-index: 9999;
	background-color: #2b2868;
}
.top .logo-main img {
	width: 150px;
}
.top .container-fluid {
	padding-left: 30px;
	padding-right: 30px;
}
.top .signup-btn {
	float: right;
	margin-right: 6em;
	margin-top: 1em;
	color: #fff;
}
.top .signup-btn span {
	color: #f1476e;	
}
.form-main-ban {
	
	padding: 60px 0;
	   
}
.form-main-ban .form-control {
	
	height: 45px;
	
	
}
.form-main-ban .btn-light {
	background-color: #f1476e;
	color: #fff;
	
}
.form-main-ban .btn-light:hover {
	background-color: #2b2868;
	
}

.form-main-ban ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #A7A7A7;
}
.form-main-ban ::-moz-placeholder { /* Firefox 19+ */
color: #A7A7A7;
}
.form-main-ban :-ms-input-placeholder { /* IE 10+ */
  color: #A7A7A7;
}
.form-main-ban :-moz-placeholder { /* Firefox 18- */
  color: #A7A7A7;
}

.form-main-ban .form-check-label {
	
	color: #A7A7A7;
	
}
.form-main-ban .bAYnUn {
    
    margin-top: 1.5rem;
    display: flex;
    flex-direction: row;
    -webkit-box-align: center;
    align-items: center;
    background-color: rgb(242, 242, 242);
    border-width: 1px;
    border-style: solid;
    border-color: rgb(222, 226, 230);
    border-image: initial;
    border-radius: 5px;
    padding: 0.5rem;
}
.form-main-ban .jfFvSZ {
    width: 40px;
    margin: 5px;
}
.form-main-ban .fSSMsL {
    font-size: 0.8rem;
    font-weight: lighter;
}


.banner {
	background-color: #0a0747;
	position: relative;
	height:104vh
	
}
.banner  .embed-responsive{ position:absolute; width:100%; left:0;}
.banner .container-fluid{
	
	/*background:url(images/banner-1.jpg) no-repeat center center;
	background-size:cover;*/
	width:90%;
}
.modal-dialog {
      max-width: 80%;
      margin: 30px auto;
  }



.modal-body {
  position:relative;
  padding:0px;
}
.close {
  position:absolute;
  right:-30px;
  top:0;
  z-index:999;
  font-size:2rem;
  font-weight: normal;
  color:#fff;
  opacity:1;
}
.play-icon{ position:absolute; width:100px; z-index:9; top: 50%; left: 50%;
  transform: translate(-50%,-50%);} 
/*.play-icon img{ cursor:pointer; }*/
.banner-content {
	padding:6.5em 0;
	top: 7em;
	z-index: 9;
}
.banner-content h1 {
	font-size: 54px;
    color: #fff;
    font-weight: bold;
}
.banner-content h1 span img {
	
	    margin-left: -5px;
}
.banner-content h1 span {
	font-weight: bold;
	font-family: 'Museo 700';
}
.banner-content h2 {
	font-size: 34px;
	color: #fff;
	font-weight: bold;
}
.banner-content p{
	font-size: 24px;
	color: #fff;
	
}
.banner-content .form-banner {
	margin-top: 2em;
}
.banner-content .form-banner .form-control {
	background-color: transparent;
	color: #fff;
	border: 0px;
	border-bottom: 1px solid #fff;
	border-radius: 0px;
}
.banner-content .form-banner .form-control:focus {
	box-shadow: none;
}
.banner-content .form-banner ::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
 color:#fff;
 opacity: 1; /* Firefox */
}
 .banner-content .form-banner :-ms-input-placeholder { /* Internet Explorer 10-11 */
 color:#fff;
}
 .banner-content .form-banner ::-ms-input-placeholder { /* Microsoft Edge */
 color:#fff;
}
.middle .guarantee-box h3, .middle .guarantee-box p {
	margin-bottom: 0px;
	font-family: 'Museo 500';
}
.middle .guarantee-box h3{ font-size:37px; }
.middle .guarantee-box p {
	color: #f1476e;
	font-size: 21px;
}
.middle .guarantee-box {
	position: absolute;
	right: 3.5em;
	background-color: #fff;
	border: 1px solid #bdbdbd;
	border-radius: 5px;
	width: 380px;
	z-index: 999;
	top: 2.5em;
	text-align: right;
	padding: 20px 15px;
	/*transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;*/
}
.middle .guarantee-box .icon-guarantee {
	position: absolute;
	left: -1.3em;
	width: 75px;
	top: -1.5em;
}

body:-webkit-full-page-media {
 background-color: rgb(11, 8, 72) !important;
 background-color:#0b0848 !important
}
.middle {
	background-color: #f7f7f7;
	padding: 100px 0;
	position: relative;
}
.middle .bg-blue-dark {
	padding: 50px 30px;
	text-align: center;
	background: url(images/bg-blue-dark-img.png) no-repeat bottom left;
	background-color: #2b2868;
}
.middle .bg-blue-dark h1 {
	color: #fff;
	font-weight: normal;
}
.middle .bg-blue-dark .icon-over-main {
	width: 60px;
	height: 70px;
	margin: 0 auto
}
.middle .bg-blue-dark p {
	color: #fff;
	font-size: 24px;
	max-width: 250px;
	margin: 0 auto;
}
.middle .bg-blue-dark p span {
	color: #f1466d;
	font-weight: bold;
}
.taking-criptic {
	background-color: #f7f7f7;
	padding-bottom: 40px;
}
.taking-criptic h1 {
	color: #2b2868;
}
.taking-criptic h1 span {
	font-weight: bold;
}
.taking-criptic h3 {
	color: #f1476e;
	font-size: 25px;
}
.taking-criptic-box {
	background-color: #f7f7f7;
	padding: 100px 0;
	text-align: center;
	position: relative;
}
.taking-criptic-box .bg-white {
	padding: 50px;
	border: 1px solid #cfcfcf;
	border-radius: 7px;
	margin: 0 25px;
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
}
.taking-criptic-box .bg-white p {
	color: #2b2868;
	font-size: 18px;
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
}
.taking-criptic-box .bg-white h2 {
	min-height: 100px;
	font-size: 28px;
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
}
.taking-criptic-box .box-icon-main {
	width: 150px;
	height: 150px;
	background-color: #fff;
	line-height: 150px;
	border: 1px solid #cfcfcf;
	margin: 0 auto;
	border-radius: 50%;
	margin-top: -9em;
	margin-bottom: 30px;
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
}
.taking-criptic-box .col-md-4:first-child .box-icon-main img {
	width: 50px;
}
.taking-criptic-box .box-icon-main img {
	width: 70px;
}
.taking-criptic-box .bg-white:hover, .taking-criptic-box .bg-white:hover .box-icon-main {
	background-color: #f1476e !important;
	border:1px solid #f1476e;
}
.taking-criptic-box .bg-white:hover h2, .taking-criptic-box .bg-white:hover p {
	color: #fff;
}
.box-back-line {
	position: absolute;
	width: 85%;
	height: 2px;
	background-color: #f1476e;
	top: 50%;
	left: 0;
	right: 0;
	margin: 0 auto;
}
.crypto-coinsmart {
	background: url(images/blue-bg-2.jpg) no-repeat center top;
	padding: 100px 0px;
	background-size: cover
}
.crypto-coinsmart h1 {
	font-weight: bold;
	color: #fff;
}
.crypto-coinsmart-content {
    max-width: 80%;
    margin: 0 auto;
    padding-top: 60px !important;
    padding-left: 2%;
}
.crypto-coinsmart-content .btn-light { padding:15px 70px; background-color:#f1476e; color:#fff;}
.crypto-coinsmart-content img {
	width: 100px;
	margin-right: -31px;
	margin-top: 65px;
	position: relative;
	z-index: 1;
}
.crypto-coinsmart-content h3 {
	color: #fff;
	max-width: 81%;
	margin: 20px 0px;
	font-weight: bold;
	font-size: 26px;
}
.crypto-coinsmart-content p {
	color: #fff;
	max-width: 81%;
	font-size: 18px;
}
.crypto-coinsmart-content h1 {
	font-size: 130px;
	font-weight: bolder;
	color: #f1466d;
	font-family: 'Source Sans Pro', sans-serif;
}
.crypto-coinsmart-content .pt-5 {
	padding-top: 6rem !important;
}
.currency-main {
	padding: 35px 0px 30px;
}
.currency-main .owl-carousel { padding-left:65px;}
.currency-main .owl-carousel .owl-nav [class*='owl-'] {
  transition: all .3s ease;
     /* background-color: #ccc;*/
    border-radius: 0;
}


.currency-main .owl-carousel .owl-nav [class*='owl-'].disabled:hover {
  background-color: #D6D6D6;
}

.currency-main .owl-carousel {
  position: relative;
}
.owl-dots{ display:none;}
.owl-nav.disabled  { display:block !important;}

.owl-carousel .owl-next,
.owl-carousel .owl-prev {
  width: 50px;
  height: 50px;
  line-height: 50px;
  border-radius: 50%;
  position: absolute;
  top: 0;
  font-size: 20px;
  color: #fff;
  border: 1px solid #ddd;
  text-align: center;
}

.owl-carousel .owl-prev {
  left: -60px;
}

.owl-carousel .owl-next {
  right: -60px;
}

.currency-main .currency-name {
	padding-left: 0px;
	padding-right:0px;
}
.currency-main .currency-name h4 {
	font-weight: bold;
	font-size: 12px;
	margin-bottom: 3px;
}
.currency-main .currency-name h5 {
	font-size: 15px;
	text-transform: uppercase;
}
.currency-main .currency-icon {
	padding: 0px;
}
.currency-main .currency-icon img {
	width: 30px !important;
}
.currency-main .currency-number {
	/*padding: 0px;*/
}
.currency-main .currency-number h3 {
	font-size: 14px;
	margin-bottom: 0px;
}
.currency-main .currency-number  .value, .currency-main .currency-number .value .fa{ color:#1cd378;}
.testimonials-main {
	padding: 70px 0;
	background: 
    /* top, transparent red, faked with gradient */ 
    linear-gradient(  rgba(43, 40, 107, 0.60),  rgba(43, 40, 107, 0.60)  ),     /* bottom, image */
    url(images/test-bg.jpg);
	background-size:cover;
}
.testimonials-main h1 {
	color: #fff;
}
.testimonials-main .card {
	margin: 0 auto;
	padding: 30px 0px 100px;
}
.testimonials-main .card .carousel-item {
	height: auto;
}
.testimonials-main .card .carousel-caption {
	padding: 0;
	right: 0;
	left: 0;
	color: #3d3d3d;
	position: static;
}
.testimonials-main .card .carousel-caption h3 {
	font-size: 24px
}
.testimonials-main .card .carousel-caption h3 span {
	font-size: 20px;
	color: #797979;
}
.testimonials-main .card .carousel-caption p {
	line-height: 30px;
	font-size: 18px;
	color: #000;
	font-family: 'SF UI Display';
	margin: 30px 15px;
	min-height:100px;
}
.testimonials-main .card .carousel-caption .col-sm-3 {
	display: flex;
	align-items: center;
}
.testimonials-main .card .carousel-caption .col-sm-9 {
	text-align: left;
}
.testimonials-main .card small {
	font-size: 18px !important;
	
}

.testimonials-main .card small a:hover {
	color:#1cd378;
}
.testimonials-main .card .carousel-control-prev, .testimonials-main .card .carousel-control-next {
	color: #3d3d3d !important;
	opacity: 1 !important;
	width: 50px;
}
.testimonials-main .carousel-control-prev-icon {
	background: url(images/icon-previous.svg) no-repeat center center;
	background-size: contain;
	width: 50px;
	height: 50px;
	margin-left:-4em;
}
.testimonials-main .carousel-control-next-icon {
	background: url(images/icon-next.svg) no-repeat center center;
	background-size: contain;
	width: 50px;
	height: 50px;
	margin-right: -4em;
}
.testimonials-main .carousel-indicators {
	bottom: -4em;
}
.testimonials-main .carousel-indicators .active {
	background-color: #2b2868;
}
.carousel-indicators li {
	background-color: #1cd378;
	    width: 10px;
    height: 10px;
    border-radius: 52%;
}
.newsletter-main{ padding:100px 0px; 
	background:url(images/newsletter-bg.png) no-repeat bottom right;
background-color:#1e1b5b; /*margin-top:100px;*/}
.newsletter-main h1{ color:#fff; font-size:45px;}
.newsletter-main form{ margin-top:5em;}
.newsletter-main .form-control {
	background-color: transparent;
	color: #fff;
	border: 0px;
	border-bottom: 1px solid #fff;
	border-radius: 0px;
}
.newsletter-main .form-control:focus {
	box-shadow: none;
}
.newsletter-main  ::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
 color:#fff;
 opacity: 1; /* Firefox */
}
.newsletter-main :-ms-input-placeholder { /* Internet Explorer 10-11 */
 color:#fff;
}
.newsletter-main ::-ms-input-placeholder { /* Microsoft Edge */
 color:#fff;
}
footer{ padding:100px 0px 30px;}
footer h4{ color:#292929; font-size:18px;}
footer .logo-footer-m  img{ width:200px;}
footer .social-icons a{ padding:8px 10px; font-size:22px;}
footer .social-icons a:hover{ color:#f1476e;}
footer .menu-links-f { padding-left:0px; margin-top:20px;}
footer .menu-links-f li{ padding:4px 0px; list-style:outside none;}
footer .menu-links-f li a, footer p{ color:#292929; font-size:14px;}
footer .menu-links-f li a:hover{ color:#f1476e;}
footer p .fa.fa-heart{ color:#f1476e;}

@media (min-width:1580px){ 
.middle .guarantee-box{ right:8.5em;}
.banner-content{ padding:12em 0;}
.box-back-line{ width:1350px;}
 .container{ max-width:1400px !important; width:1400px !important}
.container-fluid{ max-width:1500px !important; width:1500px !important}
	.banner-content h1 {
		
		
		font-size: 67px;
	}

}
@media (min-width:1780px){ 

.middle .guarantee-box{ right:16.5em;}
}

@media (min-width:1101px) and (max-width:1300px){ 
	
	.banner-content h1 {
    font-size: 40px;
    
}
	.banner-content h2 {
    font-size: 38px;
    
}
	.banner-content p {
    font-size: 15px;
   
}
	.banner-content {
    padding: 6.5em 0;
	}

}

@media (min-width:991px) and (max-width:1100px){
	
	.banner{ height:32em}
	.banner-content{ padding:5em 0;}
	.banner-content{ top:2em;}
.taking-criptic-box .bg-white{ padding:50px 15px; margin:0;}	
.banner-content h1{ font-size:34px;}
.banner-content h2{ font-size:24px;}
	.banner-content p {
		
		font-size: 14px;
	}
	.banner-content .form-banner {
    margin-top: 1em;
}
	}

@media (min-width:767px) and (max-width:991px){
	.top.top1 { background-color:transparent;}
	
	.owl-carousel .owl-prev {
  left: -28px;
}

.owl-carousel .owl-next {
  right: -14px;
}
	#benefits{ display:none !important;}
	.banner{ height:auto;}
	body{ overflow-x:hidden;}
	#cssmenu ul{ top:-1.5em;}
	.banner-content h1{ font-size:40px;}
.banner-content h2{ font-size:19px;}
	.banner-content{ padding:13em 0;}
	h1{ font-size:30px;}
	.taking-criptic-box{ padding:100px 0 50px;}
	.middle, .crypto-coinsmart{ padding:50px 0;}
	.banner-content{ top:2em;}
	.banner-content .form-banner{ margin-top:1em;}
	.guarantee-box{ display:none;}
	.container-fluid{ padding-left:15px !important; padding-right:15px !important;}
	.currency-main .container-fluid{ padding-left:30px !important;}
	.crypto-coinsmart-content h3{ max-width:100%;}
	.crypto-coinsmart-content p{ max-width:100%;}
	.taking-criptic-box .bg-white{ margin:0px; padding:50px 10px;}
	
	}

@media (max-width:767px){
	.top.top1 { background-color:transparent;}
	.middle .guarantee-box { display:none;}
	.owl-carousel .owl-prev {
  left: -28px;
}

.owl-carousel .owl-next {
  right: -28px;
}
	#benefits{ display:none !important;}
	.banner { height:auto;}
	.middle{ padding:50px 0;}
	.crypto-coinsmart-content p{ max-width:100%; font-size:15px;}
	.crypto-coinsmart-content h3{ max-width:100%; font-size:20px;}
	.taking-criptic-box .box-icon-main{ margin-top:-7em;}
	.taking-criptic-box .bg-white p{ font-size:12px;}
	.taking-criptic-box .bg-white h2{ min-height:70px;}
	
#cssmenu ul{ top:-4.5em;}
.top .signup-btn{ margin-top:-2.5em;}
#cssmenu #menu-button{ top:-3.2em;}
.top .logo-main img{ width:110px;}
.banner-content{ top:2em; width:92%; padding:11em 0;}

.banner-content h2{ font-size:15px; display:none !important}
	.banner-content h1{ font-size:30px; display:none !important}
	.banner-content .form-banner{ margin-top:2em;}
	.taking-criptic-box .bg-white h2{ font-size:17px;}
	.middle .bg-blue-dark p{ max-width:100%; font-size:20px;}
	.taking-criptic-box{ padding:50px 0 0;}
	.taking-criptic-box .bg-white{ margin:56px 0; padding:30px 15px;}
	h1{ font-size:36px;}
	
	#cssmenu ul h3{ font-size:24px;}
	#cssmenu > ul > li > a{ font-size:18px; padding:13px 60px;}
	
	body{ overflow-x:hidden;}
	.banner .guarantee-box, .banner .guarantee-box.fixed-box{ position:relative; display:none;}
	.container-fluid{ padding-left:30px !important; padding-right:30px !important;}
	footer{ padding:60px 0px;}
	
	}
@media (min-width:575px){	
.crypto-coinsmart-content .order-2 {
    -webkit-box-ordinal-group: 1 !important;
    -ms-flex-order: 1 !important;
    order:1 !important;
}
}
@media (max-width:575px){	

.play-icon{ width:50px;}
.taking-criptic h3{ font-size:20px;}
.crypto-coinsmart-content .pt-5 {
    padding-top: 0rem !important;
}
h1{ font-size:30px;}
#cssmenu ul{ top:-4.5em;}
.top .signup-btn{ margin-top: 0px;
    float: none;
    display: block;
    text-align: center;
    margin-right: 0px;
    padding: 20px;}
#cssmenu #menu-button{ top:-3.2em;}
.top .logo-main img{ width:110px;}
.banner-content{ top:2em; width:92%; padding:6.5em 0;}

.banner-content h2{ font-size:15px;}
	.banner-content h1{ font-size:30px;}
	.banner-content .form-banner{ margin-top:2em;}
}
.header-text{
display:none;
}
@media(max-width:600px){
.header-text{
display: block;
    text-align: center;
    color: #ffffff;
    width: 100%;
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 13px;
}
}