/* GANTRY5 DEVELOPMENT MODE ENABLED.
 *
 * WARNING: This file is automatically generated by Gantry5. Any modifications to this file will be lost!
 *
 * For more information on modifying CSS, please read:
 *
 * http://docs.gantry.org/gantry5/configure/styles
 * http://docs.gantry.org/gantry5/tutorials/adding-a-custom-style-sheet
 */

@charset "UTF-8";
.pricelist .item_header {
  display: flex;
  flex-direction: row;
  font-weight: bold;
  font-size: 1.25rem;
}
.pricelist .item_price {
  justify-content: flex-end;
  display: flex;
  width: 15%;
  flex: 0 15%;
  color: #3b496e;
  white-space: nowrap;
}
.pricelist .item_price_dots {
  display: flex;
  margin: 0 -1px 0 46px;
  position: relative;
  z-index: 1;
  line-height: 1;
  width: 100%;
  min-width: 20px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  align-items: flex-end;
  margin-bottom: 10px;
}
.pricelist .item_price_dots:after {
  content: ". . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .";
  display: block;
  font-size: 20px;
  color: #dedede;
}
.pricelist .item_title.entry-title.with_price {
  white-space: nowrap;
}
.pricelist .item_content {
  padding-bottom: 1rem;
}
/********************responsive************************/
@media (max-width: 1024px) {
  .pricelist .item_price_dots {
    margin: 0 -1px 10px 10px;
  }
}
@media (max-width: 640px) {
  .pricelist .item_price {
    white-space: nowrap;
  }
  .pricelist .item_price_dots {
    margin: 0 60px 10px 10px;
  }
}
.author-detail {
  display: flex;
  flex-direction: row;
  align-items: center;
  border: 1px solid #ededed;
  border-radius: 10px;
  padding: 1rem;
}
.photo.size-15 {
  width: 150px;
  height: 150px;
  overflow: hidden;
}
.photo.size-15 img {
  width: 150px;
  height: 100%;
  object-fit: cover;
  border-radius: 100%;
  filter: grayscale(1);
}
.desc .title {
  font-weight: bold;
  font-size: 1.2rem;
}
.desc .job, .desc .info {
  font-size: 14px;
  line-height: 13px;
}
.desc .info {
  padding-top: 0.5rem;
}
.separator:after {
  content: "---------------------------------";
  color: #dedede;
}
.desc .desc {
  line-height: 1.3rem;
}
html {
  scroll-padding-top: 120px;
  scroll-behavior: smooth;
}
/***************typografie**************/
h1 {
  font-family: "Montserrat", sans-serif;
  line-height: normal;
  font-size: 2.25rem;
  text-transform: uppercase;
}
h2 {
  font-family: "Montserrat", sans-serif;
  line-height: normal;
  font-size: 2.15rem;
  text-transform: uppercase;
}
h3 {
  font-family: "Montserrat", sans-serif;
  line-height: normal;
  font-size: 2rem;
}
address {
  line-height: normal;
}
ol li {
  padding-left: 1rem;
}
li {
  list-style-position: inside;
}
.justify {
  text-align: justify;
}
.align-item-center {
  display: flex;
  align-items: center;
}
.social.fb, .social.ig {
  width: 32px;
  height: 32px;
  display: inline-block;
  margin: 0.5rem;
}
.social.fb {
  background: url('../../../../images/facebook.png');
  background-repeat: no-repeat;
}
.social.fb:hover {
  background: url('../../../../images/facebook-hover.png');
  background-repeat: no-repeat;
}
.social.ig {
  background: url('../../../../images/instagram.png');
  background-repeat: no-repeat;
}
.social.ig:hover {
  background: url('../../../../images/instagram-hover.png');
  background-repeat: no-repeat;
}
.visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
  overflow: hidden;
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  white-space: nowrap;
}
.breadcrumb {
  margin-top: 0;
}
.breadcrumb span.divider {
  display: none;
}
table {
  margin-bottom: 3rem;
}
/**************navigation*******************/
#g-navigation {
  z-index: 11;
  background-color: #00466c !important;
  border-top: 32px solid #cce1f3;
}
.g-home-particles #g-navigation {
  border-top: none;
}
#g-navigation .g-content.g-particle {
  margin: 0;
}
.telefon-top, .email-top a {
  color: #00466c;
}
.top-phone, .top-mail {
  color: #fefefe;
  padding: 5px 0 !important;
  margin-top: -35px !important;
}
.top-mail {
  background-image: url('../images/icon/mail-b.png?692840a4&69353aed');
  background-repeat: no-repeat;
  padding-left: 25px !important;
  background-position: 0 10px;
}
.top-phone {
  background-image: url('../images/icon/phone-b.png?692840a4&69353aed');
  background-repeat: no-repeat;
  padding-left: 25px !important;
  background-position: 0 9px;
}
#menucenter {
  align-items: center;
  display: flex;
  align-content: center;
  justify-content: center;
}
a.g-menu-item-container.logo-item {
  width: 150px;
  vertical-align: middle;
  justify-content: center;
  align-items: center;
  align-content: center;
  display: flex;
  margin-left: 0.5rem;
  margin-right: 0.5rem;
}
#menucenter li a {
  width: 115px;
  text-align: center;
  align-items: center;
  justify-content: center;
}
#menucenter li a.logo-item {
  width: 200px;
}
.logo-item img {
  border-radius: 100%;
  position: absolute;
  top: -20px;
}
.g-logo.g-logo-helium img, .g-logo.g-logo-helium svg {
  max-height: 65px;
}
/****************header**************/
#g-header .header-text {
  justify-content: center;
  display: flex;
  flex-direction: column;
  align-content: center;
  align-items: center;
}
/*****************carousel************/
#g-header {
  margin-top: -3.1rem;
}
.g-owlcarousel h1, .g-owlcarousel p {
  margin: auto;
  text-shadow: 1px 2px 0 rgba(0, 0, 0, 0.75);
}
.g-owlcarousel-item-content {
  width: 70%;
}
.g-owlcarousel-item-title {
  font-size: 4.5rem;
  line-height: normal;
  text-transform: uppercase;
  color: #fff;
  font-family: "Montserrat", serif;
}
.g-owlcarousel-item-desc {
  font-size: 1.2rem;
  text-transform: none;
  line-height: 1.5rem !important;
  margin-top: 2rem !important;
}
.uk-overlay-background {
  background: rgba(41, 25, 14, 0.3);
  padding: 2rem;
}
.g-slideshow h1 {
  text-transform: inherit;
}
.g-slideshow-buttons a {
  color: #fff;
}
/****************menu*****************/
.g-toplevel li {
  margin: auto 1rem !important;
}
span.g-menu-item-title {
  font-size: 18px;
  font-weight: normal;
  border: 1px solid transparent;
  text-transform: uppercase;
}
#g-navigation .g-main-nav .g-toplevel > li.active > .g-menu-item-container > .g-menu-item-content {
  box-shadow: 0 2px 0 #b1cfe9 !important;
}
#g-navigation .g-main-nav .g-toplevel > li > .g-menu-item-container > .g-menu-item-content:hover {
  box-shadow: 0 2px 0 #b1cfe9 !important;
}
span.g-menu-parent-indicator {
  display: none !important;
}
li.g-standard.uk-active {
  border: 1px solid;
  border-radius: 40%;
  padding-left: 5px;
  padding-right: 5px;
}
#mainmenu {
  margin: auto;
}
/******************intro****************/
.g-home-particles #g-intro {
  padding-top: 0;
  padding-bottom: 2rem !important;
}
#g-intro {
  padding: 0;
}
#g-intro h2 {
  text-transform: uppercase;
  font-size: 1.5rem;
  color: #6ba1cc;
}
#g-intro p {
  padding: 0 1.5rem 1.5rem;
}
#g-intro .boximg .title {
  font-size: 1.25rem;
  text-transform: uppercase;
}
.g-home-particles #g-intro .boximg img {
  filter: grayscale(1);
}
.box .ikona {
  font-size: 2rem;
  color: #3180c2;
}
.box .title {
  font-family: "Montserrat", sans-serif;
  font-size: 1.25rem;
  font-weight: 500;
}
/***************features******************/
#g-features::before, #g-features::after {
  box-sizing: content-box;
}
.g-home-particles #g-features {
  padding-top: 3rem;
}
.g-home-particles #g-features h2.g-title {
  font-size: 1.75rem;
  margin-bottom: 0;
}
.subtitle.center {
  color: #3180c2;
  font-size: 1.5rem;
  font-weight: bold;
  margin-bottom: 2rem;
  position: relative;
  padding-bottom: 0.5rem;
}
.subtitle::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translateX(-50%);
  width: 65px;
  /* délka čárky */
  height: 1px;
  /* tloušťka čárky */
  background-color: #cbcbcb;
  /* barva čárky */
  border-radius: 2px;
}
#g-features img {
  padding-bottom: 2rem;
}
/******************utility******************/
.g-home-particles #g-utility {
  background-image: url('../images/fejo-bg-bonus.jpg?69275184&69275184&69353aeb');
  background-position: center;
  background-repeat: no-repeat;
  box-shadow: 0 25px 40px rgba(0, 0, 0, 0.07);
  position: relative;
}
#g-utility .g-block {
  margin: auto !important;
  justify-content: center !important;
}
#g-utility h2 {
  text-align: center;
  text-transform: uppercase;
}
#g-utility p {
  padding: 0 1.5rem;
  font-weight: 300;
}
.g-home-particles #g-utility h3.g-title {
  color: #3180c2;
  text-transform: uppercase;
  font-size: 1.85rem;
}
.utility-text {
  font-size: 1.4rem;
}
/***************************above***************************/
#g-above .g-title {
  font-size: 1.75rem;
}
.productimg h2.title {
  font-size: 1.5rem;
  font-weight: normal;
  text-transform: uppercase;
}
.productimg p.price span {
  font-weight: bold;
}
.cena {
  color: #bf9e68;
  font-size: 3rem;
  font-family: montserrat, sans-serif;
}
/***************************testimonial*********************/
/****************************expanded************************************/
#g-expanded .g-content {
  padding: 0 2rem 1rem;
}
#g-expanded .g-content.g-particle {
  padding: 0 !important;
}
#g-expanded h3 {
  text-transform: uppercase;
  font-size: 2rem;
  color: #fff;
}
/********************main*******************/
#g-mainbar {
  padding: 0;
}
.moduletable .breadcrumb {
  margin-bottom: 0;
  background-color: #fff;
}
.btn-primary {
  font-family: "Open Sans", sans-serif;
}
/*******************button******************/
.button {
  color: #fff !important;
  text-align: center;
}
.button:hover {
  background-color: #00466c;
}
.button.standard {
  margin-top: 1rem;
}
/****************služby*******************/
#g-features {
  padding-top: 0;
}
.sluzby .box .title {
  color: #545454;
  font-size: 1.55rem;
  text-transform: uppercase;
}
.sluzby h3.g-title {
  font-size: 1.25rem;
  font-weight: 300;
  color: #3180c2;
}
.sluzby .box1-vychozi {
  background-color: #f5f5f5;
}
.sluzby .box2-vychozi {
  background-color: #f1f1f1;
}
.sluzby .box3-vychozi {
  background-color: #f2f2f2;
}
.sluzby .box4-vychozi {
  background-color: #f4f4f4;
}
.greybig {
  font-size: 1.3rem;
  text-transform: uppercase;
}
span.bluebig {
  color: #426fa6;
  font-size: 1.3rem;
  text-transform: uppercase;
  font-weight: 300;
}
.greybig img {
  margin-right: 1em;
}
.chci-nabidku {
  justify-content: center;
  display: flex;
  text-align: center;
  align-items: center;
  align-content: center;
}
.chci-nabidku .custom {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.sluzby #g-utility {
  padding-top: 0;
}
/*******************background-pages*********************************/
/*********************footer**************************************/
#g-footer {
  padding-top: 3rem !important;
}
#g-footer a {
  color: #6ba1cc;
}
#g-footer a:hover {
  color: #dedede;
}
#g-footer .g-totop a {
  font-size: 2rem;
  line-height: 16px !important;
}
img.FB:hover {
  background-image: url('../images/facebook-hover.png');
  background-repeat: no-repeat;
}
img.IG:hover {
  background-image: url('../images/instagram-hover.png');
  background-repeat: no-repeat;
}
/******************table**************************/
td.header {
  background-color: #dce2e9;
  border: 1px solid #fff;
  text-transform: uppercase;
  text-align: center;
  color: #0088cc;
  padding: 0 1rem;
}
/****************************ornament***************************/
/*
.ornament {
    margin: 30px 0px;
    position: relative;
}

.ornament img {
    position: relative;
    z-index: 9;
    background: #fff;
    padding: 0 15px;
    vertical-align: initial;
}

.ornament:before {
    left: 88px;
}

.ornament:before, .ornament:after {
    content: "";
    width: 445px;
    height: 1px;
    background: #efefef;
    position: absolute;
    top: 10px;
}

*/
/***************ba form***********************/
.ba-form-footer {
  display: none;
}
.ba-form-submit-wrapper .ba-form-submit-recaptcha-wrapper, .ba-form-submit-wrapper .ba-form-submit-btn-wrapper {
  width: 45% !important;
}
/***************************blog*************************/
.page-item.active .page-link {
  z-index: 3;
  color: #fff;
  background-color: #9e9e9e;
  border-color: #9e9e9e;
}
.page-link {
  color: #9e9e9e;
}
/*************************************off canvas*******************************/
.g-home-particles .g-offcanvas-toggle {
  top: 1.8rem;
}
.g-offcanvas-toggle {
  top: 4rem;
}
.fa-bars:before {
  color: #f5f5f5;
}
/***********************************responsive**************************************/
@media (min-width: 75rem) {
  #g-intro .g-container {
    position: relative;
    overflow: visible;
    z-index: 10;
  }
  .realizace p {
    padding: 0 4rem 1rem;
  }
}
@media (max-width: 1023px) {
  #g-navigation {
    padding: 0;
  }
  #logo img {
    max-height: 90px;
  }
  #menucenter {
    height: 5px;
  }
  #g-header {
    background-position: 60% center;
  }
}
@media (min-width: 1024px) {
  #g-intro h2 {
    margin: 2rem 0 1rem;
  }
}
@media (min-width: 769px) and (max-width: 1024px) {
  #menucenter li a {
    width: 95px;
  }
  span.g-menu-item-title {
    font-size: 16px;
  }
}
@media (min-width: 641px) and (max-width: 1024px) {
  #open-time {
    padding: 0.2rem;
  }
  #g-header a.button {
    margin-top: 0;
  }
}
@media (min-width: 480px) and (max-width: 960px) {
  #g-features .g-block.size-25 {
    flex: 0 50%;
    width: 50%;
  }
}
@media (max-width: 960px) {
  #g-header {
    margin-top: -4.1rem;
  }
  #logo {
    margin: auto;
  }
  #g-header .g-content {
    background-color: rgba(255, 255, 255, 0.6);
    backdrop-filter: blur(10px);
  }
  a.g-menu-item-container.logo-item {
    display: none;
  }
  #g-intro .g-container {
    position: relative !important;
    overflow: visible !important;
    z-index: 10 !important;
  }
  .g-home-particles.g-helium-style #g-intro {
    padding-bottom: 0;
    padding-top: 0;
  }
  #g-header .title {
    font-size: 1.2rem;
  }
  ul.uk-slideshow {
    height: 400px !important;
  }
  li.g-slideshow-item.uk-active {
    height: 400px !important;
  }
  .slideshow-caption.uk-overlay-background.uk-width-1-2 {
    width: 80%;
  }
  h1.g-slideshow-title {
    font-size: 1.5rem !important;
  }
  #contact {
    background: none !important;
    padding-left: 3rem;
  }
  #g-features .g-block, #g-utility .g-block {
    flex: 0 100%;
    width: 100%;
  }
  #pricing-table {
    width: 100% !important;
  }
  #pricing-table .plan {
    width: 100% !important;
  }
}
@media (min-width: 48rem) {
  /********header************/
  /*.g-home-particles.g-helium-style #g-header {
    margin-top: 12rem;
    padding-top: 3rem;
    padding-bottom: 3rem;
}*/
  /***reference****/
  .g-home-particles.g-helium-style #g-header {
    margin-top: 0;
    padding-bottom: 3rem;
    min-height: 530px;
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
  #g-footer .size-25 {
    flex: 0 25%;
  }
  .sp-simpleportfolio .sp-simpleportfolio-image {
    margin-bottom: 20px;
    width: 49%;
    display: inline-block;
  }
  .sp-simpleportfolio-details.clearfix {
    width: 45%;
    display: inline-block;
    vertical-align: top;
    margin: 1rem;
  }
  .sp-simpleportfolio .sp-simpleportfolio-description {
    width: 100%;
  }
  .sp-simpleportfolio .sp-simpleportfolio-meta {
    width: 100%;
    float: right;
    text-align: right;
  }
  .item-pagerefer .pull-left.item-image {
    width: 50%;
    display: inline-block;
    margin-right: 3rem;
  }
}
@media (max-width: 740px) {
  .kontakt, .kudy {
    padding: 0 2.5rem 1rem;
  }
}
@media (max-width: 640px) {
  .top-phone, .top-mail {
    width: 48% !important;
    flex: 0 48% !important;
  }
  .g-owlcarousel-item-content {
    width: 80%;
  }
  ul.uk-slideshow {
    height: 540px !important;
  }
  li.g-slideshow-item.uk-active {
    height: 540px !important;
  }
  .slideshow-caption.uk-width-1-2 {
    width: 95% !important;
  }
  h1.g-slideshow-title {
    font-size: 2rem !important;
  }
  .g-home-particles.g-helium-style #g-intro {
    padding-bottom: 0;
    padding-top: 1.5rem;
  }
  #g-header {
    margin-top: 0rem;
    padding-top: 0 !important;
    height: 500px;
    display: flex;
    align-items: flex-end;
  }
  #g-header h1.g-title {
    font-size: 2rem;
  }
  .header-text p {
    display: none;
  }
  #g-intro .g-container {
    position: relative;
    overflow: visible;
    z-index: 10;
  }
  #g-intro h2 {
    font-size: 2rem;
    margin-bottom: 0;
  }
  #g-intro .boximg p {
    padding: 0 1.5rem 0;
  }
  #g-testimonials .size-50 {
    width: 100%;
  }
  #g-expanded {
    background-image: none;
  }
  #g-expanded img {
    width: 50%;
  }
  #g-footer .size-25 {
    flex: 0 100%;
    padding: 0 1.5rem;
  }
  #g-footer ul {
    padding-left: 2rem;
  }
  div#kontakt {
    text-align: center;
  }
}
@media (max-width: 460px) {
  .g-owlcarousel-item-title {
    font-size: 1.5rem;
    width: 100%;
  }
}
/* --------------- */
.clear:before, .clear:after {
  content: "";
  display: table;
}
.clear:after {
  clear: both;
}
.clear {
  zoom: 1;
}
/*# sourceMappingURL=custom_12.css.map */