<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>PONUDBA Archives - KK Oblak, d.o.o.</title>
	<atom:link href="https://kkoblak.si/category/ponudba/feed/" rel="self" type="application/rss+xml" />
	<link>https://kkoblak.si/category/ponudba/</link>
	<description>S STREHAMI OBLAK VEDNO NA SUHEM</description>
	<lastBuildDate>Thu, 10 Oct 2024 05:55:25 +0000</lastBuildDate>
	<language>sl-SI</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=6.6.2</generator>

<image>
	<url>https://kkoblak.si/wp-content/uploads/2015/10/cropped-logo-32x32.png</url>
	<title>PONUDBA Archives - KK Oblak, d.o.o.</title>
	<link>https://kkoblak.si/category/ponudba/</link>
	<width>32</width>
	<height>32</height>
</image> 
	<item>
		<title>KROVSTVO</title>
		<link>https://kkoblak.si/krovstvo/</link>
		
		<dc:creator><![CDATA[admin]]></dc:creator>
		<pubDate>Sat, 27 Aug 2016 09:08:21 +0000</pubDate>
				<category><![CDATA[PONUDBA]]></category>
		<guid isPermaLink="false">http://kkoblak.si/?p=587</guid>

					<description><![CDATA[<p>KROVSTVO Strehe pokrivamo z vsemi vrstami kritin, kot so Bramac, Tondach, Creaton, Gerard, Esal, Trimo, Tegola, Sika folija … Svetujemo vam katera kritina je najboljša za vašo streho.</p>
<p>The post <a href="https://kkoblak.si/krovstvo/">KROVSTVO</a> appeared first on <a href="https://kkoblak.si">KK Oblak, d.o.o.</a>.</p>
]]></description>
										<content:encoded><![CDATA[<h1 style="text-align: center;"><span style="color: #008000;"><strong>KROVSTVO</strong></span></h1>
<h2 style="text-align: center;">Strehe pokrivamo z vsemi vrstami kritin, kot so Bramac, Tondach, Creaton, Gerard, Esal, Trimo, Tegola, Sika folija …</h2>
<h2 style="text-align: center;">Svetujemo vam katera kritina je najboljša za vašo streho.</h2>
<p style="text-align: center;"><style>
/*===== general options =========*/
a {
    box-shadow: none !important;
}

.view *, .album_categories *, .album_back_button *, #album_disabled_layer {
    font-family: sans-serif, Arial, Verdana, Sylfaen !important;
}

#album_disabled_layer {
    display: none;
    position: absolute;
    width: 100%;
    height: 100%;
    text-align: center;
    background-color: transparent;
    z-index: 10;
    padding-top: 20px;
    color: #fff;
}

#album_list_container {
    position: relative;
}

/* ====================== album onhover styles ==========================*/

#album_list .view {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    display: none;

}

.view .mask,
.view .content {
    width: 100%;
    height: 100%;
    position: absolute;
    overflow: hidden;
    top: 0;
    left: 0;
}

.view h2 {
    text-transform: uppercase;
    color: #fff;
    text-align: center;
    position: relative;
    font-size: 17px;
    font-family: Raleway, serif;
    padding: 10px;
    /*background: rgba(0, 0, 0, 0.8);*/
    margin: 20px 0 0 0;

}

.album_back_button a, .view a {
    text-decoration: none !important;
}

.view p {
    font-family: Merriweather, serif;
    font-style: italic;
    font-size: 14px;
    position: relative;
    color: #fff;
    padding: 0px 20px 0px;
    text-align: center;

}

.view a.info {
    display: inline-block;
    text-decoration: none;
    font-size: 13px;
    padding: 2px 14px;
    margin-bottom: 3px;
    background: #000;
    color: #fff;
    font-family: Raleway, serif;
    text-transform: uppercase;
    box-shadow: 0 0 1px #000
}

.mask-text h2 {
    font-size: 20px !important;
}

.view a.info:hover {
    box-shadow: 0 0 5px #000
}

.view .mask-bg {
    height: 100%;
}

.view .album_social {
    color: #fff;
    position: absolute;
    bottom: 3px;
    left: 3px;
    border: 1px solid #ffffff;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    padding: 3px 5px;

}

.view .album_social:active, .view .album_social:focus, .view .album_social:hover {
    color: #ffffff;
    outline: none;
}

/*1*/

.view .info {
    margin-top: 5px;
}

.view-first .mask {
    opacity: 0;
    background-color: rgba(0, 0, 0, 0.7);
    transition: all 0.4s ease-in-out;

}

.view-first h2 {
    transform: translateY(-100px);
    opacity: 0;
    font-family: Raleway, serif;
    transition: all 0.2s ease-in-out;
}

.view-first p {
    transform: translateY(100px);
    opacity: 0;
    transition: all 0.2s linear;
}

.view-first a.info {
    opacity: 0;
    transition: all 0.2s ease-in-out;
}

/* */

.view-first:hover img {
    /*transform: scale(1.1);*/
}

.view-first:hover .mask {
    opacity: 1;
}

.view-first:hover h2,
.view-first:hover p,
.view-first:hover a.info {
    opacity: 1;
    transform: translateY(0px);
}

.view-first:hover p {
    transition-delay: 0.1s;
}

.view-first:hover a.info {
    transition-delay: 0.2s;
}

/*2*/
.view-second img {
    -webkit-filter: grayscale(0) blur(0);
    filter: grayscale(0) blur(0);
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}

.view-second .mask {
    background-color: rgba(226, 200, 127, 0.2);
    transition: all 0.5s linear;
    opacity: 0;
}

.view-second h2 {
    background: transparent;
    margin: 20px 40px 0px 40px;
    transform: scale(0);
    color: #333;
    transition: all 0.5s linear;
    opacity: 0;
}

.view-second p {
    opacity: 0;
    transform: scale(0);
    transition: all 0.5s linear;
}

.view-second a.info {
    opacity: 0;
    transform: scale(0);
    transition: all 0.5s linear;
}

.view-second:hover img {
    -webkit-filter: grayscale(100%) blur(3px);
    filter: grayscale(100%) blur(3px);
}

.view-second:hover .mask {
    opacity: 1;
}

.view-second:hover h2,
.view-second:hover p,
.view-second:hover a.info {
    transform: scale(1);
    opacity: 1;
}

.view-second img {
    -webkit-filter: grayscale(0) blur(0);
    filter: grayscale(0) blur(0);
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}

.view-second:hover img {
    -webkit-filter: grayscale(100%) blur(3px);
    filter: grayscale(100%) blur(3px);
}

/*3*/

.view-third img {
    transform: scaleY(1);
    transition: all .7s ease-in-out;
}

.view-third a.info {
    opacity: 0;
    transform: scale(0);
    transition: all 0.5s linear;
}

.view-third:hover img {
    -webkit-transform: scale(10);
    transform: scale(10);
    opacity: 0;
}

.view-third:hover .mask {
    opacity: 1;
}

.view-third:hover h2,
.view-third:hover p,
.view-third:hover a.info {
    transform: scale(1);
    opacity: 1;
}

/* ==== view 4 ===*/

.view-forth-wrapper {
    overflow: hidden;
    position: relative !important;
    height: 100%;
    /* cursor: pointer;*/
}

.view-forth img {
    max-width: 100%;
    position: relative;
    top: 0;
    -webkit-transition: all 600ms cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: all 600ms cubic-bezier(0.645, 0.045, 0.355, 1);
}

.view-forth .mask {
    position: absolute;
    width: 100%;
    /*    height: 70px;*/
    /*    bottom: -70px;*/
    height: 50%;
    bottom: -50%;
    -webkit-transition: all 300ms cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: all 300ms cubic-bezier(0.645, 0.045, 0.355, 1);
    top: inherit;
}

.view-forth:hover .mask {
    bottom: 0;
}

.view-forth:hover img {
    top: -30px;
}

/*==  view 5 ==*/

.view-fifth .view-fifth-wrapper,
.view-fifth .view-fifth-wrapper img {
    display: block;
    position: relative;
}

.view-fifth .view-fifth-wrapper {
    overflow: hidden;
    height: 100%;
}

.view-fifth .view-fifth-wrapper .mask {
    display: none;
    position: absolute;
    background: #333;
    background: rgba(75, 75, 75, 0.7);
    width: 100%;
    height: 100%;
}

/* ====================== album category styles ==========================*/

#filters {
    margin: 1% 0;
    padding: 0;
    list-style: none;
    list-style-type: none !important;

}

#filters li {
    float: left;
    list-style-type: none !important;
}

#filters li:first-child span {
    margin-left: 0px;
}

#filters li span {
    display: block;
    text-decoration: none;
    cursor: pointer;
}

.album_categories {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    padding-top: 5px;
}

/*=========  sharing buttons  ============*/

.album_socials {
    position: relative;
    top: 3px;
    width: 100px;
    height: 28px;
    margin: 0 auto;
}

.album_socials .rwd-share-buttons {
    top: 0px !important;
    width: 100% !important;
    margin: 0px !important;
}

.album_socials a {
    text-decoration: underline !important;
}

.gallery_images, .album_image_place {
    margin-top: 15px;
    margin-top: 15px;
}

#rwd-share-facebook:hover {
    background-position: 0 -31px !important;
}

#rwd-share-twitter:hover {
    background-position: -31px 32px !important;
}

#rwd-share-googleplus:hover {
    background-position: -66px -31px !important;
}

.rwd-share-buttons li, .rwd-share-buttons li a {
    width: 26px !important;
    border: 0px !important;
}

.rwd-share-buttons {
    top: 0 !important;
}

.img_link_btn {
    position: absolute;
    z-index: 99999;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    padding: 8px;
}

.rwd-title {
    padding: 10px 0px !important;
}

@media only screen and (max-width: 475px) {
    .rwd-share-buttons {
        top: -25px !important;
    }

    .rwd-title-text {
        line-height: 15px;
    }
}

/*=========  hover style ===========*/

#hover {
    color: rgba(188, 175, 204, 0.9);
}

h2#testimonials {
    color: #fffae3;
}

div#all {
    width: 100%;
    height: 100%;
}

.view img {
    height: auto;
}

.view {
    color: #fff;
    margin: 0 10px 10px 0;
    overflow: hidden;
    position: relative;
    text-align: center;
    float: left;
    cursor: default;
    border: 1px solid #ccc;
}

.view-wrapper {
    height: 100%;
}

.view img {
    display: block;
    position: relative;
    transition: all 0.2s linear;
    height: 100%;
    width: auto;
    max-width: 100%;
    margin: 0 auto;
}

.mask-text h2 {
    font-size: 20px !important;
    margin-top: 20px !important;
}

/* view 1 */

.view-first .text-category, .view-first .mask-text h2, .view-first .mask-text p {
    color: #fff;
}

/*  view 2 */
.view-second .text-category, .view-second .mask-text h2, .view-second p {
    color: #333;
}

.view-second .mask-text h2 {
    border-bottom: 1px solid #333;
}

/* view 3*/
.view-third .mask {
    background-color: #ccc;
    transition: all 0.5s linear;
    opacity: 0;
    color: #333;
}

.view-third h2 {
    border-bottom: 1px solid #333;
    background: transparent;
    margin: 20px 40px 0px 40px;
    transform: scale(0);
    color: #333;
    transition: all 0.5s linear;
    opacity: 0;
}

.view-third p {
    color: #333;
    opacity: 0;
    transform: scale(0);
    transition: all 0.5s linear;
}

.view-third .text-category {
    color: #333;
}

/* view 4 */

.view-forth .mask-bg {
    background: #333;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.view-forth .mask-text {
    color: #fff;
    position: relative;
    z-index: 500;
    padding: 5px 8px;
}

.view-forth .mask-text h2 {
    margin: 0px;
    font-size: 13px;
    padding: 2px;
    color: #fff;
}

.view-forth .mask-text h2:hover {
    cursor: pointer;
}

.view-forth .text-category {
    display: block;
    font-size: 15px;
    color: #fff;
}

.view-forth p {
    color: #fff;
}

/* view 5 */
.view-fifth .text-category, .view-fifth .text-category *, .view-fifth .mask-text h2, .view-fifth .mask-text p {
    color: #fff;
}

</style><div id="mygallery_wrapper_5" class="gallery-img-content clear"
     data-gallery-id="5" data-content-per-page="5"
     data-rating-type="off">
    <div id="mygallery_5" class="mygallery view-justified clear">
                <input type="hidden" id="total" value="3"/>
                                                <a class="gallery_group5" href="http://kkoblak.si/wp-content/uploads/2015/11/2013-09-06-10.43.28.jpg"
                       title="" data-rel="lightbox-gallery-YJRxRIfq" data-rl_title="" data-rl_caption="">
                        <img decoding="async" id="wd-cl-img0"
                             alt="KROVSTVO - ESAL"
                             src="http://kkoblak.si/wp-content/uploads/2015/11/2013-09-06-10.43.28.jpg"/>
                                            </a>
                    <input type="hidden" class="pagenum" value="1"/>
                                                                            <a class="gallery_group5" href="http://kkoblak.si/wp-content/uploads/2015/11/2013-09-12-10.19.28.jpg"
                       title="" data-rel="lightbox-gallery-YJRxRIfq" data-rl_title="" data-rl_caption="">
                        <img decoding="async" id="wd-cl-img1"
                             alt="KROVSTVO - ESAL"
                             src="http://kkoblak.si/wp-content/uploads/2015/11/2013-09-12-10.19.28.jpg"/>
                                            </a>
                    <input type="hidden" class="pagenum" value="1"/>
                                                                            <a class="gallery_group5" href="http://kkoblak.si/wp-content/uploads/2015/11/20141205_135456.jpg"
                       title="" data-rel="lightbox-gallery-YJRxRIfq" data-rl_title="" data-rl_caption="">
                        <img decoding="async" id="wd-cl-img2"
                             alt="KROVSTVO - TONDACH"
                             src="http://kkoblak.si/wp-content/uploads/2015/11/20141205_135456.jpg"/>
                                            </a>
                    <input type="hidden" class="pagenum" value="1"/>
                                                                            <a class="gallery_group5" href="http://kkoblak.si/wp-content/uploads/2015/11/DSC01568.jpg"
                       title="" data-rel="lightbox-gallery-YJRxRIfq" data-rl_title="" data-rl_caption="">
                        <img decoding="async" id="wd-cl-img3"
                             alt="KROVSTVO - TONDACH"
                             src="http://kkoblak.si/wp-content/uploads/2015/11/DSC01568.jpg"/>
                                            </a>
                    <input type="hidden" class="pagenum" value="1"/>
                                                                            <a class="gallery_group5" href="http://kkoblak.si/wp-content/uploads/2016/08/IMG_6496.jpg"
                       title="" data-rel="lightbox-gallery-YJRxRIfq" data-rl_title="" data-rl_caption="">
                        <img decoding="async" id="wd-cl-img4"
                             alt="KROVSTVO - BRAMAC"
                             src="https://kkoblak.si/wp-content/uploads/2016/08/IMG_6496-768x1024.jpg"/>
                                            </a>
                    <input type="hidden" class="pagenum" value="1"/>
                                                                            <a class="gallery_group5" href="http://kkoblak.si/wp-content/uploads/2015/11/Slika-087.jpg"
                       title="" data-rel="lightbox-gallery-YJRxRIfq" data-rl_title="" data-rl_caption="">
                        <img decoding="async" id="wd-cl-img5"
                             alt="KROVSTVO - TONDACH"
                             src="http://kkoblak.si/wp-content/uploads/2015/11/Slika-087.jpg"/>
                                            </a>
                    <input type="hidden" class="pagenum" value="1"/>
                                                                            <a class="gallery_group5" href="http://kkoblak.si/wp-content/uploads/2015/12/20151027_074635060_iOS.jpg"
                       title="" data-rel="lightbox-gallery-YJRxRIfq" data-rl_title="" data-rl_caption="">
                        <img decoding="async" id="wd-cl-img6"
                             alt="KROVSTVO - BRAMAC"
                             src="http://kkoblak.si/wp-content/uploads/2015/12/20151027_074635060_iOS.jpg"/>
                                            </a>
                    <input type="hidden" class="pagenum" value="1"/>
                                                                            <a class="gallery_group5" href="http://kkoblak.si/wp-content/uploads/2015/12/DSC_0043.jpg"
                       title="" data-rel="lightbox-gallery-YJRxRIfq" data-rl_title="" data-rl_caption="">
                        <img decoding="async" id="wd-cl-img7"
                             alt="KROVSTVO - ESAL"
                             src="http://kkoblak.si/wp-content/uploads/2015/12/DSC_0043.jpg"/>
                                            </a>
                    <input type="hidden" class="pagenum" value="1"/>
                                                                            <a class="gallery_group5" href="http://kkoblak.si/wp-content/uploads/2016/01/19082010322.jpg"
                       title="" data-rel="lightbox-gallery-YJRxRIfq" data-rl_title="" data-rl_caption="">
                        <img decoding="async" id="wd-cl-img8"
                             alt="KROVSTVO - GERARD"
                             src="http://kkoblak.si/wp-content/uploads/2016/01/19082010322.jpg"/>
                                            </a>
                    <input type="hidden" class="pagenum" value="1"/>
                                                                            <a class="gallery_group5" href="http://kkoblak.si/wp-content/uploads/2016/08/IMG_6421.jpg"
                       title="" data-rel="lightbox-gallery-YJRxRIfq" data-rl_title="" data-rl_caption="">
                        <img decoding="async" id="wd-cl-img9"
                             alt="KROVSTVO - CREATON"
                             src="https://kkoblak.si/wp-content/uploads/2016/08/IMG_6421-1024x768.jpg"/>
                                            </a>
                    <input type="hidden" class="pagenum" value="1"/>
                                                                            <a class="gallery_group5" href="http://kkoblak.si/wp-content/uploads/2016/08/IMG_6420-–-kopija.jpg"
                       title="" data-rel="lightbox-gallery-YJRxRIfq" data-rl_title="" data-rl_caption="">
                        <img decoding="async" id="wd-cl-img10"
                             alt="KROVSTVO - CREATON"
                             src="https://kkoblak.si/wp-content/uploads/2016/08/IMG_6420-–-kopija-1024x768.jpg"/>
                                            </a>
                    <input type="hidden" class="pagenum" value="1"/>
                                                                            <a class="gallery_group5" href="http://kkoblak.si/wp-content/uploads/2015/11/Slika070.jpg"
                       title="" data-rel="lightbox-gallery-YJRxRIfq" data-rl_title="" data-rl_caption="">
                        <img decoding="async" id="wd-cl-img11"
                             alt="KROVSTVO - BRAMAC"
                             src="http://kkoblak.si/wp-content/uploads/2015/11/Slika070.jpg"/>
                                            </a>
                    <input type="hidden" class="pagenum" value="1"/>
                                                                            <a class="gallery_group5" href="http://kkoblak.si/wp-content/uploads/2015/11/20141020_093447.jpg"
                       title="" data-rel="lightbox-gallery-YJRxRIfq" data-rl_title="" data-rl_caption="">
                        <img decoding="async" id="wd-cl-img12"
                             alt="KROVSTVO - GERARD"
                             src="http://kkoblak.si/wp-content/uploads/2015/11/20141020_093447.jpg"/>
                                            </a>
                    <input type="hidden" class="pagenum" value="1"/>
                                                                            <a class="gallery_group5" href="http://kkoblak.si/wp-content/uploads/2015/12/DSC01559.jpg"
                       title="" data-rel="lightbox-gallery-YJRxRIfq" data-rl_title="" data-rl_caption="">
                        <img decoding="async" id="wd-cl-img13"
                             alt="KROVSTVO - TONDACH"
                             src="http://kkoblak.si/wp-content/uploads/2015/12/DSC01559.jpg"/>
                                            </a>
                    <input type="hidden" class="pagenum" value="1"/>
                                        </div>
    </div>
<style>
.justified-gallery {
    width: 100%;
    position: relative;
}
.justified-gallery a{
    border:none;
}
.justified-gallery > a,
.justified-gallery > div {
    position: absolute;
    display: inline-block;
    opacity: 0;
    overflow:hidden;
    filter: alpha(opacity=0);
    /* IE8 or Earlier */
}
.justified-gallery > a > img,
.justified-gallery > div > img {
    position: absolute;
    top: 50%;
    left: 50%;
    padding: 0;
}
.justified-gallery > a > .caption,
.justified-gallery > div > .caption {
    display: none;
    position: absolute;
    bottom: 0;
    padding: 5px;
    left: 0;
    right: 0;
    margin: 0;
    color: #3AD6FC;
    font-size: 13px;
    font-weight: 300;
    font-family: sans-serif;
//margin-left: px;
    background:rgba(255,28,28,0.9)  !important;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space:nowrap;
}
.justified-gallery > a > .caption.caption-visible,
.justified-gallery > div > .caption.caption-visible {
    display: initial;
    filter: "alpha(opacity=70)";
    /* IE8 or Earlier */
    -webkit-animation: justified-gallery-show-caption-animation 500ms 0 ease;
    -moz-animation: justified-gallery-show-caption-animation 500ms 0 ease;
    -ms-animation: justified-gallery-show-caption-animation 500ms 0 ease;
}
.justified-gallery > .entry-visible {
    opacity: 1.0;
    filter: alpha(opacity=100);
    /* IE8 or Earlier */
    -webkit-animation: justified-gallery-show-entry-animation 300ms 0 ease;
    -moz-animation: justified-gallery-show-entry-animation 300ms 0 ease;
    -ms-animation: justified-gallery-show-entry-animation 300ms 0 ease;
}
.justified-gallery > .spinner {
    position: absolute;
    bottom: 0;
    margin-left: -24px;
    padding: 10px 0 10px 0;
    left: 50%;
    opacity: initial;
    filter: initial;
    overflow: initial;
}
.justified-gallery > .spinner > span {
    display: inline-block;
    opacity: 0;
    filter: alpha(opacity=0);
    /* IE8 or Earlier */
    width: 8px;
    height: 8px;
    margin: 0 4px 0 4px;
    background-color: #000;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
    border-bottom-left-radius: 6px;
}
.play-icon {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
}
.load_more2 {
    margin: 10px 0;
    position:relative;
    text-align:center;
    width:100%;
}
.load_more_button2 {
    border-radius: 10px;
    display:inline-block;
    padding:5px 15px;
    font-size:14px !important;;
    color:#FF1C1C !important;;
    background:#26A6FC !important;
    cursor:pointer;
}
.load_more_button2:hover{
    color:#FF4242 !important;
    background:#0FEFFF !important;
}
.loading2 {
    display:none;
}
.paginate2{
    font-size:18px !important;
    color:#26A6FC !important;
    text-align: center;
    margin-top: 25px;
}
.paginate2 a{
    border-bottom: none !important;
}
.icon-style2{
    font-size: 18px !important;
    color:#26A6FC !important;
}
.clear{
    clear:both;
}
.play-icon.youtube-icon {background:url(https://kkoblak.si/wp-content/plugins/gallery-images/assets/images/admin_images/play.youtube.png) center center no-repeat;}
.play-icon.vimeo-icon {background:url(https://kkoblak.si/wp-content/plugins/gallery-images/assets/images/admin_images/play.vimeo.png) center center no-repeat;}
</style></p>
<p>The post <a href="https://kkoblak.si/krovstvo/">KROVSTVO</a> appeared first on <a href="https://kkoblak.si">KK Oblak, d.o.o.</a>.</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>KLEPARSTVO</title>
		<link>https://kkoblak.si/kleparstvo/</link>
		
		<dc:creator><![CDATA[admin]]></dc:creator>
		<pubDate>Sat, 12 Dec 2015 11:59:40 +0000</pubDate>
				<category><![CDATA[PONUDBA]]></category>
		<guid isPermaLink="false">http://localhost/website.com/?p=30</guid>

					<description><![CDATA[<p>KLEPARSTVO Izvajamo vsa kleparska dela, kot so žlebovi, odtočne cevi, razne zaključne obrobe in žlote, oblogo dimnika ter pokrivanje streh s pločevino. Izvajamo tudi najbolj zahtevna dela kot so pokrivanje cerkvenih zvonikov. Uporabljamo vse vrste materialov, kot so aluminij, barvani aluminij, baker, cinkotit,… &#160; &#8211; ZVONIKI</p>
<p>The post <a href="https://kkoblak.si/kleparstvo/">KLEPARSTVO</a> appeared first on <a href="https://kkoblak.si">KK Oblak, d.o.o.</a>.</p>
]]></description>
										<content:encoded><![CDATA[<h1 style="text-align: center;"><strong><span style="color: #008000;">KLEPARSTVO</span></strong></h1>
<h2 style="text-align: center;">Izvajamo vsa kleparska dela, kot so žlebovi, odtočne cevi, razne zaključne obrobe in žlote, oblogo dimnika ter pokrivanje streh s pločevino. Izvajamo tudi najbolj zahtevna dela kot so pokrivanje cerkvenih zvonikov.</h2>
<h2 style="text-align: center;">Uporabljamo vse vrste materialov, kot so aluminij, barvani aluminij, baker, cinkotit,…</h2>
<p>&nbsp;</p>
<p style="text-align: center;"><style>
/*===== general options =========*/
a {
    box-shadow: none !important;
}

.view *, .album_categories *, .album_back_button *, #album_disabled_layer {
    font-family: sans-serif, Arial, Verdana, Sylfaen !important;
}

#album_disabled_layer {
    display: none;
    position: absolute;
    width: 100%;
    height: 100%;
    text-align: center;
    background-color: transparent;
    z-index: 10;
    padding-top: 20px;
    color: #fff;
}

#album_list_container {
    position: relative;
}

/* ====================== album onhover styles ==========================*/

#album_list .view {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    display: none;

}

.view .mask,
.view .content {
    width: 100%;
    height: 100%;
    position: absolute;
    overflow: hidden;
    top: 0;
    left: 0;
}

.view h2 {
    text-transform: uppercase;
    color: #fff;
    text-align: center;
    position: relative;
    font-size: 17px;
    font-family: Raleway, serif;
    padding: 10px;
    /*background: rgba(0, 0, 0, 0.8);*/
    margin: 20px 0 0 0;

}

.album_back_button a, .view a {
    text-decoration: none !important;
}

.view p {
    font-family: Merriweather, serif;
    font-style: italic;
    font-size: 14px;
    position: relative;
    color: #fff;
    padding: 0px 20px 0px;
    text-align: center;

}

.view a.info {
    display: inline-block;
    text-decoration: none;
    font-size: 13px;
    padding: 2px 14px;
    margin-bottom: 3px;
    background: #000;
    color: #fff;
    font-family: Raleway, serif;
    text-transform: uppercase;
    box-shadow: 0 0 1px #000
}

.mask-text h2 {
    font-size: 20px !important;
}

.view a.info:hover {
    box-shadow: 0 0 5px #000
}

.view .mask-bg {
    height: 100%;
}

.view .album_social {
    color: #fff;
    position: absolute;
    bottom: 3px;
    left: 3px;
    border: 1px solid #ffffff;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    padding: 3px 5px;

}

.view .album_social:active, .view .album_social:focus, .view .album_social:hover {
    color: #ffffff;
    outline: none;
}

/*1*/

.view .info {
    margin-top: 5px;
}

.view-first .mask {
    opacity: 0;
    background-color: rgba(0, 0, 0, 0.7);
    transition: all 0.4s ease-in-out;

}

.view-first h2 {
    transform: translateY(-100px);
    opacity: 0;
    font-family: Raleway, serif;
    transition: all 0.2s ease-in-out;
}

.view-first p {
    transform: translateY(100px);
    opacity: 0;
    transition: all 0.2s linear;
}

.view-first a.info {
    opacity: 0;
    transition: all 0.2s ease-in-out;
}

/* */

.view-first:hover img {
    /*transform: scale(1.1);*/
}

.view-first:hover .mask {
    opacity: 1;
}

.view-first:hover h2,
.view-first:hover p,
.view-first:hover a.info {
    opacity: 1;
    transform: translateY(0px);
}

.view-first:hover p {
    transition-delay: 0.1s;
}

.view-first:hover a.info {
    transition-delay: 0.2s;
}

/*2*/
.view-second img {
    -webkit-filter: grayscale(0) blur(0);
    filter: grayscale(0) blur(0);
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}

.view-second .mask {
    background-color: rgba(226, 200, 127, 0.2);
    transition: all 0.5s linear;
    opacity: 0;
}

.view-second h2 {
    background: transparent;
    margin: 20px 40px 0px 40px;
    transform: scale(0);
    color: #333;
    transition: all 0.5s linear;
    opacity: 0;
}

.view-second p {
    opacity: 0;
    transform: scale(0);
    transition: all 0.5s linear;
}

.view-second a.info {
    opacity: 0;
    transform: scale(0);
    transition: all 0.5s linear;
}

.view-second:hover img {
    -webkit-filter: grayscale(100%) blur(3px);
    filter: grayscale(100%) blur(3px);
}

.view-second:hover .mask {
    opacity: 1;
}

.view-second:hover h2,
.view-second:hover p,
.view-second:hover a.info {
    transform: scale(1);
    opacity: 1;
}

.view-second img {
    -webkit-filter: grayscale(0) blur(0);
    filter: grayscale(0) blur(0);
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}

.view-second:hover img {
    -webkit-filter: grayscale(100%) blur(3px);
    filter: grayscale(100%) blur(3px);
}

/*3*/

.view-third img {
    transform: scaleY(1);
    transition: all .7s ease-in-out;
}

.view-third a.info {
    opacity: 0;
    transform: scale(0);
    transition: all 0.5s linear;
}

.view-third:hover img {
    -webkit-transform: scale(10);
    transform: scale(10);
    opacity: 0;
}

.view-third:hover .mask {
    opacity: 1;
}

.view-third:hover h2,
.view-third:hover p,
.view-third:hover a.info {
    transform: scale(1);
    opacity: 1;
}

/* ==== view 4 ===*/

.view-forth-wrapper {
    overflow: hidden;
    position: relative !important;
    height: 100%;
    /* cursor: pointer;*/
}

.view-forth img {
    max-width: 100%;
    position: relative;
    top: 0;
    -webkit-transition: all 600ms cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: all 600ms cubic-bezier(0.645, 0.045, 0.355, 1);
}

.view-forth .mask {
    position: absolute;
    width: 100%;
    /*    height: 70px;*/
    /*    bottom: -70px;*/
    height: 50%;
    bottom: -50%;
    -webkit-transition: all 300ms cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: all 300ms cubic-bezier(0.645, 0.045, 0.355, 1);
    top: inherit;
}

.view-forth:hover .mask {
    bottom: 0;
}

.view-forth:hover img {
    top: -30px;
}

/*==  view 5 ==*/

.view-fifth .view-fifth-wrapper,
.view-fifth .view-fifth-wrapper img {
    display: block;
    position: relative;
}

.view-fifth .view-fifth-wrapper {
    overflow: hidden;
    height: 100%;
}

.view-fifth .view-fifth-wrapper .mask {
    display: none;
    position: absolute;
    background: #333;
    background: rgba(75, 75, 75, 0.7);
    width: 100%;
    height: 100%;
}

/* ====================== album category styles ==========================*/

#filters {
    margin: 1% 0;
    padding: 0;
    list-style: none;
    list-style-type: none !important;

}

#filters li {
    float: left;
    list-style-type: none !important;
}

#filters li:first-child span {
    margin-left: 0px;
}

#filters li span {
    display: block;
    text-decoration: none;
    cursor: pointer;
}

.album_categories {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    padding-top: 5px;
}

/*=========  sharing buttons  ============*/

.album_socials {
    position: relative;
    top: 3px;
    width: 100px;
    height: 28px;
    margin: 0 auto;
}

.album_socials .rwd-share-buttons {
    top: 0px !important;
    width: 100% !important;
    margin: 0px !important;
}

.album_socials a {
    text-decoration: underline !important;
}

.gallery_images, .album_image_place {
    margin-top: 15px;
    margin-top: 15px;
}

#rwd-share-facebook:hover {
    background-position: 0 -31px !important;
}

#rwd-share-twitter:hover {
    background-position: -31px 32px !important;
}

#rwd-share-googleplus:hover {
    background-position: -66px -31px !important;
}

.rwd-share-buttons li, .rwd-share-buttons li a {
    width: 26px !important;
    border: 0px !important;
}

.rwd-share-buttons {
    top: 0 !important;
}

.img_link_btn {
    position: absolute;
    z-index: 99999;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    padding: 8px;
}

.rwd-title {
    padding: 10px 0px !important;
}

@media only screen and (max-width: 475px) {
    .rwd-share-buttons {
        top: -25px !important;
    }

    .rwd-title-text {
        line-height: 15px;
    }
}

/*=========  hover style ===========*/

#hover {
    color: rgba(188, 175, 204, 0.9);
}

h2#testimonials {
    color: #fffae3;
}

div#all {
    width: 100%;
    height: 100%;
}

.view img {
    height: auto;
}

.view {
    color: #fff;
    margin: 0 10px 10px 0;
    overflow: hidden;
    position: relative;
    text-align: center;
    float: left;
    cursor: default;
    border: 1px solid #ccc;
}

.view-wrapper {
    height: 100%;
}

.view img {
    display: block;
    position: relative;
    transition: all 0.2s linear;
    height: 100%;
    width: auto;
    max-width: 100%;
    margin: 0 auto;
}

.mask-text h2 {
    font-size: 20px !important;
    margin-top: 20px !important;
}

/* view 1 */

.view-first .text-category, .view-first .mask-text h2, .view-first .mask-text p {
    color: #fff;
}

/*  view 2 */
.view-second .text-category, .view-second .mask-text h2, .view-second p {
    color: #333;
}

.view-second .mask-text h2 {
    border-bottom: 1px solid #333;
}

/* view 3*/
.view-third .mask {
    background-color: #ccc;
    transition: all 0.5s linear;
    opacity: 0;
    color: #333;
}

.view-third h2 {
    border-bottom: 1px solid #333;
    background: transparent;
    margin: 20px 40px 0px 40px;
    transform: scale(0);
    color: #333;
    transition: all 0.5s linear;
    opacity: 0;
}

.view-third p {
    color: #333;
    opacity: 0;
    transform: scale(0);
    transition: all 0.5s linear;
}

.view-third .text-category {
    color: #333;
}

/* view 4 */

.view-forth .mask-bg {
    background: #333;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.view-forth .mask-text {
    color: #fff;
    position: relative;
    z-index: 500;
    padding: 5px 8px;
}

.view-forth .mask-text h2 {
    margin: 0px;
    font-size: 13px;
    padding: 2px;
    color: #fff;
}

.view-forth .mask-text h2:hover {
    cursor: pointer;
}

.view-forth .text-category {
    display: block;
    font-size: 15px;
    color: #fff;
}

.view-forth p {
    color: #fff;
}

/* view 5 */
.view-fifth .text-category, .view-fifth .text-category *, .view-fifth .mask-text h2, .view-fifth .mask-text p {
    color: #fff;
}

</style><div id="mygallery_wrapper_6" class="gallery-img-content clear"
     data-gallery-id="6" data-content-per-page="5"
     data-rating-type="off">
    <div id="mygallery_6" class="mygallery view-justified clear">
                <input type="hidden" id="total" value="4"/>
                                                <a class="gallery_group6" href="http://kkoblak.si/wp-content/uploads/2016/06/20160629_163536743_iOS.jpg"
                       title="" data-rel="lightbox-gallery-wdxksFEc" data-rl_title="" data-rl_caption="">
                        <img decoding="async" id="wd-cl-img0"
                             alt="KLEPARSTVO"
                             src="https://kkoblak.si/wp-content/uploads/2016/06/20160629_163536743_iOS-1024x768.jpg"/>
                                            </a>
                    <input type="hidden" class="pagenum" value="1"/>
                                                                            <a class="gallery_group6" href="http://kkoblak.si/wp-content/uploads/2015/11/20140616_083129.jpg"
                       title="" data-rel="lightbox-gallery-wdxksFEc" data-rl_title="" data-rl_caption="">
                        <img decoding="async" id="wd-cl-img1"
                             alt="KLEPARSTVO"
                             src="http://kkoblak.si/wp-content/uploads/2015/11/20140616_083129.jpg"/>
                                            </a>
                    <input type="hidden" class="pagenum" value="1"/>
                                                                            <a class="gallery_group6" href="http://kkoblak.si/wp-content/uploads/2015/11/20140825_075235.jpg"
                       title="" data-rel="lightbox-gallery-wdxksFEc" data-rl_title="" data-rl_caption="">
                        <img decoding="async" id="wd-cl-img2"
                             alt="KLEPARSTVO"
                             src="http://kkoblak.si/wp-content/uploads/2015/11/20140825_075235.jpg"/>
                                            </a>
                    <input type="hidden" class="pagenum" value="1"/>
                                                                            <a class="gallery_group6" href="http://kkoblak.si/wp-content/uploads/2016/02/IMG_00602.jpg"
                       title="" data-rel="lightbox-gallery-wdxksFEc" data-rl_title="" data-rl_caption="">
                        <img decoding="async" id="wd-cl-img3"
                             alt="KLEPARSTVO"
                             src="https://kkoblak.si/wp-content/uploads/2016/02/IMG_00602-1024x576.jpg"/>
                                            </a>
                    <input type="hidden" class="pagenum" value="1"/>
                                                                            <a class="gallery_group6" href="http://kkoblak.si/wp-content/uploads/2015/11/20140611_104733.jpg"
                       title="" data-rel="lightbox-gallery-wdxksFEc" data-rl_title="" data-rl_caption="">
                        <img decoding="async" id="wd-cl-img4"
                             alt="KLEPARSTVO"
                             src="http://kkoblak.si/wp-content/uploads/2015/11/20140611_104733.jpg"/>
                                            </a>
                    <input type="hidden" class="pagenum" value="1"/>
                                                                            <a class="gallery_group6" href="http://kkoblak.si/wp-content/uploads/2016/08/IMG_6403.jpg"
                       title="" data-rel="lightbox-gallery-wdxksFEc" data-rl_title="" data-rl_caption="">
                        <img decoding="async" id="wd-cl-img5"
                             alt="KLEPARSTVO"
                             src="https://kkoblak.si/wp-content/uploads/2016/08/IMG_6403-768x1024.jpg"/>
                                            </a>
                    <input type="hidden" class="pagenum" value="1"/>
                                                                            <a class="gallery_group6" href="http://kkoblak.si/wp-content/uploads/2015/11/kleparska-dela-3.jpg"
                       title="" data-rel="lightbox-gallery-wdxksFEc" data-rl_title="" data-rl_caption="">
                        <img decoding="async" id="wd-cl-img6"
                             alt="KLEPARSTVO"
                             src="http://kkoblak.si/wp-content/uploads/2015/11/kleparska-dela-3.jpg"/>
                                            </a>
                    <input type="hidden" class="pagenum" value="1"/>
                                                                            <a class="gallery_group6" href="http://kkoblak.si/wp-content/uploads/2015/11/kleparska-dela-1.jpg"
                       title="" data-rel="lightbox-gallery-wdxksFEc" data-rl_title="" data-rl_caption="">
                        <img decoding="async" id="wd-cl-img7"
                             alt="KLEPARSTVO"
                             src="http://kkoblak.si/wp-content/uploads/2015/11/kleparska-dela-1.jpg"/>
                                            </a>
                    <input type="hidden" class="pagenum" value="1"/>
                                                                            <a class="gallery_group6" href="http://kkoblak.si/wp-content/uploads/2016/08/IMG_6419-e1470855182902.jpg"
                       title="" data-rel="lightbox-gallery-wdxksFEc" data-rl_title="" data-rl_caption="">
                        <img decoding="async" id="wd-cl-img8"
                             alt="KLEPARSTVO"
                             src="http://kkoblak.si/wp-content/uploads/2016/08/IMG_6419-e1470855182902.jpg"/>
                                            </a>
                    <input type="hidden" class="pagenum" value="1"/>
                                                                            <a class="gallery_group6" href="http://kkoblak.si/wp-content/uploads/2015/12/DSC_0081.jpg"
                       title="" data-rel="lightbox-gallery-wdxksFEc" data-rl_title="" data-rl_caption="">
                        <img decoding="async" id="wd-cl-img9"
                             alt="KLEPARSTVO"
                             src="http://kkoblak.si/wp-content/uploads/2015/12/DSC_0081.jpg"/>
                                            </a>
                    <input type="hidden" class="pagenum" value="1"/>
                                                                            <a class="gallery_group6" href="http://kkoblak.si/wp-content/uploads/2015/12/DSC_0082.jpg"
                       title="" data-rel="lightbox-gallery-wdxksFEc" data-rl_title="" data-rl_caption="">
                        <img decoding="async" id="wd-cl-img10"
                             alt="KLEPARSTVO"
                             src="http://kkoblak.si/wp-content/uploads/2015/12/DSC_0082.jpg"/>
                                            </a>
                    <input type="hidden" class="pagenum" value="1"/>
                                                                            <a class="gallery_group6" href="http://kkoblak.si/wp-content/uploads/2017/06/IMG_1099.jpg"
                       title="" data-rel="lightbox-gallery-wdxksFEc" data-rl_title="" data-rl_caption="">
                        <img decoding="async" id="wd-cl-img11"
                             alt="KLEPARSTVO"
                             src="https://kkoblak.si/wp-content/uploads/2017/06/IMG_1099-768x1024.jpg"/>
                                            </a>
                    <input type="hidden" class="pagenum" value="1"/>
                                                                            <a class="gallery_group6" href="http://kkoblak.si/wp-content/uploads/2016/01/silvo-069.jpg"
                       title="" data-rel="lightbox-gallery-wdxksFEc" data-rl_title="" data-rl_caption="">
                        <img decoding="async" id="wd-cl-img12"
                             alt="KLEPARSTVO"
                             src="https://kkoblak.si/wp-content/uploads/2016/01/silvo-069-1024x768.jpg"/>
                                            </a>
                    <input type="hidden" class="pagenum" value="1"/>
                                                                            <a class="gallery_group6" href="http://kkoblak.si/wp-content/uploads/2016/01/DSC01574.jpg"
                       title="" data-rel="lightbox-gallery-wdxksFEc" data-rl_title="" data-rl_caption="">
                        <img decoding="async" id="wd-cl-img13"
                             alt="KLEPARSTVO"
                             src="https://kkoblak.si/wp-content/uploads/2016/01/DSC01574-1024x768.jpg"/>
                                            </a>
                    <input type="hidden" class="pagenum" value="1"/>
                                                                            <a class="gallery_group6" href="http://kkoblak.si/wp-content/uploads/2017/06/IMG_0836.jpg"
                       title="" data-rel="lightbox-gallery-wdxksFEc" data-rl_title="" data-rl_caption="">
                        <img decoding="async" id="wd-cl-img14"
                             alt="KLEPARSTVO"
                             src="https://kkoblak.si/wp-content/uploads/2017/06/IMG_0836-768x1024.jpg"/>
                                            </a>
                    <input type="hidden" class="pagenum" value="1"/>
                                                                            <a class="gallery_group6" href="http://kkoblak.si/wp-content/uploads/2016/06/20160623_164129534_iOS.jpg"
                       title="" data-rel="lightbox-gallery-wdxksFEc" data-rl_title="" data-rl_caption="">
                        <img decoding="async" id="wd-cl-img15"
                             alt="KLEPARSTVO"
                             src="https://kkoblak.si/wp-content/uploads/2016/06/20160623_164129534_iOS-1024x768.jpg"/>
                                            </a>
                    <input type="hidden" class="pagenum" value="1"/>
                                        </div>
    </div>
<style>
.justified-gallery {
    width: 100%;
    position: relative;
}
.justified-gallery a{
    border:none;
}
.justified-gallery > a,
.justified-gallery > div {
    position: absolute;
    display: inline-block;
    opacity: 0;
    overflow:hidden;
    filter: alpha(opacity=0);
    /* IE8 or Earlier */
}
.justified-gallery > a > img,
.justified-gallery > div > img {
    position: absolute;
    top: 50%;
    left: 50%;
    padding: 0;
}
.justified-gallery > a > .caption,
.justified-gallery > div > .caption {
    display: none;
    position: absolute;
    bottom: 0;
    padding: 5px;
    left: 0;
    right: 0;
    margin: 0;
    color: #3AD6FC;
    font-size: 13px;
    font-weight: 300;
    font-family: sans-serif;
//margin-left: px;
    background:rgba(255,28,28,0.9)  !important;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space:nowrap;
}
.justified-gallery > a > .caption.caption-visible,
.justified-gallery > div > .caption.caption-visible {
    display: initial;
    filter: "alpha(opacity=70)";
    /* IE8 or Earlier */
    -webkit-animation: justified-gallery-show-caption-animation 500ms 0 ease;
    -moz-animation: justified-gallery-show-caption-animation 500ms 0 ease;
    -ms-animation: justified-gallery-show-caption-animation 500ms 0 ease;
}
.justified-gallery > .entry-visible {
    opacity: 1.0;
    filter: alpha(opacity=100);
    /* IE8 or Earlier */
    -webkit-animation: justified-gallery-show-entry-animation 300ms 0 ease;
    -moz-animation: justified-gallery-show-entry-animation 300ms 0 ease;
    -ms-animation: justified-gallery-show-entry-animation 300ms 0 ease;
}
.justified-gallery > .spinner {
    position: absolute;
    bottom: 0;
    margin-left: -24px;
    padding: 10px 0 10px 0;
    left: 50%;
    opacity: initial;
    filter: initial;
    overflow: initial;
}
.justified-gallery > .spinner > span {
    display: inline-block;
    opacity: 0;
    filter: alpha(opacity=0);
    /* IE8 or Earlier */
    width: 8px;
    height: 8px;
    margin: 0 4px 0 4px;
    background-color: #000;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
    border-bottom-left-radius: 6px;
}
.play-icon {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
}
.load_more2 {
    margin: 10px 0;
    position:relative;
    text-align:center;
    width:100%;
}
.load_more_button2 {
    border-radius: 10px;
    display:inline-block;
    padding:5px 15px;
    font-size:14px !important;;
    color:#FF1C1C !important;;
    background:#26A6FC !important;
    cursor:pointer;
}
.load_more_button2:hover{
    color:#FF4242 !important;
    background:#0FEFFF !important;
}
.loading2 {
    display:none;
}
.paginate2{
    font-size:18px !important;
    color:#26A6FC !important;
    text-align: center;
    margin-top: 25px;
}
.paginate2 a{
    border-bottom: none !important;
}
.icon-style2{
    font-size: 18px !important;
    color:#26A6FC !important;
}
.clear{
    clear:both;
}
.play-icon.youtube-icon {background:url(https://kkoblak.si/wp-content/plugins/gallery-images/assets/images/admin_images/play.youtube.png) center center no-repeat;}
.play-icon.vimeo-icon {background:url(https://kkoblak.si/wp-content/plugins/gallery-images/assets/images/admin_images/play.vimeo.png) center center no-repeat;}
</style></p>
<h3 style="text-align: center;"><span style="color: #0000ff;"><strong>&#8211; ZVONIKI</strong></span></h3>
<p style="text-align: center;"><style>
/*===== general options =========*/
a {
    box-shadow: none !important;
}

.view *, .album_categories *, .album_back_button *, #album_disabled_layer {
    font-family: sans-serif, Arial, Verdana, Sylfaen !important;
}

#album_disabled_layer {
    display: none;
    position: absolute;
    width: 100%;
    height: 100%;
    text-align: center;
    background-color: transparent;
    z-index: 10;
    padding-top: 20px;
    color: #fff;
}

#album_list_container {
    position: relative;
}

/* ====================== album onhover styles ==========================*/

#album_list .view {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    display: none;

}

.view .mask,
.view .content {
    width: 100%;
    height: 100%;
    position: absolute;
    overflow: hidden;
    top: 0;
    left: 0;
}

.view h2 {
    text-transform: uppercase;
    color: #fff;
    text-align: center;
    position: relative;
    font-size: 17px;
    font-family: Raleway, serif;
    padding: 10px;
    /*background: rgba(0, 0, 0, 0.8);*/
    margin: 20px 0 0 0;

}

.album_back_button a, .view a {
    text-decoration: none !important;
}

.view p {
    font-family: Merriweather, serif;
    font-style: italic;
    font-size: 14px;
    position: relative;
    color: #fff;
    padding: 0px 20px 0px;
    text-align: center;

}

.view a.info {
    display: inline-block;
    text-decoration: none;
    font-size: 13px;
    padding: 2px 14px;
    margin-bottom: 3px;
    background: #000;
    color: #fff;
    font-family: Raleway, serif;
    text-transform: uppercase;
    box-shadow: 0 0 1px #000
}

.mask-text h2 {
    font-size: 20px !important;
}

.view a.info:hover {
    box-shadow: 0 0 5px #000
}

.view .mask-bg {
    height: 100%;
}

.view .album_social {
    color: #fff;
    position: absolute;
    bottom: 3px;
    left: 3px;
    border: 1px solid #ffffff;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    padding: 3px 5px;

}

.view .album_social:active, .view .album_social:focus, .view .album_social:hover {
    color: #ffffff;
    outline: none;
}

/*1*/

.view .info {
    margin-top: 5px;
}

.view-first .mask {
    opacity: 0;
    background-color: rgba(0, 0, 0, 0.7);
    transition: all 0.4s ease-in-out;

}

.view-first h2 {
    transform: translateY(-100px);
    opacity: 0;
    font-family: Raleway, serif;
    transition: all 0.2s ease-in-out;
}

.view-first p {
    transform: translateY(100px);
    opacity: 0;
    transition: all 0.2s linear;
}

.view-first a.info {
    opacity: 0;
    transition: all 0.2s ease-in-out;
}

/* */

.view-first:hover img {
    /*transform: scale(1.1);*/
}

.view-first:hover .mask {
    opacity: 1;
}

.view-first:hover h2,
.view-first:hover p,
.view-first:hover a.info {
    opacity: 1;
    transform: translateY(0px);
}

.view-first:hover p {
    transition-delay: 0.1s;
}

.view-first:hover a.info {
    transition-delay: 0.2s;
}

/*2*/
.view-second img {
    -webkit-filter: grayscale(0) blur(0);
    filter: grayscale(0) blur(0);
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}

.view-second .mask {
    background-color: rgba(226, 200, 127, 0.2);
    transition: all 0.5s linear;
    opacity: 0;
}

.view-second h2 {
    background: transparent;
    margin: 20px 40px 0px 40px;
    transform: scale(0);
    color: #333;
    transition: all 0.5s linear;
    opacity: 0;
}

.view-second p {
    opacity: 0;
    transform: scale(0);
    transition: all 0.5s linear;
}

.view-second a.info {
    opacity: 0;
    transform: scale(0);
    transition: all 0.5s linear;
}

.view-second:hover img {
    -webkit-filter: grayscale(100%) blur(3px);
    filter: grayscale(100%) blur(3px);
}

.view-second:hover .mask {
    opacity: 1;
}

.view-second:hover h2,
.view-second:hover p,
.view-second:hover a.info {
    transform: scale(1);
    opacity: 1;
}

.view-second img {
    -webkit-filter: grayscale(0) blur(0);
    filter: grayscale(0) blur(0);
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}

.view-second:hover img {
    -webkit-filter: grayscale(100%) blur(3px);
    filter: grayscale(100%) blur(3px);
}

/*3*/

.view-third img {
    transform: scaleY(1);
    transition: all .7s ease-in-out;
}

.view-third a.info {
    opacity: 0;
    transform: scale(0);
    transition: all 0.5s linear;
}

.view-third:hover img {
    -webkit-transform: scale(10);
    transform: scale(10);
    opacity: 0;
}

.view-third:hover .mask {
    opacity: 1;
}

.view-third:hover h2,
.view-third:hover p,
.view-third:hover a.info {
    transform: scale(1);
    opacity: 1;
}

/* ==== view 4 ===*/

.view-forth-wrapper {
    overflow: hidden;
    position: relative !important;
    height: 100%;
    /* cursor: pointer;*/
}

.view-forth img {
    max-width: 100%;
    position: relative;
    top: 0;
    -webkit-transition: all 600ms cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: all 600ms cubic-bezier(0.645, 0.045, 0.355, 1);
}

.view-forth .mask {
    position: absolute;
    width: 100%;
    /*    height: 70px;*/
    /*    bottom: -70px;*/
    height: 50%;
    bottom: -50%;
    -webkit-transition: all 300ms cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: all 300ms cubic-bezier(0.645, 0.045, 0.355, 1);
    top: inherit;
}

.view-forth:hover .mask {
    bottom: 0;
}

.view-forth:hover img {
    top: -30px;
}

/*==  view 5 ==*/

.view-fifth .view-fifth-wrapper,
.view-fifth .view-fifth-wrapper img {
    display: block;
    position: relative;
}

.view-fifth .view-fifth-wrapper {
    overflow: hidden;
    height: 100%;
}

.view-fifth .view-fifth-wrapper .mask {
    display: none;
    position: absolute;
    background: #333;
    background: rgba(75, 75, 75, 0.7);
    width: 100%;
    height: 100%;
}

/* ====================== album category styles ==========================*/

#filters {
    margin: 1% 0;
    padding: 0;
    list-style: none;
    list-style-type: none !important;

}

#filters li {
    float: left;
    list-style-type: none !important;
}

#filters li:first-child span {
    margin-left: 0px;
}

#filters li span {
    display: block;
    text-decoration: none;
    cursor: pointer;
}

.album_categories {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    padding-top: 5px;
}

/*=========  sharing buttons  ============*/

.album_socials {
    position: relative;
    top: 3px;
    width: 100px;
    height: 28px;
    margin: 0 auto;
}

.album_socials .rwd-share-buttons {
    top: 0px !important;
    width: 100% !important;
    margin: 0px !important;
}

.album_socials a {
    text-decoration: underline !important;
}

.gallery_images, .album_image_place {
    margin-top: 15px;
    margin-top: 15px;
}

#rwd-share-facebook:hover {
    background-position: 0 -31px !important;
}

#rwd-share-twitter:hover {
    background-position: -31px 32px !important;
}

#rwd-share-googleplus:hover {
    background-position: -66px -31px !important;
}

.rwd-share-buttons li, .rwd-share-buttons li a {
    width: 26px !important;
    border: 0px !important;
}

.rwd-share-buttons {
    top: 0 !important;
}

.img_link_btn {
    position: absolute;
    z-index: 99999;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    padding: 8px;
}

.rwd-title {
    padding: 10px 0px !important;
}

@media only screen and (max-width: 475px) {
    .rwd-share-buttons {
        top: -25px !important;
    }

    .rwd-title-text {
        line-height: 15px;
    }
}

/*=========  hover style ===========*/

#hover {
    color: rgba(188, 175, 204, 0.9);
}

h2#testimonials {
    color: #fffae3;
}

div#all {
    width: 100%;
    height: 100%;
}

.view img {
    height: auto;
}

.view {
    color: #fff;
    margin: 0 10px 10px 0;
    overflow: hidden;
    position: relative;
    text-align: center;
    float: left;
    cursor: default;
    border: 1px solid #ccc;
}

.view-wrapper {
    height: 100%;
}

.view img {
    display: block;
    position: relative;
    transition: all 0.2s linear;
    height: 100%;
    width: auto;
    max-width: 100%;
    margin: 0 auto;
}

.mask-text h2 {
    font-size: 20px !important;
    margin-top: 20px !important;
}

/* view 1 */

.view-first .text-category, .view-first .mask-text h2, .view-first .mask-text p {
    color: #fff;
}

/*  view 2 */
.view-second .text-category, .view-second .mask-text h2, .view-second p {
    color: #333;
}

.view-second .mask-text h2 {
    border-bottom: 1px solid #333;
}

/* view 3*/
.view-third .mask {
    background-color: #ccc;
    transition: all 0.5s linear;
    opacity: 0;
    color: #333;
}

.view-third h2 {
    border-bottom: 1px solid #333;
    background: transparent;
    margin: 20px 40px 0px 40px;
    transform: scale(0);
    color: #333;
    transition: all 0.5s linear;
    opacity: 0;
}

.view-third p {
    color: #333;
    opacity: 0;
    transform: scale(0);
    transition: all 0.5s linear;
}

.view-third .text-category {
    color: #333;
}

/* view 4 */

.view-forth .mask-bg {
    background: #333;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.view-forth .mask-text {
    color: #fff;
    position: relative;
    z-index: 500;
    padding: 5px 8px;
}

.view-forth .mask-text h2 {
    margin: 0px;
    font-size: 13px;
    padding: 2px;
    color: #fff;
}

.view-forth .mask-text h2:hover {
    cursor: pointer;
}

.view-forth .text-category {
    display: block;
    font-size: 15px;
    color: #fff;
}

.view-forth p {
    color: #fff;
}

/* view 5 */
.view-fifth .text-category, .view-fifth .text-category *, .view-fifth .mask-text h2, .view-fifth .mask-text p {
    color: #fff;
}

</style><div id="mygallery_wrapper_7" class="gallery-img-content clear"
     data-gallery-id="7" data-content-per-page="5"
     data-rating-type="off">
    <div id="mygallery_7" class="mygallery view-justified clear">
                <input type="hidden" id="total" value="2"/>
                                                <a class="gallery_group7" href="http://kkoblak.si/wp-content/uploads/2015/11/Slika-001.jpg"
                       title="" data-rel="lightbox-gallery-wdxksFEc" data-rl_title="" data-rl_caption="">
                        <img decoding="async" id="wd-cl-img0"
                             alt="ZVONIKI"
                             src="http://kkoblak.si/wp-content/uploads/2015/11/Slika-001.jpg"/>
                                            </a>
                    <input type="hidden" class="pagenum" value="1"/>
                                                                            <a class="gallery_group7" href="http://kkoblak.si/wp-content/uploads/2015/11/Slika-004.jpg"
                       title="" data-rel="lightbox-gallery-wdxksFEc" data-rl_title="" data-rl_caption="">
                        <img decoding="async" id="wd-cl-img1"
                             alt="ZVONIKI"
                             src="http://kkoblak.si/wp-content/uploads/2015/11/Slika-004.jpg"/>
                                            </a>
                    <input type="hidden" class="pagenum" value="1"/>
                                                                            <a class="gallery_group7" href="http://kkoblak.si/wp-content/uploads/2015/11/Slika-031.jpg"
                       title="" data-rel="lightbox-gallery-wdxksFEc" data-rl_title="" data-rl_caption="">
                        <img decoding="async" id="wd-cl-img2"
                             alt="ZVONIKI"
                             src="http://kkoblak.si/wp-content/uploads/2015/11/Slika-031.jpg"/>
                                            </a>
                    <input type="hidden" class="pagenum" value="1"/>
                                                                            <a class="gallery_group7" href="http://kkoblak.si/wp-content/uploads/2015/11/Slika-0401.jpg"
                       title="" data-rel="lightbox-gallery-wdxksFEc" data-rl_title="" data-rl_caption="">
                        <img decoding="async" id="wd-cl-img3"
                             alt="ZVONIKI"
                             src="http://kkoblak.si/wp-content/uploads/2015/11/Slika-0401.jpg"/>
                                            </a>
                    <input type="hidden" class="pagenum" value="1"/>
                                                                            <a class="gallery_group7" href="http://kkoblak.si/wp-content/uploads/2015/11/Slika-042.jpg"
                       title="" data-rel="lightbox-gallery-wdxksFEc" data-rl_title="" data-rl_caption="">
                        <img decoding="async" id="wd-cl-img4"
                             alt="ZVONIKI"
                             src="http://kkoblak.si/wp-content/uploads/2015/11/Slika-042.jpg"/>
                                            </a>
                    <input type="hidden" class="pagenum" value="1"/>
                                                                            <a class="gallery_group7" href="http://kkoblak.si/wp-content/uploads/2015/11/Slika-046.jpg"
                       title="" data-rel="lightbox-gallery-wdxksFEc" data-rl_title="" data-rl_caption="">
                        <img decoding="async" id="wd-cl-img5"
                             alt="ZVONIKI"
                             src="http://kkoblak.si/wp-content/uploads/2015/11/Slika-046.jpg"/>
                                            </a>
                    <input type="hidden" class="pagenum" value="1"/>
                                        </div>
    </div>
<style>
.justified-gallery {
    width: 100%;
    position: relative;
}
.justified-gallery a{
    border:none;
}
.justified-gallery > a,
.justified-gallery > div {
    position: absolute;
    display: inline-block;
    opacity: 0;
    overflow:hidden;
    filter: alpha(opacity=0);
    /* IE8 or Earlier */
}
.justified-gallery > a > img,
.justified-gallery > div > img {
    position: absolute;
    top: 50%;
    left: 50%;
    padding: 0;
}
.justified-gallery > a > .caption,
.justified-gallery > div > .caption {
    display: none;
    position: absolute;
    bottom: 0;
    padding: 5px;
    left: 0;
    right: 0;
    margin: 0;
    color: #3AD6FC;
    font-size: 13px;
    font-weight: 300;
    font-family: sans-serif;
//margin-left: px;
    background:rgba(255,28,28,0.9)  !important;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space:nowrap;
}
.justified-gallery > a > .caption.caption-visible,
.justified-gallery > div > .caption.caption-visible {
    display: initial;
    filter: "alpha(opacity=70)";
    /* IE8 or Earlier */
    -webkit-animation: justified-gallery-show-caption-animation 500ms 0 ease;
    -moz-animation: justified-gallery-show-caption-animation 500ms 0 ease;
    -ms-animation: justified-gallery-show-caption-animation 500ms 0 ease;
}
.justified-gallery > .entry-visible {
    opacity: 1.0;
    filter: alpha(opacity=100);
    /* IE8 or Earlier */
    -webkit-animation: justified-gallery-show-entry-animation 300ms 0 ease;
    -moz-animation: justified-gallery-show-entry-animation 300ms 0 ease;
    -ms-animation: justified-gallery-show-entry-animation 300ms 0 ease;
}
.justified-gallery > .spinner {
    position: absolute;
    bottom: 0;
    margin-left: -24px;
    padding: 10px 0 10px 0;
    left: 50%;
    opacity: initial;
    filter: initial;
    overflow: initial;
}
.justified-gallery > .spinner > span {
    display: inline-block;
    opacity: 0;
    filter: alpha(opacity=0);
    /* IE8 or Earlier */
    width: 8px;
    height: 8px;
    margin: 0 4px 0 4px;
    background-color: #000;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
    border-bottom-left-radius: 6px;
}
.play-icon {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
}
.load_more2 {
    margin: 10px 0;
    position:relative;
    text-align:center;
    width:100%;
}
.load_more_button2 {
    border-radius: 10px;
    display:inline-block;
    padding:5px 15px;
    font-size:14px !important;;
    color:#FF1C1C !important;;
    background:#26A6FC !important;
    cursor:pointer;
}
.load_more_button2:hover{
    color:#FF4242 !important;
    background:#0FEFFF !important;
}
.loading2 {
    display:none;
}
.paginate2{
    font-size:18px !important;
    color:#26A6FC !important;
    text-align: center;
    margin-top: 25px;
}
.paginate2 a{
    border-bottom: none !important;
}
.icon-style2{
    font-size: 18px !important;
    color:#26A6FC !important;
}
.clear{
    clear:both;
}
.play-icon.youtube-icon {background:url(https://kkoblak.si/wp-content/plugins/gallery-images/assets/images/admin_images/play.youtube.png) center center no-repeat;}
.play-icon.vimeo-icon {background:url(https://kkoblak.si/wp-content/plugins/gallery-images/assets/images/admin_images/play.vimeo.png) center center no-repeat;}
</style></p>
<p>The post <a href="https://kkoblak.si/kleparstvo/">KLEPARSTVO</a> appeared first on <a href="https://kkoblak.si">KK Oblak, d.o.o.</a>.</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>TESARSTVO</title>
		<link>https://kkoblak.si/tesarstvo/</link>
		
		<dc:creator><![CDATA[admin]]></dc:creator>
		<pubDate>Sat, 12 Dec 2015 11:58:18 +0000</pubDate>
				<category><![CDATA[PONUDBA]]></category>
		<guid isPermaLink="false">http://localhost/website.com/?p=33</guid>

					<description><![CDATA[<p>TESARSTVO Izdelujemo vse vrste ostrešij, od najbolj zahtevnih, raznih frčad in nadstreškov kot so garaže, pokrite terase,&#8230; Pri tem uporabljamo kvaliteten les za katerega poskrbimo z lastno žago. Nudimo tudi svetovanje za izdelavo ostrešij. Pridobili pa smo tudi certifikat za konstrukcijski les. Preberi več.   OSTREŠJA NADSTREŠKI IN GARAŽE OSTALA TESARSKA DELA</p>
<p>The post <a href="https://kkoblak.si/tesarstvo/">TESARSTVO</a> appeared first on <a href="https://kkoblak.si">KK Oblak, d.o.o.</a>.</p>
]]></description>
										<content:encoded><![CDATA[<h1 style="text-align: center;"></h1>
<h1 style="text-align: center;"><strong><span style="color: #008000;">TESARSTVO</span></strong></h1>
<h2 style="text-align: center;">Izdelujemo vse vrste ostrešij, od najbolj zahtevnih, raznih frčad in nadstreškov kot so garaže, pokrite terase,&#8230;</h2>
<h2 style="text-align: center;">Pri tem uporabljamo kvaliteten les za katerega poskrbimo z lastno žago. Nudimo tudi svetovanje za izdelavo ostrešij.</h2>
<h2 style="text-align: center;">Pridobili pa smo tudi certifikat za konstrukcijski les. <a href="https://kkoblak.si/predstavitev/certifikat-za-konstrukcijski-les/">Preberi več.</a></h2>
<h3 style="text-align: center;"><span style="color: #ff0000;"><strong> </strong></span></h3>
<h3 style="text-align: center;"><span style="color: #0000ff;"><strong>OSTREŠJA</strong></span></h3>
<p style="text-align: center;"><style>
/*===== general options =========*/
a {
    box-shadow: none !important;
}

.view *, .album_categories *, .album_back_button *, #album_disabled_layer {
    font-family: sans-serif, Arial, Verdana, Sylfaen !important;
}

#album_disabled_layer {
    display: none;
    position: absolute;
    width: 100%;
    height: 100%;
    text-align: center;
    background-color: transparent;
    z-index: 10;
    padding-top: 20px;
    color: #fff;
}

#album_list_container {
    position: relative;
}

/* ====================== album onhover styles ==========================*/

#album_list .view {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    display: none;

}

.view .mask,
.view .content {
    width: 100%;
    height: 100%;
    position: absolute;
    overflow: hidden;
    top: 0;
    left: 0;
}

.view h2 {
    text-transform: uppercase;
    color: #fff;
    text-align: center;
    position: relative;
    font-size: 17px;
    font-family: Raleway, serif;
    padding: 10px;
    /*background: rgba(0, 0, 0, 0.8);*/
    margin: 20px 0 0 0;

}

.album_back_button a, .view a {
    text-decoration: none !important;
}

.view p {
    font-family: Merriweather, serif;
    font-style: italic;
    font-size: 14px;
    position: relative;
    color: #fff;
    padding: 0px 20px 0px;
    text-align: center;

}

.view a.info {
    display: inline-block;
    text-decoration: none;
    font-size: 13px;
    padding: 2px 14px;
    margin-bottom: 3px;
    background: #000;
    color: #fff;
    font-family: Raleway, serif;
    text-transform: uppercase;
    box-shadow: 0 0 1px #000
}

.mask-text h2 {
    font-size: 20px !important;
}

.view a.info:hover {
    box-shadow: 0 0 5px #000
}

.view .mask-bg {
    height: 100%;
}

.view .album_social {
    color: #fff;
    position: absolute;
    bottom: 3px;
    left: 3px;
    border: 1px solid #ffffff;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    padding: 3px 5px;

}

.view .album_social:active, .view .album_social:focus, .view .album_social:hover {
    color: #ffffff;
    outline: none;
}

/*1*/

.view .info {
    margin-top: 5px;
}

.view-first .mask {
    opacity: 0;
    background-color: rgba(0, 0, 0, 0.7);
    transition: all 0.4s ease-in-out;

}

.view-first h2 {
    transform: translateY(-100px);
    opacity: 0;
    font-family: Raleway, serif;
    transition: all 0.2s ease-in-out;
}

.view-first p {
    transform: translateY(100px);
    opacity: 0;
    transition: all 0.2s linear;
}

.view-first a.info {
    opacity: 0;
    transition: all 0.2s ease-in-out;
}

/* */

.view-first:hover img {
    /*transform: scale(1.1);*/
}

.view-first:hover .mask {
    opacity: 1;
}

.view-first:hover h2,
.view-first:hover p,
.view-first:hover a.info {
    opacity: 1;
    transform: translateY(0px);
}

.view-first:hover p {
    transition-delay: 0.1s;
}

.view-first:hover a.info {
    transition-delay: 0.2s;
}

/*2*/
.view-second img {
    -webkit-filter: grayscale(0) blur(0);
    filter: grayscale(0) blur(0);
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}

.view-second .mask {
    background-color: rgba(226, 200, 127, 0.2);
    transition: all 0.5s linear;
    opacity: 0;
}

.view-second h2 {
    background: transparent;
    margin: 20px 40px 0px 40px;
    transform: scale(0);
    color: #333;
    transition: all 0.5s linear;
    opacity: 0;
}

.view-second p {
    opacity: 0;
    transform: scale(0);
    transition: all 0.5s linear;
}

.view-second a.info {
    opacity: 0;
    transform: scale(0);
    transition: all 0.5s linear;
}

.view-second:hover img {
    -webkit-filter: grayscale(100%) blur(3px);
    filter: grayscale(100%) blur(3px);
}

.view-second:hover .mask {
    opacity: 1;
}

.view-second:hover h2,
.view-second:hover p,
.view-second:hover a.info {
    transform: scale(1);
    opacity: 1;
}

.view-second img {
    -webkit-filter: grayscale(0) blur(0);
    filter: grayscale(0) blur(0);
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}

.view-second:hover img {
    -webkit-filter: grayscale(100%) blur(3px);
    filter: grayscale(100%) blur(3px);
}

/*3*/

.view-third img {
    transform: scaleY(1);
    transition: all .7s ease-in-out;
}

.view-third a.info {
    opacity: 0;
    transform: scale(0);
    transition: all 0.5s linear;
}

.view-third:hover img {
    -webkit-transform: scale(10);
    transform: scale(10);
    opacity: 0;
}

.view-third:hover .mask {
    opacity: 1;
}

.view-third:hover h2,
.view-third:hover p,
.view-third:hover a.info {
    transform: scale(1);
    opacity: 1;
}

/* ==== view 4 ===*/

.view-forth-wrapper {
    overflow: hidden;
    position: relative !important;
    height: 100%;
    /* cursor: pointer;*/
}

.view-forth img {
    max-width: 100%;
    position: relative;
    top: 0;
    -webkit-transition: all 600ms cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: all 600ms cubic-bezier(0.645, 0.045, 0.355, 1);
}

.view-forth .mask {
    position: absolute;
    width: 100%;
    /*    height: 70px;*/
    /*    bottom: -70px;*/
    height: 50%;
    bottom: -50%;
    -webkit-transition: all 300ms cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: all 300ms cubic-bezier(0.645, 0.045, 0.355, 1);
    top: inherit;
}

.view-forth:hover .mask {
    bottom: 0;
}

.view-forth:hover img {
    top: -30px;
}

/*==  view 5 ==*/

.view-fifth .view-fifth-wrapper,
.view-fifth .view-fifth-wrapper img {
    display: block;
    position: relative;
}

.view-fifth .view-fifth-wrapper {
    overflow: hidden;
    height: 100%;
}

.view-fifth .view-fifth-wrapper .mask {
    display: none;
    position: absolute;
    background: #333;
    background: rgba(75, 75, 75, 0.7);
    width: 100%;
    height: 100%;
}

/* ====================== album category styles ==========================*/

#filters {
    margin: 1% 0;
    padding: 0;
    list-style: none;
    list-style-type: none !important;

}

#filters li {
    float: left;
    list-style-type: none !important;
}

#filters li:first-child span {
    margin-left: 0px;
}

#filters li span {
    display: block;
    text-decoration: none;
    cursor: pointer;
}

.album_categories {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    padding-top: 5px;
}

/*=========  sharing buttons  ============*/

.album_socials {
    position: relative;
    top: 3px;
    width: 100px;
    height: 28px;
    margin: 0 auto;
}

.album_socials .rwd-share-buttons {
    top: 0px !important;
    width: 100% !important;
    margin: 0px !important;
}

.album_socials a {
    text-decoration: underline !important;
}

.gallery_images, .album_image_place {
    margin-top: 15px;
    margin-top: 15px;
}

#rwd-share-facebook:hover {
    background-position: 0 -31px !important;
}

#rwd-share-twitter:hover {
    background-position: -31px 32px !important;
}

#rwd-share-googleplus:hover {
    background-position: -66px -31px !important;
}

.rwd-share-buttons li, .rwd-share-buttons li a {
    width: 26px !important;
    border: 0px !important;
}

.rwd-share-buttons {
    top: 0 !important;
}

.img_link_btn {
    position: absolute;
    z-index: 99999;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    padding: 8px;
}

.rwd-title {
    padding: 10px 0px !important;
}

@media only screen and (max-width: 475px) {
    .rwd-share-buttons {
        top: -25px !important;
    }

    .rwd-title-text {
        line-height: 15px;
    }
}

/*=========  hover style ===========*/

#hover {
    color: rgba(188, 175, 204, 0.9);
}

h2#testimonials {
    color: #fffae3;
}

div#all {
    width: 100%;
    height: 100%;
}

.view img {
    height: auto;
}

.view {
    color: #fff;
    margin: 0 10px 10px 0;
    overflow: hidden;
    position: relative;
    text-align: center;
    float: left;
    cursor: default;
    border: 1px solid #ccc;
}

.view-wrapper {
    height: 100%;
}

.view img {
    display: block;
    position: relative;
    transition: all 0.2s linear;
    height: 100%;
    width: auto;
    max-width: 100%;
    margin: 0 auto;
}

.mask-text h2 {
    font-size: 20px !important;
    margin-top: 20px !important;
}

/* view 1 */

.view-first .text-category, .view-first .mask-text h2, .view-first .mask-text p {
    color: #fff;
}

/*  view 2 */
.view-second .text-category, .view-second .mask-text h2, .view-second p {
    color: #333;
}

.view-second .mask-text h2 {
    border-bottom: 1px solid #333;
}

/* view 3*/
.view-third .mask {
    background-color: #ccc;
    transition: all 0.5s linear;
    opacity: 0;
    color: #333;
}

.view-third h2 {
    border-bottom: 1px solid #333;
    background: transparent;
    margin: 20px 40px 0px 40px;
    transform: scale(0);
    color: #333;
    transition: all 0.5s linear;
    opacity: 0;
}

.view-third p {
    color: #333;
    opacity: 0;
    transform: scale(0);
    transition: all 0.5s linear;
}

.view-third .text-category {
    color: #333;
}

/* view 4 */

.view-forth .mask-bg {
    background: #333;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.view-forth .mask-text {
    color: #fff;
    position: relative;
    z-index: 500;
    padding: 5px 8px;
}

.view-forth .mask-text h2 {
    margin: 0px;
    font-size: 13px;
    padding: 2px;
    color: #fff;
}

.view-forth .mask-text h2:hover {
    cursor: pointer;
}

.view-forth .text-category {
    display: block;
    font-size: 15px;
    color: #fff;
}

.view-forth p {
    color: #fff;
}

/* view 5 */
.view-fifth .text-category, .view-fifth .text-category *, .view-fifth .mask-text h2, .view-fifth .mask-text p {
    color: #fff;
}

</style><div id="mygallery_wrapper_2" class="gallery-img-content clear"
     data-gallery-id="2" data-content-per-page="5"
     data-rating-type="off">
    <div id="mygallery_2" class="mygallery view-justified clear">
                <input type="hidden" id="total" value="2"/>
                                                <a class="gallery_group2" href="http://kkoblak.si/wp-content/uploads/2016/06/20160604_084336720_iOS-e1465935043236.jpg"
                       title="" data-rel="lightbox-gallery-LsrBQH56" data-rl_title="" data-rl_caption="">
                        <img decoding="async" id="wd-cl-img0"
                             alt="OSTREŠJE"
                             src="http://kkoblak.si/wp-content/uploads/2016/06/20160604_084336720_iOS-e1465935043236.jpg"/>
                                            </a>
                    <input type="hidden" class="pagenum" value="1"/>
                                                                            <a class="gallery_group2" href="http://kkoblak.si/wp-content/uploads/2015/11/tesarska-dela-6.jpg"
                       title="" data-rel="lightbox-gallery-LsrBQH56" data-rl_title="" data-rl_caption="">
                        <img decoding="async" id="wd-cl-img1"
                             alt="OSTREŠJE"
                             src="http://kkoblak.si/wp-content/uploads/2015/11/tesarska-dela-6.jpg"/>
                                            </a>
                    <input type="hidden" class="pagenum" value="1"/>
                                                                            <a class="gallery_group2" href="http://kkoblak.si/wp-content/uploads/2015/11/tesarska-dela-2.jpg"
                       title="" data-rel="lightbox-gallery-LsrBQH56" data-rl_title="" data-rl_caption="">
                        <img decoding="async" id="wd-cl-img2"
                             alt="OSTREŠJE"
                             src="http://kkoblak.si/wp-content/uploads/2015/11/tesarska-dela-2.jpg"/>
                                            </a>
                    <input type="hidden" class="pagenum" value="1"/>
                                                                            <a class="gallery_group2" href="http://kkoblak.si/wp-content/uploads/2015/11/Slika-055.jpg"
                       title="" data-rel="lightbox-gallery-LsrBQH56" data-rl_title="" data-rl_caption="">
                        <img decoding="async" id="wd-cl-img3"
                             alt="OSTREŠJE"
                             src="http://kkoblak.si/wp-content/uploads/2015/11/Slika-055.jpg"/>
                                            </a>
                    <input type="hidden" class="pagenum" value="1"/>
                                                                            <a class="gallery_group2" href="http://kkoblak.si/wp-content/uploads/2015/11/20150618_133213.jpg"
                       title="" data-rel="lightbox-gallery-LsrBQH56" data-rl_title="" data-rl_caption="">
                        <img decoding="async" id="wd-cl-img4"
                             alt="OSTREŠJE"
                             src="http://kkoblak.si/wp-content/uploads/2015/11/20150618_133213.jpg"/>
                                            </a>
                    <input type="hidden" class="pagenum" value="1"/>
                                                                            <a class="gallery_group2" href="http://kkoblak.si/wp-content/uploads/2015/11/tesarska-dela-13.jpg"
                       title="" data-rel="lightbox-gallery-LsrBQH56" data-rl_title="" data-rl_caption="">
                        <img decoding="async" id="wd-cl-img5"
                             alt="OSTREŠJE"
                             src="http://kkoblak.si/wp-content/uploads/2015/11/tesarska-dela-13.jpg"/>
                                            </a>
                    <input type="hidden" class="pagenum" value="1"/>
                                                                            <a class="gallery_group2" href="http://kkoblak.si/wp-content/uploads/2015/11/tesarska-dela-55.jpg"
                       title="" data-rel="lightbox-gallery-LsrBQH56" data-rl_title="" data-rl_caption="">
                        <img decoding="async" id="wd-cl-img6"
                             alt="OSTREŠJE"
                             src="http://kkoblak.si/wp-content/uploads/2015/11/tesarska-dela-55.jpg"/>
                                            </a>
                    <input type="hidden" class="pagenum" value="1"/>
                                                                            <a class="gallery_group2" href="http://kkoblak.si/wp-content/uploads/2016/01/DSC_0113.jpg"
                       title="" data-rel="lightbox-gallery-LsrBQH56" data-rl_title="" data-rl_caption="">
                        <img decoding="async" id="wd-cl-img7"
                             alt="OSTREŠJE"
                             src="http://kkoblak.si/wp-content/uploads/2016/01/DSC_0113.jpg"/>
                                            </a>
                    <input type="hidden" class="pagenum" value="1"/>
                                                                            <a class="gallery_group2" href="http://kkoblak.si/wp-content/uploads/2015/11/tesraska-dela21.jpg"
                       title="" data-rel="lightbox-gallery-LsrBQH56" data-rl_title="" data-rl_caption="">
                        <img decoding="async" id="wd-cl-img8"
                             alt="OSTREŠJE"
                             src="http://kkoblak.si/wp-content/uploads/2015/11/tesraska-dela21.jpg"/>
                                            </a>
                    <input type="hidden" class="pagenum" value="1"/>
                                                                            <a class="gallery_group2" href="http://kkoblak.si/wp-content/uploads/2015/11/tesarska-dela-1.jpg"
                       title="" data-rel="lightbox-gallery-LsrBQH56" data-rl_title="" data-rl_caption="">
                        <img decoding="async" id="wd-cl-img9"
                             alt="OSTREŠJE"
                             src="http://kkoblak.si/wp-content/uploads/2015/11/tesarska-dela-1.jpg"/>
                                            </a>
                    <input type="hidden" class="pagenum" value="1"/>
                                        </div>
    </div>
<style>
.justified-gallery {
    width: 100%;
    position: relative;
}
.justified-gallery a{
    border:none;
}
.justified-gallery > a,
.justified-gallery > div {
    position: absolute;
    display: inline-block;
    opacity: 0;
    overflow:hidden;
    filter: alpha(opacity=0);
    /* IE8 or Earlier */
}
.justified-gallery > a > img,
.justified-gallery > div > img {
    position: absolute;
    top: 50%;
    left: 50%;
    padding: 0;
}
.justified-gallery > a > .caption,
.justified-gallery > div > .caption {
    display: none;
    position: absolute;
    bottom: 0;
    padding: 5px;
    left: 0;
    right: 0;
    margin: 0;
    color: #3AD6FC;
    font-size: 13px;
    font-weight: 300;
    font-family: sans-serif;
//margin-left: px;
    background:rgba(255,28,28,0.9)  !important;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space:nowrap;
}
.justified-gallery > a > .caption.caption-visible,
.justified-gallery > div > .caption.caption-visible {
    display: initial;
    filter: "alpha(opacity=70)";
    /* IE8 or Earlier */
    -webkit-animation: justified-gallery-show-caption-animation 500ms 0 ease;
    -moz-animation: justified-gallery-show-caption-animation 500ms 0 ease;
    -ms-animation: justified-gallery-show-caption-animation 500ms 0 ease;
}
.justified-gallery > .entry-visible {
    opacity: 1.0;
    filter: alpha(opacity=100);
    /* IE8 or Earlier */
    -webkit-animation: justified-gallery-show-entry-animation 300ms 0 ease;
    -moz-animation: justified-gallery-show-entry-animation 300ms 0 ease;
    -ms-animation: justified-gallery-show-entry-animation 300ms 0 ease;
}
.justified-gallery > .spinner {
    position: absolute;
    bottom: 0;
    margin-left: -24px;
    padding: 10px 0 10px 0;
    left: 50%;
    opacity: initial;
    filter: initial;
    overflow: initial;
}
.justified-gallery > .spinner > span {
    display: inline-block;
    opacity: 0;
    filter: alpha(opacity=0);
    /* IE8 or Earlier */
    width: 8px;
    height: 8px;
    margin: 0 4px 0 4px;
    background-color: #000;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
    border-bottom-left-radius: 6px;
}
.play-icon {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
}
.load_more2 {
    margin: 10px 0;
    position:relative;
    text-align:center;
    width:100%;
}
.load_more_button2 {
    border-radius: 10px;
    display:inline-block;
    padding:5px 15px;
    font-size:14px !important;;
    color:#FF1C1C !important;;
    background:#26A6FC !important;
    cursor:pointer;
}
.load_more_button2:hover{
    color:#FF4242 !important;
    background:#0FEFFF !important;
}
.loading2 {
    display:none;
}
.paginate2{
    font-size:18px !important;
    color:#26A6FC !important;
    text-align: center;
    margin-top: 25px;
}
.paginate2 a{
    border-bottom: none !important;
}
.icon-style2{
    font-size: 18px !important;
    color:#26A6FC !important;
}
.clear{
    clear:both;
}
.play-icon.youtube-icon {background:url(https://kkoblak.si/wp-content/plugins/gallery-images/assets/images/admin_images/play.youtube.png) center center no-repeat;}
.play-icon.vimeo-icon {background:url(https://kkoblak.si/wp-content/plugins/gallery-images/assets/images/admin_images/play.vimeo.png) center center no-repeat;}
</style></p>
<h3 style="text-align: center;"><span style="color: #0000ff;"><strong>NADSTREŠKI IN GARAŽE</strong></span></h3>
<p style="text-align: center;"><style>
/*===== general options =========*/
a {
    box-shadow: none !important;
}

.view *, .album_categories *, .album_back_button *, #album_disabled_layer {
    font-family: sans-serif, Arial, Verdana, Sylfaen !important;
}

#album_disabled_layer {
    display: none;
    position: absolute;
    width: 100%;
    height: 100%;
    text-align: center;
    background-color: transparent;
    z-index: 10;
    padding-top: 20px;
    color: #fff;
}

#album_list_container {
    position: relative;
}

/* ====================== album onhover styles ==========================*/

#album_list .view {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    display: none;

}

.view .mask,
.view .content {
    width: 100%;
    height: 100%;
    position: absolute;
    overflow: hidden;
    top: 0;
    left: 0;
}

.view h2 {
    text-transform: uppercase;
    color: #fff;
    text-align: center;
    position: relative;
    font-size: 17px;
    font-family: Raleway, serif;
    padding: 10px;
    /*background: rgba(0, 0, 0, 0.8);*/
    margin: 20px 0 0 0;

}

.album_back_button a, .view a {
    text-decoration: none !important;
}

.view p {
    font-family: Merriweather, serif;
    font-style: italic;
    font-size: 14px;
    position: relative;
    color: #fff;
    padding: 0px 20px 0px;
    text-align: center;

}

.view a.info {
    display: inline-block;
    text-decoration: none;
    font-size: 13px;
    padding: 2px 14px;
    margin-bottom: 3px;
    background: #000;
    color: #fff;
    font-family: Raleway, serif;
    text-transform: uppercase;
    box-shadow: 0 0 1px #000
}

.mask-text h2 {
    font-size: 20px !important;
}

.view a.info:hover {
    box-shadow: 0 0 5px #000
}

.view .mask-bg {
    height: 100%;
}

.view .album_social {
    color: #fff;
    position: absolute;
    bottom: 3px;
    left: 3px;
    border: 1px solid #ffffff;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    padding: 3px 5px;

}

.view .album_social:active, .view .album_social:focus, .view .album_social:hover {
    color: #ffffff;
    outline: none;
}

/*1*/

.view .info {
    margin-top: 5px;
}

.view-first .mask {
    opacity: 0;
    background-color: rgba(0, 0, 0, 0.7);
    transition: all 0.4s ease-in-out;

}

.view-first h2 {
    transform: translateY(-100px);
    opacity: 0;
    font-family: Raleway, serif;
    transition: all 0.2s ease-in-out;
}

.view-first p {
    transform: translateY(100px);
    opacity: 0;
    transition: all 0.2s linear;
}

.view-first a.info {
    opacity: 0;
    transition: all 0.2s ease-in-out;
}

/* */

.view-first:hover img {
    /*transform: scale(1.1);*/
}

.view-first:hover .mask {
    opacity: 1;
}

.view-first:hover h2,
.view-first:hover p,
.view-first:hover a.info {
    opacity: 1;
    transform: translateY(0px);
}

.view-first:hover p {
    transition-delay: 0.1s;
}

.view-first:hover a.info {
    transition-delay: 0.2s;
}

/*2*/
.view-second img {
    -webkit-filter: grayscale(0) blur(0);
    filter: grayscale(0) blur(0);
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}

.view-second .mask {
    background-color: rgba(226, 200, 127, 0.2);
    transition: all 0.5s linear;
    opacity: 0;
}

.view-second h2 {
    background: transparent;
    margin: 20px 40px 0px 40px;
    transform: scale(0);
    color: #333;
    transition: all 0.5s linear;
    opacity: 0;
}

.view-second p {
    opacity: 0;
    transform: scale(0);
    transition: all 0.5s linear;
}

.view-second a.info {
    opacity: 0;
    transform: scale(0);
    transition: all 0.5s linear;
}

.view-second:hover img {
    -webkit-filter: grayscale(100%) blur(3px);
    filter: grayscale(100%) blur(3px);
}

.view-second:hover .mask {
    opacity: 1;
}

.view-second:hover h2,
.view-second:hover p,
.view-second:hover a.info {
    transform: scale(1);
    opacity: 1;
}

.view-second img {
    -webkit-filter: grayscale(0) blur(0);
    filter: grayscale(0) blur(0);
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}

.view-second:hover img {
    -webkit-filter: grayscale(100%) blur(3px);
    filter: grayscale(100%) blur(3px);
}

/*3*/

.view-third img {
    transform: scaleY(1);
    transition: all .7s ease-in-out;
}

.view-third a.info {
    opacity: 0;
    transform: scale(0);
    transition: all 0.5s linear;
}

.view-third:hover img {
    -webkit-transform: scale(10);
    transform: scale(10);
    opacity: 0;
}

.view-third:hover .mask {
    opacity: 1;
}

.view-third:hover h2,
.view-third:hover p,
.view-third:hover a.info {
    transform: scale(1);
    opacity: 1;
}

/* ==== view 4 ===*/

.view-forth-wrapper {
    overflow: hidden;
    position: relative !important;
    height: 100%;
    /* cursor: pointer;*/
}

.view-forth img {
    max-width: 100%;
    position: relative;
    top: 0;
    -webkit-transition: all 600ms cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: all 600ms cubic-bezier(0.645, 0.045, 0.355, 1);
}

.view-forth .mask {
    position: absolute;
    width: 100%;
    /*    height: 70px;*/
    /*    bottom: -70px;*/
    height: 50%;
    bottom: -50%;
    -webkit-transition: all 300ms cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: all 300ms cubic-bezier(0.645, 0.045, 0.355, 1);
    top: inherit;
}

.view-forth:hover .mask {
    bottom: 0;
}

.view-forth:hover img {
    top: -30px;
}

/*==  view 5 ==*/

.view-fifth .view-fifth-wrapper,
.view-fifth .view-fifth-wrapper img {
    display: block;
    position: relative;
}

.view-fifth .view-fifth-wrapper {
    overflow: hidden;
    height: 100%;
}

.view-fifth .view-fifth-wrapper .mask {
    display: none;
    position: absolute;
    background: #333;
    background: rgba(75, 75, 75, 0.7);
    width: 100%;
    height: 100%;
}

/* ====================== album category styles ==========================*/

#filters {
    margin: 1% 0;
    padding: 0;
    list-style: none;
    list-style-type: none !important;

}

#filters li {
    float: left;
    list-style-type: none !important;
}

#filters li:first-child span {
    margin-left: 0px;
}

#filters li span {
    display: block;
    text-decoration: none;
    cursor: pointer;
}

.album_categories {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    padding-top: 5px;
}

/*=========  sharing buttons  ============*/

.album_socials {
    position: relative;
    top: 3px;
    width: 100px;
    height: 28px;
    margin: 0 auto;
}

.album_socials .rwd-share-buttons {
    top: 0px !important;
    width: 100% !important;
    margin: 0px !important;
}

.album_socials a {
    text-decoration: underline !important;
}

.gallery_images, .album_image_place {
    margin-top: 15px;
    margin-top: 15px;
}

#rwd-share-facebook:hover {
    background-position: 0 -31px !important;
}

#rwd-share-twitter:hover {
    background-position: -31px 32px !important;
}

#rwd-share-googleplus:hover {
    background-position: -66px -31px !important;
}

.rwd-share-buttons li, .rwd-share-buttons li a {
    width: 26px !important;
    border: 0px !important;
}

.rwd-share-buttons {
    top: 0 !important;
}

.img_link_btn {
    position: absolute;
    z-index: 99999;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    padding: 8px;
}

.rwd-title {
    padding: 10px 0px !important;
}

@media only screen and (max-width: 475px) {
    .rwd-share-buttons {
        top: -25px !important;
    }

    .rwd-title-text {
        line-height: 15px;
    }
}

/*=========  hover style ===========*/

#hover {
    color: rgba(188, 175, 204, 0.9);
}

h2#testimonials {
    color: #fffae3;
}

div#all {
    width: 100%;
    height: 100%;
}

.view img {
    height: auto;
}

.view {
    color: #fff;
    margin: 0 10px 10px 0;
    overflow: hidden;
    position: relative;
    text-align: center;
    float: left;
    cursor: default;
    border: 1px solid #ccc;
}

.view-wrapper {
    height: 100%;
}

.view img {
    display: block;
    position: relative;
    transition: all 0.2s linear;
    height: 100%;
    width: auto;
    max-width: 100%;
    margin: 0 auto;
}

.mask-text h2 {
    font-size: 20px !important;
    margin-top: 20px !important;
}

/* view 1 */

.view-first .text-category, .view-first .mask-text h2, .view-first .mask-text p {
    color: #fff;
}

/*  view 2 */
.view-second .text-category, .view-second .mask-text h2, .view-second p {
    color: #333;
}

.view-second .mask-text h2 {
    border-bottom: 1px solid #333;
}

/* view 3*/
.view-third .mask {
    background-color: #ccc;
    transition: all 0.5s linear;
    opacity: 0;
    color: #333;
}

.view-third h2 {
    border-bottom: 1px solid #333;
    background: transparent;
    margin: 20px 40px 0px 40px;
    transform: scale(0);
    color: #333;
    transition: all 0.5s linear;
    opacity: 0;
}

.view-third p {
    color: #333;
    opacity: 0;
    transform: scale(0);
    transition: all 0.5s linear;
}

.view-third .text-category {
    color: #333;
}

/* view 4 */

.view-forth .mask-bg {
    background: #333;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.view-forth .mask-text {
    color: #fff;
    position: relative;
    z-index: 500;
    padding: 5px 8px;
}

.view-forth .mask-text h2 {
    margin: 0px;
    font-size: 13px;
    padding: 2px;
    color: #fff;
}

.view-forth .mask-text h2:hover {
    cursor: pointer;
}

.view-forth .text-category {
    display: block;
    font-size: 15px;
    color: #fff;
}

.view-forth p {
    color: #fff;
}

/* view 5 */
.view-fifth .text-category, .view-fifth .text-category *, .view-fifth .mask-text h2, .view-fifth .mask-text p {
    color: #fff;
}

</style><div id="mygallery_wrapper_3" class="gallery-img-content clear"
     data-gallery-id="3" data-content-per-page="5"
     data-rating-type="off">
    <div id="mygallery_3" class="mygallery view-justified clear">
                <input type="hidden" id="total" value="2"/>
                                                <a class="gallery_group3" href="http://kkoblak.si/wp-content/uploads/2015/11/Zajeta-slika1.jpg"
                       title="" data-rel="lightbox-gallery-LsrBQH56" data-rl_title="" data-rl_caption="">
                        <img decoding="async" id="wd-cl-img0"
                             alt="NADSTREŠEK"
                             src="http://kkoblak.si/wp-content/uploads/2015/11/Zajeta-slika1.jpg"/>
                                            </a>
                    <input type="hidden" class="pagenum" value="1"/>
                                                                            <a class="gallery_group3" href="http://kkoblak.si/wp-content/uploads/2015/11/Slika-002.jpg"
                       title="" data-rel="lightbox-gallery-LsrBQH56" data-rl_title="" data-rl_caption="">
                        <img decoding="async" id="wd-cl-img1"
                             alt="NADSTREŠEK"
                             src="http://kkoblak.si/wp-content/uploads/2015/11/Slika-002.jpg"/>
                                            </a>
                    <input type="hidden" class="pagenum" value="1"/>
                                                                            <a class="gallery_group3" href="http://kkoblak.si/wp-content/uploads/2015/11/Slika-006.jpg"
                       title="" data-rel="lightbox-gallery-LsrBQH56" data-rl_title="" data-rl_caption="">
                        <img decoding="async" id="wd-cl-img2"
                             alt="NADSTREŠEK"
                             src="http://kkoblak.si/wp-content/uploads/2015/11/Slika-006.jpg"/>
                                            </a>
                    <input type="hidden" class="pagenum" value="1"/>
                                                                            <a class="gallery_group3" href="http://kkoblak.si/wp-content/uploads/2016/01/Slika-040-1.jpg"
                       title="" data-rel="lightbox-gallery-LsrBQH56" data-rl_title="" data-rl_caption="">
                        <img decoding="async" id="wd-cl-img3"
                             alt="GARAŽA"
                             src="http://kkoblak.si/wp-content/uploads/2016/01/Slika-040-1.jpg"/>
                                            </a>
                    <input type="hidden" class="pagenum" value="1"/>
                                                                            <a class="gallery_group3" href="http://kkoblak.si/wp-content/uploads/2015/11/tesarska-dela-14.jpg"
                       title="" data-rel="lightbox-gallery-LsrBQH56" data-rl_title="" data-rl_caption="">
                        <img decoding="async" id="wd-cl-img4"
                             alt="NADSTREŠEK"
                             src="http://kkoblak.si/wp-content/uploads/2015/11/tesarska-dela-14.jpg"/>
                                            </a>
                    <input type="hidden" class="pagenum" value="1"/>
                                                                            <a class="gallery_group3" href="http://kkoblak.si/wp-content/uploads/2015/11/tesarska-dela-17.jpg"
                       title="" data-rel="lightbox-gallery-LsrBQH56" data-rl_title="" data-rl_caption="">
                        <img decoding="async" id="wd-cl-img5"
                             alt="NADSTREŠEK"
                             src="http://kkoblak.si/wp-content/uploads/2015/11/tesarska-dela-17.jpg"/>
                                            </a>
                    <input type="hidden" class="pagenum" value="1"/>
                                                                            <a class="gallery_group3" href="http://kkoblak.si/wp-content/uploads/2015/11/Zajeta-slika2.jpg"
                       title="" data-rel="lightbox-gallery-LsrBQH56" data-rl_title="" data-rl_caption="">
                        <img decoding="async" id="wd-cl-img6"
                             alt="NADSTREŠEK"
                             src="http://kkoblak.si/wp-content/uploads/2015/11/Zajeta-slika2.jpg"/>
                                            </a>
                    <input type="hidden" class="pagenum" value="1"/>
                                        </div>
    </div>
<style>
.justified-gallery {
    width: 100%;
    position: relative;
}
.justified-gallery a{
    border:none;
}
.justified-gallery > a,
.justified-gallery > div {
    position: absolute;
    display: inline-block;
    opacity: 0;
    overflow:hidden;
    filter: alpha(opacity=0);
    /* IE8 or Earlier */
}
.justified-gallery > a > img,
.justified-gallery > div > img {
    position: absolute;
    top: 50%;
    left: 50%;
    padding: 0;
}
.justified-gallery > a > .caption,
.justified-gallery > div > .caption {
    display: none;
    position: absolute;
    bottom: 0;
    padding: 5px;
    left: 0;
    right: 0;
    margin: 0;
    color: #3AD6FC;
    font-size: 13px;
    font-weight: 300;
    font-family: sans-serif;
//margin-left: px;
    background:rgba(255,28,28,0.9)  !important;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space:nowrap;
}
.justified-gallery > a > .caption.caption-visible,
.justified-gallery > div > .caption.caption-visible {
    display: initial;
    filter: "alpha(opacity=70)";
    /* IE8 or Earlier */
    -webkit-animation: justified-gallery-show-caption-animation 500ms 0 ease;
    -moz-animation: justified-gallery-show-caption-animation 500ms 0 ease;
    -ms-animation: justified-gallery-show-caption-animation 500ms 0 ease;
}
.justified-gallery > .entry-visible {
    opacity: 1.0;
    filter: alpha(opacity=100);
    /* IE8 or Earlier */
    -webkit-animation: justified-gallery-show-entry-animation 300ms 0 ease;
    -moz-animation: justified-gallery-show-entry-animation 300ms 0 ease;
    -ms-animation: justified-gallery-show-entry-animation 300ms 0 ease;
}
.justified-gallery > .spinner {
    position: absolute;
    bottom: 0;
    margin-left: -24px;
    padding: 10px 0 10px 0;
    left: 50%;
    opacity: initial;
    filter: initial;
    overflow: initial;
}
.justified-gallery > .spinner > span {
    display: inline-block;
    opacity: 0;
    filter: alpha(opacity=0);
    /* IE8 or Earlier */
    width: 8px;
    height: 8px;
    margin: 0 4px 0 4px;
    background-color: #000;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
    border-bottom-left-radius: 6px;
}
.play-icon {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
}
.load_more2 {
    margin: 10px 0;
    position:relative;
    text-align:center;
    width:100%;
}
.load_more_button2 {
    border-radius: 10px;
    display:inline-block;
    padding:5px 15px;
    font-size:14px !important;;
    color:#FF1C1C !important;;
    background:#26A6FC !important;
    cursor:pointer;
}
.load_more_button2:hover{
    color:#FF4242 !important;
    background:#0FEFFF !important;
}
.loading2 {
    display:none;
}
.paginate2{
    font-size:18px !important;
    color:#26A6FC !important;
    text-align: center;
    margin-top: 25px;
}
.paginate2 a{
    border-bottom: none !important;
}
.icon-style2{
    font-size: 18px !important;
    color:#26A6FC !important;
}
.clear{
    clear:both;
}
.play-icon.youtube-icon {background:url(https://kkoblak.si/wp-content/plugins/gallery-images/assets/images/admin_images/play.youtube.png) center center no-repeat;}
.play-icon.vimeo-icon {background:url(https://kkoblak.si/wp-content/plugins/gallery-images/assets/images/admin_images/play.vimeo.png) center center no-repeat;}
</style></p>
<h3 style="text-align: center;"><span style="color: #0000ff;"><strong>OSTALA TESARSKA DELA</strong></span></h3>
<p style="text-align: center;"><style>
/*===== general options =========*/
a {
    box-shadow: none !important;
}

.view *, .album_categories *, .album_back_button *, #album_disabled_layer {
    font-family: sans-serif, Arial, Verdana, Sylfaen !important;
}

#album_disabled_layer {
    display: none;
    position: absolute;
    width: 100%;
    height: 100%;
    text-align: center;
    background-color: transparent;
    z-index: 10;
    padding-top: 20px;
    color: #fff;
}

#album_list_container {
    position: relative;
}

/* ====================== album onhover styles ==========================*/

#album_list .view {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    display: none;

}

.view .mask,
.view .content {
    width: 100%;
    height: 100%;
    position: absolute;
    overflow: hidden;
    top: 0;
    left: 0;
}

.view h2 {
    text-transform: uppercase;
    color: #fff;
    text-align: center;
    position: relative;
    font-size: 17px;
    font-family: Raleway, serif;
    padding: 10px;
    /*background: rgba(0, 0, 0, 0.8);*/
    margin: 20px 0 0 0;

}

.album_back_button a, .view a {
    text-decoration: none !important;
}

.view p {
    font-family: Merriweather, serif;
    font-style: italic;
    font-size: 14px;
    position: relative;
    color: #fff;
    padding: 0px 20px 0px;
    text-align: center;

}

.view a.info {
    display: inline-block;
    text-decoration: none;
    font-size: 13px;
    padding: 2px 14px;
    margin-bottom: 3px;
    background: #000;
    color: #fff;
    font-family: Raleway, serif;
    text-transform: uppercase;
    box-shadow: 0 0 1px #000
}

.mask-text h2 {
    font-size: 20px !important;
}

.view a.info:hover {
    box-shadow: 0 0 5px #000
}

.view .mask-bg {
    height: 100%;
}

.view .album_social {
    color: #fff;
    position: absolute;
    bottom: 3px;
    left: 3px;
    border: 1px solid #ffffff;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    padding: 3px 5px;

}

.view .album_social:active, .view .album_social:focus, .view .album_social:hover {
    color: #ffffff;
    outline: none;
}

/*1*/

.view .info {
    margin-top: 5px;
}

.view-first .mask {
    opacity: 0;
    background-color: rgba(0, 0, 0, 0.7);
    transition: all 0.4s ease-in-out;

}

.view-first h2 {
    transform: translateY(-100px);
    opacity: 0;
    font-family: Raleway, serif;
    transition: all 0.2s ease-in-out;
}

.view-first p {
    transform: translateY(100px);
    opacity: 0;
    transition: all 0.2s linear;
}

.view-first a.info {
    opacity: 0;
    transition: all 0.2s ease-in-out;
}

/* */

.view-first:hover img {
    /*transform: scale(1.1);*/
}

.view-first:hover .mask {
    opacity: 1;
}

.view-first:hover h2,
.view-first:hover p,
.view-first:hover a.info {
    opacity: 1;
    transform: translateY(0px);
}

.view-first:hover p {
    transition-delay: 0.1s;
}

.view-first:hover a.info {
    transition-delay: 0.2s;
}

/*2*/
.view-second img {
    -webkit-filter: grayscale(0) blur(0);
    filter: grayscale(0) blur(0);
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}

.view-second .mask {
    background-color: rgba(226, 200, 127, 0.2);
    transition: all 0.5s linear;
    opacity: 0;
}

.view-second h2 {
    background: transparent;
    margin: 20px 40px 0px 40px;
    transform: scale(0);
    color: #333;
    transition: all 0.5s linear;
    opacity: 0;
}

.view-second p {
    opacity: 0;
    transform: scale(0);
    transition: all 0.5s linear;
}

.view-second a.info {
    opacity: 0;
    transform: scale(0);
    transition: all 0.5s linear;
}

.view-second:hover img {
    -webkit-filter: grayscale(100%) blur(3px);
    filter: grayscale(100%) blur(3px);
}

.view-second:hover .mask {
    opacity: 1;
}

.view-second:hover h2,
.view-second:hover p,
.view-second:hover a.info {
    transform: scale(1);
    opacity: 1;
}

.view-second img {
    -webkit-filter: grayscale(0) blur(0);
    filter: grayscale(0) blur(0);
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}

.view-second:hover img {
    -webkit-filter: grayscale(100%) blur(3px);
    filter: grayscale(100%) blur(3px);
}

/*3*/

.view-third img {
    transform: scaleY(1);
    transition: all .7s ease-in-out;
}

.view-third a.info {
    opacity: 0;
    transform: scale(0);
    transition: all 0.5s linear;
}

.view-third:hover img {
    -webkit-transform: scale(10);
    transform: scale(10);
    opacity: 0;
}

.view-third:hover .mask {
    opacity: 1;
}

.view-third:hover h2,
.view-third:hover p,
.view-third:hover a.info {
    transform: scale(1);
    opacity: 1;
}

/* ==== view 4 ===*/

.view-forth-wrapper {
    overflow: hidden;
    position: relative !important;
    height: 100%;
    /* cursor: pointer;*/
}

.view-forth img {
    max-width: 100%;
    position: relative;
    top: 0;
    -webkit-transition: all 600ms cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: all 600ms cubic-bezier(0.645, 0.045, 0.355, 1);
}

.view-forth .mask {
    position: absolute;
    width: 100%;
    /*    height: 70px;*/
    /*    bottom: -70px;*/
    height: 50%;
    bottom: -50%;
    -webkit-transition: all 300ms cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: all 300ms cubic-bezier(0.645, 0.045, 0.355, 1);
    top: inherit;
}

.view-forth:hover .mask {
    bottom: 0;
}

.view-forth:hover img {
    top: -30px;
}

/*==  view 5 ==*/

.view-fifth .view-fifth-wrapper,
.view-fifth .view-fifth-wrapper img {
    display: block;
    position: relative;
}

.view-fifth .view-fifth-wrapper {
    overflow: hidden;
    height: 100%;
}

.view-fifth .view-fifth-wrapper .mask {
    display: none;
    position: absolute;
    background: #333;
    background: rgba(75, 75, 75, 0.7);
    width: 100%;
    height: 100%;
}

/* ====================== album category styles ==========================*/

#filters {
    margin: 1% 0;
    padding: 0;
    list-style: none;
    list-style-type: none !important;

}

#filters li {
    float: left;
    list-style-type: none !important;
}

#filters li:first-child span {
    margin-left: 0px;
}

#filters li span {
    display: block;
    text-decoration: none;
    cursor: pointer;
}

.album_categories {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    padding-top: 5px;
}

/*=========  sharing buttons  ============*/

.album_socials {
    position: relative;
    top: 3px;
    width: 100px;
    height: 28px;
    margin: 0 auto;
}

.album_socials .rwd-share-buttons {
    top: 0px !important;
    width: 100% !important;
    margin: 0px !important;
}

.album_socials a {
    text-decoration: underline !important;
}

.gallery_images, .album_image_place {
    margin-top: 15px;
    margin-top: 15px;
}

#rwd-share-facebook:hover {
    background-position: 0 -31px !important;
}

#rwd-share-twitter:hover {
    background-position: -31px 32px !important;
}

#rwd-share-googleplus:hover {
    background-position: -66px -31px !important;
}

.rwd-share-buttons li, .rwd-share-buttons li a {
    width: 26px !important;
    border: 0px !important;
}

.rwd-share-buttons {
    top: 0 !important;
}

.img_link_btn {
    position: absolute;
    z-index: 99999;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    padding: 8px;
}

.rwd-title {
    padding: 10px 0px !important;
}

@media only screen and (max-width: 475px) {
    .rwd-share-buttons {
        top: -25px !important;
    }

    .rwd-title-text {
        line-height: 15px;
    }
}

/*=========  hover style ===========*/

#hover {
    color: rgba(188, 175, 204, 0.9);
}

h2#testimonials {
    color: #fffae3;
}

div#all {
    width: 100%;
    height: 100%;
}

.view img {
    height: auto;
}

.view {
    color: #fff;
    margin: 0 10px 10px 0;
    overflow: hidden;
    position: relative;
    text-align: center;
    float: left;
    cursor: default;
    border: 1px solid #ccc;
}

.view-wrapper {
    height: 100%;
}

.view img {
    display: block;
    position: relative;
    transition: all 0.2s linear;
    height: 100%;
    width: auto;
    max-width: 100%;
    margin: 0 auto;
}

.mask-text h2 {
    font-size: 20px !important;
    margin-top: 20px !important;
}

/* view 1 */

.view-first .text-category, .view-first .mask-text h2, .view-first .mask-text p {
    color: #fff;
}

/*  view 2 */
.view-second .text-category, .view-second .mask-text h2, .view-second p {
    color: #333;
}

.view-second .mask-text h2 {
    border-bottom: 1px solid #333;
}

/* view 3*/
.view-third .mask {
    background-color: #ccc;
    transition: all 0.5s linear;
    opacity: 0;
    color: #333;
}

.view-third h2 {
    border-bottom: 1px solid #333;
    background: transparent;
    margin: 20px 40px 0px 40px;
    transform: scale(0);
    color: #333;
    transition: all 0.5s linear;
    opacity: 0;
}

.view-third p {
    color: #333;
    opacity: 0;
    transform: scale(0);
    transition: all 0.5s linear;
}

.view-third .text-category {
    color: #333;
}

/* view 4 */

.view-forth .mask-bg {
    background: #333;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.view-forth .mask-text {
    color: #fff;
    position: relative;
    z-index: 500;
    padding: 5px 8px;
}

.view-forth .mask-text h2 {
    margin: 0px;
    font-size: 13px;
    padding: 2px;
    color: #fff;
}

.view-forth .mask-text h2:hover {
    cursor: pointer;
}

.view-forth .text-category {
    display: block;
    font-size: 15px;
    color: #fff;
}

.view-forth p {
    color: #fff;
}

/* view 5 */
.view-fifth .text-category, .view-fifth .text-category *, .view-fifth .mask-text h2, .view-fifth .mask-text p {
    color: #fff;
}

</style><div id="mygallery_wrapper_4" class="gallery-img-content clear"
     data-gallery-id="4" data-content-per-page="5"
     data-rating-type="off">
    <div id="mygallery_4" class="mygallery view-justified clear">
                <input type="hidden" id="total" value="1"/>
                                                <a class="gallery_group4" href="http://kkoblak.si/wp-content/uploads/2016/01/IM000988.jpg"
                       title="" data-rel="lightbox-gallery-LsrBQH56" data-rl_title="" data-rl_caption="">
                        <img decoding="async" id="wd-cl-img0"
                             alt="KRIŽ"
                             src="http://kkoblak.si/wp-content/uploads/2016/01/IM000988.jpg"/>
                                            </a>
                    <input type="hidden" class="pagenum" value="1"/>
                                                                            <a class="gallery_group4" href="http://kkoblak.si/wp-content/uploads/2015/11/ostala-dela-4.jpg"
                       title="" data-rel="lightbox-gallery-LsrBQH56" data-rl_title="" data-rl_caption="">
                        <img decoding="async" id="wd-cl-img1"
                             alt="OGRAJA"
                             src="http://kkoblak.si/wp-content/uploads/2015/11/ostala-dela-4.jpg"/>
                                            </a>
                    <input type="hidden" class="pagenum" value="1"/>
                                                                            <a class="gallery_group4" href="http://kkoblak.si/wp-content/uploads/2015/11/Slika-009.jpg"
                       title="" data-rel="lightbox-gallery-LsrBQH56" data-rl_title="" data-rl_caption="">
                        <img decoding="async" id="wd-cl-img2"
                             alt="RAZREZ LESA"
                             src="http://kkoblak.si/wp-content/uploads/2015/11/Slika-009.jpg"/>
                                            </a>
                    <input type="hidden" class="pagenum" value="1"/>
                                        </div>
    </div>
<style>
.justified-gallery {
    width: 100%;
    position: relative;
}
.justified-gallery a{
    border:none;
}
.justified-gallery > a,
.justified-gallery > div {
    position: absolute;
    display: inline-block;
    opacity: 0;
    overflow:hidden;
    filter: alpha(opacity=0);
    /* IE8 or Earlier */
}
.justified-gallery > a > img,
.justified-gallery > div > img {
    position: absolute;
    top: 50%;
    left: 50%;
    padding: 0;
}
.justified-gallery > a > .caption,
.justified-gallery > div > .caption {
    display: none;
    position: absolute;
    bottom: 0;
    padding: 5px;
    left: 0;
    right: 0;
    margin: 0;
    color: #3AD6FC;
    font-size: 13px;
    font-weight: 300;
    font-family: sans-serif;
//margin-left: px;
    background:rgba(255,28,28,0.9)  !important;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space:nowrap;
}
.justified-gallery > a > .caption.caption-visible,
.justified-gallery > div > .caption.caption-visible {
    display: initial;
    filter: "alpha(opacity=70)";
    /* IE8 or Earlier */
    -webkit-animation: justified-gallery-show-caption-animation 500ms 0 ease;
    -moz-animation: justified-gallery-show-caption-animation 500ms 0 ease;
    -ms-animation: justified-gallery-show-caption-animation 500ms 0 ease;
}
.justified-gallery > .entry-visible {
    opacity: 1.0;
    filter: alpha(opacity=100);
    /* IE8 or Earlier */
    -webkit-animation: justified-gallery-show-entry-animation 300ms 0 ease;
    -moz-animation: justified-gallery-show-entry-animation 300ms 0 ease;
    -ms-animation: justified-gallery-show-entry-animation 300ms 0 ease;
}
.justified-gallery > .spinner {
    position: absolute;
    bottom: 0;
    margin-left: -24px;
    padding: 10px 0 10px 0;
    left: 50%;
    opacity: initial;
    filter: initial;
    overflow: initial;
}
.justified-gallery > .spinner > span {
    display: inline-block;
    opacity: 0;
    filter: alpha(opacity=0);
    /* IE8 or Earlier */
    width: 8px;
    height: 8px;
    margin: 0 4px 0 4px;
    background-color: #000;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
    border-bottom-left-radius: 6px;
}
.play-icon {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
}
.load_more2 {
    margin: 10px 0;
    position:relative;
    text-align:center;
    width:100%;
}
.load_more_button2 {
    border-radius: 10px;
    display:inline-block;
    padding:5px 15px;
    font-size:14px !important;;
    color:#FF1C1C !important;;
    background:#26A6FC !important;
    cursor:pointer;
}
.load_more_button2:hover{
    color:#FF4242 !important;
    background:#0FEFFF !important;
}
.loading2 {
    display:none;
}
.paginate2{
    font-size:18px !important;
    color:#26A6FC !important;
    text-align: center;
    margin-top: 25px;
}
.paginate2 a{
    border-bottom: none !important;
}
.icon-style2{
    font-size: 18px !important;
    color:#26A6FC !important;
}
.clear{
    clear:both;
}
.play-icon.youtube-icon {background:url(https://kkoblak.si/wp-content/plugins/gallery-images/assets/images/admin_images/play.youtube.png) center center no-repeat;}
.play-icon.vimeo-icon {background:url(https://kkoblak.si/wp-content/plugins/gallery-images/assets/images/admin_images/play.vimeo.png) center center no-repeat;}
</style></p>
<p>The post <a href="https://kkoblak.si/tesarstvo/">TESARSTVO</a> appeared first on <a href="https://kkoblak.si">KK Oblak, d.o.o.</a>.</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>TOPLOTNE IZOLACIJE</title>
		<link>https://kkoblak.si/toplotne-izolacije/</link>
		
		<dc:creator><![CDATA[admin]]></dc:creator>
		<pubDate>Sat, 12 Dec 2015 11:57:34 +0000</pubDate>
				<category><![CDATA[PONUDBA]]></category>
		<guid isPermaLink="false">http://localhost/website.com/?p=126</guid>

					<description><![CDATA[<p>TOPLOTNE IZOLACIJE Izvajamo vse toplotne izolacije ostrešij in mansard. Vgrajujemo toplotne izolacije proizvajalca Knauf Insulation (steklena volna, Termotop) in proizvajalca Bramac (Bramac Therm). Po želji pa vgradimo tudi izolacije ostalih proizvajalcev. Svetujemo in pomagamo vam poiskati najboljšo izolacijo za vašo streho. Redno se udeležujemo strokovno izobraževalnih seminarjev, ki jih nudijo proizvajalci.</p>
<p>The post <a href="https://kkoblak.si/toplotne-izolacije/">TOPLOTNE IZOLACIJE</a> appeared first on <a href="https://kkoblak.si">KK Oblak, d.o.o.</a>.</p>
]]></description>
										<content:encoded><![CDATA[<h1 style="text-align: center;"><span style="color: #008000;"><strong>TOPLOTNE IZOLACIJE</strong></span></h1>
<h2 style="text-align: center;">Izvajamo vse toplotne izolacije ostrešij in mansard. Vgrajujemo toplotne izolacije proizvajalca Knauf Insulation (steklena volna, Termotop) in proizvajalca Bramac (Bramac Therm).</h2>
<h2 style="text-align: center;">Po želji pa vgradimo tudi izolacije ostalih proizvajalcev.</h2>
<h2 style="text-align: center;">Svetujemo in pomagamo vam poiskati najboljšo izolacijo za vašo streho.</h2>
<h2 style="text-align: center;">Redno se udeležujemo strokovno izobraževalnih seminarjev, ki jih nudijo proizvajalci.</h2>
<p style="text-align: center;"><style>
/*===== general options =========*/
a {
    box-shadow: none !important;
}

.view *, .album_categories *, .album_back_button *, #album_disabled_layer {
    font-family: sans-serif, Arial, Verdana, Sylfaen !important;
}

#album_disabled_layer {
    display: none;
    position: absolute;
    width: 100%;
    height: 100%;
    text-align: center;
    background-color: transparent;
    z-index: 10;
    padding-top: 20px;
    color: #fff;
}

#album_list_container {
    position: relative;
}

/* ====================== album onhover styles ==========================*/

#album_list .view {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    display: none;

}

.view .mask,
.view .content {
    width: 100%;
    height: 100%;
    position: absolute;
    overflow: hidden;
    top: 0;
    left: 0;
}

.view h2 {
    text-transform: uppercase;
    color: #fff;
    text-align: center;
    position: relative;
    font-size: 17px;
    font-family: Raleway, serif;
    padding: 10px;
    /*background: rgba(0, 0, 0, 0.8);*/
    margin: 20px 0 0 0;

}

.album_back_button a, .view a {
    text-decoration: none !important;
}

.view p {
    font-family: Merriweather, serif;
    font-style: italic;
    font-size: 14px;
    position: relative;
    color: #fff;
    padding: 0px 20px 0px;
    text-align: center;

}

.view a.info {
    display: inline-block;
    text-decoration: none;
    font-size: 13px;
    padding: 2px 14px;
    margin-bottom: 3px;
    background: #000;
    color: #fff;
    font-family: Raleway, serif;
    text-transform: uppercase;
    box-shadow: 0 0 1px #000
}

.mask-text h2 {
    font-size: 20px !important;
}

.view a.info:hover {
    box-shadow: 0 0 5px #000
}

.view .mask-bg {
    height: 100%;
}

.view .album_social {
    color: #fff;
    position: absolute;
    bottom: 3px;
    left: 3px;
    border: 1px solid #ffffff;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    padding: 3px 5px;

}

.view .album_social:active, .view .album_social:focus, .view .album_social:hover {
    color: #ffffff;
    outline: none;
}

/*1*/

.view .info {
    margin-top: 5px;
}

.view-first .mask {
    opacity: 0;
    background-color: rgba(0, 0, 0, 0.7);
    transition: all 0.4s ease-in-out;

}

.view-first h2 {
    transform: translateY(-100px);
    opacity: 0;
    font-family: Raleway, serif;
    transition: all 0.2s ease-in-out;
}

.view-first p {
    transform: translateY(100px);
    opacity: 0;
    transition: all 0.2s linear;
}

.view-first a.info {
    opacity: 0;
    transition: all 0.2s ease-in-out;
}

/* */

.view-first:hover img {
    /*transform: scale(1.1);*/
}

.view-first:hover .mask {
    opacity: 1;
}

.view-first:hover h2,
.view-first:hover p,
.view-first:hover a.info {
    opacity: 1;
    transform: translateY(0px);
}

.view-first:hover p {
    transition-delay: 0.1s;
}

.view-first:hover a.info {
    transition-delay: 0.2s;
}

/*2*/
.view-second img {
    -webkit-filter: grayscale(0) blur(0);
    filter: grayscale(0) blur(0);
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}

.view-second .mask {
    background-color: rgba(226, 200, 127, 0.2);
    transition: all 0.5s linear;
    opacity: 0;
}

.view-second h2 {
    background: transparent;
    margin: 20px 40px 0px 40px;
    transform: scale(0);
    color: #333;
    transition: all 0.5s linear;
    opacity: 0;
}

.view-second p {
    opacity: 0;
    transform: scale(0);
    transition: all 0.5s linear;
}

.view-second a.info {
    opacity: 0;
    transform: scale(0);
    transition: all 0.5s linear;
}

.view-second:hover img {
    -webkit-filter: grayscale(100%) blur(3px);
    filter: grayscale(100%) blur(3px);
}

.view-second:hover .mask {
    opacity: 1;
}

.view-second:hover h2,
.view-second:hover p,
.view-second:hover a.info {
    transform: scale(1);
    opacity: 1;
}

.view-second img {
    -webkit-filter: grayscale(0) blur(0);
    filter: grayscale(0) blur(0);
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}

.view-second:hover img {
    -webkit-filter: grayscale(100%) blur(3px);
    filter: grayscale(100%) blur(3px);
}

/*3*/

.view-third img {
    transform: scaleY(1);
    transition: all .7s ease-in-out;
}

.view-third a.info {
    opacity: 0;
    transform: scale(0);
    transition: all 0.5s linear;
}

.view-third:hover img {
    -webkit-transform: scale(10);
    transform: scale(10);
    opacity: 0;
}

.view-third:hover .mask {
    opacity: 1;
}

.view-third:hover h2,
.view-third:hover p,
.view-third:hover a.info {
    transform: scale(1);
    opacity: 1;
}

/* ==== view 4 ===*/

.view-forth-wrapper {
    overflow: hidden;
    position: relative !important;
    height: 100%;
    /* cursor: pointer;*/
}

.view-forth img {
    max-width: 100%;
    position: relative;
    top: 0;
    -webkit-transition: all 600ms cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: all 600ms cubic-bezier(0.645, 0.045, 0.355, 1);
}

.view-forth .mask {
    position: absolute;
    width: 100%;
    /*    height: 70px;*/
    /*    bottom: -70px;*/
    height: 50%;
    bottom: -50%;
    -webkit-transition: all 300ms cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: all 300ms cubic-bezier(0.645, 0.045, 0.355, 1);
    top: inherit;
}

.view-forth:hover .mask {
    bottom: 0;
}

.view-forth:hover img {
    top: -30px;
}

/*==  view 5 ==*/

.view-fifth .view-fifth-wrapper,
.view-fifth .view-fifth-wrapper img {
    display: block;
    position: relative;
}

.view-fifth .view-fifth-wrapper {
    overflow: hidden;
    height: 100%;
}

.view-fifth .view-fifth-wrapper .mask {
    display: none;
    position: absolute;
    background: #333;
    background: rgba(75, 75, 75, 0.7);
    width: 100%;
    height: 100%;
}

/* ====================== album category styles ==========================*/

#filters {
    margin: 1% 0;
    padding: 0;
    list-style: none;
    list-style-type: none !important;

}

#filters li {
    float: left;
    list-style-type: none !important;
}

#filters li:first-child span {
    margin-left: 0px;
}

#filters li span {
    display: block;
    text-decoration: none;
    cursor: pointer;
}

.album_categories {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    padding-top: 5px;
}

/*=========  sharing buttons  ============*/

.album_socials {
    position: relative;
    top: 3px;
    width: 100px;
    height: 28px;
    margin: 0 auto;
}

.album_socials .rwd-share-buttons {
    top: 0px !important;
    width: 100% !important;
    margin: 0px !important;
}

.album_socials a {
    text-decoration: underline !important;
}

.gallery_images, .album_image_place {
    margin-top: 15px;
    margin-top: 15px;
}

#rwd-share-facebook:hover {
    background-position: 0 -31px !important;
}

#rwd-share-twitter:hover {
    background-position: -31px 32px !important;
}

#rwd-share-googleplus:hover {
    background-position: -66px -31px !important;
}

.rwd-share-buttons li, .rwd-share-buttons li a {
    width: 26px !important;
    border: 0px !important;
}

.rwd-share-buttons {
    top: 0 !important;
}

.img_link_btn {
    position: absolute;
    z-index: 99999;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    padding: 8px;
}

.rwd-title {
    padding: 10px 0px !important;
}

@media only screen and (max-width: 475px) {
    .rwd-share-buttons {
        top: -25px !important;
    }

    .rwd-title-text {
        line-height: 15px;
    }
}

/*=========  hover style ===========*/

#hover {
    color: rgba(188, 175, 204, 0.9);
}

h2#testimonials {
    color: #fffae3;
}

div#all {
    width: 100%;
    height: 100%;
}

.view img {
    height: auto;
}

.view {
    color: #fff;
    margin: 0 10px 10px 0;
    overflow: hidden;
    position: relative;
    text-align: center;
    float: left;
    cursor: default;
    border: 1px solid #ccc;
}

.view-wrapper {
    height: 100%;
}

.view img {
    display: block;
    position: relative;
    transition: all 0.2s linear;
    height: 100%;
    width: auto;
    max-width: 100%;
    margin: 0 auto;
}

.mask-text h2 {
    font-size: 20px !important;
    margin-top: 20px !important;
}

/* view 1 */

.view-first .text-category, .view-first .mask-text h2, .view-first .mask-text p {
    color: #fff;
}

/*  view 2 */
.view-second .text-category, .view-second .mask-text h2, .view-second p {
    color: #333;
}

.view-second .mask-text h2 {
    border-bottom: 1px solid #333;
}

/* view 3*/
.view-third .mask {
    background-color: #ccc;
    transition: all 0.5s linear;
    opacity: 0;
    color: #333;
}

.view-third h2 {
    border-bottom: 1px solid #333;
    background: transparent;
    margin: 20px 40px 0px 40px;
    transform: scale(0);
    color: #333;
    transition: all 0.5s linear;
    opacity: 0;
}

.view-third p {
    color: #333;
    opacity: 0;
    transform: scale(0);
    transition: all 0.5s linear;
}

.view-third .text-category {
    color: #333;
}

/* view 4 */

.view-forth .mask-bg {
    background: #333;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.view-forth .mask-text {
    color: #fff;
    position: relative;
    z-index: 500;
    padding: 5px 8px;
}

.view-forth .mask-text h2 {
    margin: 0px;
    font-size: 13px;
    padding: 2px;
    color: #fff;
}

.view-forth .mask-text h2:hover {
    cursor: pointer;
}

.view-forth .text-category {
    display: block;
    font-size: 15px;
    color: #fff;
}

.view-forth p {
    color: #fff;
}

/* view 5 */
.view-fifth .text-category, .view-fifth .text-category *, .view-fifth .mask-text h2, .view-fifth .mask-text p {
    color: #fff;
}

</style><div id="mygallery_wrapper_10" class="gallery-img-content clear"
     data-gallery-id="10" data-content-per-page="5"
     data-rating-type="off">
    <div id="mygallery_10" class="mygallery view-justified clear">
                <input type="hidden" id="total" value="2"/>
                                                <a class="gallery_group10" href="http://kkoblak.si/wp-content/uploads/2016/08/IMG_6454.jpg"
                       title="" data-rel="lightbox-gallery-Hyy5hRPE" data-rl_title="" data-rl_caption="">
                        <img decoding="async" id="wd-cl-img0"
                             alt="TOPLOTNE IZOLACIJE - BramacTherm"
                             src="https://kkoblak.si/wp-content/uploads/2016/08/IMG_6454-768x1024.jpg"/>
                                            </a>
                    <input type="hidden" class="pagenum" value="1"/>
                                                                            <a class="gallery_group10" href="http://kkoblak.si/wp-content/uploads/2016/08/IMG_6451.jpg"
                       title="" data-rel="lightbox-gallery-Hyy5hRPE" data-rl_title="" data-rl_caption="">
                        <img decoding="async" id="wd-cl-img1"
                             alt="TOPLOTNE IZOLACIJE - BramacTherm"
                             src="https://kkoblak.si/wp-content/uploads/2016/08/IMG_6451-768x1024.jpg"/>
                                            </a>
                    <input type="hidden" class="pagenum" value="1"/>
                                                                            <a class="gallery_group10" href="http://kkoblak.si/wp-content/uploads/2016/01/silvo-076.jpg"
                       title="" data-rel="lightbox-gallery-Hyy5hRPE" data-rl_title="" data-rl_caption="">
                        <img decoding="async" id="wd-cl-img2"
                             alt="TOPLOTNE IZOLACIJE"
                             src="http://kkoblak.si/wp-content/uploads/2016/01/silvo-076.jpg"/>
                                            </a>
                    <input type="hidden" class="pagenum" value="1"/>
                                                                            <a class="gallery_group10" href="http://kkoblak.si/wp-content/uploads/2016/01/silvo-077.jpg"
                       title="" data-rel="lightbox-gallery-Hyy5hRPE" data-rl_title="" data-rl_caption="">
                        <img decoding="async" id="wd-cl-img3"
                             alt="TOPLOTNE IZOLACIJE"
                             src="http://kkoblak.si/wp-content/uploads/2016/01/silvo-077.jpg"/>
                                            </a>
                    <input type="hidden" class="pagenum" value="1"/>
                                                                            <a class="gallery_group10" href="http://kkoblak.si/wp-content/uploads/2016/01/silvo-079.jpg"
                       title="" data-rel="lightbox-gallery-Hyy5hRPE" data-rl_title="" data-rl_caption="">
                        <img decoding="async" id="wd-cl-img4"
                             alt="TOPLOTNE IZOLACIJE"
                             src="http://kkoblak.si/wp-content/uploads/2016/01/silvo-079.jpg"/>
                                            </a>
                    <input type="hidden" class="pagenum" value="1"/>
                                                                            <a class="gallery_group10" href="http://kkoblak.si/wp-content/uploads/2015/12/20150217_130044.jpg"
                       title="" data-rel="lightbox-gallery-Hyy5hRPE" data-rl_title="" data-rl_caption="">
                        <img decoding="async" id="wd-cl-img5"
                             alt="TOPLOTNE IZOLACIJE"
                             src="http://kkoblak.si/wp-content/uploads/2015/12/20150217_130044.jpg"/>
                                            </a>
                    <input type="hidden" class="pagenum" value="1"/>
                                                                            <a class="gallery_group10" href="http://kkoblak.si/wp-content/uploads/2015/12/20150217_134546.jpg"
                       title="" data-rel="lightbox-gallery-Hyy5hRPE" data-rl_title="" data-rl_caption="">
                        <img decoding="async" id="wd-cl-img6"
                             alt="TOPLOTNE IZOLACIJE"
                             src="http://kkoblak.si/wp-content/uploads/2015/12/20150217_134546.jpg"/>
                                            </a>
                    <input type="hidden" class="pagenum" value="1"/>
                                                                            <a class="gallery_group10" href="http://kkoblak.si/wp-content/uploads/2016/02/IMG_00402.jpg"
                       title="" data-rel="lightbox-gallery-Hyy5hRPE" data-rl_title="" data-rl_caption="">
                        <img decoding="async" id="wd-cl-img7"
                             alt="TOPLOTNE IZOLACIJE"
                             src="https://kkoblak.si/wp-content/uploads/2016/02/IMG_00402-1024x576.jpg"/>
                                            </a>
                    <input type="hidden" class="pagenum" value="1"/>
                                        </div>
    </div>
<style>
.justified-gallery {
    width: 100%;
    position: relative;
}
.justified-gallery a{
    border:none;
}
.justified-gallery > a,
.justified-gallery > div {
    position: absolute;
    display: inline-block;
    opacity: 0;
    overflow:hidden;
    filter: alpha(opacity=0);
    /* IE8 or Earlier */
}
.justified-gallery > a > img,
.justified-gallery > div > img {
    position: absolute;
    top: 50%;
    left: 50%;
    padding: 0;
}
.justified-gallery > a > .caption,
.justified-gallery > div > .caption {
    display: none;
    position: absolute;
    bottom: 0;
    padding: 5px;
    left: 0;
    right: 0;
    margin: 0;
    color: #3AD6FC;
    font-size: 13px;
    font-weight: 300;
    font-family: sans-serif;
//margin-left: px;
    background:rgba(255,28,28,0.9)  !important;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space:nowrap;
}
.justified-gallery > a > .caption.caption-visible,
.justified-gallery > div > .caption.caption-visible {
    display: initial;
    filter: "alpha(opacity=70)";
    /* IE8 or Earlier */
    -webkit-animation: justified-gallery-show-caption-animation 500ms 0 ease;
    -moz-animation: justified-gallery-show-caption-animation 500ms 0 ease;
    -ms-animation: justified-gallery-show-caption-animation 500ms 0 ease;
}
.justified-gallery > .entry-visible {
    opacity: 1.0;
    filter: alpha(opacity=100);
    /* IE8 or Earlier */
    -webkit-animation: justified-gallery-show-entry-animation 300ms 0 ease;
    -moz-animation: justified-gallery-show-entry-animation 300ms 0 ease;
    -ms-animation: justified-gallery-show-entry-animation 300ms 0 ease;
}
.justified-gallery > .spinner {
    position: absolute;
    bottom: 0;
    margin-left: -24px;
    padding: 10px 0 10px 0;
    left: 50%;
    opacity: initial;
    filter: initial;
    overflow: initial;
}
.justified-gallery > .spinner > span {
    display: inline-block;
    opacity: 0;
    filter: alpha(opacity=0);
    /* IE8 or Earlier */
    width: 8px;
    height: 8px;
    margin: 0 4px 0 4px;
    background-color: #000;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
    border-bottom-left-radius: 6px;
}
.play-icon {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
}
.load_more2 {
    margin: 10px 0;
    position:relative;
    text-align:center;
    width:100%;
}
.load_more_button2 {
    border-radius: 10px;
    display:inline-block;
    padding:5px 15px;
    font-size:14px !important;;
    color:#FF1C1C !important;;
    background:#26A6FC !important;
    cursor:pointer;
}
.load_more_button2:hover{
    color:#FF4242 !important;
    background:#0FEFFF !important;
}
.loading2 {
    display:none;
}
.paginate2{
    font-size:18px !important;
    color:#26A6FC !important;
    text-align: center;
    margin-top: 25px;
}
.paginate2 a{
    border-bottom: none !important;
}
.icon-style2{
    font-size: 18px !important;
    color:#26A6FC !important;
}
.clear{
    clear:both;
}
.play-icon.youtube-icon {background:url(https://kkoblak.si/wp-content/plugins/gallery-images/assets/images/admin_images/play.youtube.png) center center no-repeat;}
.play-icon.vimeo-icon {background:url(https://kkoblak.si/wp-content/plugins/gallery-images/assets/images/admin_images/play.vimeo.png) center center no-repeat;}
</style></p>
<p>The post <a href="https://kkoblak.si/toplotne-izolacije/">TOPLOTNE IZOLACIJE</a> appeared first on <a href="https://kkoblak.si">KK Oblak, d.o.o.</a>.</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>VGRADNJA STREŠNIH OKEN</title>
		<link>https://kkoblak.si/vgradnja-stresnih-oken/</link>
		
		<dc:creator><![CDATA[admin]]></dc:creator>
		<pubDate>Sat, 12 Dec 2015 11:56:58 +0000</pubDate>
				<category><![CDATA[PONUDBA]]></category>
		<guid isPermaLink="false">http://localhost/website.com/?p=128</guid>

					<description><![CDATA[<p>VGRADNJA STREŠNIH OKEN Vgrajujemo strešna okna Velux, za katere smo strokovno usposobljeni. Pri tem vam nudimo strokovno svetovanje za najprimernejšo izbiro strešnih oken. Po želji pa vgradimo tudi strešna okna ostalih proizvajalcev. &#160;</p>
<p>The post <a href="https://kkoblak.si/vgradnja-stresnih-oken/">VGRADNJA STREŠNIH OKEN</a> appeared first on <a href="https://kkoblak.si">KK Oblak, d.o.o.</a>.</p>
]]></description>
										<content:encoded><![CDATA[<h1 style="text-align: center;"><span style="color: #008000;"><strong>VGRADNJA STREŠNIH OKEN</strong></span></h1>
<h2 style="text-align: center;">Vgrajujemo strešna okna Velux, za katere smo strokovno usposobljeni. Pri tem vam nudimo strokovno svetovanje za najprimernejšo izbiro strešnih oken. Po želji pa vgradimo tudi strešna okna ostalih proizvajalcev.</h2>
<p>&nbsp;</p>
<p style="text-align: center;"><style>
/*===== general options =========*/
a {
    box-shadow: none !important;
}

.view *, .album_categories *, .album_back_button *, #album_disabled_layer {
    font-family: sans-serif, Arial, Verdana, Sylfaen !important;
}

#album_disabled_layer {
    display: none;
    position: absolute;
    width: 100%;
    height: 100%;
    text-align: center;
    background-color: transparent;
    z-index: 10;
    padding-top: 20px;
    color: #fff;
}

#album_list_container {
    position: relative;
}

/* ====================== album onhover styles ==========================*/

#album_list .view {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    display: none;

}

.view .mask,
.view .content {
    width: 100%;
    height: 100%;
    position: absolute;
    overflow: hidden;
    top: 0;
    left: 0;
}

.view h2 {
    text-transform: uppercase;
    color: #fff;
    text-align: center;
    position: relative;
    font-size: 17px;
    font-family: Raleway, serif;
    padding: 10px;
    /*background: rgba(0, 0, 0, 0.8);*/
    margin: 20px 0 0 0;

}

.album_back_button a, .view a {
    text-decoration: none !important;
}

.view p {
    font-family: Merriweather, serif;
    font-style: italic;
    font-size: 14px;
    position: relative;
    color: #fff;
    padding: 0px 20px 0px;
    text-align: center;

}

.view a.info {
    display: inline-block;
    text-decoration: none;
    font-size: 13px;
    padding: 2px 14px;
    margin-bottom: 3px;
    background: #000;
    color: #fff;
    font-family: Raleway, serif;
    text-transform: uppercase;
    box-shadow: 0 0 1px #000
}

.mask-text h2 {
    font-size: 20px !important;
}

.view a.info:hover {
    box-shadow: 0 0 5px #000
}

.view .mask-bg {
    height: 100%;
}

.view .album_social {
    color: #fff;
    position: absolute;
    bottom: 3px;
    left: 3px;
    border: 1px solid #ffffff;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    padding: 3px 5px;

}

.view .album_social:active, .view .album_social:focus, .view .album_social:hover {
    color: #ffffff;
    outline: none;
}

/*1*/

.view .info {
    margin-top: 5px;
}

.view-first .mask {
    opacity: 0;
    background-color: rgba(0, 0, 0, 0.7);
    transition: all 0.4s ease-in-out;

}

.view-first h2 {
    transform: translateY(-100px);
    opacity: 0;
    font-family: Raleway, serif;
    transition: all 0.2s ease-in-out;
}

.view-first p {
    transform: translateY(100px);
    opacity: 0;
    transition: all 0.2s linear;
}

.view-first a.info {
    opacity: 0;
    transition: all 0.2s ease-in-out;
}

/* */

.view-first:hover img {
    /*transform: scale(1.1);*/
}

.view-first:hover .mask {
    opacity: 1;
}

.view-first:hover h2,
.view-first:hover p,
.view-first:hover a.info {
    opacity: 1;
    transform: translateY(0px);
}

.view-first:hover p {
    transition-delay: 0.1s;
}

.view-first:hover a.info {
    transition-delay: 0.2s;
}

/*2*/
.view-second img {
    -webkit-filter: grayscale(0) blur(0);
    filter: grayscale(0) blur(0);
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}

.view-second .mask {
    background-color: rgba(226, 200, 127, 0.2);
    transition: all 0.5s linear;
    opacity: 0;
}

.view-second h2 {
    background: transparent;
    margin: 20px 40px 0px 40px;
    transform: scale(0);
    color: #333;
    transition: all 0.5s linear;
    opacity: 0;
}

.view-second p {
    opacity: 0;
    transform: scale(0);
    transition: all 0.5s linear;
}

.view-second a.info {
    opacity: 0;
    transform: scale(0);
    transition: all 0.5s linear;
}

.view-second:hover img {
    -webkit-filter: grayscale(100%) blur(3px);
    filter: grayscale(100%) blur(3px);
}

.view-second:hover .mask {
    opacity: 1;
}

.view-second:hover h2,
.view-second:hover p,
.view-second:hover a.info {
    transform: scale(1);
    opacity: 1;
}

.view-second img {
    -webkit-filter: grayscale(0) blur(0);
    filter: grayscale(0) blur(0);
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}

.view-second:hover img {
    -webkit-filter: grayscale(100%) blur(3px);
    filter: grayscale(100%) blur(3px);
}

/*3*/

.view-third img {
    transform: scaleY(1);
    transition: all .7s ease-in-out;
}

.view-third a.info {
    opacity: 0;
    transform: scale(0);
    transition: all 0.5s linear;
}

.view-third:hover img {
    -webkit-transform: scale(10);
    transform: scale(10);
    opacity: 0;
}

.view-third:hover .mask {
    opacity: 1;
}

.view-third:hover h2,
.view-third:hover p,
.view-third:hover a.info {
    transform: scale(1);
    opacity: 1;
}

/* ==== view 4 ===*/

.view-forth-wrapper {
    overflow: hidden;
    position: relative !important;
    height: 100%;
    /* cursor: pointer;*/
}

.view-forth img {
    max-width: 100%;
    position: relative;
    top: 0;
    -webkit-transition: all 600ms cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: all 600ms cubic-bezier(0.645, 0.045, 0.355, 1);
}

.view-forth .mask {
    position: absolute;
    width: 100%;
    /*    height: 70px;*/
    /*    bottom: -70px;*/
    height: 50%;
    bottom: -50%;
    -webkit-transition: all 300ms cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: all 300ms cubic-bezier(0.645, 0.045, 0.355, 1);
    top: inherit;
}

.view-forth:hover .mask {
    bottom: 0;
}

.view-forth:hover img {
    top: -30px;
}

/*==  view 5 ==*/

.view-fifth .view-fifth-wrapper,
.view-fifth .view-fifth-wrapper img {
    display: block;
    position: relative;
}

.view-fifth .view-fifth-wrapper {
    overflow: hidden;
    height: 100%;
}

.view-fifth .view-fifth-wrapper .mask {
    display: none;
    position: absolute;
    background: #333;
    background: rgba(75, 75, 75, 0.7);
    width: 100%;
    height: 100%;
}

/* ====================== album category styles ==========================*/

#filters {
    margin: 1% 0;
    padding: 0;
    list-style: none;
    list-style-type: none !important;

}

#filters li {
    float: left;
    list-style-type: none !important;
}

#filters li:first-child span {
    margin-left: 0px;
}

#filters li span {
    display: block;
    text-decoration: none;
    cursor: pointer;
}

.album_categories {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    padding-top: 5px;
}

/*=========  sharing buttons  ============*/

.album_socials {
    position: relative;
    top: 3px;
    width: 100px;
    height: 28px;
    margin: 0 auto;
}

.album_socials .rwd-share-buttons {
    top: 0px !important;
    width: 100% !important;
    margin: 0px !important;
}

.album_socials a {
    text-decoration: underline !important;
}

.gallery_images, .album_image_place {
    margin-top: 15px;
    margin-top: 15px;
}

#rwd-share-facebook:hover {
    background-position: 0 -31px !important;
}

#rwd-share-twitter:hover {
    background-position: -31px 32px !important;
}

#rwd-share-googleplus:hover {
    background-position: -66px -31px !important;
}

.rwd-share-buttons li, .rwd-share-buttons li a {
    width: 26px !important;
    border: 0px !important;
}

.rwd-share-buttons {
    top: 0 !important;
}

.img_link_btn {
    position: absolute;
    z-index: 99999;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    padding: 8px;
}

.rwd-title {
    padding: 10px 0px !important;
}

@media only screen and (max-width: 475px) {
    .rwd-share-buttons {
        top: -25px !important;
    }

    .rwd-title-text {
        line-height: 15px;
    }
}

/*=========  hover style ===========*/

#hover {
    color: rgba(188, 175, 204, 0.9);
}

h2#testimonials {
    color: #fffae3;
}

div#all {
    width: 100%;
    height: 100%;
}

.view img {
    height: auto;
}

.view {
    color: #fff;
    margin: 0 10px 10px 0;
    overflow: hidden;
    position: relative;
    text-align: center;
    float: left;
    cursor: default;
    border: 1px solid #ccc;
}

.view-wrapper {
    height: 100%;
}

.view img {
    display: block;
    position: relative;
    transition: all 0.2s linear;
    height: 100%;
    width: auto;
    max-width: 100%;
    margin: 0 auto;
}

.mask-text h2 {
    font-size: 20px !important;
    margin-top: 20px !important;
}

/* view 1 */

.view-first .text-category, .view-first .mask-text h2, .view-first .mask-text p {
    color: #fff;
}

/*  view 2 */
.view-second .text-category, .view-second .mask-text h2, .view-second p {
    color: #333;
}

.view-second .mask-text h2 {
    border-bottom: 1px solid #333;
}

/* view 3*/
.view-third .mask {
    background-color: #ccc;
    transition: all 0.5s linear;
    opacity: 0;
    color: #333;
}

.view-third h2 {
    border-bottom: 1px solid #333;
    background: transparent;
    margin: 20px 40px 0px 40px;
    transform: scale(0);
    color: #333;
    transition: all 0.5s linear;
    opacity: 0;
}

.view-third p {
    color: #333;
    opacity: 0;
    transform: scale(0);
    transition: all 0.5s linear;
}

.view-third .text-category {
    color: #333;
}

/* view 4 */

.view-forth .mask-bg {
    background: #333;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.view-forth .mask-text {
    color: #fff;
    position: relative;
    z-index: 500;
    padding: 5px 8px;
}

.view-forth .mask-text h2 {
    margin: 0px;
    font-size: 13px;
    padding: 2px;
    color: #fff;
}

.view-forth .mask-text h2:hover {
    cursor: pointer;
}

.view-forth .text-category {
    display: block;
    font-size: 15px;
    color: #fff;
}

.view-forth p {
    color: #fff;
}

/* view 5 */
.view-fifth .text-category, .view-fifth .text-category *, .view-fifth .mask-text h2, .view-fifth .mask-text p {
    color: #fff;
}

</style><div id="mygallery_wrapper_11" class="gallery-img-content clear"
     data-gallery-id="11" data-content-per-page="5"
     data-rating-type="off">
    <div id="mygallery_11" class="mygallery view-justified clear">
                <input type="hidden" id="total" value="2"/>
                                                <a class="gallery_group11" href="http://kkoblak.si/wp-content/uploads/2016/08/IMG_6394.jpg"
                       title="" data-rel="lightbox-gallery-pmNi76sb" data-rl_title="" data-rl_caption="">
                        <img decoding="async" id="wd-cl-img0"
                             alt="VGRADNJA STREŠNIH OKEN"
                             src="https://kkoblak.si/wp-content/uploads/2016/08/IMG_6394-768x1024.jpg"/>
                                            </a>
                    <input type="hidden" class="pagenum" value="1"/>
                                                                            <a class="gallery_group11" href="http://kkoblak.si/wp-content/uploads/2016/08/IMG_6399.jpg"
                       title="" data-rel="lightbox-gallery-pmNi76sb" data-rl_title="" data-rl_caption="">
                        <img decoding="async" id="wd-cl-img1"
                             alt="VGRADNJA STREŠNIH OKEN"
                             src="https://kkoblak.si/wp-content/uploads/2016/08/IMG_6399-1024x768.jpg"/>
                                            </a>
                    <input type="hidden" class="pagenum" value="1"/>
                                                                            <a class="gallery_group11" href="http://kkoblak.si/wp-content/uploads/2016/08/IMG_6407.jpg"
                       title="" data-rel="lightbox-gallery-pmNi76sb" data-rl_title="" data-rl_caption="">
                        <img decoding="async" id="wd-cl-img2"
                             alt="VGRADNJA STREŠNIH OKEN"
                             src="https://kkoblak.si/wp-content/uploads/2016/08/IMG_6407-1024x768.jpg"/>
                                            </a>
                    <input type="hidden" class="pagenum" value="1"/>
                                                                            <a class="gallery_group11" href="http://kkoblak.si/wp-content/uploads/2016/08/IMG_6410.jpg"
                       title="" data-rel="lightbox-gallery-pmNi76sb" data-rl_title="" data-rl_caption="">
                        <img decoding="async" id="wd-cl-img3"
                             alt="VGRADNJA STREŠNIH OKEN"
                             src="https://kkoblak.si/wp-content/uploads/2016/08/IMG_6410-768x1024.jpg"/>
                                            </a>
                    <input type="hidden" class="pagenum" value="1"/>
                                                                            <a class="gallery_group11" href="http://kkoblak.si/wp-content/uploads/2016/08/IMG_6397.jpg"
                       title="" data-rel="lightbox-gallery-pmNi76sb" data-rl_title="" data-rl_caption="">
                        <img decoding="async" id="wd-cl-img4"
                             alt="VGRADNJA STREŠNIH OKEN"
                             src="https://kkoblak.si/wp-content/uploads/2016/08/IMG_6397-768x1024.jpg"/>
                                            </a>
                    <input type="hidden" class="pagenum" value="1"/>
                                                                            <a class="gallery_group11" href="http://kkoblak.si/wp-content/uploads/2016/08/IMG_6420-–-kopija-–-kopija.jpg"
                       title="" data-rel="lightbox-gallery-pmNi76sb" data-rl_title="" data-rl_caption="">
                        <img decoding="async" id="wd-cl-img5"
                             alt="VGRADNJA STREŠNIH OKEN"
                             src="https://kkoblak.si/wp-content/uploads/2016/08/IMG_6420-–-kopija-–-kopija-1024x768.jpg"/>
                                            </a>
                    <input type="hidden" class="pagenum" value="1"/>
                                                                            <a class="gallery_group11" href="http://kkoblak.si/wp-content/uploads/2015/12/20151027_072139884_iOS.jpg"
                       title="" data-rel="lightbox-gallery-pmNi76sb" data-rl_title="" data-rl_caption="">
                        <img decoding="async" id="wd-cl-img6"
                             alt="VGRADNJA STREŠNIH OKEN"
                             src="http://kkoblak.si/wp-content/uploads/2015/12/20151027_072139884_iOS.jpg"/>
                                            </a>
                    <input type="hidden" class="pagenum" value="1"/>
                                                                            <a class="gallery_group11" href="http://kkoblak.si/wp-content/uploads/2015/12/20151027_072705265_iOS.jpg"
                       title="" data-rel="lightbox-gallery-pmNi76sb" data-rl_title="" data-rl_caption="">
                        <img decoding="async" id="wd-cl-img7"
                             alt="VGRADNJA STREŠNIH OKEN"
                             src="http://kkoblak.si/wp-content/uploads/2015/12/20151027_072705265_iOS.jpg"/>
                                            </a>
                    <input type="hidden" class="pagenum" value="1"/>
                                                                            <a class="gallery_group11" href="http://kkoblak.si/wp-content/uploads/2015/12/20151027_072147021_iOS.jpg"
                       title="" data-rel="lightbox-gallery-pmNi76sb" data-rl_title="" data-rl_caption="">
                        <img decoding="async" id="wd-cl-img8"
                             alt="VGRADNJA STREŠNIH OKEN"
                             src="http://kkoblak.si/wp-content/uploads/2015/12/20151027_072147021_iOS.jpg"/>
                                            </a>
                    <input type="hidden" class="pagenum" value="1"/>
                                        </div>
    </div>
<style>
.justified-gallery {
    width: 100%;
    position: relative;
}
.justified-gallery a{
    border:none;
}
.justified-gallery > a,
.justified-gallery > div {
    position: absolute;
    display: inline-block;
    opacity: 0;
    overflow:hidden;
    filter: alpha(opacity=0);
    /* IE8 or Earlier */
}
.justified-gallery > a > img,
.justified-gallery > div > img {
    position: absolute;
    top: 50%;
    left: 50%;
    padding: 0;
}
.justified-gallery > a > .caption,
.justified-gallery > div > .caption {
    display: none;
    position: absolute;
    bottom: 0;
    padding: 5px;
    left: 0;
    right: 0;
    margin: 0;
    color: #3AD6FC;
    font-size: 13px;
    font-weight: 300;
    font-family: sans-serif;
//margin-left: px;
    background:rgba(255,28,28,0.9)  !important;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space:nowrap;
}
.justified-gallery > a > .caption.caption-visible,
.justified-gallery > div > .caption.caption-visible {
    display: initial;
    filter: "alpha(opacity=70)";
    /* IE8 or Earlier */
    -webkit-animation: justified-gallery-show-caption-animation 500ms 0 ease;
    -moz-animation: justified-gallery-show-caption-animation 500ms 0 ease;
    -ms-animation: justified-gallery-show-caption-animation 500ms 0 ease;
}
.justified-gallery > .entry-visible {
    opacity: 1.0;
    filter: alpha(opacity=100);
    /* IE8 or Earlier */
    -webkit-animation: justified-gallery-show-entry-animation 300ms 0 ease;
    -moz-animation: justified-gallery-show-entry-animation 300ms 0 ease;
    -ms-animation: justified-gallery-show-entry-animation 300ms 0 ease;
}
.justified-gallery > .spinner {
    position: absolute;
    bottom: 0;
    margin-left: -24px;
    padding: 10px 0 10px 0;
    left: 50%;
    opacity: initial;
    filter: initial;
    overflow: initial;
}
.justified-gallery > .spinner > span {
    display: inline-block;
    opacity: 0;
    filter: alpha(opacity=0);
    /* IE8 or Earlier */
    width: 8px;
    height: 8px;
    margin: 0 4px 0 4px;
    background-color: #000;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
    border-bottom-left-radius: 6px;
}
.play-icon {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
}
.load_more2 {
    margin: 10px 0;
    position:relative;
    text-align:center;
    width:100%;
}
.load_more_button2 {
    border-radius: 10px;
    display:inline-block;
    padding:5px 15px;
    font-size:14px !important;;
    color:#FF1C1C !important;;
    background:#26A6FC !important;
    cursor:pointer;
}
.load_more_button2:hover{
    color:#FF4242 !important;
    background:#0FEFFF !important;
}
.loading2 {
    display:none;
}
.paginate2{
    font-size:18px !important;
    color:#26A6FC !important;
    text-align: center;
    margin-top: 25px;
}
.paginate2 a{
    border-bottom: none !important;
}
.icon-style2{
    font-size: 18px !important;
    color:#26A6FC !important;
}
.clear{
    clear:both;
}
.play-icon.youtube-icon {background:url(https://kkoblak.si/wp-content/plugins/gallery-images/assets/images/admin_images/play.youtube.png) center center no-repeat;}
.play-icon.vimeo-icon {background:url(https://kkoblak.si/wp-content/plugins/gallery-images/assets/images/admin_images/play.vimeo.png) center center no-repeat;}
</style></p>
<p>The post <a href="https://kkoblak.si/vgradnja-stresnih-oken/">VGRADNJA STREŠNIH OKEN</a> appeared first on <a href="https://kkoblak.si">KK Oblak, d.o.o.</a>.</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>MANSARDE</title>
		<link>https://kkoblak.si/mansarde/</link>
		
		<dc:creator><![CDATA[admin]]></dc:creator>
		<pubDate>Sat, 12 Dec 2015 11:55:12 +0000</pubDate>
				<category><![CDATA[PONUDBA]]></category>
		<guid isPermaLink="false">http://localhost/website.com/?p=130</guid>

					<description><![CDATA[<p>MANSARDE Delamo pa tudi pod streho. Izvajamo vsa suhomontažna dela s sistemom Knauf, kot so izdelava mansardnih stanovanj in predelnih sten. Prevzamemo kompletno izgradnjo in obnovo mansard (knauf, elektroinštalacije, vodoinštalacije, centralna, tlakarska dela, slikopleskarska dela&#8230;) &#160;</p>
<p>The post <a href="https://kkoblak.si/mansarde/">MANSARDE</a> appeared first on <a href="https://kkoblak.si">KK Oblak, d.o.o.</a>.</p>
]]></description>
										<content:encoded><![CDATA[<h1 style="text-align: center;"><span style="color: #008000;"><strong>MANSARDE</strong></span></h1>
<h2 style="text-align: center;">Delamo pa tudi pod streho. Izvajamo vsa suhomontažna dela s sistemom Knauf, kot so izdelava mansardnih stanovanj in predelnih sten.</h2>
<h2 style="text-align: center;">Prevzamemo kompletno izgradnjo in obnovo mansard (knauf, elektroinštalacije, vodoinštalacije, centralna, tlakarska dela, slikopleskarska dela&#8230;)</h2>
<p>&nbsp;</p>
<p style="text-align: center;"><style>
/*===== general options =========*/
a {
    box-shadow: none !important;
}

.view *, .album_categories *, .album_back_button *, #album_disabled_layer {
    font-family: sans-serif, Arial, Verdana, Sylfaen !important;
}

#album_disabled_layer {
    display: none;
    position: absolute;
    width: 100%;
    height: 100%;
    text-align: center;
    background-color: transparent;
    z-index: 10;
    padding-top: 20px;
    color: #fff;
}

#album_list_container {
    position: relative;
}

/* ====================== album onhover styles ==========================*/

#album_list .view {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    display: none;

}

.view .mask,
.view .content {
    width: 100%;
    height: 100%;
    position: absolute;
    overflow: hidden;
    top: 0;
    left: 0;
}

.view h2 {
    text-transform: uppercase;
    color: #fff;
    text-align: center;
    position: relative;
    font-size: 17px;
    font-family: Raleway, serif;
    padding: 10px;
    /*background: rgba(0, 0, 0, 0.8);*/
    margin: 20px 0 0 0;

}

.album_back_button a, .view a {
    text-decoration: none !important;
}

.view p {
    font-family: Merriweather, serif;
    font-style: italic;
    font-size: 14px;
    position: relative;
    color: #fff;
    padding: 0px 20px 0px;
    text-align: center;

}

.view a.info {
    display: inline-block;
    text-decoration: none;
    font-size: 13px;
    padding: 2px 14px;
    margin-bottom: 3px;
    background: #000;
    color: #fff;
    font-family: Raleway, serif;
    text-transform: uppercase;
    box-shadow: 0 0 1px #000
}

.mask-text h2 {
    font-size: 20px !important;
}

.view a.info:hover {
    box-shadow: 0 0 5px #000
}

.view .mask-bg {
    height: 100%;
}

.view .album_social {
    color: #fff;
    position: absolute;
    bottom: 3px;
    left: 3px;
    border: 1px solid #ffffff;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    padding: 3px 5px;

}

.view .album_social:active, .view .album_social:focus, .view .album_social:hover {
    color: #ffffff;
    outline: none;
}

/*1*/

.view .info {
    margin-top: 5px;
}

.view-first .mask {
    opacity: 0;
    background-color: rgba(0, 0, 0, 0.7);
    transition: all 0.4s ease-in-out;

}

.view-first h2 {
    transform: translateY(-100px);
    opacity: 0;
    font-family: Raleway, serif;
    transition: all 0.2s ease-in-out;
}

.view-first p {
    transform: translateY(100px);
    opacity: 0;
    transition: all 0.2s linear;
}

.view-first a.info {
    opacity: 0;
    transition: all 0.2s ease-in-out;
}

/* */

.view-first:hover img {
    /*transform: scale(1.1);*/
}

.view-first:hover .mask {
    opacity: 1;
}

.view-first:hover h2,
.view-first:hover p,
.view-first:hover a.info {
    opacity: 1;
    transform: translateY(0px);
}

.view-first:hover p {
    transition-delay: 0.1s;
}

.view-first:hover a.info {
    transition-delay: 0.2s;
}

/*2*/
.view-second img {
    -webkit-filter: grayscale(0) blur(0);
    filter: grayscale(0) blur(0);
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}

.view-second .mask {
    background-color: rgba(226, 200, 127, 0.2);
    transition: all 0.5s linear;
    opacity: 0;
}

.view-second h2 {
    background: transparent;
    margin: 20px 40px 0px 40px;
    transform: scale(0);
    color: #333;
    transition: all 0.5s linear;
    opacity: 0;
}

.view-second p {
    opacity: 0;
    transform: scale(0);
    transition: all 0.5s linear;
}

.view-second a.info {
    opacity: 0;
    transform: scale(0);
    transition: all 0.5s linear;
}

.view-second:hover img {
    -webkit-filter: grayscale(100%) blur(3px);
    filter: grayscale(100%) blur(3px);
}

.view-second:hover .mask {
    opacity: 1;
}

.view-second:hover h2,
.view-second:hover p,
.view-second:hover a.info {
    transform: scale(1);
    opacity: 1;
}

.view-second img {
    -webkit-filter: grayscale(0) blur(0);
    filter: grayscale(0) blur(0);
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}

.view-second:hover img {
    -webkit-filter: grayscale(100%) blur(3px);
    filter: grayscale(100%) blur(3px);
}

/*3*/

.view-third img {
    transform: scaleY(1);
    transition: all .7s ease-in-out;
}

.view-third a.info {
    opacity: 0;
    transform: scale(0);
    transition: all 0.5s linear;
}

.view-third:hover img {
    -webkit-transform: scale(10);
    transform: scale(10);
    opacity: 0;
}

.view-third:hover .mask {
    opacity: 1;
}

.view-third:hover h2,
.view-third:hover p,
.view-third:hover a.info {
    transform: scale(1);
    opacity: 1;
}

/* ==== view 4 ===*/

.view-forth-wrapper {
    overflow: hidden;
    position: relative !important;
    height: 100%;
    /* cursor: pointer;*/
}

.view-forth img {
    max-width: 100%;
    position: relative;
    top: 0;
    -webkit-transition: all 600ms cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: all 600ms cubic-bezier(0.645, 0.045, 0.355, 1);
}

.view-forth .mask {
    position: absolute;
    width: 100%;
    /*    height: 70px;*/
    /*    bottom: -70px;*/
    height: 50%;
    bottom: -50%;
    -webkit-transition: all 300ms cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: all 300ms cubic-bezier(0.645, 0.045, 0.355, 1);
    top: inherit;
}

.view-forth:hover .mask {
    bottom: 0;
}

.view-forth:hover img {
    top: -30px;
}

/*==  view 5 ==*/

.view-fifth .view-fifth-wrapper,
.view-fifth .view-fifth-wrapper img {
    display: block;
    position: relative;
}

.view-fifth .view-fifth-wrapper {
    overflow: hidden;
    height: 100%;
}

.view-fifth .view-fifth-wrapper .mask {
    display: none;
    position: absolute;
    background: #333;
    background: rgba(75, 75, 75, 0.7);
    width: 100%;
    height: 100%;
}

/* ====================== album category styles ==========================*/

#filters {
    margin: 1% 0;
    padding: 0;
    list-style: none;
    list-style-type: none !important;

}

#filters li {
    float: left;
    list-style-type: none !important;
}

#filters li:first-child span {
    margin-left: 0px;
}

#filters li span {
    display: block;
    text-decoration: none;
    cursor: pointer;
}

.album_categories {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    padding-top: 5px;
}

/*=========  sharing buttons  ============*/

.album_socials {
    position: relative;
    top: 3px;
    width: 100px;
    height: 28px;
    margin: 0 auto;
}

.album_socials .rwd-share-buttons {
    top: 0px !important;
    width: 100% !important;
    margin: 0px !important;
}

.album_socials a {
    text-decoration: underline !important;
}

.gallery_images, .album_image_place {
    margin-top: 15px;
    margin-top: 15px;
}

#rwd-share-facebook:hover {
    background-position: 0 -31px !important;
}

#rwd-share-twitter:hover {
    background-position: -31px 32px !important;
}

#rwd-share-googleplus:hover {
    background-position: -66px -31px !important;
}

.rwd-share-buttons li, .rwd-share-buttons li a {
    width: 26px !important;
    border: 0px !important;
}

.rwd-share-buttons {
    top: 0 !important;
}

.img_link_btn {
    position: absolute;
    z-index: 99999;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    padding: 8px;
}

.rwd-title {
    padding: 10px 0px !important;
}

@media only screen and (max-width: 475px) {
    .rwd-share-buttons {
        top: -25px !important;
    }

    .rwd-title-text {
        line-height: 15px;
    }
}

/*=========  hover style ===========*/

#hover {
    color: rgba(188, 175, 204, 0.9);
}

h2#testimonials {
    color: #fffae3;
}

div#all {
    width: 100%;
    height: 100%;
}

.view img {
    height: auto;
}

.view {
    color: #fff;
    margin: 0 10px 10px 0;
    overflow: hidden;
    position: relative;
    text-align: center;
    float: left;
    cursor: default;
    border: 1px solid #ccc;
}

.view-wrapper {
    height: 100%;
}

.view img {
    display: block;
    position: relative;
    transition: all 0.2s linear;
    height: 100%;
    width: auto;
    max-width: 100%;
    margin: 0 auto;
}

.mask-text h2 {
    font-size: 20px !important;
    margin-top: 20px !important;
}

/* view 1 */

.view-first .text-category, .view-first .mask-text h2, .view-first .mask-text p {
    color: #fff;
}

/*  view 2 */
.view-second .text-category, .view-second .mask-text h2, .view-second p {
    color: #333;
}

.view-second .mask-text h2 {
    border-bottom: 1px solid #333;
}

/* view 3*/
.view-third .mask {
    background-color: #ccc;
    transition: all 0.5s linear;
    opacity: 0;
    color: #333;
}

.view-third h2 {
    border-bottom: 1px solid #333;
    background: transparent;
    margin: 20px 40px 0px 40px;
    transform: scale(0);
    color: #333;
    transition: all 0.5s linear;
    opacity: 0;
}

.view-third p {
    color: #333;
    opacity: 0;
    transform: scale(0);
    transition: all 0.5s linear;
}

.view-third .text-category {
    color: #333;
}

/* view 4 */

.view-forth .mask-bg {
    background: #333;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.view-forth .mask-text {
    color: #fff;
    position: relative;
    z-index: 500;
    padding: 5px 8px;
}

.view-forth .mask-text h2 {
    margin: 0px;
    font-size: 13px;
    padding: 2px;
    color: #fff;
}

.view-forth .mask-text h2:hover {
    cursor: pointer;
}

.view-forth .text-category {
    display: block;
    font-size: 15px;
    color: #fff;
}

.view-forth p {
    color: #fff;
}

/* view 5 */
.view-fifth .text-category, .view-fifth .text-category *, .view-fifth .mask-text h2, .view-fifth .mask-text p {
    color: #fff;
}

</style><div id="mygallery_wrapper_9" class="gallery-img-content clear"
     data-gallery-id="9" data-content-per-page="5"
     data-rating-type="off">
    <div id="mygallery_9" class="mygallery view-justified clear">
                <input type="hidden" id="total" value="2"/>
                                                <a class="gallery_group9" href="http://kkoblak.si/wp-content/uploads/2015/11/2013-09-02-11.03.53.jpg"
                       title="" data-rel="lightbox-gallery-CEyEOmMm" data-rl_title="" data-rl_caption="">
                        <img decoding="async" id="wd-cl-img0"
                             alt="MANSARDE"
                             src="http://kkoblak.si/wp-content/uploads/2015/11/2013-09-02-11.03.53.jpg"/>
                                            </a>
                    <input type="hidden" class="pagenum" value="1"/>
                                                                            <a class="gallery_group9" href="http://kkoblak.si/wp-content/uploads/2015/11/2013-09-02-11.04.21.jpg"
                       title="" data-rel="lightbox-gallery-CEyEOmMm" data-rl_title="" data-rl_caption="">
                        <img decoding="async" id="wd-cl-img1"
                             alt="MANSARDE"
                             src="http://kkoblak.si/wp-content/uploads/2015/11/2013-09-02-11.04.21.jpg"/>
                                            </a>
                    <input type="hidden" class="pagenum" value="1"/>
                                                                            <a class="gallery_group9" href="http://kkoblak.si/wp-content/uploads/2015/11/2013-09-02-11.04.28.jpg"
                       title="" data-rel="lightbox-gallery-CEyEOmMm" data-rl_title="" data-rl_caption="">
                        <img decoding="async" id="wd-cl-img2"
                             alt="MANSARDE"
                             src="http://kkoblak.si/wp-content/uploads/2015/11/2013-09-02-11.04.28.jpg"/>
                                            </a>
                    <input type="hidden" class="pagenum" value="1"/>
                                                                            <a class="gallery_group9" href="http://kkoblak.si/wp-content/uploads/2015/11/2013-09-02-11.04.11.jpg"
                       title="" data-rel="lightbox-gallery-CEyEOmMm" data-rl_title="" data-rl_caption="">
                        <img decoding="async" id="wd-cl-img3"
                             alt="MANSARDE"
                             src="http://kkoblak.si/wp-content/uploads/2015/11/2013-09-02-11.04.11.jpg"/>
                                            </a>
                    <input type="hidden" class="pagenum" value="1"/>
                                                                            <a class="gallery_group9" href="http://kkoblak.si/wp-content/uploads/2015/11/2013-09-02-11.04.50.jpg"
                       title="" data-rel="lightbox-gallery-CEyEOmMm" data-rl_title="" data-rl_caption="">
                        <img decoding="async" id="wd-cl-img4"
                             alt="MANSARDE"
                             src="http://kkoblak.si/wp-content/uploads/2015/11/2013-09-02-11.04.50.jpg"/>
                                            </a>
                    <input type="hidden" class="pagenum" value="1"/>
                                                                            <a class="gallery_group9" href="http://kkoblak.si/wp-content/uploads/2015/11/2013-09-19-07.36.45.jpg"
                       title="" data-rel="lightbox-gallery-CEyEOmMm" data-rl_title="" data-rl_caption="">
                        <img decoding="async" id="wd-cl-img5"
                             alt="MANSARDE"
                             src="http://kkoblak.si/wp-content/uploads/2015/11/2013-09-19-07.36.45.jpg"/>
                                            </a>
                    <input type="hidden" class="pagenum" value="1"/>
                                                                            <a class="gallery_group9" href="http://kkoblak.si/wp-content/uploads/2015/11/2013-09-19-07.37.19.jpg"
                       title="" data-rel="lightbox-gallery-CEyEOmMm" data-rl_title="" data-rl_caption="">
                        <img decoding="async" id="wd-cl-img6"
                             alt="MANSARDE"
                             src="http://kkoblak.si/wp-content/uploads/2015/11/2013-09-19-07.37.19.jpg"/>
                                            </a>
                    <input type="hidden" class="pagenum" value="1"/>
                                                                            <a class="gallery_group9" href="http://kkoblak.si/wp-content/uploads/2015/11/luka-008.jpg"
                       title="" data-rel="lightbox-gallery-CEyEOmMm" data-rl_title="" data-rl_caption="">
                        <img decoding="async" id="wd-cl-img7"
                             alt="MANSARDE"
                             src="http://kkoblak.si/wp-content/uploads/2015/11/luka-008.jpg"/>
                                            </a>
                    <input type="hidden" class="pagenum" value="1"/>
                                                                            <a class="gallery_group9" href="http://kkoblak.si/wp-content/uploads/2015/11/luka-009.jpg"
                       title="" data-rel="lightbox-gallery-CEyEOmMm" data-rl_title="" data-rl_caption="">
                        <img decoding="async" id="wd-cl-img8"
                             alt="MANSARDE"
                             src="http://kkoblak.si/wp-content/uploads/2015/11/luka-009.jpg"/>
                                            </a>
                    <input type="hidden" class="pagenum" value="1"/>
                                                                            <a class="gallery_group9" href="http://kkoblak.si/wp-content/uploads/2015/11/luka-010.jpg"
                       title="" data-rel="lightbox-gallery-CEyEOmMm" data-rl_title="" data-rl_caption="">
                        <img decoding="async" id="wd-cl-img9"
                             alt="MANSARDE"
                             src="http://kkoblak.si/wp-content/uploads/2015/11/luka-010.jpg"/>
                                            </a>
                    <input type="hidden" class="pagenum" value="1"/>
                                        </div>
    </div>
<style>
.justified-gallery {
    width: 100%;
    position: relative;
}
.justified-gallery a{
    border:none;
}
.justified-gallery > a,
.justified-gallery > div {
    position: absolute;
    display: inline-block;
    opacity: 0;
    overflow:hidden;
    filter: alpha(opacity=0);
    /* IE8 or Earlier */
}
.justified-gallery > a > img,
.justified-gallery > div > img {
    position: absolute;
    top: 50%;
    left: 50%;
    padding: 0;
}
.justified-gallery > a > .caption,
.justified-gallery > div > .caption {
    display: none;
    position: absolute;
    bottom: 0;
    padding: 5px;
    left: 0;
    right: 0;
    margin: 0;
    color: #3AD6FC;
    font-size: 13px;
    font-weight: 300;
    font-family: sans-serif;
//margin-left: px;
    background:rgba(255,28,28,0.9)  !important;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space:nowrap;
}
.justified-gallery > a > .caption.caption-visible,
.justified-gallery > div > .caption.caption-visible {
    display: initial;
    filter: "alpha(opacity=70)";
    /* IE8 or Earlier */
    -webkit-animation: justified-gallery-show-caption-animation 500ms 0 ease;
    -moz-animation: justified-gallery-show-caption-animation 500ms 0 ease;
    -ms-animation: justified-gallery-show-caption-animation 500ms 0 ease;
}
.justified-gallery > .entry-visible {
    opacity: 1.0;
    filter: alpha(opacity=100);
    /* IE8 or Earlier */
    -webkit-animation: justified-gallery-show-entry-animation 300ms 0 ease;
    -moz-animation: justified-gallery-show-entry-animation 300ms 0 ease;
    -ms-animation: justified-gallery-show-entry-animation 300ms 0 ease;
}
.justified-gallery > .spinner {
    position: absolute;
    bottom: 0;
    margin-left: -24px;
    padding: 10px 0 10px 0;
    left: 50%;
    opacity: initial;
    filter: initial;
    overflow: initial;
}
.justified-gallery > .spinner > span {
    display: inline-block;
    opacity: 0;
    filter: alpha(opacity=0);
    /* IE8 or Earlier */
    width: 8px;
    height: 8px;
    margin: 0 4px 0 4px;
    background-color: #000;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
    border-bottom-left-radius: 6px;
}
.play-icon {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
}
.load_more2 {
    margin: 10px 0;
    position:relative;
    text-align:center;
    width:100%;
}
.load_more_button2 {
    border-radius: 10px;
    display:inline-block;
    padding:5px 15px;
    font-size:14px !important;;
    color:#FF1C1C !important;;
    background:#26A6FC !important;
    cursor:pointer;
}
.load_more_button2:hover{
    color:#FF4242 !important;
    background:#0FEFFF !important;
}
.loading2 {
    display:none;
}
.paginate2{
    font-size:18px !important;
    color:#26A6FC !important;
    text-align: center;
    margin-top: 25px;
}
.paginate2 a{
    border-bottom: none !important;
}
.icon-style2{
    font-size: 18px !important;
    color:#26A6FC !important;
}
.clear{
    clear:both;
}
.play-icon.youtube-icon {background:url(https://kkoblak.si/wp-content/plugins/gallery-images/assets/images/admin_images/play.youtube.png) center center no-repeat;}
.play-icon.vimeo-icon {background:url(https://kkoblak.si/wp-content/plugins/gallery-images/assets/images/admin_images/play.vimeo.png) center center no-repeat;}
</style></p>
<p>The post <a href="https://kkoblak.si/mansarde/">MANSARDE</a> appeared first on <a href="https://kkoblak.si">KK Oblak, d.o.o.</a>.</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>BRUNARICE IN SKELETNA GRADNJA</title>
		<link>https://kkoblak.si/brunarice-in-skeletna-gradnja/</link>
		
		<dc:creator><![CDATA[admin]]></dc:creator>
		<pubDate>Sat, 12 Dec 2015 11:54:04 +0000</pubDate>
				<category><![CDATA[PONUDBA]]></category>
		<guid isPermaLink="false">http://localhost/website.com/?p=124</guid>

					<description><![CDATA[<p>&#160; BRUNARICE IN SKELETNA GRADNJA Izdelamo in postavimo montažne in skeletne hiše ter brunarice vseh vrst. Izdelane so iz masivnega ali lepljenega lesa s pomočjo CNC stroja. Izvedemo vse kar imamo v ponudbi, poleg tega pa prevzamemo tudi vsa zaključna dela, kot so elektroinštalacije, vodoinštalacije, tlakarska dela, slikopleskarska dela &#8230; &#8211; MONTAŽNE HIŠE IN SKELETNA GRADNJA &#8211; [&#8230;]</p>
<p>The post <a href="https://kkoblak.si/brunarice-in-skeletna-gradnja/">BRUNARICE IN SKELETNA GRADNJA</a> appeared first on <a href="https://kkoblak.si">KK Oblak, d.o.o.</a>.</p>
]]></description>
										<content:encoded><![CDATA[<p>&nbsp;</p>
<h1 style="text-align: center;"><strong><span style="color: #008000;">BRUNARICE IN SKELETNA GRADNJA</span></strong></h1>
<h2 style="text-align: center;">Izdelamo in postavimo montažne in skeletne hiše ter brunarice vseh vrst. Izdelane so iz masivnega ali lepljenega lesa s pomočjo CNC stroja.</h2>
<h2 style="text-align: center;">Izvedemo vse kar imamo v ponudbi, poleg tega pa prevzamemo tudi vsa zaključna dela, kot so elektroinštalacije, vodoinštalacije, tlakarska dela, slikopleskarska dela &#8230;</h2>
<h3 style="text-align: center;"><strong><span style="color: #0000ff;">&#8211; MONTAŽNE HIŠE IN SKELETNA GRADNJA</span></strong></h3>
<p><a href="http://kkoblak.si/reference/skeletna-hisa-brezovica/"><img fetchpriority="high" decoding="async" class="size-medium wp-image-764 aligncenter" src="http://kkoblak.si/wp-content/uploads/2015/11/1-3-SKELETNE-BREZOVCA-300x298.jpg" alt="" width="300" height="298" srcset="https://kkoblak.si/wp-content/uploads/2015/11/1-3-SKELETNE-BREZOVCA-300x298.jpg 300w, https://kkoblak.si/wp-content/uploads/2015/11/1-3-SKELETNE-BREZOVCA-150x150.jpg 150w, https://kkoblak.si/wp-content/uploads/2015/11/1-3-SKELETNE-BREZOVCA-768x762.jpg 768w, https://kkoblak.si/wp-content/uploads/2015/11/1-3-SKELETNE-BREZOVCA-1024x1016.jpg 1024w" sizes="(max-width: 300px) 100vw, 300px" /></a><a href="http://kkoblak.si/reference/skeletna-hisa-gameljne-2/"><img decoding="async" class="wp-image-616 aligncenter" src="http://kkoblak.si/wp-content/uploads/2015/11/1-3-SKELETNE-GAMELJNE-300x298.jpg" alt="Skeletna hiša Gameljne" width="341" height="339" srcset="https://kkoblak.si/wp-content/uploads/2015/11/1-3-SKELETNE-GAMELJNE-300x298.jpg 300w, https://kkoblak.si/wp-content/uploads/2015/11/1-3-SKELETNE-GAMELJNE-150x150.jpg 150w, https://kkoblak.si/wp-content/uploads/2015/11/1-3-SKELETNE-GAMELJNE-768x762.jpg 768w, https://kkoblak.si/wp-content/uploads/2015/11/1-3-SKELETNE-GAMELJNE-1024x1016.jpg 1024w" sizes="(max-width: 341px) 100vw, 341px" /></a></p>
<div class="wp-caption-dd"></div>
<div class="wp-caption-dd"></div>
<div class="wp-caption-dd"></div>
<div class="wp-caption-dd"></div>
<div class="wp-caption-dd"></div>
<div class="wp-caption-dd"></div>
<div class="wp-caption-dd"></div>
<div class="wp-caption-dd"></div>
<div class="wp-caption-dd"></div>
<div class="wp-caption-dd"></div>
<div class="wp-caption-dd"></div>
<div class="wp-caption-dd"></div>
<div class="wp-caption-dd"></div>
<p style="text-align: center;"><style>
/*===== general options =========*/
a {
    box-shadow: none !important;
}

.view *, .album_categories *, .album_back_button *, #album_disabled_layer {
    font-family: sans-serif, Arial, Verdana, Sylfaen !important;
}

#album_disabled_layer {
    display: none;
    position: absolute;
    width: 100%;
    height: 100%;
    text-align: center;
    background-color: transparent;
    z-index: 10;
    padding-top: 20px;
    color: #fff;
}

#album_list_container {
    position: relative;
}

/* ====================== album onhover styles ==========================*/

#album_list .view {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    display: none;

}

.view .mask,
.view .content {
    width: 100%;
    height: 100%;
    position: absolute;
    overflow: hidden;
    top: 0;
    left: 0;
}

.view h2 {
    text-transform: uppercase;
    color: #fff;
    text-align: center;
    position: relative;
    font-size: 17px;
    font-family: Raleway, serif;
    padding: 10px;
    /*background: rgba(0, 0, 0, 0.8);*/
    margin: 20px 0 0 0;

}

.album_back_button a, .view a {
    text-decoration: none !important;
}

.view p {
    font-family: Merriweather, serif;
    font-style: italic;
    font-size: 14px;
    position: relative;
    color: #fff;
    padding: 0px 20px 0px;
    text-align: center;

}

.view a.info {
    display: inline-block;
    text-decoration: none;
    font-size: 13px;
    padding: 2px 14px;
    margin-bottom: 3px;
    background: #000;
    color: #fff;
    font-family: Raleway, serif;
    text-transform: uppercase;
    box-shadow: 0 0 1px #000
}

.mask-text h2 {
    font-size: 20px !important;
}

.view a.info:hover {
    box-shadow: 0 0 5px #000
}

.view .mask-bg {
    height: 100%;
}

.view .album_social {
    color: #fff;
    position: absolute;
    bottom: 3px;
    left: 3px;
    border: 1px solid #ffffff;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    padding: 3px 5px;

}

.view .album_social:active, .view .album_social:focus, .view .album_social:hover {
    color: #ffffff;
    outline: none;
}

/*1*/

.view .info {
    margin-top: 5px;
}

.view-first .mask {
    opacity: 0;
    background-color: rgba(0, 0, 0, 0.7);
    transition: all 0.4s ease-in-out;

}

.view-first h2 {
    transform: translateY(-100px);
    opacity: 0;
    font-family: Raleway, serif;
    transition: all 0.2s ease-in-out;
}

.view-first p {
    transform: translateY(100px);
    opacity: 0;
    transition: all 0.2s linear;
}

.view-first a.info {
    opacity: 0;
    transition: all 0.2s ease-in-out;
}

/* */

.view-first:hover img {
    /*transform: scale(1.1);*/
}

.view-first:hover .mask {
    opacity: 1;
}

.view-first:hover h2,
.view-first:hover p,
.view-first:hover a.info {
    opacity: 1;
    transform: translateY(0px);
}

.view-first:hover p {
    transition-delay: 0.1s;
}

.view-first:hover a.info {
    transition-delay: 0.2s;
}

/*2*/
.view-second img {
    -webkit-filter: grayscale(0) blur(0);
    filter: grayscale(0) blur(0);
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}

.view-second .mask {
    background-color: rgba(226, 200, 127, 0.2);
    transition: all 0.5s linear;
    opacity: 0;
}

.view-second h2 {
    background: transparent;
    margin: 20px 40px 0px 40px;
    transform: scale(0);
    color: #333;
    transition: all 0.5s linear;
    opacity: 0;
}

.view-second p {
    opacity: 0;
    transform: scale(0);
    transition: all 0.5s linear;
}

.view-second a.info {
    opacity: 0;
    transform: scale(0);
    transition: all 0.5s linear;
}

.view-second:hover img {
    -webkit-filter: grayscale(100%) blur(3px);
    filter: grayscale(100%) blur(3px);
}

.view-second:hover .mask {
    opacity: 1;
}

.view-second:hover h2,
.view-second:hover p,
.view-second:hover a.info {
    transform: scale(1);
    opacity: 1;
}

.view-second img {
    -webkit-filter: grayscale(0) blur(0);
    filter: grayscale(0) blur(0);
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}

.view-second:hover img {
    -webkit-filter: grayscale(100%) blur(3px);
    filter: grayscale(100%) blur(3px);
}

/*3*/

.view-third img {
    transform: scaleY(1);
    transition: all .7s ease-in-out;
}

.view-third a.info {
    opacity: 0;
    transform: scale(0);
    transition: all 0.5s linear;
}

.view-third:hover img {
    -webkit-transform: scale(10);
    transform: scale(10);
    opacity: 0;
}

.view-third:hover .mask {
    opacity: 1;
}

.view-third:hover h2,
.view-third:hover p,
.view-third:hover a.info {
    transform: scale(1);
    opacity: 1;
}

/* ==== view 4 ===*/

.view-forth-wrapper {
    overflow: hidden;
    position: relative !important;
    height: 100%;
    /* cursor: pointer;*/
}

.view-forth img {
    max-width: 100%;
    position: relative;
    top: 0;
    -webkit-transition: all 600ms cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: all 600ms cubic-bezier(0.645, 0.045, 0.355, 1);
}

.view-forth .mask {
    position: absolute;
    width: 100%;
    /*    height: 70px;*/
    /*    bottom: -70px;*/
    height: 50%;
    bottom: -50%;
    -webkit-transition: all 300ms cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: all 300ms cubic-bezier(0.645, 0.045, 0.355, 1);
    top: inherit;
}

.view-forth:hover .mask {
    bottom: 0;
}

.view-forth:hover img {
    top: -30px;
}

/*==  view 5 ==*/

.view-fifth .view-fifth-wrapper,
.view-fifth .view-fifth-wrapper img {
    display: block;
    position: relative;
}

.view-fifth .view-fifth-wrapper {
    overflow: hidden;
    height: 100%;
}

.view-fifth .view-fifth-wrapper .mask {
    display: none;
    position: absolute;
    background: #333;
    background: rgba(75, 75, 75, 0.7);
    width: 100%;
    height: 100%;
}

/* ====================== album category styles ==========================*/

#filters {
    margin: 1% 0;
    padding: 0;
    list-style: none;
    list-style-type: none !important;

}

#filters li {
    float: left;
    list-style-type: none !important;
}

#filters li:first-child span {
    margin-left: 0px;
}

#filters li span {
    display: block;
    text-decoration: none;
    cursor: pointer;
}

.album_categories {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    padding-top: 5px;
}

/*=========  sharing buttons  ============*/

.album_socials {
    position: relative;
    top: 3px;
    width: 100px;
    height: 28px;
    margin: 0 auto;
}

.album_socials .rwd-share-buttons {
    top: 0px !important;
    width: 100% !important;
    margin: 0px !important;
}

.album_socials a {
    text-decoration: underline !important;
}

.gallery_images, .album_image_place {
    margin-top: 15px;
    margin-top: 15px;
}

#rwd-share-facebook:hover {
    background-position: 0 -31px !important;
}

#rwd-share-twitter:hover {
    background-position: -31px 32px !important;
}

#rwd-share-googleplus:hover {
    background-position: -66px -31px !important;
}

.rwd-share-buttons li, .rwd-share-buttons li a {
    width: 26px !important;
    border: 0px !important;
}

.rwd-share-buttons {
    top: 0 !important;
}

.img_link_btn {
    position: absolute;
    z-index: 99999;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    padding: 8px;
}

.rwd-title {
    padding: 10px 0px !important;
}

@media only screen and (max-width: 475px) {
    .rwd-share-buttons {
        top: -25px !important;
    }

    .rwd-title-text {
        line-height: 15px;
    }
}

/*=========  hover style ===========*/

#hover {
    color: rgba(188, 175, 204, 0.9);
}

h2#testimonials {
    color: #fffae3;
}

div#all {
    width: 100%;
    height: 100%;
}

.view img {
    height: auto;
}

.view {
    color: #fff;
    margin: 0 10px 10px 0;
    overflow: hidden;
    position: relative;
    text-align: center;
    float: left;
    cursor: default;
    border: 1px solid #ccc;
}

.view-wrapper {
    height: 100%;
}

.view img {
    display: block;
    position: relative;
    transition: all 0.2s linear;
    height: 100%;
    width: auto;
    max-width: 100%;
    margin: 0 auto;
}

.mask-text h2 {
    font-size: 20px !important;
    margin-top: 20px !important;
}

/* view 1 */

.view-first .text-category, .view-first .mask-text h2, .view-first .mask-text p {
    color: #fff;
}

/*  view 2 */
.view-second .text-category, .view-second .mask-text h2, .view-second p {
    color: #333;
}

.view-second .mask-text h2 {
    border-bottom: 1px solid #333;
}

/* view 3*/
.view-third .mask {
    background-color: #ccc;
    transition: all 0.5s linear;
    opacity: 0;
    color: #333;
}

.view-third h2 {
    border-bottom: 1px solid #333;
    background: transparent;
    margin: 20px 40px 0px 40px;
    transform: scale(0);
    color: #333;
    transition: all 0.5s linear;
    opacity: 0;
}

.view-third p {
    color: #333;
    opacity: 0;
    transform: scale(0);
    transition: all 0.5s linear;
}

.view-third .text-category {
    color: #333;
}

/* view 4 */

.view-forth .mask-bg {
    background: #333;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.view-forth .mask-text {
    color: #fff;
    position: relative;
    z-index: 500;
    padding: 5px 8px;
}

.view-forth .mask-text h2 {
    margin: 0px;
    font-size: 13px;
    padding: 2px;
    color: #fff;
}

.view-forth .mask-text h2:hover {
    cursor: pointer;
}

.view-forth .text-category {
    display: block;
    font-size: 15px;
    color: #fff;
}

.view-forth p {
    color: #fff;
}

/* view 5 */
.view-fifth .text-category, .view-fifth .text-category *, .view-fifth .mask-text h2, .view-fifth .mask-text p {
    color: #fff;
}

</style><div id="mygallery_wrapper_27" class="gallery-img-content clear"
     data-gallery-id="27" data-content-per-page="5"
     data-rating-type="off">
    <div id="mygallery_27" class="mygallery view-justified clear">
                <input type="hidden" id="total" value="3"/>
                                                <a class="gallery_group27" href="http://kkoblak.si/wp-content/uploads/2016/02/DSC_0132.jpg"
                       title="" data-rel="lightbox-gallery-LoH58XdS" data-rl_title="" data-rl_caption="">
                        <img decoding="async" id="wd-cl-img0"
                             alt="MONTAŽNA HIŠA"
                             src="https://kkoblak.si/wp-content/uploads/2016/02/DSC_0132-1024x576.jpg"/>
                                            </a>
                    <input type="hidden" class="pagenum" value="1"/>
                                                                            <a class="gallery_group27" href="http://kkoblak.si/wp-content/uploads/2016/02/20160118_125818370_iOS-e1455029956241.jpg"
                       title="" data-rel="lightbox-gallery-LoH58XdS" data-rl_title="" data-rl_caption="">
                        <img decoding="async" id="wd-cl-img1"
                             alt="MONTAŽNA HIŠA"
                             src="http://kkoblak.si/wp-content/uploads/2016/02/20160118_125818370_iOS-e1455029956241.jpg"/>
                                            </a>
                    <input type="hidden" class="pagenum" value="1"/>
                                                                            <a class="gallery_group27" href="http://kkoblak.si/wp-content/uploads/2016/02/DSC_0145.jpg"
                       title="" data-rel="lightbox-gallery-LoH58XdS" data-rl_title="" data-rl_caption="">
                        <img decoding="async" id="wd-cl-img2"
                             alt="MONTAŽNA HIŠA"
                             src="https://kkoblak.si/wp-content/uploads/2016/02/DSC_0145-1024x576.jpg"/>
                                            </a>
                    <input type="hidden" class="pagenum" value="1"/>
                                                                            <a class="gallery_group27" href="http://kkoblak.si/wp-content/uploads/2016/02/DSC_0163.jpg"
                       title="" data-rel="lightbox-gallery-LoH58XdS" data-rl_title="" data-rl_caption="">
                        <img decoding="async" id="wd-cl-img3"
                             alt="MONTAŽNA HIŠA"
                             src="https://kkoblak.si/wp-content/uploads/2016/02/DSC_0163-1024x576.jpg"/>
                                            </a>
                    <input type="hidden" class="pagenum" value="1"/>
                                                                            <a class="gallery_group27" href="http://kkoblak.si/wp-content/uploads/2016/02/DSC_0158.jpg"
                       title="" data-rel="lightbox-gallery-LoH58XdS" data-rl_title="" data-rl_caption="">
                        <img decoding="async" id="wd-cl-img4"
                             alt="MONTAŽNA HIŠA"
                             src="https://kkoblak.si/wp-content/uploads/2016/02/DSC_0158-1024x576.jpg"/>
                                            </a>
                    <input type="hidden" class="pagenum" value="1"/>
                                                                            <a class="gallery_group27" href="http://kkoblak.si/wp-content/uploads/2016/02/DSC_0003.jpg"
                       title="" data-rel="lightbox-gallery-LoH58XdS" data-rl_title="" data-rl_caption="">
                        <img decoding="async" id="wd-cl-img5"
                             alt="MONTAŽNA HIŠA"
                             src="https://kkoblak.si/wp-content/uploads/2016/02/DSC_0003-1024x576.jpg"/>
                                            </a>
                    <input type="hidden" class="pagenum" value="1"/>
                                                                            <a class="gallery_group27" href="http://kkoblak.si/wp-content/uploads/2016/02/DSC_0007.jpg"
                       title="" data-rel="lightbox-gallery-LoH58XdS" data-rl_title="" data-rl_caption="">
                        <img decoding="async" id="wd-cl-img6"
                             alt="MONTAŽNA HIŠA"
                             src="https://kkoblak.si/wp-content/uploads/2016/02/DSC_0007-1024x576.jpg"/>
                                            </a>
                    <input type="hidden" class="pagenum" value="1"/>
                                                                            <a class="gallery_group27" href="http://kkoblak.si/wp-content/uploads/2016/02/DSC_0023.jpg"
                       title="" data-rel="lightbox-gallery-LoH58XdS" data-rl_title="" data-rl_caption="">
                        <img decoding="async" id="wd-cl-img7"
                             alt="MONTAŽNA HIŠA"
                             src="https://kkoblak.si/wp-content/uploads/2016/02/DSC_0023-1024x576.jpg"/>
                                            </a>
                    <input type="hidden" class="pagenum" value="1"/>
                                                                            <a class="gallery_group27" href="http://kkoblak.si/wp-content/uploads/2016/09/IMG_1773.jpg"
                       title="" data-rel="lightbox-gallery-LoH58XdS" data-rl_title="" data-rl_caption="">
                        <img decoding="async" id="wd-cl-img8"
                             alt="SKELETNA GRADNJA"
                             src="https://kkoblak.si/wp-content/uploads/2016/09/IMG_1773-1024x768.jpg"/>
                                            </a>
                    <input type="hidden" class="pagenum" value="1"/>
                                                                            <a class="gallery_group27" href="http://kkoblak.si/wp-content/uploads/2016/09/IMG_1774-e1472843142520.jpg"
                       title="" data-rel="lightbox-gallery-LoH58XdS" data-rl_title="" data-rl_caption="">
                        <img decoding="async" id="wd-cl-img9"
                             alt="SKELETNA GRADNJA"
                             src="http://kkoblak.si/wp-content/uploads/2016/09/IMG_1774-e1472843142520.jpg"/>
                                            </a>
                    <input type="hidden" class="pagenum" value="1"/>
                                                                            <a class="gallery_group27" href="http://kkoblak.si/wp-content/uploads/2016/09/IMG_1772-e1472843122294.jpg"
                       title="" data-rel="lightbox-gallery-LoH58XdS" data-rl_title="" data-rl_caption="">
                        <img decoding="async" id="wd-cl-img10"
                             alt="SKELETNA GRADNJA"
                             src="http://kkoblak.si/wp-content/uploads/2016/09/IMG_1772-e1472843122294.jpg"/>
                                            </a>
                    <input type="hidden" class="pagenum" value="1"/>
                                                                            <a class="gallery_group27" href="http://kkoblak.si/wp-content/uploads/2016/09/DSC_0283.jpg"
                       title="" data-rel="lightbox-gallery-LoH58XdS" data-rl_title="" data-rl_caption="">
                        <img decoding="async" id="wd-cl-img11"
                             alt="SKELETNA GRADNJA"
                             src="https://kkoblak.si/wp-content/uploads/2016/09/DSC_0283-1024x576.jpg"/>
                                            </a>
                    <input type="hidden" class="pagenum" value="1"/>
                                                                            <a class="gallery_group27" href="http://kkoblak.si/wp-content/uploads/2016/09/DSC_0287.jpg"
                       title="" data-rel="lightbox-gallery-LoH58XdS" data-rl_title="" data-rl_caption="">
                        <img decoding="async" id="wd-cl-img12"
                             alt="SKELETNA GRADNJA"
                             src="https://kkoblak.si/wp-content/uploads/2016/09/DSC_0287-1024x576.jpg"/>
                                            </a>
                    <input type="hidden" class="pagenum" value="1"/>
                                                                            <a class="gallery_group27" href="http://kkoblak.si/wp-content/uploads/2016/09/DSC_0289.jpg"
                       title="" data-rel="lightbox-gallery-LoH58XdS" data-rl_title="" data-rl_caption="">
                        <img decoding="async" id="wd-cl-img13"
                             alt="SKELETNA GRADNJA"
                             src="https://kkoblak.si/wp-content/uploads/2016/09/DSC_0289-1024x576.jpg"/>
                                            </a>
                    <input type="hidden" class="pagenum" value="1"/>
                                                                            <a class="gallery_group27" href="http://kkoblak.si/wp-content/uploads/2016/09/DSC_0389.jpg"
                       title="" data-rel="lightbox-gallery-LoH58XdS" data-rl_title="" data-rl_caption="">
                        <img decoding="async" id="wd-cl-img14"
                             alt="SKELETNA GRADNJA"
                             src="https://kkoblak.si/wp-content/uploads/2016/09/DSC_0389-1024x576.jpg"/>
                                            </a>
                    <input type="hidden" class="pagenum" value="1"/>
                                        </div>
    </div>
<style>
.justified-gallery {
    width: 100%;
    position: relative;
}
.justified-gallery a{
    border:none;
}
.justified-gallery > a,
.justified-gallery > div {
    position: absolute;
    display: inline-block;
    opacity: 0;
    overflow:hidden;
    filter: alpha(opacity=0);
    /* IE8 or Earlier */
}
.justified-gallery > a > img,
.justified-gallery > div > img {
    position: absolute;
    top: 50%;
    left: 50%;
    padding: 0;
}
.justified-gallery > a > .caption,
.justified-gallery > div > .caption {
    display: none;
    position: absolute;
    bottom: 0;
    padding: 5px;
    left: 0;
    right: 0;
    margin: 0;
    color: #3AD6FC;
    font-size: 13px;
    font-weight: 300;
    font-family: sans-serif;
//margin-left: px;
    background:rgba(255,28,28,0.9)  !important;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space:nowrap;
}
.justified-gallery > a > .caption.caption-visible,
.justified-gallery > div > .caption.caption-visible {
    display: initial;
    filter: "alpha(opacity=70)";
    /* IE8 or Earlier */
    -webkit-animation: justified-gallery-show-caption-animation 500ms 0 ease;
    -moz-animation: justified-gallery-show-caption-animation 500ms 0 ease;
    -ms-animation: justified-gallery-show-caption-animation 500ms 0 ease;
}
.justified-gallery > .entry-visible {
    opacity: 1.0;
    filter: alpha(opacity=100);
    /* IE8 or Earlier */
    -webkit-animation: justified-gallery-show-entry-animation 300ms 0 ease;
    -moz-animation: justified-gallery-show-entry-animation 300ms 0 ease;
    -ms-animation: justified-gallery-show-entry-animation 300ms 0 ease;
}
.justified-gallery > .spinner {
    position: absolute;
    bottom: 0;
    margin-left: -24px;
    padding: 10px 0 10px 0;
    left: 50%;
    opacity: initial;
    filter: initial;
    overflow: initial;
}
.justified-gallery > .spinner > span {
    display: inline-block;
    opacity: 0;
    filter: alpha(opacity=0);
    /* IE8 or Earlier */
    width: 8px;
    height: 8px;
    margin: 0 4px 0 4px;
    background-color: #000;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
    border-bottom-left-radius: 6px;
}
.play-icon {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
}
.load_more2 {
    margin: 10px 0;
    position:relative;
    text-align:center;
    width:100%;
}
.load_more_button2 {
    border-radius: 10px;
    display:inline-block;
    padding:5px 15px;
    font-size:14px !important;;
    color:#FF1C1C !important;;
    background:#26A6FC !important;
    cursor:pointer;
}
.load_more_button2:hover{
    color:#FF4242 !important;
    background:#0FEFFF !important;
}
.loading2 {
    display:none;
}
.paginate2{
    font-size:18px !important;
    color:#26A6FC !important;
    text-align: center;
    margin-top: 25px;
}
.paginate2 a{
    border-bottom: none !important;
}
.icon-style2{
    font-size: 18px !important;
    color:#26A6FC !important;
}
.clear{
    clear:both;
}
.play-icon.youtube-icon {background:url(https://kkoblak.si/wp-content/plugins/gallery-images/assets/images/admin_images/play.youtube.png) center center no-repeat;}
.play-icon.vimeo-icon {background:url(https://kkoblak.si/wp-content/plugins/gallery-images/assets/images/admin_images/play.vimeo.png) center center no-repeat;}
</style></p>
<h3 style="text-align: center;"><strong><span style="color: #0000ff;">&#8211; BRUNARICE</span></strong></h3>
<p><a href="http://kkoblak.si/reference/brunarica-potoce/"><img decoding="async" class="size-medium wp-image-814" src="http://kkoblak.si/wp-content/uploads/2017/06/1-2-BRUNARICA-POTOČE-300x298.jpg" alt="Brunarica Potoče" width="300" height="298" srcset="https://kkoblak.si/wp-content/uploads/2017/06/1-2-BRUNARICA-POTOČE-300x298.jpg 300w, https://kkoblak.si/wp-content/uploads/2017/06/1-2-BRUNARICA-POTOČE-150x150.jpg 150w, https://kkoblak.si/wp-content/uploads/2017/06/1-2-BRUNARICA-POTOČE-768x762.jpg 768w, https://kkoblak.si/wp-content/uploads/2017/06/1-2-BRUNARICA-POTOČE-1024x1016.jpg 1024w" sizes="(max-width: 300px) 100vw, 300px" /></a></p>
<p style="text-align: center;"><style>
/*===== general options =========*/
a {
    box-shadow: none !important;
}

.view *, .album_categories *, .album_back_button *, #album_disabled_layer {
    font-family: sans-serif, Arial, Verdana, Sylfaen !important;
}

#album_disabled_layer {
    display: none;
    position: absolute;
    width: 100%;
    height: 100%;
    text-align: center;
    background-color: transparent;
    z-index: 10;
    padding-top: 20px;
    color: #fff;
}

#album_list_container {
    position: relative;
}

/* ====================== album onhover styles ==========================*/

#album_list .view {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    display: none;

}

.view .mask,
.view .content {
    width: 100%;
    height: 100%;
    position: absolute;
    overflow: hidden;
    top: 0;
    left: 0;
}

.view h2 {
    text-transform: uppercase;
    color: #fff;
    text-align: center;
    position: relative;
    font-size: 17px;
    font-family: Raleway, serif;
    padding: 10px;
    /*background: rgba(0, 0, 0, 0.8);*/
    margin: 20px 0 0 0;

}

.album_back_button a, .view a {
    text-decoration: none !important;
}

.view p {
    font-family: Merriweather, serif;
    font-style: italic;
    font-size: 14px;
    position: relative;
    color: #fff;
    padding: 0px 20px 0px;
    text-align: center;

}

.view a.info {
    display: inline-block;
    text-decoration: none;
    font-size: 13px;
    padding: 2px 14px;
    margin-bottom: 3px;
    background: #000;
    color: #fff;
    font-family: Raleway, serif;
    text-transform: uppercase;
    box-shadow: 0 0 1px #000
}

.mask-text h2 {
    font-size: 20px !important;
}

.view a.info:hover {
    box-shadow: 0 0 5px #000
}

.view .mask-bg {
    height: 100%;
}

.view .album_social {
    color: #fff;
    position: absolute;
    bottom: 3px;
    left: 3px;
    border: 1px solid #ffffff;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    padding: 3px 5px;

}

.view .album_social:active, .view .album_social:focus, .view .album_social:hover {
    color: #ffffff;
    outline: none;
}

/*1*/

.view .info {
    margin-top: 5px;
}

.view-first .mask {
    opacity: 0;
    background-color: rgba(0, 0, 0, 0.7);
    transition: all 0.4s ease-in-out;

}

.view-first h2 {
    transform: translateY(-100px);
    opacity: 0;
    font-family: Raleway, serif;
    transition: all 0.2s ease-in-out;
}

.view-first p {
    transform: translateY(100px);
    opacity: 0;
    transition: all 0.2s linear;
}

.view-first a.info {
    opacity: 0;
    transition: all 0.2s ease-in-out;
}

/* */

.view-first:hover img {
    /*transform: scale(1.1);*/
}

.view-first:hover .mask {
    opacity: 1;
}

.view-first:hover h2,
.view-first:hover p,
.view-first:hover a.info {
    opacity: 1;
    transform: translateY(0px);
}

.view-first:hover p {
    transition-delay: 0.1s;
}

.view-first:hover a.info {
    transition-delay: 0.2s;
}

/*2*/
.view-second img {
    -webkit-filter: grayscale(0) blur(0);
    filter: grayscale(0) blur(0);
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}

.view-second .mask {
    background-color: rgba(226, 200, 127, 0.2);
    transition: all 0.5s linear;
    opacity: 0;
}

.view-second h2 {
    background: transparent;
    margin: 20px 40px 0px 40px;
    transform: scale(0);
    color: #333;
    transition: all 0.5s linear;
    opacity: 0;
}

.view-second p {
    opacity: 0;
    transform: scale(0);
    transition: all 0.5s linear;
}

.view-second a.info {
    opacity: 0;
    transform: scale(0);
    transition: all 0.5s linear;
}

.view-second:hover img {
    -webkit-filter: grayscale(100%) blur(3px);
    filter: grayscale(100%) blur(3px);
}

.view-second:hover .mask {
    opacity: 1;
}

.view-second:hover h2,
.view-second:hover p,
.view-second:hover a.info {
    transform: scale(1);
    opacity: 1;
}

.view-second img {
    -webkit-filter: grayscale(0) blur(0);
    filter: grayscale(0) blur(0);
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}

.view-second:hover img {
    -webkit-filter: grayscale(100%) blur(3px);
    filter: grayscale(100%) blur(3px);
}

/*3*/

.view-third img {
    transform: scaleY(1);
    transition: all .7s ease-in-out;
}

.view-third a.info {
    opacity: 0;
    transform: scale(0);
    transition: all 0.5s linear;
}

.view-third:hover img {
    -webkit-transform: scale(10);
    transform: scale(10);
    opacity: 0;
}

.view-third:hover .mask {
    opacity: 1;
}

.view-third:hover h2,
.view-third:hover p,
.view-third:hover a.info {
    transform: scale(1);
    opacity: 1;
}

/* ==== view 4 ===*/

.view-forth-wrapper {
    overflow: hidden;
    position: relative !important;
    height: 100%;
    /* cursor: pointer;*/
}

.view-forth img {
    max-width: 100%;
    position: relative;
    top: 0;
    -webkit-transition: all 600ms cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: all 600ms cubic-bezier(0.645, 0.045, 0.355, 1);
}

.view-forth .mask {
    position: absolute;
    width: 100%;
    /*    height: 70px;*/
    /*    bottom: -70px;*/
    height: 50%;
    bottom: -50%;
    -webkit-transition: all 300ms cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: all 300ms cubic-bezier(0.645, 0.045, 0.355, 1);
    top: inherit;
}

.view-forth:hover .mask {
    bottom: 0;
}

.view-forth:hover img {
    top: -30px;
}

/*==  view 5 ==*/

.view-fifth .view-fifth-wrapper,
.view-fifth .view-fifth-wrapper img {
    display: block;
    position: relative;
}

.view-fifth .view-fifth-wrapper {
    overflow: hidden;
    height: 100%;
}

.view-fifth .view-fifth-wrapper .mask {
    display: none;
    position: absolute;
    background: #333;
    background: rgba(75, 75, 75, 0.7);
    width: 100%;
    height: 100%;
}

/* ====================== album category styles ==========================*/

#filters {
    margin: 1% 0;
    padding: 0;
    list-style: none;
    list-style-type: none !important;

}

#filters li {
    float: left;
    list-style-type: none !important;
}

#filters li:first-child span {
    margin-left: 0px;
}

#filters li span {
    display: block;
    text-decoration: none;
    cursor: pointer;
}

.album_categories {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    padding-top: 5px;
}

/*=========  sharing buttons  ============*/

.album_socials {
    position: relative;
    top: 3px;
    width: 100px;
    height: 28px;
    margin: 0 auto;
}

.album_socials .rwd-share-buttons {
    top: 0px !important;
    width: 100% !important;
    margin: 0px !important;
}

.album_socials a {
    text-decoration: underline !important;
}

.gallery_images, .album_image_place {
    margin-top: 15px;
    margin-top: 15px;
}

#rwd-share-facebook:hover {
    background-position: 0 -31px !important;
}

#rwd-share-twitter:hover {
    background-position: -31px 32px !important;
}

#rwd-share-googleplus:hover {
    background-position: -66px -31px !important;
}

.rwd-share-buttons li, .rwd-share-buttons li a {
    width: 26px !important;
    border: 0px !important;
}

.rwd-share-buttons {
    top: 0 !important;
}

.img_link_btn {
    position: absolute;
    z-index: 99999;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    padding: 8px;
}

.rwd-title {
    padding: 10px 0px !important;
}

@media only screen and (max-width: 475px) {
    .rwd-share-buttons {
        top: -25px !important;
    }

    .rwd-title-text {
        line-height: 15px;
    }
}

/*=========  hover style ===========*/

#hover {
    color: rgba(188, 175, 204, 0.9);
}

h2#testimonials {
    color: #fffae3;
}

div#all {
    width: 100%;
    height: 100%;
}

.view img {
    height: auto;
}

.view {
    color: #fff;
    margin: 0 10px 10px 0;
    overflow: hidden;
    position: relative;
    text-align: center;
    float: left;
    cursor: default;
    border: 1px solid #ccc;
}

.view-wrapper {
    height: 100%;
}

.view img {
    display: block;
    position: relative;
    transition: all 0.2s linear;
    height: 100%;
    width: auto;
    max-width: 100%;
    margin: 0 auto;
}

.mask-text h2 {
    font-size: 20px !important;
    margin-top: 20px !important;
}

/* view 1 */

.view-first .text-category, .view-first .mask-text h2, .view-first .mask-text p {
    color: #fff;
}

/*  view 2 */
.view-second .text-category, .view-second .mask-text h2, .view-second p {
    color: #333;
}

.view-second .mask-text h2 {
    border-bottom: 1px solid #333;
}

/* view 3*/
.view-third .mask {
    background-color: #ccc;
    transition: all 0.5s linear;
    opacity: 0;
    color: #333;
}

.view-third h2 {
    border-bottom: 1px solid #333;
    background: transparent;
    margin: 20px 40px 0px 40px;
    transform: scale(0);
    color: #333;
    transition: all 0.5s linear;
    opacity: 0;
}

.view-third p {
    color: #333;
    opacity: 0;
    transform: scale(0);
    transition: all 0.5s linear;
}

.view-third .text-category {
    color: #333;
}

/* view 4 */

.view-forth .mask-bg {
    background: #333;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.view-forth .mask-text {
    color: #fff;
    position: relative;
    z-index: 500;
    padding: 5px 8px;
}

.view-forth .mask-text h2 {
    margin: 0px;
    font-size: 13px;
    padding: 2px;
    color: #fff;
}

.view-forth .mask-text h2:hover {
    cursor: pointer;
}

.view-forth .text-category {
    display: block;
    font-size: 15px;
    color: #fff;
}

.view-forth p {
    color: #fff;
}

/* view 5 */
.view-fifth .text-category, .view-fifth .text-category *, .view-fifth .mask-text h2, .view-fifth .mask-text p {
    color: #fff;
}

</style><div id="mygallery_wrapper_8" class="gallery-img-content clear"
     data-gallery-id="8" data-content-per-page="5"
     data-rating-type="off">
    <div id="mygallery_8" class="mygallery view-justified clear">
                <input type="hidden" id="total" value="4"/>
                                                <a class="gallery_group8" href="http://kkoblak.si/wp-content/uploads/2017/06/IMG_03332.jpg"
                       title="" data-rel="lightbox-gallery-LoH58XdS" data-rl_title="" data-rl_caption="">
                        <img decoding="async" id="wd-cl-img0"
                             alt="BRUNARICE"
                             src="https://kkoblak.si/wp-content/uploads/2017/06/IMG_03332-1024x635.jpg"/>
                                            </a>
                    <input type="hidden" class="pagenum" value="1"/>
                                                                            <a class="gallery_group8" href="http://kkoblak.si/wp-content/uploads/2017/06/IMG_0366.jpg"
                       title="" data-rel="lightbox-gallery-LoH58XdS" data-rl_title="" data-rl_caption="">
                        <img decoding="async" id="wd-cl-img1"
                             alt="BRUNARICE"
                             src="https://kkoblak.si/wp-content/uploads/2017/06/IMG_0366-1024x768.jpg"/>
                                            </a>
                    <input type="hidden" class="pagenum" value="1"/>
                                                                            <a class="gallery_group8" href="http://kkoblak.si/wp-content/uploads/2017/06/IMG_0390.jpg"
                       title="" data-rel="lightbox-gallery-LoH58XdS" data-rl_title="" data-rl_caption="">
                        <img decoding="async" id="wd-cl-img2"
                             alt="BRUNARICE"
                             src="https://kkoblak.si/wp-content/uploads/2017/06/IMG_0390-1024x768.jpg"/>
                                            </a>
                    <input type="hidden" class="pagenum" value="1"/>
                                                                            <a class="gallery_group8" href="http://kkoblak.si/wp-content/uploads/2017/06/IMG_0425.jpg"
                       title="" data-rel="lightbox-gallery-LoH58XdS" data-rl_title="" data-rl_caption="">
                        <img decoding="async" id="wd-cl-img3"
                             alt="BRUNARICE"
                             src="https://kkoblak.si/wp-content/uploads/2017/06/IMG_0425-1024x768.jpg"/>
                                            </a>
                    <input type="hidden" class="pagenum" value="1"/>
                                                                            <a class="gallery_group8" href="http://kkoblak.si/wp-content/uploads/2017/06/IMG_0543.jpg"
                       title="" data-rel="lightbox-gallery-LoH58XdS" data-rl_title="" data-rl_caption="">
                        <img decoding="async" id="wd-cl-img4"
                             alt="BRUNARICE"
                             src="https://kkoblak.si/wp-content/uploads/2017/06/IMG_0543-1024x768.jpg"/>
                                            </a>
                    <input type="hidden" class="pagenum" value="1"/>
                                                                            <a class="gallery_group8" href="http://kkoblak.si/wp-content/uploads/2017/06/IMG_1060.jpg"
                       title="" data-rel="lightbox-gallery-LoH58XdS" data-rl_title="" data-rl_caption="">
                        <img decoding="async" id="wd-cl-img5"
                             alt="BRUNARICE"
                             src="https://kkoblak.si/wp-content/uploads/2017/06/IMG_1060-1024x831.jpg"/>
                                            </a>
                    <input type="hidden" class="pagenum" value="1"/>
                                                                            <a class="gallery_group8" href="http://kkoblak.si/wp-content/uploads/2017/06/IMG_1028.jpg"
                       title="" data-rel="lightbox-gallery-LoH58XdS" data-rl_title="" data-rl_caption="">
                        <img decoding="async" id="wd-cl-img6"
                             alt="BRUNARICE"
                             src="https://kkoblak.si/wp-content/uploads/2017/06/IMG_1028-1024x768.jpg"/>
                                            </a>
                    <input type="hidden" class="pagenum" value="1"/>
                                                                            <a class="gallery_group8" href="http://kkoblak.si/wp-content/uploads/2015/11/16062011120.jpg"
                       title="" data-rel="lightbox-gallery-LoH58XdS" data-rl_title="" data-rl_caption="">
                        <img decoding="async" id="wd-cl-img7"
                             alt="BRUNARICE"
                             src="http://kkoblak.si/wp-content/uploads/2015/11/16062011120.jpg"/>
                                            </a>
                    <input type="hidden" class="pagenum" value="1"/>
                                                                            <a class="gallery_group8" href="http://kkoblak.si/wp-content/uploads/2015/11/16062011123.jpg"
                       title="" data-rel="lightbox-gallery-LoH58XdS" data-rl_title="" data-rl_caption="">
                        <img decoding="async" id="wd-cl-img8"
                             alt="BRUNARICE"
                             src="http://kkoblak.si/wp-content/uploads/2015/11/16062011123.jpg"/>
                                            </a>
                    <input type="hidden" class="pagenum" value="1"/>
                                                                            <a class="gallery_group8" href="http://kkoblak.si/wp-content/uploads/2015/11/17062011125.jpg"
                       title="" data-rel="lightbox-gallery-LoH58XdS" data-rl_title="" data-rl_caption="">
                        <img decoding="async" id="wd-cl-img9"
                             alt="BRUNARICE"
                             src="http://kkoblak.si/wp-content/uploads/2015/11/17062011125.jpg"/>
                                            </a>
                    <input type="hidden" class="pagenum" value="1"/>
                                                                            <a class="gallery_group8" href="http://kkoblak.si/wp-content/uploads/2015/11/17062011128.jpg"
                       title="" data-rel="lightbox-gallery-LoH58XdS" data-rl_title="" data-rl_caption="">
                        <img decoding="async" id="wd-cl-img10"
                             alt="BRUNARICE"
                             src="http://kkoblak.si/wp-content/uploads/2015/11/17062011128.jpg"/>
                                            </a>
                    <input type="hidden" class="pagenum" value="1"/>
                                                                            <a class="gallery_group8" href="http://kkoblak.si/wp-content/uploads/2015/12/tesarska-dela-5.jpg"
                       title="" data-rel="lightbox-gallery-LoH58XdS" data-rl_title="" data-rl_caption="">
                        <img decoding="async" id="wd-cl-img11"
                             alt="BRUNARICE"
                             src="http://kkoblak.si/wp-content/uploads/2015/12/tesarska-dela-5.jpg"/>
                                            </a>
                    <input type="hidden" class="pagenum" value="1"/>
                                                                            <a class="gallery_group8" href="http://kkoblak.si/wp-content/uploads/2015/11/DSC00856.jpg"
                       title="" data-rel="lightbox-gallery-LoH58XdS" data-rl_title="" data-rl_caption="">
                        <img decoding="async" id="wd-cl-img12"
                             alt="BRUNARICE"
                             src="http://kkoblak.si/wp-content/uploads/2015/11/DSC00856.jpg"/>
                                            </a>
                    <input type="hidden" class="pagenum" value="1"/>
                                                                            <a class="gallery_group8" href="http://kkoblak.si/wp-content/uploads/2015/11/DSC00863.jpg"
                       title="" data-rel="lightbox-gallery-LoH58XdS" data-rl_title="" data-rl_caption="">
                        <img decoding="async" id="wd-cl-img13"
                             alt="BRUNARICE"
                             src="http://kkoblak.si/wp-content/uploads/2015/11/DSC00863.jpg"/>
                                            </a>
                    <input type="hidden" class="pagenum" value="1"/>
                                                                            <a class="gallery_group8" href="http://kkoblak.si/wp-content/uploads/2015/11/DSC00866.jpg"
                       title="" data-rel="lightbox-gallery-LoH58XdS" data-rl_title="" data-rl_caption="">
                        <img decoding="async" id="wd-cl-img14"
                             alt="BRUNARICE"
                             src="http://kkoblak.si/wp-content/uploads/2015/11/DSC00866.jpg"/>
                                            </a>
                    <input type="hidden" class="pagenum" value="1"/>
                                                                            <a class="gallery_group8" href="http://kkoblak.si/wp-content/uploads/2016/01/tesarska-dela-9.jpg"
                       title="" data-rel="lightbox-gallery-LoH58XdS" data-rl_title="" data-rl_caption="">
                        <img decoding="async" id="wd-cl-img15"
                             alt="BRUNARICE"
                             src="http://kkoblak.si/wp-content/uploads/2016/01/tesarska-dela-9.jpg"/>
                                            </a>
                    <input type="hidden" class="pagenum" value="1"/>
                                        </div>
    </div>
<style>
.justified-gallery {
    width: 100%;
    position: relative;
}
.justified-gallery a{
    border:none;
}
.justified-gallery > a,
.justified-gallery > div {
    position: absolute;
    display: inline-block;
    opacity: 0;
    overflow:hidden;
    filter: alpha(opacity=0);
    /* IE8 or Earlier */
}
.justified-gallery > a > img,
.justified-gallery > div > img {
    position: absolute;
    top: 50%;
    left: 50%;
    padding: 0;
}
.justified-gallery > a > .caption,
.justified-gallery > div > .caption {
    display: none;
    position: absolute;
    bottom: 0;
    padding: 5px;
    left: 0;
    right: 0;
    margin: 0;
    color: #3AD6FC;
    font-size: 13px;
    font-weight: 300;
    font-family: sans-serif;
//margin-left: px;
    background:rgba(255,28,28,0.9)  !important;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space:nowrap;
}
.justified-gallery > a > .caption.caption-visible,
.justified-gallery > div > .caption.caption-visible {
    display: initial;
    filter: "alpha(opacity=70)";
    /* IE8 or Earlier */
    -webkit-animation: justified-gallery-show-caption-animation 500ms 0 ease;
    -moz-animation: justified-gallery-show-caption-animation 500ms 0 ease;
    -ms-animation: justified-gallery-show-caption-animation 500ms 0 ease;
}
.justified-gallery > .entry-visible {
    opacity: 1.0;
    filter: alpha(opacity=100);
    /* IE8 or Earlier */
    -webkit-animation: justified-gallery-show-entry-animation 300ms 0 ease;
    -moz-animation: justified-gallery-show-entry-animation 300ms 0 ease;
    -ms-animation: justified-gallery-show-entry-animation 300ms 0 ease;
}
.justified-gallery > .spinner {
    position: absolute;
    bottom: 0;
    margin-left: -24px;
    padding: 10px 0 10px 0;
    left: 50%;
    opacity: initial;
    filter: initial;
    overflow: initial;
}
.justified-gallery > .spinner > span {
    display: inline-block;
    opacity: 0;
    filter: alpha(opacity=0);
    /* IE8 or Earlier */
    width: 8px;
    height: 8px;
    margin: 0 4px 0 4px;
    background-color: #000;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
    border-bottom-left-radius: 6px;
}
.play-icon {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
}
.load_more2 {
    margin: 10px 0;
    position:relative;
    text-align:center;
    width:100%;
}
.load_more_button2 {
    border-radius: 10px;
    display:inline-block;
    padding:5px 15px;
    font-size:14px !important;;
    color:#FF1C1C !important;;
    background:#26A6FC !important;
    cursor:pointer;
}
.load_more_button2:hover{
    color:#FF4242 !important;
    background:#0FEFFF !important;
}
.loading2 {
    display:none;
}
.paginate2{
    font-size:18px !important;
    color:#26A6FC !important;
    text-align: center;
    margin-top: 25px;
}
.paginate2 a{
    border-bottom: none !important;
}
.icon-style2{
    font-size: 18px !important;
    color:#26A6FC !important;
}
.clear{
    clear:both;
}
.play-icon.youtube-icon {background:url(https://kkoblak.si/wp-content/plugins/gallery-images/assets/images/admin_images/play.youtube.png) center center no-repeat;}
.play-icon.vimeo-icon {background:url(https://kkoblak.si/wp-content/plugins/gallery-images/assets/images/admin_images/play.vimeo.png) center center no-repeat;}
</style></p>
<p>The post <a href="https://kkoblak.si/brunarice-in-skeletna-gradnja/">BRUNARICE IN SKELETNA GRADNJA</a> appeared first on <a href="https://kkoblak.si">KK Oblak, d.o.o.</a>.</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>OSTALO V PONUDBI</title>
		<link>https://kkoblak.si/ostalo-v-ponudbi/</link>
		
		<dc:creator><![CDATA[admin]]></dc:creator>
		<pubDate>Sat, 12 Dec 2015 11:53:42 +0000</pubDate>
				<category><![CDATA[PONUDBA]]></category>
		<guid isPermaLink="false">http://localhost/website.com/?p=187</guid>

					<description><![CDATA[<p>OSTALO V PONUDBI NAPELJAVA STRELOVODA   Po strehi napeljemo strelovod in ga tudi ozemljimo. IZDELAVA IN POSTAVITEV LESENIH OGRAJ Izdelamo in postavimo vse vrste lesenih ograj. Poskrbimo za dobavo potrebnih železnih ali drugih komponent pri ograji. IZDELAVA LESENIH TERAS Izdelamo in postavimo vse vrste lesenih teras.</p>
<p>The post <a href="https://kkoblak.si/ostalo-v-ponudbi/">OSTALO V PONUDBI</a> appeared first on <a href="https://kkoblak.si">KK Oblak, d.o.o.</a>.</p>
]]></description>
										<content:encoded><![CDATA[<h1 style="text-align: center;"><strong><span style="color: #008000;">OSTALO V PONUDBI</span></strong></h1>
<h2 style="text-align: center;"><span style="color: #ff0000;"><strong>NAPELJAVA</strong> <strong>STRELOVODA</strong></span></h2>
<h2 style="text-align: center;">  Po strehi napeljemo strelovod in ga tudi ozemljimo.</h2>
<p style="text-align: center;"><style>
/*===== general options =========*/
a {
    box-shadow: none !important;
}

.view *, .album_categories *, .album_back_button *, #album_disabled_layer {
    font-family: sans-serif, Arial, Verdana, Sylfaen !important;
}

#album_disabled_layer {
    display: none;
    position: absolute;
    width: 100%;
    height: 100%;
    text-align: center;
    background-color: transparent;
    z-index: 10;
    padding-top: 20px;
    color: #fff;
}

#album_list_container {
    position: relative;
}

/* ====================== album onhover styles ==========================*/

#album_list .view {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    display: none;

}

.view .mask,
.view .content {
    width: 100%;
    height: 100%;
    position: absolute;
    overflow: hidden;
    top: 0;
    left: 0;
}

.view h2 {
    text-transform: uppercase;
    color: #fff;
    text-align: center;
    position: relative;
    font-size: 17px;
    font-family: Raleway, serif;
    padding: 10px;
    /*background: rgba(0, 0, 0, 0.8);*/
    margin: 20px 0 0 0;

}

.album_back_button a, .view a {
    text-decoration: none !important;
}

.view p {
    font-family: Merriweather, serif;
    font-style: italic;
    font-size: 14px;
    position: relative;
    color: #fff;
    padding: 0px 20px 0px;
    text-align: center;

}

.view a.info {
    display: inline-block;
    text-decoration: none;
    font-size: 13px;
    padding: 2px 14px;
    margin-bottom: 3px;
    background: #000;
    color: #fff;
    font-family: Raleway, serif;
    text-transform: uppercase;
    box-shadow: 0 0 1px #000
}

.mask-text h2 {
    font-size: 20px !important;
}

.view a.info:hover {
    box-shadow: 0 0 5px #000
}

.view .mask-bg {
    height: 100%;
}

.view .album_social {
    color: #fff;
    position: absolute;
    bottom: 3px;
    left: 3px;
    border: 1px solid #ffffff;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    padding: 3px 5px;

}

.view .album_social:active, .view .album_social:focus, .view .album_social:hover {
    color: #ffffff;
    outline: none;
}

/*1*/

.view .info {
    margin-top: 5px;
}

.view-first .mask {
    opacity: 0;
    background-color: rgba(0, 0, 0, 0.7);
    transition: all 0.4s ease-in-out;

}

.view-first h2 {
    transform: translateY(-100px);
    opacity: 0;
    font-family: Raleway, serif;
    transition: all 0.2s ease-in-out;
}

.view-first p {
    transform: translateY(100px);
    opacity: 0;
    transition: all 0.2s linear;
}

.view-first a.info {
    opacity: 0;
    transition: all 0.2s ease-in-out;
}

/* */

.view-first:hover img {
    /*transform: scale(1.1);*/
}

.view-first:hover .mask {
    opacity: 1;
}

.view-first:hover h2,
.view-first:hover p,
.view-first:hover a.info {
    opacity: 1;
    transform: translateY(0px);
}

.view-first:hover p {
    transition-delay: 0.1s;
}

.view-first:hover a.info {
    transition-delay: 0.2s;
}

/*2*/
.view-second img {
    -webkit-filter: grayscale(0) blur(0);
    filter: grayscale(0) blur(0);
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}

.view-second .mask {
    background-color: rgba(226, 200, 127, 0.2);
    transition: all 0.5s linear;
    opacity: 0;
}

.view-second h2 {
    background: transparent;
    margin: 20px 40px 0px 40px;
    transform: scale(0);
    color: #333;
    transition: all 0.5s linear;
    opacity: 0;
}

.view-second p {
    opacity: 0;
    transform: scale(0);
    transition: all 0.5s linear;
}

.view-second a.info {
    opacity: 0;
    transform: scale(0);
    transition: all 0.5s linear;
}

.view-second:hover img {
    -webkit-filter: grayscale(100%) blur(3px);
    filter: grayscale(100%) blur(3px);
}

.view-second:hover .mask {
    opacity: 1;
}

.view-second:hover h2,
.view-second:hover p,
.view-second:hover a.info {
    transform: scale(1);
    opacity: 1;
}

.view-second img {
    -webkit-filter: grayscale(0) blur(0);
    filter: grayscale(0) blur(0);
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}

.view-second:hover img {
    -webkit-filter: grayscale(100%) blur(3px);
    filter: grayscale(100%) blur(3px);
}

/*3*/

.view-third img {
    transform: scaleY(1);
    transition: all .7s ease-in-out;
}

.view-third a.info {
    opacity: 0;
    transform: scale(0);
    transition: all 0.5s linear;
}

.view-third:hover img {
    -webkit-transform: scale(10);
    transform: scale(10);
    opacity: 0;
}

.view-third:hover .mask {
    opacity: 1;
}

.view-third:hover h2,
.view-third:hover p,
.view-third:hover a.info {
    transform: scale(1);
    opacity: 1;
}

/* ==== view 4 ===*/

.view-forth-wrapper {
    overflow: hidden;
    position: relative !important;
    height: 100%;
    /* cursor: pointer;*/
}

.view-forth img {
    max-width: 100%;
    position: relative;
    top: 0;
    -webkit-transition: all 600ms cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: all 600ms cubic-bezier(0.645, 0.045, 0.355, 1);
}

.view-forth .mask {
    position: absolute;
    width: 100%;
    /*    height: 70px;*/
    /*    bottom: -70px;*/
    height: 50%;
    bottom: -50%;
    -webkit-transition: all 300ms cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: all 300ms cubic-bezier(0.645, 0.045, 0.355, 1);
    top: inherit;
}

.view-forth:hover .mask {
    bottom: 0;
}

.view-forth:hover img {
    top: -30px;
}

/*==  view 5 ==*/

.view-fifth .view-fifth-wrapper,
.view-fifth .view-fifth-wrapper img {
    display: block;
    position: relative;
}

.view-fifth .view-fifth-wrapper {
    overflow: hidden;
    height: 100%;
}

.view-fifth .view-fifth-wrapper .mask {
    display: none;
    position: absolute;
    background: #333;
    background: rgba(75, 75, 75, 0.7);
    width: 100%;
    height: 100%;
}

/* ====================== album category styles ==========================*/

#filters {
    margin: 1% 0;
    padding: 0;
    list-style: none;
    list-style-type: none !important;

}

#filters li {
    float: left;
    list-style-type: none !important;
}

#filters li:first-child span {
    margin-left: 0px;
}

#filters li span {
    display: block;
    text-decoration: none;
    cursor: pointer;
}

.album_categories {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    padding-top: 5px;
}

/*=========  sharing buttons  ============*/

.album_socials {
    position: relative;
    top: 3px;
    width: 100px;
    height: 28px;
    margin: 0 auto;
}

.album_socials .rwd-share-buttons {
    top: 0px !important;
    width: 100% !important;
    margin: 0px !important;
}

.album_socials a {
    text-decoration: underline !important;
}

.gallery_images, .album_image_place {
    margin-top: 15px;
    margin-top: 15px;
}

#rwd-share-facebook:hover {
    background-position: 0 -31px !important;
}

#rwd-share-twitter:hover {
    background-position: -31px 32px !important;
}

#rwd-share-googleplus:hover {
    background-position: -66px -31px !important;
}

.rwd-share-buttons li, .rwd-share-buttons li a {
    width: 26px !important;
    border: 0px !important;
}

.rwd-share-buttons {
    top: 0 !important;
}

.img_link_btn {
    position: absolute;
    z-index: 99999;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    padding: 8px;
}

.rwd-title {
    padding: 10px 0px !important;
}

@media only screen and (max-width: 475px) {
    .rwd-share-buttons {
        top: -25px !important;
    }

    .rwd-title-text {
        line-height: 15px;
    }
}

/*=========  hover style ===========*/

#hover {
    color: rgba(188, 175, 204, 0.9);
}

h2#testimonials {
    color: #fffae3;
}

div#all {
    width: 100%;
    height: 100%;
}

.view img {
    height: auto;
}

.view {
    color: #fff;
    margin: 0 10px 10px 0;
    overflow: hidden;
    position: relative;
    text-align: center;
    float: left;
    cursor: default;
    border: 1px solid #ccc;
}

.view-wrapper {
    height: 100%;
}

.view img {
    display: block;
    position: relative;
    transition: all 0.2s linear;
    height: 100%;
    width: auto;
    max-width: 100%;
    margin: 0 auto;
}

.mask-text h2 {
    font-size: 20px !important;
    margin-top: 20px !important;
}

/* view 1 */

.view-first .text-category, .view-first .mask-text h2, .view-first .mask-text p {
    color: #fff;
}

/*  view 2 */
.view-second .text-category, .view-second .mask-text h2, .view-second p {
    color: #333;
}

.view-second .mask-text h2 {
    border-bottom: 1px solid #333;
}

/* view 3*/
.view-third .mask {
    background-color: #ccc;
    transition: all 0.5s linear;
    opacity: 0;
    color: #333;
}

.view-third h2 {
    border-bottom: 1px solid #333;
    background: transparent;
    margin: 20px 40px 0px 40px;
    transform: scale(0);
    color: #333;
    transition: all 0.5s linear;
    opacity: 0;
}

.view-third p {
    color: #333;
    opacity: 0;
    transform: scale(0);
    transition: all 0.5s linear;
}

.view-third .text-category {
    color: #333;
}

/* view 4 */

.view-forth .mask-bg {
    background: #333;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.view-forth .mask-text {
    color: #fff;
    position: relative;
    z-index: 500;
    padding: 5px 8px;
}

.view-forth .mask-text h2 {
    margin: 0px;
    font-size: 13px;
    padding: 2px;
    color: #fff;
}

.view-forth .mask-text h2:hover {
    cursor: pointer;
}

.view-forth .text-category {
    display: block;
    font-size: 15px;
    color: #fff;
}

.view-forth p {
    color: #fff;
}

/* view 5 */
.view-fifth .text-category, .view-fifth .text-category *, .view-fifth .mask-text h2, .view-fifth .mask-text p {
    color: #fff;
}

</style><div id="mygallery_wrapper_12" class="gallery-img-content clear"
     data-gallery-id="12" data-content-per-page="5"
     data-rating-type="off">
    <div id="mygallery_12" class="mygallery view-justified clear">
                <input type="hidden" id="total" value="1"/>
                                                <a class="gallery_group12" href="http://kkoblak.si/wp-content/uploads/2015/12/20141205_135456.jpg"
                       title="" data-rel="lightbox-gallery-4CxOQJQH" data-rl_title="" data-rl_caption="">
                        <img decoding="async" id="wd-cl-img0"
                             alt="NAPELJAVA STRELOVODA"
                             src="http://kkoblak.si/wp-content/uploads/2015/12/20141205_135456.jpg"/>
                                            </a>
                    <input type="hidden" class="pagenum" value="1"/>
                                                                            <a class="gallery_group12" href="http://kkoblak.si/wp-content/uploads/2015/11/20151027_074718024_iOS1.jpg"
                       title="" data-rel="lightbox-gallery-4CxOQJQH" data-rl_title="" data-rl_caption="">
                        <img decoding="async" id="wd-cl-img1"
                             alt="NAPELJAVA STRELOVODA"
                             src="http://kkoblak.si/wp-content/uploads/2015/11/20151027_074718024_iOS1.jpg"/>
                                            </a>
                    <input type="hidden" class="pagenum" value="1"/>
                                                                            <a class="gallery_group12" href="http://kkoblak.si/wp-content/uploads/2015/12/20151027_074635060_iOS1.jpg"
                       title="" data-rel="lightbox-gallery-4CxOQJQH" data-rl_title="" data-rl_caption="">
                        <img decoding="async" id="wd-cl-img2"
                             alt="NAPELJAVA STRELOVODA"
                             src="http://kkoblak.si/wp-content/uploads/2015/12/20151027_074635060_iOS1.jpg"/>
                                            </a>
                    <input type="hidden" class="pagenum" value="1"/>
                                        </div>
    </div>
<style>
.justified-gallery {
    width: 100%;
    position: relative;
}
.justified-gallery a{
    border:none;
}
.justified-gallery > a,
.justified-gallery > div {
    position: absolute;
    display: inline-block;
    opacity: 0;
    overflow:hidden;
    filter: alpha(opacity=0);
    /* IE8 or Earlier */
}
.justified-gallery > a > img,
.justified-gallery > div > img {
    position: absolute;
    top: 50%;
    left: 50%;
    padding: 0;
}
.justified-gallery > a > .caption,
.justified-gallery > div > .caption {
    display: none;
    position: absolute;
    bottom: 0;
    padding: 5px;
    left: 0;
    right: 0;
    margin: 0;
    color: #3AD6FC;
    font-size: 13px;
    font-weight: 300;
    font-family: sans-serif;
//margin-left: px;
    background:rgba(255,28,28,0.9)  !important;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space:nowrap;
}
.justified-gallery > a > .caption.caption-visible,
.justified-gallery > div > .caption.caption-visible {
    display: initial;
    filter: "alpha(opacity=70)";
    /* IE8 or Earlier */
    -webkit-animation: justified-gallery-show-caption-animation 500ms 0 ease;
    -moz-animation: justified-gallery-show-caption-animation 500ms 0 ease;
    -ms-animation: justified-gallery-show-caption-animation 500ms 0 ease;
}
.justified-gallery > .entry-visible {
    opacity: 1.0;
    filter: alpha(opacity=100);
    /* IE8 or Earlier */
    -webkit-animation: justified-gallery-show-entry-animation 300ms 0 ease;
    -moz-animation: justified-gallery-show-entry-animation 300ms 0 ease;
    -ms-animation: justified-gallery-show-entry-animation 300ms 0 ease;
}
.justified-gallery > .spinner {
    position: absolute;
    bottom: 0;
    margin-left: -24px;
    padding: 10px 0 10px 0;
    left: 50%;
    opacity: initial;
    filter: initial;
    overflow: initial;
}
.justified-gallery > .spinner > span {
    display: inline-block;
    opacity: 0;
    filter: alpha(opacity=0);
    /* IE8 or Earlier */
    width: 8px;
    height: 8px;
    margin: 0 4px 0 4px;
    background-color: #000;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
    border-bottom-left-radius: 6px;
}
.play-icon {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
}
.load_more2 {
    margin: 10px 0;
    position:relative;
    text-align:center;
    width:100%;
}
.load_more_button2 {
    border-radius: 10px;
    display:inline-block;
    padding:5px 15px;
    font-size:14px !important;;
    color:#FF1C1C !important;;
    background:#26A6FC !important;
    cursor:pointer;
}
.load_more_button2:hover{
    color:#FF4242 !important;
    background:#0FEFFF !important;
}
.loading2 {
    display:none;
}
.paginate2{
    font-size:18px !important;
    color:#26A6FC !important;
    text-align: center;
    margin-top: 25px;
}
.paginate2 a{
    border-bottom: none !important;
}
.icon-style2{
    font-size: 18px !important;
    color:#26A6FC !important;
}
.clear{
    clear:both;
}
.play-icon.youtube-icon {background:url(https://kkoblak.si/wp-content/plugins/gallery-images/assets/images/admin_images/play.youtube.png) center center no-repeat;}
.play-icon.vimeo-icon {background:url(https://kkoblak.si/wp-content/plugins/gallery-images/assets/images/admin_images/play.vimeo.png) center center no-repeat;}
</style></p>
<h2 style="text-align: center;"><span style="color: #ff0000;"><strong>IZDELAVA</strong> <strong>IN POSTAVITEV LESENIH OGRAJ</strong></span></h2>
<h2 style="text-align: center;">Izdelamo in postavimo vse vrste lesenih ograj. Poskrbimo za dobavo potrebnih železnih ali drugih komponent pri ograji.</h2>
<p style="text-align: center;"><style>
/*===== general options =========*/
a {
    box-shadow: none !important;
}

.view *, .album_categories *, .album_back_button *, #album_disabled_layer {
    font-family: sans-serif, Arial, Verdana, Sylfaen !important;
}

#album_disabled_layer {
    display: none;
    position: absolute;
    width: 100%;
    height: 100%;
    text-align: center;
    background-color: transparent;
    z-index: 10;
    padding-top: 20px;
    color: #fff;
}

#album_list_container {
    position: relative;
}

/* ====================== album onhover styles ==========================*/

#album_list .view {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    display: none;

}

.view .mask,
.view .content {
    width: 100%;
    height: 100%;
    position: absolute;
    overflow: hidden;
    top: 0;
    left: 0;
}

.view h2 {
    text-transform: uppercase;
    color: #fff;
    text-align: center;
    position: relative;
    font-size: 17px;
    font-family: Raleway, serif;
    padding: 10px;
    /*background: rgba(0, 0, 0, 0.8);*/
    margin: 20px 0 0 0;

}

.album_back_button a, .view a {
    text-decoration: none !important;
}

.view p {
    font-family: Merriweather, serif;
    font-style: italic;
    font-size: 14px;
    position: relative;
    color: #fff;
    padding: 0px 20px 0px;
    text-align: center;

}

.view a.info {
    display: inline-block;
    text-decoration: none;
    font-size: 13px;
    padding: 2px 14px;
    margin-bottom: 3px;
    background: #000;
    color: #fff;
    font-family: Raleway, serif;
    text-transform: uppercase;
    box-shadow: 0 0 1px #000
}

.mask-text h2 {
    font-size: 20px !important;
}

.view a.info:hover {
    box-shadow: 0 0 5px #000
}

.view .mask-bg {
    height: 100%;
}

.view .album_social {
    color: #fff;
    position: absolute;
    bottom: 3px;
    left: 3px;
    border: 1px solid #ffffff;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    padding: 3px 5px;

}

.view .album_social:active, .view .album_social:focus, .view .album_social:hover {
    color: #ffffff;
    outline: none;
}

/*1*/

.view .info {
    margin-top: 5px;
}

.view-first .mask {
    opacity: 0;
    background-color: rgba(0, 0, 0, 0.7);
    transition: all 0.4s ease-in-out;

}

.view-first h2 {
    transform: translateY(-100px);
    opacity: 0;
    font-family: Raleway, serif;
    transition: all 0.2s ease-in-out;
}

.view-first p {
    transform: translateY(100px);
    opacity: 0;
    transition: all 0.2s linear;
}

.view-first a.info {
    opacity: 0;
    transition: all 0.2s ease-in-out;
}

/* */

.view-first:hover img {
    /*transform: scale(1.1);*/
}

.view-first:hover .mask {
    opacity: 1;
}

.view-first:hover h2,
.view-first:hover p,
.view-first:hover a.info {
    opacity: 1;
    transform: translateY(0px);
}

.view-first:hover p {
    transition-delay: 0.1s;
}

.view-first:hover a.info {
    transition-delay: 0.2s;
}

/*2*/
.view-second img {
    -webkit-filter: grayscale(0) blur(0);
    filter: grayscale(0) blur(0);
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}

.view-second .mask {
    background-color: rgba(226, 200, 127, 0.2);
    transition: all 0.5s linear;
    opacity: 0;
}

.view-second h2 {
    background: transparent;
    margin: 20px 40px 0px 40px;
    transform: scale(0);
    color: #333;
    transition: all 0.5s linear;
    opacity: 0;
}

.view-second p {
    opacity: 0;
    transform: scale(0);
    transition: all 0.5s linear;
}

.view-second a.info {
    opacity: 0;
    transform: scale(0);
    transition: all 0.5s linear;
}

.view-second:hover img {
    -webkit-filter: grayscale(100%) blur(3px);
    filter: grayscale(100%) blur(3px);
}

.view-second:hover .mask {
    opacity: 1;
}

.view-second:hover h2,
.view-second:hover p,
.view-second:hover a.info {
    transform: scale(1);
    opacity: 1;
}

.view-second img {
    -webkit-filter: grayscale(0) blur(0);
    filter: grayscale(0) blur(0);
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}

.view-second:hover img {
    -webkit-filter: grayscale(100%) blur(3px);
    filter: grayscale(100%) blur(3px);
}

/*3*/

.view-third img {
    transform: scaleY(1);
    transition: all .7s ease-in-out;
}

.view-third a.info {
    opacity: 0;
    transform: scale(0);
    transition: all 0.5s linear;
}

.view-third:hover img {
    -webkit-transform: scale(10);
    transform: scale(10);
    opacity: 0;
}

.view-third:hover .mask {
    opacity: 1;
}

.view-third:hover h2,
.view-third:hover p,
.view-third:hover a.info {
    transform: scale(1);
    opacity: 1;
}

/* ==== view 4 ===*/

.view-forth-wrapper {
    overflow: hidden;
    position: relative !important;
    height: 100%;
    /* cursor: pointer;*/
}

.view-forth img {
    max-width: 100%;
    position: relative;
    top: 0;
    -webkit-transition: all 600ms cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: all 600ms cubic-bezier(0.645, 0.045, 0.355, 1);
}

.view-forth .mask {
    position: absolute;
    width: 100%;
    /*    height: 70px;*/
    /*    bottom: -70px;*/
    height: 50%;
    bottom: -50%;
    -webkit-transition: all 300ms cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: all 300ms cubic-bezier(0.645, 0.045, 0.355, 1);
    top: inherit;
}

.view-forth:hover .mask {
    bottom: 0;
}

.view-forth:hover img {
    top: -30px;
}

/*==  view 5 ==*/

.view-fifth .view-fifth-wrapper,
.view-fifth .view-fifth-wrapper img {
    display: block;
    position: relative;
}

.view-fifth .view-fifth-wrapper {
    overflow: hidden;
    height: 100%;
}

.view-fifth .view-fifth-wrapper .mask {
    display: none;
    position: absolute;
    background: #333;
    background: rgba(75, 75, 75, 0.7);
    width: 100%;
    height: 100%;
}

/* ====================== album category styles ==========================*/

#filters {
    margin: 1% 0;
    padding: 0;
    list-style: none;
    list-style-type: none !important;

}

#filters li {
    float: left;
    list-style-type: none !important;
}

#filters li:first-child span {
    margin-left: 0px;
}

#filters li span {
    display: block;
    text-decoration: none;
    cursor: pointer;
}

.album_categories {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    padding-top: 5px;
}

/*=========  sharing buttons  ============*/

.album_socials {
    position: relative;
    top: 3px;
    width: 100px;
    height: 28px;
    margin: 0 auto;
}

.album_socials .rwd-share-buttons {
    top: 0px !important;
    width: 100% !important;
    margin: 0px !important;
}

.album_socials a {
    text-decoration: underline !important;
}

.gallery_images, .album_image_place {
    margin-top: 15px;
    margin-top: 15px;
}

#rwd-share-facebook:hover {
    background-position: 0 -31px !important;
}

#rwd-share-twitter:hover {
    background-position: -31px 32px !important;
}

#rwd-share-googleplus:hover {
    background-position: -66px -31px !important;
}

.rwd-share-buttons li, .rwd-share-buttons li a {
    width: 26px !important;
    border: 0px !important;
}

.rwd-share-buttons {
    top: 0 !important;
}

.img_link_btn {
    position: absolute;
    z-index: 99999;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    padding: 8px;
}

.rwd-title {
    padding: 10px 0px !important;
}

@media only screen and (max-width: 475px) {
    .rwd-share-buttons {
        top: -25px !important;
    }

    .rwd-title-text {
        line-height: 15px;
    }
}

/*=========  hover style ===========*/

#hover {
    color: rgba(188, 175, 204, 0.9);
}

h2#testimonials {
    color: #fffae3;
}

div#all {
    width: 100%;
    height: 100%;
}

.view img {
    height: auto;
}

.view {
    color: #fff;
    margin: 0 10px 10px 0;
    overflow: hidden;
    position: relative;
    text-align: center;
    float: left;
    cursor: default;
    border: 1px solid #ccc;
}

.view-wrapper {
    height: 100%;
}

.view img {
    display: block;
    position: relative;
    transition: all 0.2s linear;
    height: 100%;
    width: auto;
    max-width: 100%;
    margin: 0 auto;
}

.mask-text h2 {
    font-size: 20px !important;
    margin-top: 20px !important;
}

/* view 1 */

.view-first .text-category, .view-first .mask-text h2, .view-first .mask-text p {
    color: #fff;
}

/*  view 2 */
.view-second .text-category, .view-second .mask-text h2, .view-second p {
    color: #333;
}

.view-second .mask-text h2 {
    border-bottom: 1px solid #333;
}

/* view 3*/
.view-third .mask {
    background-color: #ccc;
    transition: all 0.5s linear;
    opacity: 0;
    color: #333;
}

.view-third h2 {
    border-bottom: 1px solid #333;
    background: transparent;
    margin: 20px 40px 0px 40px;
    transform: scale(0);
    color: #333;
    transition: all 0.5s linear;
    opacity: 0;
}

.view-third p {
    color: #333;
    opacity: 0;
    transform: scale(0);
    transition: all 0.5s linear;
}

.view-third .text-category {
    color: #333;
}

/* view 4 */

.view-forth .mask-bg {
    background: #333;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.view-forth .mask-text {
    color: #fff;
    position: relative;
    z-index: 500;
    padding: 5px 8px;
}

.view-forth .mask-text h2 {
    margin: 0px;
    font-size: 13px;
    padding: 2px;
    color: #fff;
}

.view-forth .mask-text h2:hover {
    cursor: pointer;
}

.view-forth .text-category {
    display: block;
    font-size: 15px;
    color: #fff;
}

.view-forth p {
    color: #fff;
}

/* view 5 */
.view-fifth .text-category, .view-fifth .text-category *, .view-fifth .mask-text h2, .view-fifth .mask-text p {
    color: #fff;
}

</style><div id="mygallery_wrapper_25" class="gallery-img-content clear"
     data-gallery-id="25" data-content-per-page="5"
     data-rating-type="off">
    <div id="mygallery_25" class="mygallery view-justified clear">
                <input type="hidden" id="total" value="2"/>
                                                <a class="gallery_group25" href="http://kkoblak.si/wp-content/uploads/2016/01/silvo-042.jpg"
                       title="" data-rel="lightbox-gallery-4CxOQJQH" data-rl_title="" data-rl_caption="">
                        <img decoding="async" id="wd-cl-img0"
                             alt="IZDELAVA IN POSTAVITEV LESENIH OGRAJ"
                             src="http://kkoblak.si/wp-content/uploads/2016/01/silvo-042.jpg"/>
                                            </a>
                    <input type="hidden" class="pagenum" value="1"/>
                                                                            <a class="gallery_group25" href="http://kkoblak.si/wp-content/uploads/2016/01/silvo-043.jpg"
                       title="" data-rel="lightbox-gallery-4CxOQJQH" data-rl_title="" data-rl_caption="">
                        <img decoding="async" id="wd-cl-img1"
                             alt="IZDELAVA IN POSTAVITEV LESENIH OGRAJ"
                             src="http://kkoblak.si/wp-content/uploads/2016/01/silvo-043.jpg"/>
                                            </a>
                    <input type="hidden" class="pagenum" value="1"/>
                                                                            <a class="gallery_group25" href="http://kkoblak.si/wp-content/uploads/2016/01/ostala-dela-4.jpg"
                       title="" data-rel="lightbox-gallery-4CxOQJQH" data-rl_title="" data-rl_caption="">
                        <img decoding="async" id="wd-cl-img2"
                             alt="IZDELAVA IN POSTAVITEV LESENIH OGRAJ"
                             src="http://kkoblak.si/wp-content/uploads/2016/01/ostala-dela-4.jpg"/>
                                            </a>
                    <input type="hidden" class="pagenum" value="1"/>
                                                                            <a class="gallery_group25" href="http://kkoblak.si/wp-content/uploads/2016/01/ostala-dela-3.jpg"
                       title="" data-rel="lightbox-gallery-4CxOQJQH" data-rl_title="" data-rl_caption="">
                        <img decoding="async" id="wd-cl-img3"
                             alt="IZDELAVA IN POSTAVITEV LESENIH OGRAJ"
                             src="http://kkoblak.si/wp-content/uploads/2016/01/ostala-dela-3.jpg"/>
                                            </a>
                    <input type="hidden" class="pagenum" value="1"/>
                                                                            <a class="gallery_group25" href="http://kkoblak.si/wp-content/uploads/2016/01/luka-016.jpg"
                       title="" data-rel="lightbox-gallery-4CxOQJQH" data-rl_title="" data-rl_caption="">
                        <img decoding="async" id="wd-cl-img4"
                             alt="IZDELAVA IN POSTAVITEV LESENIH OGRAJ"
                             src="http://kkoblak.si/wp-content/uploads/2016/01/luka-016.jpg"/>
                                            </a>
                    <input type="hidden" class="pagenum" value="1"/>
                                                                            <a class="gallery_group25" href="http://kkoblak.si/wp-content/uploads/2016/01/luka-019.jpg"
                       title="" data-rel="lightbox-gallery-4CxOQJQH" data-rl_title="" data-rl_caption="">
                        <img decoding="async" id="wd-cl-img5"
                             alt="IZDELAVA IN POSTAVITEV LESENIH OGRAJ"
                             src="http://kkoblak.si/wp-content/uploads/2016/01/luka-019.jpg"/>
                                            </a>
                    <input type="hidden" class="pagenum" value="1"/>
                                        </div>
    </div>
<style>
.justified-gallery {
    width: 100%;
    position: relative;
}
.justified-gallery a{
    border:none;
}
.justified-gallery > a,
.justified-gallery > div {
    position: absolute;
    display: inline-block;
    opacity: 0;
    overflow:hidden;
    filter: alpha(opacity=0);
    /* IE8 or Earlier */
}
.justified-gallery > a > img,
.justified-gallery > div > img {
    position: absolute;
    top: 50%;
    left: 50%;
    padding: 0;
}
.justified-gallery > a > .caption,
.justified-gallery > div > .caption {
    display: none;
    position: absolute;
    bottom: 0;
    padding: 5px;
    left: 0;
    right: 0;
    margin: 0;
    color: #3AD6FC;
    font-size: 13px;
    font-weight: 300;
    font-family: sans-serif;
//margin-left: px;
    background:rgba(255,28,28,0.9)  !important;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space:nowrap;
}
.justified-gallery > a > .caption.caption-visible,
.justified-gallery > div > .caption.caption-visible {
    display: initial;
    filter: "alpha(opacity=70)";
    /* IE8 or Earlier */
    -webkit-animation: justified-gallery-show-caption-animation 500ms 0 ease;
    -moz-animation: justified-gallery-show-caption-animation 500ms 0 ease;
    -ms-animation: justified-gallery-show-caption-animation 500ms 0 ease;
}
.justified-gallery > .entry-visible {
    opacity: 1.0;
    filter: alpha(opacity=100);
    /* IE8 or Earlier */
    -webkit-animation: justified-gallery-show-entry-animation 300ms 0 ease;
    -moz-animation: justified-gallery-show-entry-animation 300ms 0 ease;
    -ms-animation: justified-gallery-show-entry-animation 300ms 0 ease;
}
.justified-gallery > .spinner {
    position: absolute;
    bottom: 0;
    margin-left: -24px;
    padding: 10px 0 10px 0;
    left: 50%;
    opacity: initial;
    filter: initial;
    overflow: initial;
}
.justified-gallery > .spinner > span {
    display: inline-block;
    opacity: 0;
    filter: alpha(opacity=0);
    /* IE8 or Earlier */
    width: 8px;
    height: 8px;
    margin: 0 4px 0 4px;
    background-color: #000;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
    border-bottom-left-radius: 6px;
}
.play-icon {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
}
.load_more2 {
    margin: 10px 0;
    position:relative;
    text-align:center;
    width:100%;
}
.load_more_button2 {
    border-radius: 10px;
    display:inline-block;
    padding:5px 15px;
    font-size:14px !important;;
    color:#FF1C1C !important;;
    background:#26A6FC !important;
    cursor:pointer;
}
.load_more_button2:hover{
    color:#FF4242 !important;
    background:#0FEFFF !important;
}
.loading2 {
    display:none;
}
.paginate2{
    font-size:18px !important;
    color:#26A6FC !important;
    text-align: center;
    margin-top: 25px;
}
.paginate2 a{
    border-bottom: none !important;
}
.icon-style2{
    font-size: 18px !important;
    color:#26A6FC !important;
}
.clear{
    clear:both;
}
.play-icon.youtube-icon {background:url(https://kkoblak.si/wp-content/plugins/gallery-images/assets/images/admin_images/play.youtube.png) center center no-repeat;}
.play-icon.vimeo-icon {background:url(https://kkoblak.si/wp-content/plugins/gallery-images/assets/images/admin_images/play.vimeo.png) center center no-repeat;}
</style></p>
<h2 style="text-align: center;"><span style="color: #ff0000;"><strong>IZDELAVA </strong><strong>LESENIH TERAS</strong></span></h2>
<h2 style="text-align: center;">Izdelamo in postavimo vse vrste lesenih teras.</h2>
<p style="text-align: center;"><style>
/*===== general options =========*/
a {
    box-shadow: none !important;
}

.view *, .album_categories *, .album_back_button *, #album_disabled_layer {
    font-family: sans-serif, Arial, Verdana, Sylfaen !important;
}

#album_disabled_layer {
    display: none;
    position: absolute;
    width: 100%;
    height: 100%;
    text-align: center;
    background-color: transparent;
    z-index: 10;
    padding-top: 20px;
    color: #fff;
}

#album_list_container {
    position: relative;
}

/* ====================== album onhover styles ==========================*/

#album_list .view {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    display: none;

}

.view .mask,
.view .content {
    width: 100%;
    height: 100%;
    position: absolute;
    overflow: hidden;
    top: 0;
    left: 0;
}

.view h2 {
    text-transform: uppercase;
    color: #fff;
    text-align: center;
    position: relative;
    font-size: 17px;
    font-family: Raleway, serif;
    padding: 10px;
    /*background: rgba(0, 0, 0, 0.8);*/
    margin: 20px 0 0 0;

}

.album_back_button a, .view a {
    text-decoration: none !important;
}

.view p {
    font-family: Merriweather, serif;
    font-style: italic;
    font-size: 14px;
    position: relative;
    color: #fff;
    padding: 0px 20px 0px;
    text-align: center;

}

.view a.info {
    display: inline-block;
    text-decoration: none;
    font-size: 13px;
    padding: 2px 14px;
    margin-bottom: 3px;
    background: #000;
    color: #fff;
    font-family: Raleway, serif;
    text-transform: uppercase;
    box-shadow: 0 0 1px #000
}

.mask-text h2 {
    font-size: 20px !important;
}

.view a.info:hover {
    box-shadow: 0 0 5px #000
}

.view .mask-bg {
    height: 100%;
}

.view .album_social {
    color: #fff;
    position: absolute;
    bottom: 3px;
    left: 3px;
    border: 1px solid #ffffff;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    padding: 3px 5px;

}

.view .album_social:active, .view .album_social:focus, .view .album_social:hover {
    color: #ffffff;
    outline: none;
}

/*1*/

.view .info {
    margin-top: 5px;
}

.view-first .mask {
    opacity: 0;
    background-color: rgba(0, 0, 0, 0.7);
    transition: all 0.4s ease-in-out;

}

.view-first h2 {
    transform: translateY(-100px);
    opacity: 0;
    font-family: Raleway, serif;
    transition: all 0.2s ease-in-out;
}

.view-first p {
    transform: translateY(100px);
    opacity: 0;
    transition: all 0.2s linear;
}

.view-first a.info {
    opacity: 0;
    transition: all 0.2s ease-in-out;
}

/* */

.view-first:hover img {
    /*transform: scale(1.1);*/
}

.view-first:hover .mask {
    opacity: 1;
}

.view-first:hover h2,
.view-first:hover p,
.view-first:hover a.info {
    opacity: 1;
    transform: translateY(0px);
}

.view-first:hover p {
    transition-delay: 0.1s;
}

.view-first:hover a.info {
    transition-delay: 0.2s;
}

/*2*/
.view-second img {
    -webkit-filter: grayscale(0) blur(0);
    filter: grayscale(0) blur(0);
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}

.view-second .mask {
    background-color: rgba(226, 200, 127, 0.2);
    transition: all 0.5s linear;
    opacity: 0;
}

.view-second h2 {
    background: transparent;
    margin: 20px 40px 0px 40px;
    transform: scale(0);
    color: #333;
    transition: all 0.5s linear;
    opacity: 0;
}

.view-second p {
    opacity: 0;
    transform: scale(0);
    transition: all 0.5s linear;
}

.view-second a.info {
    opacity: 0;
    transform: scale(0);
    transition: all 0.5s linear;
}

.view-second:hover img {
    -webkit-filter: grayscale(100%) blur(3px);
    filter: grayscale(100%) blur(3px);
}

.view-second:hover .mask {
    opacity: 1;
}

.view-second:hover h2,
.view-second:hover p,
.view-second:hover a.info {
    transform: scale(1);
    opacity: 1;
}

.view-second img {
    -webkit-filter: grayscale(0) blur(0);
    filter: grayscale(0) blur(0);
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}

.view-second:hover img {
    -webkit-filter: grayscale(100%) blur(3px);
    filter: grayscale(100%) blur(3px);
}

/*3*/

.view-third img {
    transform: scaleY(1);
    transition: all .7s ease-in-out;
}

.view-third a.info {
    opacity: 0;
    transform: scale(0);
    transition: all 0.5s linear;
}

.view-third:hover img {
    -webkit-transform: scale(10);
    transform: scale(10);
    opacity: 0;
}

.view-third:hover .mask {
    opacity: 1;
}

.view-third:hover h2,
.view-third:hover p,
.view-third:hover a.info {
    transform: scale(1);
    opacity: 1;
}

/* ==== view 4 ===*/

.view-forth-wrapper {
    overflow: hidden;
    position: relative !important;
    height: 100%;
    /* cursor: pointer;*/
}

.view-forth img {
    max-width: 100%;
    position: relative;
    top: 0;
    -webkit-transition: all 600ms cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: all 600ms cubic-bezier(0.645, 0.045, 0.355, 1);
}

.view-forth .mask {
    position: absolute;
    width: 100%;
    /*    height: 70px;*/
    /*    bottom: -70px;*/
    height: 50%;
    bottom: -50%;
    -webkit-transition: all 300ms cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: all 300ms cubic-bezier(0.645, 0.045, 0.355, 1);
    top: inherit;
}

.view-forth:hover .mask {
    bottom: 0;
}

.view-forth:hover img {
    top: -30px;
}

/*==  view 5 ==*/

.view-fifth .view-fifth-wrapper,
.view-fifth .view-fifth-wrapper img {
    display: block;
    position: relative;
}

.view-fifth .view-fifth-wrapper {
    overflow: hidden;
    height: 100%;
}

.view-fifth .view-fifth-wrapper .mask {
    display: none;
    position: absolute;
    background: #333;
    background: rgba(75, 75, 75, 0.7);
    width: 100%;
    height: 100%;
}

/* ====================== album category styles ==========================*/

#filters {
    margin: 1% 0;
    padding: 0;
    list-style: none;
    list-style-type: none !important;

}

#filters li {
    float: left;
    list-style-type: none !important;
}

#filters li:first-child span {
    margin-left: 0px;
}

#filters li span {
    display: block;
    text-decoration: none;
    cursor: pointer;
}

.album_categories {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    padding-top: 5px;
}

/*=========  sharing buttons  ============*/

.album_socials {
    position: relative;
    top: 3px;
    width: 100px;
    height: 28px;
    margin: 0 auto;
}

.album_socials .rwd-share-buttons {
    top: 0px !important;
    width: 100% !important;
    margin: 0px !important;
}

.album_socials a {
    text-decoration: underline !important;
}

.gallery_images, .album_image_place {
    margin-top: 15px;
    margin-top: 15px;
}

#rwd-share-facebook:hover {
    background-position: 0 -31px !important;
}

#rwd-share-twitter:hover {
    background-position: -31px 32px !important;
}

#rwd-share-googleplus:hover {
    background-position: -66px -31px !important;
}

.rwd-share-buttons li, .rwd-share-buttons li a {
    width: 26px !important;
    border: 0px !important;
}

.rwd-share-buttons {
    top: 0 !important;
}

.img_link_btn {
    position: absolute;
    z-index: 99999;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    padding: 8px;
}

.rwd-title {
    padding: 10px 0px !important;
}

@media only screen and (max-width: 475px) {
    .rwd-share-buttons {
        top: -25px !important;
    }

    .rwd-title-text {
        line-height: 15px;
    }
}

/*=========  hover style ===========*/

#hover {
    color: rgba(188, 175, 204, 0.9);
}

h2#testimonials {
    color: #fffae3;
}

div#all {
    width: 100%;
    height: 100%;
}

.view img {
    height: auto;
}

.view {
    color: #fff;
    margin: 0 10px 10px 0;
    overflow: hidden;
    position: relative;
    text-align: center;
    float: left;
    cursor: default;
    border: 1px solid #ccc;
}

.view-wrapper {
    height: 100%;
}

.view img {
    display: block;
    position: relative;
    transition: all 0.2s linear;
    height: 100%;
    width: auto;
    max-width: 100%;
    margin: 0 auto;
}

.mask-text h2 {
    font-size: 20px !important;
    margin-top: 20px !important;
}

/* view 1 */

.view-first .text-category, .view-first .mask-text h2, .view-first .mask-text p {
    color: #fff;
}

/*  view 2 */
.view-second .text-category, .view-second .mask-text h2, .view-second p {
    color: #333;
}

.view-second .mask-text h2 {
    border-bottom: 1px solid #333;
}

/* view 3*/
.view-third .mask {
    background-color: #ccc;
    transition: all 0.5s linear;
    opacity: 0;
    color: #333;
}

.view-third h2 {
    border-bottom: 1px solid #333;
    background: transparent;
    margin: 20px 40px 0px 40px;
    transform: scale(0);
    color: #333;
    transition: all 0.5s linear;
    opacity: 0;
}

.view-third p {
    color: #333;
    opacity: 0;
    transform: scale(0);
    transition: all 0.5s linear;
}

.view-third .text-category {
    color: #333;
}

/* view 4 */

.view-forth .mask-bg {
    background: #333;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.view-forth .mask-text {
    color: #fff;
    position: relative;
    z-index: 500;
    padding: 5px 8px;
}

.view-forth .mask-text h2 {
    margin: 0px;
    font-size: 13px;
    padding: 2px;
    color: #fff;
}

.view-forth .mask-text h2:hover {
    cursor: pointer;
}

.view-forth .text-category {
    display: block;
    font-size: 15px;
    color: #fff;
}

.view-forth p {
    color: #fff;
}

/* view 5 */
.view-fifth .text-category, .view-fifth .text-category *, .view-fifth .mask-text h2, .view-fifth .mask-text p {
    color: #fff;
}

</style><div id="mygallery_wrapper_26" class="gallery-img-content clear"
     data-gallery-id="26" data-content-per-page="5"
     data-rating-type="off">
    <div id="mygallery_26" class="mygallery view-justified clear">
                <input type="hidden" id="total" value="1"/>
                                                <a class="gallery_group26" href="http://kkoblak.si/wp-content/uploads/2016/02/IMG_0092-ju.jpg"
                       title="" data-rel="lightbox-gallery-4CxOQJQH" data-rl_title="" data-rl_caption="">
                        <img decoding="async" id="wd-cl-img0"
                             alt="IZDELAVA LESENIH TERAS"
                             src="https://kkoblak.si/wp-content/uploads/2016/02/IMG_0092-ju-1024x576.jpg"/>
                                            </a>
                    <input type="hidden" class="pagenum" value="1"/>
                                                                            <a class="gallery_group26" href="http://kkoblak.si/wp-content/uploads/2016/02/2013-07-13-18.10.16.jpg"
                       title="" data-rel="lightbox-gallery-4CxOQJQH" data-rl_title="" data-rl_caption="">
                        <img decoding="async" id="wd-cl-img1"
                             alt="IZDELAVA LESENIH TERAS"
                             src="https://kkoblak.si/wp-content/uploads/2016/02/2013-07-13-18.10.16-1024x768.jpg"/>
                                            </a>
                    <input type="hidden" class="pagenum" value="1"/>
                                        </div>
    </div>
<style>
.justified-gallery {
    width: 100%;
    position: relative;
}
.justified-gallery a{
    border:none;
}
.justified-gallery > a,
.justified-gallery > div {
    position: absolute;
    display: inline-block;
    opacity: 0;
    overflow:hidden;
    filter: alpha(opacity=0);
    /* IE8 or Earlier */
}
.justified-gallery > a > img,
.justified-gallery > div > img {
    position: absolute;
    top: 50%;
    left: 50%;
    padding: 0;
}
.justified-gallery > a > .caption,
.justified-gallery > div > .caption {
    display: none;
    position: absolute;
    bottom: 0;
    padding: 5px;
    left: 0;
    right: 0;
    margin: 0;
    color: #3AD6FC;
    font-size: 13px;
    font-weight: 300;
    font-family: sans-serif;
//margin-left: px;
    background:rgba(255,28,28,0.9)  !important;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space:nowrap;
}
.justified-gallery > a > .caption.caption-visible,
.justified-gallery > div > .caption.caption-visible {
    display: initial;
    filter: "alpha(opacity=70)";
    /* IE8 or Earlier */
    -webkit-animation: justified-gallery-show-caption-animation 500ms 0 ease;
    -moz-animation: justified-gallery-show-caption-animation 500ms 0 ease;
    -ms-animation: justified-gallery-show-caption-animation 500ms 0 ease;
}
.justified-gallery > .entry-visible {
    opacity: 1.0;
    filter: alpha(opacity=100);
    /* IE8 or Earlier */
    -webkit-animation: justified-gallery-show-entry-animation 300ms 0 ease;
    -moz-animation: justified-gallery-show-entry-animation 300ms 0 ease;
    -ms-animation: justified-gallery-show-entry-animation 300ms 0 ease;
}
.justified-gallery > .spinner {
    position: absolute;
    bottom: 0;
    margin-left: -24px;
    padding: 10px 0 10px 0;
    left: 50%;
    opacity: initial;
    filter: initial;
    overflow: initial;
}
.justified-gallery > .spinner > span {
    display: inline-block;
    opacity: 0;
    filter: alpha(opacity=0);
    /* IE8 or Earlier */
    width: 8px;
    height: 8px;
    margin: 0 4px 0 4px;
    background-color: #000;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
    border-bottom-left-radius: 6px;
}
.play-icon {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
}
.load_more2 {
    margin: 10px 0;
    position:relative;
    text-align:center;
    width:100%;
}
.load_more_button2 {
    border-radius: 10px;
    display:inline-block;
    padding:5px 15px;
    font-size:14px !important;;
    color:#FF1C1C !important;;
    background:#26A6FC !important;
    cursor:pointer;
}
.load_more_button2:hover{
    color:#FF4242 !important;
    background:#0FEFFF !important;
}
.loading2 {
    display:none;
}
.paginate2{
    font-size:18px !important;
    color:#26A6FC !important;
    text-align: center;
    margin-top: 25px;
}
.paginate2 a{
    border-bottom: none !important;
}
.icon-style2{
    font-size: 18px !important;
    color:#26A6FC !important;
}
.clear{
    clear:both;
}
.play-icon.youtube-icon {background:url(https://kkoblak.si/wp-content/plugins/gallery-images/assets/images/admin_images/play.youtube.png) center center no-repeat;}
.play-icon.vimeo-icon {background:url(https://kkoblak.si/wp-content/plugins/gallery-images/assets/images/admin_images/play.vimeo.png) center center no-repeat;}
</style></p>
<p style="text-align: center;">
<p>The post <a href="https://kkoblak.si/ostalo-v-ponudbi/">OSTALO V PONUDBI</a> appeared first on <a href="https://kkoblak.si">KK Oblak, d.o.o.</a>.</p>
]]></content:encoded>
					
		
		
			</item>
	</channel>
</rss>
