/* fonty */

@font-face  {font-family: "Barlow";	src: url("/fonts/Barlow/Barlow-Regular.ttf");}
@font-face  {font-family: "Barlow";	src: url("/fonts/Barlow/Barlow-Italic.ttf");                                        font-style: italic;}

@font-face  {font-family: "Barlow";	src: url("/fonts/Barlow/Barlow-SemiBold.ttf");              font-weight: 600;}
@font-face  {font-family: "Barlow";	src: url("/fonts/Barlow/Barlow-SemiBoldItalic.ttf");        font-weight: 600;       font-style: italic;}

@font-face  {font-family: "Barlow";	src: url("/fonts/Barlow/Barlow-Bold.ttf");                  font-weight: bold;}
@font-face  {font-family: "Barlow";	src: url("/fonts/Barlow/Barlow-BoldItalic.ttf");            font-weight: bold;      font-style: italic;}

@font-face  {font-family: "RobotoCondensed";	src: url("/fonts/RobotoCondensed/RobotoCondensed-Regular.ttf");}
@font-face  {font-family: "RobotoCondensed";	src: url("/fonts/RobotoCondensed/RobotoCondensed-Italic.ttf");                                        font-style: italic;}

@font-face  {font-family: "RobotoCondensed";	src: url("/fonts/RobotoCondensed/RobotoCondensed-SemiBold.ttf");              font-weight: 600;}
@font-face  {font-family: "RobotoCondensed";	src: url("/fonts/RobotoCondensed/RobotoCondensed-SemiBoldItalic.ttf");        font-weight: 600;       font-style: italic;}

@font-face  {font-family: "RobotoCondensed";	src: url("/fonts/RobotoCondensed/RobotoCondensed-Bold.ttf");                  font-weight: bold;}
@font-face  {font-family: "RobotoCondensed";	src: url("/fonts/RobotoCondensed/RobotoCondensed-BoldItalic.ttf");            font-weight: bold;      font-style: italic;}

@import url("/fonts/awesome/css/font-awesome.min.css");

/* normalize */
html {
  font-family: sans-serif;
  -webkit-text-size-adjust: 100%;
      -ms-text-size-adjust: 100%;
}
body {
  margin: 0;
}
article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary {
  display: block;
}
article,aside,details,div,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary {
  box-sizing: border-box;
}
audio,canvas,progress,video {
  display: inline-block;
  vertical-align: baseline;
}
audio:not([controls]) {
  display: none;
  height: 0;
}
[hidden],template {
  display: none;
}
a {
  background-color: transparent;
}
a:active,a:hover {
  outline: 0;
}
abbr[title] {
  border-bottom: 1px dotted;
}
b,strong {
  font-weight: 600;
}
i,em {
  font-style: italic;
  color: inherit;
}
dfn {
  font-style: italic;
}
mark {
  color: #000;
  background: #ff0;
}
small {
  font-size: 80%;
}
sub,sup {
  position: relative;
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline;
}
sup {
  top: -.5em;
}
sub {
  bottom: -.25em;
}
img {
  border: 0;
}
svg:not(:root) {
  overflow: hidden;
}
figure {
  margin: 1em 40px;
}
hr {
  height: 0;
  -webkit-box-sizing: content-box;
     -moz-box-sizing: content-box;
          box-sizing: content-box;
}
pre {
  overflow: auto;
}
code,kbd,pre,samp {
  font-family: monospace, monospace;
  font-size: 1em;
}
button,input,optgroup,select,textarea {
  margin: 0;
  font: inherit;
  color: inherit;
}
button {
  overflow: visible;
}
button,select {
  text-transform: none;
}
button,html input[type="button"],input[type="reset"],input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer;
}
button[disabled],html input[disabled] {
  cursor: default;
}
button::-moz-focus-inner,input::-moz-focus-inner {
  padding: 0;
  border: 0;
}
input {
  line-height: normal;
}
input[type="checkbox"],input[type="radio"] {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0;
}
input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}
input[type="search"] {
  -webkit-box-sizing: content-box;
     -moz-box-sizing: content-box;
          box-sizing: content-box;
  -webkit-appearance: textfield;
}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
fieldset {
  padding: .35em .625em .75em;
  margin: 0 2px;
  border: 1px solid #c0c0c0;
}
legend {
  padding: 0;
  border: 0;
}
textarea {
  overflow: auto;
}
optgroup {
  font-weight: bold;
}
table {
  border-spacing: 0;
  border-collapse: collapse;
}



/* premenné */
:root {
  --ISZELENA: #007B69;  
  --ISZELENASVETLA: #1AAF99;
  --ISZELENASVETLA2: #84EEDE;
  --ISSEDA: #A8B0BB;
  --TMAVA: #272727;
  --SVETLA: #F0F1F3;
  --SVETLA2: #C8D4E2;
  --SVETLA3: #F5F6FA;
  --SEDA1: #AEBBCE;
  --SEDA2: #9AABC5;
  --CERVENA: #F20000;
  
  --TMAVASEDA1: #6D7470;
  --TMAVASEDA2: #4A4F4C;
  --SVETLASEDA1: #C7D1CC;
  --SVETLASEDA2: #E3E8E6;
  --SHINE: #C9DA35;
}

/* farby */
.isseda {
    background-color: var(--ISSEDA);
}

/* základné */

body {
    font-family: 'Barlow', 'RobotoCondensed', sans-serif;
    font-size: 17.5px;
    font-weight: normal;
    line-height: 160%;
    letter-spacing: 0.02em;
    color: var(--TMAVA); 
    background-color: white;
    position: relative;
    margin: 0px;
    padding: 0px;
    text-rendering: geometricPrecision;
    font-kerning: normal;
}
body, html {    /* pre parallax */
  height: 100%;
}
html[lang="ru"] body {
    font-size: 18.5px;    
}
a {
    color: var(--ISZELENA);
    text-decoration: none;
    cursor: pointer;
}
a:hover {
    color: var(--SHINE);
    text-decoration: none;
}
article a {
    color: var(--ISZELENA);
    background-color: transparent;    
    font-weight: bold;
    text-decoration: none;
    cursor: pointer;
    display: inline-block;
    -webkit-transition: color .5s;
    transition: color .5s;
}
article a:hover {
    color: var(--TMAVA);
    text-decoration: none;
}

h1 {
    font-family: 'Barlow', 'RobotoCondensed', sans-serif;
    font-weight: bold;
    font-size: 38px;
    margin-bottom: 46px;
    letter-spacing: 0.01em;
    line-height: 1.1;
    color: var(--TMAVA);
}
h2 {
    font-size: 35px;
    font-weight: bold;
    margin-top: 40px;
    line-height: 1.1;
}
h3 {
    font-size: 32px;
    font-weight: 700;
    margin-top: 30px;
    line-height: 1.1;
}
h4 {
    font-size: 27px;
    font-weight: 600;
    margin-top: 30px;
    line-height: 1.2;
    color: var(--ISZELENA);
}
h5 {
    font-size: 21px;
    font-weight: bold;
    margin-top: 25px;
    line-height: 1.3;
}
h6 {
    font-weight: bold;
    text-align: left;
    letter-spacing: 0.02em;
    font-size: 19px;
    line-height: 1.3;
    margin-top: 22px;
}
h2, h3, h4 {
    font-family: 'Barlow', 'RobotoCondensed', sans-serif;
    text-align: left;
    letter-spacing: 0.03em;
}
h5 {
    font-family: 'Barlow', 'RobotoCondensed', sans-serif;
    font-weight: 600;
    text-align: left;
    letter-spacing: 0.02em;
}
h1:first-child, h2:first-child, h3:first-child, h4:first-child, h5:first-child, h6:first-child {
    margin-top: 0;
}
h2, h3, h4, h5, h6 {
    letter-spacing: 0.02em;
    margin-bottom: 12px;
}
h1 + h2 {
    margin-top: 31px;
}
p {
    font-size: 17.5px;
    margin-top: 12px;
    margin-bottom: 12px;
    font-weight: normal;
    text-align: justify;
}
p + ol, p + ul {
    margin-top: 8px;
    margin-bottom: 12px;
}
* {
    accent-color: var(--ISZELENA);
}
.BodyTextBigger {
    font-size: 19px;
}
article .perex {
    background: white;
    color: var(--TMAVA);
    margin-bottom: 40px;
}
.perex, .perex p {
    font-size: 17.5px;
    font-weight: 600;
    color: var(--TMAVA);
    letter-spacing: 0.02em;
    text-align: justify;
}
.obsah ul, .obsah ol {
    margin-top: 16px;
    margin-bottom: 24px;
}
.perex p:first-child {
    margin-top: 0;
}
.perex p:last-child {
    margin-bottom: 0;
}
.obsah ul {
/*    list-style-type: disc;
    list-style-position: outside;*/
    list-style-type: none;
    padding-left: 0;
    padding-right: 0;
}
.obsah ul li {
    background: url('/img/square_green.png') no-repeat 0px 13px transparent;
    vertical-align: top;
    padding-left: 20px;
    margin-left: 10px;
}
.obsah li {
    margin-top: 8px;
    margin-bottom: 8px;
    padding-left: 10px;
    padding-top: 2px;
}
hr {
    background-color: #DDD;
    height: 1px;
    border: none;
    border-color: #DDD;
}
.WEurl, .WEartc {
    width: 900px;
    padding: 17px 0 15px 0; 
    position: relative;
    margin-left: auto;
    margin-right: auto;
}
.WEalst .WEartc {
    width: auto;
    display: inline-block;
    padding: 4px 0; 
}
.WEhr {
    background-color: transparent;
    height: 0px;
    border-top: solid 1px var(--SEDIVA);
}
.HR100text {
    width: 900px;
    max-width: calc(100vw - 20px);
    margin: 20px auto;
    border-top: solid 1px var(--SEDIVA);
    background-color: transparent;
    height: 0px;
}
.HRredLine, h2 + hr {
    background-color: transparent;
    height: 0px;
    width: 300px;
    max-width: 100%;
    border-top: 2px solid var(--CERVENA);
    margin: 20px auto 40px auto;
}
hr.bodkovana {
    background-color: transparent;
    width: 100%;
    height: 0px;
    border: none;
    border-top: 7px dotted var(--SEDA);
    margin: 40px auto 40px auto;
}
.WEtext, .WEalst, .WEyoutube, .WEfile {
    width:100%;
    margin: 0 auto; 
    position: relative;
}
.WEfile a {
    margin-left: 0;
    padding-left: 0;
}
.WEfile a::before {
    padding-right: 15px;
    font-family:'FontAwesome';
    font-style: normal;
    color: var(--TMAVA);
}
.WEfile.nastiahnutie a::before {
    content: '';
}
.WEfile.subor a::before {
    content: '';
}
.WEfile.suborObrazok a::before {
    content: '';
}

.WEyoutube iframe {
    max-width: 100%;
}
.WEimg {
    margin-top: 10px;
    margin-bottom: 20px;
    max-width: 100%;
}
.imgRight {
    width: 36%;
    height: auto;
    float: right;
    margin-right: 3%;
}
.imgLeft {
    width: 36%;
    height: auto;
    float: left;
    margin-right: 3%;
}
article img.obrVlavo, article img[align="left"], .WEimgLeft {
    margin: 10px 30px 20px 0px;
    float:left;
}
article img.obrVpravo, article img[align="right"], .WEimgRight {
    margin: 10px 0px 20px 30px;
    float:right;
}
.WEimgAlone, .WEimgAlone.WEimgRight, .WEimgAlone.WEimgLeft {
    clear: both;
    display: block;
    position: relative;
    width: 100%;
    margin: 0;
    padding-left: calc((100% - 900px) / 2);
    padding-right: calc((100% - 900px) / 2);
    float: none;
}
article .WEimgAlone a {
    display: block;
}
.WEimgLeft {
    display: block;
    margin: 10px 30px 20px 0;
    padding-left: calc((100% - 900px) / 2);
}
.WEimgRight {
    display: block;
    margin: 10px 0 20px 30px;
    padding-right: calc((100% - 900px) / 2);
}
.WEimg a, .WEimgLeft a, .WEimgRight a {
    position: relative;
    z-index: 10;
    padding: 0;
}
.WEimg a:hover, .WEimgLeft a:hover, .WEimgRight a:hover {
    background-color: transparent;
    border: none;
    opacity: 0.8;
}
.WEimg a:hover::after, .WEimgLeft a:hover::after, .WEimgRight a:hover::after {
    content:url('../img/ikona-lupa-biela-big.svg');
    position: absolute;
    left:calc((100% - 100px) / 2);
    top:calc((100% - 100px) / 2);
    z-index: 19;
    color: var(--ISZELENA);
}
.WEimg a:hover::before, .WEimgLeft a:hover::before, .WEimgRight a:hover::before {
    content:'';
    position: absolute;
    left:0;
    top:0;
    width: 100%;
    height:100%;
    z-index: 18;
    background-color: var(--ISSEDA);
    opacity: .5;
}
.sectionLeft {
    width: 60%;
    float: left;
}
.sectionRight {
    width: 60%;
    float: right;
}
.txtCelaSirka {
    width: 100%;
}
.wideImage {
    display: block;
    width: 100%;
    height: auto;
}
.is_img_shadow img {
    box-shadow: 0 0 20px 0 var(--SVETLASEDA1);
}
.is_img_border img {
    border: solid 1px var(--SVETLASEDA1);
}
.tl {
    text-align: left;
}
.tr {
    text-align: right;
}
.tc {
    text-align: center;
}
.tj {
    text-align: justify;
}
html[lang="ru"] table td {
    font-size: 17.5px;    
}
/* button */
button, .button {
    display: inline-block;
    box-sizing: border-box;
    min-height: 60px;
    background: var(--ISZELENA);  
    padding: 15px 22px 15px;
    border: solid 1px var(--ISZELENASVETLA);
    border-radius: 9px;
    box-shadow: 0 10px 20px rgba(26,175,153,0.3);
    text-align: left;
    font-size: 22.5px;
    font-weight: 600;
    letter-spacing: 0.02em;
    color: white;
    line-height: 120%;
    position: relative;
}
button.sIkonou i, .button.sIkonou i {
    font-size: 26px;
    margin-left: 28px;
    vertical-align: -2px;
}
button:hover, .button:hover, button:active, .button:active {
    color: var(--ISZELENASVETLA2);
}





/* home start */
.bgBlur {
    width: 100vw;
    height: 100vh;
    background-image: url('/img/IS-budova-blur.jpg');
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.bgBlur article {
    margin: 0;
}
.IndustryLogo, .SolutionsLogo {
/*    width: 300px;
    height: auto;*/
}
.totalCenter {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh;
}
.razcestnik .stlpec {
    background-position: center center;
    background-size: cover;
}
.razcestnik .stlpec.vlavo {
    margin-right: 0px;
    padding-left: 5%;
    /*background-image: url('/img/fabrika-blur2.jpg');*/
}
.razcestnik .stlpec.vpravo {
    margin-left: 0px;
    padding-right: 5%;
    /*background-image: url('/img/mesto-blur2.jpg');*/
}
.razcestnik article {
  margin-top: 0;
}
.horizontalContainer {
    width:100%;
    padding: 40px 0 15px;
}
.horizontalContainer.vlavo {
    /*border-right: solid 1px #dce3ed;*/
}
.horizontalContainer.vpravo {
    /*border-left: solid 2px #dce3ed;*/
}
.uvodneLogaLink {
    /*margin: 0 auto;*/
}
.uvodneLogaLink.obrazovkaDizajn {
    padding: 55px 60px 30px;
    width: auto;
    box-sizing: border-box;
    background-color: rgba(255,255,255,.9);
}
.uvodneLogaLinkBG {
    width: 100%;
    height: 100%;
    background-color: white;
    opacity: 0.9;
}
.uvodneLogaLink, .uvodneLogaLink:active, .uvodneLogaLink:hover, .uvodneLogaLink:focus  {
    /*background-color: transparent;*/
}
.uvodneLogaLink img.IndustryLogo, .uvodneLogaLink img.IndustryLogo, .uvodneLogaLink img.IndustryLogo  {
    width: 300px;
    height: auto;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
.uvodneLogaLink img.SolutionsLogo, .uvodneLogaLink img.SolutionsLogo, .uvodneLogaLink img.SolutionsLogo  {
    width: 300px;
    height: auto;
    /*margin-top: 22px;*/
    /*margin-bottom: 11px;*/
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
.uvodneLogaLink:active img.IndustryLogo, .uvodneLogaLink:hover img.IndustryLogo, .uvodneLogaLink:focus img.IndustryLogo  {
    width: 330px;
}
.uvodneLogaLink:active img.SolutionsLogo, .uvodneLogaLink:hover img.SolutionsLogo, .uvodneLogaLink:focus img.SolutionsLogo  {
    width: 330px;
}
.deliacaCiara {
    width:2px; 
    background-color: white;
    height: 300px;
}
.razcestnik h2 {
    color: var(--TMAVA);
    font-size: 18px;
    font-weight: 600;
    text-align: center;
    line-height: 1.1;
    letter-spacing: 0;
    margin-bottom: 0;
    margin-top: 30px;
    padding: 0 8px;
}
.razcestnik .stlpec.vlavo h2 {
    margin-bottom: 19.2px;
}
.razcestnik h2 span.SloganPredel {
    color: var(--SVETLASEDA1);
    font-weight: normal;
    margin: 0 10px;
    display: none;
}
.razcestnik h2 span.SloganText {
    display: block;
}
.razcestnik h3 {
    color: #8F8F8F;
    font-size: 18px;
    font-weight: normal;
    text-align: center;
    line-height: 1.1;
    margin-top: 16px;
    margin-bottom: 0;
}
.BgVideoContainer {
    width: 100vw;
    height: 100vh;
    position: fixed;
    z-index: 1;
    /*background-color: #C9D4E3;*/
}
.BgVideoContainer video {
    width: 100%;
    height: 100%;
    object-fit: cover;
    /*opacity: 0.75;*/
}
.razcestnik main {
    position: absolute;
    z-index: 10;
    width: 100%;
}



.obsah {
/*    width: 750px;
    float: left;    */
}
article {
    margin-top: 40px;
}
.poznamka {
    font-size: 17px;
    color: var(--SEDIVA);
    padding-top: 20px;
    border-top: solid 1px #BBB;
    margin-top: 30px;
    margin-bottom: 20px;
}
.popis {
    font-style: italic;
    font-size: smaller;
    font-weight: 300;
    color: var(--SEDIVA);
}
.obsah ul.historia {
    list-style: none;
    padding: 0; 
    margin: 60px 0;
    width:100%;
    position: relative;
}
.obsah ul.historia li {
    width:calc(50% - 20px);
    font-size: 16px;
    font-weight: normal;
    letter-spacing: 0;
    background: var(--SVETLA3);
    margin: 0;
    padding: 24px;
    border: solid 1px var(--SVETLA2);
    border-radius: 10px;
    box-sizing: border-box;
    position: relative;
}
.obsah ul.historia li:hover {
    cursor: pointer;
}
/*
.obsah ul.historia li::before {
    content: '';
    display: block;
    width: 19px;
    height: 19px;
    background-color: var(--SVETLASEDA1);
    margin: 0;
    box-sizing: border-box;
    position: absolute;
    left: -11px;
    top: 25px;
    border: solid 3px var(--TMAVA);
    border-radius: 5px;
    -webkit-transition: background-color 0.5s;
    transition: background-color 0.5s;
}

.obsah ul.historia li:hover::before {
    background-color: var(--SHINE);
}
*/
.obsah ul.historia li:nth-child(2n) {
    text-align: left;
    margin-left: calc(50% + 20px);
}
.obsah ul.historia li:nth-child(2n+1)::before {
    left: auto;
    right: -11px;
}
.obsah ul.historia li:nth-child(2n+1) {
    text-align: right;
}
.rok {
    color: var(--ISZELENA);
    font-size: 19px;
    font-weight: 600;
    text-align: left;
    margin-bottom: 4px;
    -webkit-transition: color 0.3s;
    transition: color 0.3s;
}
/*
.obsah ul.historia li:hover .rok {
    cursor: pointer;
    color: var(--SHINE);
}
*/
.predel {
    position: absolute;
    top: 0;
    left: 50%;
    width:2px;
    border-left: solid 2px var(--SVETLASEDA2);
    height: 100%;
}
.zoznamOnas li {
    font-size: 19px;
    margin-bottom: 24px;
}

.banner {
    padding: 30px;
    border: solid 2px var(--ISZELENA);
}
.link-vyrazny {
    display:inline-block;
    padding: 10px 20px;
    border: solid 2px var(--ISZELENA);
    -webkit-transition: background-color 0.5s, color 0.5s;
    transition: background-color 0.5s, color 0.5s;
    cursor: pointer;
}
.link-vyrazny span.fa {
    color: var(--ISZELENA);
    -webkit-transition: background-color 0.5s, color 0.5s;
    transition: background-color 0.5s, color 0.5s;
}
/*
.link-vyrazny::before {
    content: '<span class="fa fa-external-link"><span>';
    color: var(--ISZELENA);
}
.link-vyrazny::after {
    content: '<br>';
}
*/
.link-vyrazny a {
    display:inline;
    margin-left: 20px;
    background-color: transparent;
    -webkit-transition: background-color 0.5s, color 0.5s;
    transition: background-color 0.5s, color 0.5s;
}
.link-vyrazny:hover {
    color: white;
    background-color: black;
}
.link-vyrazny:hover a {
    color: white;
    background-color: transparent;
}
.link-vyrazny:hover span.fa {
    color: white;
}

/* graf technológie */
h5.odvetvie {
    display: inline-block;
    position: relative;
    clear: both;
    width: 40%;
    float: left;
    padding: 20px;
    background-color: #51B2D0;
    margin: 0 0 50px 0;
    font-size: 23px;
    font-weight: 600;
    text-align: center;
    color: white;
    border-radius: 50px;
}
h6.technologia {
    display: inline-block;
    width: 40%;
    float: right;
    padding: 20px;
    background-color: #5191D0;
    margin: 0 0 50px 0;
    font-size: 23px;
    font-weight: 400;
    text-align: center;
    color: white;
    border-radius: 50px;
}
h5.odvetvie::before {
    content: '';
    display: block;
    width: 42px;
    height: 50px;
    background-color: transparent;
    background-image: url('/img/sipka-techno.svg');
    background-repeat: no-repeat;
    margin: 0;
    box-sizing: border-box;
    position: absolute;
    right: -18%;
    top: 10px;
}
h6.technologia a, h6.technologia a {
    color: var(--SHINE);
}
h6.technologia a:hover, h6.technologia a:hover {
    color: black;
    background-color: transparent;
}
h6.proces {
    display: block;
    width: 100%;
    box-sizing: border-box;
    padding: 30px;
    background-color: #7F65BA;
    margin: 50px 0;
    font-size: 23px;
    font-weight: 400;
    text-align: center;
    color: white;
    border-radius: 50px;
}
h6.technologiaVlavo {
    display: inline-block;
    width: 40%;
    float: left;
    padding: 20px;
    background-color: #259984;
    margin: 0 0 50px 0;
    font-size: 23px;
    font-weight: 400;
    text-align: center;
    color: white;
    border-radius: 50px;
}

/* loga certifikatov */
.logaCertifikatov.flexcontainer {
    justify-content:left;
    gap: 25px 30px;
    margin-bottom: 70px;
}
.logaCertifikatov .kartaObal {
    width: 30%;
    height: auto;
    background-color: var(--SVETLA3);
    border: solid 1px var(--SVETLA2);
    border-radius: 10px;
    padding: 20px;
    margin-top: 0;
    margin-bottom: 0;
}
.logaCertifikatov .kartaObal .kartaObrazok {
    height: 220px;
    margin-bottom: 13px;
}
.logaCertifikatov .kartaObal .kartaText {
    height: 75px;
}
.logaCertifikatov .kartaObal:last-child {
    margin-right: auto;
}
article .logaCertifikatov .kartaObal a {
    color: var(--TMAVA);
        width: 100%;
}
article .logaCertifikatov .kartaObal a:hover {
    color: var(--TMAVA);
}


/* textová karta */

.TextCard.kartaObal {
    width: 280px;
    height: 280px;
    background-color: var(--SVETLA3);
    border: solid 1px var(--SVETLA2);
    border-radius: 10px;
    padding: 25px;
    margin: 0 20px 20px 0;
    display: inline-block;
    float: left;
}
.TextCard.kartaObal .kartaObrazok {
    max-height: 220px;
    margin-bottom: 0;
}
.TextCard.kartaObal .kartaText {
    height: auto;
    text-align: left;
}
.TextCard.kartaObal .kartaText p {
    text-align: left;
    margin: 0 0 12px;
}
.TextCard.kartaObal .kartaText h4 {
    margin-bottom: 20px;
}


/* technologie zoznam */

.technologie {
    width:100%;
    background: var(--SVETLA3);
    margin: 0 0 50px 0;
    padding: 12px;
    border: solid 1px var(--SVETLA2);
    border-radius: 13px;
    box-sizing: border-box;
    position: relative;
}
.technologieText {
    width: 368px;
    margin: 34px 65px 0 28px;
    float: left;
}
.technologieText h3 {
    color: var(--ISZELENA);
    font-size: 27px;
    font-weight: 600;
    margin-bottom: 43px;
}
.technologieText, .technologieText p {
    font-size: 17.5px;
    font-weight: normal;
    letter-spacing: 0;
    text-align: left;
}
.technologieText p {
    margin-bottom: 0;
}
.technologieObrazky {
    width: 412px;
    float: right;
    display: inline-block;
    gap: 8px;
}
.technologieObrazky img {
    width: 200px;
    height: 200px;
    border-radius: 10px;
    margin: 0;
    display: block;
    object-fit: cover;
}
.technologieOdkaz:hover {
    color: inherit;
}

/* technologieB zoznam */

.technologieB {
    width:100%;
    background: var(--SVETLA3);
    margin: 0 0 50px 0;
    padding: 12px;
    border: solid 1px var(--SVETLA2);
    border-radius: 13px;
    box-sizing: border-box;
    position: relative;
}
.technologieBText {
    width: 368px;
    margin: 34px 65px 0 28px;
    float: left;
}
.technologieBText h3 {
    color: var(--ISZELENA);
    font-size: 27px;
    font-weight: 600;
    margin-bottom: 43px;
}
.technologieBText, .technologieBText p {
    font-size: 17.5px;
    font-weight: normal;
    letter-spacing: 0;
    text-align: left;
    color: var(--TMAVA);
}
a:hover .technologieBText, a:hover .technologieBText p {
    color: var(--ISZELENA);
}
.technologieBText p {
    margin-bottom: 0;
}
.technologieBObrazky {
    width: 381px;
    margin: 18px 18px 18px 0;
    float: right;
    display: inline-block;
    border-radius: 10px;
    border: solid 1px var(--SVETLA2);
}
.technologieBObrazky img {
    width: 200px;
    height: 200px;
    border-radius: 10px;
    margin: 0;
    display: block;
    object-fit: cover;
}
.technologieBOdkaz:hover {
    color: inherit;
}
.technologieBObrazky .uvodnyObr {
    height: 228px;
    margin-bottom: 0;
    background-color: var(--SVETLA2);
}


/* referencie  odvetvia */
.odvetvia {
    position: relative;
    width: calc(100% - 40px);
    margin: 0 0 60px 40px;
    padding: 30px 20px 20px 80px;
    border: solid 2px var(--ISZELENA);
}
.odvetviaClona {
    position: absolute;
    width: 20px;
    height: 134px;
    top: 20px;
    left: -10px;
    background-color: white;
    z-index: 21;
}
.odvetviaRieseniaIkona {
    position: absolute;
    top: 20px;
    left: -33px;
    z-index: 22;
    height: 92px;
    width: auto;
    background-color: white;
    padding-top: 16px;
    padding-bottom: 16px;
    box-sizing: content-box;
}
.odvetvia h5 {
    margin: 0 0 28px 0;
    padding: 0;
    font-size: 34px;
    font-weight: normal;
    color: var(--ISSEDA);
    background-color: transparent;    
}
.odvetvia h6 {
    font-size: 20px;
    font-weight: normal;  
    color: var(--TMAVA);
}
.odvetvia.odvetviaVlavo {
    width: calc(50% - 60px);
    float: left;
}
.odvetvia.odvetviaVpravo {
    width: calc(50% - 60px);
    float: right;
}




.fl {
    float: left;
}
.fr {
    float: right;
}
.cl {
    clear: both;
}
.vyrazny {
    color: black;
    font-weight: 600;
    font-size: 106%;
    letter-spacing: .03em;
}
.mt {
    margin-top: 30px;
}
.mt40 {
    margin-top: 40px;
}
.mt60 {
    margin-top: 60px;
}
.mt15 {
    margin-top: 15px;
}
.mb {
    margin-bottom: 30px;
}
.mb40 {
    margin-bottom: 40px;
}
.mb60 {
    margin-bottom: 60px;
}
.mb15 {
    margin-bottom: 15px;
}
.pt {
    padding-top: 30px;
}
.pt20 {
    padding-top: 20px;
}
.pt10 {
    padding-top: 10px;
}
.pb {
    padding-bottom: 30px;
}
.pb20 {
    padding-bottom: 20px;
}
.pb10 {
    padding-bottom: 10px;
}
.skryte {
    width: 0;
    height: 0;
    position: absolute;
    bottom:0;
    left: 0;
}
.zobrazene {
    display: block;
    opacity: 1;
}
.nezobrazene {
    display: none;
    opacity: 0;
}

/* layout */
.wrapper {
    width: 900px;
    margin: 0 auto; 
}
.wrapperWide {
    width: 100%;
    margin: 0; 
}
.container {
    width: 900px;
    padding: 0; 
    position: relative;
    margin-left: auto;
    margin-right: auto;
}
header {
    width: 100%;
    height: 115px;
    position: relative;
    background-color: white;
    margin-bottom: 0px;
}
header, footer {
    /*overflow: hidden;*/
}
.home header {
    margin-bottom: 0;
}

.logo {
    display: block;
    position: absolute;
    left: 45px;
    top: 41px;
}
.logo img {
    display: block;
    width: 174px;
    height: auto;
}
.slogan {
    position: absolute;
    left: 47px;
    top: 95px;
    font-size: 9px;
    text-transform: uppercase;
    letter-spacing: 0.08rem;
    color: var(--ISSEDA);
    line-height: 0.1;
    display: none;
}
.slogan.onlyWideScreen {
    display: none;
}
.logoIntelligent {
    display: block;
    position: absolute;
    left: 255px;
    top: 57px;    
}
.logoIntelligent img {
    display: block;
    width: 124px;
    height: auto;
}


/* menu */
.mainMenu {
    position: absolute;
    top: 113px;
    left: 0;
    height: 37px;
    z-index: 30;
}
.mainMenu ul {
    list-style: none;
    padding-left: 5px;
}
.mainMenu li {
    display: block;
    height: 37px;
    margin: 0;
    overflow: hidden;
    float: left;
    border-left: solid 3px var(--SVETLASEDA1);
}
.mainMenu li section {
    position:relative;
    display: block;
    height: 74px;
    top: 0;
    left: 0;
    color: var(--ISSEDA);
    font-size: 20px;
    font-weight: 300;
    letter-spacing: .08em;
    -webkit-transition: top .5s;
    transition: top .5s;
    cursor: pointer;
}
.mainMenu li section span {
    display: block;
    width:100%;
    height: 37px;
    padding: 2px 34px 2px 17px;
}
.mainMenu li section span.up {
    position:relative;
    top: 0;
    background-color: transparent;
    color: var(--ISSEDA);
}
.mainMenu li section span.down {
    position:absolute;
    top: 37px;
    left:0;
    background-color: var(--SVETLASEDA1);
    color: white;
}
.mainMenu li section:hover {
    top: -37px;
}

.topMenu {
    position: absolute;
    top: 48px;
    right: 52px;
    height: 27px;
    z-index: 40;
}
.topMenu ul {
    list-style: none;
    padding: 0;
}
.topMenu li {
    display: block;
    height: 14px;
    margin: 0;
    padding-right: 55px;
    padding-top: 12px;
    overflow: visible;
    float: left;
    cursor: pointer;
}
.topMenu li a {
    box-sizing: border-box;
    position:relative;
    display: block;
    height: 50px;
    top: 0;
    left: 0;
    padding: 0 0 0;
    color: var(--TMAVA);
    font-size: 15px;
    font-weight: 600;
    letter-spacing: .02em;
    line-height: 1;
    cursor: pointer;
    -webkit-transition: color .5s;
    transition: color .5s;
}
.topMenu li:hover > a {
    color: var(--ISZELENA);
}
.topMenu ul ul li:hover a:hover {
    color: var(--ISZELENA);
}

.topMenu li.searchIcon div {
    display: inline-block;
    box-sizing: border-box;
    height: 26px;
    padding: 3px 3px 5px;
    border: solid 2px transparent;
    transition: border .8s;
    cursor: pointer;
} 
.topMenu li.searchIcon div:hover {
    /*background-color: white;*/
    cursor: pointer;
} 
.topMenu li.searchIcon div img {
    display: block;
    width: 23px;
    position: relative;
    top:-11px;
}
.topMenu li.ln a, .topMenu li.ln section {
    box-sizing: border-box;
    height: 27px;
    width: 28px;
    padding: 5px 0 0 1px;
    margin: 0;
    text-align: center;
    font-size: 15px;
    font-weight: 600;
    line-height: 1;
    color: var(--ISZELENA);
    border: solid 2px transparent;
    -webkit-transition:  border .8s;
    transition: border .8s;
    cursor: pointer;
} 
.topMenu li.ln a:hover, .topMenu li.ln section:hover {
    color: var(--ISZELENA);
    border: solid 2px var(--ISZELENA);
    background-color: white;
    cursor: pointer;
} 
.ineJazykyContainer {
    width: 28px;
    height: 135px;
    position: absolute;
    top: 27px;
    overflow: hidden;
}
.ineJazyky a, .ineJazyky section {
    display: block;
}
.ineJazyky {
    width: 28px;
    position: absolute;
    top:-135px;
    -webkit-transition:  top 1.2s;
    transition: top 1.2s;
}
.topMenu li.ln:hover .ineJazyky, .topMenu li.ln .ineJazyky.visible {
    top:0px;
}
.ln {
   padding-right: 5px; 
}
.triangleSmall {
    width: 12px;
    height: auto;
    margin-left: 8px;
    -webkit-transition: filter 0.5s, transform 0.5s;
    transition: filter 0.5s, transform 0.5s;
}
.topMenu li:hover .triangleSmall {
    filter: brightness(0) saturate(100%) invert(25%) sepia(60%) saturate(2741%) hue-rotate(154deg) brightness(94%) contrast(104%);
    transform: rotate(-180deg);
}
.topMenu li.jazyk:hover .triangleSmall {
    filter: none;
    transform: rotate(-180deg);
}
.topMenu ul li {
    position: relative;
    margin-bottom: 18px;
}
.topMenu ul li:last-child {
    margin-bottom: 12px;
}
.topMenu ul ul {
    position: absolute;
    top: 0;
    left: -26px;
    opacity: 0;
    visibility: hidden;
    padding: 18px 6px;
    background: var(--SVETLA);
    border: solid 1px var(--SVETLA2);
    border-radius: 7px;
    margin-top: 54px;
    -webkit-transition: opacity 0.5s;
    transition: opacity 0.5s;
}
.topMenu ul ul li {
    float: none;
    padding-right: 0;
}
.topMenu ul li:hover ul {
    opacity: 1;
    visibility: visible;
}
.topMenu ul ul a {
    white-space: nowrap;
}
.topMenu li.jazyk {
    background: var(--ISZELENA);  
    padding: 12px 16px 13px;
    border: solid 1px var(--ISZELENASVETLA);
    border-radius: 5px;
    box-shadow: 0 10px 20px rgba(26,175,153,0.3);
}
.topMenu li.jazyk a {
    padding: 0;
    border: 0;
    color: white;
}
.topMenu li.jazyk ul {
    background: var(--ISZELENA);  
    border: solid 1px var(--ISZELENASVETLA);
    left: 0}
.topMenu li.jazyk ul li:hover a {
    color: var(--ISZELENASVETLA);
}
.topMenu ul ul li {
    padding-left: 20px;
    padding-right: 20px;
}
.topMenu ul ul ul {
    top: 5px;
    left: calc(100% - 10px);
    margin: 0;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: opacity 0.5s;
    transition: opacity 0.5s;
}
.topMenu ul ul li ul, .topMenu ul li:hover ul ul {
    visibility: hidden;
    opacity: 0;
}
.topMenu ul ul li:hover ul, .topMenu ul ul li:active ul {
    visibility: visible;
    opacity: 1;
}
.rozbalovaci > a {
    background-image: url('/img/triangle-right-tmava.svg');
    background-position: right 4px;
    background-repeat: no-repeat;
}

.mainMenu .subMenu {
    box-sizing: border-box;
    display: block;
    position: relative;
    left: 0;
    background-color: var(--SVETLASEDA1);
    color: white;
    padding: 20px 100px 20px 20px;
    z-index: 90;
}
.mainMenu .subMenu {
    top: -300px;
    min-height: 130px;
    background-repeat: no-repeat;
    background-position: calc(100% - 20px) 20px;
    -webkit-transition:  top 1.2s;
    transition: top 1.2s;
}
.mainMenu .subMenu.visible {
    top: 0;
}
.mainMenu .subMenu.subMenu1 {
    background-image: url('/img/ikona-riesenia-biela.svg');
}    
.mainMenu .subMenu.subMenu2 {
    background-image: url('/img/ikona-sluzby-biela.svg');
}    
.mainMenu .subMenu.subMenu3 {
    background-image: url('/img/ikona-referencie-biela.svg');
}    
.mainMenu .subMenu.subMenu4 {
    background-image: url('/img/ikona-praca-biela.svg');
}    
.mainMenu .subMenu ul {
    column-count: 2;
    padding: 0;
    margin: 10px 0 0 0;
}
.mainMenu .subMenu li {
    display: inline-block;
    border: none;
    width: auto;
    height: auto;
    margin: 0 20px 10px 0;
    overflow: visible;
    float: none;
    line-height: 1.2;
}
.mainMenu .subMenu li a {
    height: auto;
    color: var(--TMAVA);
    font-size: 17px;
    font-weight: 300;
    letter-spacing: .03em;
    text-decoration: none;
    line-height: 100%;
    padding: 0;
    margin: 0;
    -webkit-transition: color .5s;
    transition: color .5s;
}
.mainMenu .subMenu li a:hover {
    color: white;
    top: 0;
}
.mainMenu .subMenu .supItem {
    width: 100%;
    display: block;
    color: white;
    font-size: 17px;
    font-weight: 300;
    letter-spacing: .03em;
    text-decoration: none;
    line-height: 120%;
}
.subMenuContainer {
    position: absolute;
    display: none;
    top: 37px;
    left: 5px;  
    width: 580px;
    overflow: hidden;
}

/* mobile menu */
.mobileMenuScreen {
    display: none;
    position: fixed;
    left: 101vw;
    top: 0;
    padding: 0;
    color: var(--TMAVA);
    z-index: 100;
    -moz-transition: left 1.5s;
    transition: left 1.5s;
}
.mobileMenuScreen.vysunute {
    left: 0;
}
.mobileMenuScreenContent {
    width: 100vw;
    height: 100vh;
    /*height: calc(100vh - 100px);*/
    overflow-y: scroll;
    padding: 57px 10px 57px 60px;
    box-sizing: border-box;  
    background-color: var(--SVETLA3);
    border: solid 1px var(--SVETLA2);
    border-radius: 10px;
    border-right: none;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
.mobileMenu {
}
.mobileMenu a {
    color: var(--TMAVA);
}
.mobileMenu ul {
    list-style: none;
}
.mobileMenu > ul {
    padding: 0;
}
.mobileMenu > ul > li {
    padding: 30px 0 0;
    margin-bottom: 10px;
}
.mobileMenu > ul > li > ul > li {
    margin-top: 28px;
    margin-bottom: 4px;
}
.mobileMenu > ul > li > ul > li > ul > li {
    margin-top: 20px;
    margin-bottom: 12px;
}
.mobileMenu ul > li > ul {
    margin-bottom: 30px; 
}
.mobileMenu > ul > li > a {
    /*border-top: solid 2px white;*/
    font-weight: bold;
    font-size: 32px;
}
.mobileMenu > ul > li:first-child {
    padding-top: 0;
}
.mobileMenu ul li ul li a {
    color: var(--TMAVA);
    font-weight: 600;
    font-size: 26px;
}
.ucho {
    position: absolute;
    bottom: -36px;
    right: 90px;
    width: 40px;
    height: 36px;
    padding: 8px 10px;
    border-radius: 0 0 3px 3px;
    background-color: var(--ISZELENA);
    text-align: center;
    cursor: pointer;
    line-height: 1;
}
.ucho i {
    vertical-align: 2px;
}
.bars {
    position: absolute;
    top: 52px;
    right: 50px;
    cursor: pointer;
}
.bars img {
    width: 54px;
    height: auto;
}
.menu_close {
    position: absolute;
    top: 54px;
    right: 60px;
    cursor: pointer;
}
.menu_close img {
    width: 45px;
    height: auto;
}

/* lišta */
#stick {
    display: block;
    z-index: 100;
    position: fixed;
    top: -147px;
    left: 0;
    box-sizing: border-box;
    width: 100%;
    height: 53px;
    background-color: rgba(245,245,245,.9);
    border-bottom: solid 1px var(--SVETLASEDA2);
    /*text-align: center;*/
    -webkit-transition: opacity 1s;
    transition: opacity 1s;
    opacity: 0;
    z-index: 70;
}
#stick.vidno {
    top: 0;
    opacity: 1;
}
#stick .mainMenu {
    position: relative;
    width: 100%;
    bottom: 0;
    right: 0;
    margin: 5px auto;
    /*text-align: center;*/    
}
#stick .mainMenu ul {
    padding: 0;
    margin: 0;
}
#stick .mainMenu li {
    padding: 0;
    margin: 0 16px;
}
.ikonyMenu.flexcontainer, #stick.vidno .ikonyMenu.flexcontainer {
    display: none;
}
#stick .logo {
    left: 45px;
    top: 8px;
}
#stick .logo img {
    width: 140px;
}
#stick .topMenu {
    top: 8px;
    right: 0;
    height: 27px;
}
#stick .topMenu li a {
    /*background-color: rgba(245,245,245,.1);*/
}
#stick .topMenu li a:hover {
    /*background-color: var(--SVETLASEDA1);*/
}
#stick .topMenu li .ineJazyky a {
  background-color: white;
}








/* search */
.SearchModalScreen {
    width: 100vw;
    height: 100vh;
    position: fixed;
    background-color: rgba(250,250,250,.9);
    top: -100vh;
    left: 0;
    z-index:1000;
    display: block;
    opacity: 1;
    -webkit-transition: top 1.2s;
    transition: top 1.2s;
}
.SearchModalScreen.visible {
    top: 0;
    display: block;
    opacity: 1;
}
.SearchModalContainer {
    width: 100%;
    height: 100%;
    position: relative;
    display: flex; 
    align-items: center;
    justify-content: center;
}
.CloseButton {
    color: var(--SVETLASEDA1);
    font-size: 50px;
    position: absolute;
    top: 30px;
    right: 30px;
    cursor: pointer;
}
.SearchIconSubmit {
    font-size: 50px;
    margin-left: 20px;
    color: var(--SVETLASEDA1);
    cursor: pointer;
    vertical-align: middle;
}
.SearchModalBox input#query, .SearchModalBox input#query:focus {
    background: transparent;
    border: none;
    border-bottom: solid 3px var(--SVETLASEDA1);
    outline: none;
    outline-width: 0;
    font-weight: 300;
    font-size: 36px;
    max-width: 70vw;
    width: 800px;
    padding-bottom: 10px; 
}

/* search */
.we_se_link_kontajner {
    margin: 0 0 20px 0;
}
.we_link_nadpis {
    font-size: 22px; 
    font-weight: bold;
    line-height: 1.1;
}
.we_link_txt {
    font-size: 17px;    
    font-weight: 300;
    line-height: 1.2;
}
.we_link_link {
    font-size: 22px; 
    font-weight: bold;
    line-height: 1.1;
    padding: 0;
    border-bottom: none;
    -webkit-transition: color 0.5s;
    transition: color 0.5s;}
.we_link_link:hover {
    background-color: transparent;
    border-bottom: none;
}

/* layout */
.obrazovkaDizajn {
    background-color: var(--SVETLA3);
    border: solid 1px var(--SVETLA2);
    border-radius: 10px;
    padding: 80px 80px 76px;
    box-shadow: 0 10px 20px rgba(168, 176, 187, .3);
}
.sekcia {
    padding-bottom: 20px;
    padding-top: 20px;
}
.blok {
    position: relative;
    width: 100%;
    background-color: var(--SVETLASEDA2);
    padding: 36px 40px;
    margin: 0 0 40px 0;
}
.blok h3 {
    font-weight: bold;
    font-size: 25px;
    color: var(--TMAVA);
    margin: 0 0 16px 0;
}
.blok h3 > p {
    margin-top: 0;
}
.blok p {
    font-size: 16px;
    line-height: 1.3;
}
.blok p:last-child {
    margin-bottom: 0;
}
.blok.sOdkazom {
    background-color: var(--SVETLASEDA1);    
}
.blok.sOdkazom a:hover {
    background-color: transparent;    
    color: black;    
}
.vedlaSeba {
    display: flex;    
}
.loga.vedlaSeba.spaceEvenly {
   justify-content: space-evenly;
}
.samostane {
    text-align: center;
}
.samostane a {
    margin: 0 auto;
    max-width: 100%;
}
.stlpec {
  flex: 50%;    
}
.stlpec.vlavo {
    margin-right: 20px;
}
.stlpec.vpravo {
    margin-left: 20px;
}
.stlpce2 {
    column-count: 2;
}
.blokB {
    position: relative;
    width: 100%;
    background-color: white;
    padding: 0;
    margin: 0 0 40px 0;
    border: solid 2px var(--SVETLASEDA2);
}
.blokB h3 {
    font-weight: bold;
    font-size: 25px;
    background-color: var(--SVETLASEDA2);
    color: var(--TMAVA);
    padding: 36px 40px;
    margin: 0;
}
.blokB h3 a {
    font-weight: bold;
    font-size: 25px;
    background-color: transparent;
}
.blokB h3 a:hover {
    color: black;
}
.blokB a:hover {
    background-color: transparent;
}
.blokB a.odkaz_sipka:hover {
    background-color: var(--SVETLASEDA2);
}
.blokB .blokBperex p:first-child {
    margin-top: 0;
}
.blokB .blokBperex {
    margin: 0;
    padding: 36px 40px;
}
.blokB p {
    font-size: 16px;
    line-height: 1.3;
}
.blokB p:last-child {
    margin-bottom: 0;
}
.blok h3 a, .blokB h3 a {
    padding-left: 4px;
    padding-right: 4px;
}
.odkaz_sipka, .odkaz_sipka img {
    display: block;
    margin: 0;
    padding: 0;
    border: none;
}
.odkaz_sipka {
    position: absolute;
    width: 27px;
    height: 27px;
    bottom: 0px;
    right: 0px;
    z-index: 41;
    cursor: pointer;
}
.obal > a {
    padding: 0;
    margin: 0;
    background-color: transparent;
    display: block;
}
.obal > a:hover {
    background-color: transparent;
}
.obal > a > img, .obal > img {
    padding: 0;
    margin: 0;
    width: 100%;
    height: auto;
}
.txtCelaSirka h4 {
    font-size: 25px;
    font-weight: bold;
    color: var(--ISSEDA);
}
.txtCelaSirka p {
    font-size: 18px;
    line-height: 1.4;
}
.loga.vedlaSeba a, .loga.vedlaSeba a:hover {
    display: block;
    background-color: transparent; 
}
.loga.vedlaSeba {
    justify-content: space-between;
    align-items: center;
    column-gap: 20px;
    row-gap: 40px;
    margin-bottom: 40px;
}
.loga.vedlaSeba img {
    width: 221px;
}
.zoznam_clankov {
    margin-top: 100px;
}
.zoznam_clankov h5 {
  color: var(--ISZELENA);
}
.zoznam_clankov a {
  color: var(--TMAVA);
  font-weight: 600;
}
/* counterup */
.counter {
  animation-duration: 1s;
  animation-delay: 0s;
}
.counterup h3 {
  margin-top: 24px;
  margin-bottom: 2px;
}
h3 .counter {
  font-weight: bold;
  font-size: 50px;
  color: var(--TMAVA);
}
.counterup h4 {
  font-size: 17px;
  color: var(--TMAVA);
  margin-top: 0;
}
.counterup h4 span {
    font-size: 16px;
    font-weight: normal;
    letter-spacing: 0;
    color: var(--TMAVA);
    padding-top: 8px;
}
.counterup i {
  font-size: 50px !Important;
  color: var(--TMAVA);
}
.counterupSection .obal {
    width:280px;
    height: 280px;
    background: var(--SVETLA3);
    margin: 0;
    padding: 20px;
    border: solid 1px var(--SVETLA2);
    border-radius: 13px;
    box-sizing: border-box;   
}
.counterupSection.flexcontainer {
    gap: 28px;
}
.counterup img {
    width: 130px;
    height: auto;
    margin-top: 30px;
}
.counterupSection.samostatne {
    display: inline-block;
    margin: 0 20px 20px 0;
    float: left;
}


/* parallax */
.zaba {
    position: relative;
    top: 150px;
    -webkit-transition: top 0.8s;
    transition: top 0.8s;
}
.zaba.skoc {
    top: 0;
}

/* zoznam položiek */
.zoznam .obal {
    width: 48%;
    max-width: 100%;
}
.zoznam .obal > a {
    display: block;
    width: 100%;
    height: auto;
    font-size: 0;
    line-height: 0;
}
.obsah .zoznam ul li {
    font-size: 16px;
    line-height: 1.1;
    background: url('/img/square_green.png') no-repeat 0px 7px transparent;
    padding-left: 20px;
    margin-left: 10px;
    margin-bottom: 2px;
}

.ramik {
    width: 48%;
    max-width: 100%;
    padding: 26px 12px;
    background-color: var(--SVETLA3);
    border: solid 1px var(--SVETLA2);
    border-radius: 8px;
}
.ramik .uvodnyObr {
    width: calc(100% - 40px);
    height: 370px;
    border: solid 1px var(--SEDA2);
    border-radius: 8px;
    margin: 0 20px;
}
.ramik a {
    display: block;
    width: 100%;
}
.zoznamSluzieb.flexcontainer {
    gap: 22px 28px;
}
.ramik .priestorNadpis {
    width: 100%;
    min-height: 65px;
    margin-top: 25px;
}
.ramik .priestorNadpis h3, .ramik .priestorNadpis h3 a {
    margin: 0;
    padding: 0;
    font-size: 23px;
    font-weight: 600;
    text-align: center;
}
.verticalAligmentContent {
    display: flex;
    align-items: center;
    justify-content: center;
}

/* formulár */
#form.uk-form-stacked .uk-input {
    background-color: var(--SVETLA3);
    border: solid 1px var(--SVETLA2);
    border-radius: 10px;
    padding: 35px;
    box-shadow: 0 10px 20px rgba(168, 176, 187, .3);
    color: var(--TMAVA);
    margin-bottom: 16px;
    font-size: 20px;
}
.uk-legend {
    font-size: 19px;
    color: var(--SVETLASEDA1);
}
.uk-input::placeholder, .uk-textarea::placeholder {
    color: var(--SVETLASEDA1);
}
.uk-select, .uk-textarea {
    background-color: var(--SVETLA3);
    border: solid 1px var(--SVETLA2);
    border-radius: 10px;
    padding: 35px;
    box-shadow: 0 10px 20px rgba(168, 176, 187, .3);
    color: var(--TMAVA);
    margin-bottom: 16px;
    font-size: 20px;
}
.uk-select option {
    font-family: 'Barlow', 'RobotoCondensed', sans-serif;
    font-size: 19px;
    font-weight: normal;
    line-height: 160%;
    letter-spacing: 0.02em;
    color: var(--TMAVA); 
}
::selection {
  background: var(--SVETLASEDA1);
  color: var(--ISSEDA);
  text-shadow: none;
}
.uk-textarea {
    height: 250px;
}
.uk-input:focus, .uk-select:focus, .uk-textarea:focus {
  outline: 0;
  background-color: #fff;
  color: var(--ISSEDA);
  border-color: var(--ISZELENA);
}
.uk-select:not([multiple]):not([size]) {
  height: auto;
}
.uk-select {
    padding: 22px 35px;
}
.uk-textarea:focus {
    color: var(--TMAVA);     
}
.uk-button {
    font-size: 22px;
    letter-spacing: 0.08rem;
}
.uk-button-primary {
    background-color: var(--ISZELENA);
    border: 1px solid transparent;
    -webkit-transition: background-color .8s;
    transition: background-color .8s;
}
.uk-button-primary:focus, .uk-button-primary:hover {
    background-color: black;
}
.uk-button-primary.uk-active, .uk-button-primary:active {
    background-color: black;
}
.uk-button-primary:focus, .uk-button-primary:hover {
    background-color: var(--SHINE);
}
.uk-form-stacked .uk-form-label {
    font-size: 22px;
    font-weight: 600;  
    margin-bottom: 10px;
}
.uk-form-label span {
    color: var(--CERVENA);   
}
#form .HalfWidth {
    display: inline-block;
}
#form .HalfWidth.prvy {
    margin-right: 3.5%;
}


.onlyWideScreen {
    display: block;
}
.onlyNarrowScreen {
    display: none;
}
.ForDesktop {
    display: block;
}
.ForMobile {
    display: none;
}
.inlineBlock {
    display: inline-block;
}
#top {
    position: relative;
}


/* flex content */

/*.flexContainer {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}*/
.gridContainer {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 30px;
}
.gridItem {
    min-width: 200px;
    padding: 0px;
}
.gridItem img {
    max-width: 100%;
}


.pagination {
    margin: 60px auto 15px;
}
.strana {
    display: inline-block;
    background-color: var(--ZLTA);
    color: var(--TMAVA);
    font-size: 16px;
    font-weight: bold;
    padding: 4px 16px;
    margin: 0 6px;
    text-align: center;
}
.strana:hover {
    color: var(--CERVENA);
}
.strana.aktualna {
    background-color: var(--TMAVA);
    color: var(--ZLTA);
}

/* pracovné ponuky */
.JobsList li, .JobsList li a {
    font-size: 22px;
}
.Job {
    margin-top: 60px;
    /*border-top: solid 3px var(--SVETLASEDA1);*/
}
.Job h2 {
    margin-bottom: 60px;
}
.Job h2 i {
    color:var(--ISZELENA);
    margin-right:20px;
    vertical-align:3px;
}
.JobsList li i {
    color:var(--ISZELENA);
    margin-right:10px;
    vertical-align:2px;
}
.obsah ul.JobsList li {
    display: inline-block;
    background-image: none;
    padding-left: 0;
    margin: 0 30px 30px 0;
}
hr.JobDevider {
    margin-top: 60px;
    margin-bottom: 60px;
    height: 1px;
    background-color: var(--SVETLASEDA1);
    border-color: var(--SVETLASEDA1);
}
.Job a i.fa {
    color:var(--ISZELENA);
    margin-right:12px;
    vertical-align:2px;
}
.JobsList .PoziciaObrazovka {
    display: block;
    width: 280px;
    height: 280px;
    background-color: var(--SVETLA3);
    border: solid 1px var(--SVETLA2);
    border-radius: 10px;
    padding: 50px 20px 0 20px;
    box-shadow: 0 10px 20px rgba(168, 176, 187, .3); 
    font-size: 24px;
    font-weight: 600;
    color:var(--ISZELENA);
    text-align: center;
    box-sizing: border-box;
}
.JobsList .PoziciaObrazovka img {
    display: block;
    margin: 0 auto;
}
.JobsList .PoziciaObrazovka div {
    margin: 35px 0 0 0;
    text-align: center;
}
.JobHeadline img {
    vertical-align: baseline;
    margin-right: 25px;
    width: 76px;
    height: auto;
}


/* panorama */
.panorama {
    width: 100%;
    background-position: center;
    background-size: cover;
    position: relative;
    overflow: hidden;
}
.panorama, .panorama .container {
    height: 500px;
}
.poster {
    width: 100%;
}
.poster, .poster .container {
    height: auto;
}
.headlineContainer, .buttonContainer {
    padding: 50px 20px 40px;
    position: absolute;
}
.top {
    top:0;
}
.bottom {
    bottom:0;
}
.left {
    left:0;
}
.left * {
    text-align: left;
}
.right {
    right: 0;
}
.right * {
    text-align: right;
}

.uvodnyObr {
    width: 100%;
    height: 446px;
    background-position: center;
    background-size: cover;
    position: relative;
    overflow: hidden; 
    border-radius: 10px;
    margin-bottom: 60px;
}

.headlineContainer h2 {
    font-family: 'Barlow', 'RobotoCondensed', serif;
    font-weight: normal;
    font-size: 48px;
    color: white;
    margin-top: 0;
    margin-bottom: 4px;
}
.headlineContainer h4 {
    font-family: 'Barlow', 'RobotoCondensed';
    font-weight: bold;
    font-size: 25px;
    color: var(--ZLTA);
    margin-top: 0;
    margin-bottom: 0;
}

 
/* úprava sekcií pre WE */
section.sekcia {
    width: 100%;
    padding-left: calc((100% - 900px) / 2);
    padding-right: calc((100% - 900px) / 2);
}


/* úprava simplelightbox */
.sl-prev, .sl-next, .sl-close {
    font-family:'FontAwesome';
    color: var(--TMAVA);
}

#totop {
    display: block;
    position: fixed;
    bottom: 20px;
    right: 20px;
    width: 50px;
    height: 50px;
    background-image: url("/img/totop.png");
    background-position: center center;
    background-repeat: no-repeat;
    -webkit-transition: background-image 1s, opacity 1s;
    transition: background-image 1s, opacity 1s;
    opacity: 0;
}
#totop:hover {
    background-image: url("/img/totop_hover.png");
}
#totop.show {
    opacity: 1;
}



/* karty */
.WEcardWrap {
    clear: both;
/*    margin-top: 60px;*/
}
.uk-card-body h2:first-child, .uk-card-body h3:first-child, .uk-card-body h4:first-child, .uk-card-body h5:first-child {
    margin-top: 0;
}
a .uk-card-body p {
    font-weight: normal;
}
.uk-card-body h2 {
    font-size: 24px;
}
.uk-card-body h3 {
    font-size: 22px;
}
.uk-card-body h4 {
    font-size: 20px;
    font-style: normal;
}
.uk-card-body h5 {
    font-size: 18px;
}
.uk-card-body p, .uk-card-body p.vyrazny {
    font-size: 18px;
}
.tabPolozka table td {
    vertical-align: top;
}

.kartaObal {
    display: block;
    height: 340px;
    width: 330px;  
    margin: 20px 0 40px 0;
    float:left;
}
.kartaObrazok {
    display: block;
    width: 100%;
    height: 240px;
    text-align: center;
}
.kartaObrazok img {
    display: inline-block;
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: 240px;
    text-align: center;
}
.kartaText {
    display: block;
    width: 100%;
    height: 80px;
}
.kartaText, .kartaText p {
    text-align: center;
    font-size: 14px;
    line-height: 1.2;
}

/*zoznam */
.WEalst {
    clear: both;
    margin-top: 15px;
    margin-bottom: 30px;
}
.WEalst .odkaz {
    margin-bottom: 20px;
}
.WEartc {
    text-align: left;
    display: block;
}

/* footer */
footer {
    width: 100%;
    padding: 50px 0 30px;
    margin-top: 0;
    background-color: #F5F6FA;
    line-height: 140%;
    border-top: solid 1px var(--SVETLA2);
}
footer h6 {
    color: var(--ISZELENA);
    font-size: 18.5px;
    font-weight: 600;
}
footer, footer p {
    color: var(--TMAVA);
    font-size: 13px;
    font-weight: normal;
}
footer p {
    margin: 6px 0;
}
footer a {
    color: var(--TMAVA);
    font-size: 13px;
    font-weight: normal;
    text-decoration: none;
}
footer a:hover {
    color: var(--ISZELENA);
    text-decoration: none;
}
.flexcontainer {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
}
.col1, .col2, .col3, .col4 {
    margin-bottom: 40px;
}
.col1, .col2, .col3 {
    /*margin-right: 10px;*/
}
.col4 {
}
.copyright {
    color: var(--SEDA1);
    font-size: 13px;
    font-weight: 600;
    margin-top: 5px;
    text-align: center;
}
.copyright a {
    color: var(--SVETLASEDA1);
    font-size: 13px;
    font-weight: normal;
}
.copyright a:hover {
    color: var(--SVETLASEDA1);
}
.ikonaLogo {
    height: 23px;
    margin-right: 12px;
    display: inline-block;
    vertical-align: text-top;
}
footer a:hover .ikonaLogo {
    opacity: .6;
} 
.ikonaNewsletter {
    width: 60px;
    position: absolute;
    top: 0;
    right: 0;
    opacity: .4;
}
.ikonaNlSipka {
    width: 30px;
    height: 20px;
    position: absolute;
    top: 20px;
    right: 80px;
    opacity: .4;
    transition-duration: 1s;
    transition-property: transform;
}
.ikonaNlSipka.otocena {
    transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
}
.form_toggle {
    cursor: pointer;
}
.regNlFooter {
    padding-bottom: 2px;
    padding-top: 8px;
}
.hore {
    margin-top: 30px;
}
.hore a {
    border: none;
}
footer .hore a:hover {
    border: none;
}
footer a#navratHore img {
    opacity:0.4;
    -webkit-transition: opacity 0.5s; 
    transition: opacity 0.5s;
}
footer a#navratHore:hover img {
    opacity:1;
}


.WEmapa {
    padding-top: 40px;
    clear: both;
}
#map_canvas {
    border-radius: 9px;    
}

/* textové bloky */

.ScreenBlock {
    width:100%;
    background: var(--SVETLA3);
    margin: 0 0 16px 0;
    padding: 42px 40px;
    border: solid 1px var(--SVETLA2);
    border-radius: 10px;
    box-sizing: border-box;
    clear: both;
}
.HalfScreenLeft {
    width:calc(50% - 8px);
    background: var(--SVETLA3);
    margin: 0 0 16px 0;
    padding: 42px 40px;
    border: solid 1px var(--SVETLA2);
    border-radius: 10px;
    box-sizing: border-box;
    float: left;
    clear: both;
}
.HalfScreenRight {
    width:calc(50% - 8px);
    background: var(--SVETLA3);
    margin: 0 0 16px 0;
    padding: 42px 40px;
    border: solid 1px var(--SVETLA2);
    border-radius: 10px;
    box-sizing: border-box;
    float: right;
}
.ScreenBlock h3, .HalfScreenLeft h3, .HalfScreenRight h3, .ScreenBlock h4, .HalfScreenLeft h4, .HalfScreenRight h4, .ScreenBlock h5, .HalfScreenLeft h5, .HalfScreenRight h5 {
    color: var(--ISZELENA);
}
.ScreenBlock h3, .HalfScreenLeft h3, .HalfScreenRight h3 {
    font-size: 27px;
    font-weight: 600;
}
.ScreenBlock p:last-child, .HalfScreenLeft p:last-child, .HalfScreenRight p:last-child {
    margin-bottom: 0;
}
.ScreenBlock a, .HalfScreenLeft a, .HalfScreenRight a {
    font-weight: 600;
}
.ScreenBlock a i, .HalfScreenLeft a i, .HalfScreenRight a i {
    color: var(--ISZELENA);
}
.ScreenBlock a i:hover, .HalfScreenLeft a i:hover, .HalfScreenRight a i:hover {
    color: var(--TMAVA);
}
a[href^="tel:"] {
    color: var(--ISZELENA);
    font-weight: 600;
}
a[href^="tel:"]:hover {
    color: var(--TMAVA);
}


/* video */
.FullWidthVideoContainer {
    width: calc(100vw - 100px); 
    height: calc((100vw - 100px) * 0.4); 
    margin: 22px 52px 0 48px;    
    border-radius: 10px;
    overflow: hidden;
}
.FullWidthVideo, .FullWidthImg {
    height: 100%; 
    width: 100%;     
    object-fit: cover; 
    object-position: center center; 
}
#IntroVideo {
    opacity: 1;
}

/* Sipka Dole Home */
.SipkaDoleHome {
    width: 100%;
    height: 126px;
    text-align: center;
}
.SipkaDoleHome img {
    width: 27px;
    height: auto;
    margin-top: 50px;
    position: relative;
    top: 0;
    display: inline-block;
    -webkit-transition: top 0.5s;
    transition: top 0.5s;
}
.SipkaDoleHome img:hover {
    top: -10px;
}

/* claim */
.ClaimHome {
    width: 100%;
    height: 335px;
    background-image: url('/img/Group-63-m2.jpg');
    background-size: cover;
    background-position: center center;
    border-radius: 10px;
    padding: 0;
    overflow: hidden;
    position: relative;
    margin-bottom: 60px;
}
.ClaimHomeText {
    width: 100%;
    height: 100%;
    padding: 112px 16px 0 30vw;
    color: white;
    font-size: 30px;
    font-weight: bold;
    line-height: 1.4;
}
.FullWidthImageContainer {
    width: calc(100vw - 100px); 
    margin: 22px 52px 0 48px;    
    border-radius: 10px;
    overflow: hidden;    
}
.FullWidthImageContainer .ClaimHome {
    background-image: url('/img/Group-63.jpg');
    margin-bottom: 0;
    height: 730px;
}
.FullWidthImageContainer .ClaimHomeText {
    padding: 296px 30px 0 33vw;
    color: white;
    font-size: 50px;
}

/* ponuka a oddelenia na úvode */
.offer.flexcontainer {
    gap: 30px;
    margin-bottom: 115px;
}
.HalfWidth {
    width: 47%;
}
.ImgContainer {
    width: 100%;
    height: 442px;
    overflow: hidden;
    border-radius: 10px;
    position: relative;
    margin-bottom: 10px;
}
.ImgContainer h3 {
    position: absolute;
/*    top: 25px;*/
    bottom: 13px;
    left: 25px;
    margin-top: 0;
    font-size: 40px;
    font-weight: 600;
    letter-spacing: 0;
    color: white;
}
.ButtonPonuka {
    width: 100%;
    max-width: 100%;
    height: 70px;
    padding: 15px 10px;
    background-color: var(--SVETLA3);
    border: solid 1px var(--SVETLA2);
    border-radius: 8px; 
    margin-bottom: 10px;
    text-align: left;
    box-sizing: border-box;
}
.ButtonPonuka h6 {
    font-size: 17.5px;
    font-weight: 600;
    text-align: left;
    color: var(--TMAVA);
    margin: 0;
    letter-spacing: 0;
    line-height: 1.2;
}
.ButtonPonuka:hover h6 {
    color: var(--ISZELENA);
}
.IkonaContainer {
    text-align: center;
    width: 40px;
    height: 40px;
}
.IkonaContainer img {
    text-align: center;
    width: 100%;
    height: auto;
    max-width: 100%;
    max-height: 100%;
}
.TextContainer {
    width: calc(100% - 55px); 
    height: 40px;
    text-align: left;
    justify-content: left;
}
.offerVpravo .ButtonPonuka:hover h6 {
    color: #0065db;
}



/* piliere */
.Piliere {
    width: 100%;
    background-color: var(--SVETLA3);
    border-top: solid 1px var(--SVETLA2);
    border-bottom: solid 1px var(--SVETLA2);
    margin-bottom: 135px;
    padding-top: 52px;
    padding-bottom: 52px;
}
.PiliereObal {
    width: 100%;
    background: white;
    margin: 0;
    padding: 40px 28px 12px;
    border: solid 1px var(--SVETLA2);
    border-radius: 10px;
    box-sizing: border-box;
    position: relative;    
}
.Piliere h2 {
    margin-bottom: 37px;
}
.Pilier {
    width: 100%;
    max-width: 100%;
    height: auto;
    margin-bottom: 10px;
    text-align: left;
    box-sizing: border-box;
}
.Pilier.flexcontainer {
    gap: 2px;
}
.Pilier h3 {
    font-size: 19.5px;
    font-weight: 600;
    text-align: left;
    color: var(--ISZELENA);
    margin: 0 0 8px;
    letter-spacing: 0;
    line-height: 1.2;
    text-transform: uppercase;
}
.Pilier p {
    font-size: 16px;
    font-weight: normal;
    margin: 0;
    letter-spacing: 0;
    line-height: 1.2;
}
.Pilier .IkonaContainer {
    text-align: center;
    width: 40px;
    height: 40px;
    margin-top: 6px;
}
.Pilier .IkonaContainer img {
    text-align: center;
    width: 100%;
    height: auto;
    max-width: 100%;
    max-height: 100%;
}
.Pilier .TextContainer {
    width: calc(100% - 44px); 
    height: auto;
    text-align: left;
    justify-content: left;
}


/* výhody */
.Vyhody {
    width: 100%;
    background-color: var(--SVETLA3);
    border-top: solid 1px var(--SVETLA2);
    border-bottom: solid 1px var(--SVETLA2);
    margin-bottom: 135px;
    padding-top: 52px;
    padding-bottom: 52px;
}
.VyhodyObal {
    width: 100%;
    background: white;
    margin: 0;
    padding: 40px 30px 12px;
    border: solid 1px var(--SVETLA2);
    border-radius: 10px;
    box-sizing: border-box;
    position: relative;    
}
.Vyhody h2 {
    margin-bottom: 45px;
}
.Vyhoda {
    width: 100%;
    max-width: 100%;
    height: auto;
    text-align: left;
    box-sizing: border-box;
    margin-bottom: 46px;
}
.Vyhoda:last-child {
    margin-bottom: 34px;    
}
.Vyhoda.flexcontainer {
    gap: 2px;
}
.Vyhoda h3 {
    font-size: 27px;
    font-weight: 600;
    text-align: left;
    color: var(--ISZELENA);
    margin: 4px 0 0 ;
    letter-spacing: 0.03em;
    line-height: 1.2;
    text-transform: none;
}
.Vyhoda p {
    font-size: 16px;
    font-weight: normal;
    margin: 0;
    letter-spacing: 0;
    line-height: 1.2;
}
.Vyhoda .IkonaContainer {
    text-align: center;
    width: 16px;
    height: 27px;
    margin-top: 6px;
    margin-left: 3px;
}
.Vyhoda .IkonaContainer img {
    text-align: center;
    width: 100%;
    height: auto;
    max-width: 100%;
    max-height: 100%;
}
.Vyhoda .TextContainer {
    width: calc(100% - 44px); 
    height: auto;
    text-align: left;
    justify-content: left;
}



/* slider */
.slide_nadpis, .slide_popis, .slide_odkaz, .slide_bg, .slide_sipka {
    position: absolute;
    margin: 0;
    padding: 0;
}
.slide_bg {
    width: 500px;
    max-width: calc(100vw - 70px);
    height: 120px;
    top: 255px;
    left: 35px;
    background-color: var(--ISSEDA);
    opacity: 0.9;
    z-index: 51;
}
.slide_nadpis, .slide_popis {
    width: 450px;
    left: 50px;
    font-weight: 300;
    line-height: 1.3;
}
.slide_nadpis {
    top: 265px;
    color: var(--SVETLASEDA1);
    font-size: 37px;
    z-index: 54;
}
.slide_popis {
    top: 315px;
    color: white;
    font-size: 16px;
    z-index: 53;
}
.slide_sipka, .slide_sipka img {
    display: block;
    margin: 0;
    padding: 0;
    border: none;
}
.slide_sipka {
    width: 27px;
    height: 27px;
    top: 348px;
    left: 508px;
    z-index: 52;
    cursor: pointer;
}
.uk-slidenav svg polyline {
/*    color: var(--ISZELENA);*/
}


/* ponuka */
.columns2 {
    column-count: 2;
    column-gap: 40px;
}
.ponuka {
    position: relative;
    width: calc(100% - 40px);
    margin: 0 0 0 40px;
    padding: 48px 20px 20px 80px;
    border: solid 2px var(--ISZELENA);
}
.ponukaClona {
    position: absolute;
    width: 20px;
    height: 134px;
    top: 20px;
    left: -10px;
    background-color: white;
    z-index: 21;
}
.ponukaRieseniaIkona {
    position: absolute;
    top: 40px;
    left: -33px;
    z-index: 22;
}
.ponuka ul {
    padding: 0;
    margin: 0;
    list-style: none;
}
.ponuka ul li {
    padding: 0;
    margin: 0;
}
.ponukaSluzbyIkona {
    position: absolute;
    top: 47px;
    left: -40px;
    z-index: 23;
}
.ponuka > a, .ponuka > ul > li > a {
    display: block;
    width:100%;
    margin: 0 0 4px 0;
    padding: 0;
    /*border-bottom: solid 2px transparent;*/
    line-height: 1.4;
    font-size: 17px;
    font-weight: normal;
    color: var(--ISZELENA);
    background-color: transparent;    
    -webkit-transition: color 0.8s;
    transition: color 0.8s;
}
.ponuka > a:hover, .ponuka > ul > li > a:hover {
    font-weight: normal;
    color: var(--SHINE);
    background-color: transparent;    
    /*border-bottom: solid 2px var(--ISZELENA);*/
}
.ponuka h2 {
    margin: 0 0 28px 0;
    padding: 0;
}
.ponuka h2 a {
    margin: 0;
    padding: 0;
    font-size: 34px;
    font-weight: normal;
    color: var(--ISSEDA);
    background-color: transparent;    
}
.ponuka h2 a:hover {
    font-weight: normal;
    color: var(--SHINE);
    background-color: transparent;    
}




/* galeria */
.galeriaClanok {
    clear: both;
    width: 100%;
}
.galeriaClanok a {
    overflow: hidden;
    display: inline-block;
    box-sizing: border-box;
    width: 23%;
    width: calc(25% - 10px);
    height: 23%;
    height: calc(25% - 10px);
    float: left;
    margin: 5px;
    padding: 0;
}
article .albumy a {
  padding-left: 0;
  padding-right: 0;
}
.albumy .uk-card {
    overflow: hidden;
    
}
.uk-lightbox-toolbar.uk-position-top.uk-text-right.uk-transition-slide-top.uk-transition-opaque {
    width: 50px;
    top:0;
    right: 0;
    left: auto;
}
.galeria .perex {
    font-weight: 300;
}
.albumy {
    margin-bottom: 30px;
}
.galeriaNahlady.uk-grid > * {
  padding-left: 20px;
}


@media only screen and  (min-width: 1600px) {
    .uvodneLogaLink img.IndustryLogo, .uvodneLogaLink img.IndustryLogo, .uvodneLogaLink img.IndustryLogo  {
        width: 500px;
        margin: 0 26px;
    }
    .uvodneLogaLink img.SolutionsLogo, .uvodneLogaLink img.SolutionsLogo, .uvodneLogaLink img.SolutionsLogo  {
        width: 500px;
        margin: 0 26px;
    }
    .uvodneLogaLink:active img.IndustryLogo, .uvodneLogaLink:hover img.IndustryLogo, .uvodneLogaLink:focus img.IndustryLogo  {
        width: 560px;
    }
    .uvodneLogaLink:active img.SolutionsLogo, .uvodneLogaLink:hover img.SolutionsLogo, .uvodneLogaLink:focus img.SolutionsLogo  {
        width: 560px;
    }
    .razcestnik h2 {
        font-size: 22px;
    }
    .razcestnik .stlpec.vlavo h2 {
      margin-bottom: 0;
    }
    .uvodneLogaLink.obrazovkaDizajn {
        width: auto;
        padding: 55px 45px 45px;
        box-sizing: border-box;
    }
    .razcestnik h2 span.SloganPredel {
        display: inline-block;
    }
    .razcestnik h2 span.SloganText {
        display: inline-block;
    }

}



@media only screen and  (max-width: 1550px) {
    html[lang="ru"] .topMenu > ul > li {
      padding-right: 25px;
    }  

}


@media only screen and  (max-width: 1440px) {
    .topMenu > ul > li {
      padding-right: 25px;
    }  

}

@media only screen and  (max-width: 1300px) {
    .FullWidthImageContainer .ClaimHomeText {
        padding: 296px 30px 0 28vw;
        color: white;
        font-size: 50px;
    }

}



@media only screen and  (max-width: 1350px) {   /* mobile ru */
    html[lang="ru"] .onlyWideScreen {
        display: none;
    }
    html[lang="ru"] .onlyNarrowScreen {
        display: block;
    }
    html[lang="ru"] .mobileMenuScreen {
        display: block;
    }
    html[lang="ru"] .topMenu {
      display: none;
    }
    html[lang="ru"] #stick {
      display: none;      
    }  
}


@media only screen and  (max-width: 1230px) {   /* mobile */
    .onlyWideScreen {
        display: none;
    }
    .onlyNarrowScreen {
        display: block;
    }
    .mobileMenuScreen {
        display: block;
    }
    .home header {
        margin-bottom: 57px;
    }
    header {
        height: 155px;
        border-bottom: solid 1px var(--SVETLA2);
    }
    .logo {
        left: 50px;
        top: 50px;
    }
    .logo img {
        width: 264px;
    }
    .topMenu {
      display: none;
    }
    #stick {
      /*height: 41px;*/  
      display: none;      
    }  
    .uvodneLogaLink.obrazovkaDizajn {
        padding: 40px 40px 34px;
        width: auto;
        box-sizing: border-box;
    }
    .razcestnik h2 span.SloganText {
        display: block;
    }
    .logoIntelligent {
        left: 357px;
        top: 82px;    
    }
    .logoIntelligent img {
        width: 148px;
    }

}


@media only screen and  (min-width: 1200px) {
    .galeriaNahlady.uk-grid {
      margin-left: -20px;
    }    
}


@media only screen and  (max-width: 1000px) {
    .obrazovkaDizajn {
        padding: 40px 40px 36px;
    }
}

@media only screen and  (max-width: 990px) {
    .logo {
        left: 47px;
    } 
    .slogan {
        left: 22px;
    }
    .container {
        width: 100%;
        padding: 0 50px;
        box-sizing: border-box;
    }
    .FullWidthVideoContainer {
        width: calc(100vw - 100px);
        height: calc((100vw - 100px) * 0.4);
        margin: 22px 50px 0;
    }
}

@media only screen and ( max-width: 940px ) /* 900 */
{
    .wrapper {
        width: 100%;
    }
    .panorama, .panorama .container {
      height: 420px;
    }    
    .WEurl, .WEartc {
        width: 90%;
        width: calc(100% - 20px);
        padding: 17px 20px 30px 30px;
        box-sizing: border-box;
        margin-left: 20px;
    }
    .onlyWideScreen {
        display: none;
    }
    .onlyNarrowScreen {
        display: block;
    }
    header {
        padding-left: 20px;
        padding-right: 20px;
    }
    .headlineContainer, .buttonContainer {
      padding-left: 20px;
      padding-right: 20px;
    } 
    body, p, .odberNoviniek p, .odberNoviniek li {
      font-size: 19px;
    } 
    .mobileMenuScreen {
      font-size: 17px;
    }
    .clipWrapper h2, h2.clipWrapper {
      font-size: 26px;
    }    
    footer a {
      /*font-size: 17px;*/
    }    
    .gridItem {
        min-width: 25%;
    }
    .CD div {
        font-size: 16px;
    }
    section.sekcia, .WEimgAlone, .WEimgAlone.WEimgRight, .WEimgAlone.WEimgLeft {
        width: 100%;
        padding-left: 20px;
        padding-right: 20px;
    }
    .WEimgLeft {
        padding-left: 20px;
    }
   .WEimgRight {
        padding-right: 20px;
    }
    #stick .logo {
      left: 18px;
      top: 5px;
    }
    #stick .topMenu {
      right: 20px;
    }
    .gridContainer {
      gap: 20px;
    }   
    .counterupSection.flexcontainer {
        justify-content: space-around;
    }
    .technologieText {
      width: calc(100% - 56px);
      margin: 34px 28px 34px ;
      float: none;
    }    
    .technologieObrazky {
      width: calc(100% - 56px);
      float: none;
      display: flex;
      margin-left: 28px;
    }    
    .technologieObrazky img {
        width: 24%;    
    }
    .razcestnik .totalCenter {
        height: 50vh;
        width: 100vw;
    }
    .horizontalContainer.vpravo {
        border: none;
        /*border-top: solid 2px #dce3ed;*/
    }
    .razcestnik .vedlaSeba {
        display: block;
    }
    .razcestnik .stlpec.vlavo {
        width: 100%;
        padding-top: 5%;
        padding-left: 0;
    }
    .razcestnik .stlpec.vpravo {
        width: 100%;
        padding-bottom: 5%;
        padding-right: 0;
    }
    .razcestnik h2 {
        margin-top: 14px;
    }
    .uvodneLogaLink.obrazovkaDizajn {
        padding: 40px 40px 20px;
    }
}


@media only screen and ( max-width: 870px ) 
{
    #form .HalfWidth.prvy {
      margin-right: 2%;
    }
}


@media only screen and ( max-width: 860px ) 
{
    .panorama, .panorama .container {
      height: 360px;
    }    
    .mainMenu li {
      /*margin-left: 10px;*/
    }
    .mainMenu li a {
      font-size: 18px;
    }
    .topMenu li.ln {
        padding-right: 0;
    }
    .formular input, .formular textarea {
      font-size: 19px;
      padding: 4px 8px;
    }  
    footer h6 {
        font-size: 18px;
    }
    .blok .headlineContainer, .buttonContainer {
      padding-left: 10px;
      padding-right: 10px;
    }    
    h1 {
      /*font-size: 48px;*/
    }
    h2 {
      /*font-size: 42px;*/
    }
    section h2 {
      font-size: 36px;
    }    
    section.cervena h2 {
      font-size: 38px;
    }    
    h3 {
      font-size: 34px;
    }
    h4 {
        font-size: 28px;
    }
    .vytvarnaTvorba.gridContainer {
      gap: 15px;
    }
    .vytvarnaTvorba .gridItem {
      margin-bottom: 15px;
    } 
    .gridContainer {
      gap: 15px;
    }    
    .col1, .col2, .col3, .col4 {
        width: 50%;
    }
    h5.odvetvie {
        font-size: 20px;
    }
    h6.technologia, h6.technologiaVlavo {
        font-size: 20px;
    }
    h5.odvetvie::before {
        right: -16%;
    }
    h6.proces {
        font-size: 20px;
    }
    .mnozinyNadpis h3 {
        font-size: 26px;
    }
}

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

@media only screen and ( max-width: 780px ) 
{
    .offer.flexcontainer {
      gap: 20px;
      margin-bottom: 90px;
    }
    .HalfWidth {
      width: calc(50% - 10px);
    }
    .ImgContainer h3 {
      font-size: 36px;
    }
    .ramik {
        width: 100%;
    }
}

@media only screen and ( max-width: 730px ) 
{
    .technologieObrazky img {
        width: 49%;
    }
}


@media only screen and ( max-width: 710px ) 
{
    .meno {
      top: 72px;
      font-size: 46px;
    }
    .mainMenu {
        top: 78px;
    }  
    .mainMenu li {
      margin-left: 0;
    }
    .mainMenu li a {
      font-size: 15px;
    }
    .mainMenu ul {
       padding-left: 2px;
    }
    .mainMenu li section span {
        padding-right: 15px;
    }
    .topMenu {
       top: 24px;
    }
    .logo {
/*      width: 150px;
      top: 12px;*/
    }          
    .slogan {
/*        top: 48px;
        font-size: 11px;
        color: var(--SVETLASEDA1);*/
    }
    .headlineContainer h2 {
      font-size: 40px;
    }
    .headlineContainer h4 {
      font-size: 22px;
    }
    .panorama, .panorama .container {
      height: 320px;
    }    
    .headlineContainer, .buttonContainer {
      padding: 20px 20px 20px;
    }
    .gridContainer {
      grid-template-columns: 1fr 1fr;
      gap: 30px;
    }
    .blok.gridContainer {
      grid-template-columns: 1fr;
    }    
    .gridItem > img {
      margin: 0 auto;
    }    
    .gridItem.CD a div {
        margin: 8px 0 0;
    }
    .blok .gridItem.tr {
      text-align: center;
    }    
    .blok .buttonContainer {
      position: relative;
    }    
    .link, section.eshopUkazky a.link {
      font-size: 18px;
    }
    .blok .gridContainer, .blok.gridContainer {
      gap: 10px;
    }    
    body, p, .formular label {
      font-size: 18px;
    } 
    .clipWrapper h2, h2.clipWrapper {
      font-size: 24px;
    } 
    .polovicnaSirka, h2.clipWrapper.polovicnaSirka {
        width: 100%;
    }
    button, .button {
      font-size: 19px;
      /*padding: 8px 12px;*/
    }
    .sekcia {
        padding-bottom: 20px;
    }    
    .blok {
        margin-bottom: 30px;
    } 
    .formular input, .formular textarea {
      font-size: 18px;
      padding: 6px 10px;
    }  
    footer {
        padding-bottom: 42px;
    }
    footer h6 {
        font-size: 18px;
    }
    footer p, footer a {
      font-size: 15px;
    }
    .blok .gridItem {
      min-width: auto;
    }
    .col1, .col2, .col3, .col4 {
      /*margin-right: 5px;*/
        /*width: 50%;*/
        width: calc(50% - 10px);
    }    
    #stick {
      /*height: 42px;*/
    }
    .galeriaClanok a {
        width: 30%;
        width: calc(33% - 10px);
        height: 30%;
        height: calc(33% - 10px);
    }
    .WEurl, .WEartc {
        padding-top: 19px; 
    }
    .slide_bg {
        top: calc(((100vw / 16) * 9) - 145px);
    }
    .slide_nadpis {
        top: calc(((100vw / 16) * 9) - 135px);
    }
    .slide_popis {
        top: calc(((100vw / 16) * 9) - 85px);
    }
    .slide_sipka {
        top: calc(((100vw / 16) * 9) - 52px);
    }
    .uk-slidenav {
        display: none;
    }
    .uvodneLogaLink img.IndustryLogo, .uvodneLogaLink img.IndustryLogo, .uvodneLogaLink img.IndustryLogo  {
        width: 230px;
    }
    .uvodneLogaLink img.SolutionsLogo, .uvodneLogaLink img.SolutionsLogo, .uvodneLogaLink img.SolutionsLogo  {
        width: 230px;
    }
    .uvodneLogaLink:active img.IndustryLogo, .uvodneLogaLink:hover img.IndustryLogo, .uvodneLogaLink:focus img.IndustryLogo  {
        width: 250px;
    }
    .uvodneLogaLink:active img.SolutionsLogo, .uvodneLogaLink:hover img.SolutionsLogo, .uvodneLogaLink:focus img.SolutionsLogo  {
        width: 250px;
    }
    .razcestnik .stlpec.vlavo h2 {
        margin-bottom: 16.5px;
    }
    .bgBlur .vedlaSeba {
        display: flex;
    } 
    .deliacaCiara {
        height: 100px;
    }

    .ponukaObal.vedlaSeba {
      display: block;
    }
    .ponukaObal .stlpec.vlavo {
      margin-right: 0;
      margin-bottom: 30px;
    }
    .ponukaObal .stlpec.vpravo {
      margin-left: 0;
    }
    .vedlaSeba, .loga.vedlaSeba {
        display: block;
        position: relative;
    } 
    .loga.vedlaSeba {
        margin-bottom: 0;
    }
    .loga.vedlaSeba a, .loga.vedlaSeba a:hover {
        display: inline-block;
        width: 36%;
        width: calc(50% - 44px);
        box-sizing: border-box;
        margin: 20px;
        text-align: center;
    }
    .stlpec.vlavo, .stlpec.vpravo, txtCelaSirka {
        margin-left: 0;
        margin-right: 0;
    }
    .zoznam.flexcontainer {
        display: block;
    }
    .zoznam .obal {
        width: 100%;
    }
    .kartaObal {
        height: 320px;
        width: 300px;  
        margin: 16px 0 24px 0;
    }
    .kartaObrazok {
        width: 100%;
        height: 220px;
        text-align: center;
    }
    .kartaObrazok img {
        height: 220px;
    }
    .WEimgRight, .WEimgLeft {
        max-width: 50%;
    }
    .perex, .perex p {
        font-size: 18px;
        text-align: left;
    }
    p {
        font-size: 18px;
        text-align: left;
    }
    h5.odvetvie {
        font-size: 18px;
        border-radius: 40px;
        width: 38%;
    }
    h6.technologia, h6.technologiaVlavo {
        font-size: 18px;
        border-radius: 40px;
        width: 38%;
    }
    h5.odvetvie::before {
        right: -21%;
        background-size: 30px auto;
    }
    h6.proces {
        font-size: 18px;
        border-radius: 40px;        
    }
    .mnozinyNadpis h3 {
        font-size: 24px;
    }
    .link-vyrazny a {
        margin-left: 10px;
    }    
    .razcestnik h2 {
        font-size: 15px;
        margin-top: 14px;
        margin-bottom: 0;
    }
    .razcestnik h3 {
        font-size: 12px;
        margin-top: 12px;
        margin-bottom: 0;
    }
    .razcestnik h2 {
        margin-top: 14px;
    }
    .mobileMenu > ul > li > ul > li {
        margin-top: 24px;
        margin-bottom: 4px;
    }
    .mobileMenu ul > li > ul {
        margin-bottom: 24px; 
    }
    .mobileMenu > ul > li > a {
        font-size: 26px;
    }
    .mobileMenu ul li ul li a {
        font-size: 22px;
    }
    
    
    
}


@media only screen and ( max-width: 650px ) 
{
    .logoIntelligent {
        display: none;   
    }
}


@media only screen and ( max-width: 630px ) 
{
    .logo {
      /*width: 150px;*/
    }
    .headlineContainer h2 {
      font-size: 36px;
    }
    .headlineContainer h4 {
      font-size: 20px;
    }   
    .ClaimHomeText {
        padding: 80px 10px 0 28vw;
    }
    .panorama, .panorama .container {
      height: 240px;
    }    
    .koncertDatum {
        font-size: 16px;
    }
    .koncert .ikona {
      width: 30px;
      margin-right: 10px;
      margin-top: 5px;
    }
    .koncertMiesto {
        font-size: 20px;
    }    
    .koncertInfo {
        font-size: 16px;
    }
    .koncerty button, .koncerty .button {
      font-size: 16px;
      padding: 6px 10px;
    }    
    .koncertAkcia div {
        font-size: 16px;
    }   
    #stick .mainMenu li {
      margin: 0 8px;
    }
    #stick .topMenu li {
        padding-right: 0;
    }
    .stlpce2 {
        column-count: 1;
    }
    
}


@media only screen and ( max-width: 600px ) 
{
    .ClaimHomeText {
        padding: 80px 10px 0 20vw;
        font-size: 26px;
    }

    .txtFloatLeft, .txtFloatRight {
        float: none;
        width: calc(100% - 80px);
        margin-left: auto;
        margin-right: auto;
    }

    .imgLeft, .imgRight {
        float: none;
        width: 100%;
        margin-left: auto;
        margin-right: auto;
    } 
    p {
        font-size: 17px;
    }
    h1 {
      /*font-size: 42px;*/
    }
    h2 {
      /*font-size: 36px;*/
    }
    h3 {
      font-size: 30px;
    }
    h4 {
      font-size: 26px;
    }
    h5 {
      font-size: 22px;
    }
    section h2 {
      font-size: 33px;
    }
    .panorama, .panorama .container {
      height: 200px;
    }    
    .offer.flexcontainer {
      gap: 0;
      margin-bottom: 0;
    }
    .HalfWidth {
      width: 100%;
      margin-bottom: 50px;
    }
    .Vyhoda {
        margin-bottom: 36px;
    }
    .Vyhoda:last-child {
        margin-bottom: 24px;    
    }
    .Vyhoda h3 {
        font-size: 24px;
        font-weight: 600;
    }
    .Vyhody h2 {
        font-size: 36px;
    }
}


@media only screen and ( max-width: 590px ) 
{
    header .mainMenu {
        top: 73px;
    }
    .mainMenu li {
      height: 22px;
    }
    .mainMenu li section {
        height: 74px;
        font-size: 15px;
        line-height: 1;
    }
    .mainMenu li section span {
        padding-top: 3px;
    }
    .subMenuContainer {
      top: 22px;
      width: 435px;
    }
    .mainMenu .subMenu .supItem {
        font-size: 17px;
    }
    .mainMenu .subMenu {
        background-size: 56px auto;
        padding-right: 80px;
        padding-bottom: 10px;
    }
    .mainMenu .subMenu li {
        margin-right: 10px;
        margin-bottom: 2px;
        line-height: 1;
    }
    .mainMenu .subMenu li a {
        font-size: 14px;
    }
    .mainMenu .subMenu li {
        margin-right: 10px;
    }
    .topMenu li a {
        font-size: 14px;
        padding-top: 7px;
    }
    #stick {
      opacity: 1;
    }
    .meno {
      top: 64px;
    }    
    .logo {
      /*width: 140px;*/
    }    
    .gridContainer {
      gap: 20px;
    }    
    .topMenu li {
        padding-right: 8px;
    }    

}

@media only screen and ( max-width: 570px ) 
{
    .slide_sipka {
        left: auto;
        right: calc(35px - 100vw);
    }
    .slide_nadpis {
        font-size: 30px;
    }
    .slide_popis {
        font-size: 14px;
        width: calc(100vw  - 123px);
    }
}

@media only screen and ( max-width: 540px ) 
{
    header {
      /*height: 67px;*/
    }
    header .mainMenu {
      display: none;
    }
    .topMenu ul li {
      display: none;
    }
    .topMenu ul li.searchIcon, .topMenu ul li.ln {
      display: block;
    }
    .logo {
      /*width: 120px;*/
    }  
    .slogan {
/*        top: 38px;
        font-size: 10px;
        color: var(--SVETLASEDA1);*/
    }
    .mainMenu li a {
      font-size: 14px;
    }
    #stick .mainMenu li {
      margin: 0 4px;
    }    
    #stick {
      /*height: 41px;*/  
      display: none;      
    }    
    #stick .mainMenu {
      margin: 0px auto;
    }  
    .gridContainer {
      gap: 15px;
    } 
    .galeriaClanok a {
        width: 47%;
        width: calc(50% - 10px);
        height: 47%;
        height: calc(50% - 10px);
    }
    .panorama, .panorama .container {
      height: 160px;
    }   
    .topMenu li {
        padding-right: 2px;
    } 
    .topMenu li a {
        font-size: 13px;
        height: 23px;
    }
    .topMenu li.searchIcon div {
        height: 24px;
        padding: 2px 2px 3px;    
    }
    .topMenu li.ln a, .topMenu li.ln section {
      height: 24px;
      width: 26px;
      padding: 3px 0 0 1px;
      font-size: 14px;
    }
    .ineJazykyContainer {
      width: 26px;
      height: 105px;
      top: 24px;
    }
    .mobileMenuScreen {
        display: block;
    }
    h5.odvetvie {
        font-size: 16px;
        border-radius: 30px;
        width: 45%;
        box-sizing: border-box;
    }
    h6.technologia, h6.technologiaVlavo {
        font-size: 16px;
        border-radius: 30px;
        width: 45%;
        box-sizing: border-box;
    }
    h5.odvetvie::before {
        right: -23%;
        background-size: 30px auto;
    }
    h6.proces {
        font-size: 16px;
        border-radius: 30px;        
        box-sizing: border-box;
    }
    .mnozinyNadpis h3 {
        font-size: 22px;
    }
    .mobileMenu > ul > li > ul > li {
        margin-top: 22px;
        margin-bottom: 4px;
    }
    .mobileMenu ul > li > ul {
        margin-bottom: 22px; 
    }
    .mobileMenu > ul > li > a {
        font-size: 20px;
    }
    .mobileMenu ul li ul li a {
        font-size: 18px;
    }


}


@media only screen and ( max-width: 520px ) 
{
    .technologieObrazky img {
        width: 100%;
    }
}


@media only screen and ( max-width: 500px ) 
{
    header {
        height: 140px;
    }
    .logo img {
        width: 210px;
    }    
    .logo {
        left: 17px;
    } 
    .container {
        padding: 0 20px;
    }

    .obsah ul.historia li {
        width:90%;
        width:calc(100% - 20px);
    }
    .obsah ul.historia li::before {
        content: '';
        display: block;
        width: 19px;
        height: 19px;
        background-color: var(--SVETLASEDA1);
        margin: 0;
        box-sizing: border-box;
        position: absolute;
        left: -11px;
        top: 25px;
        border: solid 3px var(--TMAVA);
        border-radius: 5px;
        -webkit-transition: background-color 0.5s;
        transition: background-color 0.5s;
    }
    .obsah ul.historia li:nth-child(2n) {
        text-align: left;
        margin-left: 20px;
    }
    .obsah ul.historia li:nth-child(2n+1) {
        left: -11px;
        right: auto;
    }
    .obsah ul.historia li:nth-child(2n+1) {
        text-align: left;
        border-right: none;
        border-left: solid 3px var(--TMAVA);
        padding-right: 0;
        padding-left: 20px;
        margin-left: 20px;
    }    
    .perex, .perex p {
        font-size: 16px;
    }
    h5.odvetvie {
        font-size: 16px;
        border-radius: 30px;
        width: 100%;
        box-sizing: border-box;
    }
    h6.technologia, h6.technologiaVlavo {
        font-size: 16px;
        border-radius: 30px;
        width: 100%;
        box-sizing: border-box;
    }
    h5.odvetvie::before {
        right: 50%;
        top: auto;
        bottom: -56px;
        transform: rotate(90deg);
        background-size: 30px auto;
    }
    h6.proces {
        font-size: 16px;
        border-radius: 30px;        
        box-sizing: border-box;
    }
    .mnozinyNadpis h3 {
        font-size: 20px;
    }   
    .FullWidthVideoContainer {
        width: calc(100vw - 40px);
        height: calc((100vw - 40px) * 0.4);
        margin: 22px 20px 0;
    }
    
}

@media only screen and ( max-width: 460px ) 
{
    #stick {
      /*height: 47px;*/
    }
    .mainMenu {
        display: none;
    }
    .ikonyMenu.flexcontainer {
        width: 100%;
        margin-top: 6px;
    }
    #stick .ikonyMenu.flexcontainer, #stick.vidno .ikonyMenu.flexcontainer, .ikonyMenu.flexcontainer {
        display: flex;
    }
    .ikonyMenu a {
        display: block;
        height: 30px;
        width: auto;
    }
    .col1, .col2, .col3, .col4 {
        width: 100%;
    }
    .slide_nadpis {
        font-size: 28px;
    }
    .slide_popis {
        font-size: 13px;
    }
    .ramik .priestorNadpis h3, .ramik .priestorNadpis h3 a {
        font-size: 20px;
    }

}

@media only screen and ( max-width: 420px ) 
{   
    .meno {
      position: relative;
      text-align: center;
      top: 56px;
    }
    .socialMenu {
      position: relative;
      top: -10px;
      right: 0;
      text-align: center;
    }
    header .container {
      padding: 0;
    }
    .socialMenu li {
      margin-left: 10px;
      margin-right: 10px;
    }
    .headlineContainer h2 {
      font-size: 26px;
    }
    .headlineContainer h4 {
      font-size: 16px;
    }
    .socialMenu li a {
      opacity: 0.8;
    }
    .gridContainer {
      grid-template-columns: 1fr;
      gap: 10px;
    }
    .gridItem.CD a div {
        margin: 12px 0 20px;
    }
    .galeriaClanok a {
        width: 100%;
        height: 100%;
        margin: 10px 0;
    }
    .slide_nadpis {
        font-size: 25px;
    }
    .slide_popis {
        font-size: 12px;
    }
    
    .loga.vedlaSeba a, .loga.vedlaSeba a:hover {
        display: block;
        width: 100%;
        margin: 40px 0;
        text-align: center;
    }
    .WEimgRight, .WEimgLeft {
        max-width: 100%;
        width: 100%;
        height: auto;
        float: none;
        margin: 20px 0;
        padding: 0; 
    }
    .galeriaClanok a img {
        width: 100%;
        height: auto;
    }
    
    .bgBlur .vedlaSeba {
        display: flex;
        flex-direction: column;
        height: 100vh;
    } 
    .deliacaCiara {
        height: 2px;
        width: 200px;
    }
    .totalCenter {
        height: 10vh;
    }
/*    .razcestnik h2 {
        color: var(--TMAVA);
        font-size: 18px;
        margin-top: 8px;
        margin-bottom: 12px;
        text-shadow: white 0 0 5px;
    }
    .razcestnik h3 {
        color: var(--TMAVA);
        font-size: 12px;
        margin-top: 6px;
        margin-bottom: 0;
        text-shadow: white 0 0 3px;
    }*/
    .Vyhoda {
        margin-bottom: 20px;
    }
    .Vyhoda:last-child {
        margin-bottom: 10px;    
    }
    .Vyhoda h3 {
        font-size: 20px;
        font-weight: 600;
    }
    .Vyhody h2 {
        font-size: 30px;
    }
}


@media only screen and ( max-width: 360px ) 
{   
    header {
        height: 130px;
    }
    .logo img {
        width: 180px;
    } 
    .bars img {
        width: 46px;
    }
    .uvodneLogaLink.obrazovkaDizajn {
        padding: 20px 20px 14px;
        width: auto;
        box-sizing: border-box;
    }
    .razcestnik h2 {
        margin-top: 0;
        font-size: 12px;
    }
    .razcestnik .stlpec.vlavo h2 {
        margin-bottom: 0;
    }
    
}


@media only screen and (orientation: portrait), ( max-width: 719px ) {
    .ForDesktop {
        display: none;
    }
    .ForMobile {
        display: block;
    }
}