/*btn effect*/
.hvr-shutter-out-vertical {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    background: #2197ed;
    /*background: #0088de;*/
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    color: #eee;
}
.hvr-shutter-out-vertical:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
// background: #2098D1;
    background: #006cb1;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: 50%;
    transform-origin: 50%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}
.hvr-shutter-out-vertical:hover, .hvr-shutter-out-vertical:focus, .hvr-shutter-out-vertical:active {
    color: white!important;
}
.hvr-shutter-out-vertical:hover:before, .hvr-shutter-out-vertical:focus:before, .hvr-shutter-out-vertical:active:before {
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
}

.wow,
.wow:first-child {
    visibility: hidden;
}
.animated {
    -webkit-animation-duration: 0.5s;
    animation-duration: 0.5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
body {
 
}
body#snm {
    /*background: #0b1c26;*/
    color: #333333 !important;
}

#snm .nav-bar {
    height: 115px;
    max-height: 90px;
    line-height: 85px;
    border-bottom: 40px;
	padding: 0px 30px 0px 30px;
}

@media (max-width: 1020px) {
    #snm .nav-bar {
        height: auto;
    }
}

#snm .bg-dark {
    color: #ffffff !important;
}

#snm .bg-primary {
    background: #0b1c26 !important;
}

#snm .nav-utility {
    background-color: #c82a72;
    background-image: linear-gradient(255deg, #c82a72 0%, #c82a72 100%);
}

#snm nav.bg-dark .menu > li > a,
#snm nav.bg-dark .module.widget-handle i,
#snm nav.bg-dark .nav-utility {
    color: #ffffff;
    opacity: 1;
    font-size: 14px;
}

#snm p {
    font-family: urbane, sans-serif;
    font-size: 14px;
    font-weight: 300;
    line-height: 24px;
}

#snm .menu {
    font-family:urbane, sans-serif; /*"Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;*/
    width: 100%;
    height: auto;
    margin-bottom: 0;
}

@media (max-width: 990px) {
    nav.transparent .nav-open {
        background: #0b1c26 !important;
    }

}

@-webkit-keyframes fadeInUpBig {
    0% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        transform: translateY(2000px);
    }

    100% {
        opacity: 0.9;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes fadeInUpBig {
    0% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        -ms-transform: translateY(2000px);
        transform: translateY(2000px);
    }

    100% {
        opacity: 0.9;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
}
#snm .menu li a:hover {
    opacity: 0.7 !important;
    border-bottom: 1px solid #c82a72;
}

#snm .cover h1,
#snm .cover h2,
#snm .cover h3,
#snm .cover h4,
#snm .cover h5,
#snm .cover h6 {
    color: #333333;
}

#snm .play-button {
    border-color: #333333;
}

#snm .play-button:before {
    border-color: transparent transparent transparent #333333;
}

#snm .feature-3 .right {
    width: 75%;
    margin-left: 27px;
}

#snm .btn-cyan {
    color: #c82a72;
    border-color: #c82a72;
	border-radius:2px;
}

#snm .btn-pink {
    color: #c82a72;
    border-color: #c82a72;
	border-radius:50px;
}

#snm .btn-pink:hover {
    background-color: #c82a72;
    color: #ffffff;
}

#snm .btn-pink-fill:hover {
    background-color: #ffffff;
    color: #c82a72;
}

#snm .btn-pink-fill {
    background-color: #c82a72;
    color: #ffffff;
    border-color: #c82a72;

}

#snm .btn-pink-inverse {
    color: #fff;
    border-color: #c82a72;
    background-color: #c82a72;
}

#snm .btn-pink-inverse {
    color: #c82a72;
    border-color: #c82a72;
    background-color: transparent;
}

#snm .btn-pink-inverse:hover {
    color: #fff;
    background-color: #c82a72;
}

#snm .btn-lg {
    line-height: 50px;
    font-family:'MullerRegular', sans-serif;
    min-width: 75px;
	border-radius:2px;
}

#snm .btn-cyan:hover {
    color: #fff;
    background-color: #c82a72;
}
 
#snm label {
   
    color: #0b1c26;
    
    font-family: urbane, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
}

@media (max-width: 767px) {
    #snm label {
        font-size: 18px;
		width: 190px;
    }
}

#snm .bg-dark label {
    color: #fff;
}

#snm .white-text {
    color: #fff !important;
}

#snm .full-width {
    width: 100%;
}

/*#snm h1 {
 
}*/

#snm h2 {
 
}

#snm h3 {
 
}

#snm h3.pink {
  
}

#snm h3.cyan {
 
}

#snm h4 {
     text-transform: capitalize;
    margin-top: 0;
    margin-bottom: 0;
    font-family: urbane, sans-serif;
    font-size: 18px;
    font-weight: 600;
    line-height: 53px;
}

#snm h5 {
 
}

#snm h6 {
 
}

#snm input {
   /* border-bottom: 1px solid #a6a6a6 !important;
    outline: none !important;
    
    padding: 10px !important;
    font-family: 'MullerMedium', sans-serif !important;
	
    font-size: 14px !important;*/
	 
	
}

#snm input:focus {
    /* border-bottom: 2px solid #c82a72 !important;
    outline: none !important;
   
    padding: 10px !important;
    font-family: 'MullerMedium', sans-serif !important;
	
    font-size: 14px !important;*/
	 
	 
	
}
#snm textarea {
    /* border: 1px solid #ddd!important;
    outline: none!important;
    color: #333333 !important;
    padding: 10px !important;
    // font-family: Roboto, sans-serif !important;
    font-family: 'MullerMedium', sans-serif !important;
    font-size: 14px; */ 
	
}

#snm .social__link {
    color: #c82a72;
    font-size: 25px;
    font-weight: 400;
    /*line-height: 50px;*/
}

#snm .social__link.min {
    font-size: 20px;
}

.nav-utility {
    height: auto !important;
}

#snm .social__link:hover {
    font-size: 20px;
    color: #1ea5ff;
}

#snm .use-case-pic {
    position: relative;
    margin-bottom: -90px;
    opacity: 0.9;
    width: 80%;
}

#snm footer .site-menu a {
    margin-right: 10px;
}

#snm footer {
    font-weight: 200 !important;
    padding: 50px 0;
	padding-bottom:5px;
}

/* MAIN PAGE */

#snm_main .__preview {
    min-height: 620px;
}

#snm_main .__preview .background-image-holder {
    background-color: #0b1c26 !important;
}

#snm_main .__preview .main_logo {
    max-width: 420px;
}

#snm_main .__use_cases img {
    /*padding: 5px;*/
    max-width: none;
}

@media (max-width: 767px) {
    #snm_main .__use_cases img {
        /*max-width: 50%;*/
        margin-left: 25%;
    }
}

#snm .__use_cases .right p {
    font-size: 15px;
    font-weight: 400;
    line-height: 21px;
}

#snm_main .__purpose {
    height: 481px;
    padding: 0;
    border-bottom: 1px solid #ddd;
}

@media (max-width: 1020px) {
    #snm_main .__purpose {
        height: auto !important;
    }

    #snm_main .__purpose img.purpose-img {
        height: auto !important;
        margin-left: auto !important;
        margin-top: -40% !important;
    }
}

#snm_main .__purpose img.purpose-img {
    margin-left: -40%;
    height: 685px;
    margin-top: -10%;
    margin-bottom: -10%;
    -webkit-animation-name: spin;
    -webkit-animation-duration: 20000ms;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    -moz-animation-name: spin;
    -moz-animation-duration: 20000ms;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
    -ms-animation-name: spin;
    -ms-animation-duration: 20000ms;
    -ms-animation-iteration-count: infinite;
    -ms-animation-timing-function: linear;

    animation-name: spin;
    animation-duration: 20000ms;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}

#snm_main .__purpose div.with-image:hover img.purpose-img {
    animation-duration: 4000ms;

}

#snm_main .__purpose div.with-image:hover {
    -webkit-animation-name: scaleUp;
    -webkit-animation-duration: 20000ms;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    -moz-animation-name: scaleUp;
    -moz-animation-duration: 20000ms;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
    -ms-animation-name: scaleUp;
    -ms-animation-duration: 20000ms;
    -ms-animation-iteration-count: infinite;
    -ms-animation-timing-function: linear;

    animation-name: scaleUp;
    animation-duration: 20000ms;
    animation-iteration-count: infinite;
    animation-timing-function: linear;

}

@-ms-keyframes spin {
    from {
        -ms-transform: rotate(0deg);
    }
    to {
        -ms-transform: rotate(360deg);
    }
}

@-moz-keyframes spin {
    from {
        -moz-transform: rotate(0deg);
    }
    to {
        -moz-transform: rotate(360deg);
    }
}

@-webkit-keyframes spin {
    from {
        -webkit-transform: rotate(0deg);
    }
    to {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes spin {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}

@-ms-keyframes scaleUp {
    0% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }
    50% {
        -webkit-transform: scale(1.3);
        -ms-transform: scale(1.3);
        transform: scale(1.3);
    }
    100% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }
}

@-moz-keyframes scaleUp {
    0% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }
    50% {
        -webkit-transform: scale(1.3);
        -ms-transform: scale(1.3);
        transform: scale(1.3);
    }
    100% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }
}

@-webkit-keyframes scaleUp {
    0% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }
    50% {
        -webkit-transform: scale(1.3);
        -ms-transform: scale(1.3);
        transform: scale(1.3);
    }
    100% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes scaleUp {
    0% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }
    50% {
        -webkit-transform: scale(1.3);
        -ms-transform: scale(1.3);
        transform: scale(1.3);
    }
    100% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }
}

#snm_main .__architecture {
    background-color: rgba(240, 244, 245, 0.41);
    padding-bottom: 120px;
}

#snm_main .glade-tit {
    margin-left: 95px;
}

@media (max-width: 767px) {
    #snm_main .__architecture {
        padding-bottom: 0px;
    }

    #snm_main .glade-tit {
        margin-left: 0;
    }
}

#snm_main .__partners {
    border-top: 1px solid #ddd;
}

/*#snm_main .__partners .logo-carousel-partners .slides li{*/
/*border: 1px solid #dddddd;*/
/*}*/
/*#snm_main .__partners .logo-carousel-partners .slides li a img{*/
/*margin: 0 auto;*/
/*position: relative;*/
/*display: block;*/
/*}*/
/*#snm_main .__partners .logo-carousel-partners .slides li a{*/
/*height: 200px;*/
/*width: 80%;*/
/*display: block;*/
/*margin: 0 auto;*/
/*}*/

/*  //// MAIN PAGE //// */

#snm p.et_pb_member_position {
    padding-bottom: 7px;
    color: #aaa;
    font-size: 16px;
}

#snm .et_pb_team_member_description {
    padding-top: 20px;
    padding-right: 40px;
    padding-left: 60px;
	text-align: center;
}

@media (max-width: 767px) {
    #snm .et_pb_team_member_description {
        padding-right: 0;
        padding-left: 0;
    }
}

#snm .et_pb_team_member_description p {
    font-size: 16px;
}

#snm .et_pb_team_member_description p a {
    color: #4a85bf;
}

#snm_presale .countdown {
    font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 56px;
    line-height: 64px;
    font-weight: 400;
    text-transform: uppercase;
}

.nav-container .countdown-nav {
    font-size: 30px;
    font-family: Roboto !important;
    line-height: inherit;
    font-weight: 500;
}

#snm .nav-utility {
    font-size: 20px !important;
    font-weight: 100 !important;
}

@media (max-width: 1020px) {
    #snm .nav-container .countdown-nav {
        font-size: 20px !important;
    }

    #snm .nav-utility {
        font-size: 9px !important;
        font-weight: 800 !important;
    }
}

#snm textarea#nf-field-3 {
    margin: 15px;
}

#snm p.lead {
    font-size: 16px;
}

input#nf-field-4 {
    margin-left: 15px;
    padding: 10px;
    width: 200px;
    font-size: 15px;
    font-weight: 800;
}

#snm_main .feature-3 .left {
    width: 25%;
}

#snm_main .feature-3 .right {
    width: 60%;
}

#snm .fixed .nav-bar {
    //height: 55px;
    //line-height: 57px;
}

@media (max-width: 767px) {
    #snm .w-xs-80 {
        width: 60%;
    }
}

#snm .br-round {
    border-radius: 35px;
}

#snm .nf-form-content {
    margin-left: -15px;
}

#player {
    display: none;
    position: relative;
    z-index: 9999999;
}

.logo-carousel img {
    max-height: 80px;
}

.module.widget-handle.mobile-toggle.right.visible-sm.visible-xs {
    border: none !important;
}

#snm .nav-utility.text-center:hover {
    cursor: pointer
}

#snm .nav-utility.text-center:hover div.text {
    text-decoration: underline !important;
}

#snm .fa.pull-left {
    margin-right: .3em;
    font-size: 94px;
    line-height: 36px;
    font-weight: 100;
}

#timeline {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    /*background-color: #031625;*/

}

#timeline:hover .tl-item {
    width: 23.3333%;
}

.tl-item {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    position: relative;
    width: 25%;
    height: 100vh;
    min-height: 600px;
    overflow: hidden;
    -webkit-transition: width 0.5s ease;
    transition: width 0.5s ease;
}

.tl-item:before, .tl-item:after {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.tl-item:after {
    /*background: rgba(3, 22, 37, 0.85);*/
    opacity: 1;
    -webkit-transition: opacity 0.5s ease;
    transition: opacity 0.5s ease;
}

.tl-item:before {
    /*background: -webkit-linear-gradient(top, transparent 0%, black 75%);*/
    /*background: linear-gradient(to bottom, transparent 0%, black 75%);*/
    z-index: 1;
    opacity: 0;
    -webkit-transform: translate3d(0, 0, 0) translateY(50%);
    transform: translate3d(0, 0, 0) translateY(50%);
    -webkit-transition: opacity 0.5s ease, -webkit-transform 0.5s ease;
    transition: opacity 0.5s ease, -webkit-transform 0.5s ease;
    transition: opacity 0.5s ease, transform 0.5s ease;
    transition: opacity 0.5s ease, transform 0.5s ease, -webkit-transform 0.5s ease;
}

.tl-item.active,
.tl-item:hover {
    width: 30% !important;
}

#timeline.active .tl-item:hover {
    width: 200px !important;
}

.tl-item.active:after,
.tl-item:hover:after {
    opacity: 0;
}

.tl-item.active:before,
.tl-item:hover:before {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0) translateY(0);
    transform: translate3d(0, 0, 0) translateY(0);
    -webkit-transition: opacity 1s ease, -webkit-transform 1s ease 0.25s;
    transition: opacity 1s ease, -webkit-transform 1s ease 0.25s;
    transition: opacity 1s ease, transform 1s ease 0.25s;
    transition: opacity 1s ease, transform 1s ease 0.25s, -webkit-transform 1s ease 0.25s;
}

.tl-item.active .tl-content {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: all 0.75s ease 0.5s;
    transition: all 0.75s ease 0.5s;
}

.tl-item.active,
.tl-item:hover .tl-bg {
    -webkit-filter: grayscale(0);
    filter: grayscale(0);
}

.tl-content {
    -webkit-transform: translate3d(0, 0, 0) translateY(25px);
    transform: translate3d(0, 0, 0) translateY(25px);
    position: relative;
    z-index: 1;
    text-align: center;
    margin: 0 1.618em;
    top: 5%;
    opacity: 0;
    text-align: left;
}

.tl-content h1 {
    text-transform: uppercase;
    color: #1779cf;
    font-size: 1.44rem;
    font-weight: normal;
}

.tl-item.active .tl-year {
    display: none;
}

.tl-year {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    z-index: 1;
    /*border-top: 1px solid #fff;*/
    border-bottom: 1px solid #0b1c26;
}

.tl-year p {
    /*font-size: 1.728rem;*/
    /*line-height: 0;*/
    text-align: center;
}

.tl-bg {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-size: cover;
    background-position: center center;
    -webkit-transition: -webkit-filter 0.5s ease;
    transition: -webkit-filter 0.5s ease;
    transition: filter 0.5s ease;
    transition: filter 0.5s ease, -webkit-filter 0.5s ease;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}

#timeline.active .tl-item {
    width: 100px;
}

#timeline.active .tl-item.active {
    width: 80% !important;
}

.equal {
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
}

.din {
    font-family: "Ropa Sans", sans-serif;
}

#snm_presale .countdown {
    font-size: 96px;
    font-weight: 300;
}

@media (max-width: 767px) {
    #snm_presale .countdown {
        font-size: 42px;
        font-weight: 300;
    }
}

#snm_presale .currency {
    height: 150px;
    max-height: 150px;
    width: 150px;
    max-width: 150px;
    border: 1px solid #dfdfdf;
    border-radius: 2px;
    margin: 0 auto;
    margin-bottom: 10px;
}

#snm_presale .currency img {
    max-height: 132px;
    padding: 20px;

}

#snm .accordion-2 .title:before {
    content: "\e649";
    font-family: 'themify';
    speak: none;
    font-style: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    color: #1ea5ff;
    font-weight: 800;
    position: absolute;
}

#snm .accordion-2 .active .title:before {
    content: '\e61a';
}

#snm .accordion li.active .content {
    max-height: 400px;
    background-color: #f0f4f5;
    padding-left: 10px;
    padding-right: 10px;
    border-radius: 5px;
}

#snm .accordion-2 .title {
    font-family: Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
}

#snm .accordion-2 .title .inline-block {
    padding-left: 30px;
    font-size: 16px;
}

#snm_presale .cap_h {
    font-size: 55px;
    font-weight: 400;
}

#snm_presale .cap_snm {
    font-size: 40px;
    font-weight: 400;
}

#snm_presale .rate_block {
    background-color: #c82a72;
    min-width: 307px;
    min-height: 69px;
}

@media (max-width: 767px) {
    #snm_presale .cap_h {
        font-size: 40px;
    }

    #snm_presale .cap_snm {
        font-size: 29px;
    }

    #snm_presale .rate_block {
        min-height: inherit;
        min-width: inherit;
    }
}

#snm_presale a {
    color: #c82a72;
    font-weight: 400;
    text-decoration: underline;
}

#snm_presale .currency_label{
    font-size: 18px;
    font-weight: 300;
    margin-bottom: 30px;
}

#snm .button-tabs .tab-title{
    max-width: 140px;
}

#snm_presale section.lead{
    font-size: 13px;
}

#snm_presale section.lead img{
    padding-top: 24px;
    padding-bottom: 24px;
}
.panel-default>.panel-heading h4 a,
.panel-body {
    color: #333;
    background-color: #f5f5f5;
    border-color: #ddd;
}
.canvas {
    position: absolute;
    //top: 20px;
    left: 0;
    width: 100%;
    height: 100%;
}
.section_landing {
    position:absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size:cover;
}
.rules-footer-link {
    -webkit-transition: ease-out .2s;
    -moz-transition: ease-out .2s;
    -ms-transition: ease-out .2s;
    -o-transition: ease-out .2s;
    transition: ease-out .2s;
    border-bottom: 1px solid transparent;
}
.rules-footer-link:hover {
    opacity: 0.7 !important;
    border-bottom: 1px solid #c82a72;
}
section.top-board,
section.faq {
    /* margin-top: 89px; */
}
section.top-board {padding-bottom: 0px;}
.top-board h2,
.faq h2 {
    color: #fff;
}

/*** modal win ***/
#login,
#confirm,
#regmodal {
 background: #ffffff;
    margin: 0 auto;
    border-radius: 10px;
    position: relative;
    box-shadow: 0 0 23px -2px #213039;
    border: solid 1px #ffffff;
 
}
#confirm {
    padding: 20px 30px;
    max-width: 400px;
}

#login {
    padding: 20px 30px;
    max-width: 400px;
}
#regmodal {
    max-width: 800px;
    padding: 20px 10px;
}
#regmodal h2 {
    margin-left: 15px;
}
#regmodal .btn {
    clear: both;
    display: block;
    margin: 0 auto;
}
.mfp-content {

}



#services,
#resetpass {
    padding: 20px 30px;
    max-width: 400px;
 
 
    position: relative;
 
	
	
	 background: #ffffff;
    margin: 0 auto;
    border-radius: 10px; 
    box-shadow: 0 0 23px -2px #213039;
    border: solid 1px #ffffff;
}
#resetpass .zoom-anim-dialog h2{
    color:#fff !important;
}
.title_new{
	
	color:#fff;
}
/*** modal win ***/
.footer-credentials {
    text-align: center;
    margin-top: 10px;
    padding-bottom: 10px;
}

/*------ news -------*/
.news-wrap {
    padding: 60px 40px;
}
.article {
    margin: 0 16px;
    width: 30%;
	width: 300px;
min-height: 350px;
height:auto;
    float: left;
}

.n-card {
    position: relative;
    margin: .5rem 0 1rem 0;
    background-color: #fff;
    -webkit-transition: -webkit-box-shadow .25s;
    transition: -webkit-box-shadow .25s;
    transition: box-shadow .25s;
    transition: box-shadow .25s, -webkit-box-shadow .25s;
    border-radius: 2px;
    /* -webkit-box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12), 0 1px 5px 0 rgba(0,0,0,0.2); */
    /* box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12), 0 1px 5px 0 rgba(0,0,0,0.2); */
    overflow: hidden;
    border: 1px solid #d5d5d5;
    display: inline-block;
    text-decoration: none;
    height: 320px;
}

.n-card__img {
    display: inline-block;
    max-height: 60%;
    overflow: hidden;
    position: relative;
}

.n-card__img::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #4c4c4c; /* Old browsers */
    background: -moz-linear-gradient(top, rgba(0, 0, 0, .1) 0%, rgba(0, 0, 0, .3) 100%);
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, .1) 0%, rgba(0, 0, 0, .3) 100%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, .1) 0%, rgba(0, 0, 0, .3) 100%);
}

.n-card__img img {
    width: 100%;
}

.n-card__title {
    position: absolute;
    left: 0;
    bottom: 0;
    padding: 10px;
    z-index: 9;
    font-family: 'MuseoSansCyrl-700', sans-serif;
    font-size: 19px;
    color: #fff;
    -webkit-transition: ease-out .2s;
    -moz-transition: ease-out .2s;
    -ms-transition: ease-out .2s;
    -o-transition: ease-out .2s;
    transition: ease-out .2s;
}

.n-card__title:hover {
    color: #f0f0f0;
}

.n-card__desc {
    padding: 10px;
    display: inline-block;
    font-family: urbane, sans-serif;
    font-size: 16px;
    line-height: 19px;
    color: #000;
}

.news-slides .slick-prev,
.news-slides .slick-next {
    position: absolute;
    top: 40%;
    font-size: 0;
    width: 40px;
    height: 40px;
    background: transparent;
    border: none;
    z-index: 99;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    outline: none;
}

.news-slides .slick-prev {
    left: -50px;
    border-left: 2px solid #c82a72;
    border-bottom: 2px solid #c82a72;
}

.news-slides .slick-next {
    right: -50px;
    border-right: 2px solid #c82a72;
    border-top: 2px solid #c82a72;
}

.mfp-wrap .mfp-content {
    /*background: #fff;*/
    max-width: 900px;
    min-height: 480px;
	 
}

.n-item__show {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 20px;
    background: #0b1c26;
    overflow-y: scroll;
	box-shadow: 0 0 23px -2px #213039;
    border: solid 2px #213039;
}

.n-item__show h2 {
    margin: 20px 0;
    font-family: 'MuseoSansCyrl-700', sans-serif;
    font-size: 25px;
}

.n-item__wrap {
    font-family: urbane, sans-serif;
}

.n-item__wrap small {
    display: block;
    margin: 10px 0;
    font-size: 13px;
	color:#95989a;
}

.n-item__text {
    font-size: 16px;
    line-height: 19px;
    color: #000;
}

.n-item__text img {
    float: left;
    margin-right: 30px;
    margin-bottom: 30px;
    width: 320px;
}

.mfp-content .n-item__show h2,
.mfp-content .n-item__text p {
    color: #ced2d4;
}

.leftimg {
    float: left;
    margin-right: 30px;
    margin-bottom: 20px;
}


.affiliate-programm {

}
.affiliate-programm p {
    font-size: 20px;
    margin-bottom: 12px;
    font-weight: bold;
}


/***************** Contact Us ***************/
.contact-us {

}
.contact-us .container {
    width: 1032px;
}

@media only screen and (max-width: 47.9375em) {
.contact-us .container {
	
	width: 100%;
    padding-left: 15px;
    height: auto;
    padding-right: 15px;
}	
	
}

.address-card {
    padding: 15px 15px;
    height: 70px;
    background: #0f1f31;
    border-radius: 6px;
    display: flex;
    //justify-content: center;
    align-items: center;
	margin-bottom: 5px;
}
.address-card__icon {
    margin-right: 5px;
    //width: 97px;
   //height: 88px;
    //background-image: url('../img/contacts/telegramm.jpg');
    background-position: center center;
}
.contact-us .container .col-md-6:nth-child(2) .address-card__icon {
    //width: 94px;
    //height: 66px;
    //background-image: url('../img/contacts/email.jpg');
}
.address-card a {
    font-size: 16px;
}
.supportform {
    padding-left: 15px;
    padding-right: 15px;

}
.support {
    width: 100%;
    overflow: hidden;
}
.support p {
    margin: 0;
}
.fields-wrap {
    float: left;
}
.field-message { float: right; }
.field-message,
.fields-wrap {
    /*padding: 0 15px;*/
    width: 100%;
}
.field-mail,
.field-topic {
    position: relative;
}
.field-topic input,
.field-mail input {
    width: 100%;
    background: #ecedee;
    border: none !important;
    color: #081727;
    font-family: urbane, sans-serif;
}
.field-topic label,
.field-mail label,
.field-message label {
    font-family: urbane, sans-serif;
}
.field-message textarea {
    width:100%;
    height: 150px;
    background: #ecedee;
    border-radius: 5px;
    border: none!important;
    resize: none;
}
.field-message {
    position: relative;
}
.field-message .err,
.fields-wrap .err {
    position: absolute;
    top: 0;
    right: 0;
}
.field-message .err {right:15px;}
.message-title {
    font-size: 24px;
    font-family: urbane, sans-serif;
    padding-left: 15px;
}
.supportform .hvr-shutter-out-vertical.btn-wrap {
    background: #c82a72;
    border-radius: 2px;
    overflow: hidden;
    max-width: 250px;
    display: block;
    margin-left: auto;
    margin-right: auto;
}
#snm .btn-wrap input {
    background: transparent;
    border: none;
    margin: 0;
    width:100%;
    text-transform: inherit;
    height: 47px;
    line-height: 32px;
    font-family: 'MullerMedium', sans-serif;
    color: #fff;
}

/***************** Contact Us ***************/

/*--------  popup-btn  ---------*/
.popup-btn {
    display: block;
    max-width: 410px;
    margin: 0 auto;
    -webkit-transition: ease-out .2s;
    -moz-transition: ease-out .2s;
    -ms-transition: ease-out .2s;
    -o-transition: ease-out .2s;
    transition: ease-out .2s;
}
#snm input[type='submit'].popup-btn {
    color: #fff;
    padding: 0;
    padding-left:  20px;
    padding-right:  20px;
    text-align:  center; 
    border: 1px solid #2197ed;
    background: #2197ed;
}
input[type='submit'].popup-btn {
    //background-color: #26a69a;
}
#snm input[type='submit'].popup-btn:hover {
background: #006fc0;
}

input[type='submit'].popup-btn:hover {
    background: #0064ad;
    border: none;
	    color: #fff;
    cursor: pointer;
}

.check-box {
    position: relative;
    padding-left: 12px;
}
.check-box input[type='checkbox'] {
    visibility: hidden;
}
.check-box input[type='checkbox']+label span {
    display: block;
    width: 20px;
    height: 20px;
    border: 1px solid #2197ed;
    border-radius: 2px;
    position: absolute;
    top: 1px;
    left: 0;
    background: #2197ed;
}
.check-box input[type='checkbox']+label span:after {
    content: '';
    position: absolute;
    width: 22px;
    height: 14px;
    top: 6px;
    left: 4px;
    border-bottom: 4px solid #26a69a;
    border-left: 4px solid #26a69a;
    opacity: 0;
    -webkit-transition: ease-out .2s;
    -moz-transition: ease-out .2s;
    -ms-transition: ease-out .2s;
    -o-transition: ease-out .2s;
    transition: ease-out .2s;
}
.check-box input[type='checkbox']:checked+label span:after {
    width: 13px;
    height: 7px;
    top: 3px;
    left: 2px;
    opacity: 1;
    border-bottom: 2px solid #000000;
    border-left: 2px solid #000000;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.err-input {
    border-color: #e57373 !important;
}
.shaker {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
.error_message li {
       color: #ff5757;
    font-size: 12px;
    text-align: center;
}
.err {
        color: #e43d3d;
    font-size: 12px;
}

.reg-popup {
    min-height: 300px;
}
.reg-popup h2 {
    color: #fff;
    font-weight: bold;
    position: relative;
    z-index: 3;
}
.reg-popup__header {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 150px;
    background: #060f24;
}
.reg-popup__header:before {
    position: absolute;
    height: 47%;
    width: 100%;
    bottom: -41px;
    left: 0;
    background: #eee;
    -webkit-transform: skew(0,-4deg);
    -moz-transform: skew(0,-4deg);
    -ms-transform: skew(0,-4deg);
    -o-transform: skew(0,-4deg);
    z-index: 2;
    display: block;
    content: '';
}
.reg-popup+.mfp-close {
    color: #fff;
}
#snm .reg-popup p {
    margin-top: 10px;
    font-size: 19px;
    position: relative;
    z-index: 5;
    color: #333;
}
.reg-popup a {
    color: #c82a72;
}
.reg-popup__text {
    padding: 70px 10px 0 10px;
}
.form-changepass__table,
.form-resetpass__table {
    width: 100%;
}
.investor-img {
    margin: 35px 0;
}
.pie-item {
    padding-left: 25px;
    position: relative;
    margin-bottom: 15px;
}
.pie-item:nth-child(1) {
    margin-top: 40px;
}
.pie-item::before {
    content: '';
    position: absolute;
    top: 4px;
    left: 0;
    width: 17px;
    height: 17px;
    display: block;
    border-radius: 50%;
    background: #79d489;
}
.pie-item:nth-child(2)::before {
    background: #00aeef;
}
.pie-item:nth-child(3)::before {
    background: #df5a45;
}
.pie-item:nth-child(4)::before {
    background: #8dc63f;
}
.pie-item:nth-child(5)::before {
    background: #f6aa70;
}
.pie-item:nth-child(6)::before {
    background: #e1e1e1;
}
/*--------------- preloader ----------------*/
#pre {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    /*background: #fff;*/
    z-index: 99999999;
    background-color:rgba(11, 28, 38, 1.00);
}
#pre canvas {
    background: transparent;
}
.menu li a[href='#login'],
.menu li a[href='#regmodal'] {
    color: #c82a72!important;
    border-bottom: 1px solid #c82a72;
}

.captcha-box {
    clear: both;
    margin: 0 auto;
}
a[href="resetpass"]:hover {
    color: #002c63 !important;
}
.login_frm_Remember {
    position: relative;
}
.txt-fld.check-box input[type='checkbox']+label span {
    top: -1px;
    left: -29px;
}

.account-type {
    position: relative;
    //border: 1px solid #404e5b;
    background: #172939;
    font-size: 14px;
    text-align: left;
    color: #313131;
    display: block;
    cursor: pointer;
    border-radius: 10px;
	margin-bottom: 5px;
	    padding-bottom: 5px;
}
.account-type-header {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    height: 70px;
    font-size: 16px;
    font-weight: 500;
    color: #fff;
    background:#2197ed;
    -webkit-transition: .3s;
    transition: .3s;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}
.account-type-title {
    line-height: 34px;
    font-size: 28px;
    font-weight: 400;
}
.account-type-desc {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    box-sizing: border-box;
    min-height: 90px;
    padding: 20px 30px;
    text-align: center;
    border-bottom: 1px solid #404e5b;
    font-size: 12px;
    line-height: 1.2;
	color: #fff;
}
.account-type-details {

}
.account-type-detail {
    display: table;
    width: 100%;
    table-layout: fixed;
    box-sizing: border-box;
    min-height: 54px;
    margin: 0;
    padding: 10px 20px;
    border-bottom: 1px solid #404e5b;
    line-height: 1.2;
}
.account-type-detail-term {
    padding-right: 20px;
    box-sizing: border-box;
    font-size: 14px;
    color: #ffffff;
    line-height: 2.42;
    font-weight: 300;
}
.account-type-detail-description {
    display: table-cell;
    vertical-align: middle;
}
.account-type-detail-text {
    font-size: 16px;
    font-weight: 600;
    color: #2197ed;
	
}
.account-type-footer {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    /*-webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;*/
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    min-height: 60px;
    font-weight: 600;
    background: #081727;
 
    color: #fff;
	    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
}
.account-type-footer i {
    margin-left: 10px;
    margin-top: 0px;
}
.account-type-action {

}
.account-type-action-btn {
	display: block;
    width: 100%;
    min-width: auto;
    max-width: 270px;
    margin: 30px auto;
    //background: #2197ed;
    position: relative;
    box-sizing: border-box;
    height: 44px;
    line-height: 44px;
    padding: 0 15px;
    border-radius: 5px;
    border: 1px solid #2197ed ;
    font-family: urbane, sans-serif;
    font-size: 16px;
    font-weight: 400;
    color: #fff;
    text-align: center;
    text-decoration: none;
    outline: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    white-space: nowrap;
    cursor: pointer;
    -webkit-transition: all .3s;
    transition: all .3s;
}
.account-type-action-btn:hover {
    color: #ffffff;
	background:#2197ed;
	-webkit-transition: all .3s;
    transition: all .3s;
}
.account-type-action {
    display: none;
}

.item.active-item .account-type .account-type-header,
.account-type:hover .account-type-header {
    color: #ffffff;
    background: #2197ed;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}
.item-desc.open-item-desc {
    display: block;
    -webkit-transition: ease-out .5s;
    -moz-transition: ease-out .5s;
    -ms-transition: ease-out .5s;
    -o-transition: ease-out .5s;
    transition: ease-out .5s;
}
.item.active-btn .account-type-footer {
    display: none;
}
.item.active-btn .account-type-action {
    display: block;
}
.invest-control {
    display: none;
}
.invest-control-item {
    //border-bottom: 4px solid #c82a72;
    text-align: center;
    font-size: 18px;
    padding-top: 20px;
    padding-bottom: 20px;
    cursor: pointer;
    font-weight: 600;
    text-transform: uppercase;
	background: #172939;
    color: #fff;
    border-radius: 10px;
 
}
     
	
.invest-control-item:after {
    content: '';
    position: absolute;
    left: 50%;
    -webkit-transform: translate(-50%);
    -moz-transform: translate(-50%);
    -ms-transform: translate(-50%);
    -o-transform: translate(-50%);
    transform: translate(-50%);
    bottom: 0;
    border-bottom: 15px solid #2197ed;
    border-left: 30px solid transparent;
    border-right: 30px solid transparent;
    border-top: 20px solid transparent;
    opacity: 0;
}
.invest-control-active.invest-control-item::after {
    opacity: 1;
}
.item-desc ul {
    margin-top: 25px;
    margin-bottom: 25px;
    margin-left: 20px;
    padding-left: 20px;
}
.item-desc ul li {
    margin: 10px 0;
}
.item-desc ul li:before {
    content: "";
    box-sizing: border-box;
    width: 5px;
    height: 5px;
    float: left;
    margin-top: .55em;
    margin-left: -20px;
    background: #2197ed;
}
.account-type-ribbon {
    z-index: 1;
    display: block;
    position: absolute;
    top: -6px;
    left: -6px;
    width: 104px;
    height: 104px;
    pointer-events: none;
}
.account-type-ribbon:after, .account-type-ribbon:before {
    content: "";
    position: absolute;
    border-style: solid;
}
.account-type-ribbon:before {
    top: 0;
    right: -6px;
    border-width: 0 6px 6px 6px;
    border-color: transparent transparent #313131 transparent;
}
.account-type-ribbon:after {
    bottom: -6px;
    left: 0;
    border-width: 6px 6px 6px 0;
    border-color: transparent #313131 transparent transparent;
}
.account-type-ribbon-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: hidden;
}
.account-type-ribbon-text {
    position: absolute;
    top: 22px;
    left: -40px;
    width: 160px;
    height: 35px;
    line-height: 35px;
    font-size: 12px;
    font-weight: 500;
    text-align: center;
    color: #505050;
    background: #fff;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transition: .3s;
    transition: .3s;
}



.dropdown-box {
    float: left;
    margin-right: 60px;
    position: relative;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    opacity: 1;
    z-index: 9999999999999999;
}
.menu .dropdown-box li a {
    color: #ffffff;
    opacity: 1;
    font-size: 14px;
}
.menu .dropdown-box li a:hover {
    border: none!important;
}
.dropdown.toggle-sub .dropdown-menu {
    display: block;
    top: 75%;
    opacity: 1;
    visibility: visible;
}
.dropdown-box .dropdown-menu>li>a {
    display: block;
    line-height: 30px;
    color: #d3d3d3;
    height: 35px;
}
.dropdown-toggle {
    cursor: pointer;
}
.item-desc {
    display: none;
}
.item {
    position: relative;
}
.item .lock {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.3);
    font-size: 90px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #788a8e;
    z-index: 9;
}

/*--------- RoadMap ----------*/
.roadmap {
    background: url('../img/bg_partners.png');
    background-size: cover;
}
.roadmap-cap {
    text-align: center;
    position: relative;
}
.roadmap__wrap {
    margin: 105px auto
}
.roadmap__box {
    position: relative;
    color: #fff
}
.roadmap__box .pt {
    position: absolute;
    text-align: left;
    padding-left: 12px;
    max-width: 200px;
    min-height: 65px;
    transition: all .2s ease-out;
    transform-origin: left bottom
}
.roadmap__box .pt .circle {
    left: -34px
}
.roadmap__box .pt.btm {
    transform-origin: left top
}
.roadmap__box .pt.btm:before {
    top: 35px
}
.roadmap__box .pt.btm:after {
    top: 0;
    height: 35px
}
.roadmap__box .pt.btm .ircle {
    left: -37px
}
.roadmap__box .circle {
    position: absolute;
    width: 75px;
    height: 75px;
    border-radius: 100%
}
.roadmap__base {
    width: 100%;
    position: relative;
    z-index: 1;
    pointer-events: none
}
.roadmap__name {
    display: block;
    font-size: 11px;
    font-weight: 600;
    position: absolute;
    left: 17px;
    max-width: 200px
}
.roadmap__desc {
    display: inline-block;
    font-size: 13px;
    line-height: 1.25;
    transition: all .2s ease-out
}
.roadmap-cap i {
    position: absolute;
    bottom: -30px;
    left: 50%;
    -webkit-transform: translate(-50%);
    -moz-transform: translate(-50%);
    -ms-transform: translate(-50%);
    -o-transform: translate(-50%);
    transform: translate(-50%);
}

.roadmap__name {
    text-transform: uppercase
}
.none {
    display: none
}
.hidden {
    visibility: hidden
}
.show_630,
.show_767,
.show_991 {
    display: none
}

.link {
    color: #56b3b0;
    border-bottom: 1px solid
}
.link:hover {
    border-bottom-color: transparent
}
.link-blue {
    color: #21cddb;
    font-weight: 600
}
.link-blue:hover {
    color: #149da9
}
.link-green {
    color: #aeff00
}
.box-top:after,
.header__in:after {
    display: block;
    content: '';
    clear: both
}
.link-green:hover {
    color: #8bcc00
}
.link-def {
    border-bottom: 1px solid transparent
}
.link-def:hover {
    border-bottom-color: inherit
}
.box-top {
    margin-top: -190px
}
.box-check {
    width: 50px;
    height: 50px;
    line-height: 50px;
    font-size: 22px;
    color: #fff;
    background: #21cddb;
    border-radius: 100%;
    position: absolute;
    z-index: 2;
    right: 44px;
    bottom: 30px
}
.case {
    background: #fff;
    margin-bottom: 12px;
    padding: 30px 100px
}
.border-btm {
    border-top: 1px solid #e7e8e8
}
.header {
    height: 58px;
    line-height: 58px;
    background: url(../images/header_bg.html) no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
    border-bottom: 1px solid #29646b;
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 5;
    letter-spacing: .3px
}
.header:before {
    content: '';
    height: 13px;
    background: url(../images/header_glow.html) no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
    position: absolute;
    top: 100%;
    left: 0;
    right: 0
}
.header__in {
    text-align: right
}
.header__nav,
.mainNav__list,
.mainNav__wrap {
    display: inline-block
}
.header__logo {
    margin-top: -3px;
    float: left;
    max-width: 260px
}
.mainNav__wrap {
    font-size: 12px;
    vertical-align: top
}
.mainNav__list {
    margin: 0;
    vertical-align: top
}
.mainNav__list:after {
    content: '';
    display: block;
    clear: both
}
.mainNav__item {
    float: left;
    margin: 0 16px;
    position: relative;
    transition: all .2s ease-out
}
.mainNav__link {
    display: block;
    cursor: pointer;
    color: #a3ddd5;
    padding: 0 4px
}
.mainNav__btn {
    display: inline-block;
    height: 24px;
    line-height: 23px;
    font-weight: 600;
    color: #17525e;
    padding: 0 14px;
    background: #aeff00;
    border-radius: 12px
}
.lang__current,
.lang__link,
.map__mark {
    border-radius: 100%
}
.mainNav__btn:hover {
    background: #9de600
}
.mainNav__btnWrap {
    display: inline-block;
    font-size: 12px;
    margin-left: 30px
}
.mainNav__btnTxt {
    display: inline-block;
    line-height: 1.3;
    color: #aeff00;
    border-bottom: 1px solid;
    margin-left: 20px
}
.mainNav__btnTxt:hover {
    border-bottom-color: transparent
}
.submenu__list {
    background: rgba(0, 0, 0, .85);
    line-height: 1.3;
    padding: 13px 0;
    text-align: left;
    position: absolute;
    top: 100%;
    margin-top: -1px;
    left: 0;
    opacity: 0;
    visibility: hidden
}
.submenu__link {
    display: block;
    color: #b9b9b9;
    font-size: 12px;
    white-space: nowrap;
    padding: 5px 16px
}
.hamburger,
.lang__current,
.lang__link,
.lang__wrap {
    display: inline-block
}
.submenu__link:hover {
    color: #fff
}
.lang__wrap {
    margin-left: 14px;
    line-height: 1.3;
    vertical-align: middle;
    position: relative
}
.lang__wrap.open .lang__in {
    opacity: 1;
    visibility: visible
}
.lang__current {
    width: 38px;
    height: 38px;
    padding: 7px;
    text-align: center;
    background: 0 0
}
.lang__current:hover {
    background: #0c283e;
    box-shadow: inset 0 0 6px rgba(255, 255, 255, .25)
}
.lang__in {
    position: absolute;
    top: 100%;
    padding-top: 29px;
    left: 7px;
    -webkit-transition: all .2s ease-out;
    transition: all .2s ease-out;
    opacity: 0;
    visibility: hidden
}
.lang__item {
    margin-bottom: 6px
}
.lang__link {
    line-height: 0;
    background: #65c3b6;
    box-shadow: 0 0 0 1px #65c3b6
}
.lang__link:hover {
    box-shadow: 0 0 0 2px #65c3b6
}
.hamburger {
    vertical-align: middle;
    margin-right: 10px
}
.hamburger .line {
    width: 21px;
    height: 2px;
    background-color: #ecf0f1;
    display: block;
    margin: 5px auto;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}
.section.disabled:after,
.section__mono:before {
    left: 0;
    background: #fff;
    -webkit-transform: skewY(-8.5deg);
    top: 0;
    content: ''
}
.map__mark,
.progress__tooltip {
    -webkit-transition: all .2s ease-out
}
.section {
    /*position: relative;
    text-align: center*/
}
.section.disabled:after {
    opacity: .5;
    z-index: 2;
    position: absolute;
    right: 0;
    bottom: 0;
    margin: auto
}
.section__desc {
    max-width: 590px;
    margin: 0 auto;
    letter-spacing: .1px
}
.section__media .row,
.team__desc {
    letter-spacing: 0
}
.section__mono {
    position: relative
}
.section__mono:before {
    position: absolute;
    height: 100%;
    width: 100%
}
.section__mono .h2 {
    color: #38b5b5
}
.section__aboutProject {
    font-size: 14px;
    color: #8b939c;
    padding: 90px 0 40px;
    margin-top: -140px;
    z-index: 1
}
.section__aboutProject .desc-box {
    font-size: 14px;
    max-width: 140px;
    margin: 0 auto
}
.section__aboutProject .desc-box i {
    display: block
}
.section__aboutProject .hint {
    display: block;
    margin-bottom: 10px
}
.section__mission {
    font-size: 16px;
    padding: 137px 0 131px;
    margin-top: -300px;
    z-index: 1
}
.section__mission .h2 {
    margin: 7px 0 38px
}
.section__mission .pic {
    margin-bottom: 34px
}
.section__purpose {
    padding: 197px 0 180px;
    margin-top: -155px;
    font-size: 12px;
    color: #83d5cc;
    background: url(../images/purpose_bg2.html) no-repeat;
    -webkit-background-size: cover;
    background-size: cover
}
.section__purpose:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background: url(../images/purpose_bg.html) 58% 0 no-repeat;
    -webkit-transform: skewY(-8.5deg)
}
.section__purpose .h2 {
    margin-bottom: 8px
}
.section__purpose .section__desc {
    max-width: 520px
}
.section__aboutCoin {
    font-size: 15px;
    padding: 143px 0 115px;
    margin-top: -155px;
    z-index: 1;
    text-align: left
}
.section__aboutCoin .h2 {
    text-align: center;
    margin: -87px 0 40px
}
.section__def,
.section__incline,
.section__incline.whitepaper,
.section__plain,
.section__title {
    text-align: left
}
.section__aboutCoin .coin-pic {
    position: absolute;
    bottom: -78px;
    left: 50%;
    -webkit-transform: translate(-100%, 0);
    -moz-transform: translate(-100%, 0);
    -ms-transform: translate(-100%, 0);
    -o-transform: translate(-100%, 0)
}
.section__whyATB {
    color: #83d5cc;
    font-size: 14px;
    margin-top: -167px;
    padding: 200px 0 250px;
    background: url(../images/bg.html) no-repeat;
    -webkit-background-size: cover;
    background-size: cover
}
.section__whyATB:before {
    content: '';
    background: url(../images/whyATB_bg.html) 50% 10% no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}
.section__whyATB .h2 {
    color: #aeff00;
    margin-bottom: 4px
}
.section__whyATB .section__desc {
    margin-bottom: 42px
}
.section__receipt {
    padding: 33px 0 138px;
    margin-top: -150px;
    z-index: 1
}
.section__receipt .pic {
    max-height: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%)
}
.section__receipt .pic-box {
    display: block;
    height: 125px;
    margin-bottom: 26px;
    position: relative
}
.section__receipt .desc {
    max-width: 290px;
    margin: 0 auto;
    font-size: 16px
}
.section__receipt .btn__row {
    margin-top: 100px
}
.section__join {
    padding: 95px 0 135px;
    margin-top: -140px;
    z-index: 1
}
.section__join .desc-box {
    font-size: 16px;
    opacity: .5;
    max-width: 510px;
    margin: 37px auto 0
}
.section__join .btn__row {
    margin-top: 60px
}
.section__roadmap {
    /*padding: 190px 0 200px;
    margin-top: -130px;*/
    color: #8ecbbd;
    // background: url(../images/bg.png) no-repeat;
    -webkit-background-size: cover;
    /*background-size: cover;*/
    overflow: hidden
}
.section__roadmap:before {
    // content: '';
    position: absolute;
    right: 0;
    bottom: 25px;
    width: 100%;
    height: 764px;
    // background: url(../images/roadmap_glow.png) 50% 10% no-repeat
}
.section__team {
    padding: 55px 0 170px;
    color: #676d6d;
    margin-top: -135px
}
.section__payment {
    padding: 95px 0 135px;
    margin-top: -140px;
    z-index: 1
}
.section__payment .input__group {
    max-width: 700px;
    margin: 0 auto
}
.section__payment.disabled .tab__pane {
    display: none
}
.section__title {
    padding-top: 156px;
    min-height: 362px;
    background: url(../images/pattern_y.html) repeat-y;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
    overflow: hidden
}
.section__title:before {
    content: '';
    width: 231px;
    height: 240px;
    background: url(../images/atb_coin3860.html?v=1) no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
    position: absolute;
    bottom: 4%;
    left: 69%;
    z-index: 2;
    pointer-events: none
}
.section.loader:after,
.section__plain.news:after,
.section__plain:before {
    bottom: 0;
    content: ''
}
.section__plain {
    padding-top: 100px;
    max-height: 240px;
    min-height: 187px;
    background: url(../images/pattern_y.html) repeat-y #0d1e31;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
    z-index: 2
}
.section__plain:before {
    width: 1494px;
    height: 100%;
    max-width: 100%;
    background: url(../images/plain_glow.html) no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
    position: absolute;
    pointer-events: none;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0)
}
.section__plain .h1 {
    display: inline-block;
    margin-top: 0
}
.section__plain.investments {
    height: 240px
}
.section__plain.news:after {
    width: 249px;
    height: 130px;
    background: url(../images/newsHead_icons.html) no-repeat;
    position: absolute;
    left: 71%
}
.section__def {
    min-height: 68vh;
    margin-top: -150px;
    padding: 190px 0 100px
}
.section__def:before {
    z-index: 1
}
.section__def.investments .container {
    z-index: 2
}
.section__def.investments .form {
    width: 570px;
    float: right;
    margin-bottom: 30px
}
.section__def.faq {
    min-height: 73vh
}
.section__def.crewman {
    padding-top: 370px
}
.section__def.crewman p {
    margin-bottom: 16px
}
.section__def.dashboardWp {
    min-height: 72vh
}
.section__def.legal {
    color: #737979
}
.section__def.legal .title {
    display: block;
    font-size: 24px;
    color: #40bdbd;
    margin-bottom: 20px
}
.section__ref .container,
.section__ref:after {
    display: inline-block;
    vertical-align: middle
}
.section__def.legal .picAgreement {
    width: 100%;
    margin-bottom: 40px
}
.section__def.legal .btn__row {
    margin: 30px 0
}
.section__def.legal .btn__row a {
    color: #4f5351
}
.section__def.legal .btn__row i {
    font-size: 21px;
    vertical-align: -3px;
    margin: 0
}
.section__incline {
    padding: 180px 0 115px;
    min-height: 56vh;
    margin-top: -140px;
    z-index: 1
}
.section__incline.news {
    font-size: 16px;
    text-align: left;
    margin-top: -180px
}
.section__incline.news .col-md-5:nth-child(odd) {
    clear: left
}
.section__incline.gallery .col-md-10 {
    width: 100%;
    margin: 0;
    padding-left: 8.33333333%
}
.section__intro .desc,
.section__joinIntro .desc {
    margin-bottom: 17px
}
.section.loader:after {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    background: #fff;
    z-index: 2
}
.section__ref {
    height: 100%;
    text-align: center;
    padding: 90px 0;
    position: relative;
    line-height: 0;
    font-size: 0
}
.section__intro,
.section__joinIntro {
    line-height: 1.5;
    color: #65c3b6;
    text-align: left
}
.section__ref:after {
    content: '';
    height: 100%;
    width: 0
}
.section__ref .modal-content {
    width: 445px;
    display: inline-block
}
.section__intro {
    padding-top: 156px;
    padding-bottom: 178px;
    font-size: 20px;
    min-height: 780px;
    background: url(../images/intro_bg2.html) 50% 0 no-repeat;
    -webkit-background-size: auto 100%;
    background-size: auto 100%
}
.section__intro:before {
    content: '';
    width: 641px;
    height: 658px;
    background: url(../images/atb_coin3860.html?v=1) no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
    position: absolute;
    bottom: 14px;
    left: 44%;
    z-index: 2;
    pointer-events: none
}
.section__intro .offer__box {
    margin-top: 40px
}
.section__intro .offer__box .title {
    font-size: 14px;
    display: block
}
.section__intro .offer__box .soc__list {
    margin-top: 5px
}
.section__intro .btn-accent {
    margin-top: 20px
}
.section__joinIntro {
    padding-top: 100px;
    font-size: 20px;
    padding-bottom: 155px;
    background: url(../images/joinIntro_bg.html) 50% 0 no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
    overflow: hidden
}
.section__joinIntro:before {
    width: 433px;
    height: 450px;
    background: url(../images/atb_coin3860.html?v=1) no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
    position: absolute;
    bottom: 0;
    left: 60%;
    z-index: 2;
    pointer-events: none
}
.section__joinIntro form {
    color: #fff;
    font-size: 16px;
    line-height: 1.4;
    max-width: 435px;
    margin-top: 66px
}
.section__joinIntro .btn__row {
    margin: 30px 0
}
.section__lottery {
    padding: 100px 0;
    text-align: left;
    color: #fff;
    line-height: 1.4;
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    justify-content: space-between
}
.section__media {
    text-align: center;
    margin: 60px 0
}
.section__media .link {
    float: left;
    margin-left: 15px
}
.section__wallet {
    padding-top: 100px;
    font-size: 16px
}
.section__wallet p,
.section__wallet strong {
    display: block;
    text-align: left
}
.dashboard .tab__pane,
.footer__top {
    text-align: center
}
.section__wallet .title {
    display: block;
    font-size: 24px;
    color: #4f5351;
    margin: 40px 0 20px
}
.section__wallet .btn {
    margin: 0 10px
}
.section__wallet .btn__row {
    margin-top: 30px
}
.section__wallet .pic {
    margin: 50px 0 -189px
}
.dashboard__title,

/*.footer .form {
    margin-bottom: 20px
}
.footer {
    padding: 200px 0 10px;
    margin-top: -150px;
    color: #fff;
    background: url(../images/bg.png) no-repeat;
    position: relative
}
.footer:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: url(../images/footer_bg.png) center bottom no-repeat;
    -webkit-background-size: cover;
    background-size: cover
}
.footer__top {
    padding: 8px 0;
    font-size: 12px;
    border-bottom: 2px dotted #507788
}
.footer__top:after {
    content: '';
    display: block;
    clear: both
}
.footer__top .pic {
    width: 66px;
    vertical-align: middle;
    margin-left: 13px
}
.footer .copy {
    display: block;
    text-transform: uppercase;
    margin-top: 61px
}
.footer .mark {
    color: #b1edee
}
.footer__btm {
    padding: 18px 0;
    font-size: 14px
}
.footer .box {
    display: inline-block
}
.footer .box+.box {
    margin-left: 15px
}
.footer .form__successBox {
    width: 100%;
    font-size: 14px
}
.footer .form__successBox .icon {
    width: 32px;
    height: 32px;
    line-height: 32px;
    font-size: 13px
}
.footer .input {
    background: #fff
}
.footer .input::-webkit-input-placeholder {
    color: rgba(4, 18, 31, .51)
}
.footer .input::-moz-placeholder {
    color: rgba(4, 18, 31, .51)
}
.footer .input:-moz-placeholder {
    color: rgba(4, 18, 31, .51)
}
.footer .input:-ms-input-placeholder {
    color: rgba(4, 18, 31, .51)
}*/
.dashboard {
    background: #e2f8f6;
    padding-top: 58px;
    color: #464947
}
.dashboard .header {
    background: #060f24
}
.dashboard__title {
    display: block;
    font-size: 24px;
    font-weight: 600
}
.dashboard__subtitle {
    display: block;
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 7px
}
.dashboard__hint {
    display: block;
    font-size: 13px;
    margin-bottom: 15px
}
.map__box,
.map__mark {
    display: inline-block
}
.dashboard__hint .mark {
    color: #ff073c
}
.map__box {
    margin-top: 22px;
    position: relative
}
.map__base {
    width: 976px;
    pointer-events: none
}
.map__mark {
    width: 25px;
    height: 25px;
    font-size: 15px;
    color: #000;
    background: #fff;
    box-shadow: 0 0 16px 3px #4ed7bf;
    position: absolute;
    backface-visibility: hidden;
    transition: all .2s ease-out
}
.map__mark i {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%)
}
.map__mark:hover {
    background: #aeff00;
    -webkit-transform: scale(1.5);
    -moz-transform: scale(1.5);
    -ms-transform: scale(1.5);
    -o-transform: scale(1.5)
}
.map__mark_1 {
    top: 33%;
    left: 5%
}
.map__mark_2 {
    top: 25%;
    left: 19.5%
}
.map__mark_3 {
    top: 33.2%;
    left: 15.2%
}
.map__mark_4 {
    top: 59%;
    left: 28%
}
.map__mark_5 {
    top: 78%;
    left: 27%
}
.map__mark_6 {
    top: 16.5%;
    left: 44%
}
.map__mark_7 {
    top: 44%;
    left: 43.3%
}
.map__mark_8 {
    top: 14%;
    right: 40%
}
.map__mark_9 {
    top: 23%;
    right: 43.4%
}
.map__mark_10 {
    top: 35%;
    right: 42%
}
.map__mark_11 {
    top: 44%;
    right: 44.5%
}
.map__mark_12 {
    top: 67%;
    right: 40%
}
.map__mark_13 {
    top: 21%;
    right: 31.4%
}
.map__mark_14 {
    top: 41%;
    right: 34.2%
}
.map__mark_15 {
    top: 33%;
    right: 24.5%
}
.map__mark_16 {
    top: 21%;
    right: 17.2%
}
.map__mark_17 {
    top: 33%;
    right: 18.1%
}
.map__mark_18 {
    top: 46.7%;
    right: 14.3%
}
.map__mark_19 {
    top: 57%;
    right: 11.2%
}
.map__mark_20 {
    top: 30.5%;
    right: 6.2%
}
.map__mark_21 {
    top: 78%;
    right: .5%
}
.map__static {
    display: none
}
.mission__desc {
    max-width: 290px;
    margin: 0 auto
}
.border-dot {
    position: relative
}
.border-dot:after,
.border-dot:before {
    position: absolute;
    line-height: .5;
    font-family: icomoon
}
.border-dot:before {
    color: rgba(75, 158, 162, .45);
    right: -14px;
    content: '\e918';
    font-size: 30px;
    transform: rotate(90deg);
    top: 43px
}
.border-dot:after {
    color: #c8c8c8;
    right: -8px;
    content: "\e919";
    font-size: 15px;
    top: 157px
}
.advantages__list {
    color: #fff;
    text-align: left;
    line-height: 1.3;
    letter-spacing: .1px
}
.advantages__list:after {
    content: '';
    display: block;
    clear: both
}
.advantages__item {
    width: 44%;
    float: left;
    margin: 0 3% 30px
}
.advantages__item.full {
    width: 94%
}
.advantages__img {
    width: 100%;
    margin-bottom: 19px
}
.advantages__title {
    display: block;
    font-size: 24px;
    color: #83d5cc;
    margin-bottom: 19px
}
.list-circle {
    list-style: none;
    line-height: 1.7;
    padding-left: 0;
    margin-bottom: 7px;
    font-size: 14px
}
.list-circle li {
    margin-bottom: 1px
}
.list-circle li:before {
    content: '';
    display: inline-block;
    width: 4px;
    height: 4px;
    border-radius: 100%;
    background: #464947;
    vertical-align: middle;
    margin-right: 7px;
    margin-top: -2px
}
.list-circle__left li:before,
.list-circle__right li:after {
    content: '';
    width: 4px;
    height: 4px;
    border-radius: 100%;
    background: #fff;
    vertical-align: middle;
    margin-top: -2px;
    display: inline-block
}
.list-circle li.mb_big {
    margin-bottom: 20px
}
.list-circle__left,
.list-circle__right {
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
    line-height: 1.7
}
.list-circle__right li:after {
    margin-left: 7px
}
.list-circle__right a {
    color: #fff;
    display: inline-block
}
.list-circle__left li {
    padding: 3px 0
}
.list-circle__left li:before {
    margin-right: 7px
}
.list-circle__left a {
    color: #fff;
    display: inline-block
}
.list-dash {
    list-style: none;
    line-height: 1.7;
    padding-left: 0;
    margin-bottom: 7px;
    font-size: 14px;
    font-weight: 600;
    color: #464947
}
.list-dash li {
    margin-bottom: 6px
}
.list-dash li:before {
    content: '-';
    display: inline-block;
    margin-right: 14px;
    margin-top: -2px
}
.currency__link:before,
.news__articleFooter .row:after,
.progress__bar .gradient:before,
.progress__checkpoint:before,
.progress__footer:after,
.progress__tooltip:before,
.socBig__list:after,
.tabGlow__head:before,
.tabGlow__link:before {
    content: ''
}
.list-number {
    list-style: decimal;
    padding-left: 18px
}
.list-number li {
    padding: 2px 0
}
.soc__list {
    display: inline-block;
    font-size: 0;
    margin-top: 45px
}
.soc__item {
    display: inline-block;
    margin-right: 2px
}
.soc__link {
    font-size: 26px;
    display: block;
    color: #fff;
    padding: 0 10px
}
.soc__link:hover {
    color: #aeff00
}
.socBig__list {
    float: right;
    margin: 10px 30px 10px 0
}
.socBig__list:after {
    display: block;
    clear: both
}
.socBig__item {
    float: left;
    margin-left: 25px
}
.socBig__link {
    display: block;
    min-width: 100px;
    height: 37px;
    line-height: 35px;
    color: #fff;
    font-size: 13px;
    text-align: center
}
.literature__list,
.socBig__link i,
.tel__box .h4,
.tel__list {
    display: inline-block;
    vertical-align: middle
}
.socBig__link i {
    margin-right: 3px
}
.socBig__link span {
    vertical-align: middle
}
.socBig__link.fb {
    background: #3b5999
}
.socBig__link.fb:hover {
    background: #2d4474
}
.socBig__link.twitter {
    background: #59d1df
}
.socBig__link.twitter:hover {
    background: #2ec5d7
}
.socBig__link.google {
    background: #bf3727
}
.socBig__link.google:hover {
    background: #952b1e
}
.socBig__link.linkedin {
    background: #0077B5
}
.socBig__link.linkedin:hover {
    background: #005582
}
.literature__list {
    text-align: right
}
.literature__list a:hover {
    opacity: .8
}
.tel__box {
    margin-top: 10px;
    text-align: right
}
.tel__list {
    margin: 0
}
.tel__item {
    width: 205px;
    float: left;
    padding-left: 50px
}
.tel__number {
    color: #fff
}
.video__wrap {
    position: relative;
    text-align: center;
    font-size: 0
}
.video__box {
    display: block;
    position: relative;
    padding-bottom: 50%;
    padding-top: 30px;
    height: 0;
    overflow: hidden
}
.video__box iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    backface-visibility: hidden
}
.invest__box {
    text-align: left;
    margin-bottom: 40px
}
.invest__title {
    display: block;
    font-size: 24px;
    font-weight: 600;
    color: #38b5b5;
    letter-spacing: 2.5px;
    margin-bottom: 5px
}
.invest__list {
    display: flex;
    flex-direction: row;
    justify-content: space-between
}
.invest__cont,
.invest__date,
.invest__head {
    display: block
}
.invest__item {
    float: left;
    font-size: 20px
}
.invest__item.completed {
    opacity: .5
}
.invest__item.completed .invest__cont {
    text-decoration: line-through
}
.invest__item.active:not(.completed) .invest__head {
    font-weight: 600
}
.invest__item.active:not(.completed) .invest__cont {
    font-weight: 600;
    color: #1ac2cb
}
.invest__item.active:not(.completed) .invest__date {
    opacity: 1
}
.invest__head {
    font-size: 13px
}
.invest__date {
    font-size: 14px;
    opacity: .5
}
.progress__wrap {
    margin: 65px auto 50px;
    position: relative
}
.progress__base {
    height: 20px;
    background: #0a1d2d;
    border-radius: 10px;
    overflow: hidden;
    text-align: left;
    position: relative;
    z-index: 1;
    box-shadow: 0 0 0 12px rgba(24, 198, 206, .07), inset 0 12px 8px rgba(4, 18, 31, .42), 1px 1px 50px 15px rgba(138, 221, 222, .23)
}
.progress__base:hover+.progress__tooltip {
    opacity: 1;
    visibility: visible
}
.progress__bar {
    height: 100%;
    display: inline-block;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0
}
.progress__bar .gradient {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background-color: #0dc0b8;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0idnNnZyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSIwJSIgeTE9IjAlIiB4Mj0iMTAwJSIgeTI9IjAlIj48c3RvcCBzdG9wLWNvbG9yPSIjMGJkOWFjIiBzdG9wLW9wYWNpdHk9IjEiIG9mZnNldD0iMCIvPjxzdG9wIHN0b3AtY29sb3I9IiMwZWE2YzMiIHN0b3Atb3BhY2l0eT0iMSIgb2Zmc2V0PSIxIi8+PC9saW5lYXJHcmFkaWVudD48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI3ZzZ2cpIiAvPjwvc3ZnPg==);
    background-image: -webkit-gradient(linear, 0 0, 100% 0, color-stop(0, #0bd9ac), color-stop(1, #0ea6c3));
    background-image: -webkit-repeating-linear-gradient(left, #0bd9ac 0, #0ea6c3 100%);
    background-image: repeating-linear-gradient(to right, #0bd9ac 0, #0ea6c3 100%);
    background-image: -ms-repeating-linear-gradient(left, #0bd9ac 0, #0ea6c3 100%)
}
.progress__bar .gradient:before {
    height: 8px;
    position: absolute;
    top: 3px;
    right: 3px;
    left: 3px;
    z-index: 1;
    border-radius: 8px 8px 0 0;
    background-color: rgba(255, 255, 255, .03);
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0idnNnZyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSIwJSIgeTE9IjAlIiB4Mj0iMCUiIHkyPSIxMDAlIj48c3RvcCBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjAuNiIgb2Zmc2V0PSIwIi8+PHN0b3Agc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjIiIG9mZnNldD0iMSIvPjwvbGluZWFyR3JhZGllbnQ+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCN2c2dnKSIgLz48L3N2Zz4=);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, color-stop(0, rgba(255, 255, 255, .6)), color-stop(1, rgba(255, 255, 255, .2)));
    background-image: -webkit-repeating-linear-gradient(top, rgba(255, 255, 255, .6) 0, rgba(255, 255, 255, .2) 100%);
    background-image: repeating-linear-gradient(to bottom, rgba(255, 255, 255, .6) 0, rgba(255, 255, 255, .2) 100%);
    background-image: -ms-repeating-linear-gradient(top, rgba(255, 255, 255, .6) 0, rgba(255, 255, 255, .2) 100%)
}
.progress__bar.v1 {
    border-right: 1px solid #009565;
    box-shadow: 1px 0 0 #0ff
}
.progress__bar.v2 {
    z-index: -1
}
.progress__bar.v2 .gradient {
    background: #00bdd5
}
.progress__footer {
    margin-top: 18px
}
.progress__footer:after {
    display: block;
    clear: both
}
.progress__total {
    float: right;
    font-size: 24px
}
.progress__totalInv {
    float: left;
    font-size: 13px;
    color: rgba(70, 73, 71, .6);
    text-align: left
}
.progress__totalInv .value {
    display: block;
    font-size: 24px;
    color: #38b5b5;
    font-weight: 600;
    margin-bottom: -5px
}
.progress__tooltip {
    background: #fff;
    min-width: 76px;
    padding: 2px 12px 5px;
    line-height: 1.3;
    border-radius: 3px;
    position: absolute;
    z-index: 2;
    bottom: 95px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, .14);
    pointer-events: none;
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    transition: all .2s ease-out;
    opacity: 0;
    visibility: hidden
}
.currency__link.active:before,
.currency__link:hover:before {
    box-shadow: 0 3px 21px rgba(0, 0, 0, .13)
}
.progress__tooltip:before {
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -7.5px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px 7.5px 0;
    border-color: #fff transparent transparent
}
.progress__tooltip .value {
    font-size: 13px;
    color: #38b5b5;
    font-weight: 600;
    display: inline-block;
    vertical-align: middle
}
.progress__tooltip .cy {
    font-size: 11px;
    opacity: .6;
    padding-left: 5px;
    display: inline-block;
    vertical-align: middle
}
.progress__tooltip div {
    white-space: nowrap
}
.progress__checkpoint {
    position: absolute;
    top: -62px;
    margin-left: -6px
}
.progress__checkpoint:before {
    position: absolute;
    width: 4px;
    height: 4px;
    border-top: 1px solid #818c8b;
    border-left: 1px solid #818c8b;
    bottom: 1px;
    left: 5px;
    -webkit-transform: rotate(-135deg);
    -moz-transform: rotate(-135deg);
    -ms-transform: rotate(-135deg);
    -o-transform: rotate(-135deg)
}
.progress__checkpoint .flagBox {
    display: inline-block;
    color: #4f5351;
    font-size: 40px;
    vertical-align: middle
}
.progress__checkpoint .info {
    display: inline-block;
    vertical-align: middle;
    font-size: 12px;
    color: #909291
}
.progress__checkpoint .date {
    font-size: 16px;
    display: block;
    color: #38b5b5
}
.currency__item {
    margin-bottom: 45px;
    color: #464947;
    position: relative
}
.currency__item:hover .currency__pic {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1)
}
.currency__item.block {
    margin-bottom: 10px
}
.currency__item.block.shadow {
    padding: 0 50px
}
.currency__item.block .currency__pic {
    display: inline-block;
    margin: 0
}
.currency__item.block .currency__picWrap {
    width: 80px;
    display: inline-block;
    text-align: center
}
.currency__item.block .currency__link {
    padding-bottom: 45px
}
.currency__item.block .currency__info {
    display: inline-block;
    vertical-align: top;
    padding-left: 20px
}
.currency__link {
    color: #464947;
    display: block;
    padding: 25px 0 65px
}
.currency__link:before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border-radius: 32px 32px 0;
    -webkit-transition: all .2s ease-out;
    transition: all .2s ease-out
}
.currency__link.active:before {
    top: 10px;
    right: 40px;
    bottom: 25px;
    left: 40px
}
.currency__pic {
    display: block;
    margin: 0 auto 25px;
    -webkit-transition: all .2s ease-out;
    transition: all .2s ease-out
}
.roadmap__box .pt,
.roadmap__desc {
    -webkit-transition: all .2s ease-out
}

.rules-box a {
    font-size: 16px;
    margin-right: 30px;
    color: #eee;
}
.rules-box a:hover {
    color: #c82a72;
}
.rules-box a:last-child {
    margin-right: 0;
}
.footer_header {
    color: #ffffff;
    font-size: 16px;
    margin: 22px 0 5px;
    position: relative;
}
.footer_header:before {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    width: 70%;
    border-bottom: 2px solid #404040;
}
.footer_header:after {
    content: "";
    display: block;
    width: 35px;
    border-bottom: 2px solid #1ea5ff;
    margin: 20px auto 25px 0;
    z-index: 1;
    position: relative;
}
.instruments {
    text-align: center;
    padding: 10px 0px 0px;
    background: rgb(240, 244, 245);
}
.instruments a {
    display: inline-block;
}
.instrument__img {
    max-height: 30px;
    margin: 20px 30px;
}

/*****  investors   *****/

.distributed {
    background: #222;
}
.wpb_content_element h2 {
    font-size: 36px;
    color: #fff;
    margin-top: 20px;
    margin-bottom: 10px;
}
.wpb_content_element hr {
    height: 2px;
    background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #0ca8e1), to(#005f96));
    background-image: -webkit-linear-gradient(left, #0ca8e1 0, #005f96 100%);
    background-image: -o-linear-gradient(left, #0ca8e1 0, #005f96 100%);
    background-image: linear-gradient(to right, #0ca8e1 0, #005f96 100%);
    border-top: none;
    margin-top: 20px;
    margin-bottom: 20px;
    border: 0;
}
.wpb_content_element p {
    color: rgba(255,255,255,0.6);
    font-size: 17px;
    padding: 15px 0;
    margin-bottom: 15px;
}

/**** about us ****/
.page--about-us {
    background: #f7f8f8;
    background-size: contain;
}
#snm .page--about-us .text {
    color: #ffffff;
    font-size: 16px; 
	font-family:urbane, sans-serif; 
    line-height: 1.6;
}
.page--about-us .c-blue {
    color: #2197ed !important;
}
#snm .page--about-us .text b { 
    font-family: urbane, sans-serif;
    font-weight: 500;
}
.page--about-us .about-items {
    background-color: #172939;
    border-radius: 2px;
    box-shadow: 0 6px 28px rgba(119, 157, 175, 0.1);
    padding: 50px 100px 20px 100px;
    margin-top: 80px;
}
.page--about-us .about-items__title {
    margin-bottom: 20px;
}
.page--about-us .page__title {
    color: #fff; 
	font-family: urbane, sans-serif;
    font-size: 48px;
    text-align: center;
    padding-bottom: 12px;
    font-weight: 500;
}
.page--about-us .page__title--3 {
    text-align: left;
    font-size: 1.5rem;
}
.page--about-us .text--sm {
    letter-spacing: 0.025rem;
    font-weight: 300;
}
.page--about-us .num-list__item {
    margin-bottom: 30px;
    position: relative;
}
.page--about-us .text--sm {
    font-size: 14px;
}
.page--about-us .num-list__number {
    position: absolute;
    width: 45px;
    height: 45px;
    border-radius: 50%;
    background-color: #2197ed;
    color: #ffffff;
    font-family: urbane, sans-serif;
    font-size: 26px;
    line-height: 45px;
    text-align: center;
    left: -60px;
    top: 50%;
    margin-top: -22.5px;
}
.certificate {
   
    padding: 0;
    margin-top: 25px;
}
.img-responsive {
    display: block;
    max-width: 100%;
    height: auto;
	border-radius: 5px;
}

.menu .dropdown-lang li a {
    opacity: .5;
}
.menu .dropdown-lang ul:nth-child(2) li:nth-child(1) a {
    opacity: 1;
}

/******************** beforer news *******************/
.sectionabout {
    border-top: 1px solid #eee;
}
.title_section {
    width: 100%;
    height: auto;
    color: #000000;
    text-align: center;
    font-size: 24px;
    font-weight: 300;
}
[class^="fa"]:before, [class*=" icon-"]:before {
    text-decoration: none;
    margin-left: .2em;
    margin-right: .2em;
}
.hr_br {
    text-align: center;
    width: 100%;
    height: auto;
    margin-bottom: 20px;
}
.hr_br img {
    width: 100%;
    max-width: 580px;
}
.smiaboutslider .slick-arrow, .smiaboutslider .owl-next,
.writeproslider .slick-arrow, .writeproslider  .owl-next{
    position:absolute;
    font-size:25px;
    top:50%;
    margin-top:-15px;
    z-index: 99;
    cursor: pointer;
}
.smiaboutslider .slick-prev,
.writeproslider .slick-prev{
    left:50px;
}
.smiaboutslider .slick-next,
.writeproslider .slick-next{
    right:50px;
}
.smiaboutslider .slick-dots,
.writeproslider .slick-dots{
    text-align:center;
    padding:10px 0;
    list-style-type: none;
}
.smiaboutslider .slick-dots li,
.writeproslider .slick-dots li {
    display: inline-block;
    margin-right: 4px;
}
.smiaboutslider .slick-dots button,
.writeproslider .slick-dots button{
    display:inline-block;
    padding: 0;
    width: 10px;
    height: 10px;
    border-radius:50%;
    background: #ddd;
    font-size: 0;
    border: none;
}
.smiaboutslider .slick-dots li.slick-active button,
.writeproslider .slick-dots li.slick-active button{
    background: #d04a87;
}

.smiaboutslider .item,
.writeproslider .item{
    text-align:center;
}
.smm_wrap {
    text-align: center;
    height: 355px;
    overflow-x: hidden;
}

.smm_div {
    width: 185px;
    height: 85px;
    display: inline-block;
    vertical-align: top;
    overflow: hidden;
    position: relative;
    border: 1px solid  #c82a72;
    margin: 3px;
    transition: all 0.3s ease-in-out;
}

.smm_div:hover img{
    transform: scale(1.1);
}

.smm_div:hover .smm_link{
    left: 0;
    opacity: 1;
}

.smm_div img {
    max-width: 100%;
    height: auto;
    transition: all 0.3s ease-in-out;
    position: relative;
}

.smm_link {
    display: block;
    width: 185px;
    height: 85px;
    color: #fff;
    text-transform: uppercase;
    line-height: 86px;
    position: absolute;
    opacity: 0;
    z-index: 10;
    font-weight: 300;
    font-size: 16px;
    left: -185px;
    transition: all 0.3s ease-in-out;
    background: linear-gradient(86deg, rgb(200, 42, 114), rgb(50, 195, 208));
}

.smm_link:hover {
    color: #fff;
    text-decoration: underline;
}

/*******************  end beforer news *******************/


/******************* Career *******************/

.career-site {

}
.career-site h3 {
    font-size: 26px;
    text-align: center;
    text-transform: uppercase;
    margin-bottom: 40px;
}
.turnover {
    display: flex;
	justify-content: space-between;
}
.turnover-item-wrap {
    width: 20%;
    margin-right: 2.5%;
}
.turnover-item {
      height: 55px;
    color: #fff;
    background: #081727;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    position: relative;
    font-size: 32px;
    z-index: -1;
}
.turnover-item:last-child {
    margin-right: 0;
}
.turnover-item span {
    position: absolute;
    top: -50px;
    left: 0;
	  background: #081727;
    display: block;
    width: 100%;
    height: 150px; 
    /*-webkit-transform: rotate(15deg);
    -moz-transform: rotate(15deg);
    -ms-transform: rotate(15deg);
    -o-transform: rotate(15deg);
    transform: rotate(15deg);*/
    z-index: -1;
}
.turnover-item-title {
	font-size: 14px;
    text-transform: uppercase;
    text-align: center;
    display: block;
    margin-top: 12px;
    font-weight: 600;
}




/***** Statuses wrap --- career card ******/
 

@media only screen and (max-width: 63.9375em) {
    .turnover {
	flex-wrap: wrap;
    justify-content: center;
		
	}
	
	.turnover-item {
	height: 55px;
    background: #f0f4f5;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    display: flex;
    justify-content: center;
    align-items:center;
    overflow: hidden;
    position: relative; 
    font-size: 32px;
    z-index: -1;
		
	}
	.turnover-item-title {
	font-size: 14px;
    text-transform: uppercase;
    text-align: center;
    display: block;
    margin-top: 12px;
    font-weight: 600;
}
}


@media only screen and (max-width: 47.9375em) {
	.turnover {
	flex-wrap: wrap;
    justify-content: center;
	
		
	}	
	.turnover-item {
	height: 55px;
    background: #fff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    position: relative; 
    font-size: 20px;
    z-index: -1;
		
	}
	.turnover-item-title {
	font-size: 9px;
    text-transform: uppercase;
    text-align: center;
    display: block;
    margin-top: 12px;
    font-weight: 600;
}
}

/***** Statuses wrap --- career card ******/
/***** Statuses wrap --- career card ******/
.career-container {
    background: #09131d;
    padding: 40px 0;
}
.career-wrap {
    padding-left: 15px;
    padding-right: 15px;

}
.career-card-wrap {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-bottom: 30px;
}
.career-card {
    //
    width: 248px;
    //
    height: 393px;
    width: 24%;
    border: 1px solid #404e5b;
    border-radius: 15px;
    background: #172939;
    display: inline-block;
    margin-bottom: 27px;
    -webkit-transition: All 0.4s ease;
    -moz-transition: All 0.4s ease;
    -o-transition: All 0.4s ease;
    cursor: pointer;
}

.career-card:hover {
     
	border-color: #2197ed;
    -webkit-box-shadow: 0 0 2px #2197ed;
    -moz-box-shadow: 0 0 2px #2197ed;
    box-shadow: 0 0 2px #2197ed;
	-webkit-transition: All 0.4s ease;
    -moz-transition: All 0.4s ease;
    -o-transition: All 0.4s ease;
}

.career-card-head {height: 60px;border-bottom: 1px solid #404e5b;position: relative;padding-top: 15px;text-align: center;}
.career-card-head img {
    position: absolute;
    left: 0;
    bottom: 0;
}
.career-card-before-status {
    color: #2e2e2e;
    font-size: 13px;
}
.career-card-status {
	font-weight: 600;
    font-size: 18px;
    color: #2197ed;
    //font-family: 'MullerExtraBold', sans-serif;
    text-transform: uppercase;
}
.career-card-item {
    padding: 17px 23px;
    border-bottom: 1px solid #404e5b;
}
.career-card-item:last-child {
    border-bottom: none;
}
.career-card-item-top {
    line-height: 16px;
    font-size: 12px;
    color: #5e5e5ec2;
    margin-bottom: 9px;
}
.career-card-item-sum {
    font-size: 22px;
    //
    font-family: 'MullerExtraBold', sans-serif;
    color: #fff;
}
.career-card-item-bottom {
    font-size: 12px;
    color: #ffffff;
    line-height: 16px;
    font-weight: 200;
}
.career-card-num {
    position: absolute;
    left: -12px;
    top: -12px;
    font-size: 21px;
    //font-family: 'MullerExtraBold', sans-serif;
    width: 40px;
    height: 40px;
    background: #2197ed;
    border-radius: 50%;
    line-height: 45px;
    text-align: center;
    color: #fff;
    z-index: 999;
}
#snm p.career-after-card-text {
    font-size: 16px;
    color: #2197ed;
}
#snm p.career-after-card-text:last-child {
    color: #0f0f0f;
}




/***** Statuses wrap --- career card ******/
 

@media only screen and (max-width: 63.9375em) {
	
	.career-card-item {
    padding: 10px 12px;
    border-bottom: 1px solid #404e5b;
}
.career-card {
    width: 48%;
    border: 1px solid #404e5b;
    border-radius: 15px;
    background: #172939;
    display: inline-block;
    margin-bottom: 27px;
    -webkit-transition: All 0.4s ease;
    -moz-transition: All 0.4s ease;
    -o-transition: All 0.4s ease;
}
 }


@media only screen and (max-width: 47.9375em) {

	.career-card-item {
    padding: 10px 12px;
    border-bottom: 1px solid #404e5b;
}
 
.career-card {
    width: 100%;
    border: 1px solid #404e5b;
    border-radius: 15px;
    background: #172939;
    display: inline-block;
    margin-bottom: 27px;
    -webkit-transition: All 0.4s ease;
    -moz-transition: All 0.4s ease;
    -o-transition: All 0.4s ease;
}
 
}

/***** Statuses wrap --- career card ******/

.project-text-title h2 {
    color: #fff;
}

/******************* Career *******************/



.block-startup {
    border: 1px solid #404e5b;
    padding: 10px;
    margin: 10px;
    border-radius: 10px;
    background: #172939;
	 
}


.block-prev p{
    height: 100px;
    margin: 10px;
    font-size: 12px !important;
    line-height: 18px;
    text-align: left;
}

.one-star-text h4 {
	margin: 10px;
}

.one-star-text h4 a{
	color: #3d4d65;
}

.block-info-1, .block-info-2, .block-info-3{
	margin: 5px 10px 5px 5px;
	display: flex;
	justify-content: space-between;
	font-weight: 500;
}

span.color-procent {
	color: #04be5b;
	font-weight: 500;
}

progress {
	margin: 0px 10px;
	width: calc(92% + 1px);
	background-color: #000;
}

.btn-if {
	margin: 10px;
	width: calc(92% + 1px);
}

.big_news_text table {
	display: block;
	width: 100%;
	overflow-x: auto;
	max-width: 100%;

}

.profile_tabs {
	width: 100% !important;
}

.profile_tabs_container {
	padding: 0 !important;
}
 

.footer-credentials {
  width: 100%;
  padding: 10px 0;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #fff;
   
}
.project-text-title{
	
	color:#0b1c26;
	font-size:22px;
	text-align:center; 
}

.mfp-content h2 {
    color: #0b1c26;
    font-size: 22px;
	text-align:center; 
}
 
.descr_req{
    color: #0b1c26;
    font-size: 14px;
font-weight:200;	
	
}

.mfp-content p {
    color: #ced2d4;
}

form .hvr-shutter-out-vertical {
    display: block;
}

.formatTable {
    width: 100%;
}

.popup-form {
    padding: 20px 30px;
    max-width: 400px;
    background: #0b1c26;
    margin: 0 auto;
    position: relative;
    box-shadow: 0 0 23px -2px #213039;
    border: solid 2px #213039;
}

.mfp-content .error_message {
    color: #fff;
	margin-bottom: 20px;
}

/* repres */

 
.repres {
    padding-top: 0px;
    padding-bottom: 13px;
    background: url(../images/text-left.html) no-repeat  rgba(255, 255, 255, 0.97);
    background-size:contain;
    background-attachment:fixed;
    background-position:left;
}
.repres .cap {
    color: #fff;
}
.repres-menu {
    position: relative;
}
.dropdown-menu {
    position: absolute;
    top: 40px;
    left: 0;
    width: 192px;
    font-size: 16px;
    z-index: 999;
    background: rgb(0, 13, 22);
    cursor: pointer;
//border-top: 2px rgba(0, 161, 152, 0.41) solid;
    -webkit-transition: ease-out .65s;
    -moz-transition: ease-out .65s;
    -ms-transition: ease-out .65s;
    -o-transition: ease-out .65s;
    transition: ease-out .65s;
    -webkit-transform: translateY(20px);
    -moz-transform: translateY(20px);
    -ms-transform: translateY(20px);
    -o-transform: translateY(20px);
    transform: translateY(20px);
    visibility: hidden;
    opacity: 0;
}
.dropdown-menu::after {
    content: '';
    position: absolute;
    top: -8px;
    left: 50px;
    width: 15px;
    height: 15px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
//background: rgba(0, 161, 152, 0.41);
    z-index: -1;
}
.dropdown-menu:hover,
.repres-menu:hover .dropdown-menu {
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px);
    visibility: visible;
    opacity: 1;
}

.rdm-link {
    display: block;
    text-decoration: none;
    color: #fff;
    padding: 10px;
    -webkit-transition: ease-out .2s;
    -moz-transition: ease-out .2s;
    -ms-transition: ease-out .2s;
    -o-transition: ease-out .2s;
    transition: ease-out .2s;

}
.rdm-link:hover {
    background: rgb(0, 142, 142);
}
.repres .container {
    margin-top: 62px;
    padding: 30px 50px;
    background-color: rgba(255, 255, 255, 0.63);
    box-shadow:0 0 30px rgba(0,0,0,0.1);
    -webkit-box-shadow:0 0 30px rgba(0,0,0,0.1);
    border:1px solid #dedede;
}
.repres h3 {
    color: #111;
    font-size: 24px;
    text-align: center;
    margin-bottom: 30px;
}
.repres p {
    font-size: 20px;
    line-height: 24px;
    margin-bottom: 24px;
}
.repres-accord {
    padding-left: 65px;
}
.repres-accord li {
    border-bottom: 1px solid #404e5b;
    text-transform: uppercase;
    position: relative;
    padding: 15px 10px;
    line-height: 23px;
    min-height: 54px;
    font-size: 15px;
}
.flag {
    position: absolute;
    left: -75px;
    top: 0;
    width: 48px;
    height: 48px;
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAIGNIUk0AAHolAACAgwAA+f8AAIDpAAB1MAAA6mAAADqYAAAXb5JfxUYAAALjSURBVHja7JnNbtNAEIC/sZ2kldJWaoWQ4FaJE+qBE4hn4BFAgrfgDXgQLpzhHVDviHdAgja0DSVe785wiOPa+aO4aVyLjGT5R5rd+XZmdnfWYma0WSJaLhuADcD/DpCISAz0gLgtRh8d7SUHB0/iw8PDNAF2X356d1q3sfcv3t7ImG+v3tTWff3xw4ME2FOM5w8fNzKavWdPa+mNPh9z/ONyOwF6ZoZq4Cz9BUB5aZPSs029r0J0MCh1YCB/6cGMaG8XTDmDTgKgpngNeA1zAcqGr3zd9j63q9qyiBTfZp69x1THSTwGMJx6Mg1VixdZLqsjsczP/77kWbIAamUAJVNPpn7tOWCZq6eTR0sCEMxw3uNCAwAuq6HjIChdkMIDachwIWsAoIYHUoep8qhDb+wBDTlAEx5IawB0IAS+ZoyuPOAdaXDrB0hreKCTYhro9rtRngPKKDjSJkIoreGBOIaguKHTPISU35kj9esHoA5AFEEe7oUHfqtjpOsH0NG/AwiCBasCpJlrzSyESHUdUFUu3GUjm7las5BLQaIrAG+Kb2AVrjsLAUiSVLcSg9GwEYDKbnQq0pdtuOL9/ZIHVNGGzodMF/W73B4LWs0Bo6EDrpoDp9XNnCeWqKgH7jqAJHHVA14VxVCsqAHErkKxKJSsVCqsqiZQXVz2Tdclk/40KgqhYiXGSlWRlWyz2YGyVZZmZrNtzatmbDoHygAhQJwDLKvA5I7kgBk6CaH9/X6iZpjJ4pG12yqIZ2vh60deDrCzc9ANGojiuJmZqC5AGE840cXJiTPTcXRYKSbNShdTl82P3XVJ6ZQiOR0O/ZaOA9wWxkq9xeY2PTA5VokmLyK0RkQEtTJAC38zTWwuAIRWuWAOQLtiqNh8Jn2IJjT97vbabYn6/RvpJ1s9FOD851mtBgYL9/PX1D8/v4l6EOA+cATca1kefwe+COPfSzv5vU2SAhey+VO/AdgAbAAalT8DANdU4nLzOiK9AAAAAElFTkSuQmCC') no-repeat center;
    cursor: pointer;
}
.toggle-head {
    overflow: hidden;
}
.country {
    float: left;
    cursor: pointer;
    color: #3e3e3e;
    padding-top:18px;
}
.toggle-content {
    display: none;
    color: #3e3e3e;
}
.toggle-content-row {
    padding: 30px 0px 0px;
    position: relative;
    min-height: 145px;
}
.repres-ava {
    border: 1px solid #404e5b;
    text-transform: uppercase;
    text-align: center;
    position: absolute;
    padding-top: 47px;
    font-size: 14px;
    line-height: 1;
    height: 110px;
    background:url("../images/user5.html") no-repeat center center;
    width: 110px;
    left: -60px;
    top: 30px;
    display: flex;
}
.repres-name-box {
    padding: 20px 10px 46px 0;
    text-transform: none;
    position: relative;
    width: 320px;
    min-height: 80px;
    font-size: 16px;
    float: left;
    /*margin-left: 85px;*/
    margin-left: 60px;
}
.repres-name-box::before,
.repres-name-box::after {
    content: '';
    background-color: #00a198;
    position: absolute;
    /* width: 165px;*/
    width: 200px;
    height: 2px;
// left: 10px;
}
.repres-name-box::before {
    top: 0;
}
.repres-name-box::after {
    bottom: 0;
    display: table;
    clear: both;
}
.repres-name {
    overflow: hidden;
}
.repres-user-desc,
.repres-user-title,
.repres-name-desc,
.repres-name-title {
    float: left;
}
.repres-user-desc,
.repres-user-title {
    font-size: 13px;
}
.repres-text-box {
    border-left: 1px solid #404e5b;
    text-transform: none;
    padding-left: 10px;
    line-height: 16px;
    margin-left: 0;
    float: left;
}
.repres-line {
    font-size: 13px;
    margin-bottom: 2px;
}
.repres-line-title {
    float: left;
}
.repres-line-desc {
    float: left;
    color:#0068ec;
    font-size:14px;
}

.repres-our {
// display: none;
}

.btnssupport{
font-family: 'MullerRegular', sans-serif !important;
    border: 2px solid #2197ed !important;
    padding: 0px 0px 0px 0px !important;
    border-radius: 5px !important;
    height: 44px !important;
    min-width: 150px;
    line-height: 36px;
    background: #2197ed;
    font-size: 14px !important;
    font-weight: 700 !important;
    text-transform: uppercase;
    letter-spacing: 1px !important;
    color: #ffffff !important;
    cursor: pointer;
    text-align: center;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    display: flex;
    justify-content: space-around;
    align-items: center;
	
	
	}
.btnssupport:hover{
	
	color:#fff !important;
	background:#006fc0 !important;
}
.repres-our img{

    float: left;
    margin-right: 21px;
    /* position: relative; */
    margin-top: 6px;
    max-width:30%;

}
.repres-our p {
    color: #3e3e3e;
    font-size: 16px;
}
.repres-our span {
    color: #3e3e3e;
    font-size: 16px;
    line-height:24px;
}
.repres-become {
    // display: none;
    overflow: hidden;
}
.repres-become-img {
    margin-right: 35px;
    float: left;
    width: 250px;
    height: 250px;
    background: rgba(0, 0, 0, .3);

}
.repres-become-text {
    /*width: 70%;
    float: left;*/
}

.repres-become-text p {
    font-size: 16px;
    line-height: 23px;
    margin-bottom: 10px;
    color: #111111;
}
.repres-become-text blockquote {
    margin-bottom: 10px;
    font-size: 14px;
    padding: 0 12px;
    border-left: 5px solid #848383;
    line-height: 19px;
}
.repres-row {
    padding-top: 80px;
    clear: both;
}
.repres-col {
    width: 46%;
    float: left;
}
.repres-col:nth-child(1) {
    margin-right: 8%;
}
.repres-b-text-box {
    padding: 0 10px 0 90px;
    margin: 0 0 0 auto;
    height: 125px;
    width: 422px;
    background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(217,217,217,1) 35%, rgba(182,182,182,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#b6b6b6', GradientType=0 );
    box-shadow: 0px 3px 4.5px 1.5px rgba(0, 0, 0, 0.16);
    border: 1px solid #dbdbda;
    display: table;
    color: #000;
}
.repres-text-title {
    margin-bottom: 8px;
    font-size: 16px;
    font-weight: bold;
}
.repres-text-centered {
    display: table-cell;
    vertical-align: middle;
}
.repres-b-text-box p {
    margin: 0;
    font-size: 12px;
    line-height: 16px;
}
.repres-b-text-box.big {
    float: none;
    padding: 0 10px 0 115px;
    width: 539px;
    margin: 0 auto 80px;
    height: 160px;
}
.repres-b-text-box.big .repres-text-title {
    font-size: 18px;
}
.repres-b-text-box.big p {
    font-size: 14px;
    line-height: 19px;
}

.become-form-box {
    color: #111;
    position: relative;
}
.become-form-box .good {
    color: #4aa04a;
    font-family: "OpenSansLight", sans-serif;
    font-size: 30px;
}
.become-form-box p {
    font-size: 15px;
    text-align: center;
}
.become-form-box p a {
    color: #467dd7;
}
.become-form-box .err {
    color: indianred;
    font-size: 20px;
    display: block;
}
.become-form-title {
    text-align: center;
    margin-bottom: 35px;
}
.become-form {

}
.become-form-left {
    width: 475px;
    float: left;
}
.become-form-right {
    width: 560px;
    float: right;
}
.form-group {
    padding-left: 210px;
    position: relative;
    margin-bottom: 10px;
}
.become-form-right label,
.become-form-left label {
    position: absolute;
    left: 0;
    top: 0;
    //border: 1px solid  #00a198;
    border-right: 0;
    font-size: 12px;
    padding: 10px;
    width: 210px;
    line-height: 1 !important;
    text-transform: uppercase;
    text-align: right;
}
.become-form-right input,
.become-form-left input {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border-bottom: 2px solid  #c82a72;
    /*-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);*/
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    margin-bottom: 0;
}
select.form-control {
    width: 100%;
    background-color: #fff;
    padding-right: 40px;
    padding-left: 10px;
    font-size: 13px;
    height: 34px;
    -webkit-appearance: none;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACMAAAAjCAIAAACRuyQOAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTExIDc5LjE1ODMyNSwgMjAxNS8wOS8xMC0wMToxMDoyMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjhGMjUzMzM5MDRBRTExRTc4N0E5Q0VGQTg3Q0I0NTdCIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjhGMjUzMzNBMDRBRTExRTc4N0E5Q0VGQTg3Q0I0NTdCIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6OEYyNTMzMzcwNEFFMTFFNzg3QTlDRUZBODdDQjQ1N0IiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6OEYyNTMzMzgwNEFFMTFFNzg3QTlDRUZBODdDQjQ1N0IiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5FWouqAAAAtklEQVR42mJ8/PgxA+0BExAw0AuM2jRq06hNozaNNJtYiFE0ceKE48eP45K1tLTMzy+gjp+Sk1MEBQWxSgkICAJlqRZ6PDw8GRkZjIyMaOJAEaA4UJaa8aSvb+Ds7IwmCBQxMDCgfoqIiYkVFxeHc4FsoAhN0h4HB0dWVjakmgaSQDZQhFapXF1d3dfXD8jw8fEBsqmfypFBaGjou3dvw8LCSdXIONo2GrVp1KZRm0ZtohEACDAA76IgvDeD/BkAAAAASUVORK5CYII=');
    background-position: right center;
    background-repeat: no-repeat;
    text-indent: 0.01px;
    text-overflow: '';
    border: 1px solid  #2ba2ae;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.become-form-right .form-group {
    padding-left: 295px;
}
.become-form-right label {
    width: 295px;
}
.become-form-submit {
    padding: 0 20px;
    margin-top: 12px;
    line-height: 40px;
    background: rgba(0, 161, 152, 0.4);
    font-size: 22px;
    color: #000;
    display: block;
    clear: both;
    border:1px solid  #00a198;
}
.become-form-submit:hover {
    -webkit-box-shadow: 2px 2px 5px rgba(0,0,0,.48);
    box-shadow: 2px 2px 5px rgba(0,0,0,.48);
}

/*Menu*/

.menu {

}

.menu__dropdown  {

}

.menu > li ul.menu__dropdown-list {
    top: 85%;
    border-radius: 2px;
    background: #020a0c;
}

.menu li.menu__dropdown-item a {
    white-space: nowrap;
}

.menu > li > ul li.menu__dropdown-item a {
    padding: 6px 12px;
}

#snm .menu li.menu__dropdown-item a:hover {
    border-bottom: 0;
}

.repres-btn {
    height: 50px !important;
    line-height: 50px !important;
    width: 100%;
    max-width: 500px;
    margin: 35px auto 0;
    clear: both;
}

.become-form-box label,
.become-form-box select {
    margin-bottom: 0;
}

.become-form-box select {
    border-radius: 0 !important;
}

.form-group {
    margin-bottom: 0;
}

.form-group + .form-group {
    margin-top: 10px;
}




.header__mainnet {
    position: relative
}

@media only screen and (max-width: 63.9375em) {
    .header__mainnet {
        display:none
    }
}

@media only screen and (max-width: 47.9375em) {
    .header__mainnet {
        display:inline-block;
        margin-left: .4em;
        font-size: .875em
    }
}

.mainnet__link {
    font-weight: 700;
    text-transform: uppercase;
    padding: .4em 1em .4em 1.75em;
    //border: 1px solid #343756;
    position: relative;
    color: #fff
}

.mainnet__link:before {
        content: "";
    display: inline-block;
    position: absolute;
    top: 83%;
    left: 0.4em;
    -webkit-transform: translate3d(0,-50%,0);
    transform: translate3d(0,-50%,0);
    width: 8px;
    height: 8px;
    background: #32cd32;
    border-radius: 100%;
    -webkit-box-shadow: 0 0 4px 1px #32cd32;
    box-shadow: 0 0 4px 1px #32cd32;
    -webkit-animation: pulse 2s ease-in-out infinite;
    animation: pulse 2s ease-in-out infinite;
}

.mainnet__link:hover {
    background: #6522ff;
    border-color: #6522ff;
    color: #fff
}

.white .mainnet__link {
    border-color: #e8eef4;
    color: #000;
    background: #e8eef4;
	border-radius: 50px;
}

.white .mainnet__link:hover {
    background: #6522ff;
    color: #fff
}

.menu__open .mainnet__link,.menu__open .mainnet__link:hover {
    color: #000
}

@media only screen and (max-width: 80em) {
    .mainnet__link {
        font-size:.875em
    }
}

@media only screen and (max-width: 47.9375em) {
    .mainnet__link {
        border:0
    }

    .mainnet__link:hover {
        background: 0 0
    }
}

.mainnet__deals {
    margin-left: 1em;
    font-size: .875em;
    opacity: 0;
    -webkit-transition: .3s ease-in-out;
    -o-transition: .3s ease-in-out;
    transition: .3s ease-in-out
}

.mainnet__deals.show {
    opacity: 1
}

.white .mainnet__deals {
    color: #555
}

@media only screen and (max-width: 68.75em) {
    .mainnet__deals {
        display:none
    }
}



@-webkit-keyframes pulse {
    0%,20%,80%,to {
        opacity: 1
    }

    45%,55% {
        opacity: .01
    }
}

@keyframes pulse {
    0%,20%,80%,to {
        opacity: 1
    }

    45%,55% {
        opacity: .01
    }
}

@-webkit-keyframes pulse-map {
    0%,40% {
        -webkit-box-shadow: 0 0 0 1px transparent;
        box-shadow: 0 0 0 1px transparent
    }

    40% {
        -webkit-transform: translate3d(-50%,-50%,0) scale(1);
        transform: translate3d(-50%,-50%,0) scale(1)
    }

    65% {
        -webkit-box-shadow: 0 0 0 1px rgba(101,34,255,.6);
        box-shadow: 0 0 0 1px rgba(101,34,255,.6)
    }

    to {
        -webkit-box-shadow: 0 0 0 1px transparent;
        box-shadow: 0 0 0 1px transparent;
        -webkit-transform: translate3d(-50%,-50%,0) scale(1.5);
        transform: translate3d(-50%,-50%,0) scale(1.5)
    }
}

@keyframes pulse-map {
    0%,40% {
        -webkit-box-shadow: 0 0 0 1px transparent;
        box-shadow: 0 0 0 1px transparent
    }

    40% {
        -webkit-transform: translate3d(-50%,-50%,0) scale(1);
        transform: translate3d(-50%,-50%,0) scale(1)
    }

    65% {
        -webkit-box-shadow: 0 0 0 1px rgba(101,34,255,.6);
        box-shadow: 0 0 0 1px rgba(101,34,255,.6)
    }

    to {
        -webkit-box-shadow: 0 0 0 1px transparent;
        box-shadow: 0 0 0 1px transparent;
        -webkit-transform: translate3d(-50%,-50%,0) scale(1.5);
        transform: translate3d(-50%,-50%,0) scale(1.5)
    }
}

@-webkit-keyframes pulse-dot {
    0% {
        background: rgba(101,34,255,.6);
        -webkit-box-shadow: 0 0 0 0 #6522ff,0 0 0 0 #6522ff;
        box-shadow: 0 0 0 0 #6522ff,0 0 0 0 #6522ff
    }

    5% {
        background: #6522ff
    }

    10% {
        -webkit-box-shadow: 0 0 0 .1rem #6522ff,0 0 0 .1rem rgba(101,34,255,.8);
        box-shadow: 0 0 0 .1rem #6522ff,0 0 0 .1rem rgba(101,34,255,.8)
    }

    35% {
        -webkit-box-shadow: 0 0 0 .1rem #6522ff,0 0 0 .15rem rgba(101,34,255,.3);
        box-shadow: 0 0 0 .1rem #6522ff,0 0 0 .15rem rgba(101,34,255,.3)
    }

    60% {
        -webkit-box-shadow: 0 0 0 .1rem rgba(101,34,255,.8),0 0 0 .25rem rgba(101,34,255,.1);
        box-shadow: 0 0 0 .1rem rgba(101,34,255,.8),0 0 0 .25rem rgba(101,34,255,.1)
    }

    75% {
        -webkit-box-shadow: 0 0 0 .1rem rgba(101,34,255,.2),0 0 0 .3rem transparent;
        box-shadow: 0 0 0 .1rem rgba(101,34,255,.2),0 0 0 .3rem transparent;
        background: rgba(101,34,255,.8)
    }

    to {
        -webkit-box-shadow: 0 0 0 .1rem transparent,0 0 0 .3rem transparent;
        box-shadow: 0 0 0 .1rem transparent,0 0 0 .3rem transparent;
        background: rgba(101,34,255,.6)
    }
}

@keyframes pulse-dot {
    0% {
        background: rgba(101,34,255,.6);
        -webkit-box-shadow: 0 0 0 0 #6522ff,0 0 0 0 #6522ff;
        box-shadow: 0 0 0 0 #6522ff,0 0 0 0 #6522ff
    }

    5% {
        background: #6522ff
    }

    10% {
        -webkit-box-shadow: 0 0 0 .1rem #6522ff,0 0 0 .1rem rgba(101,34,255,.8);
        box-shadow: 0 0 0 .1rem #6522ff,0 0 0 .1rem rgba(101,34,255,.8)
    }

    35% {
        -webkit-box-shadow: 0 0 0 .1rem #6522ff,0 0 0 .15rem rgba(101,34,255,.3);
        box-shadow: 0 0 0 .1rem #6522ff,0 0 0 .15rem rgba(101,34,255,.3)
    }

    60% {
        -webkit-box-shadow: 0 0 0 .1rem rgba(101,34,255,.8),0 0 0 .25rem rgba(101,34,255,.1);
        box-shadow: 0 0 0 .1rem rgba(101,34,255,.8),0 0 0 .25rem rgba(101,34,255,.1)
    }

    75% {
        -webkit-box-shadow: 0 0 0 .1rem rgba(101,34,255,.2),0 0 0 .3rem transparent;
        box-shadow: 0 0 0 .1rem rgba(101,34,255,.2),0 0 0 .3rem transparent;
        background: rgba(101,34,255,.8)
    }

    to {
        -webkit-box-shadow: 0 0 0 .1rem transparent,0 0 0 .3rem transparent;
        box-shadow: 0 0 0 .1rem transparent,0 0 0 .3rem transparent;
        background: rgba(101,34,255,.6)
    }
}

@-webkit-keyframes pulse-map-pink {
    0%,40% {
        -webkit-box-shadow: 0 0 0 1px transparent;
        box-shadow: 0 0 0 1px transparent
    }

    40% {
        -webkit-transform: translate3d(-50%,-50%,0) scale(1);
        transform: translate3d(-50%,-50%,0) scale(1)
    }

    65% {
        -webkit-box-shadow: 0 0 0 1px rgba(214,1,249,.6);
        box-shadow: 0 0 0 1px rgba(214,1,249,.6)
    }

    to {
        -webkit-box-shadow: 0 0 0 1px transparent;
        box-shadow: 0 0 0 1px transparent;
        -webkit-transform: translate3d(-50%,-50%,0) scale(1.5);
        transform: translate3d(-50%,-50%,0) scale(1.5)
    }
}

@keyframes pulse-map-pink {
    0%,40% {
        -webkit-box-shadow: 0 0 0 1px transparent;
        box-shadow: 0 0 0 1px transparent
    }

    40% {
        -webkit-transform: translate3d(-50%,-50%,0) scale(1);
        transform: translate3d(-50%,-50%,0) scale(1)
    }

    65% {
        -webkit-box-shadow: 0 0 0 1px rgba(214,1,249,.6);
        box-shadow: 0 0 0 1px rgba(214,1,249,.6)
    }

    to {
        -webkit-box-shadow: 0 0 0 1px transparent;
        box-shadow: 0 0 0 1px transparent;
        -webkit-transform: translate3d(-50%,-50%,0) scale(1.5);
        transform: translate3d(-50%,-50%,0) scale(1.5)
    }
}

@-webkit-keyframes pulse-map-green {
    0%,40% {
        -webkit-box-shadow: 0 0 0 1px transparent;
        box-shadow: 0 0 0 1px transparent
    }

    40% {
        -webkit-transform: translate3d(-50%,-50%,0) scale(1);
        transform: translate3d(-50%,-50%,0) scale(1)
    }

    65% {
        -webkit-box-shadow: 0 0 0 1px rgba(50,205,50,.6);
        box-shadow: 0 0 0 1px rgba(50,205,50,.6)
    }

    to {
        -webkit-box-shadow: 0 0 0 1px transparent;
        box-shadow: 0 0 0 1px transparent;
        -webkit-transform: translate3d(-50%,-50%,0) scale(1.5);
        transform: translate3d(-50%,-50%,0) scale(1.5)
    }
}

@keyframes pulse-map-green {
    0%,40% {
        -webkit-box-shadow: 0 0 0 1px transparent;
        box-shadow: 0 0 0 1px transparent
    }

    40% {
        -webkit-transform: translate3d(-50%,-50%,0) scale(1);
        transform: translate3d(-50%,-50%,0) scale(1)
    }

    65% {
        -webkit-box-shadow: 0 0 0 1px rgba(50,205,50,.6);
        box-shadow: 0 0 0 1px rgba(50,205,50,.6)
    }

    to {
        -webkit-box-shadow: 0 0 0 1px transparent;
        box-shadow: 0 0 0 1px transparent;
        -webkit-transform: translate3d(-50%,-50%,0) scale(1.5);
        transform: translate3d(-50%,-50%,0) scale(1.5)
    }
}

@-webkit-keyframes pulse-dot-pink {
    0% {
        background: rgba(214,1,249,.6);
        -webkit-box-shadow: 0 0 0 0 #d601f9,0 0 0 0 #d601f9;
        box-shadow: 0 0 0 0 #d601f9,0 0 0 0 #d601f9
    }

    5% {
        background: #d601f9
    }

    10% {
        -webkit-box-shadow: 0 0 0 .1rem #d601f9,0 0 0 .1rem rgba(214,1,249,.8);
        box-shadow: 0 0 0 .1rem #d601f9,0 0 0 .1rem rgba(214,1,249,.8)
    }

    35% {
        -webkit-box-shadow: 0 0 0 .1rem #d601f9,0 0 0 .15rem rgba(214,1,249,.3);
        box-shadow: 0 0 0 .1rem #d601f9,0 0 0 .15rem rgba(214,1,249,.3)
    }

    60% {
        -webkit-box-shadow: 0 0 0 .1rem rgba(214,1,249,.8),0 0 0 .25rem rgba(214,1,249,.1);
        box-shadow: 0 0 0 .1rem rgba(214,1,249,.8),0 0 0 .25rem rgba(214,1,249,.1)
    }

    75% {
        -webkit-box-shadow: 0 0 0 .1rem rgba(214,1,249,.2),0 0 0 .3rem transparent;
        box-shadow: 0 0 0 .1rem rgba(214,1,249,.2),0 0 0 .3rem transparent;
        background: rgba(214,1,249,.8)
    }

    to {
        -webkit-box-shadow: 0 0 0 .1rem transparent,0 0 0 .3rem transparent;
        box-shadow: 0 0 0 .1rem transparent,0 0 0 .3rem transparent;
        background: rgba(214,1,249,.6)
    }
}

@keyframes pulse-dot-pink {
    0% {
        background: rgba(214,1,249,.6);
        -webkit-box-shadow: 0 0 0 0 #d601f9,0 0 0 0 #d601f9;
        box-shadow: 0 0 0 0 #d601f9,0 0 0 0 #d601f9
    }

    5% {
        background: #d601f9
    }

    10% {
        -webkit-box-shadow: 0 0 0 .1rem #d601f9,0 0 0 .1rem rgba(214,1,249,.8);
        box-shadow: 0 0 0 .1rem #d601f9,0 0 0 .1rem rgba(214,1,249,.8)
    }

    35% {
        -webkit-box-shadow: 0 0 0 .1rem #d601f9,0 0 0 .15rem rgba(214,1,249,.3);
        box-shadow: 0 0 0 .1rem #d601f9,0 0 0 .15rem rgba(214,1,249,.3)
    }

    60% {
        -webkit-box-shadow: 0 0 0 .1rem rgba(214,1,249,.8),0 0 0 .25rem rgba(214,1,249,.1);
        box-shadow: 0 0 0 .1rem rgba(214,1,249,.8),0 0 0 .25rem rgba(214,1,249,.1)
    }

    75% {
        -webkit-box-shadow: 0 0 0 .1rem rgba(214,1,249,.2),0 0 0 .3rem transparent;
        box-shadow: 0 0 0 .1rem rgba(214,1,249,.2),0 0 0 .3rem transparent;
        background: rgba(214,1,249,.8)
    }

    to {
        -webkit-box-shadow: 0 0 0 .1rem transparent,0 0 0 .3rem transparent;
        box-shadow: 0 0 0 .1rem transparent,0 0 0 .3rem transparent;
        background: rgba(214,1,249,.6)
    }
}