/* ==== Google font ==== */
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,700,600);
@import url('font-awesome.css');
/* ==== overwrite bootstrap standard ==== */
@import url('animate.css');



body {
	font-family:'Open Sans', Arial, sans-serif;
	font-size:14px;
	font-weight:300;
	line-height:1.6em;
	color:#fff;
	background-color:#fff;
	overflow-x:hidden;
}

h1,h2,h3,h4,h5,h6 {
	color:#333;
	line-height:1.1em;
}

p {
	color:#333;
	font-size:13px;
}
a {
    text-decoration:none;
    transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -webkit-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
    outline: none;
	color:#333;
}
a:hover {
	text-decoration: none;
	color:#eee;	
	}

.btn-primary {
  padding: 8px 20px;
  background: #1BBD36;
  color: #fff;
  border-radius: 4px;
  border:none;
  margin-top: 10px;
}
	
.text-center h2 {
	margin-bottom:30px;
}

.text-center p {
	margin-bottom:50px;
	color:#333;
}

.btn-default {
  color: #333;
  background-color: #fff;
  border-color: #fff;
  text-transform:uppercase;
  font-size:18px;
  border-radius:30px;
  margin-left:-10px;
}

#breadcrumb {
	background-color: #1BBD36;
	margin-top: -20px;
}

.breadcrumb { 
  list-style: none;
  background-color: #1BBD36;
  border-radius: 0px;
  padding:3px 10px;
}

.breadcrumb li {
   text-transform:uppercase;
   margin-top:125px;
   font-weight:600;
}

/*===========================
  Menu and Navigation
============================ */
.navigation  {
	background-color:#fff;
	padding:0;
}

.navbar-brand  {
  margin-top: 12px;
  margin-left: -20px;
}

.navbar-brand p {
  font-size: 1em;
  margin-left: 0px;
  margin-top: -5px;
  font-weight: 600;
  color: #0000CD;
}
.navbar-toggle {
  margin-top: 18px;
}

.menu {
	font-size:14px;
	float:right;
	text-transform:uppercase;
	font-weight:700;
  margin-top: 3px;	
}

.menu ul.nav-tabs li {
	color:#000;	
}

.nav-tabs {
	border-bottom: 0;
}
.nav-tabs > li {
	float: left;
	margin-bottom: 0;
}
.nav-tabs > li > a {	
	border-radius:0;
	color:#555;
	padding:30px;
}

.nav-tabs > li > a:hover {	
	color: #0000CD;
	border-color: #fff #fff #fff;
	border-radius:0;
	background-color:#fff; 
	transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
}
.nav-tabs > li > a.active {
	color: #0000CD;
  font-size: 14px;
	border-radius:0;
  border-bottom: 2px solid #0000CD;
  padding-bottom: 10px;
	transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
}


/*===========================
  slider
============================ */
#main-slider {

}

#main-slider {
  position: relative;
}

.no-margin {
  margin: 0;
  padding: 0;
}

#main-slider .carousel .carousel-content {
  margin-top: 120px;
  background-color: rgba(0,49,73,0.66);
  padding: 30px 30px;
  border-radius: 5px;
}

#main-slider .carousel .slide-margin{
  margin-top: 100px;
}

#main-slider .carousel h1 {
  color: #00BFFF;
  text-transform:uppercase;
  font-size: 3em;
  font-weight:800;
  text-shadow: 1px 1px black;
}

#main-slider .carousel h2 {
  color: #ddd;
  font-size: 1.5em;
  font-weight: bold;
}

#main-slider .carousel .btn-slide {
  padding: 8px 20px;
  background: #00BFFF;
  color: #fff;
  font-weight: bold;
  border-radius: 4px;
  margin-top: 30px;
  margin-bottom: 30px;
  margin-right: 20px;
  display: inline-block;
}
#main-slider .carousel .btn-slide:hover {
  background-color: #fff;
  color: #00BFFF;
  transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
}

#main-slider .carousel .slider-img{
  text-align: right;
  position: absolute;
}

#main-slider .carousel .item {
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  left: 0 !important;
  opacity: 0;
  top: 0;
  position: absolute;
  width: 100%;
  display: block !important;
  height: 980px;
  -webkit-transition: opacity ease-in-out 500ms;
  -moz-transition: opacity ease-in-out 500ms;
  -o-transition: opacity ease-in-out 500ms;
  transition: opacity ease-in-out 500ms;
}

#main-slider .carousel .item:first-child {
  top: auto;
  position: relative;
}

#main-slider .carousel .item.active {
  opacity: 1;
  -webkit-transition: opacity ease-in-out 500ms;
  -moz-transition: opacity ease-in-out 500ms;
  -o-transition: opacity ease-in-out 500ms;
  transition: opacity ease-in-out 500ms;
  z-index: 1;
}

#main-slider .active .animation.animated-item-1 {
  -webkit-animation: fadeInUp 300ms linear 300ms both;
  -moz-animation: fadeInUp 300ms linear 300ms both;
  -o-animation: fadeInUp 300ms linear 300ms both;
  -ms-animation: fadeInUp 300ms linear 300ms both;
  animation: fadeInUp 300ms linear 300ms both;
}

#main-slider .active .animation.animated-item-2 {
  -webkit-animation: fadeInUp 300ms linear 600ms both;
  -moz-animation: fadeInUp 300ms linear 600ms both;
  -o-animation: fadeInUp 300ms linear 600ms both;
  -ms-animation: fadeInUp 300ms linear 600ms both;
  animation: fadeInUp 300ms linear 600ms both;
}

#main-slider .active .animation.animated-item-3 {
  -webkit-animation: fadeInUp 300ms linear 900ms both;
  -moz-animation: fadeInUp 300ms linear 900ms both;
  -o-animation: fadeInUp 300ms linear 900ms both;
  -ms-animation: fadeInUp 300ms linear 900ms both;
  animation: fadeInUp 300ms linear 900ms both;
}

#partner {
  text-align: center;
  padding:50px 0px;
}

#partner h2 {
  display: none;
}

#partner iframe {
  width: 100%;
  height: 500px;
}

#conatcat-info{
  background: #fff;
  padding: 30px 0;
}
 #conatcat-info a {
  text-decoration: underline;
  font-style: italic;
  font-size: 1.5em;
  font-weight: bold;
  margin-left: 20px;
  color: #555;
}
#conatcat-info a:hover {
  color: #0000CD;
}
.contact-info i{
  width: 100px;
  height: 100px;
  font-size: 60px;
  line-height: 100px;
  color: #fff !important;
  background: #0000CD;
  text-align: center;
  border-radius: 6px;
  margin-top: 13px;
}

.contact-info h2{
  margin-top: 0;
  color: #000;
  font-size: 1.5em;
  margin-left: 20px;
}


.about {
	background:#fff;
	padding:50px 0px;
}

.about h2 {
	margin-bottom:30px;
  text-transform: uppercase;
  color: #0000CD;
}

.about p {
  font-size: 22px;
  font-weight: 500;
  line-height: 25px;
}

.about img {
	margin-bottom:30px;
	border-radius:6px;
}

.about p strong {
  color: #0000CD;
}

.lates {
	padding:50px 0px;
  background:#ddd;
}
.naslov {
  margin-top: -50px !important;
}

.lates h2 {
	font-weight:600;
	text-transform: uppercase;
  color: #0000CD;
  font-size: 3em;
}
.lates h3 {
  font-weight:600;
  text-transform: uppercase;
  color: #0000CD;
  font-size: 2em;
}
.lates p {
  font-size: 16px;
  font-weight: 500;
}
.lates span {
  color: #0000CD;
  font-style: italic;
  font-weight: 800;
}

.lates img {
	margin-top:30px;
	border-radius:5px;
}

/*Footer*/

#footer {
    min-height: 100px;
    background: #000;
    color: #fff;
}
#footer h6 {
    font-size: 16px;
    color: #fff;
    margin-top: 20px;
}
#footer a {
    color: #fff;
    font-size: 14px;
    text-decoration: underline !important;
}
#footer a:hover {
    color: #FF0000;
    -webkit-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
}

a.scrollup{
  color: #0000CD;
  border: 1px solid #0000CD;
  background-color: #ddd;
  height:30px;
  width:30px;
  font-size: 9px;
  line-height:30px;
  text-align:center;
  text-decoration:none;
  position:fixed;
  bottom:20px;
  right:20px; 
  opacity:0,5;
  border-radius:50%;
  z-index:999;
}
a.scrollup:hover{
  background-color: #ddd;
  color: #FF0000;
  border: 1px solid #FF0000;
}