
ol {
	margin: 0 0 22px;
	line-height: 22px;
}



 #hero {
     position: relative;
     /*background: #000;*/
     z-index: 5;}


 .inner #main .content {
     background: #fff;
}


 @media (min-width: 768px) and (max-width: 1400px) {
     #hero {
     height: 300px !important;}
}

 


 @media (max-width: 767px) {
	 #hero {
     height: 225px !important;}
}
 #hero .slider-main {
     position: absolute;
     left: 0;
     right: 0;
     bottom: 0;
     top: 0;
     z-index: 1;
}

 #hero .slider-main .slick-list, #hero .slider-main .slick-track {
     position: absolute;
     left: 0;
     right: 0;
     bottom: 0;
     top: 0;
}
 #hero .slider-main .slick-slide {
     background-size: cover;
     background-position: center;
}
 #hero .slider-main .slick-slide .container {
     position: relative;
     z-index: 9;
     top: 50%;
     -webkit-transform: translateY(-50%);
     -ms-transform: translateY(-50%);
     transform: translateY(-50%);
}
 @media (min-width: 768px) {
     #hero .slider-main .slick-slide .container {
         opacity: 0;
         margin-top: -50px;
         transition: all 0.6s ease-in-out 0s;
    }
}
 @media (max-width: 1400px) {
     #hero .slider-main .slick-slide .container {
         top: 50%;
    }
}
 @media (max-width: 767px) {
     #hero .slider-main .slick-slide .container {
         top: calc(50% - 30px);
    }
}
 #hero .slider-main .slick-slide .slide-cta {
     position: relative;
     color: #fff;
     width: 40%;
     /*text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.7);*/
     position: relative;
}
 @media (min-width: 768px) {
     #hero .slider-main .slick-slide .slide-cta {
         box-shadow: none;
    }
}
 #hero .slider-main .slick-slide .slide-cta h2 {
     font-weight: bold;
     margin-bottom: 30px;
}
 @media (min-width: 768px) {
    #hero .slider-main .slick-slide .slide-cta h2 {         
	font-family: "Work Sans",sans-serif;
    font-weight: 400;
	font-size: 16px;  
    width: 70%; 
    color: #000; 
    text-align: center;
    line-height: 20px;
    margin: 0 auto 20px auto;}
}
 
 @media (max-width: 991px) {
    .blur-bg {
  position: relative;
  padding: 0 0 50px 0;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
  background-size: 300px;
  background-image: url(../images/worldmap.png);
}

    .blur-bg h4 {
  display: block;
  font-family: "Work Sans",sans-serif;
  font-weight: 800;
  font-size: 20px;
  color: #103C5E;
  text-align: center;
  margin: 10px 0;
  text-transform: capitalize;}

   
  test-pic{
        width:115px;
        box-sizing: border-box;
        height: 115px;
        position: absolute;
        border-radius: 50%;
        left: 0;
        right: 0;
        margin:auto;
        padding:10px;
        overflow: hidden;
        border: solid 3px #012933;}
        
        .test-pic{
        overflow: hidden;}
        
        .test-pic img{
        width:100%;
        height: auto;}


}
 @media (max-width: 767px) {
	 
	#hero .slider-main .slick-slide .slide-cta h6 {
		width: 100% !important;
		margin: 0 !important;
		font-family: "Work Sans",sans-serif;
		color:#fff;
		font-size: 12px;
		text-align:left;
		position: absolute;
		top: 5px; 
		z-index: 999999;}
		
     #hero .slider-main .slick-slide .slide-cta h2 {
		width: 100% !important;
		margin: 20px 0 0 0 !important;
		font-family: "Work Sans",sans-serif;
		font-weight: 300;
		color:#333;
		font-size: 12px;
		letter-spacing: 0.2px;
		text-align:center;}


	#hero .slider-main .slick-slide .slide-cta p {
     	font-size: 16px;
		text-align:left;
		margin-left: 20px;
		font-family: "Work Sans",sans-serif;
    }

	
	
	
}
 @media (min-width: 768px) {
     #hero .slider-main .slick-slide .slide-cta p {
     	font-size: 28px;
		font-family: "Work Sans",sans-serif;
		line-height: 36px;
    }
}
 #hero .slider-main .slick-slide .slide-cta .btn {
     text-shadow: none;
}
 #hero .slider-main .slick-slide .slide-cta .btn-group .btn {
     max-width: 200px;
}
 @media (max-width: 1600px) {
     #hero .slider-main .slick-slide .slide-cta {
        width: 60%;
		margin: 40px auto 0 auto;
    }
}
 @media (max-width: 1199px) {
     #hero .slider-main .slick-slide .slide-cta {
         width: 65%;
    }
}
 @media (max-width: 767px) {
     #hero .slider-main .slick-slide .slide-cta {
         text-align: center;
         width: auto;
         margin: auto;
		 left: 0;
		 top: 80px;
    }
}
 @media (min-width: 768px) {
     #hero .slider-main .slick-slide.slick-current .container {
         margin-top: 0px;
         opacity: 1;
    }
}
 #hero .slider-main .slick-slide:before {
     content: "";
     position: absolute;
     z-index: 8;
     left: 0;
     right: 0;
     bottom: 0;
     top: 0;
    /* background: rgba(0, 0, 0, 0.3);*/
}

 @media (min-width: 768px) {
     #hero .slider-main .slick-slide:after {
         content: "";
         position: absolute;
         left: 0;
         right: 0;
         bottom: 0;
         top: 0%;
        /* background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.4) 20%, transparent 100%);
         background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.4) 20%, transparent 100%);
         background-image: linear-gradient(to right, rgba(0, 0, 0, 0.4) 20%, transparent 100%);
         background-repeat: repeat-x;
         filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#66000000', endColorstr='#00000000', GradientType=1);*/}
 }

 @media (min-width: 320px) {
#hero .slider-main .slick-arrow {
     position: absolute;
     width: 25px;
     height: 30px;
     top: 50%;
     margin-top: -25px;
     z-index: 10;
     overflow: hidden;
     border: 0;
     font-size: 0;
     text-align: -999em;
     background-image: url("../images/svg/cryptoaccesscards-arrow.svg");
     background-size: contain;
     background-color: transparent;
     cursor: pointer;
     opacity: .6;
     transition: opacity 0.2s linear 0s;}


 
}
 @media (max-width: 767px) {
     #hero .slider-main .slick-slide {
         position: relative;
    }
	
	.blur-bg{
         position: relative;
		 padding: 50px 0;
		 /* Add the blur effect
		  filter: blur(8px);
		  -webkit-filter: blur(8px);
		  height: 100%; */
		  
		  /* Center and scale the image nicely */
		  background-repeat: no-repeat;
		  background-size: contain;		  
          background-position: center center;
          background-size:300px;
		  background-image: url(../images/worldmap.png);
		  
    }
	
	.blur-bg h4{
		display: block;
		font-family: "Work Sans",sans-serif;
		font-weight: 800;
		font-size: 20px;
		color: #103C5E;
		text-align: center;
		margin: 10px 0 20px 0;
		text-transform: capitalize;}
	
	test-pic{
		width:115px;
		box-sizing: border-box;
		height: 115px;
		position: absolute;
		border-radius: 50%;
		left: 0;
		right: 0;
		margin:auto;
		padding:10px;
		overflow: hidden;
        border: solid 3px #012933;}
		
		.test-pic{
		overflow: hidden;}
		
		.test-pic img{
		width:100%;
		height: auto;}
}

 
	 
 #hero .slider-main .slick-arrow:hover {
     opacity: 10;
}
 #hero .slider-main .slick-arrow.slick-prev {
     left: 100px;
     -webkit-transform: rotate(180deg);
     -ms-transform: rotate(180deg);
     transform: rotate(180deg);
}
 #hero .slider-main .slick-arrow.slick-next {
     right: 100px;
}
 @media (max-width: 1600px) {
     #hero .slider-main .slick-arrow {
         display: block; 
    }
	
}


 @media (min-width: 1300px) {
#hero .slider-main .slick-arrow {
     position: absolute;
     width: 40px;
     height: 48px;
     top: 30%;
     margin-top: -25px;
     z-index: 10;
     overflow: hidden;
     border: 0;
     font-size: 0;
     text-align: -999em;
     background-image: url("../images/svg/slider-arrow-white.svg");
     background-size: contain;
     background-color: transparent;
     cursor: pointer;
     opacity: .6;
     transition: opacity 0.2s linear 0s;}	
 }



 @media (min-width: 1400px) {
     #hero .slider-main .slick-arrow {
         /*bottom: 20%;*/
         display: block !important;
    }
     #hero .slider-main .slick-arrow.slick-prev {
         right: 250px;
    }
     #hero .slider-main .slick-arrow.slick-next {
         left: 250px;
    }
}


 @media (max-width: 767px) {
	#hero .slider-main .slick-arrow {
         bottom: 70%;
         top: auto;
         display: block !important;}
     
	#hero .slider-main .slick-arrow.slick-prev {
         left: 40px;}
    
	#hero .slider-main .slick-arrow.slick-next {
         right: 40px;}
	
	#hero .slider-pager {
     position: absolute;
     bottom: 130px;
     left: 0;
     right: 0;
     z-index: 100;}  





}




 @media (max-width: 1600px) {
     #hero .slider-pager {
         margin:auto;
		 text-align:center;}
		 
	#hero .slider-pager {
     position: absolute;
     bottom: 50px;
     left: 0;
     right: 0;
     z-index: 100;} 
	 
	  

}
 @media (max-width: 991px) {
     /*#hero .slider-pager {
         bottom: 100px;
         left: 0;
    }*/
}

 #hero .slider-pager .slick-dots {
     list-style: none;
     padding-left: 0;
     margin: auto;
     -webkit-transform: translateY(-50%);
     -ms-transform: translateY(-50%);
     transform: translateY(-50%);
}
 #hero .slider-pager .slick-dots:before, #hero .slider-pager .slick-dots:after {
     content: " ";
     display: table;
}
 #hero .slider-pager .slick-dots:after {
     clear: both;
}



 #hero .slider-pager .slick-dots li {
     display: inline-block;
     cursor: pointer;
     margin-right: 10px;
}
 #hero .slider-pager .slick-dots li span {
     display: inline-block;
     width: 8px;
     height: 8px;
     text-indent: -999em;
     overflow: hidden;
     border-radius: 50%;
     background: #fff;
     font-size: 0;
     line-height: 0;
     transition: background 0.3s ease 0s;
	 box-shadow: 0 2px 5px 0 rgba(0,0,0,0.1);
	 border: 2px solid #CECECE;
}

 #hero .slider-pager .slick-dots li.slick-active span {
     background: #012933;
	 border: 2px solid #FFF;
}
 


 @media (min-width: 1200px) {
     .inner #main .content .col-xs-12.col-md-8.col-lg-9 {
         padding-right: 30px;
    }
	


}
/* Slider */
 .slick-slider {
     position: relative;
     display: block;
     box-sizing: border-box;
     -webkit-touch-callout: none;
     -webkit-user-select: none;
     -khtml-user-select: none;
     -moz-user-select: none;
     -ms-user-select: none;
     user-select: none;
     -ms-touch-action: pan-y;
     touch-action: pan-y;
     -webkit-tap-highlight-color: transparent;
}
 .slick-list {
     position: relative;
     overflow: hidden;
     display: block;
     margin: 0;
     padding: 0;
}
 .slick-list:focus {
     outline: none;
}
 .slick-list.dragging {
     cursor: pointer;
     cursor: hand;
}
 .slick-slider .slick-track, .slick-slider .slick-list {
     -webkit-transform: translate3d(0, 0, 0);
     -moz-transform: translate3d(0, 0, 0);
     -ms-transform: translate3d(0, 0, 0);
     -o-transform: translate3d(0, 0, 0);
     transform: translate3d(0, 0, 0);
}
 .slick-track {
     position: relative;
     left: 0;
     top: 0;
     display: block;
}
 .slick-track:before, .slick-track:after {
     content: "";
     display: table;
}
 .slick-track:after {
     clear: both;
}
 .slick-loading .slick-track {
     visibility: hidden;
}
 .slick-slide {
     float: left;
     height: 100%;
     min-height: 1px;
     display: none;
}
 [dir="rtl"] .slick-slide {
     float: right;
}
 .slick-slide img {
     display: block;
}
 .slick-slide.slick-loading img {
     display: none;
}
 .slick-slide.dragging img {
     pointer-events: none;
}
 .slick-initialized .slick-slide {
     display: block;
}
 .slick-loading .slick-slide {
     visibility: hidden;
}
 .slick-vertical .slick-slide {
     display: block;
     height: auto;
     border: 1px solid transparent;
}
 .slick-arrow.slick-hidden {
     display: none;
}
 #scene .scene_element {
     -webkit-transition-timing-function: ease-in;
     transition-timing-function: ease-in;
     -webkit-animation-fill-mode: both;
     animation-fill-mode: both;
     -webkit-animation-duration: 1s;
     animation-duration: 1s;
}
 #scene .scene_element.fadein {
     -webkit-animation-name: fadeIn;
     animation-name: fadeIn;
}
 #scene.is-exiting .scene_element.fadein {
     -webkit-animation-delay: 0s;
     animation-delay: 0s;
     -webkit-animation-name: fadeOut;
     animation-name: fadeOut;
}
 @media (min-width: 992px) {
     #scene header {
        /*-webkit-transition-timing-function: ease-in;
         transition-timing-function: ease-in;
         -webkit-animation-fill-mode: both;
         animation-fill-mode: both;
         -webkit-animation-delay: 0.5s;
         animation-delay: 0.5s;
        */
         -webkit-animation-duration: 0.5s;
         animation-duration: 0.5s;
         -webkit-animation-name: headerIn;
         animation-name: headerIn;
    }
     #scene.is-exiting header {
         -webkit-animation-name: headerOut;
         animation-name: headerOut;
         -webkit-animation-delay: 0s;
         animation-delay: 0s;
    }
}
 #scene .scene_element.delayed {
     -webkit-animation-delay: 0.5s;
     animation-delay: 0.5s;
}
 #scene.is-exiting .scene_element.delayed {
     -webkit-animation-delay: 0s;
     animation-delay: 0s;
}
 