/*============= RESETS =============*/

/*-- iPhone X Remove Gutters --*/
html {
    padding: env(safe-area-inset);
 }
 /*-- Prevent Horizontal Scrolling & Font Style --*/
 html, body {
    overflow-x: hidden;
    font-family: 'Poppins', sans-serif;
    color: #505962;
 }
 .text-nuno {
    color: #879eb8;
 }
 
 /*--- Nav Scrolling Offset --*/
 .offset:before {
    content: "";
    height: 4rem;
    display: block;
    margin-top: -4rem;
 }

 /*--- Extra Bootstrap Column Padding --*/
[class*="col-"] {
    padding: 1rem;
 }

 /*============= NAVIGATION =============*/
.navbar-brand img {
    width: 160px;
 }

 .navbar {
    display: flex;
        padding: 0% 6%;
        justify-content: space-between;
        align-items: center;
 }
 .navbar-nav li {
    list-style: none;
        display: inline-block;
        padding: 8px 12px;
        position: relative;
 }
 .navbar-nav .nav-link {
    color: white;
    font-size: 15px;
 }
 .navbar-nav .nav-link.active,
 .navbar-nav .nav-link:hover {
    color: #879eb8;
 }
 .custom-toggler-icon {
    color: white;
    font-size: 1.6rem;
 }
 .navbar.solid,
 .navbar.solid-toggle {
    background: rgba(0, 0, 0, .7)!important;
    transition: background-color 1s ease;
 }

 /*-- Remove Button Outline --*/
button:focus, a:focus, a.btn:focus {
    outline: 0;
    -webkit-appearance: none;
    box-shadow: none;
    transition: all .6s ease;
 }
 button, a, a.btn,
 .svg-inline--fa {
    transition: all .6s ease;
 }

 /*============= LANDING PAGE =============*/

/*--- Fixed Landing Page Section --*/
.landing {
    position: relative;
    width: 100%;
    height: 100vh;
    display: table;
    z-index: -1;
 }
 .home-wrap {
    clip: rect(0, auto, auto, 0);
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
 }
 .home-inner {
    background-image: linear-gradient(rgba(2,4,13,0.5), rgba(49, 58, 96, 0.7)), url(../header2.jpg);    position: fixed;
    height: 100%;
    width: 100%;
    background-size: cover;
    background-position: center center;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    will-change: transform;
    display: table;
 }
 /*--- Fixed Landing Page Section End--*/

/* ABOUT US */
 .landing0 {
    position: relative;
    width: 100%;
    height: 50vh;
    display: table;
    z-index: -1;
 }
 .home-wrap0 {
    clip: rect(0, auto, auto, 0);
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
 }

 .home-inner0 {
    background-image: linear-gradient(rgba(2,4,13,0.5), rgba(49, 58, 96, 0.7)), url(header2.jpg);    position: fixed;
    height: 50%;
    width: 100%;
    background-size: cover;
    background-position: center center;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    will-change: transform;
    display: table;
 }
 
 .team{
     justify-content: center;
     align-items: center;
     text-align: center;
 }
 .team img{
    width: 300px;
    height: 300px;
    margin: 0 auto;
 }

 /*Bosna & Hercegovina*/
 .home-inner1 {
    background-image: linear-gradient(rgba(2,4,13,0.5), rgba(49, 58, 96, 0.7)), url(BiH-mostar.jpg);    position: fixed;
    height: 100%;
    width: 100%;
    background-size: cover;
    background-position: center center;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    will-change: transform;
    display: table;
 }
  /*Hrvatska*/
  .home-inner2 {
    background-image: linear-gradient(rgba(2,4,13,0.5), rgba(49, 58, 96, 0.7)), url(header.jpg);    position: fixed;
    height: 100%;
    width: 100%;
    background-size: cover;
    background-position: center center;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    will-change: transform;
    display: table;
 }
    /*Crna Gora*/
    .home-inner3 {
    background-image: linear-gradient(rgba(2,4,13,0.5), rgba(49, 58, 96, 0.7)), url(crna-gora.jpg);    position: fixed;
    height: 100%;
    width: 100%;
    background-size: cover;
    background-position: center center;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    will-change: transform;
    display: table;
 }
    /* Madarska */
    .home-inner5 {
    background-image: linear-gradient(rgba(2,4,13,0.5), rgba(49, 58, 96, 0.7)), url(hungary.jpg);    position:;
    height: 100%;
    width: 100%;
    background-size: cover;
    background-position: center center;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    will-change: transform;
    display: table;
    }

    /*===== AKTUALNE PONUDE =====*/

    /* hvar */
    .home-inner11 {
    background-image: linear-gradient(rgba(2,4,13,0.5), rgba(49, 58, 96, 0.7)), url(pexels-jocelyn-erskinekellie-8395672.jpg);    position: ;
    height: 100%;
    width: 100%;
    background-size: cover;
    background-position: center center;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    will-change: transform;
    display: table;
    }

    /* Međugorje */
    .home-inner12 {
    background-image: linear-gradient(rgba(2,4,13,0.5), rgba(49, 58, 96, 0.7)), url(medugorje2.jpg);    position: ;
    height: 100%;
    width: 100%;
    background-size: cover;
    background-position: center center;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    will-change: transform;
    display: table;
    }

    /* Budva */
    .home-inner13 {
        background-image: linear-gradient(rgba(2,4,13,0.5), rgba(49, 58, 96, 0.7)), url(crna-gora.jpg);    position: ;
        height: 100%;
        width: 100%;
        background-size: cover;
        background-position: center center;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        will-change: transform;
        display: table;
        }
    
  /*services*/
  .home-inner4 {
    background-image: linear-gradient(rgba(2,4,13,0.5), rgba(49, 58, 96, 0.7)), url(spencer-davis-ybUdMTw7-0c-unsplash.jpg);    position: fixed;
    height: 100%;
    width: 100%;
    background-size: cover;
    background-position: center center;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    will-change: transform;
    display: table;
 }
 /*-- Landing Page Caption --*/
.caption {
    z-index: 1;
    position: absolute;
    top: 38%;
    width: 100%;
    max-width: 100%;
 }
 .caption h1 {
    font-size: 4.5rem;
    letter-spacing: .3rem;
    text-shadow: .1rem .1rem .8rem black;
    padding-bottom: 1rem;
 }
 .caption h3 {
    font-size: 2.5rem;
    text-shadow: .1rem .1rem .5rem black;
    padding-bottom: 2rem;
 }
 .caption .btn-md {
    border-width: medium;
    padding: .8rem 1.5rem;
    font-size: 1rem;
 }
 .caption .btn-md:hover{
     background: #879eb8;
 }

  /*-- secondary Page Caption --*/
  .caption1 {
    z-index: 1;
    position: absolute;
    top: 28%;
    width: 100%;
    max-width: 100%;
 }
 .caption1 h1 {
    font-size: 3.2rem;
    letter-spacing: .3rem;
    text-shadow: .1rem .1rem .8rem black;
    padding-bottom: 1rem;
 }
 .caption1 h3 {
    font-size: 2.5rem;
    text-shadow: .1rem .1rem .5rem black;
    padding-bottom: 2rem;
 }
 /* secondary caption end */

 /*-- Bouncing Down Arrow --*/
 .arrow {
    position: absolute;
    bottom: 0;
    width: 100%;
    animation: bounce 2s infinite;
    -webkit-animation: bounce 2s infinite;
 }
 .down-arrow .svg-inline--fa {
    color: white;
    font-size: 2.2rem;
    opacity: .3;
 }
 .down-arrow .svg-inline--fa:hover {
    opacity: .8;
 }






 /*============= TOP SCROLL =============*/

a.top-scroll {
    right: 1.2rem;
    bottom: 1.2rem;
    position: fixed;
    opacity: .3;
    z-index: 1000;
    display: none;
 }
 a.top-scroll:hover {
    opacity: .5;
 }
 .top-scroll .svg-inline--fa {
    background: white;
    color: #53595f;
    font-size: 3rem;
    height: 1.7rem;
 }
.down-arrow .svg-inline--fa:hover {
   opacity: .8;
}
.heading-underline {
    width: 4rem;
    height: .2rem;
    background-color: #3e6592;
    margin: 0 auto 2rem;
 }
 /*============= FEATURES SECTION =============*/

 #features{
   
}
#features img{
    width: 60px;
}
#features p{
    font-size: 14px;
    font-weight: 600;
    line-height: 22px;
    padding: 10px;
    margin: 10px 0;
    color: #3e6592;
}
/*============= ABOUT US SECTION =============*/
 .about{
   background-color: #e9ecef;
   width: 100%;
   margin: auto;
   position: relative;
   text-align: center;
  padding-top: 50px;
  padding-bottom: 100px;
  background-color: #ffffff;
opacity: 1;
background-image:  repeating-radial-gradient( circle at 0 0, transparent 0, #ffffff 230px ), repeating-linear-gradient( #f3f3f3, #f3f3f3 );
 }

 .about h1{
    font-size: 36px;
    font-weight: 600;
    color: #3e6592;
}
.about p{
    font-size: 17px;
    color: #3e6592;
    
}

.about img{
    width: 300px;
    margin-top: 30px;
}

.about .about-btn{
    background: #3e6592;
    text-transform: uppercase;
    font-size: .9rem;
   margin: 1rem;
   padding: .5rem 1.1rem;


}
.about .about-btn:hover{
    background: #879eb8;
    
}

.about .text-first{
    padding: 50px;
}
.text-box1{
   padding: 50px;
   align-self: center;


}
.about .col1 {
    align-self: center;
    padding: 0px;
}
.about .col2 {
    align-self: center;
    padding: 60px;
}

/*============= TEAM =============*/
.team .img-about{
    width: 300px;
    margin-top: 30px;
    height: auto;
}

/*============= SERVICES SECTION =============*/
.services{
    margin: 0 auto;
    width: 100%;
    background-image:linear-gradient( rgba(4,9,30,0.7), rgba(61,101,146)), url(spencer-davis-ybUdMTw7-0c-unsplash.jpg);
    background-color: rgb(62, 101, 146);
    background-position: center;
    background-size: cover;
    position: relative; 
    text-align: center;
    padding: 25px;
    
}
.services h1{
    font-size: 36px;
    font-weight: 600;
    color: #fff;
}
.services p{
    color: #fff;
}
.services hr{
    color: #fff;
}
.services .btn{
    margin: 0 auto;
    margin-top: 25px;
}

/* DESTINATIONS */
.destinations{
    width: 100%;
    margin: auto;
    position: relative;
    text-align: center;
   padding-top: 50px;
   padding-bottom: 100px;
   background-color: #e9ecef;
   
}
.destinations h1{
    font-size: 36px;
    font-weight: 600;
    color: #3e6592;
    margin-bottom: px;
}
.destinations p{
    font-size: 17px;
    color: #3e6592;
}
.owl-stage {
    display: flex;
 }
 .card {
    height: 100%;
    border-radius: 0;
    text-align: center;
    margin: 0 1rem;
    border: .1rem solid rgba(0, 0, 0, .075);
    box-shadow: 0 0 .8rem rgba(0, 0, 0, .075);
    transition: transform .4s ease;
    list-style: none;
    background-color: #ffffff;
    opacity: 1;
    background-image:  repeating-radial-gradient( circle at 0 0, transparent 0, #ffffff 85px ), repeating-linear-gradient( #f3f3f3, #f3f3f3 );
 }
.card1{
    background-color: #ffffff;
    opacity: 1;
    background-image:  repeating-radial-gradient( circle at 0 0, transparent 0, #ffffff 70px ), repeating-linear-gradient( #f3f3f3, #f3f3f3 );
}
.card2{
    background-color: #ffffff;
    opacity: 1;
    background-image:  repeating-radial-gradient( circle at 0 0, transparent 0, #ffffff 80px ), repeating-linear-gradient( #f3f3f3, #f3f3f3 );
}
 .card h3{
     list-style: none;
     text-decoration: none;
     color: #3e6592;
 }
 .card:hover {
    transform: scale(.95);
 }
 button.owl-dot.active span,
button.owl-dot:hover span {
   background: #3e6592!important;
}
.card-btn{
    display: inline-block;
    text-decoration: none;
    color: #3e6592;
    border: 2px solid #3e6592;
    padding: 6px 17px;
    font-size: 13px;
    position: relative;
    cursor: pointer;
    margin-top: 25px;
}
.card .btn:hover{
    border: 1px solid #fff;
    background: #3e6592;
    transition: 1s;
    color: #fff;
}
.card-btn1{
    display: inline-block;
    text-decoration: none;
    color: #3e6592;
    border: 2px solid #3e6592;
    font-size: 13px;
    position: relative;
    cursor: pointer;
}

/* BIH DESTINATIONS */

.bih-destinations{
    background-image:  repeating-radial-gradient( circle at 0 0, transparent 0, #ffffff 230px ), repeating-linear-gradient( #f3f3f3, #f3f3f3 );

}
.bih-destinations .btn:hover{
    border: 1px solid #fff;
    background: #3e6592;
    transition: 1s;
    color: #fff;
}
.bih-destinations .col-lg-5 {
    margin: 20px;
    height: 350px;
}

.bih-destinations img{
    margin-top: 18px;
    height: 230px;
    width: 350px;
}
.bih-destinations .btn{
    margin-top: 18px;
    width: 200px;
}

/* CG DESTINATIONS */
.cg-destinations{
    background-image:  repeating-radial-gradient( circle at 0 0, transparent 0, #ffffff 230px ), repeating-linear-gradient( #f3f3f3, #f3f3f3 );

}
.cg-destinations .btn:hover{
    border: 1px solid #fff;
    background: #3e6592;
    transition: 1s;
    color: #fff;
}
.cg-destinations .col-lg-5 {
    margin: 20px;
    height: 350px;
}

.cg-destinations img{
    margin-top: 18px;
    height: 230px;
    width: 350px;
}
.cg-destinations .btn{
    margin-top: 18px;
    width: 200px;
}

/* CRO DESTINATIONS */
.cro-destinations{
    background-image:  repeating-radial-gradient( circle at 0 0, transparent 0, #ffffff 230px ), repeating-linear-gradient( #f3f3f3, #f3f3f3 );

}
.cro-destinations .btn:hover{
    border: 1px solid #fff;
    background: #3e6592;
    transition: 1s;
    color: #fff;
}
.cro-destinations .col-lg-5 {
    margin: 20px;
    height: 350px;
}

.cro-destinations img{
    margin-top: 18px;
    height: 230px;
    width: 350px;
}
.cro-destinations .btn{
    margin-top: 18px;
    width: 200px;
}

/* HU DESTINATIONS */
.hu-destinations{
    background-image:  repeating-radial-gradient( circle at 0 0, transparent 0, #ffffff 230px ), repeating-linear-gradient( #f3f3f3, #f3f3f3 );

}
.hu-destinations .btn:hover{
    border: 1px solid #fff;
    background: #3e6592;
    transition: 1s;
    color: #fff;
}
.hu-destinations .col-lg-5 {
    margin: 20px;
    height: 350px;
}

.hu-destinations img{
    margin-top: 18px;
    height: 230px;
    width: 350px;
}
.hu-destinations .btn{
    margin-top: 18px;
    width: 200px;
}
/* FEATURES2 */

.features2{
    margin: 0 auto;
    width: 100%;
    background-image:linear-gradient( rgba(112, 112, 114, 0.7), rgba(61,101,146)), url(../La-Tour/images/spencer-davis-ybUdMTw7-0c-unsplash.jpg);
    background-color: rgb(62, 101, 146);
    background-position: center;
    background-size: cover;
    position: relative; 
    text-align: center;
    padding: 50px;
    align-content: center;
    background-color: #ffffff;
    opacity: 1;
    background-image:  repeating-radial-gradient( circle at 0 0, transparent 0, #ffffff 380px ), repeating-linear-gradient( #f3f3f3, #f3f3f3 );

}
.features2 p{
    color: #3e6592;
}
.features2 img{
    width: 250px;
}

.col2 img{
    width: 350px;
}
.features2 .btn{
    display: inline-block;
    text-decoration: none;
    color: #3e6592;
    border: 2px solid #3e6592;
    padding: 12px 34px;
    font-size: 13px;
    position: relative;
    cursor: pointer;
    margin-top: 25px;
}
.features2 .btn:hover{
    border: 1px solid #fff;
    background: #3e6592;
    transition: 1s;
    color: #fff;
}

  /*============= PRICING SECTION =============*/
#pricing h1{
    font-size: 36px;
    font-weight: 600;
    color: #3e6592;
}
#pricing p{
    color: #3e6592;

}
#pricing h3 {
    list-style: none;
    text-decoration: none;
    color: #3e6592;
}
.pricing-column {
    background-image:  repeating-radial-gradient( circle at 0 0, transparent 0, #ffffff 405px ), repeating-linear-gradient( #f3f3f3, #f3f3f3 );
    height: 100%;
    padding: 1.6rem;
    border-top: .25rem solid #3e6592;
    box-shadow: 0 0 .8rem rgba(0, 0, 0, .075);
    transition: transform .7s ease;
    position: relative;
    overflow: hidden;
 }
 .pricing-column:hover {
    transform: scale(1.1);
 }
 .pricing-column h4 {
    font-size: 1.1rem;
    font-weight: 700;
 }
 .ribbon {
    background-color: #6c757d;
    color: white;
    font-size: .8rem;
    font-weight: 700;
    height: 2rem;
    width: 10rem;
    padding-top: .4rem;
    position: absolute;
    transform: rotate(45deg);
    right: -2.8rem;
    top: 1.5rem;
    box-shadow: 0 0 .2rem rgba(0, 0, 0, .25);
 }
 .pricing-btn{
    display: inline-block;
    text-decoration: none;
    color: #3e6592;
    border: 2px solid #3e6592;
    padding: 6px 17px;
    font-size: 13px;
    position: relative;
    cursor: pointer;
    margin-top: 25px;
}
#pricing .btn:hover{
    border: 1px solid #fff;
    background: #3e6592;
    transition: 1s;
    color: #fff;
}

  /*============= CONTACT SECTION =============*/
.contact{
    margin: 0 auto;
    width: 100%;
    background-image:linear-gradient( rgba(4,9,30,0.7), rgba(61,101,146)), url(spencer-davis-ybUdMTw7-0c-unsplash.jpg);
    background-color: rgb(62, 101, 146);
    background-position: center;
    background-size: cover;
    position: relative; 
    text-align: center;
    padding-top: 50px;

}
.contact-box{
    display: flex;
    justify-content: center;
    align-items: center;
}
.contact-form{
    width: 460px;
    padding: 2rem 1rem;
    border-radius: ;
    /*box-shadow: 0 10px 25px rgba(242, 243, 245, 0.2);*/
    border: solid #f3f3f3;
    display: flex;
    justify-content: center;
    align-items: center;
}
.contact-form input{
    margin: 15px;
    width: 335px;
    height: 50px;
}
.contact-form .input2{
    margin: 15px;
    width: 335px;
    height: 150px;
}
.contact h1{
    font-size: 36px;
    font-weight: 600;
    color: #fff;
}
.contact h4{
    color: #f1f1f1ff;
}
.contact p{
    color: #fff;
}
.contact hr{
    color: #fff;
}
.contact .btn{
    margin: 0 auto;
    margin-top: 25px;
}
.contact img{
    width: 250px;
    
}

.contact-box .contactboxname{
    color: #e6e9f5;
}


/* MEDIA QUERIES */

    @media (max-width:575px){
        
        .caption p{
            padding:25px;
        }
        .about .text-first p{
            text-align: center;
        }
        .about .about-btn{
            margin-left: 85px;
        }
        .services p{
            text-align: center;
        }
        .services{
            justify-content: center;
        }
        .features2 img{
            width: 260px;
        }
    }