@font-face {
  font-family: "Cinzel";
  src: url("/wp-content/themes/bootstrap-basic/fonts");
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: local(''), url('../fonts/open-sans-v27-latin-ext_latin-300.woff2') format('woff2'), url('../fonts/open-sans-v27-latin-ext_latin-300.woff') format('woff'), url('../fonts/open-sans-v27-latin-ext_latin-300.ttf') format('truetype');
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local(''), url('../fonts/open-sans-v27-latin-ext_latin-regular.woff2') format('woff2'), url('../fonts/open-sans-v27-latin-ext_latin-regular.woff') format('woff'), url('../fonts/open-sans-v27-latin-ext_latin-regular.ttf') format('truetype');
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: local(''), url('../fonts/open-sans-v27-latin-ext_latin-600.woff2') format('woff2'), url('../fonts/open-sans-v27-latin-ext_latin-600.woff') format('woff'), url('../fonts/open-sans-v27-latin-ext_latin-600.ttf') format('truetype');
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: local(''), url('../fonts/open-sans-v27-latin-ext_latin-700.woff2') format('woff2'), url('../fonts/open-sans-v27-latin-ext_latin-700.woff') format('woff'), url('../fonts/open-sans-v27-latin-ext_latin-700.ttf') format('truetype');
}
@font-face {
  font-family: "Cinzel";
  src: url("/wp-content/themes/bootstrap-basic/fonts");
}
body {
  font-family: 'Open Sans', sans-serif;
  color: #575656;
  font-size: 18px;
  min-height: 100vh;
}
body > .page-container {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}
body > .page-container > #content {
  flex-grow: 1;
}
body > .page-container > #site-footer svg.main-,
body > .page-container > #site-footer svg.ref-svg {
  height: 100%;
}
.row {
  margin-left: 0;
  margin-right: 0;
}
.row-with-vspace {
  margin-bottom: 0;
}
.container {
  width: 1200px;
  padding-left: 0;
  padding-right: 0;
}
.entry-header {
  display: none;
}
.page-template-default article,
.page-template-Subpage article,
.page-template-Novinky article {
  padding-top: 0!important;
}
.page-template-default .entry-header,
.page-template-Subpage .entry-header,
.page-template-Novinky .entry-header {
  position: relative;
  display: block;
}
.page-template-default .entry-header .header-svg,
.page-template-Subpage .entry-header .header-svg,
.page-template-Novinky .entry-header .header-svg {
  position: absolute;
  top: 0;
  left: 0;
}
.page-template-default .entry-header h1,
.page-template-Subpage .entry-header h1,
.page-template-Novinky .entry-header h1 {
  position: relative;
  color: #FFF;
  padding-top: 30px;
}
.page-template-Subpage .entry-header h1 {
  line-height: 60px;
}
.page-template-default .entry-header.contact-header,
.page-template-Subpage .entry-header.contact-header,
.page-template-Novinky .entry-header.contact-header {
  margin-bottom: 100px;
}
.page-template-default .entry-content,
.page-template-Novinky .entry-content {
  padding-top: 75px;
}
.page-template-Subpage .entry-content {
  padding-top: 100px;
}
article ul {
  padding-left: 25px;
  margin-top: 10px;
  margin-bottom: 20px;
}
article h2 {
  margin-bottom: 15px;
  margin-top: 45px;
}
article h3 {
  color: #30a435;
}
article .dlazdice h3 {
  color: #FFF;
}
.page-id-16 .entry-header {
  padding-top: 0;
}
a {
  color: #30a435;
}
a:hover {
  color: #575656;
  text-decoration: none;
}
a:focus {
  color: #30a435;
  text-decoration: none;
}
p {
  line-height: 28px;
}
h1 {
  font-size: 50px;
  font-weight: 700;
  line-height: 80px;
  text-transform: uppercase;
  margin-bottom: 0;
}
h2 {
  font-size: 36px;
  font-weight: 700;
  line-height: 60px;
  margin-top: 0;
  margin-bottom: 30px;
  text-transform: uppercase;
  color: #30a435;
}
.home h2 {
  margin-bottom: 0;
}
h3 {
  font-size: 24px;
  font-weight: 700;
  line-height: 24px;
}
.home .main-header {
  margin-bottom: 0px;
}
.home #content {
  padding-top: 0;
}
#content {
  padding-top: 90px;
}
#main-column .page,
#main-column .post {
  border: none;
  padding-left: 0;
  padding-right: 0;
}
.main-header {
  box-shadow: 0px 0px 35px 0px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 0px 0px 35px 0px rgba(0, 0, 0, 0.5);
  margin-bottom: 50px;
  background: #FFF;
  z-index: 100;
  position: fixed;
  width: 100%;
  transition: 0.5s all linear;
}
.main-header .site-branding {
  padding-left: 35px;
  padding-right: 35px;
  margin-bottom: 0;
}
.main-header .page-header-top-right {
  margin-top: 0;
  padding-top: 22px;
  text-align: right;
  padding-left: 0;
  transition: 0.5s all linear;
}
.main-header .page-header-top-right .header-write-us i {
  display: none;
}
.main-header .page-header-top-right .header-fb {
  display: inline-block;
  padding-top: 14px;
  margin-left: 14px;
  margin-right: 0;
}
.main-header .page-header-top-right .header-fb .fa {
  font-size: 36px;
  position: relative;
  bottom: 2px;
}
.main-header .page-header-top-right .header-number {
  font-size: 20px;
  font-weight: 600;
  float: none;
  display: inline-block;
  color: #30a435;
  margin-right: 10px;
}
.blog-container {
  padding: 40px 0 150px;
}
.blog-container .panel.panel-default {
  width: 20%;
  min-width: 280px;
  margin-top: 0;
  margin-bottom: 0;
}
.blog-container .panel.panel-default th,
.blog-container .panel.panel-default td {
  text-align: center;
}
.blog-container hr {
  border-top: 1px solid #30a435;
}
.blog-container h1 {
  color: #30a435;
  font-size: 40px;
  margin-top: 0;
  line-height: 55px;
  margin-bottom: 10px;
}
.blog-container h2 {
  color: #30a435;
  font-size: 22px;
  line-height: 28px;
  margin: 12px 0;
}
.blog-container h2 .no-break {
  white-space: nowrap;
}
.blog-container p {
  text-align: justify;
}
@media (max-width: 767px) {
  .blog-container p {
    text-align: initial;
  }
}
.blog-container .blog-image-link {
  margin: 0 0 10px;
  display: inline-block;
  border: 1px solid #575656;
  max-width: 100%;
}
.blog-container .blog-image-link br {
  display: none;
}
.blog-container .blog-image-link img {
  width: 100%;
  height: auto;
}
.blog-container .main-list {
  font-size: 22px;
  color: #30a435;
  font-weight: bold;
}
.blog-container ul li {
  margin-bottom: 15px;
  position: relative;
  list-style-type: none;
  text-align: justify;
}
@media (max-width: 767px) {
  .blog-container ul li {
    text-align: initial;
  }
}
.blog-container ul li:before {
  content: '\f054';
  font-family: FontAwesome;
  display: inline-block;
  color: #30a435;
  position: absolute;
  left: -25px;
  top: 2px;
}
.blog-container ul li .full-width-li {
  display: block;
  margin-bottom: 10px;
}
.blog-container .page-template-Novinky .entry-header h1 {
  margin-top: 0;
}
.blog-container .blog-link-holder {
  position: relative;
  margin: 40px 0 80px;
}
.blog-container .blog-link-holder .blog-link {
  position: absolute;
  left: 0;
  max-width: 280px;
  font-weight: 700;
}
.blog-container .blog-link-holder .blog-link a::before {
  content: '\f054';
  font-family: FontAwesome;
  display: inline-block;
  color: #30a435;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: -25px;
}
.blog-container .blog-link-holder .prev-blog-link {
  left: 25px;
}
.blog-container .blog-link-holder .prev-blog-link a::before {
  content: '\f053';
  left: -25px;
  right: initial;
}
.blog-container .blog-link-holder .next-blog-link {
  left: initial;
  right: 25px;
  text-align: right;
}
@media (max-width: 991px) {
  .blog-container {
    padding: 40px 0 90px;
  }
}
@media (max-width: 767px) {
  .blog-container {
    padding: 40px 0 70px;
  }
  .blog-container .student-table table tbody td:nth-child(2) {
    min-width: initial;
  }
  .blog-container h1 {
    font-size: 30px;
    line-height: 40px;
  }
  .blog-container ol {
    padding-left: 28px;
    padding-right: 28px;
  }
  .blog-container .panel.panel-default {
    min-width: 260px;
  }
  .blog-container .blog-link-holder {
    display: none;
  }
}
.post-template-Blog header .navbar.navbar-default .dropdown-toggle {
  color: #30a435;
  border-bottom: 2px solid #30a435;
}
.post-template-Blog header .navbar.navbar-default .sub-menu.dropdown-menu li:last-child a {
  color: #30a435;
}
@media screen and (max-width: 991px) {
  .post-template-Blog header .navbar.navbar-default .sub-menu.dropdown-menu li:last-child a {
    color: white;
    border-bottom: 2px solid white;
  }
}
.page-template-Novinky.page-template-blog .entry-title {
  margin-top: 0;
}
@media (max-width: 991px) {
  .page-template-Novinky.page-template-blog .entry-content {
    padding-top: 20px;
  }
}
.novinky.blog p {
  text-align: justify;
}
.novinky.blog a {
  margin-top: 35px;
  line-height: 45px;
  margin-bottom: 15px;
  text-transform: unset;
  font-size: 36px;
  font-weight: 700;
  text-transform: uppercase;
  color: #30a435;
  display: inline-block;
  transition: all 0.3s ease-in;
}
.novinky.blog a:hover {
  color: #575656;
}
@media (max-width: 767px) {
  .novinky.blog a {
    text-align: initial;
  }
}
.novinky.blog .col-md-7.blog-text-holder {
  padding-top: 0;
}
.novinky.blog .col-md-7.blog-text-holder .ref-content {
  padding-top: 0;
  text-align: justify;
  font-size: 22px;
}
@media (max-width: 767px) {
  .novinky.blog .col-md-7.blog-text-holder .ref-content {
    text-align: initial;
  }
}
.novinky.blog .col-md-7.blog-text-holder .ref-content-heading {
  color: #30a435;
  display: block;
  font-size: 36px;
  text-transform: uppercase;
  font-weight: 700;
  margin-bottom: 10px;
  text-align: initial;
  line-height: 45px;
}
@media (min-width: 992px) {
  .novinky.blog .col-md-7.blog-text-holder {
    padding-left: 35px;
  }
}
@media (max-width: 991px) {
  .novinky.blog .col-md-5.blog-image-holder {
    padding-top: 15px;
    margin-bottom: 25px;
    padding-right: 0;
  }
}
.novinky.blog .col-md-12.blog-text-holder {
  padding-top: 0;
}
.novinky.blog .col-md-12.blog-text-holder .main-btn {
  line-height: 48px;
  font-size: 18px;
}
.novinky.blog .col-md-12.blog-text-holder .main-btn:hover {
  color: white;
}
@media (max-width: 550px) {
  .novinky.blog .col-md-12.blog-text-holder .main-btn {
    line-height: 30px;
  }
}
.novinky.blog .col-md-12.blog-text-holder .ref-content {
  text-align: justify;
}
@media (max-width: 767px) {
  .novinky.blog .col-md-12.blog-text-holder .ref-content {
    text-align: initial;
  }
}
.novinky.blog .col-md-12.blog-text-holder .ref-content p {
  margin-bottom: 0;
}
.novinky.blog .col-md-12.blog-text-holder .ref-content.bigger-text {
  font-size: 22px;
}
@media (max-width: 991px) {
  .novinky.blog .col-md-12.blog-text-holder .ref-content.bigger-text {
    padding-top: 0;
  }
}
@media (max-width: 1199px) {
  .main-header .page-header-top-right .header-number {
    margin-right: 0;
  }
}
.main-header .page-header-top-right .header-number a {
  color: #30a435;
}
.main-header .page-header-top-right .header-number a:hover {
  color: #575656;
}
.main-header .page-header-top-right .header-number .fa {
  font-size: 36px;
  display: inline-block;
  margin-right: 10px;
}
.main-header .page-header-top-right .header-number span {
  position: relative;
  bottom: 6px;
}
.main-header .page-header-top-right .main-btn {
  float: right;
}
.main-header .logo {
  text-align: left;
  transition: 0.5s all linear;
}
.main-header .logo img {
  width: 222px;
  transition: 0.5s all linear;
}
.main-header.myfixedHeader .logo img {
  width: 150px;
  transition: 0.5s all linear;
}
.main-header.myfixedHeader .navbar-default {
  padding-top: 9px;
}
.main-header.myfixedHeader .page-header-top-right {
  padding-top: 9px;
}
.main-header .navbar-default {
  border: none;
  background: transparent;
  box-shadow: none;
  padding-top: 25px;
  margin-bottom: 0;
  text-align: center;
  transition: 0.5s all linear;
}
.main-header .navbar-default .navbar-collapse {
  padding-right: 0;
  padding-left: 35px;
}
.main-header .navbar-default .navbar-collapse > ul {
  float: none;
  display: inline-block;
}
.main-header .navbar-default .navbar-nav li {
  padding-left: 15px;
  padding-right: 15px;
}
.main-header .navbar-default .navbar-nav li.active a,
.main-header .navbar-default .navbar-nav li.current-menu-parent a {
  background: transparent;
  color: #30a435;
  box-shadow: none;
  border-bottom: 2px solid #30a435;
}
.main-header .navbar-default .navbar-nav li.active a:hover,
.main-header .navbar-default .navbar-nav li.current-menu-parent a:hover {
  background: transparent;
  color: #30a435;
  box-shadow: none;
  border-bottom: 2px solid #30a435;
}
.main-header .navbar-default .navbar-nav li a {
  font-size: 17px;
  padding-left: 10px;
  padding-right: 10px;
  color: #575656;
  padding-bottom: 13px;
  text-transform: uppercase;
  font-weight: 700;
}
@media screen and (min-width: 992px) {
  .main-header .navbar-default .navbar-nav li a {
    font-size: 13px;
  }
}
@media screen and (min-width: 1200px) {
  .main-header .navbar-default .navbar-nav li a {
    font-size: 14px;
    padding-left: 5px;
    padding-right: 5px;
  }
}
@media screen and (min-width: 1400px) {
  .main-header .navbar-default .navbar-nav li a {
    font-size: 16px;
    padding-left: 7px;
    padding-right: 7px;
  }
}
@media screen and (min-width: 1600px) {
  .main-header .navbar-default .navbar-nav li a {
    font-size: 17px;
    padding-left: 5px;
    padding-right: 5px;
  }
}
.main-header .navbar-default .navbar-nav li a:hover {
  color: #30a435;
  border-bottom: 2px solid #30a435;
}
.main-header .navbar-default .navbar-nav li a .caret {
  display: none;
}
.main-header .navbar-default .navbar-nav li.open a,
.main-header .navbar-default .navbar-nav li.open a:focus {
  background: transparent;
  color: #30a435;
  box-shadow: none;
  border-bottom: 2px solid #30a435;
}
.main-header .navbar-default .navbar-nav li.open a:hover,
.main-header .navbar-default .navbar-nav li.open a:focus:hover {
  background: transparent;
  color: #30a435;
  box-shadow: none;
  border-bottom: 2px solid #30a435;
}
.main-btn {
  display: inline-block;
  border: 2px solid #30a435;
  font-size: 18px;
  font-weight: 600;
  color: #30a435;
  height: 50px;
  line-height: 48px;
  padding-left: 23px;
  padding-right: 23px;
  text-transform: uppercase;
  border-radius: 10px;
  cursor: pointer;
}
.main-btn:hover {
  background: #30a435;
  color: #FFF;
}
.main-btn:focus {
  text-decoration: none;
}
.main-btn.btn-active {
  background: #30a435;
  color: #FFF;
}
.main-btn-inverse {
  display: inline-block;
  border: 2px solid #FFF;
  font-size: 18px;
  font-weight: 600;
  color: #FFF;
  height: 50px;
  line-height: 48px;
  text-transform: uppercase;
  border-radius: 10px;
  text-align: center;
  width: 200px;
}
.main-btn-inverse:hover {
  background: #FFF;
  color: #30a435;
}
.hp-guide {
  position: fixed;
  right: 30px;
  top: 40vh;
  z-index: 100;
}
.hp-guide a {
  display: block;
  height: 20px;
  width: 20px;
  margin-top: 30px;
  margin-bottom: 30px;
  border: 2px solid #808080;
  border-radius: 100%;
  background: transparent;
}
.hp-guide a.mPS2id-highlight {
  background: #808080;
}
.hp-guide a:hover {
  background: #FFF;
  border-color: #129f39;
}
.hp-guide .green-tooltip + .tooltip > .tooltip-inner {
  background: #129f39;
  color: #FFF;
  font-size: 18px;
  font-weight: 400;
  letter-spacing: 0.5px;
  width: auto;
  white-space: nowrap;
  padding-top: 7px;
  padding-bottom: 7px;
  margin-right: 7px;
  padding-left: 25px;
  padding-right: 15px;
}
.hp-guide .green-tooltip + .tooltip > .tooltip-arrow {
  border-left-color: #30a435;
  margin-right: 7px;
}
.intro {
  color: #FFF;
  text-align: center;
  background: url('/wp-content/themes/bootstrap-basic/img/uvod-img.jpg') no-repeat;
  background-size: cover;
  padding-top: 12%;
  padding-bottom: 50px;
  padding-left: 0px;
  padding-right: 0px;
  height: calc(100vh - 0px);
  position: relative;
}
.intro .intro-ref {
  position: absolute;
  bottom: 0px;
  left: 0;
  right: 0;
}
.intro #bgvid {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  opacity: 0.1;
  z-index: 1;
}
.intro h1 {
  padding-bottom: 30px;
  position: relative;
  margin-top: 0;
}
.intro h1:after {
  content: '';
  background: #FFF;
  width: 170px;
  height: 1px;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}
.intro h2 {
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 300;
  display: inline-block;
  padding-left: 15px;
  padding-right: 15px;
  color: #FFF;
  text-transform: none;
}
.intro h2:last-child {
  display: block;
}
.intro h3 {
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 30px;
}
.intro .intro-content {
  padding-bottom: 100px;
  padding-top: 30px;
  text-align: center;
}
.intro .link-reference {
  width: 65px;
  height: 65px;
  border-radius: 100%;
  line-height: 62px;
  text-align: center;
  border: 2px solid #FFF;
  margin: auto;
  font-size: 30px;
  display: block;
  color: #FFF;
}
.intro .link-reference:hover {
  color: #30a435;
  background: #FFF;
}
.intro .intro-background {
  position: relative;
  z-index: 10;
  width: 1200px;
  margin: auto;
  height: 100%;
}
.reference-content {
  background-size: 50%;
  background-repeat: no-repeat;
}
.reference {
  height: calc(100vh - 68px);
  position: relative;
  z-index: 10;
  background-image: -webkit-gradient(linear, left bottom, right top, color-stop(0, #61BF1D), color-stop(1, #00973F));
  background-image: -o-linear-gradient(right top, #61BF1D 0%, #00973F 100%);
  background-image: -moz-linear-gradient(right top, #61BF1D 0%, #00973F 100%);
  background-image: -webkit-linear-gradient(right top, #61BF1D 0%, #00973F 100%);
  background-image: -ms-linear-gradient(right top, #61BF1D 0%, #00973F 100%);
  background-image: linear-gradient(to right top, #61BF1D 0%, #00973F 100%);
}
.dlazdice:first-child .dlazdice-content {
  padding-top: 30px;
}
.dlazdice:first-child .dlazdice-content .truncate {
  float: right;
  margin-top: 20px;
  overflow: hidden;
}
.dlazdice:first-child .dlazdice-content .truncate p {
  float: none;
  margin-top: 0;
}
.dlazdice .dlazdice-content {
  padding-top: 30px;
}
.dlazdice .dlazdice-content .truncate {
  float: right;
  margin-top: 20px;
  overflow: hidden;
}
.dlazdice .dlazdice-content .truncate p {
  float: right;
  margin-top: 0;
}
.reference-page {
  height: calc(100vh - 280px);
}
.reference-page img {
  width: 100%;
}
.reference-page .dlazdice .dlazdice-img {
  position: relative;
  background-position: left top;
  background-repeat: no-repeat;
  background-size: cover;
}
.reference-page .dlazdice .dlazdice-img span {
  position: absolute;
  display: block;
  padding-left: 60px;
  padding-top: 30px;
}
.reference-page .dlazdice:first-child .dlazdice-content {
  padding-top: 30px;
}
.reference-page .dlazdice:first-child .dlazdice-content .truncate {
  float: right;
  overflow: hidden;
}
.reference-page .dlazdice:first-child .dlazdice-content .truncate p {
  float: none;
}
.reference-page .dlazdice .dlazdice-content {
  padding-top: 30px;
}
.reference-page .dlazdice .dlazdice-content .truncate {
  float: right;
  overflow: hidden;
}
.reference-page .dlazdice .dlazdice-content .truncate p {
  float: none;
}
.dlazdice-img-in {
  position: absolute;
  left: 60px;
  top: 100px;
  right: 0;
  bottom: 0;
  background-repeat: no-repeat;
  background-size: cover;
}
.klido .dlazdice-img {
  background: url('/wp-content/uploads/2017/08/480-1000-opportunus.jpg') center top no-repeat;
  background-size: cover;
}
.mnd .dlazdice-img {
  background: url('/wp-content/themes/bootstrap-basic/img/mnd.jpg') center top no-repeat;
  background-size: cover;
}
.dobrovsky .dlazdice-img {
  background: url('/wp-content/themes/bootstrap-basic/img/dobrovsky.jpg') center no-repeat;
  background-size: cover;
}
.rigips .dlazdice-img {
  background: url('/wp-content/themes/bootstrap-basic/img/rigips.jpg') center no-repeat;
  background-size: cover;
}
.luvra .dlazdice-img {
  background: url('/wp-content/themes/bootstrap-basic/img/hp_luvra.jpg') center no-repeat;
  background-size: cover;
}
.zasilkovna .dlazdice-img {
  background: url('/wp-content/themes/bootstrap-basic/img/zasilkovna-notebook.jpg') center no-repeat;
  background-size: cover;
}
.dlazdice {
  padding-left: 0;
  padding-right: 0;
  position: relative;
  display: block;
  height: 50%;
  overflow: hidden;
}
.dlazdice.dlazdice-first {
  height: 60%;
}
.dlazdice.zasilkovna {
  height: 40%;
  position: absolute;
  left: 0;
  bottom: 0;
}
.dlazdice .dlazdice-wrapper {
  transition: all 0.8s ease-in-out;
  height: 100%;
}
.dlazdice img {
  width: 100%;
}
.dlazdice .dlazdice-content {
  color: #FFF;
  padding-top: 60px;
  padding-right: 65px;
  padding-left: 50px;
  padding-right: 50px;
  position: relative;
  text-align: right;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  background-image: -webkit-gradient(linear, left bottom, right top, color-stop(0, #61BF1D), color-stop(1, #00973F));
  background-image: -o-linear-gradient(right top, #61BF1D 0%, #00973F 100%);
  background-image: -moz-linear-gradient(right top, #61BF1D 0%, #00973F 100%);
  background-image: -webkit-linear-gradient(right top, #61BF1D 0%, #00973F 100%);
  background-image: -ms-linear-gradient(right top, #61BF1D 0%, #00973F 100%);
  background-image: linear-gradient(to right top, #61BF1D 0%, #00973F 100%);
}
.dlazdice .dlazdice-content p {
  text-align: justify;
  margin-top: 20px;
  float: right;
  clear: both;
}
.dlazdice .dlazdice-content.dlazdice-big p {
  max-width: 65%;
}
.dlazdice .dlazdice-content img {
  position: absolute;
  bottom: 35px;
  left: 35px;
  width: auto;
  border-radius: 100%;
  max-width: 190px;
}
.dlazdice .dlazdice-content h2 {
  font-size: 50px;
  line-height: 50px;
  margin-bottom: 10px;
  color: #FFF;
}
.dlazdice .dlazdice-content span {
  font-size: 18px;
  float: right;
}
.dlazdice .dlazdice-content span.main-btn {
  float: right;
  width: 180px;
  text-align: center;
  display: block;
  clear: both;
  border-color: #FFF;
  color: #FFF;
  cursor: pointer;
  margin-top: 25px;
  max-width: 100%;
}
.dlazdice .dlazdice-content span.main-btn:hover {
  background: #FFF;
  color: #30a435;
}
.dlazdice .dlazdice-img {
  width: 100%;
  height: 100%;
}
.dlazdice .dlazdice-img span {
  font-size: 24px;
  font-weight: 700;
  text-transform: uppercase;
  color: #FFF;
  display: block;
  padding-top: 30px;
  padding-left: 60px;
}
.dlazdice:hover .dlazdice-content {
  background-image: -webkit-gradient(linear, left bottom, right top, color-stop(0, #61BF1D), color-stop(1, #00973F));
  background-image: -o-linear-gradient(right top, #61BF1D 0%, #00973F 100%);
  background-image: -moz-linear-gradient(right top, #61BF1D 0%, #00973F 100%);
  background-image: -webkit-linear-gradient(right top, #61BF1D 0%, #00973F 100%);
  background-image: -ms-linear-gradient(right top, #61BF1D 0%, #00973F 100%);
  background-image: linear-gradient(to right top, #61BF1D 0%, #00973F 100%);
}
.dlazdice-style {
  transition: all 0.8s ease-in-out;
}
.dlazdice-style .dlazdice-wrapper {
  transition: all 0.8s ease-in-out;
  position: relative;
}
.dlazdice-style .dlazdice-wrapper .dlazdice-img {
  display: block;
  transition: all 0.8s ease-in-out;
}
.dlazdice-style .dlazdice-wrapper .dlazdice-content {
  display: block;
  transition: all 0.9s ease-in-out;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}
.dlazdice-style:hover .dlazdice-wrapper .dlazdice-content {
  opacity: 1;
}
.about {
  padding-top: 70px;
  color: #30a435;
  text-align: center;
  padding-bottom: 0px;
  clear: both;
}
.about h2 {
  font-size: 50px;
  text-align: center;
  line-height: 50px;
  text-transform: uppercase;
  padding-bottom: 80px;
}
.about h3 {
  font-size: 22px;
  font-weight: 600;
  margin-bottom: 0;
  margin-top: 0;
  padding-bottom: 70px;
}
.about svg {
  margin-bottom: 15px;
  border-radius: 100%;
  width: 154px;
  height: 154px;
  border: 3px solid #30a435;
  padding: 30px 20px;
}
.about svg rect {
  fill: #30a435 !important;
}
.about svg path {
  fill: #30a435 !important;
}
.about .about-dlazdice {
  display: block;
  padding-left: 0;
  padding-right: 0;
  transition: 0.5s all ease-in-out;
  position: relative;
}
.about .about-dlazdice:hover {
  position: relative;
  color: #30a435;
}
.about .about-dlazdice:hover .main-btn {
  display: block;
}
.about .about-dlazdice:hover svg {
  background: #30a435;
}
.about .about-dlazdice:hover svg rect {
  fill: #FFF !important;
}
.about .about-dlazdice:hover svg path {
  fill: #FFF !important;
}
.about .about-dlazdice .main-btn {
  display: none;
  width: 170px;
  margin: auto;
  margin-top: 25px;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background: #30a435;
  color: #FFF;
}
.about .about-dlazdice .dlazdice-icon {
  display: block;
  height: 152px;
  width: 152px;
  border-radius: 100%;
  border: 3px solid #30a435;
  text-align: center;
  font-size: 70px;
  line-height: 142px;
  margin: auto;
  margin-bottom: 20px;
  font-weight: bold;
}
.round-dlazdice {
  padding-bottom: 30px;
}
.round-dlazdice .dlazdice-icon {
  display: block;
  height: 152px;
  width: 152px;
  float: left;
  border-radius: 100%;
  border: 3px solid #30a435;
  text-align: center;
  font-size: 24px;
  margin: auto;
  margin-bottom: 20px;
  font-weight: bold;
  padding-top: 20px;
  color: #30a435;
  margin-right: 35px;
}
.round-dlazdice .dlazdice-icon.one-line {
  padding-top: 55px;
}
.round-dlazdice .round-dlazdice-title {
  display: block;
  padding-top: 50px;
}
.round-dlazdice .round-dlazdice-title.dlazdice-second {
  padding-top: 62px;
}
.round-dlazdice .round-dlazdice-title.dlazdice-fourth {
  padding-top: 38px;
}
.round-dlazdice h3 {
  font-size: 22px;
  font-weight: 600;
  margin-bottom: 0;
  margin-top: 0;
  padding-bottom: 80px;
}
.kariera .about-dlazdice:hover {
  top: 0;
}
.team {
  height: 500px;
  color: #FFF;
  position: relative;
  overflow: hidden;
  background-image: -webkit-gradient(linear, left bottom, right top, color-stop(0, #61BF1D), color-stop(1, #00973F));
  background-image: -o-linear-gradient(right top, #61BF1D 0%, #00973F 100%);
  background-image: -moz-linear-gradient(right top, #61BF1D 0%, #00973F 100%);
  background-image: -webkit-linear-gradient(right top, #61BF1D 0%, #00973F 100%);
  background-image: -ms-linear-gradient(right top, #61BF1D 0%, #00973F 100%);
  background-image: linear-gradient(to right top, #61BF1D 0%, #00973F 100%);
}
.team svg {
  position: absolute;
  z-index: 50;
}
.team svg.first-svg {
  top: 0;
  left: 0;
}
.team svg.second-svg {
  left: 0;
  bottom: -1px;
}
.team svg.svg-image {
  display: none;
}
.team svg.svg-image image {
  height: 100%;
}
.team h3 {
  font-size: 30px;
  text-transform: uppercase;
  line-height: 40px;
  margin-top: 0;
  margin-bottom: 25px;
}
.team .video {
  padding-right: 45px;
  position: relative;
  height: 100%;
  padding-left: 0;
  overflow: hidden;
}
.team .video div {
  height: 100%;
  background: url('/wp-content/themes/bootstrap-basic/img/video-cover.jpg') center right no-repeat;
  background-size: cover;
}
.team .video iframe {
  float: right;
  width: 100%;
  height: 500px;
  border: none;
}
.team .video .fa {
  color: #FFF;
  font-size: 24px;
  border: 3px solid #FFF;
  border-radius: 100%;
  width: 60px;
  height: 60px;
  line-height: 56px;
  text-align: center;
  position: absolute;
  right: 365px;
  top: 220px;
  z-index: 1000;
  padding-left: 7px;
  cursor: pointer;
}
.team .video .fa:hover {
  color: #30a435;
  border-color: #30a435;
}
.team .video video {
  width: 100%;
}
.team .video img {
  height: 100%;
  position: absolute;
}
.team .team-content {
  padding-left: 15px;
  width: 599px;
  padding-top: 120px;
  padding-bottom: 40px;
}
.team .team-content .main-btn-inverse {
  margin-top: 30px;
}
.facts .facts-wrapper {
  padding-top: 70px;
}
.facts .newsletter-wrapper {
  float: right;
  width: 405px;
  padding-left: 90px;
  border-left: 2px solid #d9d9d9;
  padding-bottom: 15px;
  padding-top: 20px;
  margin-top: -15px;
  position: relative;
  z-index: 90;
}
.facts .newsletter-wrapper h3 {
  color: #30a435;
  text-transform: uppercase;
  font-size: 36px;
  margin-top: 0;
}
.facts .newsletter-wrapper form input {
  width: 100%;
  border-radius: 10px;
  border: 2px solid #d9d9d9;
  height: 50px;
  line-height: 50px;
  padding-left: 20px;
  margin-top: 30px;
}
.facts .newsletter-wrapper form input:focus {
  outline: transparent;
}
.facts .newsletter-wrapper form input.odeslat {
  width: 200px;
  background: transparent;
  border: 2px solid #30a435;
  line-height: 47px;
}
.facts .newsletter-wrapper form input.odeslat:hover {
  background: #30a435;
}
.facts .newsletter-wrapper form input::-webkit-input-placeholder {
  font-style: italic;
  font-size: 16px;
}
.facts .newsletter-wrapper form input::-moz-placeholder {
  font-style: italic;
  font-size: 16px;
}
.facts .newsletter-wrapper form input:-ms-input-placeholder {
  font-style: italic;
  font-size: 16px;
}
.facts .fact-number {
  color: #30a435;
  font-size: 60px;
  font-weight: 700;
  display: block;
  line-height: 48px;
  margin-bottom: 28px;
}
.facts .facts-single {
  padding-left: 0;
  padding-right: 0;
  font-weight: 600;
  font-size: 20px;
  text-align: center;
  text-transform: uppercase;
}
.facts .facts-single.facts-single-second {
  padding-left: 20px;
}
.facts .facts-single div {
  display: inline-block;
}
.facts .facts-single div.facts-single-third {
  float: right;
}
.facts .facts-single div.facts-single-first {
  float: left;
}
.page-id-16 #site-footer {
  clear: both;
}
#site-footer {
  background: #FFF;
  border-top: none;
  font-size: 18px;
  padding-top: 95px;
  padding-bottom: 35px;
  position: relative;
}
#site-footer svg {
  position: absolute;
  top: 0;
  left: 0;
}
#site-footer .ref-svg {
  display: none;
}
#site-footer .footer-bottom {
  text-align: right;
  font-weight: 600;
  position: relative;
  z-index: 99;
}
#site-footer .footer-bottom a {
  color: #575656;
}
#site-footer .footer-bottom a:hover {
  color: #30a435;
}
#site-footer .footer-top {
  color: #FFF;
  line-height: 28px;
  padding-bottom: 47px;
}
#site-footer .footer-top a {
  padding-left: 0;
  padding-right: 0;
}
#site-footer .footer-top h4 {
  text-transform: uppercase;
  font-size: 22px;
  font-weight: 700;
  line-height: 30px;
  margin-top: 0;
  margin-bottom: 0px;
}
#site-footer .footer-top h4:before {
  font-family: "FontAwesome";
  color: #30a435;
  font-size: 30px;
  display: inline-block;
  text-align: center;
  line-height: 50px;
  width: 50px;
  height: 50px;
  background: #FFF;
  border-radius: 100%;
  margin-right: 20px;
  position: relative;
  top: 5px;
}
#site-footer .footer-top span.footer-title {
  text-transform: uppercase;
  font-size: 22px;
  font-weight: 700;
  line-height: 30px;
  margin-top: 0;
  margin-bottom: 0px;
  display: block;
}
#site-footer .footer-top span.footer-title:before {
  font-family: "FontAwesome";
  color: #30a435;
  font-size: 30px;
  display: inline-block;
  text-align: center;
  line-height: 50px;
  width: 50px;
  height: 50px;
  background: #FFF;
  border-radius: 100%;
  margin-right: 20px;
  position: relative;
  top: 5px;
}
#site-footer .footer-top p {
  padding-left: 70px;
  position: relative;
  top: -7px;
}
#site-footer .footer-top a {
  color: #FFF;
}
#site-footer .footer-top a:hover {
  text-decoration: none;
}
#site-footer .footer-top .footer-first span:before {
  content: "\f041";
  font-size: 30px;
}
#site-footer .footer-top .footer-second h4:before {
  content: "\f10b";
  font-size: 32px;
}
#site-footer .footer-top .footer-third h4 {
  position: relative;
  top: 4px;
}
#site-footer .footer-top .footer-third h4:before {
  content: "\f0e0";
  font-size: 20px;
  top: 1px;
}
#site-footer .footer-top .footer-fourth h4 {
  position: relative;
  top: 4px;
}
#site-footer .footer-top .footer-fourth h4:before {
  content: "\f09a";
  font-size: 20px;
  top: 1px;
}
#site-footer .footer-top .second-content,
#site-footer .footer-top .fourth-content {
  display: inline-block;
  float: right;
}
#site-footer .footer-top .third-content {
  padding-left: 75px;
}
.page-id-12 #site-footer {
  margin-top: -70px;
  padding-top: 80px;
  padding-bottom: 50px;
}
.page-id-12 #site-footer svg.ref-svg {
  display: block;
}
.contact-images {
  text-align: center;
  padding-top: 0px;
}
.contact-images img {
  border-radius: 100%;
  margin-bottom: 0px;
}
.contact-images .contact-left {
  padding-right: 100px;
}
.contact-images .contact-left .contact-padding {
  float: right;
  width: 205px;
}
.contact-images .contact-right {
  padding-left: 100px;
}
.contact-images .contact-right .contact-padding {
  float: left;
  width: 205px;
}
.contact-images h3 {
  font-size: 22px;
  text-transform: uppercase;
  line-height: 40px;
  margin-bottom: 0!important;
  margin-top: 20px;
}
.contact-images h2 {
  margin-bottom: 0;
}
.contact-info {
  height: 500px;
  position: relative;
  background-image: -webkit-gradient(linear, left bottom, right top, color-stop(0, #61BF1D), color-stop(1, #00973F));
  background-image: -o-linear-gradient(right top, #61BF1D 0%, #00973F 100%);
  background-image: -moz-linear-gradient(right top, #61BF1D 0%, #00973F 100%);
  background-image: -webkit-linear-gradient(right top, #61BF1D 0%, #00973F 100%);
  background-image: -ms-linear-gradient(right top, #61BF1D 0%, #00973F 100%);
  background-image: linear-gradient(to right top, #61BF1D 0%, #00973F 100%);
}
.contact-info svg {
  position: absolute;
  z-index: 50;
}
.contact-info svg.first-svg {
  top: 0;
  left: 0;
}
.contact-info svg.second-svg {
  left: 0;
  bottom: -1px;
}
.contact-info div {
  padding-left: 0;
  padding-right: 0;
}
.contact-info .contact-info-content {
  padding-top: 30px;
  height: 500px;
}
.contact-info .contact-info-content a {
  color: #FFF;
}
.contact-info h3 {
  font-size: 30px;
  text-transform: uppercase;
  line-height: 40px;
  margin-top: 0;
  margin-bottom: 25px;
}
.contact-info .iframe {
  position: absolute;
  width: 50%;
  height: 500px;
}
.rtsoft-info {
  padding-top: 10px;
  padding-left: 60px!important;
  color: #FFF;
  float: right;
}
.rtsoft-info h2 {
  margin-bottom: 20px;
  color: #FFF;
}
.rtsoft-photo {
  text-align: right;
  position: relative;
}
.rtsoft-photo iframe,
.rtsoft-photo img {
  box-shadow: 0px 0px 35px 0px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 0px 0px 35px 0px rgba(0, 0, 0, 0.5);
  max-width: 100%;
}
.rtsoft-photo .map-overlay {
  position: absolute;
  width: 100%;
  height: 100%;
}
.map {
  padding-bottom: 30px;
}
.pozice {
  padding-bottom: 50px;
}
.benefity {
  padding-bottom: 20px;
}
.navigation-container {
  text-align: center;
}
.pag-left {
  display: inline-block;
}
.pag-left a {
  float: right;
}
.ref-pagination {
  display: inline-block;
  margin: auto;
  padding-top: 24px;
  width: 320px;
  height: 50px;
  overflow: hidden;
}
.ref-pagination a {
  display: inline-block;
  width: 20px;
  height: 20px;
  border-radius: 100%;
  border: 2px solid #808080;
  text-indent: -99999px;
  line-height: 0;
  padding-top: 0;
  margin-left: 20px;
  margin-right: 20px;
}
.ref-pagination a:hover {
  border-color: #30a435;
}
.ref-pagination a.active {
  border-color: #30a435;
  background: #30a435;
}
.ref-pagination a + .tooltip > .tooltip-inner {
  background: #30a435;
  color: #FFF;
  font-size: 18px;
  font-weight: 400;
  letter-spacing: 0.5px;
  white-space: nowrap;
  padding-top: 7px;
  padding-bottom: 7px;
  margin-top: 7px;
  padding-left: 20px;
  padding-right: 20px;
  width: auto;
  max-width: 100%;
}
.ref-pagination a + .tooltip > .tooltip-arrow {
  border-bottom-color: #30a435;
  margin-top: 7px;
}
.ref-content {
  clear: both;
}
.nav-links {
  padding-top: 50px;
}
.nav-previous {
  display: block;
  float: right;
  position: relative;
  width: 90px;
  min-height: 65px;
}
.nav-previous a {
  color: #808080;
  display: block;
  padding-top: 70px;
  text-align: center;
}
.nav-previous a:hover {
  color: #30a435;
}
.nav-previous a:hover:before {
  color: #30a435;
  border-color: #30a435;
}
.nav-previous a:before {
  display: block;
  width: 65px;
  height: 65px;
  content: "\f105";
  font-family: fontAwesome;
  text-align: center;
  line-height: 62px;
  border: 2px solid #808080;
  border-radius: 100%;
  font-size: 36px;
  padding-left: 3px;
  margin: auto;
  margin-bottom: 10px;
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  right: 0;
}
.nav-next {
  display: block;
  float: left;
  position: relative;
  width: 90px;
  min-height: 65px;
}
.nav-next a {
  color: #808080;
  display: block;
  padding-top: 70px;
  text-align: center;
}
.nav-next a:hover {
  color: #30a435;
}
.nav-next a:hover:before {
  color: #30a435;
  border-color: #30a435;
}
.nav-next a:before {
  display: block;
  width: 65px;
  height: 65px;
  content: "\f104";
  font-family: fontAwesome;
  text-align: center;
  line-height: 62px;
  border: 2px solid #808080;
  border-radius: 100%;
  font-size: 36px;
  padding-right: 3px;
  margin: auto;
  margin-bottom: 10px;
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  right: 0;
}
.ref-btns {
  padding-top: 65px;
  padding-bottom: 35px;
  margin-top: -10px;
  background-image: -webkit-gradient(linear, right, left, color-stop(0, #61BF1D), color-stop(1, #00973F));
  background-image: -o-linear-gradient(left, #61BF1D 0%, #00973F 100%);
  background-image: -moz-linear-gradient(left, #61BF1D 0%, #00973F 100%);
  background-image: -webkit-linear-gradient(left, #61BF1D 0%, #00973F 100%);
  background-image: -ms-linear-gradient(left, #61BF1D 0%, #00973F 100%);
  background-image: linear-gradient(to left, #61BF1D 0%, #00973F 100%);
}
.ref-btns .main-btn {
  margin-right: 2.5%;
  margin-bottom: 25px;
}
.ref-btns .main-btn.ref-btn {
  border-color: #FFF;
  color: #FFF;
  padding-left: 45px;
  padding-right: 45px;
  flex: 1 1 auto;
  text-align: center;
}
.ref-btns .main-btn.ref-btn:hover {
  background: #FFF;
  color: #30a435;
}
.ref-btns .main-btn.ref-btn.btn-active {
  background: #FFF;
  color: #30a435;
}
.center {
  text-align: center;
  margin-bottom: 30px;
}
.ref-block {
  display: none;
}
.ref-block#vse {
  display: block;
}
.ref-block h2 {
  display: none;
}
.ref-page-img {
  height: calc(100vh - 50px);
  overflow: hidden;
}
.ref-page-text {
  background: #FFF;
  min-height: calc(100vh - 40px);
  position: relative;
  padding-bottom: 50px;
}
.ref-page-text svg {
  position: absolute;
  top: -5px;
  left: -79px;
}
.type-post .entry-meta {
  display: none;
}
.type-post .footer-meta {
  display: none;
}
.dlazdice-custom {
  float: left;
  height: 50%;
}
.dlazdice-custom .dlazdice-content span.main-btn {
  margin-top: 25px;
}
.dlazdice-custom img {
  height: 100%;
}
.dlazdice-custom:first-child {
  width: 25%;
  height: 100%;
}
#top .dlazdice-custom:first-child p {
  display: none;
}
.dlazdice-custom:nth-child(2) {
  width: 50%;
}
.dlazdice-custom:nth-child(2) .dlazdice-img-in {
  right: 60px;
}
.dlazdice-custom:nth-child(2) p {
  padding-left: 160px;
}
.dlazdice-custom:nth-child(3) {
  width: 25%;
}
.dlazdice-custom:nth-child(3) p {
  display: none;
}
.dlazdice-custom:nth-child(3) .dlazdice-content span.main-btn {
  margin-top: 25px;
}
.dlazdice-custom:nth-child(4) {
  width: 25%;
}
#top .dlazdice-custom:nth-child(4) {
  height: 40%;
  position: absolute;
  left: 0;
  bottom: 0;
}
.dlazdice-custom:nth-child(4) p {
  display: none;
}
.dlazdice-custom:nth-child(4) .dlazdice-content span.main-btn {
  margin-top: 25px;
}
.dlazdice-custom:nth-child(5) {
  width: 50%;
}
.dlazdice-custom:nth-child(5) p {
  display: none;
}
#top .dlazdice-custom:nth-child(5) {
  width: 25%;
}
.dlazdice-custom:nth-child(5) p {
  padding-left: 160px;
}
.dlazdice-custom:nth-child(5) .dlazdice-img-in {
  right: 60px;
}
#top .dlazdice-custom:nth-child(6) {
  width: 50%;
  height: 50%;
}
#top .dlazdice-custom:nth-child(6) p {
  padding-left: 160px;
}
.dlazdice-custom .dlazdice-content img {
  position: absolute;
  bottom: 30px;
  left: 30px;
  width: auto;
  height: auto;
  border-radius: 100%;
  max-width: 170px;
}
article#post-226 .ref-pagination .pag-left a:nth-of-type(3) {
  display: none;
}
.content-area {
  padding-left: 0;
  padding-right: 0;
}
.single-post .content-area {
  padding-left: 0;
}
.single-post .ref-page-img {
  padding-left: 0;
  padding-right: 30px;
  position: relative;
}
.single-post .ref-page-img img {
  max-width: 100%;
}
.single-post .ref-page-img svg {
  position: absolute;
  right: 30px;
  top: 0;
}
.single-post .ref-breadcrumb {
  margin-bottom: 50px;
}
.single-post .ref-breadcrumb span {
  color: #30a435;
}
.single-post .ref-breadcrumb a:hover span {
  color: #575656;
}
.single-post .ref-page-text {
  padding-top: 30px;
  padding-left: 30px;
  width: 600px;
}
.single-post .ref-page-text .main-btn {
  margin-top: 50px;
}
.single-post .ref-link {
  font-size: 24px;
  text-decoration: underline;
  display: inline-block;
  margin-top: 10px;
  margin-bottom: 30px;
  position: relative;
}
.single-post .ref-link:after {
  display: block;
  content: "\f08e";
  font-family: fontAwesome;
  font-size: 14px;
  position: absolute;
  top: 3px;
  right: -20px;
}
.single-post #main-column .post {
  padding-left: 0;
  padding-top: 0;
}
.single-post #site-footer {
  margin-top: -100px;
  background: transparent;
}
.required {
  color: #575656;
}
input[type=submit] {
  display: inline-block;
  border: 2px solid #30a435;
  font-size: 18px;
  font-weight: 600;
  color: #30a435;
  height: 50px;
  line-height: 36px;
  padding-left: 23px;
  padding-right: 23px;
  text-transform: uppercase;
  border-radius: 10px;
  cursor: pointer;
  background-color: transparent;
  background-image: none;
  text-shadow: none;
  box-shadow: none;
}
input[type=submit]:hover {
  background: #30a435;
  color: #FFF;
  border: 2px solid #30a435;
}
input[type=submit]:focus,
input[type=submit]:active {
  background: #30a435;
  color: #FFF;
  border: 2px solid #30a435;
}
.contact-form {
  padding-top: 40px;
  width: 805px;
}
.contact-form h2 {
  text-align: center;
  margin-bottom: 40px;
}
.contact-form .form-group {
  width: 46%;
  float: left;
  margin-left: 2%;
  margin-right: 2%;
  margin-bottom: 60px;
  position: relative;
}
.contact-form .form-group:nth-child(5) label {
  display: inline-block !important;
  font-size: 0.85em;
  font-weight: 400;
  padding-left: 3.5em !important;
}
.contact-form .form-group:nth-child(5) input {
  display: inline-block !important;
  font-size: 0.85em;
  font-weight: 400;
  line-height: 15px;
}
.contact-form .form-group:nth-child(5) input:focus {
  outline: none;
}
.contact-form .form-group:nth-child(5) {
  width: 96%;
  border: 1px solid #d9d9d9;
  height: 50px;
  line-height: 48px;
  border-radius: 10px;
}
.contact-form .form-group:nth-child(5) .form-icon {
  left: 1em;
  top: 0.9em;
}
.contact-form .form-group:nth-child(6) {
  width: 96%;
  float: none;
  clear: both;
  margin-bottom: 50px;
}
.contact-form .form-group:nth-child(7) {
  width: 96%;
  float: none;
  clear: both;
  margin-bottom: 50px;
}
.contact-form .form-group span.help-block {
  font-size: 14px;
  position: absolute;
  bottom: -34px;
  right: 0;
  color: #30a435;
}
.contact-form .form-group label {
  display: none;
  color: #808080;
}
.contact-form .form-group .form-control {
  border-radius: 10px;
  border: 1px solid #d9d9d9;
  height: 50px;
  padding-left: 20px;
  box-shadow: none;
}
.contact-form .form-group .form-control:focus {
  outline: none;
  border: 2px solid #d9d9d9;
  border-radius: 10px;
}
.contact-form .form-group .form-control::-webkit-input-placeholder {
  font-style: italic;
  font-size: 16px;
}
.contact-form .form-group .form-control::-moz-placeholder {
  font-style: italic;
  font-size: 16px;
}
.contact-form .form-group .form-control:-ms-input-placeholder {
  font-style: italic;
  font-size: 16px;
}
.contact-form .form-group textarea.form-control {
  height: 150px;
  padding-top: 15px;
}
.contact-form .form-group input[type=submit] {
  width: 200px;
}
.contact-form .form-group select {
  color: #808080;
}
.contact-form .form-group select option:first-child {
  display: none;
}
.contact-form .alert.alert-success {
  width: 96%;
  margin: auto;
  clear: both;
}
.contact-form form#frm-kontaktni-formular:after {
  content: "";
  display: table;
  clear: both;
}
.ref-background {
  display: none;
}
#aplikace,
#analytika,
#weby-shopy {
  position: relative;
  top: -100px;
  display: block;
}
.svg-icon {
  padding-bottom: 70px;
}
.svg-icon svg {
  margin-bottom: 25px;
  border-radius: 100%;
  width: 154px;
  height: 154px;
  border: 3px solid #30a435;
  padding: 30px 20px;
  float: left;
  margin-right: 30px;
}
.svg-icon svg rect {
  fill: #30a435 !important;
}
.svg-icon svg path {
  fill: #30a435 !important;
}
.svg-icon h2 {
  margin-top: 0px;
  display: inline;
  position: relative;
  top: 23px;
  line-height: 45px;
}
.svg-icon ul {
  clear: both;
  padding-left: 75px;
  line-height: 28px;
  list-style-type: none;
}
.svg-icon ul li {
  margin-bottom: 15px;
  position: relative;
}
.svg-icon ul li:before {
  content: '\f054';
  font-family: FontAwesome;
  display: inline-block;
  color: #30a435;
  position: absolute;
  left: -25px;
  top: 2px;
}
.svg-icon div:first-of-type {
  padding-right: 45px;
}
.svg-icon div:nth-of-type(2) {
  padding-left: 45px;
}
.our-projects h2 {
  text-align: center;
  margin-top: 0;
  margin-bottom: 30px;
}
.our-projects ul {
  list-style-type: none;
}
.our-projects ul li {
  width: 33.333333%;
  float: left;
  margin-bottom: 20px;
  position: relative;
  padding-left: 5px;
}
.our-projects ul li:before {
  content: '\f08e';
  font-family: FontAwesome;
  display: inline-block;
  color: #30a435;
  position: absolute;
  left: -25px;
  top: 4px;
}
.our-projects ul a {
  font-weight: 600;
  font-size: 20px;
}
.career h2 {
  text-align: center;
  margin-bottom: 5px;
}
.career h2:first-child {
  margin-top: 0;
}
.career h3 {
  font-size: 32px;
  margin-bottom: 20px;
}
.career .main-btn {
  width: 200px;
  margin: auto;
  margin-top: 25px;
  text-align: center;
  display: block;
}
.career .main-btn.btn-vysokoskolak {
  margin-top: 52px;
}
.career .main-btn.btn-vysokoskolak {
  margin-top: 61px;
}
.career .main-btn.btn-php {
  margin-top: 38px;
}
.career .main-btn.btn-php.btn-left {
  margin-top: 51px;
}
.kariera-bottom {
  clear: both;
  padding-top: 10px;
  margin-bottom: 30px;
}
.career p.strong-par {
  text-align: center;
  font-weight: 600;
  font-size: 22px;
}
.career .position {
  float: left;
}
.career .position.position-second {
  width: 415px;
}
.career .position.position-padding-r {
  width: 415px;
  padding-right: 40px;
}
.career hr {
  margin-top: 40px;
  margin-bottom: 20px;
}
.career .position.position-second.position-second-first {
  padding-right: 40px;
}
.career .position.position-second.position-second-first.position-stredo {
  padding-top: 10px;
}
.career .position.position-bottom {
  padding-bottom: 30px;
}
.career .position span {
  font-weight: 600;
}
.career .position.position-full {
  width: 1000px;
}
.career .position.position-full:last-of-type {
  padding-bottom: 30px;
}
.career .positions {
  padding-top: 30px;
  clear: both;
}
.career .positions.row .col-md-6 {
  padding-left: 0;
  padding-right: 0;
}
.career .offer h2 {
  padding-top: 60px;
}
.career .offer div:nth-of-type(3) {
  padding-right: 35px;
}
.career .offer div:nth-of-type(4) {
  padding-left: 35px;
}
.specializace {
  clear: both;
  padding-top: 0px;
}
.specializace h2 {
  text-align: center;
  margin-top: 0;
}
.specializace ul {
  list-style-type: none;
}
.specializace ul li {
  margin-bottom: 20px;
  position: relative;
  padding-left: 5px;
}
.specializace ul li:before {
  content: '\f054';
  font-family: FontAwesome;
  display: inline-block;
  color: #30a435;
  position: absolute;
  left: -25px;
  top: 2px;
}
.contact-form.contact-form-soutez .form-group:nth-of-type(3) {
  width: 96%;
}
.contact-form.contact-form-soutez .form-group:nth-of-type(4) {
  width: 96%;
}
.mista {
  padding-left: 185px;
  padding-right: 185px;
}
.second-part {
  padding-top: 20px;
}
#close-menu {
  display: none;
}
#open-menu {
  display: none;
}
.menu-contact {
  display: none;
}
.scroll-left-over {
  display: none;
}
.scroll-right-over {
  display: none;
}
.career-photos-left {
  padding-left: 0;
  padding-top: 30px;
  padding-bottom: 10px;
}
.career-photos-right {
  padding-right: 0;
  padding-top: 30px;
  padding-bottom: 10px;
}
.career-photos-left img {
  max-width: 100%;
}
.career-photos-right img {
  max-width: 100%;
}
.benefity-photo-gallery .gallery-item {
  padding: 30px 15px 0;
}
.benefity-photo-gallery .gallery-item img {
  max-width: 100%;
  height: auto;
}
.career .offer {
  margin-bottom: 25px;
}
.stredo-left {
  float: left;
  padding-right: 30px;
  text-align: center;
}
.stredo-left span {
  font-weight: bold;
  text-align: center;
}
.stredo-left img {
  margin-top: 20px;
}
.stredo-left a:hover img {
  opacity: 0.7;
}
.career .stredo-left svg {
  margin-right: 0;
}
.career .positions-full {
  padding-left: 0;
  padding-right: 0;
}
.career .positions-full .position.position-padding-r {
  width: calc(100% - 185px);
}
.career .positions-full .position.position-padding-r .main-btn.btn-right {
  margin-right: 0;
  margin-left: 77.5px;
}
.stredo-left.stredo-left-mobile {
  display: none;
}
.fix-shoproku {
  position: absolute;
  right: 0;
  top: 6px;
  width: auto;
  z-index: 3;
}
.offer-image img {
  max-width: 100%;
  height: auto!important;
}
.offer-image.offer-image-second {
  display: none;
}
.shop-roku-img {
  width: auto!important;
  position: absolute;
  right: 0;
  top: 0;
}
.reference-page img.shop-roku-img {
  width: auto!important;
  height: auto!important;
  position: absolute;
  right: 0;
  top: 0;
}
.workshop .row div:first-child {
  padding-left: 0;
  padding-right: 35px;
}
.workshop .row div:first-child p {
  text-align: justify;
}
.workshop .row div:last-child {
  padding-top: 55px;
}
.workshop img {
  max-width: 100%;
}
.private {
  padding-left: 15px;
  padding-right: 15px;
}
.private h2 {
  text-align: center;
  margin-bottom: 20px!important;
}
.contact-form.private {
  padding-top: 0;
}
@media only screen and (min-width: 768px) {
  .intro {
    min-height: 768px;
  }
}
@media only screen and (min-width: 1920px) {
  .reference-page {
    height: calc(100vh - 280px);
  }
  .reference-page img {
    width: 100%;
  }
  .reference-page .dlazdice .dlazdice-img {
    position: relative;
    background-position: left top;
    background-repeat: no-repeat;
    background-size: cover;
  }
  .reference-page .dlazdice .dlazdice-img span {
    position: absolute;
    display: block;
    padding-left: 60px;
    padding-top: 30px;
  }
  .reference-page .dlazdice.dlazdice-custom {
    height: 50%;
  }
  .reference-page .dlazdice.dlazdice-custom:first-child {
    height: 100%;
  }
  #top .reference-page .dlazdice.dlazdice-custom:first-child {
    height: 60%;
  }
}
@media all and (orientation: landscape) {
  .intro {
    overflow: hidden;
  }
  .intro #bgvid {
    width: 100%;
    height: auto;
  }
}
@media all and (orientation: portrait) {
  .intro {
    overflow: hidden;
  }
  .intro #bgvid {
    height: 100%;
    width: auto;
  }
}
@media only screen and (min-width: 1601px) and (max-width: 1700px) {
  .dlazdice .dlazdice-content img {
    max-width: 150px;
  }
}
@media only screen and (max-width: 1600px) {
  .main-header .navbar-default .navbar-nav li {
    padding-left: 3px;
    padding-right: 3px;
  }
  .dlazdice .dlazdice-content img {
    max-width: 150px;
    left: 20px;
    bottom: 20px;
  }
  .main-header .page-header-top-right {
    padding-right: 0;
  }
  .main-header .page-header-top-right .header-fb {
    margin-left: 4px;
    margin-right: 4px;
  }
}
@media only screen and (max-width: 1450px) {
  .dlazdice .dlazdice-content img {
    max-width: 125px;
  }
  .dlazdice .dlazdice-content .truncate {
    height: 60px;
  }
  .dlazdice:first-child .dlazdice-content .truncate {
    height: 200px;
  }
  .dlazdice:nth-child(5) .dlazdice-content p {
    padding-left: 0!important;
  }
  .dlazdice:nth-child(2) .dlazdice-content p {
    padding-left: 0!important;
  }
}
@media only screen and (max-width: 1399px) {
  .single-post .ref-page-text {
    width: 500px;
  }
  .ref-btns .main-btn.ref-btn {
    padding-left: 30px;
    padding-right: 30px;
    margin-right: 2%;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  #site-footer {
    padding-top: 80px;
  }
  .main-header .page-header-top-right .header-number {
    font-size: 18px;
  }
  .ref-pagination {
    width: 270px;
  }
  .ref-pagination a {
    margin-left: 15px;
    margin-right: 15px;
  }
}
@media only screen and (max-width: 1359px) {
  .dlazdice .dlazdice-content img {
    display: none;
  }
  .dlazdice .dlazdice-content p {
    padding-left: 0;
  }
  .dlazdice .dlazdice-content .truncate {
    height: 85px;
  }
  .dlazdice:first-child .dlazdice-content .truncate {
    height: 304px;
  }
}
@media only screen and (max-width: 1299px) {
  .career .main-btn.btn-php.btn-left {
    margin-top: 25px;
  }
  .career .main-btn.btn-php.btn-right {
    margin-top: 40px;
  }
  .container {
    width: 1170px;
  }
  .contact-form {
    width: 805px;
  }
  .main-header .site-branding {
    width: 1170px;
    padding-left: 0;
    padding-right: 0;
  }
  #site-footer .footer-top .third-content {
    padding-left: 70px;
  }
  .main-header .page-header-top-right {
    padding-right: 0;
  }
  .main-header .page-header-top-right .header-fb {
    margin-left: 4px;
    margin-right: 4px;
  }
  .main-header .page-header-top-right .main-btn {
    padding-left: 0;
    padding-right: 0;
    text-align: center;
    width: 140px;
  }
  .career .position.position-full {
    width: 980px;
  }
  .career .position.position-second {
    width: 395px;
  }
  .career .position.position-padding-r {
    width: 395px;
  }
  .career .main-btn.btn-php {
    margin-top: 25px;
  }
}
@media only screen and (max-width: 1199px) {
  .career .positions-full .position.position-padding-r .main-btn.btn-right {
    margin-left: 15px;
  }
  .career .main-btn.btn-php.btn-right {
    margin-top: 64px;
  }
  .single-post .ref-page-text {
    width: 410px;
  }
  .contact-images .images-left {
    padding-right: 15px;
    padding-left: 15px;
  }
  .contact-images .images-right {
    padding-left: 15px;
    padding-right: 15px;
  }
  .container {
    width: 970px;
  }
  .contact-form {
    width: 805px;
  }
  .intro {
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 180px;
    overflow: hidden;
  }
  .intro .intro-background {
    width: 100%;
  }
  .intro #bgvid {
    width: auto;
    height: 100%;
  }
  #site-footer .footer-top h4:before {
    margin-right: 10px;
  }
  #site-footer .footer-top span.footer-title:before {
    margin-right: 10px;
  }
  #site-footer .footer-top .third-content {
    padding-left: 15px;
  }
  #site-footer .footer-top .second-content {
    float: none;
  }
  .team .team-content {
    width: 50%;
    padding-left: 0;
    padding-top: 120px;
  }
  .team .video iframe {
    width: 100%!important;
  }
  .main-header {
    padding-bottom: 10px;
  }
  .main-header .navbar-default .navbar-collapse {
    padding-left: 0;
  }
  .main-header .navbar-default .navbar-nav li {
    padding-left: 3px;
    padding-right: 3px;
  }
  .main-header .navbar-default .navbar-nav li a {
    padding-left: 4px;
    padding-right: 4px;
  }
  .main-header .page-header-top-right {
    padding-top: 25px;
  }
  .main-header .page-header-top-right .header-number {
    padding-bottom: 5px;
    padding-right: 15px;
    position: relative;
    top: -1px;
  }
  .main-header .page-header-top-right .header-fb {
    margin-right: 20px;
  }
  .main-header .site-branding {
    width: 970px;
    margin: auto;
    padding-left: 0;
    padding-right: 0;
  }
  .dlazdice .dlazdice-content {
    padding-left: 20px;
    padding-right: 20px;
  }
  .dlazdice .dlazdice-content h2 {
    line-height: 60px;
  }
  .dlazdice .dlazdice-content img {
    left: 25px;
    bottom: 25px;
    display: none;
  }
  .dlazdice .dlazdice-content .truncate {
    height: 30px;
  }
  .dlazdice:first-child .dlazdice-content .truncate {
    height: 250px;
  }
  .main-header .page-header-top-right .header-fb {
    padding-bottom: 5px;
    border: 2px solid #30a435;
    border-radius: 10px;
    padding-top: 13px;
    display: inline-block;
    float: none;
    bottom: 2px;
    margin-right: 40px;
    margin-left: 37px;
    width: 50px;
    height: 50px;
    text-align: center;
    position: relative;
    top: 0;
  }
  .main-header .page-header-top-right .header-fb .fa {
    font-size: 24px;
  }
  .main-header .page-header-top-right .header-fb:hover {
    background: #30a435;
    color: #FFF;
  }
  .main-header .page-header-top-right .header-fb:hover a {
    color: #FFF;
  }
  .main-header .page-header-top-right .header-write-us {
    width: 50px;
    height: 50px;
    padding-top: 10px;
    line-height: 46px;
  }
  .main-header .page-header-top-right .header-write-us i {
    display: block;
    font-size: 24px;
  }
  .main-header .page-header-top-right .header-write-us span {
    display: none;
  }
  .main-header .page-header-top-right .header-number {
    padding-top: 0;
    padding-right: 0px;
    height: 50px;
    border-radius: 10px;
  }
  .main-header .page-header-top-right .header-number span {
    display: none;
  }
  .main-header .page-header-top-right .header-number i.fa {
    border: 2px solid #30a435;
    line-height: 45px;
    border-radius: 10px;
    font-size: 30px;
    position: relative;
    top: 0px;
    width: 50px;
    height: 50px;
    text-align: center;
    margin-right: 0px;
  }
  .main-header .page-header-top-right .header-number:hover {
    background: #30a435;
  }
  .main-header .page-header-top-right .header-number:hover a {
    color: #FFF;
    background: #30a435;
  }
  .main-header.myfixedHeader .logo {
    padding-top: 3px;
  }
  .main-header .logo {
    padding-top: 15px;
  }
  .main-header .logo img {
    width: 150px;
  }
  .facts .newsletter-wrapper {
    width: 360px;
    padding-left: 50px;
  }
  .ref-pagination {
    width: 180px;
  }
  .ref-pagination a {
    margin-left: 7px;
    margin-right: 7px;
  }
  .ref-btns .main-btn.ref-btn {
    padding-left: 15px;
    padding-right: 15px;
    margin-right: 1%;
  }
  .career .position {
    width: 270px;
  }
  .career .position.position-second {
    width: 270px;
  }
  .career .position.position-padding-r {
    width: 270px;
  }
  .career .position.position-full {
    width: 780px;
  }
  .our-projects ul li:nth-child(4) {
    clear: both;
  }
  .mista {
    padding-left: 150px;
    padding-right: 150px;
  }
  .shop-roku-img {
    width: 40%!important;
  }
  .reference-page img.shop-roku-img {
    width: 40%!important;
  }
  .fix-shoproku {
    width: 160px;
    top: 16px;
  }
}
@media only screen and (max-width: 1149px) {
  .team .team-content {
    padding-top: 100px;
  }
}
@media only screen and (max-width: 991px) {
  .career .positions-full .position.position-padding-r {
    width: 560px;
  }
  .career .positions-full .position.position-padding-r .main-btn.btn-right {
    margin-right: auto;
    margin-left: auto;
  }
  .career hr {
    display: none;
  }
  .career .main-btn.btn-php.btn-right {
    margin-top: 25px;
  }
  .reference-content {
    background-position: bottom;
    background-size: 100% 50%;
  }
  .ref-background {
    display: block;
  }
  .ref-background img {
    max-width: 100%;
  }
  .ref-pagination {
    width: 270px;
  }
  .ref-pagination a {
    margin-left: 13px;
    margin-right: 13px;
  }
  .single-post .content-area {
    padding-right: 0;
  }
  .single-post .content-area article {
    padding-right: 0!important;
  }
  .single-post .ref-page-text {
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
    height: auto;
    padding-bottom: 50px;
    width: 750px;
    margin: auto;
    min-height: inherit;
  }
  .single-post .ref-page-img {
    display: none;
    padding-right: 0;
    height: calc(100vh - 100px);
  }
  .single-post .ref-page-img svg {
    display: none;
  }
  .ref-navigation {
    position: initial;
    padding-top: 35px;
    padding-bottom: 20px;
    height: 170px;
  }
  .contact-info {
    padding-bottom: 50px;
    margin-bottom: 50px;
    height: auto;
    background-image: -webkit-gradient(linear, left bottom, right top, color-stop(0, #61BF1D), color-stop(1, #00973F));
    background-image: -o-linear-gradient(right top, #61BF1D 0%, #00973F 100%);
    background-image: -moz-linear-gradient(right top, #61BF1D 0%, #00973F 100%);
    background-image: -webkit-linear-gradient(right top, #61BF1D 0%, #00973F 100%);
    background-image: -ms-linear-gradient(right top, #61BF1D 0%, #00973F 100%);
    background-image: linear-gradient(to right top, #61BF1D 0%, #00973F 100%);
  }
  .contact-info svg {
    display: none;
  }
  .contact-info .contact-info-content {
    padding-top: 50px;
    height: auto;
  }
  .contact-info .iframe {
    position: relative;
    width: 100%;
    height: 50vh!important;
  }
  .contact-info .rtsoft-info {
    float: none;
    padding-top: 0;
    padding-left: 0!important;
  }
  .contact-info .contact-images {
    padding-top: 80px;
  }
  .container {
    width: 750px;
  }
  .contact-form {
    width: 750px;
  }
  .main-header.myfixedHeader .main-navigation {
    padding-top: 0;
  }
  .main-header.myfixedHeader .logo {
    padding-top: 0;
  }
  .main-header .main-navigation {
    padding-top: 25px;
    padding-left: 0;
    padding-right: 0;
  }
  .main-header .main-navigation .navbar-nav li a {
    font-size: 15px;
    padding-left: 2px;
    padding-right: 2px;
  }
  .main-header .site-branding {
    width: 750px;
    position: relative;
  }
  .main-header .page-header-top-right {
    position: absolute;
    right: 0;
  }
  .main-header .page-header-top-right .header-fb {
    margin-left: 9px;
    margin-right: 15px;
  }
  .main-header .page-header-top-right .header-write-us {
    position: relative;
    top: 1px;
  }
  .main-header .navbar-default {
    padding-top: 0;
  }
  .main-header .logo {
    padding-left: 0;
    padding-top: 9px;
  }
  .main-header .logo img {
    max-width: 100%;
  }
  .main-header .logo {
    width: 20%;
    padding-top: 15px;
  }
  .main-header .logo img {
    width: 235px;
  }
  .dlazdice .dlazdice-content {
    padding-top: 10px!important;
  }
  .dlazdice .dlazdice-content p {
    display: none;
  }
  .dlazdice .dlazdice-content span {
    font-size: 17px;
  }
  .dlazdice .dlazdice-content span.main-btn {
    margin-top: 15px!important;
  }
  .team {
    height: auto;
    background-image: -webkit-gradient(linear, left bottom, right top, color-stop(0, #61BF1D), color-stop(1, #00973F));
    background-image: -o-linear-gradient(right top, #61BF1D 0%, #00973F 100%);
    background-image: -moz-linear-gradient(right top, #61BF1D 0%, #00973F 100%);
    background-image: -webkit-linear-gradient(right top, #61BF1D 0%, #00973F 100%);
    background-image: -ms-linear-gradient(right top, #61BF1D 0%, #00973F 100%);
    background-image: linear-gradient(to right top, #61BF1D 0%, #00973F 100%);
  }
  .team svg {
    display: none;
  }
  .team .team-content {
    width: 100%;
    float: none;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 40px;
    clear: both;
  }
  .team .video {
    padding-right: 0px;
    float: none;
  }
  .facts .facts-single {
    padding-left: 15px;
    padding-right: 15px;
    text-align: center;
    padding-top: 10px;
    padding-bottom: 10px;
  }
  .facts .facts-single div {
    width: 100%;
    padding-left: 0!important;
    padding-right: 0!important;
  }
  .facts .newsletter-block {
    border-top: 2px solid #d9d9d9;
    margin-top: 20px;
  }
  .facts .newsletter-wrapper {
    padding-left: 0;
    float: none;
    margin: auto;
    padding-top: 40px;
    border-left: none;
    width: 310px;
  }
  #site-footer {
    padding-left: 0;
    padding-right: 0;
    padding-top: 60px;
  }
  #site-footer .footer-top .third-content {
    padding-left: 0;
  }
  #site-footer svg {
    display: none;
  }
  #site-footer .footer-bottom {
    padding-top: 20px;
    text-align: center;
  }
  #site-footer .footer-third {
    clear: both;
  }
  #site-footer .footer-background {
    padding-top: 50px;
    background-image: -webkit-gradient(linear, left bottom, right top, color-stop(0, #61BF1D), color-stop(1, #00973F));
    background-image: -o-linear-gradient(right top, #61BF1D 0%, #00973F 100%);
    background-image: -moz-linear-gradient(right top, #61BF1D 0%, #00973F 100%);
    background-image: -webkit-linear-gradient(right top, #61BF1D 0%, #00973F 100%);
    background-image: -ms-linear-gradient(right top, #61BF1D 0%, #00973F 100%);
    background-image: linear-gradient(to right top, #61BF1D 0%, #00973F 100%);
  }
  .main-header .page-header-top-right {
    top: 0;
  }
  .round-dlazdice {
    padding-left: 0;
  }
  .round-dlazdice .dlazdice-icon {
    margin-right: 15px;
  }
  .round-dlazdice .round-dlazdice-title {
    padding-top: 35px;
  }
  .round-dlazdice .round-dlazdice-title.dlazdice-second {
    padding-top: 50px;
  }
  .round-dlazdice .round-dlazdice-title.dlazdice-fourth {
    padding-top: 10px;
  }
  .intro {
    overflow: hidden;
  }
  .intro .intro-content h2 {
    font-size: 30px;
    line-height: 44px;
  }
  .intro .intro-background {
    width: 100%;
  }
  .intro #bgvid {
    width: auto;
    height: 100%;
  }
  .ref-btns {
    padding-top: 35px;
    padding-bottom: 0;
  }
  .ref-btns .main-btn.ref-btn {
    padding-left: 25px;
    padding-right: 25px;
    margin-right: 2%;
  }
  .page-id-12 #site-footer {
    padding-top: 15px;
  }
  .page-id-12 #site-footer svg.ref-svg {
    display: none;
  }
  .career div:first-of-type .position {
    padding-bottom: 30px;
  }
  .career .position {
    width: 560px;
  }
  .career .position.position-second {
    width: 560px;
  }
  .career .position.position-padding-r {
    width: 560px;
    padding-right: 0;
  }
  .career .position.position-second.padding-b {
    padding-bottom: 30px;
  }
  .career .position.position-full {
    width: 560px;
  }
  .career .positions {
    padding-top: 0;
  }
  .career .positions:first-of-type {
    padding-top: 30px;
  }
  .career .positions div {
    padding-left: 0;
    padding-right: 0;
  }
  .career .positions div.stredo-left {
    padding-right: 30px;
  }
  .career .offer div {
    padding-left: 0!important;
    padding-right: 0!important;
  }
  .career .position.position-second.position-second-first {
    padding-right: 0px;
  }
  .career .positions.positions-bottom {
    padding-top: 35px;
  }
  .page-template-default .entry-header,
  .page-template-Subpage .entry-header,
  .page-template-Novinky .entry-header {
    padding-bottom: 30px;
    background-image: -webkit-gradient(linear, left bottom, right top, color-stop(0, #61BF1D), color-stop(1, #00973F));
    background-image: -o-linear-gradient(right top, #61BF1D 0%, #00973F 100%);
    background-image: -moz-linear-gradient(right top, #61BF1D 0%, #00973F 100%);
    background-image: -webkit-linear-gradient(right top, #61BF1D 0%, #00973F 100%);
    background-image: -ms-linear-gradient(right top, #61BF1D 0%, #00973F 100%);
    background-image: linear-gradient(to right top, #61BF1D 0%, #00973F 100%);
  }
  .page-template-default .entry-header .header-svg,
  .page-template-Subpage .entry-header .header-svg,
  .page-template-Novinky .entry-header .header-svg {
    display: none;
  }
  .svg-icon {
    padding-bottom: 0;
  }
  .svg-icon div {
    padding-left: 0!important;
    padding-right: 0!important;
  }
  .svg-icon ul {
    margin-bottom: 50px;
  }
  .our-projects ul li:before {
    display: none;
  }
  .mista {
    padding-left: 115px;
    padding-right: 115px;
  }
  .contact-note {
    position: initial!important;
    clear: both;
  }
  .career .main-btn.btn-vysokoskolak {
    margin-top: 25px;
  }
  .career-photos-left {
    padding-bottom: 25px;
  }
  .career-photos-right {
    padding-bottom: 25px;
  }
  .benefity-photo-gallery .gallery-item {
    max-width: 50%;
  }
  .shop-roku-img {
    width: 30%!important;
  }
  .reference-page img.shop-roku-img {
    width: 30%!important;
  }
  .fix-shoproku {
    top: -3px;
  }
  .workshop .row div:first-child {
    padding-left: 0;
    padding-right: 0px;
  }
  .workshop .row div:last-child {
    padding-top: 30px;
    padding-left: 0;
    padding-right: 0;
  }
  .workshop h2 {
    margin-top: 0!important;
  }
  .page-template-Subpage .entry-content {
    padding-top: 75px;
  }
  .page-template-Subpage .entry-header h1 br {
    display: none;
  }
  .mb-md-20 {
    margin-bottom: 20px;
  }
}
@media only screen and (max-width: 1919px) and (max-height: 1079px) {
  .reference-page,
  .reference {
    height: auto;
  }
  .reference-page .dlazdice,
  .reference .dlazdice {
    height: auto;
  }
  .reference-page .dlazdice .dlazdice-wrapper,
  .reference .dlazdice .dlazdice-wrapper {
    height: 100%!important;
  }
  .dlazdice-custom {
    height: auto;
  }
  .dlazdice-custom:first-child {
    height: auto;
  }
  .dlazdice-style:nth-child(3) .dlazdice-wrapper .dlazdice-img,
  .dlazdice-style:nth-child(5) .dlazdice-wrapper .dlazdice-img {
    padding-top: calc(2 / 2 * 100%);
  }
  .dlazdice-style:nth-child(4) .dlazdice-wrapper .dlazdice-img {
    padding-top: calc(1.5 / 2 * 100%);
  }
  .dlazdice-style:first-child .dlazdice-wrapper .dlazdice-img {
    padding-top: calc(1.3 / 1 * 100%);
  }
  .dlazdice-style .dlazdice-wrapper {
    height: auto;
  }
  .dlazdice-style .dlazdice-wrapper .dlazdice-img {
    position: relative;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    padding-top: calc(1 / 2 * 100%);
  }
  .dlazdice-style .dlazdice-wrapper .dlazdice-img span {
    padding-left: 0;
    padding-top: 0;
    left: 60px;
    top: 30px;
    position: absolute;
  }
  .dlazdice-style .dlazdice-wrapper .dlazdice-content {
    position: absolute;
    height: 100%;
    padding-top: 30px!important;
  }
  .dlazdice-style .dlazdice-wrapper .dlazdice-content.dlazdice-big p {
    max-width: 100%!important;
  }
  .dlazdice-style .dlazdice-wrapper .dlazdice-content p {
    float: none!important;
  }
  .dlazdice-style .dlazdice-wrapper .dlazdice-content h2 {
    font-size: 24px;
    margin-bottom: -5px;
  }
  .dlazdice-style .dlazdice-wrapper .dlazdice-content .truncate {
    display: block!important;
  }
  .dlazdice-style .dlazdice-wrapper .dlazdice-content span {
    float: none;
    display: block;
  }
  .dlazdice-style .dlazdice-wrapper .dlazdice-content span.main-btn {
    display: inline-block;
    float: none;
  }
  #informacni-systemy dlazdice-style:nth-child(3) .dlazdice-wrapper .dlazdice-img {
    padding-top: calc(2/2*100%);
  }
  #informacni-systemy .dlazdice-style:nth-child(4) .dlazdice-wrapper .dlazdice-img {
    padding-top: calc(2/2*100%);
  }
  #informacni-systemy .dlazdice-style:nth-child(5) .dlazdice-wrapper .dlazdice-img {
    padding-top: calc(1/2*100%);
  }
  #informacni-systemy .dlazdice-style:first-child .dlazdice-wrapper .dlazdice-img {
    padding-top: calc(2/1*100%);
  }
  #konfiguratory-kalkulatory-na-miru dlazdice-style:nth-child(3) .dlazdice-wrapper .dlazdice-img {
    padding-top: calc(2/2*100%);
  }
  #konfiguratory-kalkulatory-na-miru .dlazdice-style:nth-child(4) .dlazdice-wrapper .dlazdice-img {
    padding-top: calc(2/2*100%);
  }
  #konfiguratory-kalkulatory-na-miru .dlazdice-style:nth-child(5) .dlazdice-wrapper .dlazdice-img {
    padding-top: calc(1/2*100%);
  }
  #konfiguratory-kalkulatory-na-miru .dlazdice-style:first-child .dlazdice-wrapper .dlazdice-img {
    padding-top: calc(2/1*100%);
  }
  #eshopy dlazdice-style:nth-child(3) .dlazdice-wrapper .dlazdice-img {
    padding-top: calc(2/2*100%);
  }
  #eshopy .dlazdice-style:nth-child(4) .dlazdice-wrapper .dlazdice-img {
    padding-top: calc(2/2*100%);
  }
  #eshopy .dlazdice-style:nth-child(5) .dlazdice-wrapper .dlazdice-img {
    padding-top: calc(1/2*100%);
  }
  #eshopy .dlazdice-style:first-child .dlazdice-wrapper .dlazdice-img {
    padding-top: calc(2/1*100%);
  }
  #weby dlazdice-style:nth-child(3) .dlazdice-wrapper .dlazdice-img {
    padding-top: calc(2/2*100%);
  }
  #weby .dlazdice-style:nth-child(4) .dlazdice-wrapper .dlazdice-img {
    padding-top: calc(2/2*100%);
  }
  #weby .dlazdice-style:nth-child(5) .dlazdice-wrapper .dlazdice-img {
    padding-top: calc(1/2*100%);
  }
  #weby .dlazdice-style:first-child .dlazdice-wrapper .dlazdice-img {
    padding-top: calc(2/1*100%);
  }
}
@media only screen and (max-height: 900px) {
  .reference-page,
  .reference {
    height: auto;
  }
  .reference-page .dlazdice,
  .reference .dlazdice {
    height: auto;
  }
  .reference-page .dlazdice .dlazdice-wrapper,
  .reference .dlazdice .dlazdice-wrapper {
    height: 100%!important;
  }
  .dlazdice-custom {
    height: auto;
  }
  .dlazdice-custom:first-child {
    height: auto;
  }
  .dlazdice-style:nth-child(3) .dlazdice-wrapper .dlazdice-img,
  .dlazdice-style:nth-child(5) .dlazdice-wrapper .dlazdice-img {
    padding-top: calc(2 / 2 * 100%);
  }
  .dlazdice-style:nth-child(4) .dlazdice-wrapper .dlazdice-img {
    padding-top: calc(1.5 / 2 * 100%);
  }
  .dlazdice-style:first-child .dlazdice-wrapper .dlazdice-img {
    padding-top: calc(1.3 / 1 * 100%);
  }
  .dlazdice-style .dlazdice-wrapper {
    height: auto;
  }
  .dlazdice-style .dlazdice-wrapper .dlazdice-img {
    position: relative;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    padding-top: calc(1 / 2 * 100%);
  }
  .dlazdice-style .dlazdice-wrapper .dlazdice-img span {
    padding-left: 0;
    padding-top: 0;
    left: 60px;
    top: 30px;
    position: absolute;
  }
  .dlazdice-style .dlazdice-wrapper .dlazdice-content {
    position: absolute;
    height: 100%;
    padding-top: 30px!important;
  }
  .dlazdice-style .dlazdice-wrapper .dlazdice-content.dlazdice-big p {
    max-width: 100%!important;
  }
  .dlazdice-style .dlazdice-wrapper .dlazdice-content p {
    float: none!important;
  }
  .dlazdice-style .dlazdice-wrapper .dlazdice-content h2 {
    font-size: 24px;
    margin-bottom: -5px;
  }
  .dlazdice-style .dlazdice-wrapper .dlazdice-content .truncate {
    display: block!important;
  }
  .dlazdice-style .dlazdice-wrapper .dlazdice-content span {
    float: none;
    display: block;
  }
  .dlazdice-style .dlazdice-wrapper .dlazdice-content span.main-btn {
    display: inline-block;
    float: none;
  }
  #informacni-systemy dlazdice-style:nth-child(3) .dlazdice-wrapper .dlazdice-img {
    padding-top: calc(2/2*100%);
  }
  #informacni-systemy .dlazdice-style:nth-child(4) .dlazdice-wrapper .dlazdice-img {
    padding-top: calc(2/2*100%);
  }
  #informacni-systemy .dlazdice-style:nth-child(5) .dlazdice-wrapper .dlazdice-img {
    padding-top: calc(1/2*100%);
  }
  #informacni-systemy .dlazdice-style:first-child .dlazdice-wrapper .dlazdice-img {
    padding-top: calc(2/1*100%);
  }
  #konfiguratory-kalkulatory-na-miru dlazdice-style:nth-child(3) .dlazdice-wrapper .dlazdice-img {
    padding-top: calc(2/2*100%);
  }
  #konfiguratory-kalkulatory-na-miru .dlazdice-style:nth-child(4) .dlazdice-wrapper .dlazdice-img {
    padding-top: calc(2/2*100%);
  }
  #konfiguratory-kalkulatory-na-miru .dlazdice-style:nth-child(5) .dlazdice-wrapper .dlazdice-img {
    padding-top: calc(1/2*100%);
  }
  #konfiguratory-kalkulatory-na-miru .dlazdice-style:first-child .dlazdice-wrapper .dlazdice-img {
    padding-top: calc(2/1*100%);
  }
  #eshopy dlazdice-style:nth-child(3) .dlazdice-wrapper .dlazdice-img {
    padding-top: calc(2/2*100%);
  }
  #eshopy .dlazdice-style:nth-child(4) .dlazdice-wrapper .dlazdice-img {
    padding-top: calc(2/2*100%);
  }
  #eshopy .dlazdice-style:nth-child(5) .dlazdice-wrapper .dlazdice-img {
    padding-top: calc(1/2*100%);
  }
  #eshopy .dlazdice-style:first-child .dlazdice-wrapper .dlazdice-img {
    padding-top: calc(2/1*100%);
  }
  #weby dlazdice-style:nth-child(3) .dlazdice-wrapper .dlazdice-img {
    padding-top: calc(2/2*100%);
  }
  #weby .dlazdice-style:nth-child(4) .dlazdice-wrapper .dlazdice-img {
    padding-top: calc(2/2*100%);
  }
  #weby .dlazdice-style:nth-child(5) .dlazdice-wrapper .dlazdice-img {
    padding-top: calc(1/2*100%);
  }
  #weby .dlazdice-style:first-child .dlazdice-wrapper .dlazdice-img {
    padding-top: calc(2/1*100%);
  }
}
@media only screen and (min-width: 768px) and (max-width: 800px) {
  .intro .intro-ref {
    bottom: -40px;
  }
}
@media only screen and (max-width: 767px) {
  .career .positions-full .position.position-padding-r {
    width: 100%;
  }
  h2 {
    line-height: 40px;
  }
  .dlazdice-custom {
    width: 100%!important;
    height: auto!important;
  }
  .dlazdice-custom img {
    height: auto!important;
  }
  .dlazdice-custom .dlazdice-img-in {
    right: 60px;
  }
  .dlazdice-custom .dlazdice-wrapper .dlazdice-img {
    display: block!important;
  }
  h1 {
    font-size: 40px;
    line-height: 56px;
  }
  .dlazdice-style {
    height: 250px!important;
  }
  .dlazdice-style .dlazdice-wrapper {
    height: 100%!important;
  }
  .dlazdice-style .dlazdice-wrapper .dlazdice-img {
    display: block;
  }
  .dlazdice-style .dlazdice-wrapper .dlazdice-img span {
    padding-left: 7px;
    padding-top: 7px;
    left: 0;
    top: 0;
  }
  .dlazdice-style .dlazdice-wrapper .dlazdice-content {
    opacity: 1;
    height: 100%!important;
    position: relative;
    text-align: left;
  }
  .dlazdice-style .dlazdice-wrapper .dlazdice-content h2 {
    font-size: 40px;
  }
  .dlazdice-style .dlazdice-wrapper .dlazdice-content span {
    float: none;
    display: block!important;
  }
  .dlazdice.zasilkovna {
    position: static;
  }
  .about h2 {
    font-size: 40px;
    padding-bottom: 50px;
  }
  .about svg {
    width: 130px;
    height: 130px;
  }
  .about h3 {
    height: 155px;
  }
  .about .about-dlazdice:hover .main-btn {
    width: 100%;
    margin-bottom: 20px;
  }
  .entry-header {
    padding-left: 15px;
    padding-right: 15px;
  }
  .entry-header.contact-header {
    margin-bottom: 60px;
  }
  .contact-images .contact-left {
    padding-right: 15px;
  }
  .contact-images .contact-left .contact-padding {
    float: none;
    width: 100%;
  }
  .contact-images .contact-right {
    padding-left: 15px;
  }
  .contact-images .contact-right .contact-padding {
    float: none;
    width: 100%;
  }
  .contact-images .contact-padding {
    padding-top: 30px;
  }
  .contact-info .contact-info-content {
    padding-left: 15px;
    padding-right: 15px;
  }
  .contact-info .contact-info-content .rtsoft-info {
    padding-top: 0;
    text-align: center;
    padding-bottom: 30px;
    float: none;
    padding-left: 0!important;
  }
  .contact-info .contact-info-content .rtsoft-photo {
    text-align: center;
  }
  .navbar-header {
    text-align: center;
    height: auto;
    z-index: 110;
  }
  .main-navigation .navbar-default .navbar-collapse {
    border: none;
  }
  .main-navigation .navbar-default .navbar-default .navbar-nav li a {
    font-size: 18px;
  }
  .main-navigation .navbar-toggle {
    margin: auto;
    float: none;
    padding-top: 11px;
    border: 2px solid #30a435;
    border-radius: 10px;
    position: relative;
    z-index: 1000;
    width: 50px;
    height: 50px;
    text-align: center;
  }
  .main-navigation .navbar-toggle:hover {
    background: transparent;
  }
  .main-navigation .navbar-toggle .icon-bar {
    background: #30a435;
    width: auto;
  }
  .main-navigation .navbar-toggle .icon-bar + .icon-bar {
    margin-top: 5px;
  }
  .container {
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
  }
  .main-header {
    padding-bottom: 0;
  }
  .main-header .logo {
    width: 100%;
    text-align: center;
  }
  .main-header .logo img {
    width: 150px;
  }
  .main-header.myfixedHeader .main-navigation {
    top: 0px;
  }
  .main-header .main-navigation {
    padding-top: 0;
    position: absolute;
    top: 0;
    background: #30a435;
    padding-top: 0px;
    width: 90%;
    z-index: 1001;
    left: -100%;
    height: 100vh;
    text-align: left;
    transition: all 0.3s;
  }
  .main-header .main-navigation.open {
    left: 0;
  }
  .main-header .logo {
    padding-top: 0;
    padding-left: 15px;
  }
  .main-header .logo a {
    position: relative;
    z-index: 1001;
  }
  .main-header .site-branding {
    width: 100%;
  }
  .main-header .page-header-top-right {
    position: absolute;
    top: 0px;
    right: 0px;
    padding-left: 0px;
    padding-right: 15px;
    display: none;
  }
  .main-header .page-header-top-right .main-btn {
    float: none;
  }
  .main-header .page-header-top-right .header-fb {
    margin-right: 10px;
  }
  .main-header .page-header-top-right .header-number {
    padding-right: 0px;
  }
  .main-header .page-header-top-right .header-write-us {
    position: relative;
    top: -2px;
  }
  .main-header .navbar-header {
    display: none;
  }
  .intro {
    padding-top: 50px;
    height: auto;
    padding-bottom: 0;
  }
  .intro #bgvid {
    display: none;
  }
  .intro h1 {
    font-size: 34px;
    line-height: 46px;
    padding-bottom: 20px;
  }
  .intro h3 {
    margin-top: 25px;
    margin-bottom: 25px;
  }
  .intro .intro-content {
    padding-top: 10px;
    padding-bottom: 170px;
  }
  .intro .link-reference {
    margin-bottom: 30px;
    width: 50px;
    height: 50px;
    line-height: 43px;
    font-size: 20px;
  }
  .intro .intro-content h2 {
    font-size: 20px;
    line-height: 34px;
    display: block;
    padding-left: 0;
    padding-right: 0;
  }
  .logo {
    text-align: center;
  }
  #site-footer {
    padding-top: 0;
  }
  #site-footer .footer-top {
    padding-left: 20px;
  }
  #site-footer .footer-top a {
    width: 50%;
  }
  #site-footer .footer-bottom {
    padding-left: 20px;
    padding-right: 20px;
    text-align: center;
  }
  .round-dlazdice {
    clear: both;
  }
  .round-dlazdice .round-dlazdice-title {
    padding-top: 60px;
  }
  .round-dlazdice .round-dlazdice-title.dlazdice-second {
    padding-top: 60px;
  }
  .round-dlazdice .round-dlazdice-title.dlazdice-fourth {
    padding-top: 50px;
  }
  .gallery-icon img {
    max-width: 100%;
    height: auto;
  }
  .small-clear {
    clear: both;
  }
  .facts .facts-wrapper {
    padding-top: 40px;
    padding-left: 0;
    padding-right: 0;
  }
  .facts .newsletter-wrapper {
    padding-bottom: 35px;
  }
  h1 {
    font-size: 40px;
  }
  .single-post #site-footer {
    margin-top: -35px;
  }
  .contact-form {
    width: 100%;
    padding-left: 10px;
    padding-right: 10px;
  }
  .contact-form .form-group input[type=submit] {
    width: 200px;
  }
  .hp-guide {
    display: none;
  }
  .ref-btns .main-btn {
    width: 100%;
    margin-right: 0;
  }
  .single-post .ref-page-text {
    width: 100%;
  }
  .page-id-12 #site-footer {
    padding-top: 15px;
  }
  .career {
    text-align: center;
  }
  .career svg {
    float: none;
    margin-bottom: 0;
    margin-right: 0;
  }
  .career ul {
    padding-left: 0;
  }
  .career ul li:before {
    display: none;
  }
  .career .position {
    width: 100%;
  }
  .career .position.position-second {
    width: 100%;
  }
  .career .position.position-padding-r {
    width: 100%;
  }
  .career .position.position-full {
    width: 100%;
  }
  .career .offer {
    text-align: left;
  }
  .career .position.position-second.position-vysokoskolak {
    text-align: left;
  }
  .career .position.position-second.position-vysokoskolak h3 {
    text-align: center;
  }
  .career .position.position-second.position-vysokoskolak p:first-of-type {
    text-align: center;
  }
  .svg-icon {
    text-align: center;
  }
  .svg-icon svg {
    float: none;
    margin-right: 0;
    margin-bottom: 0;
  }
  .svg-icon h2 {
    margin-bottom: 35px;
    display: block;
  }
  .svg-icon ul {
    padding-left: 0;
  }
  .svg-icon ul li:before {
    display: none;
  }
  .specializace {
    text-align: center;
  }
  .specializace ul {
    padding-left: 0;
  }
  .specializace ul li:before {
    display: none;
  }
  .our-projects ul {
    padding-left: 0;
  }
  .our-projects ul li {
    width: 100%;
    float: none;
    text-align: center;
  }
  .mista {
    margin-top: -5px;
  }
  .contact-form .form-group {
    width: 96%;
    float: none;
  }
  .navbar-collapse {
    width: 100%;
    background: #FFF;
    display: block;
    background: #30a435;
  }
  .main-header .navbar-default .navbar-nav li a {
    color: #FFF;
  }
  .main-header .navbar-default .navbar-nav li.active a,
  .main-header .navbar-default .navbar-nav li.current-menu-parent a {
    color: #FFF;
    border-color: #FFF;
  }
  .main-header .navbar-default .navbar-nav li.active a,
  .main-header .navbar-default .navbar-nav li.current-menu-parent a {
    color: #FFF;
    border-color: #FFF;
  }
  .main-header .navbar-default .navbar-collapse > ul {
    float: left;
    display: inline-block;
    padding-left: 35px;
    text-align: left;
    width: 180px;
    margin-top: 0;
    margin-bottom: 15px;
  }
  .main-header .navbar-default .navbar-nav li a {
    padding-bottom: 5px;
    padding-top: 20px;
  }
  .overlay-menu {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.7);
    z-index: 1000;
    transition: opacity 0.3s, visibility 0s 0.3s;
    opacity: 0;
    visibility: hidden;
  }
  .overlay-menu.slow {
    opacity: 1;
    visibility: visible;
    transition: opacity 0.3s, visibility 0s 0s;
  }
  .main-header .navbar-default .navbar-nav li {
    height: 47px;
  }
  #close-menu {
    display: inline-block;
    cursor: pointer;
    border: 2px solid #FFF;
    color: #FFF;
    font-size: 32px;
    width: 50px;
    height: 50px;
    text-align: center;
    border-radius: 10px;
    margin-bottom: 10px;
    margin-top: 10px;
    margin-left: 20px;
  }
  #close-menu:hover {
    color: #30a435;
    background: #FFF;
  }
  #open-menu {
    display: inline-block;
    cursor: pointer;
    border: 2px solid #30a435;
    color: #30a435;
    font-size: 28px;
    width: 50px;
    height: 50px;
    text-align: center;
    border-radius: 10px;
    margin-bottom: 10px;
    margin-top: 10px;
    margin-left: 5px;
    float: left;
    padding-top: 3px;
    position: absolute;
    left: 20px;
  }
  #open-menu:hover {
    background: #30a435;
    color: #FFF;
  }
  .main-navigation .header-number {
    display: inline-block;
  }
  .main-navigation .header-number i.fa {
    border: 2px solid #FFF;
    line-height: 45px;
    border-radius: 10px;
    font-size: 30px;
    position: relative;
    top: 0px;
    width: 50px;
    height: 50px;
    text-align: center;
    margin-right: 0px;
    color: #FFF;
    padding-top: 1px;
  }
  .main-navigation .header-number i.fa:hover {
    background: #FFF;
    color: #30a435;
  }
  .main-navigation .header-fb {
    padding-bottom: 5px;
    border: 2px solid #FFF;
    border-radius: 10px;
    padding-top: 7px;
    display: inline-block;
    float: none;
    bottom: 2px;
    margin-right: 11px;
    margin-left: 12px;
    width: 50px;
    height: 50px;
    text-align: center;
    position: relative;
    top: -1px;
    font-size: 24px;
    color: #FFF;
  }
  .main-navigation .header-fb:hover {
    background: #FFF;
  }
  .main-navigation .header-fb i.fa {
    color: #FFF;
  }
  .main-navigation .header-fb:hover i.fa {
    color: #30a435;
  }
  .main-navigation .header-write-us {
    width: 50px;
    height: 50px;
    padding-top: 2px;
    line-height: 46px;
    color: #FFF;
    border-color: #FFF;
    padding-left: 0;
    padding-right: 0;
    text-align: center;
    position: relative;
    top: -2px;
  }
  .main-navigation .header-write-us:hover {
    background: #FFF;
  }
  .main-navigation .header-write-us i.fa {
    font-size: 24px;
  }
  .main-navigation .header-write-us:hover i.fa {
    color: #30a435;
  }
  .menu-contact {
    display: block;
    float: right;
    padding-top: 10px;
    padding-right: 20px;
  }
  .main-header.myfixedHeader .navbar-default {
    padding-top: 0;
  }
  #content {
    padding-top: 68px;
  }
  .home #content {
    padding-top: 68px;
  }
  .ref-block {
    margin-top: -15px;
  }
  .ref-btns {
    overflow-x: auto;
    width: 100%;
    text-align: left;
    -webkit-overflow-scrolling: touch;
    -webkit-tap-highlight-color: transparent;
    padding-bottom: 0;
    position: static;
  }
  .scroll-right-over {
    -webkit-box-shadow: inset -45px 0 40px -25px #5fbe1e;
    box-shadow: inset -45px 0 40px -25px #5fbe1e;
    content: "";
    display: none;
    width: 5rem;
    pointer-events: none;
    position: absolute;
    top: 0;
    right: 0;
    text-align: right;
    height: 122px;
    opacity: 0.85;
    z-index: 99;
  }
  .scroll-left-over {
    -webkit-box-shadow: inset 45px 0 40px -25px #00953e;
    box-shadow: inset 45px 0 40px -25px #00953e;
    content: "";
    display: none;
    width: 5rem;
    pointer-events: none;
    position: absolute;
    top: 0;
    left: 0;
    text-align: left;
    display: block;
    height: 122px;
    opacity: 0.85;
    z-index: 99;
  }
  .ref-btns-wrapper.scroll-left .scroll-left-over {
    display: none;
  }
  .ref-btns-wrapper.scroll-right .scroll-right-over {
    display: none;
  }
  .ref-btn-mobile {
    width: 850px;
  }
  .ref-btns .main-btn {
    width: auto;
  }
  .contact-info {
    padding-bottom: 10px;
  }
  .career h3 {
    line-height: 40px;
    margin-top: 10px;
  }
  .main-header .navbar-default .navbar-nav li.active a:hover,
  .main-header .navbar-default .navbar-nav li.current-menu-parent a:hover {
    color: #FFF;
    border-bottom: 2px solid #FFF;
  }
  .main-header .navbar-default .navbar-nav li a:hover {
    color: #FFF;
    border-bottom: 2px solid #FFF;
  }
  .career-photos-left {
    padding-right: 0;
  }
  .career-photos-right {
    padding-left: 0;
    padding-bottom: 45px;
    padding-top: 0;
  }
  .js-block {
    padding-bottom: 30px;
  }
  .contact-form .form-group:nth-child(5) input {
    display: block!important;
    padding-left: 0!important;
    padding-top: 5px;
  }
  .career .positions div.stredo-left {
    padding-right: 0;
    float: none;
    padding-bottom: 0px;
  }
  .stredo-left span {
    display: none;
  }
  .stredo-left img {
    display: none;
  }
  .stredo-left br {
    display: none;
  }
  .fotogalerie-link:not(.fotogalerie-link-mobile) {
    display: none!important;
  }
  .stredo-left.stredo-left-mobile {
    display: block;
    padding-top: 20px;
    padding-bottom: 15px!important;
  }
  .stredo-left.stredo-left-mobile span {
    display: block;
  }
  .stredo-left.stredo-left-mobile img {
    display: inline-block;
    margin-left: 10px;
    margin-right: 10px;
  }
  .offer-image {
    display: none;
  }
  .offer-image.offer-image-second {
    display: block;
    padding-top: 30px;
    padding-bottom: 25px;
  }
  .career .positions.positions-last {
    padding-top: 0;
  }
  .career .positions.row .col-md-6 {
    clear: both;
  }
  #top .dlazdice-custom:nth-child(4) {
    position: static;
  }
}
@media only screen and (max-width: 1180px) {
  .ref-btns {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media only screen and (max-width: 600px) {
  #site-footer .footer-top a {
    width: 100%;
  }
}
@media only screen and (max-width: 550px) {
  .benefity-photo-gallery .gallery-item {
    max-width: 100%;
  }
  .main-btn {
    line-height: 30px;
    text-align: center;
    min-height: 50px;
    padding-top: 9px;
    padding-bottom: 9px;
  }
  .facts .newsletter-wrapper form input.odeslat {
    line-height: 31px;
  }
  .main-header {
    height: auto;
  }
  .main-header .logo {
    width: 100%;
    text-align: center;
  }
  .main-header .logo img {
    width: 150px;
  }
  .main-header .page-header-top-right {
    width: 100%;
    position: relative;
    padding-top: 0;
    margin-top: -10px;
    padding-bottom: 10px;
    position: absolute;
    top: 68px;
    display: none;
  }
  .main-header .main-navigation .navbar-toggle {
    float: left;
    margin-left: 20px;
  }
  .main-header.myfixedHeader {
    height: auto;
  }
  .main-header.myfixedHeader .page-header-top-right {
    transition: 0.5s all linear;
    width: auto;
    position: absolute;
    top: 13px;
  }
  .main-header.myfixedHeader .page-header-top-right .header-fb {
    display: none;
  }
  .main-header.myfixedHeader .page-header-top-right .header-number {
    display: none;
  }
  .main-header.myfixedHeader .main-navigation .navbar-toggle {
    margin-bottom: 10px;
  }
  .facts .facts-single {
    padding-left: 0;
    padding-right: 0;
    font-size: 14px;
  }
  .facts .facts-single:nth-child(2) {
    padding-left: 11px;
    padding-right: 11px;
  }
  .facts .fact-number {
    font-size: 30px;
    margin-bottom: 10px;
  }
  .facts .newsletter-wrapper {
    width: 275px;
  }
  .team .video iframe {
    height: 180px!important;
  }
  #content {
    padding-top: 68px;
  }
  .home #content {
    padding-top: 0px;
  }
  .intro {
    padding-top: 110px;
    margin-bottom: 90px;
  }
}
@media only screen and (max-width: 500px) {
  .round-dlazdice .dlazdice-icon {
    float: none;
    margin: auto;
  }
  .round-dlazdice .round-dlazdice-title {
    padding-top: 15px;
    text-align: center;
  }
  .round-dlazdice .round-dlazdice-title.dlazdice-second {
    padding-top: 15px;
  }
  .round-dlazdice .round-dlazdice-title.dlazdice-fourth {
    padding-top: 15px;
  }
  .ref-pagination {
    display: none;
  }
  #site-footer .footer-bottom {
    font-size: 14px;
  }
  .fix-shoproku {
    width: 115px;
  }
}
@media only screen and (max-width: 430px) {
  .wp-nette-form .form-group:first-child:not(.edited) .has-icon ~ label {
    width: 49px;
    white-space: nowrap;
    overflow: hidden;
  }
  .rtsoft-info h2 {
    line-height: 48px;
  }
  .fix-shoproku {
    display: none;
  }
}
@media only screen and (max-width: 361px) {
  .single-post .ref-page-text .main-btn {
    height: initial;
  }
}
@media only screen and (max-width: 340px) {
  .facts .facts-wrapper .facts-single {
    font-size: 12px;
  }
}
.workshop .row {
  padding-bottom: 40px;
}
.workshop .row div.workshop-info {
  padding-top: 20px;
}
.fotogalerie-link {
  padding-top: 20px;
  display: block;
  width: 100%;
  max-width: 150px;
  margin: 0 auto 30px;
  text-align: center;
}
.fotogalerie-link .text {
  text-transform: uppercase;
  display: block;
  padding-top: 10px;
  color: #30a435;
}
.fotogalerie-link a {
  outline: none!important;
}
.fotogalerie-link a:hover .text {
  color: #575656;
}
.fotogalerie-link.fotogalerie-link-mobile {
  display: none;
}
@media screen and (max-width: 767px) {
  .fotogalerie-link.fotogalerie-link-mobile {
    display: block;
  }
}
.min-650 {
  min-height: 650px;
}
.lang-menu {
  float: right!important;
  padding-left: 35px;
  position: relative;
}
.lang-menu .lang-menu-btn {
  display: block;
  cursor: pointer;
  padding-left: 12px!important;
  padding-right: 13px!important;
  position: initial!important;
}
.lang-menu ul {
  display: none;
  position: absolute;
  top: 0;
  right: 0;
  list-style-type: none;
  padding-left: 0;
  width: 52px;
  background: #FFF;
  text-align: center;
  padding-top: 14px;
  border-radius: 10px;
  box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.2);
}
.lang-menu ul li a {
  padding-bottom: 10px;
  display: block;
  font-weight: 600;
}
@media screen and (max-width: 1875px) {
  .lang-menu {
    padding-left: 15px;
  }
}
.main-header .navbar-default .menu-item-has-children .sub-menu {
  border-radius: 10px;
  border: none;
  left: -5px;
  box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.2);
}
.main-header .navbar-default .menu-item-has-children .sub-menu .menu-item a {
  color: #575656;
  border: none;
  padding: 10px 15px 10px;
  background: none;
}
.main-header .navbar-default .menu-item-has-children .sub-menu .menu-item a:hover {
  border: none!important;
  color: #30a435;
}
.main-header .navbar-default .menu-item-has-children .sub-menu .menu-item a:focus {
  outline: none;
  border: none;
}
.main-header .navbar-default .menu-item-has-children .sub-menu .menu-item.current_page_item a {
  color: #30a435;
}
@media screen and (max-width: 991px) {
  .main-header .navbar-default .menu-item-has-children .sub-menu {
    background-color: #FFF;
    position: relative;
    top: 0;
    left: 4px;
  }
}
@media screen and (max-width: 991px) {
  .main-header .navbar-default .menu-item-has-children {
    height: auto;
  }
  .main-header .navbar-default .menu-item-has-children a.dropdown-toggle {
    display: none;
  }
  .main-header .navbar-default .menu-item-has-children .sub-menu {
    display: inline-block;
    background: none;
    box-shadow: none;
    left: 0;
  }
  .main-header .navbar-default .menu-item-has-children .sub-menu .menu-item a {
    color: #FFF;
    padding-left: 0;
    padding-bottom: 5px;
  }
  .main-header .navbar-default .menu-item-has-children .sub-menu .menu-item a:hover {
    color: #FFF;
    border-bottom: 2px solid!important;
  }
  .main-header .navbar-default .menu-item-has-children .sub-menu .menu-item.current_page_item a {
    color: #FFF;
    border-bottom: 2px solid #FFF;
  }
}
@media screen and (max-width: 991px) {
  .main-header .logo {
    padding-top: 5px!important;
  }
}
@media screen and (max-width: 1300px) {
  .main-header .page-header-top-right .lang-menu-btn {
    width: auto;
  }
}
@media screen and (max-width: 1200px) {
  .main-header .page-header-top-right .lang-menu {
    padding-left: 4px;
  }
}
/*@media screen and (max-width: 991px) {
    .main-header {
        .main-navigation {
            width: 48%;
        }
    }
}*/
@media only screen and (max-width: 991px) {
  .lang-menu .lang-menu-btn {
    color: #FFF;
    border-color: #FFF;
  }
  .lang-menu .lang-menu-btn:hover {
    background-color: white;
    color: #30a435;
  }
  .lang-menu ul {
    z-index: 999;
  }
}
.main-header .page-header-top-right {
  position: absolute;
  right: 15px;
  width: auto;
}
@media screen and (max-width: 1199px) {
  .main-header .page-header-top-right {
    position: relative;
    right: auto;
    text-align: right;
  }
  .main-header .page-header-top-right .header-fb {
    margin-left: auto;
    margin-right: auto;
  }
}
.main-header .page-header-top-right .main-btn {
  float: none;
  position: relative;
  top: -6px;
}
@media screen and (max-width: 1199px) {
  .main-header .page-header-top-right .main-btn {
    top: -3px;
  }
}
@media screen and (max-width: 991px) {
  .main-header .site-branding {
    width: 95%;
    position: relative;
  }
}
.main-navigation .navbar-default {
  text-align: left;
}
.main-navigation .navbar-default .navbar-nav .menu-item-has-children.open a {
  border: none;
}
.main-navigation .navbar-default .navbar-nav .menu-item-has-children.open a:hover {
  border: none;
}
.main-navigation .navbar-default .navbar-nav .menu-item-has-children.open a:focus {
  border: none;
}
.main-navigation .navbar-default .navbar-nav .menu-item-has-children.open a:focus:hover {
  border: none;
}
@media screen and (max-width: 1600px) {
  .main-navigation .navbar-default {
    text-align: center;
  }
}
@media screen and (max-width: 1499px) {
  .main-navigation .navbar-default {
    text-align: left;
    padding-left: 35px;
  }
}
@media screen and (max-width: 1199px) {
  .main-navigation .navbar-default {
    text-align: center;
    padding-left: 0;
  }
}
@media screen and (max-width: 991px) {
  .main-navigation .navbar-default {
    text-align: left;
  }
}
@media screen and (max-width: 991px) {
  .main-navigation {
    width: 55%;
  }
}
@media screen and (max-width: 991px) {
  .main-navigation {
    overflow: scroll;
  }
}
@media screen and (max-width: 991px) {
  .main-header .site-branding {
    width: 100%;
  }
  .main-header .navbar-default .navbar-nav li a:hover {
    color: #FFF;
    border-color: #FFF;
  }
  .main-header .navbar-default .navbar-nav li a:hover:focus {
    color: #FFF;
    border-color: #FFF;
  }
  .main-header .navbar-default .navbar-nav li.open a:hover {
    color: #FFF;
  }
  .main-header .navbar-default .navbar-nav li.open a:hover:focus {
    color: #FFF;
    border: none;
  }
  .main-header .navbar-default .navbar-nav li.current-menu-parent a:hover {
    border: none;
  }
  .main-header .navbar-default .navbar-nav .menu-item-has-children a:hover {
    border: none;
  }
}
@media only screen and (max-width: 991px) {
  .navbar-nav > li {
    float: none;
  }
  .main-header .navbar-header {
    text-align: left;
  }
  .main-header .main-navigation {
    top: 10px;
  }
  .main-header .page-header-top-right {
    display: none;
  }
  .main-header .logo {
    width: 100%;
    text-align: center;
    float: none;
  }
  .main-header .logo a {
    display: inline-block;
    margin-top: 0px;
    margin-bottom: 0px;
    width: 150px;
  }
  .main-header .logo img {
    display: inline-block;
    width: 100%;
  }
}
@media only screen and (max-width: 991px) {
  .lang-menu .lang-menu-btn {
    color: #FFF;
    border-color: #FFF;
  }
  .lang-menu .lang-menu-btn:hover {
    background-color: white;
    color: #30a435;
  }
  .lang-menu ul {
    z-index: 999;
  }
  /*    h2 {
        line-height: 40px;
    }
    .dlazdice-custom {
        width: 100%!important;
        height: auto!important;
    }
    .dlazdice-custom img {
        height: auto!important;
    }
    .dlazdice-custom .dlazdice-img-in {
        right: 60px;
    }
    .dlazdice-custom .dlazdice-wrapper .dlazdice-img {
        display: block!important;
    }
    h1 {
        font-size: 40px;
        line-height: 56px;
    }
    .dlazdice-style {
        height: 250px!important;
    }
    .dlazdice-style .dlazdice-wrapper {
        height: 100%!important;
    }
    .dlazdice-style .dlazdice-wrapper .dlazdice-img {
        display: block;
    }
    .dlazdice-style .dlazdice-wrapper .dlazdice-img span {
        padding-left: 7px;
        padding-top: 7px;
        left: 0;
        top: 0;
    }
    .dlazdice-style .dlazdice-wrapper .dlazdice-content {
        opacity: 1;
        height: 100%!important;
        position: relative;
        text-align: left;
    }
    .dlazdice-style .dlazdice-wrapper .dlazdice-content h2 {
        font-size: 40px;
    }
    .dlazdice-style .dlazdice-wrapper .dlazdice-content span {
        float: none;
        display: block!important;
    }
    .about h2 {
        font-size: 40px;
        padding-bottom: 50px;
    }
    .about svg {
        width: 130px;
        height: 130px;
    }
    .about h3 {
        height: 155px;
    }
    .about .about-dlazdice:hover .main-btn {
        width: 100%;
        margin-bottom: 20px;
    }
    .entry-header {
        padding-left: 15px;
        padding-right: 15px;
    }
    .entry-header.contact-header {
        margin-bottom: 60px;
    }
    .contact-images .contact-left {
        padding-right: 15px;
    }
    .contact-images .contact-left .contact-padding {
        float: none;
        width: 100%;
    }
    .contact-images .contact-right {
        padding-left: 15px;
    }
    .contact-images .contact-right .contact-padding {
        float: none;
        width: 100%;
    }
    .contact-images .contact-padding {
        padding-top: 30px;
    }
    .contact-info .contact-info-content {
        padding-left: 15px;
        padding-right: 15px;
    }
    .contact-info .contact-info-content .rtsoft-info {
        padding-top: 0;
        text-align: center;
        padding-bottom: 30px;
        float: none;
        padding-left: 0!important;
    }
    .contact-info .contact-info-content .rtsoft-photo {
        text-align: center;
    }*/
  .navbar-header {
    text-align: center;
    height: auto;
    z-index: 110;
  }
  .main-navigation .navbar-default .navbar-collapse {
    border: none;
  }
  .main-navigation .navbar-default .navbar-default .navbar-nav li a {
    font-size: 18px;
  }
  .main-navigation .navbar-toggle {
    margin: auto;
    float: none;
    padding-top: 11px;
    border: 2px solid #30a435;
    border-radius: 10px;
    position: relative;
    z-index: 1000;
    width: 50px;
    height: 50px;
    text-align: center;
  }
  .main-navigation .navbar-toggle:hover {
    background: transparent;
  }
  .main-navigation .navbar-toggle .icon-bar {
    background: #30a435;
    width: auto;
  }
  .main-navigation .navbar-toggle .icon-bar + .icon-bar {
    margin-top: 5px;
  }
  /*.container {
        width: 100%;
        padding-left: 15px;
        padding-right: 15px;
    }*/
  .main-header {
    padding-bottom: 0;
  }
  .main-header .logo {
    width: 100%;
    text-align: center;
  }
  .main-header .logo img {
    width: 150px;
  }
  .main-header.myfixedHeader .main-navigation {
    top: 0px;
  }
  .main-header .main-navigation {
    padding-top: 0;
    position: absolute;
    top: 0;
    background: #30a435;
    width: 90%;
    z-index: 1001;
    left: -100%;
    height: 100vh;
    text-align: left;
    transition: all 0.3s;
  }
  .main-header .main-navigation.open {
    left: 0;
  }
  .main-header .logo {
    padding-top: 0;
    padding-left: 15px;
  }
  .main-header .logo a {
    position: relative;
    z-index: 1001;
  }
  .main-header .site-branding {
    width: 100%;
  }
  .main-header .page-header-top-right {
    position: absolute;
    top: 0px;
    right: 0px;
    padding-left: 0px;
    padding-right: 15px;
    display: none;
  }
  .main-header .page-header-top-right .main-btn {
    float: none;
  }
  .main-header .page-header-top-right .header-fb {
    margin-right: 10px;
  }
  .main-header .page-header-top-right .header-number {
    padding-right: 0px;
  }
  .main-header .page-header-top-right .header-write-us {
    position: relative;
    top: -2px;
  }
  .main-header .navbar-header {
    display: none;
  }
  /*
    .intro {
        padding-top: 50px;
        height: auto;
        padding-bottom: 0;
    }
    .intro #bgvid {
        display: none;
    }
    .intro h1 {
        font-size: 34px;
        line-height: 46px;
        padding-bottom: 20px;
    }
    .intro .intro-content {
        padding-top: 10px;
        padding-bottom: 35px;
    }
    .intro .intro-ref {
        display: none;
    }
    .intro .intro-content h2 {
        font-size: 20px;
        line-height: 34px;
        display: block;
        padding-left: 0;
        padding-right: 0;
    }
    .logo {
        text-align: center;
    }
    #site-footer {
        padding-top: 0;
    }
    #site-footer .footer-top {
        padding-left: 20px;
    }
    #site-footer .footer-top a{
        width: 50%;
    }
    #site-footer .footer-bottom {
        padding-left: 20px;
        padding-right: 20px;
        text-align: center;
    }
    .round-dlazdice {
        clear: both;
    }
    .round-dlazdice .round-dlazdice-title {
        padding-top: 60px;
    }
    .round-dlazdice .round-dlazdice-title.dlazdice-second {
        padding-top: 60px;
    }
    .round-dlazdice .round-dlazdice-title.dlazdice-fourth {
        padding-top: 50px;
    }
    .gallery-icon img {
        max-width: 100%;
        height: auto;
    }
    .small-clear {
        clear: both;
    }
    .facts .facts-wrapper {
        padding-top: 40px;
        padding-left: 0;
        padding-right: 0;
    }
    .facts .newsletter-wrapper {
        padding-bottom: 35px;
    }
    h1 {
        font-size: 40px;
    }
    .single-post #site-footer {
        margin-top: -35px;
    }
    .contact-form {
        width: 100%;
        padding-left: 10px;
        padding-right: 10px;
    }
    .contact-form .form-group input[type=submit] {
        width: 200px;
    }
    .hp-guide {
        display: none;
    }
    .ref-btns {
        padding-left: 20px;
        padding-right: 20px;
    }
    .ref-btns .main-btn {
        width: 100%;
        margin-right: 0;
    }
    .single-post .ref-page-text {
        width: 100%;
    }
    .page-id-12 #site-footer {
        padding-top: 15px;
    }
    .career {
        text-align: center;
    }
    .career svg {
        float: none;
        margin-bottom: 0;
        margin-right: 0;
    }
    .career ul {
        padding-left: 0;
    }
    .career ul li:before {
        display: none;
    }
    .career .position {
        width: 100%;
    }
    .career .position.position-second {
        width: 100%;
    }
    .career .position.position-full {
        width: 100%;
    }
    .career .offer {
        text-align: left;
    }
    .career .position.position-second.position-vysokoskolak{
        text-align: left;
    }
    .career .position.position-second.position-vysokoskolak h3{
        text-align: center;
    }
    .career .position.position-second.position-vysokoskolak p:first-of-type{
        text-align: center;
    }
    .svg-icon {
        text-align: center;
    }
    .svg-icon svg {
        float: none;
        margin-right: 0;
        margin-bottom: 0;
    }
    .svg-icon h2 {
        margin-bottom: 35px;
        display: block;
    }
    .svg-icon ul {
        padding-left: 0;
    }
    .svg-icon ul li:before {
        display: none;
    }
    .specializace {
        text-align: center;
    }
    .specializace ul {
        padding-left: 0;
    }
    .specializace ul li:before {
        display: none;
    }
    .our-projects ul {
        padding-left: 0;
    }
    .our-projects ul li {
        width: 100%;
        float: none;
        text-align: center;
    }
    .mista{
        margin-top: -5px;
    }
    .contact-form .form-group{
        width: 96%;
        float: none;
    }*/
  .navbar-collapse {
    width: 100%;
    background: #FFF;
    display: block;
    background: #30a435;
  }
  .main-header .navbar-default .navbar-nav li a {
    color: #FFF;
  }
  .main-header .navbar-default .navbar-nav li.active a,
  .main-header .navbar-default .navbar-nav li.current-menu-parent a {
    color: #FFF;
    border-color: #FFF;
  }
  .main-header .navbar-default .navbar-nav li.active a,
  .main-header .navbar-default .navbar-nav li.current-menu-parent a {
    color: #FFF;
    border-color: #FFF;
  }
  .main-header .navbar-default .navbar-collapse > ul {
    float: left;
    display: inline-block;
    padding-left: 20px;
    text-align: left;
    width: 180px;
    margin-top: 0;
    margin-bottom: 15px;
  }
  .main-header .navbar-default .navbar-nav li a {
    padding-bottom: 5px;
    padding-top: 20px;
  }
  .overlay-menu {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.7);
    z-index: 1000;
    transition: opacity 0.3s, visibility 0s 0.3s;
    opacity: 0;
    visibility: hidden;
  }
  .overlay-menu.slow {
    opacity: 1;
    visibility: visible;
    transition: opacity 0.3s, visibility 0s 0s;
  }
  .main-header .navbar-default .navbar-nav li {
    height: 47px;
  }
  #close-menu {
    display: inline-block;
    cursor: pointer;
    border: 2px solid #FFF;
    color: #FFF;
    font-size: 32px;
    width: 50px;
    height: 50px;
    text-align: center;
    border-radius: 10px;
    margin-bottom: 10px;
    margin-top: 10px;
    margin-left: 20px;
  }
  #close-menu:hover {
    color: #30a435;
    background: #FFF;
  }
  #open-menu {
    display: inline-block;
    cursor: pointer;
    border: 2px solid #30a435;
    color: #30a435;
    font-size: 28px;
    width: 50px;
    height: 50px;
    text-align: center;
    border-radius: 10px;
    margin-bottom: 10px;
    margin-top: 10px;
    margin-left: 5px;
    float: left;
    padding-top: 3px;
    position: absolute;
    left: 20px;
  }
  #open-menu:hover {
    background: #30a435;
    color: #FFF;
  }
  .main-navigation .header-number {
    display: inline-block;
  }
  .main-navigation .header-number i.fa {
    border: 2px solid #FFF;
    line-height: 45px;
    border-radius: 10px;
    font-size: 30px;
    position: relative;
    top: 0px;
    width: 50px;
    height: 50px;
    text-align: center;
    margin-right: 0px;
    color: #FFF;
    padding-top: 1px;
  }
  .main-navigation .header-number i.fa:hover {
    background: #FFF;
    color: #30a435;
  }
  .main-navigation .header-fb {
    padding-bottom: 5px;
    border: 2px solid #FFF;
    border-radius: 10px;
    padding-top: 7px;
    display: inline-block;
    float: none;
    bottom: 2px;
    margin-right: 0;
    margin-left: 0;
    width: 50px;
    height: 50px;
    text-align: center;
    position: relative;
    top: -1px;
    font-size: 24px;
    color: #FFF;
  }
  .main-navigation .header-fb:hover {
    background: #FFF;
  }
  .main-navigation .header-fb i.fa {
    color: #FFF;
  }
  .main-navigation .header-fb:hover i.fa {
    color: #30a435;
  }
  .main-navigation .header-write-us {
    width: 50px;
    height: 50px;
    padding-top: 2px;
    line-height: 46px;
    color: #FFF;
    border-color: #FFF;
    padding-left: 0;
    padding-right: 0;
    text-align: center;
    position: relative;
    top: -2px;
  }
  .main-navigation .header-write-us:hover {
    background: #FFF;
  }
  .main-navigation .header-write-us i.fa {
    font-size: 24px;
  }
  .main-navigation .header-write-us:hover i.fa {
    color: #30a435;
  }
  .menu-contact {
    display: block;
    float: right;
    padding-top: 10px;
    padding-right: 20px;
  }
  .main-header.myfixedHeader .navbar-default {
    padding-top: 0;
  }
  #content {
    padding-top: 68px;
  }
  .home #content {
    padding-top: 68px;
  }
  /*
    .ref-block{
        margin-top: -15px;
    }
    .ref-btns{
        overflow-x: auto;
        width: 100%;
        text-align: left;
        -webkit-overflow-scrolling: touch;
        -webkit-tap-highlight-color: transparent;
        padding-bottom: 40px;
        position: static;
    }
    .scroll-right-over{
        -webkit-box-shadow: inset -45px 0 40px -25px #5fbe1e;
        box-shadow: inset -45px 0 40px -25px #5fbe1e;
        content: "";
        display: block;
        width: 5rem;
        pointer-events: none;
        position: absolute;
        top: 0;
        right: 0;
        text-align: right;
        height: 122px;
        opacity: 0.85;
        z-index: 99;
    }
    .scroll-left-over{
        -webkit-box-shadow: inset 45px 0 40px -25px #00953e;
        box-shadow: inset 45px 0 40px -25px #00953e;
        content: "";
        display: block;
        width: 5rem;
        pointer-events: none;
        position: absolute;
        top: 0;
        left: 0;
        text-align: left;
        display: block;
        height: 122px;
        opacity: 0.85;
        z-index: 99;
    }
    .ref-btns-wrapper.scroll-left .scroll-left-over{
        display: none;
    }
    .ref-btns-wrapper.scroll-right .scroll-right-over{
        display: none;
    }
    .ref-btn-mobile{
        width: 1150px;
    }
    .ref-btns .main-btn{
        width: auto;
    }
    .contact-info{
        padding-bottom: 10px;
    }

    .career h3{
        line-height: 40px;
        margin-top: 10px;
    }

    .main-header .navbar-default .navbar-nav li.active a:hover, .main-header .navbar-default .navbar-nav li.current-menu-parent a:hover{
        color: @white;
        border-bottom: 2px solid @white;
    }

    .main-header .navbar-default .navbar-nav li a:hover{
        color: @white;
        border-bottom: 2px solid @white;
    }
    .career-photos-left{
        padding-right: 0;
    }
    .career-photos-right{
        padding-left: 0;
        padding-bottom: 45px;
        padding-top: 0;
    }

    .js-block{
        padding-bottom: 30px;
    }
    .contact-form .form-group:nth-child(5) input{
        display: block!important;
        padding-left: 0!important;
        padding-top: 5px;
    }*/
}
@media only screen and (max-width: 411px) {
  .menu-contact {
    float: none;
    text-align: left;
    padding: 5px 20px 10px;
    width: 289px;
  }
}
@media screen and (max-width: 767px) {
  .main-header .navbar-default .navbar-collapse ul:not(.sub-menu) {
    padding-left: 35px;
  }
}
.mfp-hide {
  display: none!important;
}
.rsUni .rsFullscreenBtn .rsFullscreenIcn {
  background: none;
  position: absolute;
}
.rsUni .rsFullscreenBtn .rsFullscreenIcn::before,
.rsUni .rsFullscreenBtn .rsFullscreenIcn::after {
  position: absolute;
  left: 15px;
  content: ' ';
  height: 30px;
  width: 2px;
  background-color: #fff;
}
.rsUni .rsFullscreenBtn .rsFullscreenIcn::before {
  transform: rotate(45deg);
}
.rsUni .rsFullscreenBtn .rsFullscreenIcn::after {
  transform: rotate(-45deg);
}
table {
  border-collapse: collapse;
  border-radius: 10px;
  border-spacing: 0;
}
table td {
  padding: 10px 20px!important;
  vertical-align: middle!important;
}
table th {
  padding: 30px 20px!important;
  background: #30a435;
  color: #FFF;
  white-space: nowrap;
  text-align: center;
}
.shadow {
  box-shadow: 0px 0px 35px 0px rgba(0, 0, 0, 0.5);
}
.career .stredo-left {
  width: 184px;
}
@media screen and (max-width: 767px) {
  .career .stredo-left {
    width: 100%;
  }
}
.student-table:not(:first-child) {
  margin-top: 50px;
}
.student-table.panel {
  border: none;
}
.student-table table thead th {
  text-transform: uppercase;
  font-size: 19px;
  padding: 30px 25px!important;
  border: none;
}
.student-table table tbody td:not(:first-child) {
  text-align: justify;
}
.student-table table tbody td:nth-child(3) {
  text-align: center;
}
.student-table table tbody td:nth-child(4) {
  text-align: center;
}
@media screen and (max-width: 767px) {
  .student-table table thead th {
    font-size: 17px;
    padding: 20px 10px!important;
    white-space: unset!important;
  }
  .student-table table tbody td {
    font-size: 15px;
    white-space: unset!important;
  }
  .student-table table tbody td:nth-child(2) {
    min-width: 500px;
  }
}
.student-table .red {
  color: red;
}
.pomahame h2 {
  margin-top: 35px;
  line-height: 60px;
  margin-bottom: 15px;
}
@media screen and (max-width: 991px) {
  .pomahame h2 {
    margin-top: 10px;
    line-height: 40px;
  }
}
@media screen and (max-width: 480px) {
  .pomahame h2 {
    font-size: 32px;
  }
}
.pomahame img {
  max-width: 100%;
}
.pomahame p {
  margin-bottom: 15px;
}
.pomahame .row {
  padding-bottom: 40px;
}
.pomahame .row div:first-child {
  padding-left: 0;
  padding-right: 35px;
}
@media screen and (max-width: 991px) {
  .pomahame .row div:first-child {
    padding-right: 0;
  }
}
.pomahame .row div:last-child {
  padding-top: 40px;
  padding-left: 0;
  padding-right: 0;
}
@media screen and (max-width: 991px) {
  .pomahame .row {
    padding-bottom: 25px;
  }
  .pomahame .row:first-child h2 {
    margin-top: 0;
  }
}
.pomahame .link {
  font-size: 20px;
  position: relative;
  display: inline-block;
  text-decoration: underline;
}
.pomahame .link:hover {
  text-decoration: none;
}
.pomahame .link::after {
  display: block;
  content: "\f08e";
  font-family: fontAwesome;
  font-size: 12px;
  position: absolute;
  top: -3px;
  right: -18px;
}
.pomahame .quote {
  font-size: 20px;
}
.novinky h2 {
  margin-top: 35px;
  line-height: 45px;
  margin-bottom: 5px;
  text-transform: unset;
}
@media screen and (max-width: 991px) {
  .novinky h2 {
    margin-top: 10px;
    line-height: 40px;
  }
}
.novinky img {
  max-width: 100%;
  height: auto;
}
.novinky p {
  margin-bottom: 15px;
}
.novinky .row {
  padding-bottom: 40px;
}
.novinky .row div:first-child {
  padding-left: 0;
  padding-right: 35px;
}
.novinky .row div:last-child {
  padding-top: 40px;
  padding-left: 0;
  padding-right: 0;
}
@media screen and (max-width: 991px) {
  .novinky .row {
    padding-bottom: 25px;
  }
  .novinky .row:first-child h2 {
    margin-top: 0;
  }
}
.novinky .post-date {
  font-style: italic;
  font-size: 16px;
  text-transform: lowercase;
}
.novinky .zpravicky-popup-link {
  outline: none!important;
}
.novinky .mfp-zoom-out-cur {
  cursor: pointer!important;
}
.novinky .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: pointer!important;
}
@media only print {
  header {
    display: none;
  }
  footer {
    display: none;
  }
}
.nastaveni-posty ol {
  margin-bottom: 0;
}
.nastaveni-posty ol li {
  padding-bottom: 10px;
}
.nastaveni-posty ol li:last-child {
  padding-bottom: 0;
}
.nastaveni-posty .nastaveni-posty-blok {
  padding-bottom: 20px;
}
.nastaveni-posty .pad-left-blok {
  padding-left: 20px;
}
.rsUni .rsGCaption {
  bottom: unset;
  top: 15px;
  left: 50%;
  transform: translateX(-50%);
  font-size: 20px;
  text-align: center;
}
.gymnazium-blovice-link {
  display: block;
  margin-top: 20px;
}
.gymnazium-blovice-link img {
  margin-top: 0;
}
#top .reference.dlazdice.dlazdice-custom:first-child {
  height: 60%;
}
#top .reference.dlazdice:nth-child(4) {
  height: 40%;
  width: 25%;
  position: absolute;
  left: 0;
  bottom: 0;
}
@media (min-width: 851px) and (max-width: 901px) {
  .main-header .main-navigation .navbar-nav li a {
    font-size: 14px;
  }
  .main-navigation {
    width: 80%;
  }
  .main-header .page-header-top-right {
    position: absolute;
    right: 0;
  }
}
@media only screen and (max-width: 991px) {
  .main-navigation .header-fb {
    margin-left: 13px;
  }
  .header-write-us {
    margin-left: 13px;
  }
}
@media only screen and (max-width: 479px) {
  .main-navigation .header-fb {
    margin-left: 1px;
  }
  .header-write-us {
    margin-left: 1px;
  }
  .lang-menu {
    padding-left: 4px;
  }
}
@media only screen and (max-width: 411px) {
  .lang-menu {
    position: absolute;
    top: 10px;
    right: 15px;
  }
  .main-navigation .header-fb {
    margin-right: 0;
    margin-left: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .dlazdice-style .dlazdice-wrapper .dlazdice-img span {
    left: 0;
    right: 0;
    text-align: center;
    padding-left: 0;
  }
}
a.reframe {
  position: relative;
  margin: 1rem 0 2rem 0;
  display: inline-block;
  white-space: nowrap;
  padding: 1rem;
  text-align: center;
  width: 100%;
  height: 200px;
  visibility: visible;
}
a.reframe .refbor {
  position: inherit;
  display: inherit;
  white-space: inherit;
  text-align: inherit;
  width: inherit;
  height: inherit;
  border-radius: 20px;
  box-shadow: 0px 5px 20px #e5e5e5;
}
a.reframe img {
  vertical-align: middle;
}
.refbox {
  display: inline-block;
  max-height: 200px;
  height: 100%;
  width: auto;
  vertical-align: middle;
}
.refhov {
  display: none;
  margin: 0;
  padding: 1.75rem 3.125rem;
  position: absolute;
  top: -35%;
  left: -9%;
  width: 118%;
  height: 400px;
  border-radius: 20px;
  box-shadow: 0px 5px 20px #e5e5e5;
  background-color: #fff;
  z-index: 99;
  text-align: center;
}
.refhov .star {
  display: inline-block;
  width: 100%;
  color: #30A435;
  font: normal normal bold 16px/28px Open Sans;
  margin-bottom: 3.75rem;
}
.refhov .refcat {
  display: inline-block;
  width: 100%;
  font: normal normal normal 14px/28px Open Sans;
  color: #808080;
  margin: 2.5rem 0 1.875rem 0;
  text-transform: uppercase;
}
@media only screen and (max-width: 333px) {
  .refhov .refcat {
    line-height: 20px;
  }
}
.refhov p {
  font: normal normal normal 16px/28px Open Sans;
  color: #575656;
}
@media only screen and (max-width: 374px) {
  .refhov p {
    font-size: 14px;
    line-height: 24px;
  }
}
@media only screen and (max-width: 333px) {
  .refhov p {
    font-size: 13px;
  }
}
.refhov a {
  display: inline-block;
  margin-top: 1.875rem;
  width: 100%;
  font: normal normal bold 14px/28px Open Sans;
  color: #30A435;
}
.refhov a .studie {
  text-transform: uppercase;
  margin-top: 1.875rem;
  width: 100%;
  font: normal normal bold 14px/28px Open Sans;
  color: #30A435;
}
.ptb {
  padding: 5rem 0;
}
.pt {
  padding-top: 4rem;
}
@media only screen and (max-width: 991px) {
  .refhov {
    display: inline-block !important;
    width: 90%;
    left: 0;
    margin: 0 5%;
  }
  a.reframe {
    height: 400px;
    visibility: hidden;
  }
}
.mb-5 {
  margin-top: 50px;
  margin-bottom: 130px;
}
.mb-55 {
  margin-top: 50px;
  margin-bottom: 0px;
}
@media only screen and (min-width: 551px) and (max-width: 991px) {
  .mb-55 {
    margin-top: 130px;
  }
}
@media only screen and (max-width: 550px) {
  .mb-55 {
    margin-top: 130px;
  }
}
.ref-btn-mobile {
  max-width: 1150px;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .col-xsl-6 {
    width: 50%;
  }
}
@media only screen and (min-width: 480px) and (max-width: 682px) {
  .refhov p,
  .refhov .refcat {
    font-size: 13px;
    line-height: 20px;
  }
  .refhov a {
    font-size: 12px;
    line-height: 20px;
  }
}
@media only screen and (min-width: 480px) and (max-width: 525px) {
  .refhov a img {
    width: 100%;
    height: auto;
  }
}
/*start kariera kulate obrazky*/
.benef {
  text-align: center;
  width: 100%;
  position: relative;
}
.benef a {
  float: none;
  display: inline-block;
  padding-bottom: 0px;
  padding-top: 15px;
  cursor: pointer;
  color: #575656;
}
.benef a.klik {
  padding-bottom: 76px;
}
.benef a.klik p {
  display: inline-block;
}
.benef a p {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  float: left;
  line-height: 28px;
  margin-top: 20px;
}
.benef a img {
  width: 100%;
  max-width: 160px;
  height: auto;
}
@media screen and (min-width: 1300px) {
  .benef a {
    padding-bottom: 56px;
  }
}
.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
/*end kariera kulate obrazky*/
.citation {
  text-align: center;
  line-height: 40px;
  color: #565656;
}
.citation:before {
  content: '\0201C\00009';
}
.citation:after {
  content: '\00009\0201E';
}
.citation:before,
.citation:after {
  font-family: Georgia,Times,Times New Roman,serif;
  color: #999;
  font-size: 50px;
}
.career .cust-btn {
  width: 400px;
}
@media only screen and (max-width: 28.125em) {
  .career .cust-btn {
    width: 100%;
  }
}
.btnfr {
  margin-right: 0;
  margin-left: 0;
  float: right;
}
@media only screen and (max-width: 991px) {
  .ref-block {
    padding-top: 90px;
  }
  .career .main-btn.btn-php.btn-right,
  .career .main-btn.btn-php,
  .career .main-btn.btn-vysokoskolak {
    margin-top: 0 !important;
  }
}
.fadeIn2 {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.history__container {
  max-width: 1020px;
  margin: 0 auto 30px;
  padding: 0 20px;
}
.history__title {
  color: #30A435;
  text-transform: uppercase;
  font-size: 38px;
  font-weight: 700;
  margin-bottom: 35px;
  text-align: center;
}
.history__year {
  border: 2px solid #30A435;
  font-size: 20px;
  color: #575656;
  padding: 12px 20px;
  text-align: center;
  margin: 30px auto 0;
  width: 180px;
  font-weight: 700;
  border-radius: 10px;
  background-color: white;
}
@media only screen and (min-width: 768px) {
  .history__year {
    margin: 30px auto;
    position: relative;
  }
}
@media only screen and (min-width: 768px) {
  .history__year::before {
    content: "";
    background-color: #30A435;
    width: 2px;
    height: 150px;
    position: absolute;
    z-index: -1;
    top: -35px;
    left: calc(50% - 1px);
  }
}
@media only screen and (min-width: 768px) {
  .history__year--first {
    margin-top: 0;
  }
  .history__year--first::before {
    top: 0;
    height: 120px;
  }
}
.history__year--last {
  margin-bottom: 50px;
}
@media only screen and (min-width: 768px) {
  .history__year--last {
    margin-bottom: 0;
  }
  .history__year--last::before {
    top: auto;
    bottom: 0;
  }
}
.history__row {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
}
@media only screen and (min-width: 768px) {
  .history__row {
    flex-direction: row;
    justify-content: space-between;
    align-items: stretch;
  }
}
.history__row::before,
.history__row::after {
  content: "";
  position: absolute;
  display: none;
}
@media only screen and (min-width: 768px) {
  .history__row::before,
  .history__row::after {
    display: block;
  }
}
.history__row::before {
  top: 95px;
  left: 0;
  width: 50%;
  height: 2px;
  background-color: #30A435;
}
.history__row::after {
  top: 91px;
  left: calc(50% - 5px);
  width: 10px;
  height: 10px;
  border-radius: 50%;
  border: 2px solid #30A435;
  background-color: white;
}
.history__row--reverse::before {
  right: 0;
  left: auto;
}
.history__box-separator {
  flex: 0 0 2px;
  background-color: #30A435;
  width: 2px;
  display: none;
}
@media only screen and (min-width: 768px) {
  .history__box-separator {
    display: block;
    margin: 0 40px;
  }
}
.history__box {
  width: 100%;
  max-width: 390px;
  padding: 50px 0;
  position: relative;
  z-index: 50;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
@media only screen and (max-width: 767px) {
  .history__box--img {
    padding-top: 0;
    order: 2;
  }
}
.history__box__title {
  font-weight: 700;
  text-transform: uppercase;
  margin-bottom: 15px;
  font-size: 18px;
  color: #575656;
}
.history__box__text {
  color: #575656;
}
.history__box__text__link {
  margin-top: 10px;
}
.history__box__img {
  max-width: 100%;
  height: 220px;
  border-radius: 20px;
  background-color: white;
  box-shadow: 0 5px 20px #0000001A;
  overflow: hidden;
}
.history__box__img img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}
.history__box__img--logo {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}
.history__box__img--logo a {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  width: 100%;
  height: 100%;
}
.history__box__img--logo img {
  object-fit: contain;
  height: auto;
  width: auto;
  max-width: 75%;
  max-height: 75%;
}
html.pum-open.pum-open-overlay {
  overflow: visible !important;
}
html.pum-open.pum-open-overlay .pum-overlay.pum-active {
  overflow-y: visible !important;
  padding-right: 0 !important;
}
.career-why {
  margin-top: 40px;
}
.career-why__item {
  display: flex;
  margin-bottom: 30px;
  border-radius: 10px;
  flex-direction: column;
}
@media only screen and (min-width: 768px) {
  .career-why__item {
    flex-direction: row;
    align-items: center;
  }
}
.career-why__item__icon {
  margin: 0 auto 20px;
  border: 2px solid #30a435;
  border-radius: 50%;
  width: 70px;
  height: 70px;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media only screen and (min-width: 768px) {
  .career-why__item__icon {
    margin: 0 30px 0 0;
    flex: 0 0 70px;
  }
}
.career-why__item__icon svg {
  border: 0;
  padding: 0;
  width: 35px;
  height: 35px;
  border-radius: 0;
  margin-bottom: 0;
}
.career-why__item__icon svg path {
  fill: #30a435;
}
.career-why__item__content__title {
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 10px;
}
.career p svg,
.career li svg,
.career h2 svg,
.career h3 svg {
  width: 1em;
}
@media only screen and (min-width: 1200px) {
  .career-left-padding {
    padding-left: 40px;
  }
}
.career-job {
  display: flex;
  flex-direction: column;
  margin-bottom: 30px;
}
@media only screen and (min-width: 768px) {
  .career-job {
    justify-content: center;
    flex-direction: row;
    flex-wrap: wrap;
  }
}
.career-job__item {
  padding: 15px 20px 10px 25px;
  border: 2px solid #30a435;
  border-radius: 10px;
  margin: 10px;
  font-weight: 700;
  font-size: 20px;
  display: flex;
  justify-content: space-between;
}
@media only screen and (min-width: 768px) {
  .career-job__item {
    padding: 25px 35px 20px 40px;
    min-width: 300px;
    justify-content: center;
  }
}
.career-job__item::after {
  content: '\f105';
  font-family: FontAwesome;
  display: inline-block;
  color: currentColor;
  margin-left: 20px;
  font-size: 24px;
  position: relative;
  top: -3px;
}
@media only screen and (min-width: 1200px) {
  .career-job__item::after {
    margin-left: 30px;
  }
}
.career-job__item:hover {
  background-color: #30a435;
  color: white;
}
.career-contact-us {
  text-align: center;
  margin: 40px 0 20px;
  font-weight: 700;
  font-size: 22px;
}
.career-icon-text {
  text-align: center;
}
.career-icon-text svg {
  height: 1em;
}
.career-icon-img {
  width: 90px;
  height: 90px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #30a435;
  border-radius: 50%;
}
.career .main-btn {
  text-transform: none;
}
.benefit-new {
  column-count: 3;
  column-gap: 35px;
  text-align: center;
}
.benefit-new__title {
  margin-bottom: 15px;
  font-weight: 700;
  color: #30a435;
  font-size: 18px;
  position: relative;
}
.benefit-new a {
  break-inside: avoid-column;
  display: block;
  color: #575656;
  flex: 0 0 25%;
  font-size: 16px;
  margin-bottom: 30px;
}
.benefit-new a img {
  display: none;
}
.career-title-banner {
  position: absolute;
  top: -45px;
  right: 5vw;
  background: #30a435;
  padding: 8px 15px;
  color: white;
  font-weight: bold;
  line-height: 1;
  font-size: 16px;
  transform: rotateZ(3deg);
  white-space: nowrap;
}
@media only screen and (min-width: 768px) {
  .career-title-banner {
    left: calc(100% - 20px);
    top: -30px;
    right: auto;
    transform: rotateZ(12deg);
  }
}
@media only screen and (min-width: 1200px) {
  .career-title-banner {
    font-size: 20px;
  }
}
.career-title-banner-wrapper {
  position: relative;
}
@media only screen and (min-width: 768px) {
  .career-title-banner-wrapper {
    display: inline-block;
  }
}
/*# sourceMappingURL=own.css.map */