/* UNIVERSAL */

a, a:hover, a:focus {text-decoration:none}

html.boxed .body {margin:0 auto;border-top:none;border-bottom:none;max-width: 1170px;    box-shadow: 0 0 35px rgba(0, 0, 0, 0.10);}
html.boxed body {background:#fafafa}
#header .header-body  {border-top:none}
html.boxed #header .header-body {min-height: 140px;}
.tabs-vertical {border:none}

.btn-vise {font-weight:400;text-shadow: none !important;text-transform:uppercase;font-family: 'Kalam', cursive;font-size: 17px;}

#header.header-narrow .header-logo img {margin: 0;position: absolute;top: -78px;z-index: 999;}

html #header .header-nav-main nav > ul > li.color1 a {border-bottom:5px solid #0196c8;color: #707070;font-size: 14px;font-weight: 400;text-align: center;}
#header .header-nav.header-nav-stripe nav > ul > li:hover.color1 > a {background:#0196c8;color:#ffffff}
html #header .header-nav-main nav > ul > li.color2 a {border-bottom:5px solid #f7a131;color: #707070;font-size: 14px;font-weight: 400;text-align: center;}
#header .header-nav.header-nav-stripe nav > ul > li:hover.color2 > a {background:#f7a131;color:#ffffff}
html #header .header-nav-main nav > ul > li.color3 a {border-bottom:5px solid #e54b4d;color: #707070;font-size: 14px;font-weight: 400;text-align: center;}
#header .header-nav.header-nav-stripe nav > ul > li:hover.color3 > a {background:#e54b4d;color:#ffffff}
html #header .header-nav-main nav > ul > li.color4 a {border-bottom:5px solid #88cb01;color: #707070;font-size: 14px;font-weight: 400;text-align: center;}
#header .header-nav.header-nav-stripe nav > ul > li:hover.color4 > a {background:#88cb01;color:#ffffff}
html #header .header-nav-main nav > ul > li.color5 a {border-bottom:5px solid #ac59af;color: #707070;font-size: 14px;font-weight: 400;text-align: center;}
#header .header-nav.header-nav-stripe nav > ul > li:hover.color5 > a {background:#ac59af;color:#ffffff}
html #header .header-nav-main nav > ul > li.color6 a {border-bottom:5px solid #ffca00;color: #707070;font-size: 14px;font-weight: 400;text-align: center;}
#header .header-nav.header-nav-stripe nav > ul > li:hover.color6 > a {background:#ffca00;color:#ffffff}

html.sticky-header-active #header .header-body {border:none;box-shadow:none}
#header .header-top ul.nav-top li a {padding: 4px 6px}

/*HEADER-TOP*/
@media (min-width: 992px) {
#header .header-nav.header-nav-center .header-nav-main > nav > ul > li {margin-left: -4px;}
#header.header-narrow .header-nav.header-nav-stripe nav > ul > li > a, #header.header-narrow .header-nav.header-nav-stripe nav > ul > li:hover > a, #header.header-narrow .header-nav.header-nav-dark-dropdown nav > ul > li > a, #header.header-narrow .header-nav.header-nav-dark-dropdown nav > ul > li:hover > a {    padding: 40px 13px 30px;margin: 0;}
#header .header-nav.header-nav-center .header-nav-main {background:#ffffff url(http://djecji-vrtic-pinokio.hr/slike/bg-nav.png) no-repeat}
html.boxed.sticky-header-active #header .header-body {padding-left: 0;padding-right: 0;}
#header .header-nav-main nav > ul > li > a {font-size:14px;font-weight:400}
#header .header-nav.header-nav-stripe nav > ul > li:not(:hover).active > a {color: #707070;}
#header .header-nav.header-nav-stripe nav > ul > li > a {color: #707070;}
#header .header-nav.header-nav-stripe {margin-bottom: -1px;}
}

h1.header { font-size: 30px; color: #ffffff;letter-spacing: normal;font-family: 'Kalam', cursive;font-weight: 400;padding: 8px 0 0 0;margin: 0 0 0 125px;text-transform: uppercase;}
#header .header-top {background: #5ab9b0;margin-top:0 !important;border-bottom:none}
#header .header-social-icons {float: right; margin: 10px 40px 0 0 !important;}
header .fa {color: #ffffff;}

.header-top a {color: #ffffff; text-decoration: none;}
.header-top .top-lijevo{color: #b1d0ed;font-size: 15px; margin: 0; padding: 0; line-height: 44px;font-weight: 100;text-align:right}
.social-icons li:hover a {background: none !important;}
.social-icons li {box-shadow: none;}

/* Header menu */
#header .header-body {padding:0}
#header .header-logo img{margin: 10px 0px 0px 20px;}

.dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover {background-color: #208398; color: #fff !important;}
#header .header-nav-main nav > ul > li > a.dropdown-toggle .fa-caret-down {display: initial; color: #000; padding-left: 5px;}
#header .header-nav-main nav > ul > li > a.dropdown-toggle:after {display: none;}
#header .header-nav.header-nav-stripe nav > ul > li:hover > a.dropdown-toggle .fa-caret-down{color: #1e1e1e;}
#header .header-nav.header-nav-stripe nav > ul > li.active > a.dropdown-toggle .fa-caret-down{color: #fff;}


a.sivi {color:#a6a6a6 !important;text-decoration:none}
a.sivi:hover {color:#ffffff !important;text-decoration:none}
a.sivi:active {color:#a6a6a6 !important;text-decoration:none}
a.sivi:focus {color:#a6a6a6 !important;text-decoration:none}

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

a.zel, a.zel:hover, a.zel:focus, a.zel:active {color:#007298 !important; text-decoration:none;font-weight: 600;}

.clear {clear:both; height:0px;}
.clear10 {clear:both; height:10px;}
.clear15 {clear:both; height:15px;}
.clear20 {clear:both; height:20px;}
.clear30 {clear:both; height:30px;}
.clear40 {clear:both; height:40px;}
.clear45 {clear:both; height:45px;}
.clear60 {clear:both; height:60px;}
.clear-boxes {clear:both; height:70px;}

.noradi {border-radius:0 !important}
.nopadding {padding:0}
.padding30 {padding:0 30px}
.padding-right0 {padding-right:0px}
.padding-left30 {padding-left:30px}

.google-map {margin: 0 0 0 0;}

.btn-posalji {font-size: 18px;font-weight: 100;border: 1px solid #ffffff;padding: 16px 23px;border-color:#ffffff !important}
section.section.section-text-light p {color:#ffffff;margin-bottom:40px}

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

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

.breadcrumb > li + li::before {content: none}
.breadcrumb {font-size:12px;color:#505050;margin-bottom:0;padding:10px 30px}

.error_message p {font-size:0.8em; color:#d2322d;}
.success_message p {font-size:2em; font-weight:700; color:#67d187;}
.success_message2 p {font-size:2em; font-weight:700; color:#67d187;}

ul.nav-list li a {border-bottom: 1px solid #fff;}
.slider .tp-bannertimer {display:none}

#pomak-gore {margin: -55px auto 0 auto;position: relative;padding: 100px 30px 15px 30px}

ul.ul-ref {list-style-type: none; counter-reset: section; width:100%;font-size:13px; padding:0;-moz-column-count: 2;-moz-column-gap: 20px;-webkit-column-count: 2; -webkit-column-gap: 20px;column-count: 2;column-gap: 20px;}
ul.ul-ref li { padding-left: 10px; position: relative; line-height:35px; border-bottom:1px dotted #ddd;}
ul.ul-ref li:hover {background:#E8E8E8;}
ul.ul-ref li a {display:block;}
ul.ul-ref li a i.fa {color:#67d187;}

h2.entry {font-weight: 400;color: #505050 !important;font-size: 30px;margin:0;line-height: 32px;}
h2.entry2 {font-weight: 400;color: #505050 !important;font-size: 28px;margin:0;    text-transform: uppercase;line-height: 32px;}
.glavna-tekst {}
.naslov-entry {font-size:17px; font-weight:400; text-transform:uppercase;font-family: 'Kalam', cursive;}

/* Cookie skripta */
.cc-cookies {position:fixed; width: 100%; left: 0; bottom:0; padding: 10px 5%; background:#fff;background:rgba(90, 185, 176, 0.84); color: #ffffff; font-size: 12px; font-weight: 400; z-index: 99999; text-align: center; }
.cc-cookies a, .cc-cookies a:hover { color: #ffffff; 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; }


/* SPECIFIC */
body {color:#484848;}
p {color:#484848;}

.slider-bijeli {background: rgba(255, 255, 255, 0.4);color: #39569b !important;font-family: 'Kalam', cursive  !important;font-weight: 400 !important;line-height: 10px !important;padding:30px !important}
.slider-gumb {background:#39569b;padding:15px; font-size:14px; font-weight:600;color:#ffffff}
.slider-container .top-label {padding:15px; font-size:14px; font-weight:600;color:#ffffff}
.slider-container .bottom-label {font-size: 35px !important;font-family: 'Kalam', cursive;font-weight: 600;}

section.section {padding:80px 15px;margin:0}
.pozadina-siva {background:#ffffff;padding:80px 0 70px 0}
.pozadina-bijela {background:#ffffff}
.pozadina-bijela-novosti {background:#ffffff;padding: 60px 30px 60px 30px}

.pozadina-usluge {background: url(http://djecji-vrtic-pinokio.hr/slike/vrtic-02.png) no-repeat;background-position:top center;min-height:320px; }
.box-01 {background:#5ab9b0;text-align: center;color: #fff;padding:20px;font-size:14px;font-weight:100}
.box-02 {background:#ac59af;text-align: center;color: #fff;padding:20px;font-size:14px;font-weight:100}
.box-03 {background:#f7a131;text-align: center;color: #fff;padding:20px;font-size:14px;font-weight:100}
h2.boxes-naslov  {font-family: 'Kalam', cursive;font-size:24px;font-weight: 400;color: #ffffff;margin: 0; line-height: 25px;}


.onama-naslov{font-family: 'Kalam', cursive;font-size:24px;font-weight: 500;color: #505050;margin: 0; line-height: 35px;}
.box-zasto span {font-weight:400;font-size:23px; }
.zasto-l {text-align:right;padding: 0 75px 0 0;background-position:top right !important;color: #505050;font-size: 13px;font-weight: 400;line-height: 19px;min-height: 60px;margin-bottom: 40px;}
.zasto-r {padding: 0 0 0 75px;background-position:top left !important;color: #505050;font-size: 13px;font-weight: 400;line-height: 19px;min-height: 60px;margin-bottom: 40px;}
.zasto-l span, .zasto-r span{font-size: 17px;font-weight: 600;}

.nav-tabs li a.tab-01, .nav-tabs li a.tab-01:hover {color:#ffffff !important;background:#5ab9b0;border:none;line-height: 22px;text-align: center;}
.nav-tabs li a.tab-02, .nav-tabs li a.tab-02:hover {color:#ffffff !important;background:#ac59af;border:none;line-height: 22px;text-align: center;}
.nav-tabs li a.tab-03, .nav-tabs li a.tab-03:hover {color:#ffffff !important;background:#f7a131;border:none;line-height: 22px;text-align: center;}
html body .tabs.tabs-vertical.tabs-left .nav-tabs li.active a.tab-01:focus {color:#ffffff !important;background:#5ab9b0;border:none}
html body .tabs.tabs-vertical.tabs-left .nav-tabs li.active a.tab-01 {color:#ffffff !important;background:#5ab9b0;border:none}
html body .tabs.tabs-vertical.tabs-left .nav-tabs li.active a.tab-02:focus {color:#ffffff !important;background:#ac59af;border:none}
html body .tabs.tabs-vertical.tabs-left .nav-tabs li.active a.tab-02 {color:#ffffff !important;background:#ac59af;border:none}
html body .tabs.tabs-vertical.tabs-left .nav-tabs li.active a.tab-03:focus {color:#ffffff !important;background:#f7a131;border:none}
html body .tabs.tabs-vertical.tabs-left .nav-tabs li.active a.tab-03 {color:#ffffff !important;background:#f7a131;border:none}
.tabs-navigation .nav-tabs > li {margin-bottom: 0px;}
.tabs-navigation .nav-tabs > li a {padding: 17px;}
.tab-overtext {margin: 15px 0;height: 198px;overflow: hidden;} 
.tab-overtext span {font-size:17px;font-weight:600;line-height: 19px;text-transform: uppercase;}
.tab-overtext p {font-size:14px;font-weight:400;line-height:21px;margin-bottom:20px}
.tab-naslov1 {font-size:20px;font-weight:600}
.tab-naslov2 {font-size:14px;font-weight:300}

.pozadina-skupine {background: #f5f5f5 url(http://djecji-vrtic-pinokio.hr/slike/bg-skupine.png);background-repeat: no-repeat;background-position:top center;border-top:5px solid #ededed;border-bottom:5px solid #ededed;padding:60px 0}

h4.novosti {color:#505050;font-size:14px;font-weight: 600;height: 40px;overflow: hidden;line-height: 19px;margin-bottom:5px}
.datum {color:#505050;font-size:14px;font-weight:400}
.datum span {color:#00adf1;font-size:14px;font-weight:600}
.datum2 span {color:#ffca00;font-size:14px;font-weight:600}
.datum3 span {color:#88cb01;font-size:14px;font-weight:600}
.box-novosti {color:#505050;font-size:13px;font-weight:400;line-height:19px;background:#f5f5f5;padding:20px;margin-bottom:30px}
.box-novosti-tekst {   min-height: 80px;overflow: hidden;}

.sidebar .box-01 {padding: 15px;}
.sidebar .box-02 {padding: 15px;}
.sidebar .box-03 {padding: 15px;}

ul.footerprojekti {list-style-type:none; padding:0}
ul.footerprojekti li {line-height:36px; color:#fff;}
ul.footerprojekti li span {color:#484848 !important;}

.box-smaller {background:#f5f5f5;padding:15px}
h4.boxes-naslov  {font-family: 'Kalam', cursive;font-size:22px;font-weight: 400;color: #ffffff;margin: 0; line-height: 25px;}
h4.boxes-naslov2  {font-family: 'Kalam', cursive;font-size:22px;font-weight: 400;color: #505050;margin: 0; line-height: 25px;}
ul.nav-list2 li a {border-bottom: 1px solid #e4e4e4;}

/* Footer */
#footer{background: url(http://djecji-vrtic-pinokio.hr/slike/bg-footer.png) no-repeat;background-position:top center;min-height:127px;padding: 0;margin-top: -45px;border: none;color: #505050;font-size: 14px;line-height: 20px;font-weight: 400;}

#footer ul.simple-post-list li {padding:5px 0; border-bottom:1px solid #;}
#footer .contact i {float:right; margin:7px 0 10px 8px;}
#footer ul.simple-post-list .post-meta {font-style:italic; font-size:1em;}
.foot-pad {padding-left:85px}
#footer h4 {color: #505050;font-family: 'Kalam', cursive;font-weight: 400;font-size: 20px;margin: 0 !important;line-height: 42px; letter-spacing: 0px;}
.footer-heading{font-weight: 400;font-size: 15px;margin: 0 !important;line-height: 42px; letter-spacing: 0px;}
.footer-tekst, .footer-tekst p, .footer-tekst a, {color: #505050;font-size: 14px;margin-bottom: 5px;font-weight: 300;line-height:20px}
#footer li{color: #505050;    border-bottom: 1px solid #505050;padding: 5px 0;font-size: 14px}
#footer p {color: #505050;font-size: 14px;line-height: 20px;font-weight: 400;}
#footer i {color:#e54b4d}
#footer a, #footer a:hover, #footer a:active, #footer a:focus {color:#505050;text-decoration:none}
#footer b {font-weight: 600;}
.kanal {text-transform:uppercase;font-weight: 600; }

#footer .footer-copyright nav ul li{border-left: 0px; padding: 0 4px;}
#footer .footer-copyright {background: #5ab9b0;	border-top: 1px solid #5ab9b0; padding: 3px 0;margin-top:16px}
#footer .footer-copyright, #footer .footer-copyright a{font-size: 13px;}
#footer .footer-copyright .container .row > div {margin-bottom: 0px;color: #ffffff;font-size: 13px;line-height: 60px !important;}
.container-footer{padding-top: 80px;}
#footer .container .row > div {margin-bottom: 0;}

#footer ul {-webkit-padding-start: 0px;list-style-type: none;margin-top:30px}


section.page-header h1 {border-bottom: none;    font-family: 'Kalam', cursive;    padding: 0 }
.page-header {background:  #ffffff url(http://djecji-vrtic-pinokio.hr/slike/bg-ostale.jpg) no-repeat;background-position:top center;;border-bottom: 5px solid #f5f5f5;border-top: none;margin: 0 0 35px 0;min-height: 50px;padding: 37px 0;position: relative;text-align: left;}
.page-header .breadcrumb li a, .page-header .breadcrumb li, .page-header .breadcrumb li .fa{color: #fff;}
.breadcrumb li a, .breadcrumb li, .breadcrumb li .fa{color: #505050;}
.background-bread{background: #D7B476;}
.bread-footer .breadcrumb li a, .bread-footer .breadcrumb li, .bread-footer .breadcrumb li .fa{color: #fff !important;}
.bread-footer .breadcrumb{background: #ffffff; margin-bottom: 0px; padding-top: 20px; padding-bottom: 20px;}
.breadcrumb {background-color:#ffffff}

html .scroll-to-top{background: #b1d0ed; border-radius: 0px;}
html .scroll-to-top .fa{color: #fff;}
html .scroll-to-top:hover{opacity: 1 !important;}

.form-control{border-radius: 0px;}



.table-bordered {border: 1px solid #ffffff;}
.table-bordered > thead > tr > th, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > tbody > tr > td, .table-bordered > tfoot > tr > td {background: none repeat scroll 0 0 #f1f1f1 ;border: 1px solid #ffffff;}
.table-bordered > thead > tr > th {background: none repeat scroll 0 0 #e3e3e3 ;border-top: 1px solid #ffffff! important;}
table.dataTable thead th, table.dataTable tfoot th {background:#ffffff}
.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {color: #ffffff !important;border: none  !important;background-color: #2781af  !important;background: #2781af  !important;border-radius: 0  !important;}
.dataTables_wrapper .dataTables_paginate .paginate_button {padding: 3px 10px !important;}   

/* 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%;}
    
    
    
/*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 {
    line-height: 1.42857;
    padding: 8px;
    vertical-align: top;
}

.tablica table {
  width: 100%;
  margin-bottom: 18px;
  color:#484848;border-color: #f5f5f5;    border: 1px solid #f5f5f5;}
.tablica table p {margin:0;}

.tablica table th,
.tablica table td {
  padding: 5px 7px;
  line-height: 16px;
  text-align: left;
  vertical-align: middle;}
.tablica table td {vertical-align:middle; font-size: 13px;}
.tablica table th {
  font-weight: 400;
  font-size: 1.2em;
  color: #484848 ;
  background:#d1f0fd  !important;}
.tablica table thead th {
  vertical-align: bottom;
  color: #484848;
  background: #d1f0fd !important;
  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 {}
.tablica table tbody tr:hover td,
.tablica table tbody tr:hover th {}

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

.tablica table ul {color: #484848; 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;
          }
        }
      }

    }
  }
}