/*********************************************
google fonts
*********************************************/
@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i|Ubuntu:300,300i,400,400i,500,500i,700,700i');


/*********************************************
webfont icons
*********************************************/
@font-face { font-family: 'icomoon'; src:  url('../fonts/icomoon.eot?cm52n'); src:  url('../fonts/icomoon.eot?cm52n#iefix') format('embedded-opentype'), url('../fonts/icomoon.ttf?cm52n') format('truetype'), url('../fonts/icomoon.woff?cm52n') format('woff'), url('../fonts/icomoon.svg?cm52n#icomoon') format('svg'); font-weight: normal; font-style: normal }
[class^="icon-"], [class*=" icon-"] { font-family: 'icomoon' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale }
.icon-play2:before {
  content: "\e914";
}
.icon-play:before {
  content: "\e913";
}
.icon-ok:before {
  content: "\e912";
}
.icon-arrow-down:before {
  content: "\e90e";
}
.icon-arrow-up:before {
  content: "\e911";
}
.icon-camera:before {
  content: "\e90c";
}
.icon-telegram:before {
  content: "\e908";
}
.icon-twitter:before {
  content: "\e90a";
}
.icon-heart:before {
  content: "\e902";
}
.icon-chain:before {
  content: "\e904";
}
.icon-mouse:before {
  content: "\e905";
}
.icon-globe:before {
  content: "\e906";
}
.icon-fifty-percent:before {
  content: "\e907";
}
.icon-incentivize:before {
  content: "\e901";
}
.icon-circles:before {
  content: "\e910";
}
.icon-arrow-down-double:before {
  content: "\e90f";
}
.icon-stopwatch:before {
  content: "\e90d";
}
.icon-drop-goals:before {
  content: "\e90b";
}
.icon-location:before {
  content: "\e909";
}
.icon-envelope:before {
  content: "\e903";
}
.icon-arrow-down-circled:before {
  content: "\e900";
}


/*********************************************
general
*********************************************/
body { font-family: 'Ubuntu',sans-serif }
body.menu-open { overflow:hidden }
a:focus, a:hover { text-decoration: none }
img { max-width: 100% }
.color-888 {color:#888}
.wrapper { max-width: 1482px }
.wrapper.narrowed { padding-left: 30px; padding-right: 30px }
@media(max-width: 768px) {
	.wrapper.narrowed { padding-left: 15px; padding-right: 15px }
}
.underline { text-decoration: none; padding-bottom:5px; white-space:nowrap; background-size:100% 8px; background-image:url('../img/underline.svg'); background-position:0 100%; background-repeat:no-repeat; }
.underline.small { background-size:auto 8px; font-size:100% }
.margin-bottom-5 { margin-bottom:5px }
.fancybox-content { background-color:#fff!important }
.fancybox-caption { padding: 11px 44px!important; bottom: auto!important; right: auto!important; top:0; max-width:80%; }
.fancybox-caption:before { background:none }


/*********************************************
animated button hover
*********************************************/
.sfl { position: relative; overflow: hidden; transition: .3s; z-index: 1 }
.sfl::after { position: absolute; transition: .3s; content: ''; width: 0; bottom: 0; background: #fff; height: 120%; left: -10%; transform: skewX(15deg); z-index: -1 }
.sfl:hover::after { left: -10%; width: 120% }


/*********************************************
animated button hover
*********************************************/
.animated-1s { animation-duration: 1s; }
.animated-2s { animation-duration: 2s; }
.animated-5s { animation-duration: 5s; }
.animated-10s { animation-duration: 10s; }


/*********************************************
navbar
*********************************************/
.navbar { min-height: auto; background: #04112a; margin: 0; text-transform: uppercase; padding-top: 10px; padding-bottom: 5px; font-size: 18px; z-index:1032 }
.navbar-fixed-top { border: 0 }
.navbar-fixed-top .navbar-collapse { position:relative }
.navbar-collapse .indicator { background-color:#fff; height: 2px; position: absolute; bottom: 0; transition-duration: 150ms; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; -o-transition-property: transform; transition-property: transform; transition-property: transform, -webkit-transform; -webkit-transition-timing-function: ease-out; -o-transition-timing-function: ease-out; transition-timing-function: ease-out }
.navbar .wrapper { max-width: 1613px }
/*.navbar .nav .active { border-bottom: 2px solid #fff } */
.menu-open .navbar .nav .active { background-color:#555 }
.navbar-toggle .icon-bar { background: #fff }
.navbar-nav>li { margin: 0 5px 0 0; border-bottom: 2px solid transparent }
.navbar-nav>li>a { color: #fff; padding: 12px 8px 7px 8px; font-weight: 300; font-size: 17px }
.navbar-nav>li>a:hover,
.navbar-nav>li>a:focus { background: transparent; color: #d91f2c }
.navbar .logo { padding-right: 0 }
.navbar .telegram { width: 40px; height: 40px; display: inline-block; background: url('../img/navbar-telegram-hover.svg') no-repeat }
.navbar .telegram:hover { background: url('../img/navbar-telegram.svg') no-repeat }
.navbar .logo img { max-width: 170px; vertical-align: middle; float: left; margin-right: 10px }
.navbar .menu { display: inline-block; margin-left: 20px }
.navbar .buttons { font-size:16px; padding-top: 3px }
.navbar .buttons .btn { font-size: 17px; font-weight: 400 }
.navbar .btn.get-notified::after { background: #fbbc05 }
.navbar .btn.whitepaper { color: #fff; border: 1px solid #fff }
.navbar .btn.whitepaper:hover { color: #04112a }
.navbar .btn.get-notified { color: #fbbc05; border: 1px solid #fbbc05; margin: 0 30px }
.navbar .btn.get-notified:hover { color: #04112a }
.navbar .bootstrap-select.lang img { max-width: 25px; margin-right: 5px }
.navbar .bootstrap-select.lang { width: 91px !important }
.navbar .bootstrap-select .dropdown-toggle:focus { border-color: inherit; outline: none !important }
.navbar .lang .btn-default { background: transparent; color: #fff; border-color: #4b5466 }
.navbar .language-selector { padding-top: 3px }
.navbar .lang-mobile { padding-left: 10px }
.navbar .lang-mobile a { display: inline-block; width: 90px; padding: 10px 0 }
.navbar .lang-mobile img { max-width: 20px; margin-right: 5px }
.navbar .navbar-toggle { margin: 0; padding: 12px 0 0 0 }
.close-bg { display:none }
.navbar-toggle .status { display:none }
.navbar .telegram .badge { background-color:#da202d; position:absolute; top:-8px; right:-20px }
.navbar .telegram { margin-right:12px }
.navbar .telegram.flag:after { content: ""; width: 22px; z-index: -1; position: absolute; top: 8px; right:-15px; height:15px; background-repeat:no-repeat }
.navbar .telegram.flag.en:after { background-image: url(../img/flag-us.svg) }
.navbar .telegram.flag.ru:after { background-image: url(../img/flag-ru.svg) }
.navbar .telegram.flag.fr:after { background-image: url(../img/flag-fr.svg) }
.navbar .telegram.flag.kr:after { background-image: url(../img/flag-ko.svg) }
.navbar .telegram.flag.sp:after { background-image: url(../img/flag-sp.svg) }
.navbar .telegram.flag.cn:after { background-image: url(../img/flag-cn.svg) }
@media(max-width:1300px) {
	.navbar-nav>li>a { padding: 7px 3px 7px 3px; font-size: 15px }
	.navbar .buttons .btn { font-size:13px; padding: 6px }
	.navbar .lang .btn-default { font-size:13px }
	.navbar .buttons .btn.get-notified { margin: 0 6px }
	.navbar .logo img { max-width: 130px }
	.navbar .telegram { width: 36px; height: 36px; vertical-align:initial }
	.navbar .language-selector { padding-top: 0 }
	.navbar .menu { margin-left: 10px }
}
@media(max-width:1000px) {
	.navbar-nav>li>a { padding: 7px 1px 7px 1px; font-size: 13px }
	.navbar .buttons .btn { font-size:11px; padding:4px }
	.navbar .lang .btn-default { font-size:11px }
	.navbar .logo img { max-width: 78px; padding-top: 9px }
	.navbar .bootstrap-select.lang { width: 80px !important }
	.navbar .bootstrap-select.lang img { max-width: 15px }
}
@media(max-width:820px) {
	.navbar .btn.whitepaper { display: none }
}
@media(max-width:768px) {
	.navbar .telegram { margin-left:10px; vertical-align:bottom }
	.navbar .buttons { display: none }
	.navbar-fixed-top .navbar-collapse { border: 0; box-shadow: none; max-height:initial }
	.navbar .logo { float: none }
	.navbar .logo img { max-width: 100px; margin-right: 0; float: none }
	.menu-open .navbar .menu { width: 100%; margin: 0; display: block }
	.navbar { width: 100%; padding-top: 10px; padding-bottom: 10px }
	.navbar-nav>li { margin: 0 }
	.navbar-nav>li>a { padding: 3px }
	.navbar .btn.whitepaper,
	.navbar .btn.get-notified { display: inline-block; padding: 5px 10px; margin: 5px 10px 5px 0 }
	.navbar-toggle .status { display:initial; position:absolute; padding-right:5px; right:30px; top:6px; color:#fff; height:26px; max-width:170px; overflow:hidden }
	.navbar-toggle .status .wrapper { display:block; transition-duration: 500ms; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; -o-transition-property: transform; transition-property: transform; transition-property: transform, -webkit-transform; -webkit-transition-timing-function: ease-out; -o-transition-timing-function: ease-out; transition-timing-function: ease-out }
	.navbar-toggle .status .wrapper > span { display: block; text-align:right; height:26px; max-width:150px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap }
	.menu-open .close-bg { display:initial; position:fixed; height:100%; width:100%; background-color:rgba(0,0,0,0.85); z-index:1031 }
}
@media(max-width:500px) {
	.navbar .logo { margin-left:-10px }
	.navbar-toggle .status .wrapper > span { line-height:26px; font-size:14px; margin-right:-5px; max-width:110px }
	.navbar .telegram { width:30px; height:30px; margin-left:0; margin-right:12px }
	.navbar-toggle .status { max-width:110px; font-size:14px }
}
@media(max-width:350px) {
	.navbar-toggle .status .wrapper > span { line-height:26px; font-size:12px; margin-right:-5px; max-width:100px }
	.navbar .telegram { width:28px; height:28px; margin-left:-2px; margin-right:14px }
	.navbar-toggle .status { max-width:100px; font-size:12px; right:27px }
	.navbar .navbar-toggle { margin:0 -7px 0 0 }
}

/*********************************************
referral section
*********************************************/
#referral .form-group-email { padding:0 }
#referral button { display:block; float:right; top:10px }
#referral label { width: 100%; font-size: 18px; font-weight: 600; margin-bottom: 2px; margin-top: 10px; }
#referral .info-box { color: #a94442; font-weight: 600; padding-top: 3px; }
#referral .info-box.green { color:#038203; width:100%; text-align:right }

/*********************************************
hero section
*********************************************/
#hero { background: url('../img/bg-hero.png') bottom right no-repeat #04112a; padding-top: 80px }
#hero h1 { font-size: 65px; font-weight: 500; color: #fff; line-height: 80px }
#hero p { font-size: 30px; font-weight: 300; color: #fff; margin: 30px 0 60px 0 }
#hero .cta-explain { display: block; color: #fff; text-transform: none; font-size: 65% }
#hero .cta-explain .badge { font-size:80% }
#hero .video .cta-explain { color:#000;}
#hero .video .cta-explain .badge { color:#000 }
.join-whitelist,.join-whitelist:focus { font-size: 18px; font-weight: 500; color: #fbbc05; border: 2px solid #fbbc05; border-radius: 5px; text-transform: uppercase; padding: 5px 50px }
.join-whitelist:hover { color: #04112a }
.join-whitelist::after { background: #fbbc05 }
#hero .countdown-box { background: #fff; padding: 35px; border-radius: 5px; color: #040f25 }
#hero .limited-bonus { display:block; font-size: 32px; font-weight: 700; text-transform: uppercase; text-align: center }
#hero .limited-bonus span { color: #0572b1 }
#hero .bonus-end { font-size: 22px; text-align: center; font-weight: 300; margin: 0 0 10px 0  }
#hero .token-sale-progress { font-size: 22px; text-align: center; font-weight: 700; text-transform: uppercase; margin: 30px 0 }
#hero .raised, #hero .soft-cap { font-weight: 500; margin: 5px 0 0 0; font-size: 15px }
#hero .soft-cap { text-align: right }
#hero .distributed,
#hero .contributed { font-size: 14px; margin: 5px 0 30px 0 }
#hero .contributed { padding-left: 0; text-align: right }
#hero .token-main-sale { text-align: center; position: relative; height: 20px; text-transform: uppercase }
#hero .token-main-sale.referral { margin: 15px 0 10px 0 }
#hero .token-main-sale::after { content: ''; position: absolute; height: 1px; background: #000; width: 100%; left: 0; top: 12px; }
#hero .token-main-sale span { background: #fff; z-index: 10; position: absolute; left: 0; right: 0; max-width:270px; margin: 0 auto; }
.buy-token { border-radius: 10px; background: #d91f2c; font-size: 18px; text-transform: uppercase; color: #fff; padding: 6px 50px; margin-top: 20px }
.buy-token::after { background: #bf1c27 }
.buy-token:hover { color: #fff }
#hero .pb { width: 100%; height: 14px; background: #e7e7e7; border-radius: 5px }
#hero .pb div { background: #04112a; background: linear-gradient(to right, #04112a 0%,#2e79aa 100%); height: 14px; border-radius: 5px }
#hero .scroll-down { padding-top: 50px }
#hero .scroll-down .bounce { display: inline-block }
#hero .scroll-down .icon-arrow-down-circled { color: #fff; font-size: 50px }
#hero .video { margin-top:40px; }
@media(max-width:768px) {
	#hero .soft-cap,
	#hero .contributed { text-align: left }
	#hero .contributed { padding-left: 15px }
	#hero .distributed,
	#hero .contributed { margin: 5px 0 }
	#hero .token-main-sale { margin-top: 30px }
	#hero .limited-bonus { font-size: 26px }
}
@media(max-width:1200px) {
	#hero { padding-top: 80px }
	#hero h1 { font-size: 50px; line-height: 1.4 }
	#hero p { font-size: 20px }
	#hero .join-whitelist { font-size: 25px }
}
@media(max-width:992px) {
	#hero { padding-top: 45px }
	#hero h1 { font-size: 30px }
	#hero h1 br { display: none }
	#hero p { font-size: 20px; margin: 20px 0 }
	#hero p br { display: none }
	#hero p br.force { display: initial }
	#hero .join-whitelist { font-size: 20px; margin: 0 0 20px 0; white-space: normal }
	#hero .buy-token { font-size: 20px; padding: 10px 20px }
	#hero .video { margin-top:0; }
}
@media(max-width:400px) {
	#hero .buy-token { font-size: 15px }
}


/*********************************************
videos section
*********************************************/
#videos .wrapper { max-width: 1285px; padding-top: 40px; padding-bottom: 40px }
#videos .embed-responsive { margin-bottom: 16px }
#videos .ico-wrapper { margin: 0 0 80px 0; text-align: center }
.play:before { font-size:80px; font-family: 'icomoon' !important; speak:none; font-style:normal; font-weight:normal; font-variant:normal; text-transform:none; line-height:1; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; content: "\e914";position:absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color:#555; background-color:#fff; border-radius:50%; text-shadow:0 0 3px #555,1px 1px #555,-1px -1px #555,1px -1px #555,-1px 1px #555 }
.play:hover:before { color:#FF0002; text-shadow:1px 1px #FF0002,-1px -1px #FF0002,1px -1px #FF0002,-1px 1px #FF0002; }
.play.small:before { font-size:50px; }
.play img { width:100% }
.play .caption { position:absolute; padding:5px 8px; width:100%; background:linear-gradient(#000a, #0000); color:#fff }
@media(max-width:768px) {
	#videos .wrapper { padding-top: 0; padding-bottom: 0 }
	#videos .ico-wrapper { margin: 0 }
	#videos .ico-wrapper img { margin: 0 0 40px 0; max-width: 200px; width:100%; }
}
@media(max-width:500px) {
	.play:before { font-size:40px; }
	.play.small:before { font-size:30px; }
}

/*********************************************
angled separators
*********************************************/
.sep-angled-1 { height: 80px; background: #04112a; clip-path: polygon(0 0,100% 0,100% 0%,0 100%); transform: translatey(-1px); }
.sep-angled-2 { height: 80px; background: #04112a; clip-path: polygon(100% 0, 0 100%, 100% 100%); transform: translatey(1px) }
.sep-angled-3 { height: 80px; background: #f7fafa; clip-path: polygon(0 0,100% 0,100% 100%,0 0%); transform: translatey(-1px); }
.sep-angled-4 { height: 80px; background: #f7fafa; clip-path: polygon(0 0,0 0,100% 100%,0% 100%) }
.sep-angled-5 { height: 80px; background: #04112a; clip-path: polygon(0 0,0 0,100% 100%,0% 100%); transform: translatey(1px) }
.sep-angled-6 { height: 80px; background: #04112a; clip-path: polygon(0% 0%, 0% 100%, 100% 0%); transform: translatey(-1px) }
.sep-angled-7 { height: 80px; background: #f7fafa; clip-path: polygon(100% 0, 0 100%, 100% 100%); transform: translatey(1px) }
.sep-angled-8 { height: 80px; background: #04112a; clip-path: polygon(100% 0, 0 0, 0 100%); transform: translatey(-1px) }
.sep-angled-9 { height: 80px; background: #f7fafa; clip-path: polygon(-100% 100%, 0% 0%, 100% 100%); transform: translatey(1px) }
.sep-angled-10 { height: 80px; background: #04112a; background: linear-gradient(to right, #1f4973 0%,#071c37 100%); clip-path: polygon(100% 0, 0 100%, 100% 100%); transform: translatey(1px) }


/*********************************************
section headlines
*********************************************/
h3, .headline { overflow-wrap: break-word; word-wrap: break-word; -ms-word-break: break-all; word-break: break-all; word-break: break-word; -ms-hyphens: auto; -moz-hyphens: auto; -webkit-hyphens: auto; hyphens: auto; }
.headline { position:relative; font-size: 56px; text-transform: uppercase; margin: 30px 0 60px 0; padding: 0; font-weight: 400; }
.headline-img { position: absolute; top: 30px; left: -64%; height: 8px }
@media(max-width:1200px) {
	.headline-img { display: none }
}
@media(max-width:1000px) {
	.headline { font-size: 40px }
}
@media(max-width:768px) {
	.headline { margin-top: 0; margin-bottom:35px }
}


/*********************************************
events section
*********************************************/
#events { background: #f7fafa }
#events .event-box-wrapper { padding: 20px }
#events .event-box { background: #fff; box-shadow: 0px 2px 5px 1px rgba(0,0,0,0.2); margin-bottom: 30px; border-radius: 5px; min-height: 500px }
#events .event-box .images { max-height: 147px; overflow: hidden }
#events .event-box .images img { width:100% }
#events .event-box .images .left { padding-right: 2px }
#events .event-box .images .right { padding-left: 2px; position: relative }
#events .event-box .images.one-image .left { padding-right: 0 }
#events .event-box .images.one-image .right { padding-left: 0 }
#events .event-box .images .right .icon { display:none; position: absolute; top: 0; right: 14px; width: 100px; height: 100px; background: rgba(3,22,46,.8); clip-path: polygon(0 0,100% 0,100% 100%,0 0%); }
#events .event-box .images .right .icon-camera { position: absolute; top: 8px; right: 8px; color: #fff; font-size: 34px }
#events .event-box .images .more { display: none }
#events .event-box:hover .images .right .icon { display: block }
#events .event-box .title { background: #285078; background: linear-gradient(to right, #285078 0%,#11253f 100%); padding: 20px; font-size: 24px; font-weight: 500; text-transform: uppercase; color: #fff; overflow: hidden; text-overflow: ellipsis; white-space: nowrap }
#events .event-box .place { font-size: 20px; text-transform: uppercase; color: #fff }
#events .event-box .content { padding: 20px }
#events .event-box .date { font-weight: 700; color: #505050; border-right: 1px solid #ebebeb; text-align: center }
#events .event-box .day { font-size: 36px }
#events .event-box .month { font-size: 17px; text-transform: uppercase }
#events .event-box .location { text-align: center }
#events .event-box .location .icon span { font-size: 40px; color: #285078 }
#events .event-box .location .city { font-size: 18px; text-transform: uppercase }
#events .event-box .description { font-size: 18px; padding-top: 20px; padding-bottom: 20px }
#events .event-box .meet-us { border: 2px solid #fbbc05; background: #fff; color: #1a3c4d; font-size: 20px; text-transform: uppercase; font-weight: 500; padding: 4px 30px; border-radius: 10px }
#events .event-box .meet-us:hover { background: transparent }
#events .event-box .meet-us::after { background: #fbbc05; color: #fff }
#events .show-more-events { text-align: center; font-family: 'Open Sans'; font-weight: 600; font-size: 19px; text-transform: uppercase; cursor: pointer; margin: 40px 0 }
#events .show-more-events span { font-size: 30px; margin: 10px 0 0 0; display: inline-block }
#events .more-events { display: none }
@media(max-width:1000px) {
	#events .event-box-wrapper { padding: 0 }
}
@media(max-width:768px) {
	#events .event-box { min-height: auto }
	#events .event-box-wrapper { padding: 0 }
	#events .event-box .images .right .icon { display:block }
}


/*********************************************
media section
*********************************************/
#media { background: #04112a; padding: 60px 0 }
#media .headline { color: #fff }
#media .headline-img { left: -62% }
#media .media-box { background: #404b63; color: #fff; padding: 30px; border-left: 6px solid #f7fafa; font-size: 16px; margin-bottom: 30px; min-height: 245px }
#media .media-box:hover { background: #545e73 }
#media .media-box a { color: #fbbc05; text-decoration: underline }
#media .media-box .qm { font-size: 25px; line-height: 0 }
#media .media-box .image { margin: 0 0 30px 0 }
#media .media-box-small { display: block; background: #404b63; text-align: center; padding: 20px; margin-bottom: 30px }
#media .media-box-small:hover { background: #7f8696 }
@media(max-width: 768px) {
	#media .media-box { padding: 15px; min-height:auto }
}


/*********************************************
ratings section
*********************************************/
#ratings { background: #04112a; padding: 0 }
#ratings .headline { color: #fff }
#ratings .headline-img { left: -64% }
#ratings .rating-box-small { display: block; background: #404b63; text-align: center; padding: 20px; margin-bottom: 30px }
#ratings .rating-box-small:hover { background: #7f8696 }
#ratings .rating-box { color: #fff; border: 2px solid #fff; margin: 0 0 30px 0 }
#ratings .rating-box .right { font-size: 16px; background: #545e73; padding: 25px; min-height: 180px }
#ratings .rating-box .read-more { color: #fbbc05; text-decoration: underline }
#ratings .rating-box .left { text-align:center; padding: 15px 0 0 0 }
#ratings .rating-box .np { padding: 0 0 0 30px }
#ratings .rating { line-height: 1; margin: 20px 0; font-size:30px; font-weight: 700; color: #fff; border-radius: 40px; background: #30669c; background: linear-gradient(to right, #30669c 0%,#0572b1 100%) }
#ratings .rating-box .stars img { width: 26px }
@media(max-width: 768px) {
	#ratings { padding: 0 }
	#ratings .rating-box-small { padding: 20px }
	#ratings .rating-box .logo img { width: 100px }
	#ratings .rating-box .stars img { width: 20px }
}


/*********************************************
partner clinics section
*********************************************/
#partner-clinics { background: #f7fafa; padding: 30px 0 50px 0 }
#partner-clinics .headline-img { left: -74% }
#partner-clinics .partner-logo { margin: 20px; display: inline-block }
#partner-clinics .partner-logo:hover { box-shadow: 0 0 10px rgba(0,0,0,0.1) }
#partner-clinics .logos { text-align: center }
@media(max-width:768px) {
	#partner-clinics .partner-logo { margin: 10px; max-width: 150px }
}


/*********************************************
advisors section
*********************************************/
#advisors { background: #fff; padding: 30px 0 0 0 }
#advisors .headline-img { left: -66% }


/*********************************************
team section
*********************************************/
#team { background: #fff; padding: 30px 0 0 0 }
#team .headline-img { left: -66% }
#team .wrapper2 { max-width: 1060px }
@media(max-width:768px) {
	#team { padding: 0 }
}


/*********************************************
facts section
*********************************************/
#facts { background: #f7fafa }
#facts h2 { font-size: 22px; font-weight: 500; text-transform: uppercase; text-align: center; margin: 0 0 10px 0 }
#facts .user-box { text-align:center }
#facts .user-box .profile { max-width:100%; filter:grayscale(100%); -webkit-filter:grayscale(100%) }
#facts .user-box span { font-size:0.7em; display:block; text-align:center }
#facts .facts-content { padding: 40px 30px 0 30px }
#facts .p1 { font-family: 'Open Sans'; font-size: 17px; text-transform: uppercase; margin: 35px 0 70px 0 }
#facts .working-product,
#facts .awards,
#facts .signed-contracts,
#facts .public-healthcare { min-height: 500px  }
#facts .working-product { text-align: center }
#facts .working-product .logo { margin: 0 10px }
#facts .working-product .user-box { padding:0 }
#facts .doklist { max-width: 255px; margin: 10px }
#facts .awards { text-align: center; border-right: 2px solid #e6e7e8; border-left: 2px solid #e6e7e8 }
#facts .awards p { margin: 0 0 50px 0 }
#facts .p2 { font-size: 22px; font-weight: 500; text-transform: uppercase; text-align: center; margin: 10px 0 }
#facts .signed-contracts { text-align: center; border-right: 2px solid #e6e7e8  }
#facts .signed-contracts .logo { margin: 15px 20px }
#facts .public-healthcare .p3 { text-transform: uppercase; font-family: 'Open Sans'; font-weight: 300; color: #737272; font-size: 17px; margin: 0 0 20px 0 }
#facts .public-healthcare .logo { margin-left: 20px }
#facts .public-healthcare .chart { max-width: 500px }
#facts .more { padding:50px 0 100px 0; font-size:200%; text-align: center; }
@media(max-width:1199px) {
	#facts .awards { border: 0 }
	#facts .working-product { border-right: 2px solid #e6e7e8 }
	#facts .working-product,
	#facts .awards { margin-bottom: 30px }
}
@media(max-width:767px) {
	#facts .working-product,
	#facts .awards,
	#facts .signed-contracts,
	#facts .public-healthcare { padding-bottom: 30px; margin-bottom: 30px; min-height: auto; border: 0; border-bottom: 2px solid #e6e7e8  }
	#facts .public-healthcare { border: 0; padding-bottom: 30px; margin: 0 }
	#facts .p1 { margin-bottom: 40px }
	#facts .facts-content { padding: 20px 0 0 0 }
	#facts .user-box span { font-size:inherit }
	#facts h2 { margin: 40px 0 10px 0 }
}


/*********************************************
building the booking.com of healthcare section
*********************************************/
#building-healthcare { background: #fff; padding: 30px 0 100px 0 }
#building-healthcare .headline { text-align: left }
#building-healthcare .headline-img { left: -104% }
#building-healthcare .p1 { font-family:'Open Sans'; font-weight: 300; font-size: 30px; color: #25b499; text-transform: uppercase }
#building-healthcare .p2 { font-family:'Open Sans'; font-weight: 500; font-size: 24px; color: #0c2e57; margin: 0 0 60px 0 }
#building-healthcare .building-image { margin: 0 0 60px 0 }
#building-healthcare .left { font-size: 26px; font-weight: 500; text-transform: uppercase }
#building-healthcare .icon { font-size: 110px; color: #3fcfb0; vertical-align: middle; width: 115px; display: inline-block; text-align: center; margin-right: 45px }
#building-healthcare .list { list-style: none; padding: 0; margin: 0 }
#building-healthcare .list li {padding: 0; margin: 0 0 60px 0; text-transform: uppercase; font-size: 18px }
#building-healthcare .l1 { font-family: 'Open Sans'; font-size: 24px }
#building-healthcare .l1 b { font-weight: 800 }
#building-healthcare .l2 { font-family: 'Open Sans'; font-size: 16px; margin: 20px 0; text-transform: none; color: #0c2e57 }
#building-healthcare .l3 { font-family: 'Open Sans'; font-size: 24px; font-weight: 600 }
#building-healthcare .l4 { font-weight: 700; color: #0571b0; margin: 0 }
#building-healthcare .l5 { font-weight: 500; color: #0c2e57; margin: 0 }
#building-healthcare .l6 { font-size: 28px; font-weight: 900; margin: 0 }
#building-healthcare .chart {  }
#building-healthcare .chart-caption { margin: 50px 0 0 0; padding: 25px; font-family: 'Open sans'; font-weight: 300; font-size: 22px; color: #fff; width: 382px; height: 205px; background: url('../img/chart-caption.svg') no-repeat }
#building-healthcare .chart-caption a { font-weight: 600 }
#building-healthcare canvas { touch-action:auto }
@media(max-width:992px) {
	#building-healthcare .chart-caption { margin: 50px 0 0 0; padding: 10px; font-size: 18px; width: 300px; background: url('../img/chart-caption-mobile.svg') no-repeat }
}


/*********************************************
trust is missing section
*********************************************/
#trust-is-missing { background: #04112a; color: #fff; padding: 30px 0 100px 0 }
#trust-is-missing .headline { text-align: left }
#trust-is-missing .headline-img { left: -104% }
#trust-is-missing .block-1 { border-left: 6px solid #69e4cf; padding: 20px 0 20px 75px; margin: 0 0 60px 0 }
#trust-is-missing .middlemen { margin: 0 0 50px 0 }
#trust-is-missing .l1 { font-family: 'Open Sans'; font-weight: 600; font-size: 28px; text-transform: uppercase; margin: 0 0 100px 0 }
#trust-is-missing .l2 { font-family: 'Open Sans'; font-weight: 600; font-size: 28px; text-transform: uppercase }
#trust-is-missing .l3 { font-family: 'Open Sans'; font-size: 16px; margin: 0 0 30px 0 }
#trust-is-missing .l4 { font-family: 'Open Sans'; font-size: 16px; margin: 0 }
#trust-is-missing .l5 { font-size: 26px; font-weight: 700; text-transform: uppercase; margin: 0 }
#trust-is-missing .l6 { font-size: 45px; font-weight: 700; text-transform: uppercase; line-height: 1; margin: 0 0 80px 0 }
#trust-is-missing .block-2 { border-left: 6px solid #69e4cf; background: #364155; padding: 20px 0 20px 75px; margin: 0 0 60px 0 }
#trust-is-missing .icon { font-size: 130px; color: #69e4cf }
#trust-is-missing .l7 { font-family: 'Open Sans'; font-size: 32px; font-weight: 700; text-transform: uppercase; margin: 25px 0 0 0 }
#trust-is-missing .l9 { font-family: 'Open Sans'; font-size: 34px; font-weight: 600; margin: 25px 0 0 0 }
#trust-is-missing .l10 { font-family: 'Open Sans'; font-weight: 700 }
@media(max-width:768px) {
	#trust-is-missing .block-1,
	#trust-is-missing .block-2 { padding: 20px }
}


/*********************************************
founders’ experience in online healthcare section
*********************************************/
#founders-experience { background: #fff; padding: 30px 0 30px 0 }
#founders-experience .headline { text-align: left }
#founders-experience .headline-img { left: -104% }
#founders-experience .text { font-size: 24px; font-family: 'Open Sans'; font-size: 24px; font-weight: 300; color: #04112a }
#founders-experience .text p { margin: 0 0 30px 0 }
#founders-experience .text span { display: block; font-size: 30px; font-weight: 900; text-transform: uppercase }
#founders-experience .logo1 { max-width: 365px; margin: 20px 0 }
#founders-experience .logo2 { max-width: 300px }


/*********************************************
how etheal works section
*********************************************/
#how-etheal-works { background: #f7fafa; padding: 30px 0 0 0 }
#how-etheal-works .headline-img { left: -77% }
#how-etheal-works .block { border-left: 6px solid #0572b1; padding: 30px; color: #0c3462; margin: 0 0 40px 0; background: #fff }
#how-etheal-works .block-title { font-size: 30px; font-weight: 700; text-transform: uppercase; margin: 0 0 40px 0 }
#how-etheal-works .image { padding-right: 70px }
#how-etheal-works ul { margin: 0; padding: 0 }
#how-etheal-works li { font-size: 22px; font-family: 'Open Sans'; margin: 0 0 50px 60px; list-style:none }
#how-etheal-works li span { font-size: 55px; text-align:right; vertical-align:middle; width:50px; position:absolute; left:40px }
#how-etheal-works li:last-child { margin: 0 0 0 60px }
#how-etheal-works li b { font-weight: 900 }
@media(max-width:992px) {
	#how-etheal-works .image { padding-right: 15px; padding-bottom: 30px }	
}


/*********************************************
timeline section
*********************************************/
#timeline { background: #04112a; padding: 30px 0 100px 0 }
#timeline .wrapper { max-width: 1800px }
#timeline .headline { color: #fff }
#timeline .headline-img { left: -64% }


/*********************************************
user box
*********************************************/
.user-box  { margin: 0 0 30px 0; color: #4f4f4f; padding: 0 25px 25px 25px }
.user-box .image { text-align: right; position:relative }
.user-box .image .profile { border-radius:50%; max-width:180px }
.user-box .image .tb { float: left; padding-top: 20px }
.user-box .name { font-size: 24px; font-weight: 700; margin: 5px 0 10px 0; text-transform: uppercase }
.user-box .position { position: relative; font-size: 17px; font-weight: 400; color: #0572b1; border-bottom: 2px solid #0572b1 }
.user-box .position a { color: #0572b1 }
.user-box .position img { width: 46px; position: absolute; right: 0; bottom: -5px }
.user-box .testimony { font-size: 15px; margin: 13px 0 0 0 }
.user-box .logos img { margin: 0 20px 0 0 }
.user-box p { position:relative }


/*********************************************
documents section
*********************************************/
#documents { background: #fff; padding: 60px 0 }
#documents .headline { margin-bottom: 80px }
#documents .headline-img { left: -69% }
#documents .document-link-box .more-languages { color: #787878; font-family: 'Open Sans'; font-weight: 600; text-align: center }
#documents .document-link-box .more-languages .lang { float: left; text-align: center; margin: 0 30px 30px 0 }
#documents .document-link-box .more-languages span { display: block; margin: 0 0 5px 0 }
#documents .document-link-box .more-languages .available { text-transform: uppercase; font-size: 16px; margin: 0 0 5px 0 }
#documents .document-link-box .more-languages img { width: 40px }
#documents .document-link-box .more-languages a { color: #787878 }
#documents .document-link-box .more-languages a:hover { color: #fcbc05; text-decoration: underline }
#documents .document-link img { width: 40px; vertical-align: middle; margin: 0 40px 0 0 }
#documents .document-link { text-align: left; border-radius: 5px; display: block; color: #04112a; font-size: 20px; font-weight: 500; border: 1px solid #fbbc05; padding: 15px 10px 15px 30px; margin-bottom: 10px }
#documents .document-link:hover { color: #fff }
#documents .document-link::after { background: #fbbc05 }
@media(max-width:768px) {
	#documents .headline { margin-bottom:35px }
	#documents .document-link { margin-top:35px }
}
@media(max-width:480px) {
	#documents .document-link { padding: 15px }
	#documents .document-link img { float: none; width: 30px }	
}


/*********************************************
Smart contract section
*********************************************/
#smart-contract { background: #fff; padding: 30px 0 }
#smart-contract .code { position:relative }
#smart-contract .reveal { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: #000c; z-index: 1; text-align: center; vertical-align: middle; font-size: 50px; padding-top: 50px }
#smart-contract .headline-img { left: -75% }
#smart-contract .gist-file .gist-data { max-height: 350px; }
@media(max-width:768px) {
	#smart-contract .gist-file .gist-data { max-height: 200px; }
	#smart-contract .reveal { font-size:25px }
}


/*********************************************
Heal token section
*********************************************/
#heal-token { background: #04112a; padding: 30px 0 }
#heal-token .headline { color: #fff }
#heal-token .headline-img { left: -68% }
#heal-token h3 { font-size: 40px; font-weight: 700; text-transform: uppercase; margin: 0 0 20px 0 }
#heal-token .block { border-left: 6px solid #0572b1; background: #fff; padding: 75px 100px }
#heal-token .right { border-left: 1px solid #ccc }
#heal-token .left ul { margin: 0 0 0 25px; padding: 0 }
#heal-token .left li { font-family:'Open Sans'; font-size: 16px; color: #0572b1; margin: 0 0 15px 0 }
#heal-token .left li span { color: #333 }
#heal-token .l1 { font-family: 'Open Sans'; font-size: 24px; font-weight: 700; margin: 65px 0 0 0 }
#heal-token .l2 { font-family: 'Open Sans'; font-size: 32px; font-weight: 800; color: #fbbc05 }
#heal-token .l3 { font-family: 'Open Sans'; font-size: 16px; font-weight: 300 }
#heal-token .right .box { padding: 0 0 0 60px }
#heal-token .right .box img { margin: 0 0 100px  }
#heal-token .right ul { list-style: none; margin: 0; padding: 0 }
#heal-token .right li { color: #333; margin: 0 0 30px 0; font-size: 16px; font-family: 'Open Sans' }
#heal-token .right li b { font-weight: 800 }
@media(max-width:768px) {
	#heal-token .block { padding: 20px }
	#heal-token .right .box { padding: 0 }
	#heal-token .right { border: 0 }
}


/*********************************************
Token sale section
*********************************************/
#token-sale { background: #04112a; padding: 30px 0 }
#token-sale .headline { color: #fff }
#token-sale .headline-img { left: -71% }
#token-sale .main-sale { background: #fff; border-left: 6px solid #0572b1; padding: 60px 100px }
#token-sale h3 { font-size: 40px; text-transform: uppercase; color: #04112a; margin: 0 0 40px 0 }
#token-sale .starts-on { float: right; padding: 30px 0 0 0; width: 180px; height: 180px; border-radius: 90px; display: inline-block; font-weight: 700; font-size: 22px; background: #0572b1; color: #fff; text-transform: uppercase; text-align: center }
#token-sale .starts-on span { display: block; font-size: 35px }
#token-sale .l1 { color: #5c5c5c; font-size: 24px }
#token-sale .l2 { color: #5c5c5c; font-size: 16px; margin: 0 0 30px 0 }
#token-sale .l2 b { font-weight: 800 }
#token-sale .l3 { font-size: 16px; margin: 0 0 30px 0 }
#token-sale .l4 { font-size: 19px; font-weight: 800 }
#token-sale .l3 a { font-size: 19px; color: #ea1721; text-decoration: underline; word-wrap: break-word; }
#token-sale .l5 { font-size: 16px; font-weight: 800; text-transform: uppercase; margin: 0 0 30px 0 }
#token-sale hr { height: 0; border-top: 1px solid #ccc }
#token-sale .right { padding: 0 0 0 100px }
#token-sale .reward { font-family:'Open Sans'; background: #fff; color: #04112a; padding: 60px 100px; margin: 55px 0 0 0 }
#token-sale .reward h3 { font-family: 'Ubuntu'; color: #0572b1 }
#token-sale .reward h3.referral { margin-top: 50px }
#accordion { margin: 50px 0 0 0 }
#accordion .panel { border: 0; border-radius: 0; box-shadow: none }
#accordion .panel-head a { padding: 15px 30px 14px 30px; display: block; font-size: 22px; color: #04112a; text-transform: uppercase; font-weight: 500; background: #dfe4e4 }
#accordion .panel-head .icon { float: right; line-height: 1; width: 30px; height: 30px; border-radius: 15px; background: #fbbc05; color: #04112a; text-align: center; font-size: 26px; font-weight:800 }
#accordion .panel-head .icon img { width: 16px }
#accordion .panel-head .plus { display: none }
#accordion .panel-head .minus {  }
#accordion .panel-head .collapsed .plus { display: inline }
#accordion .panel-head .collapsed .minus { display: none }
#accordion .panel-content-inner { padding: 35px; font-size: 16px; font-weight: 300 }
@media(max-width:768px) {
	#token-sale .main-sale { padding: 20px }
	#token-sale .reward { padding: 20px; margin: 20px 0 0 0 }
	#token-sale .starts-on { padding: 10px 0 0 0; width: 100px; height: 100px; border-radius: 50px; font-size: 18px }
	#token-sale .starts-on span { font-size: 22px }
	#token-sale .right { padding: 0 }
}


/*********************************************
Etheal promo setcion
*********************************************/
#etheal-promo { background: #04112a; padding: 100px 0; color: #fff }
#etheal-promo .etheal-promo-content { font-family: 'Open Sans', sans-serif; border-left: 6px solid #0572b1; background: #2c374c; padding: 60px 100px }
#etheal-promo .headline { color: #fff }
#etheal-promo .headline-img { left: -91% }
#etheal-promo li { position: relative; list-style: none; padding: 0; margin: 0 0 15px 0; font-size: 20px; font-weight: 600 }
#etheal-promo li:last-child { margin: 0 }
#etheal-promo li:before { content: '•'; font-size: 50px; line-height: .5; position: absolute; left: -30px; color: #fff }
#etheal-promo .contract-address { font-size: 32px; font-weight: 700; color: #fbbc05; word-wrap: break-word; }
#etheal-promo .l1 { font-size: 24px; font-weight: 600  }
#etheal-promo .l2 { font-size: 16px; font-weight: 400; margin-bottom: 50px  }
#etheal-promo .l3 { font-size: 19px; font-weight: 600; margin: 0 0 20px 0  }
#etheal-promo .l4 { font-size: 16px; font-weight: 500; margin: 0  }
#etheal-promo .drop-goals { margin-top: 40px; margin-bottom: 40px }
#etheal-promo .drop-goals .icon { font-size: 210px }
#etheal-promo .box-title { font-family: 'Ubuntu'; font-size: 30px; font-weight: 700; text-transform: uppercase; margin: 0 0 20px 0 }
@media(max-width:768px) {
	#etheal-promo .drop-goals .icon { font-size: 100px }
	#etheal-promo .etheal-promo-content { padding: 15px }
	#etheal-promo .contract-address { font-size: 25px }
	#etheal-promo .box-title { font-size: 25px }
}


/*********************************************
Let's talk section
*********************************************/
#lets-talk { background: #fff; padding: 30px 0; text-align: center }
#lets-talk .headline-img { left: -68% }
#lets-talk .headline { margin-bottom: 150px }
#lets-talk .social-box { padding: 20px; margin: 0 20px 20px 0px; display: inline-block; min-width: 165px; color: #777; font-size: 20px; font-weight: 300; text-transform: uppercase; text-align: center; border: 1px solid #e4e4e4 }
#lets-talk .social-box:hover { background: #f7fafa }
#lets-talk .social-box .icon { width: 68px; display: block; margin: 0 auto 20px auto }
#lets-talk .social-box.telegram { position: relative }
#lets-talk .social-box.telegram.us { position: relative }
#lets-talk .social-box.telegram.us .join { position: absolute; top: -100px; min-width: 390px }
@media(max-width:600px) {
	#lets-talk .social-box.telegram .join { display: none }
	#lets-talk .headline { margin-bottom: 50px }
}
@media(max-width:400px) {
	#lets-talk .social-box { width: 45%; display: inline-block; margin: 0 0 15px 0 }
}


/*********************************************
page footer
*********************************************/
footer { padding: 40px 0 170px 0; color: #fff; background: #1f4973; background: linear-gradient(to right, #1f4973 0%,#071c37 100%); font-family: 'Open Sans'; font-weight: 300 }
footer a { color: #fbbc05; font-weight: 600 }
footer a:hover { color: #fff }
footer a.team-jobs { text-decoration: underline }
footer .wrapper { max-width: 1350px }
footer .right { border-left: 1px solid #0572b1 }
footer .legal { color:#4c8ba7 }
footer .mail { text-align: center }
footer .mail div { width: 100px; height: 100px; border-radius: 50px; border: 5px solid #fff; text-align: center; display: inline-block }
footer .mail span { font-size: 60px; line-height: 90px }
footer .copyright { color: #4c87c5; font-weight: 700; text-transform: uppercase }
footer .notify { margin-top: 10px; margin-bottom: 10px }
footer .notify .btn { font-weight: 500; padding-left: 20px; padding-right: 20px; border-color: #fbbc05; border-left: 0; border-radius: 0 4px 4px 0; color: #fff; background: #fbbc05 }
footer .notify .btn:hover { background: #fb9b05; border-color: #fb9b05 }
footer .notify input { border: 1px solid #fff }
footer .social { list-style: none; margin: 10px 0 0 0; padding: 0 }
footer .social a { color: #fbbc05; font-size: 17px }
footer .social a:hover { color: #fff }
footer .social li { margin: 0 0 4px 0 }
footer .social span { display: inline-block; width: 37px; height: 25px; background-image: url('../img/footer-sprite.png'); margin: 3px 10px 5px 0; vertical-align: middle }
footer .social .telegram.cn { background-position: -37px 0 }
footer .social .telegram.kr { background-image: url('../img/flag-ko.svg'); background-repeat:no-repeat }
footer .social .telegram.in { background-position: -74px 0 }
footer .social .telegram.hun { background-position: -111px 0 }
footer .social .twitter { background-position: 0 -25px; width: 34px; height: 34px; margin: 0 13px 6px 0 }
footer .social .facebook { background-position: -34px -25px; width: 34px; height: 34px; margin: 0 13px 6px 0 }
footer .social .medium { background-position: -68px -25px; width: 34px; height: 34px; margin: 0 13px 6px 0 }
footer .social .reddit { background-position: -102px -25px; width: 34px; height: 34px; margin: 0 13px 6px 0 }
footer .social .bitcoin { background-position: -136px -25px; width: 34px; height: 34px; margin: 0 13px 6px 0 }
footer .title { font-size: 18px; color: #fff; text-transform: uppercase; font-weight: 600; margin: 30px 0 5px 0 }
@media(max-width:992px) {
	footer .right { border: 0 }
}


/*********************************************
Sticky footer
*********************************************/
.sticky-footer { background: #1f4973; background: linear-gradient(to right, #1f4973 0%,#0f2d54 100%); color: #fff; padding-top: 6px; padding-bottom: 6px }
.sticky-footer .l1 { font-size: 20px; font-weight: 500; margin: 0 0 8px 0; text-transform: uppercase; line-height: 1 }
.sticky-footer .l2 { font-size: 18px; font-weight: 300; margin: 0; line-height: 1 }
.sticky-footer .btn { margin: 0; padding: 7px 70px }
.sticky-footer .btn br { display:none }
.zopim { left: 10px!important; z-index:1030!important } /* chat */
@media(max-width:1000px) {
	.sticky-footer .btn { margin: 0; padding: 6px 30px }
}
@media(max-width:768px) {
	.sticky-footer { padding-top: 10px; padding-bottom: 10px }
	.sticky-footer .l1 { font-size: 15px; font-weight: 700; margin: 0; text-transform: uppercase }
	.sticky-footer .l2 { font-size: 14px; font-weight: 400; margin-top:5px }
	.sticky-footer .btn { margin: 0; padding: 6px 10px; font-size: 14px }
}
@media(max-width:500px) {
	.sticky-footer .btn { padding: 6px 8px; font-size:12px }
	.sticky-footer .btn br { display:initial }
}
@media(max-width:400px) {
	.sticky-footer .btn { padding: 4px 8px; font-size:12px }
	.sticky-footer .btn br { display:initial }
}


/*********************************************
Countdown time circles
*********************************************/
.time_circles { position: relative; width: 100%; height: 100% }
.time_circles > div { position: absolute; text-align: center }
.time_circles > div > span { display: block; width: 100%; text-align: center; font-weight: bold; font-size: 42px; line-height: .7 }
.time_circles > div > h4 { margin: 0; padding: 0; text-align: center; text-transform: uppercase; font-size: 12px; font-weight: 300; line-height: 2.5; }
@media(min-width:992px) and (max-width:1400px) {
	.time_circles > div > span { font-size: 25px; line-height: .7 }
	.time_circles > div > h4 { font-size: 11px; line-height: 2.5; }
}
@media(max-width:600px) {
	.time_circles > div > span { font-size: 20px; line-height: .7 }
	.time_circles > div > h4 { font-size: 10px; line-height: 2.5; }
}
@media(max-width:480px) {
	#hero .countdown-box { padding: 15px }
}