/****************** NAVIGATION *********************/
.navbar {
    background-color: #373f3c;
}

.navbar-custom .navbar-toggler {
    color: rgba(255,255,255,.5);
    border-color: rgba(255,255,255,.1);
}

.navbar-brand {
    padding-top: 0;
    padding-bottom: 0;
}

.navbar-brand img {
    padding-top: 2px;
    padding-bottom: 2px;
}

.nav-item a{
    color: #fff;
}

.nav-item a:hover{
    color: rgb(155, 155, 155);
}

.navbar-right-links {
    list-style: none;
    margin: 0;
    display: flex;
}

.navbar-right-links li {
    padding-left: 10px;
}

.navigation-right-text, .navigation-right-text a {
    color: #9B9B9B;
    font-family: "Ubuntu Condensed";
    font-size: 12px;
    text-align: center;
}

.navigation-right-text a:hover {
    color:#fff;
    text-decoration:none;
}

/*********************** SECTIONS ******************************/
.section-title {
    font-family: "Roboto Slab";
    font-size: 33px;
    font-weight: 600;
}

.section-subtitle {
    font-family: "Ubuntu";
	font-size: 16px;
	color: #4A4A4A;
	margin-top:20px;
}

/********************* SLIDER *********************************/

.slajder {
    width: 100%; 
    /*height: 475px; */
    position: relative;
}
#slider img {
    height: 100% !important;
    object-fit: cover;
}
#slider-wrapper, #slider {
    width: 100% !important;
    height: inherit !important; /*important*/
}

.nivo-caption-container {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
    max-width: 1440px;
}

.nivo-caption {
    background: none !important;
    top: 33%;
    bottom: auto !important;
}

.slider-content {
    color: #FFFFFF;
}

.slider-content h1 {
    font-size: 33px;
    font-weight: 600;
    font-family: "Roboto Slab";
    text-shadow: 0 0 4px rgba(0,0,0,0.5);
}

.slider-content h2 {
    text-shadow: 0 2px 4px 0 rgba(0,0,0,0.5);
    font-family: "Ubuntu Condensed";
    font-size: 18px;
}

.nivo-directionNav {
    position: absolute;
    bottom: 10%;
    width: 100%;
}

.nivo-directionNav a {
    position: unset;
}

.nivo-prevNav {
    right: 50px;
    left: unset !important;
}
/************************ BIG CONTAINER *********************************/
.container-big {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}
@media (min-width: 768px) {
  .container-big {
    width: 750px;
  }
}
@media (min-width: 992px) {
  .container-big {
    width: 1470px;
  }
}
@media (min-width: 1200px) {
  .container-big {
    width: 1470px;
  }
}

.container-big > .navbar-header,
.container-big > .navbar-collapse{
  margin-right: -15px;
  margin-left: -15px;
}
@media (min-width: 768px) {
  .container-big > .navbar-header,
  .container-big > .navbar-collapse{
    margin-right: 0;
    margin-left: 0;
  }
}

.container-big:before,
.container-big:after {
    display: table;
    content: " ";
}


/********************* HOME - About *********************************/
.home-about-container {
    
}

.home-about-content {
    padding: 70px 0px 70px 0px;
}

.home-about-title {
    text-align: center;
}

.home-about {
    background-color: #dde1d9;
}

.home-about-link {
    margin-top: 41px;
}

/******************************* HOME - PackagesForm *******************************************/
.homePackageForm {
    text-align:center;
}

.homePackageForm label {
    color: #9B9B9B;
    font-family: "DIN Condensed";
    font-size: 16px;
    font-weight: bold;
    line-height: 19px;
}

.form-control-home-package {
    border: 0;
    outline: 0;
    background: transparent;
    border-bottom: 1px solid #b5b5b5;
    border-radius: 0;
    color: #000000;
    font-family: Roboto Slab;
    font-size: 22px;
}

.form-control-home-package:disabled, .form-control-home-package[readonly], .form-control-passenger-package:disabled, .form-control-passenger-package[readonly] {
    color: #b5b5b5;
    background-color: #fff;
}

.form-control-home-package-wrapper {
    padding-top: 40px;
}

.form-control-home-package-submit {
    height: 140px;
    width: 40%;
}

.form-control-home-package-submit {
    text-align:left;
    line-height: 14;
    background-color: #7eaf3f;
    color: white;
}

.form-group-home-package {
    margin-bottom: 0;
}

/*************************** HOME - Packages *************************************/
.home-packages {
    padding-top: 50px;
    background-color:#f5f6f7;
    padding-bottom: 50px;
}

.package-collection
 {
    margin-top: 40px;
}


.one-package a:hover > .home-package-image  {
    opacity: .7;
    transition: opacity .5s ease-out;
    -moz-transition: opacity .5s ease-out;
    -webkit-transition: opacity .5s ease-out;
    -o-transition: opacity .5s ease-out;
}

.home-package-image {
   opacity: 1;
}


.cards-container {
    margin-bottom: 30px;
}

.card {
    border: none;
}

.card a:hover {
    text-decoration: none;
}

.card:hover > .card-package-text h3 {
    color: #7EAF3F;
    text-decoration: underline;
}

.card-img {
    min-height: 380px;
    max-height: 520px;
}



.card-package-text {
    font-family: "DIN Condensed";
    font-size: 33px;
    color: #373F3C;
    position: relative;
    letter-spacing: 0;
    padding: 16px;
    min-height: 140px;
 }
 
 .card-package-text h3{
    font-size: 30px;
    font-weight: bold;
    margin-top: 0;
    position: absolute;
    top: 16px;
 }
 
 .card-price{
    position: absolute;
    bottom: -12px;
    right: 16px;
    font-family: DINCondensed-Bold;
    font-size: 33px;
    color: #7EAF3F;
    text-align: right;
 }
 
 
 .card-package-text h4{
	font-size: 18px;
	margin: 0;
 }
/**************************** HOME - Feedback *********************************************/
.home-feedback {
    padding-top: 70px;
    padding-bottom: 100px;
    background-color:#f5f6f7;
}

.home-feedback-header {
    padding-bottom: 40px;
}

.feedbackGalleryPrev {
    width:40px;
    height:40px;
    background: url("images/ico_instagram_back.png");
    margin-top: 10px;
    border:none;
}

.feedbackGalleryNext {
    width:40px;
    height:40px;
    background: url("images/ico_instagram_next.png");
    margin-top: 10px;
    border:none;
}

.feedback-card {
    border: none;
}

.card-details p {
    margin:0;
}

.card-body-feedback {
    padding: 30px;
    font-family: "Ubuntu Condensed";
    font-size: 16px;
    color: #9B9B9B;
}

.card-details-name {
    font-weight: bold;
    color: #5b5b5b;
}

/* equal card height */
.row-equal > div[class*='col-'] {
    display: flex;
    flex: 1 0 auto;
}

.row-equal .card {
   width: 100%;
}

/* ensure equal card height inside carousel */
.carousel-inner>.row-equal.active, 
.carousel-inner>.row-equal.next, 
.carousel-inner>.row-equal.prev {
    display: flex;
}

/* prevent flicker during transition */
.carousel-inner>.row-equal.active.left, 
.carousel-inner>.row-equal.active.right {
    opacity: 0.5;
    display: flex;
}

/* control image height */
.card-img-top-250 {
    max-height: 250px;
    overflow:hidden;
}

/*********************** HOME - Footer *************************************/
.footer-container {
    background: url("images/podlaga_footer.jpg");
    height: 860px;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    background-position: center;
}

.footer-top { padding: 60px 0; text-align: left; color: #fff; color: rgba(255, 255, 255, 0.8); }
.footer-top h3 { padding-bottom: 10px; color: #fff; }

.footer-about img.logo-footer { margin-top: 0; margin-bottom: 18px; }

.footer-contact p { word-wrap: break-word; }
.footer-contact i { padding-right: 10px; font-size: 18px; color: #fff; color: rgba(255, 255, 255, 0.5); }

.footer-links a { color: #fff; color: rgba(255, 255, 255, 0.8); border: 0; }
.footer-links a:hover, .footer-links a:focus { color: #fff; }

.footer-bottom {
    text-align: left;
    color: #4a4a4a;
    height: 100px;
    position: absolute;
    width: 100%;
    bottom: 0px; }

.footer-social { padding-top: 3px; text-align: right; }
.footer-social a { margin-left: 20px; color: #777; border: 0; }
.footer-social a:hover, .footer-social a:focus { color: #79a05f; border: 0; }
.footer-social i { font-size: 24px; vertical-align: middle; }

.footer-copyright { padding-top: 5px; }
.footer-copyright a { border: 0; color: #4A4A4A;}
.footer-copyright a:hover, .footer-copyright a:focus { color: #aaa; border: 0; }

.footer-nav {
	list-style-type:none;
	padding:0px;
	display:table;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
}
.footer-nav li { display:inline;}
.footer-nav li a { color: #4A4A4A; margin:0 12px; font-family: "Ubuntu Condensed"; font-size: 16px; text-transform: uppercase;}
.footer-nav li a:hover {text-decoration:none; color: #ffffff}

.footer-naslov {
    color: #4A4A4A;
}
.footer-mail {
    color: #9B9B9B;
}
.footer-copyright {
    font-family: Helvetica;
    color: #4A4A4A;
    font-size: 11px;
}
.footer-copyright-designed {
    font-family: Helvetica;
	color: #4A4A4A;
	font-size: 11px;
}
.footer-copyright-designed a:hover{
    text-decoration:none;
    color: #fff;
}
.footer-naslov a:hover{
    text-decoration:none;
    color:#4A4A4A;
}
/************************ PAGES ********************************************/
.page-header {
    color: #373F3C;
    font-family: "Roboto Slab";
    font-weight: 600;
}
.page-header-container {
    padding-top: 165px;
    padding-bottom: 165px;
}

/******************************** COMPONENTS **************************************/
/*Buttos*/
.btn-glavni-link {
    background-color: #373F3C;
    border: none;
    border-radius: 0;
    font-size: 25px;
    padding: 10px 25px 10px 25px;
    color: #fff;
}

.btn-glavni-link:hover{
    color: rgb(155, 155, 155);
}

/*Rows*/
.row-dol {
    margin-top: 40px;
}
/************************ ABOUT *****************************/
.about-content {
	font-family: Ubuntu;
	color: #4A4A4A;
	font-size: 16px;
	text-align: center;
}

/************************ CONTACT *************************************/
.contact-content{
    padding-bottom: 80px;
}

.form-control-contact {
    border-radius: 0;
    font-family: Ubuntu;
}

/****************************** IZLET ********************************/
.itinerary-day {
    height: 70px;
    width: 70px;
	background-color: #7EAF3F;
	font-family: Roboto Slab;
	font-size: 18px;
	font-weight: bold;
	color: #FFFFFF;
	padding-top: 5px;
    padding-left: 5px;
}
.itinerary-content {
    margin-left: 50px;
    font-family: Ubuntu;
    color: #000000;
}
.itinerary-content h1 {
    font-weight: bold;
    font-size: 24px;
}
.itinerary-content p {
    font-size: 16px;
}

.izletPageHeaderSection {
    background-color:#f5f6f7;
}


.izletPageItinerarySection {
   /* max-width: calc(100% - 160px);*/
}


.izletPageItinerarySectionContainer {
  /*  background-color: red;*/
  /*  padding: 0px 60px 40px 160px;*/
}

.izletPageOverviewSection{
  padding: 0px 0px 120px 0px;
}


.izlet-header {
    padding-top: 100px;
    padding-bottom: 40px;
}

.izlet-header-description {
    color: #4A4A4A;	font-family: Ubuntu;	font-size: 16px;	line-height: 26px;
}
.izlet-header-title {
    color: #373F3C;	font-family: Roboto Slab;	font-size: 52px;	font-weight: 600;	line-height: 60px;
}
.izlet-header-dates {
    color: #000000;	font-family: Ubuntu;	font-size: 18px;	line-height: 26px;
    margin-top: 23px;
}
.izlet-header-datesdate, .izlet-header-pricenumber {
    font-weight: 600;
}
.izlet-header-price {
    margin-top: 28px;
}
.izletPageGallerySection {
    background-color: #f5f6f7;
    overflow: hidden;
}
.izlet-gallery-title{
    margin-top: 80px;
    margin-bottom: 50px;
}
.izlet-gallery-text{
    color:#fff;
    text-align: center;
    font-family: Ubuntu;
}
.izlet-gallery-text h3 {
    font-size: 18px;
    font-weight: bold;
}
.izlet-gallery-text h4 {
    font-size: 18px;
}
.izlet-overview-title{
    margin-top: 80px;
    margin-bottom: 80px;
}
.izlet-overview-mediacard {
    margin-left: 20px;
    font-family: Ubuntu;
    font-size: 16px;
}
.izlet-included-header {
    font-family: Roboto Slab;
    font-size: 26px;
}
ul.izlet-ul-included{
    list-style-image: url("images/ico_included.png");
}
.izlet-ul-notincluded{
    list-style-image: url("images/ico_notincluded.png");
}
.izlet-ul-bring{
    list-style-image: url("images/ico_list.png");
}
.izletGalleryNext {
    width:40px;
    height:40px;
    background: url("images/ico_instagram_next.png");
    margin-top: 20px;
    margin-bottom: 10px;
    border:none;
}
.izletGalleryPrev {
    width:40px;
    height:40px;
    background: url("images/ico_instagram_back.png");
    margin-top: 20px;
    margin-bottom: 10px;
    border:none;
}

.izletSecondPageDescriptionSection{
    margin-top: 40px;
    margin-bottom: 10px;
}

.media {
    margin-bottom: 40px;
    border-bottom: .5px dashed #7EAF3F;
}

.media:last-child {
    border-bottom: none;
}



/**************************** PASSENGER INFO **********************************/
.passengers-header-link {
    margin-top: 50px;
}
.passengers-header-link a {
    color: #000000;
    font-family: Ubuntu;
    font-weight: 300;
    font-size: 18px;
}
.passengers-form-container {
    width:100%;
}
.passengers-line {
	border-color: #979797;
    border-style: solid none;
    margin-top: 40px;
}
.form-box {
    /*text-align: center;*/
}
.row-centered {
    text-align:center;
}

.form-group-passenger-package {
    width: 50%;
    display: block;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}
.form-group-passenger-package select {
    border: 1px solid #b5b5b5;
    color: #b5b5b5;
}
.form-control-passenger-package {
    border: 0;
    outline: 0;
    background: transparent;
    border-bottom: none;
    border-radius: 0;
    color: #000000;
    font-family: Roboto Slab;
    font-size: 22px;
    text-align: center;
}
.passenger-info {
    font-size: 33px;
    margin-top: 30px;
    margin-bottom: 60px;
    font-family: Roboto Slab;
    font-weight: 600;
}

.dateclass.placeholderclass::before{
    width:100%;
    content:attr(placeholder);
    background-color:#FFFFFF;
}

.dateclass.placeholderclass:hover::before{
    width:0%;
    content:"";
}