html,body{
	padding:0;
	margin:0;
	width:100%;
	height:100%;
	position:relative;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}
body{
	background:#fafafa;
}
sup{
	line-height:0;
}
#preloader{
	position:fixed;
	top:0;
	left:0;
	right:0;
	bottom:0;
	display:block;
	background:#fff;
	z-index:5000;
}
.video-box{
	position:fixed;
	top:0;
	left:0;
	right:0;
	bottom:0;
	display:block;
	background:#fff;
	z-index:5000;
	text-align:center;
}
.video-cover{
	position:relative;
	height:100%;
	max-height:56.25vw;
	display:inline-block;
	top:0;
	/*top:50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);*/
}
.video-cover .bg-img{
	height:100%;
	width:auto;
	display:block;
}
.video-container{
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	display:block;
	background:#fff;
	z-index:5000;
	display:none;
}
.video-container video{
	position:absolute;
	top:0;
	left:0;
}
#skip-video{
	display:inline-block;
	position:absolute;
	font-size:14px;
	padding:8px 15px;
	color:#fff;
	line-height:16px;
	font-weight:300;
	background:rgba(0,0,0,0.5);
	border:1px solid #000;
	cursor:pointer;
	top:5%;
	right:5%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
}
.btn-info{
	position:absolute;
	width:55px;
	height:55px;
	top:10px;
	left:10px;
	cursor:pointer;
}

#tree{
	display:none;
	background-image:url('../images/graphic/tree_bg.png');
	background-size:cover;
}
@keyframes animation-global-nav{
	0%{
		-webkit-transform: scale(1);
		transform: scale(1);
	}
	100%{
		-webkit-transform: scale(1.1);
		transform: scale(1.1);
	}
}
.global-nav{
	cursor:pointer;
}
.global-nav-icon{
	position:absolute;
	display:inline-block;
	z-index:5500;
}
.global-nav-icon .global-nav-icon__icon{
	position:absolute;
	top:0;
	left:0;
	animation-name:animation-global-nav;
	animation-duration:2s;
	animation-iteration-count:infinite;
	animation-timing-function:linear;
	animation-delay:2s;
	animation-direction:alternate;
}
#global-nav-medicina{
	width:7.1875%;
	height:12.963%;
	top:18.5185%;
	left:61.1458%;
}
#global-nav-1{
	width:7.3438%;
	height:12.7778%;
	top:56.0185%;
	left:27.7604%;
}
#global-nav-2{
	width:8.4375%;
	height:15%;
	top:29.2593%;
	left:28.6458%;
}
#global-nav-3{
	width:6.9792%;
	height:12.6852%;
	top:29.6296%;
	left:40.7813%;
}
#global-nav-4{
	width:8.2813%;
	height:15.0926%;
	top:14.4444%;
	left:46.3021%;
}
#global-nav-5{
	width:7.1875%;
	height:12.8704%;
	top:43.7963%;
	left:50.9375%;
}
#global-nav-6{
	width:8.4896%;
	height:14.6296%;
	top:40%;
	left:60.2604%;
}
#global-nav-7{
	width:8.3333%;
	height:14.537%;
	top:72.4074%;
	left:58.6458%;
}
#global-nav-7 img{
	position:absolute;
	top:0;
	left:0;
}
#global-nav-7 #tree__mrk{
	visibility:hidden;
	animation-name:tree-mrk;
	animation-duration:4s;
	animation-iteration-count:infinite;
	animation-fill-mode:both;
}
@keyframes tree-mrk{
	0%{
		visibility:hidden;
	}
	47%{
		visibility:hidden;
	}
	48%{
		visibility:visible;
	}
	52%{
		visibility:visible;
	}
	53%{
		visibility:hidden;
	}
	0%{
		visibility:hidden;
	}
}
.global-nav-popup{
	visibility:hidden;
	opacity:0;
	transition:all 200ms ease-in-out;
	transition-delay:1500ms;
}
.global-nav-popup.show{
	visibility:visible;
	opacity:1;
	transition-delay:0ms;
}
.global-nav-popup span.btn-popup__box{
	font-size:20px;
	font-weight:bold;
}
.global-nav-popup span.btn-popup__box span.btn-popup__box__inner{
	padding:15px;
}
#global-nav-popup-medicina{
	top:17%;
	left:64.5%;
}

.lds-dual-ring {
	position:absolute;
	top:50%;
	left:50%;
	margin-top:-32px;
	margin-left:-32px;
	display: inline-block;
	width: 64px;
	height: 64px;
}
.lds-dual-ring:after {
	content: " ";
	display: block;
	width: 46px;
	height: 46px;
	margin: 1px;
	border-radius: 50%;
	border: 5px solid #002c6c;
	border-color: #002c6c transparent #002c6c transparent;
	animation: lds-dual-ring 1.2s linear infinite;
}
@keyframes lds-dual-ring {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}


.body-box{
	position:relative;
	width:100%;
	height:auto;
	min-height:100vh;
	display:flex;
	/*padding-right:100px;*/
	overflow-x:hidden;
	transition:all 200ms ease-in-out;
}
body.full2 .body-box{
	padding-right:0;
}
*,*:before,*:after{
	box-sizing:border-box;
}
.bg{
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background-size:contain;
	background-repeat:no-repeat;
}
#logo{
	position:absolute;
	top:20px;
	left:20px;
	z-index:2500;
	width:193px;
	max-width:12%;
}
.app{
	float:left;
	width:100%;
	height:auto;
	position:relative;
	background:#eee;
}
.bg-img{
	max-width:100%;
	height:auto;
	float:left;
	opacity:0;
	visibility:hidden;
}


.scene{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:0;
	padding-bottom:56.25%;
	background-size:100% auto;
	background-repeat:no-repeat;
	overflow:hidden;
	transition:all 200ms ease-in-out;
}

.headline{
	text-align:left;
    position: absolute;
	padding:10px 60px;
    top: 20px;
    left: 0;
    width:calc(100% - 100px);
	color:#002c6b;
	line-height:150%;
}
.center{
	text-align:center;
}
.headline h1, .headline h2{
	line-height:140%;
	margin:0;
}
.headline h1{
	font-size:62px;
}
.headline h2{
	font-size:24px;
}

body.full .body-box{
	max-width: calc(177.7778vh + 100px);
	max-width:177.7778vh;
	margin:0 auto;
	
}
body.full .app .scene{
	/*height:100%;*/
	padding-bottom:56.25%;
	max-width:177.778vh;
	/*padding:0;*/
}
.scene.no-animate *{
	animation-play-state: paused !important;
}
#gradient{
	background:#ccc;
	display:none;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}
#right-navigation{
	z-index:1000;
	display:inline-block;
	width:301px;
	height:100%;
	position:absolute;
	right:-200px;
	top:0;
	transition:right 200ms ease-in-out;
}
body.full #right-navigation{
	border-right:1px solid #eee;
}
body.full2 #right-navigation{
	right:-301px;
}
#right-navigation .nav__inner{
	position:absolute;
	z-index:1010;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:#fff;
	padding-top:60px;
}
#right-navigation:before{
	position:absolute;
	content:'';
	width:20px;
	height:100%;
	top:0;
	left:0;
	z-index:990;
	-webkit-box-shadow: 0 0 3px 1px rgba(0,0,0,0.2);
	box-shadow: 0 0 3px 1px rgba(0,0,0,0.2);
}
.display-btn{
	position:absolute;
	left:-40px;
	width:40px;
	height:40px;
	margin:0;
	background:#fff;
	border:none;
	outline:none !important;
	cursor:pointer;
	-webkit-border-radius:4px;
	border-radius:4px;
	-webkit-box-shadow: 0 0 3px 1px rgba(0,0,0,0.2);
	box-shadow: 0 0 3px 1px rgba(0,0,0,0.2);
}
.display-btn.display-btn--float{
	-webkit-border-radius:4px 0 0 4px;
	border-radius:4px 0 0 4px;
}
.display-btn.display-btn--float:after{
	position:absolute;
	content:'';
	width:5px;
	height:120%;
	top:-10%;
	left:100%;
	background:#fff;
}
.display-btn span{
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
}
.display-btn.disabled{
	pointer-events:none;
	opacity:0.3;
}
#switch-nav{
	top:10px;
}
#switch-nav span:before{
	position:absolute;
	content:'';
	width:15px;
	height:26px;
	background-image:url('../images/graphic/icon-sprite.png');
	bacground-size:auto;
	background-position:0 0;
	top:7px;
	left:12px;
	-webkit-transition:all 500ms ease-in-out;
	-moz-transition:all 500ms ease-in-out;
	-o-transition:all 500ms ease-in-out;
	transition:all 500ms ease-in-out;
}

#fullscreen-btn{
	top:10px;
	left:-90px;
}
#fullscreen-btn:after{
	display:none;
}
#fullscreen-btn span:before,
#fullscreen-btn span:after{
	position:absolute;
	content:'';
	background-image:url('../images/graphic/icon-sprite.png');
	background-repeat:no-repeat;
	width:10px;
	height:10px;
	transition:all 200ms ease-in-out;
}
#fullscreen-btn span:before{
	background-position:-10px -26px;
	top:5px;
	right:5px;
}
#fullscreen-btn span:after{
	background-position:0 -26px;
	bottom:5px;
	left:5px;
}
#fullscreen-btn.active span:before{
-moz-transform: translateX(-20px) translateY(20px);
-webkit-transform: translateX(-20px) translateY(20px);
-o-transform: translateX(-20px) translateY(20px);
-ms-transform: translateX(-20px) translateY(20px);
transform: translateX(-20px) translateY(20px);
}
#fullscreen-btn.active span:after{
-moz-transform: translateX(20px) translateY(-20px);
-webkit-transform: translateX(20px) translateY(-20px);
-o-transform: translateX(20px) translateY(-20px);
-ms-transform: translateX(20px) translateY(-20px);
transform: translateX(20px) translateY(-20px);
}


body.full2 #switch-nav span:before{
	-webkit-transform:rotateY(180deg);
	-moz-transform:rotateY(180deg);
	-o-transform:rotateY(180deg);
	transform:rotateY(180deg);
}

.menu-trigger{
	width:40px;
	height:40px;
	background:none;
	border:none;
	position:absolute;
	left:30px;
	top:13px;
	font-size:0;
	cursor:pointer;
	outline:none !important;
	z-index:1600;
}
.menu-trigger:before,
.menu-trigger:after{
	position:absolute;
	content:'';
	width:36px;
	height:3px;
	background:#000;
	top:50%;
	transition:width 200ms ease-in-out;
	transition-delay:400ms;
}
.menu-trigger:before{
	left:50%;
	margin-left:-18px;
	margin-top:-14px;
}
.menu-trigger:after{
	right:50%;
	margin-right:-18px;
	margin-top:9px;
}
.menu-trigger.active:before,
.menu-trigger.active:after{
	width:0;
	transition-delay:200ms;
}
.menu-trigger span{
	position:absolute;
	display:inline-block;
	width:36px;
	height:36px;
	top:2px;
	left:2px;
}
.menu-trigger span:before,
.menu-trigger span:after{
	content:'';
	position:absolute;
	width:36px;
	height:3px;
	left:50%;
	top:50%;
	margin-left:-18px;
	background:#000;
	margin-top:-2px;
	-moz-transform: rotate(0deg);
	-webkit-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	transform: rotate(0deg);
	transition:transform 200ms ease-in-out;
	transition-delay:200ms;
}
.menu-trigger.active span:before,
.menu-trigger.active span:after{
	transition-delay:400ms;
}
.menu-trigger.active span:before{
	-moz-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}
.menu-trigger.active span:after{
	-moz-transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

ul.right-nav{
	list-style:none;
	margin:0;
	padding:0;
	float:left;
	width:100%;
	font-size:0;
}
ul.right-nav#right-nav-dynamic,
ul.right-nav#right-nav-bottom{
	margin-top:10px;
	position:relative;
}
ul.right-nav#right-nav-dynamic:before,
ul.right-nav#right-nav-bottom:before{
	position:absolute;
	content:'';
	width:40px;
	height:1px;
	background:#ddd;
	top:-5px;
	left:30px;
}

ul.right-nav li{
	display:block;
	float:left;
	width:100%;
	margin:0;
	padding:7px 0;
	text-align:center;
	cursor:pointer;
	position:relative;
	font-size:0;
}
ul.right-nav li:before{
	position:absolute;
	content:'';
	width:100%;
	height:100%;
	top:0;
	left:0;
	background:rgba(255,255,255,1);
}
ul.right-nav li:hover:before,
ul.right-nav li.active:before{
	background:inherit;
}
ul.right-nav li:hover,
ul.right-nav li.active{
	background:#ddd;
}
ul.right-nav li *{
	position:relative;
	z-index:10;
}
ul.right-nav li .right-nav__image{
	display:inline-block;
	width:100px;
	font-size:16px;
	float:left;
}
ul.right-nav li .right-nav__image img{
	height:50px;
	width:auto;
}
ul.right-nav#right-nav-bottom li .right-nav__image img{
	height:30px;
	width:auto;
}
#right-navigation ul.right-nav li a{
	text-decoration:none;
	color:inherit;
}
#right-navigation:not(.active) ul.right-nav li .right-nav__text{
	display:none;
	margin:0;
	position:absolute;
	top:0;
	right:100%;
	height:100%;
	width:200px;
	padding:0;
	background:#fff;
	font-size:16px;
	-webkit-box-shadow: 0 0 3px 1px rgba(0,0,0,0.2);
    box-shadow: 0 0 3px 1px rgba(0,0,0,0.2);
}
#right-navigation:not(.active) ul.right-nav li:hover .right-nav__text{
	display:inline-block;
}

#right-navigation:not(.active) ul.right-nav li .right-nav__text .right-nav__text__inner,
#right-navigation.active ul.right-nav li .right-nav__text .right-nav__text__inner{
	display:table;
	height:100%;
	width:100%;
}
#right-navigation:not(.active) ul.right-nav li .right-nav__text .right-nav__text__inner .right-nav__text__inner__tab-c,
#right-navigation.active ul.right-nav li .right-nav__text .right-nav__text__inner .right-nav__text__inner__tab-c{
	display:table-cell;
	text-align:left;
	padding:4px 15px;
	vertical-align:middle;
}
#right-navigation.active{
	right:0;
}
#right-navigation.active ul.right-nav li .right-nav__text{
	display:inline-block;
	width:200px;
	height:50px;
	text-align:left;
	margin:0;
	vertical-align:top;
	font-size:16px;
}
#right-navigation.active ul.right-nav li:hover .right-nav__text,
#right-navigation.active ul.right-nav li.active .right-nav__text{
	color:#fff;
}
ul.right-nav#right-nav-bottom li .right-nav__image{
	padding-top:5px;
	padding-bottom:5px;
}
#right-navigation.active ul.right-nav#right-nav-bottom li .right-nav__text{
	height:40px;
}

img{
	vertical-align:top;
	margin:0;
	width:100%;
	height:auto;
}
.wifi-bar .wifi-bar__icon{
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	left:0;
}
.wifi-bar > .wifi-bar__icon{
	visibility:visible;
	opacity:0.3;
	-webkit-animation: wifiSignalBar 2s ease-in-out infinite;
    animation: wifiSignalBar 2s ease-in-out infinite;
}
.wifi-bar > .wifi-bar__icon:nth-child(2){
	-webkit-animation-delay: .15s;
    animation-delay: .15s;
}
.wifi-bar > .wifi-bar__icon:nth-child(3){
	-webkit-animation-delay: .30s;
    animation-delay: .30s;
}

.btn-popup{
	position:absolute;
	display:inline-block;
	cursor:pointer;
	width:auto;
}
.btn-popup span.btn-popup__box{
	position:relative;
	font-size:16px;
	color:#032c6c;
	background:#fff;
	display:block;
	text-align:center;
	vertical-align:middle;
	-webkit-box-shadow: 0 0 3px 1px rgba(0,0,0,0.4);
    box-shadow: 0 0 3px 1px rgba(0,0,0,0.4);
}
.btn-popup span.btn-popup__box span.btn-popup__box__inner{
	position:relative;
	display:block;
	vertical-align:middle;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:inherit;
	color:inherit;
	padding:15px;
}
.btn-popup span.btn-popup__box:before{
	position:absolute;
	content:'';
	width:20px;
	height:20px;
	background:inherit;
	-moz-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	-webkit-box-shadow: 0 0 3px 1px rgba(0,0,0,0.4);
    box-shadow: 0 0 3px 1px rgba(0,0,0,0.4);
}
.btn-popup span.btn-popup__box:hover{
	color:#fff;
	background:#032c6c;
}
.btn-popup.btn-popup--bottom{
	-webkit-transform: translateX(-50%) translateY(-100%);
	transform: translateX(-50%) translateY(-100%);
	margin-top:-15px;
}
.btn-popup.btn-popup--bottom span.btn-popup__box:before{
	bottom:-10px;
	left:50%;
	margin-left:-10px;
}

.btn-popup.btn-popup--bottom-right{
	-webkit-transform: translateX(-75%) translateY(-100%);
	transform: translateX(-75%) translateY(-100%);
	margin-top:-15px;
}
.btn-popup.btn-popup--bottom-right span.btn-popup__box:before{
	bottom:-10px;
	left:75%;
	margin-left:-10px;
}

.btn-popup.btn-popup--bottom-left{
	-webkit-transform: translateX(-25%) translateY(-100%);
	transform: translateX(-25%) translateY(-100%);
	margin-top:-15px;
}
.btn-popup.btn-popup--bottom-left span.btn-popup__box:before{
	bottom:-10px;
	left:25%;
	margin-left:-10px;
}

.btn-popup.btn-popup--top{
	-webkit-transform: translateX(-50%) translateY(15px);
	transform: translateX(-50%) translateY(15px);
}
.btn-popup.btn-popup--top span.btn-popup__box:before{
	top:-10px;
	left:50%;
	margin-left:-10px;
}

.btn-popup.btn-popup--top-right{
	-webkit-transform: translateX(-75%) translateY(15px);
	transform: translateX(-75%) translateY(15px);
}
.btn-popup.btn-popup--top-right span.btn-popup__box:before{
	top:-10px;
	left:75%;
	margin-left:-10px;
}

.btn-popup.btn-popup--top-left{
	-webkit-transform: translateX(-20%) translateY(15px);
	transform: translateX(-20%) translateY(15px);
}
.btn-popup.btn-popup--top-left span.btn-popup__box:before{
	top:-10px;
	left:20%;
	margin-left:-10px;
}

.btn-popup.btn-popup--left{
	-webkit-transform: translateX(0px) translateY(-50%);
	transform: translateX(0px) translateY(-50%);
	margin-left:15px
}
.btn-popup.btn-popup--left span.btn-popup__box:before{
	left:-10px;
	top:50%;
	margin-top:-10px;
}

.btn-popup.btn-popup--right{
	-webkit-transform: translateX(-100%) translateY(-50%);
	transform: translateX(-100%) translateY(-50%);
	margin-left:-15px;
}
.btn-popup.btn-popup--right span.btn-popup__box:before{
	right:-10px;
	top:50%;
	margin-top:-10px;
}

.overlay{
	display:none;
	z-index:3000;
	width:100%;
	height:100%;
	position:fixed;
	top:0;
	left:0;
	background:rgba(0,0,0,0.5);
}
.popup{
	display:none;
	position:fixed;
	z-index:3500;
	top:10%;
	left:50%;
	width:850px;
	max-width:80%;
	margin-left:0;
	min-height:340px;
	background:#fff;
	-webkit-transition:margin 300ms ease-in-out;
	transition:margin 300ms ease-in-out;
}
.popup#digital-thread{
	width:1400px;
	height:80%;
}
.popup:after{
	position:absolute;
	content:'';
	width:60px;
	height:60px;
	top:-30px;
	right:-30px;
	-webkit-border-radius:50%;
	border-radius:50%;
	-webkit-box-shadow: 0 2px 6px 0 rgba(0,0,0,0.6);
	box-shadow: 0 2px 6px 0 rgba(0,0,0,0.6);
}
.popup.active{
	margin-left:-475px;
}
.popup#digital-thread.active{
	margin-left:-750px;
}
.close-popup{
	width:60px;
	height:60px;
	position:absolute;
	z-index:3500;
	cursor:pointer;
	top:-30px;
	right:-30px;
	background:#666;
	-webkit-border-radius:50%;
	border-radius:50%;
	border:none;
	outline:none !important;
}
.close-popup:before,
.close-popup:after{
	position:absolute;
	content:'';
	background:#fff;
	width:40px;
	height:4px;
	left:50%;
	top:50%;
	margin-left:-20px;
	margin-top:-2px;
	-webkit-border-radius:4px;
	border-radius:4px;
}
.close-popup:before{
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
.close-popup:after{
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
.popup__inner{
	position:absolute;
	z-index:10;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:#fff;
	-webkit-box-shadow: 0 2px 6px 0 rgba(0,0,0,0.6);
	box-shadow: 0 2px 6px 0 rgba(0,0,0,0.6);
}
.popup__nav{
	position:absolute;
	top:0;
	left:0;
	width:190px;
	height:100%;
	background:#666;
}
.popup__nav ul{
	list-style:none;
	margin:40px 0 0 0;
	padding:0;
}
.popup__nav ul li{
	display:block;
	color:#fff;
	width:80%;
	padding:12px 20px;
	margin:0;
	text-transform:uppercase;
	cursor:pointer;
	border-bottom:1px solid rgba(0,0,0,0.2);
	background-position:10px 17px;
	background-repeat:no-repeat;
	transition:padding 200ms ease-in-out, background 400ms ease-in-out;
}
.popup__nav ul li.active{
	font-weight:bold;
	padding-left:30px;
	padding-right:10px;
	background-image:url('../images/graphic/icon-arrow-right.svg');
	background-position:20px 17px;
}
.popup__nav ul li:first-child{
	border-top:1px solid rgba(0,0,0,0.2);
}
.popup__cont{
	position:relative;
	padding:40px 40px 20px 40px;
	float:left;
}
.popup#digital-thread .popup__cont{
	width:100%;
	height:100%;
	padding:40px;
}
.popup.has-image .popup__cont{
	padding-right:250px;
}
.popup.has-only-image{
	min-height:auto;
}
.popup.has-only-image .popup__inner{
	height:auto;
	padding:10px;
}
.popup.has-menu .popup__cont{
	margin-left:190px;
	padding-left:40px;
}
.popup__cont .popup__tab{
	display:none;
}
.popup__cont .popup__tab:nth-child(1){
	display:block;
}
.popup__cont .subh{
	text-transform:uppercase;
	font-weight:normal;
	font-size:14px;
	margin:0;
}

.popup__cont h1{
	color:#032c6c;
	margin-top:5px;
	font-size:24px;
}
.popup__cont h1.preheader{
	font-size:16px;
	font-weight:200;
	margin-bottom:0;
	text-transform:uppercase;
}
.popup__cont h2{
	color:#032c6c;
	margin-top:5px;
	font-size:20px;
}
.popup__cont p{
	font-size:18px;
	color:#54647d;
	line-height:150%;
}
.popup__cont a{
	color:#032c6c;
	border-bottom: 1px dotted #7ac143;
}
.popup__cont a:hover{
	color:#1299ca;
}

.ctecka{
	position:absolute;
	width:10%;
	height:17.7778%;
	background:#fff;
	-webkit-border-radius:50%;
	border-radius:50%;
	-webkit-box-shadow: 0 0 3px 1px rgba(0,0,0,0.2);
	box-shadow: 0 0 3px 1px rgba(0,0,0,0.2);
	opacity:0;
	-webkit-transform: scale(0) translateX(0px) translateY(0px);
	transform: scale(0) translateX(0px) translateY(0px);
	
	animation-name:ctecka;
	animation-delay:2s;
	animation-duration:2.5s;
	animation-timing-function:ease-in-out;
	animation-direction:alternate;
	animation-fill-mode:both;
	animation-iteration-count:2;
}
@keyframes ctecka{
	0%{
		opacity:0;
		-webkit-transform: scale(0) translateX(0px) translateY(0px);
		transform: scale(0) translateX(0px) translateY(0px);
	}
	35%{
		opacity:1;
		-webkit-transform: scale(1) translateX(-50%) translateY(-50%);
		transform: scale(1) translateX(-50%) translateY(-50%);
	}
	100%{
		opacity:1;
		-webkit-transform: scale(1) translateX(-50%) translateY(-50%);
		transform: scale(1) translateX(-50%) translateY(-50%);
	}
}

.ctecka .ctecka__inner{
	position:absolute;
	top:4.6875%;
	left:4.6875%;
	right:4.6875%;
	bottom:4.6875%;
	background-size:100% 100%;
	background-color:#ccc;
	-webkit-border-radius:50%;
	border-radius:50%;
	overflow:hidden;
}
.ctecka .ctecka__laser{
	position:absolute;
	width:48%;
	height:5.1429%;
	top:51.4286%;
	left:31.4286%;
	opacity:0.6;
	animation-name:ctecka-laser;
	animation-duration:2s;
	animation-delay:3s;
	animation-timing-function:linear;
}
.ctecka .ctecka__ruka{
	position:absolute;
	width:42.8571%;
	height:74.2857%;
	top:70.8571%;
	left:34.2857%;
	animation-name:ctecka-ruka;
	animation-duration:2s;
	animation-delay:3s;
	animation-timing-function:linear;
}

@keyframes ctecka-laser{
	0%{
		opacity:0.6;
		-webkit-transform: scale(1) translateY(0px);
		transform: scale(1) translateY(0px);
	}
	40%{
		opacity:0.6;
		-webkit-transform: scale(0.9) translateY(-240%);
		transform: scale(0.9) translateY(-240%);
	}
	48%{
		opacity:0.6;
		-webkit-transform: scale(0.9) translateY(-240%);
		transform: scale(0.9) translateY(-240%);
	}
	50%{
		opacity:1;
		-webkit-transform: scale(0.9) translateY(-240%);
		transform: scale(0.9) translateY(-240%);
	}
	52%{
		opacity:0.6;
		-webkit-transform: scale(0.9) translateY(-240%);
		transform: scale(0.9) translateY(-240%);
	}
	60%{
		opacity:0.6;
		-webkit-transform: scale(0.9) translateY(-240%);
		transform: scale(0.9) translateY(-240%);
	}
	100%{
		opacity:0.6;
		-webkit-transform: scale(1) translateY(0px);
		transform: scale(1) translateY(0px);
	}
}
@keyframes ctecka-ruka{
	0%{
		-webkit-transform: translateY(0px);
		transform: translateY(0px);
	}
	40%{
		-webkit-transform: translateY(-28%);
		transform: translateY(-28%);
	}
	60%{
		-webkit-transform: translateY(-28%);
		transform: translateY(-28%);
	}
	100%{
		-webkit-transform: translateY(0px);
		transform: translateY(0px);
	}
}

#vyroba-leciv .popup__nav,
#vyroba-leciv .close-popup{
	background:#9dbb68;
}
#vyroba-leciv .popup__cont .preheader{
	color:#9dbb68;
}

#zdpr .popup__nav,
#zdpr .close-popup{
	background:#faae31;
}
#zdpr .popup__cont .preheader{
	color:#faae31;
}

#distribuce .popup__nav,
#distribuce .close-popup{
	background:#22bcb9;
}
#distribuce .popup__cont .preheader{
	color:#22bcb9;
}

#nemocnice .popup__nav,
#nemocnice .close-popup{
	background:#ef5586;
}
#nemocnice .popup__cont .preheader{
	color:#ef5586;
}

#operace .popup__nav,
#operace .close-popup{
	background:#c1d82f;
}
#operace .popup__cont .preheader{
	color:#c1d82f;
}

#lekarna .popup__nav,
#lekarna .close-popup{
	background:#f16334;
}
#lekarna .popup__cont .preheader{
	color:#f16334;
}

#pacient .popup__nav,
#pacient .close-popup{
	background:#002c6b;
}
#pacient .popup__cont .preheader{
	color:#002c6b;
}

#tree .sroub{
	position:absolute;
}
#tree .sroub.sroub--1{
	width:1.7188%;
	height:3.0556%;
}
#tree .sroub.sroub--1.sroub--1--a{
	top:51.4815%;
	left:68.2222%;
}
#tree .sroub.sroub--1.sroub--1--b{
	top:51.5741%;
	left:68.2292%;
}

#tree .sroub.sroub--2{
	width:3.2813%;
	height:5.8333%;
}
#tree .sroub.sroub--2.sroub--2--a{
	top:12.8704%;
	left:52.8125%;
}
#tree .sroub.sroub--2.sroub--2--b{
	top:13.1481%;
	left:52.8125%;
}

#tree .sroub.sroub--3{
	width:1.3542%;
	height:2.4074%;
}
#tree .sroub.sroub--3.sroub--3--a{
	top:61.2963%;
	left:63.5938%;
}
#tree .sroub.sroub--3.sroub--3--b{
	top:61.2963%;
	left:63.4896%;
}

#tree .sroub.sroub--4{
	width:1.3021%;
	height:2.3148%;
}
#tree .sroub.sroub--4.sroub--4--a{
	top:82.5926%;
	left:36.4583%;
}
#tree .sroub.sroub--4.sroub--4--b{
	top:82.5%;
	left:36.5104%;
}

#tree .sroub.sroub--5{
	width:1.1979%;
	height:2.1296%;
}
#tree .sroub.sroub--5.sroub--5--a{
	top:17.037%;
	left:44.7396%;
}
#tree .sroub.sroub--5.sroub--5--b{
	top:17.2222%;
	left:44.7396%;
}

#tree .sroub.sroub--6{
	width:1.3021%;
	height:2.3148%;
}
#tree .sroub.sroub--6.sroub--6--a{
	top:42.5%;
	left:28.3333%;
}
#tree .sroub.sroub--6.sroub--6--b{
	top:42.5926%;
	left:28.3854%;
}

#tree .sroub.sroub--7{
	width:2.2396%;
	height:3.9815%;
}
#tree .sroub.sroub--7.sroub--7--a{
	top:78.4259%;
	left:34.5833%;
}
#tree .sroub.sroub--7.sroub--7--b{
	top:78.6111%;
	left:34.5833%;
}

#tree .sroub.sroub--8{
	width:1.6146%;
	height:2.8704%;
}
#tree .sroub.sroub--8.sroub--8--a{
	top:39.7222%;
	left:68.75%;
}
#tree .sroub.sroub--8.sroub--8--b{
	top:39.7222%;
	left:68.6458%;
}

#tree .sroub.sroub--9{
	width:2.5521%;
	height:4.537%;
}
#tree .sroub.sroub--9.sroub--9--a{
	top:30.9259%;
	left:37.4479%;
}
#tree .sroub.sroub--9.sroub--9--b{
	top:31.1111%;
	left:37.5%;
}

#tree #muzicek{
	position:absolute;
	width:4.1146%;
	height:8.3333%;
	top:71.6667%;
	left:54.8958%;
}

#tree #letadlo{
	position:absolute;
	width:7.1354%;
	height:8.9815%;
	top:57.4074%;
	left:42.1875%;
}
#tree #parnik{
	position:absolute;
	width:6.1979%;
	height:5%;
	top:14.6296%;
	left:56.3542%;
}
#tree #dodavka{
	position:absolute;
	width:4.8438%;
	height:4.2593%;
	top:30.7407%;
	left:52.8125%;
}

@keyframes animation-rotate{
	0%{
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	100%{
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}
.animation-rotate{
	animation-name:animation-rotate;
	animation-duration:4s;
	animation-iteration-count:infinite;
	animation-timing-function:linear;
	animation-delay:2s;
}
@keyframes animation-naklon{
	0%{
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	25%{
		-webkit-transform: rotate(8deg);
		transform: rotate(8deg);
	}
	75%{
		-webkit-transform: rotate(-8deg);
		transform: rotate(-8deg);
	}
	100%{
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
}
.animation-naklon{
	animation-name:animation-naklon;
	animation-duration:4s;
	animation-iteration-count:infinite;
	animation-timing-function:linear;
	animation-delay:2s;
}

@keyframes animation-posun{
	0%{
		-webkit-transform: translateX(0px);
		transform: translateX(0px);
	}
	25%{
		-webkit-transform: translateX(-8%);
		transform: translateX(-8%);
	}
	75%{
		-webkit-transform: translateX(8%);
		transform: translateX(8%);
	}
	100%{
		-webkit-transform: translateX(0px);
		transform: translateX(0px);
	}
}
.animation-posun{
	animation-name:animation-posun;
	animation-duration:4s;
	animation-iteration-count:infinite;
	animation-timing-function:linear;
	animation-delay:2s;
}

#digital-thread iframe{
	width:100%;
	height:100%;
}

ul.files{
	margin:20px 0;
	padding:0;
	list-style:none;
}
ul.files li{
	margin:10px 0;
	padding:0;
	display:block;
}
ul.files li a{
	text-decoration:none;
	position:relative;
	display:inline-block;
	padding-left:30px;
	line-height:20px;
	border-bottom:none;
}
ul.files li a:before{
	position:absolute;
	content:'';
	left:0;
	top:0;
	width:19px;
	height:20px;
	background-image: url('../images/graphic/icon-sprite.png');
    bacground-size: auto;
    background-position: 0 -36px;
}
ul.files li a span{
	color:#aaa;
	font-size:12px;
}
.pc{
	position:absolute;
	width:7.0313%;
	height:7.0313%;
}
.pc > img{
	position:absolute;
	top:0;
	left:0;
	opacity:0;
	width:100%;
	animation-name:pc-img;
	animation-duration:4s;
	animation-direction:forwards;
	animation-iteration-count:infinite;
}

.invisible-btn{
	position:absolute;
	width:5.9375%;
	height:8.1481%;
	cursor:pointer;
}
#before-video-box{
	
}
#before-video-box .before-video-box__inner{
	position:absolute;
	width:500px;
	height:240px;
	top:50%;
	left:50%;
	margin-left:-250px;
	margin-top:-120px;
	text-align:center;
	display:table;
}
#before-video-box .before-video-box__inner .tab__c{
	display:table-cell;
	vertical-align:middle;
}
#before-video-box .before-video-box__inner img{
	width:auto;
	height:auto;
}
#start-uvod-video{
	display:inline-block;
	background:#f26334;
	border:none;
	color:#fff;
	padding:5px 20px;
	line-height:32px;
	font-size:18px;
	cursor:pointer;
	margin-top:40px;
	outline:none !important;
}
#start-uvod-video:hover{
	background:#e4440f;
}