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

#sirka, .sirka, .blog-clanky, .item-page, .referencia-logo-sluzby > div, .item-pagereferencie .item-header-blok > div, .com_jmap #component{width:94%; margin-left:auto; margin-right:auto;}

#referencie-clanky-uvod > div, #precoja-dovody > div, #cennik-web > div{width:94%; margin-left:auto; margin-right:auto; padding-left: 15px; padding-right: 15px;}

#zakaznici-uvod-referencia > div{}

.referencie .articlebody{width:auto; margin-left:50px; margin-right:50px;}

.sppb-section.uzsie .sppb-row{width:90%; margin-left:auto; margin-right:auto;}

.sppb-section.extra-uzke .sppb-row{width:80%; margin-left:auto; margin-right:auto;}

.item-pagereferencie{width:auto;}

h1{font-size:30px; margin:0.7em 0; line-height:1.3em;}
#sluzby-nadpis-uvod h2, #uvod-sluzby-dalsie .sppb-col-md-4:nth-child(1) h2, #referencie-nadpis-uvod h2, .sluzba-text h2{font-size:28px; margin:0.7em 0; line-height:1.3em;}
h2, .semanticui-body h2, #sluzby-uvod h3{font-size:26px; margin:0.7em 0; line-height:1.3em;}
h3, #cennik-web h3.sppb-pricing-title{font-size:24px; margin:0.7em 0; line-height:1.3em;}
h4{font-size:20px; margin:0.7em 0; line-height:1.3em;}
h5, h4.newsflash-title, .blog-clanky h2{font-size:17px; margin:0.7em 0; line-height:1.3em;}
h6{font-size:15px; margin:0.7em 0; line-height:1.3em;}

.super-big{font-size: 45px!important; line-height:1.3em!important;}
#sluzby-nadpis-uvod h2, #uvod-sluzby-dalsie .sppb-col-md-4:nth-child(1) h2 span, #blog-nadpis h1, #referencie-nadpis-detail h1,
#sluzba-tvorba-uvod h1, .sluzba-text h2 span.super-big, .sluzba-top-uvod h1, .item-pagereferencie .page-header h1{font-size: 30px!important; line-height: 1.3em!important;}
.bx-controls-direction i, .sppb-carousel-arrow i{font-size:30px;}
.start{font-size: 29px;}
.sppb-pricing-title{font-size:26px!important;}
#cennik-web .sppb-pricing-price{font-size: 23px!important;}
.vtip-zakaznici, #menu1, .vacsi-text-blok{font-size: 20px;}
.sppb-articles-carousel-link{font-size: 18px;}
body, .ui.form .field > label, #button3, .ui.form .multifield.grouped.fields > label{font-size: 16px;}
#cennik-web .sppb-pricing-features ul li{font-size: 16px!important; line-height: 1.3em!important;}
.nadnadpis{font-size:15px;}
.newsflash-clanok .readmore, #pata3, .semanticui-body small, .article-info, .tags.inline, .podobnetagyitempopis
, .biotext > p{font-size: 14px;}
#pata5{font-size: 13px;}


#logo1{position:absolute; z-index: 10; margin:10px 0 0 50px;}
#logo1 img{height:30px; width:auto;}
#logo1 a{line-height: 0;}

#respicon{position:fixed; right:50px; top:15px; z-index: 1000;}
#respicon > span, #respicon > div{display: block; float:left;}
#respicon > span{line-height: 20px; padding:0 10px 0 0;}
#menu1{position: fixed; display:none; top:0; left:100%; opacity:0; width:100%; z-index: 999; height: auto; ;  overflow-y: scroll;}
#menu1 .moduletable{width:85%; max-height: 100vh; z-index: 999; position: relative;}
#menu1 ul.menu{padding:20px 3%; min-height: 100vh; height:100px; display: -ms-flexbox;
   display: flex;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap; align-content: center; align-items: center; justify-content: flex-end;}
#menu1 li{width:50%; -ms-flex: 0 0 50%;
   flex: 0 0 50%;
   max-width: 50%; max-height:65px;}
#menu1 li.item-124{order:1}
#menu1 li.item-529{order:2}
#menu1 li.item-135{order:3}
#menu1 li.item-136{order:4}
#menu1 li.item-279{order:5}
#menu1 li.item-237{order:6}
#menu1 li.item-127{order:7}
#menu1 li.item-235{order:8}
#menu1 li.item-275{order:9}
#menu1 li.item-236{order:10}
#menu1 li.item-129{order:11}
#menu1 li.item-463{order:12}


#menu1 a{padding:10px 0 10px 15px; text-align: left;}
#menu1 a:hover{padding:10px 10px 10px 15px;}
#menu1:before{content:""; width:100%; height:100%; position:fixed; z-index: 990; top:0; right:0;}

.otvorene #menu1{display: block; left:0; opacity:1;}

.drzihore #respicon > span, .otvorene #respicon > span{display:none;}
.drzihore #respicon, .otvorene #respicon{right:15px; top:10px; padding:15px 13px; width:50px; height:50px;}
/*
#respicon:before{content:""; position:fixed; top:-40px; right:-40px; z-index: -1; width:90px; height:90px;
   opacity:0;}
.drzihore #respicon:before{opacity:1; right:-40px; top:-40px;}
*/
#respicon .gulicka:before{content:""; display: block; position:absolute; bottom:-15px; left:50%; transform:translateX(-50%); width:8px; height:8px; }
#respicon .gulicka{position:absolute; top:0; left:0; width: 100%; height:100%; display: none; padding:0; box-sizing: border-box;}
.drzihore #respicon > span.gulicka, .otvorene #respicon > span.gulicka{display:block;}
#respicon:hover .gulicka{opacity:1!important}
#respicon:hover .gulicka:before{bottom:25px;}

#slider1 .posuvnik a{padding:10px 24px!important; display: block;}
#slider1 .posuvnik img{display: block; padding: 3px; width: 30px !important;}
#slider1 .posuvnik img:nth-child(1){opacity: 0.1;}
#slider1 .posuvnik img:nth-child(2){opacity: 0.4;}
#slider1 .posuvnik a:hover img:nth-child(1){opacity:0.3;}
#slider1 .posuvnik a:hover img:nth-child(2){opacity:0.6;}



/* uvod */
.sppb-addon-text-block.text-dolava{position:relative; margin-left:-20px;}
/*.sppb-addon-text-block.text-dolava h1{margin-left:-90px;}*/

#uvod-text{position:relative; overflow:hidden; padding:40px 0!important;}
#uvod-text:before{content:"Podnaweb."; position: absolute; top:-20px; right:-90px; font-size: 17vw; line-height: 1.1em; width:100%; z-index: -1;}
#uvod-text.sppb-section.uzsie .sppb-row{padding-bottom:50px;}

.nadnadpis{position:relative; /*padding-left:30px;*/}
/*.nadnadpis:before{content:""; display: block; width:10px; height:10px; position:absolute; top:50%; transform:translateY(-50%); left:0;}
*/
.nadnadpis{padding-left:50px; margin-right:17px; position:relative; line-height: 1.3em; }
.nadnadpis:before, p.ciarka:before{content:""; display: block; width:25px; height:2px; position:absolute; left:0; top:50%; transform:translateY(-50%);}
.nadnadpis:after/*, p.ciarka:after*/{content:""; display: block; width:8px; height:8px; position:absolute; left:0px; top:50%; transform:translateY(-50%);}

/* sluzby-uvod */
#sluzby-nadpis-uvod{padding:20px 0 0!important; z-index: 2!important;}
.sp-page-builder .page-content #sluzby-uvod{padding:30px 0 5px;}
#sluzby-uvod{margin:-45px 50px 0!important;}
#sluzby-uvod .sppb-column-addons .sppb-section{padding:40px 5% 20px;}

#sluzby-uvod .sppb-section:before{position:absolute; top:-50px;  font-size: 180px; line-height: 200px; z-index: -1;}
#uvod-weby:before{content:"web"; right:30px;}
#uvod-weby .sluzba-text{padding-left:5%;}
#uvod-seo:before{content:"seo"; left:30px;}
#uvod-seo .sluzba-text{padding-right:5%;}

#uvod-cms:before{content:"cms"; right:30px;}
#uvod-cms .sluzba-text{padding-left:5%;}

@media (max-width:991px){
   #sluzby-uvod .sppb-section:before{z-index: 10; top:-20px; color:rgba(255, 255, 255, 0.2); font-size: 140px; line-height: 160px;}
   #uvod-weby:before, #uvod-cms:before{right:10px;}
   #uvod-seo:before{left:10px;}
   #uvod-seo .sppb-row > div:nth-child(1){order: 2;}
   #uvod-seo .sppb-row > div:nth-child(2){order: 1;}
   #uvod-seo .sluzba-text{padding-left:5%; padding-right:0;}
}

#sluzby-uvod #uvod-sluzby-dalsie, #uvod-blog .sppb-container-inner{padding:30px 5%!important;}

#sluzby-priebeh{padding:0px 5% 20px!important;}

#uvod-sluzby-dalsie .sppb-col-md-4 > div, #sluzby-priebeh .sppb-col-md-4 > div{padding:10px 25px 30px;}
#uvod-sluzby-dalsie .sppb-col-md-4:nth-child(1) > div, #sluzby-priebeh .sppb-col-md-4:nth-child(1) > div{padding:10px 20px 10px;}
#uvod-sluzby-dalsie .sppb-col-md-4, #sluzby-priebeh .sppb-col-md-4{top:0; left:0; padding-bottom:5px; padding-top:5px; padding-left:5px; padding-right:5px;}
#uvod-sluzby-dalsie .sppb-col-md-4:hover, #sluzby-priebeh .sppb-col-md-4:hover{top:-3px; left:-3px;}
#uvod-sluzby-dalsie .sppb-col-md-4:nth-child(1):hover, #sluzby-priebeh .sppb-col-md-4:nth-child(1):hover, #sluzby-priebeh .sppb-col-md-4:last-child:hover{top:0px; left:0px;}
#uvod-sluzby-dalsie .sppb-col-md-4:nth-child(1) h2 span:before{content:""; display: block; position: absolute; bottom:-15px; left:-60px; width:0px; height:10px;}
#uvod-sluzby-dalsie .sppb-col-md-4:nth-child(1) h2 span:after{content:""; display: block; position: absolute; bottom:-50px; left:-25px; height:0px; width:10px;}
#uvod-sluzby-dalsie h2 span.in-viewport:before, #uvod-sluzby-dalsie h2 span.was-in-viewport:before{width:80px!important; transition-delay: 2s;}
#uvod-sluzby-dalsie h2 span.in-viewport:after, #uvod-sluzby-dalsie h2 span.was-in-viewport:after{height:80px!important; transition-delay: 1.5s;}
#uvod-sluzby-dalsie p.nomargin{margin-right:10px;}

.i-v .sppb-column-addons div, div.image-prekrytie p, div.image-prekrytie a{height:100%;}

#sluzby-uvod .image-centruj{height:250px!important;}
.image-prekrytie{position: relative;}
.image-prekrytie:before{content:""; display: block; position: absolute; width:50%; height:0%; top:-2px; left:0; z-index: 5;}
.image-prekrytie:after{content:""; display: block; position: absolute; width:50%; height:0%; bottom:-2px; right:0; z-index: 5;}
.image-prekrytie .sppb-addon-content:after{content:""; display: block; position: absolute; width:50%; height:0%; bottom:0%; right:0; /* url("../images/bulb.jpg") no-repeat bottom left -10px; background-size:auto 200%*/; z-index: 4;}
.image-prekrytie .sppb-addon-content:before{content:""; display: block; position: absolute; width:50%; height:0%; top:0%; left:0; z-index: 4; opacity:0.3;}
/*.image-prekrytie:hover .sppb-addon-content:after, .image-prekrytie:hover .sppb-addon-content:before{width:0!important; transition-delay: 0s!important; transition: all 0.4s!important; opacity:0;}
.image-prekrytie:hover:before, .image-prekrytie:hover:after{width:15%!important;  transition-delay: 0s!important; transition: all 0.4s!important;}
*/
.in-viewport .image-prekrytie:before, .in-viewport .image-prekrytie:after{height:10%; transition: all 1000ms;  transition-delay: 1.5s;}
.in-viewport .image-prekrytie .sppb-addon-content:after, .in-viewport .image-prekrytie .sppb-addon-content:before{height:100%;transition: all 1000ms;  transition-delay: 1s;}

.image-centruj{background-repeat: no-repeat; background-size: cover; background-position: center center;}

/* refeencie uvod */
#referencie-nadpis-uvod{padding: 50px 0 0!important; }
#referencie-clanky-uvod .bx-viewport{padding:0px 0;}
.naklananie{position: relative;  transform-style: preserve-3d; will-change: transform; height: 400px; width: 280px; margin: 0 auto;  -webkit-transform: translate3d(0, 0, 0);}

#referencie-nadpis-uvod:before{content:"work."; position: absolute; top:0px; right:40px; font-size: 20vw; line-height: 1.1em; z-index: -1;}

#referencie-clanky-uvod .sppb-articles-carousel-content{position: absolute; padding:0!important; top:0; left:0; width:100%; height:100%; transform-style: preserve-3d;
transform: translateZ(50px);}
/*
#referencie-clanky-uvod .sppb-articles-carousel-content .prvy{display: block; width:100%; height:200px;}*/
/*#referencie-clanky-uvod .sppb-articles-carousel-content .druhy{display:inline-block; width:100px; height:100px; float:left;}*/
#referencie-clanky-uvod .sppb-articles-carousel-content a{ display: inline-block; margin:200px 0 0 -25px; padding:20px; box-sizing: border-box; width:auto; white-space: nowrap;}


#referencie-clanky-uvod .sppb-articles-carousel-img{position: absolute; display: block; width:100%; height:100%;}
/*#referencie-clanky-uvod .sppb-articles-carousel-img:before{content: ""; position: absolute; top:0; left:0; width:100%; height:100%;}*/
a.sppb-articles-carousel-img-link{display: block; width:100%; height:100%; background-repeat: no-repeat; background-size: cover; background-position: center center;}

.dot-white{display: inline-block; width:8px; height:8px; margin:0 0 0 -8px; vertical-align: middle; opacity:0;}
.naklananie .sppb-articles-carousel-content:hover .dot-white{opacity:1; margin:0 0 0 20px;}

.bx-controls{margin-left:52px; left:0; width:auto;}
div.bx-wrapper .bx-controls-direction a{width:35px;}

div.bx-wrapper .bx-controls-direction a.bx-next{left:50px;}
div.bx-wrapper .bx-controls-direction a.bx-next:hover{left:55px!important;}
div.bx-wrapper .bx-controls-direction a.bx-prev:hover{left:5px!important;}
@keyframes sipka-left {
   93% { left:10px; color:#BBB; } 95% { left: 5px; color:#2FC8D0;} 97% { left:10px; color:#BBB; }
}
div.bx-wrapper .bx-controls-direction a.bx-prev{-webkit-animation: sipka-left 10s ease infinite; animation: sipka-left 8s ease infinite;}
@keyframes sipka-right {
   96% { left:50px; color:#BBB; } 98% { left: 55px; color:#2FC8D0;} 100% { left:50px; color:#BBB; }
}
div.bx-wrapper .bx-controls-direction a.bx-next{-webkit-animation: sipka-right 10s ease infinite; animation: sipka-right 8s ease infinite;}
div.bx-wrapper .bx-controls-direction:hover a.bx-prev, div.bx-wrapper .bx-controls-direction:hover a.bx-next{-webkit-animation: none; animation: none;}


/* zakaznici uvod */
#zakaznici-nadpis-uvod{padding:0px 0 0!important; z-index: 5!important;}
#zakaznici-nadpis-uvod .sppb-row{padding-top:50px;}
#zakaznici-uvod{margin:-40px 50px 0px!important; padding:0!important; z-index: 4!important; background: url("../images/zakaznici.jpg") no-repeat center center; background-size: cover;}
#zakaznici-uvod > div{ padding:30px 0 40px!important;}
#zakaznici-uvod .sppb-carousel-inner > .sppb-item{padding:40px 50px 0;}
.vtip-zakaznici{padding:0 60px 0 35%;}
#zakaznici-uvod-referencia{margin:0px 50px 30px!important; padding:0px 0 60px!important; z-index: 6!important; height:250px;}
#zakaznici-uvod-referencia .sppb-container-inner, #zakaznici-uvod-referencia .sppb-row-container,
#zakaznici-uvod-referencia div{z-index: 6!important;}

.sppb-carousel-inner{ position:relative; top:-60px; overflow: visible;}
#zakaznici-uvod-referencia .sppb-carousel-item-inner{position: relative;}
#zakaznici-uvod-referencia .sppb-carousel-inner > .sppb-item{padding:30px 45px!important; margin:0px 0 0;  z-index: 6!important;}
.sppb-carousel-content, .sppb-carousel-pro-inner-content .sppb-container{padding:30px 40px 10px!important; min-height:150px; max-width:1000px;}
.zakaznik-info{display: inline-block; width:24%; vertical-align: top;}
.zakaznik-info img{max-width: 150px; height:auto;}
.zakaznik-referencia{display: inline-block; width:75%;}
.sppb-carousel-arrow i{top:30px;}
.sppb-carousel-arrow, .sppb-carousel-pro .sppb-carousel-control{z-index: 8;}
.sppb-carousel-arrow.left:hover i{margin-left:-15px;}
.sppb-carousel-arrow.right:hover i{margin-right:-15px}
.carousel-image{position:absolute!important; top:-50px; left:60px; padding:10px; box-sizing: border-box; width:100px; height:100px; text-align: center;}
.carousel-image img{ max-width:70px; max-height:70px; width:auto; height:auto; top:50%; transform: translateY(-50%); position: relative; vertical-align: top;}

.itemid-229 #zakaznici-nadpis-uvod .sppb-row {border-top:none;}

/* blog uvod */
#blog-modul-nadpis-uvod{padding:30px 0 20px!important;}
#blog-modul-nadpis-uvod:before{content:"blog"; position: absolute; top:0px; right:40px; font-size: 18vw; line-height: 1.1em; z-index: -1;}

#blog-modul{margin:0 50px!important; padding:0 0 35px!important;}
#blog-modul .sppb-col-md-12{padding-left:0; padding-right:0;}
#blog-modul .sppb-addon-module{padding-bottom:0px;}
div.newsflash{display: -ms-flexbox;
   display: flex;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;}
.newsflash-clanok{ padding:0 5px; margin-bottom:20px;
   -ms-flex: 0 0 33.33%;
   flex: 0 0 33.33%;
   max-width: 33.33%;}
#blog-modul .sppb-addon-text-block{padding:0 30px;}
@media (max-width:991px){
   .newsflash-clanok{ padding:0 10%; margin-bottom:20px;
      -ms-flex: 0 0 100%;
      flex: 0 0 100%;
      max-width: 100%;}
      #blog-modul .sppb-addon-text-block{padding:0 10%;}
}

.newsflash-clanok > div{overflow: hidden;}
.newsflash-clanok > div:before{content: ""; position: absolute; top:0; left:0; width:100%; height:100%; z-index: 5;}
.newsflash-obsah{position:absolute; top:0; left:0; padding:0px; width:100%; height:100%; z-index: 10;}
.newsflash-obsah h4, .newsflash-obsah h4 a{display: block; height:100%; width:100%; box-sizing: border-box;}
.newsflash-obsah h4 a{padding:30px 40px 70px 30px; display: flex;  align-items: flex-end;}
/*.newsflash-image{min-height: 230px;}*/
.newsflash-image a{display: block;  box-sizing: border-box; }
.newsflash-image img{height:auto; width:auto; min-width: 110%; max-width: 800px; position: relative; left:50%; transform: translateX(-50%); z-index: 4;}
.newsflash-clanok > div:hover img{transform: translateX(-55%);}

   .newsflash-clanok > div{height:250px;}

.newsflash-clanok .readmore{position: absolute; left:30px; bottom:25px;}
.newsflash-clanok .readmore:after{content:""; position: absolute; opacity:0; right:0; top:50%; transform: translateY(-50%); width:8px; height:8px;}
.newsflash-clanok > div:hover .readmore:after{right:-25px; opacity:1;}
.newsflash-clanok > div:hover .newsflash-obsah h4 a{padding:30px 30px 70px 40px;}
.newsflash-clanok > div:hover .readmore{left:40px;}



/* vseobecne */
.com_content #component, .com_sppagebuilder.view-page.sluzba #component{padding:50px 0 0;}

.margin-boky-biele, .item-pagereferencie .item-header-blok{margin:0 50px!important;}

.margin-hore-vedla-h3{margin-top:67px;}

.item-page, .com_jmap #component{padding: 50px 0;}

.item-pagereferencie{padding: 0 0 50px 0;}

#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.4);
}

.style-3-blok .sppb-row-container{width:auto;}
.style-3-blok .sppb-row-container .sppb-row{margin-right: 0px; margin-left: 0px;}

/* blog */
#blog-nadpis{padding:20px 0 1px!important;}
#blog-nadpis h1 .super-big, #referencie-nadpis-detail h1 .super-big{clear: both; display: block;}
#blog-nadpis:before{content:"blog"; position: absolute; top:0px; right:40px; font-size: 22vw; line-height: 1.1em; z-index: -1;}

.blog-clanky{display: -ms-flexbox;
   display: flex;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap; z-index: 2;}
.blog-clanky .items-row{-ms-flex: 0 0 47%; flex: 0 0 47%; max-width: 47%; width:47%; padding-bottom: 30px;}
.blog-clanky .items-row:nth-child(2n+1){margin-right:6%;}
.blog-clanky .items-row:nth-child(2n){margin-top:50px;}

.blogy .blog-dark-blok .page-header{position: absolute; top:0; left:0; width:100%; height:100%;}
.blogy .blog-dark-blok .page-header h2{height:100%;}
.blogy .blog-dark-blok .page-header a{padding:30px 40px 30px 30px;  display: flex;  align-items: flex-end; height:100%;}
.blogy .blog-dark-blok:hover .page-header a{padding:30px 30px 30px 40px;} 
.blogy .blog-dark-blok .item-image{height:240px; overflow: hidden;}
.blogy .blog-dark-blok .item-image img{height:100%; width:auto; max-width:600px; position: absolute; left:0px; /*left:50%; transform: translateX(-50%);*/}
.blogy .blog-dark-blok:hover .item-image img{ left:-10px!important;/*transform: translateX(-55%);*/}
.blogy .blog-clanok-text{padding:5px 15px 0px;}

.pagination ul{margin:20px 20px 40px;}
.pagination li{display: inline-block;}
.pagination a, .pagination span{padding:5px 7px;}

.item-page.blogy{width:650px; margin-left:auto; margin-right:auto; padding-top:20px;}
.view-article.blogy .pull-left.item-image{padding:30px 0;}
.bt-social-share.bt-social-share-left{position:fixed; left:0; top:20%;}
p.ciarka{height:1.3em;}
.articlebody blockquote{margin:30px 0; padding:30px 35px;}
/*.articlebody blockquote:after{content:"\f10e"; position: absolute; right:10px; top:-20px; font-size: 60px;}*/

@media (max-width:991px){
   .blogy .blog-clanok-text{padding:5px 5px 0px;}
}

#user4{padding:20px;}
#user4 img{width:120px; height:120px;}
#user4 .custom{display: -ms-flexbox;
   display: flex;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;}
.bioimg{  -ms-flex: 0 0 120px;
   flex: 0 0 120px;
   max-width: 120px; padding-right:20px; text-align: center;}
.biotext{flex: 1; -ms-flex:1; }
.bioimg a{padding:10px;}
.biotext div{text-align: right; padding-right:25px;}


/* referencie */
.sp-page-builder .page-content #referencie-nadpis-detail{padding:20px 0 1px!important;}
#referencie-nadpis-detail:before{content:"work"; position: absolute; top:0px; right:40px; font-size: 22vw; line-height: 1.1em; z-index: -1;}
.referencie .naklananie{position: relative;}
.referencie .naklananie > div.blog-blok{position: absolute; top:0; left:0; width:280px; height:400px; background-repeat: no-repeat; background-size: 100% auto; background-position: center center ; z-index: -1;}
.referencie .naklananie .page-header{ display: inline-block; margin: 200px 0 0 -30px; box-sizing: border-box; width: auto; white-space: nowrap;}
.referencie .naklananie .page-header a{padding: 20px;}
.page-header-naklanany{ position: absolute; padding: 0 !important; top: 0; left: 0; width: 100%; height: 100%; transform-style: preserve-3d; transform: translateZ(50px);}
.page-header-naklanany a:after{content:""; display: inline-block; width:8px; height:8px; margin:0 0 0 -8px; vertical-align: middle; opacity:0;}
.naklananie:hover .page-header-naklanany a:after{opacity:1; margin:0 0 0 20px;}

.co-hovoria{position:fixed; left:0; top:30%; width:100px;}


/* sluzby */
#sluzba-tvorba-uvod{padding:30px 0 0px!important;}
#sluzba-tvorba-uvod .super-big, .sluzba-top-uvod .super-big, .style-4blok-nadpis .super-big{clear: both; display: block;}
#sluzba-tvorba-uvod:before{content:"webdizajn"; position: absolute; top:0px; right:0px; font-size: 16vw; line-height: 1.1em; z-index: -1;}

#sluzba-tvorba-pokec{padding:20px 0 50px!important;}
.fullblok-obmedzeny{margin:0 50px!important;}
.fullblok-obmedzeny .sppb-column-addons .sppb-section {padding: 0px 0!important;}
#sluzba-tvorba-pokec .sluzba-text {padding-left: 10%;}
#sluzby-uvod.sluzba-weby {margin: 0px 50px 0px !important;}


.sipka-big{position: absolute; bottom:-13px; right:0; display: block; width:40px; height:40px;
   /*border: 8px solid;*/ 
   border-top: 8px solid ;
   border-right: 8px solid ;
   border-image: linear-gradient(45deg, rgb(46, 208, 60), rgb(47, 200, 208)) 1; opacity:0; transform: rotate(45deg);}
   .sipka-stred-big{display:block; position:absolute; bottom:3px; right:0px; height: 8px; width:0px; }
   .sipka-big.in-viewport{ opacity: 1; transition-delay: 2s;}
   .sipka-stred-big.in-viewport{width:70px;  transition-delay: 2.5s}

#precoja-nadpis, .style-4blok-nadpis{padding:35px 0 0 0px!important;}
#precoja-dovody{padding:0 0 25px 0!important;}
#precoja-dovody .sppb-row > div{padding:20px;}
#precoja-dovody .sppb-row div.sppb-column{padding:10px 50px 30px}
#precoja-dovody .sppb-row div.sppb-column:after{content:""; position: absolute; bottom:0; left:0; width:100%; height:2px;}
#precoja-dovody .sppb-row div.sppb-column:before{position: absolute; top:-40px; right:20px; font-size: 150px; line-height: 150px; font-weight: 500; color:#FFF; display: block!important; }
#precoja-dovody .sppb-row > div:nth-child(1) div.sppb-column:before{content:"1";}
#precoja-dovody .sppb-row > div:nth-child(2) div.sppb-column:before{content:"2";}
#precoja-dovody .sppb-row > div:nth-child(3) div.sppb-column:before{content:"3";}
#precoja-dovody .sppb-row > div:nth-child(4) div.sppb-column:before{content:"4";}

#cennik-web{padding:0 0 25px!important;}
#cennik-web .sppb-column-addons .sppb-addon-wrapper{padding:10px 20px 30px;}
.sppb-pricing-features ul li{margin:0!important; padding-bottom:15px!important;}
.sppb-pricing-features ul li:last-child{padding-bottom:0!important;}

.sp-page-builder .page-content .co-to-stoji-nadpis{padding:30px 0 10px!important;}

@media (max-width:991px){
   .sppb-section.fullblok-obmedzeny .sppb-row > div.sppb-col-md-6:first-child{padding-bottom:20px;}
.sppb-section.fullblok-obmedzeny .sppb-row > div.sppb-col-md-6:first-child > div{height:230px;}
}

#web-sluzby-ikony.web-sluzby-ikony{padding-top:50px!important;}
.web-sluzby-ikony img{height:50px; width:auto;}

/* joomla */
#sluzba-joomla-uvod{padding:30px 0 0px!important;}
#sluzba-joomla-uvod:before{content:"joomla!"; position: absolute; top:0px; right:0px; font-size: 16vw; line-height: 1.1em; z-index: -1;}
  
/* wordpress */
#sluzba-wordpress-uvod{padding:30px 0 0px!important;}
#sluzba-wordpress-uvod:before{content:"wordpress"; position: absolute; top:0px; right:0px; font-size: 15vw; line-height: 1.1em; z-index: -1;}


.style-4blok-nadpis{z-index: 2!important;}
.sppb-section.style-3-blok{padding:20px 0 30px 0!important;}
.sppb-section.pozadie-pod-nadpisom{padding:40px 0 30px 0!important; margin:-40px 50px 0 50px!important;}

/* katalog */
#sluzba-katalog-uvod{padding:30px 0 0px!important;}
#sluzba-katalog-uvod:before{content:"katalóg"; position: absolute; top:0px; right:0px; font-size: 15vw; line-height: 1.1em; z-index: -1;}


/* marketing */
#sluzba-marketing-uvod{padding:30px 0 0px!important;}
#sluzba-marketing-uvod:before{content:"reklama"; position: absolute; top:0px; right:0px; font-size: 17vw; line-height: 1.1em; z-index: -1;}

/* copywriting */
#sluzba-copywriting-uvod{padding:30px 0 0px!important;}
#sluzba-copywriting-uvod:before{content:"copywriting"; position: absolute; top:0px; right:0px; font-size: 15vw; line-height: 1.1em; z-index: -1;}

/* seo */
#sluzba-seo-uvod{padding:30px 0 0px!important;}
#sluzba-seo-uvod:before{content:"seo"; position: absolute; top:0px; right:0px; font-size: 20vw; line-height: 1.1em; z-index: -1;}

/* kontakt */
#kontakt-uvod{padding:30px 0 0px!important;}
#kontakt-uvod:before{content:"kontakty"; position: absolute; top:0px; right:0px; font-size: 17vw; line-height: 1.1em; z-index: -1;}

.vacsi-text-blok i{width:40px;}

#kontakt-formular .semanticui-body.chronoforms{width:600px; margin:30px auto;}

.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{padding:15px 20px;}

#button3, .button3{padding:20px; position: relative;}
#button3:after, .button3:after{content:""; display: inline-block; width: 8px; height: 8px; margin: 0 0 0 -8px; opacity: 0; vertical-align: middle;}
#button3:hover:after, .button3:hover:after{opacity: 1; margin: 0 0 0 20px;}

.sppb-section.prazdny-blok{padding:20px 0!important;}

/* cennik */
#cennik-uvod{padding:50px 0 50px!important; z-index: -1;}
#cennik-uvod:before{content:"cenník"; position: absolute; top:0px; right:0px; font-size: 27vw; line-height: 1.1em; z-index: -1;}

#cennik-web .sppb-col-md-4{padding-left:5px; padding-right:5px; padding-bottom:15px;}

/* referencie weby */
.item-pagereferencie .item-header-blok{padding:30px 0 20px;}

.refer-top-flex{position: relative; z-index: 2;}
.pozadie-nazov-text{position: absolute; top:10px; right:20px; font-size: 10vw; line-height: 1.1em; z-index: 1;}
.item-pagereferencie .page-header{float:left; width:70%;}
.item-pagereferencie .page-header, .pokec-uvod-referencia{position: relative; z-index: 2;}
.pokec-uvod-referencia{padding:0px 0 0 40px; float:right; width:50%}
.uvodny-obr-ref{float:left; width:50%}
.item-pagereferencie .uvodny-obr-ref, .item-pagereferencie .uvodny-obr-ref div{height:200px!important; display:inline-block; box-sizing:border-box;}
.item-pagereferencie .uvodny-obr-ref div{height:200px!important; width:100%; display:inline-block; box-sizing:border-box;}


.referencia-logo-sluzby{clear:both; margin:0 50px; padding:30px 0;}
.logo-referencie{float:left; width:50%;}
.vyuzite-sluzby li{line-height: 35px; display:inline-block; padding:60px 30px 0; background-size: auto 50px;}

.vyuzite-sluzby li.web{background: url("../images/web.png") no-repeat top center;  background-size: auto 50px;}
.vyuzite-sluzby li.eshop{background: url("../images/eshop.png") no-repeat top center; background-size: auto 50px;}
.vyuzite-sluzby li.design{background: url("../images/design.png") no-repeat top center; background-size: auto 50px;}
.vyuzite-sluzby li.seo{background: url("../images/seo.png") no-repeat top center; background-size: auto 50px;}
.vyuzite-sluzby li.ppc{background: url("../images/ppc.png") no-repeat top center; background-size: auto 50px;}
.vyuzite-sluzby li.copy{background: url("../images/copy.png") no-repeat top center; background-size: auto 50px;}
.vyuzite-sluzby li.migracia{background: url("../images/migracia.png") no-repeat top center; background-size: auto 50px;}


.pager.pagenav li{position: fixed; height:50vh; width:50px; top:50%; transform:translateY(-50%); /*letter-spacing: 6px;*/ z-index: 2;}
.pager.pagenav li.previous{left:0;}
.pager.pagenav li.next{right:0;}
.pager.pagenav li a{width:50px;  line-height: 20px; text-align: center; padding:40px 20px; box-sizing: border-box;}
.pager.pagenav li.previous a:before, .pager.pagenav li.previous a:after{content:"\f053"; position: relative; left:-40px; padding:20px 0; display: inline-block;}
.pager.pagenav li.previous a:hover:before, .pager.pagenav li.previous a:hover:after{left:0;}
.pager.pagenav li.next a:before, .pager.pagenav li.next a:after{content:"\f054"; position: relative; right:-40px; padding:20px 0; display: inline-block;}
.pager.pagenav li.next a:hover:before, .pager.pagenav li.next a:hover:after{right:0;}



/* button */
a.button.dot-slide{padding:15px 0;}
.menu-clanok a{padding:15px 10px;}
a.button:before, .menu-clanok a:before{content:""; position: absolute; display: block; width:100%; height:2px; right:0; left:0; bottom:0px;}
a.button:hover:before{ right:-25px; left:auto; width:0px;}
.menu-clanok a:hover:before{width:0px; left:auto; right:0px;}
a.button span{position: absolute; bottom:30px; right:-25px; display: block; width:2px; height:20px; opacity:0;}
a.button:hover span{bottom:0px; height:55px; opacity: 1;}
a.button span:after{content:""; display: block; width:8px; height:8px; position:absolute; right:-3px; bottom:20px;}
a.button:hover span:after{bottom:-3px!important; opacity:1!important}

/* tagy */
.com_tags #component{padding:80px 0 20px;}

.tagssimilar .polozka-podobna{display: -ms-flexbox;
   display: flex;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap; margin-bottom:25px;}
.polozka-podobna .podobnetagyitemimg{  -ms-flex: 0 0 200px;
   flex: 0 0 200px;
   max-width: 200px; padding-right:20px;}
.podobnetagyitemtexty{flex: 1; -ms-flex:1;}



/* pata */
#footer1{margin:0 50px; padding:20px 40px;}
#footer2{}

#pata1{float:none; width:460px; margin:0 auto; padding:0 0 30px;}
#pata1 a{display: block; padding:0 0 0 80px;}
#pata1 a:hover{padding:0 0 0 85px;}
#pata1 span{display: block;}
#pata1 a:before{content: ""; position: absolute; width:50px; height:2px; left:0; top:24px;}
#pata1 a:after{content: ""; position: absolute; width:8px; height:8px; left:0; top:21px;}
#pata1 a:hover:after{ left:45px;}


#pata2{float:left; width:50%;}
#pata2 a{padding:5px 10px;}
#pata3{float:right; width:50%; box-sizing: border-box; padding-right:10px;}

#logopata{padding:35px 30px 0;}
#logopata img{width:150px; height:auto;}

#pata5{padding:0 40px 15px;}
#pata5 .moduletable, #pata5 li{display: inline-block;}
#pata5 li, #pata5 p{padding:10px;}


/* totop */
#totop{position: fixed; bottom:5px; right:-60px; width:50px; height:50px; line-height: 50px; z-index: 200;}
#totop img{vertical-align: middle;}
#totop.ukazat{right:5px;}


}