/*------------------------------------------*/

/*------------------   SEARCH  DELACROY ------------*/
.header-search-module {
    margin: 0px 10px 0px 0px;
	margin-left:10px;
}
.header-search-module .sp-menu-search-icon {
    position: relative;
    z-index: 1000;
}
.header-search-module .sp-menu-search-icon i {
    font-size: 30px;
    color: #fe9fc6;
	color: rgb(249,165,26);
	color:rgb(116,195,255);
    position: relative;
    top: 4px;
}
.header-search-module .sp-menu-search-icon i:hover {
    cursor: pointer;
}
.header-search-module .sp-menu-search-icon .search-close-icon {
    display: none;
}
.header-search-module .sp-menu-search-wrapper {
    display: none;
}
.header-search-module .search {
    position: relative;
}
.header-search-module .search form:after {
    content: "";
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    position: absolute;
    top: 0;
    font-size: 12px;
    line-height: 32px;
    right: 10px;
}
.header-search-module .search form input {
    background: #efeff0;
    border: none;
    height: 32px;
    font-size: 15px;
    border-radius: 3px;
    padding: 5px 10px;
}
/*-------------------*/
.sp-menu-search-wrapper {
    position: fixed;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    overflow: hidden;
    width: 100%;
    height: 100%;
    z-index: 101;
	 
    display: block;
}
.sp-menu-search-wrapper .search-overlay {
    position: absolute;
    background: rgba(0, 0, 0, 0.85);
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    display: none;
}
.sp-menu-search-wrapper form {
    width: 100%;
}
.sp-menu-search-wrapper .js-finder-searchform {
    width: 100%;
}
.sp-menu-search-wrapper .js-finder-searchform .awesomplete {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 40%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.sp-menu-search-wrapper .js-finder-searchform .awesomplete input {
    border-radius: 3px;
    border-width: 0;
    height: 60px;
    background-color: transparent;
    box-shadow: none;
    padding: 10px 20px 10px 0;
    width: 100%;
    border-bottom: 1px solid #bebebe;
    font-size: 24px;
    color: #fff;
    border-radius: 0;
}
.sp-menu-search-wrapper .js-finder-searchform .awesomplete input:focus {
    outline: 0;
    box-shadow: none;
}
.sp-menu-search-wrapper .js-finder-searchform .awesomplete:after {
    content: "";
    font-size: 20px;
    color: #fe9fc6;
	color:#ffffff;
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    position: absolute;
    top: 0;
    right: 15px;
    pointer-events: none;
    line-height: 60px;
}
 
  #sp-menu .sp-menu-related-module {
    display: flex;
    align-items: center;
}

.sp-megamenu-wrapper {
	transform:translateY(-10px);
	transform:none;
}
/*--------------   componenta-com-finder hledani vysledky ----------*/
.com-users.view-login #sp-header,
.com-users.view-profile #sp-header,
.com-finder.view-search #sp-header,
.com-users.view-registration #sp-header {
    position: relative;
    /*background-color: #ffd012 !important;*/
	/*height:150px;*/
}

.com-users.view-login #sp-header,
.com-users.view-profile #sp-header,
.com-finder.view-search #sp-top-bar,
.com-users.view-registration #sp-header {
    /*position: relative;*/
   /* background-color: #ffd012 !important;*/
	  /*  background-color: #ffffff !important;*/
		bsckground-color:#002f3e !important;
	
}

.com-finder.view-search #sp-top-bar {
  padding: 0px !important;
}
.com_finder .com-finder.sp-transparent #sp-top-bar #sp-top2  a {
  color:#000000 !important;
  
}


.com-finder.view-search #sp-header  {
    position: relative;
    /*background-color: #ffd012 !important;
	background-color: #ffffff !important;*/
	bsckground-color:#002f3e !important;
	/*height:150px;*/
}

/*.com-finder.view-search .sp-transparent .sp-megamenu-parent > li > a {color:#000000 !important; 
}*/

.com-finder.sp-transparent .sp-megamenu-parent > li > a {color:#000000 !important; 
}

/*.com_finder.sp-transparent  .sp-megamenu-parent>li.active>a,
.com_finder.sp-transparent  .sp-megamenu-parent>li.active:hover>a
{   
	color:#000000;
	
}*/


.com-finder.sp-transparent .sp-megamenu-parent > li > a:hover {color:#f9b331 !important; 
}

.view-search #sp-main-body {
    padding: 50px 0px 100px 0px;
}


/*----------  COM FINDER -  Vysledky hledani -----*/
/*   oprava posunu sp-header ------------*/

.com-finder>*+*,
.com-finder__results>*+* {
 margin-top:1.5em;
 margin-top:0em !important;
}


/*----END SEARCH ------------------------*/
/*-------- SEARCH PRAVY sloupec ------*/
.view-search #sp-header {
    background-color: #ffffff;
	background-color:#002f3e;
}
.view-search .#sp-header {
   border-bottom: 0px solid #ececec; 
 
}


/*------------ mod language ---------*/
div.mod-languages ul li.lang-active {
 background-color:transparent !important;
 }


/*----------- transparent homepage header transparent - style 3 -----------*/
.sp-transparent  #sp-top-bar {
  background:tansparent;
  background-color:transparent;
  position: absolute;
  left: 0;
 /* background: transparent;*/
  top: 0;
  width: 100%;
  z-index: 999;
  padding: 10px 0 0;
  border-bottom: 0px;
  
}
.sp-transparent #sp-top-bar .container-inner{
    border-bottom:0px solid #e6e6e6;
    padding:12px 0 16px
}
.sp-transparent #sp-top-bar .sp-module {
  display: inline-block;
  margin: 0;
}
.sp-transparent #sp-top-bar #sp-top1 {
  padding-right: 0;
}
.sp-transparent #sp-top-bar #sp-top2 {
  text-align: right;
  padding-left: 0;
}

.sp-transparent #sp-top-bar #sp-top2  a {
  color:#ffffff;

  
}

.sp-transparent .sp-contact-info li a {
 color:#111827;
 
}
.sp-transparent .sp-contact-info li a:hover {
 color:#111827; text-decoration:underline;
 
}

.sp-transparent .sp-contact-info .sp-contact-location {margin-right:15px;}

.sp-transparent .sp-contact-info .sp-contact-phone {margin-right:15px; color:#0574dc;}
.sp-transparent .sp-contact-info .sp-contact-phone a{font-size: 18px; font-weight:500;}

.sp-transparent .sp-contact-info .sp-contact-mobile {margin-right:15px; color:#0574dc;}
.sp-transparent .sp-contact-info .sp-contact-mobile a{font-size: 18px; font-weight:500;}

.sp-transparent .sp-contact-info .sp-contact-email {margin-right:15px; color:#0574dc;}
.sp-transparent .sp-contact-info .sp-contact-email a{font-size: 18px; font-weight:500;}

.sp-transparent .sp-contact-info .sp-contact-phone {margin-right:15px;}
.sp-transparent .sp-contact-info .sp-contact-phone a{font-size: 18px; font-weight:500;}

/*.sp-contact-info .sp-contact-soc {margin-right:15px;}*/
.sp-transparent .sp-contact-info .sp-contact-soc  a{font-size: 18px; font-weight:500;}


.sp-transparent  .sp-megamenu-parent>li>a:hover,
.sp-transparent  .sp-megamenu-parent>li.active>a,
.sp-transparent  .sp-megamenu-parent>li.active:hover>a
{
    color:#08615e;
	color:#00aea8;
    color:#085855;
	color:#111827;
	
}


.sp-transparent .sp-megamenu-parent > li > a {color:#ffffff; color:#ffffff; color:#111827;
}



.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner
{
    border-color:transparent;
    background-color:#002f3e !important;
  /* background-color:#00aea8;*/
	
}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item>a,
.sp-megamenu-parent .sp-dropdown li.sp-menu-item span:not(.sp-menu-badge){
    font-size:16px;
    display:inline-block;
    text-transform:none;
    font-weight:600;
    padding:12px 22px;
	padding:12px 8px;
	padding:12px 12px;
    cursor:pointer;
	color:#ffffff;
	line-height: 22.4px;
	
}

.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a:hover,
.sp-megamenu-parent .sp-dropdown li.sp-menu-item.active > a:hover {
   color:#ffd012;
}

/*---------  megamenu-uprava pozadi item -----------*/
/*------------------------------  megamenu -----------*/

.sp-megamenu-parent .sp-dropdown{
    margin:-1px 0 0;
    position:absolute;
    z-index:10;
    display:none
}
.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner{
    box-shadow:0 3px 5px 0 rgba(0, 0, 0, 0.2);
    padding:0
}
.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner>.row:not(:first-child){
    margin-top:20px
}
.sp-megamenu-parent .sp-dropdown .sp-dropdown-items{
    list-style:none;
    padding:0;
    margin:0
}
.sp-megamenu-parent .sp-dropdown.sp-dropdown-main{
    top:100%
}
.sp-megamenu-parent .sp-dropdown.sp-dropdown-sub{
    top:0
}
.sp-megamenu-parent .sp-dropdown.sp-dropdown-sub .sp-dropdown-inner{
    box-shadow:0 0 5px rgba(0, 0, 0, 0.2)
}

.sp-megamenu-parent .sp-dropdown li.sp-menu-item{
    display:block;
    padding:0;
    position:relative;
    border-bottom:1px solid rgba(255, 255, 255, 0.15);
    line-height:1.2;
	letter-spacing:normal
}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item:last-child{
    border-bottom:0
}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item:hover{
    background-color:rgba(255, 255, 255, 0.05);
    transition:all 0.4s ease
}



.sp-megamenu-parent .sp-dropdown li.sp-menu-item.active{
    background-color:rgba(255, 255, 255, 0.15)
}

/*-----------------------------*/


/*--------- TOP BAR    style top- bar---------------*/
#sp-top-bar {
  background:transparent;
  /*position: absolute;*/
  left: 0;
 /* background: transparent;*/
  top: 0;
  width: 100%;
  padding-top:0px;
    padding: 10px 0 0;
	  padding-top:10px;
	    padding-bottom:5px;
  border-bottom: 0px;
  /*background-color:#051b26;
  background-color:  rgba(32, 31, 31, 0.2);
  background-color:transparent;
  background-color:  rgba(7, 124, 192, 0.9);*/
    background-color:  rgba(15,75, 129, 0.9);
	   background-color:#0d3a48;
	     background:rgba(67, 68, 248, 0.9);
		 	   background-color:#0345bf;
			    background-color:#0f4b81;
				 background-color:#0067ce;
				  background-color:#ffffff;
				    background-color:#ffd012;
					background:transparent;
					 background-color:#ffd012;
					   background-color: #73c1ff;
					    background-color:#263845; 
						 background-color:#103d66; 
				   
}


#sp-top-bar {
    position: relative;
  }


#sp-top-bar .container-inner{
    border-bottom:0px solid #e6e6e6;
    /*padding:12px 0 16px;*/
	 padding-top:0px;
	padding-bottom:0px;
}
#sp-top-bar .sp-module {
  display: inline-block;
  margin: 0;
}

#sp-top-bar .sp-module  p {
   margin-bottom: 0px;
}


#sp-header { padding-top:0px;
             margin-bottom:10px;  margin-bottom:0px;
			 padding-bottom:0px;
			 padding-left: 80px;
             padding-right: 80px;	 }
			 
#sp-header {
	        background-color:#051b26;
           /* background-color:  rgba(32, 31, 31, 0.2);
			 background-color:  rgba(7, 124, 192, 0.9);
			background-color:transparent; 			*/
		   background-color:  rgba(7, 124, 192, 0.9);
		     background-color:  rgba(15,75, 129, 0.9);
			   background-color:#0d3a48;
			    background:rgba(67, 68, 248, 0.9);
				 background-color:#424df8;
				  background-color:#0345bf;
				      background-color:#0f4b81;
					     background-color:#0067ce;
						  background-color:#ffd012;
						 background-color:#ffffff;	
						  background-color:#171f23; /*- black -----*/			
						  background-color:#002f3e;  
						  background-color:#263845; 
						  background-color:#103d66; 
						
						
			}
			
#sp-header {
 /* background-color: #fff;
  background-color: rgba(82, 82, 82, 0.99);
  background-color: rgba(0, 0, 0, 0.99);
  background-color:  rgba(255, 255, 255,0.99);
  position: fixed;
  padding-top: 0;*/
  
  
  
}

#sp-header .container{
  border-bottom: 0px solid #ececec; 
  /* background-color:#ffd012;*/
}



.sp-transparent  #sp-header {  border-bottom: 0px solid #ececec; 
}

#sp-header.header-sticky {
	  height: 100px;
  background-color: #fff;
  background-color: rgba(82, 82, 82, 0.99);
  background-color: rgba(0, 0, 0, 0.99);
  background-color:  rgba(255, 255, 255,0.99);
   background:rgba(67, 68, 248, 0.9);
   	   background-color: #275d8d;
	   background-color:#0d3a48;
	    background-color:#0345bf;
		   
     			   background-color:#0067ce;
				    background-color:#0f4b81; /*- modra-*/
					 background-color:#c4ccd5; /*  seda -*/
                     background-color:#ffd012;/*---- zluta ---*/
					   background-color:#263845; 
				   
				   
				   
  position: fixed;
  padding-top: 0;
  border-bottom: 0px solid #b0b0b0;
}

#sp-header.header-sticky .container{ border-bottom: 0px solid #b0b0b0;
}




#sp-header.header-sticky .sp-megamenu-parent > li > a { color:#000000; color:#ffffff;  color: #111827;
}

#sp-header.header-sticky .sp-megamenu-parent > li > a:hover { color:#000000; color:#ffffff;  color: #73c1ff;
}

.sp-megamenu-parent > li > a {color:#000000;color:#ffffff
}

 #sp-top-bar #sp-top1 {
  padding-right: 0;
}
 #sp-top-bar #sp-top2 {
  text-align: right;
  padding-left: 0;
  padding-right:0;
  color:#ffffff;
 
}

 #sp-top-bar #sp-top2  a {
 
  color:#000000;
  
}

.sp-contact-info li a {
 color:#ffffff;
 
}
 .sp-contact-info li a:hover {
 color:#ffffff; text-decoration:underline;
 
}

.sp-contact-info .sp-contact-phone {margin-right:15px; color:#ffffff;}
.sp-contact-info .sp-contact-phone a{font-size: 16px; font-weight:500;}

.sp-contact-info .sp-contact-mobile {margin-right:15px; color:#ffffff;color:#000000;}
.sp-contact-info .sp-contact-mobile a{font-size: 16px; font-weight:5600;}

.sp-contact-info .sp-contact-email {margin-right:15px; color:#ffffff;color:#000000; color:#ffffff;}
.sp-contact-info .sp-contact-email a{font-size: 16px; font-weight:500;}

.sp-contact-info .sp-contact-phone {margin-right:15px;}
.sp-contact-info .sp-contact-phone a{font-size: 16px; font-weight:500;}

/*.sp-contact-info .sp-contact-soc {margin-right:15px;}*/
.sp-contact-info .sp-contact-soc  a{font-size: 16px; font-weight:500;}


/*--------   Offcanvas menu -----*/
.offcanvas-sp-contact-info {
    list-style: none;
    padding: 0;
    margin: 0 -10px;
}

.offcanvas-sp-contact-info .fa-phone,
.offcanvas-sp-contact-info .fa-envelope {
     margin-right: 10px;
}




/*  #sp-section-1  .sp-page-title  .img {max-height:200px;} */

/*------------- pagetitle ---------*/
/*.sp-page-title {
  padding: 280px 0 140px;
  padding: 60px 0 20px;
  background-repeat: no-repeat;
  background-size: cover;
  min-height: 450px;
}*/

.sp-page-title  {
  position: relative;
  background-color: #f5f5f5;
  background-color: #00296B;
 background-color: #0d3a48;
 background-color:#e5e9f0;
   transition: background 0.3s, border-radius 0.3s, opacity 0.3s;
  background-repeat: no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-position: center top ;
 
  /* 	background-position: 30%;*/
}

.sp-page-title .container {
 /* max-width:80%;*/
}

.elementor-1059 .elementor-element.elementor-element-51c646e > .elementor-background-overlay {
  background-color: #00296B;
  opacity: 1;
  transition: background 0.3s, border-radius 0.3s, opacity 0.3s;
}


.green-text{
    color:#0066b0;
	  color:#6a6a6a;
	  color:#ffffff;
}
.black-text{
    color:#000000;
}

.sp-page-title .sp-page-title-heading,
.sp-page-title .sp-page-title-sub-heading {
   /* margin: 0;
    margin-top: 0px;
    padding: 0;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    margin-top: 25px;*/
    max-width: 60%;
 /* text-align:right;*/
   
}




/*.sp-page-title .sp-page-title-heading::after  {
  content: "";
  background-color: #999;
  background-color: #0f4b81;
  background-color:#ebb204;
  width: 80px;
  height: 2px;
  display: block;
  margin-top: 0.5em;
   background:#ebb204;
      background:#ffffff;
}*/

.sp-transparent .sp-page-title {
    padding: 180px 0px 55px 0px;
	  padding: 215px 0 115px;
	    padding: 95px 0 65px;
		   padding: 105px 0 105px;
		   padding: 220px 0 220px;
		   padding: 300px 0 250px;
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
	/*background:linear-gradient(45deg, rgba(1, 8, 11, 0.99) 0%, rgba(199, 199, 199, 0.2) 59%) transparent;*/

}
.sp-transparent .sp-page-title {
 background-image:url(../../../images/pages/sluzby/hero-bg-image-1.jpg);
 background-repeat:no-repeat;
 background-size:inherit;
 background-attachment:inherit;
 background-position:50% 0;
	
}




/*----------- bottom - 1 ----- dement --------*/
#sp-bottom{
    padding:0 0 180px;
	padding-top:25px;
	padding-bottom:0px;
    /*background:#0b0706 url('../images/bg-footer.jpg') 50% 0 no-repeat;*/
    background-size:contain;
    color:#f9baa1;
    font-size:16px;
	font-weight:400;
    border-top:0px solid #02497d;
	background-color:#0d4947;
    border-top:2px solid #e8e8e8
}

#sp-bottom {
  /*border-top: 8px solid #0f4b81;
  border-top: 8px solid #c4ccd5;
   padding: 45px 0 5px 0;*/
}


#sp-bottom {
/*  background-color: #262626;
  background-color:#023F87;
  background-color:#ffffff;
  background-color:#d2e2f1;
  background-color:#263845;
   background-color:#efefef;
    background-color: #d9d9d9;
	  background-color: #101010;*/
  /*background-color:#ffffff !important;*/
   background-color: #0d3a48 ;
     background-color: #343a40;
	 background-color:#24272f  !important;
  color: #afb0b2;
  position: relative;
  /*  background-image: url("../images/footer_bg_image.png")*/
}


#sp-bottom h2,
#sp-bottom h3,
#sp-bottom h4,
/*#sp-bottom span,*/
#sp-bottom a{
    color:#ffffff;
	
	
}

#sp-bottom a:hover{text-decoration:underline;
   
	
}


#sp-bottom .sppb-addon-button-group .sppb-btn-link{
    padding:0;
    font-size:20px
}
#sp-bottom .sppb-addon-optin-forms{
    padding:0
}
#sp-bottom .sppb-optin-form.form-inline .button-wrap,#sp-bottom .sppb-form-group{
    margin-bottom:0
}
#sp-bottom .sp-module{
    margin-bottom:30px
}
#sp-bottom .sp-module .sp-module-title,
#sp-bottom .sp-module span.sppb-addon-title,
#sp-bottom .sp-module h3.sppb-addon-title{
    margin-bottom:10px;
    text-transform:uppercase;
    display:block;
    font-size:18px;
    font-family:'Poppins', sans-serif;
	/*color:#02497d;*/
     color:#0066b0;
	 color:#ffffff;
	 color:rgba(196,204,213,0.9);
	 color:rgba(252,180,59,0.9);
	 color: #ffffff;
	 
	font-weight:500;
}
#sp-bottom .sp-module ul{
    list-style:none;
    padding:0;
    margin:0
}
#sp-bottom .sp-module ul>li{
    display:block;
    margin-bottom:0;
    position:relative
}
#sp-bottom .sp-module ul>li:last-child{
    margin-bottom:0
}
#sp-bottom .sp-module ul>li>a{
    display:block
}
#sp-bottom .sppb-icons-group-list li a{
    height:42px;
    width:42px;
    line-height:42px;
    border-radius:50%;
    color:#fff;
    font-size:15px
}
#sp-bottom .sppb-icons-group-list li a:hover{
    color:#fff
}
#sp-bottom .sppb-form-control{
    padding:4px 20px;
    height:auto;
    border-radius:50px
}
#sp-bottom .sppb-btn{
    border-radius:50px;
    margin:5px 5px 0 0;
    padding-left:30px;
    padding-right:30px
}

#bottom-contact a {text-decoration:none;}
#bottom-contact a:hover {text-decoration:underline;}

/*------------------------*/
#sp-bottom1 .sp-module {
  padding-top: 15px;
}
#sp-bottom3 .sp-module {
  padding-top: 15px;
}
#sp-bottom4 .sp-module {
  padding-top: 15px;
}

#sp-bottom1 .sp-module .sp-module-content img {
max-height: 120px;
-webkit-filter: brightness(0) invert(1);
-ms-filter: brightness(0) invert(1);
filter: brightness(0) invert(1);
  -webkit-transition: 400ms;
  -o-transition: 400ms;
  transition: 400ms;
}



/*-------------   bottom 4 ------*/
/* zarovna ikony vedle sebe */

#sp-bottom4 .sp-module  {
  padding-top:15px;
}
#sp-bottom4 a{
    color:#00aea8;
}

#sp-bottom4 .sp-module ul > li {
  display: block;
 /* display:inline-block;*/
  margin-bottom: 0px;
}
#sp-bottom2 .sp-module ul > li {
  display: block;
  /*display:inline-block;*/
  margin-bottom: 0px;
}

/* bottom 4 - social icons */
.social-nets-wrapper .social {
	list-style-type:none; display:inline-block;
	margin:0px 0 0 0;
}

.social-nets-wrapper .social li {
	display:inline-block;
	width:60px;
	height:60px;
	overflow:hidden;
	border-radius:25%;
	margin-left:9px;
	text-align:center;
}
.social-nets-wrapper .social li:first-child { margin-left:0; }
.social-nets-wrapper .social li a {
	width:60px;
	height:60px;
	font-size:34px;
	background:#f3ce11;
	background:#ffffff;
	
	display:inline-block;
	color: #97C762;
	color: #ffffff;
}
.social-nets-wrapper .social li a span { 
	transition:all 0.3s ease 0s;
	line-height: 40px; font-size:34px;
	padding: 10px;
	color:#00aea8;
    color:#fcb43b; 
}
.social-nets-wrapper .social li a:hover { /* background-color: #2de960; */
                                          color: #ffffff;
										  color:red; }
.social-nets-wrapper .social li a:hover span {
	-webkit-transform:rotateY(360deg);
	-moz-transform:rotateY(360deg);
	-ms-transform:rotateY(360deg);
	-o-transform:rotateY(360deg);
	transform:rotateY(360deg); color:red;
}
/*----bottom 1 rozsirene--------*/
/*-------bottom 1 -------------*/
#sp-bottom1 #address .address-info,
#sp-bottom2 #address .address-info,
#sp-bottom3 #address .address-info {
  clear: left;
  font-size: 17px;
  text-align: left;
  padding-bottom: 10px;
}
#sp-bottom1 #address:last-child,
#sp-bottom2 #address:last-child,
#sp-bottom3 #address:last-child {
  padding: 0;
}
#sp-bottom1 #address .icon,
#sp-bottom2 #address .icon,
#sp-bottom3 #address .icon {
  float: left;
  font-size: 20px;
  margin-right: 15px;
  line-height: normal;
  color:#535353;
  color:#fcb43b;
   color:#ffffff;
  
}

#sp-bottom1 #address .content, 
#sp-bottom2 #address .content,
#sp-bottom3 #address .content {
  overflow: hidden;
  color:#ffffff;
  color:#535353;
    color:#ffffff;
	
}


#sp-bottom1 .social-icons ul {
  padding: 0px;
  margin: 0px;
  list-style: none;
  text-align: left;
}
#sp-bottom1 .social-icons li {
  display: inline-block;
  padding-right: 14px;
  line-height: 32px;
  border: none;
}
#sp-bottom1 .social-icons a {
  color: #fff;
    color:#535353;
  font-size: 22px;
}
#sp-bottom1 .social-icons a:hover {
  color: #56c9e4;
}
#sp-bottom1 .social-icons a:before {
  content: none;
}
/*--------- bottom 1 ---------*/

#sp-bottom2 .sp-module {
  padding-top: 15px;
}



/*----------- sp footer ------- dement -------*/
#sp-footer{
    font-size:14px;
    padding:0 0 120px;
	padding-bottom:10px;
	padding-top:20px;
   /* background-color:transparent;*/
    background-color: #02497d ;
	background-color: #d9d9d9 ;
	background-color: #ebb204;
    background-color:#f9b331 ;
    background-color:#ffffff ;
    background-color: #0d3a48;
     background:#1D2026;
	  background-color:#24272f  !important;

    color:#ffffff;
	 
    /*position:absolute;*/
    z-index:99;
    left:0;
    right:0;
    bottom:0;
    text-align:center;
	font-weight:400;
}


#sp-footer {
  /*border-style: solid;
  border-width: 1px 0px 1px 0px;
  border-color: #052D41;*/
  transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
 /* padding: 44px 0px 50px 0px;*/
  z-index: 10;
}


#sp-footer .container-inner{
    padding:20px 0 0;
	padding-top:0px;
    position:relative
}
#sp-footer ul.menu{
    display:inline-block;
    list-style:none;
    padding:0;
    margin:0 -10px
}
#sp-footer ul.menu li{
    display:inline-block;
    margin:0 10px
}
#sp-footer ul.menu li a{
    display:block;
    color:#a6bfff
}
#sp-footer ul.menu li a:hover{
    background:none
}
#sp-footer ul.social-icons{
    margin:10px 10px 30px
}
#sp-footer ul.social-icons>li{
    margin:5px 10px
}
#sp-footer ul.social-icons>li a{
    color:#fff;
    font-size:20px;
    height:64px;
    width:64px;
    line-height:64px;
    border-radius:50%;
    display:block
}
/*--------------------------*/

.menu_footer a {color:#ffffff;
                color:#ffffff;}

#sp-footer .google a {
       color:#ffffff; 
}
#sp-footer .google a:hover {
       color:#ffffff; text-decoration:underline; 
}


/*--------- social icon dement -----*/
#sp-footer ul.social-icons>li>a
{
    border-color:transparent;
    background-color:#c46b48
}

#sp-footer1 {
  border-style: solid;
  border-width: 1px 0px 0px 0px;
   border-color: #052D41;
   border-color:#8b8b8b;
  transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
 /* padding: 44px 0px 50px 0px;*/
 padding-top:10px;

}

#sp-footer2 a {color:#fcb43b; }
#sp-footer2 a:hover {color:#fcb43b; text-decoration:underline;}


/*----------------- sppb addons ------------*/

/*------------- addons  galery -----------*/
/*-----------------addon gallery -------------------*/
#jw-galery .sppb-section-title h2 {
    margin-bottom: 22px !important;
	
}

#jw-galery .sppb-section-title .sppb-title-heading {
   	text-transform:none !important;
	text-transform:uppercase !important;
}

.sppb-addon-gallery {
  margin-bottom: 130px;
}

.sppb-addon-gallery:last-child {
  margin-bottom: 0;
}
.sppb-addon-gallery .sppb-gallery {
  margin: 0 -15px;
}

.sppb-addon-gallery .sppb-gallery >li {
  padding: 0 1px;
  width: 25%;
}

@media only screen and (max-width: 1200px) {
  .sppb-addon-gallery .sppb-gallery >li {
  padding: 0 1px;
  width: 50%;
}
}

@media only screen and (max-width: 480px) {
 
   .sppb-addon-gallery .sppb-gallery >li {
  padding: 0 1px;
  width: 100%;
}
}



.sppb-addon-gallery .sppb-gallery >li a {
  position: relative;
}

.sppb-addon-gallery .sppb-gallery >li a:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  -webkit-transform: scale(.8);
  -ms-transform: scale(.8);
  -o-transform: scale(.8);
  transform: scale(.8);
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
}


.sppb-addon-gallery .sppb-gallery >li a:after {
  content: '+';
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%,-50%) scale(0);
  transform: translate(-50%,-50%) scale(0);
  font-size: 72px;
  color: #fff;
  margin-top: 5px;
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
}

/*-----seamless sg ------- */
.sppb-addon-gallery .sppb-gallery >li a:after 
      {position:absolute;
	   top:50%;
	   left:50%;
	   margin:-24px 0 0 -24px;
	   display:block;content:"";
	   width:48px;height:48px;
	   background:transparent url(../images/magnify_48x48_24.png) no-repeat;}

.sppb-addon-gallery .sppb-gallery >li:hover a:before {
  opacity: 1;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}
.sppb-addon-gallery .sppb-gallery >li:hover a:after {
  -webkit-transition-delay: .1s;
  transition-delay: .1s;
  -webkit-transform: translate(-50%,-50%) scale(1);
  transform: translate(-50%,-50%) scale(1);
}

/*.sppb-addon-gallery .sppb-gallery >li img {
  width: 100%;
}*/


.sppb-addon-gallery .sppb-gallery >li a:before {
  background-color: rgba(2,63,135,0.5);
   background-color: rgba(0,0,0,0.5);
}
/*---------------------  */
/*---------- addons TAB - kontakty, reference  -----------*/
/*------------ addon tab ----------*/

.sppb-addon-tab .sppb-tab .sppb-nav li a {
  padding: 20px 10px 30px 35px;
  color: #000;
  font-size: 22px;
  text-transform: uppercase;
  border-color: #ebebeb;
  position: relative;
}

/*------- rhino ----------*/
.sppb-addon-tab .sppb-tab .sppb-nav-tabs {
  margin-bottom: 55px;
  border: 0;
  text-align: center;
}
.sppb-addon-tab .sppb-tab .sppb-nav-tabs li {
  display: inline-block;
  float: none;
  margin: 0 15px;
}
.sppb-addon-tab .sppb-tab .sppb-nav-tabs li a {
  background: #FFFFFF;
  border: 0;
  border-radius: 0;
  font-size: 16px;
  color: #000;
  line-height: 1;
  font-weight: 400;
  text-transform: uppercase;
  padding: 13px 34px 13px;
  background:#d9d9d9;
  background:#ffd012;
  padding: 15pt 15pt;
}

.sppb-addon-tab .sppb-tab .sppb-nav-tabs li a:hover {
  background: #FFFFFF;
  border: 0;
  border-radius: 0;
  font-size: 16px;
  color: #ffffff;
  line-height: 1;
  font-weight: 400;
  text-transform: uppercase;
  padding: 13px 34px 13px;
  background:#d9d9d9;
  background:#003774;
    padding: 15pt 15pt;
}


.sppb-addon-tab .sppb-tab .sppb-nav-tabs li.active a {
  color: #fff;
}

.sppb-addon-tab .sppb-tab .sppb-nav-tabs li.active a {
  background: #fd5238;
  background: #003774;
}

.sppb-addon-tab .sppb-tab .sppb-nav-tabs-content {
  background: transparent;
  padding: 0;
  border: 0;
}
.sppb-addon-tab .sppb-tab .sppb-nav-tabs-content .sppb-tab-pane .row > div:nth-child(1) {
  padding-right: 65px;
}
.sppb-addon-tab .sppb-tab .sppb-nav-tabs-content .sppb-tab-pane .row > div:nth-child(2) {
  padding-right: 50px;
  padding-left: 30px;
}
.sppb-addon-tab .sppb-tab .sppb-nav-tabs-content .sppb-tab-pane .title {
  margin-top: 33px;
  font-size: 22px;
  color: #43484D;
  margin-bottom: 5px;
  font-weight: 400 !important;
  color:#ae2225;
}
.sppb-addon-tab .sppb-tab .sppb-nav-tabs-content .sppb-tab-pane p {
  line-height: 28px;
}

.csc-textpic-text  {color:#003774; text-align:center;}

/*----------------- konec addons tab -------------*/

/*---------------- heading after ---------*/
.title-3 .sppb-addon-title::after 
 {
  content: "";
  position: absolute;
  left: 50%;
  top: unset;
  bottom: 20px;
  -webkit-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  display: block;
  height: 2px;
  width: 100px;
}

.title-3 .sppb-addon-title::after {
   background:#0066b0;
   background:#ebb204;
}

.title-3 .sppb-addon-title {
  position: relative;
  padding-bottom: 37px !important;
  margin-bottom: 20px;
}

.title-3 {color:#0067ce;}
/*-----------------*/

.title-4 .sppb-addon-title::after 
 {
  content: "";
  position: absolute;
  left: 5%;
  top: unset;
  bottom: 20px;
  -webkit-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  display: block;
  height: 2px;
  width: 100px;
}


.title-4 .sppb-addon-title::after {
   background:#00aea8;
}

.title-4 .sppb-addon-title {
  position: relative;
  padding-bottom: 37px !important;
  margin-bottom: 20px;
}

/*---------------------*/
.title-5 .sppb-addon-title::before 
 {
  content: "";
  position: absolute;
  left: 4%;
  top: unset;
  bottom: 20px;
  -webkit-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
   display: block;
  height: 2px;
  width: 100px;
}
.title-5 .sppb-addon-title::before {
   background:#00aea8;
}

.title-5 .sppb-addon-title {
  position: relative;
  padding-bottom: 37px !important;
  margin-bottom: 20px;
}
/*------------------+----------*/


.title-6 .sppb-addon-title   {color: color: #383838;
    padding-left:20px;
}
.title-6 .sppb-addon-title::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
	width: 4px;
    height: 75%;
    background-color: #f9b331;
}


/*--------------------------------*/

.title-1 .sppb-addon-title::after  {
  content: "";
  background-color: #999;
  background-color: #0f4b81;
  background-color:#ebb204;
  
  width: 80px;
  height: 4px;
  display: block;
  margin-top: 0.5em;
   margin-top: 0.25em;
}


/*.title-1 .sppb-addon-title {color:#0067ce;}
.title-1 .sppb-addon-title {color: #383838; color:#505050;}*/

.title-1 .sppb-addon-content {font-size:22px; font-weight:300;}

.title-page .sppb-addon-title::after  {
  content: "";
  background-color: #999;
  background-color: #0f4b81;
  background-color:#ebb204;
  width: 80px;
  height: 4px;
  display: block;
  margin-top: 0.5em;
}

.title-page {color:#223a66;}

.txt-block-1 .sppb-addon-title {color:#0067ce; color:#f9b331;}
.txt-block-1 .sppb-addon-content {font-size:18px; font-weight:400;}


/*------------- PAGE HOME --------------*/
#home_product .flip-box-inner h2 {font-size:26px; text-align:left; font-weight:600; text-decoration:uderline;  
                                  padding-left:20px; padding-top:10px; padding-bottom:10px;
								  background-color:rgba(80, 80, 80, 0.8);}

#home_product .title_desc {min-height:50px;}

#home_product .sppb-btn {
  display: inline-block;
  /*display:block;*/
  max-width:120px;
  font-weight: 400;
  text-align: left;
  white-space: pre-line;
  vertical-align: middle;
  vertical-align:baseline;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border: 1px solid transparent;
    border-top-color: transparent;
    border-right-color: transparent;
    border-bottom-color: transparent;
    border-left-color: transparent;
  padding: 8px 12px;
  font-size: 16px;
  line-height: 1.25;
  border-radius: 4px;
  transition: all .15s ease-in-out;
  
}

.product_overlay .sppb-addon-title {color:#00aea8;}

.product h2{color:#00aea8;}

.product .sppb-addon-content a {text-decoration:underline; font-weight:600;}

/*--------------------home-page fix row -----------*/
#home_page_first  h2 {color: #ffffff;}

/*-----   addon feature home 2026 ---------*/
/*-------------   boxy vyroba stroju -------*/

.box-category { 
}

.box-category .sppb-addon-feature{
   padding:20px 20px;
}

.box-category .sppb-column-addons:hover {
  box-shadow: 0px 15px 30px 0px rgba(0,0,0,0.1);
}

.box-category .sppb-addon-title {
  font-size:24px; font-weight:600;
  /*color:#071638;*/
  	 color:var(--headings_color);
    text-align:left;
/*  margin: 0 0 35px;*/
  position:relative;
  margin-bottom:25px;
  min-height:5px;
}
.box-category .sppb-addon-title a {
   	 color:var(--headings_color);
 
}
.box-category .sppb-addon-title a:hover {
   	 color:var(--link_color);
 
}


/*-- podtrzitko pod tituly  ------*/
.box-category h3.sppb-addon-title:after {
   content: '';
  position: absolute;
  left: 0;
  /*top:0px;*/
  bottom: -10px;
  height: 2px;
  width: 100px;
  background-color:#f97302;
}

.box-category .sppb-addon-text {
  min-height:110px;
}
/*-------------------------------------*/



/*-  addon feature home 2025 ---------*/

/*.sppb-section:not(.spectrum-faq-list) .sppb-addon-feature {
  border: 1px solid #f1f3f6;
  padding: 30px 39px;
 padding:10px 10px;
 padding-top:40px;
 padding-bottom:40px;
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
  background-color:#ffffff;
  background: rgba(255, 255, 255, .7);
}
.sppb-section:not(.spectrum-faq-list) .sppb-addon-feature .sppb-addon-text,
.sppb-section:not(.spectrum-faq-list) .sppb-addon-feature .sppb-icon span i,
.sppb-section:not(.spectrum-faq-list) .sppb-addon-feature .sppb-addon-title.sppb-feature-box-title {
  -webkit-transition: color .3s;
  transition: color .3s;
  color:black;
}
.sppb-section:not(.spectrum-faq-list) .sppb-addon-feature .sppb-addon-text {
  font-size: 16px;
}
.sppb-section:not(.spectrum-faq-list) .sppb-addon-feature:hover {
  color: #fff;
}
.sppb-section:not(.spectrum-faq-list) .sppb-addon-feature:hover .sppb-addon-text,
.sppb-section:not(.spectrum-faq-list) .sppb-addon-feature:hover .sppb-addon-title.sppb-feature-box-title,
.sppb-section:not(.spectrum-faq-list) .sppb-addon-feature:hover .sppb-icon span i {
  color: #fff !important;
}

.sppb-section:not(.spectrum-faq-list) .sppb-addon-feature:hover {
  background: #0091fe;
}

*/
 
/*-------shadow --------*/
  
/*.sppb-addon-feature {
  box-shadow: 0px 15px 30px 0px rgba(0,0,0,0.1);
}

.sppb-addon-feature:hover {
  box-shadow: 0px 15px 30px 0px rgba(0,0,0,0.4);
}
*/




  
/* .sppb-addon-feature {
    padding: 20px;
  }
 .sppb-addon-feature .sppb-icon .sppb-icon-container {
    margin-bottom: 15px !important;
  }
 .sppb-addon-feature .sppb-icon .sppb-icon-container > i {
    font-size: 80px !important;
    width: 80px !important;
    height: 80px !important;
    line-height: 80px !important;
  }
 .sppb-addon-feature .sppb-addon-title {
    margin-bottom: 15px !important;
  }
 .sppb-addon-feature .sppb-addon-text {
    font-size: 13px;
  }
 .sppb-addon-feature .sppb-addon-text br {
    display: none;
  }
  
    
  .sppb-addon.sppb-addon-feature .sppb-addon-title.sppb-feature-box-title.sppb-media-heading {
    font-size: 18px !important;
  }
*/
/*----------------- addon feature---------------------*/






/*---------------- slider ----------*/
/*.sp-slider:after {
 position:absolute;
 top:0;
 left:0;
 content:"";
 width:100%;
 height:100%;
 background:-webkit-gradient(linear,left top,right top,from(#f0fff1),color-stop(rgba(1,125,197,.5)),to(rgba(1,125,197,.9)));
 background:-webkit-linear-gradient(left,#f0fff1,rgba(1,125,197,.5),rgba(1,125,197,.9));
 background:-moz-linear-gradient(left,#f0fff1,rgba(1,125,197,.5),rgba(1,125,197,.9));
 background:-o-linear-gradient(left,#f0fff1,rgba(1,125,197,.5),rgba(1,125,197,.9));
 background:linear-gradient(to right,#f0fff1,rgba(1,125,197,.5),rgba(1,125,197,.9));
 mix-blend-mode:multiply;
 height:15vh!important;*}*/


/*--------  pozadi obrazku ve slide --------*/

/*  barevny prechod ve slide */
.sppb-addon-sp-slider .sp-item .sp-background::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
	
	 background:-webkit-gradient(linear,left top,right top,from(#f0fff1),color-stop(103,104,106,.5)),to(rgba(103,104,106,.9)));
 background:-webkit-linear-gradient(left,#f0fff1,rgba(103,104,106,.5),rgba(103,104,106,.9));

 background:-moz-linear-gradient(left,#f0fff1,rgba(103,104,106,.5),rgba(103,104,106,.9));

 background:-o-linear-gradient(left,#f0fff1,rgba(103,104,106,.5),rgba(103,104,106,.99));
 background:linear-gradient(to right,#f0fff1,rgba(103,104,106,.5),rgba(103,104,106,.9));
 mix-blend-mode:multiply;

}






/*----- šrafování -------*/
/*.sp-slider:after {
 background-color:#ecf0f2;
 background-image:-webkit-repeating-linear-gradient(135deg,#ABABAB,#ABABAB 10px,#9E9E9E 10px,#9E9E9E 20px);
 background-image:-moz-repeating-linear-gradient(135deg,#ABABAB,#ABABAB 10px,#9E9E9E 10px,#9E9E9E 20px);
 background-image:-o-repeating-linear-gradient(135deg,#ABABAB,#ABABAB 10px,#9E9E9E 10px,#9E9E9E 20px);
 background-image:repeating-linear-gradient(-45deg,#ABABAB,#ABABAB 10px,#9E9E9E 10px,#9E9E9E 20px);
 -webkit-box-shadow:inset 0 1px 1px 0 rgba(0,0,0,.53);
 -moz-box-shadow:inset 0 1px 1px 0 rgba(0,0,0,.53);
 box-shadow:inset 0 1px 1px 0 rgba(0,0,0,.53)
}*/


/*.sp-slider:after {
 background:-webkit-gradient(linear,left top,right top,from(#375c6e),to(#017dc5));
 background:-webkit-linear-gradient(left,#375c6e,#017dc5);
 background:-moz-linear-gradient(left,#375c6e,#017dc5);
 background:-o-linear-gradient(left,#375c6e,#017dc5);
 background:linear-gradient(to right,#375c6e,#017dc5);
 height:55vh!important;
 min-height:300px
}*/


/*------------ row slider --------*/
.row--slider {
 position:relative;
 overflow:hidden;
 /*z-index:99999;*/
}

/*.row--slider>.rowInner {
 position:relative;
 z-index:2
}*/


.row--slider .cText-scroll {
 font-weight:400;
 position:absolute;
 bottom:-50px;
 z-index:10;
 left:50%;
 -webkit-transform:translateX(-50%);
 -moz-transform:translateX(-50%);
 -ms-transform:translateX(-50%);
 -o-transform:translateX(-50%);
 transform:translateX(-50%);
 font-size:18px;
 font-size:1.2rem;
 line-height:1.6;
 margin-bottom:0
}

@media screen and (min-width:768px) {
 .row--slider .cText-scroll {
  font-size:21px;
  font-size:1.4rem
 }
}
@media screen and (min-width:1200px) {
 .row--slider .cText-scroll {
  font-size:25px;
  font-size:1.66667rem
 }
}
.row--slider .cText-scroll * {
 color:#fff
}
.row--slider .cText-scroll h2 {
 margin-bottom:0;
 font-size:25px;
 font-size:1.66667rem
}
@media screen and (min-width:768px) {
 .row--slider .cText-scroll h2 {
  font-size:30px;
  font-size:2rem
 }
}
@media screen and (min-width:1200px) {
 .row--slider .cText-scroll h2 {
  font-size:35px;
  font-size:2.33333rem
 }
}
.row--slider .cText-scroll p {
 margin-bottom:0
}
.row--slider .cText-scroll a {
 display:block;
 margin:17px auto auto;
 width:100px;
 height:100px;
 background-color:#FBB040;
  background-color:#00aea8;
 -webkit-border-radius:50%;
 -moz-border-radius:50%;
 border-radius:50%;
 font-size:0;
 position:relative;
 -webkit-transition:all ease .25s;
 -moz-transition:all ease .25s;
 -o-transition:all ease .25s;
 transition:all ease .25s
}
.row--slider .cText-scroll a:before {
 position:absolute;
 left:50%;
 -webkit-transform:translate(-50%,-50%);
 -moz-transform:translate(-50%,-50%);
 -ms-transform:translate(-50%,-50%);
 -o-transform:translate(-50%,-50%);
 transform:translate(-50%,-50%);
 top:50%;
 content:"";
 display:block;
 width:21px;
 height:23px;
 background-image:url(../images/sipka-dolu.png);
 background-color:transparent;
 background-repeat:no-repeat;
 -webkit-background-size:contain;
 -moz-background-size:contain;
 -o-background-size:contain;
 background-size:contain;
 background-position:center center
}
.row--slider .cText-scroll a:hover {
 background-color:#048a85;
}
.row--slider .cText-scroll a:before {
 margin-top:-23px
}

/*------- funkcni ----------------*/

@media only screen and (max-width: 991px) {
 .row--slider .cText-scroll  h2{
   font-size:20px;
 }
}


.text-block_image-shadow img {
 -webkit-filter:drop-shadow(20px 20px 34px rgba(0,0,0,.35));
 filter:drop-shadow(20px 20px 34px rgba(0,0,0,.35))
}

.robot {
 -webkit-filter:drop-shadow(10px 10px 17px rgba(0,0,0,.35));
 filter:drop-shadow(10px 10px 17px rgba(0,0,0,.35))
}

/*---------- article scroller  --------*/

.sppb-articles-carousel-link {
  display: block;
  margin: 12px 0;
  font-size: 20px;
  color: #000;
  line-height: 1;
}



/*-------------   SLUZBY ----------------*/
/*------- bullet - kruh -------*/



/*.page-content ul,
article.item.item-page ul {
  list-style: none;
  margin: 0px 0px 0px 0px;
  padding: 0px;
  margin-top:20px;
  margin-top:2px;
}*/



ul.bullet li {
    margin-left: 25px;
    line-height: 1.5;
    margin-bottom: 10px;
    position: relative;
	color:#023f87;
	color:#505050;
	font-size:18px;
}

ul.bullet li::before {
    font-family: FontAwesome,sans-serif;
	 font-family: "Font Awesome 5 Free";
    /*content: "\f0c8";*/
	content:"";
    color: #f9a51a;
    font-size: 10px;
    display: inline-block;
    position: absolute;
    top: 8px;
    left: -25px;
	
    margin-right:25px;
	width:15px;
    height:15px;
	border:2px solid #f9a51a;
 border-radius:50%

}


/*-------------  ROZCESTNIKY ---------------*/
#box-services .sppb-addon-feature:hover {
  box-shadow: 0px 15px 30px 0px rgba(0,0,0,0.1);
}

#box-services .sppb-addon-feature .sppb-addon-content {
 
 /* -webkit-box-shadow: 0 6px 6px -6px #777;
  -moz-box-shadow: 0 6px 6px -6px #777;
  box-shadow: 0 6px 6px -6px #777;*/
  background:#2a9a99;
  padding: 25px 0px 10px;
  
}


#box-services  .sppb-addon-feature .sppb-addon-content {
  margin-bottom: 25px;
  padding-top: 15px;
  padding-bottom: 10px;
}



#box-services .sppb-addon-feature .sppb-feature-box-title  {
  padding-top:2px;
  color: #ffffff;
  font-size:25px;
  font-weight:400;
  margin-top:15px;
}



#box-services .sppb-addon-feature .sppb-text-center{
  margin-top:5px;
}
#box-services  a:hover {
  color: #ff0000;
  color:#daffe4;
  color:#ffffff;
  text-decoration:underline !important;
}


/*------------ rozcestnik pro rodice ---------*/

#box-services .sppb-section-title h1.sppb-title-heading {
  font-size: 40px !important;
  line-height: 35px !important;
  color: #101010;
  color:#023f87;
  margin: 0px !important;
  margin-bottom: 20px !important;
  font-weight: 400 !important;
  text-transform: none !important;
  text-align: center;
  letter-spacing: 0px;
}
#box-services .sppb-section-title h3.sppb-title-heading  {
  font-size: 35px !important;
  line-height: 35px !important;
  color: #101010;
  color:#023f87;
  color:#ffffff;
  margin: 0px !important;
  margin-bottom: 20px !important;
  font-weight: 400 !important;
  text-transform: none !important;
  text-align: center;
  letter-spacing: 0px;
}


#box-services .sppb-addon-feature   {
  margin-top:0px;
  margin-bottom:10px;
}

/*------   boxy verejnost ---------*/
#box-services .sppb-addon-feature   {
  padding: 0px 0px 0px;
  padding-top:0px;
  padding-bottom:0px;
  background: #fff;
  background:#2a9a99;
  background:#d9e8ef;
   background:#b9ddcc;
   background:#f6f9f8;
   background:#f9b331;
  border: 1px solid #03691f;
    border: 1px solid #252767;
	  border: 1px solid #0067ce;
	    border: 1px solid #000000;
	
  border-radius: 10px;
  -webkit-transition: .4s;
  -o-transition: .4s;
  transition: .4s;
   
}

#box-services .sppb-addon-feature:hover   {
  padding: 0px 0px 0px;
  padding-top:0px;
  padding-bottom:0px;
  background: #fff;
  background:#2a9a99;
    background:#d9e8ef;
	 background:#b9ddcc;
	 background:#f6f9f8;
	  background:#f9b331;
  border: 1px solid #03691f;
   border: 1px solid #252767;
     border: 1px solid #0067ce;
	  border: 1px solid #000000;
  border-radius: 10px;
  -webkit-transition: .4s;
  -o-transition: .4s;
  transition: .4s;
   box-shadow: 0 0 5px rgba(0,0,0,0.2);
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
  box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
  -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
   
}

#box-services .sppb-addon-feature:hover {
  box-shadow: 0px 15px 30px 0px rgba(0,0,0,0.1);
}

#box-services .sppb-addon-feature .sppb-addon-content {
 
 /* -webkit-box-shadow: 0 6px 6px -6px #777;
  -moz-box-shadow: 0 6px 6px -6px #777;
  box-shadow: 0 6px 6px -6px #777;*/
  background:#2a9a99;
  background:#d9e8ef;
  background:#b9ddcc;
  background:#f6f9f8;
  background:#ffd012;
  background:#f9b331;
  padding: 25px 0px 10px;
  
}


#box-services  .sppb-addon-feature .sppb-addon-content {
  margin-bottom: 25px;
  padding-top: 15px;
  padding-bottom: 10px;
}



#box-services .sppb-addon-feature .sppb-feature-box-title  {
  padding-top:2px;
  color: #ffffff;
  color:#252767;
  font-size:25px;
  font-weight:400;
  margin-top:15px;
}

#box-services .sppb-addon-feature .sppb-feature-box-title a {
  color:#980b01;
  color:#ffffff;
  color:#252767;
  color:#025667;
  color:#0067ce;
  color:#000000;
}

#box-services .sppb-addon-feature .sppb-feature-box-title  a:hover {
  color: #ff0000;
  color:#daffe4;
  color:#252767;
 color:#0067ce;
 color:#034990;
  color:#000000;
  text-decoration:underline !important;
}


#box-services .sppb-addon-feature .sppb-text-center{
  margin-top:5px;
}
#box-services  a:hover {
  color: #ff0000;
  color:#daffe4;
  color:#ffffff;
  text-decoration:underline !important;
}

/*--------------------------------*/ 





/*---------- PAGE kontakty ---------*/
#team .sppb-addon-text  .address-info {
  clear: left;
  font-size: 17px;
  text-align: left;
  padding-bottom: 2px;
}

#team .sppb-addon-text  .address-info .icon {
  float: left;
  font-size: 20px;
  margin-right: 15px;
  line-height: normal;
  color:white;
  color:black;
}
#team .sppb-addon-feature .sppb-addon-title h3 {margin-bottom:5px;}
#team  h3 {font-size:25px; color:#ebb204;}

#team .sppb-addon-feature .sppb-addon-content h3 {
    margin-bottom: 0px !important;
}

#team .sppb-addon-feature .sppb-addon-content {
  -webkit-box-shadow: 0 6px 6px -6px #777;
  padding-top: 20px;
  padding-right: 20px;
  padding-left: 20px;
}

/*--- old variant -------*/
.person-title {color:#003774; font-size:22px;}
.sppb-person-designation {color:#000000;}
.sppb-person-introtext {color:#000000;}
/*---------------------*/


#contact-people .name {font-size:22px; color: #002e5a; font-weight:600;}
#contact-people .funkce {font-size:18px; font-weight:300; font-style:italic;}
#contact-people .csc-text-content .phone a {font-size:18px; color: #002e5a; font-weight:600;}
#contact-people .csc-text-content .phone a:hover {font-size:18px; color: #002e5a; font-weight:600; text-decoration:underline;}
#contact-people .csc-text-content .email {font-size:18px; color: #002e5a; text-decoration:none;}
#contact-people .csc-text-content .email a:hover {font-size:18px; color: #002e5a; text-decoration:underline;}

/*--------------- people -ICON SVG ------------*/
#contact-people .people_link .people_mobile a {font-size:18px; color: #ffbd00; font-weight:600;}
#contact-people .people_link .people_mobile a:hover {font-size:18px; color: #ae8203; font-weight:600; text-decoration:underline;}

#contact-people .people_link .people_email a {font-size:18px; color: #ffbd00; font-weight:600;}
#contact-people .people_link .people_email a:hover {font-size:18px; color: #ae8203; font-weight:600; text-decoration:underline;}


.people_link>span
 {
 display:inline-block;
 text-decoration:none;
 vertical-align:middle;
 margin-right:.35294rem
}
.people_link>span:before
 {
 margin-right:.35294rem;
 font-size:18px;
 font-size:1.05882rem;
 line-height:1.5;
 line-height:0;
 vertical-align:middle
}
.people_link>span:after
 {
 margin-left:.35294rem;
 font-size:18px;
 font-size:1.05882rem;
 line-height:1.5;
 line-height:0;
 vertical-align:middle
}

.people_link {
 text-decoration:none
}

@media screen and (max-width:767px) {
 .people_link {
  display:block;
  color:#fff !important;
  /*background-color:#db0023;
  border-color:#db0023;*/
  -webkit-border-radius:0;
  -moz-border-radius:0;
  border-radius:0;
  text-decoration:none;
  padding:.70588rem;
  margin-bottom:.70588rem
 }
 
 .people_link.active,
 .people_link:active,
 .people_link:focus,
 .people_link:hover {
  color:#fff;
  background-color:transparent;
  
 }
  
 .people_link.active,
 .people_link:active {
  background-image:none
 }

  
 
}


@media screen and (max-width:767px) {
 .people_link>span {
  color:#fff
 }
}
.people_link svg {
 margin-right:.23529rem
}



.people_link {
 margin-bottom:.34195rem;
 color:#2a2a2a
}


.people_email:before,
.people_mobile:before
 {
 display:inline-block;
 vertical-align:middle;
 width:25px;
 height:25px
}

/*.people_email:before,
.people_mobile:before,
[class*=icon-] {
 display:inline-block;
 vertical-align:middle;
 width:25px;
 height:25px
}*/


.people_mobile:before
 {
 background-image:url(../images/phone-icon-btn.svg?v=92fc);
 background-image:url(../images/phone-icon.svg?v=92fc);
 background-color:transparent;
 background-position:0 0;
 -webkit-background-size:25px 25px;
 -moz-background-size:25px 25px;
 -o-background-size:25px 25px;
 background-size:25px 25px;
 background-repeat:no-repeat;
 content:""
}
@media screen and (min-width:768px) {
 .people_mobile:before
 {
  background-image:url(../images/phone-icon.svg?v=07ad);
  background-color:transparent;
  background-position:0 0;
  -webkit-background-size:25px 25px;
  -moz-background-size:25px 25px;
  -o-background-size:25px 25px;
  background-size:25px 25px;
  background-repeat:no-repeat
 }
}


@media screen and (min-width:768px) {
 .people_mobile:before
{
  background-image:url(../images/phone-icon.svg?v=07ad);
  background-color:transparent;
  background-position:0 0;
  -webkit-background-size:25px 25px;
  -moz-background-size:25px 25px;
  -o-background-size:25px 25px;
  background-size:25px 25px;
  background-repeat:no-repeat
 }
}
.people_email:before {
 background-image:url(../images/mail-icon-btn.svg?v=f1bd);
 background-image:url(../images/mail-icon.svg?v=f1bd);
 background-color:transparent;
 background-position:0 0;
 -webkit-background-size:25px 25px;
 -moz-background-size:25px 25px;
 -o-background-size:25px 25px;
 background-size:25px 25px;
 background-repeat:no-repeat;
 content:""
}

@media screen and (min-width:768px) {
 .people_email:before {
  background-image:url(../images/mail-icon.svg?v=4f03);
  background-color:transparent;
  background-position:0 0;
  -webkit-background-size:25px 25px;
  -moz-background-size:25px 25px;
  -o-background-size:25px 25px;
  background-size:25px 25px;
  background-repeat:no-repeat
 }
}

/*------------------- home feature z empire ----------*/
#home-feature .sppb-addon-feature .sppb-addon-content {
  background: #ffffff none repeat scroll 0 0;
  padding: 58px 30px 53px;
  -webkit-transition: .4s;
  -o-transition: .4s;
  transition: .4s;
  position: relative;
}


#home-feature .sppb-addon-feature .sppb-addon-content .sppb-icon {
  background: #ebe6de none repeat scroll 0 0;
  border: 12px solid #fff;
  border-radius: 50%;
  height: 88px;
  left: 0;
  margin: 0 auto;
  padding-top: 17px;
  position: absolute;
  right: 0;
  top: -44px;
  width: 88px;
}
#home-feature .sppb-addon-feature .sppb-addon-content .sppb-icon span {
  font-size: 30px;
}
#home-feature .sppb-addon-feature .sppb-addon-content h3 {
  font-weight: 700;
  line-height: 1.3;
  text-transform: capitalize;
  color: #000;
}
#home-feature .sppb-addon-feature .sppb-addon-content h3 span {
  font-size: 16px;
  font-weight: 400;
  text-transform: uppercase;
}
#home-feature .sppb-addon-feature .sppb-addon-content .sppb-addon-text {
  color: #7c7c7c;
  font-size: 16px;
  margin-top: 25px;
}
#home-feature .sppb-addon-feature .sppb-addon-content:hover {
  background: #f2f2f2;
}

/*----------------------------------------------*/

 /*--------   pramos.cy -shttps://www.pramos.cz/sluzby/ ------*/ 
    .paticka {
        flex-basis: auto;
        flex-grow: 0;
        flex-shrink: 0;
        width: 100%;
        background-color: #f6faff;    }

        .obrazek {
            position: relative;
            max-width: 100%;
            padding-top: 43.1875rem / $maximalniSirkaStranky * 100%;
            background-image: radial-gradient(60.67% 235.41% at 0% 130.91%, $primary-bright-sky-blue 0%, $primary-darkish-blue 63.48%);
            clip-path: polygon(0 0, 100% 20%, 100% 100%, 0 100%);    }
            
            .prechod {
                position: absolute;
                top: 0;
                width: 100%;
                height: 100%;
                background-image:  url('../obrazky/sablona/img_footer.jpg');
                background-size: cover;
                background-position: center center;
                opacity: 0.2;
            }
			
/*--------------------------------*/
/*--------------PRIMO OKNA PLASTOVA --------------*/
#primo_section_6  .sppb-addon-title span {font-size:50px;}

.lista-kolko {}
.bullet-1 {}

ol.bullet-1 {
  display: block;
  padding: 0 0 0 26px;
  list-style: none;
  overflow: hidden;
  counter-reset: numList;
}
ol.bullet-1 li{
  padding-bottom:10px;
  
}

ol.bullet-1 li::before {
  counter-increment: numList;
  content: counter(numList);
  float: left;
  position: absolute;
  left: -10px;
  text-align: center;
  color: #ededed;
  line-height: 22px;
  width: 22px;
  height: 22px;
  background: #3c3c3c;
  background:#00aea8;
  -moz-border-radius: 999px;
  border-radius: 999px;
  margin-top:5px;
}

ul.bullet-1 {
  display: block;
  padding: 0 0 0 26px;
  list-style: none;
  overflow: hidden;
  counter-reset: numList;
}

ul.bullet-1 li::before {
 /* counter-increment: numList;
  content: counter(numList);*/
  content:close-quote;
  float: left;
  position: absolute;
  left: 0px;
  text-align: center;
  color: #ededed;
  line-height: 22px;
  width: 8px;
  height: 8px;
   background:#00aea8;
  -moz-border-radius: 999px;
  border-radius: 999px;
  margin-top:10px;
}


/*--------------FUTURO OKNA ALU --------------*/
#futuro_section_6  .sppb-addon-title span {font-size:50px;}

/*--------------FUTURO terasove dvetre --------------*/
#futuro_section_2  .sppb-addon-content span {font-size:45px; color:#00aea8;}

/*------RS FORM -------------------*/
#rsform_3_page_0 {}

#rsform_3_page_0  p {font-weight:400;}

/*--------------------------*/


		
/*---------------------   VASPO ---------------------*/


/*-------------- home video ------------*/
#video .container-video-bg {
    width: 100%;
    height: 800px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    overflow: hidden;
}

#video .container-video-bg:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
 background:-webkit-gradient(linear,left top,right top,from(#aeaeae),color-stop(3,96,139,.5)),to(rgba(3,96,139,.9)));
 background:-webkit-linear-gradient(left,#aeaeae,rgba(3,96,139,.5),rgba(3,96,139,.9));
 background:-moz-linear-gradient(left,#aeaeae,rgba(3,96,139,.5),rgba(3,96,139,.9));
 background:-o-linear-gradient(left,#aeaeae,rgba(3,96,139,.5),rgba(3,96,139,.99));
 background:linear-gradient(to right,#aeaeae,rgba(3,96,139,.5),rgba(3,96,139,.9));
 mix-blend-mode:multiply;
 
 /*---------   vzor srafovani toto dela srafovani ---------*/
  background-image: url(../images/video-pattern.png);
  background-color: rgba(20,26,29,.3);
  background-color: rgba(3,96,139,.5);
}

#video .container-video-bg::before {
  background-image: url(../images/prekryti_sede.png);
  /*background-color: rgba(20,26,29,.3);*/
  background-repeat: no-repeat;
  -webkit-background-size: 100% 100%;
  -moz-background-size: 100%;
  -o-background-size: 100%;
  background-size: 100%;
  background-position: 0 0;
}

#head_video  { height: 700px; margin-top:200px;}
#head_video h1 {color:#ffffff; text-align:center; font-size:70px; padding-top:100px;}
#head_video h2 {color:#ffffff; text-align:center; font-size:45px;}
#head_video p {color:#ffffff; text-align:center; font-size:22px;}


#video-article { margin-top:200px;}

.scroll-btn {
    display: block;
    width: 60px;
    height: 60px;
    margin: 0 auto;
    opacity: .55;
}

@media (max-width:1199px){
	
	#video .container-video-bg {
    width: 100%;
    height: 450px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    overflow: hidden;
}
	
	#video-article { margin-top:50px;}
	#head_video  { height: 450px; margin-top:200px;}
	#head_video h1 {color:#ffffff; text-align:center; font-size:50px; padding-top:100px;}
	#head_video h2 {color:#ffffff; text-align:center; font-size:35px;}
	#head_video p {color:#ffffff; text-align:center; font-size:18px;}
	 }

@media (max-width:991px) {
	
    #video-article { margin-top:50px;}
	#head_video  { height: 400px; margin-top:150px;}
	#head_video h1 {color:#ffffff; text-align:center; font-size:35px; padding-top:60px;}
	#head_video h2 {color:#ffffff; text-align:center; font-size:25px;}
	#head_video p {color:#ffffff; text-align:center; font-size:18px;}
}


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

#video .container-video-bg {
    width: 100%;
    height: 330px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    overflow: hidden;
}
#video-article {display:none;}

#head_video  { height: 300px; margin-top:15px;}
#head_video h1 {color:#ffffff; text-align:center; font-size:30px; padding-top:10px;}
#head_video h2 {color:#ffffff; text-align:center; font-size:20px;}
#head_video p {color:#ffffff; text-align:center; font-size:20px;}

#video-article { margin-top:50px;}

}

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

#video .container-video-bg {
    width: 100%;
    height: 240px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    overflow: hidden;
}
#head_video  { height: 250px; margin-top:15px;height:200px;}
#head_video h1 {color:#ffffff; text-align:center; font-size:20px; padding-top:0px;}
#head_video h2 {color:#ffffff; text-align:center; font-size:18px;}
#head_video p {color:#ffffff; text-align:center; font-size:18px;}

#video-article { margin-top:20px;}
}	

/*-------------- home video ROK 26 ------------*/
#video-row {
    width: 100%;
    height: 800px;
    top: 0; left: 0; right: 0; overflow: hidden;
	padding-top:150px;padding-bottom:150px;
}

#video-title { padding-top:100px;padding-bottom:100px;}
#video-title h1 {color:#ffffff; text-align:center; font-size:70px; padding-top:50px;}
#video-title h2 {color:#ffffff; text-align:center; font-size:45px;}
#video-title p {color:#ffffff; text-align:center; font-size:22px;}

/*----pouze modre pozadi -------*/
#video-row:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
 background:-webkit-gradient(linear,left top,right top,from(#aeaeae),color-stop(3,96,139,.5)),to(rgba(3,96,139,.9)));
 background:-webkit-linear-gradient(left,#aeaeae,rgba(3,96,139,.5),rgba(3,96,139,.9));
 background:-moz-linear-gradient(left,#aeaeae,rgba(3,96,139,.5),rgba(3,96,139,.9));
 background:-o-linear-gradient(left,#aeaeae,rgba(3,96,139,.5),rgba(3,96,139,.99));
 background:linear-gradient(to right,#aeaeae,rgba(3,96,139,.5),rgba(3,96,139,.9));
 mix-blend-mode:multiply;
}

/*------  modre pozadi se srafovanim --------*/
#video-row:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
 background:-webkit-gradient(linear,left top,right top,from(#aeaeae),color-stop(3,96,139,.5)),to(rgba(3,96,139,.9)));
 background:-webkit-linear-gradient(left,#aeaeae,rgba(3,96,139,.5),rgba(3,96,139,.9));
 background:-moz-linear-gradient(left,#aeaeae,rgba(3,96,139,.5),rgba(3,96,139,.9));
 background:-o-linear-gradient(left,#aeaeae,rgba(3,96,139,.5),rgba(3,96,139,.99));
 background:linear-gradient(to right,#aeaeae,rgba(3,96,139,.5),rgba(3,96,139,.9));
 mix-blend-mode:multiply;
 
 /*---------   vzor srafovani toto dela srafovani ---------*/
  background-image: url(../images/video-pattern.png);
  background-color: rgba(20,26,29,.3);
  background-color: rgba(3,96,139,.5);
}


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

#video-row {
    width: 100%;
    height: 500px;
    top: 0; left: 0; right: 0; overflow: hidden;
}

#video-title { padding-top:50px;padding-bottom:50px;}
#video-title h1 {color:#ffffff; text-align:center; font-size:32px; padding-top:0px;}
#video-title h2 {color:#ffffff; text-align:center; font-size:30px;}
#video-title p {color:#ffffff; text-align:center; font-size:18px;}

}	


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

#video-row {
    width: 100%;
    height: 500px;
    top: 0; left: 0; right: 0; overflow: hidden;
}
#video-title { padding-top:25px;padding-bottom:25px;}
#video-title h1 {color:#ffffff; text-align:center; font-size:32px; padding-top:0px;}
#video-title h2 {color:#ffffff; text-align:center; font-size:18px;}
#video-title p {color:#ffffff; text-align:center; font-size:18px;}
	
}

	
	
	 

/*------------------------------*/

/*---------------- slider ----------*/
/*.sp-slider:after {
 position:absolute;
 top:0;
 left:0;
 content:"";
 width:100%;
 height:100%;
 background:-webkit-gradient(linear,left top,right top,from(#f0fff1),color-stop(rgba(1,125,197,.5)),to(rgba(1,125,197,.9)));
 background:-webkit-linear-gradient(left,#f0fff1,rgba(1,125,197,.5),rgba(1,125,197,.9));
 background:-moz-linear-gradient(left,#f0fff1,rgba(1,125,197,.5),rgba(1,125,197,.9));
 background:-o-linear-gradient(left,#f0fff1,rgba(1,125,197,.5),rgba(1,125,197,.9));
 background:linear-gradient(to right,#f0fff1,rgba(1,125,197,.5),rgba(1,125,197,.9));
 mix-blend-mode:multiply;
 height:15vh!important;*}*/


/*--------  pozadi obrazku ve slide --------*/

.sppb-addon-sp-slider .sp-item .sp-background::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
	
	 background:-webkit-gradient(linear,left top,right top,from(#f0fff1),color-stop(103,104,106,.5)),to(rgba(103,104,106,.9)));
 background:-webkit-linear-gradient(left,#f0fff1,rgba(103,104,106,.5),rgba(103,104,106,.9));

 background:-moz-linear-gradient(left,#f0fff1,rgba(103,104,106,.5),rgba(103,104,106,.9));

 background:-o-linear-gradient(left,#f0fff1,rgba(103,104,106,.5),rgba(103,104,106,.99));
 background:linear-gradient(to right,#f0fff1,rgba(103,104,106,.5),rgba(103,104,106,.9));
 mix-blend-mode:multiply;

}

#video1 .container-video-bg:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
 background:-webkit-gradient(linear,left top,right top,from(#f0fff1),color-stop(103,104,106,.5)),to(rgba(103,104,106,.9)));
 background:-webkit-linear-gradient(left,#f0fff1,rgba(103,104,106,.5),rgba(103,104,106,.9));
 background:-moz-linear-gradient(left,#f0fff1,rgba(103,104,106,.5),rgba(103,104,106,.9));
 background:-o-linear-gradient(left,#f0fff1,rgba(103,104,106,.5),rgba(103,104,106,.99));
 background:linear-gradient(to right,#f0fff1,rgba(103,104,106,.5),rgba(103,104,106,.9));
 mix-blend-mode:multiply;
}

#video1 .container-video-bg:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
 background:-webkit-gradient(linear,left top,right top,from(#34c3fb),color-stop(46,111,136,.5)),to(rgba(46,111,136,.9)));
 background:-webkit-linear-gradient(left,#34c3fb,rgba(46,111,136,.5),rgba(46,111,136,.9));
 background:-moz-linear-gradient(left,#34c3fb,rgba(46,111,136,.5),rgba(46,111,136,.9));
 background:-o-linear-gradient(left,#34c3fb,rgba(46,111,136,.5),rgba(46,111,136,.99));
 background:linear-gradient(to right,#34c3fb,rgba(46,111,136,.5),rgba(46,111,136,.9));
 mix-blend-mode:multiply;
}


.video3 .container-video-bg:after {
	 content: "";
    position: absolute;
	
  background:-webkit-gradient(linear,left top,right top,from(#aeaeae),color-stop(3,96,139,.5)),to(rgba(3,96,139,.9)));
 background:-webkit-linear-gradient(left,#aeaeae,rgba(3,96,139,.5),rgba(3,96,139,.9));
 background:-moz-linear-gradient(left,#aeaeae,rgba(3,96,139,.5),rgba(3,96,139,.9));
 background:-o-linear-gradient(left,#aeaeae,rgba(3,96,139,.5),rgba(3,96,139,.99));
 background:linear-gradient(to right,#aeaeae,rgba(3,96,139,.5),rgba(3,96,139,.9));
 mix-blend-mode:multiply;
}
 


/*----- šrafování -------*/
/*.sp-slider:after {
 background-color:#ecf0f2;
 background-image:-webkit-repeating-linear-gradient(135deg,#ABABAB,#ABABAB 10px,#9E9E9E 10px,#9E9E9E 20px);
 background-image:-moz-repeating-linear-gradient(135deg,#ABABAB,#ABABAB 10px,#9E9E9E 10px,#9E9E9E 20px);
 background-image:-o-repeating-linear-gradient(135deg,#ABABAB,#ABABAB 10px,#9E9E9E 10px,#9E9E9E 20px);
 background-image:repeating-linear-gradient(-45deg,#ABABAB,#ABABAB 10px,#9E9E9E 10px,#9E9E9E 20px);
 -webkit-box-shadow:inset 0 1px 1px 0 rgba(0,0,0,.53);
 -moz-box-shadow:inset 0 1px 1px 0 rgba(0,0,0,.53);
 box-shadow:inset 0 1px 1px 0 rgba(0,0,0,.53)
}*/


/*.sp-slider:after {
 background:-webkit-gradient(linear,left top,right top,from(#375c6e),to(#017dc5));
 background:-webkit-linear-gradient(left,#375c6e,#017dc5);
 background:-moz-linear-gradient(left,#375c6e,#017dc5);
 background:-o-linear-gradient(left,#375c6e,#017dc5);
 background:linear-gradient(to right,#375c6e,#017dc5);
 height:55vh!important;
 min-height:300px
}*/



/*--------srafovani ----------*/
/*------- funkcni -----------*/
/*
#video .container-video-bg:after {
 background-color:#ecf0f2;
  background-color:#0c6693;
 background-image:-webkit-repeating-linear-gradient(135deg,#ABABAB,#ABABAB 10px,#9E9E9E 10px,#9E9E9E 20px);
 background-image:-moz-repeating-linear-gradient(135deg,#ABABAB,#ABABAB 10px,#9E9E9E 10px,#9E9E9E 20px);
 background-image:-o-repeating-linear-gradient(135deg,#ABABAB,#ABABAB 10px,#9E9E9E 10px,#9E9E9E 20px);
 background-image:repeating-linear-gradient(-45deg,#ABABAB,#ABABAB 10px,#9E9E9E 10px,#9E9E9E 20px);
 -webkit-box-shadow:inset 0 1px 1px 0 rgba(0,0,0,.53);
 -moz-box-shadow:inset 0 1px 1px 0 rgba(0,0,0,.53);
 box-shadow:inset 0 1px 1px 0 rgba(0,0,0,.53) } */
 
 
/*----------------------*/

/*#video .container-video-bg::before {
  background-image: url(../images/prekryti_sede.png);
  background-color: rgba(20,26,29,.3);
  background-repeat: no-repeat;
  -webkit-background-size: 100% 100%;
  -moz-background-size: 100%;
  -o-background-size: 100%;
  background-size: 100%;
  background-position: 0 0;
}*/

/**************************************** Below 1200Px ****************************************************/
@media (max-width: 1199px) {
	.sp-header {}
  
}


#contact-home-row .sppb-addon-title {color:#ffffff; color:#0066b0;color:#000000; font-size:22px;}
#contact-home-row .sppb-addon-text {color:#ffffff; color:#0066b0; color:#000000; font-size:20px;}

#contact-home-row .sppb-addon-text a:hover {text-decoration:underline;
                                    }

/*----  ikony -----*/
.contact-details-list li::before {

    display: block;
    float: left;
    width: 48px;
    height: 48px;
    font-size: 48px;
    color: #F4BC16;
    background: #FFF;
    border: 1px solid #FFF;
    padding: 19px;
    margin-right: 30px;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;

}

#contact-home-row  .sppb-icon .sppb-icon-container {
    display: block;
    float: left;
    width: 68px;
    height: 68px;
    font-size: 48px;
    color: #F4BC16;
    background: #FFF;
    border: 1px solid #FFF;
    padding: 19px;
    margin-right: 3px;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
}
/*---------------*/
/*------------------ homepage---------*/

#cpm-teaser-image  .cmp-image img {
  padding: 56.25% 0 0 0;
  width: 75%;
  margin: 0 0 0 25%;
}

/*--------------------- service ----------------*/
.manufacturer-service-item {
    position: relative;
}
.manufacturer-service-item .sppb-feature-box-title {
    background: linear-gradient(0deg, rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0.6));
    mix-blend-mode: normal;
    backdrop-filter: blur(50px);
    padding: 25px 70px 27px 35px;
    position: absolute;
    bottom: -8px;
    border-radius: 0px 5px 0px 5px;
    max-width: 300px;
}
.manufacturer-service-item .sppb-feature-box-title:hover {
    text-decoration: underline;
}
.manufacturer-service-item img {
    border-radius: 5px;
}
.manufacturer-service-item.right .sppb-feature-box-title {
    right: 0px;
    text-align: left;
    border-radius: 5px 0px 5px 0px;
}

/*---------------- home elektkronics -------------*/

#home-electronics .sppb-addon-title {color:#ffffff}

/*------------   BLOK ARTICLE SCROLLER -----------*/

.sppb-articles-carousel-meta-date {
 color:rgba(0,0,0,.6);
 font-size:14px;
 margin-right:5px;
  margin-left:5px;
}

.sppb-articles-carousel-meta-category a {
 font-size:14px;
 font-weight:600;
 color:#95a5a6;
 display:inline-block;
 margin-top:10px
}

.sppb-articles-carousel-meta-category:before {
 font-size:14px;
 font-weight:600;
 color:#95a5a6;
 display:inline-block;
 margin-top:10px;
  display: inline-block;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
    content: "/";
}



/*------- blok project carousel----------*/
.sp-mf-project-carousel .sppb-carousel-extended-item {
  border-radius: 15px;
  overflow: hidden;
}
.sp-mf-project-carousel .sppb-carousel-extended-item > .sppb-carousel-extended-team-content {
  background: linear-gradient(0deg, #1d1d1d 0%, rgba(0, 0, 0, 0) 100%);
  opacity: 1;
  visibility: visible;
  padding: 40px;
  transition: 0.3s;
}
.sp-mf-project-carousel .sppb-carousel-extended-item > .sppb-carousel-extended-team-content .sppb-carousel-extended-item-overlay {
  background: rgba(29, 29, 29, 0.8) !important;
}
.sp-mf-project-carousel .sppb-carousel-extended-item > .sppb-carousel-extended-team-content .sppb-carousel-extended-team-content-wrap {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  text-align: left;
}
.sp-mf-project-carousel .sppb-carousel-extended-item > .sppb-carousel-extended-team-content .sppb-carousel-extended-team-content-wrap .sppb-carousel-extended-team-name {
  font-size: 28px;
  text-transform: inherit;
  transition: 0.3s;
}
.sp-mf-project-carousel .sppb-carousel-extended-item > .sppb-carousel-extended-team-content .sppb-carousel-extended-team-content-wrap .sppb-carousel-extended-team-designation {
  font-size: 18px;
  line-height: 1.75;
  transform: scale(1, 0);
  transform-origin: top;
  height: 0;
}
/*------ skryti view details -----------*/
.sp-mf-project-carousel .sppb-carousel-extended-item > .sppb-carousel-extended-team-content .sppb-carousel-extended-team-content-wrap a.sppb-btn {
  text-align: left;
  color: #fff;
  display:none;
}
.sp-mf-project-carousel .sppb-carousel-extended-item > .sppb-carousel-extended-team-content .sppb-carousel-extended-team-content-wrap a.sppb-btn .arrow-icon {
  display: inline-block;
  margin-left: 10px;
}
.sp-mf-project-carousel .sppb-carousel-extended-item:hover > .sppb-carousel-extended-team-content .sppb-carousel-extended-team-content-wrap .sppb-carousel-extended-team-name {
  color: #c5fe1c;
}
.sp-mf-project-carousel .sppb-carousel-extended-item:hover > .sppb-carousel-extended-team-content .sppb-carousel-extended-team-content-wrap .sppb-carousel-extended-team-designation {
  transition: 0.3s;
  transition-delay: 0.15s;
  transform: scale(1);
  height: initial;
  margin-top: 50px;
  margin-bottom: auto;
}
.sp-mf-project-carousel .sppb-carousel-extended-item:hover > .sppb-carousel-extended-team-content .sppb-carousel-extended-team-content-wrap a.sppb-btn {
  color: #c5fe1c;
}


.sp-mf-project-carousel .sppb-carousel-extended-nav-control {
  top: -100px !important;
  bottom: auto;
  right: 270px;
}
.sp-mf-project-carousel .sppb-carousel-extended-nav-control i.fa:before {
  content: "";
  background-image: url(../images/arrow.png);
  width: 13px;
  height: 21px;
  display: inline-block;
  opacity: 0.5;
  transition: 0.3s;
}
.sp-mf-project-carousel .sppb-carousel-extended-nav-control .prev-control:hover > i.fa:before, .sp-mf-project-carousel .sppb-carousel-extended-nav-control .next-control:hover > i.fa:before, .sp-mf-project-carousel .sppb-carousel-extended-nav-control .prev-control:focus > i.fa:before, .sp-mf-project-carousel .sppb-carousel-extended-nav-control .next-control:focus > i.fa:before {
  opacity: 1;
}
.sp-mf-project-carousel .sppb-carousel-extended-nav-control .prev-control {
  float: right;
}
.sp-mf-project-carousel .sppb-carousel-extended-nav-control .next-control {
  margin-right: -60px;
}
.sp-mf-project-carousel .sppb-carousel-extended-nav-control .next-control i.fa:before {
  transform: rotate(180deg);
}

/*-----  dots vedle nav control ----------*/
/*.sp-mf-project-carousel .sppb-carousel-extended-dots {
  bottom: auto;
  top: -90px;
  left: auto;
  right: 350px;
}
.sp-mf-project-carousel .sppb-carousel-extended-dots ul {
  text-align: right;
}*/


/*------- blok customer reviews ----------*/

.sp-mf-customer-reviews:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 200px;
  background: #fff;
  bottom: 0;
}
.sp-mf-customer-reviews .sppb-testimonial-carousel-item-content {
  background-color: transparent !important;
}
.sp-mf-customer-reviews .sppb-testimonial-carousel-item-content:before {
  display: none;
}
.sp-mf-customer-reviews .review-brand-img {
  background-size: cover;
  background-position: center center;
  background-attachment: scroll;
  background-repeat: no-repeat;
  border-radius: 15px;
  margin-right: 50px;
}
.sp-mf-customer-reviews .content-wrap > div {
  flex: 1;
}
.sp-mf-customer-reviews .sppb-testimonial-carousel-content-wrap {
  flex-direction: row !important;
}
.sp-mf-customer-reviews .sppb-testimonial-carousel-content-wrap .sppb-testimonial-carousel-img-wrap {
  margin-right: 20px !important;
}
.sp-mf-customer-reviews .review-info {
  border-top: 1px solid rgba(29, 29, 29, 0.2);
  border-right: 1px solid rgba(29, 29, 29, 0.2);
  padding-top: 40px;
  padding-right: 40px;
}
*.sp-mf-customer-reviews .review-info .sppb-testimonial-carousel-icon i:before {
  font-family: 'Heebo';
 /* content: """;*/
  color: #c5fe1c;
}


.sp-mf-customer-reviews .sppb-testimonial-carousel-icon {
  font-size: 90px;
  height: 30px;
  margin-bottom: 40px;
}
.sp-mf-customer-reviews .sppb-testimonial-carousel-message {
  margin-bottom: 110px;
}
.sp-mf-customer-reviews .sppb-testimonial-carousel-message h3 {
  font-size: 28px;
  line-height: 1.5;
}
.sp-mf-customer-reviews .sppb-testimonial-carousel-content-wrap {
  flex-direction: row;
}
.sp-mf-customer-reviews .sppb-testimonial-carousel-content-wrap .sppb-testimonial-carousel-img-wrap {
  margin-right: 20px;
}
.sp-mf-customer-reviews .sppb-carousel-extended-nav-control {
  top: -100px !important;
  bottom: auto;
  right: 515px;
}
.sp-mf-customer-reviews .sppb-carousel-extended-nav-control i.fa:before {
  content: "";
  background-image: url(../images/arrow.png);
  width: 13px;
  height: 21px;
  display: inline-block;
  opacity: 0.5;
  transition: 0.3s;
}
.sp-mf-customer-reviews .sppb-carousel-extended-nav-control .prev-control:hover > i.fa:before, .sp-mf-customer-reviews .sppb-carousel-extended-nav-control .next-control:hover > i.fa:before, .sp-mf-customer-reviews .sppb-carousel-extended-nav-control .prev-control:focus > i.fa:before, .sp-mf-customer-reviews .sppb-carousel-extended-nav-control .next-control:focus > i.fa:before {
  opacity: 1;
}
.sp-mf-customer-reviews .sppb-carousel-extended-nav-control .prev-control {
  float: right;
}
.sp-mf-customer-reviews .sppb-carousel-extended-nav-control .next-control {
  margin-right: -60px;
}
.sp-mf-customer-reviews .sppb-carousel-extended-nav-control .next-control i.fa:before {
  transform: rotate(180deg);
}
.sp-mf-customer-reviews .sppb-carousel-extended-dots {
  bottom: auto;
  top: -90px;
  left: auto;
  right: 590px;
}
.sp-mf-customer-reviews .sppb-carousel-extended-dots ul {
  text-align: right;
}
.sp-mf-customer-reviews.default .review-brand-img {
  height: 550px;
}
.sp-mf-customer-reviews.classic:after {
  display: none;
}
.sp-mf-customer-reviews.classic .review-info {
  border: none;
  padding: 130px 130px 130px 40px;
}
.sp-mf-customer-reviews.classic .sppb-testimonial-carousel-icon {
  display: none;
}
.sp-mf-customer-reviews.classic .review-brand-img {
  border-radius: 0px;
}
.sp-mf-customer-reviews.classic .sppb-testimonial-carousel-message {
  margin-bottom: 30px;
}
.sp-mf-customer-reviews.classic .content-wrap > div {
  flex: 0 0 30%;
}
.sp-mf-customer-reviews.classic .content-wrap > div.review-info {
  flex: 0 0 70%;
}


/*---------------- service -------------*/
.service_first  .sppb-addon-title {color:#00599e; color:#0067ce;}

/*------------- VYROBA STROJU --------*/


.element-178001  {
 background-color:#F7F7F7;
 background-color:#ffffff;
 border-radius:20px 20px 20px 20px;
}

.element-178001  {
	transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
/* margin:10px 10px 10px 10px;*/
 --e-column-margin-right:10px;
 --e-column-margin-left:10px;
 padding:20px 20px 20px 20px;
}

.element-178001  {
 align-content:center;
 align-items:center;
}

#column-id-1726482658933:hover {background-color:#e6e6e6;
}

#column-id-1726482658981:hover {background-color:#e6e6e6;
}

#column-id-1726482659029:hover {background-color:#e6e6e6;
}



/*---------- kontakty -----------*/
#team .sppb-addon-text  .address-info {
  clear: left;
  font-size: 17px;
  text-align: left;
  padding-bottom: 2px;
}

#team .sppb-addon-text  .address-info .icon {
  float: left;
  font-size: 20px;
  margin-right: 15px;
  line-height: normal;
  color:white;
  color:black;
}
#team .sppb-addon-feature .sppb-addon-title h3 {margin-bottom:5px;}
#team  h3 {font-size:25px; color:#023f87; color:#275d8d;}

#team .sppb-addon-feature .sppb-addon-content h3 {
    margin-bottom: 0px !important;
}

/*---------- Certifikaty -----------*/
/*---------- download new ----------*/
.download .download_link{display:block;-webkit-box-align:center;-ms-flex-align:center; font-size:18px; font-weight:700;
                     align-items:center;padding:20px 70px 20px 50px;
					 border:1px solid #cfe5f1; border-radius:5px;
					/* border:1px solid #2c943f;*/
					 color:#00548a;position:relative;text-decoration:none;word-wrap:break-word}

.download .download_link:hover{display:block;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:20px 70px 20px 50px;
                               border:1px solid #cfe5f1; 
							   /*border:1px solid #2c943f;*/
                               color:#f9a51a;
							   position:relative;text-decoration:none;word-wrap:break-word}


.download .download_link:not(:last-child){margin-bottom:10px}
.download .download_link:last-child{margin-bottom:25px}
.download .download_link:hover .click--download:after{opacity:.8}
.download .download_link span{color:rgba(0,44,72,.5);display:block}
.download .download_link span:last-child{margin-left:auto}

.download .download_link[href$=".doc"],
.download .download_link[href$=".docx"]{background:url(../images/word_icon.svg) 15px no-repeat}
.download .download_link[href$=".zip"]{background:url(../images/zip_icon.svg) 15px no-repeat}
.download .download_link[href$=".pdf"]{background:url(../images/pdf_icon.svg) 15px no-repeat}


.download .download_link .cl_download{text-decoration:underline;font-size:14px;display:-webkit-box;display:-ms-flexbox;display:flex;
        text-align:right;-webkit-box-align:center;-ms-flex-align:center;align-items:center; position:absolute;  right:10px;top:0;bottom:0;
		/* z-index:9999;*/
         color:#00548a !important;
		}


.cl_txt{color:#002c48;line-height:40px;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;text-decoration:none}
.cl_txt span{text-decoration:underline;margin-left:5px}
.cl_txt i{height:40px;width:40px;-webkit-transition:all .3s;transition:all .3s;background-color:#00548a;border-radius:3px;display:-webkit-inline-box;
                    display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;
					justify-content:center;color:#fff;font-size:14px}
.cl_txt:hover{text-decoration:none}
.cl_txt:hover i{opacity:.9}
.cl_txt.cl_txt_left i{margin-left:15px}
.cl_txt.cl_txt_right i{-webkit-box-ordinal-group:0;-ms-flex-order:-1;order:-1;margin-right:15px}
/*----------------- download new -------------------*/



/*------------- produkty - rozcestník ----------*/

#produkty_cat .sppb-addon-overlay-image  .sppb-addon-title  {
 color:#ffffff;
 background:#013a4c;
  background-color:rgba(1,58,76,.8);
   background-color:rgba(64,64,64,.8); 
 font-size:35px;
 letter-spacing:0px;
 font-weight:300;
 text-transform:uppercase;
 text-transform:none;
 text-align:center;
/* padding: 25px 30px; */
  padding: 5px 3px; 
}

#produkty_cat .sppb-addon-overlay-image  .sppb-addon-title:hover {

  background-color:rgba(255,208,18,.9);

}

/*#produkty_cat .sppb-addon-overlay-image  .sppb-addon-title:hover {
 color:#ffffff;
 background:#013a4c;
  background-color:rgba(255,208,18,.9);
 font-size:18px;
 letter-spacing:0px;
 font-weight:600;
 text-transform:uppercase;
 text-align:center;
 padding: 25px 30px; 
}*/




.sppb-addon-overlay-image-content  .sppb-addon-title  { background-color:rgba(1,58,76,.8); 
font-size:22px; font-weight:500;
 background-color:rgba(64,64,64,.8); 
padding:10px 40px; }



/*.sppb-addon-overlay-image-content {
  box-shadow: 0px 15px 30px 0px rgba(0,0,0,0.1);
}*/

#workout-edition .sppb-addon-feature:hover {
  box-shadow: 0px 15px 30px 0px rgba(0,0,0,0.1);
}

.sppb-addon-overlay-image {
  box-shadow: 0px 15px 30px 0px rgba(0,0,0,0.2);
}

/*.overlay-background-image-wrapper .image-effect-zoom-oot  {
  box-shadow: 0px 15px 30px 0px rgba(0,0,0,0.1);
}*/


/*-------------------- produkty ------------*/
.col-product {
  /*background: #e8e8e8;*/
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.1);
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
  margin-top: 0px;
  padding-top:0px;
  padding-bottom: 15px;
  -webkit-transition: 0.4s;
  transition: 0.4s;

}

.col-product .sppb-addon-title {  
   background-color:rgba(64,64,64,.4); 
   background-color:rgba(0,47,62,.9);
   padding:20px 10px; color:#ffffff;
 }

.col-product .sppb-addon-title:hover {  background-color:rgba(255,208,18,.9); color:#000000;}

.col-product h2.sppb-addon-title {
 margin:0px 0px 15px 0px;
 text-transform:uppercase;
  text-transform:none;
 padding:20px 20px 20px 20px;
 font-size:22px;}

.col-product  .sppb-addon-title h2 a:hover {text-decoration:underline;  color:#ffffff !important;
}
/*-----------------------------------*/

#head-picture-product  img {border-radius:150px;
	border-top-left-radius: 0;
	border-bottom-right-radius: 0;

}

/*#sppb-addon-1719569076767 img {
 border-radius:150px;
}*/



/*-----------------------------------*/



/*-----------------  vyroba dratu ----------*/



.col-wire {
  /*background: #e8e8e8;*/
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.1);
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
  margin-top: 0px;
  padding-top:0px;
  padding-bottom: 15px;
  -webkit-transition: 0.4s;
  transition: 0.4s;

}
.col-wire .sppb-addon-title {  background-color:rgba(64,64,64,.4); padding:20px 20px; }

.col-wire h2.sppb-addon-title {
 margin:0px 0px 15px 0px;
 text-transform:none;
 padding:20px 20px 20px 20px;
}

/*-------------------------------*/
.business-goal-one-img-small {
 position:absolute;
 top:9%;
 transform:translateY(-50%);
 right:2%;
 animation:jump-2 5s linear infinite;
 z-index:7;
}


/*---------BLOG Aktuality-----------------*/
.article-list .article   {  border:1px solid #ececec; padding:15px 15px; border-radius:15px;
}

.article-list .article .article-body  {
    margin-top:15px;
	padding-bottom:10px;
	 
}

.article-list .article .article-header  h2 {
    font-size: 1.375rem;
}

.article-list .article .article-header  h2 a {
    font-size: 1.375rem;
	 color:#252525;
}

.article-list .article .article-header  h2 a:hover {
    font-size: 1.375rem;
	color:#ffbd00;
	 text-decoration:underline;
}

.article-list .article .article-header {
    color:#252525;
	margin: 0px auto;
	text-align:center;
}

.article-list .article .article-info {
    margin: 0px auto;
	text-align:center;
	justify-content: center;
	font-size:15px;
}

.article-list .article .article-introtext {
	 border-top:1px solid #f5f5f5;
	 border-top:0px solid #dfdfdf;
	 padding-top:10px;
}

.article-details .article-info {
 	font-size:15px;
}



/*----------  BLOG  NOVINKY -----------------*/


.article-list .article .intro-image {
     margin-bottom:15px;
}

/*----------- CATEGORY -    Pokud neni 1 sloupec ---------------*/
.article-list .article {
	margin-bottom:30px;
	padding:20px;
	padding:10px;
	
	border:1px solid #ffd012;
	border:1px solid #f5f5f5;
	border-radius:10px
}

.article-list .article {
	/*
	  -webkit-box-shadow: 0px 0px 27px -7px rgba(59,186,255,0.51);
    -moz-box-shadow: 0px 0px 27px -7px rgba(59,186,255,0.51);
    box-shadow: 0px 0px 27px -7px rgba(59,186,255,0.51);  
	
	 height: 151px;
	 background: #fff url("../img/img_shop.png") top left no-repeat;
	  padding: 40px 20px 0 180px;*/
}

.article-list .article:hover {
  transition: all .3s ease-in-out;
  box-shadow: 0px 15px 30px 0px rgba(0,0,0,0.1);
}



.article-list .article .article-intro-image,
.article-list .article .article-featured-video,
.article-list .article .article-featured-audio,
.article-list .article .article-feature-gallery {
	margin:-20px -20px 20px -20px;
	margin:0px 0px;
   margin-bottom:15px;
	border-radius:3px 3px 0 0;
	border-bottom:1px solid #f5f5f5;
	overflow:hidden
}

/*-----------------------------------------------------------*/


.pull-left {
    float: left !important;
}


 /*------  category - 1 col   revize 2026 -------*/
.view-category .blog-col-1  .item  .entry-image  {
  margin-right: 30px;
  overflow: hidden;
}
.view-article .item .article-info {
  line-height: 12px;
  float: none;
  margin-left:0px;
  margin-top:10px;
  font-size:14px;
}


.blog-col-1 .article-list .entry-image  {
  margin-right: 30px;
  overflow: hidden;
}

.blog-col-1 .article-list .entry-image  {
	display:inline-block;
	border-radius:4px;
	max-width:39%;
}

/*--------2025----------*/
/*.blog-col-1 .article-list .entry-image img {
	display:inline-block;
	border-radius:0px;
	
}*/

/*-----2026-------*/
.blog-col-1 .article-list .article .intro-image img
 {   width: 100%;
     border-radius: 4px;	 
	/* width: 540px;*/
	 height:auto;
	 /*object-fit: cover; object-position: 100% 0;*/
	 object-fit: cover;
	}

.blog-col-1 .article-list .entry-image img {
	display:inline-block;
	border-radius:0px;
}


.blog-col-1 .article-list .article {
	/*padding:40px 30px 30px 40px;
	padding:40px 30px 30px 40px;*/
	/*margin:0px 15px 60px;*/
	margin-top:15px;
	background:rgba(255, 255, 255, 0.5);
	border:0px solid #dddae1;
	border:0px solid #e2e8f0;
	border-radius:0px;
	backdrop-filter:blur(25px);
	box-shadow:none;
	height: auto;
}


.blog-col-1 .article-list .article .article-intro-image img { 
       border-radius: 0px 0px 0 0; 
    } 

.blog-col-1 .article-list .article .article-intro-image {
  border-radius: 0px 0px 0 0;
  margin-bottom:10px;
}

.blog-col-1 .article-list .article .article-intro-image,
.blog-col-1 .article-list .article .article-featured-video,
.blog-col-1 .article-list .article .article-featured-audio,
.blog-col-1 .article-list .article .article-feature-gallery {
	margin:-20px -20px 20px -20px;
	margin: 0px 0px;
	border-radius:3px 3px 0 0;
	border-bottom:1px solid #f5f5f5;
	overflow:hidden;
	margin-right: 30px;
}


.blog-col-1 .article-list .article .article-header {
    color:#252525;
	margin: 0px;
	text-align:left;
}

.blog-col-1 .article-list .article .article-info {
    margin: 0px;
	text-align:left;
	justify-content: left;
	font-size:15px;
}

.blog-col-1 .article-list .article .article-introtext {
	 border-top:0px solid #f5f5f5;
	 padding-top:10px;
}

/*-------  zarovnani labintro -----------*/
.blog-col-1 .article-list .article  .article-introtext .labintro  {font-size:18px;font-weight:normal;line-height:inherit;padding:6px 0 12px 0; 
             display:flex; 
			 justify-content:center;  justify-content:left;
   }
   
/*--------- responzive blog col 1-----------*/

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

.blog-col-1 .article-list .entry-image  {
  margin-right: 0px;
  overflow: hidden;
}
.blog-col-1 .article-list .entry-image  {
	display:inline-block;
	border-radius:4px;
    max-width:100%;
   
}


.blog-col-1 .article-list .article .article-intro-image,
.blog-col-1 .article-list .article .article-featured-video,
.blog-col-1 .article-list .article .article-featured-audio,
.blog-col-1 .article-list .article .article-feature-gallery {
	margin-right: 30px;
	margin-bottom:20px;
}

}


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

.blog-col-1 .article-list .entry-image  {
  margin-right: 0px;
  overflow: hidden;
}

.blog-col-1 .article-list .entry-image  {
	display:inline-block;
	border-radius:54px;
    width:120%;
   
}

.blog-col-1 .article-list .article .article-body  {
   	  max-width:100%;
	 
}



}

/*-----------------------------------*/   
		  
/*----------------------   HOME PAGE 2027 -------------*/
/*-  radek pod hero ----*/

/* =========================================
   TRUST STRIP
   ========================================= */

.trust-strip {
    width: 100%;
    background: #ffffff;
    border-bottom: 1px solid #edf1f5;
	padding-top:20px;
}

.trust-strip__inner {
    width: min(1200px, calc(100% - 40px));
    min-height: 104px;
    margin: 0 auto;

    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: 30px;
}


/* =========================================
   JEDNOTLIVÉ POLOŽKY
   ========================================= */

.trust-item {
    display: flex;
    align-items: center;

    gap: 16px;

    min-width: 0;
}


/* =========================================
   10+
   ========================================= */

.trust-item--experience {
    padding-right: 30px;
    border-right: 1px solid #e7ebf0;
}

/*.trust-item__number {
    display: flex;
    align-items: center;
    justify-content: center;

    width: 50px;
    height: 50px;

    flex: 0 0 50px;

    border-radius: 50%;

    background: #eef6ff;
    color: #1769e0;

    font-size: 20px;
    font-weight: 800;
}*/

.trust-item__number {
    width: 58px;
    height: 58px;
    flex: 0 0 58px;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 50%;

    background: #eef6ff;
    color: #1769e0;

    font-size: 21px;
    font-weight: 800;
}



/* =========================================
   IKONY
   ========================================= */

.trust-item__icon {
    width: 52px;
    height: 52px;
    flex: 0 0 52px;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 50%;

    background: #eef6ff;
}

.trust-item__icon svg {
    width: 27px;
    height: 27px;

    fill: none;
    stroke: #1769e0;

    stroke-width: 1.7;
    stroke-linecap: round;
    stroke-linejoin: round;
}


/* =========================================
   TEXT
   ========================================= */

.trust-item__text {
    display: flex;
    flex-direction: column;

    line-height: 1.35;
}

.trust-item__text strong {
    color: #172033;

      font-size: 18px;
    font-weight: 700;

    white-space: nowrap;
}

.trust-item__text span {
    margin-top: 2px;

    color: #7b8798;

    font-size: 13px;

    white-space: nowrap;
}

/*--------*/




/* =========================================
   TABLET
   ========================================= */

@media (max-width: 991px) {

    .trust-strip__inner {
        width: min(100% - 30px, 760px);

        min-height: auto;

        padding: 24px 0;

        display: grid;
        grid-template-columns: repeat(2, 1fr);

        gap: 22px 30px;
    }

    .trust-item--experience {
        padding-right: 0;
        border-right: none;
    }
}


/* =========================================
   MOBIL
   ========================================= */

@media (max-width: 600px) {

    .trust-strip__inner {
        width: calc(100% - 30px);

        grid-template-columns: 1fr;

        gap: 18px;

        padding: 22px 0;
    }

    .trust-item {
        gap: 12px;
    }

    .trust-item__number {
         width: 48px;
        height: 48px;
        flex-basis: 48px;

        font-size: 18px;
    }

    .trust-item__icon {
        width: 46px;
        height: 46px;
        flex-basis: 46px;
    }

    .trust-item__text strong {
        font-size: 14px;
    }

    .trust-item__text span {
        font-size: 12px;
    }
}

@media (max-width: 600px) {

   
    .trust-item__icon svg {
        width: 24px;
        height: 24px;
    }

   
}


/*------------------------------------*/

/*------------  kompletní řešení  -------*/

/* =========================================
   SERVICES SECTION
   ========================================= */

.services-section {
    position: relative;

    width: 100%;

    padding: 110px 0 120px;
	 padding: 50px 0 60px;

    background: #ffffff;
}

.services-section__inner {
    width: min(1200px, calc(100% - 40px));

    margin: 0 auto;
}


/* =========================================
   HLAVIČKA SEKCE
   ========================================= */

.services-section__header {
    display: grid;

    grid-template-columns: 1fr 0.75fr;

    gap: 80px;

    align-items: end;

    margin-bottom: 55px;
}


/* Malý nadpis */

.section-label {
    display: block;

    margin-bottom: 16px;

    color: #1769e0;

    font-size: 12px;
    font-weight: 800;

    letter-spacing: 0.12em;
    text-transform: uppercase;
}


/* H2 */

.services-section h2 {
    margin: 0;

    color: #172033;

    font-size: clamp(38px, 4vw, 56px);
    font-weight: 750;

    line-height: 1.08;

    letter-spacing: -0.035em;
}


/* Úvodní text */

.services-section__description {
    max-width: 470px;

    padding-bottom: 5px;
}

.services-section__description p {
    margin: 0;

    color: #687487;

    font-size: 16px;
    line-height: 1.75;
}


/* =========================================
   GRID
   ========================================= */

.services-grid {
    display: grid;

    grid-template-columns: repeat(3, 1fr);

    gap: 20px;
}


/* =========================================
   SERVICE CARD
   ========================================= */

.service-card {
    position: relative;

    min-height: 275px;

    padding: 32px;

    display: flex;
    flex-direction: column;

    border: 1px solid #e5ebf2;
    border-radius: 12px;

    background: #ffffff;
	 background: #f6fafe;

    text-decoration: none;

    overflow: hidden;

    transition:
        transform 0.3s ease,
        border-color 0.3s ease,
        box-shadow 0.3s ease,
        background-color 0.3s ease;
}


/* Číslo */

.service-card__number {
    position: absolute;

    top: 28px;
    right: 28px;

    color:#dce9f8;
	color:#1769e0;

    font-size: 13px;
    font-weight: 700;
}


/* =========================================
   IKONA
   ========================================= */

.service-card__icon {
    width: 52px;
    height: 52px;

    margin-bottom: 25px;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 12px;

    background: #eef6ff;
}

.service-card__icon svg {
    width: 27px;
    height: 27px;

    fill: none;

    stroke: #1769e0;

    stroke-width: 1.7;

    stroke-linecap: round;
    stroke-linejoin: round;
}


/* =========================================
   NADPIS
   ========================================= */

.service-card h3 {
    margin: 0 0 11px;

    color: #172033;

    font-size: 20px;
    font-weight: 700;

    line-height: 1.25;

    transition: color 0.25s ease;
}


/* =========================================
   POPIS
   ========================================= */

.service-card p {
    max-width: 310px;

    margin: 0;

    color: #778397;

    font-size: 14px;

    line-height: 1.65;
}


/* =========================================
   ŠIPKA
   ========================================= */

.service-card__arrow {
    margin-top: auto;
    padding-top: 20px;

    color: #1769e0;

    font-size: 22px;
    font-weight: 400;

    line-height: 1;

    transition:
        transform 0.3s ease,
        color 0.3s ease;
}


/* =========================================
   HOVER
   ========================================= */

.service-card:hover {
    transform: translateY(-5px);

    border-color: #cfe2f8;

    box-shadow:
        0 18px 45px rgba(23, 105, 224, 0.10);
}

.service-card:hover h3 {
    color: #1769e0;
}

.service-card:hover .service-card__arrow {
    transform: translateX(6px);
}

.service-card:hover .service-card__icon {
    background: #1769e0;
}

.service-card:hover .service-card__icon svg {
    stroke: #ffffff;
}


/* =========================================
   TABLET
   ========================================= */

@media (max-width: 991px) {

    .services-section {
        padding: 85px 0 90px;
    }

    .services-section__header {
        grid-template-columns: 1fr;

        gap: 25px;

        margin-bottom: 40px;
    }

    .services-section__description {
        max-width: 650px;
    }

    .services-grid {
        grid-template-columns: repeat(2, 1fr);
    }

}


/* =========================================
   MOBIL
   ========================================= */

@media (max-width: 600px) {

    .services-section {
        padding: 70px 0 75px;
    }

    .services-section__inner {
        width: calc(100% - 30px);
    }

    .services-section__header {
        margin-bottom: 32px;
    }

    .services-section h2 {
        font-size: 36px;
    }

    .services-section__description p {
        font-size: 15px;
        line-height: 1.7;
    }

    .services-grid {
        grid-template-columns: 1fr;

        gap: 15px;
    }

    .service-card {
        min-height: 245px;

        padding: 27px;
    }

    .service-card__icon {
        width: 50px;
        height: 50px;
    }

}

/*-----------------------------*/

/*------------   PROČ  JOOMLA -------------*/		  
/* =========================================
   JOOMLA SECTION
   ========================================= */

.joomla-section {
    position: relative;

    width: 100%;

    padding: 115px 0 120px;

    background: #111827;

    color: #ffffff;

    overflow: hidden;
}


/* jemný dekorativní prvek */

.joomla-section::before {
    content: "";

    position: absolute;

    width: 520px;
    height: 520px;

    top: -280px;
    right: -150px;

    border-radius: 50%;

    background: rgba(23, 105, 224, 0.10);

    pointer-events: none;
}


/* =========================================
   INNER
   ========================================= */

.joomla-section__inner {
    position: relative;
    z-index: 1;

    width: min(1200px, calc(100% - 40px));

    margin: 0 auto;

    display: grid;

    grid-template-columns: 0.9fr 1.1fr;

    gap: 100px;

    align-items: center;
}


/* =========================================
   LEVÁ ČÁST
   ========================================= */

.joomla-section__content {
    max-width: 470px;
}


/* Label */

.joomla-section__label {
    display: inline-block;

    margin-bottom: 20px;

    color: #5da0ff;

    font-size: 12px;
    font-weight: 800;

    letter-spacing: 0.13em;

    text-transform: uppercase;
}


/* Nadpis */

.joomla-section h2 {
    margin: 0;

    color: #ffffff;

    font-size: clamp(42px, 4.2vw, 62px);

    font-weight: 750;

    line-height: 1.05;

    letter-spacing: -0.04em;
}


/* Lead */

.joomla-section__lead {
    max-width: 430px;

    margin: 28px 0 35px;

    color: #aab5c6;

    font-size: 17px;

    line-height: 1.7;
}


/* =========================================
   BUTTON
   ========================================= */

.joomla-section__button {
    display: inline-flex;

    align-items: center;

    gap: 12px;

    min-height: 48px;

    padding: 0 21px;

    border: 1px solid rgba(255, 255, 255, 0.18);

    border-radius: 7px;

    color: #ffffff;

    font-size: 14px;
    font-weight: 700;

    text-decoration: none;

    transition:
        background-color 0.25s ease,
        border-color 0.25s ease,
        transform 0.25s ease;
}

.joomla-section__button span {
    font-size: 20px;

    line-height: 1;

    transition: transform 0.25s ease;
}

.joomla-section__button:hover {
    background: #1769e0;

    border-color: #1769e0;

    transform: translateY(-2px);
}

.joomla-section__button:hover span {
    transform: translateX(4px);
}


/* =========================================
   BENEFITS
   ========================================= */

.joomla-benefits {
    display: grid;

    grid-template-columns: repeat(2, 1fr);

    gap: 1px;

    background: rgba(255, 255, 255, 0.10);

    border: 1px solid rgba(255, 255, 255, 0.10);
}


/* =========================================
   BENEFIT
   ========================================= */

.joomla-benefit {
    position: relative;

    min-height: 235px;

    padding: 30px;

    background: #111827;

    transition:
        background-color 0.3s ease;
}

.joomla-benefit:hover {
    background: #172238;
}


/* =========================================
   IKONA
   ========================================= */

.joomla-benefit__icon {
    width: 52px;
    height: 52px;

    margin-bottom: 28px;

    display: flex;

    align-items: center;
    justify-content: center;

    border-radius: 12px;

    background: rgba(23, 105, 224, 0.14);
}

.joomla-benefit__icon svg {
    width: 27px;
    height: 27px;

    fill: none;

    stroke: #5da0ff;

    stroke-width: 1.7;

    stroke-linecap: round;
    stroke-linejoin: round;
}


/* =========================================
   ČÍSLO
   ========================================= */

.joomla-benefit__number {
    position: absolute;

    top: 30px;
    right: 30px;

    color: rgba(255, 255, 255, 0.20);

    font-size: 12px;
    font-weight: 700;
}


/* =========================================
   TEXT
   ========================================= */

.joomla-benefit h3 {
    margin: 0 0 10px;

    color: #ffffff;

    font-size: 19px;

    font-weight: 700;

    line-height: 1.3;
}

.joomla-benefit p {
    max-width: 270px;

    margin: 0;

    color: #8e9bad;

    font-size: 14px;

    line-height: 1.65;
}


/* =========================================
   TABLET
   ========================================= */

@media (max-width: 991px) {

    .joomla-section {
        padding: 90px 0;
    }

    .joomla-section__inner {
        grid-template-columns: 1fr;

        gap: 55px;
    }

    .joomla-section__content {
        max-width: 650px;
    }

    .joomla-section__lead {
        max-width: 600px;
    }

}


/* =========================================
   MOBIL
   ========================================= */

@media (max-width: 600px) {

    .joomla-section {
        padding: 75px 0 80px;
    }

    .joomla-section__inner {
        width: calc(100% - 30px);

        gap: 40px;
    }

    .joomla-section h2 {
        font-size: 38px;
    }

    .joomla-section__lead {
        font-size: 15px;
    }

    .joomla-benefits {
        grid-template-columns: 1fr;
    }

    .joomla-benefit {
        min-height: auto;

        padding: 27px;
    }

    .joomla-benefit__icon {
        width: 48px;
        height: 48px;

        margin-bottom: 22px;
    }

    .joomla-benefit__icon svg {
        width: 25px;
        height: 25px;
    }

}
/*--------------------------*/
/*----------------   PAGE PROČ JOOMLA ---------------*/

/* =========================================================
   JOOMLA PAGE
========================================================= */

.jw-joomla-page {
    --jw-blue: #1769e0;
    --jw-blue-light: #4f8ff7;
    --jw-dark: #111827;
    --jw-dark-2: #182234;
    --jw-text: #273244;
    --jw-muted: #6b7585;
    --jw-light: #f5f7fa;
    --jw-border: #e3e8ef;
    --jw-white: #ffffff;

    color: var(--jw-text);
    font-family: "Inter", Arial, sans-serif;
    line-height: 1.65;
}

.jw-joomla-page *,
.jw-joomla-page *::before,
.jw-joomla-page *::after {
    box-sizing: border-box;
}

.jw-container {
    width: min(1200px, calc(100% - 48px));
    margin: 0 auto;
}

.jw-container--narrow {
    max-width: 820px;
}


/* =========================================================
   TYPOGRAPHY
========================================================= */

.jw-joomla-page h1,
.jw-joomla-page h2,
.jw-joomla-page h3 {
    margin-top: 0;
    color: var(--jw-dark);
    font-family: "Manrope", "Inter", Arial, sans-serif;
    letter-spacing: -0.035em;
    line-height: 1.12;
}

.jw-eyebrow {
    margin-bottom: 20px;

    color: var(--jw-blue);
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.16em;
    text-transform: uppercase;
}


/* =========================================================
   BUTTONS
========================================================= */

.jw-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 12px;

    min-height: 52px;
    padding: 0 25px;

    border-radius: 7px;

    font-size: 14px;
    font-weight: 700;
    text-decoration: none;

    transition:
        transform .25s ease,
        background .25s ease,
        color .25s ease,
        border-color .25s ease,
        box-shadow .25s ease;
}

.jw-btn span {
    font-size: 19px;
    line-height: 1;
}

.jw-btn:hover {
    transform: translateY(-2px);
}

.jw-btn--primary {
    color: #fff;
    background: var(--jw-blue);
    box-shadow: 0 8px 22px rgba(23, 105, 224, .18);
}

.jw-btn--primary:hover {
    color: #fff;
    background: #095bcf;
}

.jw-btn--outline {
    color: var(--jw-dark);
    background: transparent;
    border: 1px solid #ccd4df;
}

.jw-btn--outline:hover {
    color: var(--jw-blue);
    border-color: var(--jw-blue);
}

.jw-btn--white {
    color: var(--jw-dark);
    background: #fff;
}

.jw-btn--white:hover {
    color: var(--jw-blue);
}


/* =========================================================
   HERO
========================================================= */

.jw-joomla-hero {
    position: relative;
    overflow: hidden;

    min-height: 650px;
    display: flex;
    align-items: center;

    background:
        radial-gradient(
            circle at 80% 30%,
            rgba(79, 143, 247, .13),
            transparent 35%
        ),
        #f5f8fc;
}

.jw-joomla-hero::after {
    content: "";

    position: absolute;
    right: -180px;
    bottom: -250px;

    width: 600px;
    height: 600px;

    border-radius: 50%;
    border: 1px solid rgba(23, 105, 224, .08);
}

.jw-joomla-hero .jw-container {
    position: relative;
    z-index: 2;

    display: grid;
    grid-template-columns: 1fr 1fr;
    align-items: center;
    gap: 70px;
}

.jw-joomla-hero__content {
    padding: 80px 0;
}

.jw-joomla-hero h1 {
    margin-bottom: 27px;

    font-size: clamp(48px, 5vw, 72px);
    font-weight: 700;
}

.jw-joomla-hero h1 span {
    color: var(--jw-blue);
}

.jw-joomla-hero p {
    max-width: 610px;
    margin: 0 0 34px;

    color: #596577;
    font-size: 18px;
    line-height: 1.7;
}

.jw-joomla-hero__buttons {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}


/* HERO VISUAL */

.jw-joomla-hero__visual {
    position: relative;
    display: flex;
    justify-content: center;
}

.jw-hero-window {
    width: 100%;
    max-width: 490px;

    overflow: hidden;

    border-radius: 15px;

    background: #fff;

    box-shadow:
        0 30px 80px rgba(17, 24, 39, .12),
        0 5px 20px rgba(17, 24, 39, .05);

    transform: perspective(1200px) rotateY(-5deg);
}

.jw-hero-window__top {
    height: 42px;

    display: flex;
    align-items: center;
    gap: 6px;

    padding: 0 15px;

    background: #edf1f6;
}

.jw-hero-window__top span {
    width: 8px;
    height: 8px;

    border-radius: 50%;

    background: #b7c0cc;
}

.jw-hero-window__content {
    display: flex;
    min-height: 330px;
}

.jw-hero-window__sidebar {
    width: 70px;

    display: flex;
    flex-direction: column;
    align-items: center;

    padding-top: 20px;

    background: #111827;
}

.jw-sidebar-logo {
    width: 34px;
    height: 34px;

    display: flex;
    align-items: center;
    justify-content: center;

    margin-bottom: 25px;

    border-radius: 8px;

    color: #fff;
    background: var(--jw-blue);

    font-family: "Manrope", sans-serif;
    font-weight: 800;
}

.jw-hero-window__sidebar i {
    display: block;

    width: 24px;
    height: 4px;

    margin: 9px 0;

    border-radius: 4px;

    background: #394557;
}

.jw-hero-window__main {
    flex: 1;
    padding: 40px;
}

.jw-mini-label {
    margin-bottom: 10px;

    color: var(--jw-blue);
    font-size: 10px;
    font-weight: 700;
    letter-spacing: .15em;
}

.jw-mini-title {
    margin-bottom: 30px;

    color: var(--jw-dark);
    font-family: "Manrope", sans-serif;
    font-size: 32px;
    font-weight: 700;
}

.jw-mini-grid {
    display: grid;
    grid-template-columns: 1.5fr 1fr;
    gap: 12px;
}

.jw-mini-grid div {
    height: 75px;

    border-radius: 7px;

    background: #edf2f8;
}

.jw-mini-grid div:first-child {
    grid-row: span 2;
    height: 162px;

    background:
        linear-gradient(
            135deg,
            #dce9fb,
            #f3f7fc
        );
}


/* =========================================================
   INTRO
========================================================= */

.jw-joomla-intro {
    padding: 120px 0;
    background: #fff;
}

.jw-joomla-intro h2 {
    margin-bottom: 30px;

    font-size: clamp(40px, 5vw, 60px);
}

.jw-intro-lead {
    margin-bottom: 28px !important;

    color: var(--jw-dark) !important;
    font-size: 22px !important;
    line-height: 1.55 !important;
}

.jw-joomla-intro p {
    margin-bottom: 20px;

    color: var(--jw-muted);
    font-size: 16px;
}


/* =========================================================
   BENEFITS
========================================================= */

.jw-joomla-benefits {
    padding: 115px 0 120px;
    background: var(--jw-light);
}

.jw-section-heading {
    display: grid;
    grid-template-columns: 1fr 420px;
    gap: 80px;
    align-items: end;

    margin-bottom: 60px;
}

.jw-section-heading h2 {
    margin-bottom: 0;

    font-size: clamp(40px, 5vw, 58px);
}

.jw-section-heading > p {
    margin: 0;

    color: var(--jw-muted);
    font-size: 16px;
    line-height: 1.75;
}

.jw-benefits-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);

    border-top: 1px solid var(--jw-border);
    border-left: 1px solid var(--jw-border);
}

.jw-benefit-card {
    position: relative;

    min-height: 320px;
    padding: 35px;

    background: #fff;
    border-right: 1px solid var(--jw-border);
    border-bottom: 1px solid var(--jw-border);

    transition:
        transform .25s ease,
        box-shadow .25s ease;
}

.jw-benefit-card:hover {
    position: relative;
    z-index: 2;

    transform: translateY(-5px);

    box-shadow:
        0 18px 45px rgba(17, 24, 39, .09);
}

.jw-benefit-card__number {
    margin-bottom: 35px;

    color: #aab4c2;

    font-size: 12px;
    font-weight: 700;
    letter-spacing: .12em;
}

.jw-benefit-card__icon {
    width: 52px;
    height: 52px;

    display: flex;
    align-items: center;
    justify-content: center;

    margin-bottom: 25px;

    border-radius: 10px;

    background: #eef5ff;
}

.jw-benefit-card__icon svg {
    width: 25px;
    height: 25px;

    fill: none;
    stroke: var(--jw-blue);
    stroke-width: 1.7;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.jw-benefit-card h3 {
    margin-bottom: 12px;

    font-size: 21px;
}

.jw-benefit-card p {
    margin: 0;

    color: var(--jw-muted);
    font-size: 14px;
    line-height: 1.7;
}


/* =========================================================
   COMPARISON
========================================================= */

.jw-joomla-comparison {
    padding: 120px 0;

    color: #fff;
    background: var(--jw-dark);
}

.jw-comparison-grid {
    display: grid;
    grid-template-columns: .85fr 1.15fr;
    gap: 100px;
    align-items: center;
}

.jw-comparison-content .jw-eyebrow {
    color: #6ea8ff;
}

.jw-comparison-content h2 {
    margin-bottom: 28px;

    color: #fff;
    font-size: clamp(40px, 5vw, 58px);
}

.jw-comparison-content p {
    max-width: 530px;

    margin-bottom: 20px;

    color: #aeb8c8;
    font-size: 16px;
}

.jw-comparison-box {
    overflow: hidden;

    border: 1px solid #303b4d;
    border-radius: 12px;

    background: #151e2c;
}

.jw-comparison-row {
    display: grid;
    grid-template-columns: 1.5fr .65fr 1fr;
    gap: 20px;
    align-items: center;

    min-height: 65px;
    padding: 0 24px;

    border-bottom: 1px solid #2a3545;

    color: #aeb8c8;
    font-size: 13px;
}

.jw-comparison-row:last-child {
    border-bottom: 0;
}

.jw-comparison-row--head {
    min-height: 70px;

    color: #fff;
    background: #1b2636;
}

.jw-comparison-row--head strong {
    color: #fff;
    font-size: 13px;
}

.jw-comparison-row b {
    color: #70a9ff;
    font-weight: 600;
}


/* =========================================================
   FOR WHOM
========================================================= */

.jw-joomla-for {
    padding: 120px 0;
    background: #fff;
}

.jw-section-heading--center {
    grid-template-columns: 1fr 400px;
}

.jw-for-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 16px;
}

.jw-for-card {
    padding: 32px;

    border: 1px solid var(--jw-border);
    border-radius: 10px;

    transition:
        border-color .25s ease,
        transform .25s ease,
        box-shadow .25s ease;
}

.jw-for-card:hover {
    transform: translateY(-5px);

    border-color: #c8d9f2;

    box-shadow: 0 15px 35px rgba(17, 24, 39, .07);
}

.jw-for-card__icon {
    display: block;

    margin-bottom: 45px;

    color: var(--jw-blue);

    font-size: 12px;
    font-weight: 700;
}

.jw-for-card h3 {
    margin-bottom: 12px;

    font-size: 20px;
}

.jw-for-card p {
    margin: 0;

    color: var(--jw-muted);
    font-size: 14px;
    line-height: 1.7;
}


/* =========================================================
   PROCESS
========================================================= */

.jw-joomla-process {
    padding: 120px 0;

    background: #f5f7fa;
}

.jw-process-intro {
    max-width: 650px;

    margin-bottom: 70px;
}

.jw-process-intro h2 {
    margin-bottom: 25px;

    font-size: clamp(40px, 5vw, 58px);
}

.jw-process-intro p {
    max-width: 600px;

    margin: 0;

    color: var(--jw-muted);
}

.jw-process-steps {
    display: grid;
    grid-template-columns: repeat(5, 1fr);

    border-top: 1px solid var(--jw-border);
}

.jw-process-step {
    min-height: 260px;

    padding: 30px 25px;

    border-right: 1px solid var(--jw-border);
}

.jw-process-step:first-child {
    border-left: 1px solid var(--jw-border);
}

.jw-process-step span {
    display: block;

    margin-bottom: 55px;

    color: var(--jw-blue);

    font-size: 12px;
    font-weight: 700;
}

.jw-process-step h3 {
    margin-bottom: 12px;

    font-size: 19px;
}

.jw-process-step p {
    margin: 0;

    color: var(--jw-muted);

    font-size: 13px;
    line-height: 1.7;
}


/* =========================================================
   SUPPORT
========================================================= */

.jw-joomla-support {
    padding: 110px 0;

    color: #fff;
    background: var(--jw-dark-2);
}

.jw-support-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 100px;
    align-items: center;
}

.jw-support-grid .jw-eyebrow {
    color: #6ea8ff;
}

.jw-support-grid h2 {
    color: #fff;
    font-size: clamp(40px, 5vw, 58px);
}

.jw-support-content p {
    margin: 0 0 28px;

    color: #aeb8c8;
    font-size: 17px;
}

.jw-support-content ul {
    padding: 0;
    margin: 0;

    list-style: none;
}

.jw-support-content li {
    display: flex;
    align-items: center;
    gap: 13px;

    padding: 11px 0;

    color: #e5eaf1;

    font-size: 14px;

    border-bottom: 1px solid #303b4d;
}

.jw-support-content li span {
    color: #69a4ff;
    font-weight: 700;
}


/* =========================================================
   CTA
========================================================= */

.jw-joomla-cta {
    padding: 90px 0;

    background: #fff;
}

.jw-cta-box {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 60px;

    padding: 65px 70px;

    border-radius: 14px;

    background:
        radial-gradient(
            circle at 90% 20%,
            rgba(255,255,255,.13),
            transparent 30%
        ),
        var(--jw-blue);
}

.jw-cta-box .jw-eyebrow {
    margin-bottom: 15px;
    color: #bcd7ff;
}

.jw-cta-box h2 {
    margin-bottom: 15px;

    color: #fff;
    font-size: clamp(34px, 4vw, 48px);
}

.jw-cta-box p {
    max-width: 650px;

    margin: 0;

    color: #dbe9ff;
}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 991px) {

    .jw-container {
        width: min(100% - 40px, 760px);
    }

    .jw-joomla-hero .jw-container {
        grid-template-columns: 1fr;
        gap: 20px;
    }

    .jw-joomla-hero__content {
        padding: 90px 0 30px;
    }

    .jw-joomla-hero__visual {
        padding-bottom: 80px;
    }

    .jw-joomla-hero h1 {
        font-size: clamp(46px, 8vw, 64px);
    }

    .jw-section-heading {
        grid-template-columns: 1fr;
        gap: 25px;
    }

    .jw-benefits-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .jw-comparison-grid {
        grid-template-columns: 1fr;
        gap: 60px;
    }

    .jw-for-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .jw-process-steps {
        grid-template-columns: repeat(2, 1fr);
    }

    .jw-process-step {
        border-bottom: 1px solid var(--jw-border);
    }

    .jw-support-grid {
        grid-template-columns: 1fr;
        gap: 45px;
    }

    .jw-cta-box {
        flex-direction: column;
        align-items: flex-start;
    }

}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 600px) {

    .jw-container {
        width: calc(100% - 32px);
    }

    .jw-joomla-hero {
        min-height: auto;
    }

    .jw-joomla-hero__content {
        padding: 70px 0 20px;
    }

    .jw-joomla-hero h1 {
        font-size: 44px;
    }

    .jw-joomla-hero p {
        font-size: 16px;
    }

    .jw-joomla-hero__buttons {
        flex-direction: column;
        align-items: stretch;
    }

    .jw-btn {
        width: 100%;
    }

    .jw-hero-window {
        transform: none;
    }

    .jw-hero-window__main {
        padding: 25px;
    }

    .jw-mini-title {
        font-size: 25px;
    }

    .jw-joomla-intro,
    .jw-joomla-benefits,
    .jw-joomla-comparison,
    .jw-joomla-for,
    .jw-joomla-process {
        padding: 80px 0;
    }

    .jw-benefits-grid {
        grid-template-columns: 1fr;
    }

    .jw-benefit-card {
        min-height: auto;
        padding: 30px;
    }

    .jw-for-grid {
        grid-template-columns: 1fr;
    }

    .jw-process-steps {
        grid-template-columns: 1fr;
    }

    .jw-process-step,
    .jw-process-step:first-child {
        border-left: 1px solid var(--jw-border);
    }

    .jw-comparison-box {
        overflow-x: auto;
    }

    .jw-comparison-row {
        min-width: 570px;
    }

    .jw-support-grid h2 {
        font-size: 40px;
    }

    .jw-cta-box {
        padding: 45px 30px;
    }

}
/*-----------------------------*/

/*------------------   proč joomla konec -----------*/

/*-------------  od prvního nápadu k projektu */
/* =========================================================
   OD NÁPADU K HOTOVÉMU PROJEKTU
========================================================= */

.jw-project-process {
    position: relative;

    padding: 120px 0 110px;
	padding: 20px 0 20px;

    background: #ffffff;

    overflow: hidden;
}


/* ---------------------------------------------------------
   CONTAINER
--------------------------------------------------------- */

.jw-project-container {
    width: min(1200px, calc(100% - 48px));
    margin: 0 auto;
}


/* ---------------------------------------------------------
   HEADING
--------------------------------------------------------- */

.jw-project-heading {
    display: grid;
    grid-template-columns: 1fr 420px;

    column-gap: 90px;
    align-items: end;

    margin-bottom: 75px;
}

.jw-project-heading__label {
    grid-column: 1 / -1;

    margin-bottom: 18px;

    color: #1769e0;

    font-size: 12px;
    font-weight: 700;

    letter-spacing: .16em;
    text-transform: uppercase;
}

.jw-project-heading h2 {
    margin: 0;

    color: #111827;

    font-family: "Manrope", "Inter", Arial, sans-serif;

    font-size: clamp(40px, 5vw, 60px);
    font-weight: 700;

    line-height: 1.1;
    letter-spacing: -.04em;
}

.jw-project-heading p {
    max-width: 420px;

    margin: 0;

    color: #6b7585;

    font-size: 16px;
    line-height: 1.75;
}


/* ---------------------------------------------------------
   STEPS
--------------------------------------------------------- */

.jw-project-steps {
    display: grid;
    grid-template-columns: repeat(5, 1fr);

    position: relative;
}


/* ---------------------------------------------------------
   STEP
--------------------------------------------------------- */

.jw-project-step {
    position: relative;

    min-height: 360px;

    padding: 0 28px 0 0;

    border-right: 1px solid #e4e9ef;
}

.jw-project-step:not(:first-child) {
    padding-left: 28px;
}


/* ---------------------------------------------------------
   TOP NUMBER
--------------------------------------------------------- */

.jw-project-step__top {
    position: relative;

    display: flex;
    align-items: center;

    height: 42px;

    margin-bottom: 38px;
}

.jw-project-step__number {
    position: relative;
    z-index: 2;

    display: flex;
    align-items: center;
    justify-content: center;

    width: 42px;
    height: 42px;

    flex-shrink: 0;

    border: 1px solid #d9e1eb;
    border-radius: 50%;

    background: #ffffff;

    color: #1769e0;

    font-size: 11px;
    font-weight: 700;

    letter-spacing: .04em;
}


/* ---------------------------------------------------------
   CONNECTING LINE
--------------------------------------------------------- */

.jw-project-step__line {
    position: absolute;

    top: 20px;
    left: 42px;

    width: calc(100% + 28px);
    height: 1px;

    background: #dfe5ec;
}


/* poslední krok už nemá linku */

.jw-project-step:last-child .jw-project-step__line {
    display: none;
}


/* ---------------------------------------------------------
   ICON
--------------------------------------------------------- */

.jw-project-step__icon {
    width: 56px;
    height: 56px;

    display: flex;
    align-items: center;
    justify-content: center;

    margin-bottom: 28px;

    border-radius: 11px;

    background: #eef5ff;

    transition:
        background .25s ease,
        transform .25s ease;
}

.jw-project-step__icon svg {
    width: 27px;
    height: 27px;

    fill: none;

    stroke: #1769e0;

    stroke-width: 1.6;

    stroke-linecap: round;
    stroke-linejoin: round;
}

.jw-project-step:hover .jw-project-step__icon {
    background: #1769e0;

    transform: translateY(-3px);
}

.jw-project-step:hover .jw-project-step__icon svg {
    stroke: #ffffff;
}


/* ---------------------------------------------------------
   TITLE
--------------------------------------------------------- */

.jw-project-step h3 {
    margin: 0 0 13px;

    color: #111827;

    font-family: "Manrope", "Inter", Arial, sans-serif;

    font-size: 20px;
    font-weight: 700;

    line-height: 1.25;

    letter-spacing: -.025em;
}


/* ---------------------------------------------------------
   TEXT
--------------------------------------------------------- */

.jw-project-step p {
    margin: 0;

    color: #6b7585;

    font-size: 14px;

    line-height: 1.75;
}


/* ---------------------------------------------------------
   BOTTOM CTA
--------------------------------------------------------- */

.jw-project-process__bottom {
    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: 30px;

    margin-top: 70px;
    padding-top: 28px;

    border-top: 1px solid #e3e8ef;
}

.jw-project-process__bottom span {
    color: #6b7585;

    font-size: 14px;
}

.jw-project-process__bottom a {
    display: inline-flex;
    align-items: center;
    gap: 12px;

    color: #1769e0;

    font-size: 14px;
    font-weight: 700;

    text-decoration: none;

    transition: gap .25s ease;
}

.jw-project-process__bottom a b {
    font-size: 19px;
    font-weight: 400;
}

.jw-project-process__bottom a:hover {
    gap: 17px;
}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 991px) {

    .jw-project-process {
        padding: 90px 0;
    }

    .jw-project-container {
        width: min(100% - 40px, 760px);
    }

    .jw-project-heading {
        grid-template-columns: 1fr;

        gap: 25px;

        margin-bottom: 60px;
    }

    .jw-project-heading p {
        max-width: 650px;
    }

    .jw-project-steps {
        grid-template-columns: repeat(2, 1fr);

        row-gap: 0;
    }

    .jw-project-step {
        min-height: 330px;

        padding: 0 30px 40px 0;

        border-bottom: 1px solid #e4e9ef;
    }

    .jw-project-step:not(:first-child) {
        padding-left: 30px;
    }

    .jw-project-step:nth-child(2n) {
        border-right: 0;
    }

    .jw-project-step__line {
        width: calc(100% + 30px);
    }

    .jw-project-step:nth-child(2) .jw-project-step__line,
    .jw-project-step:nth-child(4) .jw-project-step__line {
        display: none;
    }

    .jw-project-process__bottom {
        margin-top: 50px;
    }

}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 600px) {

    .jw-project-process {
        padding: 75px 0 70px;
    }

    .jw-project-container {
        width: calc(100% - 32px);
    }

    .jw-project-heading {
        margin-bottom: 50px;
    }

    .jw-project-heading h2 {
        font-size: 40px;
    }

    .jw-project-steps {
        display: block;
    }

    .jw-project-step,
    .jw-project-step:not(:first-child) {
        min-height: auto;

        padding: 0 0 45px 0;

        margin-bottom: 45px;

        border-right: 0;
        border-bottom: 1px solid #e4e9ef;
    }

    .jw-project-step:last-child {
        margin-bottom: 0;
        padding-bottom: 0;

        border-bottom: 0;
    }

    .jw-project-step__line {
        display: none;
    }

    .jw-project-step__top {
        margin-bottom: 28px;
    }

    .jw-project-step__icon {
        margin-bottom: 22px;
    }

    .jw-project-process__bottom {
        display: block;

        margin-top: 50px;
        padding-top: 25px;
    }

    .jw-project-process__bottom span {
        display: block;

        margin-bottom: 14px;
    }

}

/*----------------------   konec od 1. nápadu--------*/



/*-------------   webem to nekončí ------------*/
/* =========================================================
   WEBEM TO NEKONČÍ
========================================================= */

.jw-support {
    position: relative;

    overflow: hidden;

    padding: 120px 0 45px;

    color: #ffffff;

    background: #111827;
}


/* jemný dekorativní prvek */

.jw-support::before {
    content: "";

    position: absolute;

    width: 620px;
    height: 620px;

    top: -300px;
    right: -180px;

    border-radius: 50%;

    border: 1px solid rgba(255,255,255,.055);

    pointer-events: none;
}

.jw-support::after {
    content: "";

    position: absolute;

    width: 420px;
    height: 420px;

    bottom: -280px;
    left: -180px;

    border-radius: 50%;

    border: 1px solid rgba(79,143,247,.08);

    pointer-events: none;
}


/* ---------------------------------------------------------
   CONTAINER
--------------------------------------------------------- */

.jw-support__container {
    position: relative;
    z-index: 2;

    width: min(1200px, calc(100% - 48px));

    margin: 0 auto;
}


/* ---------------------------------------------------------
   GRID
--------------------------------------------------------- */

.jw-support__grid {
    display: grid;

    grid-template-columns: .85fr 1.15fr;

    gap: 100px;

    align-items: center;
}


/* ---------------------------------------------------------
   INTRO
--------------------------------------------------------- */

.jw-support__eyebrow {
    margin-bottom: 22px;

    color: #69a4ff;

    font-size: 12px;
    font-weight: 700;

    letter-spacing: .16em;

    text-transform: uppercase;
}

.jw-support__intro h2 {
    margin: 0 0 28px;

    color: #ffffff;

    font-family: "Manrope", "Inter", Arial, sans-serif;

    font-size: clamp(48px, 5vw, 66px);

    font-weight: 700;

    line-height: 1.05;

    letter-spacing: -.045em;
}

.jw-support__intro h2 span {
    color: #5d9cf5;
}

.jw-support__lead {
    max-width: 500px;

    margin: 0 0 35px;

    color: #aeb8c8;

    font-size: 17px;

    line-height: 1.75;
}


/* ---------------------------------------------------------
   CTA
--------------------------------------------------------- */

.jw-support__cta {
    display: inline-flex;

    align-items: center;

    gap: 12px;

    min-height: 50px;

    padding: 0 22px;

    border: 1px solid rgba(255,255,255,.18);

    border-radius: 6px;

    color: #ffffff;

    font-size: 14px;
    font-weight: 700;

    text-decoration: none;

    transition:
        background .25s ease,
        border-color .25s ease,
        transform .25s ease;
}

.jw-support__cta span {
    font-size: 19px;

    line-height: 1;

    transition: transform .25s ease;
}

.jw-support__cta:hover {
    color: #ffffff;

    border-color: #1769e0;

    background: #1769e0;

    transform: translateY(-2px);
}

.jw-support__cta:hover span {
    transform: translateX(4px);
}


/* ---------------------------------------------------------
   SERVICES
--------------------------------------------------------- */

.jw-support__services {
    display: grid;

    grid-template-columns: repeat(2, 1fr);

    border-top: 1px solid #2d3748;

    border-left: 1px solid #2d3748;
}


/* ---------------------------------------------------------
   SERVICE ITEM
--------------------------------------------------------- */

.jw-support__item {
    position: relative;

    min-height: 250px;

    padding: 30px;

    border-right: 1px solid #2d3748;

    border-bottom: 1px solid #2d3748;

    transition:
        background .25s ease;
}

.jw-support__item:hover {
    background: #172132;
}


/* ---------------------------------------------------------
   NUMBER
--------------------------------------------------------- */

.jw-support__number {
    margin-bottom: 25px;

    color: #586577;

    font-size: 11px;

    font-weight: 700;

    letter-spacing: .12em;
}


/* ---------------------------------------------------------
   ICON
--------------------------------------------------------- */

.jw-support__icon {
    width: 50px;
    height: 50px;

    display: flex;

    align-items: center;
    justify-content: center;

    margin-bottom: 25px;

    border-radius: 9px;

    background: rgba(79,143,247,.10);
}

.jw-support__icon svg {
    width: 24px;
    height: 24px;

    fill: none;

    stroke: #69a4ff;

    stroke-width: 1.6;

    stroke-linecap: round;
    stroke-linejoin: round;
}

.jw-support__item:hover .jw-support__icon {
    background: #1769e0;
}

.jw-support__item:hover .jw-support__icon svg {
    stroke: #ffffff;
}


/* ---------------------------------------------------------
   CONTENT
--------------------------------------------------------- */

.jw-support__content h3 {
    margin: 0 0 10px;

    color: #ffffff;

    font-family: "Manrope", "Inter", Arial, sans-serif;

    font-size: 19px;

    font-weight: 700;

    letter-spacing: -.02em;
}

.jw-support__content p {
    margin: 0;

    color: #8995a7;

    font-size: 13px;

    line-height: 1.7;
}


/* ---------------------------------------------------------
   BOTTOM BAR
--------------------------------------------------------- */

.jw-support__bottom {
    display: flex;

    align-items: center;

    justify-content: space-between;

    gap: 30px;

    margin-top: 70px;

    padding-top: 24px;

    border-top: 1px solid #2d3748;
}

.jw-support__bottom-text {
    display: flex;

    align-items: center;

    gap: 10px;

    color: #7f8b9d;

    font-size: 13px;
}

.jw-support__bottom-dot {
    width: 7px;
    height: 7px;

    border-radius: 50%;

    background: #4f8ff7;

    box-shadow: 0 0 0 5px rgba(79,143,247,.10);
}

.jw-support__bottom > a {
    display: inline-flex;

    align-items: center;

    gap: 10px;

    color: #ffffff;

    font-size: 13px;

    font-weight: 600;

    text-decoration: none;

    transition: color .25s ease;
}

.jw-support__bottom > a span {
    color: #69a4ff;

    font-size: 18px;
}

.jw-support__bottom > a:hover {
    color: #69a4ff;
}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 991px) {

    .jw-support {
        padding: 90px 0 40px;
    }

    .jw-support__container {
        width: min(100% - 40px, 760px);
    }

    .jw-support__grid {
        grid-template-columns: 1fr;

        gap: 65px;
    }

    .jw-support__intro h2 {
        font-size: 58px;
    }

}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 600px) {

    .jw-support {
        padding: 75px 0 35px;
    }

    .jw-support__container {
        width: calc(100% - 32px);
    }

    .jw-support__intro h2 {
        font-size: 46px;
    }

    .jw-support__lead {
        font-size: 16px;
    }

    .jw-support__services {
        grid-template-columns: 1fr;
    }

    .jw-support__item {
        min-height: auto;

        padding: 28px;
    }

    .jw-support__bottom {
        display: block;

        margin-top: 50px;
    }

    .jw-support__bottom-text {
        margin-bottom: 18px;
    }

}

/*-------   konec webem to nekončí  var 1 ------------*/

/* =========================================================
   WEBEM TO NEKONČÍ -   VARIANTA - 2
========================================================= */

.jw-support-2 {
    position: relative;

    overflow: hidden;

    padding: 120px 0 45px;

    color: #ffffff;

    background: #111827;
}


/* jemný dekorativní prvek */

.jw-support-2::before {
    content: "";

    position: absolute;

    width: 620px;
    height: 620px;

    top: -300px;
    right: -180px;

    border-radius: 50%;

    border: 1px solid rgba(255,255,255,.055);

    pointer-events: none;
}

.jw-support-2::after {
    content: "";

    position: absolute;

    width: 420px;
    height: 420px;

    bottom: -280px;
    left: -180px;

    border-radius: 50%;

    border: 1px solid rgba(79,143,247,.08);

    pointer-events: none;
}


/* ---------------------------------------------------------
   CONTAINER
--------------------------------------------------------- */

.jw-support-2__container {
    position: relative;
    z-index: 2;

    width: min(1200px, calc(100% - 48px));

    margin: 0 auto;
}


/* ---------------------------------------------------------
   GRID
--------------------------------------------------------- */

.jw-support-2__grid {
    display: grid;

    grid-template-columns: .85fr 1.15fr;

    gap: 100px;

    align-items: center;
}


/* ---------------------------------------------------------
   INTRO
--------------------------------------------------------- */

.jw-support-2__eyebrow {
    margin-bottom: 22px;

    color: #69a4ff;

    font-size: 12px;
    font-weight: 700;

    letter-spacing: .16em;

    text-transform: uppercase;
}

.jw-support-2__intro h2 {
    margin: 0 0 28px;

    color: #ffffff;

    font-family: "Manrope", "Inter", Arial, sans-serif;

    font-size: clamp(48px, 5vw, 66px);

    font-weight: 700;

    line-height: 1.05;

    letter-spacing: -.045em;
}

.jw-support-2__intro h2 span {
    color: #5d9cf5;
}

.jw-support-2__lead {
    max-width: 500px;

    margin: 0 0 35px;

    color: #aeb8c8;

    font-size: 17px;

    line-height: 1.75;
}


/* ---------------------------------------------------------
   CTA
--------------------------------------------------------- */

.jw-support-2__cta {
    display: inline-flex;

    align-items: center;

    gap: 12px;

    min-height: 50px;

    padding: 0 22px;

    border: 1px solid rgba(255,255,255,.18);

    border-radius: 6px;

    color: #ffffff;

    font-size: 14px;
    font-weight: 700;

    text-decoration: none;

    transition:
        background .25s ease,
        border-color .25s ease,
        transform .25s ease;
}

.jw-support-2__cta span {
    font-size: 19px;

    line-height: 1;

    transition: transform .25s ease;
}

.jw-support-2__cta:hover {
    color: #ffffff;

    border-color: #1769e0;

    background: #1769e0;

    transform: translateY(-2px);
}

.jw-support-2__cta:hover span {
    transform: translateX(4px);
}


/* ---------------------------------------------------------
   SERVICES
--------------------------------------------------------- */

.jw-support-2__services {
   /* display: grid;
    grid-template-columns: repeat(2, 1fr);*/

    border-top: 1px solid #2d3748;
    border-left: 1px solid #2d3748;
	 display: flex;
	 
     flex-direction: column; 
	 gap: 15px; /* Volitelné: vytvoří mezery mezi prvky */
}


/* ---------------------------------------------------------
   SERVICE ITEM
--------------------------------------------------------- */

.jw-support-2__item {
    position: relative;

    min-height: 35px;

    padding: 30px;
       padding-top: 5px;
	  padding-bottom: 5px;

    
    border-right: 1px solid #2d3748;

    border-bottom: 1px solid #2d3748;

    transition:
        background .25s ease;
}

.jw-support-2__item:hover {
    background: #172132;
}


/* ---------------------------------------------------------
   NUMBER
--------------------------------------------------------- */

.jw-support-2__number {
    margin-bottom: 25px;

    color: #586577;

    font-size: 11px;

    font-weight: 700;

    letter-spacing: .12em;
}


/* ---------------------------------------------------------
   ICON
--------------------------------------------------------- */

.jw-support-2__icon {
    width: 50px;
    height: 50px;

    display: flex;

    align-items: center;
    justify-content: center;

    margin-bottom: 15px;
	 margin-right: 25px;

    border-radius: 9px;

    background: rgba(79,143,247,.10);
	float:left;
}

.jw-support-2__icon svg {
    width: 24px;
    height: 24px;

    fill: none;

    stroke: #69a4ff;

    stroke-width: 1.6;

    stroke-linecap: round;
    stroke-linejoin: round;
}

.jw-support-2__item:hover .jw-support-2__icon {
    background: #1769e0;
}

.jw-support-2__item:hover .jw-support-2__icon svg {
    stroke: #ffffff;
}


/* ---------------------------------------------------------
   CONTENT
--------------------------------------------------------- */

.jw-support-2__content h3 {
    margin: 0 0 10px;

    color: #ffffff;

    font-family: "Manrope", "Inter", Arial, sans-serif;

    font-size: 19px;

    font-weight: 700;

    letter-spacing: -.02em;
}

.jw-support-2__content p {
    margin: 0;

    color: #8995a7;

    font-size: 13px;

    line-height: 1.7;
}


/* ---------------------------------------------------------
   BOTTOM BAR
--------------------------------------------------------- */

.jw-support-2__bottom {
    display: flex;

    align-items: center;

    justify-content: space-between;

    gap: 30px;

    margin-top: 70px;

    padding-top: 24px;

    border-top: 1px solid #2d3748;
}

.jw-support-2__bottom-text {
    display: flex;

    align-items: center;

    gap: 10px;

    color: #7f8b9d;

    font-size: 13px;
}

.jw-support-2__bottom-dot {
    width: 7px;
    height: 7px;

    border-radius: 50%;

    background: #4f8ff7;

    box-shadow: 0 0 0 5px rgba(79,143,247,.10);
}

.jw-support-2__bottom > a {
    display: inline-flex;

    align-items: center;

    gap: 10px;

    color: #ffffff;

    font-size: 13px;

    font-weight: 600;

    text-decoration: none;

    transition: color .25s ease;
}

.jw-support-2__bottom > a span {
    color: #69a4ff;

    font-size: 18px;
}

.jw-support-2__bottom > a:hover {
    color: #69a4ff;
}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 991px) {

    .jw-support-2 {
        padding: 90px 0 40px;
    }

    .jw-support-2__container {
        width: min(100% - 40px, 760px);
    }

    .jw-support-2__grid {
        grid-template-columns: 1fr;

        gap: 65px;
    }

    .jw-support-2__intro h2 {
        font-size: 58px;
    }

}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 600px) {

    .jw-support-2 {
        padding: 75px 0 35px;
    }

    .jw-support-2__container {
        width: calc(100% - 32px);
    }

    .jw-support-2__intro h2 {
        font-size: 46px;
    }

    .jw-support-2__lead {
        font-size: 16px;
    }

    .jw-support-2__services {
        grid-template-columns: 1fr;
    }

    .jw-support-2__item {
        min-height: auto;

        padding: 28px;
    }

    .jw-support-2__bottom {
        display: block;

        margin-top: 50px;
    }

    .jw-support-2__bottom-text {
        margin-bottom: 18px;
    }

}

/*------------ webem to nekončí var-2 -----------*/



/*--- zaverfecne  CTA -1  -------*/

 /* =========================================================
    ZÁVĚREČNÉ CTA
 ========================================================= */

/*.jw-final-cta {
    position: relative;

    overflow: hidden;

    padding: 115px 0;

    background: #f5f7fa;
}*/


/* ---------------------------------------------------------
   CONTAINER
--------------------------------------------------------- */

/*.jw-final-cta__container {
    position: relative;

    width: min(1200px, calc(100% - 48px));

    min-height: 390px;

    display: flex;
    align-items: center;

    margin: 0 auto;

    padding: 75px 80px;

    overflow: hidden;

    border-radius: 16px;

    background: #1769e0;

    box-shadow: 0 25px 60px rgba(17, 24, 39, .12);
}*/


/* ---------------------------------------------------------
   CONTENT
--------------------------------------------------------- */

/*.jw-final-cta__content {
    position: relative;
    z-index: 3;

    max-width: 700px;
}

.jw-final-cta__eyebrow {
    margin-bottom: 20px;

    color: #bcd7ff;

    font-size: 12px;
    font-weight: 700;

    letter-spacing: .16em;

    text-transform: uppercase;
}

.jw-final-cta h2 {
    margin: 0 0 25px;

    color: #ffffff;

    font-family: "Manrope", "Inter", Arial, sans-serif;

    font-size: clamp(44px, 5vw, 64px);

    font-weight: 700;

    line-height: 1.08;

    letter-spacing: -.045em;
}

.jw-final-cta h2 span {
    color: #dceaff;
}

.jw-final-cta p {
    max-width: 600px;

    margin: 0 0 32px;

    color: #dce9ff;

    font-size: 16px;

    line-height: 1.7;
}*/


/* ---------------------------------------------------------
   BUTTON
--------------------------------------------------------- */

/*.jw-final-cta__button {
    display: inline-flex;

    align-items: center;
    justify-content: center;

    gap: 14px;

    min-height: 54px;

    padding: 0 25px;

    border-radius: 6px;

    color: #111827;

    background: #ffffff;

    font-size: 14px;
    font-weight: 700;

    text-decoration: none;

    box-shadow: 0 8px 20px rgba(0,0,0,.10);

    transition:
        transform .25s ease,
        box-shadow .25s ease,
        color .25s ease;
}

.jw-final-cta__button span {
    font-size: 20px;

    line-height: 1;

    transition: transform .25s ease;
}

.jw-final-cta__button:hover {
    color: #1769e0;

    transform: translateY(-2px);

    box-shadow: 0 12px 28px rgba(0,0,0,.16);
}

.jw-final-cta__button:hover span {
    transform: translateX(5px);
}
*/

/* ---------------------------------------------------------
   DECORATIVE CIRCLES
--------------------------------------------------------- */

/*.jw-final-cta__decoration {
    position: absolute;

    inset: 0;

    pointer-events: none;
}

.jw-final-cta__circle {
    position: absolute;

    border: 1px solid rgba(255,255,255,.12);

    border-radius: 50%;
}

.jw-final-cta__circle--1 {
    width: 520px;
    height: 520px;

    right: -180px;
    top: -70px;
}

.jw-final-cta__circle--2 {
    width: 350px;
    height: 350px;

    right: -95px;
    top: 15px;
}

.jw-final-cta__circle--3 {
    width: 180px;
    height: 180px;

    right: -10px;
    top: 100px;

    background: rgba(255,255,255,.035);
}
*/

/* ---------------------------------------------------------
   PLUS SYMBOLS
--------------------------------------------------------- */

/*.jw-final-cta__plus {
    position: absolute;

    color: rgba(255,255,255,.22);

    font-family: Arial, sans-serif;

    font-size: 20px;

    font-weight: 300;
}

.jw-final-cta__plus--1 {
    right: 350px;
    top: 65px;
}

.jw-final-cta__plus--2 {
    right: 90px;
    bottom: 55px;
}*/


/* =========================================================
   TABLET
========================================================= */

/*@media (max-width: 991px) {

    .jw-final-cta {
        padding: 90px 0;
    }

    .jw-final-cta__container {
        width: min(100% - 40px, 760px);

        padding: 65px 55px;
    }

    .jw-final-cta__decoration {
        opacity: .7;
    }

}*/


/* =========================================================
   MOBILE
========================================================= */

/*@media (max-width: 600px) {

    .jw-final-cta {
        padding: 70px 0;
    }

    .jw-final-cta__container {
        width: calc(100% - 32px);

        min-height: auto;

        padding: 50px 30px;

        border-radius: 12px;
    }

    .jw-final-cta h2 {
        font-size: 43px;
    }

    .jw-final-cta p {
        font-size: 15px;
    }

    .jw-final-cta__button {
        width: 100%;
    }

    .jw-final-cta__decoration {
        opacity: .45;
    }

    .jw-final-cta__circle--1 {
        width: 350px;
        height: 350px;

        right: -180px;
    }

    .jw-final-cta__circle--2 {
        width: 250px;
        height: 250px;

        right: -130px;
    }

    .jw-final-cta__circle--3 {
        display: none;
    }

    .jw-final-cta__plus--1 {
        display: none;
    }

}*/

/*----------   cTA na konci ---------*/

/*--------------   CTA 2  ----  -------------*/
/* =========================================
   FINAL CTA
========================================= */

.jw-final-cta {
    padding: 70px 0;
    background: #f5f7fa;
}

.jw-final-cta__container {
    width: min(1200px, calc(100% - 40px));
    margin: 0 auto;

    min-height: 260px;

    padding: 45px 60px;

    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: 60px;

    background: #1769e0;
    border-radius: 14px;

    box-shadow: 0 18px 45px rgba(17, 24, 39, 0.12);
}


/* =========================================
   TEXT
========================================= */

.jw-final-cta__content {
    max-width: 700px;
}

.jw-final-cta__eyebrow {
    margin-bottom: 14px;

    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.16em;
    text-transform: uppercase;

    color: #cfe1ff;
}

.jw-final-cta h2 {
    margin: 0 0 16px;

    font-family: "Manrope", sans-serif;
    font-size: clamp(34px, 4vw, 48px);
    line-height: 1.08;
    font-weight: 700;

    color: #fff;
}

.jw-final-cta h2 span {
    color: #dceaff;
}

.jw-final-cta p {
    max-width: 620px;

    margin: 0;

    font-size: 15px;
    line-height: 1.7;

    color: #e3edff;
}


/* =========================================
   KONTAKT VPRAVO
========================================= */

.jw-final-cta__contact {
    flex: 0 0 260px;

    display: flex;
    flex-direction: column;
    align-items: flex-start;
}


/* BUTTON */

.jw-final-cta__button {
    width: 100%;
    min-height: 54px;

    display: flex;
    align-items: center;
    justify-content: center;
    gap: 16px;

    padding: 0 24px;

    border-radius: 6px;

    background: #fff;
    color: #111827;

    font-size: 14px;
    font-weight: 700;

    text-decoration: none;

    transition:
        transform 0.25s ease,
        box-shadow 0.25s ease,
        color 0.25s ease;
}

.jw-final-cta__button span {
    font-size: 20px;
    line-height: 1;

    transition: transform 0.25s ease;
}

.jw-final-cta__button:hover {
    color: #1769e0;

    transform: translateY(-2px);

    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.14);
}

.jw-final-cta__button:hover span {
    transform: translateX(4px);
}


/* EMAIL */

.jw-final-cta__email {
    display: flex;
    align-items: center;
    gap: 9px;

    margin-top: 15px;
    padding-left: 2px;

    font-size: 14px;
    font-weight: 500;

    color: #dceaff;
    text-decoration: none;

    transition: color 0.2s ease;
}

.jw-final-cta__email i {
    font-size: 14px;
    line-height: 1;
}

.jw-final-cta__email:hover {
    color: #fff;
}





/* =========================================
   TABLET
========================================= */

@media (max-width: 900px) {

    .jw-final-cta__container {
        padding: 40px;
        gap: 40px;
    }

    .jw-final-cta__contact {
        flex-basis: 230px;
    }

}


/* =========================================
   MOBILE
========================================= */

@media (max-width: 700px) {

    .jw-final-cta {
        padding: 50px 0;
    }

    .jw-final-cta__container {
        width: calc(100% - 32px);

        padding: 38px 28px;

        flex-direction: column;
        align-items: flex-start;

        gap: 30px;
    }

    .jw-final-cta h2 {
        font-size: 34px;
    }

    .jw-final-cta p {
        font-size: 14px;
    }

    .jw-final-cta__contact {
        width: 100%;
        flex-basis: auto;
    }

    .jw-final-cta__button {
        width: 100%;
    }

}

/*----------  CTSA 2--------*/

/*--------------   vybrané realizace -----------*/
/* =========================================
   VYBRANÉ REALIZACE
========================================= */

.jw-projects {
    padding: 110px 0 120px;
    background: #ffffff;
}

.jw-projects__container {
    width: min(1200px, calc(100% - 40px));
    margin: 0 auto;
}


/* =========================================
   HLAVIČKA
========================================= */

.jw-projects__header {
    display: grid;
    grid-template-columns: 1fr 1fr;

    gap: 80px;

    align-items: end;

    margin-bottom: 55px;
}

.jw-projects__eyebrow {
    margin-bottom: 18px;

    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.16em;
    text-transform: uppercase;

    color: #1769e0;
}

.jw-projects__heading h2 {
    margin: 0;

    font-family: "Manrope", sans-serif;

    font-size: clamp(42px, 5vw, 62px);
    line-height: 1.02;
    font-weight: 700;

    letter-spacing: -0.035em;

    color: #111827;
}

.jw-projects__heading h2 span {
    color: #1769e0;
}


/* =========================================
   ÚVODNÍ TEXT
========================================= */

.jw-projects__intro {
    max-width: 500px;
    padding-bottom: 4px;
}

.jw-projects__intro p {
    margin: 0 0 24px;

    font-size: 16px;
    line-height: 1.75;

    color: #5b6677;
}

.jw-projects__link {
    display: inline-flex;
    align-items: center;

    gap: 10px;

    font-size: 14px;
    font-weight: 700;

    color: #111827;

    text-decoration: none;

    transition: color 0.2s ease;
}

.jw-projects__link span {
    font-size: 19px;

    transition: transform 0.2s ease;
}

.jw-projects__link:hover {
    color: #1769e0;
}

.jw-projects__link:hover span {
    transform: translateX(4px);
}


/* =========================================
   HLAVNÍ GRID
========================================= */

.jw-projects__grid {
    display: grid;

    grid-template-columns: 1.35fr 1fr;

    gap: 24px;

    align-items: start;
}


/* =========================================
   PRAVÝ SLOUPEC
========================================= */

.jw-projects__side {
    display: grid;

    grid-template-columns: 1fr;

    gap: 24px;
}


/* =========================================
   KARTA PROJEKTU
========================================= */

.jw-project-card {
    display: flex;
    flex-direction: column;

    min-width: 0;

    background: #ffffff;

    border-radius: 12px;

    overflow: hidden;

    border: 1px solid #e5ebf2;

    text-decoration: none;

    transition:
        transform 0.3s ease,
        box-shadow 0.3s ease;
}

.jw-project-card:hover {
    transform: translateY(-5px);

    box-shadow:
        0 18px 40px rgba(17, 24, 39, 0.10);
}


/* =========================================
   OBRÁZEK
========================================= */

.jw-project-card__image {
    position: relative;

    width: 100%;

    height: 250px;

    overflow: hidden;

    background: #e9edf3;
}


/* hlavní projekt */

.jw-project-card--large .jw-project-card__image {
    height: 390px;
}


.jw-project-card__image img {
    display: block;

    width: 100%;
    height: 100%;

    object-fit: cover;

    transition:
        transform 0.5s ease;
}

.jw-project-card:hover
.jw-project-card__image img {
    transform: scale(1.035);
}


/* =========================================
   OBSAH KARTY
========================================= */

.jw-project-card__content {
    min-height: 105px;

    padding: 25px 28px;

    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: 20px;

    background: #ffffff;
}


/* =========================================
   KATEGORIE
========================================= */

.jw-project-card__category {
    display: block;

    margin-bottom: 8px;

    font-size: 10px;
    font-weight: 700;

    letter-spacing: 0.14em;

    color: #1769e0;
}


/* =========================================
   NADPIS
========================================= */

.jw-project-card__content h3 {
    margin: 0;

    font-family: "Manrope", sans-serif;

    font-size: 19px;
    line-height: 1.25;
    font-weight: 700;

    color: #111827;
}


/* =========================================
   ŠIPKA
========================================= */

.jw-project-card__arrow {
    flex: 0 0 auto;

    width: 42px;
    height: 42px;

    display: flex;
    align-items: center;
    justify-content: center;

    border: 1px solid #dfe5ec;

    border-radius: 50%;

    font-size: 18px;

    color: #111827;

    transition:
        background 0.25s ease,
        color 0.25s ease,
        border-color 0.25s ease,
        transform 0.25s ease;
}

.jw-project-card:hover
.jw-project-card__arrow {
    background: #1769e0;

    border-color: #1769e0;

    color: #ffffff;

    transform: translateX(3px);
}


/* =========================================
   TABLET
========================================= */

@media (max-width: 900px) {

    .jw-projects {
        padding: 90px 0 100px;
    }


    .jw-projects__header {
        gap: 40px;
    }


    .jw-projects__grid {
        grid-template-columns: 1fr 1fr;

        gap: 20px;
    }


    .jw-project-card--large .jw-project-card__image {
        height: 330px;
    }


    .jw-project-card__image {
        height: 210px;
    }


    .jw-project-card__content {
        padding: 22px;
    }

}


/* =========================================
   MOBIL
========================================= */

@media (max-width: 700px) {

    .jw-projects {
        padding: 75px 0 80px;
    }


    .jw-projects__container {
        width: calc(100% - 32px);
    }


    /* hlavička */

    .jw-projects__header {
        grid-template-columns: 1fr;

        gap: 25px;

        margin-bottom: 40px;
    }


    .jw-projects__heading h2 {
        font-size: 42px;
    }


    .jw-projects__intro p {
        font-size: 15px;
    }


    /* projekty */

    .jw-projects__grid {
        grid-template-columns: 1fr;

        gap: 18px;
    }


    .jw-projects__side {
        gap: 18px;
    }


    /* obrázky */

    .jw-project-card__image,
    .jw-project-card--large .jw-project-card__image {
        height: 240px;
    }


    /* obsah */

    .jw-project-card__content {
        min-height: 95px;

        padding: 20px 22px;
    }


    .jw-project-card__content h3 {
        font-size: 18px;
    }


    .jw-project-card__arrow {
        width: 38px;
        height: 38px;

        font-size: 16px;
    }

}

/*---------------vybrané realizace -------------*/


/*------------------  realitace   grid 2+2 ----------*/
 /* =========================================
    VYBRANÉ REALIZACE – VARIANTA 2
 ========================================= */

.jw-projects-2 {
    padding: 110px 0 120px;
	 padding: 20px 0 20px;
    background: #ffffff;
}

.jw-projects-2__container {
    width: min(1200px, calc(100% - 40px));
    margin: 0 auto;
}


/* =========================================
   HLAVIČKA
========================================= */

.jw-projects-2__header {
    display: grid;
    grid-template-columns: 1fr 1fr;

    gap: 80px;

    align-items: end;

    margin-bottom: 55px;
}

.jw-projects-2__eyebrow {
    margin-bottom: 18px;

    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.16em;
    text-transform: uppercase;

    color: #1769e0;
}

.jw-projects-2__heading h2 {
    margin: 0;

    font-family: "Manrope", sans-serif;

    font-size: clamp(42px, 5vw, 62px);
    line-height: 1.02;
    font-weight: 700;

    letter-spacing: -0.035em;

    color: #111827;
}

.jw-projects-2__heading h2 span {
    color: #1769e0;
}


/* =========================================
   TEXT VPRAVO
========================================= */

.jw-projects-2__intro {
    max-width: 500px;
    padding-bottom: 4px;
}

.jw-projects-2__intro p {
    margin: 0 0 24px;

    font-size: 16px;
    line-height: 1.75;

    color: #5b6677;
}

.jw-projects-2__link {
    display: inline-flex;
    align-items: center;

    gap: 10px;

    font-size: 14px;
    font-weight: 700;

    color: #111827;

    text-decoration: none;

    transition: color 0.2s ease;
}

.jw-projects-2__link span {
    font-size: 19px;

    transition: transform 0.2s ease;
}

.jw-projects-2__link:hover {
    color: #1769e0;
}

.jw-projects-2__link:hover span {
    transform: translateX(4px);
}


/* =========================================
   GRID 2 × 2
========================================= */

.jw-projects-2__grid {
    display: grid;

    grid-template-columns: repeat(2, minmax(0, 1fr));

    gap: 24px;
}


/* =========================================
   KARTA
========================================= */

.jw-projects-2__card {
    display: flex;
    flex-direction: column;

    min-width: 0;

    background: #ffffff;

    border: 1px solid #e5ebf2;
    border-radius: 12px;

    overflow: hidden;

    text-decoration: none;

    transition:
        transform 0.3s ease,
        box-shadow 0.3s ease;
}

.jw-projects-2__card:hover {
    transform: translateY(-5px);

    box-shadow:
        0 18px 40px rgba(17, 24, 39, 0.10);
}


/* =========================================
   OBRÁZEK
========================================= */

.jw-projects-2__image {
    width: 100%;
    height: 300px;

    overflow: hidden;

    background: #e9edf3;
}

.jw-projects-2__image img {
    display: block;

    width: 100%;
    height: 100%;

    object-fit: cover;

    transition:
        transform 0.5s ease;
}

.jw-projects-2__card:hover
.jw-projects-2__image img {
    transform: scale(1.035);
}


/* =========================================
   OBSAH KARTY
========================================= */

.jw-projects-2__content {
    min-height: 105px;

    padding: 24px 28px;

    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: 20px;
}


/* =========================================
   KATEGORIE
========================================= */

.jw-projects-2__category {
    display: block;

    margin-bottom: 8px;

    font-size: 10px;
    font-weight: 700;

    letter-spacing: 0.14em;

    color: #1769e0;
}


/* =========================================
   NADPIS
========================================= */

.jw-projects-2__content h3 {
    margin: 0;

    font-family: "Manrope", sans-serif;

    font-size: 19px;
    line-height: 1.3;
    font-weight: 700;

    color: #111827;
}


/* =========================================
   ŠIPKA
========================================= */

.jw-projects-2__arrow {
    flex: 0 0 auto;

    width: 42px;
    height: 42px;

    display: flex;
    align-items: center;
    justify-content: center;

    border: 1px solid #dfe5ec;
    border-radius: 50%;

    font-size: 18px;

    color: #111827;

    transition:
        background 0.25s ease,
        color 0.25s ease,
        border-color 0.25s ease,
        transform 0.25s ease;
}

.jw-projects-2__card:hover
.jw-projects-2__arrow {
    background: #1769e0;

    border-color: #1769e0;

    color: #ffffff;

    transform: translateX(3px);
}


/* =========================================
   TABLET
========================================= */

@media (max-width: 900px) {

    .jw-projects-2 {
        padding: 90px 0 100px;
    }

    .jw-projects-2__header {
        gap: 40px;
    }

    .jw-projects-2__grid {
        gap: 20px;
    }

    .jw-projects-2__image {
        height: 240px;
    }

    .jw-projects-2__content {
        padding: 22px;
    }

}


/* =========================================
   MOBIL
========================================= */

@media (max-width: 700px) {

    .jw-projects-2 {
        padding: 75px 0 80px;
    }

    .jw-projects-2__container {
        width: calc(100% - 32px);
    }


    .jw-projects-2__header {
        grid-template-columns: 1fr;

        gap: 25px;

        margin-bottom: 40px;
    }

    .jw-projects-2__heading h2 {
        font-size: 42px;
    }

    .jw-projects-2__intro p {
        font-size: 15px;
    }


    /* 1 karta na řádek */

    .jw-projects-2__grid {
        grid-template-columns: 1fr;

        gap: 18px;
    }


    .jw-projects-2__image {
        height: 240px;
    }

    .jw-projects-2__content {
        min-height: 95px;

        padding: 20px 22px;
    }

    .jw-projects-2__content h3 {
        font-size: 18px;
    }

    .jw-projects-2__arrow {
        width: 38px;
        height: 38px;

        font-size: 16px;
    }

}

/*---------------grid 2+2--------*/		  


/*------------------    PAGE SLUZBY ------------*/

/*---- detail sluzby -----------*/

/* =========================================================
   DETAIL SLUŽBY – WEBOVÉ STRÁNKY
   ========================================================= */

.jw-service-detail {
    position: relative;
    width: 100%;
    padding: 110px 0 120px;
    background: #f3f8ff;
    overflow: hidden;
}


/* kontejner */

.jw-service-detail__container {
    position: relative;
    width: min(1200px, calc(100% - 48px));
    margin: 0 auto;

    display: grid;
    grid-template-columns: 1fr 0.9fr 1.15fr;
    align-items: center;

    gap: 55px;
}


/* =========================================================
   LEVÁ ČÁST
   ========================================================= */

.jw-service-detail__intro {
    position: relative;
    z-index: 2;
}


.jw-service-detail__label {
    margin-bottom: 18px;

    font-family: "Inter", sans-serif;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.16em;
    text-transform: uppercase;

    color: #1769e0;
}


.jw-service-detail__intro h2 {
    margin: 0 0 24px;

    font-family: "Manrope", sans-serif;
    font-size: clamp(40px, 4vw, 58px);
    line-height: 1.02;
    font-weight: 700;
    letter-spacing: -0.045em;

    color: #111827;
}


.jw-service-detail__lead {
    max-width: 390px;
    margin: 0 0 28px;

    font-family: "Inter", sans-serif;
    font-size: 16px;
    line-height: 1.75;

    color: #5b6677;
}


/* =========================================================
   VÝHODY
   ========================================================= */

.jw-service-detail__features {
    display: flex;
    flex-direction: column;
    gap: 13px;

    margin: 0 0 34px;
    padding: 0;

    list-style: none;
}


.jw-service-detail__features li {
    display: flex;
    align-items: center;
    gap: 11px;

    font-family: "Inter", sans-serif;
    font-size: 14px;
    line-height: 1.5;

    color: #273244;
}


.jw-service-detail__check {
    display: flex;
    align-items: center;
    justify-content: center;

    flex: 0 0 20px;
    width: 20px;
    height: 20px;

    border-radius: 50%;

    background: #1769e0;

    color: #ffffff;

    font-size: 12px;
    font-weight: 700;
}


/* =========================================================
   BUTTON
   ========================================================= */

.jw-service-detail__button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 18px;

    min-height: 50px;
    padding: 0 22px;

    border-radius: 7px;

    background: #1769e0;
    color: #ffffff;

    font-family: "Inter", sans-serif;
    font-size: 13px;
    font-weight: 600;

    text-decoration: none;

    box-shadow: 0 8px 22px rgba(23, 105, 224, 0.18);

    transition:
        background .25s ease,
        transform .25s ease,
        box-shadow .25s ease;
}


.jw-service-detail__button span {
    font-size: 18px;
    line-height: 1;

    transition: transform .25s ease;
}


.jw-service-detail__button:hover {
    background: #0f5dcc;
    color: #ffffff;

    transform: translateY(-2px);

    box-shadow: 0 12px 28px rgba(23, 105, 224, 0.25);
}


.jw-service-detail__button:hover span {
    transform: translateX(4px);
}


/* =========================================================
   STŘED – POSTUP
   ========================================================= */

.jw-service-detail__steps {
    position: relative;
    z-index: 2;

    display: flex;
    flex-direction: column;
    gap: 26px;
}


.jw-service-detail__step {
    position: relative;

    display: grid;
    grid-template-columns: 48px 1fr;
    gap: 17px;

    align-items: start;
}


/* spojovací čára */

.jw-service-detail__step:not(:last-child)::after {
    content: "";

    position: absolute;

    left: 23px;
    top: 48px;
    bottom: -26px;

    width: 1px;

    background: #d5e4f7;
}


/* číslo */

.jw-service-detail__number {
    position: relative;
    z-index: 2;

    display: flex;
    align-items: center;
    justify-content: center;

    width: 48px;
    height: 48px;

    border-radius: 50%;

    background: #e4efff;
    color: #1769e0;

    font-family: "Inter", sans-serif;
    font-size: 14px;
    font-weight: 700;
}


.jw-service-detail__step-content {
    padding-top: 3px;
}


.jw-service-detail__step-content h3 {
    margin: 0 0 7px;

    font-family: "Manrope", sans-serif;
    font-size: 16px;
    line-height: 1.3;
    font-weight: 700;

    color: #111827;
}


.jw-service-detail__step-content p {
    max-width: 210px;

    margin: 0;

    font-family: "Inter", sans-serif;
    font-size: 13px;
    line-height: 1.55;

    color: #687589;
}


/* =========================================================
   PRAVÁ ČÁST – VIZUALIZACE
   ========================================================= */

.jw-service-detail__visual {
    position: relative;

    display: flex;
    align-items: center;
    justify-content: center;

    min-height: 430px;
}


/* jemná dekorace */

.jw-service-detail__visual::before {
    content: "";

    position: absolute;

    top: 20px;
    right: 5px;

    width: 105px;
    height: 105px;

    background-image: radial-gradient(
        #9ec5f9 1.5px,
        transparent 1.5px
    );

    background-size: 12px 12px;

    opacity: .65;
}


/* glow */

.jw-service-detail__visual-glow {
    position: absolute;

    width: 380px;
    height: 380px;

    border-radius: 50%;

    background: rgba(255,255,255,.7);

    filter: blur(5px);
}


/* obrázek */

.jw-service-detail__visual img {
    position: relative;
    z-index: 2;

    display: block;

    width: 100%;
    max-width: 510px;
    height: auto;

    object-fit: contain;

    filter:
        drop-shadow(0 25px 30px rgba(30, 63, 105, .13));

    transform: translateX(10px);

    transition: transform .35s ease;
}


.jw-service-detail__visual:hover img {
    transform: translateX(10px) translateY(-5px);
}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 1050px) {

    .jw-service-detail {
        padding: 90px 0 100px;
    }

    .jw-service-detail__container {
        grid-template-columns: 1fr 1fr;
        gap: 55px 40px;
    }

    .jw-service-detail__intro {
        grid-column: 1;
    }

    .jw-service-detail__steps {
        grid-column: 2;
    }

    .jw-service-detail__visual {
        grid-column: 1 / -1;

        min-height: 300px;

        margin-top: -10px;
    }

    .jw-service-detail__visual img {
        max-width: 560px;
    }
}


/* =========================================================
   MOBIL
   ========================================================= */

@media (max-width: 700px) {

    .jw-service-detail {
        padding: 75px 0 80px;
    }

    .jw-service-detail__container {
        width: min(100% - 36px, 560px);

        display: flex;
        flex-direction: column;

        gap: 50px;
    }


    /* intro */

    .jw-service-detail__intro h2 {
        font-size: 42px;
    }

    .jw-service-detail__lead {
        font-size: 15px;
    }


    /* kroky */

    .jw-service-detail__steps {
        width: 100%;
        gap: 25px;
    }


    .jw-service-detail__step-content p {
        max-width: none;
    }


    /* vizualizace */

    .jw-service-detail__visual {
        width: 100%;
        min-height: auto;

        padding: 10px 0 0;
    }

    .jw-service-detail__visual img {
        width: 100%;
        max-width: 480px;

        transform: none;
    }

    .jw-service-detail__visual:hover img {
        transform: none;
    }


    .jw-service-detail__visual::before {
        right: 0;
        top: 0;

        width: 70px;
        height: 70px;
    }


    .jw-service-detail__visual-glow {
        width: 280px;
        height: 280px;
    }
}


/* =========================================================
   MALÝ MOBIL
   ========================================================= */

@media (max-width: 420px) {

    .jw-service-detail {
        padding: 65px 0 70px;
    }

    .jw-service-detail__intro h2 {
        font-size: 38px;
    }

    .jw-service-detail__step {
        grid-template-columns: 42px 1fr;
        gap: 14px;
    }

    .jw-service-detail__number {
        width: 42px;
        height: 42px;

        font-size: 13px;
    }

    .jw-service-detail__step:not(:last-child)::after {
        left: 20px;
        top: 42px;
    }

    .jw-service-detail__button {
        width: 100%;
    }
}

/*----------- detail sluzby ------------*/

/*-------  cta sluzby -na konci ------------*/		  
/* =========================================================
   CTA – SLUŽBY
   ========================================================= */

.jw-services-cta {
    position: relative;
    width: 100%;

    padding: 90px 0;
	 padding: 20px 0;

    background: #ffffff;

    overflow: hidden;
}


/* =========================================================
   CONTAINER
   ========================================================= */

.jw-services-cta__container {
    position: relative;

    width: min(1200px, calc(100% - 48px));
    min-height: 260px;

    margin: 0 auto;
    padding: 52px 60px;

    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: 60px;

    background: #1769e0;

    border-radius: 14px;

    overflow: hidden;

    box-shadow:
        0 18px 45px rgba(23, 105, 224, 0.15);
}


/* =========================================================
   OBSAH
   ========================================================= */

.jw-services-cta__content {
    position: relative;
    z-index: 2;

    max-width: 650px;
}


.jw-services-cta__eyebrow {
    margin-bottom: 14px;

    font-family: "Inter", sans-serif;

    font-size: 11px;
    font-weight: 700;

    letter-spacing: 0.17em;
    text-transform: uppercase;

    color: #cfe1ff;
}


.jw-services-cta__content h2 {
    margin: 0 0 17px;

    font-family: "Manrope", sans-serif;

    font-size: clamp(36px, 4vw, 50px);
    line-height: 1.05;

    font-weight: 700;

    letter-spacing: -0.045em;

    color: #ffffff;
}


.jw-services-cta__content h2 span {
    color: #dceaff;
}


.jw-services-cta__content p {
    max-width: 580px;

    margin: 0;

    font-family: "Inter", sans-serif;

    font-size: 15px;
    line-height: 1.7;

    color: #e3edff;
}


/* =========================================================
   AKCE
   ========================================================= */

.jw-services-cta__action {
    position: relative;
    z-index: 3;

    flex: 0 0 255px;

    display: flex;
    flex-direction: column;
    align-items: stretch;
}


/* =========================================================
   BUTTON
   ========================================================= */

.jw-services-cta__button {
    display: flex;

    align-items: center;
    justify-content: space-between;

    min-height: 54px;

    padding: 0 20px 0 22px;

    border-radius: 7px;

    background: #ffffff;

    color: #1769e0;

    font-family: "Inter", sans-serif;

    font-size: 13px;
    font-weight: 600;

    text-decoration: none;

    box-shadow:
        0 8px 20px rgba(0, 0, 0, 0.08);

    transition:
        transform .25s ease,
        box-shadow .25s ease;
}


.jw-services-cta__button span {
    font-size: 19px;
    line-height: 1;

    transition: transform .25s ease;
}


.jw-services-cta__button:hover {
    color: #1769e0;

    transform: translateY(-2px);

    box-shadow:
        0 12px 26px rgba(0, 0, 0, 0.14);
}


.jw-services-cta__button:hover span {
    transform: translateX(5px);
}


/* =========================================================
   EMAIL
   ========================================================= */

.jw-services-cta__email {
    display: flex;

    align-items: center;
    justify-content: center;

    gap: 9px;

    margin-top: 15px;

    font-family: "Inter", sans-serif;

    font-size: 13px;
}


.jw-services-cta__email i {
    font-size: 13px;

    color: #cfe1ff;
}


.jw-services-cta__email a {
    color: #dceaff;

    text-decoration: none;

    transition: color .2s ease;
}


.jw-services-cta__email a:hover {
    color: #ffffff;
}


/* =========================================================
   DEKORACE
   ========================================================= */

.jw-services-cta__decoration {
    position: absolute;

    right: -45px;
    bottom: -65px;

    width: 230px;
    height: 230px;

    border: 1px solid rgba(255,255,255,.16);

    border-radius: 50%;
}


.jw-services-cta__decoration::before {
    content: "";

    position: absolute;

    inset: 28px;

    border: 1px solid rgba(255,255,255,.13);

    border-radius: 50%;
}


.jw-services-cta__decoration::after {
    content: "";

    position: absolute;

    inset: 58px;

    border: 1px solid rgba(255,255,255,.11);

    border-radius: 50%;
}


/* malé body */

.jw-services-cta__decoration span {
    position: absolute;

    width: 5px;
    height: 5px;

    border-radius: 50%;

    background: rgba(255,255,255,.7);
}


.jw-services-cta__decoration span:nth-child(1) {
    top: 25px;
    left: 45px;
}

.jw-services-cta__decoration span:nth-child(2) {
    top: 70px;
    right: 18px;
}

.jw-services-cta__decoration span:nth-child(3) {
    bottom: 38px;
    left: 35px;
}

.jw-services-cta__decoration span:nth-child(4) {
    bottom: 20px;
    right: 70px;
}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 900px) {

    .jw-services-cta {
        padding: 75px 0;
    }

    .jw-services-cta__container {
        padding: 48px;

        gap: 40px;
    }

    .jw-services-cta__action {
        flex-basis: 230px;
    }

}


/* =========================================================
   MOBIL
   ========================================================= */

@media (max-width: 700px) {

    .jw-services-cta {
        padding: 60px 0;
    }

    .jw-services-cta__container {
        width: min(100% - 36px, 560px);

        min-height: auto;

        padding: 40px 30px;

        display: flex;
        flex-direction: column;

        align-items: flex-start;

        gap: 30px;

        border-radius: 12px;
    }


    .jw-services-cta__content h2 {
        font-size: 36px;
    }


    .jw-services-cta__content p {
        font-size: 14px;
    }


    .jw-services-cta__action {
        width: 100%;
        flex-basis: auto;
    }


    .jw-services-cta__button {
        width: 100%;
    }


    .jw-services-cta__email {
        justify-content: flex-start;
    }


    .jw-services-cta__decoration {
        width: 180px;
        height: 180px;

        right: -70px;
        bottom: -60px;
    }

}


/* =========================================================
   MALÝ MOBIL
   ========================================================= */

@media (max-width: 420px) {

    .jw-services-cta__container {
        padding: 35px 24px;
    }

    .jw-services-cta__content h2 {
        font-size: 32px;
    }

}

/*--------------------------------*/


/*--------------  PAGE KONTAKTY -----------------*/
/* =========================================================
   KONTAKTNÍ INFORMACE
   ========================================================= */

.jw-contact-info {
    width: 100%;
    padding: 110px 0 120px;
	 padding: 10px 0 20px;

    background: #f5f7fa;
}


/* =========================================================
   CONTAINER
   ========================================================= */

.jw-contact-info__container {
    width: min(1200px, calc(100% - 48px));
    margin: 0 auto;
}


/* =========================================================
   HEADER
   ========================================================= */

.jw-contact-info__header {
    max-width: 620px;
    margin-bottom: 55px;
}


.jw-contact-info__eyebrow {
    margin-bottom: 16px;

    font-family: "Inter", sans-serif;
    font-size: 11px;
    font-weight: 700;

    letter-spacing: .17em;
    text-transform: uppercase;

    color: #1769e0;
}


.jw-contact-info__header h2 {
    margin: 0 0 18px;

    font-family: "Manrope", sans-serif;
    font-size: clamp(40px, 5vw, 58px);
    line-height: 1.04;
    font-weight: 700;

    letter-spacing: -.045em;

    color: #111827;
}


.jw-contact-info__header h2 span {
    color: #1769e0;
}


.jw-contact-info__header p {
    max-width: 560px;
    margin: 0;

    font-family: "Inter", sans-serif;
    font-size: 15px;
    line-height: 1.7;

    color: #667386;
}


/* =========================================================
   GRID
   ========================================================= */

.jw-contact-info__grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 24px;
}


/* =========================================================
   CARD
   ========================================================= */

.jw-contact-info__card {
    padding: 38px 40px;
	 padding: 28px 30px;

    background: #ffffff;

    border: 1px solid #e3e9f1;
    border-radius: 12px;

    box-shadow:
        0 12px 35px rgba(22, 42, 70, .045);
}


.jw-contact-info__card-head {
    display: flex;
    align-items: center;
    gap: 16px;

    padding-bottom: 28px;
    margin-bottom: 5px;

    border-bottom: 1px solid #edf0f4;
}


/* =========================================================
   ICON
   ========================================================= */

.jw-contact-info__icon {
    display: flex;
    align-items: center;
    justify-content: center;

    flex: 0 0 48px;

    width: 48px;
    height: 48px;

    border-radius: 9px;

    background: #eaf2ff;

    color: #1769e0;
}


.jw-contact-info__icon svg {
    width: 23px;
    height: 23px;
}


/* =========================================================
   CARD HEADER
   ========================================================= */

.jw-contact-info__card-label {
    margin-bottom: 5px;

    font-family: "Inter", sans-serif;
    font-size: 12px;
    font-weight: 700;

    letter-spacing: .13em;
    text-transform: uppercase;

    color: #1769e0;
}


.jw-contact-info__card h3 {
    margin: 0;

    font-family: "Manrope", sans-serif;
    font-size: 20px;
    line-height: 1.3;
    font-weight: 700;

    color: #111827;
}


/* =========================================================
   ITEMS
   ========================================================= */

.jw-contact-info__items {
    display: flex;
    flex-direction: column;
}


.jw-contact-info__item {
    display: flex;
    flex-direction: column;
    gap: 5px;

    padding: 19px 0;

    border-bottom: 1px solid #edf0f4;
}


.jw-contact-info__item:last-child {
    border-bottom: 0;
}


.jw-contact-info__item span {
    font-family: "Inter", sans-serif;
    font-size: 12px;
    font-weight: 600;

    color: #8994a3;
}


.jw-contact-info__item strong,
.jw-contact-info__item a {
    font-family: "Inter", sans-serif;
    font-size: 16px;
    line-height: 1.6;
    font-weight: 500;

    color: #273244;

    text-decoration: none;
}


.jw-contact-info__item a {
    color: #1769e0;

    transition: color .2s ease;
}


.jw-contact-info__item a:hover {
    color: #0f5dcc;
}


.jw-contact-info__item-row {
    flex-direction: row;
    gap: 70px;
	gap: 30px;
}


.jw-contact-info__item-row > div {
    display: flex;
    flex-direction: column;
    gap: 5px;
	
}


/* =========================================================
   ŽIVNOST
   ========================================================= */

.jw-contact-info__business {
    display: flex;
    align-items: flex-start;
    gap: 20px;

    margin-top: 24px;
    padding: 28px 32px;

    background: #111827;
	background:#eaf1fa;

    border-radius: 12px;

    color: #ffffff;
}


.jw-contact-info__business-icon {
    display: flex;
    align-items: center;
    justify-content: center;

    flex: 0 0 48px;

    width: 48px;
    height: 48px;

    border-radius: 9px;

    background: rgba(255,255,255,.08);

    color: #79adff;
}


.jw-contact-info__business-icon svg {
    width: 23px;
    height: 23px;
}


.jw-contact-info__business-content .jw-contact-info__card-label {
    color: #79adff;
	color:#1769e0;
}


.jw-contact-info__business-content h3 {
    margin: 0 0 8px;

    font-family: "Manrope", sans-serif;
    font-size: 18px;
    font-weight: 700;

    color: #ffffff;
}


.jw-contact-info__business-content p {
    max-width: 750px;

    margin: 0;

    font-family: "Inter", sans-serif;
    font-size: 13px;
    line-height: 1.7;

    color: #aeb9c8;
	color:#000000;
}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 800px) {

    .jw-contact-info {
        padding: 85px 0 95px;
    }

    .jw-contact-info__grid {
        grid-template-columns: 1fr;
    }

}


/* =========================================================
   MOBIL
   ========================================================= */

@media (max-width: 600px) {

    .jw-contact-info {
        padding: 70px 0 80px;
    }

    .jw-contact-info__container {
        width: min(100% - 36px, 560px);
    }

    .jw-contact-info__header {
        margin-bottom: 38px;
    }

    .jw-contact-info__header h2 {
        font-size: 40px;
    }

    .jw-contact-info__card {
        padding: 30px 25px;
    }

    .jw-contact-info__business {
        padding: 25px;
    }

}


@media (max-width: 420px) {

    .jw-contact-info__header h2 {
        font-size: 35px;
    }

    .jw-contact-info__card-head {
        gap: 12px;
    }

    .jw-contact-info__icon {
        flex-basis: 42px;
        width: 42px;
        height: 42px;
    }

    .jw-contact-info__item-row {
        gap: 35px;
    }

}


/*-------------------   PAGE kontakty -----------------*/






/*------------- media responzive  -----------------*/

/*-------------- OPRAVA MENU -----------------*/

@media only screen and (max-width: 1680px) {
  .sp-megamenu-parent > li > a,
  .sp-megamenu-parent > li > span {
    padding: 0 15px; 
	font-size:18px;
  }
  
  .sp-transparent #sp-header{
  
	padding-left: 20px;
    padding-right: 20px;
}

#sp-header { padding-left: 20px;
             padding-right: 20px;	 }
  
   
} 

@media only screen and (max-width: 1400px) {
  .sp-megamenu-parent > li > a,
  .sp-megamenu-parent > li > span {
    padding: 0 12px; 
	font-size:16px;
  }
  
/* .header-search-module .sp-menu-search-icon {display:none;}*/
 .sp-contact-info{display:none;    
}   
 
 .mod-languages{margin-left:10px;    
} 
 
  
   
} 

@media only screen and (max-width: 1280px) {
  .sp-megamenu-parent > li > a,
  .sp-megamenu-parent > li > span {
    padding: 0 8px; 
	font-size:16px;
  }
}
			
@media only screen and (max-width: 1199px) {
  .sp-megamenu-parent > li > a,
  .sp-megamenu-parent > li > span {
    padding: 0 8px;
	font-size:15px;
  }
   
}
@media only screen and (max-width: 1024px) {

  .sp-megamenu-parent > li > a,
  .sp-megamenu-parent > li > span {
    padding: 0 5px; 
	font-size:15px;
  }
}

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

#sp-top2 .sp-contact-info {display:none;}
 
#sp-header {
	height:90px
}

#sp-header .logo-image {
        height: 60px; padding-top:10px;
    }

  .sp-megamenu-parent > li > a,
  .sp-megamenu-parent > li > span {
    padding: 0 5px;
	font-size:13px;
  }
.sp-page-title h2 {
  font-size: 38px;
  line-height: 1;
  text-transform: none;
  font-weight: 300;
}
#sp-breadcrumb { display:none; }
 
}


@media only screen and (max-width: 767px) {
 .sp-megamenu-parent > li > a,
  .sp-megamenu-parent > li > span {
    padding: 0 12px;
  }
  
.sp-page-title h2 {
  font-size: 38px;
  line-height: 1;
  text-transform: none;
  font-weight: 300;
}

#head-picture-product  img {border-radius:0px;
	border-top-left-radius: 0;
	border-bottom-right-radius: 0;

}
  
.sp-contact-info{display:none;    
}  
  
}
@media only screen and (max-width: 599px) {
  .sp-megamenu-parent > li > a,
  .sp-megamenu-parent > li > span {
    padding: 0 12px;
  }
  
.sp-page-title h2 {
  font-size: 32px;
  line-height: 1;
  text-transform: none;
  font-weight: 300;
}

}
@media only screen and (max-width: 479px) {
  .sp-megamenu-parent > li > a,
  .sp-megamenu-parent > li > span {
    padding: 0 12px;
  }

.sp-page-title h2 {
  font-size: 26px;
  line-height: 1;
  text-transform: none;
  font-weight: 400;
}

.sp-contact-info{display:none;    
}
#sp-breadcrumb { display:none; }
 
}



/*---------  video srafovani ---------*/
.row--video {
    position: relative;
	
    height: -webkit-calc(100vh - 55px);
    height: -moz-calc(100vh - 55px);
    height: calc(100vh - 55px);
    min-height: 400px;
    z-index: 2;
}
@media screen and (min-width: 768px) {
    .row--video {
        height: -webkit-calc(100vh - 130px);
        height: -moz-calc(100vh - 130px);
        height: calc(100vh - 130px);
        min-height: 600px;
    }
}
@media screen and (min-width: 1024px) {
    .row--video {
        height: -webkit-calc(100vh - 150px);
        height: -moz-calc(100vh - 150px);
        height: calc(100vh - 150px);
        min-height: 600px;
    }
}
@media screen and (min-width: 1200px) {
    .row--video {
        min-height: 700px;
    }
}

.row--video .video::before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url(../imgages/video_pattern.png);
    background-color: rgba(20, 26, 29, 0.3);
    background-repeat: no-repeat;
    -webkit-background-size: 1905px 1905px;
    -moz-background-size: 1905px;
    -o-background-size: 1905px;
    background-size: 1905px;
    background-position: 0 0;
}

@media screen and (min-width: 1900px) {
    .row--video .video::before {
        background-image: url(../imgages/video_pattern.png);
        background-color: rgba(20, 26, 29, 0.3);
        background-repeat: no-repeat;
        -webkit-background-size: 100% 100%;
        -moz-background-size: 100%;
        -o-background-size: 100%;
        background-size: 100%;
        background-position: 0 0;
    }
}
.row--video .video .cVideo {
    object-fit: cover;
    height: -webkit-calc(100vh - 55px);
    height: -moz-calc(100vh - 55px);
    height: calc(100vh - 55px);
    min-height: 400px;
}
@media screen and (min-width: 768px) {
    .row--video .video .cVideo {
        height: -webkit-calc(100vh - 130px);
        height: -moz-calc(100vh - 130px);
        height: calc(100vh - 130px);
        min-height: 600px;
    }
}
@media screen and (min-width: 1024px) {
    .row--video .video .cVideo {
        height: -webkit-calc(100vh - 150px);
        height: -moz-calc(100vh - 150px);
        height: calc(100vh - 150px);
        min-height: 600px;
    }
}
@media screen and (min-width: 1200px) {
    .row--video .video .cVideo {
        min-height: 700px;
    }
}