/* MARGIN */

.mar0 { margin: 0px !important; }
.mar5 { margin: 6px !important; }
.mar10 { margin: 10px !important; }
.mar15 { margin: 15px !important; }
.mar20 { margin: 20px !important; }

.mh0 { margin-left: 0px !important; margin-right: 0px !important; }
.mh5 { margin-left: 6px !important; margin-right: 6px !important; }
.mh10 { margin-left: 10px !important; margin-right: 10px !important; }
.mh15 { margin-left: 15px !important; margin-right: 15px !important; }
.mh20 { margin-left: 20px !important; margin-right: 20px !important; }

.mv0 { margin-top: 0px !important; margin-bottom: 0px !important; }
.mv5 { margin-top: 6px !important; margin-bottom: 6px !important; }
.mv10 { margin-top: 10px !important; margin-bottom: 10px !important; }
.mv15 { margin-top: 15px !important; margin-bottom: 15px !important; }
.mv20 { margin-top: 20px !important; margin-bottom: 20px !important; }
.mv30 { margin-top: 30px !important; margin-bottom: 30px !important; }

.ml0 { margin-left: 0px !important; }
.ml5 { margin-left: 6px !important; }
.ml10 { margin-left: 10px !important; }
.ml15 { margin-left: 15px !important; }
.ml20 { margin-left: 20px !important; }

.mt0 { margin-top: 0px !important; }
.mt5 { margin-top: 6px !important; }
.mt10 { margin-top: 10px !important; }
.mt15 { margin-top: 15px !important; }
.mt20 { margin-top: 20px !important; }
.mt30 { margin-top: 30px !important; }

.mr0 { margin-right: 0px !important; }
.mr5 { margin-right: 6px !important; }
.mr10 { margin-right: 10px !important; }
.mr15 { margin-right: 15px !important; }
.mr20 { margin-right: 20px !important; }

.mb0 { margin-bottom: 0px !important; }
.mb5 { margin-bottom: 6px !important; }
.mb10 { margin-bottom: 10px !important; }
.mb15 { margin-bottom: 15px !important; }
.mb20 { margin-bottom: 20px !important; }

/* PADDING */

.pad0 { padding: 0px !important; }
.pad5 { padding: 6px !important; }
.pad10 { padding: 10px !important; }
.pad15 { padding: 15px !important; }
.pad20 { padding: 20px !important; }

.ph0 { padding-left: 0px !important; padding-right: 0px !important; }
.ph5 { padding-left: 6px !important; padding-right: 6px !important; }
.ph10 { padding-left: 10px !important; padding-right: 10px !important; }
.ph15 { padding-left: 15px !important; padding-right: 15px !important; }
.ph20 { padding-left: 20px !important; padding-right: 20px !important; }

.pv0 { padding-top: 0px !important; padding-bottom: 0px !important; }
.pv5 { padding-top: 6px !important; padding-bottom: 6px !important; }
.pv10 { padding-top: 10px !important; padding-bottom: 10px !important; }
.pv15 { padding-top: 15px !important; padding-bottom: 15px !important; }
.pv20 { padding-top: 20px !important; padding-bottom: 20px !important; }

.pl0 { padding-left: 0px !important; }
.pl5 { padding-left: 6px !important; }
.pl10 { padding-left: 10px !important; }
.pl15 { padding-left: 15px !important; }
.pl20 { padding-left: 20px !important; }

.pt0 { padding-top: 0px !important; }
.pt5 { padding-top: 6px !important; }
.pt10 { padding-top: 10px !important; }
.pt15 { padding-top: 15px !important; }
.pt20 { padding-top: 20px !important; }

.pr0 { padding-right: 0px !important; }
.pr5 { padding-right: 6px !important; }
.pr10 { padding-right: 10px !important; }
.pr15 { padding-right: 15px !important; }
.pr20 { padding-right: 20px !important; }

.pb0 { padding-bottom: 0px !important; }
.pb5 { padding-bottom: 6px !important; }
.pb10 { padding-bottom: 10px !important; }
.pb15 { padding-bottom: 15px !important; }
.pb20 { padding-bottom: 20px !important; }

/* TEXT ALIGN */

.tal { text-align: left; }
.tac { text-align: center; }
.tar { text-align: right; }
.vac { vertical-align: middle; }
.tvac{ display: flex; justify-content: center; align-items: center; }

/* LAYOUT */


.left { float: left; }
.right { float: right; }
.clear:after {content: " "; display: block; clear: both;}
.last, .fill { float: none; overflow: hidden; width: auto; }
.oh { overflow: hidden; }
.sm { font-size: .8em; }
.big { font-size: 1.5em; }
.uc {text-transform: uppercase;}
.lc {text-transform: lowercase;}
.no-select, .no-select *
{
  -webkit-user-select: none;  
  -moz-user-select: none;    
  -ms-user-select: none;      
  user-select: none;
}

b, .b { font-weight: 700; }
.pre {white-space: pre;}
.nowrap {white-space: nowrap;}
.hidden {display: none;}
.ellipsis {overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}

.bpc {background-position: center;}
.bplc {background-position: left center;}
.brn {background-repeat: no-repeat;}
.bscov {background-size: cover;}
.bscon {background-size: contain;}




html
{
    font-size: 20px;
}

body
{
    font-family: 'Cairo', sans-serif;
    font-size: 400;
    padding-top: 98px;
    /* font-size: 22px;
    line-height: 1.75; */
    letter-spacing: .8px;
}

a:not(.btn)
{
    text-decoration: underline;
}

a
{
    color: #18a822;
}

a:hover
{
    color: #096a09;
}

input.form-control::placeholder,
input.form-control::placeholder,
textarea.form-control::placeholder
{ 
    color: #ccc;
    opacity: 1; /* Firefox */
}
  
input.form-control:-ms-input-placeholder,
input.form-control:-ms-input-placeholder,
textarea.form-control:-ms-input-placeholder
{
    color: #eee;
}
  
input.form-control::-ms-input-placeholder,
input.form-control::-ms-input-placeholder,
textarea.form-control::-ms-input-placeholder
{
    color: #eee;
}

h1
{
    font-family: 'Oswald', sans-serif;
    color: #393939;
    font-size: 2.33rem;
}
@media (max-width: 575px)
{
    h1
    {
        font-size: 2rem;
    }
}

h2
{
    font-family: 'Oswald', sans-serif;
    color: #18a822;
    font-size: 1.75rem;
}


h5
{
    color: #18a822;
    letter-spacing: 4px;
    text-transform: uppercase;
    font-size: .9rem;
}


.container ul
{
    list-style: none; /* Remove default bullets */
}
  
.container:not(.menu-container) ul li::before
{
    content: "\25CF";  /* Add content: \2022 is the CSS Code/unicode for a bullet */
    color: #18a822; /* Change the color */
    font-weight: bold; /* If you want it to be bold */
    display: inline-block; /* Needed to add space between the bullet and the text */
    width: 1em; /* Also needed for space (tweak if needed) */
    margin-left: -2em; /* Also needed for space (tweak if needed) */
    margin-right: 1em;
    text-align: center;
}

.container.faq:not(.menu-container) ul li::before
{
    content: "\25BE";  /* Add content: \2022 is the CSS Code/unicode for a bullet */
    transition: .5s ease transform;
}

.container.faq:not(.menu-container) ul li.open::before
{
    transform: rotate(180deg);
}

.ls2
{
    letter-spacing: 2px;
}

.ls3
{
    letter-spacing: 3px;
}

.ls4
{
    letter-spacing: 4px;
}

.ls5
{
    letter-spacing: 5px;
}

/* NAV */
nav.navbar
{
    /* line-height: 80px; */
    text-transform: uppercase;
    letter-spacing: 2px;
    background-color: white;
    border-bottom: 1px solid #ccc;
    font-size: .9rem;
    padding: 1rem;
}

nav.navbar li a
{
    outline: none;
}

nav a:not(.btn)
{
    text-decoration: none;
}

.navbar-light .navbar-nav .active>.nav-link,
.navbar-light .navbar-nav .nav-link.active,
.navbar-light .navbar-nav .nav-link.show,
.navbar-light .navbar-nav .show>.nav-link
{
    color: #18a822;
    border-bottom: 3px solid #18a822;
}

@media (min-width: 992px)
{
    .navbar-expand-lg .navbar-nav .nav-link
    {
        padding-right: .7rem;
        padding-left: .7rem;
    }
}

@media (min-width: 576px)
{
    .navbar-header
    {
        margin-left: 50px;
    }
    .navbar-menu
    {
        margin-right: 10px;
    }
}

.dropdown-menu
{
    font-size: .9rem;
    border: none;
}

.dropdown-item.active, .dropdown-item:active
{
    color: #fff;
    text-decoration: none;
    background-color: #18a822;
}


.navbar-toggler
{
    position: absolute;
    right: 15px;
    top: 20px;
    line-height: 1.8rem;
}

@media (min-width: 992px)
{
    .nav-item-search
    {
        margin-left: 30px;
    }
}

.navbar-light .navbar-nav .nav-item-search.show>.nav-link
{
    border-bottom: none;
}

#navbarDropdownMenuSearch::after
{
    display: none;
}


.form-control
{
    font-size: .9rem;
    border-radius: 0;
    border: none;
}

.form-control:focus
{
    box-shadow: none;
}



/* CAP a CAP-NUM */
@media (min-width: 576px)
{
    .cap-num
    {
        float: left;
        margin-top: 5px;
        margin-right: 10px;
    }
}


@media (max-width: 575px)
{
    .cap-num
    {
        text-align: center;
    }
    .cap-num .num
    {
        margin: auto;
    }
}


.cap-num .num
{
    width: 50px;
    height: 50px;
    line-height: 50px;
    border-radius: 50%;
    color: white;
    background-color: #18a822;
    border-color: #18a822;
    text-align: center;
    font-weight: 700;
}

.cap-num .num.h2
{
    padding-left: 6px;
    width: 70px;
    height: 70px;
    line-height: 68px;
    font-family: Oswald;
    font-size: 1.75rem;
    font-weight: 400;
}


.text-elgrid
{
    color: #18a822;
}

.bg-elgrid
{
    color: white;
    background-color: #18a822;
}

.btn-elgrid
{
    color: white;
    background-color: #18a822;
    border-color: #18a822;
    border-radius: 0;
    padding: .7rem 1.4rem;
    letter-spacing: 3px;
    text-transform: uppercase;
    min-width: 120px;
    font-size: .9rem;
    min-width: 140px;
}

.btn-elgrid:hover
{
    color: white;
    background-color: #096a09;
    border-color: #096a09;
    text-decoration: none;
}

@media (max-width: 575px)
{
    .btn-elgrid-block
    {
        width: 100%;
    }
}


.main-rotator-wrapper
{
    width: 100%;
    height: 35vw;
}

@media (min-width: 576px) and (max-width: 991px)
{
    .main-rotator-wrapper
    {
        height: 50vw;
    }
}

@media (max-width: 575px)
{
    .main-rotator-wrapper
    {
        height: 80vw;
    }
}

.carousel-control-prev,
.carousel-control-next
{
    opacity: 1;
}

.carousel-control-prev-icon,
.carousel-control-next-icon
{
    width: 40px;
    height: 40px;
}

.carousel-control-prev-icon
{
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3E%3Cpolyline points='6,0 2,4 6,8' style='fill:none;stroke:white; stroke-width:.2' /%3E%3C/svg%3E");
}

.carousel-control-next-icon
{
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3E%3Cpolyline points='2,0 6,4 2,8' style='fill:none;stroke:white; stroke-width:.2' /%3E%3C/svg%3E");
}
  

.main-rotator-wrapper h1
{
    padding-top: 17vw;
    padding-bottom: 3vw;
    color: white;
    text-shadow: 0 0 20px black;
}

.main-rotator-wrapper ol
{
    margin-bottom: 0;
}


.main-rotator-inner
{
    height: 100%;
}

.main-rotator-item
{
    height: 100%;
    background-position: top center;
    background-size: cover;
    text-align: center;
}

.main-rotator-item-1
{
    background-image: url("/sk/static/images/main-image-00.jpg");
}

.main-rotator-item-2
{
    background-image: url("/sk/static/images/main-image-00.jpg");
}

.main-rotator-item-3
{
    background-image: url("/sk/static/images/main-image-00.jpg");
}

.main-rotator-item-4
{
    background-image: url("/sk/static/images/main-image-00.jpg");
}

.main-rotator-item-5
{
    background-image: url("/sk/static/images/main-image-00.jpg");
}

.main-rotator
{
    width: 100%;
    height: 35vw;
    background-image: url("/sk/static/images/main-image-00.jpg");
    background-position: top center;
    background-size: cover;
    text-align: center;
}

.main-rotator h1
{
    padding-top: 17vw;
    padding-bottom: 3vw;
    color: white;
    text-shadow: 0 0 20px black;
}

@media (min-width: 576px) and (max-width: 991px)
{
    .main-rotator
    {
        height: 50vw;
    }
}

@media (max-width: 575px)
{
    .main-rotator
    {
        height: 80vw;
    }
}

@media (max-width: 991px)
{
    .ruzica
    {
        display: none;
    }
}

.ruzica
{
    position: relative;
}

.ruzica .tile
{
    position: absolute;
    color: white;
    background-color: #18a822;
    height: 33%;
    opacity: 0;
    transition: .5s ease opacity;
    cursor: default;
}

.ruzica .tile:hover {opacity: .92;}
.ruzica .tile.tile2 {width: 48%;}
.ruzica .tile.tile3 {width: 32%;}
.ruzica .tile.tilel {border-radius: 0 140px 140px 0;}
.ruzica .tile.tiler {border-radius: 140px 0 0 140px;}
.ruzica .tilel>div  {margin-left: 40px;margin-right: 80px;}
.ruzica .tiler>div  {margin-left: 80px;margin-right: 10px;}
.ruzica .tile ul
{
    list-style: none; /* Remove default bullets */
    margin: 0;
    padding-left: 0;
    font-size: .8rem;
}
  
.ruzica .tile ul li::before
{
    content: "\25CF";  /* Add content: \2022 is the CSS Code/unicode for a bullet */
    color: white; /* Change the color */
    font-weight: bold; /* If you want it to be bold */
    display: inline-block; /* Needed to add space between the bullet and the text */
    width: 20px; /* Also needed for space (tweak if needed) */
    margin-left: -20px; /* Also needed for space (tweak if needed) */
}

@media (max-width: 1199px)
{
    .ruzica .tile ul
    {
        font-size: .7rem;
    }
}


@media (min-width: 992px)
{
    .ruzica-sm
    {
        display: none;
    }
}

.ruzica-sm
{
    position: relative;
}

.ruzica-sm .tile
{
    position: absolute;
    height: 33%;
    cursor: default;
}
.ruzica-sm .tile.tile2 {width: 48%;}
.ruzica-sm .tile.tile3 {width: 32%;}

.ruzica-sm .text
{
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    color: white;
    background-color: #18a822;
    opacity: .92;
    display: none;
    cursor: default;
}

.ruzica-sm .text .x
{
    position: absolute;
    right: 20px;
    font-size: 2rem;
}

.ruzica-sm .text .content
{
    padding: 50px 30px 0 30px;
}


.ruzica-sm .text ul
{
    list-style: none; /* Remove default bullets */
    margin: 0;
    padding-left: 0;
    font-size: .8rem;
}
  
.ruzica-sm .text ul li::before
{
    content: "\25CF";  /* Add content: \2022 is the CSS Code/unicode for a bullet */
    color: white; /* Change the color */
    font-weight: bold; /* If you want it to be bold */
    display: inline-block; /* Needed to add space between the bullet and the text */
    width: 20px; /* Also needed for space (tweak if needed) */
    margin-left: -20px; /* Also needed for space (tweak if needed) */
}
@media (max-width: 1199px)
{
    .ruzica-sm .text .content
    {
        font-size: .9rem;
    }
    .ruzica-sm .text ul
    {
        font-size: .7rem;
    }
}


.tile-sluzby
{
    position: absolute;
    left: 10%;
    top: 10%;
    width: 80%;
    height: 80%;
    color: white;
    text-align: center;
    cursor: pointer;
}

@media (min-width: 768px) and (max-width: 991px)
{
    .tile-sluzby
    {
        font-size: 1.5rem;
    }
}


.ref-rotator h1
{
    color: white;
}

/* .ref-rotator .photo
{
    width: 150px;
    height: 150px;
    border-radius: 50%;
    background-color: #ddd;
    display: inline-block;
    background-position: center;
    background-size: cover;
    background-image: url("/sk/static/images/person-nikola-tesla.jpg");
} */

.ref-rotator .name
{
    font-weight: 700;
    color: #393939;
}


.ref-rotator .position
{
    color: #393939;
}


.povedali-o-nas
{
    position: relative;
}

.povedali-o-nas .text
{
    margin-left: 20px;
    margin-right: 20px;
}

@media (max-width: 575px)
{
    .povedali-o-nas .uvodzovky
    {
        display: none;
    }
    .povedali-o-nas .text
    {
        margin: 0;
    }
}

.abeceda span
{
    display: inline-block;
    padding: .8rem .42rem;
    background-color: #eee;
    font-size: .9rem;
    color: #ccc;
}

.abeceda span.active
{
    color: black;
    cursor: pointer;
}

.abeceda span.active.selected
{
    background-color: transparent;
}

[abeceda]
{
    display: none;
}

.search
{
    padding: 50px;
    background-color: #eee;
}

.search .input-group
{
    background-color: white;
    border-bottom: 2px solid #18a822;
}

.search img
{
    height: 42px;
}

.cookies
{
    position: fixed;
    left: 50%;
    bottom: 0;
    padding: 30px 40px;
    background-color: white;
    margin-left: -500px;
    width: 1000px;
    font-size: .9rem;
    box-shadow: 9px 9px 30px rgba(0,0,0,.5);
    display: none;
}

.cookies a
{
    font-size: 1rem;
}

@media (max-width: 991px)
{
    .cookies
    {
        left: 0;
        margin: 0;
        width: 100%;
    }
}

.footer
{
    font-size: .6rem;
    color: white;
    background-color: #454545;
}

.footer a
{
    color: white;
    display: inline-block;
    text-decoration: none;
}
.footer a:hover
{
    color: #ddd;
}
.footer .menu>div
{
    width: calc(20% - 5px);
    text-transform: uppercase;
    text-align: center;
    display: inline-block;
    letter-spacing: 2px;
}

.footer .menu>div a
{
    padding: 20px 5px;
}
.footer .kontakt
{
    border-top: 1px solid #18a822;
}

@media (max-width: 767px)
{
    .footer .kontakt
    {
        text-align: center;
    }
    .footer .kontakt .field:not(:last-child)
    {
        border-bottom: 1px solid #18a822;
    }
}


@media (min-width: 768px)
{
    .footer .kontakt .field:first-child
    {
        border-left: 1px solid #18a822;
    }
    .footer .kontakt .mid
    {
        border-left: 1px solid #18a822;
        border-right: 1px solid #18a822;
    }
    .footer .kontakt .icon-call
    {
        display: none;
    }
}



.copyright
{
    font-size: .6rem;
    color: white;
    background-color: #343434;
    text-align: center;
    padding: 5px;
    margin-top: 30px;
}


@media (min-width: 768px)
{
    .offset-md-1_5
    {
        margin-left: 12.5%;
    }
}

.form-kontakt
{
    color: white;
}

@media (max-width: 575px)
{
    .form-kontakt-elgrid
    {
        display: none;
    }
    .form-kontakt
    {
        background-color: #18a822;
    }
}

.form-kontakt label
{
    font-size: .6rem;
    margin-bottom: .1rem;
}

.uvodzovky
{
    position: absolute;
    width: 40px;
    height: 40px;
    background-image: url("/sk/static/images/icon-quote.png");
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

.container.faq .accordeon-header
{
    color: #18a822;
    cursor: pointer;
}

.container.faq .accordeon-text
{
    display: none;
}

mjx-container[jax="CHTML"][display="true"]
{
    margin: .3em 0 !important;
}