/*   
Theme Name: Studio Zav d.o.o.
Theme URI: http://www.studiozav.hr/
Description: Web Studio Zav d.o.o.
Author URI: 
Version: 1
*/


/* Common
----------------------------------------- */
body {	
font-family: "Open Sans", Arial, sans-serif;
font-size: 14px;
line-height: 22px;
background: #fff;
color: #000;
background: #fff;
}

.map-canvas img {max-width: none;}

.googlemapa {background: rgba(0, 0, 0, 0) none repeat scroll 0 0;padding: 1px;}

a:hover, a:focus {text-decoration:none;}
h1, h2, h3, h4, h5, h6 {color: #374d9c;}
h1 {margin:25px 0 0 0;color: #fff;}
h1 span {display: block;margin: 5px 0;font-size: 0.4em;}
h2 { font-size:2em;}
h3 { font-size:1.2em; text-transform:uppercase; font-weight:600; }
h4 { font-size:1.2em; font-weight:600;color: #fff; padding: 0 0 5px 0; border-bottom: 1px solid #fff; }
h5 { font-size:1.2em; }
h6 { font-size:1.2em; }

a:link, a:visited, a:active {color: #374d9c; text-decoration: none;}
a:hover {color: #000; text-decoration: underline;}
a.crni:link, a.crni:visited, a.crni:active {color: #111; text-decoration: none;}
a.crni:hover {color: #111; text-decoration: underline;}
a.bijeli:link, a.bijeli:visited, a.bijeli:active {color: #fff; text-decoration: none;}
a.bijeli:hover {color: #c3e8ff; text-decoration: none;}
a.bijelo-crni:link, a.bijelo-crni:visited, a.bijelo-crni:active {color: #fff; text-decoration: none;}
a.bijelo-crni:hover {color: #000; text-decoration: none;}
a.crveni:link, a.crveni:visited, a.crveni:active {color: #cc0400; text-decoration: none;}
a.crveni:hover {color: #e60300; text-decoration: none;}
a.sivi:link, a.sivi:visited, a.sivi:active {color: #9c9c9c; text-decoration: none;}
a.sivi:hover {color: #fff; text-decoration: none;}
.breadcrumbs {margin: 5px 0;color:#fff;}
.breadcrumbs a:link, .breadcrumbs a:visited, .breadcrumbs a:active {color:#fff;}
.breadcrumbs a:hover {color:#fff;text-decoration: underline}
.breadcrumbs h1 {margin:5px 0;font-size: 1.5em;color: #fff;font-weight:500;}

ul.bez-bulleta{margin: 0;padding: 0;list-style-type: none;}
ul.bez-bulleta li {padding: 5px 0;}
ul.bez-bulleta li i {color:#ec1d25 }
.btn-search {
color:#fff;
background: #a5a159; /* Old browsers */
background: -moz-linear-gradient(top, #a5a159 0%, #cfcb6f 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a5a159), color-stop(100%,#cfcb6f)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #a5a159 0%,#cfcb6f 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #a5a159 0%,#cfcb6f 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #a5a159 0%,#cfcb6f 100%); /* IE10+ */
background: linear-gradient(to bottom, #a5a159 0%,#cfcb6f 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a5a159', endColorstr='#cfcb6f',GradientType=0 ); /* IE6-9 */
}

.btn-search:hover, .btn-search:focus, .btn-search:active {
color:#fff;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#cfcb6f+0,a5a159+100 */
background: #cfcb6f; /* Old browsers */
background: -moz-linear-gradient(top, #cfcb6f 0%, #a5a159 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cfcb6f), color-stop(100%,#a5a159)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #cfcb6f 0%,#a5a159 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #cfcb6f 0%,#a5a159 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #cfcb6f 0%,#a5a159 100%); /* IE10+ */
background: linear-gradient(to bottom, #cfcb6f 0%,#a5a159 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cfcb6f', endColorstr='#a5a159',GradientType=0 ); /* IE6-9 */
}

.btn-custome1,.btn-custome1:link  {
font-size: 18px;
text-decoration: none;
text-align: center;
padding: 10px 0;
margin: 5px 0;
color:#fff;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#374d9c+0,485bc9+100 */
background: #374d9c; /* Old browsers */
background: -moz-linear-gradient(top,  #374d9c 0%, #485bc9 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#374d9c), color-stop(100%,#485bc9)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #374d9c 0%,#485bc9 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #374d9c 0%,#485bc9 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #374d9c 0%,#485bc9 100%); /* IE10+ */
background: linear-gradient(to bottom,  #374d9c 0%,#485bc9 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#374d9c', endColorstr='#485bc9',GradientType=0 ); /* IE6-9 */
}

.btn-custome1:hover, .btn-custome1:focus, .btn-custome1:active {
color:#fff;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#485bc9+0,374d9c+100 */
background: #485bc9; /* Old browsers */
background: -moz-linear-gradient(top,  #485bc9 0%, #374d9c 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#485bc9), color-stop(100%,#374d9c)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #485bc9 0%,#374d9c 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #485bc9 0%,#374d9c 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #485bc9 0%,#374d9c 100%); /* IE10+ */
background: linear-gradient(to bottom,  #485bc9 0%,#374d9c 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#485bc9', endColorstr='#374d9c',GradientType=0 ); /* IE6-9 */

}

/* Bootstrap styles */
.form-control::-moz-placeholder {color: #000;opacity: 1;font-style: italic;}
.form-control:-ms-input-placeholder {color: #000;font-style: italic;}
.form-control::-webkit-input-placeholder {color: #000; font-style: italic;}
/* My styles */
.form-control::placeholder {  font-weight: 600; font-style: italic;}

img.alignright {margin: 5px 0 0 10px; float: right;}
img.alignleft {margin: 5px 10px 0 0; float: left;}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}
img.entry-slika { float: left; margin: 0 20px 10px 0; max-width: 100%;}

.clear {clear: both; height: 0px}
.clear5 {clear: both; height: 5px}
.clear10 {clear: both; height: 10px}
.clear15 {clear: both; height: 15px}
.clear20 {clear: both; height: 20px}
.clear25 {clear: both; height: 25px}
.clear30 {clear: both; height: 30px}
.clear35 {clear: both; height: 35px}
.clear39 {clear: both; height: 39px}
.clear40 {clear: both; height: 40px}
.clear45{clear: both; height: 45px}
.clear50 {clear: both; height: 50px}

.width10po {width:10%}
.width20po {width:20%}
.width30po {width:30%}
.width40po {width:40%}
.width50po {width:50%}
.width60po {width:60%}
.width70po {width:70%}
.width80po {width:80%}
.width90po {width:90%}
.width100po {width:100%}

.bg-bule-grad {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#374d9c+0,485bc9+100 */
background: #374d9c; /* Old browsers */
background: -moz-linear-gradient(top,  #374d9c 0%, #485bc9 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#374d9c), color-stop(100%,#485bc9)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #374d9c 0%,#485bc9 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #374d9c 0%,#485bc9 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #374d9c 0%,#485bc9 100%); /* IE10+ */
background: linear-gradient(to bottom,  #374d9c 0%,#485bc9 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#374d9c', endColorstr='#485bc9',GradientType=0 ); /* IE6-9 */
}

/* Content
----------------------------------------- */

.entry {margin: 0;padding:0;}
.entry h2 {color:#374d9c; text-align: left; font-size: 2em;margin: 0 0 16px;text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.15);margin: 0 0 16px;border-bottom: 1px solid #e9e9e9;padding-bottom: 12px;}
.entry h2 a:link, .entry h2 a:visited, .entry h2 a:active{color:#374d9c}
.entry h2 a:hover {color: #000;text-decoration: none;} 
.entry-borderB {border-bottom: 1px dashed #d86d37; padding:10px 0;} 


.col-md-9 .entry ul li {margin: 10px 0;}

.imgresnoblock {height:auto; max-width:100%;}

/*TOP*/
.bgvrh{background-image:url(images/arhitektonski-projekt-header-1.jpg);background-position:center center;background-repeat:no-repeat;background-size:cover;height:500px;overflow:hidden;position:relative;width:100%}
.bgvrh-stranica{background-image:url(images/arhitektonski-projekt-header-2.jpg);background-position:center center;background-repeat:no-repeat;background-size:cover;height:350px;overflow:hidden;position:relative;width:100%}


.overlay {background-color: rgba(0, 0, 0, 0.2);bottom: 0;height: 100%;left: 0;position: absolute;right: 0;top: 0;width: 100%;}

.message {background-color: rgba(255, 255, 255, 0.8);left: 50%;margin-right: -50%;padding: 1%;position: absolute;text-align: center;top: 35%;transform: translate(-50%, -50%);width: 70%;}
.message2 {background-color: rgba(255, 255, 255, 0.8);z-index: 10;left: 50%;margin-right: -50%;padding: 1%;position: absolute;text-align: center;top: 110px;transform: translate(-50%, -50%);width: 70%;}

#porukaIN  h1 {color: #000; font-size: 1.3em;padding: 8px 0;margin: 0;font-weight: 600;}

.stranica-ontent {
  background-color: #ffffff;
  box-shadow: 1px 1px 5px #e5e5e5;
  min-height: 450px;
  padding: 5% 10%;
  position: relative;
  top: -180px;
  overflow: hidden;
}

.page-content {
  background-color: #ffffff;
  box-shadow: 1px 1px 5px #e5e5e5;  
  padding: 5% 10%;
}

.page-content-two {
background-attachment: fixed;
background-image: url(images/arch2.jpg);
background-position:center center;background-repeat:no-repeat;background-size:cover;height:415px;overflow:hidden;position:relative;width:100%
}

.ref-stupac {}
.page-content-three {background-color: #ffffff; padding: 5% 10%;}

.boja2 {background: #E5E1EE !important; overflow: hidden;}

/*Kontakt*/
.kontakt-box {margin: 10px 0; background: #E9E9E9;}
.kontakt-box p {padding: 10px;}
.kontakt-box-naslov {padding: 10px; color: #fff; background: #ec1d25}
.formaZakontakt  {width:60%}
.kontaktInfor {  text-align: right;}

.punacrta1 { border: 0; height: 1px; background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0)); margin: 5px 0;}
.punacrta2 {background:#ec1d25; height:3px;margin: 0;}


/*Siedebar*/

.sidebar-box {background: #fff;padding: 10px;/*-webkit-box-shadow: 0px -1px 5px 0px rgba(0,0,0,0.62);
-moz-box-shadow: 0px -1px 5px 0px rgba(0,0,0,0.62);
box-shadow: 0px -1px 5px 0px rgba(0,0,0,0.62);*/margin: 0 0 25px;}
.sidebar-box h3 {color:#374d9c; text-align: left; font-size: 1.5em;margin: 0 0 16px;text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.15);text-transform: none; padding: 0 0 10px; border-bottom: 1px solid #e9e9e9;}
.sidebar-box h3 a:link, .sidebar-box h3 a:visited, .sidebar-box h3 a:active{color:#374d9c}
.sidebar-box h3 a:hover {color: #000;text-decoration: none;} 
ul.nav-list.primary > li a {border-bottom: 1px solid #ededde; padding: 8px 20px; transition: all 0.3s ease 0s;}


/*TOGLE STIL*/
.navbar-default .navbar-toggle {border-color: #fff;}
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {background-color: #E5E1EE;}
.navbar-default .navbar-toggle .icon-bar {background-color: #fff;}

/*IZBORNIK*/ 

.brand-logo {margin: 15px 0;}

.navbar-default {background-color: #374d9c;border:none;box-shadow:0 0 5px rgba(0, 0, 0, 0.5)}
.navbar {min-height: 60px;}
.navbar-static-top {margin-bottom: 20px;}
.navbar-brand {padding: 0;margin: 0 10px 0 0;}
.navbar-nav {margin: 0;}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {background: #FDFDFF;color: #000;}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {background: #FDFDFF;color: #000;}
.navbar-nav > li > a {line-height: 29px;padding: 24px 30px;}

.nav > li > a {display: block;position: relative;}
.navbar-default .navbar-nav > li > a {color: #fff;}
.navbar-default .navbar-nav > li > a:hover {color: #000;background: #FDFDFF;}
.navbar-default .navbar-nav  > li.home-active  > a {color: #000;background: #FDFDFF;padding-left: 30px;padding-right: 30px;}
.navbar-default .navbar-nav  > li.home-active  > a:hover {color: #000;}
.caret {margin-left: 10px;}


/*Padajuci*/
.dropdown-menu {  padding: 0px 0;}

.dropdown-menu > li > a {  padding: 10px 20px;background: #16251b;color: #fff}
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {  background: #16251b !important; color: #cfcb6f;}
.navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand {  margin-left: 0;  /*margin-right: 100px;*/}
.navbar-brand {  float: left;  font-size: 18px;  height: 80px;  line-height: 20px;  padding: 15px;}

/*Footer*/
#footer {}
#footer h5 {color: #cfcb6f ; text-transform: uppercase; font-size: 1.1em;font-weight: bold;}
.footer-copyright {background: #393D3F;padding: 10px 0 10px 0;color: #fff;}
.footer-copyright p {margin: 0;padding: 0;}
textarea.form-control {height: 75px;}


/* Scroll to Top */
a.scroll-to-top{-moz-border-radius:7px 7px 0 0;-moz-transition:all .3s;-o-transition:all .3s;-webkit-border-radius:7px 7px 0 0;-webkit-transition:all .3s;background:#404040;border-radius:7px 7px 0 0;bottom:0;color:#FFF;display:block;height:9px;opacity:0;padding:13px 0 35px;position:fixed;right:10px;text-align:center;text-decoration:none;transition:all .3s;width:49px;z-index:1040}
a.scroll-to-top:hover{filter:alpha(opacity=100);opacity:1}
a.scroll-to-top.visible{filter:alpha(opacity=75);opacity:.75}

/*Social icons*/
ul.social-icons{margin:0;padding:0;width:auto}
ul.social-icons li{background-image:url(images/social-sprites.png);background-repeat:no-repeat;background-color:#FFF;background-position:0 100px;display:inline-block;margin:-1px 1px 5px 0;padding:0;border-radius:100%;overflow:visible;transition:all .3s ease;box-shadow:0 2px 2px 0 rgba(0,0,0,.3);-moz-border-radius:100%;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease;-webkit-border-radius:100%;-webkit-transition:all .3s ease}
ul.social-icons li a{display:block;height:30px;width:30px;text-align:center}
ul.social-icons li[class] a{text-indent:-9999px}
ul.social-icons li a:hover{text-decoration:none}
ul.social-icons li a i[class^=icon-]{color:#444;font-style:16px;position:relative;top:3px}
ul.social-icons li a:active{box-shadow:inset 0 0 10px rgba(0,0,0,.3),inset 0 0 10px rgba(0,0,0,.3);-moz-box-shadow:inset 0 0 10px rgba(0,0,0,.3),inset 0 0 10px rgba(0,0,0,.3);-webkit-box-shadow:inset 0 0 10px rgba(0,0,0,.3),inset 0 0 10px rgba(0,0,0,.3)}
ul.social-icons li a:active,ul.social-icons li:active{border-radius:100%;-moz-border-radius:100%;-webkit-border-radius:100%}
ul.social-icons li.digg{background-position:0 0}
ul.social-icons li.digg:hover{background-position:0 -30px}
ul.social-icons li.dribbble{background-position:0 -60px}
ul.social-icons li.dribbble:hover{background-position:0 -90px}
ul.social-icons li.facebook{background-position:0 -120px}
ul.social-icons li.facebook:hover{background-position:0 -150px}
ul.social-icons li.flickr{background-position:0 -180px}
ul.social-icons li.flickr:hover{background-position:0 -210px}
ul.social-icons li.forrst{background-position:0 -240px}
ul.social-icons li.forrst:hover{background-position:0 -270px}
ul.social-icons li.googleplus{background-position:0 -300px}
ul.social-icons li.googleplus:hover{background-position:0 -330px}
ul.social-icons li.html5{background-position:0 -360px}
ul.social-icons li.html5:hover{background-position:0 -390px}
ul.social-icons li.icloud{background-position:0 -420px}
ul.social-icons li.icloud:hover{background-position:0 -450px}
ul.social-icons li.lastfm{background-position:0 -480px}
ul.social-icons li.lastfm:hover{background-position:0 -510px}
ul.social-icons li.linkedin{background-position:0 -540px}
ul.social-icons li.linkedin:hover{background-position:0 -570px}
ul.social-icons li.myspace{background-position:0 -600px}
ul.social-icons li.myspace:hover{background-position:0 -630px}
ul.social-icons li.paypal{background-position:0 -660px}
ul.social-icons li.paypal:hover{background-position:0 -690px}
ul.social-icons li.picasa{background-position:0 -720px}
ul.social-icons li.picasa:hover{background-position:0 -750px}
ul.social-icons li.pinterest{background-position:0 -780px}
ul.social-icons li.pinterest:hover{background-position:0 -810px}
ul.social-icons li.reddit{background-position:0 -840px}
ul.social-icons li.reddit:hover{background-position:0 -870px}
ul.social-icons li.rss{background-position:0 -900px}
ul.social-icons li.rss:hover{background-position:0 -930px}
ul.social-icons li.skype{background-position:0 -960px}
ul.social-icons li.skype:hover{background-position:0 -990px}
ul.social-icons li.stumbleupon{background-position:0 -1020px}
ul.social-icons li.stumbleupon:hover{background-position:0 -1050px}
ul.social-icons li.tumblr{background-position:0 -1080px}
ul.social-icons li.tumblr:hover{background-position:0 -1110px}
ul.social-icons li.twitter{background-position:0 -1140px}
ul.social-icons li.twitter:hover{background-position:0 -1170px}
ul.social-icons li.vimeo{background-position:0 -1200px}
ul.social-icons li.vimeo:hover{background-position:0 -1230px}
ul.social-icons li.wordpress{background-position:0 -1260px}
ul.social-icons li.wordpress:hover{background-position:0 -1290px}
ul.social-icons li.yahoo{background-position:0 -1320px}
ul.social-icons li.yahoo:hover{background-position:0 -1350px}
ul.social-icons li.youtube{background-position:0 -1380px}
ul.social-icons li.youtube:hover{background-position:0 -1410px}
ul.social-icons li.github{background-position:0 -1440px}
ul.social-icons li.github:hover{background-position:0 -1470px}
ul.social-icons li.behance{background-position:0 -1500px}
ul.social-icons li.behance:hover{background-position:0 -1530px}
ul.social-icons li.yelp{background-position:0 -1560px}
ul.social-icons li.yelp:hover{background-position:0 -1590px}
ul.social-icons li.mail{background-position:0 -1620px}
ul.social-icons li.mail:hover{background-position:0 -1650px}
ul.social-icons li.instagram{background-position:0 -1680px}
ul.social-icons li.instagram:hover{background-position:0 -1710px}
ul.social-icons li.foursquare{background-position:0 -1740px}
ul.social-icons li.foursquare:hover{background-position:0 -1770px}
ul.social-icons li.zerply{background-position:0 -1800px}
ul.social-icons li.zerply:hover{background-position:0 -1830px}
ul.social-icons li.vk{background-position:0 -1860px}
ul.social-icons li.vk:hover{background-position:0 -1890px}