.clear{clear:both;
    height:0px;
    overflow:hidden;}
    
img{border:0; max-width:100%;}
.articlebody img{height:auto;}
    
body{padding:0; margin:0; font-size:17px;}

.super-big{font-size: 30px;}

a, #slider1 .posuvnik a img, #respicon:before, #respicon, #menu1, a.button:before, a.button span, a.button span:after, a.button span,
.image-prekrytie .sppb-addon-content:after, .image-prekrytie .sppb-addon-content:before, .image-prekrytie:before, .image-prekrytie:after,
#uvod-sluzby-dalsie .sppb-col-md-4, #uvod-sluzby-dalsie h2 span:before, #uvod-sluzby-dalsie h2 span:after, #respicon .gulicka, #respicon .gulicka:before,
.sppb-carousel-arrow i, .newsflash-image img, .newsflash-clanok .readmore:after, #totop, a span, #pata1 a:after, .blog-dark-blok .item-image img
, .menu-clanok a:before, .page-header-naklanany a:after, #sluzby-priebeh .sppb-col-md-4, .sipka-big, .sipka-stred-big, #button3, #button3:after, .button3, .button3:after,
 .pager.pagenav li a:before, .pager.pagenav li a:after{-webkit-transition: all 0.4s ease; /* Safari and Chrome */
    -moz-transition: all 0.4s ease; /* Firefox */
    -ms-transition: all 0.4s ease; /* IE 9 */
    -o-transition: all 0.4s ease; /* Opera */
    transition: all 0.4s ease;}

.naklananie, .naklananie .sppb-articles-carousel-content, .naklananie .sppb-articles-carousel-content .dot-white{-webkit-transition: all 0.2s ease; /* Safari and Chrome */
        -moz-transition: all 0.2s ease; /* Firefox */
        -ms-transition: all 0.2s ease; /* IE 9 */
        -o-transition: all 0.2s ease; /* Opera */
        transition: all 0.2s ease;}
	
.chrono_credits, .tooltip.fade.top, #referencie-clanky-uvod .bx-pager.bx-default-pager, .pagination-start span, .pagination-prev span,
.pagination-next span, .pagination-end span, .chronoforms6_credits{display:none!important; visibility:hidden!important;}

body{font-family: 'Poppins', sans-serif; font-weight: 300;}


h1,h2,h3,h4,h5,h6, .semanticui-body button, .semanticui-body input, .semanticui-body optgroup, .semanticui-body select, .semanticui-body textarea,
 #button3, .button3{font-weight:300; font-family: 'Poppins', sans-serif; }

.articlebody blockquote:after, .pager.pagenav li a:before, .pager.pagenav li a:after{font-family:'Font Awesome 5 Free'; font-weight:900;}



/* modra */
.modra, div.bx-wrapper .bx-controls-direction a:hover, .sppb-carousel-arrow:hover, #pata2 a:hover, #pata a:focus, #pata3 a:hover, #pata3 a:focus
, .vacsi-text-blok i{color:#2FC8D0;}

.sppb-carousel-arrow:hover{color:#2FC8D0!important;}

#respicon .gulicka:before, .nadnadpis:after, a.button:before, a.button span, a.button span:after, .dot-white,
#pata1 a:hover:after, .menu-clanok a:before, p.ciarka:after, .page-header-naklanany a:after{background: #2FC8D0;}

/*#respicon .gulicka{border:1px solid #2FC8D0;}*/

#menu1:before{background: rgba(47, 200, 208,0.7);}

.nadnadpis, a, a:visited, a.button:hover, a.button:focus, #sluzby-uvod h3 a:hover, #sluzby-uvod h3 a:focus, #uvod-sluzby-dalsie .sppb-col-md-4:nth-child(1) h2 span
, #menu1 a:hover, #menu1 a:focus, #pata1 .start, .tmava-fialova-text, .vacsi-text-blok a:hover, .vacsi-text-blok a:focus, 
.pager.pagenav li a:hover, .pager.pagenav li a:focus{color:#00aeb8;}

.pager.pagenav li a:hover, .pager.pagenav li a:focus{color:#00aeb8!important;}

a:hover, a:focus{color:#0097a1;}

/* zelena */
.zelena, #system-message-container{color:#2ED03C;}

#pata1 a:after{background:#2ED03C;}

/* gradient zelena - modra */
.gradient-zelena, .image-prekrytie .sppb-addon-content:before, #uvod-sluzby-dalsie .sppb-col-md-4:nth-child(1) h2 span:before
, #pata1 a:before, .sipka-stred-big, #precoja-dovody .sppb-row div.sppb-column:after, #button3, .button3, 
.naklananie .sppb-articles-carousel-content:hover a:hover, .referencie .naklananie:hover .page-header a:hover{/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#2ed03c+0,2fc8d0+100 */
    background: #2ed03c; /* Old browsers */
    background: -moz-linear-gradient(left,  #2ed03c 0%, #2fc8d0 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left,  #2ed03c 0%,#2fc8d0 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right,  #2ed03c 0%,#2fc8d0 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2ed03c', endColorstr='#2fc8d0',GradientType=1 ); /* IE6-9 */
    }

#uvod-sluzby-dalsie .sppb-col-md-4:nth-child(1) h2 span:after
{/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#2ed03c+0,2fc8d0+100 */
    background: #2ed03c; /* Old browsers */
    background: -moz-linear-gradient(top,  #2ed03c 0%, #2fc8d0 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #2ed03c 0%,#2fc8d0 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #2ed03c 0%,#2fc8d0 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2ed03c', endColorstr='#2fc8d0',GradientType=0 ); /* IE6-9 */
    }

    #zakaznici-uvod > div{
    background: -moz-linear-gradient(left,  rgba(46,208,60,0.8) 0%, rgba(47,200,208,0.8) 100%); 
    background: -webkit-linear-gradient(left,  rgba(46,208,60,0.8) 0%,rgba(47,200,208,0.8) 100%); 
    background: linear-gradient(to right,  rgba(46,208,60,0.8) 0%,rgba(47,200,208,0.8) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4d2ed03c', endColorstr='#4d2fc8d0',GradientType=1 ); 
     }


/* gradient modra - zelena */
.nadnadpis:before, .gradient-modra, #pata1 .start, p.ciarka:before{/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#2fc8d0+0,2ed03c+100 */
background: #2fc8d0; /* Old browsers */
background: -moz-linear-gradient(left,  #2fc8d0 0%, #2ed03c 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #2fc8d0 0%,#2ed03c 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #2fc8d0 0%,#2ed03c 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2fc8d0', endColorstr='#2ed03c',GradientType=1 ); /* IE6-9 */
}

/* biela */
#menu1 .moduletable ul, #respicon .gulicka, .naklananie .sppb-articles-carousel-content:hover a, 
.sppb-carousel-content, .sppb-carousel-pro-inner-content .sppb-container, .carousel-image,
.newsflash-clanok .readmore:after, #totop, .articlebody blockquote, .referencie .naklananie:hover .page-header a,
.fullblok-obmedzeny .image-prekrytie:before, .fullblok-obmedzeny .image-prekrytie:after, #button3:after, .button3:after, #cennik-web .sppb-column-addons .sppb-addon-wrapper
, .item-pagereferencie .image-prekrytie:before, .item-pagereferencie .image-prekrytie:after{background:#FFF;}

.ui.form input:not([type]), .ui.form input[type="date"], .ui.form input[type="datetime-local"], .ui.form input[type="email"], .ui.form input[type="file"], .ui.form input[type="number"], .ui.form input[type="password"], .ui.form input[type="search"], .ui.form input[type="tel"], .ui.form input[type="text"], .ui.form input[type="time"], .ui.form input[type="url"]
, .ui.form textarea, .ui.form .field.error input:not([type]), .ui.form .field.error input[type="date"], .ui.form .field.error input[type="datetime-local"], .ui.form .field.error input[type="email"], .ui.form .field.error input[type="file"], .ui.form .field.error input[type="number"], .ui.form .field.error input[type="password"], .ui.form .field.error input[type="search"], .ui.form .field.error input[type="tel"], .ui.form .field.error input[type="text"], .ui.form .field.error input[type="time"], .ui.form .field.error input[type="url"], .ui.form .field.error select, .ui.form .field.error textarea, .ui.form .fields.error .field input:not([type]), .ui.form .fields.error .field input[type="date"], .ui.form .fields.error .field input[type="datetime-local"], .ui.form .fields.error .field input[type="email"], .ui.form .fields.error .field input[type="file"], .ui.form .fields.error .field input[type="number"], .ui.form .fields.error .field input[type="password"], .ui.form .fields.error .field input[type="search"], .ui.form .fields.error .field input[type="tel"], .ui.form .fields.error .field input[type="text"], .ui.form .fields.error .field input[type="time"], .ui.form .fields.error .field input[type="url"], .ui.form .fields.error .field select, .ui.form .fields.error .field textarea
, .ui.form .field.error input:not([type]):focus, .ui.form .field.error input[type="date"]:focus, .ui.form .field.error input[type="datetime-local"]:focus, .ui.form .field.error input[type="email"]:focus, .ui.form .field.error input[type="file"]:focus, .ui.form .field.error input[type="number"]:focus, .ui.form .field.error input[type="password"]:focus, .ui.form .field.error input[type="search"]:focus, .ui.form .field.error input[type="tel"]:focus, .ui.form .field.error input[type="text"]:focus, .ui.form .field.error input[type="time"]:focus, .ui.form .field.error input[type="url"]:focus, .ui.form .field.error select:focus, .ui.form .field.error textarea:focus
, .naklananie .sppb-articles-carousel-content a:hover .dot-white, .referencie .naklananie .page-header a:hover:after{background:#FFF;}

#uvod-text:before, #referencie-nadpis-uvod:before, .biely-text, .newsflash-obsah a, .newsflash-obsah a:visited,
#blog-modul-nadpis-uvod:before, #blog-nadpis:before, .blog-clanky h2 a, .blog-clanky h2 a:visited, .blog-clanky h2 a:hover,
.articlebody blockquote:after, #referencie-nadpis-detail:before, #sluzba-tvorba-uvod:before, .sluzba-top-uvod:before, .pozadie-nazov-text,
.naklananie .sppb-articles-carousel-content:hover a:hover, .referencie .naklananie:hover .page-header a:hover{color:#FFF;}

.naklananie .sppb-articles-carousel-content a, .referencie .naklananie .page-header a{background:rgba(255, 255, 255, 0.7);}

/* seda */
#pata5, #pata5 a, #pata5 a:visited, #pata5 a:hover{color:#555;}

#totop, .pager.pagenav li a, .pager.pagenav li a:visited, .article-info, .tags.inline{color:#777;}

div.bx-wrapper .bx-controls-direction a, .sppb-carousel-arrow, .sppb-carousel-arrow:visited, .sppb-carousel-arrow:focus{color:#BBB;}

#uvod-text.sppb-section.uzsie .sppb-row{border-bottom:1px solid #EEE;}

#zakaznici-nadpis-uvod .sppb-row{border-top:1px solid #EEE;}

.sede-pozadie, .image-prekrytie:before, .image-prekrytie:after, #footer1, .referencia-logo-sluzby, .pager.pagenav li a:hover{background: #F9F9F9;}

#sluzby-uvod .sppb-section:before{color:#F9F9F9;}

/* cierna */
h1, h2, h3, h4, h5, h6, #sluzby-uvod h3 a, #sluzby-uvod h3 a:visited, #totop:hover, #pata1 a, a.sppb-articles-carousel-link,
a.sppb-articles-carousel-link:hover, a.sppb-articles-carousel-link:focus, .referencie .naklananie .page-header a,
.referencie .naklananie .page-header a:visited, .referencie .naklananie .page-header a:hover, .vacsi-text-blok a,
.vacsi-text-blok a:visited {color:#000;}

body, #menu1 a, #menu1 a:visited{color:#222;}
#zakaznici-uvod-referencia  .sppb-carousel-content{color:#222!important;}

.image-prekrytie .sppb-addon-content:after{background:rgba(0, 0, 0, 0.3)}
.newsflash-clanok > div:before, .blog-dark-blok .page-header{background:rgba(0, 0, 0, 0.6)}

#pata2 a, #pata a:visited, #pata3 a, #pata3 a:visited{color:#444;}


/* background */
#referencie-clanky-uvod .sppb-articles-carousel-content, .bt-social-share{background: none;}

/* border */
.bt-social-share{border:0;}

.ui.form input:not([type]), .ui.form input[type="date"], .ui.form input[type="datetime-local"], .ui.form input[type="email"], .ui.form input[type="file"], .ui.form input[type="number"], .ui.form input[type="password"], .ui.form input[type="search"], .ui.form input[type="tel"], .ui.form input[type="text"], .ui.form input[type="time"], .ui.form input[type="url"]
, .ui.form textarea{border:0px;}

/* border radius */
.nadnadpis:after, a.button span:after, #respicon .gulicka:before, #respicon .gulicka,
.dot-white, .carousel-image, .newsflash-clanok .readmore:after, #totop, #pata1 a:after, p.ciarka:after,
.page-header-naklanany a:after, .okruhly-img img, #button3:after, .button3:after, #user4 img{-webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;}

#referencie-clanky-uvod .sppb-articles-carousel-content a, .referencie .naklananie .page-header a, #button3, .button3{-webkit-border-radius: 33px;
    -moz-border-radius: 33px;
    border-radius: 33px;}

.ui.form input:not([type]), .ui.form input[type="date"], .ui.form input[type="datetime-local"], .ui.form input[type="email"], .ui.form input[type="file"], .ui.form input[type="number"], .ui.form input[type="password"], .ui.form input[type="search"], .ui.form input[type="tel"], .ui.form input[type="text"], .ui.form input[type="time"], .ui.form input[type="url"]
, .ui.form textarea{-webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0;}

/* box sizing */
#menu1, #menu1 div, .blog-dark-blok .page-header a, .blog-dark-blok .page-header h2, #respicon, .uvodny-obr-ref, .pokec-uvod-referencia
{box-sizing: border-box;}

/* box shadow */
#uvod-sluzby-dalsie .sppb-col-md-4 > div, .naklananie, #zakaznici-uvod-referencia .sppb-carousel-item-inner, .articlebody blockquote,
.referencie .naklananie .page-header a, #sluzby-priebeh .sppb-col-md-4 > div, #precoja-dovody .sppb-row div.sppb-column, 
#cennik-web .sppb-column-addons .sppb-addon-wrapper, #user4{-webkit-box-shadow: 0px 0px 40px 0px rgba(201,201,201,0.3);
    -moz-box-shadow: 0px 0px 40px 0px rgba(201,201,201,0.3);
    box-shadow: 0px 0px 40px 0px rgba(201,201,201,0.3);}

    #referencie-clanky-uvod .sppb-articles-carousel-content a{-webkit-box-shadow: 0px 0px 40px 0px rgba(201,201,201,0.5);
        -moz-box-shadow: 0px 0px 40px 0px rgba(201, 201, 201, 0.5);
        box-shadow: 0px 0px 40px 0px rgba(201,201,201,0.5);}

.ui.form input:not([type]), .ui.form input[type="date"], .ui.form input[type="datetime-local"], .ui.form input[type="email"], .ui.form input[type="file"], .ui.form input[type="number"], .ui.form input[type="password"], .ui.form input[type="search"], .ui.form input[type="tel"], .ui.form input[type="text"], .ui.form input[type="time"], .ui.form input[type="url"]
, .ui.form textarea, .ui.form .field.error input:not([type]), .ui.form .field.error input[type="date"], .ui.form .field.error input[type="datetime-local"], .ui.form .field.error input[type="email"], .ui.form .field.error input[type="file"], .ui.form .field.error input[type="number"], .ui.form .field.error input[type="password"], .ui.form .field.error input[type="search"], .ui.form .field.error input[type="tel"], .ui.form .field.error input[type="text"], .ui.form .field.error input[type="time"], .ui.form .field.error input[type="url"], .ui.form .field.error select, .ui.form .field.error textarea, .ui.form .fields.error .field input:not([type]), .ui.form .fields.error .field input[type="date"], .ui.form .fields.error .field input[type="datetime-local"], .ui.form .fields.error .field input[type="email"], .ui.form .fields.error .field input[type="file"], .ui.form .fields.error .field input[type="number"], .ui.form .fields.error .field input[type="password"], .ui.form .fields.error .field input[type="search"], .ui.form .fields.error .field input[type="tel"], .ui.form .fields.error .field input[type="text"], .ui.form .fields.error .field input[type="time"], .ui.form .fields.error .field input[type="url"], .ui.form .fields.error .field select, .ui.form .fields.error .field textarea
, .ui.form .field.error input:not([type]):focus, .ui.form .field.error input[type="date"]:focus, .ui.form .field.error input[type="datetime-local"]:focus, .ui.form .field.error input[type="email"]:focus, .ui.form .field.error input[type="file"]:focus, .ui.form .field.error input[type="number"]:focus, .ui.form .field.error input[type="password"]:focus, .ui.form .field.error input[type="search"]:focus, .ui.form .field.error input[type="tel"]:focus, .ui.form .field.error input[type="text"]:focus, .ui.form .field.error input[type="time"]:focus, .ui.form .field.error input[type="url"]:focus, .ui.form .field.error select:focus, .ui.form .field.error textarea:focus
, .ui.form input:not([type]):focus, .ui.form input[type="date"]:focus, .ui.form input[type="datetime-local"]:focus, .ui.form input[type="email"]:focus, .ui.form input[type="file"]:focus, .ui.form input[type="number"]:focus, .ui.form input[type="password"]:focus, .ui.form input[type="search"]:focus, .ui.form input[type="tel"]:focus, .ui.form input[type="text"]:focus, .ui.form input[type="time"]:focus, .ui.form input[type="url"]:focus
, .ui.form textarea:focus, #area_container_8{-webkit-box-shadow: 0px 0px 40px 0px rgba(201,201,201,0.5);
    -moz-box-shadow: 0px 0px 40px 0px rgba(201, 201, 201, 0.5);
    box-shadow: 0px 0px 40px 0px rgba(201,201,201,0.5);}


#respicon:hover .gulicka, #totop:hover{-webkit-box-shadow: inset 0px 0px 0px 31px rgba(47,200,208,1);
    -moz-box-shadow: inset 0px 0px 0px 31px rgba(47,200,208,1);
    box-shadow: inset 0px 0px 0px 31px rgba(47,200,208,1);}

#uvod-sluzby-dalsie .sppb-col-md-4:nth-child(1) > div, .sppb-articles-carousel-content,
#sluzby-priebeh .sppb-col-md-4:nth-child(1) > div, #sluzby-priebeh .no-shadow, .no-shadow{-webkit-box-shadow:none!important; -moz-box-shadow: none!important;  box-shadow: none!important;}

/* cursor */
#respicon, .naklananie:hover, #totop, a{cursor:pointer;}


/* display */
#logo1 a, #menu1 a, .sppb-addon-single-image-container a, .image-prekrytie a, #uvod-sluzby-dalsie .sppb-col-md-4:nth-child(1) h2 span
, .blog-dark-blok .page-header a, .sluzba-text h2 span.super-big, .pager.pagenav li a{display: block;}

.nadnadpis span, a.button, #pata2 a, .pagination li, .pagination a, .pagination span, .menu-clanok a, .article-info, .article-info dd, .tags.inline, .tags.inline div{display: inline-block;}

/* float */
.blog-dark-blok .pull-left{float:none!important;}

/* line-height */
#logo1 a{line-height: 0px;}

/* margin */
#logo1 p, p.nadnadpis, p.nomargin, .image-prekrytie p, .newsflash-obsah h4.newsflash-title, #logopata p, #pata2 p, .article-info dd,
.podobnetagyitempopis p{margin:0;}

.blog-dark-blok .page-header h2, .sppb-pricing-box .sppb-pricing-features, .podobnetagyitemtexty h5{margin:0!important}

.sppb-addon-wrapper > div, .bx-wrapper, .article-info{margin-bottom:0!important;}

/* overflow */
#referencie-clanky-uvod{overflow:hidden;}

/* padding */
#system-message{padding:10px;}

.article-info dd, .tags > div{padding-right:5px;}

/* position */
a.button, div.image-prekrytie p, div.image-prekrytie a, #uvod-sluzby-dalsie .sppb-col-md-4:nth-child(1) h2, .newsflash-clanok > div,
#pata1 a, .blog-dark-blok, .blog-clanky, .blog-dark-blok .item-image, .menu-clanok a, p.ciarka, .articlebody blockquote, 
.sluzba-text h2, #precoja-dovody .sppb-row div.sppb-column, .item-header-blok{position: relative;}

/* text */
a, a:hover, a:visited, a:focus{text-decoration:none;}

.nadnadpis, .button, #sluzby-uvod h3,  #uvod-sluzby-dalsie .sppb-col-md-4:nth-child(1) h2 span, strong, .zakaznik-info h5,
.newsflash-obsah h4 a, #menu1 li, #pata1 .start, .blog-clanky h2, .articlebody blockquote, .sp-page-builder.sluzba .sppb-addon h3,
.sluzba-text h2 span.super-big, #precoja-dovody .sppb-row h3, .sppb-pricing-title, .ui.form .field > label, #button3, .button3,
.vyuzite-sluzby li, #system-message-container, #system-message-container h4, #system-message-container h3, .web-sluzby-ikony h5{font-weight:500;}

.referencie .naklananie .page-header a{font-weight: 300;}

.nadnadpis span, .web-sluzby-ikony h5{text-transform: uppercase;}

.articlebody blockquote{font-style:italic;}


#menu1, .left-align, .zakaznik-referencia, .blog-dark-blok .page-header a{text-align: left!important;}

.right-align, .vtip-zakaznici, .zakaznik-info, #pata3, .url-referencie{text-align: right;}

#totop, .pagination, .item-page.blogy .page-header, .vacsi-text-blok i, .referencia-logo-sluzby, .pager.pagenav li a, #system-message-container
, .centruj{text-align: center;}

#pata1 .start{-webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; text-fill-color: transparent;}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active){#pata1 .start{background:none!important}}

.vyuzite-sluzby li{text-transform: uppercase;}

.pager.pagenav li{/*writing-mode: vertical-rl; -ms-writing-mode: tb-rl;*/ word-break: break-all;}

/* text shadow */
#uvod-text:before, #sluzby-uvod .sppb-section:before, #referencie-nadpis-uvod:before,
#blog-modul-nadpis-uvod:before, #blog-nadpis:before, #referencie-nadpis-detail:before, .articlebody blockquote:after,
#sluzba-tvorba-uvod:before, #precoja-dovody .sppb-row div.sppb-column:before, .sluzba-top-uvod:before,
.pozadie-nazov-text{text-shadow: 5px -5px 30px rgba(206,206,206,0.3);}

.sppb-carousel-arrow{text-shadow: none;}

/* ul */
#menu1 ul, #pata5 ul, #pata3 ul, .pagination ul, .vyuzite-sluzby ul, ul.pager.pagenav{margin:0; padding:0; list-style-type: none;}

/* z index */
div.image-prekrytie p, div.image-prekrytie a{z-index: 5;}

/* kontakt */
#area_container_8{padding:20px; margin:0 0 10px;}
.ui.form .multifield.grouped.fields > label{display: block; font-weight: 500;}
.ui.form .multifield.grouped.fields > .field{display: inline-block; padding:0px 10px 0px 0;}



@media (min-width: 1035px) {

}

@media (min-width: 751px) and (max-width: 1034px) {

}

@media (max-width: 766px) {

}



.hamburger {
    margin: auto auto;
    width: 24px;
    height: 19px;
    position: relative;
}
  .hamburger .bar {
    padding: 0;
    width: 24px;
    height: 1px;
    background-color: #000;
    display: block;
    border-radius: 4px;
    transition: all 0.4s ease-in-out;
    position: absolute; 
    
}

.otvorene .hamburger{width:24px; padding: 0 2px;}

.hamburger .bar1 {
    top: 0; width:13px;
}
.hamburger .bar2, .hamburger .bar3{width:17px; right:0;}
.bar2,
.bar3 {
    top: 9px; 
}

.bar3 {
    right: 0;
}

.hamburger .bar4 {
    bottom: 0; width:19px;
}

#moje-menu:not(.otvorene) #respicon:hover .hamburger .bar{width:24px;}

/* HAMBURGER 1 */
.otvorene .hamburger1 > .bar1{
    transform: rotate(45deg);
    transform-origin: 5%;
    width: 28px
}

.otvorene .hamburger1 > .bar2 {
    transform: translateX(-40px);
    background-color: transparent;
}

.otvorene .hamburger1 > .bar3 {
    transform: translateX(40px);
    background-color: transparent;
}

.otvorene .hamburger1 > .bar4 {
    transform-origin: 5%;
    transform: rotate(-45deg);
    width: 28px;
}

/*
@keyframes width-animate {
       0% { transform: scaleX(100%) }
        100% { transform: scaleX(80%) 
}


.hamburger .bar:nth-child(1) {
    animation: width-animate 1s ease infinite alternate;
}
.hamburger .bar:nth-child(2), .hamburger .bar:nth-child(3) {
    animation: width-animate 2.5s ease infinite alternate;
    -webkit-animation-delay:2s;
}
.hamburger .bar:nth-child(4) {
    animation: width-animate 2s ease infinite alternate;
    -webkit-animation-delay:3s;
}*/


@keyframes zvacsi {
    0% { -webkit-transform: scale(1); transform: scale(1);
          }
    5% { -webkit-transform:scale(1.5); transform: scale(1.5);
         }
    10% { -webkit-transform:scale(1); transform: scale(1);
         }
}
#slider1 .posuvnik img{
-webkit-animation:zvacsi 2.5s infinite ease-out;
    -moz-animation:zvacsi 2.5s infinite ease-out;
    animation:zvacsi 2.5s infinite ease-out;
}

#slider1 .posuvnik img:nth-child(2){-webkit-animation-delay:.1s;-moz-animation-delay:.1s;animation-delay:.1s;}

#slider1 .posuvnik img:nth-child(1){-webkit-animation-delay:.2s;-moz-animation-delay:.2s;animation-delay:.2s;}

@keyframes rotuj{
    0%{
        -webkit-transform: rotate(0deg);
        border-radius: 45% 55% 43% 57% / 55% 55% 45% 45%   ;
        -webkit-border-radius: 45% 55% 43% 57% / 55% 55% 45% 45%   ;
        -moz-border-radius: 45% 55% 43% 57% / 55% 55% 45% 45%   ;
    }
    50%{
        -webkit-transform: rotate(180deg);
        border-radius: 58% 42% 57% 43% / 44% 43% 57% 56%   ;
        -webkit-border-radius: 58% 42% 57% 43% / 44% 43% 57% 56%   ;
        -moz-border-radius: 58% 42% 57% 43% / 44% 43% 57% 56%   ;
    }
    100%{
        -webkit-transform: rotate(360deg);
        border-radius: 45% 55% 43% 57% / 55% 55% 45% 45%   ;
        -webkit-border-radius: 45% 55% 43% 57% / 55% 55% 45% 45%  ;
        -moz-border-radius: 45% 55% 43% 57% / 55% 55% 45% 45%   ;
    }
}



  /*
@keyframes bodkadole {
    0% { bottom: 40px; opacity:0;}
    20% { opacity:0;}
    45% { bottom: 21px; opacity:0; }
    90% { bottom:-3px; opacity:1;}
    95% { opacity:0;}
    100% { bottom: 40px; opacity:0;}
}
a.button span:after{
    animation: bodkadole 6s linear infinite;
  }*/

  @keyframes posun {
    0% { left:-60px; right:100%;}
    100% { right:-60px; left:100%;}
}

@keyframes rotujgulicka{
    0%{ -webkit-transform: rotate(0deg); transform: rotate(0deg); }
    25%{ -webkit-transform: rotate(90deg); transform: rotate(90deg); }
    50%{-webkit-transform: rotate(180deg); transform: rotate(180deg);}
    75%{ -webkit-transform: rotate(270deg); transform: rotate(270deg);}
    100%{ -webkit-transform: rotate(360deg); transform: rotate(360deg);}
}
@keyframes schovajgulicka{
    0%{ opacity: 1; }
    25%{ opacity:1; }
    50%{ opacity:0; }
    75%{ opacity:0; }
    100%{ opacity:1; }
}

#respicon .gulicka{
    /*animation: rotuj 20s linear infinite;*/
    -webkit-animation: rotujgulicka 10s linear infinite;
    animation: rotujgulicka 10s linear infinite;
  }
#respicon .gulicka:before{
    /*animation: rotuj 20s linear infinite;*/
    animation: schovajgulicka 10s linear infinite;
  }