body {
	font-family: 'Raleway', sans-serif;
    font-size: 0.9vw;
    background: aliceblue;
}
h1, h2 {
    color: #C70060;
    font-family: 'Playfair Display', serif;
    font-style: italic;
    line-height: 1.4;
}
h1 {
	font-size: 2vw;
	text-shadow: 2px 2px 6px white, 2px -2px 6px white, -2px 2px 6px white, -2px -2px 6px white;
}
h2 {
    font-size: 1.55vw;
}
.box-pink h3 {
    font-size: 1.5vw;
    font-weight: 700;
}
h3 {
    font-size: 1.4vw;
	margin-top: 0;
	margin-bottom: 25px;
}
#navbar {
    width: 33%;
    position: relative;
    background: #8DBBE6;
    height: 100vh;
    z-index: 50;
    float: right;
}
.navbar-wrap {
    font-size: 1.2vw;
    color: white;
    padding: 10vh 0;
    height: 100%;
	
}
a.menu-links {
    color: white;
    display: block;
    padding: 8px 0;
    display: table-row;
    text-decoration: none !important;
    width: 100%;
}
a.menu-links span:before {
    content: "";
    background: hsla(209, 64%, 43%, 1);
    display: block;
    overflow: hidden;
    left: 0;
    top: 0;
    bottom: 100%;
    right: 0;
    position: absolute;
    transition: all 0.5s ease-out;
    z-index: -1;
}
a.menu-links.active span:before {
    bottom: 0;
}
a.menu-links span {
    display: table-cell;
    vertical-align: middle;
    width: 100%;
    padding: 0 10%;
	position: relative;
    z-index: 10;
}
nav#menu {
    display: table;
    height: 100%;
    margin: 0;
    width: 100%;
}
div#fullpage {
    width: 67%;
    float: left;
	background: white;
}
div#logo-fix {
    width: 67%;
    float: left;
	position: fixed;
	text-align: center;
	z-index: 10;
	padding-top: 55px;
}
div#logo-fix img {
    width: 25%;
}
#section0 {
    background-image: url(/img/home-img.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
#section0 h1 {
    text-align: center;
}
.section {
    background: white;
    position: relative;
	overflow: hidden;
}
.section > .section-wrap {
    height: 100%;
}
.section-wrap > h2 {
    text-align: center;
    margin-bottom: 75px;
}
.section-wrap {
    position: relative;
    transition: all 1s 0.5s ease-out;
	padding: 8% 10% 0;
	opacity: 1;
}
.section-wrap.section-wrap-bottom {
    transition: all 1s ease-out;	
}
.fp-section.active .section-wrap {
	opacity: 1;
}
.section-wrap.section-wrap-left {
    left: -100%;    
}
.fp-section.active .section-wrap.section-wrap-left {
    left: 0;
}
.section-wrap.section-wrap-bottom {
    bottom: -100%;    
}
.fp-section.active .section-wrap.section-wrap-bottom {
    bottom: 0;
}
.section-wrap.section-wrap-right {
    right: -100%;    
}
.fp-section.active .section-wrap.section-wrap-right {
    right: 0;
}
.mapa-pobocky {
	width: 86%;
	margin: 0 auto;
}
.history-row {
    display: table;
    position: relative;
    padding-bottom: 25px;
}
.history-row:last-child {
    padding-bottom: 5px;
}
.history-row span {
    display: table-cell;
}
.history-row span:first-child {
    font-size: 20px;
    color: #005EAD;
    padding-right: 15px;
    padding-left: 37px;
}
.history-row span:first-child:before {
    content: "";
    display: block;
    position: absolute;
    width: 15px;
    height: 15px;
    background: #E4A0C0;
    position: absolute;
    left: 0;
    border-radius: 30px;
    top: 8px;
}
.history-box {
    position: relative;
}
.history-box:before {
    content: "";
    height: 100%;
    position: absolute;
    width: 1px;
    background: #707070;
    left: 7px;
    top: 15px;
}
.pyramida {
	text-align: center;
	color: white;
    font-weight: 700;
	padding: 0 10%;
}
.pyramida > div {
	padding: 21px 0;
}
.pyramida-1 {
	background: rgba(199, 0, 96, 0.4);
	margin: 0 150px;
}
.pyramida-2 {
	background: rgba(199, 0, 96, 0.5);
	margin: 0 125px;
}
.pyramida-3 {
	background: rgba(199, 0, 96, 0.6);
	margin: 0 100px;
}
.pyramida-4 {
	background: rgba(199, 0, 96, 0.7);
	margin: 0 75px;
}
.pyramida-5 {
	background: rgba(199, 0, 96, 0.8);
	margin: 0 50px;
}
.pyramida-6 {
	background: rgba(199, 0, 96, 0.9);
	margin: 0 25px;
}
.pyramida-7 {
	background: rgba(199, 0, 96, 1);
	margin: 0;
}
.icon-wrap > div {
	position: relative;
    display: table;
    vertical-align: middle;
    width: 100%;
	margin-bottom: 35px;
}
.icon-wrap {
    padding: 0 10%;
}
.icon-wrap > div span {
    display: table-cell;
    vertical-align: middle;
    padding-left: 30px;
}
.icon-wrap > div:before {
    display: table-cell;
    content: "";
    width: 50px;
    height: 50px;
    left: 0;
    top: 0;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.icon-1:before {
	background-image: url("/img/icon/icon-time.png");
}
.icon-2:before {
	background-image: url("/img/icon/icon-support.png");
}
.icon-3:before {
	background-image: url("/img/icon/icon-puzzle.png");
}
.icon-4:before {
	background-image: url("/img/icon/icon-doctor.png");
}
.icon-5:before {
	background-image: url("/img/icon/icon-target.png");
}
.row-people {
	text-align: center;
}
.row.row-people img {
    max-width: 150px;
    width: 7vw;
	margin-bottom: 20px;
	border-radius: 150px;
}
.row-people .col {
    margin-bottom: 30px;
}
.name-people {
    color: #C70060;
}
.position-people {
    font-size: 0.78vw;
    margin-top: 5px;
}
.box-pink p:last-child {
	margin-bottom: 0;
}
.box-pink {
    background: #E4A0C0;
    border-radius: 22px;
    color: white;
    font-size: 0.75vw;
    padding: 2.5vw;
    position: relative;
    z-index: 1;
}
.team-leader:before, .team-leader:after {
    content: "";
    display: table;
    clear: both;
}
.team-leader-img {
	width: 30%;
	position: absolute;
	top: 0;
	bottom: 0;
	overflow: hidden;
}
.team-leader-img img {
    max-height: calc(100% - 25px);
    max-width: 100%;
    float: right;
    margin-top: 25px;
}
.team-leader .box-pink {
    float: right;
    width: 70%;
	border-bottom-left-radius: 0;
}
.team-leader {
	position: relative;
}
.pul-obr .box-pink {
    width: 65%;
}
.pul-obr {
    padding: 8% 0;
    position: relative;
    margin: 0 15%;
}
.pul-obr img {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 0;
    max-height: 100%;
}
.diagram {
    position: relative;    
}
.diagram img {
    width: 56%;
}
.diagram .box-pink {
    float: right;
}
.diagram:before, .diagram:after {
    display: table;
    content: "";
    clear: both;
    width: 100%;
}
.diagram .box-pink {
    top: 0;
    bottom: 0;
    float: right;
    position: absolute;
    max-width: 44%;
    max-height: 100%;
    right: 0;
	padding-right: calc(2.5vw - 15px);
    width: 100%;
}
.box-text-obr {
	position: relative;
	margin: 0 10%;
}
.box-text-obr .box-pink {
	width: 53%;
	margin-bottom: 100px;
}
.box-text-obr .box-img {
	width: 53%;
	position: absolute;
	top: 70px;
	right: 0;
}
.box-text-obr .box-img img {
	max-width: 100%;
	border-radius: 22px;
}
.puzzle-wrap {
    width: 100%;
    position: relative;
}
.puzzle {
    min-height: 20%;
    display: flex;
    width: 100%;
    text-align: center;
    flex-wrap: wrap;
    color: white;
	position: absolute;
	z-index: 1;
	top: 0;
}
.puzzle-wrap img {
    width: 100%;
}
.puzzle .puzzle-col {
    float: none;
    flex: 1 1 auto;
    width: 20%;
	font-size: 1.05vw;
}
.puzzle-text-wrap {
    padding: 20px;	
}
.img-puzzle {
    position: absolute;
    height: 100%;
    max-width: none;
    width: auto !important;
	z-index: -1;
}
.puzzle-col-wrap {
    position: relative;
    height: 100%;
}
.puzzle .puzzle-col-1 img {
    left: 0;
}
.puzzle .puzzle-col-2 img {
    left: -23.2%;
}
.puzzle .puzzle-col-3 img {
    left: -4.6%;
}
.puzzle .puzzle-col-4 img {
    right: -25.6%;
}
.puzzle .puzzle-col-5 img {
    right: 0;
}
.puzzle-col-wrap-1 {
    left: -100vh;
}
.puzzle-col-wrap-2 {
    left: -100vh;
}
.puzzle-col-wrap-3 {
    opacity: 0;
}
.puzzle-col-wrap-4 {
    right: -100vh;
}
.puzzle-col-wrap-5 {
    right: -100vh;
}
.fp-section.active .puzzle-col-wrap-1 {
	transition: all 1.2s 2.4s ease-out;
    left: 0;
}
.fp-section.active .puzzle-col-wrap-2 {
	transition: all 1.2s 1.6s ease-out;
    left: 0;
}
.fp-section.active .puzzle-col-wrap-3 {
	transition: all 1s 1.2s ease-out;
    opacity: 1;
}
.fp-section.active .puzzle-col-wrap-4 {
	transition: all 1.2s 2s ease-out;
    right: 0;
}
.fp-section.active .puzzle-col-wrap-5 {
	transition: all 1.2s 2.8s ease-out;
    right: 0;
}
.puzzle {
    height: 100%;
}
img.img-as-wrap {
    opacity: 0;
}
.puzzle .puzzle-col-1 {
	text-align: left;
}
.puzzle .puzzle-col-5 {
	text-align: right;	
}
.btn-wrap {
	text-align: center;
	margin-top: 100px;
}
.btn {
	border: 1px solid #8DBBE6;
	background: #8DBBE6;
	padding: 12px 30px;
	color: white;
	border-radius: 0;
	transition: all 0.3s;
	font-size: 1.2vw;
}
.btn:hover, .btn:focus {
	background: white;
	color: #8DBBE6;
}
a.menu-links.active {
    font-weight: 700;
}
.mCSB_scrollTools .mCSB_draggerRail {
    width: 1px;
    background: white;
}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 11px;
    border-radius: 0;
    background: white;
}
div#box-scroll-2 {
    padding-right: 64px;
}
.wrap-box-pink-scroll-2 {
    height: 100%;
}
.simplebar-track.simplebar-vertical .simplebar-scrollbar:before {
    top: 0px;
    bottom: 0px;
    border-radius: 0;
    background: white;
    width: 11px;
    opacity: 1;
    left: -5px;
}
.simplebar-track.simplebar-vertical {
    top: 0;
    width: 11px;
    right: -24px;
    background: white;
    width: 1px;
    overflow: visible;
}
.anim-pyramida {
    position: relative;
    transition: all 1s;
    top: -100vh;
}
.fp-section.active .anim-pyramida-1 {
    transition: all 0.8s 0.3s ease-out;	
    top: 0vh;
}
.fp-section.active .anim-pyramida-2 {
    transition: all 1s 1.2s ease-out;	
    top: 0vh;
}
.fp-section.active .anim-pyramida-3 {
    transition: all 1s 1.6s ease-out;	
    top: 0vh;
}
.fp-section.active .anim-pyramida-4 {
    transition: all 1s 2.0s ease-out;	
    top: 0vh;
}
.fp-section.active .anim-pyramida-5 {
    transition: all 1s 2.4s ease-out;	
    top: 0vh;
}
.fp-section.active .anim-pyramida-6 {
    transition: all 1s 2.8s ease-out;	
    top: 0vh;
}
.fp-section.active .anim-pyramida-7 {
    transition: all 1s 3.2s ease-out;	
    top: 0vh;
}
.fp-section.active .anim-pyramida-8 {
    transition: all 1s 3.6s ease-out;	
    top: 0vh;
}
.box-virtual-tour {
    position: relative;
    overflow: hidden;
    padding-top: 56.25%;
}
.box-virtual-tour iframe {
	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}
.virtual-tour h2 {
	margin-bottom: 30px;
}
@media (min-width:1600px) {
	
}
@media (max-width:1599px) {
	
}