/* Template General */
.fa-navicon:before, .fa-reorder:before, .fa-bars:before {
    color: #fff !important;
}
#sp-main-body {     
    background-color: #ebebeb;     
    padding-bottom: 50px;     
    padding-left: 0;     
    padding-right: 0;     
    padding-top: 50px; 
}
.pagination > .active > a, .pagination > .active > span {
    background-color: #000;
    border-bottom-color: #000;
    border-left-color: #000;
    border-right-color: #000;
    border-top-color: #000;
}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
    padding-left: 12px;
    padding-right: 12px;
}
.page-header {
    padding-bottom: 0;
}
.page-header {
    margin-top: 0;
}
hr {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-bottom-color: -moz-use-text-color;
    border-bottom-style: none;
    border-bottom-width: 0;
    border-image-outset: 0 0 0 0;
    border-image-repeat: stretch stretch;
    border-image-slice: 100% 100% 100% 100%;
    border-image-source: none;
    border-image-width: 1 1 1 1;
    border-left-color: -moz-use-text-color;
    border-left-style: none;
    border-left-width: 0;
    border-right-color: -moz-use-text-color;
    border-right-style: none;
    border-right-width: 0;
    border-top-color: #c1a06c;
    border-top-style: solid;
    border-top-width: 1px;
    margin-bottom: 20px;
    margin-top: 20px;
}
#sp-header {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: #ffffff;
    background-image: none;
    background-origin: padding-box;
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto auto;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.05);
}
article {
    background-color: #fff;
    padding-bottom: 15px;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 15px;
}
.sp-module {
    margin-top: 50px;
    padding-bottom: 10px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 10px;
}
.sp-module .sp-module-title {
    color: #000;
    font-size: 16px;
    line-height: 2;
}
h1 {
    font-weight: 400 !important;
    border-bottom-color: #eee;
}
h2 {
    font-size: 30px !important;
    font-weight: 300 !important;
}
b, strong {
    font-weight: 600;
}
a {
    color: #006499;
}
a:hover {
    color: #000;
}
.sp-page-title h2 {
    font-size: 40px;
}
.sp-page-title h2, .sp-page-title h3 {
    color: #000;
}
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 {
    height: auto !important;
}
label {
    display: inline-block !important;
} 
.control-label .hasTooltip {
    display: inline-block !important;
}
#sp-top-bar {
    background-color: #000;
    color: #fff;
}
#sp-top-bar a {
    color: #d5d5d5;
}
#sp-footer {
     background-color: #000;
    }
#sp-footer a {
    color: #d5d5d5;
}
#sp-footer a:hover {
    color: #000;
}  
#sp-bottom {
     background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.5));
     background-color: #006499;
     color: #fff;
     font-size: 9pt;
    }
#sp-bottom a {
    color: #fff;
}
#sp-bottom a:hover {
    color: #c1a06c;
}  
#sp-bottom {
    padding-bottom: 50px;
    padding-left: 0;
    padding-right: 0;
    padding-top: 50px;
}
/* Buttons */
.btn {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    } 
.sppb-btn {
    border-bottom-right-radius: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-left-radius: 0;
    }   
.sppb-btn-lg {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    font-size: 15pt;
    letter-spacing: 2px;
    padding-bottom: 15px;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 15px;
}
.sppb-btn-default {
     background-color: transparent;
     border-bottom-color: #fff;
     border-left-color: #fff;
     border-right-color: #fff;
     border-top-color: #fff; 
     color: #fff; 
     text-transform: uppercase;
     }   
.btn-default:hover, .sppb-btn-default:hover {
     background-color: #fff;
     border-bottom-color: #fff;
     border-left-color: #fff;
     border-right-color: #fff;
     border-top-color: #fff; 
     color: #000; 
     text-transform: uppercase;
     }   
.sppb-btn-primary {
     background-color: transparent;
     border-bottom-color: #000;
     border-left-color: #000;
     border-right-color: #000;
     border-top-color: #000; 
     color: #000; 
     text-transform: uppercase;
     }   
.btn-primary:hover, .sppb-btn-primary:hover {
     background-color: #000;
     border-bottom-color: #000;
     border-left-color: #000;
     border-right-color: #000;
     border-top-color: #000; 
     color: #fff; 
     text-transform: uppercase;
     }  
.sppb-btn-success {
    background-color: #C1A06C;
     border-bottom-color: #C1A06C;
     border-left-color: #C1A06C;
     border-right-color: #C1A06C;
     border-top-color: #C1A06C; 
     color: #fff; 
     text-transform: uppercase;
     }   
.btn-success:hover, .sppb-btn-success:hover {
     background-color: #006499;
     border-bottom-color: #006499;
     border-left-color: #006499;
     border-right-color: #006499;
     border-top-color: #006499; 
     color: #fff; 
     text-transform: uppercase;
     }   
/* Menu */
.sp-megamenu-parent > li.active > a::after, .sp-megamenu-parent > li:hover > a::after {
    transform: translateX(-50%) scaleX(1);
}
.sp-megamenu-parent > li > a::after {
    background-color: #fff;
}  
.sp-megamenu-parent > li > a::after {
    bottom: 8px;
    content: "";
    height: 1px;
    left: 50%;
    position: absolute;
    transform: translateX(-50%) scaleX(0);
    transition-delay: 0s;
    transition-duration: 0.3s;
    transition-property: all;
    transition-timing-function: ease;
    width: 40%;
}
.sp-megamenu-parent > li.active > a, .sp-megamenu-parent > li:hover > a {
    background-attachment: scroll;
    background-clip: border-box;
    background-image: none;
    background-origin: padding-box;
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto auto;
    color: #000;
}
.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner {
    background-color: #000;
    color: #fff !important;
    }
.sp-megamenu-parent > li > a {
    color: #0168B3;
    line-height: 40px;
    letter-spacing: 0;
    padding-right: 15px;
    padding-left: 15px;
    position: relative;
    text-transform: uppercase;
    transition-delay: 0s;
    transition-duration: 400ms;
    transition-property: all;
    transition-timing-function: ease;
    font-weight: bold;
}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a:hover {
    background-color: transparent;
}
.sp-megamenu-parent {
    float: none;
}
.sp-megamenu-parent > li.active > a, .sp-megamenu-parent > li:hover > a {
    color: #fff !important;
}
/* RokSprocket */
.sprocket-mosaic-item {
    background-color: #fff !important;
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
    min-height: 300px !important;
}  
.sprocket-mosaic .sprocket-mosaic-header ul {
    display: none;
}
.sprocket-readmore span {
    display: none;
}
.sprocket-mosaic-item .sprocket-mosaic-title a {
    font-size: 18pt !important;
}
.sprocket-mosaic-item .sprocket-padding {
    min-height: 450px !important;
}
/* PageBuilder */
.sppb-addon-cta .sppb-cta-title {     
    letter-spacing: 3px !important;
    line-height: 55px !important;
    text-shadow: 0 2px 6px #000; 
}
.sppb-addon-cta .sppb-cta-subtitle {
    text-shadow: 0 2px 6px #000; 
}
.sppb-addon-image-content.aligment-left .sppb-content-holder {
    padding-bottom: 40px;
    padding-left: 50px;
    padding-right: 0;
    padding-top: 40px;
}
#sp-page-builder .sppb-section-title .sppb-title-heading {
    color: #006499;
    font-size: 38px;
    font-weight: 700 !important;
}
/* 
Generic Styling, for Desktops/Laptops 
*/
table { 
  width: 100%; 
  border-collapse: collapse; 
}
/* Zebra striping */
tr:nth-of-type(odd) { 
  background: #eee; 
}
th { 
  background: #e8dcc9; 
  color: #000; 
  font-weight: bold; 
}
td, th { 
  padding: 6px; 
  border: 1px solid #ccc; 
  text-align: left; 
}
/* 
Max width before this PARTICULAR table gets nasty
This query will take effect for any screen smaller than 760px
and also iPads specifically.
*/
@media 
only screen and (max-width: 760px),
(min-device-width: 768px) and (max-device-width: 1024px)  {

	/* Force table to not be like tables anymore */
	table, thead, tbody, th, td, tr { 
		display: block; 
	}
	
	/* Hide table headers (but not display: none;, for accessibility) */
	thead tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	
	tr { border: 1px solid #ccc; }
	
	td { 
		/* Behave  like a "row" */
		border: none;
		border-bottom: 1px solid #eee; 
		position: relative;
		padding-left: 50%; 
	}
	
	td:before { 
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 6px;
		left: 6px;
		width: 45%; 
		padding-right: 10px; 
		white-space: nowrap;
	}
	
	/*
	Label the data
	*/
	td:nth-of-type(1):before { content: "NAZIV FUNKCIJE"; }
	td:nth-of-type(2):before { content: "IME I PREZIME"; }
	td:nth-of-type(3):before { content: "MOBITEL"; }
	td:nth-of-type(4):before { content: "EMAIL"; }
	td:nth-of-type(5):before { content: "TELEFON"; }
	td:nth-of-type(6):before { content: "TELEFAKS"; }
}
/* Sliders */
.nn_sliders.accordion > .accordion-group.active > .accordion-heading > a.accordion-toggle {
    background-color: #006499 !important;
    color: #fff !important;
    font-weight: 600;
    font-size:20px;
}
.nn_sliders.accordion > .accordion-group > .accordion-heading > a.accordion-toggle {
    background-color: #e8dcc9 !important;
    color: #000 !important;
    font-weight: 600;
    font-size: 20px;
}
/* rsform */
.formResponsive .formHorizontal .formControlLabel {
    padding-top: 0;
    width: 160px;
}
.formResponsive select, .formResponsive textarea, .formResponsive input[type="text"], .formResponsive input[type="password"] {
    width: 320px;
}