body,html{
    overflow-x:hidden!important
}
    .top-header {
            background-color: rgba(58, 8, 8, 1);
            padding: 10px 0;
        }

        .top-header .logo img {
            display: block;
            margin: 0 auto;
        }

        .top-header .phone-header p {
            text-align: right;
        }

        .navbar {
            background-color: #333;
            margin-bottom: 0;
            transition: top 0.3s;
        }

        .navbar.sticky {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            z-index: 1000;
        }

        .content {
            margin-top: 70px; /* Adjust this value based on the height of the navbar */
        }
.navbar-toggle .icon-bar {
    background-color: white !important;
}
.active-filter .line-bottom,.active-filter .line-top,.all-blog,.blog-figure a img,.btn-lines:hover .line-bottom,.btn-lines:hover .line-top,.btn-price,.clients li a img,.grid-item,.hey-left img,.hey-left-2 img,.item,.post-thumbnail img,.testimonial .container,.testimonials-3 .container,body,img{
    width:100%
}
#lokacije h3,.pp .card-body{
    margin-top:-10px
}
#ikonice h6{
	color:#2d3d33!important;
	margin-bottom:-5px;
padding:5px;
	font-size:25px !important;
	font-weight:bold;
}
#ikonice .card1{
	border:1px solid #2d3d33!important; 
}
.breadcrumb,.clients,li{
    list-style:none
}
.contact .contact-address i,.contact-2 .contact-address i,.date-num,.logo-text,.pagination a,.pagination a i,.portfolio-project-info li a i,img{
    vertical-align:middle
}
footer,footer a,footer h5,footer p{
    color:#2d3d33!important;
	font-weight: 500;
}
@font-face{
    font-family:'Avenir LT Std 45 Book';
    font-style:normal;
    font-weight:400;
    src:url(../assets/fonts/AvenirLTStd-Book.woff) format('woff')
}
@font-face{
    font-family:'Avenir LT Std 85 Heavy';
    font-style:normal;
    font-weight:400;
    src:url(../assets/fonts/AvenirLTStd-Heavy.woff) format('woff')
}
@font-face{
    font-family:'Avenir LT Std 35 Light';
    font-style:normal;
    font-weight:400;
    src:url(../assets/fonts/AvenirLTStd-Light.woff) format('woff')
}
@font-face{
    font-family:Montserrat-Ultralight;
    src:url(../assets/fonts/Montserrat-UltraLight.woff)
}
html{
    font-size:100%
}
body{
    height:100%;
    background:#fff;
    font-family: 'Source Sans 3', sans-serif;
    font-size:16px;
    font-weight:300;
    line-height:28px;
    text-align:center;
    margin:auto!important
}
.blog-item-title span,.btn,.logo-text,.pp h5,h2,strong{
    font-weight:700
}
.pp{
    background-color:#fff!important;
    border:none!important
}
.pp span{
    padding:10px!important
}
hr{
    border-color:transparent
}
.order-btn img,img.link-icon{
    max-width:12px;
    margin-right:5px;
    margin-top:-1px
}
.top-header{
   background-color:#2d3d33;
    padding:20px;
    display:flex;
    justify-content:space-between;
    align-items:center
}
.logo{
    display:flex;
    align-items:center
}
.btn,.logo-text{
    display:inline-block
}
.logo img{
    max-width:300px;
    margin-right:0
}
.logo-text{
    font-weight: 100 !important;
    padding-left:10px;
    font-family:'Poiret One',cursive;
    color:#39434a;
    text-transform:none;
    letter-spacing:3px;
    font-size:13px;
    text-wrap:nowrap
}
.btn-home,.btn-home a,.btn-home a:visited,.comment-reply .contact-box .contact-button:hover,.featured-item.border-box:hover h4,.section-white .section-header h2,.text-white,.white-color,input:focus,textarea:focus{
    color:#fff
}
footer h6 {
    padding-top: 60px;
}
.about-subtitle-2,.author,.blog-item-date,.blog-page-heading,.blog-post-title,.blog-title,.breadcrumb li,.btn,.date-num,.h1.home,.pagination a,.progress .bar,.progress-skill-bar li,.section-sub-header .smt,.section-title-2,.t-name,h6{

}
.btn,.section-header-2 .section-description,h2,h6{
    letter-spacing:1px
}
.icons .i1{
    margin-left:30px!important;
    max-width:20px
}
.icons .i2{
    margin-left:-20px!important;
    max-width:20px
}


.blog,.blog-grid-right,.blog-list-item-body,.section-header,.section-title span,.text-left{
    text-align:left
}
.blog-grid-left,.text-right{
    text-align:right
}
.center-div,.feature-box-grid .featured-item,.scroll-btn,.section-header-2,.text-center,ul.nav.navbar-nav.navbar-right.main-navigation .blog{
    text-align:center
}
@-webkit-viewport{
    width:device-width
}
@-moz-viewport{
    width:device-width
}
@-ms-viewport{
    width:device-width
}
@-o-viewport{
    width:device-width
}
@viewport{
    width:device-width
}
a{
    color:#464646;
    -webkit-transition:.25s;
    transition:.25s
}
a:hover{
    text-decoration:none;
    opacity:.9
}
a:active,a:focus,a:visited{
    text-decoration:none;
    opacity:.7
}
.btn{
    cursor:pointer;
    font-size:12px;
    line-height:100%;
    margin:10px 0;
    outline:0;
    padding:10px 20px;
    position:relative;
    white-space:nowrap;
    border-radius:0
}
.btn-price{
    margin-top:10px;
    border:1px solid #949494;
    border-left:none;
    border-right:none;
    border-bottom:none;
    margin-bottom:0
}
.black-line,.colored-line,.white-line{
    margin:auto
}
.btn-home{
    border:1px solid #fff
}
.agency-btn-1{
    background-color:#58656b;
    color:#fff;
    float:left
}
.btn-home a:hover,.btn-home:hover,.btn-home:hover a,.btn-home:hover a:visited,.comment-author a,.portfolio-hover .action-btn a,.scroll-btn>.active,.scroll-btn>:focus,.scroll-btn>:hover,.section-title,.text-dark,p{
    color:#000
}
.btn:active,.btn:focus{
    outline:inherit
}
.scroll-btn{
    display:block;
    position:absolute;
    bottom:1%;
    left:0;
    right:0;
    z-index:100
}
.scroll-btn>*{
    display:inline-block;
    line-height:10px;
    font-size:13px;
    font-weight:400;
    color:#000;
    letter-spacing:2px
}
.numbers,.section-header-2 .section-description span.thin{
    font-weight:200
}
.comment-item a:hover,.scroll-btn>.active,.scroll-btn>:active,.scroll-btn>:focus,.scroll-btn>:hover{
    opacity:.8
}
.scroll-btn .mouse{
    position:relative;
    display:block;
    width:25px;
    height:40px;
    margin:0 auto 20px;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box
}
.scroll-btn .mouse>*{
    position:absolute;
    display:block;
    left:-10%;
    font-size:32px
}
.section-header .smt,.section-header-int .smt,.section-sub-header .smt{
    font-family:Raleway,sans-serif;
    display:table;
    position:relative;
    font-weight:200
}
*,:after,:before{
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box
}
ol,ul{
    padding-left:0!important
}
.agency-2-item .icon,.nopadding,.pad-0{
    padding:0
}
.section-header,.section-header-2{
    padding-bottom:50px;
    padding-left:10px
}
.numbers{
    font-family:Raleway,sans-serif
}
h1{
  font-size:45px;
    line-height:32px;
    margin-top:-5px;
    margin-bottom:0;
	color:#2d3d33;
}
.h1.home{
    font-size:45px;
    line-height:32px;
    margin-top:-5px;
    margin-bottom:0;
	color:#2d3d33;
}
h2{
    font-family:Lato,sans-serif;
    font-size:42px; 
	color:#2d3d33;
}
h3{
	color:#2d3d33;
    font-size:32px;
    line-height:38px;
    font-weight:300
}
.desk p,.t-deg,.t-name,h4,h5{
    font-weight:400
}
h4{
	color:#2d3d33;
    font-size:24px;
    line-height:30px
}
h5,p{
	color:#2d3d33;
    font-size:18px
}
h6{
    font-family:Poppins,sans-serif;
    font-weight:500;
    font-size:15px!important
}
p{
    font-weight:300
}
.text-dark-blue{
    color:#004dff
}
.about,.bg-white{
    background:#fff
}
.colored-line,.colored-line-2{
    width:.5px;
    height:27px;
    background:#000;
    z-index:1
}
.pad-top-80,.section-top{
    padding-top:80px
}
.section-header h2,.section-header-2 h4{
    margin-bottom:5px
}
.section-header .smt,.section-header-int .smt{
    font-size:45px;
    padding:0 22px;
    text-transform:uppercase
}
.section-header .smt:after{
    content:"";
    content:"";
    display:inline-block;
    content:"";
    border-bottom:1px solid #1d1c1c;
    position:absolute;
    top:50%;
    width:42px;
    margin-top:-1px;
    left:auto;
    right:0
}
.section-header .smt>span,.section-sub-header .smt>span{
    display:block;
    padding:0 30px
}
.section-sub-header{
    padding-left:10px;
    text-align:left
}
.section-sub-header .smt,.testimonials .feedback .company-info,.testimonials-3 .feedback .company-info{
    font-size:12px
}
.section-title-2{
    font-family:Montserrat,sans-serif;
    font-size:17px;
    font-weight:400;
    text-align:center;
    letter-spacing:2px;
    color:#4884a9
}
.section-title-3,.section-title-4{
    font-family:Raleway,sans-serif;
    font-size:24px;
    text-align:center;
    text-transform:uppercase;
    letter-spacing:12px;
    color:#718c9e;
    font-weight:400
}
.p-b-30,.section-title-4{
    padding-bottom:30px
}
.section-header-2 .section-description{
    font-family:Montserrat,sans-serif;
    font-weight:400;
    font-size:32px;
    text-transform:uppercase;
    display:inline-block;
    position:relative;
    text-align:center;
    padding-bottom:3px
}
.section-header-2 .section-description span.thin,.section-header-2 .section-description-2{
    font-family:Raleway,sans-serif;
    font-size:32px;
    text-align:center;
    padding-bottom:3px;
    position:relative;
    display:inline-block;
    text-transform:uppercase
}
.section-header-2 .section-description-2{
    font-weight:300;
    letter-spacing:2px
}
.white-line{
    z-index:1;
    width:165px;
    height:1px;
    background:#fff
}
.black-line,.under-line,.under-line-1{
    background:#000;
    z-index:1;
    height:1px;
    text-align:left
}
.black-line{
    width:65px
}
.under-line{
    width:35px;
    margin-bottom:10px
}
.under-line-1{
    margin:10px auto auto;
    width:55px
}
.under-line-2{
    margin:10px auto;
    z-index:1;
    width:220px;
    height:1px;
    background:#dadada;
    text-align:left
}
.bottom-border{
    border-bottom:1px solid;
    padding-bottom:10px;
    display:inline-block
}
.m-bot-40{
    margin-bottom:40px
}
.m-bot-60{
    margin-bottom:60px
}
.m-top-60{
    margin-top:60px
}
.m-bot-70{
    margin-bottom:70px
}
.fit-img,.team-member .team-img img{
    width:100%;
    height:auto
}
.divider,.divider-2{
    width:100%;
    margin:30px 0;
    position:relative;
    color:#e2e2e2;
    display:inline-block
}
.divider-2.d-single,.divider.d-single{
    width:100%;
    height:1px;
    border-color:#e2e2e2;
    border-top-width:1px
}
.divider.d-double{
    width:100%;
    height:8px;
    border-color:#e2e2e2;
    border-top-width:1px;
    border-bottom-width:1px
}
.d-single.d-solid{
    border-top-style:solid
}
.d-single.d-dashed{
    border-top-style:dashed
}
.d-double.d-solid{
    border-top-style:solid;
    border-bottom-style:solid
}
.d-double.d-dashed{
    border-top-style:dashed;
    border-bottom-style:dashed
}
#lokacije h6,.bg-light{
    border:1px solid #ededed
}
.timer{
    font-family:Montserrat,sans-serif;
    font-size:45px;
    font-weight:700;
    color:#2d353b
}
.project-color-overlay,.single-page-overlay{
    background-color:rgba(44,44,44,.6)
}
.single-page-image-parallax{
    width:100%;
    height:450px;
    padding-bottom:20px
}
.ip-header,.preloader{
    position:fixed;
    height:100%;
    width:100%
}
.testimonials-3,header{
    -webkit-background-size:cover;
    background-size:cover
}
header .color-overlay{
    height:100vh;
    background:rgba(255,255,255,.5)
}
.navbar-nav>li>a{
    font-size:20px
}
.dropdown-menu>li>a{
    font-size:17px;
    text-align:start
}
.comment-reply .contact-box .contact-form .error,.comment-reply .contact-box .contact-form .success,.contact .contact-box .contact-form .error,.contact .contact-box .contact-form .success,.contact-2 .contact-box .contact-form .success,.inline-date,.no-js .preloader{
    display:none
}
.preloader{
    background-color:#fff;
    z-index:99999;
    overflow:hidden!important
}
.status{
    margin:0 auto;
    background-repeat:no-repeat;
    background-position:center;
    -webkit-background-size:cover;
    background-size:cover
}
.ip-header{
    top:0;
    z-index:100;
    min-height:480px;
    background:#fdfdfd
}
.ip-header h1,.widget-body .post-date{
    margin:0
}
.home .card-body,.ip-header .ip-inner{
    margin:0 auto;
    display:block
}
.ip-loader{
    position:absolute;
    left:0;
    width:100%;
    opacity:0;
    cursor:default;
    pointer-events:none;
    bottom:50%
}
.blog-image-parallax,.btn-lines,.figure,.h_iframe,.hey,.hey-2,.modal-header,.no-js .ip-header,.search-wrap{
    position:relative
}
.ip-header .ip-loader svg path{
    fill:none;
    stroke-width:3
}
.ip-header .ip-loader svg path.ip-loader-circlebg{
    stroke:#ddd
}
.ip-header .ip-loader svg path.ip-loader-circle{
    -webkit-transition:stroke-dashoffset .2s;
    transition:stroke-dashoffset .2s
}
.loading .ip-loader{
    opacity:1;
    -webkit-animation:1s cubic-bezier(.7,0,.3,1) both animInitialHeader;
    animation:1s cubic-bezier(.7,0,.3,1) both animInitialHeader;
    -webkit-animation-delay:.2s;
    animation-delay:.2s
}
@-webkit-keyframes animInitialHeader{
    from{
        opacity:0;
        -webkit-transform:translate3d(0,800px,0)
    }
}
@keyframes animInitialHeader{
    from{
        opacity:0;
        -webkit-transform:translate3d(0,800px,0);
        transform:translate3d(0,800px,0)
    }
}
.loaded .ip-loader{
    opacity:1;
    -webkit-animation:.5s cubic-bezier(.7,0,.3,1) forwards animLoadedLoader;
    animation:.5s cubic-bezier(.7,0,.3,1) forwards animLoadedLoader
}
@-webkit-keyframes animLoadedLogo{
    to{
        -webkit-transform:translate3d(0,100%,0) translate3d(0,50px,0) scale3d(.65,.65,1)
    }
}
@keyframes animLoadedLogo{
    to{
        -webkit-transform:translate3d(0,100%,0) translate3d(0,50px,0) scale3d(.65,.65,1);
        transform:translate3d(0,100%,0) translate3d(0,50px,0) scale3d(.65,.65,1)
    }
}
@-webkit-keyframes animLoadedLoader{
    to{
        opacity:0;
        -webkit-transform:translate3d(0,-100%,0) scale3d(.3,.3,1)
    }
}
@keyframes animLoadedLoader{
    to{
        opacity:0;
        -webkit-transform:translate3d(0,-100%,0) scale3d(.3,.3,1);
        transform:translate3d(0,-100%,0) scale3d(.3,.3,1)
    }
}
.loaded .ip-header{
    -webkit-animation:1s cubic-bezier(.7,0,.3,1) forwards animLoadedHeader;
    animation:1s cubic-bezier(.7,0,.3,1) forwards animLoadedHeader
}
@-webkit-keyframes animLoadedHeader{
    to{
        -webkit-transform:translate3d(0,-100%,0)
    }
}
@keyframes animLoadedHeader{
    to{
        -webkit-transform:translate3d(0,-100%,0);
        transform:translate3d(0,-100%,0)
    }
}
.no-js .ip-header{
    min-height:0
}
.no-js .ip-header .ip-logo{
    margin-top:20px;
    height:180px;
    opacity:1;
    -webkit-transform:none;
    transform:none
}
.no-js .ip-header .ip-logo svg path{
    fill:#fff
}
.intro-section{
    margin:30vh auto
}
.intro-section-pad{
    padding-top:30vh
}
.about-2-bg-color{
    background-color:#1b2943
}
.product-container img{
    max-width:90%;
    margin-top:15px
}
.hey-right-abt,.hey-right-t,.hey-right-t span{
    margin:0;
    text-align:left
}
.banner-bottom{
    padding:20px 0;
    background:#fff
}
.hey-left{
    float:right;
    width:50%
}
.hey-right{
    position:absolute;
    top:30%;
    right:14%
}
.hey-right-t,.hey-right-t span{
    position:relative;
    font-family:Poppins,sans-serif;
    font-weight:700;
    width:73%;
    line-height:1.8em
}
.hey-right-t{
    font-size:34px;
    color:#39434a
}
.hey-right-t span{
    font-size:35px;
    color:#f95231
}
.hey-right p,.hey-right-2 p{
    line-height:1.5em;
    margin:0;
    text-align:left
}
.hey-right p{
    font-family:Raleway,sans-serif;
    font-size:25px;
    color:rgba(7,15,23,.8);
    font-weight:400;
    width:90%
}
#lokacije h3,.hey-right-abt span{
    font-size:35px;
    font-weight:100
}
.hey-right-abt,.hey-right-abt span{
    position:relative;
    font-family:Poppins,sans-serif
}
.hey-right p a,.hey-right-2 p a{
    color:#00f;
    text-decoration:none
}
.hey-left-2{
    float:left;
    width:50%
}
.hey-right-2{
    position:relative;
    top:10%;
    left:34%
}
.hey-right-abt{
    font-size:30px;
    font-weight:100;
    color:#39434a;
    line-height:1.8em;
    width:73%
}
.hey-right-abt span{
    color:#f95231
}
.hey-right-2 p{
    font-family:Raleway,sans-serif;
    font-size:25px;
    color:rgba(7,15,23,.8);
    font-weight:400;
    width:100%
}
.card-body{
    display:flex;
    justify-content:space-between;
    align-items:center
}
.home .card-body{
    align-items:center!important
}
.powered{
    text-align:center!important;
    border-top:1px solid #2d3d33;
    padding-top:20px;
    margin-top:20px
}
.bg-light{
    background:#f4f4f4!important
}
.hr-footer{
    width:50px;
    margin:0;
    border:0;
    height:1px;
    background-color:#2d3d33
}
#lokacije{
	background-color:#2d3d33;
    border-bottom:1px solid #ededed
}
#lokacije h6{
    padding:10px;
    background-color:#bf8302;
	color:#f5f5f5 !important;
}#lokacije a{

	color:#f5f5f5 !important;
}#lokacije h3{
    color:#f5f5f5;;
}
.moja-galerija{
    margin-bottom:15px;
    overflow:hidden
}
.moja-galerija img{
    margin-bottom:15px!important
}
@media screen and (max-width:320px){
    .hey-right p,.hey-right-2 p{
        font-size:13px;
        width:100%
    }
}
@media (min-width:480px){
	.header .navbar-collapse {
    display: flex;
    justify-content: center;
}

.header .navbar-nav {
    display: flex;
    justify-content: center;
    width: 100%;
}

.header .navbar-nav > li {
    display: inline-block;
    float: none;
}
    #mob01,.g-m{
        display:none
    }
    h2,h3{
        font-weight:500!important
    }
    .kategorije-mob{
        display:none!important
    }
    #lokacije{
        padding:30px!important
    }
}
footer img{
    margin-top:30px;
    background-color:#363636;
    padding:8px;
    z-index:1000;
    margin-right:10px;
    max-width:30px
}
footer .column{
    padding-left:20px;
    padding-right:20px
}
footer h5{
	color:#2d3d33 !important;
    padding-top:60px;
    text-transform:uppercase
}footer h6{
	color:#2d3d33 !important;
 
}
#clients-1,.media-list,.pad-top-30,footer ul{
    padding-top:30px
}
@media (min-width:480px) and (max-width:640px){
    .icons{
        z-index:10000000000000;
        display:flex;
        align-items:center;
        float:left;
        margin-right:55px;
        margin-top:-12px
    }
    .icons .i2{
        margin-left:10px!important;
        max-width:20px
    }
    .navbar-toggle{
        margin-top:-15px!important
    }
}
.header1 .container {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.top-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}
.phone-header a{
	float:right;
	color:#f5f5f5 !important;
	font-size:25px;
}

.online-ordering {
	font-weight:600;
    font-size: 20px; /* prilagodite veličinu fonta po potrebi */
    color: #bf8302; /* prilagodite boju teksta po potrebi */
 
}



@media (min-width:640px){
	.header1 {   padding: 10px;}
    .icons .i1{
        margin-left:-10px!important;
        max-width:20px
    }
    .icons .i2{
        margin-left:25px!important;
        max-width:20px
    }
}
@media (min-width:740px){
    .navbar-toggle{
        margin-top:-15px!important
    }
}
.kategorije .col-lg-2{
    padding-left:0!important;
    padding-right:0!important
}
@media (max-width:480px){
    .hey-right-abt,.logo-text{
        font-weight:700;
        color:#39434a
    }
    .logo-text{
        text-align:left;
        display:inline-block;
        font-family:'Poiret One',cursive;
        text-transform:none;
        letter-spacing:0;
        font-size:13px;
        width:100%;
        margin:0;
        padding:0
    }
    .top-header{
        padding-left:0
    }
    .g-m img{
        max-width:90vw;
        margin-bottom:20px
    }
    .g-d{
        display:none
    }
    .kategorije-mob h5{
        font-size:15px!important
    }
    .kategorije-mob a{
        font-size:10px!important
    }
    #k2{
        margin-top:12px
    }
    .kategorije-mob .col-xs-4{
        padding-left:1px!important;
        padding-right:1px!important
    }
    .navbar-nav>li>a{
        font-size:16px
    }
    .mob1{
        float:none
    }
    .icons .i2{
        margin-left:10px!important;
        max-width:20px
    }
    .navbar-nav{
 margin-top:-5px !important;
        padding-bottom:15px;
        z-index:100000000000;
        background-color:#f0f0f0!important;
        border-bottom:1px solid #f4f4f4;
        margin:auto;
    }
    .navbar-toggle{
        position:relative;
        float:right;
        margin-right:5px;
        padding:9px 10px;
        margin-top:-2px;
        margin-bottom:8px;
        background-color:transparent;
        background-image:none;
        border:1px solid transparent;
        border-radius:4px
    }
    h5{
        font-size:14px!important;
        font-weight:400
    }
    .hey-left,.hey-left-2{
        float:none;
        width:100%
    }
    .hey-right,.hey-right-2{
        top:0;
        position:inherit;
        text-align:center;
        left:0;
        margin:1em 0 0
    }
    .hey-right-abt{
        position:relative;
        font-family:Poppins,sans-serif;
        font-size:30px;
        line-height:1.8em;
        text-align:left;
        margin:0;
        width:100%
    }
    .banner-bottom{
        padding: 0px 0px 25px 0px;
        background:#fff
    }
    .p-t-100{
        padding-top:0
    }
    .post-thumbnail{
        margin-bottom:0
    }
}
.blog-card img,.grid,.isotope{
    max-width:100%
}
@media screen and (max-width:640px){
    .icons{
        margin-right:20px
    }
    .navbar{
        margin-top:-50px;
        background-color:transparent!important
    }
    .hey-right p,.hey-right-2 p{
        font-size:17px
    }
    .hey-right,.hey-right-2{
        top:9%
    }
    .hey-right-abt{
        position:relative;
        font-family:Poppins,sans-serif;
        font-size:30px;
        font-weight:700;
        color:#39434a;
        line-height:1.8em;
        text-align:left;
        margin:0;
        width:100%
    }
}
.address-title,.arch-srv-heading,.arch-srv-subhead,.contact .contact-address ul li,.pagination a{
    font-weight:400;
    text-transform:uppercase
}
@media screen and (max-width:768px){
     p {
        font-size: 18px;
         line-height: 1.4;
    }
    .hey-right p,.hey-right-2 p{
        font-size:18px
    }
}
@media screen and (max-width:1024px){
    .hey-right p,.hey-right-2 p{
        width:95%
    }
}
.center-pic img{
    width:100%;
    padding:40px 0
}
.arch-srv-block-1,.blog-cr-bg,.pad-bot-30,.xen-pad{
    padding-bottom:50px
}
.arch-srv-heading{
    font-family:Montserrat,sans-serif;
    font-size:17px;
    margin-top:80px;
    padding-right:70px;
    text-align:right;
    color:#000
}
.arch-srv-heading.right,.arch-srv-subhead.right,.blog-cr-heading.right{
    text-align:left;
    padding-left:70px
}
.arch-srv-subhead{
    font-family:Raleway,sans-serif;
    font-size:13px;
    letter-spacing:5px;
    text-align:right;
    padding-right:70px
}
.arch-desc-left-1,.arch-desc-left-2,.arch-desc-right{
    font-size:16px;
    padding-top:20px;
    color:#18191b;
    padding-left:70px;
    padding-right:70px
}
.agency-2-item .desc,.agency-3-item .desc,.arch-desc-left-1,.arch-desc-left-2,.arch-desc-right{
    font-family:"Source Sans Pro",sans-serif;
    font-weight:300
}
.arch-desc-left-1,.arch-desc-left-2{
    text-transform:none;
    text-align:right
}
.arch-desc-right{
    text-transform:none;
    text-align:left
}
.agency-srv{
    padding-left:70px;
    padding-right:70px
}
.agency-srv-desc{
    padding-left:15px;
    padding-right:15px
}
.feature-bg-box{
    padding:30px;
    position:relative;
    border-radius:4px;
    margin-bottom:100px
}
.gray-bg{
    background:#f6f6f6
}
.feature-bg-box,.feature-bg-box:hover .icon,.featured-item.border-box,.featured-item.border-box .icon i .featured-item.border-box:hover .icon i,.featured-item.border-box h4,.featured-item.border-box:hover,.featured-item.border-box:hover h4{
    -webkit-transition:.3s;
    -moz-transition:.3s;
    transition:.3s
}
.feature-bg-box .icon{
    position:absolute;
    top:-40px;
    left:50%;
    width:80px;
    height:80px;
    margin-left:-40px;
    line-height:80px;
    background:#fff;
    border-radius:50%;
    text-align:center;
    box-shadow:0 0 0 5px #f6f6f6
}
.featured-item.feature-bg-box .icon i{
    color:#58656b;
    font-size:30px;
    line-height:80px
}
.feature-bg-box .title{
    margin-top:40px;
    display:inline-block
}
.main-title::before{
    content:'';
    width:20vw;
    height:20vw;
    min-width:3.5em;
    min-height:3.5em;
    background-size:cover;
    position:absolute;
    top:50%;
    left:50%;
    border-radius:50%;
    z-index:-1;
    -webkit-transform:translate3d(-50%,-50%,0);
    transform:translate3d(-50%,-50%,0)
}
.main-title{
    position:absolute;
    margin:0;
    padding:0;
    color:#f9f1e9;
    text-align:center;
    top:50%;
    left:50%;
    -webkit-transform:translate3d(-50%,-50%,0);
    transform:translate3d(-50%,-50%,0)
}
.agency-3-item-t,.funfactor.strt-up .color-overlay{
    padding-top:50px
}
.abt-me-st,.agency-3-item-t{
    font-weight:400;
    text-align:left
}
.agency-2-item .icon i{
    font-size:25px;
    color:#2c2c2c
}
.constr-bottom-border{
    border-bottom:1px solid #000;
    padding-bottom:10px;
    display:inline-block
}
.agency-2-item .title h4,.agency-3-item .title h4{
    font-family:Montserrat,sans-serif;
    font-weight:400;
    font-size:16px;
    margin-bottom:5px;
    letter-spacing:1px;
    text-transform:uppercase;
    color:#2c2c2c
}
.agency-2-item .desc{
    font-size:16px;
    color:#41454a;
    padding-bottom:15px;
    padding-right:30px
}
.abt-me .col-md-6,.feature-box-grid .col-md-6{
    padding-left:0;
    padding-right:0
}
.abt-me-st{
    font-family:Poppins,sans-serif;
    font-size:20px;
    padding-bottom:15px;
    text-transform:none
}
.address-title,.agency-3-item-t,.contact .contact-address ul li,.email-3,.featured-item .title h4,.footer-2 .footer-column p,.footer-logo p,.list-inline>li,.social-li a,.t-name,.team-title h5,.text-white-4{
    font-family:Montserrat,sans-serif
}
.comment-item p,.m-b-10,.news-blog{
    margin-bottom:10px
}
.agency-3-item-t{
    font-size:23px;
    text-transform:uppercase;
    padding-left:90px;
    color:#707070
}
.dn-title-3,.text-white-4{
    color:#fff;
    text-transform:uppercase
}
.agency-3-item .desc{
    font-size:15px;
    color:#8d8d8d
}
.const-choice .desc{
    padding-right:60px
}
.kategorije{

    display:flex;
    justify-content:center
}
.kategorije .container{
    width:100%;

    padding:20px
}
h1{
	margin-top:10px !important;
}
.kategorije .row{
    display:flex;
    justify-content:center;
    flex-wrap:wrap
}
.kategorije .col-lg-2{
    flex:0 0 20%;
    max-width:20%;
    text-align:center
}
@media (min-width:480px) and (max-width:900px){
    .navbar-nav>li{
        margin-left:-10px
    }
   
    .mob1{
        float:right;
        margin-left:30px!important
    }
    .kategorije h5{
        font-size:15px!important
    }
}
@media (min-width:768px) and (max-width:901px){
    .navbar-nav>li{
        margin-left:-10px
    }
    
    .mob1{
        float:right;
        margin-left:5px!important
    }
    .navbar-nav>li>a{
        font-size:12px!important
    }
    .kategorije h5{
        font-size:13px
    }
}
@media (min-width:901px) and (max-width:1000px){
    .navbar-nav>li{
        margin-left:-10px
    }
   
    .mob1{
        float:right;
        margin-left:5px!important
    }
    .navbar-nav>li>a{
        font-size:12px!important
    }
}
@media (min-width:1001px) and (max-width:1200px){
    #lokacije h6{
        font-size:12px!important
    }
    .navbar-nav>li{
        margin-left:-10px
    }
   
    .mob1{
        float:right;
        margin-left:10px!important
    }
    .navbar-nav>li>a{
        font-size:18px!important
    }
}
@media (min-width:1201px){
    .navbar-nav>li{
        margin-left:-10px
    }
   
    .mob1{
        float:right;
        margin-left:200px!important
    }
    .navbar-nav>li>a{
        font-size:18px!important
    }
}
.feature-top{
    padding-top:10px
}
.text-white-4{
    font-size:50px;
    padding-bottom:10px;
    font-weight:700;
    letter-spacing:3px
}
.constr-color-overlay{
    height:100vh;
    background:rgba(0,0,0,.6)
}
.item,.item.height2{
    height:auto
}
.constr-home-item{
    padding-top:130px
}
.dn-title-3{
    font-family:Montserrat,serif;
    font-size:15px;
    font-weight:400;
    letter-spacing:2px
}
.blog-media,.m-b-30{
    margin-bottom:30px
}
. .strt-up-button{
    margin-left:60px
}
.creame-bg{
    background:#f6f3f1
}
.funfactor.strt-up .icon-container i{
    color:#7198ab
}
.featured-item .icon,.featured-item-2 .icon{
    padding:0 0 10px
}
.featured-item .icon i{
    font-size:40px
}
.featured-item .title h4{
    font-weight:400;
    font-size:15px;
    margin-bottom:10px;
    letter-spacing:3px;
    text-transform:uppercase
}
.featured-item-2 .title h4,.portfolio-project-heading{
    font-family:Montserrat,sans-serif;
    letter-spacing:1px;
    text-transform:uppercase
}
.featured-item .desc{
    padding-bottom:5px;
    padding-left:25px;
    padding-right:25px
}
.featured-item.border-box{
    border:1px solid #efefef;
    padding:40px;
    margin-left:-1px;
    margin-bottom:-1px
}
.featured-item.border-box:hover{
    border:1px solid transparent
}
.featured-item-2 .icon i{
    font-size:50px;
    color:#f12e4c
}
.featured-item-2 .title h4{
    font-weight:400;
    font-size:16px;
    margin-bottom:10px;
    color:#1b2943
}
.featured-item-2 .desc{
    color:#515151;
    padding-bottom:5px
}
.grid:after,.isotope:after{
    content:'';
    display:block;
    clear:both
}
.item{
    float:left
}
.item.width2{
    width:200%
}
.portfolio-button-group{
    padding-bottom:45px
}
.pf-filter{
    margin-bottom:40px;
    text-align:left;
    overflow:hidden;
    cursor:default
}
.pf-filter-page{
    margin-top:-20px
}
.pf-filter li{
    font-family:Montserrat,sans-serif;
    display:inline-block;
    height:34px;
    margin:0 15px 10px;
    padding:0;
    font-size:13px;
    font-weight:400;
    line-height:34px;
    text-transform:uppercase;
    color:#54565c;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
    -webkit-transition:border-color 160ms linear;
    -moz-transition:border-color 160ms linear;
    -o-transition:border-color 160ms linear;
    transition:border-color 160ms linear
}
@media screen and (-webkit-min-device-pixel-ratio:0){
    .pf-filter li{
        line-height:36px
    }
}
.pf-filter li:hover{
    cursor:pointer
}
.active-filter .line-left,.active-filter .line-right,.btn-lines:hover .line-left,.btn-lines:hover .line-right,.m-grid-item--height2,.m-grid-item-2--height2{
    height:100%
}
.grid-item,.grid-item-gut{
    height:auto;
    background:#fff
}
.btn-lines .line-bottom,.btn-lines .line-left,.btn-lines .line-right,.btn-lines .line-top{
    position:absolute;
    background:#666;
    -webkit-transition:width 210ms ease-out 10ms,height 210ms ease-out 10ms;
    -moz-transition:width 210ms ease-out 10ms,height 210ms ease-out 10ms;
    -o-transition:width 210ms ease-out 10ms,height 210ms ease-out 10ms;
    transition:width 220ms ease-out 10ms,height 220ms ease-out 10ms
}
.btn-lines .line-bottom,.btn-lines .line-top{
    width:0;
    height:1px
}
.btn-lines .line-top{
    top:0;
    left:0
}
.btn-lines .line-bottom{
    bottom:0;
    right:0
}
.btn-lines .line-left,.btn-lines .line-right{
    width:1px;
    height:0
}
.btn-lines .line-left{
    bottom:0;
    left:0
}
.btn-lines .line-right{
    top:0;
    right:0
}
.grid{
    margin:0;
    text-align:center
}
.grid-item-gut{
    width:95%
}
.grid-masonry{
    margin:0 auto;
    max-width:1200px;
    text-align:center
}
.m-grid-item{
    width:100%;
    height:100%;
    background:#fff;
    padding:5px
}
.m-grid-item-2{
    width:100%;
    height:100%;
    background:#fff
}
.masonry-pad{
    padding:5px
}
.masonry-grid-3 .portfolio-hover,.masonry-grid-4 .portfolio-hover,.portfolio-hover{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    margin:0;
    opacity:0;
    -webkit-transition:.3s;
    transition:.3s
}
.portfolio-hover .action-btn{
    position:absolute;
    top:0;
    width:100%;
    opacity:0;
    text-align:center;
    -webkit-transform:translateY(45%);
    -ms-transform:translateY(45%);
    transform:translateY(45%);
    -webkit-transition:.3s .2s;
    transition:.3s .2s;
    font-size:25px
}
.portfolio-hover .action-btn .port-title{
    font-family:Montserrat,sans-serif;
    font-size:14px;
    font-weight:600;
    letter-spacing:3px;
    text-transform:uppercase
}
.portfolio-hover .action-btn .port-subt{
    font-family: 'Source Sans 3', sans-serif;
    font-size:12px;
    font-weight:400;
    letter-spacing:3px;
    text-transform:uppercase
}
.similar-project .portfolio-hover{
    position:absolute;
    top:0;
    left:5%;
    width:95%;
    height:95%;
    margin:0;
    opacity:0;
    -webkit-transition:.3s;
    transition:.3s
}
.blog-card:hover .card-overlay,.grids-item:hover .portfolio-hover,.grids-item:hover .portfolio-hover .action-btn,.grids-item:hover .portfolio-hover .portfolio-description,.team-member:hover .team-hover,.team-member:hover .team-hover .desk,.team-member:hover .team-hover .s-link{
    opacity:1
}
.grids-item:hover .portfolio-hover .portfolio-description{
    bottom:45%;
    margin-bottom:-90px
}
.grids-item:hover .portfolio-hover .action-btn{
    top:50%;
    margin-top:-55px
}
.portfolio-back-link{
    padding-top:12%
}
.portfolio-image-parallax{
    width:100%;
    height:350px;
    padding-bottom:20px
}
.portfolio-image-parallax-2{
    width:100%;
    height:500px;
    padding-bottom:20px
}
.portfolio-project-heading{
    text-align:left;
    padding-top:120px;
    font-size:30px;
    font-weight:400;
    color:#282828
}
.portfolio-project-info li,.portfolio-project-title{
    letter-spacing:2px;
    font-family:Montserrat,sans-serif
}
.portfolio-project-title{
    padding-top:20px;
    text-transform:uppercase;
    text-align:left;
    font-size:20px;
    font-weight:400;
    color:#bcc6cc
}
.portfolio-project-details{
    text-align:left;
    font-size:16px;
    font-weight:300;
    line-height:1.8;
    padding-bottom:50px
}
.similar-project-title,.similar-project-title-1{
    text-align:left;
    font-size:20px;
    text-transform:uppercase
}
.portfolio-project-info{
    list-style:none;
    padding-top:80px;
    text-align:left
}
.portfolio-project-info li{
    font-size:12px;
    font-weight:700;
    text-transform:uppercase;
    margin:15px 0;
    color:rgba(0,0,0,.7)
}
.portfolio-project-info li span{
    font-family:Lato,sans-serif;
    color:#6d747c;
    font-size:13px;
    text-transform:uppercase;
    font-weight:300;
    letter-spacing:1px
}
.portfolio-project-info li a{
    font-size:32px;
    color:#000
}
.similar-project{
    padding-top:20px;
    padding-bottom:60px
}
.similar-project-title{
    font-family:Montserrat,sans-serif;
    padding-bottom:50px;
    letter-spacing:1px;
    font-weight:400;
    margin:30px 0 0
}
.similar-project-title-1{
    font-family:Raleway,sans-serif;
    padding-bottom:30px;
    letter-spacing:6px;
    font-weight:400;
    margin:10px 0 0
}
.about-subtitle,.about-subtitle span{
    font-family:Poppins,sans-serif;
    text-transform:none;
    font-weight:400;
    text-align:left
}
.similar-project-grid-item{
    width:300px;
    height:250px;
    background:#fff;
    padding:15px
}
.about-us{
    text-align:left;
    font-size:16px
}
.about-descrp p{
    padding-bottom:15px;
    padding-right:40px
}
.about-us .col-md-6,.sidebar{
    padding:0 30px
}
.about-subtitle{
    font-size:23px;
    color:#39434a
}
.about-subtitle span{
    font-size:30px;
    color:#f95231
}
.about-subtitle-2{
    font-family:Montserrat,sans-serif;
    font-weight:400;
    font-size:14px;
    text-align:left
}
.about-us a{
    font-size:17px;
    font-weight:400;
    color:#000
}
.progress{
    width:80%;
    background:0 0;
    -webkit-border-radius:0;
    -moz-border-radius:0;
    border-radius:0;
    box-shadow:none;
    height:2px;
    margin-bottom:15px
}
.progress .bar{
    line-height:30px;
    text-align:left;
    font-weight:700;
    text-indent:15px;
    -webkit-box-shadow:none;
    -moz-box-shadow:none;
    box-shadow:none;
    -webkit-text-shadow:none;
    -moz-text-shadow:none;
    text-shadow:none;
    -webkit-transition:width 1.5s;
    -moz-transition:width 1.5s;
    -o-transition:width 1.5s;
    transition:width 1.5s
}
.progress:hover .bar{
    -webkit-transition:1s;
    -moz-transition:1s;
    -o-transition:1s;
    transition:1s;
    background:#2c3e50!important;
    color:#fff;
    cursor:pointer
}
.progress-skill-bar{
    margin-bottom:20px;
    margin-left:0;
    margin-top:15px
}
.progress-skill-bar li{
    font-family:Raleway,sans-serif;
    font-weight:500;
    font-size:12px;
    letter-spacing:1px;
    text-align:left;
    overflow:hidden
}
.progress-skill-bar .label{
    float:right;
    color:#000;
    font-size:15px;
    font-weight:700;
    border-right:1px solid transparent;
    -webkit-border-radius:0;
    -moz-border-radius:0;
    border-radius:0;
    padding:8px
}
.progress .bar-success,.progress-success .bar{
    filter:none;
    background:#15b994
}
.testimonials{
    background:url(../images/bg-4.html) center/cover no-repeat fixed;
    -webkit-background-size:cover;
    color:#fff
}
.testimonials .color-overlay{
    background:rgba(0,0,0,.6);
    padding-top:60px;
    padding-bottom:50px
}
.testimonials .feedback,.testimonials-3 .feedback{
    max-width:750px;
    margin:0 auto
}
.testimonials .feedback .image,.testimonials-3 .feedback .image{
    font-size:24px;
    border:2px solid transparent;
    -webkit-box-shadow:0 0 0 2px #fff;
    box-shadow:0 0 0 2px #fff;
    border-radius:50%;
    width:80px;
    height:80px;
    line-height:80px;
    margin:5px auto auto;
    overflow:hidden
}
.testimonials .feedback .image img,.testimonials-3 .feedback .image img{
    width:100%;
    vertical-align:top
}
.testimonials .feedback .message,.testimonials-3 .feedback .message{
    font-style:normal;
    margin-top:20px;
    margin-bottom:20px
}
.testimonials .feedback .name,.testimonials-3 .feedback .name{
    margin-top:15px;
    font-weight:400
}
.testimonials .owl-theme .owl-controls .owl-page span{
    border-radius:50%;
    max-height:22px
}
.testimonials .customNavigation a,.testimonials-3 .customNavigation a{
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
    -webkit-tap-highlight-color:transparent
}
.center-col{
    float:none!important;
    margin-left:auto!important;
    margin-right:auto!important
}
.testimonials-3.color-overlay{
    padding-top:900px;
    padding-bottom:90px
}
.clients .owl-theme .owl-controls .owl-page span,.team .owl-theme .owl-controls .owl-page span,.testimonials-3 .owl-theme .owl-controls .owl-page span{
    border-radius:20%;
    max-height:2px
}
.clients{
    margin:0;
    overflow:hidden
}
.clients li{
    float:left;
    position:relative;
    padding:20px 0;
    text-align:center
}
.clients li a,.clients li img{
    display:block;
    width:75%;
    margin-left:auto;
    margin-right:auto
}
.clients.grid-2 li{
    width:50%
}
.clients.grid-3 li{
    width:33.33%
}
.clients.grid-4 li{
    width:25%
}
.clients.grid-5 li{
    width:20%
}
.clients.grid-6 li{
    width:16.66%
}
.clients.plus-box li:before{
    height:100%;
    top:0;
    right:-2px;
    border-right:1px solid #ddd
}
.clients.plus-box li:after{
    width:100%;
    height:0;
    top:auto;
    right:0;
    bottom:-1px;
    border-bottom:1px solid #ddd
}
.clients.angle-box li:after,.clients.angle-box li:before,.clients.plus-box li:after,.clients.plus-box li:before{
    content:'';
    position:absolute
}
.full-team{
    padding-top:60px;
    padding-bottom:40px
}
.team-member{
    overflow:hidden
}
.team-member,.team-member .team-img{
    position:relative;
    width:100%;
    padding:5px
}
.team-hover,.team-hover .desk,.team-hover .s-link{
    position:absolute;
    width:100%;
    opacity:0
}
.team-member .s-link a{
    margin:0 10px;
    color:#1d1d1d;
    font-size:24px
}
.team-hover{
    height:inherit;
    top:0;
    left:0;
    bottom:0;
    right:0;
    margin:0 auto;
    background-color:rgba(255,255,255,.9);
    -webkit-transition:.3s;
    transition:.3s
}
.team-member:hover .team-hover .s-link{
    bottom:10%
}
.team-member:hover .team-hover .desk{
    top:35%
}
.team-hover .desk{
    padding:10px;
    top:0;
    -webkit-transform:translateY(-55%);
    -ms-transform:translateY(-55%);
    transform:translateY(-55%);
    -webkit-transition:.3s .2s;
    transition:.3s .2s
}
.team-hover .s-link{
    bottom:0;
    text-align:center;
    -webkit-transform:translateY(45%);
    -ms-transform:translateY(45%);
    transform:translateY(45%);
    -webkit-transition:.3s .2s;
    transition:.3s .2s;
    font-size:35px
}
.desk,.desk h4,.team-hover .s-link a{
    text-align:center;
    color:#222
}
.t-name{
    font-size:15px;
    letter-spacing:4px
}
.article-nav,.comment-item-data,.res-funfactor .fun-info .fun-work,.t-deg,.widget-title{
    font-family:Lato,sans-serif
}
.platter-title,.t-deg{
    text-transform:capitalize
}
.t-deg{
    font-size:16px;
    letter-spacing:3px
}
.desk p{
    font-size:18px;
    margin-bottom:0;
    line-height:30px
}
.team-title{
    position:static;
    display:inline-block;
    letter-spacing:2px;
    width:100%
}
.team-title h5{
    font-size:14px;
    font-weight:400;
    margin-bottom:0;
    display:block;
    text-transform:uppercase;
    text-align:center
}
.res-funfactor .fun-info .fun-work,.team-title span{
    text-transform:uppercase;
    font-size:12px;
    letter-spacing:1px;
    font-weight:400
}
.team-title span{
    font-family:Raleway,sans-serif;
    color:#a5a5a5;
    text-align:center
}
.team-title p{
    text-align:left;
    padding-top:10px;
    letter-spacing:normal;
    line-height:30px
}
.res-funfactor{
    background:0 0/cover #fff;
    -webkit-background-size:cover
}
.res-funfactor .fun-info{
    color:#000;
    padding-bottom:20px
}
.res-funfactor .icon-container{
    display:block;
    margin-top:5px
}
.res-funfactor .icon-container i{
    font-size:30px;
    text-align:center;
    -webkit-transition:.25s ease-in;
    transition:.25s ease-in;
    -webkit-background-clip:padding-box;
    -moz-background-clip:padding;
    background-clip:padding-box
}
.res-funfactor h2{
    line-height:2rem
}
.icon-container-2{
    font-size:40px;
    color:#b2b2b2;
    text-align:center;
    -webkit-transition:.25s ease-in;
    transition:.25s ease-in;
    -webkit-background-clip:padding-box;
    -moz-background-clip:padding;
    background-clip:padding-box
}
.blog-sub-title,.platter-sub-title{
    color:#000;
    text-transform:uppercase
}
.entry-content{
    padding-top:10px;
    padding-left:25px;
    padding-right:25px;
    background-color:#fff;
    position:relative;
    height:290px
}
.post-single .post-img{
    position:relative;
    width:100%
}
.post-single .post-img img{
    width:100%;
    height:100%
}
.post-single .post-img.top:after{
    top:-7px
}
.post-single .post-img.bottom:after{
    bottom:-7px
}
.post-single .post-img.bottom:after,.post-single .post-img.top:after{
    background-color:#fff;
    border-color:#fff;
    border-image:none;
    border-right:1px solid #fff;
    border-style:none;
    content:"";
    display:block;
    height:14px;
    left:50%;
    margin-left:-7px;
    position:absolute;
    transform:rotate(45deg);
    -moz-transform:rotate(45deg);
    -webkit-transform:rotate(45deg);
    width:15px
}
.entry-content a h4{
    color:#454545;
    line-height:32px;
    margin-bottom:10px;
    -webkit-transition:.3s ease-in-out;
    -moz-transition:.3s ease-in-out;
    -ms-transition:.3s ease-in-out;
    -o-transition:.3s ease-in-out;
    transition:.3s ease-in-out
}
.platter .post-thumbnail{
    margin-bottom:0;
    overflow:hidden
}
.platter-title{
    text-align:center;
    font-family:'Poiret One',cursive;
    font-weight:400;
    font-size:28px;
    letter-spacing:1px;
    padding-top:5px;
    padding-bottom:5px;
    color:#000
}
.platter-sub-title{
    text-align:center;
    font-family:Raleway,sans-serif;
    font-weight:200;
    font-size:13px;
    padding-top:15px;
    letter-spacing:1.5px
}
.email-3,.navbar-collapse,.pad-top-20,.platter p{
    padding-top:20px
}
.figure i{
    position:absolute;
    bottom:-8px;
    right:30px;
    color:#fff;
    font-size:18px;
    z-index:100
}
.figure i:after{
    position:absolute;
    content:"";
    left:-12px;
    top:-10px;
    width:40px;
    height:40px;
    background-color:#68c3a3;
    z-index:-1;
    border-radius:3px;
    -webkit-transform:rotate(45deg);
    -moz-transform:rotate(45deg);
    -ms-transform:rotate(45deg);
    -o-transform:rotate(45deg);
    transform:rotate(45deg)
}
.blog-card .card-content h3,.blog-card .card-content h4{
    text-transform:capitalize;
    padding:0 20px;
    position:absolute;
    top:35%
}
.blog-post-thumbnail,.post-thumbnail{
    margin-bottom:20px;
    overflow:hidden
}
.post-thumbnail img:hover{
    opacity:1;
    -webkit-transform:scale(1.05);
    -moz-transform:scale(1.05);
    -ms-transform:scale(1.05);
    -o-transform:scale(1.05);
    transform:scale(1.05)
}
.blog-post-thumbnail img{
    width:100%;
    opacity:.8
}
.blog-sub-title{
    padding-top:30px;
    padding-bottom:5px;
    font-family:Raleway,sans-serif;
    font-weight:300;
    font-size:17px;
    letter-spacing:3px
}
.blog-title-cr a{
    font-family:Montserrat,sans-serif;
    text-transform:uppercase;
    font-weight:400;
    font-size:19px;
    letter-spacing:1px;
    padding-top:5px;
    padding-bottom:5px;
    color:#39434a
}
.blog-desc-cr{
    font-family: 'Source Sans 3', sans-serif;
    text-transform:none;
    font-weight:300;
    font-size:16px;
    padding-top:10px;
    padding-bottom:5px;
    color:#41454a
}
.blog-title{
    font-family:Montserrat,sans-serif;
    font-weight:400;
    font-size:17px;
    letter-spacing:1px;
    padding-top:5px;
    color:#000
}
.author,.date{
    font-family:"Source Sans Pro",sans-serif;
    font-weight:400
}
.blog-post,.footer__nav-link,.input-field:focus,.list-inline a,.subscriber:focus{
    color:#949494
}
.author{
    color:#282828;
    font-size:13px;
    padding-right:10px;
    letter-spacing:2px
}
.date{
    color:#1e1e1e;
    font-size:12px;
    padding-bottom:20px;
    text-transform:uppercase
}
.blog-card .category,.blog-cr-heading{
    font-family:Montserrat,sans-serif;
    text-transform:uppercase
}
.read-more-2,.tags a{
    font-weight:500;
    width:auto;
    color:#fff;
    display:inline-block;
    margin:3px 0;
    padding:0 5px;
    border:1px solid #949494;
    background:#4b4b4b;
    font-size:10px;
    text-transform:uppercase;
    letter-spacing:3px
}
.blog-cr-author,.blog-cr-heading{
    text-align:right;
    padding-right:70px
}
.read-more{
    color:#060606
}
.blog-post-title :hover,.read-more :hover{
    color:#279aae
}
.blog-card{
    display:block;
    width:100%;
    height:auto;
    position:relative;
    overflow:hidden;
    margin-bottom:5px
}
.blog-card img{
    display:table;
    margin:0 auto;
    height:auto
}
.blog-card .card-overlay{
    position:absolute;
    height:100%;
    width:100%;
    top:0;
    left:0;
    background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,0)),to(rgba(0,0,0,.7)));
    background-image:-webkit-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,.7));
    background-image:-moz-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,.7));
    background-image:-o-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,.7));
    background-image:linear-gradient(to bottom,rgba(0,0,0,0),rgba(0,0,0,.7));
    -webkit-transition:.2s ease-out;
    -moz-transition:.2s ease-out;
    -o-transition:.2s ease-out;
    transition:.2s ease-out;
    opacity:0
}
.blog-card .card-content{
    height:50%;
    position:absolute;
    top:50%;
    left:0;
    width:100%;
    text-align:center;
    z-index:0
}
.blog-card .card-content:before{
    content:'';
    position:absolute;
    height:100%;
    width:100%;
    top:0;
    left:0;
    background:#fff;
    z-index:-1;
    -webkit-transition:top .3s cubic-bezier(.36, .71, .44, .97);
    transition:top .3s cubic-bezier(.36, .71, .44, .97)
}
.blog-card .card-content h3{
    font-family:Raleway,sans-serif;
    font-weight:300;
    font-size:22px;
    margin-top:0;
    width:100%
}
.blog-card .card-content h4{
    font-family:Playfair,serif;
    font-weight:700;
    letter-spacing:1px;
    font-size:20px;
    margin-top:0;
    width:100%
}
.blog-card .card-content h3 a{
    color:#000;
    -webkit-transition:.3s ease-out;
    -moz-transition:.3s ease-out;
    -o-transition:.3s ease-out;
    transition:.3s ease-out
}
.blog-card .blog-date{
    display:block;
    position:relative;
    font-size:1.125em;
    line-height:1;
    font-weight:800;
    margin-top:-15px
}
.blog-card .blog-date span{
    clear:both;
    display:block;
    font-size:.6111111111111111em;
    text-transform:uppercase
}
.blog-card .blog-date:before{
    content:'';
    position:absolute;
    height:58px;
    width:58px;
    background:#fff;
    border-radius:16%;
    top:-14px;
    left:50%;
    margin-left:-29px;
    -webkit-transform:rotate(45deg);
    -moz-transform:rotate(45deg);
    transform:rotate(45deg);
    z-index:-1;
    -webkit-box-shadow:0 2px 10px rgba(0,0,0,.15);
    -moz-box-shadow:0 2px 10px rgba(0,0,0,.15);
    box-shadow:0 2px 10px rgba(0,0,0,.15)
}
.blog-card .category{
    position:absolute;
    display:block;
    top:20%;
    width:100%;
    font-weight:400;
    font-size:13px;
    color:#bcc6cc
}
.blog-card:hover .card-content:before{
    top:100%
}
.blog-card:hover .card-content h3 a,.blog-card:hover .card-content h4 a{
    color:#fff;
    -webkit-transition:.5s ease-out;
    -moz-transition:.5s ease-out;
    -o-transition:.5s ease-out;
    transition:.5s ease-out
}
@media (max-width:580px){
    .blog-col{
        width:100%;
        margin-bottom:40px
    }
}
.blog-cr-heading{
    font-weight:400;
    font-size:21px;
    margin-top:80px;
    color:#7fa3c7
}
.cr-blog-under-line{
    position:relative;
    left:-200px;
    z-index:1;
    width:325px;
    height:1px;
    background:#39434a;
    margin-bottom:10px
}
.blog-header,.blog-item-date,.h_iframe iframe{
    position:absolute;
    top:0
}
.blog-left-pic-1,.blog-right-pic-1,.blog-right-pic-2{
    margin-top:80px;
    height:385px
}
.cr-blog-under-line.right{
    position:relative;
    left:400px;
    width:625px
}
.blog-cr-author{
    font-family:"Source Sans Pro",sans-serif;
    font-weight:400;
    font-size:15px;
    color:#464646;
    text-transform:capitalize;
    letter-spacing:1px
}
.blog-right-pic-1{
    width:80%;
    background:url(../images/blog/rp-1.jpg) 0 0/cover no-repeat
}
.blog-right-pic-2{
    width:80%;
    background:url(../images/blog/rp-2.jpg) 0 0/cover no-repeat
}
.blog-left-pic-1{
    width:100%;
    background:url(../images/blog/lp-1.jpg) 0 0/cover no-repeat
}
.blog-list-title{
    background-color:#f8f8f8;
    padding-top:100px;
    padding-bottom:70px;
    width:100%;
    display:block
}
.article-nav-link,.article-nav-link p,.comment-author,.comment-author a,.footer-logo p,.list-inline>li,.pagination a,.social-icons li{
    display:inline-block
}
.blog-item-date{
    width:100px;
    left:-50px;
    font-size:20px;
    font-weight:400;
    letter-spacing:1px;
    line-height:1.2;
    text-align:center;
    color:#1d1d1d
}
.date-num{
    float:right;
    font-family:'Advent Pro',sans-serif;
    font-size:22px;
    font-weight:700;
    letter-spacing:1px;
    color:#464646
}
.year{
    padding-left:3px;
    padding-bottom:10px
}
.breadcrumb{
    color:#000;
    font-weight:400;
    font-size:14px;
    padding:8px 15px;
    margin-bottom:20px;
    background-color:transparent;
    border-radius:4px;
    letter-spacing:.2em
}
.breadcrumb li>a{
    color:#000;
    font-size:16px
}
.breadcrumb li>a:hover{
    color:#222
}
.breadcrumb>.active{
    color:#222;
    font-size:17px
}
.blog-page-heading{
    font-family:Montserrat sans-serif;
    text-align:left;
    font-size:20px;
    font-weight:400;
    letter-spacing:1px
}
.blog-image{
    width:100%;
    height:550px
}
#map,.blog-image-parallax{
    height:400px;
    width:100%
}
.blog-header{
    left:0;
    right:0;
    padding:0
}
.h_iframe .ratio{
    display:block;
    width:100%;
    height:auto
}
iframe{
    outline:0;
    border:none
}
.h_iframe iframe{
    border:none;
    left:0;
    width:100%;
    height:100%
}
.blog-post-title{
    margin-bottom:0;
    margin-top:11px;
    font-family:Montserrat,sans-serif;
    font-weight:400;
    font-size:24px;
    color:rgba(0,0,0,.8);
    letter-spacing:1px;
    text-align:left
}
.blog-item-detail,.blog-list-item-detail{
    text-transform:capitalize;
    font-weight:300
}
.blog-list-item-detail{
    text-align:left;
    position:relative;
    top:-25px;
    vertical-align:super;
    font-size:16px
}
.blog-list-item-detail a{
    color:#949494;
    padding-right:5px
}
.blog-list-item-detail a:hover{
    color:#279aae;
    padding-right:5px
}
.blog-item-detail i,.blog-list-item-detail i{
    padding-right:5px
}
.blog-list{
    padding-top:10px;
    margin:0 auto
}
#content-slider .item img{
    display:block;
    width:100%;
    height:550px
}
.all-blog .owl-carousel .owl-controls .owl-page span{
    margin-top:-70px
}
.all-blog .pull-top{
    position:relative;
    top:-30px
}
.pagination{
    font-family:Lato,sans-serif;
    padding-top:5px
}
.pagination a{
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    color:#5b5b5b;
    text-decoration:none;
    -webkit-transition:.27s cubic-bezier(0, 0, .58, 1);
    -moz-transition:.27s cubic-bezier(0, 0, .58, 1);
    -o-transition:.27s cubic-bezier(0, 0, .58, 1);
    -ms-transition:.27s cubic-bezier(0, 0, .58, 1);
    transition:.27s cubic-bezier(0, 0, .58, 1)
}
.pagination .fa{
    margin-top:1px
}
.blog-grid-right.blog-cr-author{
    padding-left:70px;
    padding-right:0
}
.single-post{
    padding-top:50px;
    padding-left:20px
}
.sidebarfixed{
    position:fixed!important;
    top:0
}
.blog-item{
    position:relative;
    margin-bottom:60px
}
.blog-item-detail{
    position:relative;
    padding:10px 0;
    margin:0 10px;
    font-size:13px
}
.blog-page-post-title,.post-date{
    text-transform:uppercase;
    letter-spacing:2px
}
.blog-item-detail a{
    color:#949494;
    padding-right:7px
}
.blog-page-post-title,.widget-body a{
    font-family:Montserrat,sans-serif;
    color:rgba(0,0,0,.8)
}
.blog-item-detail a:hover{
    padding-right:7px
}
.blog-item-title-wrapper{
    padding-top:40px;
    margin:0 10px
}
.blog-item-title h1{
    margin-top:0;
    font-weight:300
}
.blog-page-post-title{
    font-weight:400;
    font-size:23px;
    text-align:left;
    margin:30px 0 0
}
.post-date{
    font-family:"Advent Pro",sans-serif;
    margin:15px 0;
    font-size:11px;
    font-weight:300!important
}
.blog-item-body{
    text-align:left;
    font-size:16px;
    font-weight:300;
    line-height:1.8
}
.blog-item-body blockquote{
    padding-left:40px;
    padding-top:20px;
    padding-bottom:20px;
    margin-top:20px;
    margin-bottom:20px
}
.blog-post{
    margin-bottom:80px
}
.article-nav,.blog-post .blog-item-body{
    margin:30px 0
}
.blog-post .blog-item-detail{
    font-size:16px;
    padding:15px 0;
    text-align:left
}
.article-nav{
    font-weight:300;
    text-transform:capitalize;
    text-align:center;
    border-top:1px solid #ebebf5;
    border-bottom:1px solid #ebebf5
}
.article-nav-link{
    padding:30px 0
}
.article-nav-link p{
    margin:0;
    font-size:18px
}
.article-nav-link span{
    font-weight:500
}
.article-nav-link i{
    font-size:32px
}
.sidebar-left{
    margin:0 auto;
    padding-right:20px
}
.widget{
    width:100%;
    margin-bottom:60px;
    padding:5px
}
.input-field,.widget-title{
    margin-bottom:15px;
    margin-top:0;
    border:1px solid #858585;
    font-weight:300
}
.widget-title{
    padding:5px;
    color:rgba(0,0,0,.9);
    background-color:#fff;
    font-size:15px;
    letter-spacing:2px;
    text-transform:uppercase
}
.widget-body{
    font-size:15px;
    padding:10px
}
.widget-body a{
    text-transform:uppercase;
    font-size:11px;
    font-weight:400;
    letter-spacing:1px
}
.widget-text{
    line-height:1.7
}
.input-field{
    color:#949494;
    outline:0;
    padding:8px 10px;
    font-size:16px;
    letter-spacing:.05em;
    line-height:1.5;
    width:100%;
    background:0 0;
    -webkit-transition:border-color .25s;
    transition:border-color .25s;
    -webkit-appearance:none
}
.search-button{
    background:0 0;
    position:absolute;
    top:40%;
    right:1px;
    overflow:hidden;
    width:42px;
    height:35px;
    line-height:38px;
    margin-top:-20px;
    border:none;
    outline:0;
    font-size:20px;
    cursor:pointer;
    z-index:2
}
.widget-posts-recent ul li{
    position:relative;
    margin:0;
    padding:8px 0;
    line-height:1.5em
}
.widget-posts-recent ul li span{
    font-family:"Advent Pro",sans-serif;
    font-size:11px;
    font-weight:400;
    color:#000;
    display:block;
    padding-top:3px
}
.widget-posts-recent ul i{
    position:absolute;
    top:9px;
    left:-4px;
    font-size:20px
}
.widget-posts-img{
    float:left;
    margin:0 7px 0 0;
    width:70px;
    height:auto
}
.widget-posts-descr{
    overflow:hidden;
    text-transform:capitalize
}
.pagination,.widget-categories{
    font-size:13px
}
.widget-categories li{
    line-height:1.5em;
    padding:4px 0;
    position:relative
}
.widget-categories li a{
    padding-bottom:2px;
    border-bottom:1px solid transparent
}
.widget-categories li small{
    font-size:10px;
    color:#757a86
}
.widget-categories li i{
    position:absolute;
    top:9px;
    left:-4px;
    font-size:20px;
    opacity:.5
}
.tags{
    text-align:left;
    padding:5px
}
.default-tabs>li>a{
    border-radius:0;
    font-size:14px;
    font-weight:400;
    text-transform:capitalize;
    letter-spacing:.05em
}
.comment-item-data,.footer-2 .footer-column p,.footer-2 .footer__nav-link,.footer-logo p,.footer-title,.navbar-nav>li>a{
    text-transform:uppercase
}
.default-tabs-cont{
    padding:30px 0 0;
    line-height:1.8
}
.widget-comments li{
    padding:8px 0;
    border-bottom:1px solid #f5f5fa
}
.blog-comment-section{
    margin:40px 0
}
.comment-author,.comment-author a{
    margin-right:10px;
    font-weight:500
}
li.comment-item{
    padding:30px 0;
    border-bottom:1px solid #ebebf5;
    margin-bottom:5px
}
.comment-item{
    padding:30px 0 0;
    font-size:14px;
    overflow:hidden
}
.comment-item:first-child,.pad-top-0{
    padding-top:0
}
.comment-item a{
    font-weight:500;
    color:#555;
    opacity:1;
    -webkit-transition:opacity .27s ease-out;
    transition:opacity .27s ease-out
}
.comment-body{
    text-align:left;
    float:left
}
.comment-item i{
    padding-top:9px
}
.comment-item-data{
    font-weight:300;
    letter-spacing:1px;
    float:left;
    font-size:12px
}
.comment-avatar{
    height:50px;
    width:50px;
    margin-right:10px;
    font-size:50px;
    line-height:50px;
    border-radius:50%;
    overflow:hidden
}
.comment-child .comment-avatar{
    margin-left:20px
}
.comment-child{
    padding-top:20px;
    float:left
}
.comment-reply{
    float:left;
    font-size:13px
}
.pagination a{
    min-width:30px;
    margin:2px;
    padding:3px 5px;
    border:1px solid #b8b7cb;
    font-size:12px;
    text-align:center
}
.pagination a.active,.pagination a.active:hover{
    cursor:default
}
.pagination .fa,.pagination .icon{
    line-height:21px;
    font-size:18px
}
.form-control{
    border-radius:0;
    height:100%
}
.comment-reply .contact-box{
    padding-bottom:20px
}
.comment-reply .contact-box .contact-button,.contact .contact-box .contact-button,.contact-2 .contact-box .contact-button{
    height:80px;
    width:80px;
    border-radius:50%;
    margin:-40px auto auto;
    position:relative;
    font-size:30px;
    line-height:60px;
    vertical-align:middle;
    background:padding-box #232323;
    -webkit-box-shadow:0 0 0 3px #232323;
    box-shadow:0 0 0 3px #232323;
    -webkit-backface-visibility:hidden;
    -webkit-background-clip:padding-box;
    -moz-background-clip:padding
}
.comment-reply .contact-box .contact-form{
    margin-top:20px;
    margin-left:-20px;
    margin-bottom:80px
}
.comment-reply .contact-box .contact-form .input-box{
    margin-bottom:10px;
    margin-top:10px;
    height:40px;
    -webkit-box-shadow:none;
    box-shadow:none;
    background:#fff;
    border:1px solid #bbb
}
.comment-reply .contact-box .contact-form .textarea-box{
    margin-top:20px;
    margin-bottom:20px;
    -webkit-box-shadow:none;
    box-shadow:none;
    background:#fff;
    border:1px solid #bbb
}
,.comment-reply .contact-box .contact-form .textarea-box:active,.comment-reply.contact-box .contact-form .textarea-box:focus{
    color:#fff
}
.address-title{
    font-size:16px;
    letter-spacing:2px;
    color:#000
}
.contact .contact-address,.contact-2 .contact-address{
    margin-top:10px;
    margin-bottom:30px
}
.contact .contact-address i,.contact-2 .contact-address i{
    font-size:22px;
    margin-right:6px
}
.contact .contact-address ul li{
    font-size:12px;
    line-height:18px;
    padding:10px;
    letter-spacing:2px
}
.contact .contact-address ul li span{
    font-family:Raleway,sans-serif;
    font-weight:500;
    font-size:13px;
    text-transform:none;
    letter-spacing:1px
}
.contact .contact-box .contact-button:hover,.contact-2 .contact-box .contact-button:hover{
    color:#fff
}
.contact .contact-box .contact-form{
    margin-top:10px;
    margin-bottom:10px
}
.contact .contact-box .contact-form .input-box{
    margin-bottom:10px;
    margin-top:10px;
    height:50px;
    -webkit-box-shadow:none;
    box-shadow:none;
    background:#fff;
    border:1px solid #949494;
    border-radius:3px
}
.contact .contact-box .contact-form .textarea-box{
    margin-top:20px;
    margin-bottom:20px;
    -webkit-box-shadow:none;
    box-shadow:none;
    background:#fff;
    height:140px;
    border-radius:3px;
    border:1px solid #949494
}
.contact-2 .contact-address ul li{
    text-transform:uppercase;
    font-family:Lato,sans-serif;
    font-weight:700;
    font-size:12px;
    line-height:18px;
    padding:10px;
    letter-spacing:2px
}
.contact-2 .contact-address ul li span{
    font-family:Lato,sans-serif;
    font-weight:400;
    font-size:14px;
    text-transform:none;
    letter-spacing:1px
}
.contact-2 .contact-box .contact-form{
    margin-top:10px
}
.contact-2 .contact-box .contact-form .input-box{
    margin-bottom:10px;
    margin-top:10px;
    height:40px;
    -webkit-box-shadow:none;
    box-shadow:none;
    background:0 0;
    border:1px solid #fff
}
.contact-2 .contact-box .contact-form .textarea-box{
    margin-top:20px;
    margin-bottom:20px;
    -webkit-box-shadow:none;
    box-shadow:none;
    background:0 0;
    height:120px;
    border:1px solid #949494
}
#map2{
    width:100%;
    height:500px
}
footer{
    text-align:start!important;
    background-color:#f0f0f0 !important;
    padding:10px
}
.footer-section{
    background:#1d1d1d;
    padding-top:5px;
    overflow-x:hidden;
    border-top:1px solid #666;
    margin-top:25px
}
.footer-logo p{
    color:#fff;
    font-size:12px;
    font-weight:400;
    text-align:center;
    letter-spacing:4px;
    padding-left:4px;
    padding-top:18px
}
.list-inline{
    text-align:center;
    margin:0 auto;
    padding:30px 0
}
.list-inline>li{
    text-align:center;
    padding-right:5px;
    padding-left:5px;
    margin:15px;
    position:relative;
    font-weight:400;
    font-size:12px;
    text-transform:capitalize
}
.input-group{
    margin:30px auto;
    width:90%;
    font-family: 'Source Sans 3', sans-serif;
    color:#949494
}
.subscriber{
    border:2px solid #fff
}
#widget-subscribe-submit-button{
    position:relative;
    margin:0 auto
}
.modal-backdrop.in{
    opacity:.75
}
.modal-content{
    box-shadow:none;
    border-radius:0
}
.modal-header .close{
    position:absolute;
    right:15px;
    top:50%;
    margin-top:-10px;
    height:20px;
    font-size:15px
}
.footer-logo{
    padding-left:60px
}
.footer-logo img{
    width:40px;
    height:40px
}
.footer-content{
    padding:10px 0;
    text-align:left;
    color:#949494
}
.footer-content .footer-column{
    padding:0 auto
}
.footer-title{
    font-family:Montserrat,sans-serif;
    font-weight:400;
    font-size:14px;
    text-align:center;
    color:#ccc
}
.list-tweets li{
    margin:0 auto;
    padding-bottom:10px;
    text-align:left;
    padding-left:20px
}
.list-tweets li:before{
    margin-left:-25px;
    position:absolute;
    font-family:fontawesome;
    content:"\f099"
}
.list-tweets .list-tweets-date{
    display:block;
    font-size:12px;
    font-style:italic;
    opacity:.8
}
.list-tweets li a{
    color:#ddd
}
.social-icons{
    padding:30px;
    margin-left:40px;
    text-align:left
}
.social-icons li{
    margin:5px
}
.social-icons li a{
    margin:0 10px;
    height:35px;
    width:35px;
    border-radius:50%;
    line-height:37px;
    font-size:14px;
    color:#949494
}
.copyright{
    font-family:Lato,sans-serif;
    font-weight:400;
    font-size:15px;
    color:grey;
    padding-top:0;
    margin-bottom:5px;
    letter-spacing:1px
}
.copyright .creo{
    color:grey;
    font-size:14px;
    letter-spacing:.4em
}
.footer-1 .footer__nav-item--heading{
    margin-bottom:25px;
    font-weight:400;
    color:#949494;
    font-family:Montserrat,sans-serif
}
.footer-1 .footer-desc{
    padding:10px 60px 20px;
    text-align:left;
    font-size:14px
}
.footer-2{
    background:#f8f8f8
}
.footer-2-dark{
    background:#1d1d1d
}
.footer-2 .footer-column p{
    font-size:14px;
    color:#1d1d1d;
    font-weight:700;
    padding-left:120px
}
.footer-2-dark .footer-column p{
    color:#fafafa
}
.footer-2-light{
    background:#fafafa
}
.footer-2-light .footer-column p,.footer-2-light .footer-desc{
    color:#1d1d1d
}
.footer-2 .col-md-6{
    text-align:center;
    padding:18px 0
}
.footer-2 .copyright-2{
    font-size:14px;
    line-height:1.25rem
}
.footer-2 .social-icons{
    text-align:right;
    padding:0
}
.footer-2 .social-icons li a{
    margin:0 2px
}
.footer-2 .footer__nav-link{
    font-size:12px;
    letter-spacing:1px;
    font-family:Raleway,sans-serif
}
.footer-1 .copyright-3{
    padding-left:60px;
    font-size:12px;
    letter-spacing:2px;
    font-family:Raleway,sans-serif
}
.social-li a{
    padding-right:10px;
    font-size:10px;
    font-weight:700;
    letter-spacing:1px
}
.social-2{
    padding-left:10px
}
.scroll-up{
    position:fixed;
    display:none;
    z-index:999;
    bottom:0;
    right:1em
}
.scroll-up a{
    display:block;
    width:50px;
    height:30px;
    text-align:center;
    color:#fff;
    font-size:14px;
    line-height:28px;
    border-top-right-radius:5px;
    border-top-left-radius:5px
}
.scroll-up a:active,.scroll-up a:hover{
    background-color:rgba(235,235,235,.8);
    color:#222
}
@media (min-width:481px){
    .hs1-h1,.hs10-h1,.hs11-h1,.hs2-h1,.hs3-h1,.hs4-h1,.hs5-h1,.hs6-h1,.hs7-h1,.hs8-h1,.hs9-h1{
        font-size:60px
    }
    h2{
        font-size:28px
    }
}
@media (max-width:768px){
    .h1-1,.text-cvece{
        margin-top:-20px
    }
    .h1-1{
        font-size:35px!important
    }
    .xen-pad{
        padding-bottom:50px
    }
    .hs1-h1,.hs10-h1,.hs11-h1,.hs2-h1,.hs3-h1,.hs4-h1,.hs5-h1,.hs6-h1,.hs7-h1,.hs8-h1,.hs9-h1{
        font-size:60px
    }
    h2{
        font-size:28px;
        line-height:1em;
      
	  padding-bottom: 5px;
        padding-top: 5px;
    }
    .content-slider-subtitle{
        font-size:14px
    }
    .fun-info h2,.text-black-4{
        padding-bottom:0
    }
    .text-blue,.text-blue-sub{
        margin-left:0
    }
    .cd-headline{
        padding-top:40%
    }
    .footer-content{
        padding:0
    }
    .footer-2 .footer-column p,.footer-logo{
        padding-left:0
    }
    .footer-column{
        text-align:center;
        padding:20px 0
    }
    .footer-2 .col-md-6{
        text-align:center;
        padding-right:0
    }
    .footer-2 .social-icons{
        text-align:center;
        padding:10px;
        margin-left:0
    }
    .team-title{
        padding-bottom:60px
    }
    .int-skill{
        padding:10px 40px
    }
    .fun-info{
        padding-bottom:40px
    }
    .pad-top-20-mobile{
        padding-top:20px
    }
}
@media (min-width:992px){
    .kategorije .col-md-2{
        width:20%;
        padding-right:0;
        padding-left:0
    }
    .hs1-h1,.hs10-h1,.hs11-h1,.hs4-h1,.hs5-h1,.hs6-h1,.hs7-h1,.hs8-h1{
        font-size:90px
    }
    .hs2-h1,.hs3-h1{
        font-size:60px
    }
    .hs9-h1{
        font-size:70px
    }
    h2{
        font-size:36px
    }
    .text-blue{
        margin-top:300px
    }
}
@media (min-width:1200px){
    .hs1-h1,.hs11-h1,.hs5-h1{
        font-size:100px
    }
    .hs2-h1,.hs3-h1{
        font-size:60px
    }
    .hs10-h1,.hs4-h1,.hs7-h1{
        font-size:90px
    }
    .hs6-h1,.hs9-h1{
        font-size:70px
    }
    .hs8-h1{
        font-size:80px
    }
    h2{
        font-size:42px
    }
    .text-blue{
        margin-top:250px
    }
    .blog-list-wrap{
        margin:0 80px
    }
}
.mb-15{
    margin-bottom:15px
}
.margin-top-30{
    margin-top:30px
}
.wrap-sticky{
    z-index:1000
}
.pad-top-60{
    padding-top:60px
}
.p-t-100,.pad-top-100{
    padding-top:100px
}
.pad-top-40{
    padding-top:40px
}
.pad-bot-60{
    padding-bottom:60px
}
.pad-bot-0{
    padding-bottom:0
}

.home-img{
    width:100%;
    box-shadow:7px 4px 10px #e8e8e8
}
a.cat-links{
    color:#000;
    display:block;
    font-size:20px
}
.navbar-right .dropdown-menu{
    left:0
}
.navbar-nav>li>a{
    font-weight:400;
    color:#2d3d33
}.navbar-nav>li>a:hover{
    font-weight:400;
    color:#bf8302 !important;
}
.navbar-nav>li a.header-tel{
    margin-top:5px;
    color:#fff;
    background-color:#000;
    padding:10px;
    margin-left:20px;
    margin-right:20px
}
.navbar-nav>li a.header-tel:hover{
    color:#000!important
}
.navbar{
    color:#fff;
    padding:1px 0 5px;
    background-color:#f0f0f0
}
.container-fluid>.navbar-collapse,.container-fluid>.navbar-header,.container>.navbar-collapse,.container>.navbar-header{
    padding:5px 0 2px!important
}
#call .cc-button{
    display:flex;
    position:fixed;
    bottom:50px;
    right:1em;
    outline:0;
    cursor:pointer;
    z-index:100000
}
#call1 .cc-button{
    display:flex;
    position:fixed;
    bottom:90px;
    right:1em;
    outline:0;
    cursor:pointer;
    z-index:100000
}

.icons{
    z-index:10000000000000
}

.pp .card-body{
	border:1px solid #2d3d33;
	 border-bottom-left-radius:5px;
	 border-bottom-right-radius:5px;
}
.pp .card-body{
    height:67px;
    padding-left:20px;
    padding-right:20px;

    background-color:#f0f0f0!important;
    padding-top:18px;
    margin-bottom:30px
}
.vlightbox1{
    border-bottom:25px;
    background-color:#d6d6d6
}
#vlightbox1 .vlightbox1 img{
    width:-webkit-fill-available
}
#call .cc-button .cc-chat-icon i{
    position:relative;
    padding:16px;
    width:50px;
    height:50px;
    line-height:.8;
    font-size:19px;
    text-align:center;
}
#call img{
	margin-top:-5px;
	max-width:17px
}
#call .cc-button:hover p{

    text-decoration:none
}
#call1 .cc-button .cc-chat-icon i{
    position:relative;
    padding:16px;
    width:50px;
    height:50px;
    line-height:.8;
    font-size:19px;
    text-align:center;
}
#call1 img{
	margin-top:-5px;
	max-width:17px
}
#call1 .cc-button:hover p{

    text-decoration:none
}
.cc-chat-icon{
    border-radius:50%;
    background:#333
}
#call .cc-button p{
    padding:5px 25px 10px 21px;
    margin-top:-5px;
    margin-bottom:0;
    margin-left:-15px;
    height:35px;
    line-height:28px;
    font-size:17px;
    font-weight:600;
    text-align:center;
    color:#f5f5f5;
    background:#2d3d33;
	border:1px solid white;
}
#call .cc-button .cc-chat-icon img{
    position:relative;
    padding:16px;
    width:50px;
    height:50px;
    line-height:.8;
    text-align:center
}

#call1 .cc-button .cc-chat-icon i{
    position:relative;
    padding:16px;
    width:50px;
    height:50px;
    line-height:.8;
    font-size:19px;
    text-align:center;
    border-radius:50%
}
#call1 .cc-button:hover p{
    text-decoration:none
}
#call1 .cc-chat-icon{
    border-radius:50%;
    background:#121212;
}

#call1 .cc-button p{
     padding:5px 25px 10px 28px;
    margin-top:-5px;
    margin-bottom:0;
    margin-left:-15px;
    height:35px;
    line-height:28px;
    font-size:17px;
    font-weight:600;
    text-align:center;
	border:1px solid;
    color:#000;
    background:#f0f0f0;
    border-color: #2d3d33 !important;
}
#call1 .cc-button .cc-chat-icon img{
    position:relative;
    padding:16px;
    width:50px;
    height:50px;
    line-height:.8;
    text-align:center
}
.phone-header p{
    margin: 0 !important;
}
.price{
    margin-top: 0;
}
.card-title{
    margin-bottom: 0;
}
@media (max-width:365px){
    .col-mob{
        margin-left:9px!important;
        width:138px!important
    }
    .col-h5{
        margin-left:21px!important
    }
    .slika101{
        max-width:14px!important;
        margin-top:-2px!important
    }
    .price{
        font-size: 10px!important;
    }
}
@media (min-width:366px) and (max-width:390px){
    .col-mob{
        margin-left:9px!important;
        width:150px!important
    }
    .col-h5{
        margin-left:25px!important
    }
    .slika101{
        max-width:14px!important;
        margin-top:-2px!important
    }
    .price{
        font-size: 12px!important;
    }
    
}
@media (min-width:391px) and (max-width:480px){
    .col-mob{
        margin-left:9px!important;
        width:153px!important
    }
    .col-h5{
        margin-left:32px!important
    }
    .slika101{
        max-width:14px!important;
        margin-top:-2px!important
    }
}
@media (max-width:991px){
    .kategorije .col-md-2.col-xs-6{
        padding-left:5px;
        padding-right:5px
    }
}
@media (max-width:480px){
	.lokacije0{
		        margin-bottom: -40px;
		margin-top:-60px !important;
	}
    .top-header{
        padding: 10px;
    }
    .kategorije-mob{
        margin-top:-25px
    }
    #desk01{
        margin-top:30px!important;
        padding-top:0!important
    }
    #lokacije{
        padding:10px 10px 15px;
        text-align:left!important
    }
    .sekcija1{
                position: relative;
        padding: 25px;
        z-index: 10000000;
        margin-top: -20px !important;
        margin-bottom: -40px;
    }
	.sekcija1 p {
    text-align: center;
    padding-top: 30px;
    padding-bottom: 15px !important;}
	#ikonice{
		margin-bottom: -65px;
	}
	.sekcija1 p {
    font-size: 24px !important;
    line-height: 30px !important;
    color: #f5f5f5 !important;
}
    .proizvodi{
        margin-top:-20px
    }
    .proizvodi h6{
        margin-top:-10px
    }
    h2{
        font-size:27px!important
    }
    h3{
        font-weight:600!important;
        font-size:26px!important;
		    line-height: 28px !important;
    }
	footer {
    padding-bottom: 5px !important;
}
	footer {
    margin-top: -20px;}
    .h1,h1{
        font-size:25px!important
    }
    .h3{
        margin-bottom:-10px!important
    }
    .c1{
        margin-left:-18px!important
    }
    .kategorije-mob{
        padding:0 0 22px
    }
    .proizvodi h5{
        padding:2px!important;
        font-size:15px!important
    }
    .slika1{
        width:100%!important
    }
    footer hr{
        margin:5px 5px -23px 1px!important
    }
    footer h5{
        padding-top:40px!important;
        font-size:22px
    }
    footer img{
        margin-top:7px!important
    }
    #lokacije h3{
        margin-left:17px
    }
    .bottomfooter{
        padding-bottom:110px
    }
    
    .h1{
        margin-top:-42px!important;
        margin-bottom:-25px!important
    }
    .dn,.mob1{
        display:none!important
    }
    .hs1-h1,.hs10-h1,.hs11-h1,.hs2-h1,.hs3-h1,.hs4-h1,.hs5-h1,.hs6-h1,.hs7-h1,.hs8-h1,.hs9-h1{
        font-size:30px
    }
    .inline-date{
        text-align:left;
        display:inline;
        vertical-align:middle
    }
    .date-num,.dispn{
        display:none
    }
    .content-slider-subtitle{
        font-size:14px
    }
    .fun-info h2,.text-black-4{
        padding-bottom:0
    }
    .text-blue,.text-blue-sub{
        margin-left:0
    }
    .cd-headline{
        padding-top:50%
    }
    .footer-2 .footer-column p,.footer-logo{
        padding-left:0
    }
    .footer-content{
        padding:0
    }
    .footer-content .footer-column{
        text-align:center;
        padding:10px 0
    }
    .footer-2 .col-md-6{
        text-align:center;
        padding-right:0
    }
    .footer-2 .social-icons{
        text-align:center;
        padding:10px;
        margin-left:0
    }
    .fun-info,.team-title{
        padding-bottom:40px
    }
    .int-skill{
        padding:10px 20px
    }
    .section-header-2 .section-description{
        font-size:24px
    }
    .pad-top-20-mobile{
        padding-top:20px
    }
    .venci-row .col-md-3.col-xs-6.col-12{
        padding:3px;
        width:50%;
        float:left
    }
    .venci-row{
        padding-right:15px;
        padding-left:15px;
        display:flex;
        flex-wrap:wrap
    }
    .pp.venci-row .card-body{
        padding-top:12px;
        margin-bottom:15px
    }
    .pp .venci-row .card-body{
        padding-left:8px;
        padding-right:8px
    }
 .kategorije-mob a,.pp .card-body a{
        background-color:#2d3d33;
        color:#fff
    }
    .pp .card-body a{
        font-size:10px;
        text-transform:uppercase;
        text-wrap:nowrap;
        padding:7px;
        font-weight:500!important;
     
        border:1px solid #000
    }
    .carousel-slide img{
        width:50%!important
    }
    .pp .card{
        margin-bottom:20px
    }
    #v21{
        margin-top:-25px!important
    }
    .kontakt{
        padding-left:10px;
        padding-right:10px
    }
}
@media (min-width:480px){
    .kategorije-mob a,.pp .card-body a{
        background-color:#2d3d33;
        color:#fff
    }
    .pp .card-body a{
        font-size:14px;
        text-transform:uppercase;
        text-wrap:nowrap;
        padding:7px;
        font-weight:500!important;
     
        border:1px solid #000
    }
    .kategorije .,.kategorije-mob .{
        padding:10px
    }
    .proizvodi h6{
        margin-top:-10px
    }
    .kategorije-mob{
        margin-bottom:-50px
    }
    .kategorije-mob a{
        padding:5px 10px;
        border:none;
        font-weight:600;
        font-size:10px
    }
    .kategorije-mob .card-body{
        padding:3px;
        margin-bottom:10px;
        border-bottom-left-radius:25px;
        border-bottom-right-radius:25px;
        background-color:#d9d9d9
    }
    .kategorije-mob .col-xs-6{
        padding-left:6px!important;
        padding-right:6px!important
    }
    .kategorije .card{
        padding:5px
    }
    .navbar-nav{
        background-color:#f0f0f0!important
    }
}
 
 
 .sekcija1 p
 {
	 font-size:30px;
	 line-height:40px;
	 color:#f5f5f5 !important;
 }
  .sekcija1 a{
	  font-weight:bold;
  }
   .sekcija1 p{
	   padding-top:30px;
	   padding-bottom:20px;
   }
   
      .fixed-bar {
            position: fixed;
            bottom: 0;
            width: 100%;
            background-color: #2d3d33;
            color: #fff;
			padding:5px;
            overflow: hidden;
            white-space: nowrap;
        }

        .scrolling-text {
            display: inline-block;
            padding-left: 100%;
            animation: scroll 30s linear infinite;
        }

        @keyframes scroll {
            0% {
                transform: translateX(0);
            }
            100% {
                transform: translateX(-100%);
            }
        }
		
		
		
		@media (min-width:500px){
			footer{
			padding-bottom: 50px !important;
		}
		.logo{
			margin:auto;
			
		}
		}
			
			@media (max-width:500px){
				.kontakt {
				margin-bottom: -30px;}
			
			.online-ordering {
    font-size: 7px !important;
}
.phone-header {
     display:none;
}
.logo img {
    max-width: 150px;
    margin-right: 0;
}
.kategorije .container {
    width: 100%;
    padding: 17px !important; 
}
		}
		
		.text10 p{
			margin-top:5px;
			line-height: 20px;
		}