/* UNIVERSAL */


.clear {clear:both; height:0px;}
.clear10 {clear:both; height:10px;}
.clear20 {clear:both; height:20px;}
.clear30 {clear:both; height:30px;}
.clear40 {clear:both; height:40px;}
.clear50 {clear:both; height:50px;}
.clear60 {clear:both; height:60px;}

.font700 {font-weight:700}
.poveznice a.btn {padding:1px 5px}
.forma-upit {background: #f5f5f5;padding: 25px;}
.forma-upit-naslov {color: #000000;font-size: 21px;margin-bottom: 15px;    font-weight: 600;}
.thumb-info-caption h4 {    font-weight: 600;}
html .btn-secondary:hover, html .btn-secondary:focus, html .btn-secondary:active:hover, html .btn-secondary:active:focus {    color: #fff;}

a.bijelo-zuti,a.bijelo-zuti:focus,a.bijelo-zuti:active{color:#ffffff}
a.bijelo-zuti:hover{color:#ecb50e;text-decoration: none;}
a:focus, a:hover {text-decoration: none;}

a.zuti,a.zuti:focus,a.zuti:active{color:#ecb50e}
a.zuti:hover{color:#ecb50e;text-decoration: none;}
.sidebar h4 {padding: 15px;margin: 0;color: #ffffff;}
.smaller-box {background:#13296b; color:#ffffff}
.smaller-box p {color: #fff;line-height: 18px;padding: 0 15px;}

#header .header-nav-top .nav > li > a, #header .header-nav-top .nav > li > span {
    color: #fff;
    font-size: 15px;
    padding: 9px 10px;
    display: inline-block;
    letter-spacing: 1px;
    font-weight: 700;}
#header .header-nav-top .nav > li > a:hover, #header .header-nav-top .nav > li > a a:focus {background: transparent;}
#header .header-nav-top .nav > li.open > .dropdown-menu-toggle {border-radius: 0;background: transparent;}
#header .header-nav-top .dropdown-menu {border-color: #fff;border-radius: 0;}



p {font-size: 18px;line-height: 28px;color: #313538;}
.no-padding {padding:0}
.no-margin {margin:0}
.margin-crta {margin:25px 0}
.margin-auto {margin:0 auto}

.btn-vise {padding: 13px 16px;font-size: 20px;    font-weight: 600;}
.btn {padding: 10px 12px;}

.relative {position:relative !important;}
.inline {display:inline !important;}
.inline-block {display:inline-block !important;}

.whitetext {color:#fff !important;}
.noradi {border-radius:0 !important}

.righttoleft {text-align:right;}
.centertoleft {text-align:center;}

hr.hrfull {background:#ddd;}
.bigtar:hover {cursor:pointer;}

.glavna-tekst2 li {    font-size: 16px;color: #313538;}
.glavna-tekst img {max-width:100%; height:auto;}

.cart5error .help-block {color:#d2322d;}
.error_message p {font-size:0.8em; color:#d2322d;}
.success_message p {font-size:1.8em; font-weight:700; color:#53a0d8;}
.success_message2 p {font-size:1.8em; font-weight:700; color:#53a0d8;}

.error_message_product p {font-size:0.8em; color:#d2322d;}
.success_message_product p  {font-size:1.8em; font-weight:700; color:#53a0d8;}
.alert-darksuccess {background-color: #d6e9c6;border-color: #d6e9c6;border-radius: 0;color: #3c763d;}

h2.entry-title-index {font-weight:500;}


/* fix za blurry owl images */

.owl-carousel .owl-item img {transform-style:flat; -webkit-backface-visibility: hidden;}

/* Cookie skripta */

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


/* Ovo je za videe embedane u wygwam, dodan je js plugin za wygwam koji oko videa automatski stavi div video-container */
.video-container {
	padding-top: 25px;
	padding-bottom: 50.5%;
	margin-bottom: 10px;
	position: relative;
	overflow: hidden;
	height: 0;
}

.video-container.vimeo {
	padding-top: 0;
	padding-bottom: 56.4%;
}

.video-container embed,
.video-container iframe,
.video-container object,
.video-container video {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

p.uslugeboxtext {height:80px; padding:0 10px; overflow:hidden;}

.blockimg-right {padding-right:0 !important;}
.blockimg-left {padding-left:0 !important;}

/* SPECIFIC */

#header .header-body {background: transparent;border-top: 0;border-bottom: 0;padding: 0;min-height: 190px;}
html #header .header-nav-bar-primary {background:rgba (18, 37, 105, 0.9) !important}
#header .header-nav-main nav>ul>li>a {padding: 10px 13px 16px 13px;}

.nav-pills>li+li {margin-right:10px}

#header .header-nav-main.header-nav-main-light nav > ul > li.open > a, #header .header-nav-main.header-nav-main-light nav > ul > li:hover > a  {background:transparent;border-bottom: 5px solid #ecb50e;}
#header .header-nav-main nav > ul > li > a {font-size: 19px;font-weight: 600;}
#header .header-nav-main.header-nav-main-light nav > ul > li.open > a, #header .header-nav-main.header-nav-main-light nav > ul > li:hover > a {color: #ffffff;}
html #header .header-nav-main nav > ul > li.active > a.dropdown-toggle:after, html #header .header-nav-main nav>ul>li:hover>a.dropdown-toggle:after {border-color: #FFF transparent transparent transparent !important;}

#header .header-nav-main {    min-height: 52px;}
#header .header-nav-bar {padding:0 10px 0}
#header .header-nav-main nav > ul > li.dropdown .dropdown-menu {margin:0}
#header .header-nav-main nav > ul > li.dropdown.open > a, #header .header-nav-main nav>ul>li.dropdown:hover>a {padding: 10px 13px 16px 13px;}

html.sticky-header-active #header .header-body  {min-height: 181px;}

#header .header-nav-main.header-nav-main-light nav>ul>li.active>a {background: transparent;border-bottom: 5px solid #ecb50e;color: #fff;}
#header .header-column .header-extra-info {margin: 20px 0 0;}
#header .header-logo img {margin: 17px 15px 15px 0;}


.drustvene {color: #000000;font-size: 17px;margin-right: 10px;}
.feature-box .feature-box-info {padding-left: 30px;}
.feature-box-info p {font-size:16px;line-height: 20px;margin: 5px 0 20px;}
p.pomak {margin: 5px 0 20px 28px;}
.feature-box-crta {border-left:1px solid #dbddde}
.info-ppodaci-01 {color:#000000}
.info-ppodaci-02 {color:#000000;font-weight:600;font-size:17px}

.forcefullwidth_wrapper_tp_banner {margin-top:-76px !important}
.slider-container .main-label {text-transform: uppercase;font-family: 'Source Sans Pro',sans-serif;font-weight: 600 !important;font-size: 76px !important;}
.slider-container .bottom-label {font-size: 40px !important;font-weight: 400 !important;}
.slider-container .btn-slider-action {text-transform:uppercase !important; 20px !important}
.btn-secondary:hover {color:#ffffff}


.pozadina-onama {background: url(http://sintea-cnc.hr/slike/onama-bg.png) no-repeat;min-height: 329px;background-position: center center;background-size: inherit;    padding: 100px 0 100px 0;border-bottom:15px solid #e7e7e7}
.pozadina-usluge {background: #faf5f5 url(http://sintea-cnc.hr/slike/usluge-bg.png) no-repeat;min-height: 615px;background-position: center center;background-size: inherit;    padding: 60px 0 0 0;border-top:1px solid #ffffff}
.pozadina-galerija {background: #13296b; padding: 80px 0 0 0;}
.pozadina-reference {padding: 70px 0;}
.pozadina-bread {background: #000}

.pozadina-onama p, .pozadina-usluge p, .pozadina-reference p{font-size:18px; line-height:28px;color:#313538}

.podnaslov {font-style: italic;font-size: 24px;color: #5e6164;}
h2.crna-pocetna {font-size: 2.6em;font-weight: 800;line-height: 43px;margin: 0;text-transform: uppercase;letter-spacing: 0;color: #000000;}
h2.bijela-pocetna {font-size: 2.6em;font-weight: 800;line-height: 43px;margin: 0;text-transform: uppercase;letter-spacing: 0;color: #ffffff;}

.page-header  {background: url(http://sintea-cnc.hr/slike/footer-bg.png) no-repeat;background-color: #000;border-bottom: 5px solid #000;border-top: 5px solid #000;margin: -12px 0 35px 0;}
section.page-header h1 {border-bottom-color: #ecb50e }
.page-header .breadcrumb {margin: 0 0 10px 2px; color: #ecb50e;}
.page-header .breadcrumb a {color: #ffffff;}

.box1 {background:#13296b url(http://sintea-cnc.hr/slike/slika-box-01.png) no-repeat ;margin-bottom:60px;color:#ffffff;font-size:16px;line-height:24px;font-weight: 100;min-height: 82px;background-position: right;padding: 15px 99px 15px 15px;text-align: center;}
.box2 {background:#13296b url(http://sintea-cnc.hr/slike/slika-box-02.png) no-repeat ;margin-bottom:60px;color:#ffffff;font-size:16px;line-height:24px;font-weight: 100;min-height: 82px;background-position: right;padding: 15px 99px 15px 15px;text-align: center;}
.box3 {background:#13296b url(http://sintea-cnc.hr/slike/slika-box-03.png) no-repeat ;margin-bottom:60px;color:#ffffff;font-size:16px;line-height:24px;font-weight: 100;min-height: 82px;background-position: left;padding: 15px 15px 15px 99px;text-align: center;}
.box4 {background:#13296b url(http://sintea-cnc.hr/slike/slika-box-04.png) no-repeat ;margin-bottom:60px;color:#ffffff;font-size:16px;line-height:24px;font-weight: 100;min-height: 82px;background-position: left;padding: 15px 15px 15px 99px;text-align: center;}

.owl-carousel {margin-bottom: 0;}
.galerija-linkovi {text-transform: uppercase;font-size: 23px;color: #ecb50e;font-weight: 100;    margin-bottom: 40px;}
.galerija-linkovi span {margin: 0 20px;}
.galerija-trokut {position: absolute;z-index: 12;margin: 0 auto;text-align: center;left: 48.65%;}

.breadcrumb {margin-bottom: 0;background:#000000;color:#ecb50e}
.breadcrumb>li {font-size: 0.85em;text-transform: uppercase;}
.breadcrumb>li+li:before {color:#ffffff}
.breadcrumb a {color: #ffffff;}

.thumb-info .thumb-info-wrapper:after {    background: rgba(24, 72, 107, 0.7);}
.thumb-info {background-color: #f5f5f5;}
.thumb-info-caption h4 {font-size: 1.2em;}

.google-map-borders {border: none;padding: 0;border-radius: 0px;}

#footer {background: url(http://sintea-cnc.hr/slike/footer-bg.png) no-repeat;margin-top: 0;}
.social-icons li a {background: transparent;border-radius: 0%;color: #ecb50e !important;}
.social-icons li {border-radius: 0%;box-shadow: none;}
#footer .footer-copyright nav ul li {border-left:0;padding:0}
#footer .container .row>div {margin-bottom: 10px;}
#footer.short {padding-top: 22px;}
#footer .footer-copyright p {color: #ffffff;    font-size: 13px;}

/*tablica*/
table {
  max-width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
  background-color: transparent;
}

.tablica table > thead > tr > th, 
.tablica table > tbody > tr > th, 
.tablica table > tfoot > tr > th, 
.tablica table > thead > tr > td, 
.tablica table > tbody > tr > td, 
.tablica table > tfoot > tr > td {
    border-top: 1px solid #dddddd;
    line-height: 1.42857;
    padding: 8px;
    vertical-align: top;
}

.tablica table {
  width: 100%;
  margin-bottom: 18px;
  color:#000000;
  border:none;}
.tablica table p {margin:0;}

.tablica table th,
.tablica table td {
  padding: 5px 7px;
  line-height: 16px;
  text-align: left;
  vertical-align: top;
  border-top: 1px solid #F0F0F0;}
.tablica table td {vertical-align:middle; font-size: 13px;}
.tablica table th {
  font-weight: 400;
  font-size: 1.2em;
  color: #fff ;
  background:#ca5b58 !important;}
.tablica table thead th {
  vertical-align: bottom;
     border-bottom: 1px solid #dddddd;
    color: #000;
    border-top: 1px solid #dddddd !important;
    border-right: none !important;
    background: #F0F0F0 !important;
  font-family:open sans
  font-weight: 600;
  font-size: 16px;}

.tablica table colgroup + thead tr:first-child th,
.tablica table colgroup + thead tr:first-child td,
.tablica table thead:first-child tr:first-child th,
.tablica table thead:first-child tr:first-child td {  border-top: 0;}

.tablica table tbody + tbody {  border-top: 2px solid #F0F0F0;}

.tablica table td {border-right:none}
.tablica table tbody tr:hover td,
.tablica table tbody tr:hover th {  background-color: #F0F0F0;}

.tablica table a {color: #088b2a;font-weight: bold;}

.tablica table ul {color: #000000; margin: 0 0 0 25px}

// Responsive tables
//
// Wrap your tables in `.table-responsive` and we'll make them mobile friendly
// by enabling horizontal scrolling. Only applies <768px. Everything above that
// will display normally.

.table-responsive {
  overflow-x: auto;
  min-height: 0.01%; // Workaround for IE9 bug (see https://github.com/twbs/bootstrap/issues/14837)

  @media screen and (max-width: @screen-xs-max) {
    width: 100%;
    margin-bottom: (@line-height-computed * 0.75);
    overflow-y: hidden;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    border: 1px solid @table-border-color;

    // Tighten up spacing
    > .table {
      margin-bottom: 0;

      // Ensure the content doesn't wrap
      > thead,
      > tbody,
      > tfoot {
        > tr {
          > th,
          > td {
            white-space: nowrap;
          }
        }
      }
    }

    // Special overrides for the bordered tables
    > .table-bordered {
      border: 0;

      // Nuke the appropriate borders so that the parent can handle them
      > thead,
      > tbody,
      > tfoot {
        > tr {
          > th:first-child,
          > td:first-child {
            border-left: 0;
          }
          > th:last-child,
          > td:last-child {
            border-right: 0;
          }
        }
      }

      // Only nuke the last row's bottom-border in `tbody` and `tfoot` since
      // chances are there will be only one `tr` in a `thead` and that would
      // remove the border altogether.
      > tbody,
      > tfoot {
        > tr:last-child {
          > th,
          > td {
            border-bottom: 0;
          }
        }
      }

    }
  }
}