@media (max-width: 767px) {

#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:100%; margin-left:auto; margin-right:auto;}

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

.item-pagereferencie{width:auto;}

.bt-social-share.bt-social-share-left, .sppb-pricing-price-container, .page-19 .sppb-section.prazdny-blok,
.itemid-129 #pata1{display: none; visibility: hidden;}

h1{font-size:22px; 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:22px; margin:0.7em 0; line-height:1.3em;}
h2, .semanticui-body h2, #sluzby-uvod h3{font-size:20px; margin:0.7em 0; line-height:1.3em;}
h3, #cennik-web h3.sppb-pricing-title{font-size:18px; margin:0.7em 0; line-height:1.3em;}
h4{font-size:16px; margin:0.7em 0; line-height:1.3em;}
h5, h4.newsflash-title, .blog-clanky h2{font-size:15px; margin:0.7em 0; line-height:1.3em;}
h6{font-size:14px; margin:0.7em 0; line-height:1.3em;}

.super-big{font-size: 28px!important; line-height:1.3em!important; clear:none;}
#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: 26px!important; line-height: 1.3em!important;}
.bx-controls-direction i, .sppb-carousel-arrow i{font-size:28px;}
.start{font-size: 25px;}
.sppb-pricing-title{font-size:22px!important;}
#cennik-web .sppb-pricing-price{font-size: 20px!important;}
.vtip-zakaznici, #menu1, .vacsi-text-blok{font-size: 17px;}
.sppb-articles-carousel-link{font-size: 15px;}
body, .ui.form .field > label, #button3, .ui.form .multifield.grouped.fields > label{font-size: 15px;}
#cennik-web .sppb-pricing-features ul li{font-size: 15px!important; line-height: 1.3em!important;}
.nadnadpis{font-size:14px;}
.newsflash-clanok .readmore, #pata3, .semanticui-body small, .podobnetagyitempopis, .biotext > p{font-size: 13px;}
#pata5, .article-info, .tags.inline{font-size: 13px;}


#logo1{position:absolute; z-index: 10; margin:10px 0 0 50px;}
#logo1 img{height:25px; width:auto;}
#logo1 a{line-height: 0;}
.itemid-124 #logo1 img{filter: brightness(0) invert(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:100%; 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:before{content:""; width:100%; height:100%; position:fixed; z-index: 990; top:0; right:0;}

@media(max-width:500px){
   #menu1 ul.menu{padding:20px 30px;}
   #menu1 li{width:100%; -ms-flex: 0 0 100%;flex: 0 0 100%; max-width: 100%; max-height:35; font-weight: 300;}
   #menu1 a{padding:0px; text-align: left; line-height: 35px;}
#menu1 li.item-124{order:1}
#menu1 li.item-135{order:2}
#menu1 li.item-136{order:3}
#menu1 li.item-529{order:4}
#menu1 li.item-237{order:5}
#menu1 li.item-235{order:6}
#menu1 li.item-236{order:7}
#menu1 li.item-463{order:8}
#menu1 li.item-279{order:9}
#menu1 li.item-127{order:10}
#menu1 li.item-275{order:11}
#menu1 li.item-129{order:12}
}

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

.drzihore #respicon > span, .otvorene #respicon > span{display:none;}
.drzihore #respicon, .otvorene #respicon{right:5px; top:5px; 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!important;  visibility: hidden!important; 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;  background: #2FC8D0;}
.drzihore #respicon > span.gulicka, .otvorene #respicon > span.gulicka{display:block;}
#respicon:hover .gulicka{opacity:1!important}
#respicon:hover .gulicka:before{bottom:25px;}

#slider1 .n2-ss-margin{margin:0px!important;}
#slider1 .n2-ss-slider-1 .n2-ss-slider-2.n2-ow{height:100vh!important;}
#slider1 div#n2-ss-1 .n2-ss-slide{height:100%!important;}
#slider1 .n2-ss-layers-container.n2-ow{padding:50px 0;}

#slider1 .posuvnik a{padding:10px 30px!important; display: block;}
#slider1 .posuvnik img{display: block; padding: 3px;}
#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:0px;}
/*.sppb-addon-text-block.text-dolava h1{margin-left:-90px;}*/

#uvod-text{position:relative; overflow:hidden; padding:20px 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:20px;}

.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:25px 0 0px;}
#sluzby-uvod{margin:-35px 0px 0!important;}
#sluzby-uvod .sppb-column-addons .sppb-section{padding:5px 20px 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:0;}
#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:0;}

@media (max-width:991px){
   #sluzby-uvod .sppb-section:before{z-index: 10; top:-35px; color:rgba(255, 255, 255, 0.2); font-size: 100px; line-height: 120px;}
   #uvod-weby:before, #uvod-cms:before{left: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:0; padding-right:0;}
}

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

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

#uvod-sluzby-dalsie .sppb-col-md-4 > div, #sluzby-priebeh .sppb-col-md-4 > div{padding:10px 20px 15px;}
#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:nth-child(1) > div{margin-left:35px; width:auto;}
#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:-12px; left:-55px; width:0px; height:8px;}
#uvod-sluzby-dalsie .sppb-col-md-4:nth-child(1) h2 span:after{content:""; display: block; position: absolute; bottom:-43px; left:-24px; height:0px; width:8px;}
#uvod-sluzby-dalsie h2 span.in-viewport:before, #uvod-sluzby-dalsie h2 span.was-in-viewport:before{width:70px!important; transition-delay: 2s;}
#uvod-sluzby-dalsie h2 span.in-viewport:after, #uvod-sluzby-dalsie h2 span.was-in-viewport:after{height:70px!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:180px!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: 25px 0 0!important; }
.sp-page-builder .page-content #referencie-clanky-uvod{padding:30px 0 25px 0!important; }
#referencie-clanky-uvod .bx-viewport{padding:0px 0;}
.naklananie{position: relative;  transform-style: preserve-3d; will-change: transform; height: 300px; width: 210px; margin: 0 auto;  -webkit-transform: translate3d(0, 0, 0);}

#referencie-nadpis-uvod:before{content:"work."; position: absolute; top:0px; right:-10px; font-size: 100px; line-height: 120px; 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:150px 0 0 -35px; padding:10px 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 .dot-white{opacity:1; margin:0 0 0 10px; background: #FFF;}
.naklananie .sppb-articles-carousel-content a,  .referencie .naklananie .page-header a, .referencie .naklananie:hover .page-header a{color:#FFF;}
.naklananie .sppb-articles-carousel-content a, .naklananie:hover .sppb-articles-carousel-content a, .referencie .naklananie .page-header a,  .referencie .naklananie:hover .page-header a {
   background: #2ed03c;
   background: -moz-linear-gradient(left, #2ed03c 0%, #2fc8d0 100%);
   background: -webkit-linear-gradient(left, #2ed03c 0%,#2fc8d0 100%);
   background: linear-gradient(to right, #2ed03c 0%,#2fc8d0 100%);
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2ed03c', endColorstr='#2fc8d0',GradientType=1 );
}

.bx-controls{margin-left:5px; left:0; width:auto; top:-20px!important}
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:25px;}
#zakaznici-uvod{margin:-27px 0px 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:5px 0 5px!important;}
#zakaznici-uvod .sppb-carousel-inner > .sppb-item{padding:40px 50px 0;}
.vtip-zakaznici{padding:0 60px 0 35%;}
#zakaznici-uvod .sppb-col-md-12{padding-left:0; padding-right:0;}
#zakaznici-uvod .sppb-row{margin-right: 0px; margin-left: 0px;}
#zakaznici-uvod-referencia{margin:0px 0px 20px!important; padding:0px 0 0px!important; z-index: 6!important; height:auto;}
#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:0px; overflow: visible;}
#zakaznici-uvod-referencia .sppb-carousel-item-inner{position: relative;}
#zakaznici-uvod-referencia .sppb-carousel-inner > .sppb-item{padding:0px!important; margin:0px 0 0;  z-index: 6!important;}
.sppb-carousel-content, .sppb-carousel-pro-inner-content .sppb-container{padding:20px 30px 10px!important; min-height:200px; 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:0px;}
.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}
.sppb-carousel-arrow{bottom:auto; top:5px;}
.sppb-carousel-arrow.right{right:40%}
.sppb-carousel-arrow.left{left:40%;}
.carousel-image{position:absolute!important; top:-35px; left:60px; padding:5px; box-sizing: border-box; width:70px; height:70px; text-align: center;}
.carousel-image img{ max-width:50px; max-height:50px; width:auto; height:auto; top:50%; transform: translateY(-50%); position: relative; vertical-align: top;}

.itemid-229 #zakaznici-nadpis-uvod .sppb-row {border-top:none;}
.sppb-carousel-pro-text .sppb-carousel-pro-content {font-size: 14px!important; line-height: 1.3em!important;}
@media (max-width:500px){
   .zakaznik-referencia{width:100%;}
   .zakaznik-info{width:100%;}
   .zakaznik-info p, .zakaznik-info h5{margin:0;}
   .sppb-carousel-content, .sppb-carousel-pro-inner-content .sppb-container{min-height: 290px;}
}
/*.sppb-carousel-inner > div{min-height: 200px;}*/

/* blog uvod */
#blog-modul-nadpis-uvod{padding:20px 0 10px!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 10px!important; padding:0 0 20px!important;}
#blog-modul .sppb-col-md-12{padding-left:0; padding-right:0;}
#blog-modul .sppb-addon-module{padding-bottom:0px;}
#blog-modul .sppb-row{margin-left:0; margin-right:0;}
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:767px){
   .newsflash-clanok{ padding:0; margin-bottom:10px;
      -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 30px 70px 20px; 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: 100%; max-width: 767px; 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:20px; 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 20px 70px 30px;}
.newsflash-clanok > div:hover .readmore{left:40px;}



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

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

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

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

.item-pagereferencie{padding: 0 0 25px 0; overflow: hidden;}

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

h2 br{display:none;}

.articlebody iframe{max-width: 100%;}

#full_site3{overflow: hidden;}

/* blog */
#blog-nadpis{padding:20px 0 1px!important;}
#blog-nadpis h1 .super-big, #referencie-nadpis-detail h1 .super-big{clear: none; display: inline;}
#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 100%; flex: 0 0 100%; max-width: 100%; width:100%; padding-bottom: 20px;}
.blog-clanky .items-row:nth-child(2n+1){margin-right:0;}
.blog-clanky .items-row:nth-child(2n){margin-top:0px;}
@media (min-width:500px){
.blogreferencie .blog-clanky .items-row:nth-child(2n+1){padding-right:20%;}
.blogreferencie .blog-clanky .items-row:nth-child(2n){padding-left:20%;}
}

.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:200px; overflow: hidden;}
.blogy .blog-dark-blok .item-image a{display: block; width:100%; height:200px;}
.blogy .blog-dark-blok .item-image img{object-fit: cover; height:100%; width:100%;  max-width:none; position: relative; left:0px; top:50%; transform: translateY(-50%);}
.blogy .blog-dark-blok:hover .item-image img{ left:0px!important;/*transform: translateX(-55%);*/}
.blogy .blog-clanok-text{padding:5px 15px 0px;}

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

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

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

#user4{padding:10px;}
#user4 img{width:100%; height:auto; max-width:120px;}
#user4 .custom{display: -ms-flexbox;
   display: flex;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;}
.bioimg{  -ms-flex: 0 0 30%;
   flex: 0 0 30%;
   max-width: 30%; padding-right:15px; text-align: center;}
.biotext{flex: 1; -ms-flex:1; }
.bioimg a{padding:5px;}
.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:210px; height:300px; background-repeat: no-repeat; background-size: 100% auto; background-position: center center ; z-index: -1;}
.referencie .naklananie .page-header{ display: inline-block; margin: 150px 0 0 -35px; box-sizing: border-box; width: auto; white-space: nowrap;}
.referencie .naklananie .page-header h2{margin:0;}
.referencie .naklananie .page-header a{padding:10px 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 10px; vertical-align: middle; opacity:1; background:#FFF;}
.naklananie:hover .page-header-naklanany a:after{opacity:1; margin:0 0 0 10px;}

.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:0px 0 20px!important;}
.fullblok-obmedzeny{margin:0 20px!important;}
.fullblok-obmedzeny .sppb-column-addons .sppb-section {padding: 0px 0!important;}
#sluzba-tvorba-pokec .sluzba-text {padding-left: 0;}
#sluzby-uvod.sluzba-weby {margin: 0px 0px 0px !important;}


.sipka-big{position: absolute; bottom:7px; 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(135deg);}
   .sipka-stred-big{display:block; position:absolute; top:0px; right:16px; width: 8px; height:0px; }
   .sipka-big.in-viewport{ opacity: 1; transition-delay: 2s;}
   .sipka-stred-big.in-viewport{height:60px;  transition-delay: 2.5s}

#precoja-nadpis, .style-4blok-nadpis{padding:20px 0 0 0px!important;}
#precoja-dovody{padding:0 0 15px 0!important;}
#precoja-dovody .sppb-row > div{padding:10px;}
#precoja-dovody .sppb-row div.sppb-column{padding:10px 25px 15px}
#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:-20px; right:20px; font-size: 100px; line-height: 100px; 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 15px!important;}
#cennik-web .sppb-column-addons .sppb-addon-wrapper{padding:10px 20px 20px;}
.sppb-pricing-features ul li{margin:0!important; padding-bottom:5px!important;}
.sppb-pricing-features ul li:last-child{padding-bottom:0!important;}

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

@media (max-width:767px){
   .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:180px;}
}

#web-sluzby-ikony.web-sluzby-ikony{padding-top:30px!important; max-width:300px; margin:0 auto!important;}
.web-sluzby-ikony img{height:30px; 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:20px 0 0px 0!important; margin:-28px 0px 0 0px!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: 15vw; line-height: 1.1em; z-index: -1;}

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

#kontakt-formular .semanticui-body.chronoforms{width:auto; 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:10px 15px;}

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

.col-padding-no .sppb-row > div{padding-left:0!important; padding-right:0!important;}



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

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

.sp-page-builder .page-content #cena-zahrna, .sp-page-builder .page-content #cennik-seo, .sp-page-builder .page-content #cennik-marketing, 
.sp-page-builder .page-content #cennik-copy, .sp-page-builder .page-content #cennik-admin{padding:20px 0;}

#cennik-copy .sppb-col-md-12 , #cennik-admin .sppb-col-md-12{padding-left:0; padding-right:0;}

/* 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:10px; font-size: 15vw; line-height: 1.1em; z-index: 1; white-space: nowrap;}
.item-pagereferencie .page-header{float:none; width:100%;}
.item-pagereferencie .page-header, .pokec-uvod-referencia{position: relative; z-index: 2;}
.pokec-uvod-referencia{padding:10px 0 0 0px; float:right; width:100%}
.uvodny-obr-ref{float:none; width:100%}
.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;}

@media (max-width: 450px){
   .item-pagereferencie .uvodny-obr-ref, .item-pagereferencie .uvodny-obr-ref div{height:150px!important;}
}

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

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


.pager.pagenav li{position: fixed; height:auto; width:40px; 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:40px; font-size: 13px; line-height: 16px; text-align: center; padding:10px 17px; box-sizing: border-box; background: #F9F9F9;}
.pager.pagenav li.previous a:before, .pager.pagenav li.previous a:after{content:"\f053"; position: relative; left:0px; 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:0px; 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:10px 0;}
.menu-clanok a{padding:10px 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:70px 0 20px;}

@media (min-width:500px){
.tagssimilar .polozka-podobna{display: -ms-flexbox;
   display: flex;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap; }
.polozka-podobna .podobnetagyitemimg{  -ms-flex: 0 0 30%;
   flex: 0 0 30%;
   max-width: 30%; padding-right:15px;}
.podobnetagyitemtexty{flex: 1; -ms-flex:1;}
}
.tagssimilar .polozka-podobna{margin-bottom:20px;}
@media (max-width:499px){
   .polozka-podobna h5{font-weight:500;}
}


/* pata */
#footer1{margin:0px; padding:20px 20px; position: relative; z-index: 20;}
#footer2{}

#pata1{float:none; max-width:380px; margin:0 auto; padding:0 0 30px;}
#pata1 a{display: block; padding:0 0 0 60px;}
#pata1 a:hover{padding:0 0 0 65px;}
#pata1 span{display: block;}
#pata1 a:before{content: ""; position: absolute; width:40px; 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:35px;}


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

#logopata, #pata5{position: relative; z-index: 20; background: #FFF;}

#logopata{padding:15px 30px 0;}
#logopata img{width:120px; height:auto;}

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


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


}