@charset "UTF-8";
/*
Theme Name: HPR
Version: 99999999.7
*/
html {
    box-sizing: border-box;
    background-color: #0c162f;
    background-color: white;
}
html {
    
    background-color: #ffcd18;
}
body {
    font-size: 18px;
    color: #0c162f;
    background-color: #ffcd18;
}
*, *:before, *:after {
    box-sizing: inherit;
}
ol, ul {
    padding: 0;
}
body, label, input, textarea, h1, h2, h3, h4, h5, h6, p, ol, li, ul, dl, dd, blockquote, figure, body {
    padding: 0;
    margin: 0;
    font-family: urbane-rounded, sans-serif;
    font-weight: 500;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    /* font-weight: 300; */
}


body.home:before {content:"";width:100%;height: 0;position:fixed;/* background-color:#0c162f; */z-index:2;transition: all .53s;top: 0;/* height: 0; */animation-delay: 0.0s;}
body.home.loading:before {height:100vh}
body.home:before {height:0;}
h1, h2, h3, h4, h5, h6 {font-weight: 500;font-style: normal;}

a {color:#14a850;color: #005aaa;font-weight:bold;text-decoration:none;transition: all .3s;/* padding: 20px; */}

h1 {
    font-size:3.4rem; line-height:3rem;
    
}
.btn {position:relative;z-index:11;transition: all -0.76s;/* font-family: 'Roboto Condensed', sans-serif; */font-size: 1.2rem;display:inline-block;overflow:hidden;border: 2px solid;padding: 11px 25px;/* font-size: .8rem; *//* text-transform: uppercase; *//* letter-spacing: 4px; */font-weight: normal;border-radius: 30px;/* font-family: ff-cocon-pro, sans-serif; */font-weight: 700;margin: 10px;color: #14a850;}
.btn:after {content:"";display:inline-block;width:14px;height:14px;display:inline-block;border-radius:20px;background-color: #005aaa;margin-left: 20px;transition: all .5s;transform: scale(.5);vertical-align: middle;}
.btn:hover {color: #005aaa;border-color:white;background-color:white;}
.btn:hover:after {transform:scale(.79)}

.video-holder .btn {color: white;}
.video-holder .btn:hover {color:#14a850;}

#mhead {
    background-color: #ffffff;
    background-color:#ffcd18;
    padding: 0px 20px;
    font-size: 0;
    position: fixed;
    top: 0;
    z-index: 999999;
    width: 100%;
    left: 0;
    transition: all .4s;
}

#mhead:hover {/* background-color: white; */}

#page {padding-top: 0;background-color: #ffcd18;}

.fixedheader #mhead {position:fixed;padding:5px 20px;box-shadow: 1px 1px 4px rgba(0,0,0,0.3);}
.logo {width: 215px;height: 75px;/* background-color:red; */display:inline-block;background-image: url(https://hprs.sk/wp-content/uploads/2025/01/logo.svg);background-repeat: no-repeat;background-position: center;position: relative;margin: 10px 20px;vertical-align: middle;transform-origin: left;}
#mhead  #site-navigation {display:inline-block;width: calc(100% - 255px);font-size:1rem;vertical-align: middle;text-align: right;}
#mhead #site-navigation li {display:inline-block;}
#mhead #site-navigation li.menu-item-223, #mhead #site-navigation li.menu-item-224 {padding-left:20px}
#mhead #site-navigation li:last-child {/* border-left: 2px solid #005aaa; */}
#mhead #site-navigation li:last-child  a{color: #005aaa}

#mhead #site-navigation li a {padding: 5px 20px;/* display:block; *//* color: #0c162f; */color: initial;/* font-weight: 500; */border: 3px solid transparent;border-radius: 30px;font-weight: 400;margin: 0px 5px;font-size: 1.03rem;font-weight: bold;}
#mhead #site-navigation li.current_page_item a{color: white;}
#mhead #site-navigation li a:hover {color: #000000;border: 3px solid;}
#mhead #site-navigation li .sub-menu a:hover {color:#14a850}

#mhead #site-navigation li .sub-menu li:after {content:"";
                                               display:block;
                                               width:30px;
                                               height:30px;
                                               
                                               position: absolute;
                                               right: 10px;
                                               top: 5px;
                                              background-image:url("https://hprs.sk/wp-content/uploads/2024/12/arrow.svg");
                                             background-repeat:no-repeat;
                                               background-size:10px;
background-position:10px 12px;
transform:rotate(-90deg);
                                              }






@-webkit-keyframes contactTopW {
0% {
        width: 30px;
        
    }
    

                    25% {
        width: 0px;
        
        
    }


        50% {
            width: 30px;
        
    }

70% {
            width: 0px;
        
    }

                100% {
        width: 30px;
        
        
    }
}
@-moz-keyframes contactTopW {
0% {
        width: 30px;
        
    }
    

                    25% {
        width: 0px;
        
        
    }


        50% {
            width: 30px;
        
    }

    70% {
            width: 0px;
        
    }

                100% {
        width: 3px;
        
        
    }
}
@keyframes contactTopW {
0% {
        width: 30px;
        
    }
    

                    25% {
        width: 0px;
    
        
    }


        50% {
            width: 30px;
        
    }

    
        70% {
            width: 0px;
        
    }

                100% {
        width: 30px;
        
        
    }
}



.video-holder {
    background-color: #14a850;
    /* background-color: #ffcd18; */
    background-color: black;
    overflow: hidden;
    position: relative;
    /* width: 100%; */
    font-size: 0;
}
.video-holder:after {content:"";background-image: url(https://hprs.sk/wp-content/uploads/2025/01/yellow.png);display: block;position: absolute;height: 100%;width: 100vw;top: 0;z-index: 9;left: 0;/* background-color: red; */background-size: cover;bottom: 0;}
.video-holder:before {content:"";display:block;/* background-color: #0c162f; */height:100%;width: 30%;display:block;border-radius: 70%;position:absolute;z-index:99;top: 0%;right: -27%;}
.video-holder .over-video {position:absolute;text-align:center;color:white;z-index:9;left:0;right:0;margin-top: 20%;z-index: 99;}
.video-holder .over-video h1 {font-size: 3.973rem;line-height:4rem;text-transform: uppercase;font-weight: 800;max-width: 780px;margin: 0px auto;}
.video-holder .over-video h2 {font-size: 1.27rem;line-height: 1.3rem;margin-bottom: 30px;margin-top: 10px;padding: 10px;}
.video-holder video {width:100%;opacity: .787;}



body #colophon {color: #ececed;background-color: #005825;position:relative;overflow: hidden;position: relative;z-index: 99999;}
body #colophon > div {position:relative; z-index:998;}
body #colophon #newsletter div {/* max-width:800px; */margin:0px auto}
body #colophon #newsletter > div:nth-child(2) {border-bottom: 1px solid rgba(157,135,82,0.3);margin-bottom: 30px;}
body #colophon #newsletter div p {}
body #colophon:after {content:"";background-image: url(https://hprs.sk/wp-content/uploads/2025/01/yellow.png);display: block;position: absolute;height: 100%;width: 100vw;top: 0;z-index: 9;left: 0;/* background-color: red; */background-size: cover;bottom: 0;}

body #colophon #adresy {
    font-size: 0;
    padding-bottom: 30px;
}

body #colophon #adresy strong:before {content:"";display:inline-block;width:30px;height: 40px;background-image:url(https://hprs.sk/wp-content/uploads/2025/01/pin.svg);/* background-color: red; */background-size: 58px;background-position: -8px -63px;vertical-align: middle;margin-left: -40px;margin-right: 10px;}
body #colophon #adresy div {display:inline-block;text-align:left;vertical-align:top;padding: 20px 70px;/* width: 50%; */font-size: 1rem;/* max-width: 444px; *//* min-width: 290px; */margin-left: 0px;}
body #colophon #adresy div strong {display:block; font-size:1.4rem; margin-bottom:20px}

#colophon a {color:white}
#colophon a:hover {color:black}
#colophon {text-align:center;/* color: #a4a4a4; */padding-top: 50px;}
#colophon h1 {font-size:2rem;font-size: 2rem;line-height: 3rem;margin-bottom: 50px;}
#colophon h2 {font-size:2rem;margin-bottom: 20px;}
#colophon .wrap {display:block;padding:20px;font-size: 0;padding-bottom: 0px;}
#colophon .wrap.bottom {padding-top:0;padding-bottom: 0px;border-top: 1px solid rgba(157,135,82,0.3);border-bottom: 1px solid rgba(157,135,82,0.3);}
#colophon .address {display:inline-block;text-align:left;padding: 30px;/* width: 25%; */vertical-align: bottom;/* border-bottom: 1px solid; */font-size: 1.2rem;/* padding-bottom: 40px; */}
#colophon .address.soc {vertical-align: middle;border-bottom:0;/* margin-bottom: 60px; */}
#colophon .address .btn {/* font-size: .79rem; */margin-bottom:20px}
#colophon .address small {font-size:.7rem;display:block;/* color: white; */}

#colophon #footer-navigation {display:none}





.copyright {padding: 0px;font-size:.8rem;max-width: 930px;margin: 0px auto;margin-bottom: 40px;}
.copyright div {font-size:0; display:inline-block;vertical-align:middle;width: 100%;text-align: center;}
.copyright div span {display:inline-block;/* width:50%; */display:inline-block;}
.copyright div span:nth-child(1) {/* text-align:left; */}
.copyright div span:nth-child(2) {text-align:right; font-size:1rem}
.copyright div span a {/* font-size: .7rem; */text-decoration: underline;padding: 7px;}

#colophon a.logo {
    background-repeat: no-repeat;
    display: inline-block;
    /* width: 120px; */
    /* height: 40px; */
    vertical-align: middle;
     transform-origin:center;
    margin: 40px;
    /* margin-bottom: -39px; */
    background-position: center;
    background-image: url(https://hprs.sk/wp-content/uploads/2025/01/logo-3.svg);url(
    url(https://hprs.sk/wp-content/uploads/2025/01/logo.svg));
    }

#colophon a.logo:hover {transform:scale(1.1);}


.projekty-zoznam {
    text-align: center;
    /* white-space: nowrap; */
    /* width: 100%; */
    /* overflow-x: scroll; */
    position: relative;
    padding-top: 10px;
    /* display: none; */
}
.projekty-zoznam > h2 {font-size:2rem;margin-top:30px;color: #14a850;}

#vsetky-kurzy {text-align:center;}

#vsetky-kurzy > h2 {font-size:2rem;margin-top:60px;margin-bottom:50px;color: #14a850;textalign:center;}

.projekty-zoznam a:hover {/* transform: scale(1.01); */transform: translateY(-10px);}
.projekty-zoznam a {/* color:white; */display: inline-block;vertical-align: middle;margin:20px 5%;height: auto;/* background:#1b1b1b; */text-align:center;border-radius: 10px;overflow: hidden;padding: 0px;max-width: 340px;min-width: 350px;margin: 40px 20px;/* position: absolute; */margin-bottom: 70px;/* text-align: left; *//* color: #a4a4a4; */white-space: nowrap;transition: all .2s ease-in-out;}
.projekty-zoznam a:hover .top {/* background-color: black; */}
.projekty-zoznam a:after {content:"";display:block;height:100px;width:5px;background: #151515;margin: 40px auto;border-radius:10px;position: absolute;left: 0;right: 0;display: none;}

.projekty-zoznam a .top {transition: all .2s;padding: 40px 20px 40px 20px;color: #737373;color: #a4a4a4;max-width: 780px;margin: 0px auto;text-align: center;white-space: normal;height: auto;align-items: center;justify-content: center;display: flex;background-color: #0c162f;width: 100%;}
.projekty-zoznam a:hover .top {color:black}
.projekty-zoznam a:hover .image {rgba(78, 33, 22, 0.2);
    background-color: rgba(12, 22, 47, 0.02);
}
.projekty-zoznam a .top .typ {margin: 0px auto;margin-bottom: 10px;}
.projekty-zoznam a .top .typ li {display:inline-block;color: #fcc964;text-transform: uppercase;font-size: .7rem;letter-spacing: 2px;background: #5c5c5c;padding: 5px 21px;border-radius: 20px;margin: 5px 10px 5px 0px;}
.projekty-zoznam a:hover .top .typ li {background:#dddddd;background-color: black;}
.projekty-zoznam a .top h2 {
 
    font-size: 1.25rem;
    line-height: 2rem;
    font-weight: 300;
    text-align: left;
    margin-bottom: 10px;
    color: white;
    text-align: center;
    align-items: center;
    justify-content: center;
    display: flex;
    /* text-transform: uppercase; */
    }
.projekty-zoznam a .image {width:100%;display:block;background-size:cover;background-repeat:no-repeat;height: 26vh;background-position: center;transition: all .35s;backface-visibility: hidden;background-color: rgba(12, 22, 47, 0.2);background-blend-mode: multiply;}



#newsletter  form  {margin-top:30px;margin-bottom: 30px;}
#newsletter  form p {text-align:center;font-size: 0;}
#newsletter  form label {max-width:460px}
#newsletter  form label input {width:100%;/* border-color: white!important; */!importan;!importa;!import;!impor;!impo;!imp;!im;!i;!;color: white;}
#newsletter .wpcf7 {width:100%;max-width: 1000px;margin: 10px auto;padding: 0px;}
#newsletter .wpcf7 .nh {font-size:0; text-align:center}
#newsletter .wpcf7 .fh:nth-child(2) {/* max-width:300px; */}
#newsletter .wpcf7 .fh {display:inline-block;vertical-align:middle;/* width:50%; */vertical-align: middle;}











/*CF*/

.wpcf7 .screen-reader-response {
    position: absolute;
    overflow: hidden;
    clip: rect(1px, 1px, 1px, 1px);
    height: 1px;
    width: 1px;
    margin: 0;
    padding: 0;
    border: 0;
}

.wpcf7 form .wpcf7-response-output {
    margin: 2em 0.5em 1em;
    padding: 0.2em 1em;
    border: 2px solid #00a0d2; /* Blue */
    
}

.wpcf7 form.init .wpcf7-response-output {
    display: none;
}

.wpcf7 form.sent .wpcf7-response-output {
    border-color: #5ca038!important; /* Green */
    font-size:1rem;
}

.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output {
    border-color: #dc3232; /* Red */
}

.wpcf7 form.spam .wpcf7-response-output {
    border-color: #f56e28; /* Orange */
}

.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output {
    border-color: #ffb900; /* Yellow */
}

.wpcf7-form-control-wrap {
    position: relative;
}

.wpcf7-not-valid-tip {
    color: #dc3232;
    font-size: 1em;
    font-weight: normal;
    display: block;
}

.use-floating-validation-tip .wpcf7-not-valid-tip {
    position: absolute;
    top: 20%;
    left: 20%;
    z-index: 100;
    border: 1px solid #dc3232;
    background: #fff;
    padding: .2em .8em;
}

span.wpcf7-list-item {
    display: inline-block;
    margin: 0 0 0 1em;
}

span.wpcf7-list-item-label::before,
span.wpcf7-list-item-label::after {
    content: " ";
}

div.wpcf7 .ajax-loader {
    visibility: hidden;
    display: inline-block;
    background-image: url('../../assets/ajax-loader.gif');
    width: 16px;
    height: 16px;
    border: none;
    padding: 0;
    margin: 0 0 0 4px;
    vertical-align: middle;
}


.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output {
    font-size:1rem; border-radius:20px
}

div.wpcf7 .ajax-loader.is-active {
    visibility: visible;
}

div.wpcf7 div.ajax-error {
    display: none;
}

div.wpcf7 .placeheld {
    color: #fff;
}

div.wpcf7 input[type="file"] {
    cursor: pointer;
}

div.wpcf7 input[type="file"]:disabled {
    cursor: default;
}

div.wpcf7 .wpcf7-submit:disabled {
    cursor: not-allowed;
    opacity: .26;
}

.wpcf7 input[type="url"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"] {
    direction: ltr;
}



input[type="text"], input[type="button"], input[type="submit"] {appearance: none;-webkit-appearance: none;}
::-webkit-input-placeholder { color:#fff }
.wpcf7 {padding-bottom:10px;text-align: center;display: block;max-width: 510px;/* margin: 10px auto 0px !important; */padding-left: 15px;padding-right: 15px;border-radius: 10px;margin: 40px auto;}
.wpcf7 label {max-width: 550px;display: inline-block;width: 100%;margin-bottom: 5px;position: relative;}

.wpcf7 .wpcf7-checkbox label {text-align:left; width:100%; display:block;padding-left: 12px;max-width: 100%;}
.wpcf7 .wpcf7-checkbox label span {display:initial;font-size: .8rem;}


.wpcf7 .wpcf7-acceptance label {text-align:left; width:100%; display:block;padding-left: 0;max-width: 100%;}
.wpcf7 .wpcf7-acceptance label span {display:initial;font-size: .8rem;}
#order-form .wpcf7 .wpcf7-acceptance label a {display:inline;font-weight: bold;}

.acceptance { text-align: left; font-size: 1.2rem; }
.podmienky { font-size: 1.2rem; text-align: left; max-width: 600px; margin: 0px auto 30px; max-height: 300px; overflow: scroll; background-color: rgba(0, 0, 0, 0.1); padding: 30px; display: none; }
.acceptance a { text-decoration: underline; color: rgb(210, 35, 42); }
.wpcf7 h4 { font-family: "Open Sans", sans-serif; margin-bottom: 20px; margin-top: 20px; color: inherit; font-size: 0.95rem; }
.wpcf7 label br { display: none; }
input,select, textarea, select, html .woocommerce-account input {/* width: 100%; */font-family: inherit;padding: 11px 10px;border-radius: 0;font-size: .8rem;margin-bottom: 2px;max-width: 500px;-webkit-appearance: none;appearance: none;color: #0c162f;border-color: #fff;background-color: transparent;outline: 0px;border: 2px solid black;/* border-bottom: 2px solid #000; *//* box-shadow: rgba(0, 0, 0, 0.05) 1px 1px 8px; */font-weight: bold;transition: all 0.3s ease 0s;-webkit-transition: all .3s ease-in-out;display: inline;box-sizing: border-box;border-radius: 23px;border: 2px solid #fff;font-size: 1rem!important;width: 100%;}
html .theme-twentytwentyone .wc-block-components-radio-control .wc-block-components-radio-control__input {appearance: auto;/* min-width: initial; *//* width: initial; *//* height: initial; *//* border-radius: 0; */}
label.sel { display: block; margin: 0px auto; }

.wpcf7 select {margin-top:10px;background-image: url("https://hprs.sk/wp-content/uploads/2024/12/arrow.svg");background-repeat: no-repeat;background-position: 95% 55%;transition: box-shadow 0.3s ease 0s;/* border-radius: 7px; */font-family: inherit;background-color: white;border: 1px solid rgba(0, 0, 0, 0);background-size: 11px;appearance: none !important;min-width: 140px;}
textarea { }
.wpcf7 label input[type="checkbox"] { display: inline-block; /* float: left; */ margin-right: 2px; font-size: initial; padding: initial; width: 20px; height: 20px; appearance: initial; vertical-align: middle;}
input[type="checkbox"] {appearance: checkbox !important;-webkit-appearance: checkbox!important;transform: scale(1.5);margin-right: 10px;/* border: 1px solid transparent!important; *//* border: 3px solid red; *//* outline: 2px solid; */}
.wpcf7 label span {display: block;/* margin-bottom: 14px; */vertical-align: middle;/* margin-top: 10px; */}
.wpcf7 label span.s {font-size: .8rem;text-align:left; padding: 0px 10px;/* display: none; */}
.wpcf7 label.file span.wpcf7-form-control-wrap {border:2px solid}
.uploads { border: 2px dashed; display: inline-block; padding: 20px; margin-bottom: 20px; border-radius: 15px; }
html .wpcf7 .wpcf7-submit {box-shadow: none;text-align: center;display: inline-block;border: 0px;outline: none;/* padding: 18px 20px; *//* background-color: #0c162f; */appearance: none;background-repeat: no-repeat;background-position: 95% center;background-size: 24px;color: white;/* color: #5ca038; */transition: all 0.4s ease 0s;-webkit-transition: all .4s ease-in-out;margin-left: 0px;font-size: 1.1rem;/* text-transform: uppercase; *//* letter-spacing: 2px; *//* font-weight: normal; */border: 1px solid #0c162f;border: 2px solid;margin-top: 0px;width: auto;margin-left: auto;margin-right: 0;padding: 11px 30px;border-radius: 30px;}
html .wpcf7-submit:hover {background-color: white;color: initial;border-color: white;/* color: #03162F; */background-position: 97% center;/* box-shadow: 1px 1px 20px rgba(0,0,0,0.1); */}
html div.wpcf7-validation-errors, html div.wpcf7-mail-sent-ok { z-index: 999999999; color: red; border: 0px; border-radius: 0px; font-size: 1rem; width: 100%; text-align: inherit; left: 0px; top: 0px; display: block; background-color: white; max-width: 430px; margin: 0px auto; padding: 10px; }
html div.wpcf7-mail-sent-ok { color: rgb(58, 49, 39); background-color: rgb(228, 191, 142) !important; }
html div.wpcf7 .ajax-loader {padding: 11px;display: block;width: 6px;height: 6px;border-radius: 50%;background: #5ca038;cursor: pointer;box-shadow: rgba(140, 150, 40, 0.4) 0px 0px 0px;animation: 1s ease 0s infinite normal none running pulse;margin: -41px 0px 0px 70px;left: 0px;right: 4px;position: relative;}
@-webkit-keyframes pulse { 
  0% { box-shadow: rgba(140, 150, 40, 0.4) 0px 0px 0px 0px; }
  70% { box-shadow: rgba(140, 150, 40, 0) 0px 0px 0px 10px; }
  100% { box-shadow: rgba(204, 169, 44, 0) 0px 0px 0px 0px; }
}
@keyframes pulse { 
  0% { box-shadow: rgba(140, 150, 40, 0.4) 0px 0px 0px 0px; }
  70% { box-shadow: rgba(140, 150, 40, 0) 0px 0px 0px 10px; }
  100% { box-shadow: rgba(140, 150, 40, 0) 0px 0px 0px 0px; }
}
.wpcf7-acceptance {margin-top:10px; display:block}
html span.wpcf7-not-valid-tip {/* display: none; */}
html input.wpcf7-not-valid, textarea.wpcf7-not-valid { border-left: 3px solid red; }
input:focus::-webkit-input-placeholder, textarea:focus::-webkit-input-placeholder { opacity: 0; }
#colophon .wpcf7 p { display: inline-block; margin: 0px; }
.wpcf7 p {vertical-align: top;display: inline-block;width: 100%;max-width: 100%;position: relative;text-align: center;text-align: left;margin-top: 0px !important;/* margin-bottom: 15px !important; */color: white;padding: 4px;}
span.p {position: absolute;z-index: 9;font-size: 0.795rem;padding-left: 15px;margin-top: 5px;opacity: 0;color: #233c7e;transition: all 0.4s ease 0s;-webkit-transition: all .3s ease-in-out;display: none!important;}
.on span.p { opacity: 0.8; right: 10px; }
.wpcf7-not-valid { border: 2px solid red !important; }
input[type="checkbox"].wpcf7-not-valid::before { content: ""; width: 2px; height: 20px; position: absolute; margin-top: -3px; margin-left: -3px; background-color: red; display: inline-block; }
div.wpcf7 input[type="file"] { background-color: transparent; border: 2px solid white; margin: 20px; width: initial; }

#formular strong { font-style: normal; }
.loadingqqq { position: fixed; overflow: hidden; }
#preloader { opacity: 0; visibility: hidden; background-color: white; position: absolute; width: 100vw; height: 100vh; z-index: 9999999; transition: all 1s ease 0s; -webkit-transition: all 1s ease-in-out; background-position: 50% 80%; background-repeat: no-repeat; background-size: 270px; }
.loading #preloader { opacity: 1; visibility: visible; height: 100vh; }
.pulse { opacity: 0; margin: 40vh auto; display: block; width: 22px; height: 22px; cursor: pointer; box-shadow: rgba(204, 169, 44, 0.4) 0px 0px 0px; animation: 1s ease 0s infinite normal none running pulse; background-image: url("https://wera.matoremes.sk/wp-content/uploads/2020/11/heart2.svg"); background-repeat: no-repeat; background-size: contain; }
.loading .pulse { opacity: 1; }
@-webkit-keyframes pulse { 
  0% { transform: scale(1); }
  70% { transform: scale(1.74); }
  100% { transform: scale(1); }
}
@keyframes pulse { 
  0% { transform: scale(1); }
  70% { transform: scale(1.74); }
  100% { transform: scale(1); }
}

html .wpcf7-spinner {
    visibility: hidden;
    display: inline-block;
    background-color: #23282d; /* Dark Gray 800 */
    opacity: 0.75;
    width: 24px;
    height: 24px;
    border: none;
    border-radius: 100%;
    padding: 0;
    /* margin: 14px -90px; */
    position: absolute;
}

#formular p { max-width: 500px; text-align: left; margin: 0px auto; }

.wpcf7-acceptance label {text-align:left;/* color:white; */font-size:.8rem;width: 100%;display: block;}
.wpcf7-acceptance label input[type="checkbox"] {margin-right:10px;display:inline-block;margin-top: -2px;background-color: transparent;}

form {/* font-size:0; *//* text-align: left; *//* text-align: left; *//* margin: 30px 0px; */}
form div._01 {display:inline-block;width: 100%;vertical-align: middle;}

form div._02 {display:inline-block;width: 30%;margin-left: -1px;vertical-align: middle;margin-left: -150px;position: relative;z-index: 99;}
form div._03 {padding:10px 0px;display:inline-block; width:100%; text-align:left}
form div span {width:100%}
input:focus, textarea:focus, select:focus {/* border: 2px solid grey; *//* border-bottom: 2px solid #233c7e; */}


span.info-text {font-size:.7rem; line-height:1rem; padding:5px; display:block}

.recaptcha {margin:10px;display: block;text-align: left;}
.recaptcha div {margin:0px;display: block;text-align: left;}



/*CF*/

.wpcf7 {/* background-color:#0c162f; */padding:20px;color: white;}

.wpcf7 p input {margin-top:10px}
.wpcf7 p textarea {margin-top:10px}
#white .wpcf7 {background-color:#fff;padding:20px;color: #0c162f;box-shadow: 1px 1px 20px rgba(0,0,0,0.1);}
#white .wpcf7:before {content:"";background: #14a850;width: 570px;height: 570px;display:block;position:absolute;z-index:-1;left:0;right:0;margin:0px auto;border-radius:50%;/* margin-top: -3vh; */transition: all .9s;margin-left: -45px;}
#white:hover .wpcf7:before {transform:scale(1.01)}
#white .wpcf7 p {background-color:#fff;padding: 5px;color: #0c162f;}
#white .wpcf7 input, #white .wpcf7 textarea {color: #0c162f; border-color:#0c162f}
#white ::-webkit-input-placeholder { color:#0c162f; }
#white .wpcf7 .wpcf7-submit {color:#14a850}


.ikons {text-align:center;padding-bottom: 70px;font-size: 0;position: relative;overflow: hidden;}
.ikons div {display:inline-block;vertical-align:middle;margin: 20px 0px;/* font-family: big-caslon-fb, serif; */font-size: 1.3rem;/* max-width: 139px; */line-height: 2.3rem;/* font-weight: 600; *//* color: black; */width: 30%;max-width: 377px;/* background-color: white; */border-radius: 20px;padding: 20px 20px 40px 20px;margin: 20px;transition: all .83s ease-in-out;}
.ikons div:hover {background-color: rgba(255,255,255,0.5);}
.ikons div:before {content:"";margin: 20px auto;width: 140px;height: 90px;/* background-color: red; */display:block;background-repeat:no-repeat;background-position:center;background-size: 770px;background-image: url("https://hprs.sk/wp-content/uploads/2025/01/ikonky.svg");}



.ikons div a {color: #0c162f;font-size: 1rem;/* border-bottom: 1px dotted; */transition: all .3s;}

.ikons div:nth-child(1):before {/* background-image: url("https://hermeda-eshop.matoremes.sk/wp-content/uploads/2024/07/icons-2.svg"); *//* background-size: 370px; */background-position: -166px -32px;}
.ikons div:nth-child(3):before {/* background-image: url("https://hermeda-eshop.matoremes.sk/wp-content/uploads/2024/07/icons-6.svg"); */background-position: -325px -32px;}
.ikons div:nth-child(2):before {/* background-image: url(""); */background-position: -7px -32px;}


#misia {padding-top:30px;background-color: white;}
#misia .btn {font-size:.8rem;display:block;padding: 0px 8px;line-height: 2rem;max-width: 198px;margin: 20px auto;color: initial;}
#misia a:hover .btn {color:#005aaa; border-color:#005aaa;}
#misia p {
    font-size: .8rem;
    /* line-height: .2rem; */
    max-width: 220px;
    line-height: 1.3rem;
    margin: 10px auto;
}
#misia strong {font-size: 1.1rem;line-height: 1.55rem;border-bottom:0;display: block;text-decoration:none;margin-bottom: 10px;}
#misia h3 {display:block; font-size:1.7rem; text-align:center; margin:20px auto;}
#misia h3 small {display:block; font-size:1.2rem}



#statement {
    font-size: 0;
    padding: 20px;
    text-align: center;
    /* background-color: white; */
}
#statement .btn {color: #000000;font-size:.8rem;margin-top: 40px;margin-left:0}
#statement div {
    display: inline-block;
    width: 50%;
    font-size: 1rem;
    vertical-align: middle;
    padding: 70px 0px;
    text-align: left;
    max-width: 600px;
}
#statement i {display:inline-block;background-image:url(https://hprs.sk/wp-content/uploads/2025/01/ikona-velka.png);display: inline-block;width: 50%;height: 460px;background-size: contain;background-repeat: no-repeat;vertical-align: top;vertical-align: middle;max-width: 600px;background-position: center;}
#statement div h2 {
    font-size: 1.8rem;
    line-height: 2.3rem;
    /* max-width: 350px; */
    margin-bottom: 20px;
    text-align: left;
}
#statement div strong {
    font-size: 1.4rem;
    line-height: 2rem;
    margin-bottom: 30px;
    display: block;
}
#statement div p {
    font-size: 1rem;
    line-height: 1.5rem;
}

h1.entry-title {text-align:center;color: white;font-size: 1.82rem;background-color: #0c162f;padding: 15px;/* border-top: 1px solid #14a850; */background-color: white;/* border-bottom: 1px solid; */}



.entry-content {margin:30px auto;/* color: #1e2842; */}
.entry-content .width {max-width:800px;margin:30px auto;/* color: #1e2842; */line-height: 1.75rem;}

.entry-content .komplexny-pristup {background-color:#14a850;margin:20px auto;background-color: #f5f7f9;padding:40px;text-align: center;margin-top: 70px;} 
.entry-content .komplexny-pristup h2 {color:#14a850}
.width {max-width:800px;margin:30px auto;/* color: #1e2842; */}


.entry-content h2 {font-size:2.1rem;margin: 40px auto;text-align: center;}
.entry-content h3 {font-size: 1.274rem;margin: 20px auto;}
.entry-content ol {list-style-position:outside;margin-left: 0px;margin-bottom:30px;margin-top: 30px;padding-left: 21px;}

.entry-content ol.oblasti {list-style-type:circle}

#hodnoty h3:before {content:"";margin: 5px auto;width: 40px;height: 50px;/* background-color: red; */display: inline-block;background-repeat:no-repeat;background-position:center;background-size: 1960px;background-image: url("https://hprs.sk/wp-content/uploads/2024/12/icons-6.svg");background-position: -427px -86px;vertical-align: middle;margin-right: 20px;/* margin-left: -68px; */transform-origin: left;}
#hodnoty h3 {margin:10px auto}
.entry-content ol li {}
.entry-content ol li strong {display:block;font-size: 1.3rem;margin: 30px 0px;/* color: #14a850; */}
.entry-content ol li b {font-weight:normal}
.entry-content ol li::marker {/* font-size: 1.63rem; */font-weight:bold;color: white;}
.entry-content p {
    font-size: 1rem;
    line-height: 1.7rem;
    padding: 20px 0px;
}
.entry-content strong {}

#formular {font-size:0;max-width: 1500px;margin: 10px auto;text-align: center;overflow: hidden;/* line-height: 2rem; */}
#formular > h2 {max-width:560px;line-height: 3rem;font-size: 2rem;}
.first {display:inline-block;width:50%;vertical-align:middle;font-size:initial;max-width: 480px;min-width: 250px;text-align: center;}
.first a {font-size: 1.13rem;color: black;}

.phone a:before {transition: all .3s;content:"";display:inline-block;width: 40px;height: 45px;vertical-align:middle;margin-right:10px;/* background-color:red; */background-image: url(https://hprs.sk/wp-content/uploads/2025/01/icons-small.svg);background-size: 690px;background-position: -52px -101px;}
.email a:before {transition: all .3s;content:"";display:inline-block;width: 40px;height: 45px;vertical-align:middle;margin-right:10px;/* background-color:red; */background-image: url(https://hprs.sk/wp-content/uploads/2025/01/icons-small.svg);background-size: 690px;background-position: -104px -101px;}
.instagram a:before {transition: all .3s;content:"";display:inline-block;width: 40px;height: 45px;vertical-align:middle;margin-right:10px;/* background-color:red; */background-image: url(https://hprs.sk/wp-content/uploads/2025/01/icons-small.svg);background-size: 850px;background-position: -469px -131px;}
.facebook a:before {transition: all .3s;content:"";display:inline-block;width: 40px;height: 45px;vertical-align:middle;margin-right:10px;/* background-color:red; */background-image: url(https://hprs.sk/wp-content/uploads/2025/01/icons-small.svg);background-size: 690px;background-position: -344px -102px;}

.first a:hover:before {transform:translateX(5px)}


.first b {
    font-size: 1.3rem;
    max-width: 310px;
    margin: 0px auto;
    display: block;
}
#formular .first p {text-align:center; line-height:1.6rem}

.second {display:inline-block;width:50%;vertical-align:middle;font-size:initial;max-width: 480px;position: relative;min-width: 340px;}


#colophon a:hover {/* color:white; */}

#lektori {
    padding: 40px;
    text-align: center;
    background-color: #0c162f;
    /* max-width: 1200px; */
    /* text-align: center; */
    padding-bottom: 100px;
    /* background-color: #14a850; */
    background-color: white;
}

#lektori.inrow {padding:0}
#lektori.inrow .cv {/* max-height: 43px; */overflow:hidden;margin-bottom: 30px;transition: all .3s;}

#lektori .members {
    display: flex; /* Use flexbox */
    flex-wrap: wrap; /* Ensure elements wrap if necessary */
    justify-content: center; /* Center the child elements horizontally */
    align-content: center; /* Center the rows vertically */
    width: 100%;
    max-width: 1480px;
    /* text-align: center; */
    margin: 0px auto;
}

#lektori .member {
    /* width: 350px; */
    max-width: 340px;
    font-size: 1.0rem;
    line-height: 1.5rem;
    margin: 4px;
    border-radius: 11px;
    padding: 20px;
    background-color: #f5f7f9;
    transition: all .3s;
    flex: 1 1 340px; /* Grow and shrink each .member, but ensure a max width */
    display: flex; /* Make .member itself a flex container */
    flex-direction: column; /* Ensure its children stack vertically */
    justify-content: top; /* Center child elements horizontally */
    align-items: center; /* Center child elements vertically */
}
#lektori .member:hover {background-color: #0c162f;/* border-radius: 0; */}
#lektori .member:hover .cv {color:white}

#lektori .member .cv {text-align:left;padding: 0px 20px 20px 20px;}
#lektori .member .cv b {opacity:1;font-weight:normal;display:block;/* padding:20px; */}
#lektori .member .cv strong {display:block;text-align:center;font-size: 1.13rem;color: #14a850;/* font-family: ff-cocon-pro, sans-serif; */ff-cocon-pro, font-family: sans-serif;/* font-weight: 400; */padding-bottom: 13px;line-height: 2rem;}

#lektori > h2 {font-size:2rem;padding:20px;text-align:center;color:white;color: #14a850;}

#xlektori .member:nth-child(2) {transform:translateY(20px)}
#xlektori .member:nth-child(3) {transform:translateY(40px)}
#xlektori .member:nth-child(4) {transform:translateY(0px)}
#xlektori .member:nth-child(5) {transform:translateY(20px)}
#xlektori .member:nth-child(6) {transform:translateY(40px)}


#info {margin:20px auto; max-width:770px; text-align:left;}
#info strong {display:block; font-size:1.4rem; margin:20px auto}
.image-container {
    width: 150px;
    height: 150px;
    overflow: hidden;
    display: inline-block;
    border-radius: 50%;
    line-height: 0;
    font-size: 0;
    margin:20px;
    transition: all .4s;
    transform:scale(.8);
}
.member:hover .image-container {border-radius: 10px;transform:scale(1)}

.image-container img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}


.image-container img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    filter: grayscale(100%); /* Makes the image black and white */
    transition: filter 0.3s ease; /* Smooth transition for hover effects */
}

/* Optional: Add hover effect to revert back to color */
.image-container img:hover {
    filter: grayscale(100%); /* Return to original colors on hover */
}


.home #page {/* background-color:#0c162f; */}

.entry-content ol#intervencia {
    margin-top: 50px;
    margin-bottom: 100px;
}
.entry-content ol#intervencia li b {/* color:red; */font-size: 1.74rem;display: block;/* text-align: center; *//* max-width: 300px; */margin-bottom: 10px;}
.entry-content ol#intervencia li {margin-bottom: -1px;list-style-type: none;text-align: left;max-width: 590px;border: 1px solid #14a850;padding: 50px;margin-left: auto;margin-right: auto;font-size: 1.1rem;line-height: 2rem;transition: all .4s;max-width: 500px;background-color: white;}
.entry-content ol#intervencia li:hover {transform:translateX(10px)}
.entry-content ol#intervenciaaaaaaaa:after {margin:20px auto;content:"";width:100px;height: 280px;display:block;background-size: 4280px;background-image: url("https://hprs.sk/wp-content/uploads/2024/12/icons-3.svg");background-position: -1266px -90px;width: 330px;/* background-color: red; */transform: scale(2.5);z-index: 1;opacity: 0;position: absolute;top: 150px;right: 0;}


    .single .entry-header h1.entry-title {display:block;position:absolute;text-align:center;width:100%;max-width: 700px;top: 40%;font-size: 3.18rem;line-height: 4rem;left: 0;right: 0;margin-left: auto;margin-right: auto;padding: 30px;background-color: transparent;color: white;}
.single article .entry-content {margin:20px auto;max-width: 750px;padding:20px;font-size:1.3rem;line-height:1.8rem;/* background-color: white; *//* color: black; *//* padding: 80px 60px; */}
.single article .image {height: 60vh;background-size: cover;position: relative;/* max-width: 1630px; */margin-left: auto;margin-right: auto;background-position: top;background-color: rgba(78,33,22,0.431);background-blend-mode: multiply;/* border-radius: 20px; */line-height: 0;overflow: hidden;margin: 0px auto;padding: 0px;}

.single article .entry-content .btn {color:#14a850; border:2px solid #14a850;}
.single article .entry-content .btn:hover {border-color:#0c162f }

    .page .entry-header h1.entry-title {display:block;/* position:absolute; */text-align:center;width:100%;max-width: 700px;top: 40%;font-size: 2.48rem;line-height: 3rem;left: 0;right: 0;margin-left: auto;margin-right: auto;padding: 30px;background-color: transparent;color: 14a850;/* color: #0c162f; *//* padding-bottom: 30px; */}
.page article .entry-content {margin:20px auto;/* max-width: 750px; */padding:20px;font-size: 1.13rem;line-height:1.8rem;/* background-color: white; *//* color: black; *//* padding: 80px 60px; */position: relative;overflow: hidden;}
.page article .post-thumbnail {max-height: 60vh;background-size: cover;position: relative;/* max-width: 1630px; */margin-left: auto;margin-right: auto;background-position: top;background-color: rgba(78,33,22,0.431);background-blend-mode: multiply;/* border-radius: 20px; */line-height: 0;overflow: hidden;margin: 0px auto;padding: 0px;position: relative;z-index: -1;background-color: #0c162f;}
.page article .post-thumbnail img {transition: all .3s; width:100%!important;height:auto!important;max-width: 100%!important;!importan;!importa;!import;!impor;!impo;!imp;!im;!i;!;opacity: .65;}


#referencie {text-align:center;max-width: 1180px;margin: 0px auto;}
#referencie h3 {
    margin: 20px 0px 20px 0px;
    font-size: 2rem;
    line-height: 3rem;
}
#referencie h4 {
    margin-top: 40px;
    margin-bottom: 50px;
    color: #14a850;
    font-size: 1.3rem;
    text-transform: uppercase;
}
#referencie div {display:inline-block;/* margin:20px; */vertical-align: bottom;}
#referencie div img {transition: all .3s;max-height: 80px;max-width: 120px;height: auto;display:block;margin:0px auto;filter: grayscale(1);mix-blend-mode: multiply;margin-bottom: 20px;}
#referencie div a {padding:20px;display:block;margin:10px;/* border: 1px solid; */color: initial;max-width: 150px;}

#referencie div a:hover {color:#14a850}
#referencie div a:hover img { filter: grayscale(0);}
#referencie div small {display:block;font-size: .7rem;}
#referencie div span {display:block;color:initial;font-weight:normal;font-size: 1rem;line-height: 1.42rem;}

#objednat {background-color:#14a850;display:block;position:absolute;right:0;padding: -8px;text-align:center;color:white;transition: all .83s;position: fixed;/* top:0; */border-top-left-radius: 5px;border-bottom-left-radius: 5px;/* right: -400px; */bottom: -100px;z-index: 999;border-radius: 50px;width: 100%;max-width: 470px;margin: 0px auto;left: 0;right: 0;}
.fixedheader #objednat {bottom: 10px;}
#objednat .btn {font-size: .78rem;background-color: white;vertical-align: middle;}
#objednat strong {color:white;/* display:block; */font-size:.8rem;display: inline-block;vertical-align: middle;padding: 0px 20px;}


.parent-pageid-118 #objednat {display:block!important}
.close-ob #objednat {display:none!important}

.page article .entry-content #kurz {
    max-width: 830px;
    margin: 20px auto;
}
.page article .entry-content #kurz h1 {font-size:2rem;text-align: center;}
.page article .entry-content #kurz h2 {font-size: 1.68rem;line-height: 2.05rem;margin-top: 10px;margin-bottom: 10px;color: #14a850;text-align: center;}
.page article .entry-content #kurz h2 small {display:block; margin-left:30px}

.page article .entry-content #kurz #smaller {margin-top:30px;}
.page article .entry-content #kurz #smaller h2 {font-size:1.13rem;line-height: 1.56rem;text-align:left;}

.page article .entry-content #kurz .popis {
    text-align: center;
    padding: 0px 20px;
}
.page article .entry-content #kurz .popis span {text-align:center;display:inline-block;font-size: .89rem;font-weight: bold;color: #14a850;}


i.plus {display: inline-block;width: 60px;height: 60px;border: 3px solid #14a850;border-radius: 9px;margin: 10px auto;position:relative;transform: scale(0.65);vertical-align: middle;}

i.plus:before {content:"";transition: all .3s; width:30px; height:4px; background-color:#14a850; display:block; left:0%; right:0; margin:25px auto; position:absolute;}
i.plus:after {content:"";transition: all .3s; transform:rotate(90deg); width:30px; height:4px; background-color:#14a850; display:block; left:0%; right:0; margin:25px auto; position:absolute;}

.open i.plus:after {transform:rotate(180deg); } 
#kurz h3 {
    font-family: "ivystyle-sans", sans-serif;
    font-weight: 400;
    text-transform:uppercase;
    font-size: .85rem;
    opacity:.7;
    letter-spacing:1px;
    text-align: center;
    margin-bottom: 0;
    line-height: 1.4rem;
    }

.details {text-align:left;padding: 0;max-height: 0;transition: all .3s;overflow: hidden;}
.open .details {padding:20px 0px; max-height:900px;}

.page article .entry-content #kurz  ul {list-style-type:none}
.page article .entry-content #kurz ul li {transition: all .3s;line-height: 2rem;position: relative;/* font-weight: bold; */}
.page article .entry-content #kurz ul li:hover {color:#14a850}
.page article .entry-content #kurz  ul li:before {
                                                  content:"";
                                                  width: 60px;
                                                  height: 41px;
                                                  display:inline-block;
                                                  vertical-align:middle;
                                                  background-image:url(https://hprs.sk/wp-content/uploads/2024/12/icons-6-1.svg);
                                                  background-size: 1410px;
                                                  background-color: #f5f7f9;
                                                  background-color: white;
                                                  background-position: -356px -63px;
                                                  margin-right: 20px;
                                                  border-radius: 0px;
                                                  /* margin-left: -70px; */
                                                  /* position: absolute; */
                                                  }

.page article .entry-content #kurz  ul li:hover:before {background-position: -292px -61px;}
.page article .entry-content #kurz ul {transition: all .3s; padding: 10px 10px 10px 10px;border: 2px solid #f5f7f9;border-radius: 12px;background-color: #f5f7f9;}

.page article .entry-content  #kurz .popis ul {max-height:0;overflow:hidden;padding:0;border-color: transparent;border:0;text-align: left;}
.page article .entry-content  #kurz .popis.open ul {max-height:initial;padding: 10px 10px 10px 10px;margin-bottom: 40px;}
.sub-menu-toggle {display:none}

#site-navigation ul.sub-menu li:last-child aa {
    padding-bottom: 10px;
}

#site-navigation ul.sub-menu li a {
    padding: 8px 20px;
    line-height: 1rem;
    /* font-size: 0.69rem; */
    color: #0c162f;
    padding-right: 49px!important;!importan;!importa;!import;!impor;!impo;!imp;!im;!i;!;
}

#site-navigation ul.sub-menu li a:hover {
}

#site-navigation li {
    display: inline-block;
    text-align: left;
    vertical-align: middle;
    transition: all .3s;
}


#site-navigation ul {
    padding-left: 0px;
}

.menu > li > .sub-menu {
    margin-left: -60px !important;
}

#site-navigation li:hover > ul {
    max-height: 1000px;
    padding-top: 20px;
    padding-bottom: 20px;
}

#site-navigation li:hover > ul {
    overflow: visible;
}

#site-navigation ul.sub-menu {
    position: absolute;
    z-index: 999;
    background-color: #f5f7f9;
    margin: 0px;
    transition: all 0s ease 0s;
    max-height: 0px;
    min-height:0%;
    overflow: hidden;
    /* width: 300px; */
    /* top: 0; */
    margin-top: 33px;
    transition: all .4s ease-in-out;
    border-radius: 10px;
}

#site-navigation ul.sub-menu li {
    display:block!important;
    padding:10px 10px;
    border: 0!important;!importan;!importa;!import;!impor;!impo;!imp;!im;!i;!;
    position: relative;
    /* border-bottom: 1px solid red!important; */!importan;!importa;!import;!impor;!impo;!imp;!im;!i;!;
}

#site-navigation ul.sub-menu li:last-child {
    display:block;
    border-left:0;
    
}

.fixedheader #site-navigation ul.sub-menu {margin-top:20px; }


#site-navigation ul.sub-menu li.menu-item-has-children {
    max-height: 300px;
}



#mhead:before {content:"";
               width:100vw;
               height:4px; 
               background-color:#14a850;
               z-index: 999999999999999999;
               position: fixed;
               top: 0px;
               left: 0;
               display: block;
               transition: all .83s;
               margin-left:-50%;
               
              } 


.loading #mhead:before {margin-left:0%;}
#mhead:before {margin-left:100%}


#vsetky-kurzy {max-width: 1160px;margin: 30px auto;}
#vsetky-kurzy ul {font-size:0; line-height:0;}
#vsetky-kurzy li {transition: all .2s;display:inline-block;width:50%;width: calc(50% - 20px);text-align: center;padding-bottom: 10px;/* border: 5px solid white; *//* margin-left: -1px; *//* margin-bottom: -1px; */border-radius: 10px;overflow: hidden;margin: 10px;background-color: #f5f7f9;position: relative;}
#vsetky-kurzy li:hover {background-color:rgba(12,22,47,1)}
#vsetky-kurzy li a {}

#vsetky-kurzy li a.ain {display:inline-block;background-color: #0c162f;position: absolute;width: 210px;height: 120px;bottom: 100px;left: 20px;font-size: .9rem;line-height: 1rem;border-radius: 10px;overflow: hidden;transition: all .3s;background-color: white;}
#vsetky-kurzy li a.ain.aktualizacne {/* right:20px; */left: 240px;}
#vsetky-kurzy li a.ain span {display:block;width:100%;height: 89px;background-color:black;margin-bottom: 6px;background-size: cover;background-position: center;background-image: url(https://hprs.sk/wp-content/uploads/2025/01/inovacne-vzdelanie-300x200.jpg);}


#vsetky-kurzy li a.ain:hover {color:#0c162f; }
#vsetky-kurzy li a.ain.aktualizacne span {background-image:url(https://hprs.sk/wp-content/uploads/2025/01/inovacne-lektorujeme-300x170.jpg)}

#vsetky-kurzy li a i {transition:all .3s;display:block;width: 100%;height: 260px;background-color: rgba(12,22,47,0.47);background-blend-mode: multiply;background-size: cover;background-position: center;}
#vsetky-kurzy li a b {
    padding: 20px;
    font-size: 1.5rem;
    line-height: 2rem;
    display: block;
    text-align: left;
    position: relative;
}

#vsetky-kurzy li a b:after {
                                               content:"";
                                               display:block;
                                               width:30px;
                                               height:30px;
                                               position: absolute;
                                               right: 20px;
                                               top: 21px;
                                               background-image:url("https://hprs.sk/wp-content/uploads/2024/12/arrow.svg");
                                               background-repeat:no-repeat;
                                               background-size:10px;
                                               background-position:10px 12px;
                                               transform:rotate(-90deg);
                                               transition: all .3s;
                                               opacity: 0;
                                              }
#vsetky-kurzy li a:hover b:after {opacity:1; right:10px}
#vsetky-kurzy li a:hover i {background-color: rgba(12,22,47,0.3);}

#vsetky-kurzy li#menu-item-124 i {background-image:url(https://hprs.sk/wp-content/uploads/2024/12/lektorujeme-vzdelavacie-institucie-1536x1024.jpg);}
#vsetky-kurzy li#menu-item-133 i {background-image:url(https://hprs.sk/wp-content/uploads/2024/12/lektorujeme-zdravotnici-lakrka-1024x658.jpg);}
#vsetky-kurzy li#menu-item-154 i {background-image:url(https://hprs.sk/wp-content/uploads/2024/12/lektorujeme-psycho-socialne-vycviky-1024x650.jpg);}
#vsetky-kurzy li#menu-item-158 i {background-image:url(https://hprs.sk/wp-content/uploads/2024/12/lektorujeme-statna-sprava-1536x981.jpg);}
#vsetky-kurzy li#menu-item-173 i {background-image:url(https://hprs.sk/wp-content/uploads/2024/12/lektorujeme-firmy-1024x567.jpg);}
#vsetky-kurzy li#menu-item-172 i {background-image: url(https://hprs.sk/wp-content/uploads/2024/12/security-1024x685.jpg);}




.clicked .lines-button {right: 0px;position: absolute;width: 93px;/* text-align: center; */top: -10px;background: #50bdad;margin-right: initial;}
.lines-button:before {/* content:"Menu"; */position:absolute;margin-left: -70px;color: white;font-size: 1rem;text-transform: lowercase;margin-top: -3px;}
/* ====================== lines button ==================================================*/
.lines-button {
    padding: 0;
    /*! transition: .7s; */
    cursor: pointer;
    user-select: none;
    /* border-radius: .57143rem; */
/* */
    background: transparent;
    border: none;
    position: absolute;
    /* z-index: 999999999999999991; */
    outline: none;
    margin-left: 0;
    /*! padding-top: 16px; */
    width: 50px;
    /*! height: 8vh; */
    min-height: 50px;
    text-align: right;
    margin-left: auto;
    margin-right: auto;
    display: inline-block;
    float: right;
    transition: all .5s;
    z-index: 9;
    /* margin-top: 17px; */
    right: 15px;
    /* top: 12px; */
    /* display: block!important; */
}




.lines-button:hover {
    opacity: 1;
    /* border-bottom: 1px solid #4ABDAB; */
    /* background: white; */
}

.lines-button:active {
    transition: 0;
}

.clicked .lines,.clicked .lines:before,.clicked .lines:after {
    background: #fff;
}

.lines {
    display: inline-block;
    width: 31px;
    height: 2px;
    background: rgba(40,40,40,1);
    background: #14a850;
    background: black;
    opacity: 0;
    border-radius: 0;
    /*! transition: .5s; */
    position: relative;
    /* left: 7px; */
    opacity: 1;
    /* top: -4px; */
    /* box-shadow: 1px 1px rgba(0,0,0,0.4); */
}

.lines:before,.lines:after {
    display: inline-block;
    width: 23px;
    height: 2px;
    background: #005aaa;
    background: #14a850;
    background: black;
    border-radius: 0;
    transition: .3s;
    position: absolute;
    left: 0;
    content: '';
    -webkit-transform-origin: .28571rem center;
    transform-origin: .28571rem center;
    /* background: rgba(40,40,40,1); */
    /* left: 40px; */
    /* box-shadow: 1px 1px rgba(0,0,0,0.4); */
}

.lines:before {
    top: 8px;
}

.lines:after {
    top: -8px;
}

.lines-button:hover .lines:before {
   /* width: 29px; */
}

.lines-button:hover .lines:after {
 /* width:36px; */
}

.lines-button.closed {
    /* -webkit-transform: scale3d(0.8,0.8,0.8); */
    /* transform: scale3d(0.8,0.8,0.8); */
}



.lines-button.arrow.closed .lines:before,.lines-button.arrow.closed .lines:after {
    top: 0;
    width: 2.22222rem;
}

.lines-button.arrow.closed .lines:before {
    -webkit-transform: rotate3d(0,0,1,40deg);
    transform: rotate3d(0,0,1,40deg);
}

.lines-button.arrow.closed .lines:after {
    -webkit-transform: rotate3d(0,0,1,-40deg);
    transform: rotate3d(0,0,1,-40deg);
}

.lines-button.arrow-up.closed {
    -webkit-transform: scale3d(0.8,0.8,0.8) rotate3d(0,0,1,90deg);
    transform: scale3d(0.8,0.8,0.8) rotate3d(0,0,1,90deg);
}

.lines-button.minus.closed .lines:before,.lines-button.minus.closed .lines:after {
    -webkit-transform: none;
    transform: none;
    top: 0;
    width: 4rem;
}

.lines-button.x.closed .lines {
    background: transparent;
    box-shadow: 0px 0px 0px;
}

.lines-button.x.closed .lines:before,.lines-button.x.closed .lines:after {
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    top: 0;
    width: 22px;
    margin-left: 3px;
}

.lines-button.x.closed .lines:before {
    -webkit-transform: rotate3d(0,0,1,45deg);
    background-color: #14a850;
    transform: rotate3d(0,0,1,45deg);
}

.lines-button.x.closed .lines:after {
    -webkit-transform: rotate3d(0,0,1,-45deg);
    transform: rotate3d(0,0,1,-45deg);
    background-color: #14a850;
    color: #14a850;
}

.lines-button.x2 .lines {
    transition: background .3s .5s ease;
}

.lines-button.x2 .lines:before,.lines-button.x2 .lines:after {
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    transition: top .3s .6s ease,-webkit-transform .3s ease;
    transition: top .3s .6s ease,transform .3s ease;
}

.lines-button.x2.closed .lines {
    transition: background .3s 0 ease;
    background: transparent;
}

.lines-button.x2.closed .lines:before,.lines-button.x2.closed .lines:after {
    transition: top .3s ease,-webkit-transform .3s .5s ease;
    transition: top .3s ease,transform .3s .5s ease;
    top: 0;
    width: 4rem;
}

.lines-button.x2.closed .lines:before {
    -webkit-transform: rotate3d(0,0,1,45deg);
    transform: rotate3d(0,0,1,45deg);
}

.lines-button.x2.closed .lines:after {
    -webkit-transform: rotate3d(0,0,1,-45deg);
    transform: rotate3d(0,0,1,-45deg);
}






.lines-button.closed {/* left: 50%; *//* margin-left: -27px; *//* position: fixed; */z-index: 9999;/* background-color: white; *//* border-radius: 100%; */padding-left: 18px;/* box-shadow: 1px 1px 100px rgba(0,0,0,0.5); */}
.lines-button.closed:hover {}
.lines-button.closed:hover .lines:before, .lines-button.closed:hover .lines:after {/* background-color:#0bdbc0; */}
.lines-button.closed:before {/* content:"zatvor menu"; */margin-left: -110px;margin-top: -5px;text-align: left;/* color: white; */}
/**/



.cky-switch input[type="checkbox"] {-webkit-appearance: initial!important;-moz-appearance: initial!important;-ms-appearance: initial!important;-o-appearance: initial!important;appearance: initial!important;padding:initial!important;}



/*pdf*/

a.pdf {display:block;margin:10px auto;text-align: left;border-bottom: 1px solid white;padding: 20px;max-width: 350px;}
a.pdf span {display:inline-block;width:50%;line-height: 1rem;vertical-align: middle;}
a.pdf:last-child {border-bottom:0;}
a.pdf small {font-weight:normal;display: block;}
a.pdf:hover {color:black}
a.pdf:hover .preview_animation {transform:translateY(-5px)}
.preview_animation {
  /* background: rgba(0, 0, 0, 0.75); */
  width: 74px;
  height: 51px;
  display: inline-block;
  /* display: flex; */
  align-items: center;
  justify-content: center;
  vertical-align: middle;
  margin-left: 70px;
  transition: all .3s;
}
.loadPDF {
  width: 74px;
  height: 50px;
  background: #fff;
  perspective: 150px;
  /* box-shadow: 2px 2px 8px 0px rgba(0, 0, 0, 0.5); */
  border-radius: 7px;
  overflow: hidden;
}
.loadPDF * {
  display: block;
  transform-origin: 0 0;
}
.loadPDF p {
  box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.25);
  margin: 0;
  float: left;
  width: 50%;
  height: 100%;
  background: inherit;
  padding: 9px 6px;
  border-radius: 2px;
}
.loadPDF p:nth-child(1) {
  border-right: 1px solid #ddd;
}
.loadPDF p:nth-child(2) {
  border-left: 1px solid #ccc;
  animation: page 5s ease-in-out infinite;
}
.loadPDF p:nth-child(2) u {
  transform: scaleX(0);
  animation: line1 5s ease-in-out infinite;
}
.loadPDF p:nth-child(2) u:nth-child(2) {
  animation-name: line2;
}
.loadPDF p:nth-child(2) u:nth-child(3) {
  animation-name: line3;
}
.loadPDF p:nth-child(2) u:nth-child(4) {
  animation-name: line4;
}
.loadPDF u {
  width: 100%;
  height: 2px;
  background: #005825;
  margin: 5px 0;
}
@keyframes page {
  0%,
  80% {
    transform: rotateY(0deg);
  }
  98%,
  100% {
    transform: rotateY(-180deg);
  }
}
@keyframes line1 {
  0% {
    transform: scaleX(0);
  }
  15%,
  100% {
    transform: scaleX(1);
  }
}
@keyframes line2 {
  0%,
  20% {
    transform: scaleX(0);
  }
  35%,
  100% {
    transform: scaleX(1);
  }
}
@keyframes line3 {
  0%,
  40% {
    transform: scaleX(0);
  }
  55%,
  100% {
    transform: scaleX(1);
  }
}
@keyframes line4 {
  0%,
  60% {
    transform: scaleX(0);
  }
  75%,
  100% {
    transform: scaleX(1);
  }
}

.page section {
    max-width: 700px;
    margin: 0px auto;
    padding-bottom: 40px;
    /* border-bottom: 1px solid; */
    padding: 20px 0px;
    padding-bottom: 40px;
}

.page section.poradenstvo p {font-size:1.3rem;text-align: center;}

.page section.odvetvia {font-size:0;}

.page section.odvetvia div:nth-child(2) h3:before {content:"";width: 150px;height: 160px;margin: 0px auto;display:block;background-size: 390px;background-image:url(https://hprs.sk/wp-content/uploads/2025/01/ikony.svg);background-position: -167px 0Px;}
.page section.odvetvia div:nth-child(3) h3:before {content:"";width: 150px;height: 160px;margin: 0px auto;display:block;background-size: 390px;background-image:url(https://hprs.sk/wp-content/uploads/2025/01/ikony.svg)}



.page section.odvetvia div {font-size:1rem;display:inline-block;vertical-align:top;padding: 0px 20px 40px 0px;width: 48%;background-color: white;border-radius: 20px;margin: 1%;padding: 10px 20px 30px 20px;box-shadow: 1px 1px 5px rgba(0,0,0,0.1);min-height: 430px;}

.page section.druhy-plastov {}
.page section.druhy-plastov ul {text-align:center; font-size:0;}
.page section.druhy-plastov li {
    display: inline-block;
    width: 31.3%;
    font-size:1rem;
    margin: 0px;
    transition: all .3s;
    background-color: white;
    border-radius: 20px;
    margin: 1%;
    transform-origin:center;
    box-shadow:1px 1px 5px rgba(0,0,0,0.1)
    }

.page section.druhy-plastov li:hover {
    transform:scale(1.2);
    zindex:999;
}

.page section.druhy-plastov li span {
    font-size: .8rem;
    padding: 10px 0px 20px 0px;
    display: block;
}
.page section.druhy-plastov li img {display:block;margin: 20px auto 0px auto;font-size:.8rem}

.page  section:last-child {border-bottom: 0;}

.page  section h1 {
    font-size: 2.7rem;
    text-align: center;
}
.page section h2 {
    font-size: 1.58rem;
    line-height: 2.2rem;
    max-width: 370px;
    margin: 40px auto;
}

.page section h3 {
    font-size: 1.135rem;
    line-height: 2.0rem;
    font-weight: bold;
    text-align: center;
}

.page section ol {}
.page section ol li {
    margin: 20px 0px;
}
.page section ul {}
.page section li {
    margin-left: 22px;
}
.page section img {border-radius:50%;width: 160px;height: 160px;object-fit: cover;display:inline-block;vertical-align:middle;margin: 20px;}


.error404 header {margin:20px auto; max-width:500px; text-align:center;}
.error-404 .page-content {margin:90px auto; max-width:500px; text-align:center;; font-size:1.3rem;}

.error-404 form {margin:90px auto; max-width:500px; text-align:left;}






#imagelightbox {z-index:99999999999999999999!important; box-shadow:10px 10px 100px rgba(0,0,0,0.9); border-radius:20px;}









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


.lines-button {display: block!important;position: absolute;top: 29px;right: 20px;}
.fixedheader .lines-button {top: 13px;}
.shrink #mhead {box-shadow:1px 1px 24px rgba(0,0,0,0.3)}
    #mhead #site-navigation {display:block;text-align:left;width:initial;padding:10px;transition: all .3s;max-height: 0;overflow: hidden;padding: 0px 10px;}
    .shrink #mhead #site-navigation {max-height: 1000px;}
    #mhead #site-navigation li {display:block;border:0!important;padding: 3px;}
    #mhead #site-navigation li a {padding: 6px;display:block;color: black;}
    #site-navigation ul.sub-menu li a {font-size:.79rem}
    #site-navigation ul.sub-menu {position:relative;max-height:initial;margin-top: 10px;padding-left: 10px;background-color: transparent;}
    .logo {transform: scale(.75)!important;margin: 0;}
    .video-holder .over-video {position:relative;/* background-color: #0c162f; */padding-bottom:40px;margin-top: 40px;}
    .video-holder .over-video h1 {font-size:1.4rem; line-height:2rem}
    .video-holder .over-video h2 {font-size:1.14rem; line-height:1.4rem}
    .video-holder .btn {font-size:.7rem; margin:3px}

    .video-holder:before {display:none}
    .projekty-zoznam a {margin-bottom:0px}
    .ikons div {display:block;width:initial;padding: 15px;margin: 0px auto;}
    .projekty-zoznam > h2 {font-size:1.5rem}
    #vsetky-kurzy > h2 {font-size:1.5rem; margin-top:20px; margin-bottom:30px}
    #colophon h1 {font-size:1.5rem;margin-bottom: 20px;}
    #newsletter {padding:15px}
    #colophon .wrap.bottom {padding:30px 0px}
    #colophon .address {padding:5px; display:block; text-align:center;}
    #colophon .address a {font-size:1rem}
    .copyright {text-align:center;width: initial!important;!importan;!importa;!import;!impor;!impo;!imp;!im;!i;!;padding: 20px;margin-bottom: 10px;}
    #colophon a.logo {margin-left:auto;margin-right:auto;display: block;transform-origin: center;transform: scale(.75)!important;!i;!;margin: 10px auto;}
    #colophon {padding-top: 20px;}
    #formular > h2 {font-size: 1.5rem;line-height: 2rem;margin: 10px auto;}
    .entry-content h2 {margin: 10px 0px;font-size: 1.5rem;line-height: 2rem;margin-top: 30px;}
    .first b {margin:20px auto}
    .first, .second {display:block;width:initial;margin: 3px auto;}
    .wpcf7 {margin-bottom:10px}
    .page article .entry-content {padding: 10px;}
    #vsetky-kurzy  {
    width: 100%;
}
    #vsetky-kurzy li {width:initial; max-width:300px; margin:20px auto; display:block;}
    #vsetky-kurzy li a b {font-size:1rem}
    #vsetky-kurzy li a b:after {display:none}
    .page .entry-header h1.entry-title {font-size:1.4rem;line-height:2rem;padding: 10px;}
    .page article .entry-content {margin:0px auto}
    #kurz h3 {font-size:.69rem}
    .page article .entry-content #kurz h1 {font-size: 1.35rem;line-height: 2rem;}
    .page article .entry-content #kurz h2 {font-size: 1.13rem;line-height:1.8rem;/* margin: 17px 0px; */}
    .page article .entry-content #kurz ul {padding:20px 10px;white-space: nowrap;overflow: scroll;}
    .page article .entry-content #kurz ul li {font-size: 1rem;font-weight:bold}
    .page article .entry-content #kurz ul li:before {margin-right: 10px;}
    #formular {overflow:initial;text-align: center;width: 100%;}
    .page article .entry-content {overflow:initial;}
    #white .wpcf7:before {display:none}
    #objednat {max-width:260px; border-radius:10px;}
    #hodnoty h3:before {transform:scale(.7);margin-right: 5px;}
    .entry-content .komplexny-pristup {padding:15px}
    .entry-content ol#intervencia li {padding:20px}
    .entry-content ol#intervencia {margin:10px!important; padding:0;}
    .entry-content ol#intervencia li b {font-size:1.3rem; line-height:1.8rem}
    .single article .image {height:40vh}
    .single .entry-header h1.entry-title {font-size:1.3rem; line-height:1.9rem}
    .single article .entry-content {font-size:1rem;}
    .btn {font-size:.8rem}
    #vsetky-kurzy li a.ain {position:relative;left:0;bottom: 0;}
    #vsetky-kurzy li a.ain.aktualizacne {position:relative;left:0;margin-top: 20px;margin-bottom: 20px;}
    #referencie div small {display:none}
    #referencie div a {max-width:90px;padding: 0px;}
    #referencie div img {max-width: 58px;padding: 5px;}
    #referencie div span {font-size: .8rem;line-height:1rem}
    #referencie h3 {font-size:1.5rem; line-height:1.8rem;}
    #referencie h4 {font-size:1rem}

    body #colophon #adresy div {text-align:center}
    .video-holder:after {
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: bottom;
    }
        .video-holderr {
    background-color: #14a850;  }
    body #colophon #adresy div {padding:20px}
    #statement div {display:block;margin:10px auto;width:initial;padding: 10px;text-align: left;}
    #statement i {display:block; margin:10px auto; width:initial; height:30vh}
    #statement div h2 {font-size:1.3rem;line-height:1.8rem;text-align: center;}
    #statement div strong {font-size:1.1rem;line-height:1.5rem;text-align: center;}
    #statement div p {text-align:center}
    #page {padding-top: 115px;}
    #misia h3 {font-size:1.2rem}
    #misia h3 small {font-size:1.0rem}
    .page section.odvetvia div {display:block;width:initial;text-align:left;padding: 20px;/* text-align: center; */max-width: 310px;margin: 10px auto;min-height: initial;}
    .page section.druhy-plastov li {width:47%; vertical-align:top;}
    .page section {padding:10px; margin:5px}
    .page section img {width:120px; height:120px}
    .page section.druhy-plastov li span {font-size:.7rem; line-height:.9rem}
    .page section h3 {font-size:1.2rem; text-align:center; min-height:initial;}
    #statement .btn {margin:20px auto; display:block; text-align:center; max-width:250px}
    .video-holder {
        
    background-color: transparent; }    
    .video-holder  a.btn, .video-holder  h2, .video-holder  h1 {color:black;}
}