@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@700&display=swap');

body {margin: 0; padding: 0;  -webkit-font-smoothing: antialiased; font-family: 'Open Sans';}
.web, .container {width: 100%; max-width: 1415px; margin: auto; position: relative; clear: both;}
.menu-mobile {
    position: absolute;
    width: 200px;
    top: 0; 
    right: 0;
    background: red;
    display: none;
}
.menu-mobile-burger {display: none; position: absolute; width: 60px; height: 60px; top: 20px; right: 20px;  text-align: center; line-height: 48px;}
.menu-mobile-burger img {width: 100%;}
.menu-popup {margin: 40px 0 0 0; padding: 0;}
.menu-popup li {
    list-style-type: none;
    background: url('https://data.stormedia.cz/3/web_templates/164/images/jm-dot.svg') no-repeat 0% 50%;
    background-size: 16px;
    padding-left: 30px;
    line-height: 32px;
    font-size: 18px;
    margin-bottom: 10px;
}
.menu-popup li a {color: #000; text-decoration: underline;}
.menu-popup li a:hover {font-weight: bold; text-decoration: none;}


.web .content .pikto-3 {position: absolute; top: 70px; left: 925px;}
.web .content .pikto-4 {position: absolute; top: 46px; left: 840px;}
.web .content .pikto-5 {position: absolute; top: 171px; left: 1140px;}
.web .content .pikto-6 {position: absolute; top: 350PX; left: 1390px;}
.web .content .pikto-7 {position: absolute; top: 250px; left: 1130px;}
.web .content .pikto-8 {position: absolute; top: 522px; left: 1165px; transform: rotate(240deg);}
.web a {color: #53B3E5; text-decoration: underline;}
.web a:hover {text-decoration: none;}

.web .jm-avatar {float: right; position: relative; z-index: 10; margin-left: 20px; max-width: 420px; margin-bottom: 10px;}
.pikto-9 {position: absolute; top: 470px; right: 210px;}
.pikto-10 {position: absolute; top: 500px; right: 0;}
.nav-title .pikto-11 {position: absolute; top: 70px; left: -100px;}
.nav-title .pikto-12 {position: absolute; top: 30px; left: -140px;}
.nav-title .pikto-13 {position: absolute; top: 70px; left: -190px;}
.nav-title .pikto-15 {position: absolute; top: 0; right: 30px;}
.pikto-holder {position: relative; height: 1px; width: 100%;}

.hp-slogan, .footer-menu {background: #163677;}
.jm-logo {float: left; margin-top: 3px; }
.jm-logo img {height: 80px; margin: 10px 15px 0 15px; }
.logo-text {margin: 0 0 0 0 !important; height: 70px !important; position: relative; top: -10px;}
.topic {
    line-height: 100px; 
    height: 100px;
    
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    overflow: hidden;
}
.topic ul {margin: 0; padding: 0; float: right;}
.topic ul li {display: inline-block; margin-right: 25px; background: url('https://data.stormedia.cz/3/web_templates/164/images/jm-dot.svg') no-repeat 0% 50%; padding-left: 35px;}
.topic ul li a {text-decoration: none; color: #000;}
.topic ul li a:hover {border-bottom: solid 3px #EEB146;}
.topic ul li.client {background: none;}
.topic ul li.client a {display: inline-block;  background: url('https://data.stormedia.cz/3/web_templates/164/images/login-ico.svg') no-repeat 15px 10px; text-align: center; border: solid 1px #EEB146; border-radius: 5px; padding-right: 20px; padding-left: 54px; line-height: 48px;}
.footer-menu {line-height: 80px; }
.footer-menu a {display: inline-block; color: #fff; text-decoration: underline; margin-right: 32px;}
.footer-menu a:hover {text-decoration: none;}
.footer-menu .social {float: right; display: inline-block; margin-top: 5px;}
.footer-menu .menu-hide {display: inline-block;}
.footer-menu .top {float: right; margin: 16px 0 0 0;}
.footer-copyrights .container {position: relative;}
.footer-copyrights .pikto2 {position: absolute; right: 350px; top: -30px;}
.footer-copyrights {
    text-align: center;
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    color: #8E97AC;
    padding-top: 10px;
    padding-bottom: 30px;
}
.footer-copyrights p {padding: 10px 0 0 0; margin: 0}
.hp-slogan {min-height: 535px;}

.nav-title {background: #163677; color: #fff; position: relative;}
.nav-title .container {background: url('https://data.stormedia.cz/3/web_templates/164/images/pikto14.svg') 700px 40px no-repeat;}
.container {}
h1 {
    font-family: 'Martel';
    font-style: normal;
    font-weight: 900;
    font-size: 48px;
    line-height: 152px;
    display: inline-block;
    margin: 0;
    padding: 0;
}
.nav-back {display: inline-block; background: url('https://data.stormedia.cz/3/web_templates/164/images/left-arrow.svg') no-repeat 0% 50%; padding-left: 50px; color: #fff; text-decoration: none; margin-right: 35px;}
.content {padding: 80px 0 0 0; position: relative;}
.content h2 {
    font-family: 'Martel';
    font-style: normal;
    font-weight: 900;
    font-size: 32px;
    line-height: 54px;
    color: #163677;
}
.short-paragraph {
    width: 100%;
    max-width: 815px;
    font-size: 18px;
    line-height: 30px;
}
.headline-paragraph {
    font-style: normal;
    font-size: 24px;
    line-height: 40px;
    color: #163677;
    width: 100%;
    max-width: 815px;
    padding: 0;
    margin: 0;
}
.pikto1 {background: url('https://data.stormedia.cz/3/web_templates/164/images/pikto1.svg') no-repeat; height: 50px; width: 31px; margin: 45px 0;}
.box {
    width: 455px;
    height: 400px; 
    background: #F2F5FB;
    border-radius: 20px;
    float: left;
    margin-right: 24px;
    margin-bottom: 24px;
}
.boxes > div:nth-child(3n) {
    margin-right: 0;
}
.box h3 {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 800;
    font-size: 28px;
    line-height: 42px;
    display: flex;
    align-items: center;
    color: #163677;
    margin: 40px 0 0 40px;
}
.box hr {
    height: 3px;
    width: 70px;
    background: #163677;
    border-color: #163677;
    display: inline-block;
    clear: both;
    margin: 26px 0 26px 40px;
}
.box p {
    padding: 0 0 0 40px;
    margin: 0;
    font-size: 21px;
    line-height: 28px;
    width: 60%;
}
.box .button-1 {margin: 36px 0 0 36px;

}
.cl {clear: both; font-size: 0;line-height: 0; height: 0;}
.button-1 {
    border: solid 1px #163677;
    border-radius: 5px;
    line-height: 48px;
    text-align: center;
    display: inline-block;
    padding: 0 25px;
    text-decoration: none;
    color: #163677 !important;
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    text-transform: uppercase;
    text-decoration: none !important;
}
.button-1:hover {background:#163677; color: #fff  !important; }

.button-2 {
    border-radius: 5px;
    line-height: 48px;
    text-align: center;
    display: inline-block;
    padding: 0 25px 0 55px;
    text-decoration: none;
    color: #fff !important;
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    text-transform: uppercase;
    text-decoration: none !important;
    background: url('https://data.stormedia.cz/3/web_templates/164/images/ico-book.svg') no-repeat 20px 11px #EEB146;
    background-size: 20px;

}
.button-2:hover {}


.boxes-icons {width: 100%; max-width: 1296px; margin: auto; margin-top: 120px;}
.boxes-icons .icon-box {height: 208px; width: 239px; float: left; margin-right: 80px; padding-top: 110px; font-weight: 700; font-size: 18px; line-height: 25px;}
.boxes-icons .icon-box a {display: block; color: #53B3E5; font-family: 'Open Sans'; font-weight: 600; margin-top: 24px; font-size: 16px; line-height: 24px;}
.boxes-icons .icon-box a:hover {text-decoration: none;}
.boxes-icons div:last-child {margin-right: 0;}

.boxes-icons .icon-box.icon1 {background: url('https://data.stormedia.cz/3/web_templates/164/images/graphic-1.svg') no-repeat 0 0;}
.boxes-icons .icon-box.icon2 {background: url('https://data.stormedia.cz/3/web_templates/164/images/graphic-2.svg') no-repeat 0 0;}
.boxes-icons .icon-box.icon3 {background: url('https://data.stormedia.cz/3/web_templates/164/images/graphic-3.svg') no-repeat 0 0;}
.boxes-icons .icon-box.icon4 {background: url('https://data.stormedia.cz/3/web_templates/164/images/graphic-4.svg') no-repeat 0 0;}

.book-me { min-height: 505px; margin: 20px 0 80px 0; position: relative; padding: 0;}
.book-me .pikto-16 {position: absolute; top: 60px; left: -210px;}
.book-me .pikto-17 {position: absolute; top: 20px; right: -100px;}
.book-me h2 {position: absolute; top: 120px; left: 650px; font-size: 48px;}
.book-me-avatar {position: absolute; top: 0; left: 0; z-index: 0;}
.book-button {
    font-family: 'Poppins', 'Open Sans';
    background: url('https://data.stormedia.cz/3/web_templates/164/images/calendar.svg') no-repeat 34px 17px #EEB146;
border-radius: 5px;
padding: 16px 40px 16px 92px;
font-style: normal;
font-weight: 700;
font-size: 28px;
line-height: 42px;
color: #fff !important;
text-transform: uppercase;
text-decoration: none;
position: absolute;
left: 650px;
top: 320px;
text-decoration: none !important;
}
.book-button:hover {background-color: #D1962D;}

.origami {padding-bottom: 130px; background: #F8F9FB; margin-bottom: 60px; padding-top: 80px;}
.origami h3 {color: #163677; font-family: 'Martel';
    margin: 0 20px 0 0;
    padding: 60px 0 0 0;
font-style: normal;
font-weight: 900;
font-size: 32px;
line-height: 54px;}
.origami img {float: right; width: 100%; max-width: 712px; margin-right: 10px;}
.origami-quote {max-width: 505px; width: 100%}
.origami-quote p {
    font-family: 'Open Sans';
font-style: normal;
font-weight: 400;
font-size: 18px;
line-height: 30px;
}

/*who am i*/
.web.who .pikto-6 {left: 1480px;}


.box-ref {background: url('https://data.stormedia.cz/3/web_templates/164/images/bg-dashed.svg') repeat-x left bottom; padding: 40px 0 10px 0; position: relative; text-align: left; width: 100%; max-width: 1278px; clear: both; display: table;}
.box-ref ul {margin: 0 0 0 96px; padding: 0;}
.box-ref .year-tiny {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 800;
    font-size: 24px;
    line-height: 36px;
    color: #C1C7D6;
    position: absolute;
    top: 34px;
}
.box-ref .year-large {
    font-family: 'Martel';
    font-style: normal;
    font-weight: 900;
    font-size: 200px;
    line-height: 337px;
    color: #F2F5FB;    
    position: absolute;
    top: -160px;
    left: -38px;
    z-index: -10;
}
.box-ref li {
    list-style-type: none; 
    max-width: 850px; 
    background: url('https://data.stormedia.cz/3/web_templates/164/images/pikto4.svg') no-repeat 0 7px; 
    padding: 0 0 0 50px; 
    margin: 0 0 40px 0; 
    background-size: 22px;
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 30px;
}
.box-ref.no-border {background-image: none; padding-bottom: 140px;}
.box-ref > img {float: right; margin-left: 20px; margin-right: 50px; margin-bottom: 30px;}
.box-ref .img-layer {width: 282px; height:256px; float: right; margin-left: 20px; position: relative; overflow: hidden; margin-right: 50px;}
.box-ref .img-layer img {width: 100%; position: relative; z-index: 0;}
.box-ref .img-layer .layer {width: 282px; height:256px; background: url('https://data.stormedia.cz/3/web_templates/164/images/img-layer.png') no-repeat; background-size: cover; position: absolute; top: 0; left: 0; z-index: 10;}

.year-large.title {font-size: 70px; margin-top: -20px;}
.box-ref.title {margin-top: 70px; /* margin-bottom: 90px;*/}

.a-title {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    font-size: 24px;
    line-height: 33px;
    color: #163677 !important;
    text-decoration: none !important;
    display: block;
}
.read-more {display: block; margin-top: 25px;}
.gray-title {
    font-weight: 800;
    font-size: 18px;
    line-height: 25px;
    color: #C1C7D6;
    display: block;
}
.cl-f {display: none; clear: both;}

.idea {background: url('https://data.stormedia.cz/3/web_templates/164/images/pikto20.svg') no-repeat 0 -20px #163677; min-height: 535px; color: #fff;}
.idea .left {max-width: 756px; width: 100%; background: url('https://data.stormedia.cz/3/web_templates/164/images/bg-bird.svg') no-repeat top right; min-height: 392px; padding: 0 40px 0 0; position: relative; top: 120px; float: left;}
.idea .left h3 {
    font-family: 'Martel';
    font-style: normal;
    font-weight: 900;
    font-size: 72px;
    line-height: 90px;
    margin: 0;
    padding: 8px 0 0 0;
}
.idea .left h3 span {display: inline-block; text-decoration: underline; cursor: pointer;}

.idea .tag {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    font-size: 26px;
    line-height: 45px;
    color: #355697;    
    text-decoration: none;
}

.call-me {
    font-family: 'Poppins', 'Open Sans';
    background: url('https://data.stormedia.cz/3/web_templates/164/images/calendar.svg') no-repeat 34px 17px #EEB146;
    border-radius: 5px;
    padding: 16px 40px 16px 92px;
    font-style: normal;
    font-weight: 700;
    font-size: 28px;
    line-height: 42px;
    color: #fff !important;
    text-transform: uppercase;
    text-decoration: none;
    float: right;
    margin: 220px 70px 0 30px;
    position: relative;
    z-index: 1000;
}

.button-kickoff {
    font-family: 'Poppins', 'Open Sans';
    background: url('https://data.stormedia.cz/3/web_templates/164/images/ico-book.svg') no-repeat 34px 12px #EEB146;
    border-radius: 5px;
    padding: 16px 40px 16px 82px;
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 24px;
    color: #fff !important;
    text-transform: uppercase;
    text-decoration: none;
    float: left;
    margin-right: 30px;
}

.blog-link {display: block; max-width: 400px; margin-top: 35px;}
.blog-link a {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    font-size: 18px;
    line-height: 25px;
    text-decoration: underline;
    color: #fff;
}

.hello h4, .hello h1 {
    font-family: 'Martel';
    font-style: normal;
    font-weight: 900;
    font-size: 48px;
    line-height: 72px;
    color: #163677;
    margin: 0 0 40px 0;
    padding: 0;
}

.hello .left {
    max-width: 600px;
    float: left;
    position: relative;
}
.hello .left span {
    display: block;
    margin: 2px 0 0 0;
    font-weight: 400;
    font-size: 16px;
    line-height: 26px;
    color: #8E97AC;
    float: left;
    position: relative;
}

.hello .jm-avatar {max-width: 372px; float: right; margin: 0 79px 0 0;}
.hello {margin-top: 80px; /*background: url('https://data.stormedia.cz/3/web_templates/164/images/pikto22.svg') no-repeat top right;*/}
.hello .container {
    background: url('https://data.stormedia.cz/3/web_templates/164/images/pikto21.svg') 570px 0 no-repeat;
    min-height: 370px;    
}

.whatido .row1, .whatido .row2, .whatido .row3 {width: 25%; float:left; margin-right: 40px; max-width: 300px; margin-left: 116px; position: relative;}
.whatido .row3 {margin-right: 0;}
.whatido h5 {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 800;
    font-size: 28px;
    line-height: 42px;
    display: flex;
    align-items: center;
    color: #163677;    
    margin: 0;
    padding: 0;
}
.whatido .row1 hr, .whatido .row2 hr, .whatido .row3 hr {
    border: 0;
    width: 70px;
    height: 5px;
    float: left;
    margin: 30px 0;

}
.whatido .row1 hr {
    background: #163677;
}

.whatido .row2 hr {
    background: #EEB146;
}

.whatido .row3 hr {
    background: #53B3E5;
}

.whatido .row1 p, .whatido .row2 p, .whatido .row3 p {
    clear: both;
    margin: 0;
    padding: 0;
}

.whatido .row1::before {
    content: url("https://data.stormedia.cz/3/web_templates/164/images/bird.svg");
    display: block;
    position: absolute;
    left: -110px;
    top: -30px;
}

.whatido .row2::before {
    content: url("https://data.stormedia.cz/3/web_templates/164/images/fox.svg");
    display: block;
    position: absolute;
    left: -90px;
    top: -30px;
}

.whatido .row3::before {
    content: url("https://data.stormedia.cz/3/web_templates/164/images/owl.svg");
    display: block;
    position: absolute;
    left: -90px;
    top: -30px;
}

.whatido .row2 h5 {
    color: #EEB146;
}

.whatido .row3 h5 {
    color: #53B3E5;
}
.whatido h4, .references h4 {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 800;
    font-size: 24px;
    line-height: 36px;
    color: #C1C7D6;
}
.whatido h4 {margin-bottom: 60px; margin-left: 40px;}
.references h4 {margin-bottom: 40px; margin-left: 40px;}
.whatido p {
    font-weight: 400;
    font-size: 16px;
    line-height: 26px; 
    margin: 0; 
    padding: 0;   
}
.whatido {margin: 80px 0 0 0;}
.podcast, .whatido, .hello, .idea {clear: both;}

.podcast .content {
    background: #F2F5FB;
    border-radius: 20px;
    min-height: 700px;
    clear: both;
    margin-top: 125px;
    margin-bottom: 90px;
}

.partners img {
    /*filter: grayscale(100);
    opacity: 0.7;*/
    width: 200px;
}

.partners h4 {
    font-family: 'Martel';
    font-style: normal;
    font-weight: 900;
    font-size: 48px;
    line-height: 81px;
    text-align: center;
    color: #163677;
}

.partners .partner-logo {
margin: 10px 10px 60px 10px; 
width: 200px;
height: 100px;
float: left;
background-repeat: no-repeat;
background-position: center center;
background-size: 90%;
display: block;
}
.partners .partner-logo:hover {
    background-size: 100%;
}

.partners .container {width: 70%; padding-bottom: 80px;}
.references {background: #F8F9FB; 

    padding: 78px 0;
    margin-top: 50px;
}

.references .container {background: url('https://data.stormedia.cz/3/web_templates/164/images/pikto18.svg') no-repeat top right;}
.references .refs {width: 100%; max-width: 760px; padding-left: 105px; background: url('https://data.stormedia.cz/3/web_templates/164/images/quote.svg') no-repeat top left;}
.references .refs .ref-name {
    color: #163677;
    font-weight: 800;
    font-size: 18px;
    line-height: 25px;
    display: block;    
    margin-bottom: 5px;
}
.references .refs .ref-title {
    font-weight: 800;
    font-size: 18px;
    line-height: 25px;
    color: #EEB146;
    display: block;
}
.references .refs p {
    font-weight: 400;
    font-size: 18px;
    line-height: 30px;
    color: #8E97AC;
    margin: 27px 0 0 0;
    padding: 0;
}
.partners-call {
    font-weight: 700;
    font-size: 18px;
    line-height: 24px;
    color: #163677;
    display: inline-block;
    margin-right: 20px;
}
.partners-cta {
    clear: both;
    text-align: center;
}


.mf-wrap {backdrop-filter: blur(4px); }
/* Styles for dialog window */
#facility-dialog, #networking-dialog, #mentoring-dialog, #fundrising-dialog, #strategie-dialog, #menu-mobile-dialog, .popup-dialog  {
	background: url('https://data.stormedia.cz/3/web_templates/164/images/pikto19.svg') top right no-repeat #fff;
	padding: 48px;
	text-align: left;
	max-width: 800px;
    width: 80%;
	margin: 40px auto;
	position: relative;
    border-radius: 12px;
    
}
/**
 * Fade-zoom animation for first dialog
 */

/* start state */
.my-mfp-zoom-in .zoom-anim-dialog {
	opacity: 0;

	-webkit-transition: all 0.2s ease-in-out; 
	-moz-transition: all 0.2s ease-in-out; 
	-o-transition: all 0.2s ease-in-out; 
	transition: all 0.2s ease-in-out; 



	-webkit-transform: scale(0.8); 
	-moz-transform: scale(0.8); 
	-ms-transform: scale(0.8); 
	-o-transform: scale(0.8); 
	transform: scale(0.8); 
    box-shadow: 0px 63px 120px rgba(0, 0, 0, 0.5);
}

/* animate in */
.my-mfp-zoom-in.mfp-ready .zoom-anim-dialog {
	opacity: 1;

	-webkit-transform: scale(1); 
	-moz-transform: scale(1); 
	-ms-transform: scale(1); 
	-o-transform: scale(1); 
	transform: scale(1); 
}

/* animate out */
.my-mfp-zoom-in.mfp-removing .zoom-anim-dialog {
	-webkit-transform: scale(0.8); 
	-moz-transform: scale(0.8); 
	-ms-transform: scale(0.8); 
	-o-transform: scale(0.8); 
	transform: scale(0.8); 

	opacity: 0;
}

/* Dark overlay, start state */
.my-mfp-zoom-in.mfp-bg {
	opacity: 0;
	-webkit-transition: opacity 0.3s ease-out; 
	-moz-transition: opacity 0.3s ease-out; 
	-o-transition: opacity 0.3s ease-out; 
	transition: opacity 0.3s ease-out;
}
/* animate in */
.my-mfp-zoom-in.mfp-ready.mfp-bg {
	opacity: 1;
    background: rgba(0, 0, 0, 0.2);
    backdrop-filter: blur(7.5px);
    -webkit-backdrop-filter: blur(4px);
}
/* animate out */
.my-mfp-zoom-in.mfp-removing.mfp-bg {
	opacity: 0;
}

.zoom-anim-dialog p {
    font-family: 'Open Sans';
font-style: normal;
font-weight: 400;
font-size: 18px;
line-height: 30px;    
}
.zoom-anim-dialog h5 {
    font-family: 'Martel';
font-style: normal;
font-weight: 900;
font-size: 32px;
line-height: 54px;
align-items: center;
color: #163677;
padding: 0;
margin: 0 !important;
}
.zoom-anim-dialog h6 {
margin: 0;
padding: 0;
font-family: 'Martel';
font-style: normal;
font-weight: 800;
font-size: 24px;
line-height: 30px;  
}
.hr-dashed {
    height: 30px;
    background: url('https://data.stormedia.cz/3/web_templates/164/images/bg-dashed.svg') repeat-x left bottom;
    margin-bottom: 30px;
}
.zoom-anim-dialog .title-shadow {
    font-family: 'Poppins';
font-style: normal;
font-weight: 800;
font-size: 24px;
line-height: 36px;
color: #C1C7D6;
}


                    .tab {width: 189px; height: 131px; float: left; margin-right: 10px; display: block; background-color:;}
                    .tab.roadmap {background: url('https://data.stormedia.cz/3/web_templates/164/images/tab-roadmap.svg') no-repeat left bottom;}
                    .tab.certification {background: url('https://data.stormedia.cz/3/web_templates/164/images/tab-certification.svg') no-repeat left bottom; width: 203px;}
                    .tab.press {background: url('https://data.stormedia.cz/3/web_templates/164/images/tab-press.svg') no-repeat left bottom; width: 172px; display: none;}
                    .tab.community {background: url('https://data.stormedia.cz/3/web_templates/164/images/tab-community.svg') no-repeat left bottom; width: 197px; display: none;}

                    .tab.roadmap.active, .tab.roadmap:hover  {background: url('https://data.stormedia.cz/3/web_templates/164/images/tab-roadmap-over.svg') no-repeat -29px 23px !important;}
                    .tab.certification.active, .tab.certification:hover  {background: url('https://data.stormedia.cz/3/web_templates/164/images/tab-certification-over.svg') no-repeat -27px 18px !important;}
                    .tab.press.active, .tab.press:hover  {background: url('https://data.stormedia.cz/3/web_templates/164/images/tab-press-over.svg') no-repeat -28px 24px !important;}
                    .tab.community.active, .tab.community:hover  {background: url('https://data.stormedia.cz/3/web_templates/164/images/tab-community-over.svg') no-repeat left bottom !important;}


            .order-box {
                width: 48%;
                height: 978px;
                background: #F2F5FB;
                border-radius: 20px;
                float: left;
            } 
            .order-box.mentor {
                margin: 80px 23px 0 0;
            }
            .order-box.coach {
                margin: 80px 0 0 0;
            }
            .order-box h3 {
                font-family: 'Martel';
                font-style: normal;
                font-weight: 900;
                font-size: 48px;
                line-height: 81px;
                color: #163677;
                margin-left: 40px;
                margin-top: 40px;
                margin-bottom: 0;
                padding: 0;
            }
            .order-box p {
                margin: 0 40px 40px 40px;
                padding: 0;
                font-weight: 300;
                font-size: 24px;
                line-height: 40px;
                color: #163677;
            }
            .order-box ul {
                margin: 0 0 0 40px;
                padding: 0;
            }
            .order-box ul li {
                list-style-type: none;
                background: url('https://data.stormedia.cz/3/web_templates/164/images/checked.svg') no-repeat 0 0;
                padding-left: 56px;
                margin-bottom: 10px;
                font-weight: 400;
                font-size: 18px;
                line-height: 30px;
                padding-bottom: 20px;
                padding-top: 3px;
                padding-right: 30px;
            }
            .order-box .pikto1 {margin-left: 40px;}
            .order-box .price {
                font-family: 'Poppins';
                font-style: normal;
                font-weight: 400;
                font-size: 48px;
                line-height: 72px;
                text-align: center;
                color: #163677;
                margin-top: 60px;
            }


.blog-title {
    font-weight: 700;
    font-size: 48px;
    line-height: 65px;
    color: #163677 !important;
    margin: 0 0 15px 0;
    padding: 0;
    display: block;
    text-decoration: none !important;
}
.blog-date {
    font-weight: 800;
    font-size: 18px;
    line-height: 25px;
    color: #C1C7D6;
    display: block;
}
.blog-read {
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
    color: #8E97AC;
    margin-right: 30px;
}

.web.blog .container {
    width: 82%;
    padding: 30px 0;
}
.web.blog .blog-label {display: inline-block;  
padding: 8px 12px;
  margin-right: 5px;
color: #fff;
background: #EEB146;
border-radius: 100px;
font-style: normal;
font-weight: 600;
font-size: 14px;
line-height: 19px;
}
.web.blog .blog-link {
    font-weight: 400;
font-size: 18px;
line-height: 25px;
}
.blog-title:hover {
    color: #53B3E5 !important;
}


.blog-item {
    background: url('https://data.stormedia.cz/3/web_templates/164/images/bg-dashed.svg') repeat-x left bottom;
    padding: 50px 0 50px 0;
}

.blog-search-input {
    background: #F8F9FB;
border: 1px solid #C1C7D6;
border-radius: 5px;
height:;
width: 100%;
max-width: 538px;
height: 72px;
line-height: 72px;
padding: 0 5px 0 46px;
font-weight: 400;
font-size: 16px;
line-height: 22px;
color: #8E97AC;
}

    .web.blog-detail .container {
        width: 60%;
        padding-bottom: 80px;
        color: #292b2f;
    }

    .web.blog-detail .container p {
        font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 30px;
        padding: 0 0 20px 0;
        margin: 0;
    }

    .web.blog-detail .container h2, .web.blog-detail .container h3, .web.blog-detail .container h4, .web.blog-detail .container h5 {
        font-family: 'Martel';
        font-style: normal;
        font-weight: 900;
        font-size: 32px;
        line-height: 54px;
        color: #163677;
        padding: 30px 0 10px 0;
        margin: 0;
    }
    .web.blog-detail .container h2 {
        font-size: 46px;
        line-height: 64px;
    }

    .web.blog-detail .container h4 {
        font-size: 28px;
    }
    .web.blog-detail .container h5 {
        font-size: 24px;
    }
		
.search-submit {
  
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
padding: 12px 24px;
border: 0;
height: 74px;
background: #EEB146;
border-radius: 0px 5px 5px 0px;
  font-family: 'Poppins';
font-style: normal;
font-weight: 700;
font-size: 16px;
line-height: 22px;
  color: #fff;

}
.search-submit::placeholder {
color: #8E97AC;
}
.blog-search-input {
float: left;
 border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-right: 0;
}

.article-paging {
text-align: center;
margin-top: 40px;
}

.article-paging a {
display: inline-block;
  margin-right: 10px;
  font-family: 'Poppins';
font-style: normal;
font-weight: 700;
font-size: 18px;
line-height: 30px;
color: #8E97AC;
  text-decoration: none;
}
.article-paging a.active {
color: #163677;
}
.yellowbook {
float: left; margin-right: 40px; margin-left: 50px;
}

@media screen and (max-width: 1615px) {
    .pikto-6, .pikto-10 {display: none;}
    .box-ref .year-large {left: 0 !important;}
}

@media screen and (max-width: 1440px) {
    .pikto-9, .pikto-5, .pikto-8, .pikto-7 {display: none;}
    .web .content, .nav-title .container, .footer-menu, .origami-quote p, .origami-quote h3 {padding-left: 20px; padding-right: 20px; width: unset;}
    .boxes > div:nth-child(3n) {margin-right: 24px;}
    .box-ref ul {margin-left: 20px; }
    .box-ref .year-tiny {position: unset; margin-left: 20px; padding-bottom: 20px; top: unset; left: unset; display: block;}

    .idea .left {width: unset; padding-left: 40px;}
    .call-me {clear: both; margin: 50px 70px 60px 30px !important; float :left;}
    .hello .left {margin-left: 40px;}
    .box-ref .year-large {left: 20px !important;}
}


@media screen and (max-width: 1340px) {

    .origami img {max-width: 500px;}
    .pikto-17 {display: none;}
    .book-me-avatar {max-width: 500px;}
    .book-me h2 {left: 500px;}
    .book-button {left: 500px;}
    .whatido .row3 {clear: both; margin-top: 40px;}
}

@media screen and (max-width: 1220px) {
    .origami img {max-width: 500px;}
    .pikto-17 {display: none;}
    .book-me-avatar {max-width: 500px;}
    .book-me h2 {left: 500px;}
    .book-button {left: 500px;}
}

@media screen and (max-width: 1100px) {
      .menu {display: none;}
    .menu-mobile {display: none;}
    .menu-mobile-burger {display: block;}
}

@media screen and (max-width: 1000px) {

  .boxes .box {width: 100%; height: unset; padding-bottom: 26px;}
    .boxes-icons .icon-box {float: none; width: 100%; text-align: center;}
    .boxes-icons .icon-box.icon1, .boxes-icons .icon-box.icon2, .boxes-icons .icon-box.icon3, .boxes-icons .icon-box.icon4 {background-position: 50% 0;}
    .boxes-icons {margin-top: 50px;}
    .hello .jm-avatar {max-width: unset; float: unset; margin: auto; width: 70%; max-width: 300px; margin-left: 40px; margin-bottom: 40px;}
    .hello .left span {margin: 26px 0 50px 0; float: unset; padding: 0;}
    .references .refs {width: 80%; background-size: 30px; background-position: 6px 0px; padding-left: 40px; }
    .references .container {background-image: none;}
    
}

@media screen and (max-width: 950px) {

    .pikto-3, .pikto-4, .menu-hide {display: none;}
    .origami img {max-width: unset; float: none; width: 80%; margin: auto; display: block;}
    .origami-quote {text-align: center; width: unset; max-width: unset; padding: 0 20px;}
    .book-me-avatar {max-width: 300px !important; left: 50px; }
    .book-me h2 {top: -20px !important; left: 400px !important;}
    .book-button {left: 400px !important; top: 210px !important;}
    .book-me {min-height: 265px;}
    .web.blog-detail .container {width: 80%;}
}

@media screen and (max-width: 850px) {
    .footer-menu .menu-hide {display: none;}
    .box-ref img {float: none; margin: auto auto 40px auto; width: 60%; display: block;}
    .box-ref li {padding-right: 20px;}
    .partners-call {margin: 0 0 15px 0;}
}

@media screen and (max-width: 770px) {
    .book-me-avatar {max-width: 320px !important; position: unset; margin-left: 20px; top: unset; left: unset;}
    .book-me h2 {position: unset; margin-left: 30px;}
    .book-button {position: unset; margin-left: 30px; font-size: 24px;}
    .book-me {min-height:  175px;}
    .idea .left {background: none; top: unset; padding-top: 40px;}
    .idea .left .call-me {font-size: 20px !important;}
    .hello h4 {
        font-size: 28px;
        line-height: 42px;
    }
    .whatido .row1, .whatido .row2, .whatido .row3 {width: unset; float: none; margin-right: 0; margin-bottom: 30px; clear: both;}
    .year-large.title {font-size: 24px; margin-top:0; margin-left: 20px;}
    .box-ref .year-large {line-height: unset;position: unset; top: unset; left: unset;}
    .box-ref.title {margin: 0 0 0 0;}
    .box-ref .img-layer {float: none; margin: auto; margin-bottom: 40px;}
    .box-ref ul {margin-top: 30px; }
    .call-me {font-size: 23px;}
}

@media screen and (max-width: 630px) {
    .button-kickoff {float: unset;}
  h1 {line-height: 82px;}
  .blog-title {font-size: 28px; line-height: 32px; margin-top: 5px;}
  .yellowbook {max-width: 80%;}
  .hello h4, .hello h1 {margin: 27px 0 40px 0;font-size: 30px;
    line-height: 41px;}
}


@media screen and (max-width: 500px) {
    .jm-logo img {height: 60px;  margin: 15px 10px 0 15px;}
  .logo-text {top: 0; height: 60px !important;}
    .nav-back {margin-top: 30px;}
    .footer-menu {height: unset; line-height: unset; padding-top: 20px; padding-bottom: 20px;}
    .cl-f {display: block; clear: both;}
    .footer-menu {float: unset;}
    .footer-menu .social {float: none; margin-top: 30px;}
    .footer-copyrights .pikto2 {display: none;}
    .footer-menu .top {margin-top: 22px;}
    .origami {padding-bottom: 30px;}
    /*.box-ref .year-large {font-size: 100px; left: 20px; top: -200px;}*/
    .idea .left {background: none; min-height: unset;}
    .idea .left h3 {line-height: 62px; font-size: 52px;}
    .call-me {font-size :18px; padding: 16px 20px 16px 20px; background-image: none;}
    .web .jm-avatar {width: 80%; float: none; margin: auto auto 20px auto;}
    .tab {float: none !important; margin: auto !important;}
    .pikto1 {margin-bottom: 10px;}
    .box-ref.title.certification {margin: 0 !important; padding-top: 0;}
    .mfp-container {width: 95% !important;}
    .whatido .row1::before {left: 240px;}
    .whatido .row2::before {left: 260px;}
    .whatido .row3::before {left: 248px;}
    .whatido .row1, .whatido .row2, .whatido .row3 {margin-left: 40px;}
    .idea .left {padding-left: 20px;}
    .call-me {margin-left: 20px !important;}
    .idea {background-position: 250px -20px;}
    .partners-cta .button-2 {margin-top: 20px;}
    .partners .partner-logo {width: unset; float: unset;}
    .partners-call {margin: unset;}
    .partners h4 {font-size: 26px;}
  .blog-search-input {max-width: 95%; margin-bottom: 10px;
    padding-left: 10px;
  border: 1px solid #C1C7D6;
border-radius: 5px;
  }
  .search-submit { float: right;}

}
.slider-navigation {    display: flex;
    justify-content: flex-end;
    flex-direction: row;}
.slider-navigation a{padding-left:20px; padding-right:20px;text-decoration:none;color: #163677;text-transform: uppercase;font-family: 'Open Sans';
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 24px;}
.slider-navigation a svg {padding-left:16px; padding-right:16px;vertical-align: middle;}