@charset "UTF-8";
/* BASE */
/* ------------------------------------ */
html {
  font-size: 16px;
}
html.readable-font {
  font-size: 18px;
}

body {
  margin: 0;
  font-family: "proxima-nova", Verdana, sans-serif, Arial;
  /*font-family:'Open Sans', sans-serif;;*/
  font-size: 0.8823529412rem;
  font-weight: 400;
  line-height: 24px;
  color: #777;
  background-color: #fff;
}
body.readable-font {
  font-family: Arial, serif !important;
}
body.underline-links a {
  text-decoration: underline !important;
}

body.wide {
  border-top: 3px solid #8BAA2B;
}

body.fullwidthlayout {
  border-top: 3px solid #f0f0f0 !important;
}

body.boxed {
  border-top: 0;
}

html {
  overflow-x: hidden;
  -webkit-font-smoothing: antialiased;
}

iframe {
  border: 0;
}

header {
  float: left;
  width: 100%;
  background: #fff;
}

.themecolor {
  color: #8BAA2B;
}

.bold {
  font-weight: 700;
}

strong {
  font-weight: 700;
}

.normal {
  font-weight: normal;
}

h1, h2, h3, h4, h5, h6 {
  margin: 0;
  margin-bottom: 30px;
  margin-top: 0px;
  font-family: "proxima-nova", Verdana, sans-serif, Arial;
  /*font-family: 'Open Sans', sans-serif;;*/
  font-weight: 300;
  line-height: 1;
  color: #111;
  opacity: 0.99;
}

h2 {
  font-size: 1.5882352941rem;
}

h5, h6 {
  margin-bottom: 15px;
  color: #111;
  opacity: 0.99;
}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
  color: #111;
}

h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {
  color: #111;
}

.top80 {
  margin-top: 80px !important;
}

.top70 {
  margin-top: 70px !important;
}

.top60 {
  margin-top: 60px !important;
}

.top50 {
  margin-top: 50px !important;
}

.top40 {
  margin-top: 40px !important;
}

.top30 {
  margin-top: 30px !important;
}

.top20 {
  margin-top: 20px !important;
}

.top10 {
  margin-top: 10px !important;
}

.top5 {
  margin-top: 5px !important;
}

.top0 {
  margin-top: 0px !important;
}

.bottom0 {
  margin-bottom: 0px !important;
}

.margin5 {
  margin: 5px;
}

.dividerline {
  float: left;
  height: 3px;
  width: 100%;
  background: #e5e5e5;
  margin-top: 30px;
}

.clear {
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}

.left {
  float: left;
}

.right {
  float: right;
}

.mr {
  margin-right: 15px;
  margin-bottom: 15px;
}

.ml {
  margin-left: 15px;
  margin-bottom: 15px;
}

.centered {
  text-align: center;
}

img.imgleft {
  display: inline;
  float: left;
  margin-right: 25px;
  margin-top: 0px;
  border-radius: 3px;
}

img.imgright {
  display: inline;
  float: right;
  margin-left: 25px;
  margin-top: 0px;
  border-radius: 3px;
}

.rounded, .rounded img, .rounded iframe {
  border-radius: 5px;
  -webkit-mask-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC);
}

.rounded .wpb_video_wrapper iframe {
  border-radius: 5px;
  -webkit-mask-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC);
}

.notfounderror {
  font-size: 3.5294117647rem;
  color: #8BAA2B;
  text-align: center;
}

/*select,textarea,input[type="text"],input[type="password"],input[type="datetime"],input[type="datetime-local"],input[type="date"],input[type="month"],input[type="time"],input[type="week"],input[type="number"],input[type="email"],input[type="url"],input[type="search"],input[type="tel"],input[type="color"],.uneditable-input
{
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
}*/
.wood {
  background-image: url(../img/wood.jpg);
  background-repeat: repeat;
}

.grid {
  background-image: url(../img/grid.jpg);
  background-repeat: repeat;
}

.greywall {
  background-image: url(../img/greywall.jpg);
  background-repeat: repeat;
}

.grunge {
  background-image: url(../img/grunge.jpg);
  background-repeat: repeat;
}

.wavegrid {
  background-image: url(../img/wavegrid.png);
  background-repeat: repeat;
}

/* ADMIN STYLES */
/* ------------------------------------ */
.overlay-element, #overlay-container, .overlay-modal-background, .overlay-element {
  z-index: 40000;
}

#admin-menu {
  z-index: 60000;
}

/* LIST STYLES */
/* ------------------------------------ */
ol, ul.square, ul.circle, ul.disc {
  margin-left: 20px;
}

ul.square {
  list-style: square outside;
  color: #777;
}

ul.circle {
  list-style: circle outside;
  color: #777;
}

ul.disc {
  list-style: disc outside;
  color: #777;
}

ul.liststyle {
  margin-top: -3px;
  margin-bottom: -3px;
  list-style: none;
}

ul.liststyle li {
  float: left;
  text-indent: -20px;
  line-height: 22px;
  width: 100%;
  height: auto;
  background: transparent;
  margin-left: 5px;
  padding-top: 2px;
  padding-bottom: 2px;
}

ul.liststyle li:before {
  color: #444;
}

ul.links {
  margin: 20px 0 0;
  float: left;
  overflow: hidden;
}

/* LINK STYLES */
/* ------------------------------------ */
a:hover, a:active {
  outline: 0;
}

a:active, a:focus {
  text-decoration: none !important;
}

a {
  color: #007ce6;
  text-decoration: none;
  transition: all 0.3s;
}

a:hover {
  color: #111;
  text-decoration: none;
}

a.color, .blue {
  color: #007ce6;
}

a.color:hover {
  color: #0063b8;
  text-decoration: none;
}

/* PAGE TITLE */
/* ------------------------------------ */
.main-page-title {
  font-size: 2.1176470588rem;
  color: #363636;
  padding-left: 76px;
  line-height: 40px;
  margin-bottom: 20px;
  min-height: 60px;
  padding-top: 10px;
}

.pagetitlewrap {
  float: left;
  border-bottom: 1px solid #e5e5e5;
  position: relative;
  width: 100%;
  left: 0;
  margin: 0;
  padding: 0;
  margin-top: -1px;
  background: #f3f3f3;
}

.pagetitle {
  width: 1170px;
  margin: 0 auto;
  padding: 0;
}

.pagetitle h1 {
  float: left;
  /*font-family: Verdana, sans-serif, Arial;;*/
  /*font-family: 'Open Sans', sans-serif;;*/
  font-weight: 300;
  font-size: 1.7647058824rem;
  line-height: 30px;
  margin: 0;
  color: #666;
  font-style: normal;
  text-transform: none;
  text-align: left;
  margin-top: 31px;
  margin-bottom: 32px;
  padding-left: 0px;
}

.pagetitlewrap.boxed {
  margin-top: 30px !important;
  float: left;
  position: relative;
  width: 1230px;
  left: 50%;
  margin-left: -615px;
  margin-bottom: 40px;
}

.colored .pagetitlewrap {
  border-bottom: 0;
}

.colored .pagetitlewrap .pagetitle h1 {
  color: #fff;
  text-shadow: 1px 1px #333;
}

.notitleboxedtop {
  margin-top: 0px;
}

.headertop .headerrighttext .headerrightinner > div.block-block {
  display: inline-block;
  margin-left: 15px;
}

.headertop .headerrighttext .headerrightinner p {
  margin: 0 !important;
}

.header-login {
  font-size: 0.9411764706rem;
}

.header-login-wrapper {
  margin-right: 20px;
  padding-right: 15px;
  padding-left: 20px;
  margin-top: 7px;
}

.header-login-wrapper .current-user {
  margin-right: 20px;
  display: inline-block;
}

/* BREADCRUMBS */
/* ------------------------------------ */
.breadcrumbwrap {
  float: right;
  margin-top: 36px;
  margin-right: 0px;
  font-size: 0.7058823529rem;
  color: #bbb;
}

.breadcrumbwrap a {
  color: #bbb;
}

.breadcrumbwrap a:hover {
  color: #111;
}

.colored .pagetitlewrap .breadcrumbwrap, .colored .pagetitlewrap .breadcrumbwrap a, .colored .pagetitlewrap .breadcrumbwrap a:hover {
  color: #fff;
}

/* CONTENT CONTAINER */
/* ------------------------------------ */
.container {
  margin-top: 40px;
}

.front .container {
  margin-top: 0px;
}

.allwrapper {
  width: 1170px;
  padding: 0px 30px;
  margin: auto;
}

.fullwidthlayout .allwrapper {
  background: none;
  width: 100%;
  padding: 0;
  margin-left: 0;
}

.allwrapper.boxed {
  background: none;
  width: 1170px;
  padding: 0px 30px;
  margin: auto;
}

.allwrapper.wide {
  background: none;
  width: 100%;
  padding: 0;
  margin-left: 0;
}

@media only screen and (min-width: 980px) and (max-width: 1199px) {
  .allwrapper {
    width: 940px;
  }

  .allwrapper.boxed {
    background: none;
    width: 940px;
    padding: 0px 30px;
    margin: auto;
  }

  .allwrapper.wide {
    background: none;
    width: 100%;
    padding: 0;
    margin-left: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 979px) {
  .allwrapper {
    width: 724px;
  }

  .headerwrap .logo {
    margin-top: 0px;
  }

  .allwrapper.boxed {
    background: none;
    width: 724px;
    padding: 0px 30px;
    margin: auto;
  }

  .allwrapper.wide {
    background: none;
    width: 100%;
    padding: 0;
    margin-left: 0;
  }

  .main-page-title {
    font-size: 1.7647058824rem;
    line-height: 40px;
  }
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .allwrapper, .allwrapper.boxed, .allwrapper.wide {
    width: 100%;
    padding: 0px 20px;
    margin-left: -20px;
  }

  .responsive-80 img {
    margin-left: 0 !important;
  }

  .smile {
    display: none !important;
  }

  .highlightbox {
    padding-left: 30px !important;
    padding-right: 30px !important;
  }

  #block-block-44 {
    margin-top: 30px;
  }

  .headerwrap .main-name-img img {
    max-width: 100px;
  }

  .headerwrap .main-name-img {
    margin-top: 20px;
  }

  .headerwrap .logo {
    margin-top: 0px;
  }

  .headerwrap .logo img {
    max-width: 200px;
  }

  .main-page-title {
    font-size: 1.6470588235rem;
    line-height: 35px;
  }
}
@media only screen and (min-width: 0px) and (max-width: 479px) {
  .allwrapper, .allwrapper.boxed, .allwrapper.wide {
    width: 100%;
    padding: 0px 20px;
    margin-left: -20px;
  }

  .responsive-80 img {
    margin-left: 0 !important;
  }

  .smile {
    display: none !important;
  }

  .highlightbox {
    padding-left: 30px !important;
    padding-right: 30px !important;
  }

  #block-block-44 {
    margin-top: 30px;
  }

  .headerwrap .main-name-img img {
    max-width: 80px;
  }

  .headerwrap .main-name-img {
    margin-top: 20px;
  }

  .headerwrap .logo {
    margin-top: 0px;
  }

  .headerwrap .logo img {
    max-width: 160px;
  }

  .main-page-title {
    font-size: 1.6470588235rem;
    line-height: 35px;
    padding-left: 0 !important;
    background: none !important;
  }

  .field-name-body ul {
    margin-left: 0 !important;
  }
}
/* BACKGROUND */
/* ------------------------------------ */
.poswrapper {
  position: fixed;
  z-index: -1;
  width: 0;
  margin: 0 auto;
  height: 100%;
  overflow: visible;
}

.whitebackground {
  position: fixed;
  top: 0;
  left: 50%;
  z-index: -1;
  width: 1230px;
  height: 100%;
  margin-left: -615px;
  background: #fff;
}

.wide .whitebackground {
  position: fixed;
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  margin-left: 0;
  background: #fff;
}

/* SOCIAL ICONS */
/* ------------------------------------ */
.social ul {
  margin: 0;
  padding: 0;
}

.social li {
  float: left;
  display: inline;
  margin: 0;
  padding: 0;
  margin-right: 0px;
}

.social li:last-child {
  margin-right: 0;
}

.social li a {
  float: left;
  width: 32px;
  height: 32px;
  opacity: 1;
  background: #fff;
  -webkit-transition: all 0s;
  -moz-transition: all 0s;
  -o-transition: all 0s;
  -ms-transition: all 0s;
}

.social .s_icon {
  float: left;
  font-size: 0.8235294118rem;
  color: #666;
  text-align: center;
  width: 32px;
  padding-top: 5px;
  -webkit-transition: all 0s;
  -moz-transition: all 0s;
  -o-transition: all 0s;
  -ms-transition: all 0s;
}

.social li a:hover .s_icon {
  color: #fff;
}

.social ul li a.so_facebook:hover {
  background: #4672b3;
}

.social ul li a.so_twitter:hover {
  background: #099bcc;
}

.social ul li a.so_gplus:hover {
  background: #da4a38;
}

.social ul li a.so_pinterest:hover {
  background: #c32524;
}

.social ul li a.so_vimeo:hover {
  background: #8bb225;
}

.social ul li a.so_youtube:hover {
  background: #cb322c;
}

.social ul li a.so_linkedin:hover {
  background: #2e8cc2;
}

.social ul li a.so_rss:hover {
  background: #e97633;
}

/* HEADER TOP LINE */
/* ------------------------------------ */
.headertopwrap, .headerbottomwrap, .headerwrap, .glavni-menu-wrapper, #firstcontentcontainer {
  position: relative;
  width: 1230px;
  left: 50%;
  margin-left: -615px;
  padding: 0px;
  padding-top: 0px;
  padding-bottom: 0px;
  color: #555;
  font-size: 0.7647058824rem;
}

.boxedlayout .headertopwrap, .boxedlayout .headerbottomwrap {
  border: none;
}

.headertopwrap.boxed, .headerbottomwrap.boxed {
  border: none;
}

.headertopwrap.wide, .headerbottomwrap.wide {
  border-top: 0;
}

.headertop, .headerbottom {
  margin-left: 30px;
}

.headertop .textwidget, .headerbottom .textwidget {
  margin-top: 5px;
  margin-bottom: 5px;
}

.headertop .headerlefttext .textwidget {
  width: 100%;
}

.headertop .headerrighttext .textwidget {
  width: 100%;
}

.headerbottom .headerbottomtext .textwidget {
  width: 100%;
}

.headertop .headerlefttext > div {
  float: left;
  width: 100%;
}

.headertop .headerrighttext > div {
  float: right;
  margin-left: 1px;
  margin-right: 25px;
}

.headerbottom .headerbottomtext > div {
  float: left;
  margin-left: 1px;
}

.headertop .headerlefttext {
  color: #666;
  font-size: 0.7058823529rem;
  text-transform: none;
  padding-left: 0px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  float: left;
}

.headertop .headerleftwidget {
  float: left;
}

.headertop .headerrighttext {
  color: #666;
  padding-right: 0px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

.headertop .headerlefttext a {
  color: #666;
}

.headertop .headerlefttext a:hover {
  color: #111;
}

.headertop .icon_wrap {
  float: left;
  margin-right: 5px;
  color: #666;
  display: inline-block;
}

.icon_wrap span {
  margin-right: 7px;
}

.headertop .headerrighttext .headerrightwidget, .headertop .headerrighttext {
  margin-left: 0 !important;
}

.headertop .headerrighttext .headerrightwidget:last-child {
  margin-left: 0px;
}

.headertop .headerrighttext .headerleftwidget {
  margin-right: 30px;
}

.headertop .headerrighttext .headerleftwidget:last-child {
  margin-right: 0px;
}

/* HEADER */
/* ------------------------------------ */
.main-name-img {
  float: left;
  margin-top: 15px;
  margin-bottom: 30px;
  margin-left: 16px;
}

.main-name-img-ik {
  width: 100%;
}

.headerwrap {
  float: left;
  position: relative;
  width: 100%;
  left: 0;
  margin: 0;
  padding: 0;
}

/*.colored .headerwrap { border-bottom: 0; }*/
.boxedlayout .headerwrap {
  float: left;
  position: relative;
  width: 1230px;
  left: 50%;
  margin-left: -615px;
}

.header {
  position: relative;
  width: 1170px;
  left: 50%;
  margin-left: -585px;
}

.front .header {
  z-index: 25000;
}

/*.header .logo { float: left; position: relative; padding-top: 0px; padding-bottom: 0px;  padding-left: 0px; */
/*margin-top: 22px; margin-bottom: 0px!important; margin-left:60px;*/
/* }*/
header a.logo {
  float: right;
  margin-top: 25px;
  margin-bottom: 30px;
  margin-left: 10px;
  margin-right: 18px;
}

.region.header {
  float: left;
  width: 100%;
  left: auto;
  margin-left: 0;
  position: relative;
  z-index: 15000;
  height: auto;
}

/* MAIN NAVIGATION */
/* ------------------------------------ */
.main-menu-headerwrap {
  background-color: #2a80b9;
  z-index: 16000;
  border: none;
}

.mainmenu {
  position: relative;
  margin-left: 0;
  height: auto;
  float: left;
  width: 100%;
  border-bottom: 1px solid #fff;
}

.mainmenu .ddsmoothmenu {
  position: relative;
  margin: 0;
  z-index: 99;
  padding-top: 0px;
}

.mainmenu .ddsmoothmenu ul {
  z-index: 100;
  margin: 0;
  padding: 0;
  list-style-type: none;
  margin: 0px;
}

.mainmenu .ddsmoothmenu ul ul {
  background: #fff;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-right: 2px;
  border: 1px solid #e5e5e5;
  box-shadow: -3px 3px 13px rgba(0, 0, 0, 0.07), 3px 3px 13px rgba(0, 0, 0, 0.07);
}

/*Top level list items*/
.mainmenu .ddsmoothmenu ul li {
  position: relative;
  display: inline;
  float: left;
  background: transparent;
}

.mainmenu .ddsmoothmenu > ul > li {
  border-right: 1px solid #fff;
}

.mainmenu .ddsmoothmenu ul li ul li {
  padding: 0;
  margin: 0;
  white-space: nowrap;
}

.mainmenu .ddsmoothmenu ul ul ul {
  padding: 0;
  margin: 0;
}

/*Top level menu link items style*/
.mainmenu .ddsmoothmenu ul li a, .mainmenu .ddsmoothmenu ul li span {
  display: block;
  text-decoration: none;
  padding-left: 20px;
  padding-right: 20px !important;
  margin-right: 0px;
  border: 0;
}

.mainmenu .ddsmoothmenu ul li:last-child a {
  margin-right: 0px;
}

* html .mainmenu .ddsmoothmenu ul li a {
  /*IE6 hack to get sub menu links to behave correctly*/
  display: inline-block;
}

.mainmenu .ddsmoothmenu ul li a:link, .mainmenu .ddsmoothmenu ul li a:visited, .mainmenu .ddsmoothmenu > ul > li > span {
  font-weight: 600;
  padding-bottom: 16px;
  padding-top: 16px;
  height: 15px;
  font-size: 0.8823529412rem;
  line-height: 15px;
  text-transform: none;
  border-top: 1px solid transparent;
}

.mainmenu .ddsmoothmenu > ul > li.active > a, .mainmenu .ddsmoothmenu > ul > li.current-menu-ancestor > a {
  font-weight: 700;
  color: #fff;
  padding-bottom: 16px;
  padding-top: 16px;
}

.mainmenu .ddsmoothmenu ul li a:hover, .mainmenu .ddsmoothmenu ul li a.selected, .mainmenu .ddsmoothmenu ul li span:hover, .mainmenu .ddsmoothmenu ul li span.selected {
  background-color: #5190e1;
  color: #fff !important;
  padding-bottom: 16px;
  padding-top: 16px;
}

.mainmenu .ddsmoothmenu > ul > li > a:hover, .mainmenu .ddsmoothmenu > ul > li > a, .mainmenu .ddsmoothmenu > ul > li > span {
  color: #fff !important;
}

.mainmenu .ddsmoothmenu > ul > li > ul li a {
  color: #666;
}

.mainmenu .ddsmoothmenu ul li ul li a:link, .mainmenu .ddsmoothmenu ul li ul li a:visited, .mainmenu .ddsmoothmenu ul li > ul > li > span {
  font-weight: 400;
  border: 0;
  /*border-bottom: 1px solid #797979; border-top: 1px solid #999999;*/
  padding: 0;
  margin: 0;
  padding-left: 20px;
  font-size: 0.7647058824rem;
  line-height: 16px;
  padding-top: 10px;
  padding-bottom: 10px;
}

.mainmenu .ddsmoothmenu ul li ul li a:hover, .mainmenu .ddsmoothmenu ul li ul li span:hover {
  color: #fff !important;
}

/*1st sub level menu*/
.mainmenu .ddsmoothmenu ul li ul {
  position: absolute;
  left: 0;
  display: none;
  visibility: hidden;
}

/*Sub level menu list items (undo style from Top level List Items)*/
.mainmenu .ddsmoothmenu ul li ul li {
  display: block;
  float: none;
  border: 0;
  padding: 0;
  margin: 0;
  margin-right: -2px;
}

/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.mainmenu .ddsmoothmenu ul li ul li ul {
  padding: 0;
  margin-left: 0px;
  margin-top: -10px;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-right: 2px;
}

.mainmenu .ddsmoothmenu ul li.active ul li ul, .mainmenu .ddsmoothmenu ul li.current-menu-ancestor ul li ul {
  margin-top: 0px;
  margin-top: -11px;
}

/* Sub level menu links style */
.mainmenu .ddsmoothmenu ul li ul li a {
  min-width: 135px;
  /*width of sub menus*/
  margin: 0;
  border-top-width: 0;
  margin-right: 0px;
  height: auto;
  padding-bottom: 10px;
}

.mainmenu .ddsmoothmenu > ul > li > ul > li > ul li a {
  border-bottom: 0 !important;
}

.mainmenu .ddsmoothmenu > ul > li > ul > li > ul li:last-child a {
  border-bottom: 0 !important;
}

.mainmenu .ddsmoothmenu ul li ul li:first-child a {
  border-top: 0;
}

.mainmenu .ddsmoothmenu ul li ul li:last-child a {
  border-bottom: 0;
}

.mainmenu .ddsmoothmenu li li ul,
.mainmenu .ddsmoothmenu li li li ul {
  margin: 0 0 0 0;
}

/* Holly Hack for IE \*/
* html .mainmenu .ddsmoothmenu {
  height: 1%;
}

/*Holly Hack for IE7 and below*/
/* CSS classes applied to down and right arrow images */
.mainmenu .downarrowclass {
  position: absolute;
  top: 16px;
  right: 30px;
  opacity: 1;
  transition: opacity 0.2s ease-out;
}

.mainmenu .ddsmoothmenu ul li a:hover .downarrowclass {
  opacity: 0.4;
}

.mainmenu .ddsmoothmenu ul li a.selected .downarrowclass {
  opacity: 0.4;
}

.mainmenu .ddsmoothmenu ul li.active .downarrowclass, .ddsmoothmenu ul li.current-menu-ancestor .downarrowclass {
  opacity: 0.4;
}

.rightarrowclass {
  visibility: hidden;
}

.downarrowclass {
  visibility: hidden;
}

/*.region.header {background:#f0f0f0;}*/
.glavni-menu.sf-menu li.sfHover > ul {
  top: 43px;
}

.glavni-menu {
  float: left;
  background: #f0f0f0;
  border-bottom: 1px solid #e5e4e4;
  border-top: 1px solid #e5e4e4;
  width: 100%;
  border-right: 1px solid #e5e4e4;
  /* Safari/Chrome, other WebKit */
  /* Firefox, other Gecko */
  box-sizing: border-box;
}

.glavni-menu > li {
  display: inline-block;
  height: 43px;
}

.glavni-menu > li > a, .glavni-menu > li > span.nolink {
  display: block;
  font-size: 0.8235294118rem;
  text-transform: uppercase;
  line-height: 43px;
  height: 43px;
  border-right: 1px solid #e5e4e4;
  border-bottom: none;
  border-top: none;
  padding: 0 14px;
  color: #363636;
  text-align: center;
  background: #f0f0f0;
  transition: all 0.3s;
}

.glavni-menu > li:last-child > a, .glavni-menu > li:last-child > span.nolink {
  border-right: none;
}

.glavni-menu > li.active-trail > a, .glavni-menu > li.active-trail > span.nolink {
  color: #fff;
  background-color: #a4aeb8;
}

.glavni-menu > li.active-trail:hover > a, .glavni-menu > li.active-trail:hover > span.nolink {
  color: #fff;
}

.glavni-menu > li:hover > a, .glavni-menu > li:hover > span.nolink {
  color: #fff;
  background-color: #a4aeb8;
}

.glavni-menu > li > ul {
  background: #f0f0f0;
  min-width: 250px;
  overflow: visible !important;
  -webkit-border-bottom-right-radius: 4px;
  -webkit-border-bottom-left-radius: 4px;
  -moz-border-radius-bottomright: 4px;
  -moz-border-radius-bottomleft: 4px;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
}

.glavni-menu > li > ul > li > ul {
  background: #f0f0f0;
  min-width: 250px;
}

.glavni-menu > li > ul > li {
  display: block;
  float: left;
}

.glavni-menu > li > ul > li > a, .glavni-menu > li > ul > li > span.nolink, .glavni-menu > li > ul > li > ul > li > a, .glavni-menu > li > ul > li > ul > li > span.nolink {
  padding: 0 15px;
  display: block;
  color: #363636;
  font-size: 0.8235294118rem;
  border-top: 1px dotted #e5e4e4;
  line-height: 42px;
  height: 42px;
}

/*.glavni-menu > li > ul > li:last-child > a, .glavni-menu > li > ul > li:last-child > span.nolink, .glavni-menu > li > ul > li > ul > li:last-child > a, .glavni-menu > li > ul > li > ul > li:last-child > span.nolink{border-bottom:1px dotted #e5e4e4;}*/
.glavni-menu > li > ul > li > a:hover, .glavni-menu > li > ul > li > span.nolink:hover, .glavni-menu > li > ul > li > ul > li > a:hover, .glavni-menu > li > ul > li > ul > li > span.nolink:hover, .glavni-menu > li > ul > li.sfHover > span.nolink, .glavni-menu > li > ul > li.sfHover > a {
  color: #fff;
  background-color: #a4aeb8;
}

.glavni-menu span.nolink {
  cursor: default;
}

.glavni-menu.sf-menu li > ul > li.sfHover > ul {
  top: 0px;
}

/*.glavni-menu > li > ul > li:last-child a{border:none!important;}*/
.glavni-menu-wrapper {
  margin-bottom: 0 !important;
  overflow: visible !important;
  background: #fff;
  float: left;
  padding: 0 30px;
  /* Safari/Chrome, other WebKit */
  /* Firefox, other Gecko */
  box-sizing: border-box;
}

#glavni-menu-home {
  text-indent: -9999px;
  background: url(../img/home.png) center center no-repeat #a4aeb8;
  height: 43px;
  width: 42px;
  white-space: nowrap;
  padding: 0;
}

.glavni-menu > li > ul, .glavni-menu > li > ul > li > ul {
  box-shadow: -1px 1px 5px rgba(0, 0, 0, 0.07), 1px 1px 5px rgba(0, 0, 0, 0.07);
  -webkit-border-bottom-right-radius: 4px;
  -webkit-border-bottom-left-radius: 4px;
  -moz-border-radius-bottomright: 4px;
  -moz-border-radius-bottomleft: 4px;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  background: #f0f0f0;
  padding: 0 0 10px 0;
}

/**************************************************************
	-	MENU AND FIRST CONTAINER ADJUSTMENTS  -
***************************************************************/
.nopagetitle #firstcontentcontainer {
  margin-top: 40px !important;
}

.fullwidthlayout .pagetitlewrap {
  margin-bottom: 40px;
}

#firstcontentcontainer {
  margin-top: 0px;
  padding-bottom: 80px;
  clear: both;
  background: #fff;
  width: 1230px;
  padding-top: 35px;
}

.front #firstcontentcontainer {
  padding-top: 0;
}

#firstcontentcontainer > .row {
  margin-left: 15px;
  margin-right: 15px;
}

.block-sidebar-menu {
  float: left;
  margin-top: -1px;
  width: 100%;
}

.block-sidebar-menu ul {
  margin: 0;
  padding: 0;
  list-style: none;
  width: 100%;
}

.block-sidebar-menu ul li {
  float: left;
  width: 100%;
  border-bottom: 1px solid #eee;
  border-top: 0;
  padding-top: 7px;
  padding-bottom: 7px;
}

.block-sidebar-menu ul li a {
  color: #111;
  font-weight: 300;
  font-size: 0.7647058824rem;
}

.block-sidebar-menu ul li span {
  font-size: 0.8823529412rem;
  line-height: 15px;
  text-shadow: none;
  margin-right: 1px;
  margin-left: -4px;
  color: #8BAA2B;
  transition: all 0.15s;
}

.block-sidebar-menu ul li:first-child {
  border-top: 0;
  padding-top: 0;
}

.block-sidebar-menu ul li:last-child {
  border-bottom: 0;
  padding-bottom: 0;
}

/* TWOLINE AND THREELINE MENUS */
/*--------------------------------------*/
.boxedlayout .region.header > .block {
  margin-left: -30px;
  margin-right: -30px;
}

.region.header > .block {
  margin-bottom: 40px;
  overflow: hidden;
}

.tp-captions,
.tp-parallax {
  -webkit-backface-visibility: hidden;
}

.slotholder {
  position: relative;
  z-index: 1;
  background: transparent;
  -webkit-backface-visibility: hidden;
  -webkit-perspective: 1000;
  -webkit-transform: translateZ(-1000px);
}

/* TOOLTIPS */
/* ------------------------------------ */
.tooltip-inner {
  background-color: #666;
  border-radius: 3px;
}

.tooltip.in {
  opacity: 1;
  filter: alpha(opacity=100);
}

.tooltip.top .tooltip-arrow {
  border-top-color: #666;
}

.tooltip.right .tooltip-arrow {
  border-right-color: #666;
}

.tooltip.left .tooltip-arrow {
  border-left-color: #666;
}

.tooltip.bottom .tooltip-arrow {
  border-bottom-color: #666;
}

/* HOMEPAGE */
/* ------------------------------------ */
.homeslider {
  position: relative;
  z-index: 1;
  width: 100%;
  margin-left: 0px;
}

.nodisplay {
  display: none;
}

.homeslider .rev_slider_wrapper {
  position: relative !important;
  z-index: 1 !important;
}

.rounded .rev_slider_wrapper {
  border-radius: 3px;
  -webkit-mask-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC);
}

.homesliderwrapper {
  position: relative;
  margin-left: 0px;
  margin-right: 0px;
}

.homesliderwrapper .homeslider {
  margin-left: 0px;
}

.rev_slider_wrapper a {
  color: #fff;
}

.rev_slider_wrapper a:hover {
  color: #fff;
}

.front .fourcol, .front .threecol, .front .fivecol {
  float: left;
  width: 100%;
}

.front #firstcontentcontainer .row.portfoliowrap {
  border-top: 0;
  padding-top: 0;
}

.front #firstcontentcontainer .row.clients {
  border: none;
}

.front span.client {
  display: block;
}

.front .portfolio-block {
  border-bottom: 1px solid #e5e5e5;
  margin-bottom: 30px;
  padding-bottom: 20px;
}

.front .postscript-third {
  margin-top: 20px;
  padding-top: 20px;
  border-top: 1px solid #e5e5e5;
}

.front .block-views {
  float: left;
  width: 100%;
}

.front .region.content {
  padding-top: 0px;
}

.front .divider {
  margin-top: 30px;
}

.front .pagetitlewrap {
  display: none;
}

.front .prescript-first {
  margin-top: 0 !important;
  border-radius: 0px;
  padding-left: 0;
  padding-right: 0;
}

.front .prescript-first, .front .prescript-second, .front .prescript-third {
  margin-top: 30px;
  margin-bottom: 30px;
}

.front .servicemodifier, .front .prescript-third, .front a.service {
  margin-bottom: 0;
}

.divider {
  border-top: 1px solid #e5e5e5;
  padding-top: 30px;
}

/* START HEIGHT OF REVOLUTION SLIDER */
/*.homeslider {	height:450px; }*/
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .homeslider {
    height: 230px;
  }
}
@media only screen and (min-width: 0px) and (max-width: 479px) {
  .homeslider {
    height: 150px;
  }
}
/* POST SLIDER */
/* ------------------------------------ */
/* MODULE DIVIDER */
/* ------------------------------------ */
.moduletitle {
  margin-left: 0;
  width: 100%;
  margin-top: -6px;
  margin-bottom: 23px;
  padding-bottom: 0px;
}

.moduletitle .titletext {
  float: left;
}

.moduletitle .titletext h2 {
  line-height: 30px;
  margin: 0px;
  text-align: left;
  padding-right: 10px;
}

.block .linktext {
  float: right;
  margin-top: -50px;
  position: relative;
  z-index: 1000;
}

.block .linktext a span {
  float: right;
  line-height: 15px;
}

.block .linktext a {
  font-size: 0.8823529412rem;
  color: #bbb;
  padding-left: 10px;
  font-weight: 400;
}

.block .linktext a:hover {
  color: #111;
}

.contenttitle {
  float: left;
  margin-left: 0;
  width: 100%;
  margin-top: -5px;
  margin-bottom: 25px;
  padding-bottom: 0px;
}

.contenttitle .titletext {
  float: left;
}

.contenttitle .titletext h2 {
  line-height: 30px;
  margin: 0px;
  margin-top: 0px;
  text-align: left;
  font-weight: 300;
}

/* PAGE DIVIDER */
/* ------------------------------------ */
.pagedivider {
  margin-left: 0;
  height: 0px;
  width: 100%;
  margin-top: 40px;
  margin-bottom: 0px;
}

.dotdivider {
  float: left;
  margin-left: 0;
  width: 100%;
  background: url(../img/tiles/threedot.png) repeat-x 0 0;
  height: 7px;
  margin-top: 10px;
  margin-bottom: 40px;
}

.divider {
  float: left;
  margin-left: 0;
  width: 100%;
  height: 1px;
}

.firstdivider {
  margin-left: 0;
  width: 100%;
  height: 0px;
  margin-bottom: 40px;
}

.top-divider {
  margin-top: 10px;
  padding-top: 30px;
  border-top: 1px solid #e5e5e5;
}

/* TEXT CONTENT */
/* ------------------------------------ */
.textcontent {
  margin-bottom: 0px;
}

/*p { margin-bottom: 20px; }*/
/* HOME SERVICES */
/* ------------------------------------ */
.servicemodifier {
  float: left;
  margin-bottom: -35px;
}

.servicewrap {
  float: left;
  position: relative;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  width: 100%;
}

.servicewrap > h4 {
  margin-bottom: 5px;
}

.servicewrap > h4 > span {
  margin-left: 50px;
  padding-top: 8px;
  display: block;
  font-size: 1.3529411765rem;
}

.servicewrap > h5 {
  margin-left: 50px;
  color: #bbb;
}

.serviceicon {
  float: left;
  height: 40px;
  width: 40px;
  background: #666;
  margin-right: 0px;
  transition: all 0.4s;
  border-radius: 30px;
}

.serviceicon div {
  height: 40px;
  width: 40px;
  text-align: center;
}

.serviceicon > div {
  color: #fff;
  font-size: 1.1764705882rem;
  padding-top: 8px;
  padding-left: 2px;
}

a.service h5, .active-service h5 {
  padding-left: 60px;
  font-weight: 400;
  margin-top: 5px;
  margin-bottom: 8px;
  line-height: 20px;
  transition: all 0.4s;
  color: #bbb;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  width: 100%;
}

a.service h4, .active-service h4 {
  padding-left: 60px;
  margin-top: 0px;
  margin-bottom: 2px;
  font-size: 1.5882352941rem;
  line-height: 27px;
  text-transform: none;
  font-weight: 300;
  text-align: left;
  transition: all 0.4s;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  width: 100%;
}

a.service, .active-service {
  float: left;
  margin-bottom: 20px;
  margin-top: -3px;
  text-align: left;
  color: #777;
  text-decoration: none;
  transition: color 0.4s;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  width: 100%;
}

a.service .text, .active-service .text {
  padding-left: 60px;
  float: left;
  padding-top: 5px;
  margin-top: 3px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  width: 100%;
}

.active-service .text {
  padding-left: 0;
}

a.service:hover h4 {
  color: #8BAA2B;
}

a.service:hover h5 {
  color: #8BAA2B;
}

a.service p {
  margin-bottom: 0;
}

a.service .serviceicon, .active-service .serviceicon {
  font-size: 1.1764705882rem;
  line-height: 38px;
  color: #fff;
}

a.service:hover .serviceicon {
  background: #8BAA2B;
}

span.hlink {
  color: #8BAA2B;
  float: left;
  margin-top: 8px;
  transition: all 0.4s;
}

span.hlink:hover {
  color: #111;
}

/* TEAM */
/* ------------------------------------ */
.team {
  float: left;
  width: 100%;
  display: table;
  /*margin-top: -10px; margin-bottom: -10px;*/
}

.team:first-child {
  margin-top: -10px;
}

.team .memberwrap {
  float: left;
  width: 25%;
  text-align: left;
  text-decoration: none;
  display: table-cell;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  position: relative;
}

.team .member {
  border-radius: 5px;
  position: relative;
  padding: 30px;
  background: #fefefe;
  padding-bottom: 10px;
  border: 1px solid #e5e5e5;
  margin: 10px;
}

.team .member img {
  border-radius: 3px;
  width: 100%;
}

.team .member h4 {
  margin-top: 11px;
  margin-bottom: 0px;
  font-size: 1.1764705882rem;
  line-height: 20px;
  text-transform: none;
  font-weight: 300;
  text-align: left;
}

.team .member h5 {
  font-weight: normal;
  color: #bbb;
  font-size: 0.7647058824rem;
  margin-top: 4px;
  margin-bottom: 10px;
  line-height: 20px;
}

ul.teamsocial {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 24px;
  margin-bottom: 14px;
  margin-top: -10px;
}

.teamsocial li {
  float: left;
  display: inline;
  margin: 0;
  padding: 0;
  margin-right: 3px;
}

.teamsocial li:last-child {
  margin-right: 0;
  clear: right;
}

.teamsocial li a {
  float: left;
  height: 24px;
  border-radius: 3px;
  opacity: 1;
  background: #fefefe;
  -webkit-transition: all 0.1s;
  -moz-transition: all 0.1s;
  -o-transition: all 0.1s;
  -ms-transition: all 0.1s;
}

.teamsocial .s_icon {
  font-size: 0.8235294118rem;
  color: #666;
  background: transparent;
  text-align: center;
  width: 24px;
  padding-top: 2px;
  -webkit-transition: all 0.1s;
  -moz-transition: all 0.1s;
  -o-transition: all 0.1s;
  -ms-transition: all 0.1s;
}

.teamsocial li a:hover .s_icon {
  color: #fff;
}

.teamsocial li a.so_mail:hover {
  background: #000;
  border: 0px solid #fff;
  -webkit-filter: none;
          filter: none;
}

.teamsocial li a.so_phone:hover {
  background: #000;
  border: 0px solid #fff;
  -webkit-filter: none;
          filter: none;
}

.teamsocial li a.so_fb:hover {
  background: #4672b3;
  border: 0px solid #fff;
  -webkit-filter: none;
          filter: none;
}

.teamsocial li a.so_tw:hover {
  background: #099bcc;
  border: 0px solid #fff;
  -webkit-filter: none;
          filter: none;
}

.teamsocial li a.so_gp:hover {
  background: #da4a38;
  border: 0px solid #fff;
  -webkit-filter: none;
          filter: none;
}

.teamsocial li a.so_pi:hover {
  background: #c32524;
  border: 0px solid #fff;
  -webkit-filter: none;
          filter: none;
}

.teamsocial li a.so_vi:hover {
  background: #8bb225;
  border: 0px solid #fff;
  -webkit-filter: none;
          filter: none;
}

.teamsocial li a.so_yt:hover {
  background: #cb322c;
  border: 0px solid #fff;
  -webkit-filter: none;
          filter: none;
}

.teamsocial li a.so_li:hover {
  background: #2e8cc2;
  border: 0px solid #fff;
  -webkit-filter: none;
          filter: none;
}

.teamsocial li a.so_rs:hover {
  background: #e97633;
  border: 0px solid #fff;
  -webkit-filter: none;
          filter: none;
}

.team.solo .memberwrap {
  width: 100%;
}

/* CLIENTS */
/* ------------------------------------ */
.clients {
  margin-left: 0;
  width: 100%;
}

.clients ul {
  float: left;
  margin: 0;
  padding: 0;
  width: 100%;
  position: relative;
}

.clients ul li {
  float: left;
  display: inline;
  width: 20%;
}

.clients ul li a {
  float: left;
  width: 100%;
  height: auto;
}

.clients ul li img {
  width: 100%;
  height: auto;
  filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0'/></filter></svg>#grayscale");
  filter: none;
  -webkit-filter: grayscale(0%);
}

.client {
  border-right: 1px solid #eee;
  border-left: 1px solid #eee;
  margin-right: -1px;
}

.clients ul li img:hover {
  filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale");
  /* Firefox 10+, Firefox on Android */
  filter: gray;
  /* IE6-9 */
  -webkit-filter: grayscale(100%);
  /* Chrome 19+, Safari 6+, Safari 6+ iOS */
}

/* PRICING */
/* ------------------------------------ */
.pricing {
  float: left;
  width: 100%;
  margin-top: 0px;
}

.pricing .pricewrap {
  float: left;
  text-align: center;
  border: 1px solid #e5e5e5;
  margin: 0.8%;
  margin-top: 10px;
  margin-bottom: 10px;
  border-radius: 5px;
}

.pricing .pricewrap div {
  margin: 0;
  list-style: none;
}

.pricing .thead {
  font-size: 1.1764705882rem;
  line-height: 20px;
  font-weight: 700;
  padding: 20px;
  padding-top: 15px;
  padding-bottom: 15px;
  background: #f3f3f3;
  color: #666;
  border-bottom: 1px solid #e5e5e5;
}

.pricing .thead .byline {
  font-size: 0.7647058824rem;
  line-height: 20px;
  color: #bbb;
  font-weight: 400;
  text-transform: none;
  margin-top: 4px;
}

.pricing .price {
  font-size: 2.0588235294rem;
  line-height: 25px;
  font-weight: bold;
  padding: 20px;
  padding-top: 20px;
  padding-bottom: 15px;
  background: #fff;
  color: #8BAA2B;
  border-bottom: 1px solid #eee;
}

.pricing .price .dollar {
  color: #8BAA2B;
  font-size: 1rem;
  margin-right: -5px;
  margin-left: -10px;
  font-weight: normal;
}

.pricing .item {
  background: #fff;
  color: #777;
  padding: 20px;
  padding-top: 10px;
  padding-bottom: 10px;
  border-bottom: 1px solid #eee;
}

.pricing .buy {
  padding-top: 20px;
  padding-bottom: 20px;
  background: #f3f3f3;
}

.pricecol.highlight .pricewrap {
  position: relative;
  z-index: 1;
  border: 1px solid #e5e5e5;
  margin-top: 0px;
  border-radius: 5px;
}

.pricing .highlight .thead {
  background: #8BAA2B;
  color: #fff;
  padding-top: 25px;
  border-bottom: 1px solid #fff;
  -webkit-border-top-left-radius: 5px;
  -webkit-border-top-right-radius: 5px;
  -moz-border-radius-topleft: 5px;
  -moz-border-radius-topright: 5px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}

.pricing .highlight .thead .byline {
  color: #fff;
}

.pricing .highlight .buy {
  padding-top: 20px;
  padding-bottom: 30px;
}

.pricing.fivecols .pricecol .pricewrap {
  float: left;
  width: 19.8%;
}

.pricing.fourcols .pricecol .pricewrap {
  float: left;
  width: 24.8%;
}

.pricing.threecols .pricecol .pricewrap {
  float: left;
  width: 33.1%;
}

/* CONTENT TALBE */
/* ------------------------------------ */
.contenttable {
  font-size: 0.7647058824rem;
  float: left;
  border-radius: 5px;
  padding: 18px;
  padding-left: 30px;
  padding-right: 30px;
  background: #f3f3f3;
  border: 0;
  width: 100%;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

.contenttable table {
  border-collapse: collapse;
  width: 100%;
  float: left;
}

.contenttable table td {
  padding: 0px;
  padding-right: 0;
  padding-bottom: 2px;
  padding-top: 2px;
}

.contenttable table tr {
  border-bottom: 0px solid #e5e5e5;
}

.contenttable table tr:last-child {
  border-bottom: 0;
}

/**
*   ARTICLE
**/
.node-type-article #block-system-main,
.node-type-akt #block-system-main,
.node-type-board #block-system-main,
.page-crm-core-contact #block-system-main,
.odmak-80 #block-system-main,
.odmak-80 #block-block-53 > *:not(.footertitle):not(.contextual-links-wrapper),
.node-type-imovinska-forma .field-name-body,
.node-type-zahtjev-za-misljenjem .field-name-body,
.forma-misljenje-nedostupno,
.node-type-prijava-sukoba-interesa .field-name-body,
.forma-prijava-nedostupno, .no-user-account p, .page-user.page-user-reset #block-system-main {
  padding-left: 80px;
}

#block-views-categories-block-galerija {
  padding-left: 70px;
  margin-top: 30px;
}

#block-views-categories-block-galerija .galleria-container {
  background: none;
}

#block-views-categories-block-galerija .galleria-container .galleria-images, #block-views-categories-block-galerija .galleria-container .galleria-thumbnails .galleria-image {
  border: 1px solid #e5e4e4;
}

.field-name-field-documents .field-label, .field-name-field-document .field-label, .field-name-field-duznosnik .field-label {
  margin-bottom: 10px;
  font-weight: normal;
  font-size: 1.2941176471rem;
  margin-top: 25px;
}

.field-name-field-documents .field-item, .field-name-field-document .field-item, .field-name-field-duznosnik .field-item {
  margin-bottom: 10px;
}

.field-name-field-documents .file > a, .field-name-field-document .file > a, .field-name-field-duznosnik .field-item > a {
  color: #363636;
  margin-left: 10px;
  text-transform: uppercase;
  font-size: 0.5882352941rem;
  line-height: 34px;
}

.field-name-body p img {
  margin: 10px 20px 10px 0;
}

.field-name-body ul {
  list-style: disc;
  margin-left: 30px;
}

.field-name-body ol {
  margin-left: 30px;
}

.field-name-body h1 {
  /*color:#333333;*/
  font-size: 2.1176470588rem;
  margin-bottom: 20px;
  margin-top: 30px;
  line-height: 40px;
}

.field-name-body h2 {
  /*color:#333333;*/
  font-size: 1.7647058824rem;
  margin-bottom: 20px;
  margin-top: 30px;
  line-height: 34px;
}

.field-name-body h3 {
  /*color:#333333;*/
  font-size: 1.4117647059rem;
  margin-bottom: 20px;
  margin-top: 30px;
  line-height: 28px;
}

.field-name-body h4 {
  /*color:#333333;*/
  font-size: 1.1764705882rem;
  margin-bottom: 20px;
  margin-top: 30px;
  line-height: 24px;
  font-weight: bold;
}

.field-name-body h5 {
  /*color:#333333;*/
  font-size: 1.0588235294rem;
  margin-bottom: 10px;
  margin-top: 15px;
  line-height: 20px;
  font-weight: bold;
}

.field-name-body h6 {
  /*color:#333333;*/
  font-size: 0.9411764706rem;
  margin-bottom: 10px;
  margin-top: 15px;
  line-height: 18px;
  font-weight: bold;
}

.field-name-body address {
  font-style: italic;
  font-size: 0.7647058824rem;
  line-height: 18px;
}

.field-name-body table {
  width: 100%;
  float: left;
}

.field-name-body table tr td {
  border: 1px solid #ebebeb !important;
  padding: 5px 10px !important;
}

.field-name-body table tr:first-child td {
  text-transform: uppercase;
  color: #007ce6;
}

.field-name-body.no-padding {
  padding: 0 !important;
}

.field-name-field-document .file, .field-name-field-documents .file, .field-name-field-duznosnik .field-item {
  float: left;
  display: block;
  width: 100%;
  margin-bottom: 5px;
}

.field-name-field-document .file .file-icon, .field-name-field-documents .file .file-icon, .field-name-field-duznosnik .field-item:before {
  transition: all 0.3s;
}

/**
*  END  ARTICLE
**/
/**
*   AKT
**/
.node-type-akt .field-name-field-document {
  width: 50%;
  float: left;
}

.node-type-akt .field-name-field-duznosnik {
  width: 50%;
  float: left;
}

.node-type-akt .field-name-field-duznosnik a {
  line-height: 20px;
  font-size: 0.7647058824rem;
  text-transform: none;
  margin-bottom: 0;
}

.node-type-akt .field-name-field-duznosnik .field-item:before {
  font-family: "fontello";
  content: "\25A0";
  color: #ffbd00;
  font-size: 0.5882352941rem;
  line-height: 20px;
  padding-right: 5px;
}

.node-type-akt .postinfo-node .categories:after {
  display: none;
}

.block-arhiva-akata .view-content {
  float: left;
  width: 100%;
  padding-left: 60px;
  /* Safari/Chrome, other WebKit */
  /* Firefox, other Gecko */
  box-sizing: border-box;
}

.block-arhiva-akata .view-content a {
  font-size: 0.7058823529rem;
  line-height: 22px;
  color: #555555;
}

.block-arhiva-akata .view-content ul li a:before {
  font-family: "fontello";
  content: "\25A0";
  color: #ffbd00;
  font-size: 0.5882352941rem;
  line-height: 18px;
  padding-right: 10px;
}

.block-arhiva-akata .view-content ul li {
  font-size: 0.7058823529rem;
  line-height: 22px;
}

/**
*  END  AKT
**/
/**
*   BOARD
**/
.node-type-board .field-name-field-osoba {
  width: 50%;
  float: left;
}

.node-type-board .field-name-field-osoba .field-item {
  line-height: 20px;
  font-size: 0.7647058824rem;
  text-transform: none;
  margin-bottom: 0;
}

.node-type-board .field-name-field-osoba .field-item:before {
  font-family: "fontello";
  content: "\25A0";
  color: #007ce6;
  font-size: 0.5882352941rem;
  line-height: 20px;
  padding-right: 5px;
}

/**
*  END  BOARD
**/
/* HOME BLOG POSTS */
/* ------------------------------------ */
/*.content .footertitle{padding-left:15px;}*/
.footertitle h2 {
  margin-bottom: 0;
  padding-left: 76px;
  line-height: 60px;
  font-size: 2rem;
}

.homeposts {
  float: left;
  margin-bottom: -1px;
}

.homepost {
  float: left;
  margin-bottom: 10px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  padding-top: 18px;
  /*padding-left: 80px;*/
  /*padding-right: 20px;*/
  padding-bottom: 15px;
}

.homeposts .homepost:nth-last-child(-n+2) {
  margin-bottom: 0px;
}

.homepost h4, .blogpost h4 {
  float: left;
  font-size: 1.4117647059rem;
  line-height: 30px;
  padding-bottom: 10px;
  border-bottom: 1px solid #f0f0f0;
  margin-bottom: 10px;
  width: 100%;
}

.homepost h4 a, .blogpost h4 a {
  color: #363636;
}

.homepost .post {
  float: right;
  width: 100%;
}

.homepost .postbody {
  float: left;
  padding-left: 160px;
}

.homepost .posttext, .blogpost .posttext {
  float: left;
  width: 100%;
  font-size: 0.8235294118rem;
  line-height: 18px;
}

.homepost .posttext .read-more a:hover, .blogpost .posttext .read-more a:hover {
  color: #363636;
}

.homepost .posttext p, .blogpost .posttext p {
  margin-bottom: 0;
}

.homepost .posttext .read-more, .blogpost .posttext .read-more {
  float: left;
  width: 100%;
}

.posttext-wrapper {
  width: 75%;
  float: left;
}

.homepost .postbody .posttext-wrapper:only-child, .blogpost .postbody .posttext-wrapper:only-child {
  width: 100%;
}

.homepost .postinfo {
  margin-top: 0px;
  margin-bottom: 9px;
}

.contentarea {
  float: left;
}

.postwrapper {
  position: relative;
}

.postdate {
  /*float:left; width:100%; max-width:90px;*/
  position: absolute;
  top: 0;
  left: 0;
  padding-left: 50px;
}

.postdate .date-day {
  float: left;
  font-size: 1.6470588235rem;
  line-height: 46px;
  text-align: center;
  width: 100%;
  margin-top: 20px;
}

.postdate .date-month-year {
  float: left;
  width: 100%;
  color: #5e5e5e;
  text-transform: uppercase;
  font-size: 0.6470588235rem;
  line-height: 18px;
  text-align: center;
}

/*.blogpost .postdate{padding-left:20px;}*/
.postmedia {
  float: left;
  max-width: 170px;
  padding: 3px 20px 20px 0;
  width: 25%;
  /* Safari/Chrome, other WebKit */
  /* Firefox, other Gecko */
  box-sizing: border-box;
}

.postmedia img {
  width: 100%;
  height: auto;
}

.homepost .postinfo, .blogpost .postinfo, .aktbody .postinfo, .postinfo-node {
  float: left;
  width: 100%;
  font-size: 0.5882352941rem;
  line-height: 12px;
  text-transform: uppercase;
}

.homepost .postinfo a, .blogpost .postinfo a, .aktbody .postinfo a, .postinfo-node a {
  color: #363636;
}

/*.homepost .postinfo a:hover, .blogpost .postinfo a:hover, .aktbody .postinfo a:hover{text-decoration:underline;}*/
.aktbody .postinfo .categories:after, .postinfo-node .date-home:after {
  font-family: "fontello";
  content: "\25A0";
  color: #a5afb9;
  font-size: 0.5882352941rem;
  line-height: 12px;
  margin-left: 15px;
}

.homepost .postinfo .tags:before, .blogpost .postinfo .tags:before, .postinfo-node .tags:before {
  font-family: "fontello";
  content: "\25A0";
  color: #a5afb9;
  font-size: 0.5882352941rem;
  line-height: 12px;
  margin-right: 15px;
  /*padding-top: 4px; display: block;*/
}

/*.homepost .postinfo .categories:after, .blogpost .postinfo .categories:after,*/
.homepost .postinfo .tags:empty:before, .blogpost .postinfo .tags:empty:before, .postinfo-node .tags:empty:before {
  display: none;
}

.postwrapper-empty {
  margin-left: 0 !important;
  max-width: 60px;
}

.homepost .icon-text, .blogpost .icon-text {
  display: none;
  background: url("../img/icon-text.png") center center no-repeat;
  width: 100%;
  height: 30px;
  margin-top: 22px;
  float: left;
}

/**
* BOJE
**/
#block-views-categories-block-novosti .footertitle h2 {
  background: url("../img/big-icon-news.png") left center no-repeat;
}

#block-views-categories-block-akti .footertitle h2 {
  background: url("../img/big-icon-akti.png") left center no-repeat;
}

#block-search-form .footertitle h2 {
  background: url("../img/small-icon-search.png") left center no-repeat;
}

#block-views-categories-block-ploca .footertitle h2 {
  background: url("../img/small-icon-ploca.png") left center no-repeat;
}

.block-arhiva .footertitle h2 {
  background: url("../img/small-icon-arhiva.png") left center no-repeat;
}

.block-arhiva-akata .footertitle h2 {
  background: url("../img/small-icon-arhiva-akata.png") left center no-repeat;
}

.block-registri .footertitle h2 {
  background: url("../img/small-icon-registar.png") left center no-repeat;
}

.block-korisni-linkovi .footertitle h2 {
  background: url("../img/small-icon-korisni.png") left center no-repeat;
}

#block-views-calendar-block-1 .footertitle h2 {
  background: url("../img/small-icon-kalendar.png") left center no-repeat;
}

.block-ik .footertitle h2 {
  background: url("../img/small-icon-imovinska.png") left center no-repeat;
  line-height: 25px !important;
}

.primarna-duznost .footertitle h2 {
  background: url("../img/small-icon-primarna.png") left center no-repeat;
}

.druge-duznosti .footertitle h2 {
  background: url("../img/small-icon-druge.png") left center no-repeat;
}

.akti-duznosnika .footertitle h2 {
  background: url("../img/small-icon-arhiva-akata.png") left center no-repeat;
}

.ik-duznosnika .footertitle h2 {
  background: url("../img/small-icon-imovinska.png") left center no-repeat;
}

.duznosnici-pravna-osoba .footertitle h2 {
  background: url("../img/small-icon-duznosnik.png") left center no-repeat;
}

.duznosnici-pravna-ogranicenja .footertitle h2 {
  background: url("../img/small-icon-pravna-ogranicenja.png") left center no-repeat;
}

.duznosnici-institucije .footertitle h2 {
  background: url("../img/small-icon-institucije.png") left center no-repeat;
}

.file-icon {
  display: block;
  width: 26px;
  height: 34px;
  float: left;
}

.file-icon-pdf {
  background: url("../img/file-pdf-blue.png") left center no-repeat;
}

.field-name-field-documents .file:hover .file-icon-pdf {
  background: url("../img/file-pdf-blue-hover.png") left center no-repeat;
}

.file-icon-doc {
  background: url("../img/file-doc-blue.png") left center no-repeat;
}

.field-name-field-documents .file:hover .file-icon-doc {
  background: url("../img/file-doc-blue-hover.png") left center no-repeat;
}

.file-icon-ppt {
  background: url("../img/file-ppt-blue.png") left center no-repeat;
}

.field-name-field-documents .file:hover .file-icon-ppt {
  background: url("../img/file-ppt-blue-hover.png") left center no-repeat;
}

.file-icon-xls {
  background: url("../img/file-xls-blue.png") left center no-repeat;
}

.field-name-field-documents-document .file:hover .file-icon-xls {
  background: url("../img/file-xls-blue-hover.png") left center no-repeat;
}

.block-korisni-linkovi ul li a:hover {
  color: #a4aeb8;
}

.color-edukacije .main-page-title {
  background: url("../img/big-icon-edukacija.png") left center no-repeat;
}

.color-edukacije .block-articles .blogpost .postdate .date-day, .color-edukacije .block-articles .blogpost .read-more a, .color-edukacije .postinfo a, .color-edukacije .field-name-field-documents .file > a, .kalendar-29 a, .kalendar-31 a, .kalendar-30 a {
  color: #00bd8b;
}

.color-edukacije .block-articles .blogpost .read-more a:hover, .color-edukacije .postinfo a:hover, .color-edukacije .blogpost h4 a:hover, .color-edukacije .field-name-field-documents .file:hover a, .kalendar-29 a:hover, .kalendar-31 a:hover, .kalendar-30 a:hover {
  color: #00976f;
}

.color-edukacije .file-icon-pdf {
  background: url("../img/file-pdf-green.png") left center no-repeat;
}

.color-edukacije .field-name-field-documents .file:hover .file-icon-pdf {
  background: url("../img/file-pdf-green-hover.png") left center no-repeat;
}

.color-edukacije .file-icon-doc {
  background: url("../img/file-doc-green.png") left center no-repeat;
}

.color-edukacije .field-name-field-documents .file:hover .file-icon-doc {
  background: url("../img/file-doc-green-hover.png") left center no-repeat;
}

.color-edukacije .file-icon-ppt {
  background: url("../img/file-ppt-green.png") left center no-repeat;
}

.color-edukacije .field-name-field-documents .file:hover .file-icon-ppt {
  background: url("../img/file-ppt-green-hover.png") left center no-repeat;
}

.color-edukacije .file-icon-xls {
  background: url("../img/file-xls-green.png") left center no-repeat;
}

.color-edukacije .field-name-field-documents .file:hover .file-icon-xls {
  background: url("../img/file-xls-green-hover.png") left center no-repeat;
}

.color-izvjesce .main-page-title {
  background: url("../img/big-icon-izvjesce.png") left center no-repeat;
}

.color-izvjesce .block-articles .blogpost .postdate .date-day, .color-izvjesce .block-articles .blogpost .read-more a, .color-izvjesce .postinfo a, .color-izvjesce .field-name-field-documents .file > a, .block-articles .homepost .postinfo a, .block-articles .homepost .postdate .date-day, .kalendar-37 a {
  color: #007ce6;
}

.color-izvjesce .block-articles .blogpost .read-more a:hover, .color-izvjesce .postinfo a:hover, .color-izvjesce .blogpost h4 a:hover, .color-izvjesce .field-name-field-documents .file:hover a, .block-articles .homepost .postinfo a:hover, .block-articles .homepost h4 a:hover, .block-articles .homepost .read-more a:hover, .kalendar-37 a:hover {
  color: #0063b8;
}

.color-izvjesce .file-icon-pdf {
  background: url("../img/file-pdf-blue.png") left center no-repeat;
}

.color-izvjesce .field-name-field-documents .file:hover .file-icon-pdf {
  background: url("../img/file-pdf-blue-hover.png") left center no-repeat;
}

.color-izvjesce .file-icon-doc {
  background: url("../img/file-doc-blue.png") left center no-repeat;
}

.color-izvjesce .field-name-field-documents .file:hover .file-icon-doc {
  background: url("../img/file-doc-blue-hover.png") left center no-repeat;
}

.color-izvjesce .file-icon-ppt {
  background: url("../img/file-ppt-blue.png") left center no-repeat;
}

.color-izvjesce .field-name-field-documents .file:hover .file-icon-ppt {
  background: url("../img/file-ppt-blue-hover.png") left center no-repeat;
}

.color-izvjesce .file-icon-xls {
  background: url("../img/file-xls-blue.png") left center no-repeat;
}

.color-izvjesce .field-name-field-documents .file:hover .file-icon-xls {
  background: url("../img/file-xls-blue-hover.png") left center no-repeat;
}

.color-natjecaji .main-page-title {
  background: url("../img/big-icon-natjecaji.png") left center no-repeat;
}

.color-natjecaji .block-articles .blogpost .postdate .date-day, .color-natjecaji .block-articles .blogpost .read-more a, .color-natjecaji .postinfo a, .color-natjecaji .field-name-field-documents .file > a, .kalendar-32 a, .kalendar-34 a, .kalendar-33 a {
  color: #007ce6;
}

.color-natjecaji .block-articles .blogpost .read-more a:hover, .color-natjecaji .postinfo a:hover, .color-natjecaji .blogpost h4 a:hover, .color-natjecaji .field-name-field-documents .file:hover a, .kalendar-32 a:hover, .kalendar-34 a:hover, .kalendar-33 a:hover {
  color: #0063b8;
}

.color-natjecaji .file-icon-pdf {
  background: url("../img/file-pdf-blue.png") left center no-repeat;
}

.color-natjecaji .field-name-field-documents .file:hover .file-icon-pdf {
  background: url("../img/file-pdf-blue-hover.png") left center no-repeat;
}

.color-natjecaji .file-icon-doc {
  background: url("../img/file-doc-blue.png") left center no-repeat;
}

.color-natjecaji .field-name-field-documents .file:hover .file-icon-doc {
  background: url("../img/file-doc-blue-hover.png") left center no-repeat;
}

.color-natjecaji .file-icon-ppt {
  background: url("../img/file-ppt-blue.png") left center no-repeat;
}

.color-natjecaji .field-name-field-documents .file:hover .file-icon-ppt {
  background: url("../img/file-ppt-blue-hover.png") left center no-repeat;
}

.color-natjecaji .file-icon-xls {
  background: url("../img/file-xls-blue.png") left center no-repeat;
}

.color-natjecaji .field-name-field-documents .file:hover .file-icon-xls {
  background: url("../img/file-xls-blue-hover.png") left center no-repeat;
}

.color-planovi .main-page-title {
  background: url("../img/big-icon-planovi.png") left center no-repeat;
}

.color-planovi .block-articles .blogpost .postdate .date-day, .color-planovi .block-articles .blogpost .read-more a, .color-planovi .postinfo a, .color-planovi .field-name-field-documents .file > a, .kalendar-36 a, .kalendar-43 a, .kalendar-42 a, .kalendar-41 a, .kalendar-40 a {
  color: #007ce6;
}

.color-planovi .block-articles .blogpost .read-more a:hover, .color-planovi .postinfo a:hover, .color-planovi .blogpost h4 a:hover, .color-planovi .field-name-field-documents .file:hover a, .kalendar-36 a:hover, .kalendar-43 a:hover, .kalendar-42 a:hover, .kalendar-41 a:hover, .kalendar-40 a:hover {
  color: #0063b8;
}

.color-planovi .file-icon-pdf {
  background: url("../img/file-pdf-blue.png") left center no-repeat;
}

.color-planovi .field-name-field-documents .file:hover .file-icon-pdf {
  background: url("../img/file-pdf-blue-hover.png") left center no-repeat;
}

.color-planovi .file-icon-doc {
  background: url("../img/file-doc-blue.png") left center no-repeat;
}

.color-planovi .field-name-field-documents .file:hover .file-icon-doc {
  background: url("../img/file-doc-blue-hover.png") left center no-repeat;
}

.color-planovi .file-icon-ppt {
  background: url("../img/file-ppt-blue.png") left center no-repeat;
}

.color-planovi .field-name-field-documents .file:hover .file-icon-ppt {
  background: url("../img/file-ppt-blue-hover.png") left center no-repeat;
}

.color-planovi .file-icon-xls {
  background: url("../img/file-xls-blue.png") left center no-repeat;
}

.color-planovi .field-name-field-documents .file:hover .file-icon-xls {
  background: url("../img/file-xls-blue-hover.png") left center no-repeat;
}

.color-sjednice .main-page-title {
  background: url("../img/big-icon-sjednice.png") left center no-repeat;
}

.color-sjednice .block-articles .blogpost .postdate .date-day, .color-sjednice .block-articles .blogpost .read-more a, .color-sjednice .postinfo a, .color-sjednice .field-name-field-documents .file > a, .kalendar-26 a, .kalendar-27 a {
  color: #f55a3b;
}

.color-sjednice .block-articles .blogpost .read-more a:hover, .color-sjednice .postinfo a:hover, .color-sjednice .blogpost h4 a:hover, .color-sjednice .field-name-field-documents .file:hover a, .kalendar-26 a:hover, .kalendar-27 a:hover {
  color: #c4482f;
}

.color-sjednice .file-icon-pdf {
  background: url("../img/file-pdf-red.png") left center no-repeat;
}

.color-sjednice .field-name-field-documents .file:hover .file-icon-pdf {
  background: url("../img/file-pdf-red-hover.png") left center no-repeat;
}

.color-sjednice .file-icon-doc {
  background: url("../img/file-doc-red.png") left center no-repeat;
}

.color-sjednice .field-name-field-documents .file:hover .file-icon-doc {
  background: url("../img/file-doc-red-hover.png") left center no-repeat;
}

.color-sjednice .file-icon-ppt {
  background: url("../img/file-ppt-red.png") left center no-repeat;
}

.color-sjednice .field-name-field-documents .file:hover .file-icon-ppt {
  background: url("../img/file-ppt-red-hover.png") left center no-repeat;
}

.color-sjednice .file-icon-xls {
  background: url("../img/file-xls-red.png") left center no-repeat;
}

.color-sjednice .field-name-field-documents .file:hover .file-icon-xls {
  background: url("../img/file-xls-red-hover.png") left center no-repeat;
}

.color-clanci-opcenito .main-page-title {
  background: url("../img/big-icon-news.png") left center no-repeat;
}

.color-clanci-opcenito .block-articles .blogpost .postdate .date-day, .color-clanci-opcenito .block-articles .blogpost .read-more a, .color-clanci-opcenito .postinfo a, .color-clanci-opcenito .field-name-field-documents .file > a, .kalendar-35 a, .kalendar-39 a {
  color: #007ce6;
}

.color-clanci-opcenito .block-articles .blogpost .read-more a:hover, .color-clanci-opcenito .postinfo a:hover, .color-clanci-opcenito .blogpost h4 a:hover, .color-clanci-opcenito .field-name-field-documents .file:hover a, .kalendar-35 a:hover, .kalendar-39 a:hover {
  color: #0063b8;
}

.color-clanci-opcenito .file-icon-pdf {
  background: url("../img/file-pdf-blue.png") left center no-repeat;
}

.color-clanci-opcenito .field-name-field-documents .file:hover .file-icon-pdf {
  background: url("../img/file-pdf-blue-hover.png") left center no-repeat;
}

.color-clanci-opcenito .file-icon-doc {
  background: url("../img/file-doc-blue.png") left center no-repeat;
}

.color-clanci-opcenito .field-name-field-documents .file:hover .file-icon-doc {
  background: url("../img/file-doc-blue-hover.png") left center no-repeat;
}

.color-clanci-opcenito .file-icon-ppt {
  background: url("../img/file-ppt-blue.png") left center no-repeat;
}

.color-clanci-opcenito .field-name-field-documents .file:hover .file-icon-ppt {
  background: url("../img/file-ppt-blue-hover.png") left center no-repeat;
}

.color-clanci-opcenito .file-icon-xls {
  background: url("../img/file-xls-blue.png") left center no-repeat;
}

.color-clanci-opcenito .field-name-field-documents .file:hover .file-icon-xls {
  background: url("../img/file-xls-blue-hover.png") left center no-repeat;
}

.color-ik .main-page-title {
  background: url("../img/big-icon-news.png") left center no-repeat;
}

.color-ik .node-imovinska-kartica .field-name-field-duznosnik h2 a, .color-ik .block-articles .blogpost .postdate .date-day, .color-ik .block-articles .blogpost .read-more a, .color-ik .postinfo a, .color-ik .field-name-field-document .file > a, .kalendar-35 a, .kalendar-39 a {
  color: #007ce6;
}

.color-ik .node-imovinska-kartica .field-name-field-duznosnik h2 a:hover, .color-ik .block-articles .blogpost .read-more a:hover, .color-ik .postinfo a:hover, .color-ik .blogpost h4 a:hover, .color-ik .field-name-field-document .file:hover a, .kalendar-35 a:hover, .kalendar-39 a:hover, .ik-duznosnika .aktbody h4 a:hover {
  color: #0063b8;
}

.color-ik .file-icon-pdf {
  background: url("../img/file-pdf-blue.png") left center no-repeat;
}

.color-ik .field-name-field-document .file:hover .file-icon-pdf {
  background: url("../img/file-pdf-blue-hover.png") left center no-repeat;
}

.color-ik .file-icon-doc {
  background: url("../img/file-doc-blue.png") left center no-repeat;
}

.color-ik .field-name-field-document .file:hover .file-icon-doc {
  background: url("../img/file-doc-blue-hover.png") left center no-repeat;
}

.color-ik .file-icon-ppt {
  background: url("../img/file-ppt-blue.png") left center no-repeat;
}

.color-ik .field-name-field-document .file:hover .file-icon-ppt {
  background: url("../img/file-ppt-blue-hover.png") left center no-repeat;
}

.color-ik .file-icon-xls {
  background: url("../img/file-xls-blue.png") left center no-repeat;
}

.color-ik .field-name-field-document .file:hover .file-icon-xls {
  background: url("../img/file-xls-blue-hover.png") left center no-repeat;
}

.color-akti .main-page-title {
  background: url("../img/big-icon-akti.png") left center no-repeat;
}

.color-akti .block-articles .blogpost .postdate .date-day, .color-akti .block-articles .blogpost .read-more a, .color-akti .postinfo a, .color-akti .field-name-field-document .file > a, .color-akti .field-name-field-duznosnik .field-item > a, .block-akti .aktbody .postinfo a {
  color: #ffbd00;
}

.color-akti .block-articles .blogpost .read-more a:hover, .color-akti .postinfo a:hover, .color-akti .blogpost h4 a:hover, .color-akti .field-name-field-document .file:hover > a, .color-akti .field-name-field-duznosnik .field-item:hover a, .block-arhiva-akata .view-content a:hover, .color-akti .field-name-field-duznosnik .field-item:hover:before, .block-akti .aktbody .postinfo a:hover, .aktbody h4 a:hover {
  color: #cc9700;
}

.color-akti .file-icon-pdf, .block-akti .documentwrapper span {
  background: url("../img/file-pdf-akti.png") left center no-repeat;
}

.color-akti .field-name-field-document .file:hover .file-icon-pdf, .block-akti .documentwrapper span:hover {
  background: url("../img/file-pdf-akti-hover.png") left center no-repeat;
}

.color-oglas .main-page-title {
  background: url("../img/big-icon-ploca.png") left center no-repeat;
}

.color-oglas .block-articles .blogpost .postdate .date-day, .color-oglas .block-articles .blogpost .read-more a, .color-oglas .postinfo a, .color-oglas .field-name-field-documents .file > a {
  color: #007ce6;
}

.color-oglas .block-articles .blogpost .read-more a:hover, .color-oglas .postinfo a:hover, .color-oglas .blogpost h4 a:hover, .color-oglas .field-name-field-documents .file:hover a, .block-ploca .view-content a:hover, .block-arhiva .view-content a:hover, .block-ploca .view-footer a:hover {
  color: #0063b8;
}

.color-oglas .file-icon-pdf {
  background: url("../img/file-pdf-blue.png") left center no-repeat;
}

.color-oglas .field-name-field-documents .file:hover .file-icon-pdf {
  background: url("../img/file-pdf-blue-hover.png") left center no-repeat;
}

.color-oglas .file-icon-doc {
  background: url("../img/file-doc-blue.png") left center no-repeat;
}

.color-oglas .field-name-field-documents .file:hover .file-icon-doc {
  background: url("../img/file-doc-blue-hover.png") left center no-repeat;
}

.color-oglas .file-icon-ppt {
  background: url("../img/file-ppt-blue.png") left center no-repeat;
}

.color-oglas .field-name-field-documents .file:hover .file-icon-ppt {
  background: url("../img/file-ppt-blue-hover.png") left center no-repeat;
}

.color-oglas .file-icon-xls {
  background: url("../img/file-xls-blue.png") left center no-repeat;
}

.color-oglas .field-name-field-documents .file:hover .file-icon-xls {
  background: url("../img/file-xls-blue-hover.png") left center no-repeat;
}

.color-duznosnik .main-page-title {
  background: url("../img/big-icon-duznosnik.png") left center no-repeat;
}

.color-pravna-osoba .main-page-title {
  background: url("../img/big-icon-pravna-osoba.png") left center no-repeat;
}

.color-pravna-ogranicenja .main-page-title {
  background: url("../img/big-icon-ogranicenja.png") left center no-repeat;
}

.color-duznosnik .block-articles .blogpost .postdate .date-day, .color-duznosnik .block-articles .blogpost .read-more a, .color-duznosnik .postinfo a, .color-duznosnik .field-name-field-document .file > a, .color-duznosnik .field-name-field-duznosnik .field-item > a, .page-crm-core-contact .content .primarna-duznost td a, .page-crm-core-contact .content .druge-duznosti td a, .page-crm-core-contact .duznosnici-pravna-osoba td a, .page-crm-core-contact .duznosnici-pravna-ogranicenja td a, .registar-popis .view-content a, .page-crm-core-contact .duznosnici-institucije td a {
  color: #f55a3b;
}

.color-duznosnik .block-articles .blogpost .read-more a:hover, .color-duznosnik .postinfo a:hover, .color-duznosnik .blogpost h4 a:hover, .color-duznosnik .field-name-field .file > a:hover, .color-duznosnik .field-name-field-duznosnik .field-item > a:hover, .block-registri ul li a:hover, .page-crm-core-contact .content .primarna-duznost td a:hover, .page-crm-core-contact .content .druge-duznosti td a:hover, .page-crm-core-contact .duznosnici-pravna-osoba td a:hover, .page-crm-core-contact .duznosnici-pravna-ogranicenja td a:hover, .registar-popis .view-content a:hover, .page-crm-core-contact .duznosnici-institucije td a:hover {
  color: #c4482f;
}

.color-priopcenja .main-page-title {
  background: url("../img/big-icon-priopcenja.png") left center no-repeat;
}

.color-priopcenja .block-articles .blogpost .postdate .date-day, .color-priopcenja .block-articles .blogpost .read-more a, .color-priopcenja .postinfo a, .color-priopcenja .field-name-field-documents .file > a, .kalendar-28 a {
  color: #a4aeb8;
}

.color-priopcenja .block-articles .blogpost .read-more a:hover, .color-priopcenja .postinfo a:hover, .color-priopcenja .blogpost h4 a:hover, .color-priopcenja .field-name-field-documents .file:hover a, .kalendar-28 a:hover {
  color: #838b93;
}

.color-priopcenja .file-icon-pdf {
  background: url("../img/file-pdf-grey.png") left center no-repeat;
}

.color-priopcenja .field-name-field-document .file:hover .file-icon-pdf {
  background: url("../img/file-pdf-grey-hover.png") left center no-repeat;
}

.color-priopcenja .file-icon-doc {
  background: url("../img/file-doc-grey.png") left center no-repeat;
}

.color-priopcenja .field-name-field-document .file:hover .file-icon-doc {
  background: url("../img/file-doc-grey-hover.png") left center no-repeat;
}

.color-priopcenja .file-icon-ppt {
  background: url("../img/file-ppt-grey.png") left center no-repeat;
}

.color-priopcenja .field-name-field-document .file:hover .file-icon-ppt {
  background: url("../img/file-ppt-grey-hover.png") left center no-repeat;
}

.color-priopcenja .file-icon-xls {
  background: url("../img/file-xls-grey.png") left center no-repeat;
}

.color-priopcenja .field-name-field-document .file:hover .file-icon-xls {
  background: url("../img/file-xls-grey-hover.png") left center no-repeat;
}

.color-prijava.color-priopcenja .main-page-title {
  background: url("../img/big-icon-prijava.png") left center no-repeat;
}

.color-povjerenik.color-priopcenja .main-page-title {
  background: url("../img/big-icon-povjerenik.png") left center no-repeat;
}

.color-propisi.color-priopcenja .main-page-title {
  background: url("../img/big-icon-propisi.png") left center no-repeat;
}

.color-pristup.color-priopcenja .main-page-title {
  background: url("../img/big-icon-pristup.png") left center no-repeat;
}

.color-grey.color-priopcenja .main-page-title {
  background: url("../img/big-icon-grey.png") left center no-repeat;
}

.color-korisni.color-priopcenja .main-page-title {
  background: url("../img/big-icon-korisni.png") left center no-repeat;
}

.color-search .main-page-title, .page-node-6183 .main-page-title {
  background: url("../img/big-icon-search.png") left center no-repeat;
}

.color-ik .main-page-title {
  background: url("../img/big-icon-ik.png") left center no-repeat;
}

.color-kalendar .main-page-title {
  background: url("../img/big-icon-kalendar.png") left center no-repeat;
}

.block-calendar .date-nav-wrapper .date-nav .date-heading h3 a {
  color: #007ce6;
}

.block-calendar .date-nav-wrapper .date-nav .date-heading h3 a:hover {
  color: #0063b8;
}

/*PRIVREMENO*/
.page-taxonomy-term .region.content {
  padding-left: 15px;
}

/**
* END BOJE
**/
/**
* AKTI
**/
.block-akti table {
  width: 100%;
  float: left;
}

.block-akti table.cols-2 td {
  width: 50%;
  padding-left: 90px !important;
  /* Safari/Chrome, other WebKit */
  /* Firefox, other Gecko */
  box-sizing: border-box;
  vertical-align: top;
}

.block-akti table tr:first-child td .aktwrapper {
  border-top: none;
}

.block-akti table tr:last-child td .aktwrapper {
  border-bottom: 1px solid #f0f0f0;
  padding-bottom: 6px;
  margin-bottom: 12px;
}

.block-akti table tr td .aktwrapper {
  padding-left: 77px;
}

.aktwrapper {
  float: left;
  width: 100%;
  margin-bottom: 6px;
  padding-top: 12px;
  border-top: 1px solid #f0f0f0;
}

.aktbody {
  float: left;
  width: 86%;
}

.aktbody .postinfo {
  width: 100%;
  float: left;
  margin-bottom: 6px;
}

.aktbody .postinfo .date-month-year {
  line-height: 18px;
  display: inline-block;
}

.aktbody h4 {
  width: 100%;
  float: left;
  margin-bottom: 6px;
  padding-right: 10px;
  /* Safari/Chrome, other WebKit */
  /* Firefox, other Gecko */
  box-sizing: border-box;
}

.aktbody h4 a {
  font-size: 1.4117647059rem;
  line-height: 28px;
  color: #363636;
}

.documentwrapper {
  float: left;
  width: 37px;
  height: 100%;
  margin-top: 15px;
}

.documentwrapper span {
  background: url("../img/akt-document-icon.png") center center no-repeat;
  display: block;
  width: 100%;
  min-height: 34px;
  min-width: 26px;
}

/**
* END AKTI
**/
/**
* SIDEBAR
**/
.sidebar-second.sidebar {
  padding-right: 15px;
}

.one-line {
  line-height: 40px;
}

.half-line {
  line-height: 13px;
}

@media only screen and (max-width: 767px) {
  .block-akti table tr td .aktwrapper {
    padding-left: 0px;
  }
}
@media only screen and (min-width: 439px) and (max-width: 667px) {
  .half-line {
    line-height: 20px !important;
  }
}
@media only screen and (max-width: 440px) {
  .half-line {
    line-height: 13px !important;
  }
}
@media only screen and (min-width: 538px) and (max-width: 980px) {
  .block-korisni-linkovi ul li, .block-registri ul li {
    line-height: 40px;
  }

  .block-ik .footertitle h2 {
    line-height: 50px !important;
  }
}
/**
* SIDEBAR SEARCH
**/
.block_search form {
  float: left;
  width: 100%;
  margin-bottom: 0;
}

.block_search .form-actions.form-wrapper {
  display: none;
}

.block_search .form-item-search-block-form {
  width: 100%;
}

.block_search .form-item-search-block-form .form-text {
  float: left;
  width: 70%;
  border-color: #663399;
  margin-left: 21%;
  border-width: 1px;
}

/**
* END SIDEBAR SEARCH
**/
/**
* SIDEBAR PLOCA
**/
.block-ploca {
  float: left;
  width: 100%;
  padding-left: 60px;
  /* Safari/Chrome, other WebKit */
  /* Firefox, other Gecko */
  box-sizing: border-box;
}

.block-ploca .view-content a {
  font-size: 0.7647058824rem;
  line-height: 22px;
  color: #555555;
}

.block-ploca .view-content .ploca-item:before {
  font-family: "fontello";
  content: "\25A0";
  color: #007ce6;
  font-size: 0.5882352941rem;
  line-height: 22px;
  padding-right: 10px;
}

/**
* END SIDEBAR PLOCA
**/
/**
* ARHIVA
**/
.block-arhiva .view-content {
  float: left;
  width: 100%;
  padding-left: 60px;
  /* Safari/Chrome, other WebKit */
  /* Firefox, other Gecko */
  box-sizing: border-box;
}

.block-arhiva .view-content a {
  font-size: 0.7647058824rem;
  line-height: 22px;
  color: #555555;
}

.block-arhiva .view-content ul li a:before {
  font-family: "fontello";
  content: "\25A0";
  color: #007ce6;
  font-size: 0.5882352941rem;
  line-height: 18px;
  padding-right: 10px;
}

.block-arhiva .view-content ul li {
  font-size: 0.7647058824rem;
  line-height: 22px;
}

/**
*   END ARHIVA
**/
/**
* SIDEBAR REGISTRI
**/
.block-registri ul {
  float: left;
  width: 100%;
  padding-left: 35px;
  /* Safari/Chrome, other WebKit */
  /* Firefox, other Gecko */
  box-sizing: border-box;
}

.block-registri ul li {
  min-height: 40px;
  margin-bottom: 10px;
}

.block-registri ul li a {
  font-size: 0.7647058824rem;
  color: #555555;
  padding-left: 50px;
  height: 40px;
  display: block;
}

.block-registri ul li.registar-dd a {
  background: url("../img/icon-smaller-dd.png") left center no-repeat;
}

.block-registri ul li.registar-no a {
  background: url("../img/icon-smaller-no.png") left center no-repeat;
}

.block-registri ul li.registar-nu a {
  background: url("../img/icon-smaller-nu.png") left center no-repeat;
}

.block-registri ul li.registar-td a {
  background: url("../img/icon-smaller-td.png") left center no-repeat;
}

.block-registri ul li.registar-trg a {
  background: url("../img/icon-smaller-trg.png") left center no-repeat;
}

.block-registri ul li.registar-ogr a {
  background: url("../img/icon-smaller-ogr.png") left center no-repeat;
}

/**
* END SIDEBAR REGISTRI
**/
/**
* SIDEBAR KORINSI LINKIOVI
**/
.block-korisni-linkovi ul {
  float: left;
  width: 100%;
  padding-left: 35px;
  /* Safari/Chrome, other WebKit */
  /* Firefox, other Gecko */
  box-sizing: border-box;
}

.block-korisni-linkovi ul li {
  min-height: 40px;
  margin-bottom: 10px;
}

.block-korisni-linkovi ul li a {
  font-size: 0.7647058824rem;
  color: #555555;
  padding-left: 50px;
  height: 40px;
  display: block;
}

.block-korisni-linkovi ul li.linkovi-pe a {
  background: url("../img/icon-smaller-povjerenik.png") left center no-repeat;
}

.block-korisni-linkovi ul li.linkovi-pp a {
  background: url("../img/icon-smaller-pristup.png") left center no-repeat;
}

.block-korisni-linkovi ul li.linkovi-pr a {
  background: url("../img/icon-smaller-priopcenja.png") left center no-repeat;
}

.block-korisni-linkovi ul li.linkovi-vp a {
  background: url("../img/icon-smaller-vaznijipropisi.png") left center no-repeat;
}

.block-korisni-linkovi ul li.linkovi-kl a {
  background: url("../img/icon-smaller-korisnilinkovi.png") left center no-repeat;
}

/**
* END SIDEBAR KORINSI LINKIOVI
**/
/**
* SIDEBAR CALENDAR
**/
.block-calendar {
  float: left;
  width: 100%;
  border: 1px solid #ebebeb;
  /* Safari/Chrome, other WebKit */
  /* Firefox, other Gecko */
  box-sizing: border-box;
}

.block-calendar .date-nav-wrapper {
  margin: 0;
}

.block-calendar .date-nav-wrapper .pagenumbers {
  display: none;
}

.block-calendar .date-nav-wrapper .date-nav {
  padding: 0 !important;
  min-height: 40px;
  margin-bottom: 0;
}

.block-calendar .date-nav-wrapper .date-nav .date-heading h3 {
  font-size: 0.7647058824rem;
  font-weight: 600;
  line-height: 40px;
  text-transform: uppercase;
}

/*.block-calendar .date-nav-wrapper .date-nav .date-heading h3 a{color:#555555;}*/
.block-calendar .date-nav-wrapper .date-nav ul li {
  background: none;
}

.block-calendar .view-content {
  padding: 10px;
}

.block-calendar .date-nav-wrapper .date-nav ul {
  display: inline-block;
  border-radius: 0px;
  box-shadow: none;
  text-align: right;
  margin: 0;
}

.block-calendar .date-nav-wrapper .date-nav ul li a {
  border-radius: 5px;
  padding: 4px 12px !important;
}

.block-calendar .date-nav-wrapper .date-nav ul li a:hover {
  background-color: #f5f5f5;
}

.block-calendar .pagination ul > li > a, .block-calendar .pagination ul > li > span {
  height: auto;
}

.calendar-calendar .month-view .full td.single-day div.monthview,
.calendar-calendar .week-view .full td.single-day div.weekview,
.calendar-calendar .day-view .full td.single-day div.dayview {
  background: #f0f0f0 !important;
  border-radius: 0px !important;
}

.calendar-calendar .month-view .full td.multi-day div.monthview,
.calendar-calendar .week-view .full td.multi-day div.weekview,
.calendar-calendar .day-view .full td.multi-day div.dayview {
  background: #f0f0f0 !important;
  height: auto !important;
  float: left !important;
  width: 100% !important;
}

.calendar-calendar .week-view .full .calendar-agenda-hour,
.calendar-calendar .day-view .full .calendar-agenda-hour {
  border-top: none !important;
}

.view-calendar .calendar-calendar .week-view .full td.multi-day .calendar.weekview .contents {
  position: static !important;
  width: 100% !important;
}

.view-calendar div.pagenumbers {
  display: none;
}

.view.view-calendar .date-nav-wrapper .date-prev, .view .date-nav-wrapper .date-next {
  background: none;
}

.page-dogadanja .view.view-calendar .date-nav-wrapper .date-prev {
  right: 88px !important;
}

.view.view-display-id-page_1 .date-nav-wrapper .date-prev a, .view.view-display-id-page_1 .date-nav-wrapper .date-next a,
.view.view-display-id-page_2 .date-nav-wrapper .date-prev a, .view.view-display-id-page_2 .date-nav-wrapper .date-next a,
.view.view-display-id-page_3 .date-nav-wrapper .date-prev a, .view.view-display-id-page_3 .date-nav-wrapper .date-next a,
.view.view-display-id-page .date-nav-wrapper .date-prev a, .view.view-display-id-page .date-nav-wrapper .date-next a {
  line-height: 24px;
  height: 24px;
  padding: 0 10px;
}

.kalendar-link {
  padding: 3px !important;
  line-height: 16px !important;
}

.kalendar-link a {
  font-size: 0.6470588235rem;
  line-height: 16px !important;
}

.kalendar-link a:hover {
  text-decoration: none !important;
}

/**
* END SIDEBAR CALENDAR
**/
/**
* SIDEBAR IK
**/
.block-ik {
  margin-bottom: 5px !important;
}

.block-ik form {
  float: left;
  width: 100%;
  margin-bottom: 0;
}

.block-ik .views-submit-button {
  display: none;
}

/*.block-ik .form-item-search-block-form{width:100%;}*/
.block-ik .form-text {
  float: left;
  width: 70%;
  border-color: #00b4ef;
  margin-left: 21%;
  margin-bottom: 0;
  border-width: 1px;
}

.block-ik-search-button p a {
  width: 70%;
  float: left;
  background: #00b4ef;
  color: #fff;
  text-transform: uppercase;
  text-align: center;
  font-size: 0.5882352941rem;
  line-height: 30px;
  height: 30px;
  display: block;
  margin-left: 21%;
}

.block-ik-search-button p a:hover {
  background: #0090bf;
}

.block-ik .views-exposed-form .views-exposed-widget {
  float: none;
  padding: 0;
}

/**
* END SIDEBAR IK
**/
/**
* END SIDEBAR
**/
/**
* SIDEBAR FOOTER
**/
.footer-block-1 ul {
  padding-left: 10px;
}

.footer-block-1 ul li {
  padding-left: 50px;
  min-height: 40px;
  margin-bottom: 10px;
}

.footer_block_1_phone {
  width: 100%;
  float: left;
}

.footer_block_1_mail {
  line-height: 40px;
}

.footer-block-1 ul li.icon-footer-location {
  background: url("../img/icon-footer-location.png") left center no-repeat;
}

.footer-block-1 ul li.icon-footer-phone {
  background: url("../img/icon-footer-phone.png") left center no-repeat;
}

.footer-block-1 ul li.icon-footer-mail {
  background: url("../img/icon-footer-mail.png") left center no-repeat;
}

.footer-block-2 .view-content {
  float: left;
  width: 100%;
}

.footer-block-2 .view-content h6:before {
  font-family: "fontello";
  content: "\E75E";
  color: #d4d4d4;
  font-size: 0.6470588235rem;
  padding-right: 10px;
  margin-left: -15px;
  margin-top: 5px;
  float: left;
}

.footer-block-2 .view-content h6 {
  float: left;
  width: 100%;
  padding-bottom: 12px;
  border-bottom: 1px solid #404040;
  margin-bottom: 10px;
  padding-left: 15px;
  /* Safari/Chrome, other WebKit */
  /* Firefox, other Gecko */
  box-sizing: border-box;
}

.footer-block-2 .view-content h6 a {
  width: 100%;
  font-size: 0.7647058824rem;
  line-height: 20px;
}

.footer .footer-block-3 .tagcloud a {
  background: #111;
}

.footer .footer-block-3 .tagcloud a:hover {
  background: #353535;
}

.footer-block-4 ul {
  float: left;
  list-style: disc;
  padding-left: 25px;
}

/**
* END FOOTER
**/
/* BLOG POSTS */
/* ------------------------------------ */
.blogpost {
  float: left;
  margin-bottom: 35px;
  position: relative;
  width: 100%;
}

.blogpost h2 {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  padding-left: 60px;
  float: left;
  width: 100%;
  font-size: 1.4705882353rem;
  line-height: 30px;
  margin-top: -6px;
  margin-bottom: 4px;
  text-align: left;
}

.blogpost .post {
  float: left;
  margin-top: 0px;
}

.blogpost .postbody {
  float: left;
  /*padding-left: 0px;*/
  position: relative;
  padding-left: 160px;
  /* width:100%;*/
}

.blogpost .postmedia {
  float: left;
  position: relative;
  z-index: 1;
  overflow: hidden;
  border-radius: none;
  -webkit-mask-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC);
}

/*.blogpost .postmedia a{float:left; margin-bottom: 20px; margin-right: 20px;}*/
/*.blogpost .postmedia img {-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }*/
.blogpost .postmedia-slide {
  float: left;
  width: 100%;
  margin-bottom: 16px;
  position: relative;
  z-index: 1;
  overflow: hidden;
  border-radius: 5px;
  -webkit-mask-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC);
}

.blogpost .postmedia-slide .fullwidthbanner-container {
  float: left;
  width: 100%;
}

.blogpost .scalevid {
  overflow: hidden;
  border-radius: 5px;
  background: #f3f3f3;
}

.blogpost .posttext {
  /*padding-left:60px;*/
  /* float: left;*/
  /*margin-bottom: -8px;*/
  /*padding-right: 140px;*/
  min-height: 47px;
}

.blogpost .posttext p {
  margin-bottom: 0px;
}

.blogpost .postdivider {
  float: left;
  margin-left: 0;
  width: 100%;
  background: #e5e5e5;
  height: 1px;
  margin-top: 41px;
  margin-bottom: 40px;
}

.blogpost .readmore {
  float: right;
  /*position: absolute; right: 0px; margin-top: 9px;*/
  width: 100%;
}

.blogpost .readmore a {
  float: right;
}

.blogpost.sticky h2 a {
  color: #8BAA2B;
}

.blogpost.sticky h2 a:hover {
  color: #111;
}

.blogpost.sticky .month, .blogpost.sticky .month, .blogpost.sticky .day, .blogpost.sticky .day {
  color: #8BAA2B;
}

.blogpost.singlepost .posttext {
  padding-right: 0px;
  margin-bottom: 0px;
}

.blogpost.singlepost .posttext p {
  margin-bottom: 20px;
}

.blogpost.singlepost .postbody {
  margin-bottom: 4px;
}

.blogpost.singlepost .postmedia {
  margin-bottom: 20px;
}

.blogpost.singlepost .postmedia-slide {
  margin-bottom: 20px;
}

.blogpost.singlepost .postinfo {
  margin-bottom: 26px;
}

.blogpost.smallmedia .readmore {
  float: left;
  position: relative;
  right: 0px;
  margin-top: 21px;
}

.blogpost.smallmedia .posttext {
  float: left;
  margin-bottom: -7px;
  padding-left: 0px;
  padding-right: 0px;
  min-height: 0px;
}

.blogpost.smallmedia .date {
  margin-left: -10px;
}

.blogpost.smallmedia .postmedia {
  float: left;
  width: 270px;
  margin-bottom: 0px;
}

.blogpost.smallmedia .postbody {
  float: right;
  width: 550px;
  padding-left: 30px;
}

.blogpost.smallmedia .postbody.nomedia {
  float: left;
  width: 100%;
  padding-left: 0;
}

.blogpost.smallmedia h2 {
  padding-left: 50px;
}

.blogpost.smallmedia .postinfo {
  padding-left: 50px;
}

.blogpost.nosmallmedia .readmore {
  float: left;
  position: relative;
  right: 0px;
  margin-top: 21px;
}

.blogpost.nosmallmedia .posttext {
  float: left;
  margin-bottom: -7px;
  padding-left: 0px;
  padding-right: 0px;
  width: 100%;
  min-height: 0px;
}

.blogpost.nosmallmedia .date {
  margin-left: -10px;
}

.blogpost.nosmallmedia .postmedia {
  float: left;
  width: 270px;
  margin-bottom: 0px;
}

.blogpost.nosmallmedia .postbody {
  float: right;
  width: 100%;
  padding-left: 0px;
}

.blogpost.nosmallmedia h2 {
  padding-left: 60px;
}

.blogpost.nosmallmedia .postinfo {
  padding-left: 60px;
}

.fullblog .blogpost.smallmedia .postmedia {
  width: 370px;
}

.fullblog .blogpost.smallmedia .postbody {
  width: 770px;
}

.fullblog .postmedia-slide > div {
  float: left;
  width: 100%;
  position: relative;
}

.fullblog .postmedia-slide {
  margin-top: -20px;
  float: none;
}

.blogpost.nodate .date {
  display: none;
}

.blogpost.nodate h2 {
  padding-left: 0px;
}

.blogpost.nodate .postinfo {
  padding-left: 0px;
}

.blogpost.smallmedia.nodate h2 {
  padding-left: 0px;
}

.blogpost.smallmedia.nodate .postinfo {
  padding-left: 0px;
}

.blogpost.singlefolio h2 {
  padding-right: 120px;
}

.blogpost.singlefolio .postinfo {
  padding-right: 120px;
}

/* Postinfo */
.postinfo {
  float: left;
  margin-bottom: 9px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

.postinfo .time, .postinfo .tags, .postinfo .author, .postinfo .categories, .postinfo .comments, .postinfo .readmore, .postinfo-node .categories, .postinfo-node .tags, .postinfo-node .date-home {
  float: left;
  margin-right: 15px;
  margin-bottom: 0px;
}

.postinfo a, .postinfo-node {
  line-height: 18px;
}

.postinfo-node {
  margin-bottom: 25px;
}

/*.blogpost .postinfo { .homepost .postinfo .categories:after, .blogpost .postinfo .categories:after
	margin-bottom: 30px;
}*/
/*.blogpost .postinfo .tags,
.blogpost .postinfo .tags span,
.blogpost .postinfo .categories span,
.blogpost .postinfo .tags .field-item,
.blogpost .postinfo .categories .field-item,
.blogpost .postinfo div, .blogpost .postinfo a{font-style:italic;}*/
/*.blogpost .field-name-field-tags {
	float: left;

}*/
/*.blogpost .postinfo .tags .field-item,
.blogpost .postinfo .categories .field-item {
	margin-left: 5px;
}
.blogpost .field-name-field-tags .field-items {
	display: inline-block;
	margin-left: 5px;
}
.blogpost .field-name-field-categories .field-items { display: inline-block; }
.blogpost .field-name-field-tags .field-item:after, .blogpost .field-name-field-categories .field-item:after { content: ", "; }
.blogpost .field-name-field-tags .field-item:last-child:after, .blogpost .field-name-field-categories .field-item:last-child:after { content: ""; }
.node-type-blog-post #block-system-main { float: left; border-bottom: 1px solid #e5e5e5; margin-bottom: 30px; padding-bottom: 30px; }
.node .field-name-field-image{float:left;}
.node .postinfo div, .node .postinfo a, .node .postinfo span{font-style:italic;}*/
/* Post Date Box */
.blogpost:hover .date, .homepost:hover .date {
  background-color: #257fbb;
}

.blogpost:hover .date .month, .homepost:hover .date .month, .blogpost:hover .date .day, .homepost:hover .date .day, .blogpost:hover .date .year, .homepost:hover .date .year {
  color: #fff;
}

.blogpost .date, .homepost .date {
  float: left;
  width: 60px;
  position: absolute;
  margin-top: -4px !important;
  height: 80px;
  background-color: #fff;
  margin-left: -8px !important;
  border: 1px solid #257fbb;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  transition: all 0.3s;
}

.blogpost .month, .homepost .month {
  width: 40px;
  font-size: 0.8235294118rem;
  line-height: 12px;
  font-weight: 700;
  margin-left: 10px;
  color: #257fbb;
  text-align: center;
  padding-top: 3px !important;
  transition: all 0.3s;
}

.blogpost .day, .homepost .day {
  width: 40px;
  font-size: 1.5882352941rem;
  line-height: 27px;
  margin-left: 8px;
  font-weight: 700;
  color: #257fbb;
  text-align: center;
  margin-top: 8px !important;
  transition: all 0.3s;
}

.blogpost .year, .homepost .year {
  width: 40px;
  font-size: 0.7058823529rem;
  line-height: 14px;
  font-weight: bold;
  text-transform: uppercase;
  color: #257fbb;
  text-align: center;
  padding-top: 7px !important;
  margin-left: 9px;
  transition: all 0.3s;
}

.blogpost .date {
  margin-left: -6px;
  margin-top: -2px;
}

/*.homepost .date { margin-left: 5px; }*/
.blogpost .month {
  padding-top: 8px;
}

.datespacer {
  position: relative;
  float: left;
  width: 0px;
  margin-bottom: 22px;
}

/* COMMENTS */
/* ------------------------------------ */
#comments {
  float: left;
  width: 100%;
  margin-bottom: -10px;
  margin-top: 30px;
}

#comments h4 {
  margin-top: 0px;
  margin-bottom: 23px;
}

#comments .author h5 {
  margin-top: 8px;
  margin-bottom: 6px;
  font-size: 0.8823529412rem;
  color: #666;
  font-weight: 400;
}

#comments .author h5 a {
  color: #666;
}

#comments ol, #comments ul {
  float: left;
  position: relative;
  list-style: none;
  margin: 0;
  padding: 0;
  zoom: 1;
  width: 100%;
}

#comments ul li {
  margin: 0;
  padding: 0;
  width: 100%;
  margin-left: 5px;
}

#comments .commentwrap {
  float: left;
  position: relative;
  width: auto;
  margin-bottom: 20px;
  padding: 20px;
  padding-bottom: 0;
  margin-bottom: 10px;
  box-sizing: border-box;
  -webkit-order-sizing: border-box;
  border-radius: 5px;
  border: 1px solid #e5e5e5;
}

#comments .commentwrap .posterpic {
  float: left;
  width: 50px;
  height: 50px;
  margin-right: 15px;
}

#comments .commentwrap .posterpic img {
  border-radius: 3px;
}

#comments .commentwrap .postertext {
  display: inline-block;
  margin-top: 22px;
  margin-bottom: 5px;
}

#comments .depth-1 .commentwrap {
  margin-left: 0px;
}

#comments .depth-2 .commentwrap {
  margin-left: 20px;
}

#comments .depth-3 .commentwrap {
  margin-left: 40px;
}

#comments .depth-4 .commentwrap {
  margin-left: 60px;
}

#comments .depth-5 .commentwrap {
  margin-left: 80px;
}

#comments ul.links {
  float: right;
  width: auto;
}

#comments .replylink {
  position: absolute;
  right: 20px;
  top: 15px;
  width: 33%;
}

#comments ul.links li {
  float: left;
  width: auto;
}

.timestamp {
  float: left;
  font-size: 0.7058823529rem;
  margin-top: 0px;
  color: #bbb;
}

.timestamp a {
  color: #bbb;
}

.resizable-textarea .grippie {
  display: none;
}

ul.inline .comment-add {
  padding: 0px;
}

/* Comments Reply */
#reply-title {
  float: left;
  width: 100%;
  margin: 0;
  padding: 0;
}

.responddivider {
  float: left;
  margin-left: 0;
  width: 100%;
  margin-top: 0px;
  margin-bottom: 19px;
}

#respond {
  float: left;
  width: 100%;
  margin-top: 0px;
  margin-bottom: -10px;
}

#respond form {
  float: left;
  width: 100%;
  margin-bottom: 0px;
}

#respond button {
  margin-bottom: 0px;
}

#respond textarea {
  width: 100%;
  max-width: 100%;
  float: left;
  height: 150px;
}

#respond input {
  float: left;
  width: 32% !important;
  margin-right: 2% !important;
}

#respond input.last {
  margin-right: 0 !important;
}

#respond #submit {
  display: block;
  font-weight: bold;
  float: left;
  margin-right: 0 !important;
  margin-bottom: 10px;
  margin-top: 10px;
  width: auto !important;
}

#cancel-comment-reply-link {
  float: left;
  margin-top: -3px;
  margin-bottom: 10px;
}

/* Related Posts */
.relatedposts .homeposts {
  float: left;
  width: 100%;
}

.relatedposts .homeposts .homepost {
  float: left;
  width: 100% !important;
}

.relatedwrap {
  margin-left: 0px;
  width: 100%;
}

.relatedposts {
  float: left;
  width: 100%;
  margin-top: 0px;
  margin-left: 0;
}

/* HIGHLIGHT BOX */
/* ------------------------------------ */
.highlightbox {
  float: left;
  margin-left: 0;
  background: #f3f3f3;
  padding: 120px;
  padding-top: 15px;
  padding-bottom: 15px;
  border-radius: 5px;
  border: 0;
  color: #999;
  font-size: 0.7647058824rem;
}

.highlightbox h1, .highlightbox h2, .highlightbox h3, .highlightbox h4, .highlightbox h5, .highlightbox h6 {
  margin-top: 0;
  margin-bottom: 12px;
  color: #666;
}

.highlightbox h2 {
  line-height: 35px;
}

.highlightbox .nobottom {
  margin-bottom: 0;
}

.highlightbox .one_half, .highlightbox .one_third, .highlightbox .two_third, .highlightbox .three_fourth, .highlightbox .one_fourth, .highlightbox .one_fifth, .highlightbox .one_sixth {
  margin-bottom: 0px;
}

.highlightbox p {
  margin-bottom: 15px;
}

.highlightbox .btnpos {
  margin-top: -20px;
}

.btnposright {
  float: right;
}

.alignright {
  text-align: right;
}

.aligncenter {
  text-align: center;
}

/* COLUMN SHORTCODES */
/* ------------------------------------ */
.one_half {
  width: 48%;
}

.one_third {
  width: 30.66%;
}

.two_third {
  width: 65.33%;
}

.three_fourth {
  width: 74%;
}

.one_fourth {
  width: 22%;
}

.one_fifth {
  width: 16.8%;
}

.one_sixth {
  width: 13.33%;
}

.one_half, .one_third, .two_third, .three_fourth, .one_fourth, .one_fifth, .one_sixth {
  margin-right: 4%;
  margin-bottom: 20px;
  float: left;
}

.lastcolumn {
  margin-right: 0 !important;
  clear: right;
}

/* SIDEBAR */
/* ------------------------------------ */
.pagewrapright {
  padding-right: 20px;
}

.pagewrapleft {
  padding-left: 20px;
}

.sidebar {
  font-size: 0.7647058824rem;
  line-height: 22px;
  margin-top: 0px;
}

.page-blog .sidebar {
  margin-top: 60px;
}

.sidebar.sidebar-first {
  margin-top: 0;
}

.sidebar .footertitle {
  float: left;
  width: 100%;
}

.sidebar .footertitle h2 {
  float: left;
  color: #363636;
  font-size: 1.1764705882rem;
  line-height: 50px;
  font-weight: 300;
  margin-bottom: 12px;
  padding-left: 60px;
}

.sidebar .block {
  float: left;
  width: 100%;
  margin-bottom: 25px;
}

.sidebar .block:last-child {
  margin-bottom: 0;
}

.sidebar .block ul, .footer .widget ul {
  float: left;
}

/* FOOTER */
/* ------------------------------------ */
.footerwrap {
  background: #444;
  position: relative;
  width: 1230px;
  left: 50%;
  margin-left: -615px;
  padding: 0px;
  padding-top: 50px;
  padding-bottom: 30px;
  margin-bottom: 0;
}

.footer {
  margin-left: 30px;
  font-size: 0.7647058824rem;
  line-height: 22px;
}

.footerwrap.wide .footer {
  margin: 0 auto;
  width: 1170px;
}

.footerwrap.wide {
  width: 100%;
  left: 0;
  margin-left: 0;
  background: #252525;
  padding: 0px;
  padding-top: 25px;
  padding-bottom: 10px;
  margin-bottom: 0;
}

.footerwrap.wide.footerwrap-bottom {
  padding: 0;
  background: #111111;
}

.footer .block {
  float: left;
  color: #d7d7d7;
  margin-bottom: 0px;
}

.footer h1, .footer h2, .footer h3, .footer h4, .footer h5, .footer h6 {
  color: #fff;
}

.footer a {
  color: #bbb;
}

.footer a:hover {
  color: #fff;
}

.footer .footertitle {
  float: left;
  width: 100%;
}

.footer .widgettitlebg {
  float: left;
}

.footer .footertitle h2 {
  float: left;
  width: 100%;
  color: #d7d7d7;
  font-size: 0.9411764706rem;
  line-height: 20px;
  font-weight: 400;
  margin-bottom: 14px;
  padding-bottom: 10px;
  border-bottom: 1px solid #848484;
  padding-left: 0;
}

.footer .widget .widget {
  margin-bottom: 0px;
}

.footer article:first-child {
  margin-left: 0;
}

.footer .widget .widget {
  margin-top: 40px;
}

.footer .widget.first {
  margin-top: 0;
}

.footer .footer-logo {
  margin-bottom: 20px;
  width: 204px;
}

/* SUBFOOTER */
/* ------------------------------------ */
.subfooterwrap {
  position: relative;
  width: 1170px;
  left: 50%;
  margin-left: -585px;
  padding: 0px;
  padding-top: 4px;
  padding-bottom: 9px;
  background: none;
  border-radius: 5px;
}

.subfooterwrap.wide {
  opacity: 0.8;
  position: relative;
  width: 1170px;
  left: 50%;
  margin-left: -585px;
  padding: 0px;
  padding-top: 4px;
  padding-bottom: 9px;
  background: none;
  border-radius: 5px;
}

.subfooter {
  margin-left: 30px;
  color: #b7b7b7;
  font-size: 0.7647058824rem;
  line-height: 22px;
  margin: 0 auto;
  width: 1170px;
}

.subfooterwrap.wide .subfooter {
  margin: 0 auto;
  width: 1170px;
}

.subfooter a {
  color: #bbb;
  background: none;
}

.subfooter a:hover {
  color: #fff;
  background: none;
}

.subfooter .lefttext {
  text-align: left;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  padding-left: 20px;
}

.subfooter .righttext {
  text-align: right;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  padding-right: 20px;
}

.subfooter .righttext .first {
  float: right;
}

.subfooter .spacer {
  padding-right: 15px;
}

.subfooter .textwidget {
  margin-top: 5px;
}

/* WIDGETS */
/* ------------------------------------ */
.widgetclass {
  float: left;
  width: 100%;
}

.footertitle {
  float: left;
  width: 100%;
}

/* Posts */
.footer .block-posts {
  float: left;
  margin-top: -1px;
  width: 100%;
}

.footer .block-posts ul {
  margin: 0;
  padding: 0;
  list-style: none;
  width: 100%;
}

.footer .block-posts ul li {
  float: left;
  width: 100%;
  border-bottom: 1px solid #4f4f4f;
  padding-top: 7px;
  padding-bottom: 7px;
}

.footer .block-posts ul li span {
  font-size: 0.8823529412rem;
  line-height: 15px;
  text-shadow: none;
  margin-right: 1px;
  margin-left: -4px;
  color: #bbb;
  transition: all 0.15s;
}

.footer .block-posts ul li a:hover span {
  color: #fff;
}

.footer .block-posts ul li:first-child {
  border-top: 0;
  padding-top: 0;
}

.footer .block-posts ul li:last-child {
  border-bottom: 0;
  padding-bottom: 0;
}

.sidebar .block-posts {
  float: left;
  margin-top: -1px;
  width: 100%;
}

.sidebar .block-posts ul {
  margin: 0;
  padding: 0;
  list-style: none;
  width: 100%;
}

.sidebar .block-posts ul li {
  float: left;
  width: 100%;
  border-bottom: 1px solid #eee;
  border-top: 0;
  padding-top: 7px;
  padding-bottom: 7px;
}

.sidebar .block-posts ul li a {
  color: #111;
  font-weight: 300;
}

.sidebar .block-posts ul li span {
  font-size: 0.8823529412rem;
  line-height: 15px;
  text-shadow: none;
  margin-right: 1px;
  margin-left: -4px;
  color: #8BAA2B;
  transition: all 0.15s;
}

.sidebar .block-posts ul li:first-child {
  border-top: 0;
  padding-top: 0;
}

.sidebar .block-posts ul li:last-child {
  border-bottom: 0;
  padding-bottom: 0;
}

/* Contact Box */
.contactbox {
  float: left;
  width: 100%;
  box-sizing: border-box;
  -webkit-order-sizing: border-box;
  background: #292929;
  border-radius: 3px;
  padding: 20px;
}

#contact-site-form #edit-actions {
  margin-top: 15px;
  float: unset;
}

#contact-site-form #edit-actions #edit-submit {
  margin-left: 0 !important;
}

/* Twitter */
/*.twitter-timeline { margin-bottom: -20px; margin-top: -7px; }*/
/* Tag Cloud */
.footer .tagcloud a {
  -webkit-backface-visibility: hidden;
  float: left;
  font-size: 0.7058823529rem;
  border-radius: 5px;
  text-decoration: none;
  color: #bbb;
  font-weight: normal;
  background-color: #353535;
  padding-bottom: 4px;
  padding-top: 4px;
  padding-left: 8px;
  padding-right: 8px;
  margin-right: 5px;
  margin-bottom: 5px;
  transition: background-color 0.2s, color 0.2s;
}

.footer .tagcloud a:hover {
  background-color: #8BAA2B;
  color: #fff;
}

.footer .tagcloud div {
  float: left;
}

.sidebar .tagcloud a {
  font-size: 0.7058823529rem;
  float: left;
  border-radius: 3px;
  font-size: 0.6470588235rem;
  color: #bbb;
  text-decoration: none;
  font-weight: normal;
  background-color: #fff;
  border: 1px solid #eee;
  padding-bottom: 2px;
  padding-top: 2px;
  padding-left: 7px;
  padding-right: 7px;
  margin-right: 5px;
  margin-bottom: 5px;
  transition: background-color 0.2s, color 0.2s, border-color 0.2s;
}

.sidebar .tagcloud a:hover {
  background-color: #8BAA2B;
  border-color: #8BAA2B;
  color: #fff;
}

/* Projects */
.block-projects {
  float: left;
  width: 100%;
}

.block-projects ul {
  float: left;
  margin: 0;
  padding: 0;
  list-style: none;
  margin-bottom: -10px;
  margin-right: -10px;
}

.block-projects ul li {
  float: left;
  margin-right: 10px;
  margin-bottom: 10px;
}

.block-projects li a {
  -webkit-backface-visibility: hidden;
  float: left;
  z-index: 1;
  position: relative;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -o-transition: all 0.2s;
  -ms-transition: all 0.2s;
}

.block-projects li a img {
  border-radius: 5px;
  width: 50px;
  height: 50px;
  border: 5px solid #353535;
  /*-webkit-backface-visibility: hidden;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -o-transition: all 0.2s;
  -ms-transition: all 0.2s;

  filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0'/></filter></svg>#grayscale");
  filter: none;
  -webkit-filter: grayscale(0%);*/
}

.block-projects li a img:hover {
  /*filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale"); */
  /* Firefox 10+, Firefox on Android */
  /*
  filter: gray; */
  /* IE6-9 */
  /*
  -webkit-filter: grayscale(100%);*/
  /* Chrome 19+, Safari 6+, Safari 6+ iOS */
}

.block-projects li .overl {
  z-index: 0;
  position: absolute;
  float: left;
  background: none;
  width: 60px;
  height: 60px;
  border-radius: 5px;
}

.sidebar .block-projects li a img {
  width: 60px;
  height: 60px;
  border: 0;
}

/* Posts */
.footer .widget_text, .sidebar .widget_text {
  float: left;
  width: 100%;
}

/* Archive & Categories & Meta */
.block-archive select, .block-categories select, .widget_meta select, .widget_recent_entries select {
  width: 100%;
}

.block-archive, .block-categories, .widget_meta, .widget_recent_entries {
  float: left;
}

.block-archive ul, .block-categories ul, #block-menu-menu-elements ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.block-archive ul li, .block-categories ul li, #block-menu-menu-elements ul li {
  float: left;
  width: 100%;
  border-bottom: 1px solid #eee;
  border-top: 0;
  padding-top: 7px;
  padding-bottom: 7px;
}

.block-archive ul li a, .block-categories ul li a, #block-menu-menu-elements ul li a {
  float: left;
  color: #111;
  font-weight: 300;
}

.block-archive ul li a:before, .block-categories ul li a:before, #block-menu-menu-elements ul li a:before {
  float: left;
  font-family: "fontello";
  content: "\E75E";
  font-size: 0.8823529412rem;
  line-height: 15px;
  text-shadow: none;
  margin-right: 8px;
  margin-left: 1px;
  margin-top: 2px;
  color: #8BAA2B;
  transition: all 0.15s;
}

.block-archive ul li:first-child, .block-categories ul li:first-child {
  border-top: 0;
  padding-top: 0;
}

.block-archive ul li:last-child, .block-categories ul li:last-child {
  border-bottom: 0;
  padding-bottom: 0;
}

.footer .block-archive select, .footer .block-categories select {
  width: 100%;
}

.footer .block-archive, .footer .block-categories, .footer .widget_meta, .footer .widget_recent_entries {
  float: left;
}

.footer .block-archive ul, .footer .block-categories ul, .footer .widget_meta ul, .footer .widget_recent_entries ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.footer .block-archive ul li, .footer .block-categories ul li, .footer .widget_meta ul li, .footer .widget_recent_entries ul li {
  float: left;
  width: 100%;
  color: #bbb;
  border-bottom: 1px solid #4f4f4f;
  padding-top: 7px;
  padding-bottom: 7px;
}

.footer .block-archive ul li a, .footer .block-categories ul li a, .footer .widget_meta ul li a, .footer .widget_recent_entries ul li a {
  float: left;
  font-weight: normal;
  margin-right: 3px;
  color: #bbb;
}

.footer .block-archive ul li a:hover, .footer .block-categories ul li a:hover, .footer .widget_meta ul li a:hover, .footer .widget_recent_entries ul li a:hover {
  color: #fff;
}

.footer .block-archive ul li a:before, .footer .block-categories ul li a:before, .footer .widget_meta ul li a:before, .footer .widget_recent_entries ul li a:before {
  color: #bbb;
  float: left;
  font-family: "fontello";
  content: "\E75E";
  font-size: 0.8823529412rem;
  line-height: 15px;
  text-shadow: none;
  margin-right: 8px;
  margin-left: 1px;
  margin-top: 2px;
  transition: all 0.15s;
}

.footer .block-archive ul li a:hover:before, .footer .block-categories ul li a:hover:before, .footer .widget_meta ul li a:hover:before, .footer .widget_recent_entries ul li a:hover:before {
  color: #fff;
}

.footer .block-archive ul li:first-child, .footer .block-categories ul li:first-child, .footer .widget_meta ul li:first-child, .footer .widget_recent_entries ul li:first-child {
  border-top: 0;
  padding-top: 0;
}

.footer .block-archive ul li:last-child, .footer .block-categories ul li:last-child, .footer .widget_meta ul li:last-child, .footer .widget_recent_entries ul li:last-child {
  border-bottom: 0;
  padding-bottom: 0;
}

/* Recent Comments */
ul.recentcomments {
  list-style: none;
  margin: 0;
  padding: 0;
  position: relative;
}

ul.recentcomments li {
  float: left;
  font-size: 0.7058823529rem;
  padding-left: 36px;
  color: #bbb;
  width: 100%;
  border-bottom: 1px solid #eee;
  padding-top: 7px;
  padding-bottom: 7px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

ul.recentcomments li:before {
  position: absolute;
  left: 0px;
  font-family: "fontello";
  content: "\E829";
  font-size: 1.4705882353rem;
  line-height: 25px;
  margin-top: 6px;
  float: left;
  color: #f0f0f0;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
}

ul.recentcomments li:first-child {
  border-top: 0;
  padding-top: 0;
}

ul.recentcomments li:last-child {
  border-bottom: 0;
  padding-bottom: 0;
}

ul.recentcomments li a {
  float: left;
  width: 100%;
  padding-left: 0;
  color: #111;
  font-weight: 300;
  font-size: 0.7647058824rem;
}

ul.recentcomments li a.username {
  float: none;
  width: auto;
  padding-left: 0px;
  color: #8BAA2B;
  font-weight: 400;
  font-size: 0.7058823529rem;
}

ul.recentcomments li a.username:hover {
  color: #111;
}

ul.recentcomments li a:before {
  float: left;
  font-size: 0.7647058824rem;
  line-height: 13px;
  text-shadow: none;
  font-weight: bold;
  margin-right: 8px;
  margin-top: 2px;
  /*padding: 0px 5px;*/
  padding-bottom: 3px;
  color: #8BAA2B;
  border-radius: 3px;
  transition: all 0.15s;
}

.footer ul.recentcomments {
  list-style: none;
  margin: 0;
  padding: 0;
  position: relative;
}

.footer ul.recentcomments li {
  float: left;
  font-size: 0.7058823529rem;
  padding-left: 36px;
  color: #bbb;
  width: 100%;
  border-bottom: 1px solid #4f4f4f;
  padding-top: 7px;
  padding-bottom: 7px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

.footer ul.recentcomments li:before {
  position: absolute;
  left: 0px;
  font-family: "fontello";
  content: "\E829";
  font-size: 1.4705882353rem;
  line-height: 25px;
  margin-top: 6px;
  float: left;
  color: #4f4f4f;
  text-shadow: none;
}

.footer ul.recentcomments li:first-child {
  border-top: 0;
  padding-top: 0;
}

.footer ul.recentcomments li:last-child {
  border-bottom: 0;
  padding-bottom: 0;
}

.footer ul.recentcomments li a {
  float: left;
  width: 100%;
  padding-left: 19px;
  color: #bbb;
  font-weight: 300;
  font-size: 0.7647058824rem;
}

.footer ul.recentcomments li a:hover {
  color: #fff;
}

.footer ul.recentcomments li a.username {
  float: none;
  width: auto;
  padding-left: 0px;
  color: #bbb;
  font-weight: 400;
  font-size: 0.7058823529rem;
}

.footer ul.recentcomments li a.username:hover {
  color: #fff;
}

.footer ul.recentcomments li a:before {
  float: left;
  font-size: 0.7647058824rem;
  line-height: 13px;
  text-shadow: none;
  font-weight: bold;
  margin-right: 8px;
  margin-top: 2px;
  /*padding: 0px 5px;*/
  padding-bottom: 3px;
  color: #fff;
  border-radius: 3px;
  transition: all 0.15s;
}

/* RSS */
.widget_rss ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.widget_rss ul li {
  border-bottom: 1px solid #eee;
  padding-top: 7px;
  padding-bottom: 7px;
}

.widget_rss ul li:first-child {
  border-top: 0;
  padding-top: 0;
}

.widget_rss ul li:last-child {
  border-bottom: 0;
  padding-bottom: 0;
}

.widget_rss ul li a.rsswidget {
  float: left;
  width: 100%;
}

.widget_rss .rss-date {
  float: left;
  font-size: 0.7058823529rem;
  color: #aaa;
  width: 100%;
}

.widget_rss cite {
  font-size: 0.7058823529rem;
  color: #777;
  width: 100%;
}

.footer .widget_rss ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.footer .widget_rss ul li {
  border-bottom: 1px solid #4f4f4f;
  padding-top: 7px;
  padding-bottom: 7px;
}

.footer .widget_rss ul li:first-child {
  border-top: 0;
  padding-top: 0;
}

.footer .widget_rss ul li:last-child {
  border-bottom: 0;
  padding-bottom: 0;
}

.footer .widget_rss ul li a.rsswidget {
  float: left;
  width: 100%;
}

.footer .widget_rss .rss-date {
  float: left;
  font-size: 0.7058823529rem;
  color: #bbb;
  width: 100%;
}

.footer .widget_rss cite {
  font-size: 0.7058823529rem;
  color: #bbb;
  width: 100%;
}

/* Search */
.searchform input {
  float: left;
  width: 100%;
  box-sizing: border-box;
  -webkit-order-sizing: border-box;
}

/* CAROUSEL */
/* ------------------------------------ */
.carousel {
  float: left;
  position: relative;
  margin-bottom: 0px;
  line-height: 1;
  border: 1px solid #eee;
  border-radius: 5px;
}

.carousel-inner {
  float: left;
  position: relative;
  width: 100%;
  overflow: hidden;
}

.carousel .item {
  font-size: 0.8235294118rem;
  line-height: 26px;
  position: relative;
  display: none;
  transition: 0.6s left;
  color: #777;
  height: auto;
  background: #f3f3f3;
  /*font-family: Verdana, sans-serif, Arial;;*/
  /*font-family: 'Open Sans', sans-serif;;*/
}

.carousel .padded {
  padding: 35px;
}

.carousel .item > img {
  display: block;
  line-height: 1;
  width: 100%;
}

.carousel .active, .carousel .next, .carousel .prev {
  display: block;
}

.carousel .active {
  left: 0;
}

.carousel .next, .carousel .prev {
  position: absolute;
  top: 0;
  width: 100%;
}

.carousel .next {
  left: 100%;
}

.carousel .prev {
  left: -100%;
}

.carousel .next.left, .carousel .prev.right {
  left: 0;
}

.carousel .active.left {
  left: -100%;
}

.carousel .active.right {
  left: 100%;
}

.carousel-control {
  position: absolute;
  top: 100%;
  width: 25px;
  height: 25px;
  margin-top: -30px;
  font-size: 1.4705882353rem;
  font-weight: bold;
  line-height: 20px;
  color: #bbb;
  text-align: center;
  background: transparent;
  border: 0px solid #ffffff;
  border-radius: 0px;
  opacity: 1;
  filter: alpha(opacity=100);
}

.carousel-control.right {
  right: 5px;
  left: auto;
}

.carousel-control.left {
  right: 30px;
  left: auto;
}

.carousel-control:hover {
  color: #444;
  text-decoration: none;
  opacity: 1;
  filter: alpha(opacity=100);
}

.carousel-caption {
  font-size: 0.7058823529rem;
  line-height: 20px;
  color: #fff;
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 15px;
  padding-bottom: 10px;
  padding-top: 10px;
  background: #333333;
  background: rgba(0, 0, 0, 0.75);
}

.carousel-caption h4, .carousel-caption p {
  line-height: 20px;
  color: #ffffff;
}

.carousel-caption h4 {
  margin: 0 0 5px;
}

.carousel-caption p {
  margin-bottom: 0;
}

.carousel .item .image {
  float: left;
  margin-right: 15px;
  margin-bottom: 15px;
  margin-top: 0px;
}

.carousel .item .image.right {
  float: right;
  margin-left: 15px;
  margin-right: 0;
}

.carousel .item .image.left {
  float: left;
  margin-right: 15px;
}

cite {
  display: block;
  font-size: 0.7058823529rem;
  margin-top: 10px;
  text-transform: uppercase;
  color: #aaa;
}

blockquote {
  font-size: 0.8235294118rem;
  line-height: 26px;
  color: #777;
  background: #eee;
  /*font-family: Verdana, sans-serif, Arial;;*/
  /*font-family: 'Open Sans', sans-serif;;*/
  padding: 20px;
  border-radius: 5px;
  border: 0;
}

/* PORTFOLIO */
/* ------------------------------------ */
.portfoliowrap {
  overflow: hidden;
  position: relative;
  margin-left: 0;
  float: left;
}

.portfolio {
  overflow: hidden;
  position: relative;
  margin-left: -10px;
  margin-bottom: -10px;
  margin-top: -10px;
}

.portfolio img {
  width: 100%;
  max-width: none !important;
  height: auto;
}

.threecol .entry {
  width: 393px;
  float: left;
  overflow: hidden;
  position: relative;
}

.fourcol .entry {
  width: 295px;
  float: left;
  overflow: hidden;
  position: relative;
}

.fivecol .entry {
  width: 236px;
  float: left;
  overflow: hidden;
  position: relative;
}

.node-type-portfolio .postinfo, .page-taxonomy-term .postinfo {
  padding-left: 0px;
}

.page-taxonomy-term h2 {
  margin-bottom: 10px;
}

.node-type-portfolio .block {
  float: left;
  width: 100%;
}

.node-type-portfolio .singlepost .posttext {
  margin-bottom: 0;
}

.node-type-portfolio .region.content .block-views {
  border-top: 1px solid #e5e5e5;
  padding-top: 30px;
  margin-top: 30px;
}

.field-name-field-portfolio-tags {
  display: inline-block;
}

ul.portfoliofilter {
  margin: 0;
  padding: 0;
  margin-bottom: 21px;
  margin-top: 0px;
  width: 100%;
  padding-bottom: 0px;
}

ul.portfoliofilter li {
  float: left;
  list-style-type: none;
  display: inline;
  margin-right: 10px;
  margin-bottom: 10px;
}

ul.portfoliofilter li a {
  font-weight: 400;
  font-size: 0.7647058824rem;
  float: left;
  color: #666;
  text-transform: none;
  padding-bottom: 4px;
  padding-top: 4px;
  padding-left: 12px;
  padding-right: 12px;
  background: #fff;
  border: 1px solid #e5e5e5;
  border-radius: 5px;
  transition: all 0.3s;
}

ul.portfoliofilter li a:hover {
  color: #8BAA2B;
}

ul.portfoliofilter li a.selected {
  color: #8BAA2B;
  background: #fff;
}

.isotope-item {
  z-index: 2;
}

.isotope-hidden.isotope-item {
  pointer-events: none;
  z-index: 1;
}

.isotope,
.isotope .isotope-item {
  transition-duration: 0.5s;
}

.isotope {
  transition-property: height, width;
}

.isotope .isotope-item {
  transition-property: opacity, -webkit-transform;
  transition-property: transform, opacity;
  transition-property: transform, opacity, -webkit-transform;
}

/*.foliotextwrapper { padding-left: 10px; padding-right: 10px; }*/
.foliotextholder {
  margin-bottom: 10px;
  float: left;
  position: relative;
  background: #fefefe;
  width: 100%;
  padding-bottom: 15px;
  padding-top: 15px;
}

.foliotextholder .itemtitle {
  float: left;
  width: 100%;
  cursor: pointer;
  text-align: center;
  font-size: 1.1764705882rem;
  font-weight: 300;
  line-height: 25px;
  margin: 0;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -o-transition: all 0.2s;
  -ms-transition: all 0.2s;
  /*border-bottom:4px solid; */
  margin-bottom: 7px;
  padding-bottom: 10px;
}

.foliotextholder .itemtitle a {
  color: #111;
  font-weight: 300;
}

.foliotextholder .itemcategories {
  float: left;
  width: 100%;
  margin-top: 0px;
  color: #8BAA2B;
  font-weight: normal;
  font-size: 0.7647058824rem;
  line-height: 20px;
  font-style: normal;
  cursor: pointer;
  text-align: center;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -o-transition: all 0.2s;
  -ms-transition: all 0.2s;
}

.foliotextholder .itemcategories a {
  color: #8BAA2B;
  font-weight: normal;
}

.holderwrap {
  position: relative;
  box-sizing: border-box;
  -webkit-order-sizing: border-box;
  margin: 10px 20px;
}

.mediaholder {
  overflow: hidden;
  position: relative;
  -webkit-mask-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC);
}

.mediaholder .cover {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0px;
  left: 0px;
  background: none;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -o-transition: all 0.2s;
  -ms-transition: all 0.2s;
  -moz-opacity: 0;
  filter: alpha(opacity=0);
  opacity: 0;
  -webkit-mask-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC);
}

.mediaholder .link {
  padding-left: 8px;
  padding-top: 8px;
  width: 32px;
  height: 32px;
  color: #fff;
  /*-webkit-border-radius: 22px; -moz-border-radius: 22px; border-radius: 22px; */
  font-size: 1.4705882353rem;
  background: #8BAA2B;
  cursor: pointer;
  position: absolute;
  left: 100%;
  top: 100%;
  margin-left: -40px;
  margin-top: -40px;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -o-transition: all 0.2s;
  -ms-transition: all 0.2s;
  -moz-opacity: 0;
  filter: alpha(opacity=0);
  opacity: 0;
}

.mediaholder .show {
  padding-left: 10px;
  padding-top: 8px;
  width: 30px;
  height: 32px;
  color: #fff;
  /*-webkit-border-radius: 22px; -moz-border-radius: 22px; border-radius: 22px;*/
  font-size: 1.1764705882rem;
  background: #8BAA2B;
  font-weight: normal;
  cursor: pointer;
  position: absolute;
  left: 100%;
  top: 100%;
  margin-left: -40px;
  margin-top: -40px;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -o-transition: all 0.2s;
  -ms-transition: all 0.2s;
  -moz-opacity: 0;
  filter: alpha(opacity=0);
  opacity: 0;
}

.link.notalone {
  left: 100%;
  margin-left: -40px;
  margin-top: -40px;
  border-radius: 0;
}

.show.notalone {
  left: 100%;
  margin-left: -80px;
  margin-top: -40px;
  border-radius: 5px 0px 0px 0px;
}

.mediaholder:hover .link, .mediaholder:hover .show {
  -moz-opacity: 1;
  filter: alpha(opacity=100);
  opacity: 1;
}

.mediaholder:hover .cover {
  /*-moz-opacity:0.25; filter:alpha(opacity=25); opacity:0.25; */
}

.mediaholder:hover .link, .mediaholder:hover .show {
  top: 100%;
}

.mediaholder img {
  -webkit-backface-visibility: hidden;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -o-transition: all 0.2s;
  -ms-transition: all 0.2s;
  filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0'/></filter></svg>#grayscale");
  filter: none;
  -webkit-filter: grayscale(0%);
}

.mediaholder:hover img {
  /*-webkit-transform: scale(1.1);
   -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
     -o-transform: scale(1.1);
        transform: scale(1.1);*/
  filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale");
  /* Firefox 10+, Firefox on Android */
  filter: gray;
  /* IE6-9 */
  -webkit-filter: grayscale(100%);
  /* Chrome 19+, Safari 6+, Safari 6+ iOS */
}

.mediaholder:hover .link.notalone {
  left: 100%;
  top: 100%;
}

.mediaholder:hover .show.notalone {
  left: 100%;
  top: 100%;
}

/* Portfolio Single Navigation */
.projectnavwrapper {
  position: relative;
  float: right;
  width: 100%;
  margin-bottom: 0px;
}

.projectnav {
  float: left;
  position: relative;
  margin-top: 0px;
}

.launchbtn {
  margin-top: 0px;
  float: left;
  margin-right: 5px;
}

.projectnav a:before {
  font-family: "fontello";
  color: #777;
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  margin-right: 0;
  margin-top: 8px;
  text-align: center;
  width: 37px;
  font-size: 0.8823529412rem;
}

.projectnav a {
  float: left;
  z-index: 100;
  cursor: pointer;
  position: relative;
  width: 37px;
  height: 37px;
  font-weight: 400;
  font-size: 0.7647058824rem;
  float: left;
  color: #666;
  text-transform: none;
  padding-bottom: 0px;
  padding-top: 0px;
  padding-left: 0px;
  padding-right: 0px;
  background: #fff;
  border: 1px solid #e5e5e5;
  border-radius: 5px;
}

.projectnav a:hover:before {
  color: #8BAA2B;
}

.previousproject a:before {
  content: "\E765";
  transition: all 0.3s;
}

.nextproject a:before {
  content: "\E766";
  transition: all 0.3s;
}

.nextproject a {
  margin-left: 5px;
}

/* THEME BUTTON COLOR */
/* ------------------------------------ */
.btn {
  font-weight: 400;
  font-size: 0.7058823529rem;
  color: #666;
  /*background: #f3f3f3 url('../img/tiles/transparent.png') repeat; text-shadow: none !important;*/
  border: 0 !important;
  box-shadow: none !important;
  transition: all 0.3s !important;
  padding-bottom: 9px !important;
  padding-left: 14px !important;
  padding-right: 14px !important;
  padding-top: 9px !important;
  border-radius: 0px;
}

.btn:hover {
  /*background: #f3f3f3 url('../img/tiles/dark5.png') repeat !important;*/
  color: #666 !important;
}

.btn-large {
  font-weight: 700;
  font-size: 1.4705882353rem;
  padding-bottom: 10px !important;
  padding-left: 20px !important;
  padding-right: 20px !important;
  padding-top: 10px !important;
}

.btn-primary, .form-managed-file .form-submit, .view-crm-core-contacts .form-submit {
  color: #fff !important;
  text-shadow: none;
  background: url("../img/tiles/transparent.png") repeat;
  border: 0;
}

.btn-primary:hover, .form-managed-file .form-submit:hover, .view-crm-core-contacts .form-submit:hover, .btn-primary:active, .form-managed-file .form-submit:active, .view-crm-core-contacts .form-submit:active, .btn-primary.active, .form-managed-file .form-submit.active, .view-crm-core-contacts .form-submit.active, .btn-primary.disabled, .form-managed-file .form-submit.disabled, .view-crm-core-contacts .form-submit:disabled, .btn-primary[disabled], .form-managed-file .form-submit[disabled], .view-crm-core-contacts .form-submit[disabled], .form-actions .form-submit {
  /*background: #8BAA2B url('../img/tiles/dark25.png') repeat !important;*/
  color: #fff !important;
}

.btn-primary:active, .form-managed-file .form-submit:active, .view-crm-core-contacts .form-submit:active, .btn-primary.active, .form-managed-file .form-submit.active, .view-crm-core-contacts .form-submit.active {
  /*background: #8BAA2B !important;*/
}

.btn-info {
  color: #ffffff;
  text-shadow: none;
  background: #2a80b9 url("../img/tiles/transparent.png") repeat;
  border: 0;
}

.btn-info:hover, .btn-info:active, .btn-info.active, .btn-info.disabled, .btn-info[disabled] {
  background: #2a80b9 url("../img/tiles/dark25.png") repeat !important;
  color: #fff !important;
}

.btn-info:active, .btn-info.active {
  background: #2a80b9;
}

.btn-warning {
  color: #ffffff;
  text-shadow: none;
  background: #f49c14 url("../img/tiles/transparent.png") repeat;
  border: 0;
}

.btn-warning:hover, .btn-warning:active, .btn-warning.active, .btn-warning.disabled, .btn-warning[disabled] {
  background: #f49c14 url("../img/tiles/dark25.png") repeat !important;
  color: #fff !important;
}

.btn-warning:active, .btn-warning.active {
  background: #f49c14;
}

.btn-danger {
  color: #ffffff;
  text-shadow: none;
  background: #c1392b url("../img/tiles/transparent.png") repeat;
  border: 0;
}

.btn-danger:hover, .btn-danger:active, .btn-danger.active, .btn-danger.disabled, .btn-danger[disabled] {
  background: #c1392b url("../img/tiles/dark25.png") repeat !important;
  color: #fff !important;
}

.btn-danger:active, .btn-danger.active {
  background: #c1392b;
}

.btn-inverse {
  color: #ffffff;
  text-shadow: none;
  background: #34495e url("../img/tiles/transparent.png") repeat;
  border: 0;
}

.btn-inverse:hover, .btn-inverse:active, .btn-inverse.active, .btn-inverse.disabled, .btn-inverse[disabled] {
  background: #34495e url("../img/tiles/dark25.png") repeat !important;
  color: #fff !important;
}

.btn-inverse:active, .btn-inverse.active {
  background: #34495e;
}

.btn:focus {
  outline: none;
}

.btn-moderndark {
  color: #ffffff;
  text-shadow: none;
  background: #3a87ad;
  background-image: none;
  background-repeat: no-repeat;
  border: 0;
}

.btn-moderndark:hover, .btn-moderndark:active, btn-moderndark.disabled, .btn-moderndark[disabled] {
  background: #2f6d8b !important;
  color: #fff !important;
}

.btn-moderndark:active {
  background: #2f6d8b;
}

.btn-modernlight {
  color: #ffffff;
  text-shadow: none;
  background: rgba(0, 0, 0, 0.75);
  background-image: none;
  background-repeat: no-repeat;
  border: 3px solid #fff !important;
}

.btn-modernlight:hover, .btn-modernlight:active, btn-modernlight.disabled, .btn-modernlight[disabled] {
  color: #fff !important;
  background: black !important;
}

.btn-modernlight:active {
  color: #fff !important;
  opacity: 1 !important;
  background: transparent !important;
}

/*#buddypress button, #buddypress a.button, #buddypress input[type=submit], #buddypress input[type=button], #buddypress input[type=reset], #buddypress ul.button-nav li a, #buddypress div.generic-button a, #buddypress .comment-reply-link, a.bp-title-button,*/
.form-submit #submit, .standardbtn {
  /*font-family: Verdana, sans-serif, Arial; !important; */
  /*font-family: 'Open Sans', sans-serif; !important;*/
  font-weight: 600 !important;
  font-size: 0.8823529412rem !important;
  text-shadow: none !important;
  border: 0 !important;
  box-shadow: none !important;
  transition: all 0.3s !important;
  padding-bottom: 9px !important;
  padding-left: 14px !important;
  padding-right: 14px !important;
  padding-top: 9px !important;
  color: #fff !important;
  text-shadow: none;
  background-color: #8BAA2B;
  background-image: url("img/tiles/transparent.png") repeat;
  border: 0;
  border-radius: 5px;
}

/*.form-submit #submit:hover , .standardbtn:hover,
.form-submit #submit:active , .standardbtn:active,
.form-submit #submit:active , .standardbtn.active,
.form-submit #submit:disabled , .standardbtn.disabled,
.form-submit #submit:hover , .standardbtn[disabled] {
  background-color: #8BAA2B; background-image: url(img/tiles/dark25.png) repeat !important; color: #fff !important;	}*/
/*.form-submit #submit:active,
.standardbtn:active,
.standardbtn.active {
  background-color: #8BAA2B !important;
}*/
/* FORM STYLES */
/* ------------------------------------ */
input, button, select, textarea {
  /*font-family: Verdana, sans-serif, Arial;;*/
  /*font-family: 'Open Sans', "Helvetica Neue",Helvetica,Arial,sans-serif;*/
}

select,
textarea,
input[type=text],
input[type=password],
input[type=datetime],
input[type=datetime-local],
input[type=date],
input[type=month],
input[type=time],
input[type=week],
input[type=number],
input[type=email],
input[type=url],
input[type=search],
input[type=tel],
input[type=color] {
  /*border-color: #e5e5e5;*/
  outline: 0;
  /*-webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none;*/
}

input:-moz-placeholder, textarea:-moz-placeholder {
  color: #777 !important;
}

input::-moz-placeholder, textarea::-moz-placeholder {
  color: #777 !important;
}

input:-ms-input-placeholder, textarea:-ms-input-placeholder {
  color: #777 !important;
}

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
  color: #777 !important;
}

/* HEADER SEARCH FORM */
/* ------------------------------------ */
.headersearch {
  position: absolute;
  right: 0px;
  top: 32px;
  z-index: 102;
}

.headersearch form {
  float: left;
}

.headersearch .form-item {
  margin-top: 0;
  margin-bottom: 0;
}

.headersearch input {
  text-indent: -500px;
  cursor: pointer;
  border: 0;
  width: 35px;
  background: url(../img/tiles/search.png) no-repeat 0px center;
  padding-top: 8px;
  padding-bottom: 7px;
  padding-left: 0;
  padding-right: 0;
  border-radius: 0px;
  margin-bottom: 0px;
  transition: width 0.3s, background-color 0.3s;
  border-radius: 30px;
  /*font-family: Verdana, sans-serif, Arial;;*/
  /* font-family: sans-serif, Arial;;*/
}

.headersearch input:hover {
  background-color: #f3f3f3;
}

.headersearch input:focus {
  color: #777;
  background-color: #f3f3f3;
  text-indent: 25px;
  width: 540px;
  cursor: text;
  padding-left: 15px;
  padding-right: 15px;
}

/* HEADER RESPONSIVE MENU FORM */
/* ------------------------------------ */
.mobilemenu {
  margin-right: 20px;
}

.mobilemenu form {
  opacity: 0;
  float: left;
  height: 100%;
  width: 40px;
  position: relative;
  margin: 0px;
  padding: 0px;
}

.mobilemenu select {
  -webkit-appearance: none;
  border: 1px solid #ddd;
  outline: none;
  overflow: hidden;
  font: 13px "Open Sans", sans-serif;
  color: #555;
  margin: 0;
  width: 100%;
  max-width: 100%;
  display: block;
  height: auto;
  padding: 10px 10px;
}

.mobilemenu select:before {
  content: "\2630";
}

.mobilemenu option {
  outline: none;
  border: 0;
  overflow: hidden;
  font: 13px "Open Sans", sans-serif;
  color: #555;
  margin: 0;
  width: 100%;
  max-width: 100%;
  display: block;
  padding-left: 15px;
}

.mobilemenu .icon-menu {
  cursor: pointer;
  position: absolute;
  font-size: 1.7647058824rem;
  background: #666;
  color: #fff;
  padding: 5px;
  border-radius: 5px;
}

/* BOOTSTRAP ELEMENTS */
/* ------------------------------------ */
/* Progress Bars */
.progress {
  float: left;
  width: 100%;
  box-shadow: none;
  background: #f3f3f3;
  height: 22px;
}

.progress .bar {
  font-weight: normal;
  box-shadow: none;
  text-shadow: none;
  border: none;
}

.progress .tag {
  float: left;
  font-size: 0.6470588235rem;
  padding-left: 15px;
  color: #777;
  font-weight: normal;
  text-shadow: none;
}

.progress-info .bar {
  background: #2a80b9;
}

.progress-success .bar {
  background: #8BAA2B;
}

.progress-warning .bar {
  background: #f49c14;
}

.progress-danger .bar {
  background: #c1392b;
}

/* Tabs */
.nav {
  margin-bottom: 0;
}

.nav > li > a:hover {
  text-decoration: none;
  background-color: #fff;
}

.nav-tabs {
  float: left;
  border: 0;
  border-bottom: 1px solid #e5e5e5;
  width: 100%;
}

.nav-tabs > li {
  margin-bottom: -1px;
  margin-right: 5px;
}

.nav-tabs > li > a {
  color: #666;
  padding-top: 12px;
  padding-bottom: 11px;
  line-height: 20px;
  font-size: 0.8823529412rem;
  background: #ffffff;
  font-weight: 400;
  box-shadow: none;
  border: 1px solid #e5e5e5;
  border-radius: 0px;
  -webkit-border-top-left-radius: 5px;
  -webkit-border-top-right-radius: 5px;
  -moz-border-radius-topleft: 5px;
  -moz-border-radius-topright: 5px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  transition: color 0.15s, background 0.15s;
}

.nav-tabs > li > a:hover {
  font-weight: 400;
  border: 0;
  color: #666;
  background: #f3f3f3;
  border: 1px solid #e5e5e5;
}

.nav-tabs > .active > a, .nav-tabs > .active > a:hover {
  font-weight: 400;
  border: 0;
  color: #8BAA2B;
  cursor: default;
  box-shadow: none;
  border-radius: 0px;
  -webkit-border-top-left-radius: 5px;
  -webkit-border-top-right-radius: 5px;
  -moz-border-radius-topleft: 5px;
  -moz-border-radius-topright: 5px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  background: #fff;
  border: 1px solid #e5e5e5;
  border-bottom: 1px solid transparent;
}

.tab-content {
  float: left;
  padding: 20px;
  padding-bottom: 0;
  background: #fff;
  border: 1px solid #e5e5e5;
  border-top: 1px solid transparent;
  border-radius: 0px;
  -webkit-border-radius: 5px;
  -webkit-border-top-left-radius: 0;
  -moz-border-radius: 5px;
  -moz-border-radius-topleft: 0;
  border-radius: 5px;
  border-top-left-radius: 0;
}

/* Accordions */
.accordion {
  margin-bottom: 0px;
  float: left;
  width: 100%;
}

.accordion-group {
  margin-bottom: 5px;
  border: 0;
}

.accordion-heading {
  border-bottom: 0;
}

.accordion-heading .accordion-toggle {
  display: block;
  padding: 12px 20px;
  padding-top: 11px;
  padding-right: 15px;
}

.accordion-toggle {
  cursor: pointer;
  color: #8BAA2B;
  font-size: 0.8823529412rem;
  font-weight: 400;
  background: #fff;
  border: 1px solid #e5e5e5;
  border-bottom: 1px solid transparent;
  border-radius: 0px;
  -webkit-border-top-left-radius: 5px;
  -webkit-border-top-right-radius: 5px;
  -moz-border-radius-topleft: 5px;
  -moz-border-radius-topright: 5px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  transition: color 0.15s, background 0.15s;
}

.accordion-toggle.collapsed {
  cursor: pointer;
  color: #666;
  font-size: 0.8823529412rem;
  font-weight: 400;
  border: 0;
  background: #fff;
  box-shadow: none;
  border: 1px solid #e5e5e5;
  border-radius: 5px;
}

a.accordion-toggle:hover {
  color: #8BAA2B;
}

a.accordion-toggle.collapsed:hover {
  color: #666;
  background: #f3f3f3;
}

.accordion-inner {
  border-radius: 0px;
  -webkit-border-bottom-right-radius: 5px;
  -webkit-border-bottom-left-radius: 5px;
  -moz-border-radius-bottomright: 5px;
  -moz-border-radius-bottomleft: 5px;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
  padding: 20px;
  padding-top: 4px;
  background: #fff;
  border: 1px solid #e5e5e5;
  border-top: 0;
}

.showicon, .hideicon {
  float: right;
  background: transparent;
  font-size: 1.1764705882rem;
  font-weight: normal;
  margin-right: 0px;
  margin-top: 1px;
  color: #666;
}

.accordion-toggle .hideicon {
  display: block;
}

.accordion-toggle .showicon {
  display: none;
}

.accordion-toggle.collapsed .hideicon {
  display: none;
}

.accordion-toggle.collapsed .showicon {
  display: block;
}

/* Alerts */
.alert {
  float: left;
  width: 100%;
  padding: 8px 35px 8px 14px;
  margin-bottom: 20px;
  color: #c09853;
  font-size: 0.8235294118rem;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
  background-color: #fcf8e3;
  border: 0px solid #fbeed5;
  border-radius: 5px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

.alert.alert-block h4 {
  margin: 0;
  margin-bottom: 5px;
  color: #c09853;
}

.alert h4 {
  margin: 0;
}

.alert .close {
  position: relative;
  top: -2px;
  right: -21px;
  line-height: 20px;
}

.alert-success {
  color: #468847;
  background-color: #dff0d8;
  border-color: #d6e9c6;
  border: 0;
}

.alert-danger, .alert-error {
  color: #b94a48;
  background-color: #f2dede;
  border-color: #eed3d7;
  border: 0;
}

.alert-info {
  color: #3a87ad;
  background-color: #d9edf7;
  border-color: #bce8f1;
  border: 0;
}

.alert-block {
  padding-top: 14px;
  padding-bottom: 14px;
}

/* Popovers */
.popover-title {
  font-weight: bold;
}

/* Pagination */
.pagination {
  float: right;
  height: 30px;
  margin: 0;
}

.pagination ul {
  display: inline-block;
  *display: inline;
  margin-bottom: 0;
  margin-left: 0;
  border-radius: 0;
  *zoom: 1;
  box-shadow: none;
  text-align: right;
}

.pagination ul > li {
  display: inline;
}

.pagination ul > li > a, .pagination ul > li > span {
  font-weight: 400;
  font-size: 0.7647058824rem;
  line-height: 20px;
  height: 30px;
  float: left;
  color: #666;
  text-transform: none;
  padding-bottom: 4px;
  padding-top: 4px;
  padding-left: 12px;
  padding-right: 12px;
  background: #fff;
  border: 1px solid #e5e5e5;
  border-radius: 5px;
  transition: all 0.3s;
  margin-right: 10px;
}

.pagination ul > li > a:hover {
  color: #8BAA2B;
  background: #fff;
}

.pagination ul > .active > a, .pagination ul > .active > span {
  color: #8BAA2B;
  cursor: default;
  font-weight: 400;
}

.pagination ul > .disabled > span, .pagination ul > .disabled > a, .pagination ul > .disabled > a:hover, .pagination ul > .pager-current > a, .pagination ul > .pager-current > span, .pagination ul > .pager-current > a:hover {
  color: #8BAA2B;
  background: #fff;
}

.pagination ul > li:first-child > a, .pagination ul > li:first-child > span {
  border-radius: 5px;
}

.pagination ul > li:last-child > a, .pagination ul > li:last-child > span {
  margin-right: 0px;
  border-radius: 5px;
}

.pagination-centered {
  text-align: center;
}

.pagination-right {
  text-align: right;
}

.col-md-9.left .pagination {
  margin-right: 20px;
}

.col-md-9.right .pagination {
  margin-left: 20px;
}

.pagenumbers {
  float: left;
  color: #bbb;
}

.view-crm-core-contacts .pagenumbers {
  width: 100%;
}

.view-crm-core-contacts .pagination {
  width: 100%;
  text-align: center;
}

.view-crm-core-contacts .pagination > ul {
  width: 50%;
}

.view-crm-core-contacts .pager-ellipsis {
  display: none;
}

/* GOOGLE MAPS */
/* ------------------------------------ */
.map {
  width: 100%;
  height: 400px;
  margin-bottom: 35px;
  background: #eee;
  border-radius: 5px;
  -webkit-mask-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC);
  overflow: hidden;
}

.map img {
  max-width: none;
}

.map .gmnoprint {
  margin-top: 0px;
}

/* CONTACT PAGE  */
/* ------------------------------------ */
.page-contact .divider {
  margin-top: 10px;
}

.contact-form {
  margin-bottom: 0;
}

.contact-form .form-item.form-type-textfield {
  width: 30%;
  margin-left: 4.4%;
  float: left;
}

.contact-form .form-item input[type=text] {
  width: 100%;
}

.contact-form .form-item-name.form-type-textfield {
  margin-left: 0;
}

.contact-form .form-item.form-type-textarea {
  float: left;
  width: 100%;
  margin-top: 20px;
  margin-left: 0;
}

.contact-form .form-type-checkbox {
  float: left;
  width: 100%;
  margin: 10px 0 20px;
}

.contact-form .form-type-checkbox label {
  float: left;
  margin-left: 5px;
}

.contact-form .form-type-checkbox input {
  float: left;
}

.not-logged-in .form-item-form-type-textarea {
  margin-bottom: 20px;
}

@media only screen and (max-width: 767px) {
  .contact-form .form-item.form-type-textfield {
    width: 100%;
    margin-left: 0;
    float: left;
  }

  .page-contact .contenttable {
    margin-bottom: 20px;
  }
}
/* SERVICES  */
/* ------------------------------------ */
.node-type-services .sidebar.sidebar-first .block {
  margin-bottom: 0;
}

/* MOBILE MENU */
/* ------------------------------------ */
/*#mainmenu, .submenu { float: none; visibility: visible; }*/
.mobilemenu {
  display: none;
  float: right !important;
  margin: 25px 20px 20px 0;
}

/* CUSTOM RESPONSIVE STYLES */
/* ------------------------------------ */
/* WIDE DESKTOP */
@media only screen and (min-width: 1200px) {
  .whitebackground, .footerwrap, .headertopwrap, .headerbottomwrap, .headerwrap, .glavni-menu-wrapper, #firstcontentcontainer {
    width: 1230px;
    margin-left: -615px;
    left: 50%;
  }

  .footerwrap.wide .footer, .subfooterwrap, .subfooterwrap.wide .subfooter, .headertopwrap.wide .headertop, .headerbottomwrap.wide .headerbottom {
    width: 1170px;
  }

  .pagetitle {
    width: 1170px;
  }

  .portfolio {
    width: 1190px;
  }

  .threecol .entry {
    width: 396px;
  }

  .fourcol .entry {
    width: 297px;
  }

  .fivecol .entry {
    width: 238px;
    min-height: 219px;
  }

  .portfolio.withsidebar {
    width: 870px;
  }

  .threecol .portfolio.withsidebar .entry {
    width: 290px;
  }

  .fourcol .portfolio.withsidebar .entry {
    width: 290px;
  }

  .fivecol .portfolio.withsidebar .entry {
    width: 290px;
  }

  .team .memberwrap {
    width: 25%;
  }

  .clients ul li {
    float: left;
    display: inline;
    width: 20%;
  }

  .pricing.fivecols .pricecol .pricewrap {
    width: 18.1%;
  }

  .pricing.fourcols .pricecol .pricewrap {
    width: 23.1%;
  }

  .pricing.threecols .pricecol .pricewrap {
    width: 31.4%;
  }

  #revolution_slider_2 .slotholder {
    top: -59px;
  }
}
/* REGULAR DESKTOP */
@media only screen and (min-width: 980px) and (max-width: 1199px) {
  #revolution_slider_2 .slotholder {
    top: -59px;
  }

  .whitebackground, .footerwrap, .subfooterwrap, .headertopwrap, .boxedlayout .headerwrap, .headerbottomwrap, .headerwrap, .glavni-menu-wrapper, #firstcontentcontainer {
    width: 1000px;
    margin-left: -500px;
    left: 50%;
  }

  .footerwrap.wide .footer, .subfooterwrap, .subfooterwrap.wide .subfooter, .headertopwrap.wide .headertop, .headerbottomwrap.wide .headerbottom {
    width: 940px;
  }

  .subfooterwrap.wide, .subfooterwrap {
    width: 940px;
    left: 50%;
    margin-left: -470px;
  }

  .subfooterwrap.wide .subfooter, .subfooterwrap .subfooter {
    margin: 0 auto;
    width: 940px;
  }

  .pagetitle {
    width: 940px;
  }

  .pagetitlewrap.boxed {
    width: 1000px;
    left: 0;
    margin-left: -30px;
  }

  /*.headerwrap { width: 100%;  }*/
  .header {
    width: 940px;
    left: 50%;
    margin-left: -470px;
  }

  .portfolio {
    width: 960px;
  }

  .threecol .entry {
    width: 320px;
  }

  .fourcol .entry {
    width: 240px;
  }

  .fivecol .entry {
    width: 240px;
  }

  .portfolio.withsidebar {
    width: 700px;
  }

  .threecol .portfolio.withsidebar .entry {
    width: 233px;
  }

  .fourcol .portfolio.withsidebar .entry {
    width: 233px;
  }

  .fivecol .portfolio.withsidebar .entry {
    width: 233px;
  }

  .team .memberwrap {
    width: 25%;
  }

  .clients ul li {
    float: left;
    display: inline;
    width: 20%;
  }

  .pricing.fivecols .pricecol .pricewrap {
    width: 17.6%;
  }

  .pricing.fourcols .pricecol .pricewrap {
    width: 22.6%;
  }

  .pricing.threecols .pricecol .pricewrap {
    width: 30.9%;
  }

  .blogpost.smallmedia .postmedia {
    width: 270px;
  }

  .blogpost.smallmedia .postbody {
    width: 380px;
  }

  .fullblog .blogpost.smallmedia .postmedia {
    width: 370px;
  }

  .fullblog .blogpost.smallmedia .postbody {
    width: 540px;
  }
}
/* SMALL DESKTOP */
@media only screen and (min-width: 768px) and (max-width: 979px) {
  .whitebackground, .footerwrap, .subfooterwrap, .headertopwrap, .boxedlayout .headerwrap, .headerbottomwrap, .headerwrap, .glavni-menu-wrapper, #firstcontentcontainer {
    width: 784px;
    margin-left: -392px;
    left: 50%;
  }

  .footerwrap.wide .footer, .subfooterwrap, .subfooterwrap.wide .subfooter, .headertopwrap.wide .headertop, .headerbottomwrap.wide .headerbottom {
    width: 724px;
  }

  .subfooterwrap.wide, .subfooterwrap {
    width: 724px;
    left: 50%;
    margin-left: -362px;
  }

  .subfooterwrap.wide .subfooter, .subfooterwrap .subfooter {
    margin: 0 auto;
    width: 724px;
  }

  .pagetitle {
    width: 724px;
  }

  .pagetitlewrap.boxed {
    width: 784px;
    left: 0;
    margin-left: -30px;
  }

  /*.headerwrap { width: 100%;  }*/
  .header {
    width: 724px;
    left: 50%;
    margin-left: -362px;
  }

  .portfolio {
    width: 744px;
  }

  .portfolio .entry {
    width: 248px;
  }

  .portfolio.withsidebar {
    width: 538px;
  }

  .threecol .portfolio.withsidebar .entry {
    width: 269px;
  }

  .fourcol .portfolio.withsidebar .entry {
    width: 269px;
  }

  .fivecol .portfolio.withsidebar .entry {
    width: 269px;
  }

  .team .memberwrap {
    width: 33.3%;
  }

  .clients ul li {
    float: left;
    display: inline;
    width: 25%;
  }

  .pricing.fivecols .pricecol .pricewrap {
    width: 30.2%;
  }

  .pricing.fourcols .pricecol .pricewrap {
    width: 30.2%;
  }

  .pricing.threecols .pricecol .pricewrap {
    width: 30.2%;
  }

  .blogpost.smallmedia .postmedia {
    width: 200px;
  }

  .blogpost.smallmedia .postbody {
    width: 288px;
  }

  .fullblog .blogpost.smallmedia .postmedia {
    width: 270px;
  }

  .fullblog .blogpost.smallmedia .postbody {
    width: 424px;
  }
}
@media only screen and (max-width: 1199px) {
  .footer .col-md-3 {
    float: left;
    width: 100%;
  }

  .block-ik .footertitle h2 {
    line-height: 50px !important;
  }
}
/* ALL MOBILE SIZES */
@media only screen and (max-width: 767px) {
  .portfoliowrap {
    float: none;
  }

  .front .servicewrap {
    margin-bottom: 20px;
  }

  #isotope-container .mediaholder .link, #isotope-container .mediaholder .show {
    background: none;
  }

  /* THEME SETTINGS */
  .whitebackground {
    width: 100%;
    margin-left: 0;
    left: 0;
  }

  .footerwrap, .subfooterwrap {
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
    margin-left: -20px;
    left: 0;
  }

  .footer, .subfooter {
    margin-left: 0px;
  }

  .subfooter .spacer {
    padding-right: 10px;
  }

  .fullwidthlayout .allwrapper {
    padding: 0 20px;
    /*margin-left: -20px;*/
  }

  .pagetitlewrap {
    margin-left: -20px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .pagetitlewrap.boxed {
    width: 100%;
    left: 0;
    margin-left: -20px;
  }

  .pagetitle {
    width: 100%;
  }

  .pagetitle h1 {
    margin-top: 31px;
    padding-left: 0;
    text-align: center;
    width: 100%;
  }

  .pagetitlewrap.boxed .pagetitle h1 {
    margin-top: 33px;
    padding-left: 0;
    text-align: center;
    width: 100%;
  }

  .breadcrumbwrap, .pagetitlewrap.boxed .breadcrumbwrap {
    margin-right: 0;
    width: 100%;
    text-align: center;
    margin-top: -25px;
    margin-bottom: 28px;
  }

  .boxedspacer {
    margin: 0 !important;
  }

  .region.sidebar {
    float: left;
  }

  .pagetitlewrap.boxed {
    margin-top: 0;
  }

  .notitleboxedtop {
    margin-top: 0px;
  }

  .headertop .headerrighttext > div, .headertop .headerlefttext > div, .headerbottom .headerbottomtext > div {
    float: none;
  }

  .mobile-menu .icon-menu:hover {
    cursor: pointer;
    color: #777;
  }

  .front #firstcontentcontainer {
    overflow-x: visible;
    padding-top: 0;
  }

  .region.header > .block {
    position: relative;
    margin-left: 0px;
    margin-right: -20px;
  }

  .mediaholder {
    overflow: visible;
  }

  .headerwrap, .boxedlayout .headerwrap, .glavni-menu-wrapper, #firstcontentcontainer {
    width: 100%;
    margin: 0;
    margin-bottom: 0px;
    /*margin-left: -20px;*/
    padding-right: 40px;
    left: 0;
  }

  .header, .boxedlayout .header {
    width: 100%;
    z-index: 500;
    height: 80px;
    margin-left: 0;
    left: 0;
  }

  .header .logo, .boxedlayout .header .logo {
    float: left;
    padding: 0px;
    margin-left: 20px;
    position: absolute;
  }

  .mobilemenu, .boxedlayout .mobilemenu {
    padding-right: 0px;
    float: right !important;
    margin-top: 23.5px;
    margin-bottom: 34.5px;
    margin-right: 20px;
  }

  .footerwrap.wide, .subfooterwrap.wide, .footerwrap, .subfooterwrap {
    padding-left: 20px;
    padding-right: 20px;
    margin-left: 0px;
  }

  .footerwrap.wide .footer, .subfooterwrap.wide .subfooter, .headertopwrap.wide .headertop, .headertopwrap .headertop, .headerbottomwrap.wide .headerbttom, .headerbottomwrap .headerbttom, .footerwrap .footer, .subfooterwrap .subfooter {
    width: 100%;
  }

  .portfolio {
    width: 100%;
  }

  .portfolio .entry {
    width: 49.5%;
  }

  .mediaholder .show, .mediaholder .itemcategories, .mediaholder .cover, .mediaholder .itemtitle {
    display: none;
  }

  .mediaholder .link {
    cursor: pointer;
    position: absolute;
    left: 0;
    top: 0;
    color: transparent;
    background: transparent;
    width: 100%;
    height: 100%;
    margin-top: 0px;
    margin-left: 0px;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -o-transition: all 0.2s;
    -ms-transition: all 0.2s;
    -moz-opacity: 1;
    filter: alpha(opacity=100);
    opacity: 1;
    border-radius: 0px;
  }

  .link.notalone {
    left: 0;
    margin-left: 0;
  }

  .mediaholder:hover .link {
    -moz-opacity: 1;
    filter: alpha(opacity=100);
    opacity: 1;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
  }

  .mediaholder:hover .link.notalone {
    left: 0;
    top: 0;
  }

  .mediaholder:hover .link {
    top: 0;
  }

  .mediaholder .link:hover {
    background: transparent;
  }

  .mediaholder:hover img {
    filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0'/></filter></svg>#grayscale");
    filter: none;
    -webkit-filter: grayscale(0%);
  }

  a.service {
    margin-bottom: 10px;
  }

  a.service:hover {
    color: #777;
  }

  a.service:hover h4 {
    color: #444;
  }

  a.service:hover h5 {
    color: #bbb;
  }

  a.service:hover .serviceicon {
    color: #fff;
    background-color: #666;
  }

  .servicewrap {
    margin-bottom: 0px;
  }

  .headertop, .headertopwrap, .headerbottomwrap, .headerbottom, .headerwrap, .glavni-menu-wrapper, #firstcontentcontainer {
    width: 100%;
    margin: 0;
    padding: 0;
    left: 0;
  }

  .boxedlayout .headertopwrap, .boxedlayout .headerbottomwrap, .boxedlayout .headerwrap, .glavni-menu-wrapper, #firstcontentcontainer {
    margin-left: 0px;
    padding-right: 0px;
  }

  .boxedlayout .headertopwrap .headertop, .boxedlayout .headerbottomwrap .headerbottom {
    margin-left: 20px;
  }

  .headertop .headerlefttext, .headerbottom .headerbottomtext {
    width: 100%;
    margin: 0;
    padding: 0;
    left: 0;
    text-align: center;
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .social {
    position: relative;
    text-align: center;
    left: 50%;
    padding: 0;
    margin: 0;
  }

  .social ul {
    margin: 0;
    padding: 0;
    margin-top: 10px;
    margin-bottom: 10px;
  }

  .linktext {
    display: none;
  }

  .one_half, .one_third, .two_third, .three_fourth, .one_fourth, .one_fifth, .one_sixth {
    width: 100%;
  }

  .col-md-9.right {
    margin-bottom: 80px;
  }

  .col-md-9.left {
    margin-bottom: 80px;
  }

  .pagewrapright {
    padding-right: 0px;
  }

  .pagewrapleft {
    padding-left: 0px;
  }

  .blogpost .date {
    /*display: none;*/
    margin-left: -6px;
  }

  .blogpost h2 {
    padding-left: 57px;
  }

  .blogpost .posttext {
    padding-left: 0px;
    padding-right: 0px;
  }

  .blogpost .readmore {
    float: left;
    position: relative;
    right: 0px;
    margin-top: 20px;
  }

  .blogpost .postinfo {
    padding-left: 57px;
  }

  .blogpost .postbody {
    padding-left: 0;
  }

  .blogpost.smallmedia .postmedia {
    width: 100%;
    margin-bottom: 25px;
  }

  .blogpost.smallmedia .postbody {
    width: 100%;
  }

  .blogpost.smallmedia h4 {
    margin-top: 27px;
  }

  .fullblog .blogpost.smallmedia .postmedia {
    width: 100%;
  }

  .fullblog .blogpost.smallmedia .postbody {
    width: 100%;
  }

  .blogpost.nodate h2 {
    padding-left: 0px;
  }

  .blogpost.nodate .postinfo {
    padding-left: 0px;
  }

  .blogpost.singlepost .posttext {
    padding-right: 0px;
  }

  .footer .widget {
    margin-bottom: 50px;
  }

  .subfooter .textwidget {
    float: left;
    margin: 0;
    margin-bottom: 0px;
    width: 100%;
  }

  .subfooter .col-md-6.lefttext {
    float: left;
    margin: 0;
    padding: 0;
    text-align: center;
    margin-bottom: 5px;
    width: 100%;
  }

  .subfooter .col-md-6.righttext {
    float: left;
    margin: 0;
    padding: 0;
    text-align: center;
    margin-bottom: 0px;
    width: 100%;
  }

  .subfooter .righttext .first {
    float: left;
  }

  .subfooter .widget_nav_menu {
    float: left !important;
  }

  .subfooterwrap.wide, .subfooterwrap {
    width: 100%;
    left: 0;
    margin-left: 0;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    padding-left: 20px;
    padding-right: 20px;
  }

  .subfooterwrap.wide .subfooter, .subfooterwrap .subfooter {
    margin: 0;
    width: 100%;
  }

  .pagetitle h1 {
    text-align: center;
  }

  .col-md-9.left .pagination {
    margin: 0;
  }

  .col-md-9.right .pagination {
    margin: 0;
  }

  .gmap {
    height: 200px;
  }

  #gmap_inner {
    height: 200px;
  }

  #optionswrap {
    display: none;
  }

  .highlightbox .btnpos {
    margin-top: 0px;
  }

  .highlightbox .one_fourth .btn {
    float: left !important;
    margin-bottom: 15px;
  }

  .headertop .col-md-6 {
    float: none;
    clear: both;
  }

  .headertop .themetasticSocials {
    float: none !important;
    clear: both;
  }

  .headertop .social {
    left: 0;
  }

  .headertop .social ul {
    text-align: center;
    margin-top: 0px;
    margin-bottom: 0px;
  }

  .headertop .social ul li {
    float: none;
    display: inline-block;
  }

  .homesliderwrapper {
    margin-top: 0px;
  }

  .clients ul li img {
    filter: none;
    -webkit-filter: grayscale(0%);
  }

  .clients ul li img:hover {
    filter: none;
    -webkit-filter: grayscale(0%);
  }
}
/* MOBILE LANDSCAPE TO TABLET PORTRAIT */
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .clients ul li {
    float: left;
    display: inline;
    width: 33.3333%;
  }

  .team .memberwrap {
    width: 50%;
  }

  .pricing.fivecols .pricecol .pricewrap {
    width: 44.8%;
  }

  .pricing.fourcols .pricecol .pricewrap {
    width: 44.8%;
  }

  .pricing.threecols .pricecol .pricewrap {
    width: 44.8%;
  }
}
@media only screen and (max-width: 767px) {
  .blogpost .postinfo {
    padding-left: 0;
  }

  .homepost .postbody, .blogpost .postbody {
    padding-left: 0px;
  }

  .postdate {
    padding-left: 0px;
  }

  .block-akti table {
    margin-top: 15px;
  }

  .block-akti table.cols-2 td {
    padding-left: 0px !important;
  }

  .node-type-article #block-system-main, .node-type-akt #block-system-main, .node-type-board #block-system-main, .page-crm-core-contact #block-system-main, .odmak-80 #block-system-main, .node-type-imovinska-forma .field-name-body, .node-type-zahtjev-za-misljenjem .field-name-body, .forma-misljenje-nedostupno, .node-type-prijava-sukoba-interesa .field-name-body, .forma-prijava-nedostupno, .no-user-account p, .page-user.page-user-reset #block-system-main {
    padding-left: 0px;
  }

  .no-user-account .footertitle h2 {
    padding-left: 0;
  }

  #firstcontentcontainer {
    padding-top: 15px;
  }

  .registar-popis .view-content table {
    background: #fff;
  }

  .registar-popis .view-content table th {
    font-size: 0.6470588235rem !important;
    line-height: 13px;
  }

  .registar-popis .view-content table th, .registar-popis .view-content table td {
    padding: 4px 2px;
    font-size: 0.6470588235rem;
    line-height: 13px;
  }

  .page-crm-core-contact .content .block-views {
    margin-left: 0 !important;
  }

  .page-crm-core-contact .content .block-views .view-content td, .page-crm-core-contact .content .block-views .view-content table th {
    padding: 1px 4px !important;
    font-size: 0.7058823529rem;
    line-height: 14px;
  }

  .page-crm-core-contact .content .block-views .view-content td:before {
    display: none !important;
  }

  .block-articles .postdate .date-day {
    margin: 0;
    font-size: 0.7058823529rem;
    margin-right: 10px;
    width: auto;
    line-height: 27px;
  }

  .block-articles .postdate .date-month-year {
    line-height: 28px;
    width: auto;
  }

  .block-articles .postdate {
    padding-left: 0;
    position: inherit;
  }
}
/* MOBILE PORTRAIT TO MOBILE LANDSCAPE */
@media only screen and (min-width: 0px) and (max-width: 479px) {
  .clients ul li {
    float: left;
    display: inline;
    width: 50%;
  }

  .team .memberwrap {
    width: 100%;
  }

  .pricing.fivecols .pricecol .pricewrap {
    width: 94%;
  }

  .pricing.fourcols .pricecol .pricewrap {
    width: 94%;
  }

  .pricing.threecols .pricecol .pricewrap {
    width: 94%;
  }

  #respond input {
    float: left;
    width: 100%;
    margin-right: 0;
  }

  .nav-tabs > li {
    margin-bottom: 5px;
    margin-right: 5px;
  }

  .nav-tabs > .active > a, .nav-tabs > .active > a:hover {
    border: 1px solid #eee;
  }

  .blogpost.singlefolio h2 {
    padding-right: 0px;
  }

  .blogpost.singlefolio .postinfo {
    padding-right: 0px;
  }

  .pricing.fourcols .pricecol .pricewrap,
.pricing.twocols .pricecol .pricewrap,
.pricing.fivecols .pricecol .pricewrap,
.pricing.threecols .pricecol .pricewrap {
    width: 98% !important;
  }
}
/* MOBILE MENU */
/* ------------------------------------ */
@media only screen and (max-width: 1199px) {
  #mainmenu, .submenu {
    float: left;
    visibility: hidden;
    height: 0;
    width: 0;
  }

  .mainmenu {
    background: #fff;
    border-top: 0;
    border-right: 0;
    border-bottom: 0;
  }

  .headersearch {
    display: none;
  }

  .mobilemenu {
    display: block;
  }

  /*.ls-layer > div{ display: none!important;}*/
}
@media only screen and (max-width: 767px) {
  #mainmenu, .submenu {
    float: left;
    visibility: hidden;
    height: 0;
    width: 0;
  }

  .mainmenu {
    background: #fff;
    border-top: 0;
    border-right: 0;
    border-bottom: 0;
  }

  .headersearch {
    display: none;
  }

  .mobilemenu {
    display: block;
  }

  /*.ls-layer > div{ display: none!important;}*/
  .headertop .headerlefttext .textwidget {
    float: none;
  }

  .headertop .headerrighttext .textwidget {
    float: none;
  }

  .headerbottm .headerbottomtext .textwidget {
    float: none;
  }

  .headerleftwrap {
    width: 100%;
  }

  .headerleftwrap .textwidget {
    display: inline-block;
  }

  .headerrighttext {
    margin: 0;
    padding: 0 !important;
  }

  .headerrightwidget {
    text-align: center;
    float: none !important;
    clear: both;
    margin-left: 0px !important;
  }

  .headerrightwidget ul {
    text-align: center;
  }

  .headerrightwidget ul li {
    display: inline-block;
    text-align: left;
  }

  .headerrightwidget ul li ul li {
    display: block;
  }

  .headerlefttext {
    margin: 0;
    padding: 0 !important;
  }

  .headerleftwidget {
    text-align: center;
    float: none !important;
    clear: both;
  }

  .headerleftwidget ul {
    text-align: center;
  }

  .headerleftwidget ul li {
    display: inline-block;
    text-align: left;
  }

  .headerleftwidget ul li ul li {
    display: block;
  }

  .headertop .icon_wrap:last-child {
    margin-right: 0px;
  }
}
@media only screen and (max-width: 480px) {
  .headertop span.login {
    display: none;
  }

  .headertop .icon_wrap {
    margin-right: 15px;
  }

  /*.ls-layer > div{ display: none!important;}*/
}
/* LANGUAGE SWITCHER */
/* 	#block-lang-dropdown-language { position: relative; z-index: 50000; } */
/* 	.dd .ddTitle { */
/* 		background: none; */
/* 		border: none; */
/* 		padding: 3px; */
/* 		text-indent: 0; */
/* 		cursor: default; */
/* 		overflow: hidden; */
/* 		height: 16px; */
/* 	} */
/* 	.dd .ddTitle span.arrow { */
/* 		background: #fff url(../img/nav-arrow-down.png) right no-repeat; */
/* 		color: #444; */
/* 		float: right; */
/* 		display: inline-block; */
/* 		width: 16px; */
/* 		height: 16px; */
/* 		cursor: pointer; */
/* 	} */
/* 	.menu-item img.iclflag { margin-bottom: 2px !important; margin-right: 5px !important; } */
/* 	.headertop #lang_sel { margin-top: 3px; height: auto; } */
/* 	#lang_sel img.iclflag { top: -1px; } */
/* 	#lang_sel { z-index: 1000 !important; } */
/* 	#lang_sel ul ul { z-index: 1000 !important; } */
/* 	#lang_sel ul li a { */
/* 		border: 0px solid #e5e5e5; */
/* 	} */
/* 	#lang_sel > ul { */
/* 		border: 1px solid #fff; */
/* 	} */
/* 	#lang_sel > ul:hover { */
/* 		border: 1px solid #e5e5e5; */
/* 	} */
/* 	#lang_sel ul li ul { */
/* 		left: -1px; */
/* 	} */
/* 	#lang_sel ul ul { */
/* 		border-top : 0; */
/* 	} */
/* 	#lang_sel ul li ul li { */
/* 		border-left: 1px solid #e5e5e5; */
/* 		border-right: 1px solid #e5e5e5; */
/* 	} */
/* 	#lang_sel ul li ul li:last-child { */
/* 		border-bottom: 1px solid #e5e5e5; */
/* 	} */
/* MISC STYLES */
.content .tabs .nav-tabs {
  margin-bottom: 20px;
}

.fluid-width-video-wrapper {
  padding-top: 56.25% !important;
}

.prescript,
.postscript {
  width: 100%;
  float: left;
}

.alert {
  padding: 1em 35px 1em 14px;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
  background-color: #fcf8e3;
  border: 1px solid #fbeed5;
  border-radius: 2px;
  color: #c09853;
  clear: both;
}

.alert-success {
  background-color: #dff0d8;
  border-color: #d6e9c6;
  color: #468847;
}

.alert-danger,
.alert-error {
  background-color: #f2dede;
  border-color: #eed3d7;
  color: #b94a48;
}

.alert-info {
  background-color: #d9edf7;
  border-color: #bce8f1;
  color: #3a87ad;
}

.alert .messagebox_text {
  padding-left: 28px;
  background: url(../img/icons/alert.png) no-repeat left center;
}

.alert-info .messagebox_text {
  background: url(../img/icons/info.png) no-repeat left center;
}

.alert-success .messagebox_text {
  background: url(../img/icons/tick.png) no-repeat left center;
}

.alert-error .messagebox_text {
  background: url(../img/icons/exclamation.png) no-repeat left center;
}

ul.retina-icons {
  list-style: none;
  margin: 0;
}

ul.retina-icons li {
  height: 42px;
  float: left;
}

ul.retina-icons li span {
  line-height: 36px;
  color: #777;
}

ul.retina-icons li i:hover {
  cursor: pointer;
}

ul.retina-icons li i {
  float: left;
  font-size: 0.8235294118rem;
  margin-right: 5px;
  margin-bottom: 5px;
  padding: 7px 10px;
  border: 1px solid #ccc;
  border-radius: 5px;
}

.form-actions .form-submit {
  margin-top: 20px;
}

.field-name-field-categories {
  display: inline-block;
}

#block-views-themetastic-homepage-serv4col {
  margin-top: -20px;
}

.page-taxonomy-term .node {
  border-bottom: 1px solid #e4e4e4;
  padding-top: 20px;
}

.contextual-links-wrapper {
  float: left;
  display: block;
  z-index: 2000;
}

#toolbar {
  z-index: 50000;
}

.node-type-blog-post .field-type-image img {
  width: 100%;
}

/* STICKY HEADER (ADDED V1.1) */
@media only screen and (min-width: 767px) {
  .fixed {
    background: #fff;
    width: 100%;
    position: fixed;
    z-index: 50001;
  }

  .fixed.headerwrap {
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.07);
  }

  .boxedlayout.sticky-header .headerwrap.fixed {
    position: fixed;
  }

  .stickyheader .fancybox-lock .fancybox-overlay {
    z-index: 100000;
  }
}
.language-switcher-locale-url {
  margin: 0 35px 0 0;
  padding-left: 0;
}

.language-switcher-locale-url li {
  display: inline-block;
  margin-left: 5px;
}

.language-switcher-locale-url li a.language-link {
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  display: block;
  width: 16px;
  height: 12px;
}

.language-switcher-locale-url li a.language-link img.language-icon {
  display: block;
  width: 16px !important;
  height: 12px !important;
}

/*
#block-block-11{ margin:5px 0 0 0; width:100%; text-align:right;}*/
.twitter-box {
  float: left;
  max-height: 320px;
  overflow: hidden;
  margin-bottom: 20px;
}

.poll {
  float: left;
}

#fb-root {
  display: none;
}

.fb-like-box {
  background-color: #fff;
}

.social-box {
  float: left;
}

.fb_iframe_widget {
  margin-right: 30px;
}

/*.view-display-id-proj4col{margin-top:20px;}*/
.social-links {
  width: 100%;
  margin-top: 10px;
  margin-bottom: 40px;
}

.social-link {
  display: inline-block;
  width: 36px;
  height: 36px;
  margin-right: 5px;
}

.social-contact {
  list-style: none;
  margin: 0;
}

.social-contact li {
  line-height: 22px;
}

.social-contact li a {
  display: inline-block;
}

.follow-us {
  margin-top: 40px;
}

.sidebar ul, ul {
  list-style: none;
  margin-left: 0;
}

.field-items > .row {
  margin-left: -10px;
}

.field-items .row {
  margin-bottom: 20px;
}

.field-items .row .row {
  margin-left: 0;
}

/* Style Without Shadows */
/*
.block-superfish .style-2 .left-corner,
.block-superfish .style-2 .right-corner { display: none; }
.block-superfish .style-2 { width: 1020px !important; margin-left: 0 !important; }
.block-superfish .style-2 ul li:first-child { margin-left: 1px !important; }

.block-superfish .js .selectnav,.block-superfish  select {
    display: none;
}

.block-superfish .menu i.halflings { margin: 1px 2px 0 -2px; }

.block-superfish .menu ul, .menu li > div {
    visibility: hidden;
    display: none;
}

.block-superfish .menu li:hover > ul,.block-superfish  .menu li:hover > div {
    visibility: visible;
    display: block;
}


*/
/* Shadows */
/*
.block-superfish .left-corner,
.block-superfish .right-corner {
    display:block;
    width: 0px;
    height: 0px;
    border-style: solid;
    position: relative;
    top: 49px;
    float: left;
    opacity: 0.58;
    filter:alpha(opacity=58);
}

.block-superfish .left-corner {
    border-color: transparent #888 transparent transparent;
    border-width: 0 9px 9px 0;
    float: left;
    left: 1px;
}

.block-superfish .right-corner {
    border-color: #888 transparent transparent transparent;
    border-width: 9px 9px 0 0;
    float: right;
    right: 1px;
}


*/
/* Reset  */
/*
.block-superfish .menu,.block-superfish  .menu ul {
    margin:0;
    padding:0;
    list-style:none;
}

.block-superfish .menu li, .block-superfish  .menu ul a {position:relative;}
.block-superfish .menu > li {float:left;}
.block-superfish .menu > li.floatr {float:right;}
.block-superfish .menu li > a, .block-superfish  .menu li > span {display:block;}

.block-superfish .menu ul {
    position:absolute;
    display:none;
    width:170px;
    top: 100%;
}
.block-superfish .menu ul ul {
    top:0;
    left:170px;
}

.block-superfish .menu li:hover > ul {display:block;}

.block-superfish ul li:first-child { margin-left: -8px; }
.block-superfish ul li ul li:first-child,
.block-superfish ul li ul li ul li:first-child { margin-left: 0; }

.block-superfish ul li a.sf-depth-1.active,
.block-superfish ul li.active-trail a.sf-depth-1 {
    background-color: #169fe6;
    border-right: 1px solid #169fe6;
    margin-left: -1px;
    padding-left:21px;
    z-index: 8;
    position: relative;
}

.block-superfish .menu a {text-decoration:none;}

.block-superfish .menu > li > a, .block-superfish  .menu > li > span {
    color:#fff;
    font-weight: 400;
    font-size:calculateRem( 13px);
    line-height:18px;
    padding: 15px 20px 16px 20px;
}

.block-superfish .menu > li:hover > a, .block-superfish  .menu > li:hover > span {
    background-color: #707070;
    border-left:none;
    padding-left:21px;
    border-right:1px solid #707070;
    margin: 0 0 0 -1px;
}

.block-superfish ul.menu li a, .block-superfish  ul.menu li > span {
    -webkit-transition: background-color 80ms ease-in-out;
    -moz-transition: background-color 80ms ease-in-out;
    -o-transition: background-color 80ms ease-in-out;
    -ms-transition: background-color 80ms ease-in-out;
    transition: background-color 80ms ease-in-out;
}

.block-superfish .menu ul li a, .block-superfish  .menu ul li span{
    -webkit-transition: background-color 20ms ease-in-out, color 20ms ease-in-out;
    -moz-transition: background-color 20ms ease-in-out, color 20ms ease-in-out;
    -o-transition: background-color 20ms ease-in-out, color 20ms ease-in-out;
    -ms-transition: background-color 20ms ease-in-out, color 20ms ease-in-out;
    transition: background-color 20ms ease-in-out, color 20ms ease-in-out;
}

.block-superfish .menu > li > a, .block-superfish  .menu > li > span { border-right:1px solid #666; }
.block-superfish .menu > li > a:hover { border-right:1px solid #707070; margin: 0 0 0 -1px; }

.block-superfish .menu > li > a img,.block-superfish  .menu li > ul > li > a img {
    border:0;
    margin-right:7px;
}


*/
/* Sub Menu */
/*
.block-superfish .menu ul {
    background-color: #fff;
    border:1px solid #e0e0e0;
    border-top:none;
    left:-1px;
    z-index: 999;
    */
/*border-radius: 0 0 2px 2px;
-webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.04);
box-shadow: 0 1px 1px rgba(0,0,0,0.04);*/
/*
}

.block-superfish .menu ul a, .block-superfish  .menu ul span {
    color: #777;
    font-size:calculateRem( 12px);
    line-height: 18px;
    padding: 9px 12px;
    border-top: 1px solid #e6e6e6;
    width:146px;
}

.block-superfish .menu ul a:hover, .block-superfish  .menu ul span:hover {
    background-color:#f5f5f5;
}


*/
/* Mega Menu */
/*
.block-superfish .menu .cols1,.block-superfish  .menu .cols2,.block-superfish  .menu .cols3,.block-superfish  .menu .cols4,.block-superfish  .menu .cols5 {
    position:absolute;
    display:none;
    overflow:auto;
    z-index: 999;
    background: #fff;
}

.block-superfish .menu .cols1,.block-superfish  .menu .col1 {width:160px;}
.block-superfish .menu .cols2,.block-superfish  .menu .col2 {width:320px;}
.block-superfish .menu .cols3,.block-superfish  .menu .col3 {width:480px;}
.block-superfish .menu .cols4,.block-superfish  .menu .col4 {width:640px;}
.block-superfish .menu .cols5,.block-superfish  .menu .col5 {width:800px;}
.block-superfish .menu > li.floatr > ul.cols1,.block-superfish  ul.cols2,.block-superfish  ul.cols3,.block-superfish  ul.cols4,.block-superfish  ul.cols5 {right:0;}
.block-superfish .menu > li:hover > ul.cols1,.block-superfish  ul.cols2,.block-superfish  ul.cols3,.block-superfish  ul.cols4,.block-superfish  ul.cols5 {display:block;}
.block-superfish .menu .col1,.block-superfish  .menu .col2,.block-superfish  .menu .col3,.block-superfish  .menu .col4,.block-superfish  .menu .col5 {float:left;}

.block-superfish .menu li > ul.cols1,.block-superfish ul.cols2,.block-superfish  ul.cols3,.block-superfish  ul.cols4,.block-superfish ul.cols5  {
    background-color:#fff;
    border:1px solid #e0e0e0;
    border-top:none;
    left:-1px;
    padding:10px;
}

.block-superfish ul.cols1 a:hover,.block-superfish  ul.cols2 a:hover,.block-superfish  ul.cols3 a:hover,.block-superfish  ul.cols4 a:hover,.block-superfish  ul.cols5 a:hover {
    background: none;
    border: none;
}

.block-superfish ul.cols1 a,.block-superfish  ul.cols2 a,.block-superfish  ul.cols3 a,.block-superfish  ul.cols4 a,.block-superfish  ul.cols5 a {
    background: none;
    border: none;
}

.block-superfish ul.cols1 p a,.block-superfish  ul.cols2 p a,.block-superfish  ul.cols3 p a,.block-superfish  ul.cols4 p a,.block-superfish  ul.cols5 p a {
    padding: 0;
}

.block-superfish  .menu h4 {
    font-size:calculateRem( 13px);
    color: #888;
    font-weight: normal;
    margin: 0px 10px 5px;
    padding-bottom: 5px;
    border-bottom: 1px solid #e0e0e0;
    letter-spacing: 0;
}

.block-superfish  .menu h5 {
    font-size:calculateRem( 13px);
    margin: 8px 10px -3px 10px;
}
.block-superfish  .menu ol {
    list-style:none;
    margin: 7px 10px;
    padding: 0;
}

.block-superfish  .menu ol a {
    color: #777;
    font-size:calculateRem( 12px);
    padding: 3px 0;
    line-height: 15px;
}

.block-superfish  .menu ol a:hover {
    color: #444;
}
.block-superfish  .menu p {
    font-size:calculateRem( 12px);
    line-height: 18px;
    margin: 9px 10px;
    padding: 0;
}
.block-superfish  .menu p a {
    color: #888;
    text-decoration: underline;
}
.block-superfish  .menu p a:hover {
    color: #555;
}*/
/**END NAVIGATION MENU**/
.form-item-search-block-form {
  float: left;
}

.form-actions.form-wrapper {
  float: left;
}

.form-submit, #edit-submit-imovinske-kartice {
  margin: 0 0 0 10px !important;
  padding: 4px 10px !important;
  line-height: 22px !important;
}

#edit-submit-imovinske-kartice {
  color: #fff !important;
  margin-top: 5px !important;
}

#name-and-slogan {
  font-size: 2rem;
  margin: -80px 0 0 220px;
}

.front #prescript .block-block {
  float: left;
}

.oz-list.row .row {
  margin-left: 30px !important;
}

.oz-map {
  width: 100%;
  height: 250px;
  margin-bottom: 35px;
  background: #eee;
  border-radius: 5px;
  -webkit-mask-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC);
  overflow: hidden;
}

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

.oz-map .gmnoprint {
  margin-top: 0px;
}

.person-photo-holder img {
  margin: 15px 0;
}

.oz-readmore a {
  width: 172px;
  margin-top: 15px;
}

.oz-list {
  margin-bottom: 35px;
}

.oz-list ul li {
  line-height: 25px;
}

.oz-list h2 {
  margin-bottom: 15px;
}

.node-type-bar-association .postscript-fourth .view-themetastic-homepage {
  margin-left: 0;
}

/**
* FOTO ARHIVA
**/
.multimedia-holder {
  float: left;
  width: 100%;
  background: #f0f0f0;
  height: 100px;
  position: relative;
}

.multimedia-holder .multimedia-title {
  margin: 10px 0;
  text-align: center;
}

.multimedia-holder .postinfo {
  height: 25px;
  margin-bottom: 0;
  display: block;
  text-align: center;
  line-height: 25px;
  position: absolute;
  bottom: 15px;
}

.node-gallery .three, .node-gallery .row .three {
  /*width: 25%;*/
  float: left;
  min-height: 1px;
  padding: 10px;
  position: relative;
}

.node-gallery {
  margin-left: 30px !important;
}

.node-gallery li > div {
  width: 100%;
  height: 200px;
  position: relative;
  z-index: 1;
  overflow: hidden;
}

.fancybox-overlay {
  z-index: 99999 !important;
}

/**
* END FOTO ARHIVA
**/
/**
* FORMA
**/
.webform-component {
  float: left;
  width: 100%;
}

.webform-client-form .form-item label {
  font-size: 0.9411764706rem;
  color: #2a80b9;
  margin-bottom: 10px;
}

.webform-client-form .form-item {
  margin-bottom: 15px;
}

textarea {
  resize: none;
}

.form-checkboxes .form-item, .form-radios .form-item {
  float: left;
  min-width: 40px;
  margin-right: 15px;
}

.form-checkboxes .form-item input, .form-radios .form-item input {
  margin-bottom: 3px;
  margin-left: 14px;
}

.form-checkboxes .form-item label, .form-radios .form-item label {
  text-align: center;
}

.webform-client-form .form-submit.btn-red {
  background: #fe0908 !important;
  margin-left: 0 !important;
  padding: 12px 22px !important;
  font-size: 1.0588235294rem;
}

.webform-client-form .form-submit.btn-red:hover {
  background: #dd0a09 !important;
}

/**
* END FORMA
**/
/**
* IMENIK
**/
.view-crm-core-contacts .view-content td {
  padding: 4px 10px;
}

.views-submit-button, .views-reset-button {
  margin-top: 25px;
}

.page-crm-core-contact #postscript .row {
  margin-left: 0 !important;
}

/*.page-crm-core-contact .postscript-third .block{margin-bottom:20px;}*/
.entity-crm-core-contact .field-label {
  font-size: 1.2941176471rem;
  font-weight: normal;
  margin-bottom: 5px;
}

.entity-crm-core-contact .field-item:before {
  font-family: "fontello";
  content: "\25A0";
  color: #f55a3b;
  font-size: 0.5882352941rem;
  line-height: 20px;
  padding-right: 8px;
}

.entity-crm-core-contact .content {
  padding-bottom: 30px;
  border-bottom: 1px solid #ebebeb;
  margin-bottom: 25px;
}

.color-duznosnik.page-crm-core-contact #block-system-main {
  display: none !important;
}

.views-field-field-datum-duznosti > div {
  display: inline-block;
}

.page-crm-core-contact .content .footertitle h2 {
  font-size: 1.7647058824rem;
  line-height: 50px;
  margin-bottom: 30px;
}

.page-crm-core-contact .content .block-views {
  margin-left: 80px;
  padding-bottom: 30px;
  float: left;
  border-bottom: 1px solid #ebebeb;
  margin-bottom: 25px;
}

.page-crm-core-contact .content .block-views table {
  width: 100%;
  float: left;
}

.page-crm-core-contact .content .block-views th {
  font-size: 1.0588235294rem;
  font-weight: normal;
  padding-bottom: 5px;
  font-weight: bold;
}

.page-crm-core-contact .content .block-views td:before {
  font-family: "fontello";
  content: "\25A0";
  color: #f55a3b;
  font-size: 0.5882352941rem;
  line-height: 20px;
  padding-right: 8px;
}

.no-before:before {
  content: "";
  display: none !important;
}

.page-crm-core-contact .content .block-views .view-content td {
  padding: 1px 10px;
}

.page-crm-core-contact .content .block-views .view-crm-core-contacts {
  float: left;
  width: 100%;
}

.page-crm-core-contact .content .block-views .block-akti td:before {
  display: none;
}

.page-crm-core-contact .content .block-views .block-akti .categories a {
  font-weight: bold;
}

.page-crm-core-contact .content .block-views.akti-duznosnika {
  border-bottom: none;
}

.page-crm-core-contact .content .block-views.ik-duznosnika {
  padding-bottom: 5px;
}

.page-crm-core-contact .content .block-views.ik-duznosnika .aktwrapper {
  padding: 0;
  margin: 0;
  border: 0;
}

/**
* END IMENIK
**/
/**
* SEARCH
**/
#block-system-main, .region.sidebar {
  margin-bottom: 20px;
}

.page-search h2 {
  text-align: left;
  float: left;
  width: 100%;
  font-size: 1.0588235294rem;
  margin: 20px 0;
  line-height: 22px;
}

.search-form {
  float: left;
  width: 100%;
}

fieldset.search-advanced {
  float: left;
  width: 100%;
}

#block-system-main > ul {
  float: left;
  width: 100%;
}

fieldset.search-advanced .fieldset-legend a {
  font-size: 0.8235294118rem;
}

.page-search ol.search-results {
  float: left;
  width: 100%;
}

.page-search .form-submit {
  margin: 10px 0 15px 0 !important;
}

.search-results.node-results {
  margin-left: 0;
}

.search-results.node-results h3 {
  margin-bottom: 5px;
}

.search-results.node-results .search-result {
  margin-bottom: 15px;
}

/**
* END SEARCH
**/
/**
* FORM IMOVINSKE KARTICE
**/
.imovinska-zaglavlje {
  margin-top: 20px;
}

.ik-predaja-f1 .main-name-img {
  margin-bottom: 0px;
}

.ik-predaja-f1 .adresa-povjerenstva {
  float: left;
  width: 100%;
  padding-left: 60px;
  font-weight: bold;
}

.ik-predaja-f3 {
  margin: 20px 0;
}

.ik-predaja-f3 .datum-predaje {
  float: left;
  width: 100%;
  padding-left: 25px;
}

.ik-predaja-f3 .svrha-predaje {
  float: left;
  width: 100%;
  padding-left: 25px;
}

.imovinska-forma-wrapper table {
  width: 100%;
  float: left;
}

.imovinska-forma-wrapper .fieldset {
  margin-bottom: 20px;
  float: left;
  width: 100%;
  position: relative;
}

.imovinska-forma-wrapper .fieldset .fieldset {
  margin-bottom: 10px;
  float: left;
  width: 100%;
}

.imovinska-forma-wrapper .fieldset h3.legend {
  margin: 0;
  font-size: 1.2352941176rem;
}

.imovinska-forma-wrapper .has-feedback .form-control {
  padding-right: 12px;
}

.imovinska-forma-wrapper .form-control {
  float: left;
}

.imovinska-forma-wrapper label {
  font-size: 0.8823529412rem;
}

.imovinska-forma-wrapper .imovinska-outer {
  margin-top: 20px;
}

.imovinska-forma-wrapper #imovinska-prijava > .fieldset {
  border: 1px solid #a4aeb8;
  padding-top: 45px;
}

.imovinska-forma-wrapper #imovinska-prijava > .fieldset > h2.legend {
  position: absolute;
  top: -13px;
  left: 5px;
  background: #fff;
  padding: 0 15px;
  margin: 0;
  font-size: 1.4117647059rem;
}

.imovinska-forma-wrapper #imovinska-prijava .fieldset.no-border {
  border: none !important;
}

.imovinska-forma-wrapper #imovinska-prijava .fieldset.no-padding {
  padding: 0 !important;
  margin: 0 !important;
}

.imovinska-forma-wrapper #imovinska-prijava > .fieldset > .fieldset {
  float: left;
  width: 100%;
  border-top: 1px solid #f0f0f0;
  padding-top: 25px;
  margin-top: 15px;
}

.imovinska-forma-wrapper #imovinska-prijava > .fieldset > .fieldset h3.legend {
  position: absolute;
  top: -11px;
  left: 16px;
  background: #fff;
  padding: 0 15px;
  margin: 0;
}

.imovinska-forma-wrapper #imovinska-prijava > .fieldset > .fieldset h3.legend > i, .imovinska-forma-wrapper #imovinska-prijava > .fieldset > h2.legend > i, .imovinska-forma-wrapper label > i {
  font-style: normal !important;
}

.imovinska-forma-wrapper #imovinska-prijava > .fieldset > .fieldset .fieldset {
  float: left;
  width: 100%;
  border-top: 1px solid #f0f0f0;
  padding-top: 25px;
  margin-top: 15px;
}

.imovinska-forma-wrapper #imovinska-prijava .fieldset-napomena {
  padding-top: 25px;
}

.imovinska-forma-wrapper #imovinska-prijava a.btn-blue {
  background: #00b4ef;
  color: #fff;
  text-shadow: none;
}

.imovinska-forma-wrapper #imovinska-prijava a.btn-blue:hover {
  background: #0090bf;
  color: #fff !important;
}

.imovinska-forma-wrapper #imovinska-prijava a.btn-remove.btn-remove-child {
  margin-top: 29px;
}

.imovinska-forma-wrapper #imovinska-prijava a.btn-blue .glyphicon, .imovinska-forma-wrapper #imovinska-prijava .btn-red .glyphicon, button.btn-revalidate .glyphicon {
  margin-right: 10px;
}

.imovinska-forma-wrapper #imovinska-prijava button.btn-red, #error_list button.btn-revalidate {
  background: #f55a3b;
  color: #fff;
  text-shadow: none;
}

.imovinska-forma-wrapper #imovinska-prijava button.btn-red:hover, #error_list button.btn-revalidate:hover {
  background: #c4482f;
  color: #fff !important;
}

.imovinska-forma-wrapper #imovinska-prijava div[data-field=suvlasnik-postotak] {
  padding-right: 0 !important;
}

.imovinska-forma-wrapper #imovinska-prijava div[data-field=drugo-stjecanje] {
  padding-left: 0 !important;
}

.form-control-datepicker-single-wrpper .form-control {
  float: left;
  display: inline-block;
  width: 90%;
  margin-right: 5px;
}

.children-fieldset .form-control-datepicker-single-wrpper .form-control {
  width: 80%;
}

.form-control-datepicker-single-wrpper img {
  float: left;
  display: inline-block;
  margin-top: 2px;
}

.form-control-datepicker-single-wrpper img:hover {
  cursor: pointer;
}

/*.form-control-datepicker-single-wrpper .form-control-feedback{top: 30px!important; right: 50px!important;}*/
.form-control-combobox-single-wrpper .custom-combobox {
  position: relative;
  float: left;
  width: 100%;
}

.form-control-combobox-single-wrpper .custom-combobox-input {
  padding-right: 50px;
}

.form-control-combobox-single-wrpper .custom-combobox .custom-combobox-toggle {
  position: absolute;
  top: 0;
  bottom: 0;
  margin-left: -1px;
  padding: 0;
  right: 0;
  border: 1px solid #ccc !important;
  -webkit-border-top-right-radius: 4px;
  -webkit-border-bottom-right-radius: 4px;
  -moz-border-radius-topright: 4px;
  -moz-border-radius-bottomright: 4px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  transition: none !important;
}

.imovinska-forma-wrapper .has-error .custom-combobox-toggle {
  border-color: #a94442 !important;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.imovinska-forma-wrapper .has-success .custom-combobox-toggle {
  border-color: #3c763d !important;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.panel {
  width: 300px;
  float: right;
  height: 550px;
  background: #fff;
  position: fixed;
  right: -290px;
  top: 100px;
  z-index: 999998;
  border-bottom-left-radius: 3px;
  border-top: 1px solid #00b4ef;
  border-bottom: 1px solid #00b4ef;
  border-left: 1px solid #00b4ef;
  padding: 10px 20px;
}

.slider-arrow {
  padding: 10px 10px;
  width: 50px;
  float: right;
  background: #00b4ef;
  color: #fff;
  font-weight: bold;
  font-size: 1.4117647059rem;
  text-decoration: none;
  position: fixed;
  right: 9px;
  top: 100px;
  height: 45px;
  z-index: 999999;
  -webkit-border-top-left-radius: 3px;
  -webkit-border-bottom-left-radius: 3px;
  -moz-border-radius-topleft: 3px;
  -moz-border-radius-bottomleft: 3px;
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
  cursor: pointer;
}

#error_list .error-list-title {
  float: left;
  width: 100%;
  text-align: center;
  font-weight: bold;
  font-size: 0.8823529412rem;
  margin-bottom: 5px;
}

#error_list .error-list-description {
  float: left;
  width: 100%;
  font-size: 0.7058823529rem;
  border-bottom: 1px solid #848484;
  padding-bottom: 9px;
  margin-bottom: 5px;
  line-height: 14px;
}

#error_list .error-list-container {
  max-height: 350px;
  float: left;
  width: 100%;
  display: block;
  overflow-y: auto;
}

#error_list .error-list-no-error {
  float: left;
  width: 100%;
  font-size: 0.7058823529rem;
  border-top: 1px solid #848484;
  padding-top: 9px;
  margin-top: 5px;
  line-height: 14px;
}

#error_list .error-list-container .error-element {
  cursor: pointer;
  float: left;
  width: 100%;
  color: #a94442;
}

#error_list .error-list-container .error-element-notification {
  font-weight: bold;
  float: left;
  width: 100%;
  text-align: center;
  color: #3c763d;
}

#error_list .btn-revalidate {
  margin-top: 10px;
  width: 100%;
}

.margin-left-20 {
  margin-left: 20px;
}

.ui-menu .ui-menu-item {
  padding: 0 15px !important;
  font-size: 0.7647058824rem !important;
  line-height: 18px !important;
  font-weight: normal !important;
  background-image: none !important;
  border: none !important;
}

.ui-widget-content {
  border: 1px solid #7f9db9 !important;
}

.ui-autocomplete.ui-widget-content .ui-state-focus {
  font-weight: normal;
  font-size: 0.7647058824rem !important;
  line-height: 18px !important;
  background-color: #1e90ff !important;
  background-image: none !important;
  border: none !important;
  margin: 0 !important;
}

.ui-widget-overlay {
  z-index: 16000 !important;
}

.ui-dialog.ui-widget {
  z-index: 17000 !important;
}

.form-control-feedback {
  top: 30px !important;
  right: -15px !important;
}

small.help-block {
  float: left;
  width: 100%;
}

#ui-datepicker-div {
  z-index: 999 !important;
}

.fieldset-warning {
  font-size: 0.9411764706rem;
  line-height: 35px;
  color: #a94442;
  font-weight: bold;
}

.fieldset-warning i {
  top: 2px;
  left: -10px;
}

.ui-dialog-titlebar-close .dialog-glyphicon.glyphicon {
  top: -4px;
  font-size: 0.8235294118rem;
}

/*button.ui-multiselect{width:100%!important;
    -webkit-box-sizing: border-box; */
/* Safari/Chrome, other WebKit */
/*
-moz-box-sizing: border-box;    */
/* Firefox, other Gecko */
/*
    box-sizing: border-box;
    padding: 0 0 0 12px;
    text-align: left;
    background: none;
    font-weight:normal;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    color: #555;
    font-family: "proxima-nova", Verdana, sans-serif, Arial;
    webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    line-height: 33px;
}*/
/*button.ui-multiselect.ui-state-hover{color: #555;}
button.ui-multiselect.ui-state-active{color: #555;}
button.ui-multiselect .ui-icon.ui-icon-triangle-2-n-s{margin-top:8px;}*/
/*.ui-multiselect-checkboxes li input{margin-left:5px;}
.ui-multiselect-checkboxes li span{margin-left:7px; font-weight:normal;}
.ui-multiselect-checkboxes li label{font-size:calculateRem( 13px; line-height: 20px);}*/
.imovinska-forma-wrapper button.multiselect {
  background: none !important;
  white-space: pre-line;
  border: 1px solid !important;
  text-align: left;
  border-radius: 4px;
  color: #555;
  font-size: 0.8235294118rem;
  width: 100%;
  padding: 6px 12px !important;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.imovinska-forma-wrapper button.multiselect:hover {
  background: none !important;
}

.imovinska-forma-wrapper .has-error .btn-group button.multiselect {
  border-color: #a94442 !important;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.imovinska-forma-wrapper .has-success .btn-group button.multiselect {
  border-color: #3c763d !important;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.imovinska-forma-wrapper button.multiselect b.caret {
  float: right;
  margin-top: 2px;
  margin-right: 14px;
  border: 0 !important;
}

.imovinska-forma-wrapper button.multiselect b.caret {
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: "Glyphicons Halflings";
  font-style: normal;
  font-weight: 400;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.imovinska-forma-wrapper button.multiselect b.caret:before {
  content: "\E114";
  font-size: 0.7058823529rem;
}

.imovinska-forma-wrapper .multiselect-container {
  width: 100%;
  margin-top: 0;
}

.imovinska-forma-wrapper .multiselect-container li > a {
  padding: 3px 0px;
}

.imovinska-forma-wrapper .multiselect-container li > a label {
  color: #555;
}

.imovinska-forma-wrapper .multiselect-container li.disabled {
  display: none;
}

.privatni-podatak {
  float: right;
  color: #a94442;
  line-height: 24px;
}

.obavezni-podatak {
  float: right;
  color: #000;
  line-height: 24px;
  margin-left: 10px;
}

.pomoc-podatak {
  float: right;
  color: #0391c0;
  line-height: 24px;
  margin-left: 30px;
  cursor: pointer;
}

.imovinska-upute .oznaceno {
  color: #0391c0;
}

/*.form-control-feedback.glyphicon.glyphicon-asterisk{display:none!important;}*/
.podatak-legenda {
  float: none !important;
  margin: 0 -8px 0 2px !important;
  cursor: auto !important;
}

/*button.ui-multiselect span:nth-child(2){line-height: 20px; padding: 6px 0;}*/
@media only screen and (max-width: 991px) {
  .imovinska-forma-wrapper #imovinska-prijava .form-group, .imovinska-forma-wrapper .imovinska-outer, .imovinska-forma-wrapper .imovinska-zaglavlje, .imovinska-forma-wrapper .imovinska-uvodni {
    float: left;
    width: 100%;
  }
}
/**
* END FORMA IMOVINSKE KARTICE
**/
/**
* MISLJENJE FORMA
**/
.misljenje-forma-wrapper table {
  width: 100%;
  float: left;
}

.misljenje-forma-wrapper .fieldset {
  margin-bottom: 20px;
  float: left;
  width: 100%;
  position: relative;
  padding-left: 20px;
}

.misljenje-forma-wrapper .has-feedback .form-control {
  padding-right: 12px;
}

.misljenje-forma-wrapper .form-control {
  float: left;
}

.misljenje-forma-wrapper #zahtjev-misljenje .fieldset.no-border {
  border: none !important;
}

.misljenje-forma-wrapper #zahtjev-misljenje .fieldset.no-padding {
  padding: 0 !important;
  margin: 0 !important;
}

.misljenje-forma-wrapper #zahtjev-misljenje .btn-red .glyphicon {
  margin-right: 10px;
}

.misljenje-forma-wrapper #zahtjev-misljenje button.btn-red {
  background: #f55a3b;
  color: #fff;
  text-shadow: none;
}

.misljenje-forma-wrapper #zahtjev-misljenje button.btn-red:hover {
  background: #c4482f;
  color: #fff !important;
}

.misljenje-forma-wrapper #zahtjev-misljenje {
  margin-top: 25px;
}

.misljenje-forma-wrapper #zahtjev-misljenje .fieldset-misljenje h2 {
  padding-left: 30px;
}

.misljenje-forma-wrapper .success-text {
  padding-left: 50px;
}

.forma-misljenje-nedostupno {
  margin-top: 25px;
}

.forma-misljenje-nedostupno h2 {
  margin-bottom: 10px;
}

/**
* END MISLJENJE FORMA
**/
/**
* PRIJAVA FORMA
**/
.prijava-forma-wrapper table {
  width: 100%;
  float: left;
}

.prijava-forma-wrapper .fieldset {
  margin-bottom: 20px;
  float: left;
  width: 100%;
  position: relative;
  padding-left: 20px;
}

.prijava-forma-wrapper .has-feedback .form-control {
  padding-right: 12px;
}

.prijava-forma-wrapper .form-control {
  float: left;
}

.prijava-forma-wrapper #zahtjev-prijava .fieldset.no-border {
  border: none !important;
}

.prijava-forma-wrapper #zahtjev-prijava .fieldset.no-padding {
  padding: 0 !important;
  margin: 0 !important;
}

.prijava-forma-wrapper #zahtjev-prijava .btn-red .glyphicon {
  margin-right: 10px;
}

.prijava-forma-wrapper #zahtjev-prijava button.btn-red {
  background: #f55a3b;
  color: #fff;
  text-shadow: none;
}

.prijava-forma-wrapper #zahtjev-prijava button.btn-red:hover {
  background: #c4482f;
  color: #fff !important;
}

.prijava-forma-wrapper #zahtjev-prijava {
  margin-top: 25px;
}

.prijava-forma-wrapper #zahtjev-prijava .fieldset-prijava h2 {
  padding-left: 30px;
}

.prijava-forma-wrapper .success-text {
  padding-left: 50px;
}

.forma-prijava-nedostupno {
  margin-top: 25px;
}

.forma-prijava-nedostupno h2 {
  margin-bottom: 10px;
}

/**
* END PRIJAVA FORMA
**/
/**
* WEBFORM PRIJAVA SUKOBA
**/
#webform-component-prijava-sukoba-interesa {
  margin: 15px 0;
}

#webform-component-prijava-sukoba-interesa legend {
  padding-bottom: 10px;
}

#webform-component-prijava-sukoba-interesa label .form-required {
  color: #f55a3b;
}

#webform-component-prijava-sukoba-interesa label {
  width: 30%;
  min-width: 150px;
  float: left;
  text-transform: uppercase;
  color: #555;
  font-size: 0.7058823529rem;
  margin: 0;
  line-height: 34px;
}

#webform-component-prijava-sukoba-interesa .form-control {
  width: 70%;
  float: left;
}

#webform-component-prijava-sukoba-interesa .file-icon {
  margin-right: 10px;
}

#webform-component-prijava-sukoba-interesa .form-file {
  float: left;
}

/**
*  END WEBFORM PRIJAVA SUKOBA
**/
/**
* ACCOUNT
**/
#user-login .form-submit {
  margin: 10px 0 0 0 !important;
}

#user-pass .form-submit {
  margin: 10px 0 0 0 !important;
}

.logged-in #main-menu-login {
  display: none !important;
}

.header-login-wrapper .btn {
  background: #00b4ef;
  transition: all 0.3s;
  border: 0;
  text-transform: uppercase;
  color: #fff;
  padding-top: 6px !important;
  padding-bottom: 6px !important;
  font-weight: bold;
  text-shadow: none !important;
}

.header-login-wrapper .btn:hover {
  background: #0090bf;
  color: #fff !important;
}

.no-user-account {
  float: left;
  width: 100%;
  margin-top: 30px;
}

.no-user-account ul {
  padding-left: 120px;
  list-style: disc;
}

.page-user.logged-in #page-title {
  display: none;
}

.page-user #block-system-main {
  position: relative;
  padding-top: 30px;
}

.page-user #block-system-main .main-page-title {
  left: 0px;
  position: absolute;
  top: 0px;
}

.page-user.page-user-reset #block-system-main {
  padding-top: 5px;
}

.page-user .user-profile-header {
  margin-top: 30px;
  margin-bottom: 30px;
}

.page-user .user-profile-header h2 {
  border-bottom: 1px solid #ccc;
  padding-bottom: 10px;
  margin-bottom: 15px;
  font-weight: 700;
  margin-top: 50px;
  float: left;
  width: 100%;
}

.page-user .user-profile-header h3 {
  border: none;
  margin-bottom: 15px;
  font-size: 1.2941176471rem;
}

.page-user .user-profile-header > div {
  margin-bottom: 20px;
  float: left;
  width: 100%;
  padding-left: 20px;
}

.page-user .user-profile-header > div table {
  width: 100%;
  float: left;
}

.page-user .user-profile-header > div table tr td {
  border: 1px solid #ebebeb !important;
  padding: 5px 10px !important;
}

.page-user .user-profile-header > div table thead th {
  text-transform: uppercase;
  color: #007ce6 !important;
  padding: 5px 10px !important;
}

.page-user .user-profile-header .btn-red .glyphicon {
  margin-right: 10px;
}

.page-user .user-profile-header button.btn-red {
  background: #f55a3b;
  color: #fff;
  text-shadow: none;
}

.page-user .user-profile-header button.btn-red:hover {
  background: #c4482f;
  color: #fff !important;
}

.page-user .user-profile-header .ik-tekst {
  float: left;
  width: 100%;
  margin-bottom: 10px;
}

#jquery-loader-background {
  opacity: 0.7 !important;
}

#jquery-loader.blue-with-image-2 {
  color: #000;
  font-size: 0.9411764706rem;
  font-weight: bold;
}

.ik-link {
  cursor: pointer;
  color: #007ce6;
}

.page-user-edit .tabs {
  display: none;
}

.logged-in.page-user .tabs {
  display: none;
}

/**
*   END ACCOUNT
**/
/**
* LOADER
**/
#jquery-loader.blue-with-image-2 {
  border: none;
  padding-top: 55px;
  background-color: transparent;
  text-align: center;
  background-image: url(../img/ajax-loader.gif);
  background-position: center center;
  background-repeat: no-repeat;
}

/**
* END LOADER
**/
/**
* Registar popis
**/
.registar-popis .view-content table {
  width: 100%;
  margin-top: 25px;
}

.registar-popis .views-exposed-widgets label {
  font-size: 0.8235294118rem;
}

.registar-popis .views-submit-button, .registar-popis .views-reset-button {
  margin-top: 30px;
}

.registar-popis .view-content table th, .registar-popis .view-content table td {
  padding: 4px 10px;
}

.registar-popis .view-content table thead tr {
  border-bottom: 1px solid #f0f0f0;
}

.registar-popis .view-content table th {
  font-size: 0.8235294118rem;
}

.datum-kraja-empty {
  display: none !important;
}

.duznost-aktivna-0 td.views-field-field-naziv-duznosti, .duznost-aktivna-0 td.views-field-field-datum-duznosti, .page-crm-core-contact .content .primarna-duznost .duznost-aktivna-0 td.views-field-contact-name a, .page-crm-core-contact .content .druge-duznosti .duznost-aktivna-0 td.views-field-contact-name a, .page-crm-core-contact .duznosnici-pravna-osoba .duznost-aktivna-0 td a, .page-crm-core-contact .duznosnici-pravna-ogranicenja .duznost-aktivna-0 td a, .page-crm-core-contact .duznosnici-institucije .duznost-aktivna-0 td a {
  opacity: 0.7;
}

/**
* END registar popis
**/
/**
* IMOVINSKE KARTICE
**/
.pretraga-imovinskih-kartica .view-content tr td {
  padding: 3px 13px;
}

.pretraga-imovinskih-kartica #edit-field-naziv-duznosti-value-wrapper {
  max-width: 140px;
}

.node-imovinska-kartica .field-name-field-duznosnik {
  float: left;
  width: 100%;
  margin-bottom: 15px;
  padding-bottom: 15px;
  border-bottom: 1px solid #e5e5e5;
}

.node-imovinska-kartica .field-name-field-duznosnik .field-label, .node-imovinska-kartica .field-name-field-duznosnik h2 {
  margin: 0;
  font-size: 0.8235294118rem;
  line-height: 18px;
}

.node-imovinska-kartica .field-name-field-duznosnik .field-item {
  margin: 0;
}

.node-imovinska-kartica .field-name-field-duznosnik .content {
  display: none;
}

.node-imovinska-kartica .ik-wrapper {
  float: left;
  width: 100%;
  margin-bottom: 25px;
  padding-bottom: 25px;
  border-bottom: 1px solid #e5e5e5;
}

.node-imovinska-kartica .ik-wrapper h3, .node-imovinska-kartica .ik-wrapper h4, .node-imovinska-kartica .ik-wrapper h5 {
  margin-bottom: 10px;
  font-size: 1.2352941176rem;
  float: left;
  width: 100%;
  margin-top: 25px;
}

.node-imovinska-kartica .ik-wrapper h3 {
  font-weight: bold;
}

.node-imovinska-kartica .ik-wrapper h4 {
  font-size: 0.9411764706rem;
  margin-bottom: 5px;
  margin-top: 15px;
  font-weight: bold;
}

.node-imovinska-kartica .ik-wrapper h5 {
  font-size: 0.8235294118rem;
  margin-bottom: 5px;
  margin-top: 10px;
  font-weight: bold;
  padding-left: 40px;
}

.node-imovinska-kartica .ik-wrapper table {
  float: left;
  width: 100%;
}

.node-imovinska-kartica .ik-wrapper table td, .node-imovinska-kartica .ik-wrapper table th {
  border: 1px solid #e5e5e5;
  padding: 3px 5px;
}

.node-imovinska-kartica .ik-wrapper table td {
  width: 30%;
}

.node-imovinska-kartica .ik-wrapper table th {
  width: 20%;
}

.node-imovinska-kartica .ik-wrapper table span.ik-item {
  float: left;
  width: 100%;
  line-height: 18px;
  color: #333;
}

.node-imovinska-kartica .ik-wrapper table span.ik-item.old-item {
  opacity: 0.8;
}

.node-imovinska-kartica .ik-wrapper .old-block {
  opacity: 0.8;
}

.node-imovinska-kartica .ik-wrapper .old-block table span.ik-item.old-item {
  opacity: 1;
}

.node-imovinska-kartica .ik-wrapper table span.ik-date {
  font-size: 0.5882352941rem;
  float: right;
  line-height: 18px;
}

.node-imovinska-kartica .ik-wrapper .naslov-1 {
  font-size: 1.2941176471rem;
  margin-bottom: 25px;
  font-weight: bold;
  margin-top: 0;
  line-height: 29px;
}

.node-imovinska-kartica .ik-single-wrapper {
  float: left;
  width: 100%;
  margin-bottom: 25px;
}

.node-imovinska-kartica .ik-single-wrapper .field-label {
  font-size: 1.2941176471rem;
  margin-bottom: 25px;
  font-weight: bold;
  margin-top: 0;
}

.node-imovinska-kartica .ik-history {
  display: inline-block;
  float: right;
}

.node-imovinska-kartica .ik-history.btn {
  background: #00b4ef;
  transition: all 0.3s;
  border: 0;
  text-transform: uppercase;
  color: #fff;
  padding-top: 6px !important;
  padding-bottom: 6px !important;
  text-shadow: none !important;
}

.node-imovinska-kartica .ik-history.btn:hover {
  background: #0090bf;
  color: #fff !important;
}

.node-imovinska-kartica .ik-wrapper table.no-border-top td, .node-imovinska-kartica .ik-wrapper table.no-border-top th {
  border-top: none;
}

.node-imovinska-kartica .ik-wrapper table.ik-three-column th {
  width: 14%;
}

.node-imovinska-kartica .ik-wrapper table.ik-three-column td {
  width: 19%;
}

.node-imovinska-kartica .ik-wrapper .ik-povijesni-napomena {
  color: #c4482f;
}

/**
* END IMOVINSKE KARTICE
**/
/**
*   ESANDUCIC
**/
.esanducic-unread td {
  font-weight: 700 !important;
}

/**
*  END ESANDUCIC
**/
/**
*   VIEW PRAVNE OSOBE KOJE PODLIJEZU OGRANICENJIMA
**/
.view-display-id-page_6 #edit-contact-name {
  width: 200px;
}

.view-display-id-page_6 #edit-field-oib-value {
  width: 140px;
}

.view-display-id-page_6 #edit-field-oblik-ustrojstva-value {
  width: 135px;
}

.view-display-id-page_6 #edit-field-grad-value {
  width: 145px;
}

/**
*   END VIEW PRAVNE OSOBE KOJE PODLIJEZU OGRANICENJIMA
**/
/**
*   NAPREDNA PRETRAGA
 */
.sp-adv-search-holder {
  margin-bottom: 10px;
}

.sp-padding-right-0 {
  padding-right: 0 !important;
}

.sp-margin-top-20 {
  margin-top: 20px;
}

.sp-adv-search-wrapper .form-control-feedback.glyphicon-ok {
  display: none !important;
}

.sp-adv-search-wrapper .form-control-feedback {
  top: 0 !important;
  right: -15px !important;
  color: #ff0000;
}

.sp-adv-search-wrapper .help-block {
  color: #ff0000;
}

.sp-response-table {
  font-size: 0.8235294118rem;
}

#excel-table-export {
  cursor: pointer;
}

.captcha.form-wrapper {
  float: left;
  display: block;
  width: 100%;
  margin: 15px 0;
}

.captcha.form-wrapper legend {
  display: none;
}

.captcha.form-wrapper .form-item-captcha-response {
  margin: 0;
}

.captcha.form-wrapper img {
  display: block;
}

#accessibility-tools {
  position: fixed;
  right: 0;
  top: 200px;
  z-index: 15001;
  border: 1px solid #F0F0F0;
}

#accessibility-tools .accessibility-tools-toggle {
  width: 50px;
  height: 50px;
  display: inline-block;
  background-image: url(../img/_accessibility-tools.png);
  background-repeat: no-repeat;
  background-size: 80%;
  background-position: center;
  background-color: #00B2EC !important;
  position: absolute;
  top: 0;
  left: -50px;
  cursor: pointer;
}
#accessibility-tools .accessibility-tools {
  width: 0;
  transition: all 0.2s ease-in;
}
#accessibility-tools .accessibility-tools.active {
  width: 50px;
}
#accessibility-tools .accessibility-tools ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
#accessibility-tools .accessibility-tools ul li {
  width: 50px;
  height: 50px;
  display: block;
  background-color: #fff !important;
  background-image: url(../img/_contrast.png);
  background-repeat: no-repeat;
  background-size: 60%;
  background-position: center;
  cursor: pointer;
}
#accessibility-tools .accessibility-tools ul li:not(:last-child) {
  border-bottom: 1px solid #F0F0F0;
}
#accessibility-tools .accessibility-tools ul li.increase-font {
  background-image: url(../img/_increase-font.png);
}
#accessibility-tools .accessibility-tools ul li.decrease-font {
  background-image: url(../img/_decrease-font.png);
}
#accessibility-tools .accessibility-tools ul li.reset-font {
  background-image: url(../img/_reset-font.png);
}
#accessibility-tools .accessibility-tools ul li.readable-font {
  background-image: url(../img/_reset-font.png);
}
#accessibility-tools .accessibility-tools ul li.underline-links {
  background-image: url(../img/_link.png);
  background-size: 50%;
}