/* Add here all your CSS customizations */

body {color:#000; font-family:arial; font-size:16px;}

body {/*background:url('https://arting.com.hr/slike/podloga_01.jpg') center center no-repeat; background-size:cover;*/ background: #ddd}

/*header {background:#fff;}*/
header {background:transparent}

header > .container {background:#fff;}

header.narrow {box-shadow:none; border-top:none; max-height:auto;border-bottom:none;}

.bigtar {cursor:pointer}

.edit_this {height:32px; width:32px;}
.nav > li > a:focus {background:transparent;}

label {color:#000;}

a {color: #be6aae;}
a:hover {color: #c67fb9;}


h1 {font-weight:300; margin: 7px 0 20px 0;  font-size: 3em;}
.shop h1 {margin: 20px 0}

.margin0 {margin:0 !important}
.nomargin {margin:0 !important}
.margin0auto {margin:0 auto;}
.marginlrauto {margin-left: auto; margin-right: auto;}

.clear {height:0.1px; clear:both;}
.clear5 {height:5px; clear:both;}
.clear10 {height:10px; clear:both;}
.clear20 {height:20px; clear:both;}
.clear25 {height:25px; clear:both;}
.clear30 {height:30px; clear:both;}
.clear40 {height:40px; clear:both;}
.clear50 {height:50px; clear:both;}
.clear60 {height:60px; clear:both;}
.clear70 {height:70px; clear:both;}
.clear220 {height:220px; clear:both;}

.marginleft0 {margin-left:0}
.marginleft5 {margin-left:5px}
.marginleft10 {margin-left:10px !important}
.marginleft15 {margin-left:15px}
.marginleft20 {margin-left:20px !important}
.marginleft70 {margin-left:70px}
.marginleft220 {margin-left:220px}
.marginright0 {margin-right:0}
.marginright5 {margin-right:5px}
.marginright10 {margin-right:10px}
.marginright20 {margin-right:20px}
.marginright30 {margin-right:30px}
.marginright40 {margin-right:40px}
.marginright90 {margin-right:90px}
.margintop0 {margin-top:0}
.margintop2 {margin-top:2px}
.margintop5 {margin-top:5px}
.margintop7 {margin-top:7px}
.margintop8 {margin-top:8px}
.margintop10 {margin-top:10px}
.margintop17 {margin-top:17px}
.margintop20 {margin-top:20px}
.margintop30 {margin-top:30px}
.marginbottom0 {margin-bottom:0}
.marginbottom5 {margin-bottom:5px}
.marginbottom10 {margin-bottom:10px}
.marginbottom15 {margin-bottom:15px}
.marginbottom20 {margin-bottom:20px}
.marginbottom30 {margin-bottom:30px}
.margin5po {margin:5%}
.margin3px {margin:3px}

.headmarginleft90 {margin-left:90px}

.paddingright0 {padding-right:0;}
.paddingleft0 {padding-left:0;}
.padding10 {padding:10px}
.padding0 {padding:0}
.paddingright10 {padding-right:10px}
.paddingleft10 {padding-left:10px}
.paddingleft20 {padding-left:20px}
.paddingbottom10 {padding-bottom:10px}

.mar-do-10 {margin-bottom:10px}
.mar-top-bot-20 {margin:20px 0}

.width100po {width:100%}
.width90po {width:90%}
.width80po {width:80%}
.width50po {width:50%}

.width30px {width:30px}
.width100px {width:100px}
.width120px {width:120px}
.width160px {width:160px}
.width200px {width:200px}
.width250px {width:250px}
.width320px {width:320px}

.height32 {height:32px}
.height34 {height:34px}

.justify {text-align:justify}
.whitetext {color:#fff;}
.font12 {font-size:12px}
.italic {font-style:italic;}
.caps, .textupper {text-transform:uppercase;}

.fontsize17n {font-size: 17px;font-weight: normal;}

.no-radi {border-radius:0 !important}

.nobg {background:none;border-color: transparent;}

.header-padding {padding:0;}


.breadcrumb-novi {color:#58585a; background:none; list-style:none;padding-left: 0;font-size: 11px; font-family:open sans; font-weight:400; margin:0;text-align: left;}
ul.breadcrumb-novi li {display:inline; color:#d5d5d5;}

a.bread:link, a.bread:visited, a.bread:active {color: #58585a; text-decoration: none;  font-weight:400;}
a.bread:hover {color: #d5d5d5; text-decoration: none;}

a.bijeli:link, a.bijeli:visited, a.bijeli:active {color: #fff; text-decoration: none;}
a.bijeli:hover {color: #ddd; text-decoration: none;}

a.darkblue:link, a.darkblue:visited, a.darkblue:active {color: #002454; text-decoration: none;}
a.darkblue:hover {color: #305484; text-decoration: none;}
a.logacc:link, a.logacc:visited, a.logacc:active {color: #000; text-decoration: none; font-size:12px; font-weight:300;}
a.logacc:hover {color: #fff; text-decoration: none;}	

a.logacc img {margin-top:5px;margin-right:2px;}





.poveznice {margin:5px 0;}
a.tagovi:link, a.tagovi:visited, a.tagovi:active {
    border-color: #ddd !important;
    background: none repeat scroll 0 0 #fff;
    border: 1px solid transparent;
    border-radius: 3px;
    color: #2c2c2c;
    font-size: 12px !important;
    margin: 4px 4px 4px 0;
    padding: 1px 8px;
    text-decoration: none;
    display:inline-block;
    font-weight:400;
}
a.tagovi:hover {
    border-color: #bbb !important;
    background-color: #bbb;
    color: #fff;
}





.error_message {color:#AF0202;}
.success_message {color:#0198e2;}

div.google-map {margin:0;}





.bigtar2 {cursor:pointer; padding-top:15px; background:#efefef; transition: ease 1s; margin-left:0; margin-bottom}
.bigtar2:hover {background:#dfdfdf;}


/* Cookie skripta */

.cc-cookies {position:fixed; width: 100%; left: 0; bottom:0; padding: 10px 5%; background:#fff;background:rgba(255,255,255,.85); color: #110300; font-size: 12px; font-weight: 400; z-index: 99999; text-align: center; }
.cc-cookies a, .cc-cookies a:hover { color: #110300; text-decoration: underline; }
.cc-cookies a:hover { text-decoration: none; }
.cc-overlay { height: 100%; padding-top: 25%; }
.cc-cookies-error { float: left; width: 90%; text-align: center; margin: 1em 0 2em 0; background: #fff; padding: 2em 5%; border: 1px solid #ccc; font-size: 18px; color: #333; }
.cc-cookies a.cc-cookie-accept, .cc-cookies-error a.cc-cookie-accept, .cc-cookies a.cc-cookie-decline, .cc-cookies-error a.cc-cookie-decline, .cc-cookies a.cc-cookie-reset { display: inline-block; color: #fff; text-decoration: none; background: #7DAF3B; padding: 0.5em 0.75em; border-radius: 3px; box-shadow: 0 0 2px rgba(0,0,0,0.25); text-shadow: 0 -1px 0 rgba(0,0,0,0.35); -o-transition: background 0.5s ease-in; -webkit-transition: background 0.25s ease-in; -moz-transition: background 0.25s ease-in; }
.cc-cookies a.cc-cookie-decline, .cc-cookies-error a.cc-cookie-decline { background: #af3b3b; margin-left: 0.5em; }
.cc-cookies a.cc-cookie-reset { background: #f15b00; }
.cc-cookies a:hover.cc-cookie-accept, .cc-cookies-error a:hover.cc-cookie-accept, .cc-cookies a:hover.cc-cookie-decline, .cc-cookies-error a:hover.cc-cookie-decline, .cc-cookies a:hover.cc-cookie-reset  { background: #000; -o-transition: background 0.5s ease-in; -webkit-transition: background 0.25s ease-in; -moz-transition: background 0.25s ease-in; }
.cc-cookies-error a.cc-cookie-accept, .cc-cookies-error a.cc-cookie-decline { display: block; margin-top: 1em; }
.cc-cookies.cc-discreet { width: auto; padding: 0.5em 1em; left: auto; top: auto; }
.cc-cookies.cc-discreet a.cc-cookie-reset { background: none; text-shadow: none; padding: 0; text-decoration: underline; }
.cc-cookies.cc-discreet a:hover.cc-cookie-reset { text-decoration: none; }


header nav ul.nav-main li a {font-size:16px; font-weight:400; margin-left:20px; border-radius:0; background:#58585a; padding:4px 18px; border:2px solid #9d418c; color:#fff; text-transform:none;}

footer {margin-top:10px; padding:10px 0 0 0;}
footer div.container div.row > div {margin-bottom:0;}
div.footer-copyright {padding:10px 0;}

.main-content {/*background:url('https://arting.com.hr/slike/podloga_02.jpg') center center no-repeat; background-size:cover;*/ min-height:530px; position:relative; margin-top: -33px;background: #fff; color: #000}

.owl-poc {position:absolute; bottom:0; overflow: hidden}

header nav ul.nav-main {
    margin: -7px -18px 8px 0;
}

h1.contenth1 {font-size:24px; color:#fff; padding: 10px 15px; line-height:30px;}
h2.h2-cat {font-size:22px; padding: 0 15px; margin: 0; line-height:40px; color:#fff;}
h2.h2-cat a {color:#fff;}
.h3catoko {font-size:16px; line-height:20px; color:#fff;}
.h3catoko > i {vertical-align:top; margin-top:15px;}
h3.h3-cat {font-size:16px; margin: 10px 15px 5px 15px; line-height:20px; height:20px; overflow:hidden; color:#fff; text-transform:none; border-bottom:1px dotted #ddd; width:90%; display:inline-block}
h3.h3-cat a {color:#fff;}
h3.h3-cat a:hover {color:#be6aae !important;}
h2.h2-lista {font-size:16px; line-height:18px; margin:0; letter-spacing:0;}
h2.h2-lista a {color:#fff;}

.entry {color:#000; /*padding: 10px 15px;*/}
.entry-special {padding: 10px 15px 0 15px !important;margin-bottom: 15px !important;}
.entry-detaljnije {font-size:14px}
.entry-detaljnije p {line-height: 20px; margin: 0 0 15px;}
.entryvecifont .entry-detaljnije {font-size: 16px;line-height: 20px;}
.h2-ind {font-size:22px; margin: 0 0 10px 0; line-height:22px;/*text-shadow: 0px 0px 3px #000;*/}


ul.ul-resp
{
    list-style-type: none;
    counter-reset: section;
    width:100%;
    font-size:16px;
    padding:0;
    -moz-column-count: 2;
    -moz-column-gap: 20px;
    -webkit-column-count: 2;
    -webkit-column-gap: 20px;
    column-count: 2;
    column-gap: 30px;
}

ul.ul-resp li 
{
    position: relative;
line-height:20px;
padding: 0;

}

ul.ul-resp li i {vertical-align:top; margin-top:15px; color:#fff;}

ul.ul-resp li a {}

.listaa {

    color: #fff;
    display: inline-block;
    height: 20px;
    overflow: hidden;
    width: 90%;
    border-bottom:1px dotted #ddd;
    margin:8px 0 2px 0;
}

ul.ul-resp li:hover {}



a.thumb-info img {border-radius:0;}

.img-thumbnail {
    background-color: transparent;
    border: 1px solid #ddd;
    border-radius: 0;
    display: inline-block;
    height: auto;
    line-height: 1.42857;
    max-width: 100%;
    padding: 2px;
    transition: all 0.2s ease-in-out 0s;
}

ul.portfolio-list div.portfolio-item {
    margin-bottom: 15px;
}

.listgodina {float:right;}

.breadbg {background: #98499C;}

ul.header-godine {position:absolute; top:92px; list-style-type:none; font-size:12px; font-family:open sans; width: 76%;}
ul.header-godine li {display:inline; line-height: 22px;}
ul.header-godine li a {color:#000; font-weight:bold;}

ul.team-list div.team-item {margin-bottom:15px;}
.thumbnail {border-radius:0; padding: 2px; background:transparent;}

a.thumb-info span.thumb-info-title {font-weight:400; padding:4px 11px;}

.prev-left, .prev-right {margin-top: 10px;}
.prev-left span, .prev-right span {color: #fff;}

.prev-left .btn-primary, .prev-right .btn-primary {border-color: #af489c;background-color: #af489c;}
.prev-left .btn-primary:hover, .prev-right .btn-primary:hover {border-color: #bb59a9;background-color: #bb59a9;}

.btn-black { 
  color: #ffffff; 
  background-color: #000000; 
  border-color: #000000; 
} 
 
.btn-black:hover, 
.btn-black:focus, 
.btn-black:active, 
.btn-black.active, 
.open .dropdown-toggle.btn-black { 
  color: #ffffff; 
  background-color: #3B3B3B; 
  border-color: #000000; 
} 
 
.btn-black:active, 
.btn-black.active, 
.open .dropdown-toggle.btn-black { 
  background-image: none; 
} 
 
.btn-black.disabled, 
.btn-black[disabled], 
fieldset[disabled] .btn-black, 
.btn-black.disabled:hover, 
.btn-black[disabled]:hover, 
fieldset[disabled] .btn-black:hover, 
.btn-black.disabled:focus, 
.btn-black[disabled]:focus, 
fieldset[disabled] .btn-black:focus, 
.btn-black.disabled:active, 
.btn-black[disabled]:active, 
fieldset[disabled] .btn-black:active, 
.btn-black.disabled.active, 
.btn-black[disabled].active, 
fieldset[disabled] .btn-black.active { 
  background-color: #000000; 
  border-color: #000000; 
} 
 
.btn-black .badge { 
  color: #000000; 
  background-color: #ffffff; 
}

.spandet {font-size:18px !important;}

.backtocat {margin-top: 32px;}

.righttoleft-potpis {text-align:center; font-size:11px; color:#fff; font-family:open sans}
.righttoleft-potpis a {color:#fff;}
.righttoleft-potpis a:hover {color:#d5d5d5;}




    /*************** SCROLLBAR BASE CSS ***************/
     
    .scroll-wrapper {
        overflow: hidden !important;
        padding: 0 !important;
        position: relative;
    }
     
    .scroll-wrapper > .scroll-content {
        border: none !important;
        box-sizing: content-box !important;
        height: auto;
        left: 0;
        margin: 0;
        max-height: none !important;
        max-width: none !important;
        overflow: scroll !important;
        padding: 0;
        position: relative !important;
        top: 0;
        width: auto !important;
    }
     
    .scroll-wrapper > .scroll-content::-webkit-scrollbar {
        height: 0;
        width: 0;
    }
     
    .scroll-element {
        display: none;
    }
    .scroll-element, .scroll-element div {
        box-sizing: content-box;
    }
     
    .scroll-element.scroll-x.scroll-scrollx_visible,
    .scroll-element.scroll-y.scroll-scrolly_visible {
        display: block;
    }
     
    .scroll-element .scroll-bar,
    .scroll-element .scroll-arrow {
        cursor: default;
    }
     
    .scroll-textarea {
        border: 1px solid #cccccc;
        border-top-color: #999999;
    }
    .scroll-textarea > .scroll-content {
        overflow: hidden !important;
    }
    .scroll-textarea > .scroll-content > textarea {
        border: none !important;
        box-sizing: border-box;
        height: 100% !important;
        margin: 0;
        max-height: none !important;
        max-width: none !important;
        overflow: scroll !important;
        outline: none;
        padding: 2px;
        position: relative !important;
        top: 0;
        width: 100% !important;
    }
    .scroll-textarea > .scroll-content > textarea::-webkit-scrollbar {
        height: 0;
        width: 0;
    }
     
     
     
     
    /*************** SIMPLE INNER SCROLLBAR ***************/
     
    .scrollbar-inner > .scroll-element,
    .scrollbar-inner > .scroll-element div
    {
        border: none;
        margin: 0;
        padding: 0;
        position: absolute;
        z-index: 10;
    }
     
    .scrollbar-inner > .scroll-element div {
        display: block;
        height: 100%;
        left: 0;
        top: 0;
        width: 100%;
    }
     
    .scrollbar-inner > .scroll-element.scroll-x {
        bottom: 2px;
        height: 8px;
        left: 0;
        width: 100%;
    }
     
    .scrollbar-inner > .scroll-element.scroll-y {
        height: 100%;
        right: 2px;
        top: 0;
        width: 8px;
    }
     
    .scrollbar-inner > .scroll-element .scroll-element_outer {
        overflow: hidden;
    }
     
    .scrollbar-inner > .scroll-element .scroll-element_outer,
    .scrollbar-inner > .scroll-element .scroll-element_track,
    .scrollbar-inner > .scroll-element .scroll-bar {
        -webkit-border-radius: 8px;
        -moz-border-radius: 8px;
        border-radius: 8px;
    }
     
    .scrollbar-inner > .scroll-element .scroll-element_track,
    .scrollbar-inner > .scroll-element .scroll-bar {
        -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
        filter: alpha(opacity=40);
        opacity: 0.4;
    }
     
    .scrollbar-inner > .scroll-element .scroll-element_track { background-color: #e0e0e0; }
    .scrollbar-inner > .scroll-element .scroll-bar { background-color: #c2c2c2; }
    .scrollbar-inner > .scroll-element:hover .scroll-bar { background-color: #919191; }
    .scrollbar-inner > .scroll-element.scroll-draggable .scroll-bar { background-color: #919191; }
     
     
    /* update scrollbar offset if both scrolls are visible */
     
    .scrollbar-inner > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track { left: -12px; }
    .scrollbar-inner > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track { top: -12px; }
     
     
    .scrollbar-inner > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size { left: -12px; }
    .scrollbar-inner > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size { top: -12px; }


.tekstzaslidanje {max-height:120px; font-size:13px;}
.borderjedan {border-left:2px solid #9d418c;}
.borderdrugi {border-left:2px solid #fff;}

a.gumb-dokument {
border-radius: 0px;
}

.pocetna-stanovi {
background: #E0E0E0;
margin: 42px;
padding: 20px;
height: 210px;

}

header nav ul.nav-main li a.facebook {
    font-size: 16px;
    font-weight: 700;
    margin-left: 27px;
    border-radius: 0;
    background: #4267B2;
    padding: 4px 18px;
    border: 2px solid #4267B2;
    color: #fff;
    text-transform: none;
}

header nav ul.nav-main li a.instagram {
    font-size: 16px;
    font-weight: 700;
    margin-left: 27px;
    border-radius: 0;
    background: #7c4a3a;
    padding: 4px 18px;
    border: 2px solid #7c4a3a;
    color: #fff;
    text-transform: none;
}

header nav ul.nav-main li.active a.facebook, header nav ul.nav-main li > a.facebook:hover,  header nav ul.nav-main li.dropdown:hover a.facebook{
    color: #FFF;
    background-color: #4267B2 !important;
    border: 2px solid #4267B2;
}

header nav ul.nav-main li.active a.instagram, header nav ul.nav-main li > a.instagram:hover, header nav ul.nav-main li.dropdown:hover a.instagram {
    color: #FFF;
    background-color: #7c4a3a !important;
    border: 2px solid #7c4a3a;
}


span.thumb-info-title {font-size: 16px;}


a.thumb-info span.thumb-info-title {display: none;}
a.thumb-info:hover span.thumb-info-title {background: #000;display: block;}

a.facebookfot {
    font-size: 16px;
    font-weight: 700;
    margin-left: 0;
    border-radius: 0;
    background: #4267B2;
    padding: 4px 18px;
    border: 2px solid #4267B2;
    color: #fff;
    text-transform: none;
}

a.facebookfot:hover {text-decoration: underline}

a.instafot {
    font-size: 16px;
    font-weight: 700;
    margin-left: 0;
    border-radius: 0;
    background: #7c4a3a;
    padding: 4px 18px;
    border: 2px solid #7c4a3a;
    color: #fff;
    text-transform: none;
}

a.instafot:hover {text-decoration: underline}

ul.uvjetib {
    margin-top: 0;
    margin-bottom: 10px;
    padding: 0;
    list-style-type: none;
}

@media (min-width: 992px) {
	header.narrow {height: auto;min-height: 112px;}
	.artinglogo {height: 80px}
	header nav ul.nav-main li a.facebook {margin-left: 230px !important;}
}

@media (max-width: 991px) {	
div.header-container {background: #fff;}
}

@media (max-width: 767px) {	
	
	.artinglogo {height: 60px}
}