:root {
  --mainColor:   #5097ff;
  --menuHoverColor:  #5097ff;
  --linkColor:  #91bdff;
  --black:  #000000;
  --white:  #ffffff;

  /* 
  --mainColor: #AE00DC;
  --menuHoverColor: #d366f1;
  */  
}

body.elementor-page.elementor-page-2380 .grecaptcha-badge {
  display: block;
}

body:not(.elementor-page-2380) .grecaptcha-badge {
  display: none;
}


.elementor-widget-container p a {
  color: var(--linkColor);
}

.site-header.fixed-header.fixed .container-fluid {
  position: relative;
  background: url('/img/header.jpg') no-repeat center center / cover;
  -webkit-box-shadow: 0px 10px 17px 0px rgba(0,0,0,0.55);
  -moz-box-shadow: 0px 10px 17px 0px rgba(0,0,0,0.55);
  box-shadow: 0px 10px 17px 0px rgba(0,0,0,0.55);
  background-color: hsl(234.55deg 37.38% 23.5%);
}


footer.site-footer.custom.footer-3385{
 
  background: url('/img/header.jpg') no-repeat center center / cover;
  
 
}


.site-header.fixed-header.fixed .container-fluid::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: hsl(228 42% 11% / 0.6);
  z-index: 0;
}

.site-header.fixed-header.fixed .container-fluid .row > div{
  z-index: 1;
}

body.site-dark {
  background: #13142c;

  background: hsl(228 42% 11% / 1);
}

span.wpcf7-spinner {
  position: absolute;
}

.elementor-element.elementor-element-07a0fc5.elementor-widget.elementor-widget-shortcode {
  border: 1px solid rgb(50 92 169 / 40%);
  background: #00000024;
  border-radius: 19px;
  padding: 37px 30px 27px;
}

.elementor-element.elementor-element-07a0fc5.elementor-widget.elementor-widget-shortcode .tac {
  max-width: 527px !important;
}

.elementor-element.elementor-element-07a0fc5.elementor-widget.elementor-widget-shortcode .tac input.style3 {
  margin-bottom: 15px !important;
  text-align: left;
}

.elementor-element.elementor-element-07a0fc5.elementor-widget.elementor-widget-shortcode .tac textarea.style3 {
  text-align: left;
  padding: 9px 13px;
}

input.style1, textarea.style1, input.style3, textarea.style3 {
  border-bottom-color: rgba(62, 107, 190, 0.541);
}



.video-controls {
  display: none !important;
}

.button-style2 {
  font-size: 14px;
  font-weight: 700;
}

.button-style2:after {
  margin-bottom: 0;
  font-size: 11px;
  font-weight: 900;
}

 
.navigation.hover-style2>ul>li.current-menu-item>a span:after, .navigation.hover-style2>ul>li.current-menu-ancestor>a span:after, .navigation.hover-style2>ul>li.current-menu-parent>a span:after, .navigation.hover-style2>ul>li.current_page_item>a span:after, .navigation.hover-style2>ul>li.current-menu-ancestor>a span:after, .mobile-navigation.hover-style2>ul>li.current-menu-item>a span:after, .mobile-navigation.hover-style2>ul>li.current-menu-ancestor>a span:after, .mobile-navigation.hover-style2>ul>li.current-menu-parent>a span:after, .mobile-navigation.hover-style2>ul>li.current_page_item>a span:after, .mobile-navigation.hover-style2>ul>li.current-menu-ancestor>a span:after {
  height: 2px;
  bottom: -6px;
}

.navigation > ul > li > a span
{
     font-weight: 600; 
}

.navigation .sub-menu li.current-menu-item > a,
.navigation > ul > li.current-menu-ancestor > a span,
.navigation > ul > li:hover > a span,
.navigation .sub-menu li:hover > a span
{
  
    color:  var(--menuHoverColor);
     font-weight: 600; 
}

.banner .owl-dot.active:before{
 
   font-weight: 600; 
}

.side-bar-button[class^="multimedia-icon-"], .side-bar-button[class*=" multimedia-icon-"] {
 
  margin-left: -27px;
}

.gdpr-modal-block {
  display: none;
}

.homeslider .container {
  max-width: calc(100% - 250px);
}

.side-bar-button.multimedia-icon-list {
  margin-top: -8px !important;
}

.side-bar-button.multimedia-icon-list.multimedia-icon-list:before {
  content: "\e941";
  color:  var(--menuHoverColor);
  font-family: 'basic-ui-icons';
  font-weight: 900;
  font-size: 25px;
}

.side-bar-area.main-row.active .close.basic-ui-icon-cancel {
  color:  var(--menuHoverColor);
}

.desktop-main-bar-left.col-auto {
  margin-top: 8px;
}
 
.HomeTlaka {
    max-width: calc(100% - 160px);
    margin-left: 80px;
}

.banner.arrows-bottom .owl-nav {
  bottom: 20px;
}

#nase-prace .a-img img{
opacity: .75;
}

ul#menu-flexisystems.nohilight li.menu-item.menu-item-type-custom span:after {
  content:none;
}

.load-button.tac {
  margin-top: 22px;
}

.icon-box-style4 .icon-box .icon {
   border-width: 2px;
}

.side-img {
  box-shadow: none;
  border: 2px solid #7729754d;
 
}


.side-img::before {
  content: "";
  z-index: -1;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: linear-gradient(-174deg, #1cc0ff42 0%, #1000eb73 100%);
  transform: translate3d(-68px, -3px, 0) scale(1.1);
  filter: blur(58px);
  transition: opacity 0.3s;
  border-radius: inherit;
}
 
.side-img::after {
  content: "";
  z-index: -1;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: #000000a3;
  border-radius: inherit;
  filter: blur(58px);
}

.side-img::before {
  opacity: .9;
}

/*
  .elementor-element:not(.elementor-motion-effects-element-type-background),  
  .elementor-element > .elementor-motion-effects-container > .elementor-motion-effects-layer {
 
  z-index: 0;
 
}


.elementor-element:not(.elementor-motion-effects-element-type-background) .side-img::before,  
.elementor-element > .elementor-motion-effects-container > .elementor-motion-effects-layer .side-img::before{
  background: linear-gradient(-174deg, #001beb73 0%, #e81cff42 100%);
  opacity: 0;

}
*/ 


.skill-item-line .line span {
  display: none;
}

.skill-item-line p ,
.icon-box .desc
{
  font-family: 'Montserrat';
  font-weight: 400;
}

.site-footer .copyright {
  font-size: 14px;
  font-weight: 400;
}

.elementor-widget-container,
.elementor-widget-container p{
  font-family: 'Montserrat';
  
}

.elementor-widget-container a{
  text-decoration: none;
font-weight: 700;
  
}

.FlexiClientsCarousel h4.elementor-heading-title.elementor-size-default{
  font-family: 'Roboto' !important;
  color: var(--black) !important;
  font-weight: 300 !important;
  font-size: 25px;
  padding-bottom: 10px;
}

.FlexiClientsCarousel .brand-item
{
-webkit-filter: grayscale(1);
opacity: .9;
}

section.elementor-section.elementor-top-section.elementor-element.FlexiClientsCarousel {
  opacity: .75;
}

.elementor-widget-container a:hover{

  text-decoration: underline; 
  }

  span.wpcf7-form-control-wrap[data-name="souhlas"] {
    display: block;
    text-align: left;
}

span.wpcf7-form-control-wrap[data-name="souhlas"] input[type="checkbox"] {
  width: 20px;
  height: 20px;
  cursor: pointer; /* Zvýrazní kurzor při najetí */
}
 
span.wpcf7-form-control-wrap[data-name="souhlas"] input[type="checkbox"] + span {
  display: block;
  float: right;
  padding-left: 10px;
  font-variant: all-petite-caps;
  margin: -2px 0 -1px 0;
}

p.gdprsouhlas {
  font-size: 12px;
  text-align: left;
  font-weight: 300;
  padding-left: 17px;
  margin-top: 3px;
  padding-bottom: 12px;
}


.wpcf7-not-valid-tip {
  position: absolute;
  right: 0;
  top: -1px;
  font-weight: 600;
  font-size: 13px;
  color: #ebbb49;
}

textarea + span.wpcf7-not-valid-tip {
  top: -124px;
}

span.wpcf7-form-control-wrap[data-name="souhlas"] span.wpcf7-not-valid-tip {
  right: -6px;
  top: 0;
}

.wpcf7-response-output {
  text-align: center;
}

p.gdprsouhlas.next {
  margin-top: -21px;
}

.preloader {
  /*  display: none !important; */
}




.elementor-element.maxboxed {
    max-width: calc(100vw - 194px);
    margin: 0 auto;
}

.elementor-element.homemaxboxed > .elementor-container.elementor-column-gap-default {
    max-width: calc(100vw - 400px);
    margin: 0 auto;
}

.elementor-element.smallboxed > .elementor-container.elementor-column-gap-default {
    max-width: 1220px;
    margin: 0 auto;
}


.heading-block.with-line:after{
    content: none;
}












/* Flip Card Container */
.flipcontainerholder {
  perspective: 1000px;
  width: 100%;
  height: 235px;
}

.flip-container {
  width: 100%;
  height: 100%;
  position: relative;
  transition: transform 0.6s;
  transform-style: preserve-3d;
}

.flip-container:hover .flipper,
.flip-container.hover .flipper {
  transform: rotateY(180deg);
}

.flipper {
  position: relative;
  width: 100%;
  height: 100%;
  transform-style: preserve-3d;
  transition: transform 0.6s;
}

/* Front and Back Faces */
.front,
.back {
position: absolute;
    width: 100%;
    height: 100%;
    backface-visibility: hidden;
    border-radius: 5px;
    box-shadow: 0 0 6px 5px rgb(59 22 97 / 34%);
    overflow: hidden;
}

.front {
  z-index: 2;
  background: linear-gradient(135deg, #0a1e3d 0%, #1a0f4d 50%, #4a1a6b 100%);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 20px;
  transition: box-shadow 0.3s, transform 0.3s;
}

.front:hover {
  box-shadow: 0 0 30px rgba(138, 43, 226, 0.6), 0 0 60px rgba(138, 43, 226, 0.3);
  transform: translateY(-2px);
}

.back {
  transform: rotateY(180deg);
  background: linear-gradient(135deg, #0a1e3d 0%, #1a0f4d 50%, #4a1a6b 100%);
  box-shadow: 0 0 20px rgba(138, 43, 226, 0.3);
}

.backholder {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 25px 20px 20px;
}

/* Front Side Styling */
.FrontIconHolder {
  margin-bottom: 15px;
}

.FrontIcon {
  font-size: 48px;
  transition: all 0.6s;
  filter: drop-shadow(0 0 10px rgba(255, 255, 255, 0.5));
}

.FrontIcon * {
  color: #fff;
  text-decoration: none;
  transition: 0.6s;
}

.FrontTitleHolder {
  margin-bottom: 12px;
  text-align: center;
}

.Fronttitle {
  font-size: 22px;
  font-weight: 700;
  color: #fff;
  line-height: 1.3;
  text-shadow: 0 2px 10px rgba(138, 43, 226, 0.5);
}

.FrontTextHolder {
  text-align: center;
}

.FrontText {
  font-size: 15px;
  color: #fff;
  line-height: 1.4;
  padding: 0 10px;
  opacity: 0.9;
}

/* Back Side Styling */
.BackTextHolder {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
}

.backText {
  font-size: 15px;
  color: #fff;
  line-height: 1.5;
  text-align: center;
  opacity: 0.95;
}

.BackLinkHolder {
  text-align: center;
  margin-top: 15px;
}

.BackLink a,
.flipcontainerholder .WebGotoStateLink {
  display: inline-block;
  padding: 12px 30px;
  border-radius: 5px;
  font-size: 16px;
  font-weight: 700;
  color: #fff;
  text-decoration: none;
  transition: all 0.3s;
  background: linear-gradient(90deg, #6b2d9e 0%, #8a2be2 50%, #9d4edd 100%);

 
 
}

.elementor-widget-container .BackLink a,
.elementor-widget-container .flipcontainerholder .WebGotoStateLink {
 
  text-decoration: none;
}

.BackLink a:hover,
.flipcontainerholder .WebGotoStateLink:hover {
  transform: translateY(-2px);
  box-shadow: 0 6px 25px rgba(138, 43, 226, 0.6), 0 0 30px rgba(138, 43, 226, 0.4);
  background: linear-gradient(90deg, #7b3dae 0%, #9a3bf2 50%, #ad5eed 100%);
}

/* Hover Effect for Icon Color */
.flipcontainerholder:hover .FrontIcon * {
  color: #fff;
  filter: drop-shadow(0 0 15px rgba(255, 255, 255, 0.8)) drop-shadow(0 0 30px rgba(138, 43, 226, 0.6));
}

/* Mobile Touch Support */
@media (hover: none) {
  .flip-container.hover .flipper {
    transform: rotateY(180deg);
  }
}

/* Responsive Adjustments */
@media (max-width: 768px) {
  .Fronttitle {
    font-size: 19px;
  }
  
  .FrontText,
  .backText {
    font-size: 14px;
  }
  
  .FrontIcon {
    font-size: 40px;
  }
  
  .BackLink a,
  .flipcontainerholder .WebGotoStateLink {
    padding: 10px 25px;
    font-size: 15px;
  }
}

@media (max-width: 480px) {
  .backholder {
    padding: 20px 15px 15px;
  }
  
  .Fronttitle {
    font-size: 17px;
  }
  
  .FrontIcon {
    font-size: 36px;
  }
}

h2.elementor-heading-title.elementor-size-default {
color: white;
    font-size: 32px;
    text-align: center;
    padding-bottom: 26px;
    font-weight: 600;
}

body.search {
    background: #111111;
}

body.search  .blog-item .content {
    padding: 0;
}

.heading-decor + .heading-decor::after {
    content: none;
}

.heading-decor + .heading-decor {
    margin-top: -12px;
     margin-bottom: 30px;
}

.swiper-pagination.swiper-pagination-clickable.swiper-pagination-bullets {
    display: none;
}

.elementor-image-carousel-wrapper.swiper.swiper-container-horizontal {
    padding-bottom: 0 !important;
}

.fslider  {
    margin-top: -19px;
    margin-bottom: 27px;
 
}

.fslider .elementor-widget-wrap.elementor-element-populated.e-swiper-container {
 
    padding-left: 50px;
    padding-right: 50px;
    margin-bottom: 0;
    padding-bottom: 0;
    height: 150px;
    padding-top: 0;
}

.fslider  .swiper-slide,
.fslider  .swiper-slide figure
{
    height: 150px;
}

.fslider  .swiper-slide figure {
    display: flex;
    align-items: center;
    justify-content: center;
}

.fslider img {
max-height: 140px;
 
}
 

.fslider  i.eicon-chevron-left,
.fslider  i.eicon-chevron-right {
    font-size: 50px;
}

.fslider  i.eicon-chevron-left {
    margin-left: -36px;
        margin-top: 18px;
}

.fslider  i.eicon-chevron-right {
     margin-right: -36px;
         margin-top: 18px;
}

.yprm-popup-block .content  {
  display: none;
    }


.yprm-popup-block .items .item.with-content:before
  {
    content: none;
    }

.share.popup-icon-share,
.yprm-popup-block .buttons .likes,
.yprm-popup-block .buttons .read-more,
.yprm-popup-block .buttons .back-link,
.yprm-popup-block .buttons .autoplay
{
    display: none !important;
}

.pozvete.stlakem h3.pozvete + p a {
    /* background: red; */
    position: relative;
    display: block;
    width: 200px;
    margin: 0 auto;
    border: 2px solid var(--linkColor);
    padding: 7px;
    text-decoration: none;
}

.pozvete.stlakem h3.pozvete + p a:hover {
    background: var(--linkColor);
    color: #10162c;
}

header.site-header.fixed ~ footer.site-footer  div#scroll-top {
    position: fixed;
}

.swiper-slide img,
.elementor-carousel img,
.your-slider-class img {
    pointer-events: none;
    user-select: none;
    -webkit-user-drag: none;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
}

.gtlaka a:hover{
filter: brightness(0.8);
  transition: all 0.25s;
}

.HomeTlaka.hfirst a:hover,
.HomeTlaka.inside a:hover
{
filter: brightness(0.75);
  transition: all 0.25s;
}

.wpcf7-response-output {
    position: absolute;
    bottom: -36px;
    background: #8c208f;
    border-radius: 5px;
    border: 0 none !important;
    width: calc(100% - 30px);
    left: 10px;
}

.HomeTlaka.hfirst a {
    position: relative;
    border-right: 2px solid #070d19;
}
.HomeTlaka.hfirst a::after {
content: " ";
    position: absolute;
    width: 100%;
    height: 5px;
    background: #5097ff;
    top: 0;
    z-index: 9;
    left: 0;
}

.FlexiFooterHolder .elementor-widget-container p a,
.copyright a {
    color: white;
    font-weight: normal;
    text-decoration: underline;
}

.FlexiFooterHolder .elementor-widget-container p a:hover,
.copyright a:hover {
    text-decoration: none;
}

.copyrightext {
    padding-top: 20px;
}


@media (min-width: 1730px) {
.preference i.eicon-chevron-right::after, 
.preference i.eicon-chevron-left::after 
{
    content: " ";
    width: 150px;
    height: 150px;
    /* background: red; */
    position: absolute;
    left: -50px;
    top: -50px;
    border-radius: 100%;
    border: 1px solid #ffffff75;
}

.preference .eicon-chevron-right:before, 
.preference .eicon-chevron-left:before 
{
font-size: 50px;
}
 
 
}

@media (max-width: 1730px) and (min-width: 1580px) {
.preference .eicon-chevron-right:before, 
.preference .eicon-chevron-left:before 
{
font-size: 75px;
}

}