/* ===========================================================
 * Filename: custom.css
 * Version: 2.0
 * Author: web360
 * =========================================================== */

html {
  scroll-behavior: smooth;
}

body {background-color: #fff;}

h1 {font-size: 60px;}

h2 {font-size: 22px; padding-top: 20px; padding-bottom: 20px; color: #fff;}

h3 {font-size: 12px; color: #fff;}

h4 {font-size: 22px; font-weight: bold;}

.bg-primary { background-color: #fff !important; color: #000; }
.bg-secondary { background-color: #e9e9e9 !important; color: #fff; }
.bg-third { background-color: #fff !important; color: #fff; }
.bg-fourth { background-color: #2a5297 !important; color: #fff; }
.bg-light-green { background-color: #CFD1A2 !important; color: #fff; }
.bg-black { background-color: #b03a50 !important; color: #fff; }
.bg-footer { background-color: #282E3C !important; color: #7bc8ff; }
.bg-dark-opacity { background-color: rgba(0, 0, 0, 0.1); }
.bg-pink { background-color: #e24e68; color: #fff; }
.bg-signature {background-color: #ffa500; color: #fff;}

.container100 { width: 100% !important; max-width: 100% !important; margin: 0 auto; }
.container90 { width: 90% !important; max-width: 90% !important; margin: 0 auto; }
.container85 { width: 85% !important; max-width: 85% !important; margin: 0 auto; }
.container80 { width: 80% !important; max-width: 80% !important; margin: 0 auto; }

.text-primary { color: #282E3C !important; }
.text-secondary { color: #90783C !important; }
.text-white { color: #fff !important; }
.text-black { color: #000000 !important; }

.btn-primary { background-color: #b03a50 !important; border-color: #b03a50 !important; }
.btn-primary:hover { background-color: #e24e68 !important; border-color: #e24e68 !important; }

.container-bg1 {background: url(../images/elements/lijevo.jpg) no-repeat;}
.container-bg2 {background: url(../images/elements/desno.jpg) no-repeat;}
.bg-white { background-color: white; }
.height {height: 800px;}


/* Style inputs with type="text", select elements and textareas */
input[type=text], select, textarea {
    outline: none;
    width: 100%; /* Full width */
    padding: 6px 12px; /* Some padding */
    border: 1px solid #ccc; /* Gray border */
    border-radius: 4px; /* Rounded borders */
    box-sizing: border-box; /* Make sure that padding and width stays in place */

    margin-bottom: 16px; /* Bottom margin */
    resize: vertical /* Allow the user to vertically resize the textarea (not horizontally) */
}

/* Style the submit button with a specific background color etc */
.btn-purple {
    background-color: #854092;
    color: white;
    cursor: pointer;
}

/* When moving the mouse over the submit button, add a darker green color */
.btn-purple:hover {
    background-color: #F1602C;
}

/* Style the submit button with a specific background color etc */
.submit-program {
    outline: none;
    background-color: #d8d8d8;
    color: white;
    padding: 60px 70px 60px 70px;
    border: none;
    border-radius: 140px;
    cursor: pointer;
}

/* When moving the mouse over the submit button, add a darker green color */
.submit-program:hover {
    outline: none;
    background-color: #F1602C;
}

.reserve-button {position: fixed; top: 30px; left: 30px; z-index: 100; background-color: #fff; padding: 10px 20px 15px 10px;}
.menu-icon-container {position: fixed; top: 30px; right: 30px; z-index: 100; background-color: #fff; padding: 10px 10px 5px 10px;}
.menu-icon { cursor: pointer; width: 35px; height: 35px; z-index: 100; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out; cursor: pointer;}
.menu-icon span { display: block; position: absolute; height: 5px; width: 50%; background: #b8a875; opacity: 1; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out; }
.menu-icon span:nth-child(even) {left: 50%; }
.menu-icon span:nth-child(odd) {left:0px; }
.menu-icon span:nth-child(1),
.menu-icon span:nth-child(2) {top: 0px; }
.menu-icon span:nth-child(3),
.menu-icon span:nth-child(4) {top: 13px; }
.menu-icon span:nth-child(5),
.menu-icon span:nth-child(6) {top: 27px; }
.menu-icon.open span:nth-child(1),
.menu-icon.open span:nth-child(6) {-webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }
.menu-icon.open span:nth-child(2),
.menu-icon.open span:nth-child(5) {-webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); }
.menu-icon.open span:nth-child(1) {left: 5px; top: 7px; }
.menu-icon.open span:nth-child(2) {left: calc(50% - 5px); top: 7px; }
.menu-icon.open span:nth-child(3) {left: -50%; opacity: 0; }
.menu-icon.open span:nth-child(4) {left: 100%; opacity: 0; }
.menu-icon.open span:nth-child(5) {left: 5px; top: 15px; }
.menu-icon.open span:nth-child(6) { left: calc(50% - 5px); top: 15px; }

.navigationContainer { width: calc(100% + 60px); height: 100%; padding-bottom: 6000px; margin-bottom: -6000px; z-index: 99; position: absolute; display: none; top: 0; left: -30px; background-color: rgba(0,0,0,0.9); text-align: center; padding-top: 50px;}
.navigationContainer #nav-logo { display: block; text-align: center; width: 100%; margin-bottom: 50px;}
nav { display: block; z-index: 100; width: 100%; text-align: center;}
nav ul li { display: block; font-size: 0.9em; margin-bottom: 30px; text-transform: uppercase;}
nav ul li ul { display: none; margin-bottom: 30px;}
nav ul li ul li { font-size: 1.2em; margin: 15px 0;}
nav ul li.inqurie-li { margin: 50px 0;}
nav ul li:last-child { margin-bottom: 0;}
nav ul li a { color: #fff; transition: .5s all ease-in-out; font-size: 18px; padding: 10px !important;}
nav ul li a:hover { color: rgba(0,0,0,.7); text-decoration: none; }
nav ul li a.inqurie-nav { border: 1px solid #fff; padding: 10px 20px;}
nav .languages { margin-top: 100px;}
nav .languages a { display: inline-block; margin-right: 20px; font-size: 2em; padding: 10px; color: #fff;}
nav .languages a.active { background-color: #fff; color: #A9935E;}
nav .languages a:last-child { margin-right: 0;}
nav.navbar ul li.nav-item.active a.nav-link { border-bottom: 2px solid #4e8bb3;}

.btn-nav { color: rgba(0,0,0,.5); display: block; font-size: 1.0em; margin-bottom: 0px; text-transform: uppercase; border: none; padding-right: 0; padding-top: 20px;}
.btn.focus, .btn:focus { box-shadow: none !important;}

.logo { position: relative; }
.logo .flower-absolute {position: absolute; top: -100px; left: -250px; z-index: 99; width: 200px;}

.nav-font {font-size: 13px;}
.logo-absolute {position: absolute; top: 0px; left: 0px; z-index: 99;}



#gdprBox { position: fixed; bottom: 0; left: 0; z-index: 9999; width: 100%; padding: 20px; text-align: center; font-size: 12px; background: #fff; box-shadow: 2px 2px 5px rgba(0,0,0,0.7); }
#gdprBox .links { display: block; }
#gdprBox .buttons { display: block; margin: 15px 0; }
#gdprBox .acceptAll { display: inline-block; background: #4e8bb3; padding: 10px 15px; color: #fff; transition: .5s all ease-in-out; text-decoration: none; }
#gdprBox .acceptAll:hover { background: #26abe2; color: #fff; }
#gdprBox a { color: #000; text-decoration: underline; transition: .5s all ease-in-out; margin: 0 10px; }
#gdprBox a:hover { color: #777; }


.gdpr-padding {padding-top: 80px; padding-bottom: 80px; margin-bottom: 80px;}

.dropdown-item {font-size: 12px !important;}

li.active a {color: rgba(0,0,0,.5) !important; padding-left: 10px; padding-right: 10px;}

li a:hover {color: #000 !important;}

.nav-link {padding-left: 30px;}

.fa-play-circle {font-size: 33px;}

.fa-facebook-f {font-size: 33px;}
.fa-apple {font-size: 33px;}
.fa-google-play {font-size: 33px;}
.fa-instagram {font-size: 33px;}

.top-text {padding-top: 20px; padding-bottom: 150px;}

.bottom-text {padding-bottom: 20px; padding-top: 150px;}

.card h5 {font-size: 40px; font-weight: bold;}

.first-box:hover {background-image: none;}

.second-box:hover {background-image: none;}

.third-box:hover {background-image: none;}

.fourth-box:hover {background-image: none;}

.first-box {background-image: url("../images/elements/first-box.jpg");
  background-position: center;
  background-size: cover;
  transition: transform .5s ease;
}

.second-box {background-image: url("../images/elements/second-box.jpg");
  background-position: center;
  background-size: cover;
  transition: transform .5s ease;
}

.third-box {background-image: url("../images/elements/third-box.jpg");
  background-position: center;
  background-size: cover;
  transition: transform .5s ease;
}

.fourth-box {background-image: url("../images/elements/fourth-box.jpg");
  background-position: center;
  background-size: cover;
  transition: transform .5s ease;
}

.header-boxes {padding:20px;}

.header-boxes h5 {color: #fff; font-size: 25px;}

.header-boxes p {color: #fff;}

.header-boxes .card-body:hover h5 {color: #000 !important;}

.header-boxes .card-body:hover p {color: #000 !important;}

.card {border-left: 0px; border-top: 0px; border-bottom: 0px;}

.news h2 {font-size: 40px; font-weight: bold; color: #000;}
.news h3 {font-size: 25px; font-weight: bold; color: #000;}

.news-boxes {background-image:url("../images/backgrounds/newsbg.png");
    background-repeat: no-repeat;
  background-attachment: fixed;
  background-position: center;  padding-top: 70px;}

.news-boxes a {color: #000; }
.news-boxes a:hover {color: #000; }

.news-boxes .card-body h5 {padding-top: 30px; padding-bottom: 30px;}
.news-boxes h5 {font-size: 25px; font-weight: bold;}

.btn-primary {background-color: #4e8bb3 !important; color: #fff !important; border: 0px; border-radius: 0px; padding: 10px 20px 10px 20px;}
.btn-primary:hover {background-color: #305d7a !important;}

hr {margin-top: 75px; color: #000;}

.location {padding-top: 80px; padding-bottom: 80px; position: relative;}

.location-absolute {position: absolute; bottom: 20px; right: 400px; background-color: #4e8bb3 !important; z-index: 99; padding: 40px; color: #fff;}

.location-absolute p {font-size: 12px;}
.location-absolute a {color: #fff !important; font-size: 10px;}

.location-mobile {background-color: #4e8bb3 !important; padding: 40px; color: #fff;}

.location-mobile p {font-size: 12px;}
.location-mobile a {color: #fff !important; font-size: 10px;}

footer p {font-size: 10px;}
footer hr {margin-top: 20px !important;}
footer a {color: #000; font-size: 10px;}
footer a:hover {color: #000;}

.right-border {border-right: 1px solid;}

.title-desc p {font-size: 12px; font-style: italic;}

.article-content p {font-size: 14px; line-height: 25px;}

.article-content h2 {font-size: 20px; font-weight: bold; color: #000;}

.weatherwidget-io-top {padding-top: 120px !important;}

.article-top {padding-top: 115px !important;}

.google-play {padding-top: 80px; padding-right: 70px;}

.shadow {
  -webkit-box-shadow: -1px 0px 12px 0px rgba(0,0,0,0.75);
-moz-box-shadow: -1px 0px 12px 0px rgba(0,0,0,0.75);
box-shadow: -1px 0px 12px 0px rgba(0,0,0,0.75);
}

.img-index {z-index: -1 !important;}

.header {padding-top: 55px;}

.header-shadow {-webkit-box-shadow: 0px 0px 19px 0px rgba(156,156,156,1);
-moz-box-shadow: 0px 0px 19px 0px rgba(156,156,156,1);
box-shadow: 0px 0px 19px 0px rgba(156,156,156,1);
}

.iconContainer { position: relative;}
.iconContainer .iconTextContainer { width: 0; transition: width 0.5s; position: absolute; background-color: #fff; color: #000; top: calc(50% + 10px); transform: translateY(-50%); padding: 10px 0; left: 100%; text-align: center;}
.iconContainer:hover .iconTextContainer { width: 200px;}
.iconContainer .iconText { width: 200px; visibility: hidden; opacity: 0; transition: opacity 1.5s; text-align: center;}
.iconContainer:hover .iconText { visibility: visible; opacity: 1;}

#main h1 {font-size: 44px;}

.overlay { background-color: #fff; width: 100%; height: 100%; position: fixed; z-index: 999999;}
.overlay .centerContainer { position: absolute; top: 40%; width: 100%; text-align: center; margin: 0 auto; }
.overlay .centerContainer i { display: block; margin-top: 30px; color: #000; }

.div-responsive-show a {color: #000 !important;}

.header-boxes a:hover {text-decoration: none;}

.right-border a {font-size: 20px;}

.contact-responsive h3 {font-size: 45px; color: #000; padding-top: 80px !important; padding-bottom: 60px;}

.blue {background-color: #4e8bb3; color: #fff; border: none;}

.blue:hover {background-color: #3f7395; color: #fff; border: none;}

#main h1 {font-size: 45px !important;}

.news-boxes {color: #fff; padding-top: 40px; padding-bottom: 40px;}

.news-boxes h5 {color: #fff;}

.news-boxes p {color: #fff;}

.news-category {background-color: #3a3a3a; padding-bottom: 50px;}

.news h2 {color: #fff;}
.news h3 {color: #fff;}
.news p {color: #fff;}

.news-category h2 {color: #fff; font-size: 40px; font-weight: bold;}
.news-category h3 {color: #fff; font-size: 25px; font-weight: bold; }
.news-category p {color: #fff;}

.cursor-pointer { cursor: pointer;}

.contact-responsive p {font-size: 10px !important;}

.news-borders {-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
background-color: #2b2b2b;}

.left-black-bg {background-color: #23241f !important;}