@charset "UTF-8";

/*
Theme Name: interagros-theme
*/



html {
    box-sizing: border-box
}
body {
    font-size: 16px;
    background-color: #fff;
    color: #58595b;
    margin: 0px auto!important;
    position: relative;
}
*, :after, :before {
    box-sizing: inherit
}
:focus {outline:0;}
ol, ul {
    list-style-type: none
}
blockquote, body, dd, dl, figure, h1, h2, h3, h4, h5, h6, li, ol, p, ul {
    padding: 0;
    margin: 0;
    font-family: 'Montserrat', sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    /* font-weight: 400; */
}
hr, pre {
    margin: 0;
    line-height: 1.3rem
}
hr {
    border-style: none;
    background: #19cade;
    height: .125em
}
.aligner:after, .aligner:before {
    display: table;
    line-height: 0
}
.aligner>.aligner {
    clear: none
}


#page {width:100vw; overflow:hidden;}

a.logo {display:inline-block;width:200px;height:50px;background-repeat:no-repeat;background-position:left;background-image: url(https://intera.matoremes.sk/wp-content/uploads/2021/12/logo-i.svg);background-size: contain;vertical-align: middle;margin-right: 50px;z-index: 9999999999999;position: relative;}
a.logo:after {content:"";display:block;width: 118px;height:20px;background-image: url(https://intera.matoremes.sk/wp-content/uploads/2021/12/ikonky-2.svg);display: inline-block;background-size: 132px;background-position: -7px -1088px;margin-top: 41px;/* background-color: red; */transition: all 1s;width: 0;left: 80px;position: absolute;}

#masthead:hover .logo:after {width:130px}

a {color: #5CA03C;text-decoration:none;font-weight:bold;transition: all .3s;-webkit-transition: all .3s;}

   #site-nav #site-navigation-2 a:after {content:"";width:100%;display:block;height:1px;background-color:red;background: rgb(154,202,60);background: linear-gradient(90deg, rgba(154,202,60,1) 0%, rgba(103,174,62,1) 100%);position: relative;left: 0;transition: all .4s;width: 0;opacity: 0;/* margin-top: 10px; */position: absolute;bottom: 0;margin-bottom: 0px;}

  #site-nav #site-navigation-2 a:hover:after {width: 20px;opacity: 1;left: 15px;}
#masthead #site-nav .current-menu-item>a:after,
#masthead #site-nav .current-page-parent>a:after {width: 20px;opacity: 1;left: 15px;}



#masthead {
    font-size: 0;
    padding: 0px 30px;
    /* max-width: 1360px; */
    text-align: right;
    margin: 0px auto;
    position: relative;
    z-index: 99999;
    /* position: fixed; */
    width: 100%;
    background-color: white;
}

.fixedheader #masthead {/* position:fixed; *//* left:0; *//* right:0px; */background-color:white;box-shadow:1px 1px 20px rgba(0,0,0,0.1);}

#masthead .mwidth {
   max-width: 1360px; 
   margin:0px auto
}

a#more {

}
a:hover {color:#5ca038}
.hero-video {
    position: relative;
    font-size: 0;
    /* min-height: 100vh; */
    /* min-height: calc(100vh - 40px); */
    /* max-height: calc(100vh - 40px); */
    background-color: white;
    overflow: hidden;
    /* border: 2px solid #F0F9FF; */
    /* background: #F0F9FF; */
    max-width: 1680px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}





#hero h2 {
    background: rgb(154,202,60);
    background: linear-gradient( 
90deg, rgba(154,202,60,1) 0%, rgba(103,174,62,1) 100%);
    display:inline-block;
    color:white;
    text-transform:uppercase;
    padding:4px;
    font-size: 2rem;
    }


form.search-form  label {font-size:2rem;  display:block; padding-bottom:20px;text-align:left; max-width:630px; margin:0px auto;}
form.search-form input:focus {border-color: #5ca038}


#site-nav a.f, #colophon a.f {display:inline-block;/* background-color:red; */margin-right: 10px;vertical-align: middle;background-image: url(https://intera.matoremes.sk/wp-content/uploads/2021/12/ikonky-2.svg);display: inline-block;background-size: 109px;background-position: 2px -634px;margin-top: -9px;height: 25px;/* display: none; */}
#site-nav a.l, #colophon a.l {display:inline-block;/* background-color:red; */margin-right: 8px;vertical-align: middle;background-image: url(https://intera.matoremes.sk/wp-content/uploads/2021/12/ikonky-2.svg);display: inline-block;background-size: 109px;background-position: -29px -634px;margin-top: -9px;height: 25px;/* display: none; */}

#site-nav a.f:after, #colophon a.l:after {display:none}

#site-nav a.f:hover, #colophon a.f:hover {transform:scale(1.1)}
#site-nav a.l:hover, #colophon a.l:hover {transform:scale(1.1)}


#colophon a.f {
    /* border: 2px solid; */
    height: 30px;
    width: 30px;
    background-position: 2px -672px!important;
    /* background-color: white; */
    }

#colophon a.l {
    /* border: 2px solid; */
    height: 30px;
    width: 30px;
    background-position: -28px -672px!important;
    /* background-color: white; */
    }






#site-nav #searchicon:hover {transform:scale(1.1)}

#site-nav a.f:before {content:"";width: 1px;height: 29px;display:block;margin-right:10px;/* background: rgb(154,202,60); */background: linear-gradient(90deg, rgba(154,202,60,1) 0%, rgba(103,174,62,1) 100%);position: absolute;top: -3px;left: -10px; display:none;}

.primary-navigation {/* top: 41px; */position: relative;z-index:99999;/* text-align:center; *//* left:0; *//* right:0; *//* width: initial; */display: block;/* margin: 0px auto; */font-size: 0;}
.primary-navigation ul, .primary-navigation div {display:inline-block;margin-left: 0;padding-left: 0;font-size: 0;line-height: 0;}
.primary-navigation li {display:inline-block;position: relative;margin: 12px 0px;}
.primary-navigation a {font-size:1rem;color:white;position: relative;z-index: 1;}

.primary-navigation li .sub-menu {left: 0;position:absolute;text-align: left;background-color: black;padding: 10px 0px;left: 0;margin-left: -1px;transition: all .4s;margin-top: 20px;opacity: 0;visibility: hidden;width: 220px;/* padding-bottom: 0px; */}

.primary-navigation li:hover .sub-menu {
  margin-top: 6px;
opacity: 1;
visibility: visible;
}

.primary-navigation li .sub-menu li {
    margin: 0px auto;
    width: 100%;
}
#site-nav .sub-menu li  a {color:white;line-height:1.1rem;padding: 6px 15px;font-size: .68rem;}


.primary-navigation .sub-menu-toggle {display:none}


.primary-navigation li.enagold {
    background: rgb(154,202,60);
    background: linear-gradient(
90deg, rgba(154,202,60,1) 0%, rgba(103,174,62,1) 100%);
    border-radius:5px;
    margin-left: 20px;
    }
.primary-navigation li.enagold a {color:white}
#site-nav .primary-navigation li.enagold a {color: white;}

#site-nav .primary-navigation li.enagold a:hover {color: black;}

.primary-navigation a {/* line-height:6rem; */text-decoration: none;padding: 10px;display: block;transition: all .3s ease-in-out, -webkit-transition: all .3s ease-in-out;position: relative;}


#site-nav {display:inline-block;vertical-align:middle;width: calc(100% - 250px);text-align: right;padding-right: 0;/* max-width: 900px; */}
#site-navigation {
    /* border-bottom:1px solid; */
    /* border-bottom-style: solid; */
    /* border-bottom: 2px; */
    /* border-image: linear-gradient(
      to left, 
      red, 
      blue
    ) 1 100%; */
    }

    #site-navigation:after {content:"";width:100%;display:block;height:1px;background-color:red;background: rgb(154,202,60);background: linear-gradient(90deg, rgba(154,202,60,1) 0%, rgba(103,174,62,1) 100%);position: relative;background: #a8ad00;background: linear-gradient(
90deg, rgba(154,202,60,1) 0%, #a8ad00 100%);left: 0;background: rgb(154,202,60);background: linear-gradient(
90deg
, rgba(154,202,60,1) 0%, rgba(103,174,62,1) 100%);transition: all 1.5s;width: 0;opacity: 0;}
#site-navigation a {font-size: .8rem;font-weight:normal;line-height: 1rem;padding: 7px 15px;position: relative;/* background-size: 118px; *//* display: none; */color: #58595b;}
#site-navigation li {margin: 5px 0px;}

#masthead:hover #site-navigation:after {width: 80%;opacity: 1;left: 20%;}

#site-navigation-2 a {font-size:.8rem;padding: 15px 15px;font-weight:normal;text-transform:uppercase;font-weight:bold;color: #58595b;}
#site-nav a {
    position: relative;
}
#site-nav a:hover {color: #5CA03C;}


#searchicon {background-image: url(https://intera.matoremes.sk/wp-content/uploads/2021/12/ikonky-2.svg);display:inline-block;height: 24px;width: 30px;overflow: hidden;display: inline-block;/* position:absolute; *//* right: 52px; */top: -3px;z-index: 82928;background-position: center;background-repeat: no-repeat;/* transition: all .3s ease-in-out; *//* transform-origin: right; *//* position: relative; *//* border-left: 2px solid white; *//* border-right: 2px solid white; */padding: 0px 0px;position: relative;overflow: hidden;vertical-align: middle;background-size: 107px;background-position: -64px -613px;/* background-color: red; */margin-right: 13px;line-height: 0;transition: all .3s;/* display: none; */}
#searchicon:hover {/* transform: scale(1.3); */}

#user {background-image: url(https://slovclean.sk/wp-content/uploads/2021/02/user2.svg);display:inline-block;height: 23px;width: 30px;display:block;position:absolute;right: 128px;top: 48px;z-index: 82928;background-position: top left;background-repeat: no-repeat;/* transition: all .3s ease-in-out; *//* transform-origin: right; *//* position: relative; */}
.finished-video-1 #user {background-image: url(https://slovclean.sk/wp-content/uploads/2021/02/user1.svg);}
#user:hover,#masthead:hover #user {background-image: url(https://slovclean.sk/wp-content/uploads/2021/02/user2.svg);}
#user span {transition: all .3s;-webkit-transition: all .3s ease-in-out;/* opacity:0; *//* visibility:hidden; */position:absolute;font-size: .7rem;display:block;width: 60px;left:0;top:0;margin-top:30px;margin-left: -22px;color: #5ca038;}
#user:hover span {visibility:visible; opacity:1}

#searchicon:before {content:"";height:100%;width:2px;display:block;position:absolute;background-color: #5CA03C;transform:rotate(45deg);margin-left: 0px;transition: all .3s;-webkit-transition: all .3s ease-in-out;/* width: 0; */transform: rotate(0deg);opacity: 0;margin-left: 16px;}
#searchicon:after {content:"";height:100%;width:2px;display:block;position:absolute;background-color: #5CA03C;transform:rotate(-45deg);margin-left: 1px;transition: all .3s;-webkit-transition: all .3s ease-in-out;transform: rotate(0deg);opacity: 0;margin-left: 16px;}

#searchicon span {transition: all .3s;-webkit-transition: all .3s ease-in-out;opacity:0;visibility:hidden;/* position:absolute; */font-size: .5rem;display:block;/* width: 16px; *//* left:0; *//* top:0; *//* margin-top:30px; */margin-left:-23px;color: #5ca038;font-weight: bold;display: none;}
#searchicon:hover span {visibility:visible; opacity:1}


#searchicon.closed {background-image:none!important;/* position: fixed; *//* top: 70px; */}
#searchicon.closed:after  {transform:rotate(-45deg); opacity:1}
#searchicon.closed:before  {transform:rotate(45deg); opacity:1}







.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 */
}

.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;
}

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

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

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

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:#58595b }
.wpcf7 {padding-bottom:10px;text-align: center;display: block;max-width: 800px;margin: 10px auto 0px !important;}
.wpcf7 label { max-width: 550px; display: inline-block; width: 100%; position: relative; }
.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, textarea, select {width: 100%;font-family: inherit;padding: 15px 15px;border-radius: 0;font-size: 1rem;margin-bottom: 2px;max-width: 500px;-webkit-appearance: none;appearance: none;color: #58595b;background-color: #e6e7e8;outline: 0px;border: 0;/* 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: 40px;}
input:focus, textarea:focus, select:focus {border: 1px solid white;}
label.sel { display: block; margin: 0px auto; }
.wpcf7 select { background-image: url("https://wera.matoremes.sk/wp-content/uploads/2020/11/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: 21px; appearance: none !important; }
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; }
input[type="checkbox"] {appearance: checkbox !important;-webkit-appearance: checkbox!important;}
.wpcf7 label span {display: block;margin-bottom: 0px;vertical-align: middle;/* margin-top: 10px; */}
.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: transparent;appearance: none;background-repeat: no-repeat;background-position: 95% center;background-size: 24px;color: #5a6771;/* color: #5ca038; */transition: all 0.4s ease 0s;-webkit-transition: all .4s ease-in-out;margin-left: 0px;/* font-size: 1.58rem; */text-transform: uppercase;/* letter-spacing: 2px; *//* font-weight: normal; */border: 1px solid #5a6771;border: 1px solid #5ca038;}
html .wpcf7-submit:hover {background-color: white;color: #5a6771;color: #5ca038;background-position: 97% center;}
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; }
}
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; margin-top: 0px !important; margin-bottom: 15px !important; }
span.p {position: absolute;z-index: 9;font-size: 0.795rem;padding-left: 15px;margin-top: 16px;opacity: 0;color: white;transition: all 0.4s ease 0s;-webkit-transition: all .3s ease-in-out;}
.on span.p { opacity: 0.8; right: 37px; }
.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 {padding: 10vh 20px;text-align: center;background-image: url("https://wera.matoremes.sk/wp-content/uploads/2020/10/wera-footer.png;"), url("https://wera.matoremes.sk/wp-content/uploads/2020/10/bg-footer-2-scaled.jpg");background-repeat: no-repeat;background-size: 40%, cover;background-position: left bottom, center top;position: relative;z-index: 999;}
#formular h2 { color: rgb(183, 107, 119); font-size: 3.1rem; max-width: 500px; margin: 20px auto; text-align: center; font-weight: bold; }
#formular h2::before { content: ""; width: 77%; height: 79px; display: block; background-repeat: no-repeat; background-position: center center; margin: 0px auto; background-image: url("https://wera.matoremes.sk/wp-content/uploads/2020/11/napismi.svg"); }
#formular h2 em { font-size: 1.3rem; display: block; }
#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;}

form {font-size:0;text-align: left;text-align: center;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%}

#whistleblow form {font-size:1rem}
#whistleblow {max-width:400px;text-align:left;margin: 20px auto;}
#whistleblow p {text-align: left;}
#whistleblow p label small {font-size:.5rem;margin-top:0px;display:inline-block;display: none;}
#whistleblow p label span {margin-top:10px}
html #whistleblow span.wpcf7-not-valid-tip {font-size:.8rem!important;display: block;}

html #whistleblow .wpcf7-response-output {color:initial; text-align:left; padding:10px}


#whistleblow .small {text-align:left; font-size:.8rem; margin:10px 0px}
#whistleblow .wpcf7-checkbox > span {margin: 10px 15px;font-size:.8rem;text-align:center;}
#whistleblow .wpcf7-checkbox span label {text-align:center; display:inline-block;}
#whistleblow .wpcf7-checkbox > span input {display:inline-block;margin:10px auto;float: none;}
form span.wpcf7-list-item {margin:0}
.wpcf7-response-output {font-size:.8rem;color:white;margin: 10px 0px!important; padding:10px!important; color:initial}

.searchme {padding-top:40vh;width: 100vw;height:100vh;background-color: white;text-align:center;top:0;position:fixed;/* z-index: 199888888888888889991; */left: 0;}
.searchf .searchme {display:block!important;/* text-align: center; */}
.searchme input[type="text"], input[type="button"], input[type="submit"] {max-width:200px;/* color: #a8ad00; */text-transform:uppercase;}
.searchf {/* position:fixed; */overflow:hidden;}
.searchf .searchme form {text-align:center;}
body.search-results {overflow:initial!important}
body.search-results .searchme {position:relative;margin-top: 30px;padding-top: 40px;height: auto;padding-bottom: 40px;/* display: none!important; */}


#content {/* padding-top:160px; */text-align:center;}
.search-results #content {padding:60px 20px}
.error404 #content {/* padding-top:20vh */}
.o {max-width:880px;margin:20px auto;text-align: justify;padding:60px;}
.o h3 {display:block; margin:20px 0px; font-size:1.4rem; line-height:2rem}
.o strong {font-weight:bold;/* color:black */}
.page-template-default article {/* padding-top: 110px; */min-height: 90vh;}

.page-template-default article header {display:none;}

form.search-form  label {font-size: 1rem;display:block;padding-bottom:20px;text-align:left;max-width:630px;margin:0px auto;}
form.search-form input:focus {border-color: #5ca038}

.btn {background-color:white;font-size: 1rem;padding:10px 30px;border-radius:30px;text-transform: uppercase;/* letter-spacing: 1px; */transition: all .3s ease-in-out;-webkit-transition: all .3s ease-in-out;font-weight: bold;text-transform: uppercase;white-space: nowrap;background: linear-gradient(to right, rgba(154,202,60,1) , rgba(103,174,62,1));-webkit-background-clip: text;-webkit-text-fill-color: transparent;transition: .4s all!important;}
.btn:after {content:"";width: 24px;display:inline-block;height:20px;/* background-color:red; */vertical-align:middle;transition: all .24s;background-image: url(https://intera.matoremes.sk/wp-content/uploads/2021/12/ikonky-2.svg);display: inline-block;background-size: 60px;background-position: -63px -933px;/* margin-right: -20px; */width: 0;}
.btn:hover:after {margin-left:10px;width:30px;margin-right: -20px;}
.hero-video .btn:hover {/* transform: scale(1.1)!important; *//* color: #5A6772; */background-color: white;  }

.btn:hover {/* background-color: black; */background: linear-gradient(to right, rgba(154,202,60,1) , rgba(103,174,62,1));-webkit-background-clip: text;-webkit-text-fill-color: transparent;box-shadow: 1px 10px 20px rgb(0 0 0 / 20%);border: 1px solid white!important;}
.gallery-item { width: 280px; height: 170px; display: inline-block; margin-right: 1px; margin-bottom: 1px; vertical-align: top; }
.gallery-item:hover a { background-color: rgba(0, 0, 0, 0.3); }
.gallery-icon { width: 100%; height: 100%; display: block; }
.gallery-icon a { transition: all 0.5s ease 0s; -webkit-transition: all .3s ease-in-out; display: block; background-blend-mode: multiply; background-size: cover; width: 100%; height: 100%; background-position: center center; }
.gallery-icon a img { display: none; }
.gallery {text-align: center;max-width: 884px;margin: 20px auto;}
.gallery-item {display: inline-block;position: relative;width: 220px !important;height: 180px !important;margin: 0px 1px 1px 0px;}
.gallery-item::before {content: "";width: 30px;height: 30px;background-image: url("https://slovunit.sk/wp-content/uploads/2019/03/lupa2.svg");display: inline-block;position: absolute;left: 0px;right: 0px;margin: 78px auto 0px;background-repeat: no-repeat;background-position: center center;transition: all 0.4s ease 0s; -webkit-transition: all .3s ease-in-out; opacity: 0;transform: scale(0);}
.gallery-item:hover::before { opacity: 1; transform: scale(1); }
.tos-opened #masthead { margin-top: -150px; }


#colophon {padding: 20px 0px 0px 0px;}
#nl {
    text-align: center;
    font-size: 0;
    max-width: 1210px;
    margin: 0px auto;
    padding: 30px 30PX;
    /* border-top: 1px solid; */
    position: relative;
}

#nl:before {content:"";width:100%;display:block;height:1px;background-color:red;background: #a8ad00;background: linear-gradient(90deg, rgba(154,202,60,1) 0%, #a8ad00 100%);position: relative;margin-top: -30px;position: absolute;left: 0;max-width: 1300px;right: 0;margin: -30px auto 0px auto;}
#nl:after {content:"";width: 40px;height: 40px;/* background-color: white; */display:block;border-radius: 40px;position:absolute;top:0;left: 0;right: 0;margin: -40px auto 0px auto;/* background-image: url(https://intera.matoremes.sk/wp-content/uploads/2021/12/ikonky-2.svg); */display: inline-block;/* height: 24px; */background-size: 118px;background-position: -152px -766px;/* border: 20px solid white; */box-sizing: content-box;}


#nl .r {text-align:left;max-width:500px;display: inline-block;vertical-align: middle;}
#nl .l {text-align:left;max-width: 610px;display: inline-block;vertical-align: middle;font-size: 1rem;width: calc(100% - 500px);}
#nl .l h2 {}
#nl .l strong {font-weight:400;display:block;margin: 10px 0px;}



.df {background-color:#58595b; color:white;}

.df .footer-bottom {max-width: 1210px;margin:20px auto;font-size:0;PADDING: 0PX 50PX;}
.df .footer-bottom div {display:inline-block;width:25%;font-size: .89rem;vertical-align:top;padding: 20px 0px;line-height: 1.3rem;}
.df .footer-bottom div h3 {text-transform:uppercase;display:block;margin: 50px 0px;}
.df .footer-bottom div a {color:white}

.df .copyright {max-width: 1100px;margin:20px auto 0px auto;font-size: .57rem;padding: 40px 0px;font-size: 0;border-top: 1px solid;}

.df .copyright div {font-size:.7rem;display:inline-block;vertical-align:middle;width: 50%;}
.df .copyright div:nth-child(2) {text-align:right}

.copyright i {
    display: inline-block;
    width: 140px;
    height: 50px;
    /* background-repeat: no-repeat; */
    /* background-position: top right; */
    background-image: url(https://intera.matoremes.sk/wp-content/uploads/2021/12/logo-i-2.svg);
    /* background-size: contain; */
    /* vertical-align: middle; */
    /* margin-right: 50px; */
    /* z-index: 9999999999999; */
    /* position: relative; */
    /* margin-right: 0; */
    /* padding-right: 0; */
    background-position: top right;
    background-repeat: no-repeat;
}

#hero {background-image:url("https://intera.matoremes.sk/wp-content/uploads/2021/12/01.jpg");min-height:50vh;background-size:cover;min-height: 490px;background-position: center;height: 70vh;}
#hero h1 {color:white; text-align:center; padding-top:20vh; text-transform:uppercase;}
#hero h1 b {
    background: rgb(154,202,60);
    background: linear-gradient( 
90deg, rgba(154,202,60,1) 0%, rgba(103,174,62,1) 100%);
    padding: 7px;
}



#kruh {
    width: 400px;
    height: 400px;
    border: 3px solid;
    border-radius: 50%;
    margin: 20px auto;
    position: relative;
    margin-top: -190px;
    z-index: 9999;
    background-color: white;
}



#links {position:absolute;top:50%;left:50%;margin-left:-100px;width:200px;text-align:center;height: 50px;/* background-color: red; */margin-top: -28px;}
#linksssss:before {content:"Vyberte si";position:absolute;left:0;right: 0;margin: 8px auto;text-align:center;}
#links a {/* position:absolute; */font-size: 1.8rem;display: block;position: absolute;left: 0;right: 0;margin-top: 1px;/* opacity: 0; *//* visibility: hidden; */background-color: white;}
#kruh #oznam {transition: all .9s ease-in-out;background-color:white;position:absolute;top:40%;left:0;right:0;margin: 10px auto;max-width:150px;font-size: 1rem;/* z-index: -1; */opacity:1;font-weight: bold;}
.hd#kruh #oznam {opacity:0}

#kruh:before {
  content:"";
  width: 420px;
  height: 420px;
  border: 12px  solid #5CA03C;
  border-radius: 50%;
  margin: 0px auto;
  position: relative;
  border: 12px solid #9aca3c;
  position:absolute;
  left: -12px;
  top: -12px;
  z-index: -1;
}



#kruh:AFTER {
  content:"";
  width: 370px;
  height: 370px;
  border: 12px  solid #5CA03C;
  border-radius: 50%;
  margin: 0px auto;
  position: relative;
  border: 2px solid;
  position:absolute;
  left: 13px;
  top: 13Px;
  z-index: -1;
}

#kruh ul {
    display: block;
    width: 100%;
    height: 100%;
}
#kruh li {display:inline-block;transition: all .4s;box-shadow: 1px 1px 20px rgba(0,0,0,0.1);}
#kruh li:hover {transform:scale(1.1);box-shadow: 1px 1px 20px rgb(0 0 0 / 10%);}


#kruh li.li_01 {
    position:absolute;
    /* background-color: white; */
    width: 90px;
    height: 90px;
    border-radius:50%;
    position:absolute;
    left:0;
    right:0;
    margin: -45px auto;
             display: inline-block;
       background-color:white;

    }
#kruh li.li_01 a    {
  width: 90px;
  height: 90px;
  background-size: 155px;
  background-position: 9px -588px;
  background-repeat: no-repeat;
  background-image: url(https://intera.matoremes.sk/wp-content/uploads/2021/12/ikonky-2.svg);
  filter: grayscale(100%);
  filter: brightness(0.35);
  overflow:hidden;
  transition: all .3s;
  }

#kruh li.li_02 {position:absolute;background-color: white;width: 90px;height: 90px;border-radius:50%;position:absolute;left: 240px;top: 40px;right:0;margin: -35px 0px 0px 50px;display: inline-block;background-size: 155px;background-position: 9px -588px;background-repeat: no-repeat;/* box-shadow: 1px 1px 20px rgba(0,0,0,0.1); */}
#kruh li.li_02 a    {
  width: 90px;
  height: 90px;
  background-size: 155px;
  background-position: 9px 7px;
  background-repeat: no-repeat;
  background-image: url(https://intera.matoremes.sk/wp-content/uploads/2021/12/ikonky-2.svg);
  filter: grayscale(100%);
  filter: brightness(0.35);
  overflow:hidden;
  transition: all .3s;
  }



  #kruh li.li_03 {position:absolute;background-color: white;width: 90px;height: 90px;border-radius:50%;position:absolute;left: 240px;top: 40px;right:0;margin: 103px 0px 0px 109px;display: inline-block;background-size: 155px;background-position: 9px -588px;background-repeat: no-repeat;box-shadow: 1px 1px 20px rgba(0,0,0,0.1);}
#kruh li.li_03 a    {
  width: 90px;
  height: 90px;
  background-size: 155px;
  background-position: 9px -786px;
  background-repeat: no-repeat;
  background-image: url(https://intera.matoremes.sk/wp-content/uploads/2021/12/ikonky-2.svg);
  filter: grayscale(100%);
  filter: brightness(0.35);
  overflow:hidden;
  transition: all .3s;
  }


  #kruh li.li_04 {position:absolute;background-color: white;width: 90px;height: 90px;border-radius:50%;position:absolute;left: 240px;top: 40px;right:0;margin: 251px 0px 0px 50px;display: inline-block;background-size: 155px;background-position: 9px -588px;background-repeat: no-repeat;box-shadow: 1px 1px 20px rgba(0,0,0,0.1);}
#kruh li.li_04 a    {
  width: 90px;
  height: 90px;
  background-size: 155px;
  background-position: 9px -290px;
  background-repeat: no-repeat;
  background-image: url(https://intera.matoremes.sk/wp-content/uploads/2021/12/ikonky-2.svg);
  filter: grayscale(100%);
  filter: brightness(0.35);
  overflow:hidden;
  transition: all .3s;
  }


    #kruh li.li_05 {position:absolute;background-color: white;width: 90px;height: 90px;border-radius:50%;position:absolute;left: 240px;top: 40px;right:0;margin: 311px 0px 0px -90px;display: inline-block;background-size: 155px;background-position: 9px -588px;background-repeat: no-repeat;box-shadow: 1px 1px 20px rgba(0,0,0,0.1);}
#kruh li.li_05 a    {
  width: 90px;
  height: 90px;
  background-size: 155px;
  background-position: 9px -686px;
  background-repeat: no-repeat;
  background-image: url(https://intera.matoremes.sk/wp-content/uploads/2021/12/ikonky-2.svg);
  filter: grayscale(100%);
  filter: brightness(0.35);
  overflow:hidden;
  transition: all .3s;
  }



  
    #kruh li.li_06 {position:absolute;background-color: white;width: 90px;height: 90px;border-radius:50%;position:absolute;left: 240px;top: 40px;right:0;margin: 251px 0px 0px -226px;display: inline-block;background-size: 155px;background-position: 9px -588px;background-repeat: no-repeat;box-shadow: 1px 1px 20px rgba(0,0,0,0.1);}
#kruh li.li_06 a    {
  width: 90px;
  height: 90px;
  background-size: 155px;
  background-position: 9px -190px;
  background-repeat: no-repeat;
  background-image: url(https://intera.matoremes.sk/wp-content/uploads/2021/12/ikonky-2.svg);
  filter: grayscale(100%);
  filter: brightness(0.35);
  overflow:hidden;
  transition: all .3s;
  }



    #kruh li.li_07 {position:absolute;background-color: white;width: 90px;height: 90px;border-radius:50%;position:absolute;left: 240px;top: 40px;right:0;margin: 103px 0px 0px -286px;display: inline-block;background-size: 155px;background-position: 9px -588px;background-repeat: no-repeat;box-shadow: 1px 1px 20px rgba(0,0,0,0.1);}
#kruh li.li_07 a    {
  width: 90px;
  height: 90px;
  background-size: 155px;
  background-position: 9px -92px;
  background-repeat: no-repeat;
  background-image: url(https://intera.matoremes.sk/wp-content/uploads/2021/12/ikonky-2.svg);
  filter: grayscale(100%);
  filter: brightness(0.35);
  overflow:hidden;
  transition: all .3s;
  }



      #kruh li.li_08 {position:absolute;background-color: white;width: 90px;height: 90px;border-radius:50%;position:absolute;left: 240px;top: 40px;right:0;margin: -35px 0px 0px -216px;display: inline-block;background-size: 155px;background-position: 9px -588px;background-repeat: no-repeat;box-shadow: 1px 1px 20px rgba(0,0,0,0.1);}
#kruh li.li_08 a    {
  width: 90px;
  height: 90px;
  background-size: 155px;
  background-position: 9px -488px;
  background-repeat: no-repeat;
  background-image: url(https://intera.matoremes.sk/wp-content/uploads/2021/12/ikonky-2.svg);
  filter: grayscale(100%);
  filter: brightness(0.35);
  overflow:hidden;
  transition: all .3s;
  }

  

#kruh li a {transition:all .5s;}
#kruh li:hover a {filter: grayscale(0%);filter: grayscale(0%);filter: brightness(1);}

#kruh li a {
    display: block;
    width: 100%;
    height: 100%;
    transition: all .3s;
    cursor: pointer;
}

#kruh li a:hover {
    /* transform: scale(.1); */
}




.sek {}
.sek .right {
    display: inline-block;
    vertical-align: middle;
    width: 50%;
    font-size: 1rem;
    text-align: left;
    font-size: .9rem;
    line-height: 1.6rem;
}
.sek .btn {
    color: inherit;
    border: 1px solid #5CA03C;
    font-size: .7rem;
    margin: 20px 0px;
    display: inline-block;
    padding: 6px 27px;
    cursor: pointer;
    vertical-align: middle;
    /* transition: .4s all!important; */
}

.sek .btn:hover {/* color:#5CA03C; */}

.sek {
    font-size: 0;
    padding: 40px;
    max-width: 1300px;
    text-align: center;
    margin: 30px auto;
}


.sek.vyhody {text-align:left}
.sek.vyhody ul.ornament {max-width:600px;margin: 20px auto;display: block;}



.sek.hnojiva strong {
  display:block;
  margin:10px auto;
  background: linear-gradient(to right, rgba(154,202,60,1) , rgba(103,174,62,1));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-transform: uppercase;
}




.sek .left {
    display: inline-block;
    vertical-align: middle;
    width: 50%;
    text-align: left;
}


i.im.i_03 {display:inline-block;width: 90%;height: 350px;background-image: url(https://intera.matoremes.sk/wp-content/uploads/2021/12/hnojiva2.jpg);background-size:cover;border-radius: 10px;background-position: 87%;}
i.im.i_03:before {content:"";width: 70px;height: 70px;background-color: white;border-radius:40px;display:inline-block;margin-left: 84%;margin-top: 40%;background-image: url(https://intera.matoremes.sk/wp-content/uploads/2021/12/logo-i.svg);background-size: 297px;background-position: 4px 4px;background-repeat: no-repeat;border: 8px solid white;box-sizing: content-box;border-radius: 100%;background-size: 130px;background-position: 4px -661px;background-repeat: no-repeat;background-image: url(https://intera.matoremes.sk/wp-content/uploads/2021/12/ikonky-2.svg);}



i.im.i_04 {display:inline-block;width: 90%;height: 350px;background-image: url(https://intera.matoremes.sk/wp-content/uploads/2021/12/about-1-img-1.jpg);background-size:cover;border-radius: 10px;background-position: 87%;}
i.im.i_04:before {content:"";width: 70px;height: 70px;background-color: white;border-radius:40px;display:inline-block;margin-left: 84%;margin-top: 40%;background-image: url(https://intera.matoremes.sk/wp-content/uploads/2021/12/logo-i.svg);background-size: 297px;background-position: 4px 4px;background-repeat: no-repeat;border: 8px solid white;box-sizing: content-box;border-radius: 100%;background-size: 130px;background-position: 4px 5px;background-repeat: no-repeat;background-image: url(https://intera.matoremes.sk/wp-content/uploads/2021/12/ikonky-2.svg);}





i.im.i_05 {display:inline-block;width: 90%;height: 350px;background-image: url(https://intera.matoremes.sk/wp-content/uploads/2022/01/09.jpg);background-size:cover;border-radius: 10px;background-position: center;}
i.im.i_05:before {content:"";width: 70px;height: 70px;background-color: white;border-radius:40px;display:inline-block;margin-left: 84%;margin-top: 40%;background-image: url(https://intera.matoremes.sk/wp-content/uploads/2021/12/logo-i.svg);background-size: 297px;background-position: 4px 4px;background-repeat: no-repeat;border: 8px solid white;box-sizing: content-box;border-radius: 100%;background-size: 130px;background-position: 4px -495px;background-repeat: no-repeat;background-image: url(https://intera.matoremes.sk/wp-content/uploads/2021/12/ikonky-2.svg);}


i.im.i_06 {display:inline-block;width: 90%;height: 350px;background-image: url(https://intera.matoremes.sk/wp-content/uploads/2021/12/a3.jpg);background-size:cover;border-radius: 10px;background-position: center;}
i.im.i_06:before {content:"";width: 70px;height: 70px;background-color: white;border-radius:40px;display:inline-block;margin-left: 84%;margin-top: 40%;background-image: url(https://intera.matoremes.sk/wp-content/uploads/2021/12/logo-i.svg);background-size: 297px;background-position: 4px 4px;background-repeat: no-repeat;border: 8px solid white;box-sizing: content-box;border-radius: 100%;background-size: 130px;background-position: 4px -245px;background-repeat: no-repeat;background-image: url(https://intera.matoremes.sk/wp-content/uploads/2021/12/ikonky-2.svg);}


i.im.i_07 {display:inline-block;width: 90%;height: 350px;background-image: url(https://intera.matoremes.sk/wp-content/uploads/2021/12/a1.jpg);background-size:cover;border-radius: 10px;background-position: center;}
i.im.i_07:before {content:"";width: 70px;height: 70px;background-color: white;border-radius:40px;display:inline-block;margin-left: 84%;margin-top: 40%;background-image: url(https://intera.matoremes.sk/wp-content/uploads/2021/12/logo-i.svg);background-size: 297px;background-position: 4px 4px;background-repeat: no-repeat;border: 8px solid white;box-sizing: content-box;border-radius: 100%;background-size: 130px;background-position: 4px -495px;background-repeat: no-repeat;background-image: url(https://intera.matoremes.sk/wp-content/uploads/2021/12/ikonky-2.svg);}

i.im.i_08 {display:inline-block;width: 90%;height: 350px;background-image: url(https://intera.matoremes.sk/wp-content/uploads/2022/01/11.jpg);background-size:cover;border-radius: 10px;background-position: center;}
i.im.i_08:before {content:"";width: 70px;height: 70px;background-color: white;border-radius:40px;display:inline-block;margin-left: 84%;margin-top: 40%;background-image: url(https://intera.matoremes.sk/wp-content/uploads/2021/12/logo-i.svg);background-size: 297px;background-position: 4px 4px;background-repeat: no-repeat;border: 8px solid white;box-sizing: content-box;border-radius: 100%;background-size: 130px;background-position: 4px -245px;background-repeat: no-repeat;background-image: url(https://intera.matoremes.sk/wp-content/uploads/2021/12/ikonky-2.svg);}



i.im.i_09 {display:inline-block;width: 90%;height: 350px;background-image: url(https://intera.matoremes.sk/wp-content/uploads/2021/12/a2.jpg);background-size:cover;border-radius: 10px;background-position: center;}
i.im.i_09:before {content:"";width: 70px;height: 70px;background-color: white;border-radius:40px;display:inline-block;margin-right: -41px;right: 0;position: absolute;margin-top: 28%;background-image: url(https://intera.matoremes.sk/wp-content/uploads/2021/12/logo-i.svg);background-size: 297px;background-position: 4px 4px;background-repeat: no-repeat;border: 8px solid white;box-sizing: content-box;border-radius: 100%;background-size: 130px;background-position: 4px -328px;background-repeat: no-repeat;background-image: url(https://intera.matoremes.sk/wp-content/uploads/2021/12/ikonky-2.svg);}


i.im.i_10 {display:inline-block;width:90%;height: 350px;background-image: url(https://intera.matoremes.sk/wp-content/uploads/2022/01/08.jpg);background-size:cover;border-radius: 10px;background-position: center;}
i.im.i_10:before {content:"";width: 70px;height: 70px;background-color: white;border-radius:40px;display:inline-block;margin-left: 84%;margin-top: 40%;background-image: url(https://intera.matoremes.sk/wp-content/uploads/2021/12/logo-i.svg);background-size: 297px;background-position: 4px 4px;background-repeat: no-repeat;border: 8px solid white;box-sizing: content-box;border-radius: 100%;background-size: 130px;background-position: 4px -495px;background-repeat: no-repeat;background-image: url(https://intera.matoremes.sk/wp-content/uploads/2021/12/ikonky-2.svg);}

i.im.i_12 {display:inline-block;width: 90%;height: 350px;background-image: url(https://intera.matoremes.sk/wp-content/uploads/2022/01/09.jpg);background-size:cover;border-radius: 10px;background-position: center;}
i.im.i_12:before {content:"";width: 70px;height: 70px;background-color: white;border-radius:40px;display:inline-block;margin-left: 84%;margin-top: 40%;background-image: url(https://intera.matoremes.sk/wp-content/uploads/2021/12/logo-i.svg);background-size: 297px;background-position: 4px 4px;background-repeat: no-repeat;border: 8px solid white;box-sizing: content-box;border-radius: 100%;background-size: 130px;background-position: 4px -495px;background-repeat: no-repeat;background-image: url(https://intera.matoremes.sk/wp-content/uploads/2021/12/ikonky-2.svg);}


i.im.i_13 {display:inline-block;width: 90%;height: 740px;background-image: url(https://intera.matoremes.sk/wp-content/uploads/2022/01/12.jpg);background-size:cover;border-radius: 10px;background-position: center;}
i.im.i_13:before {content:"";width: 70px;height: 70px;background-color: white;border-radius:40px;display:inline-block;margin-left: 84%;margin-top: 40%;background-image: url(https://intera.matoremes.sk/wp-content/uploads/2021/12/logo-i.svg);background-size: 297px;background-position: 4px 4px;background-repeat: no-repeat;border: 8px solid white;box-sizing: content-box;border-radius: 100%;background-size: 130px;background-position: 4px -495px;background-repeat: no-repeat;background-image: url(https://intera.matoremes.sk/wp-content/uploads/2021/12/ikonky-2.svg);}


i.im.i_14 {display:inline-block;width: 90%;height: 370px;background-image: url(https://intera.matoremes.sk/wp-content/uploads/2022/01/18.jpg);background-size:cover;border-radius: 10px;background-position: center;}
i.im.i_14:before {content:"";width: 70px;height: 70px;background-color: white;border-radius:40px;display:inline-block;margin-left: 84%;margin-top: 40%;background-image: url(https://intera.matoremes.sk/wp-content/uploads/2021/12/logo-i.svg);background-size: 297px;background-position: 4px 4px;background-repeat: no-repeat;border: 8px solid white;box-sizing: content-box;border-radius: 100%;background-size: 130px;background-position: 4px -579px;background-repeat: no-repeat;background-image: url(https://intera.matoremes.sk/wp-content/uploads/2021/12/ikonky-2.svg);}

i.im.i_15 {display:inline-block;width: 90%;height: 370px;background-image: url(https://intera.matoremes.sk/wp-content/uploads/2022/01/14.jpg);background-size:cover;border-radius: 10px;background-position: center;}
i.im.i_15:before {content:"";width: 70px;height: 70px;background-color: white;border-radius:40px;display:inline-block;margin-left: 84%;margin-top: 40%;background-image: url(https://intera.matoremes.sk/wp-content/uploads/2021/12/logo-i.svg);background-size: 297px;background-position: 4px 4px;background-repeat: no-repeat;border: 8px solid white;box-sizing: content-box;border-radius: 100%;background-size: 130px;background-position: 4px -579px;background-repeat: no-repeat;background-image: url(https://intera.matoremes.sk/wp-content/uploads/2021/12/ikonky-2.svg);}

i.im.i_16 {display:inline-block;width: 90%;height: 370px;background-image: url(https://intera.matoremes.sk/wp-content/uploads/2021/12/a3.jpg);background-size:cover;border-radius: 10px;background-position: center;}
i.im.i_16:before {content:"";width: 70px;height: 70px;background-color: white;border-radius:40px;display:inline-block;margin-left: 84%;margin-top: 40%;background-image: url(https://intera.matoremes.sk/wp-content/uploads/2021/12/logo-i.svg);background-size: 297px;background-position: 4px 4px;background-repeat: no-repeat;border: 8px solid white;box-sizing: content-box;border-radius: 100%;background-size: 130px;background-position: 4px -579px;background-repeat: no-repeat;background-image: url(https://intera.matoremes.sk/wp-content/uploads/2021/12/ikonky-2.svg);}



.komodity-kontakty {max-width: 940px;width: 100%;margin:10px auto;text-align:left;}
.komodity-kontakty li {border-bottom:1px solid rgba(0,0,0,0.1); font-size:0;}
.komodity-kontakty li:last-child {border-bottom:0}
.komodity-kontakty li.h {}
.komodity-kontakty li.h span {font-weight:bold;color: #5CA03C;}
.komodity-kontakty li span {display:inline-block; padding:10px; font-size:.9rem; }
.komodity-kontakty li span:nth-child(1) {width:30%;font-weight:bold;border-right: 1px solid rgba(0,0,0,0.1);text-align: center;}
.komodity-kontakty li span:nth-child(2) {width:70%;text-align: center;}




#content i.im:before {right:0;position:absolute;margin-right: -40px;left:initial;margin-top: 26%;}

i.im {position:relative;}

.sek h2 {color: #58595b;text-align: left;/* padding-top:20vh; */text-transform:uppercase;display: block;margin-bottom: 20px;font-size: 1.7rem;line-height: 2.1rem;}
.sek h2  b {
    background: rgb(154,202,60);
    background: linear-gradient( 
90deg, rgba(154,202,60,1) 0%, rgba(103,174,62,1) 100%);
    padding: 0px 6px;
    color: white;
}




i.rastlinka {display:block;height:30px;margin:10px 0px;background-image: url(https://intera.matoremes.sk/wp-content/uploads/2021/12/ikonky-2.svg);/* display: inline-block; */background-size: 129px;background-position: 51px -846px;width: 40px;/* background-color: red; */}


i.im.i_01 {display:inline-block;width: 60%;height: 350px;background-image:url(https://intera.matoremes.sk/wp-content/uploads/2021/12/about-1-img-1.jpg);background-size:cover;border-radius: 10px;}
i.im.i_01:before {content:"";width: 70px;height: 70px;background-color: white;border-radius:40px;display:inline-block;margin-left: 84%;margin-top: 40%;background-image: url(https://intera.matoremes.sk/wp-content/uploads/2021/12/logo-i.svg);background-size: 297px;background-position: 4px 4px;background-repeat: no-repeat;border: 8px solid white;box-sizing: content-box;border-radius: 100%;}
i.im.i_02 {display:inline-block;width: 70%;height: 200px;background-image: url(https://intera.matoremes.sk/wp-content/uploads/2021/12/smart-agriculture-iot-with-hand-planting-tree-background.jpg);background-size:cover;border-radius: 10px;margin-top: -10%;margin-left: 20%;}



#nase-sluzby {
    text-align: center;
    font-size: 0;
    max-width: 1210px;
    margin: 0px auto;
    padding: 40px 0PX;
    /* border-top: 1px solid; */
    position: relative;
    /* text-align: center; */
}

#nase-sluzby:before {content:"";width:100%;display:block;height:1px;background-color:red;background: rgb(154,202,60);background: linear-gradient(90deg, rgba(154,202,60,1) 0%, rgba(103,174,62,1) 100%);position: relative;margin-top: -30px;position: absolute;left: 0;max-width: 1300px;right: 0;margin: -30px auto 0px auto;}
#nase-sluzby:after {content:"";width: 40px;height: 40px;background-color: white;display:block;border-radius: 40px;position:absolute;top:0;left: 0;right: 0;margin: -40px auto 0px auto;background-image: url(https://intera.matoremes.sk/wp-content/uploads/2021/12/ikonky-2.svg);display: inline-block;/* height: 24px; */background-size: 118px;background-position: -152px -766px;border: 20px solid white;box-sizing: content-box;}

#nase-sluzby h2 {text-align:center; margin-top:60px}

#nase-sluzby .sluzby-ikonky  {font-size:0;}
#nase-sluzby .sluzby-ikonky div {display:inline-block;vertical-align:top;width:25%;font-size:.8rem;line-height:1.3rem;padding: 10px 20px;}

._s_01 i {
  width: 90px;
  height: 90px;
  background-size: 155px;
  background-position: 9px -290px;
  background-repeat: no-repeat;
  background-image: url(https://intera.matoremes.sk/wp-content/uploads/2021/12/ikonky-2.svg);
  /* filter: grayscale(100%); */
  /* filter: brightness(0.35); */
  /* overflow: hidden; */
  /* transition: all .3s; */
}


._s_02 i {
  background-size: 155px;
    background-position: 9px -786px;
    background-repeat: no-repeat;
    background-image: url(https://intera.matoremes.sk/wp-content/uploads/2021/12/ikonky-2.svg);
}

._s_03 i {
  background-size: 155px;
    background-position: 9px -488px;
    background-repeat: no-repeat;
    background-image: url(https://intera.matoremes.sk/wp-content/uploads/2021/12/ikonky-2.svg);
}


._s_04 i {
 background-size: 155px;
    background-position: 9px -686px;
    background-repeat: no-repeat;
    background-image: url(https://intera.matoremes.sk/wp-content/uploads/2021/12/ikonky-2.svg);}

#nase-sluzby .sluzby-ikonky div i {display:block;width: 90px;height: 90px;/* background-color:red; */border-radius:100%;margin: 20px auto;transition: all 1.3s;transform-origin: bottom;}
#nase-sluzby .sluzby-ikonky div:hover i {transform:scale(1.2)}
#nase-sluzby .sluzby-ikonky div strong {
  background: linear-gradient(to right, rgba(154,202,60,1) , rgba(103,174,62,1));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 1.24rem;
  text-transform: uppercase;
  margin-bottom: 17px;
  display: block;
  }

#nase-sluzby .sluzby-ikonky div p {
  text-transform:uppercase; font-weight:bold;
}


.sek.kontakt-sekcie {}
.sek.kontakt-sekcie .k-left-part {width:30%;display: inline-block;vertical-align: top;margin-top: 30px;}

.sek.kontakt-sekcie h2 {text-align:center;}

.sek.kontakt-sekcie .k-left-part a {display:block;font-size:.8rem;color:initial;color: #58595b;display: block;font-weight: normal;text-align: left;line-height: 1.5rem;border-bottom: 1px solid rgba(0,0,0,0.1);padding: 7px 10px;transition: all .53s;}

.sek.kontakt-sekcie .k-left-part a:hover {color: black;font-size: .9rem;/* font-weight: bold; */}
.sek.kontakt-sekcie .k-right-part {width:70%;font-size: .8rem;display:inline-block;text-align:left;vertical-align: top;padding: 13px 40px;margin-top: 30px;}
.sek.kontakt-sekcie .k-left-part a.current {font-weight:bold;font-size: .9rem;}
.sek.kontakt-sekcie .k-right-part .block {background-color: rgba(0,0,0,.04);padding:40px;position: relative;min-height: 290px;margin-bottom: 20px;}


.sek.kontakt-sekcie .k-right-part .block .person {clear:both;font-weight: bold;margin-bottom: 30px;}
.sek.kontakt-sekcie .k-right-part .block .person:after {content: "";display: table;clear: both;}
.sek.kontakt-sekcie .k-right-part .block .person img {max-width: 68px;float:left;margin-right: 11px;}
.sek.kontakt-sekcie .k-right-part .block .person strong {margin-bottom:10px}
.sek.kontakt-sekcie .k-right-part .block .person a {display:block;}

.sek.kontakt-sekcie .k-right-part .block iframe {float:right;max-width:50%!important;margin-left: 20px;margin-bottom: 20px;/* max-height: 420px!important; */position: relative;}

.sek.kontakt-sekcie .k-right-part strong {font-size: 1.15rem;display:block;margin-bottom:30px;}


.two-column {
  columns: 300px 2;
}

#k-formular {
  text-align:left;
}
#k-formular input,
#k-formular textarea {border-radius:3px}
#k-formular .wpcf7-submit {border-radius:30px;} 

#k-formular form {text-align:left;}
#k-formular .wpcf7 p {text-align:left}
#k-formular .wpcf7 label span {
  color:black; 
}




#mapka {
    text-align: center;
    font-size: 0;
    max-width: 1210px;
    margin: 0px auto;
    padding: 40px 0PX;
    /* border-top: 1px solid; */
    position: relative;
    /* text-align: center; */
}


#mapka #mp {font-size: 0;position: relative;margin-bottom: 60px;width: 600px;background-image: url(https://intera.matoremes.sk/wp-content/uploads/2022/01/okresy-mapa.svg);background-position: center;background-repeat: no-repeat;background-size: 598px;height: 300px;margin: 0px auto;background-position: 1px 1px;}
#mapka #mp:before {content:"";display:block;/* background-color:red; */height:100%;width: 600px;display: block;height: 300px;position: absolute;left: 0px;right: 0;top: 1px;margin: 0px auto;/* z-index: 1; */background-image: url(https://intera.matoremes.sk/wp-content/uploads/2022/01/okresy.svg);}
#mapka #infos {font-size:1rem}

#mapkaaa #infos {
    position: absolute;
    /* background-color: red; */
    font-size: 1rem;
    width: 100%;
    /* height: 100px; */
    left: 0;
    right: 0;
    margin: 20px auto;
    top: 0;
    max-width: 680px;
    opacity: .9;
}
#mapka #infos div {position:absolute;background-color: white;border-radius: 9px;padding: 10px;visibility: hidden;opacity: 0;max-width: 330px;/* margin-left: 69%; *//* margin-top: -7%; */z-index: -1;}
#mapka #infos div:after {content:"";width:10px;height:10px;transform: rotate(45deg);background-color: white;display: block;position: absolute;top: 91px;margin-top: 0;left: 0;right: 0;margin-left: auto;margin-right: auto;}
#mapka #infos div:hover {opacity:1;visibility:visible;box-shadow: 1px 20px 30px rgba(0,0,0,0.1);z-index: 9;}

#mapka #infos div strong {display:block; margin-bottom:10px}
#mapka #infos div a {display:block;font-size: .7rem;padding: 5px 10px;}



/*infos*/

div.info_01 {
    margin-left: 69%;
    margin-top: -7%;
}
#mp.clicked-map1 #infos div.info_01 {opacity:1; visibility:visible;
 box-shadow:1px 20px 30px rgba(0,0,0,0.1); z-index:99;}


div.info_02 {
    margin-left: 54%;
    margin-top: -7%;
}
#mp.clicked-map2 #infos div.info_02 {opacity:1; visibility:visible;
 box-shadow:1px 20px 30px rgba(0,0,0,0.1); z-index:99;}



div.info_03 {
    margin-left: 15%;
    margin-top: 7%;
}
#mp.clicked-map3 #infos div.info_03 {opacity:1; visibility:visible;
 box-shadow:1px 20px 30px rgba(0,0,0,0.1); z-index:99;}


div.info_04 {
    margin-left: 1%;
    margin-top: 4%;
}
#mp.clicked-map4 #infos div.info_04 {opacity:1; visibility:visible;
 box-shadow:1px 20px 30px rgba(0,0,0,0.1); z-index:99;}



div.info_05 {
    margin-left: 33%;
    margin-top: -5%;
}
#mp.clicked-map5 #infos div.info_05 {opacity:1; visibility:visible;
 box-shadow:1px 20px 30px rgba(0,0,0,0.1); z-index:99;}



div.info_06 {
    margin-left: -4%;
    margin-top: 11%;
}
#mp.clicked-map6 #infos div.info_06 {opacity:1; visibility:visible;
 box-shadow:1px 20px 30px rgba(0,0,0,0.1); z-index:99;}



div.info_07 {
    margin-left: 9%;
    margin-top: -2%;
}
#mp.clicked-map7 #infos div.info_07 {opacity:1; visibility:visible;
 box-shadow:1px 20px 30px rgba(0,0,0,0.1); z-index:99;}





#mp.clicked-map1 svg#mapka-svg .region1 path {
      fill: transparent;
    stroke-width: 3px;
    stroke: rgb(154,202,60);
    }



#mp.clicked-map2 svg#mapka-svg .region2 path {
      fill: transparent;
    stroke-width: 3px;
    stroke: rgb(154,202,60);
    }



#mp.clicked-map3 svg#mapka-svg .region3 path {
      fill: transparent;
    stroke-width: 3px;
    stroke: rgb(154,202,60);
    }

#mp.clicked-map4 svg#mapka-svg .region4 path {
      fill: transparent;
    stroke-width: 3px;
    stroke: rgb(154,202,60);
    }

#mp.clicked-map5 svg#mapka-svg .region5 path {
       fill: transparent;
    stroke-width: 3px;
    stroke: rgb(154,202,60);
    }

#mp.clicked-map6 svg#mapka-svg .region6 path {
      fill: transparent;
    stroke-width: 3px;
    stroke: rgb(154,202,60);
    }

#mp.clicked-map7 svg#mapka-svg .region7 path {
    fill: transparent;
    stroke-width: 3px;
    stroke: rgb(154,202,60);
    }

/*infos*/








#mapka:before {content:"";width:100%;display:block;height:1px;background-color:red;background: rgb(154,202,60);background: linear-gradient(90deg, rgba(154,202,60,1) 0%, rgba(103,174,62,1) 100%);position: relative;margin-top: -30px;position: absolute;left: 0;max-width: 1300px;right: 0;margin: -30px auto 0px auto;}
#mapka:after {content:"";width: 40px;height: 40px;background-color: white;display:block;border-radius: 40px;position:absolute;top:0;left: 0;right: 0;margin: -40px auto 0px auto;background-image: url(https://intera.matoremes.sk/wp-content/uploads/2021/12/ikonky-2.svg);display: inline-block;/* height: 24px; */background-size: 118px;background-position: -152px -766px;border: 20px solid white;box-sizing: content-box;}

#mapka h2 {text-align:center; margin-top:60px}
#mapka p {display:block; font-size:.9rem; margin-bottom:40px}


    svg#mapka-svg path {fill: #e5e5e5;transition: all .53s;fill: rgb(154,202,60);stroke-width: 5px;stroke: rgb(154,202,60);fill: transparent;stroke: transparent;/* stroke-width: 0; */}
      svg#mapka-svg path:hover {fill: rgb(154,202,60,1.0);/* fill: white; */stroke-width: 0;stroke: rgb(154,202,60);opacity: .6;}

    svg#mapka-svg {/* z-index: 9999; *//* top: 1px; *//* background-color: blue; *//* top: 22.69%; *//* width: 600px; *//* max-width: 600px; *//* left: 200px; *//* overflow: visible; *//* position: relative; */}

    polygon:hover, polygon.hover, path:hover {
    fill: #9aca3c;
    opacity: 1;
    z-index: -999;
    position: absolute;
    opacity: .7;
}

polygon, path {
    fill: transparent;
    /* stroke: #fff; */
    /* stroke-width: 0.3; */
    transition: all .49s;
    position: relative;
    /* z-index: 9999999; */
    /* opacity: 1; */
    /* display: none; */
    /* opacity: 0; */
}
#map-load {/* font-size:0; *//* line-height:1.5 */margin-top: -60px;margin-bottom: 90px;}


#slovakia {max-width:800px;margin: 0px auto;opacity: 1;z-index: 91;position: relative;}
#slovakia-holder {
    position: relative;
    max-width: 800px;
    /* overflow: hidden; */
    margin: 20px auto;
    background-image: url(https://intera.matoremes.sk/wp-content/uploads/2022/03/mapka.svg);
    background-position: center;
    background-repeat: no-repeat;
    font-size: 0;
    margin-top: 120px;
}
#slovakia-holder #infos {position:absolute;width: 100%;height: 100%;z-index: 11;margin-top: -100px;}
#slovakia-holder #infos div {position:absolute;background-color: white;border-radius: 9px;padding: 10px;visibility: hidden;opacity: 0;max-width: 330px;/* margin-left: 69%; *//* margin-top: -7%; */z-index: 99;}
#slovakia-holder #infos div:after {content:"";width:10px;height:10px;transform: rotate(45deg);background-color: white;display: block;position: absolute;top: 91px;margin-top: 0;left: 0;right: 0;margin-left: auto;margin-right: auto;opacity: 0;}
#slovakia-holder #infos div:hover {opacity:1;visibility:visible;box-shadow: 1px 20px 30px rgba(0,0,0,0.1);z-index: 9;}

#slovakia-holder #infos div strong {display:block;margin-bottom:10px;font-size: 1rem;}
#slovakia-holder #infos div a {display:block;font-size: .7rem;padding: 5px 10px;}


#slovakia-holder #infos div.info_02 {

}


#slovakia-holder #infos div.info_01 {

}
/*stred1*/


#slovakia-holder.m38 #infos .info_01 {opacity:1; visibility:visible;
 box-shadow:1px 20px 30px rgba(0,0,0,0.1); z-index:99;
                                        left: 0;
    margin-top: 30%;
    right: 0;
    margin: 0px auto;
    margin-top: 35%;
    margin-left: 2%;}

#slovakia-holder.m51 #infos .info_01 {opacity:1; visibility:visible;
 box-shadow:1px 20px 30px rgba(0,0,0,0.1); z-index:99;
                                        left: 0;
    margin-top: 30%;
    right: 0;
    margin: 0px auto;
    margin-top: 34%;
    margin-left: -10%;}


#slovakia-holder.m52 #infos .info_01 {opacity:1; visibility:visible;
 box-shadow:1px 20px 30px rgba(0,0,0,0.1); z-index:99;
                                        left: 0;
    margin-top: 30%;
    right: 0;
    margin: 0px auto;
    margin-top: 40%;
    margin-left: -2%;}

#slovakia-holder.m53 #infos .info_01 {opacity:1; visibility:visible;
 box-shadow:1px 20px 30px rgba(0,0,0,0.1); z-index:99;
                                        left: 0;
    margin-top: 30%;
    right: 0;
    margin: 0px auto;
    margin-top: 30%;
    margin-left: -11%;}


#slovakia-holder.m71 #infos .info_01 {opacity:1; visibility:visible;
 box-shadow:1px 20px 30px rgba(0,0,0,0.1); z-index:99;
                                        left: 0;
    margin-top: 30%;
    right: 0;
    margin: 0px auto;
    margin-top: 30%;
    margin-left: -16%;}


/*stred2*/


#slovakia-holder.m1 #infos .info_02 {opacity:1; visibility:visible;
 box-shadow:1px 20px 30px rgba(0,0,0,0.1); z-index:99;     left: 0;
    margin-top: 40%;
    right: 0;
    margin: 0px auto;
    margin-top: 25%;
    margin-left: 11%;}


#slovakia-holder.m2 #infos .info_02 {opacity:1; visibility:visible;
 box-shadow:1px 20px 30px rgba(0,0,0,0.1); z-index:99;
                                        left: 0;
    margin-top: 30%;
    right: 0;
    margin: 0px auto;
    margin-top: 19%;
    margin-left: 21%;}


#slovakia-holder.m3 #infos .info_02 {opacity:1; visibility:visible;
 box-shadow:1px 20px 30px rgba(0,0,0,0.1); z-index:99;
                                        left: 0;
    margin-top: 30%;
    right: 0;
    margin: 0px auto;
    margin-top: 21%;
    margin-left: 16%;}


#slovakia-holder.m4 #infos .info_02 {opacity:1; visibility:visible;
 box-shadow:1px 20px 30px rgba(0,0,0,0.1); z-index:99;
                                        left: 0;
    margin-top: 30%;
    right: 0;
    margin: 0px auto;
    margin-top: 24%;
    margin-left: 19%;}


#slovakia-holder.m5 #infos .info_02 {opacity:1; visibility:visible;
 box-shadow:1px 20px 30px rgba(0,0,0,0.1); z-index:99;
                                        left: 0;
    margin-top: 30%;
    right: 0;
    margin: 0px auto;
    margin-top: 26.5%;
    margin-left: 16%;}


#slovakia-holder.m6 #infos .info_02 {opacity:1; visibility:visible;
 box-shadow:1px 20px 30px rgba(0,0,0,0.1); z-index:99;
                                        left: 0;
    margin-top: 30%;
    right: 0;
    margin: 0px auto;
    margin-top: 25%;
    margin-left: 26%;}


#slovakia-holder.m7 #infos .info_02 {opacity:1; visibility:visible;
 box-shadow:1px 20px 30px rgba(0,0,0,0.1); z-index:99;
                                        left: 0;
    margin-top: 30%;
    right: 0;
    margin: 0px auto;
    margin-top: 30%;
    margin-left: 19%;}



#slovakia-holder.m8 #infos .info_02 {opacity:1; visibility:visible;
 box-shadow:1px 20px 30px rgba(0,0,0,0.1); z-index:99;
                                        left: 0;
    margin-top: 30%;
    right: 0;
    margin: 0px auto;
    margin-top: 26%;
    margin-left: 29%;}



#slovakia-holder.m9 #infos .info_02 {opacity:1; visibility:visible;
 box-shadow:1px 20px 30px rgba(0,0,0,0.1); z-index:99;
                                        left: 0;
    margin-top: 30%;
    right: 0;
    margin: 0px auto;
    margin-top: 22%;
    margin-left: 35%;}


#slovakia-holder.m13 #infos .info_02 {opacity:1; visibility:visible;
 box-shadow:1px 20px 30px rgba(0,0,0,0.1); z-index:99;
                                        left: 0;
    margin-top: 30%;
    right: 0;
    margin: 0px auto;
    margin-top: 18%;
    margin-left: 29%;}


#slovakia-holder.m10 #infos .info_02 {opacity:1; visibility:visible;
 box-shadow:1px 20px 30px rgba(0,0,0,0.1); z-index:99;
                                        left: 0;
    margin-top: 30%;
    right: 0;
    margin: 0px auto;
    margin-top: 28%;
    margin-left: 27%;}


#slovakia-holder.m11 #infos .info_02 {opacity:1; visibility:visible;
 box-shadow:1px 20px 30px rgba(0,0,0,0.1); z-index:99;
                                        left: 0;
    margin-top: 30%;
    right: 0;
    margin: 0px auto;
    margin-top: 23%;
    margin-left: 33%;}



#slovakia-holder.m12 #infos .info_02 {opacity:1; visibility:visible;
 box-shadow:1px 20px 30px rgba(0,0,0,0.1); z-index:99;
                                        left: 0;
    margin-top: 30%;
    right: 0;
    margin: 0px auto;
    margin-top: 32%;
    margin-left: 24%;}


#slovakia-holder.m60 #infos .info_02 {opacity:1; visibility:visible;
 box-shadow:1px 20px 30px rgba(0,0,0,0.1); z-index:99;
                                        left: 0;
    margin-top: 30%;
    right: 0;
    margin: 0px auto;
    margin-top: 11%;
    margin-left: 25%;}


#slovakia-holder.m67 #infos .info_02 {opacity:1; visibility:visible;
 box-shadow:1px 20px 30px rgba(0,0,0,0.1); z-index:99;
                                        left: 0;
    margin-top: 30%;
    right: 0;
    margin: 0px auto;
    margin-top: 10%;
    margin-left: 29%;}


/*stred2*/


/*stred4*/



#slovakia-holder.m34 #infos .info_04 {opacity:1; visibility:visible;
 box-shadow:1px 20px 30px rgba(0,0,0,0.1); z-index:99;
                                        left: 0;
    margin-top: 30%;
    right: 0;
    margin: 0px auto;
    margin-top: 30%;
    margin-left: 11%;}

#slovakia-holder.m35 #infos .info_04 {opacity:1; visibility:visible;
 box-shadow:1px 20px 30px rgba(0,0,0,0.1); z-index:99;
                                        left: 0;
    margin-top: 30%;
    right: 0;
    margin: 0px auto;
    margin-top: 26%;
    margin-left: 7%;}

#slovakia-holder.m36 #infos .info_04 {opacity:1; visibility:visible;
 box-shadow:1px 20px 30px rgba(0,0,0,0.1); z-index:99;
                                        left: 0;
    margin-top: 30%;
    right: 0;
    margin: 0px auto;
    margin-top: 27.5%;
    margin-left: 1%;}


/*stred4*/


/*stred3*/


#slovakia-holder.m50 #infos .info_03 {opacity:1; visibility:visible;
 box-shadow:1px 20px 30px rgba(0,0,0,0.1); z-index:99;
                                        left: 0;
    margin-top: 30%;
    right: 0;
    margin: 0px auto;
    margin-top: 21.9%;
    margin-left: -7%;}

#slovakia-holder.m39 #infos .info_03 {opacity:1; visibility:visible;
 box-shadow:1px 20px 30px rgba(0,0,0,0.1); z-index:99;
                                        left: 0;
    margin-top: 30%;
    right: 0;
    margin: 0px auto;
    margin-top: 30.2%;
    margin-left: -5%;}


#slovakia-holder.m40 #infos .info_03 {opacity:1; visibility:visible;
 box-shadow:1px 20px 30px rgba(0,0,0,0.1); z-index:99;
                                        left: 0;
    margin-top: 30%;
    right: 0;
    margin: 0px auto;
    margin-top: 32.2%;
    margin-left: -2%;}



#slovakia-holder.m54 #infos .info_03 {opacity:1; visibility:visible;
 box-shadow:1px 20px 30px rgba(0,0,0,0.1); z-index:99;
                                        left: 0;
    margin-top: 30%;
    right: 0;
    margin: 0px auto;
    margin-top: 26.2%;
    margin-left: -12%;}


/*stred3*/



/*stred5*/

#slovakia-holder.m55 #infos .info_05 {opacity:1; visibility:visible;
 box-shadow:1px 20px 30px rgba(0,0,0,0.1); z-index:99;
                                        left: 0;
    margin-top: 30%;
    right: 0;
    margin: 0px auto;
    margin-top: 18.2%;
    margin-left: -12%;}


#slovakia-holder.m56 #infos .info_05 {opacity:1; visibility:visible;
 box-shadow:1px 20px 30px rgba(0,0,0,0.1); z-index:99;
                                        left: 0;
    margin-top: 30%;
    right: 0;
    margin: 0px auto;
    margin-top: 23.2%;
    margin-left: -15%;}


#slovakia-holder.m57 #infos .info_05 {opacity:1; visibility:visible;
 box-shadow:1px 20px 30px rgba(0,0,0,0.1); z-index:99;
                                        left: 0;
    margin-top: 30%;
    right: 0;
    margin: 0px auto;
    margin-top: 15.2%;
    margin-left: -12%;}


#slovakia-holder.m58 #infos .info_05 {opacity:1; visibility:visible;
 box-shadow:1px 20px 30px rgba(0,0,0,0.1); z-index:99;
                                        left: 0;
    margin-top: 30%;
    right: 0;
    margin: 0px auto;
    margin-top: 16.2%;
    margin-left: -7%;}


#slovakia-holder.m42 #infos .info_05 {opacity:1; visibility:visible;
 box-shadow:1px 20px 30px rgba(0,0,0,0.1); z-index:99;
                                        left: 0;
    margin-top: 30%;
    right: 0;
    margin: 0px auto;
    margin-top: 21.2%;
    margin-left: -5%;}


#slovakia-holder.m37 #infos .info_05 {opacity:1; visibility:visible;
 box-shadow:1px 20px 30px rgba(0,0,0,0.1); z-index:99;
                                        left: 0;
    margin-top: 30%;
    right: 0;
    margin: 0px auto;
    margin-top: 25.92%;
    margin-left: -3%;}


#slovakia-holder.m41 #infos .info_05 {opacity:1; visibility:visible;
 box-shadow:1px 20px 30px rgba(0,0,0,0.1); z-index:99;
                                        left: 0;
    margin-top: 30%;
    right: 0;
    margin: 0px auto;
    margin-top: 20.92%;
    margin-left: 1%;}



#slovakia-holder.m45 #infos .info_05 {opacity:1; visibility:visible;
 box-shadow:1px 20px 30px rgba(0,0,0,0.1); z-index:99;
                                        left: 0;
    margin-top: 30%;
    right: 0;
    margin: 0px auto;
    margin-top: 21.92%;
    margin-left: 6%;}


#slovakia-holder.m43 #infos .info_05 {opacity:1; visibility:visible;
 box-shadow:1px 20px 30px rgba(0,0,0,0.1); z-index:99;
                                        left: 0;
    margin-top: 30%;
    right: 0;
    margin: 0px auto;
    margin-top: 15.92%;
    margin-left: 11%;}



#slovakia-holder.m64 #infos .info_05 {opacity:1; visibility:visible;
 box-shadow:1px 20px 30px rgba(0,0,0,0.1); z-index:99;
                                        left: 0;
    margin-top: 30%;
    right: 0;
    margin: 0px auto;
    margin-top: 15.92%;
    margin-left: 14%;}


#slovakia-holder.m65 #infos .info_05 {opacity:1; visibility:visible;
 box-shadow:1px 20px 30px rgba(0,0,0,0.1); z-index:99;
                                        left: 0;
    margin-top: 30%;
    right: 0;
    margin: 0px auto;
    margin-top: 9.92%;
    margin-left: 17%;}


#slovakia-holder.m59 #infos .info_05 {opacity:1; visibility:visible;
 box-shadow:1px 20px 30px rgba(0,0,0,0.1); z-index:99;
                                        left: 0;
    margin-top: 30%;
    right: 0;
    margin: 0px auto;
    margin-top: 6.92%;
    margin-left: 23%;}


#slovakia-holder.m66 #infos .info_05 {opacity:1; visibility:visible;
 box-shadow:1px 20px 30px rgba(0,0,0,0.1); z-index:99;
                                        left: 0;
    margin-top: 30%;
    right: 0;
    margin: 0px auto;
    margin-top: 4.92%;
    margin-left: 30%;}


#slovakia-holder.m68 #infos .info_05 {opacity:1; visibility:visible;
 box-shadow:1px 20px 30px rgba(0,0,0,0.1); z-index:99;
                                        left: 0;
    margin-top: 30%;
    right: 0;
    margin: 0px auto;
    margin-top: 0%;
    margin-left: 27%;}

#slovakia-holder.m62 #infos .info_05 {opacity:1; visibility:visible;
 box-shadow:1px 20px 30px rgba(0,0,0,0.1); z-index:99;
                                        left: 0;
    margin-top: 30%;
    right: 0;
    margin: 0px auto;
    margin-top: 5%;
    margin-left: 16%;}


#slovakia-holder.m61 #infos .info_05 {opacity:1; visibility:visible;
 box-shadow:1px 20px 30px rgba(0,0,0,0.1); z-index:99;
                                        left: 0;
    margin-top: 30%;
    right: 0;
    margin: 0px auto;
    margin-top: 5%;
    margin-left: 16%;}


#slovakia-holder.m69 #infos .info_05 {opacity:1; visibility:visible;
 box-shadow:1px 20px 30px rgba(0,0,0,0.1); z-index:99;
                                        left: 0;
    margin-top: 30%;
    right: 0;
    margin: 0px auto;
    margin-top: 1%;
    margin-left: 14%;}


#slovakia-holder.m63 #infos .info_05 {opacity:1; visibility:visible;
 box-shadow:1px 20px 30px rgba(0,0,0,0.1); z-index:99;
                                        left: 0;
    margin-top: 30%;
    right: 0;
    margin: 0px auto;
    margin-top: 5%;
    margin-left: 11%;}



#slovakia-holder.m70 #infos .info_05 {opacity:1; visibility:visible;
 box-shadow:1px 20px 30px rgba(0,0,0,0.1); z-index:99;
                                        left: 0;
    margin-top: 30%;
    right: 0;
    margin: 0px auto;
    margin-top: 5%;
    margin-left: 9%;}

#slovakia-holder.m48 #infos .info_05 {opacity:1; visibility:visible;
 box-shadow:1px 20px 30px rgba(0,0,0,0.1); z-index:99;
                                        left: 0;
    margin-top: 30%;
    right: 0;
    margin: 0px auto;
    margin-top: 6%;
    margin-left: 7%;}


#slovakia-holder.m47 #infos .info_05 {opacity:1; visibility:visible;
 box-shadow:1px 20px 30px rgba(0,0,0,0.1); z-index:99;
                                        left: 0;
    margin-top: 30%;
    right: 0;
    margin: 0px auto;
    margin-top: 10%;
    margin-left: 5%;}


#slovakia-holder.m44 #infos .info_05 {opacity:1; visibility:visible;
 box-shadow:1px 20px 30px rgba(0,0,0,0.1); z-index:99;
                                        left: 0;
    margin-top: 30%;
    right: 0;
    margin: 0px auto;
    margin-top: 17%;
    margin-left: 4%;}


#slovakia-holder.m49 #infos .info_05 {opacity:1; visibility:visible;
 box-shadow:1px 20px 30px rgba(0,0,0,0.1); z-index:99;
                                        left: 0;
    margin-top: 30%;
    right: 0;
    margin: 0px auto;
    margin-top: 14.92%;
    margin-left: -3%;}

#slovakia-holder.m46 #infos .info_05 {opacity:1; visibility:visible;
 box-shadow:1px 20px 30px rgba(0,0,0,0.1); z-index:99;
                                        left: 0;
    margin-top: 30%;
    right: 0;
    margin: 0px auto;
    margin-top: 11.92%;
    margin-left: 1%;}


/*stred6*/

#slovakia-holder.m32 #infos .info_06 {opacity:1; visibility:visible;
 box-shadow:1px 20px 30px rgba(0,0,0,0.1); z-index:99;
                                        left: 0;
    margin-top: 30%;
    right: 0;
    margin: 0px auto;
    margin-top: 19.2%;
    margin-left: 40%;}


#slovakia-holder.m25 #infos .info_06 {opacity:1; visibility:visible;
 box-shadow:1px 20px 30px rgba(0,0,0,0.1); z-index:99;
                                        left: 0;
    margin-top: 30%;
    right: 0;
    margin: 0px auto;
    margin-top: 8.2%;
    margin-left: 38%;}

#slovakia-holder.m18 #infos .info_06 {opacity:1; visibility:visible;
 box-shadow:1px 20px 30px rgba(0,0,0,0.1); z-index:99;
                                        left: 0;
    margin-top: 30%;
    right: 0;
    margin: 0px auto;
    margin-top: 17.2%;
    margin-left: 45%;}


#slovakia-holder.m21 #infos .info_06 {opacity:1; visibility:visible;
 box-shadow:1px 20px 30px rgba(0,0,0,0.1); z-index:99;
                                        left: 0;
    margin-top: 30%;
    right: 0;
    margin: 0px auto;
    margin-top: 19.2%;
    margin-left: 49%;}


#slovakia-holder.m33 #infos .info_06 {opacity:1; visibility:visible;
 box-shadow:1px 20px 30px rgba(0,0,0,0.1); z-index:99;
                                        left: 0;
    margin-top: 30%;
    right: 0;
    margin: 0px auto;
    margin-top: 21.0%;
    margin-left: 54%;}

#slovakia-holder.m19 #infos .info_06 {opacity:1; visibility:visible;
 box-shadow:1px 20px 30px rgba(0,0,0,0.1); z-index:99;
                                        left: 0;
    margin-top: 30%;
    right: 0;
    margin: 0px auto;
    margin-top: 15.6%;
    margin-left: 64%;}

#slovakia-holder.m17 #infos .info_06 {opacity:1; visibility:visible;
 box-shadow:1px 20px 30px rgba(0,0,0,0.1); z-index:99;
                                        left: 0;
    margin-top: 30%;
    right: 0;
    margin: 0px auto;
    margin-top: 9.6%;
    margin-left: 69%;}



#slovakia-holder.m23 #infos .info_06 {opacity:1; visibility:visible;
 box-shadow:1px 20px 30px rgba(0,0,0,0.1); z-index:99;
                                        left: 0;
    margin-top: 30%;
    right: 0;
    margin: 0px auto;
    margin-top: 6.6%;
    margin-left: 66%;}


#slovakia-holder.m20 #infos .info_06 {opacity:1; visibility:visible;
 box-shadow:1px 20px 30px rgba(0,0,0,0.1); z-index:99;
                                        left: 0;
    margin-top: 30%;
    right: 0;
    margin: 0px auto;
    margin-top: 13.6%;
    margin-left: 55%;}

#slovakia-holder.m14 #infos .info_06 {opacity:1; visibility:visible;
 box-shadow:1px 20px 30px rgba(0,0,0,0.1); z-index:99;
                                        left: 0;
    margin-top: 30%;
    right: 0;
    margin: 0px auto;
    margin-top: 14.6%;
    margin-left: 48%;}


#slovakia-holder.m15 #infos .info_06 {opacity:1; visibility:visible;
 box-shadow:1px 20px 30px rgba(0,0,0,0.1); z-index:99;
                                        left: 0;
    margin-top: 30%;
    right: 0;
    margin: 0px auto;
    margin-top: 11.96%;
    margin-left: 52%;}


#slovakia-holder.m27 #infos .info_06 {opacity:1; visibility:visible;
 box-shadow:1px 20px 30px rgba(0,0,0,0.1); z-index:99;
                                        left: 0;
    margin-top: 30%;
    right: 0;
    margin: 0px auto;
    margin-top: 6.6%;
    margin-left: 43%;}


#slovakia-holder.m26 #infos .info_06 {opacity:1; visibility:visible;
 box-shadow:1px 20px 30px rgba(0,0,0,0.1); z-index:99;
                                        left: 0;
    margin-top: 30%;
    right: 0;
    margin: 0px auto;
    margin-top: 6.6%;
    margin-left: 46%;}


#slovakia-holder.m24 #infos .info_06 {opacity:1; visibility:visible;
 box-shadow:1px 20px 30px rgba(0,0,0,0.1); z-index:99;
                                        left: 0;
    margin-top: 30%;
    right: 0;
    margin: 0px auto;
    margin-top: 6.1%;
    margin-left: 55%;}

/*stred7*/

#slovakia-holder.m30 #infos .info_07 {opacity:1; visibility:visible;
 box-shadow:1px 20px 30px rgba(0,0,0,0.1); z-index:99;
                                        left: 0;
    margin-top: 30%;
    right: 0;
    margin: 0px auto;
    margin-top: 24.1%;
    margin-left: 65%;}

#slovakia-holder.m31 #infos .info_07 {opacity:1; visibility:visible;
 box-shadow:1px 20px 30px rgba(0,0,0,0.1); z-index:99;
                                        left: 0;
    margin-top: 30%;
    right: 0;
    margin: 0px auto;
    margin-top: 21.8%;
    margin-left: 73%;}


#slovakia-holder.m29 #infos .info_07 {opacity:1; visibility:visible;
 box-shadow:1px 20px 30px rgba(0,0,0,0.1); z-index:99;
                                        left: 0;
    margin-top: 30%;
    right: 0;
    margin: 0px auto;
    margin-top: 21%;
    margin-left: 70%;}

#slovakia-holder.m28 #infos .info_07 {opacity:1; visibility:visible;
 box-shadow:1px 20px 30px rgba(0,0,0,0.1); z-index:99;
                                        left: 0;
    margin-top: 30%;
    right: 0;
    margin: 0px auto;
    margin-top: 14%;
    margin-left: 70%;}


#slovakia-holder.m22 #infos .info_07 {opacity:1; visibility:visible;
 box-shadow:1px 20px 30px rgba(0,0,0,0.1); z-index:99;
                                        left: 0;
    margin-top: 30%;
    right: 0;
    margin: 0px auto;
    margin-top: 14%;
    margin-left: 71%;}



#slovakia-holder.m16 #infos .info_07 {opacity:1; visibility:visible;
 box-shadow:1px 20px 30px rgba(0,0,0,0.1); z-index:99;
                                        left: 0;
    margin-top: 30%;
    right: 0;
    margin: 0px auto;
    margin-top: 8%;
    margin-left: 71%;}




.vop {}
.vop-link {font-size:.9rem;display:inline-block;transition: all .3s;vertical-align: top;margin: 5px 20px;}
.vop-link:hover {transform:scale(1.2)}
.vop-link strong {display:block;text-transform:uppercase;font-size: .8rem;}
.vop-link i {display:block; height:60px; width:60px; background-image:url(https://intera.matoremes.sk/wp-content/uploads/2022/03/vop.png); background-size:contain; background-repeat:no-repeat; background-position:center; margin:20px auto}










#slovakia-holder #nazvy {width: 100%;display: block;position: absolute;height: 100%;overflow: visible;z-index: 1;top: 0;}
#slovakia-holder #nazvy:before {content:"";width: 100%;display: block;position: absolute;height: 100%;background-image:url(https://intera.matoremes.sk/wp-content/uploads/2022/03/nazvy.svg);background-position: center;background-repeat: no-repeat;z-index: 1;}


#video-holder{background-color: rgba(0,0,00.00);width: 100%;background-blend-mode: multiply;/* max-height: 100vh; *//* min-height: 100vh; */margin:0px auto;position:relative;/* height: 56vh; */overflow:hidden;/* max-width: 1600px; */font-size: 0;z-index:0;/* background-color: #a8ad00; */line-height: 0;/* border-radius: 30px; *//* overflow: hidden; */}
#video-holder .btn {position:absolute;border:1px solid white;z-index:9;margin-top: 280px;left:0;right:0px;margin-left:auto;margin-right:auto;max-width:240px;/* color: white; *//* background: white!important; *//* color: #5CA03C!important; */background: white;-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
#video-holder videoo{/* position:absolute; */top:50%;left:50%;width:auto;height:auto;min-width:100%;min-height:100%;-webkit-transform:translate(-50%, -50%);-moz-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%);z-index:0;opacity: .9;position: relative;}
#video-holder video {width: 100%;opacity: .68;/* margin-left: -0.5%; *//* margin-top: -0.5%; */}

#video-holder  h2 {line-height:2rem;color: #58595b;text-align: left;/* padding-top:20vh; */text-transform:uppercase;display: block;margin-bottom: 40px;font-size: 1.7rem;position: absolute;z-index: 9;left: 0;right: 0;margin: 190px auto 0px auto;text-align: center;color: white;}
#video-holder  h2 span {display:block; font-size:1rem; line-height:2rem;}
#video-holder  h2 b {
    background: rgb(154,202,60);
    background: linear-gradient( 
90deg, rgba(154,202,60,1) 0%, rgba(103,174,62,1) 100%);
    padding: 7px;
    color: white;
}




















.stediska {}

.sek.stediska {
    max-width: 1560px;
}

.stediska h2 {text-align:center}
.stediska .stredisko {font-size: .7rem;line-height: 1.3rem;text-align:left;display:inline-block;max-width:300px;padding:20px;vertical-align: top;min-width: 450px;background: rgba(0,0,0,.04);margin: 30px 20px;}
.stediska .stredisko strong {display:block;font-size: .9rem;margin-bottom: 20px;}

.stediska .stredisko iframe {margin-top:20px;max-height: 300px!important;}

.novinky {
    padding: 50px 0px 30px 0px;
    /* border-top: 1px solid rgba(0,0,0,0.2); */
    /* border-bottom: 1px solid rgba(0,0,0,0.2); */
    /* background-color: rgba(0,0,0,0.02); */
    max-width: 100%;
    text-align: center;
}

.novinky > h2 {
    font-size: 1.5rem;
    line-height: 3rem;
    /* margin: 25px 0px; */
    margin-bottom: 0px;
    display: block;
    text-transform: uppercase;
    font-weight: bold;
    text-align: center;
    margin-bottom: 60px;
}

.blogs > a {
    color: #5a6771;
    max-width: 350px;
    display:inline-block;
    text-align:left;
    margin:20px;
    text-transform:uppercase;
    padding-bottom: 30px;
    box-shadow: 1px 1px 3px rgb(0 0 0 / 10%);
    transition: all .4s ease-in-out;
    -webkit-transition: all .3s ease-in-out!important;
    background-color: white;
    border-radius: 10px;
    overflow: hidden;
    vertical-align: top;
}

.blogs > a span.exc {font-size: .78rem;line-height: 1.1rem;text-transform:initial;padding: 0px 40px;display: block;font-weight: normal;margin-bottom: 20px;}

.blogs > a:hover {
    box-shadow: 1px 1px 41px rgb(0 0 0 / 10%);
}

.blogs > a:hover h1 {
        color: #5CA03C;
}


.blogs > a .img {
    display:block;
    background-size:cover;
    height:200px;
    width:100%;
    background-position: center;
    margin-bottom: 30px;
}

.blogs > a em {
    font-style:normal;
    margin-left:40px;
    font-size:.6rem;
    border-radius:20px;
    background-color:rgba(0,0,0,0.1);
    padding:5px 10px;
    margin-top: 5px;
    display: inline-block;
}

.blogs > a ul {
    margin-top: 30px;
    margin-left: 40px;
    margin-bottom: 20px;
}
.blogs > a li {list-style:none; font-size:.7rem}
.blogs > a li:before {
    content:"";
    width: 10px;
    height: 10px;
    border-radius:6px;
    background-color: #5CA03C;
    display:inline-block;
    vertical-align:middle;
    margin-right:10px;
}
.blogs > a h1 {padding-left:40px;padding-right:40px;font-size: 1rem;transition: all .3s;-webkit-transition: all .3s ease-in-out;font-weight: bold;display: block;padding-bottom: 20px;/* min-height: 90px; *//* white-space: normal; *//* letter-spacing: initial; */}





.single-picture, .page-template-default  .single-picture {background-blend-mode:multiply;background-color:rgba(0,0,0,0.3);height:70vh;background-size:cover;background-position:center;max-width: 1640px;margin: 0px auto;}
.page-template-default  .single-picture header , .single-picture header {position:absolute;top: 25vh;text-align:center;width:100%;left: 0;}
.page-template-default .single-picture header h1, .single-picture header h1 {color:white;font-size: 3rem;text-transform:uppercase;max-width:680px;margin:0px auto;display: block!important;}

.page-template-default .single-picture header h1  b {
    background: rgb(154,202,60);
    background: linear-gradient( 
90deg, rgba(154,202,60,1) 0%, rgba(103,174,62,1) 100%);
    padding: 7px;
    color: white;
}


.page-template-default .single-picture header {display:block;}
.single .entry-content { line-height:1.7rem;text-align:left; padding:40px; max-width:980px; margin:20px auto}
.single .entry-content iframe {margin:20px auto;display:block;}
.single .entry-content h3 {display:block;font-size: 1.52rem;line-height: 2rem;margin:0px auto;display:block;text-align: center;font-weight: bold;/* text-transform: uppercase; */}
.single .entry-content ul {padding:30px;background-color: rgba(0,0,0,0.07);padding:40px 60px;margin: 30px 0;list-style: disc;}



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





.flickity-enabled {
  position: relative;
}

.flickity-enabled:focus { outline: none; }

.flickity-viewport {
  overflow: hidden;
  position: relative;
  height: 100%;
}

.flickity-viewport:before {content: "";left: 0;top: 0px;position: absolute;width: 170px;height: 100%;z-index: 99;background: linear-gradient(90deg, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 100%);}
.flickity-viewport:after {content: "";right: 0;top: 0px;position: absolute;width: 170px;height: 100%;z-index: 99;background: linear-gradient(90deg, rgba(255, 255, 255,0)  0%, rgb(255, 255, 255) 100%);}


.flickity-slider {
  position: absolute;
  width: 100%;
  height: 100%;
}

/* draggable */

.flickity-enabled.is-draggable {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  max-width: 100%;
}

.flickity-enabled.is-draggable .flickity-viewport {
  cursor: move;
  cursor: -webkit-grab;
  cursor: grab;
}

.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down {
  cursor: -webkit-grabbing;
  cursor: grabbing;
}

/* ---- previous/next buttons ---- */

.flickity-prev-next-button {
  position: absolute;
  top: 50%;
  width: 44px;
  height: 44px;
  border: none;
  border-radius: 50%;
  background: white;
  background: hsla(0, 0%, 100%, 0.75);
  cursor: pointer;
  /* vertically center */
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}

.flickity-prev-next-button:hover { background: white; }

.flickity-prev-next-button:focus {
  outline: none;
  box-shadow: 0 0 0 5px #09F;
}

.flickity-prev-next-button:active {
  filter: alpha(opacity=60); /* IE8 */
  opacity: 0.6;
}

.flickity-prev-next-button.previous {left: 10px;display: none;}
.flickity-prev-next-button.next {right: 10px;display: none;}
/* right to left */
.flickity-rtl .flickity-prev-next-button.previous {
  left: auto;
  right: 10px;
}
.flickity-rtl .flickity-prev-next-button.next {
  right: auto;
  left: 10px;
}

.flickity-prev-next-button:disabled {
  filter: alpha(opacity=30); /* IE8 */
  opacity: 0.3;
  cursor: auto;
}

.flickity-prev-next-button svg {
  position: absolute;
  left: 20%;
  top: 20%;
  width: 60%;
  height: 60%;
}

.flickity-prev-next-button .arrow {
  fill: #333;
}

/* color & size if no SVG - IE8 and Android 2.3 */
.flickity-prev-next-button.no-svg {
  color: #333;
  font-size: 26px;
}

/* ---- page dots ---- */

.flickity-page-dots {
  position: absolute;
  width: 100%;
  bottom: -50px;
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: center;
  line-height: 1;
}

.flickity-rtl .flickity-page-dots { direction: rtl; }

.flickity-page-dots .dot {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 0 8px;
  background: #5a6771;
  border-radius: 50%;
  filter: alpha(opacity=25); /* IE8 */
  opacity: 0.25;
  cursor: pointer;
}

.flickity-page-dots .dot.is-selected {
  filter: alpha(opacity=100); /* IE8 */
  opacity: 1;
  background: #a7e520;
}

.gallery-cell {
  width: 100%;
  height: 200px;
  margin-right: 0px;
  /* background: #8C8; */
  counter-increment: gallery-cell;
  text-align: center;
}

/* cell number */
.gallery-cell:before {
  display: block;
  text-align: center;
  /* content: counter(gallery-cell); */
  line-height: 200px;
  font-size: 80px;
  color: white;
}


#slider h2 {font-size: 3.5rem;line-height: 3rem;color: #a7e520;margin: 25px 0px;/* text-transform: uppercase; */}
#slider p {max-width:60%;max-width: 410px;margin:0px auto;}

#slider.clients h2 {
    font-size: 1.5rem;
    line-height: 3rem;
    text-transform: uppercase;
    font-weight: bold;
}
/*------------*/









    #blogy {height: 60vh;margin-top: 0;/* padding-bottom: 60px; */background-color: white;max-width: 1680px;margin-left: auto;margin-right: auto;}
    #blogy .gallery-cell {height: 60vh;background-size: cover;background-repeat: no-repeat;background-blend-mode: multiply;background-color: rgba(0,0,0,0.49);background-position: center;}
    #blogy .flickity-viewport:before,
    #blogy .flickity-viewport:after {display:none}
    #blogy .cycle-overlay {position:absolute;top: 13vh;left:0;right:0;margin:30px auto;}
    #blogy .cycle-overlay h1 span {display:block;color:white;font-size:1rem;margin-bottom:30px;font-weight: bold;}
    #blogy .cycle-overlay h1 a {color:white; font-size:1.8rem; max-width:500px; display:block; margin:0px auto; white-space:normal}
    #blogy .cycle-overlay h1 {display:block; margin-bottom:40px}
     #blogy .cycle-overlay .btn {margin-top:40px}
     #blogy .flickity-page-dots {bottom:50px}
     #blogy .flickity-page-dots .dot {background-color:white}





.arrow-top {display:none;position:fixed;bottom: 25px;right: 25px;transition: all .3s;background-color: #0aa8d5;/* background-color: red; */width: 50px;height: 50px;border-radius:100%;z-index: 999999;background-color: #5CA03C;background: rgb(154,202,60);background: linear-gradient( 
90deg, rgba(154,202,60,1) 0%, rgba(103,174,62,1) 100%);}
.fixedheader .arrow-top {display:block;}

.arrow-top:before {position:absolute;width: 30px;height: 20px;content:"";background-image: url(https://panzemiak.sk/wp-content/uploads/2021/11/right.svg);background-position:center;/* background-repeat:no-repeat; */transform:rotate(-90deg);left: 11px;top: 14px;background-image: url(https://intera.matoremes.sk/wp-content/uploads/2021/12/ikonky-2.svg);display: inline-block;background-size: 60px;background-position: -60px -957px;}
.arrow-top:hover {transform:scale(1.2)}




    .search-result-count {display:block; margin:15px;}


.search-results article {text-align:left;width: 400px;height: 307px;display:inline-block;vertical-align:top;margin: 40px 20px;padding:30px;transition: all .3s;-webkit-transition: all .3s ease-in-out;box-shadow: 0px 0px 0px rgb(0 0 0 / 25%);padding-bottom: 40px;border-radius: 10px;}
.search-results article figure.post-thumbnail {max-height:200px;overflow:hidden;display:block;/* height: 200px; *//* min-height: 200px; */}
.search-results article:hover {box-shadow: 0px 0px 0px rgb(0 0 0 / 25%);box-shadow: 1px 1px 19px rgb(0 0 0 / 9%);}
.search-results article .entry-content {display:none;}
.search-results article footer {display:none}
.search-results article h2 {font-size: .89rem;display: block;padding: 0px 20px 20px 20px;text-transform: uppercase;/* min-height: 120px; *//* white-space: nowrap; */overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}

.search-results article h2 a {color:#5A6772}
.search-results article:hover a {color: #5CA03C;}

.no-results {text-align:center;padding: 60px 20px;}

ul.ornament {
   list-style: none;
   margin-left: 0;
   padding-left: 30px;
   text-indent: -30px;
   }
ul.ornament li:before {
    display: block;
    height: 30px;
    margin: 0px 0px;
    background-image: url(https://intera.matoremes.sk/wp-content/uploads/2021/12/ikonky-2.svg);
    display: inline-block;
    background-size: 129px;
    background-position: -49px -846px;
    width: 29px;
    content:"";
    vertical-align:middle;
    }

ul.ornament li {font-weight:bold;font-size:.9rem;line-height: 1rem;margin:10px 0px;}


.entry-content table {border-collapse: collapse;max-width: 810px;margin: 50px auto;width: 100%;}
.entry-content table td {border-right:1px solid rgba(0,0,0,0.1);border-bottom:1px solid rgba(0,0,0,0.1);text-align:left;font-size: .7rem;padding:5px;}
.entry-content table tr:nth-child(1) td {font-weight:bold;color: inherit!important;text-transform:uppercase;/* text-align:center; */font-size: .7rem;}

.entry-content table tr:nth-child(1) td:nth-child(1) {font-weight:bold!important}

.entry-content table tr td:nth-child(1) {color: #5CA03C;font-weight: bold;}
.entry-content table tr td:last-child {border-right:0}


.entry-content table.full-table tr td:nth-child(1) {
    font-weight: normal!important;
    color: #58595b!important;
    border: 1px solid rgba(0,0,0,0.1)!important;
}
.entry-content table.full-table tr td:last-child {border:1px solid rgba(0,0,0,0.1);font-weight: normal;}
.entry-content table.full-table tr:nth-child(1) td {border:1px solid rgba(0,0,0,0.1);font-weight: bold!important;background: linear-gradient(to right, rgba(154,202,60,1) , rgba(103,174,62,1));-webkit-background-clip: text;-webkit-text-fill-color: transparent;padding: 14px 6px;}
.entry-content table.full-table tr:last-child td {border:1px solid rgba(0,0,0,0.1);}

.entry-content table.full-table td {font-size:.8rem!important;}
.entry-content table.full-table {/* border-radius:3px; *//* overflow:hidden; *//* border: 2px red solid!important; */border-radius: 20px;border: 2px solid #e6e7e8!important;}

.entry-content table tr:last-child td {border-bottom:0}
.entry-content h3 {
    background: linear-gradient(to right, rgba(154,202,60,1) , rgba(103,174,62,1));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-transform: uppercase;
    display:block;
    margin-top: 20px;
    margin-bottom: 20px;
    font-size: 1.3rem;
    margin: 30px auto;
    text-align: center;
    }

.divider {position:relative;margin: 90px auto;margin-bottom: 30px;display: block;clear: both;}
.divider:before {content:"";width:100%;display:block;height:1px;background-color:red;background: rgb(154,202,60);background: linear-gradient(90deg, rgba(154,202,60,1) 0%, rgba(103,174,62,1) 100%);position: relative;margin-top: -30px;position: absolute;left: 0;max-width: 1300px;right: 0;margin: -30px auto 0px auto;}
.divider:after {content:"";width: 40px;height: 40px;background-color: white;display:block;border-radius: 40px;position:absolute;top:0;left: 0;right: 0;margin: -40px auto 0px auto;background-image: url(https://intera.matoremes.sk/wp-content/uploads/2021/12/ikonky-2.svg);display: inline-block;/* height: 24px; */background-size: 118px;background-position: -152px -766px;border: 20px solid white;box-sizing: content-box;margin-top: -71px;position: absolute;/* margin-bottom: 71px; */}


h3 {/* display:block; *//* clear: both; */}

.page .entry-content {min-height:500px}
.page-template-default .novinky {padding-bottom:30px}


.sek {
    font-size: 0;
    padding: 40px;
    /* max-width: 1000px; */
    text-align: center;
    margin: 30px auto;
}

.sek.small-left {}
.sek.small-left div,
.sek.small-right div {display:inline-block;vertical-align:middle;max-width: 450px;width: 450px;margin: 24px;text-align: left;/* font-size: 1rem; *//* line-height: 1.5rem; */font-size: .9rem;line-height: 1.6rem;}

.sek.small-left div p, .sek.small-right div p {margin-bottom: 10px;}

.sek.small-left div ul, .sek.small-right div ul {
  list-style-type:initial; margin-left:20px; font-size:.8rem;
}


.sek div p a { transition: all .3s; color:#58595b;}
.sek div p a:hover {text-decoration:underline; color: #5CA03C;}

.sek div.im {background-size:cover;height: 270px;background-color: rgba(0,0,0,0.049);width: 100%;border-radius: 10px;background-position: center;background-repeat: no-repeat;}

.sek.granulovane div.im {background-image:url(https://intera.matoremes.sk/wp-content/uploads/2022/01/05.jpg);}
.sek.tekute div.im {background-image: url(https://intera.matoremes.sk/wp-content/uploads/2021/12/about-1-img-1.jpg);}
.sek.odapoz div.im {background-image:url(https://intera.matoremes.sk/wp-content/uploads/2022/01/05.jpg);}
.sek.podlatypu div.im {background-image:url('https://intera.matoremes.sk/wp-content/uploads/2022/01/06.jpg');}

.sek.kukurica div.im {background-image:url('https://intera.matoremes.sk/wp-content/uploads/2021/12/a3.jpg');}
.sek.repka div.im {background-image:url('https://intera.matoremes.sk/wp-content/uploads/2021/12/a2.jpg');}
.sek.slnecnica div.im {background-image:url('https://intera.matoremes.sk/wp-content/uploads/2021/12/hnojiva7.jpg');}
.sek.ostatne div.im {background-image:url('https://intera.matoremes.sk/wp-content/uploads/2022/01/07.jpg');}
.sek.psenica div.im {background-image:url('https://intera.matoremes.sk/wp-content/uploads/2021/12/a1.jpg');}


.sek.odporucane-hnojivo-kukurica div.im {background-image:url('https://intera.matoremes.sk/wp-content/uploads/2022/01/05-1.jpg');}
.sek.odporucana-chemia-kukurica div.im {background-image:url('https://intera.matoremes.sk/wp-content/uploads/2021/12/about-1-img-1.jpg');}

.sek.nafta div.im {background-image:url('https://intera.matoremes.sk/wp-content/uploads/2022/01/15.jpg');height: 900px;}

.sek.arktik-nafta div.im {background-image:url('https://intera.matoremes.sk/wp-content/uploads/2022/01/16.jpg');height: 500px;}
.sek.benzin div.im {background-image:url('https://intera.matoremes.sk/wp-content/uploads/2022/01/17.jpg');height: 700px;}
.sek.manipulacia div.im {background-image: url('https://intera.matoremes.sk/wp-content/uploads/2022/01/18.jpg');height: 700px;}
.sek.logistika div.im {background-image:url('https://intera.matoremes.sk/wp-content/uploads/2022/01/13.jpg'); background-position:right;height: 400px;}



.sek.soja div.im {background-image:url('https://intera.matoremes.sk/wp-content/uploads/2022/01/08.jpg');}

.sek.olejniny div.im {background-image:url(https://intera.matoremes.sk/wp-content/uploads/2021/12/a2.jpg);}
.sek.obilniny div.im {background-image:url(https://intera.matoremes.sk/wp-content/uploads/2022/01/10.jpg);}
.sek.ceny-komodit div.im {background-image:url(https://intera.matoremes.sk/wp-content/uploads/2021/12/a1.jpg);}







.sek.center {margin:0px auto;padding: 40px 0px;}
.sek.center p {font-size:.8rem;max-width: 730px;margin:20px auto;line-height:1.5rem;text-align: center;}
.sek.center img.mapka {width:100%; max-width:700px; margin:20px}
b.green {background: linear-gradient(to right, rgba(154,202,60,1) , rgba(103,174,62,1));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;}

.stlpce {
    margin-bottom: 60px;
}
.stlpce div {text-align:left;vertical-align:top;max-width: 240px;display:inline-block;padding: 10px 20px;}
.stlpce div img {border-radius:10px; width:100%}
.stlpce div h3 {font-size: .8rem;text-align:left;text-transform:initial;padding-right: 0;}
.stlpce div ul {}
.stlpce div li {font-size:.7rem;line-height:1rem;/* clear: unset; */}

.hnojenie-image {width:100%;margin-bottom: 40px;margin-top: 40px;}

.sek.center h2 {text-align:center;}
table {border:0!important}


.ctas {/* display:block; *//* max-width:100%; *//* height:100px; */border: 2px solid;padding: 30px 20px;/* width: min-content; */display: block;border-radius: 20px;border-color: #e6e7e8;text-align: center;margin: 20px auto;max-width: 690px;/* background-color: rgba(0,0,0,0.02); */min-height: 70px;}
.ctas span {display:inline-block;width: 50%;vertical-align: middle;font-size: .76rem;/* border-right: 1px solid rgba(0,0,0,0.1); */margin-right: 20px;line-height: .9rem;font-weight: bold;/* padding-right: 20px; */}
.ctas span a {font-size: .9rem;display: block;/* padding-right: 30px; */line-height: 1.3rem;}
.ctas a.btn {display:inline-block;vertical-align:middle;border: 1px solid #5CA03C;background-color: white;background: white;/* background: linear-gradient(to right, rgba(154,202,60,1) , rgba(103,174,62,1)); */-webkit-background-clip: initial;-webkit-text-fill-color: initial;}

.ctas.cisla span {margin-right: 0px;}
.ctas.cisla span a {display:inline-block;}

.ctas:after {margin-left:20px;content:"";display: inline-block;/* margin:0px auto; */width: 70px;height:100px;background-image:url(https://intera.matoremes.sk/wp-content/uploads/2021/12/cennik.jpg);background-size:cover;box-shadow: 11px 11px 20px rgba(0,0,0,0.1);vertical-align: middle;/* position: absolute; *//* right: 17px; *//* z-index: -1; *//* top: 8px; */}
.ctas.link:after {display:none}
em.note {font-size:.8rem; text-align:left; display:block; max-width:800px; margin:0px auto}