/*html {font-family: 'Patrick Hand SC', cursive;; font-size: 20px; color: #000000; font-weight: 400}*/
html {font-family: 'blaue_brushregular', cursive;; font-size: 20px; color: #000000; font-weight: 400}
body {margin: 0; padding: 0; text-align: center}
a {color: #40BABA}
a img {border: none}
h1 {font-family: 'blaue_brushregular'; text-transform: uppercase; line-height: 1.4; font-size: 3.9rem; color: #FFFFFF; margin: 0; font-weight: normal}

@font-face {
    font-family: 'blaue_brushregular';
    src: url('../fonts/blaue-brush/beige_type_-_blaue_brush-webfont.eot');
    src: url('../fonts/blaue-brush/beige_type_-_blaue_brush-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/blaue-brush/beige_type_-_blaue_brush-webfont.woff2') format('woff2'),
         url('../fonts/blaue-brush/beige_type_-_blaue_brush-webfont.woff') format('woff'),
         url('../fonts/blaue-brush/beige_type_-_blaue_brush-webfont.ttf') format('truetype'),
         url('../fonts/blaue-brush/beige_type_-_blaue_brush-webfont.svg#blaue_brushregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

.head {position: absolute; left: 0; top: 0; width: 100%; z-index: 100}
.head-in {padding: 17px 30px; text-align: left; margin: 0 auto; /*max-width: 1800px*/}
.head-in:after {content: ""; display: block; clear: both}
.logo {display: inline-block; vertical-align: top; background: url("../img/logo.png") left top no-repeat; width: 193px; height: 60px}
.menu-logo {position: absolute; left: 30px; top: 17px; background: url("../img/logo-color.png") left top no-repeat}
.menu-link {float: right; display: inline-block; background: url("../img/menu.png") left top no-repeat; width: 40px; height: 32px; margin-top: 13px}
.menu-close {position: absolute; top: 17px; right: 30px; background: url("../img/menu-close.png") left top no-repeat; width: 40px; height: 32px; margin-top: 13px}
.menu-home {position: absolute; top: 13px; right: 90px; background: url("../img/menu-home.png") left top no-repeat; width: 45px; height: 36px; margin-top: 13px}
.menu-en {position: absolute; top: 17px; right: 152px; background: url("../img/menu-en.png") left top no-repeat; width: 38px; height: 30px; margin-top: 13px; visibility: hidden}
.menu-cz {background: url("../img/menu-cz.png") left top no-repeat}

.menu-whole {text-align: right; padding-top: 25px; float: right; position: relative; z-index: 99}
.menu-whole-in {display: none; position: absolute; right: 0; top: 0; width: 100%; background-color: #FFF}
.menu {display: block}
.menu li {display: block; margin: 0; text-align: center}
.menu li a {margin: 0; padding: 0 10px; text-align: center; font-size: 1.4em; font-family: 'blaue_brushregular'; text-decoration: none; text-transform: uppercase; line-height: 1.8em}
.menu li a:hover {color: #000}
.menu li span {display: none}

.body {position: relative; z-index: 80}

/*.homepage-top {background: url("../img/bg_head.png") center center no-repeat; background-size: cover}*/
.homepage-top {background-color: #54D2D2}
.homepage-top-in {margin: 0 auto; text-align: center; width: 1000px; padding: 0}
.homepage-top-in h1 {margin-bottom: 80px}
.homepage-top-blocks:after {content: ""; display: block; clear: both}
.homepage-top-block {float: left; width: 27%}
.homepage-top-blocks .homepage-top-block:first-child {margin-right: 5%}
.homepage-top-blocks .homepage-top-block:last-child {margin-left: 5%}
.homepage-top-block h2, .why a {font-family: 'blaue_brushregular'; font-size: 2rem; line-height: 1.3; margin: 0 0 10px 0; font-weight: normal; text-decoration: none}
.why a:hover:not(.button) {color: #40BABA; text-decoration: underline}
.why a {color: #000; font-size: 1.5rem}
.homepage-top-block h2 a {color: #000000; text-decoration: none}
.homepage-top-block h2 a:hover {color: #fff; text-decoration: underline}
.homepage-top-block p {line-height: 1.4; font-size: 1.1rem}

/*
.bg-advice {background: url("../img/bg_advice.png") center center no-repeat; background-size: cover}
.bg-reference {background: url("../img/bg_about.jpg") center center no-repeat; background-size: cover}
*/
.main {margin: 0 auto; text-align: center; width: 1220px; padding: 55px 0 55px 0}
.main h2, .how-work h2, .about-us h2 {font-family: 'blaue_brushregular'; text-transform: uppercase; line-height: 1.4; font-size: 3rem; margin: 0 0 70px 0; font-weight: normal}
.why-blocks:after {content: ""; display: block; clear: both}
.why-block {float: left; width: 23%; margin: 0 1% 75px 1%}
.why-ico {height: 157px; line-height: 157px; vertical-align: bottom; margin-bottom: 20px}
.why-ico img {vertical-align: bottom; max-width: 100%; max-height: 100%}
.why-block p {margin: 0; line-height: 1.8; font-family: 'blaue_brushregular'; font-size: 1rem}
.button {display: inline-flex; justify-content: center; box-sizing: border-box; width: 302px; min-height: 69px; background: url("../img/button.png") left top no-repeat; background-size: 100% 100%; padding: 17px 15px; font-family: 'blaue_brushregular'; font-size: 1rem; color: #FFFFFF; text-transform: uppercase; line-height: 1.5; text-decoration: none; margin-bottom: 50px}
.button.center {text-align: center; margin: 0 auto}
.main.why .button {margin-bottom: 110px}
.logos a {display: inline-block; vertical-align: middle; margin: 0 22px 30px 22px}
.logos a img {max-width: 100%}

.how-work {background-color: #DADADA}
.how-work-in, .opinion-in {margin: 0 auto; text-align: center; width: 1220px; padding: 85px 0 55px 0}
.how-blocks:after {content: ""; display: block; clear: both; padding-bottom: 30px}
.how-blocks a {display: block; float: left; width: 30%; margin: 0 1.5% 50px 1.5%; background: url("../img/bg_how-b.png") left top no-repeat; background-size: 100% 100%; text-decoration: none; color: #000000; box-sizing: border-box; padding: 50px}
.how-blocks a:nth-child(2) {background: url("../img/bg_how-c.png") left top no-repeat; background-size: 100% 100%}
.how-blocks a:nth-child(3) {background: url("../img/bg_how-a.png") left top no-repeat; background-size: 100% 100%}
.how-blocks a:hover {background: url("../img/bg_how-b-hover.png") left top no-repeat; background-size: 100% 100%; color: #fff}
.how-blocks a:nth-child(2):hover {background: url("../img/bg_how-c-hover.png") left top no-repeat; background-size: 100% 100%; color: #fff}
.how-blocks a:nth-child(3):hover {background: url("../img/bg_how-a-hover.png") left top no-repeat; background-size: 100% 100%; color: #fff}
.how-blocks a h3 {cursor: pointer; font-family: 'blaue_brushregular'; line-height: 1.2; font-size: 2rem; margin: 0 0 15px 0; font-weight: normal; min-height: 100px; overflow: hidden}
.how-blocks a p {cursor: pointer; line-height: 1.5; margin: 0 0 25px 0; min-height: 150px; overflow: hidden}
.how-button {display: inline-block; box-sizing: border-box; width: 195px; min-height: 53px; background: url("../img/button_how.png") left top no-repeat; background-size: 100% 100%; padding: 13px 15px; font-family: 'blaue_brushregular'; font-size: 0.8rem; color: #FFFFFF; text-transform: uppercase; line-height: 1.5; text-decoration: none}
.how-button2 {text-align: center; display: inline-block; box-sizing: border-box; width: 135px; min-height: 33px; background: url("../img/button_how2.png") left top no-repeat; background-size: 100% 100%; padding: 13px 15px; font-family: 'blaue_brushregular'; font-size: 0.8rem; color: #FFFFFF; text-transform: uppercase; line-height: 1.5; text-decoration: none}
.contact-block-in .how-button2 {width: auto; margin-bottom: 8px}

#online-vzdelavani .how-work {background-color: #fff}
#online-vzdelavani .how-blocks a {background: none; margin: 0 20px; padding: 20px 50px; background: url("../img/bg_how2.png") left top no-repeat; background-size: 100% 100%}
#online-vzdelavani .how-blocks a:hover {background: url("../img/bg_how2-hover.png") left top no-repeat; background-size: 100% 100%; color: #fff!important}
#online-vzdelavani .how-blocks a:hover h3 {color: #fff!important}
/*
#online-vzdelavani .how-blocks a:hover {background: none; color: #000!important}
#online-vzdelavani .how-blocks a:hover {background: url("../img/bg_how-d-hover.png") left top no-repeat; background-size: 100% 100%; color: #fff}
#online-vzdelavani .how-blocks a:nth-child(2) {background: url("../img/bg_how-e.png") left top no-repeat; background-size: 100% 100%}
#online-vzdelavani .how-blocks a:nth-child(2):hover {background: url("../img/bg_how-e-hover.png") left top no-repeat; background-size: 100% 100%; color: #fff}
#online-vzdelavani .how-blocks a:nth-child(3) {background: url("../img/bg_how-f.png") left top no-repeat; background-size: 100% 100%}
#online-vzdelavani .how-blocks a:nth-child(3):hover {background: url("../img/bg_how-f-hover.png") left top no-repeat; background-size: 100% 100%; color: #fff}
#online-vzdelavani .how-blocks:nth-child(2) a {background: url("../img/bg_how-g.png") left top no-repeat; background-size: 100% 100%}
#online-vzdelavani .how-blocks:nth-child(2) a:hover {background: url("../img/bg_how-g-hover.png") left top no-repeat; background-size: 100% 100%; color: #fff}
#online-vzdelavani .how-blocks:nth-child(2) a:nth-child(2) {background: url("../img/bg_how-h.png") left top no-repeat; background-size: 100% 100%}
#online-vzdelavani .how-blocks:nth-child(2) a:nth-child(2):hover {background: url("../img/bg_how-h-hover.png") left top no-repeat; background-size: 100% 100%; color: #fff}
#online-vzdelavani .how-blocks:nth-child(2) a:nth-child(3) {background: url("../img/bg_how-i.png") left top no-repeat; background-size: 100% 100%}
#online-vzdelavani .how-blocks:nth-child(2) a:nth-child(3):hover {background: url("../img/bg_how-i-hover.png") left top no-repeat; background-size: 100% 100%; color: #fff}

/*.how-blocks a:hover {color: #FFFFFF; background-image: url("../img/bg_how-hover.png"); cursor: default}*/
/*.how-blocks a:hover .how-button {color: #000000; background-image: url("../img/button_how-hover.png")}*/

/*#jak-pracujeme .how-blocks a:hover {color: #000; background-image: url("../img/bg_how.png")}
#jak-pracujeme .how-blocks a:hover .how-button {color: #fff; background-image: url("../img/button_how.png")}*/

.how-blocks-articles {margin: 20px 0 20px 0}
.how-blocks-articles a {display: block; float: left; width: 50%; margin: 10px auto; box-sizing: border-box; padding: 10px; text-decoration: none}
.how-blocks-articles a img {max-width: 80%}
.how-blocks-articles a div {color: #000; font-size: 1.35rem; line-height: 2.3rem}
.how-blocks-articles a .img-container {height: 340px; overflow: hidden}

.main.services h2 {margin-bottom: 30px}
.services-perex {margin: 0 auto; max-width: 1220px; font-family: 'blaue_brushregular'; min-height: 280px}
.services-perex p {line-height: 1.7; margin: 0 0 15px 0}
.service-blocks:after {content: ""; display: block; clear: both}
.service-block {float: left; width: 24%; margin: 0 4.5%; padding-bottom: 30px}
.service-block h3 {font-family: 'blaue_brushregular'; line-height: 1.4; font-size: 1.3rem; margin: 0 0 25px 0; font-weight: normal; text-transform: uppercase}
.service-block p {line-height: 1.4; margin-bottom: 30px; font-size: 1.05rem}

#nase-sluzby a {color: #000}
#nase-sluzby a:hover {color: #40BABA}

.about-us {background: url("../img/bg_about.jpg") center top no-repeat; background-size: cover; position: relative; z-index: 50}
.about-us-in, .services-us-in, .online-in {margin: 0 auto; width: 1170px; padding: 85px 0 0 0; position: relative; z-index: 45}
.online-in {padding-top: 0}
#online-in-content {display: none}
.subpage2 .online-in p, .subpage2 .online-in ul li {text-align: left; font-family: "Open Sans" ,"Helvetica Neue", sans-serif}
.subpage2 .online-in p:has(+ iframe) {text-align: center}
.subpage2 .online-in ul li {margin-left: 0; font-size: 1em}
.subpage2 .online-in .how-blocks a:hover h3 {color: #000!important}
.subpage2 iframe {margin: auto; text-align: center; vertical-align: middle; display: table-cell; max-width: 90%}
.subpage2 .online-in .button2 {width: auto; min-height: 0px; font-size: 0.7rem; margin: 6px; padding: 10px 15px; color: #000}
.services-us-in {padding: 0}
.man {position: absolute; top: 0; right: 0; z-index: 40; height: 100%; width: 100%; background: url("../img/man.png") right top no-repeat}
.button-video {display: inline-block; background: url("../img/button_play.png") left top no-repeat; width: 126px; height: 126px; position: absolute; right: 365px; top: 38%; z-index: 47}
.about-us-in:after, .online-in:after {content: ""; display: block; clear: both}
.about-us h2 {color: #FFFFFF; text-align: center}
.about-us-left {max-width: 1220px; margin: 0 auto; text-align: center; font-family: "Open Sans" ,"Helvetica Neue", sans-serif}
#o-nas .about-us-left {font-family: 'blaue_brushregular'}
#nase-sluzby .about-us-left {max-width: 700px}
#nase-sluzby .service-block {width: 36%}
#nase-sluzby .service-block li, .subpage1 .parent-publications ul li {text-align: center; line-height: 130%; margin-bottom: 20px; list-style-type: none}
.about-us-left p, .online-in p, .online-in ol li {margin-bottom: 50px; line-height: 160%}
.online-in ol li ul {padding-top: 20px}
.about-us-left h3 {font-family: 'blaue_brushregular'; line-height: 1.4; font-size: 1rem; margin: 0 0 25px 0; font-weight: normal}
.about-us-left ul {margin: 0; padding: 0; margin-bottom: 40px}
.about-us-left ul li, .subpage1 ul li, .subpage2 ul li {list-style-type: none; padding-left: 20px; background: url("../img/list.png") left 12px no-repeat; line-height: 1.4; font-size: 1.05rem; margin-bottom: 17px; text-align: left}
.about-us-left ul li.no, .subpage1 ul li.no, .subpage2 ul li.no {background: none}
.subpage1 ul li.bigger {background: none; font-size: 1rem; margin-left: -10px; font-weight: 900}
.about-us-left ul li ul li, .subpage1 ul li ul li, .subpage2 ul li ul li {margin-left: 40px; background: url("../img/list.png") left 12px no-repeat}
.about-us-left p.center {text-align: center!important;}
.subpage2 .reference ul li,
.subpage2 #co-rikaji-zakaznici ul li {list-style-type: none; margin-left: 0; padding-left: 0; background: none}

.opinion {background-color: #ffffff; padding: 80px 0}
.our-team {margin: 0 auto; text-align: left; margin-bottom: 30px}
.visualisation {margin-bottom: 30px}
.visualisation-inside {margin: 0 auto; max-width: 1320px; min-height: 420px; display: grid; grid-template-columns: repeat(3, 1fr); grid-gap: 10px; grid-auto-rows: 100px 200px}
.visualisation-block {margin: 8px; display: inline-block}
.visualisation-img {height: auto; border: none; max-height: 292px; max-width: 100%}
.visualisation-title {line-height: 120%}
.visualisation-body {line-height: 120%; font-size: 70%}

.subpage h2, .subpage1 h2, .subpage2 h2 {font-family: 'blaue_brushregular'; line-height: 150%; margin-top: 65px}
.subpage1 h2 {margin-top: 0; padding: 0 12px}
.subpage h2 {text-transform: none; font-size: 1.5em}
.subpage h2 span.blue {color: #54d2d2; text-decoration: underline}
.subpage1 {margin: 50px 0 0 0; background-color: #fff; padding-top: 15px}
.subpage1 ul li, .subpage2 ul li {text-align: left; font-size: 0.82em; margin-left: 250px}
.subpage1 .how-work-in {padding: 0 0 30px 0}

.subpage1 .parent{overflow:hidden; position:relative; display:table; padding: 15px 0 0 0; display: table; width:100%}
.subpage1 .parent {background:#fff}
.subpage1 .parent2 {background:#fff}
.subpage1 .parent3 {background:#fff}
.subpage1 .parent, .subpage1 .parent2, .subpage1 .parent3 {border-bottom: solid 1px #54d2d2; background: url("../img/blueline-01.png") center bottom repeat-x; padding: 50px 0}
/*.subpage1 .parent3 img, .subpage1 .parent:nth-child(3n+0) img {-webkit-filter: grayscale(100%); filter: grayscale(100%)}*/
/*.subpage1 .parent:nth-child(3n+2) img {-webkit-filter: saturate(80); filter: saturate(80)}*/
.subpage1 .parent-in {max-width: 1220px; padding: 0 20px; margin: 0 auto}
.subpage1 .parent-publications {padding: 0; margin: 0 auto; text-align: center; margin-bottom: 40px; padding-bottom: 40px}
.subpage1 .parent-publications img {width: 600px; height: auto; max-width: 90%}
.subpage1 .parent-publications-detail img {width: auto; height: auto; max-width: 90%}

.subpage1 .right{width:320px; height:100%; vertical-align: middle; display: table-cell; height: 360px}
.subpage1 .right img {position: absolute; bottom: 0; bottom: 30px}

.subpage1 .left{display:table-cell; vertical-align: top}
.subpage1 .left .email, .subpage1 .left .linked-in, .subpage1 .left .telefon {text-align: left; max-width: 350px; float: left; margin: 0 100px 20px 0}
.subpage1 .left .email, .subpage1 .left .telefon {white-space: nowrap}
/*.subpage1 .parent:nth-child(3n+2) .left .email a, .subpage1 .parent:nth-child(3n+2) .left .linked-in a {color: #fff}*/
.our-team .parent .left p {padding-right: 20px; line-height: 160%; font-family: "Open Sans" ,"Helvetica Neue", sans-serif}

.subpage1 .logos {max-width: 1220px; margin: 0 auto}
.subpage1 .parent-publications ul li {text-align: left; font-size: 1em}
.subpage1 .parent-publications p {text-align: left; padding-left: 10px}
.subpage1 .parent-publications-detail {border: none; background: none}
.subpage1 .parent-publications-detail p, .subpage1 .parent-publications-detail ul li, .subpage1 .parent-publications ul li ul li {font-family: "Open Sans" ,"Helvetica Neue", sans-serif}
.subpage1 .parent-publications ul li ul li {font-size: 0.94em}

.animation {margin-top: -250px; overflow: hidden}
#animation-hp {margin-top: auto; overflow: auto; background: url(https://www.smarter.cz/themes/smarter/img/Kolecka2.png); background-repeat: no-repeat; background-size: auto 335px}
.animation-hp {margin-top: 0}
.subpage2-top {height: 100px; text-align: center; background: url(../img/bg_online.jpg) center top no-repeat; background-size: cover; position: relative; z-index: 50}
.subpage2 h1 {color: #000000; padding: 65px 0 0 0; font-size: 2.4rem}
/*.animation #name-h1 {margin-top: -100px}
.animation-hp #name-h1 {margin-top: -2710px}
*/
#name-h1 {position: absolute}
#animation-hp #name-h1 {position: relative;margin-top: 100px}
#animation-hp .homepage-top-in {width: auto}
#animation-hp .homepage-top-clanky {margin-bottom: 60px}
#animation-hp .homepage-top-blocks {padding-bottom: 60px}
#animation-hp .homepage-top-blocks a.button {margin: 30px 5px}
#animation-hp .homepage-top-in h1 {margin-bottom: 40px}

/*.overstage {position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);}*/
/*.animation .name {position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); display: table; margin-top: -200px}*/
/*.animation .name-in {display: table-cell; vertical-align: middle}*/
/*#animation1 {background-color: #54d2d2; /*margin-left: -130px*/


.table-overflow {overflow-x: auto; max-width: 90%; margin: 0 auto}
table.cols-0 {max-width: 1220px; border-collapse: collapse; margin: 0 auto 30px auto}
#block-views-block-kurzy-kurzylist {overflow-x: auto}
.cols-0 tr:nth-of-type(3n - 2) {border-top: solid 2px #dadada}
.cols-0 tr:nth-of-type(3n - 1) {padding-top: 10px}
.cols-0 tr:nth-of-type(3n) {border-bottom: solid 2px #dadada}
.cols-0 tr:first-child {border-top: solid 2px #dadada}
.cols-0 th {display: none}
.cols-0 td {padding: 20px 6px; text-align: left;line-height: 1.5em}
.cols-0 td.views-field, td.views-field-title {display: none}
.cols-0 img.ico-course {margin-top: 5px; display: none}
.cols-0 .course-name {color: #54D2D2; font-weight: 700; min-width: 220px; line-height: 1.25em}
.cols-0 .course-price {text-align: right; min-width: 150px; line-height: 1.25em}
.cols-0 .course-btn {text-align: right; min-width: 150px}
.cols-0 .course-days {text-align: right; min-width: 70px}
.cols-0 .course-date {text-align: right; min-width: 95px}
.cols-0 .course-perex {padding: 15px 0}
.cols-0 .course-perex p {font-family: "Open Sans" ,"Helvetica Neue", sans-serif}
.contextual-region {overflow: auto}

hr {color: #dadada; background-color: #dadada; height: 2px; border: none; max-width: 98%}

.ico-contact {position: fixed; right: 15px; bottom: 15px; z-index: 100002; background-color: red; width: 59px; height: 59px; background: url("../img/ico-contact.png") no-repeat}


.subpage2 ul li {margin-left: 230px}
.target-ico {height: 174px!important; line-height: 174px; margin: 0 60px 15px 65px; float: left}
.opinion-ico {height: 250px!important; line-height: 250px; margin: 0 60px 15px 15px; float: left}
.services-perex-in {margin: 0 0 50px 20px; padding: 0 12px}
.how-ready a h3 {font-size: 1em; margin-left: 60px}
.how-ready1, .how-ready2, .how-ready3, .how-ready4, .how-ready5 {cursor: pointer}
.how-ready1 a, .how-ready2 a, .how-ready3 a, .how-ready4 a, .how-ready5 a {cursor: pointer; display: block; float: left; width: 30%; margin: 0 1.5% 0 1.5%; background: url("../img/bg_ready1.png") left top no-repeat; background-size: 100% 65%; text-decoration: none; color: #000000; box-sizing: border-box; padding: 50px}
.how-ready1 a:hover,.how-ready2 a:hover, .how-ready3 a:hover, .how-ready4 a:hover, .how-ready5 a:hover {color: #FFFFFF; background-image: url("../img/bg_ready1-hover.png"); background-size: 100% 65%}
.how-ready2 a {background: url("../img/bg_ready2.png") left top no-repeat; background-size: 100% 65%}
.how-ready2 a:hover {background-image: url("../img/bg_ready2-hover.png"); background-size: 100% 65%}
.how-ready3 a {background: url("../img/bg_ready3.png") left top no-repeat; background-size: 100% 65%}
.how-ready3 a:hover {background-image: url("../img/bg_ready3-hover.png"); background-size: 100% 65%}
.how-ready4 a {background: url("../img/bg_ready4.png") left top no-repeat; background-size: 100% 65%; padding: 38px 50px 50px 50px}
.how-ready4 a:hover {background-image: url("../img/bg_ready4-hover.png"); background-size: 100% 65%}
.how-ready5 a {background: url("../img/bg_ready5.png") left top no-repeat; background-size: 100% 65%; padding: 38px 50px 50px 50px}
.how-ready5 a:hover {background-image: url("../img/bg_ready5-hover.png"); background-size: 100% 65%}

.spacer {width: 100%; height: 70px}
.bold {font-weight: 900}

.main.say h2 {margin-bottom: 60px}
.say-slider {margin: 0; padding: 0 0 20px 0}
.say-slider li {list-style-type: none}
.say-slider li:after {content: ""; display: block; clear: both}
.say-block-whole {display: block; float: left; width: 30%; margin: 0 1.5% 50px 1.5%; text-align: left}
.say-block-whole.clientssay {width: 80%; margin: 20px 10% 70px 10%; text-align: center}
.say-block {margin-bottom: 10px}
.say-block.sb1 {background: url("../img/say1.png") left top no-repeat; background-size: 100% 100%; min-height: 344px}
.say-block.sb2 {background: url("../img/say2.png") left top no-repeat; background-size: 100% 100%; min-height: 288px}
.say-block.sb3 {background: url("../img/say3.png") left top no-repeat; background-size: 100% 100%; min-height: 310px}
.say-block.sb11 {background: url("../img/say11.png") left top no-repeat; background-size: 100% 100%; min-height: 344px}
.say-block.sb12 {background: url("../img/say12.png") left top no-repeat; background-size: 100% 100%; min-height: 288px}
.say-block.sb13 {background: url("../img/say13.png") left top no-repeat; background-size: 100% 100%; min-height: 310px}
.say-block.sb23 {background: url("../img/say13.png") left top no-repeat; background-size: 100% 100%; min-height: 310px}
/*.say-block.sb23 {background: url("../img/say23.png") left top no-repeat; background-size: 100% 100%; min-height: 310px}*/
#sb11-read-more {cursor: pointer; text-align: center; padding: 0}
#sb11-read-more:lang(cs):before {content: "Číst více..."}
#sb11-read-more:lang(en):before {content: "Read more..."}
#sb11-read-more.off:lang(cs):before {content: "Číst méně..."}
#sb11-read-more.off:lang(en):before {content: "Read less..."}
#sb11-more {display: none}
#sb11-more.on {display: block; line-height: 1.4}

#sb12-read-more {cursor: pointer; text-align: center; padding: 0}
#sb12-read-more:lang(cs):before {content: "Číst více..."}
#sb12-read-more:lang(en):before {content: "Read more..."}
#sb12-read-more.off:lang(cs):before {content: "Číst méně..."}
#sb12-read-more.off:lang(en):before {content: "Read less..."}
#sb12-more {display: none}
#sb12-more.on {display: block; line-height: 1.4}

#sb13-read-more {cursor: pointer; text-align: center; padding: 0}
#sb13-read-more:lang(cs):before {content: "Číst více..."}
#sb13-read-more:lang(en):before {content: "Read more..."}
#sb13-read-more.off:lang(cs):before {content: "Číst méně..."}
#sb13-read-more.off:lang(en):before {content: "Read less..."}
#sb13-more {display: none}
#sb13-more.on {display: block; line-height: 1.4}

#sb23-read-more {cursor: pointer; text-align: center; padding: 0}
#sb23-read-more:lang(cs):before {content: "Číst více..."}
#sb23-read-more:lang(en):before {content: "Read more..."}
#sb23-read-more.off:lang(cs):before {content: "Číst méně..."}
#sb23-read-more.off:lang(en):before {content: "Read less..."}
#sb23-more {display: none}
#sb23-more.on {display: block; line-height: 1.4}
.say-block.sb11.on {background: url("../img/say21.png") left top no-repeat; background-size: 100% 100%; min-height: 310px}
.say-block.sb12.on {background: url("../img/say22.png") left top no-repeat; background-size: 100% 100%; min-height: 310px}
.say-block.sb23.on {background: url("../img/say23.png") left top no-repeat; background-size: 100% 100%; min-height: 310px}


.say-block.sb1 .say-block-in {padding: 38px 40px 90px 40px}
.say-block.sb2 .say-block-in {padding: 38px 40px 110px 40px}
.say-block.sb3 .say-block-in {padding: 38px 40px 100px 40px}
.say-block.sb11 .say-block-in {padding: 38px 40px 90px 40px}
.say-block.sb12 .say-block-in {padding: 38px 40px 110px 40px}
.say-block.sb13 .say-block-in {padding: 38px 40px 100px 40px}
.say-block.sb23 .say-block-in {padding: 38px 40px 100px 40px}
.say-block p {line-height: 1.34; margin: 0}
.say-block p:last-child {margin: 0}
.say-name {line-height: 1.34; margin-left: 40px; font-family: 'blaue_brushregular'}
.say-block-whole.clientssay .say-name {font-style: italic; padding-top: 10px}
.say-block-in p.company {font-weight: 900; margin-bottom: 10px; font-size: 1.2rem}


.contact {position: relative; z-index: 50}
.map {position: relative; z-index: 40}
.map img {display: block; width: 90%; max-width: 1220px; height: auto; margin: 0 auto; left: 5%; position: relative}
.pin {display: inline-block; background: url("../img/pin.png") left top no-repeat; width: 39px; height: 55px; position: absolute; top: 42%; left: 56%}
.contact-over {position: absolute; left: 0; top: 0; width: 100%; z-index: 50}
.contact-in {margin: 0 auto; text-align: left; width: 1170px; padding: 120px 0 60px 0; position: relative; z-index: 50}
.contact-block {width: 370px; min-height: 350px; box-sizing: border-box; background-color: rgba(230,230,230,0.8); text-align: left; position: relative; z-index: 50; margin-top: 140px}
.contact-block-in {position: relative; z-index: 50; padding: 20px}
.contact-block-border {position: absolute; left: -1%; top: -1%; width: 102%; height: 102%; z-index: 45; background: url("../img/contact_border.png") left top no-repeat; background-size: 100% 100%}
.contact-block h3 {line-height: 1.4; margin: 0; font-family: 'blaue_brushregular'; font-size: 1rem; font-weight: normal}
.contact-block p {line-height: 1.6; margin: 0 0 20px 0}
.contact-block a {color: #000000}
.contact-left {display: inline-block; vertical-align: top; width: 95px}
.contact-right {display: inline-block; vertical-align: top; width: 205px}

#kontaktujte-nas {text-align: center; max-width: 650px; margin: 0 auto; padding: 0 20px}
label {float: left; width: 140px}
.select2-container--default, input#edit-name--4, input#edit-pozice-ve-firme--2, input#edit-email--2, input#edit-telefon-phone--2, input#edit-firma--2 {background: #FFF url("../img/form-box-1.png") right top no-repeat; border: none; text-align: left; width: 409px; padding: 0 20px; height: 45px; border-style: none; border-color: Transparent; overflow: none; outline: none; font-family: 'blaue_brushregular', cursive; font-size: 20px; color: #000000; font-weight: 400}
/*input#edit-telefon-phone--2 {width: 449px; padding: 0 0 0 50px}*/
textarea#edit-message--2 {background: #FFF url("../img/form-box-2.png") right top no-repeat; border: none; text-align: left; width: 409px; padding: 15px 20px 0 20px; height: 110px; resize: none; border-style: none; border-color: Transparent; overflow: auto; outline: none; font-family: 'blaue_brushregular', cursive; font-size: 20px; color: #000000; font-weight: 400}
.form-item-name, .form-item-pozice-ve-firme, .form-item-email, .form-item, .js-form-item-kurz- {margin: 0 0 10px 0}
select.js-webform-select2, .js-webform-select2 select, .webform-select2, select#edit-kurz---2 {background: #FFF url("../img/form-box-1.png") right top no-repeat; border: none; text-align: left; padding: 0 20px; height: 45px; border-style: none; border-color: Transparent; overflow: none; outline: none; font-family: 'blaue_brushregular', cursive; font-size: 20px; color: #000000; font-weight: 400}
.select2-container--default .select2-selection--single {border: none; margin-top: 7px}
.select2-container--default .select2-selection--single .select2-selection__arrow b {margin-top: 8px}
.select2-container--default {overflow: none}
.select2-search__field {display: none}
.select2-container--classic.select2-container--open .select2-dropdown {border: none}
.select2-container--classic .select2-results__option--highlighted[aria-selected] {background-color: #54d2d2}
.select2-container--classic.select2-container--open .select2-dropdown {border-color: #54d2d2}
*:focus {outline: none}
.select2-container--classic .select2-selection--single:focus, .select2-container--classic .select2-selection--multiple:focus {border: none}
.subpage2 ul li.country {margin-left: 10px}
.webform-button--submit, .selected-flag {border-style: none; border-color: Transparent; overflow: auto; outline: none}
span.select2-container--default {width: 449px !important}

.subpage1 #co-rikaji-zakaznici ul li {list-style-type: none; margin-left: 0px; background: none; padding-left: 10px}
.subpage1 #co-rikaji-zakaznici ul.rslides_tabs li:first-child {margin-left: 35%}

.footer {background-color: #54D2D2}
.footer-in {margin: 0 auto; text-align: center; width: 1220px; position: relative; z-index: 50; padding: 160px 0}
.up {display: inline-block; position: absolute; right: 38px; bottom: 0; background: url("../img/up-cz.png") left top no-repeat; width: 83px; height: 112px}
.up:lang(cs) {background: url("../img/up-cz.png") left top no-repeat}
.up:lang(en) {background: url("../img/up-en.png") left top no-repeat}
.copyright, .copyright2 {color: #ffffff; font-family: 'blaue_brushregular'; line-height: 1.4; padding: 0 30px}
.copyright2 {margin-top: 20px}
.copyright2 a {color: #000}
.copyright img {margin: 0 20px}

form#user-login-form--2, form#user-pass {width: 350px; margin: 0 auto; background: url("../img/smarter-logo.png") center top no-repeat #ccc; padding: 20px; padding-top: 80px; margin-top: 20px}
form#user-login-form--2 div, form#user-pass div {padding: 5px 0}
form#user-login-form--2 input, form#user-pass input {border: 0; height: 24px; width: 300px; padding: 5px}
form#user-login-form--2 input.button, form#user-pass input.button {padding: 10px 15px; height: 40px;cursor: pointer}
form#user-login-form--2 label, form#user-pass label {width: 100%; line-height: 120%}

a.black {color: #000}
div.result-empty {font-size: 20px; margin-bottom: 80px}

@media(max-width: 1380px){
  .map {overflow: hidden; height: 760px; width: 100%; position: relative}
  .map img {width: 80%; display: block; position: absolute; top: 50%; left: 60%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);}
  .contact-in {padding: 50px 0}
  /*.animation #name-h1 {margin-top: -200px}
  .animation-hp #name-h1 {margin-top: -2710px}*/
}

@media(max-width: 1260px){
  .footer-in, .contact-in, .main, .about-us-in, .how-work-in, .opinion-in, .online-in {width: 94%}
  .man {position: relative; margin: 0 auto; top: auto; right: auto; background: url("../img/man_small.png") center top no-repeat; width: auto; height: 336px}
  .button-video-whole {position: absolute; left: 0; bottom: 120px; text-align: center; height: 85px; z-index: 47; width: 100%}
  .button-video {background-size: 100% auto; width: 85px; height: 85px; position: relative; right: auto; top: auto}
  .about-us-left {margin: 0 auto}
  .about-us-left ul {min-height: 0}
  .how-blocks a h3 {font-size: 1.5rem; height: 76px}
  .how-ready a h3 {font-size: 1rem; margin-left: 45px}
  .how-ready1 a, .how-ready2 a, .how-ready3 a {padding: 25px 35px 50px 50px}
  .how-ready4 a, .how-ready5 a {padding: 25px 35px 50px 50px}
  /*.animation {margin-top: -150px}
  .animation-hp {margin-top: 0} */
}

@media(max-width: 1040px){
  .how-blocks a {float: none; width: 370px; display: inline-block; vertical-align: top; margin: 0 13px 30px 13px}
  .how-ready a {margin: 0; height: 200px; padding-top: 50px}
  .homepage-top-in {width: 94%}
  h1 {font-size: 3rem}
  .homepage-top-block {float: left; width: 26%}
  .homepage-top-blocks .homepage-top-block:first-child {margin-right: 5%}
  .homepage-top-blocks .homepage-top-block:last-child {margin-left: 5%}
  /*.animation-hp #name-h1 {margin-top: -2910px}*/

@media(max-width: 1110px){
  .say-block.sb1 .say-block-in {padding: 28px 30px 80px 30px}
  .say-block.sb2 .say-block-in {padding: 28px 30px 100px 30px}
  .say-block.sb3 .say-block-in {padding: 28px 30px 90px 30px}
  .say-block-whole {margin: 0 1% 50px 1%; width: 31%}
}

@media(max-width: 1030px){
  .say-slider li {text-align: center}
  .say-block-whole {margin: 0 1% 50px 1%; width: 47%; float: none; display: inline-block; vertical-align: bottom}
  /*.animation {margin-top: -150px}
  .animation-hp {margin-top: 0}
  .animation #name-h1 {margin-top: -250px}
  .animation-hp #name-h1 {margin-top: -3060px}*/
}

@media(max-width: 970px){
  .service-block {width: 45%; margin: 0 2%; display: inline-block; vertical-align: top; float: none}
  .subpage1 .right img {position: relative; margin-top: 15px}
}

@media(max-width: 910px){
  .copyright {font-size: 2.5rem}
  .why-block {width: 48%; margin-bottom: 60px}
  .fix-tablet {clear: both}
  /*.animation-hp #name-h1 {margin-top: -3260px}*/
  .how-blocks-articles a { width: 100%}
}

@media(max-width: 870px){
  h1 {font-size: 2.5rem; margin-bottom: 80px}
  .homepage-top-block h2 {font-size: 1.5rem}
  .map {height: 950px}
  .map img {top: 70%; left: 50%; width: 100%}
  .contact-in {padding-top: 30px}
  .contact-block {margin: 0 auto; min-height: 0; width: auto; max-width: 370px}
  .contact-block-in {padding: 20px 20px 10px 20px}
  .contact-block p {margin-bottom: 15px}
  .animation-hp #name-h1 {margin-top: -3460px}
  .contact-over {top: 170px}
}

@media(max-width: 810px){
  .map {height: 850px}
  .pin {top: 62%; left: 49%; width: 26px; height: 37px; background-size: 100% auto}
  /*.animation #name-h1 {margin-top: -300px}
  .animation-hp #name-h1 {margin-top: -3760px}*/
}

@media(max-width: 690px){
  .say-block-whole {margin: 0 auto 50px auto; width: auto; float: none; display: block; max-width: 370px}
  .main h2, .how-work h2, .about-us h2, .subpage h2, .subpage1 h2, .subpage2 h2 {font-size: 1.7rem; line-height: 3rem}
  h1 {font-size: 2rem; margin-bottom: 60px; margin: 0 20px}
  .homepage-top-block {float: none; width: auto}
  .homepage-top-blocks .homepage-top-block:first-child {margin-right: 0}
  .homepage-top-blocks .homepage-top-block:last-child {margin-left: 0}
  .menu-logo {position: relative; left: 30px; top: 17px}
  .map {height: 850px}
  .subpage1 h2 {margin: 0 20px 20px 20px}
  .subpage1 .right{width:100%; height:100%; display:initial}
  .subpage1 .left{display:initial; vertical-align: top}
  .subpage2 ul, .opinion ul {padding-left: 0; margin: 20px}
  .services-perex-in {margin: 0 20px 50px 0}
  .our-team {text-align: center; max-width: 85%}
  .our-team .parent {margin-bottom: 20px}
  .our-team .parent .left p {text-align: left}
  .subpage1 .left .linked-in {margin-bottom: 30px}
  .subpage1 .left .email, .subpage1 .left .linked-in, .subpage1 .left .telefon {margin-right: 0px}
  .subpage1 .parent-in {padding: 0}
  /*.animation {margin-top: 0px}
  .animation #name {margin-top: -300px}
  .animation-hp #name-h1 {margin-top: -3660px}*/
  .contact-over {top: 105px}
  .visualisation-inside {min-height: 220px}
}

@media(max-width: 630px){
  .animation-hp #name-h1 {margin-top: -3780px}
}

@media(max-width: 560px){
  .service-block {width: auto; margin: 0 auto; display: block}
  label {float: left; width: 120px; text-align: left}
  .select2-container--default, input#edit-name--4, input#edit-pozice-ve-firme--2, input#edit-email--2, input#edit-telefon-phone--2, input#edit-firma--2, span.select2-container--default {background: #FFF url("../img/form-box-1b.png") right top no-repeat; border: none; text-align: left; width: 232px; padding: 0 20px; height: 45px; border-style: none; border-color: Transparent; overflow: auto; outline: none}
  span.select2-container--default {width: 272px !important; overflow: visible}
  select.js-webform-select2, .js-webform-select2 select, .webform-select2, select#edit-kurz---2 {background: #FFF url("../img/form-box-1b.png") right top no-repeat}
  /*input#edit-telefon-phone--2 {width: 272px; padding: 0 0 0 50px}*/
  .select2-container--default {width: 272px; overflow: initial}
  select.js-webform-select2, .js-webform-select2 select, .webform-select2, select#edit-kurz---2 {width: 272px}
  textarea#edit-message--2 {background: #FFF url("../img/form-box-2b.png") right top no-repeat; border: none; text-align: left; width: 232px; padding: 15px 20px 0 20px; height: 110px; resize: none; border-style: none; border-color: Transparent; overflow: auto; outline: none}
  /*.animation-hp #name-h1 {margin-top: -4050px}*/
  #nase-sluzby .service-block {width: 90%}
}

@media(max-width: 480px){
  /*.animation-hp #name-h1 {margin-top: -3990px}*/
}

@media(max-width: 480px){
  html {font-size: 17px}
  .footer-in {padding: 120px 0 135px 0; width: 92%}
  .contact-in, .main, .about-us-in, .how-work-in, .homepage-top-in, .opinion-in, .online-in {width: 92%}
  .copyright {font-size: 1.6rem}
  .up {width: 57px; height: 78px; background-size: 100% auto}
  .contact-block p {margin-bottom: 10px}
  .contact-right {width: 160px}
  .contact-block {background-size: 100% auto}
  .main, .how-work-in, .opinion-in {padding: 40px 0 20px 0}
  .main h2, .how-work h2, .about-us h2, .main.say h2, .main.services h2, .main.contact h2 {font-size: 1.7rem; margin-bottom: 25px}
  .map {height: 650px}
  .say-block {min-height: 0 !important}
  .say-block.sb1 .say-block-in {padding: 18px 20px 60px 20px}
  .say-block.sb2 .say-block-in {padding: 18px 20px 80px 20px}
  .say-block.sb3 .say-block-in {padding: 18px 20px 70px 20px}
  .say-name {margin-left: 20px}
  .say-block-whole {margin-bottom: 40px; -ms-transform: scale(0.95); /* IE 9 */ -webkit-transform: scale(0.95); /* Safari */ transform: scale(0.95)}
  .slider-nav {padding-bottom: 40px}
  .slider-nav a {width: 18px; height: 19px; background-size: 100% auto}
  .about-us-in, .online-in {padding: 40px 0 30px 0}
  .about-us-left h3 {margin-bottom: 15px; font-size: 0.9rem}
  .about-us-left ul li {margin-bottom: 10px; padding-left: 20px; background-position: left 10px}
  .services-perex p {line-height: 1.7; margin: 0 0 40px 0; font-size: 0.9rem}
  .service-block {padding-bottom: 35px}
  .service-block h3 {font-size: 1.2rem; margin-bottom: 10px}
  .service-block p {margin: 0 0 8px 0}
  .how-blocks a {width: auto; max-width: 300px; margin: 0 0 10px 0; padding: 25px}
  .how-blocks a h3, .how-blocks a p {height: auto; overflow: visible}
  .how-button {font-size: 0.7rem; width: 130px; min-height: 34px; padding: 10px 10px}
  .how-ready a {width: 100%; height: 200px; padding-top: 50px}
  .button {width: 200px; min-height: 45px; font-size: 0.8rem; padding: 10px; margin-bottom: 6px}
  .logos a {max-width: 28%; margin: 0 2% 30px 2%}
  .why-block {margin-bottom: 40px}
  .why-ico {height: 95px; line-height: 95px; margin-bottom: 15px}
  .why-ico img {max-width: 75%}
  .target-ico, .course-ico {margin: 0 15px 15px 10px; float: none; display: block; clear: both}
  .subpage1 ul li, .subpage2 ul li {margin-left: 0}
  .why-block p {font-size: 0.85rem}
  .main.why .button {margin-bottom: 60px}
  .head-in {padding: 17px}
  .homepage-top-in {padding: 100px 0 20px 0}
  .homepage-top-block {padding-bottom: 10px}
  h1 {margin-bottom: 40px; font-size: 1.8rem}
  .logo {width: 150px; height: 45px; background-size: 100% auto}
  .menu-link, .menu-home, .menu-en {width: 30px; height: 25px; background-size: 100% auto}
  .menu-home {margin-top: 16px; right: 60px}
  .menu-en {right: 100px; visibility: hidden}
  .menu li {text-align: left}
  .menu li a {text-align: left}
  .menu-close {right: 16px}
  .menu-logo {left: 17px; top: 17px; margin-bottom: 20px}
  .homepage-top-in h1 {margin-bottom: 10px}
  div.homepage-top-blocks:nth-of-type(2) {margin-top: -50px}
  /*.animation-hp #name-h1 {margin-top: -3060px;}*/
}

@media handheld {
  ::-webkit-scrollbar {display: none}
}